@charset "UTF-8";
/* CSS Document */


html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style:none;
  text-decoration:none;
  font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
body {
  line-height: 1.7;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

/* clearfix----------------- */
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

html, body, div, a, ul, li, section {  font: inherit;  }

img{
border:none;
-ms-interpolation-mode: bicubic;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.4em;
}

@font-face {
  font-family: 'hannari';
  src: url(../font/hannari.woff) format('woff'),
       url(../font/hannari.eot) format('embedded-opentype'),
       url(../font/hannari.otf) format('opentype');
}

a {
	outline: none;
	text-decoration: none;
	-webkit-transition: background-color 1s linear, color 0.3s linear;
	-moz-transition: background-color 1s linear, color 0.3s linear;
	transition: background-color 1s linear, color 0.3s linear;

}

a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}   

/* navi */
nav div{
	width:100%;
	background:url(../img/navbg02.png) repeat;
	padding:15px 0;
	-moz-box-shadow:0px 7px 6px -6px rgba(0,0,0,0.35);
	-webkit-box-shadow:0px 7px 6px -6px rgba(0,0,0,0.35);
	box-shadow:0px 7px 6px -6px rgba(0,0,0,0.35);
	}

.parts{
	display:inline-block;
	background:url(../img/navbg01.png) no-repeat center bottom;
	height:75px;
	width:100%;
	}


/* common */

p,dt,dd,nav ul li a,footer h1,.telNo span{
	color: rgba(45,45,17,1);
	text-shadow: 0px 1px 1px #eee;}


.chapterBox{
	position:relative;}

.chapterBox h1{
	padding-bottom:30px;}

.chapterBox h1 img{
	width:50px;
	}

.ctwaku{
	padding:100px 10%;
	box-sizing:border-box;
	}
	
#link .ctwaku{
	padding:50px 10% 150px;
	box-sizing:border-box;
	}

nav ul,.chapterBox,footer{
	width:100%;
	margin:0 auto;
	text-align:center;}

.caution p{
	padding-bottom:5px;}
	
/* link */
.linkBtn{
	display:inline-block;
	vertical-align:top;
	padding:0 45px;
	}

.linkImg{
	width:200px;
	padding-bottom:25px;}

.linkImg img{
	width:100%;
	border-radius:50%;
	box-shadow:3px 3px 3px -2px rgba(0, 0, 0, 0.2);}
	
.sobaImg img{
	width:50px !important;}

.tomariImg img{
	width:35px !important;}
	
.linkBtn p span{
	display:block;
	width:80px;
	text-align:center;
	padding:8px 0;
	margin:20px auto 0;
	border-top:1px dotted rgba(45,45,17,0.5);
	border-bottom:1px dotted rgba(45,45,17,0.5);
	}

.linkBtn a,.mainBox li a,.button{
	display:block;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	}

.linkBtn a:hover,.mainBox li:hover a{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;}

/* food */

#food{
	background:url(../img/f_bg01.png) repeat;}
	
#food .chapterBox{
	background:url(../img/f_bg02.png) repeat;
	margin:0 auto;
	max-width:800px;
	box-sizing:border-box;
	}
#menuBox h2 img{
	width:140px;
	}
#menuBox{
	box-sizing:border-box;
	padding:0 10% 25px;}

#menuBox h2{
	margin-bottom:40px;}

.sobaText{
	line-height:2;
	margin-bottom:80px;
	}

.foodImg{
	width:76%;
	margin:40px auto 80px;}

.foodImg img{
	width:100%;
	border-radius:5px;}

dl{
width: 100%;
}

dt{
display: block;
width: 70%;
clear: left;
float: left;
text-align:left;
box-sizing:border-box;
padding-left:30px;
padding-bottom:25px;
}

dd{
display: block;
width: 30%;
float: left;
text-align:right;
box-sizing:border-box;
padding-right:30px;
padding-bottom:25px;
padding-top: 3px;
}

dt span{
	display:block;
	border-top:1px dashed #8F937A;
	padding-top:7px;
	margin-top:6px;}

dd span{padding-left:1px;}

.gentei{
	display:inline-block;
	border-top:none;
	padding-left: 3px;
	padding-top:0px;
	margin-top:0px;
}


.option_f{
	margin-top:40px;
	margin-bottom:30px;}

#food .caution{
	margin-bottom:25px;}

.service_f{
	background-color:rgba(108,107,91,0.2);
	padding:18px 0;
	border-radius:15px;}

.service_f p{
	margin-bottom:5px;}

.reservation{
	border-top:1px solid #8C2300;
	border-bottom:1px solid #8C2300;
	width:28%;
	color:#8C2300;
	padding:4px 0;
	margin:8px auto 0;
	letter-spacing:2px;
	}

.menuEtc{
	position:absolute;
	}

.menuEtc img{
	width:100%;}

#menuEtc01{
	bottom:70px;
	left:40px;
	width:210px;}

#menuEtc02{
	right:-100px;
	top:120px;
	width:330px;}

#menuEtc03{
	left:-160px;
	top:680px;
	width:300px;}

#menuEtc04{
	right:-50px;
	bottom:560px;
	width:200px;}

#menuEtc05{
	right:-150px;
	bottom:195px;
	width:260px;
  }

.visibility {
    visibility:hidden;
}
	
.effect_1 {
    -webkit-animation: effect_1 1s;
    animation: effect_1 1s;
    visibility: visible !important;
}
@-webkit-keyframes effect_1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes effect_1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}


/* stay */
#stayText{
	position: absolute;
	top:0;
	left: 0;
  	right: 0;
  	margin:0 auto;
	height:830px;
	max-width:800px;
	background-color:rgba(223,223,223,0.85);
	z-index:1000;
	}
	
#stayText div{
	margin:20px 0;}

.caution{
	clear:both;}

.caution span:first-child{
	margin-bottom:20px;
	}
	
.caution span:last-child{
	margin-top:20px;
	}

.caution span{
	display:block;
	background-color:#333;
	height:1px;
	box-shadow: 0px 1px 0px #eee;
	}

.text_s{
	background-color:rgba(108,107,91,0.20);
	border-radius:5px;
	padding:12px 0 11px;}

#bgFadeBox {
   height:830px;
   width:100%;
}

#bgFadeBox nav{
	display:none;}

#gallery li{
	display:inline-block;
	padding:10px 8px 0;}

#gallery li a{
	border:3px solid #EEEEEE;
	box-shadow:3px 3px 3px -2px rgba(0, 0, 0, 0.2);
	display:block;
	width:90px;
	height:90px;}

#gallery li img{
	width:100%;}

.lb-dataContainer > .lb-data > .lb-details > .lb-caption > a {
  text-decoration: none;
  display: block;
  margin-top: 8px;
  margin-bottom:10px;
  padding-bottom:10px;
  color: #ccc;
  border-bottom:1px dotted #ccc;
}

.lb-dataContainer > .lb-data > .lb-details > .lb-caption > a:hover {
  text-decoration: none;
  color: #999;
}

/* google map */
#canvas_wrapper {
  max-width: 100%;
  min-width: 280px;
  margin: auto;
}
 
#canvas_wrapper img {max-width: none;}
 
#map-canvas {
  height:320px;
  width:100%;
}

footer{
	position:relative;
	}

footer h1{
	margin-bottom:5px;}

small{
	display:block;
	padding:10px 0;
	background:url(../img/f_bg.png) repeat;
	color:#DFDFDF;}

.shopInfo{
	margin-bottom:15px;}

.shopInfo p{
	margin-bottom:5px;}
	
#storeImg{
	text-align:center;
	width:100%;
	height:auto;
	}

#storeImg img{
	width:180px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	border:10px solid #A19A83;
	margin-top:-50px;
	}
	
.infoBox{
	width:100%;
	padding-bottom:20px;
	padding-top:10px;}

.telNo span{
	padding-left:5px;}


.button {
	position: relative;
	display: inline-block;
	width:90px;
	height:90px;
	line-height: 70px;
	border: 7px solid #A19A83;
	color: #A19A83;
	border-radius:50%;
	font-size:28px;
	vertical-align:bottom;
	opacity: 0.5;
}

.button:hover {
	opacity: 1;
}



/* font */
.sobaImg span,.tomariImg span{
	font-family: 'Crete Round', serif;
	font-size:1.4rem;
	letter-spacing:2px;
	color: #787261;
	}

/*
.sobaText,dt,dd,p,h1,.s_haku{font-family: 'hannari';}

.sobaText{font-size:1.6rem;}

.chapterBox p{font-size:1.5rem;}
*/

nav ul li a{
	letter-spacing:1px;
	font-size:1.4rem;}

.mainBox ul li span{
	font-family: 'Crete Round', serif;
	font-size:1.1rem;
	letter-spacing:1px;}

dt,dd{font-size:1.8rem;}

dt span{font-size:1.2rem;}

.s_price{font-size:3.8rem;}

dd span{font-size:1.3rem;
}

.reservation{
	font-weight:600;}
	
.telNo span a{
	font-size:3.8rem;
	font-weight:600;
	color: rgba(45,45,17,1)!important;
	text-shadow: 0px 1px 1px #eee!important;
	}
	
footer h1{font-size:1.8rem;}

.address{
	color: #787261;}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/


@media screen and (max-width: 479px) {


html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  font-weight:bold !important;
}

.mainBox ul {
	padding:10px 0;
	width:80%;
}
	
.line{
	display:block;
	margin:0 auto;
	width:300px;
	}
.line img{
	width:100%;}

.mainBox ul li{
	padding:0 15px;}

.mainBox ul li img{
	display:block;
	padding-bottom:10px;}


#loding__icon{
	width: 15%;
}
	
.sinnen{
	width: 80%;
	padding: 2% 4%;
	font-size: 1.4rem;
}	

#nav_s img{
	width:85px;}

#nav_o img{
	width:70px;}
	
.top,.rubi{
	display:none;}

nav ul li{
	padding:0 10px;}

#stayText{
	height:500px;
	width:80%;
	}

.linkBtn{
	display:inline-block;
	vertical-align:top;
	padding:0 12px;
	}

.linkImg{
	width:120px;
	padding-bottom:25px;}

.linkImg img{
	width:100%;
	border-radius:50%;
	box-shadow:3px 3px 3px -2px rgba(0, 0, 0, 0.2);}

.chapterBox{
	overflow-x:hidden;}


.foodImg{
	width:85%;
	margin:20px auto 60px;}

.foodImg img{
	width:100%;
	border-radius:5px;}

#menuEtc01{
	bottom:300px;
	left:-60px;
	width:150px;}

#menuEtc02{
	right:-150px;
	top:10px;
	width:300px;}

#menuEtc03{
	left:-130px;
	top:465px;
	width:210px;}

#menuEtc04{
	right:-85px;
	bottom:320px;
	width:160px;}

#menuEtc05{
	right:-10px;
	bottom:30px;
	width:180px;
  }

#menuBox{
	box-sizing:border-box;
	padding:0 2% 20px;}

dl{margin-bottom:10px;}

dt{
    width: 62%;
    padding-left:18px;}

dd{
    width: 38%;
    padding-right:18px;}
    
.caution p{
	box-sizing:border-box;
	padding:0 2%;}

#stayText{
	min-height:790px;
	max-width:800px;
	}

.text_s p:first-child{
	margin-bottom:5px;}
	
#bgFadeBox {
   height:790px;
   width:100%;
}

#gallery li{
	display:inline-block;
	padding:10px 4px 0;}
	
#gallery li a{
	border:2px solid #EEEEEE;
	box-shadow:2px 2px 3px -2px rgba(0, 0, 0, 0.2);
	width:50px;
	height:50px;}

.ctwaku{
	padding:100px 8%;
	box-sizing:border-box;
	}

footer h1,.service_f p,.text_s p:first-child,.shopInfo p{
	margin-bottom:1px!important;}

.text_s p{font-size:1.3rem;}

.telNo{
	font-size:2.5rem;
	}
.telNo a{
color: rgba(45,45,17,1)!important;
	text-shadow: 0px 1px 1px #eee!important;
}

/* font */
.caution p,.option_s{
font-size:1.2rem;
	}

.sobaText{font-size:1.5rem;}

    #infoBox h2{
        font-size:1.6rem!important;
    }

}