/********************************************
 * Reset CSS
 ********************************************/

html{width:100%;height:100%;background-image:url(../img/bg/bg_index.gif);background-repeat:repeat;position:relative;z-index:0;color:#686759;margin:0 auto 0 auto;text-align:center;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,
fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;vertical-align:bottom; /* up 20130410 画像の隙間をなくす */}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{ *font-size:100%; }
/*because legend doesn't inherit in IE */
legend { color:#000; }
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset { display: none; }
.clearfix:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
a {margin:0;padding:0;color:#a64814;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
body {font-size:14px;text-align:center;margin:0 auto 0 auto;/*	scrollbar-face-color: #e9dac3;scrollbar-track-color: #fcfaf3;scrollbar-arrow-color: #ccc;scrollbar-highlight-color: #e9dac3;scrollbar-shadow-color: #fcfaf3;scrollbar-3dlight-color: #fcfaf3;scrollbar-darkshadow-color: #fcfaf3;*/}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/* 共通部品

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

/********************************************
 * コンテンツ （画像設定含む）
 ********************************************/

	.cover {position:relative;background:url(../img/bg/bg_header_sp.gif) top center;background-repeat:repeat-x;width:100%;height:100%;text-align:center;padding:0 auto 0 auto;}
	.cover::before{position:absolute;content:"";top:149px;left:0;width:100%;height:42px;border-top:2px groove #D4D3B1;border-bottom:2px groove #D4D3B1;}
	.cover::after{position:absolute;content:"";top:185px;left:0;width:100%;height:42px;border-top:2px groove #D4D3B1;}
	#contents {background:#fff;width:950px;margin:15px auto 0 auto;text-align:left;padding:0 0 2em 0;}
	.section{position:relative; overflow:hidden;}
	.section .inner{width:850px;margin:0 auto;}
	.section.mgb{margin-bottom:2em;}
	.conts_bottom_bg {background:url(../img/bg/bg_slider_u.png);width:950px;height:19px;margin:0 auto 10px auto;}
	.conts_title_pic {width:950px;margin:17px auto 0 auto;}
	.img_sp{display:none;}	
	.bg1{position:relative; overflow:hidden;width:880px; margin:15px auto; background:url(../img/bg/ryori_bg.png) 0 0 repeat; border:1px solid #d8cfb2;padding:20px 0;line-height:1.5;}

	/* page_cap */
	#page_cap {background:url(../img/bg/t_welcome_bg.jpg) 0 0 no-repeat;}
	#page_cap h2{text-align:left;padding:1em 0;}
	#page_cap .txt {padding:0 0 20px 43px;font-size:14px;line-height:2;}

	/* カラム2 */
	.clm_list_2{position:relative; overflow:hidden;margin:0 auto; width:820px;}
	.clm_list_2 ul{position:relative; overflow:hidden;}
	.clm_list_2 li{float:left; margin-right:20px;margin-bottom:15px;text-align:center;}
	.clm_list_2 li:nth-child(2n){margin-right:0;}

	/* カラム3 */
	.clm_list_3{position:relative; overflow:hidden;margin:0 auto; width:840px;text-align:left;}
	.clm_list_3 ul{position:relative; overflow:hidden;}
	.clm_list_3 li{float:left; margin-right:15px;margin-bottom:30px;text-align:center;width:270px;}
	.clm_list_3 li:nth-child(3n){margin-right:0;}
	.clm_list_3 li h3{font-weight:bold;text-align:left;}
	.clm_list_3 li p{text-align:left;}

	/* table */
	.com_tbl{border-collapse: collapse; border-spacing: 0; border:none; margin:10px 0 0 0; width:100%; font-size:14px;background:url(../img/com/line.gif) bottom left repeat-x;}
	.com_tbl tr{background:url(../img/com/line.gif) top left repeat-x;}
	.com_tbl th,.com_tbl td{padding:10px 20px;line-height:1.6;}
	.com_tbl th{color:#958a66;background:url(../img/com/dot.gif) center right no-repeat;}
	
/* SmartPhone */
@media screen and (max-width:768px){

	.cover::before{content:none;}
	.cover::after{content:none;}
	.spnone{display:none;}
	#contents {width:100%;}
	.section .inner{width:90%;}
	.conts_bottom_bg {width:100%;}
	.conts_title_pic {width:100%;margin:0 auto;}
	.conts_title_pic img{width:100%;}
	.img_sp{display:block;}	
	.img_pc{display:none;}	
	.bg1{width:90%;}

	/* page_cap */
	#page_cap .txt {padding:0 15px 0 15px;font-size:14px;line-height:1.8;font-size:14px;}

	/* カラム */
	.clm_list_2{width:90%;}
	.clm_list_3{width:95%;}
	.clm_list_2 li,.clm_list_3 li{float:none; margin-right:0;text-align:left;width:100%;}
	.clm_list_2 li img,.clm_list_3 li img{width:100%;}
	.clm_list_3 li{margin-bottom:15px;}

	/* table */
	.com_tbl{}
	.com_tbl tr{background:url(../img/com/line.gif) top right repeat-x;}
	.com_tbl th,.com_tbl td{display:block;padding:10px;}
	.com_tbl th{padding:10px 0 0 10px;}
	.com_tbl td{padding:10px;}
	.com_tbl th{color:#958a66;background:none;font-weight:bold;}

}

/* header nav

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	#header {position:relative; overflow:hidden;width:950px;height:100%;margin:0 auto 0 auto;}
	#header .inner {display:none;}
	#header .conts {height:150px;}
	#header .left {float:left;text-align:left;}
	#header .tel_pc {padding-top:90px;}
	#header .tel_pc a{display:block;font-family: serif;text-decoration: none;color: #333;padding: 8px 0;font-weight: bold;font-size:20px;}
	#header .tel_pc a span{font-size:14px;}
	#header .right {float:right;text-align:right;}
	#header .tel_sp{display:none;}

	#nav {position:relative; overflow:hidden;width:950px;margin:0 auto;}
	#nav li{float:left;}
	#nav li img{display:block;}
	#nav li p{display:none;}
	.nav_left { float:left;}
	.nav_right {float:right;}
	.conts_sp {display:none;}

	/* LINEバナー */
	.lineBnr{position:absolute;top:10px;left:224px;}
	.lineBnr img{width:445px;}
	
	/* Instagramバナー */
	#header .right.headerInstaBnr{padding-top: 73px;}
	#header .right.headerInstaBnr a{display: inline-block;}
	#header .headerInstaBnrSp{display:none;}	
/* SmartPhone */
@media screen and (max-width:768px){ 
	#header {position:fixed;z-index:101;width: 100%;height: auto;margin:0 auto;background: url(../img/bg/bg_header_sp.gif) top;background-repeat: repeat-x;width: 100%;}
	#header .conts {display:none;}	
	#header .inner{height:65px;border-bottom:1px solid #BEBE94;text-align: left;padding: 5px 15px 10px 15px;float:none;display:block;}
	#header h1 {display:inline-block;}
	#header h1 img{max-width:108px;width:100%;}
	#header .rsv a{color:#A64814;text-decoration:none;}
	#header .rsv{position:absolute;text-align:center;display:block;}
	#header .rsv{top:12px;right:62px;}
	#header .rsv .text{font-size:11px;text-align:center;font-weight: bold;}
	#header .rsv .icon i{font-size:30px;}
	.cntFixed{position:fixed !important;width: 100%;}
	.conts_sp {padding-top: 65px;display:block;}
	.conts_sp .left,.conts_head .right {float:none;}
	.conts_sp .right {display:none;}
	.conts_sp .left img{width:120px;}
	.conts_sp .conts {height:100%;}
	.conts_sp .tel_sp{display:block;background:url(../img/bg/tel_bg.png) 0 0 repeat-x;height:45px;}
	.conts_sp .tel_sp a{display:block;font-family: serif;text-decoration: none;color: #333;padding: 8px 0;font-weight: bold;font-size:20px;}
	.conts_sp .tel_sp a span{font-size:14px;}
	.conts_sp .tel_sp img{padding:10px 0 0 0;}
	
	
	/* メニュー */
	#nav {position:relative; overflow:hidden;width:100%;}
	#nav ul {width:100%;margin:0 auto;background:#F9F3D3;display:none;}
	#nav li {position:relative;overflow:hidden;width:100%;text-align:center;}
	#nav li img{display:none;}
	#nav li a,#nav li p{display:block;width:100%;padding:8px 0;text-decoration:none;color:#000;}
	#nav li a{border-bottom:1px dotted #BEAF84;}
	/* メニューボタン */
	.nav_toggle { position: absolute; right: 10px; top: 20px; width: 34px; height: 36px; cursor: pointer; z-index: 101;}
	.nav_toggle div { position: relative;}
	.nav_toggle span { display: block; position: absolute; height: 2px; width: 100%; background: #3C3C31; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out;}
	.nav_toggle span:nth-child(1) { top: 0;}
	.nav_toggle span:nth-child(2) { top: 11px;}
	.nav_toggle span:nth-child(3) { top: 22px;}
	/* 	/* メニューボタン 切り替えアニメーション */
	.open.nav_toggle span:nth-child(1) {top: 11px; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg);}
	.open.nav_toggle span:nth-child(2) {width: 0; left: 50%;}
	.open.nav_toggle span:nth-child(3) {top: 11px; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg);}
	/* .nav スライドアニメーション */
	.open.nav {-moz-transform: translateY(556px); -webkit-transform: translateY(556px); transform: translateY(556px);}
	
	/* LINEバナー */	
	.lineBnr{position:static;padding:10px 0;}.lineBnr img{max-width:95%;}
	
	/* Instagramバナー */
	.conts_sp .headerInstaBnrSp{display:block;margin-bottom:10px;}
}

/* footer

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	#footer {position:relative; overflow:hidden;width:950px;margin:0 auto;padding:15px 0 10px 0;}
	#footer .left {float:left;text-align:left;font-size:14px;}
	#footer .right {float:right;text-align:right;font-size:11px;}
	.line_footer {background:url(../img/bg/line_footer.png)0 0 repeat-x;width:100%;height:4px;}
	#bottom {width:950px;margin:0 auto 0 auto;text-align:right;}
	#footer h3 {font-size:18px;color:#000;text-shadow:0 0 2px #493647;padding-bottom:4px;}

/* SmartPhone */
@media screen and (max-width:768px){ 
	.f_main{background:#F9F3D3;}
	#footer {width:90%;line-height:1.6;background:#F9F3D3;}
	#footer .left {float:none;margin-bottom:1em;}
	#footer .left span{display:block;}
	#footer .right {float:none;text-align:left;}
	#bottom {width:90%;margin:0 auto 0 auto;text-align:right;}

}

/********************************************
 *  お料理
 ********************************************/

	/* プランリンク */
	.planlink {max-width:880px;margin:10px auto;text-align:right;}
	a:hover img {opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";} 
	a:hover img.img_alpha {opacity:0.5;filter: alpha(opacity=50);  /* opera firefox safari */-ms-filter: "alpha( opacity=50 )";/* ie */}

	.r_item{position:relative; overflow:hidden;}
	.r_item .thum{float:left;width:500px;margin-right:20px;}
	.r_item .thum .img1{margin-bottom:10px;}
	.r_item .thum .img2{margin-right:10px;}
	.r_item .txt{float:left;width:330px;}
	.r_item .txt h3{padding-bottom:0;}

/* SmartPhone */
@media screen and (max-width:768px){ 

	.planlink {width:90%;text-align:center;}

	.r_link{text-align:center;}
	.r_item{position:relative; overflow:hidden;}
	.r_item .thum .img1{margin-bottom:1px;}
	.r_item .thum .img1,
	.r_item .thum .img2,
	.r_item .thum .img3{width:100%;}
	.r_item .thum{float:none;width:100%;margin-right:0;}
	.r_item .txt{float:none;width:100%;}
	.r_item .txt h3 img{margin-top:10px;width:100%;}
}

/********************************************
 *  料金
 ********************************************/
.noteLogo{display:flex;justify-content: center;align-items:center;gap:20px;margin-bottom:1rem;}
.noteLogo img{max-width:200px;width:100%;}
.ryokinBnrBox{display:flex;justify-content: space-between;align-items:center;}
.ryokinBnrBox{display:flex;justify-content: space-between;align-items:center;}
.ryokinBnrBox .lineBnr{position:static;margin-right:3rem;}
@media screen and (max-width: 768px){
	.ryokinBnrBox{display:block;}
	.ryokinBnrBox .lineBnr{text-align:center;margin-right:0;}
}

/********************************************
 *  GMAP
 ********************************************/
/* SmartPhone */
@media screen and (max-width:768px){ 
	.gmap{position: relative; width: 100%; padding: 75% 0 0 0;}
	.gmap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}
/********************************************
 *  汎用
 ********************************************/

	.note{font-size:12px;margin:10px 0;line-height:1.6;}
	.note.t_right{text-align:right;}

	.txt_white {color:#fff;}
	.txt_black {color:#000;}
	.txt_gold {color:#917f34;}
	.txt_brown {color:#633;}
	.txt_red {color: #C24F3D;font-weight: bold;}
	.txt_red2{color:#FF0004;}
	.txt_yellow {color:#FC0;}
	.txt_green {color:#9C3;}

	.txt_10 {font-size:10px;}
	.txt_12 {font-size:12px;}
	.txt_14 {font-size:14px;}
	.txt_16 {font-size:16px;}
	.txt_18 {font-size:18px;}
	.txt_center {text-align:center;}
	.txt_left {text-align:left;}
	.txt_right {text-align:right;}
	.txt_pdg6 {padding:6px;}

	.mgt10{margin-top:10px;}
	.mgt1{margin-top:1em;}
	.mgt2{margin-top:2em;}
	.mgb10{margin-bottom:10px;}
	.mgb1{margin-bottom:1em;}
	.mgb2{margin-bottom:2em;}
	.w50{width:50%;}
	.w45{width:45%;}
	.w40{width:40%;}
	.w35{width:35%;}
	.w30{width:30%;}
	.w25{width:25%;}

	
/* SmartPhone */
@media screen and (max-width:768px){

	.note{margin:10px 0 0 0;}
	.note.t_right{text-align:left;}
	.w100{width:100%;}
	.w50,.w45,.w40,.w35,.w30,.w25{width:100%;}

}

.ffMincyo { font-family:Palatino Linotype,Book Antiqua,Palatino,Klee,"游明朝体",Yu Mincho,YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝B","メイリオ","ＭＳ Ｐ明朝","MS PMincho","meiryo",serif;}