/*基本CSSの設定*/

body{

background:url(../img/bg.jpg) repeat;
width:100%;
height:100%;}
p{
font-family: 'Noto Sans JP', sans-serif;
font-size:14px;
line-height:2em;
}

#wrapper{
position:relative;
background:#FFFFFF;
width:924px;
margin:0 auto;
overflow:hidden;
}
h2,h3,h4,h5,li{
font-family: 'Hannari', 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;
color:#6A3906;
font-weight:bold;
}
a{ text-decoration:none;}
a:link { color:#6A3906; text-decoration:none }
a:visited { color:#6A3906; text-decoration:none }
a:hover{
color:#AC2325;
text-decoration:none;
}
i{
color:#686868;
margin-left:3px;}

/*ヘッダーエリアの設定*/
#header{
width:924px;
margin:0 auto;
position:relative;}
/*メインロゴ*/
#header h1{
width:214px;
margin:0 auto 0 auto;
padding-top:20px;
}
/*スタッフ募集とお問い合わせ*/
ul#sub_nav {
position:absolute;
top:0;
right:30px;
display:table;
}
ul#sub_nav li {
display:table-cell;
padding-left:5px;
}
ul#sub_nav li img{
position:absolute;
top:6px;
right:110px;
width:20px;
height:20px;}
ul#sub_nav li a {
font-size:15px;
letter-spacing:0.2em;
color:#fff;
display:block;
width:130px;
padding:6px 20px 8px 0;
text-align:right;
background:url(../img/bottan.png) no-repeat;
border-radius:0 0 10px 10px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
ul#sub_nav li a:hover {
opacity:0.5;
}
/*ナビゲーション*/
#menu-box{
height:40px;
background-color:#fff;
width:100%;
padding-bottom:7px;
border-bottom:solid 3px #000;
position:relative;
z-index:100 !important;
}
#menu-box ul{
width:840px;
margin:0 auto;
display:table;
}
#menu-box ul li{
width:105px;
height:32px;
display:table-cell;
padding-left:5px;
font-family: 'Libre Baskerville', serif;
font-size:18px;
text-align:center;
letter-spacing:0.03em;
}
#menu-box ul li a{
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#menu-box ul li a span {
display:block;
font-size:13px;
margin-top:-2px;
font-family: 'Hannari', 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;
text-align:center;
letter-spacing:-0.1em;
}

/*レスポンシブル用メニュー設定*/
@media only screen and (min-width: 769px){
#menu-box #toggle p#menu_moji{display:none;}
#menu-box{
padding-top:15px;
}
#menu-box ul li:first-child{
width:155px;}
#menu-box ul li:nth-child(3){
width:160px;}
#menu-box ul li:nth-child(4){
width:80px;}
}


#contents{
width:824px;
margin:0 auto;}

/*フッター*/
#footerBox{
width:824px;
margin:60px auto 0 auto;
overflow:hidden;
}
footer #footerNab{
width:550px;
float:left;
margin-top:15px;
}
footer #footerNab ul{
display:table;
}
footer #footerNab li{
margin-top:50px;
padding:0 13px 0 0;
list-style:none;
display:table-cell;
font-size:13px;
}
#footerBox #footerId{
margin-top:-20px;
float:right;
width:320px;
text-align:right;
}
#footerBox #footerId p,p#copy small{
font-size:11.5px;
line-height:1.3em;
color:#686868;
}
p#copy small{
display:block;
width:824px;
margin:30px auto 20px auto;
text-align:center;
letter-spacing:0.1em;}

p#page-top img {
width:40px;
position: fixed;
bottom: 10px;
right: 10px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#page-top a:hover {
text-decoration: none;
background: #999;
opacity: 0.8;
}


/*トップ写真*/
#main_img{
position: relative;
height:0; /* 画像の高さに合わせて記述 */
z-index:20;
overflow:hidden;
padding-top:50.43%;
}
#main_img img {
position: absolute;
top: 0;
left:0;
z-index: 8;
opacity: 0.0;
width:100%;
height:100%;
}
#main_img img.active {
z-index: 10;
opacity: 1.0;
}
#main_img img.last-active {
z-index: 9;
}

/*インフォメーションとバナーボックス*/
#infoBannerBox{
width:824px;
}
/*インフォメーション*/

#information{
width:824px;
}
#information ul li {
border-bottom:solid 1px #6A3906;
font-size:14px;
color:#686868;
line-height:2.3em;
}
#information h3{
margin-top:10px;
font-family: 'Libre Baskerville', serif;
letter-spacing:0.05em;
color:#6A3906;
font-weight:bold;
text-align:left;
font-size:18px;
}
#information ul li time{
font-size:12px;
padding:0 10px 0 5px;
}
/*バックナンバー*/
#information p#backNumber{
width:350px;
text-align:right;
font-size:10px;
color:#686868;
font-weight:bold;
}

/*バナー*/
#infoBannerBox{
margin:40px auto 40px auto;}
#bannerBox{
width:405px;
float:right;
}
#bannerBox1{
width:405px;
float:left;
}
/*タイトル部分共通*/
h2 {
width:824px;
height:70px;
display:block;
font-size:14px;
text-align:center;
margin:0 auto;
padding-left:-15px;
}
h2 span{
width:824px;
display:block;
font-size:14px;
text-align:center;}

/*リンク用各メニュータイトル上余白*/
#aboutusArea{
padding-top:80px;}
#menuArea{
padding-top:50px;}
#wineArea,#cafeArea{
padding-top:40px;}
#accessArea{
padding-top:35px;}

/*Aboutus*/
h2#about img {
width:234px;
}
p.center{
text-align:center;
}
#about_img{
margin:20px auto 0 auto;}
#about_img img{
width:405px;
float:left;
margin:2px 2px 2px 2px;
}
/*パンへのこだわり*/
#kodawari h3{
width:200px;
margin:25px auto 20px auto;
font-size:25px;
text-align:center;
border-bottom:solid 2px #6A3906;}
.box1 img{
width:385px;
float:left;
margin-right:15px;}
.box1 p{
font-size:13px;
line-height:1.8em;
text-align:justify;}

/*MENU*/
#menuArea h2 img{
margin-top:30px;
width:122px;}
.item{
width:435px;}

/*タブ メニューエリア*/
#menuArea .tab{overflow:hidden;
margin:40px auto 10px auto;
width:824px;
height:40px;
display:table;}
#menuArea .tab li{
display:table-cell;
width:274px;
text-align:center;
}
#menuArea .tab li:hover{
background:url(../img/tab_bg.jpg) repeat-x;
color:#fff;}
#menuArea .tab li span {
display:block;
font-size:12px;
margin-top:-2px;
font-family:"Times New Roman", "游明朝", YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “メイリオ”, Meiryo, serif;
text-align:center;
}
#menuArea .hide {display:none;}

/*タブ ワインエリア*/
#wineArea .tab2{overflow:hidden;
margin:40px auto 10px auto;
width:824px;
height:40px;
display:table;}
#wineArea .tab2 li{
display:table-cell;
width:274px;
text-align:center;
}

.select, .select2 {
background:url(../img/tab_bg.jpg) repeat-x;
color:#fff;}
#wineArea .tab2 li:hover{
background:url(../img/tab_bg.jpg) repeat-x;
color:#fff;}
#wineArea .tab2 li span {
display:block;
font-size:12px;
margin-top:-2px;
font-family:“Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “メイリオ”, Meiryo, serif;
text-align:center;
}
#wineArea .hide {display:none;}

.itemBox{
clear:both;
}
.itemBox h4{
font-size:18px;
margin-bottom:15px;
letter-spacing:0.1em;
}
.itemBox p{
font-size:13px;
line-height:1.7em;
margin-bottom:10px;
text-align:justify;
font-weight: normal !important;
color:#000;
}
.itemBox img{
float:left;
margin-right:10px;
}
.itemBox .more{
text-align:right;
font-weight:bold !important;}
/*ワイン*/
h2#wine img{
width:294px;
margin-top:40px;}

/*カフェ*/
h2#cafe img{
width:74px;
margin-top:40px;
}
#cafeArea .box1{
margin-top:70px;}
img#cafespace{
width:435px;}
.box1 p.more{
text-align:right;
font-weight:bold !important;}
p#coffe img{
width:128px;}

/*モーニングランチ共通*/
.box2{
margin-top:35px;
margin-right:15px;}
.box2 > img{
width:200px;
float:right;}
#cafeArea p.cap{
font-size:12px;
line-height:1.2em;}
#cafeArea .inBox{
margin-top:19px;}
#cafeArea .box2{
width:397px;
float:left;
}
#cafeArea .box2_sentence{
width:185px;
float:left;
}
#cafeArea .box2_sentence h5{
font-size:14px;
line-height:1.2em;
font-weight:bold;
padding:5px 0 0 0;
}
#cafeArea .box2_sentence p{
text-align:justify;}
/*アクセス*/

h2#access img{
width:113px;
margin-top:50px;
}
#accessArea .box1{
margin-top:50px;
width:824px;
}
#accessArea.box1_left{
width:425px;
float:left;
}
#accessArea.box1_right{
width:399px;
float:left;
}
.box1_right img{
width:208px;
margin-right:205px;
margin-top:-20px;}
.box1_right p{
line-height:1.4em;
font-size:13px;
}
.box1_right img{
padding-top:20px;}
.box1_right h5{
font-size:16px;
margin-bottom:10px;}
/*高平店*/
H5 #open{
font-size:smaller;
color:#960608;}

.gaikan{margin-bottom: 20px;}

/*アクセスグーグルマップ*/
.ggmap{
width:824px;
margin:20px auto 10px 1px;}

/*姉妹店*/
#natural{
width:200px;
margin:25px auto 20px auto;
font-size:25px;
text-align:center;
border-bottom:solid 2px #6A3906;}
#othershopArea{
width:824px;
}
h3#natural{
font-size:20pt;
text-align:center;
}
.box_othershop{
width:824px;
float:left;
}
.box_othershop img{
width:188px;
height:147px;
float:left;
}
.box_othershop .textBox{
width:500px;
margin-left:10px;
float:left;
}
.box_othershop .textBox p{
line-height:1.35em;
font-size:13px;
margin-top:7px;
}

/*カフェメニューページ-----------------------*/
#cafecontents{
width:680px;
margin:0 auto;}
h2#cafemenu{
width:202px;
margin:60px auto 60px auto;}
h2#cafemenu span{
width:202px;
}
.cafeBox{
width:700px;
margin:10px auto 40px auto;}
.cafeBox h3#morning,.cafeBox h3#lunch{
margin-bottom:0;}
h4.cafemenuTitle{
margin-top:15px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
font-weight:bold;}
span.yen{
font-family: 'Libre Baskerville', serif;
margin-left:10px;}
div.cafeBox_sentence{
width:450px;
float:left;
}
div.cafeBox_sentence p{
line-height:1.5em;}
.cafeBox_img{
width:220px;
float:right;}
.cafeBox_img img:first-child{
padding-top:51px;}
span.yen_small{
text-size:0.7em;
font-family: 'Libre Baskerville', serif;
margin-left:10px;}
.cafeBox_sentence h3{
font-family: 'Libre Baskerville', serif;
font-size:25px;
margin-bottom:10px;
letter-spacing:0.15em;}

/*ワインリストページ*/
h3#wine,#cheese{
font-family: 'Libre Baskerville', serif;
font-size:25px;
margin-top:20px;
margin-bottom:10px;
letter-spacing:0.15em;}
div.winebox_img{
width:80px;
height:200px;
float:left;}
div.winebox_sentence {
width:600px;
height:200px;
float:right;}
#winename1,
#winename2,
#winename3,
#winename4,
#winename5,
#winename6{
	margin-bottom:40px;}
div.cheesebox_img{
width:115px;
height:100px;
float:left;}
div.cheesebox_sentence {
width:545px;
height:100px;
float:right;
margin-left:20px;}
#cheese1,
#cheese2,
#ham,
#soup{
	margin-bottom:30px;}
#cheese1{
margin-top:20px;}
/*ニュースページ-----------------------*/
h2#newspage{
width:600px;}
h2#newspage img{
display:block;
width:110px;
margin:40px auto 5px auto;}
h2#newspage span{
display:block;
width:110px;
margin:0px auto 5px auto;
}
.newsBox{
width:600px;
float:left;}
.newsBox img{
width:600px;}

div.newsBox_sentence{
width:550px;
margin:0 auto;
text-align:justify;
color:#6A3906;
padding-bottom:10px;
}
h3.newstitle{
font-size:25px;
text-align:center;
margin-top:20px;
margin-bottom:20px;}
.newsCap_small{
font-size:0.8em;}
p.toBackNumber{
color:#6A3906;
text-align:right;
margin-bottom:20px;}
.backnumberBox{
float:right;
margin-top:100px;
width:140px;}
h3#backNumber{
font-family: 'Libre Baskerville', serif;
font-size:17px;
margin-bottom:5px;}
.newstitleBox{width:600px;}
#tugi{
width:550px;
margin:15px auto 20px auto;
}
#tugi p{line-height:1.5em;
font-size:0.75em;
}
#tugi p span{
font-weight:bold;}
#back{
width:275px;
float:left;
text-align:left;}
#next{
width:275px;
float:right;
text-align:right;}
span.nextpage{
font-size:1.5em;}
hr{border:1px solid #947B5E;
margin-top:40px;}
p.toBackNumber{
display:block;
width:575px;
text-align:right;
}


/*コンタクトページ-----------------------*/
h2#contactMenu{
width:174px;
text-align:center;
margin:40px auto 0px auto;
padding-left:20px;
}
h2#otoiawase{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:18px;
margin:0 auto 20px auto;
width:180px;
height:40px;
display:block;
padding-top:13px;
border:3px solid #6A3906;}
.honbun p{
display:block;
width:400px;
margin:0 auto;
font-size:18px;
margin-bottom:40px;
text-align:center;}
.contactBox{
width:400px;
margin:0 auto;
}
.newsCap_small{
text-align:justify;}
h4.contactTel,h4.contactFax{
font-size:20px;
font-family: 'Noto Sans JP', sans-serif;
font-weight:bold;
height:15px;
margin-bottom:10px;}
h3.telfax{
font-size:30px;
height:39px;
margin-top:5px;
margin-bottom:1px;}
h4.contactFax{
margin-top:40px;}
p.attention,p.uketsuke{
font-size:12px;
margin-left:0;
margin-right:0;
line-height:1.6em;}
p.attention span{
font-weight:bold;
margin-top:15px;}
p.uketsuke{
margin-top:0px;
}
p.attention{
margin-top:20px;
text-align:justify;
line-height:1.7em;}
p.tenpo{
	font-size:14px;
	margin-top:10px;
	margin-bottom:2px;}
.ominetakahira{font-size:smaller;}