@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


body{
 margin           : 0px auto;
 padding          : 0px auto;
 text-align       : center;
 background-color : #ffffff;
}

.clear-both{
 clear            : both;
 height           : 0px;
}




/*--------------------------------------*/
/*--トップページ--*/
/*--------------------------------------*/


#topwr{
 margin           : 0px auto;
 width            : 100%;
 height           : 473px;
 text-align       : center;
 color            : #333333;
}

#topcon{
 clear            : both;
 display          : block;
 margin           : 0px auto;
 width            : 950px;
 height           : 473px;
 text-align       : center;
 background-image : url(../img/topbg01.jpg);
}


#topconnavi{
 float            : left;
 display          : inline;
 margin-top       : 40px;
 margin-left      : 73px;
 width            : 289px;
 height           : 362px;
 text-align       : center;
 background-color : #ffffff;
}
#topconnavi h1{
 display          : none;
}



#infowr{
 margin           : 0px auto;
 width            : 100%;
 text-align       : center;
 background-color : #6DC9C2;
}

#infocon{
 clear            : both;
 display          : block;
 margin           : 0px auto;
 width            : 950px;
 text-align       : center;
 background-image : url(../img/topbg02b.jpg); background-repeat : no-repeat;
}

#info01{
 float            : left;
 display          : inline;
 margin-top       : 5px;
 margin-left      : 64px;
 width            : 400px;
 text-align       : left;
 color            : #062B27;
 font-size        : 11px;
 line-height      : 130%;
}
#info01img{
 float            : left;
 display          : inline;
 margin-top       : 0px;
 margin-left      : 0px;
 width            : 85px;
 text-align       : left;
}
#info01txt{
 float            : left;
 display          : inline;
 margin-top       : 0px;
 margin-left      : 0px;
 width            : 315px;
 height           : 90px;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
 line-height      : 160%;
}
#info01txt p{
 margin-top       : 0px;
 width            : 315px;
}
#info01{
 float            : left;
 display          : inline;
 margin-top       : 5px;
 margin-left      : 36px;
 width            : 400px;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
 line-height      : 160%;
}

.info01txt a:link{
 color            : #062B27;
 text-decoration  : underline;
}
.info01txt a:visited{
 color            : #062B27;
 text-decoration  : underline;
}
.info01txt a:hover{
 color            : #105C25;
 text-decoration  : underline;
}








/*--------------------------------------*/
/*--トップページ 1個のみの場合--*/
/*--------------------------------------*/


.info01imgB{
 float            : left;
 display          : inline;
 margin-top       : 0px;
 margin-left      : 0px;
 width            : 125px;
 text-align       : left;
}
.info01txtB{
 float            : left;
 display          : inline;
 margin-top       : 0px;
 margin-left      : 0px;
 width            : 275px;
 height           : 90px;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
 line-height      : 130%;
}
.info01txtB p{
 margin-top       : 0px;
 width            : 295px;
}














#info02{
 float            : left;
 display          : inline;
 margin-top       : 5px;
 margin-left      : 36px;
 width            : 400px;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
 line-height      : 160%;
}

#info02 a:link{
 color            : #062B27;
 text-decoration  : underline;
}
#info02 a:visited{
 color            : #062B27;
 text-decoration  : underline;
}
#info02 a:hover{
 color            : #FFCC00;
 text-decoration  : underline;
}



.info01{
 float            : left;
 display          : inline;
 margin-top       : 5px;
 margin-left      : 64px;
 width            : 400px;
 text-align       : left;
 color            : #062B27;
 font-size        : 11px;
 line-height      : 130%;
}
.info01img{
 float            : left;
 display          : inline;
 margin-top       : 10px;
 margin-left      : 0px;
 width            : 85px;
 text-align       : left;
}
.info01txt{
 float            : left;
 display          : inline;
 margin-top       : 10px;
 margin-left      : 0px;
 width            : 315px;
 height           : auto;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
 line-height      : 160%;
}
.info01txt p{
 margin-top       : 6px;
 margin-bottom    : 16px;
 width            : 315px;
}


/*--------------------------------------*/
/*--footer部分--*/
/*--------------------------------------*/

#footwr{
 margin           : 0px auto;
 width            : 100%;
 text-align       : center;
}

#footwr2{
 margin           : 0px auto;
 width            : 100%;
 text-align       : center;
 background-color : #D9EFED;
}

#foot{
 clear            : both;
 display          : block;
 margin           : 0px auto;
 width            : 950px;
 height           : 62px;
 text-align       : center;
}

#footl{
 float            : left;
 display          : inline;
 margin-left      : 10px;
 margin-top       : 6px;
 width            : 132px;
 text-align       : left;
 color            : #666666;
 font-size        : 11px;
 line-height      : 160%;
}

#footc{
 float            : left;
 display          : inline;
 margin-left      : 0px;
 margin-top       : 6px;
 width            : 467px;
 text-align       : left;
 color            : #666666;
 font-size        : 0.6em;
 line-height      : 160%;
}

#footr{
 float            : left;
 display          : inline;
 margin-left      : 0px;
 margin-top       : 6px;
 width            : 341px;
 text-align       : right;
 color            : #666666;
 font-size        : 11px;
 line-height      : 260%;
}
#footr span{
 display          : none;
}








/*--------------------------------------*/
/*--header部分--*/
/*--------------------------------------*/

#headwr{
 margin           : 0px auto;
 width            : 100%;
 height           : 84px;
 text-align       : center;
 color            : #333333;
 background-image : url(../img/headbg.gif);
}

#head{
 clear            : both;
 display          : block;
 margin           : 0px auto;
 width            : 950px;
 height           : 84px;
 text-align       : center;
}

#head h1{
 display          :none;
}

#logo{
 float            : left;
 display          : inline;
 margin           : 0px auto;
 width            : 950px;
 height           : 53px;
 text-align       : left;
 background-image : url(../img/logobgB.gif);
}


/*--------------------------------------*/
/*--headerナビ部分--*/
/*--------------------------------------*/

#headnavi{
 float            : left;
 display          : inline;
 margin-top       : 0px;
 margin-left      : 0px;
 width            : 950px;
 height           : 31px;
 text-align       : left;
 color            : #666666;
 font-size        : 12px;
 line-height      : 120%;
}




/*--------------------------------------*/
/*--コンテンツ包括--*/
/*--------------------------------------*/

#wrapper{
 margin           : 0px auto;
 width            : 100%;
 text-align       : center;
}

.contener{
 clear            : both;
 display          : block;
 margin           : 0px auto;
 width            : 950px;
 text-align       : left;
 color            : #666666;
 font-size        : 12px;
 line-height      : 140%;
 background-image : url(../img/contenerbg.gif);
}


.leftcontents{
 float            : left;
 display          : inline;
 margin-top       : 0px;
 margin-left      : 30px;
 width            : 690px;
 text-align       : left;
 color            : #333333;
 font-size        : 12px;
 line-height      : 160%;
 background-color : #ffffff;
}


.rightcontents{
 float            : left;
 display          : inline;
 margin-top       : 0px;
 margin-left      : 30px;
 width            : 200px;
 text-align       : left;
 color            : #333333;
 font-size        : 12px;
 line-height      : 160%;
 background-color : #FFF3DF;
}




.leftcontents p{
 margin-top       : 0px;
 margin-left      : 10px;
 width            : 680px;
 text-align       : left;
 color            : #333333;
 font-size        : 12px;
 line-height      : 160%;
}


.rightcontents p{
 margin-top       : 30px;
 margin-left      : 10px;
 width            : 180px;
 text-align       : left;
 color            : #333333;
 font-size        : 12px;
 line-height      : 160%;
}











/*--------------------------------------*/
/*--パンくずリスト--*/
/*--------------------------------------*/

#pankuzu{
 margin-top       : 18px;
 width            : 690px;
 height           : 18px;
 color            : #666666;
 font-size        : 11px;
 line-height      : 140%;
}













/*--------------------------------------*/
/*--コンテンツ部分--*/
/*--------------------------------------*/



.conbox{
 float            : left;
 display          : inline;
 margin-top       : 0px;
 margin-left      : 10px;
 width            : 680px;
 text-align       : left;
 color            : #333333;
 font-size        : 12px;
 line-height      : 160%;
}



/*--access用--*/

.conbox_image{
 float            : left;
 display          : inline;
 margin-top       : 0px;
 margin-left      : 0px;
 width            : 250px;
 text-align       : right;
}

.conbox_text{
 float            : left;
 display          : inline;
 margin-top       : 0px;
 margin-left      : 0px;
 width            : 400px;
}



/*--menu用--*/

.menubox{
 float            : left;
 display          : inline;
 margin-top       : 10px;
 margin-left      : 10px;
 width            : 680px;
 text-align       : left;
 color            : #333333;
 font-size        : 12px;
 line-height      : 160%;
}

.menu210{
 float            : left;
 display          : inline;
 margin-top       : 0px;
 margin-left      : 13px;
 width            : 210px;
 text-align       : left;
 color            : #333333;
 font-size        : 12px;
 line-height      : 160%;
}

.menu300{
 float            : left;
 display          : inline;
 margin-top       : 0px;
 margin-left      : 13px;
 width            : 300px;
 text-align       : left;
 color            : #333333;
 font-size        : 12px;
 line-height      : 160%;
}

.menu343{
 float            : left;
 display          : inline;
 margin-top       : 0px;
 margin-left      : 13px;
 width            : 343px;
 text-align       : left;
 color            : #333333;
 font-size        : 12px;
 line-height      : 160%;
}








/*--------------------------------------*/
/*--テーブル--*/
/*--------------------------------------*/
.table01{
 width            : 210px; 
 line-height      : 140%;
 font-size        : 12px;
 color            : #666666;
}
.cell01{
 width            : 130px; 
 color            : #005E57;
 padding          : 2px;
 border           : none;
 background-color : #ffffff;
}
.cell11{
 width            : 80px; 
 color            : #111111;
 padding          : 0px;
 border           : none;
 text-align       : right;
 background-color : #ffffff;
}


.cell01c{
 width            : 160px; 
 color            : #005E57;
 padding          : 2px;
 border           : none;
 background-color : #ffffff;
}
.cell11c{
 width            : 40px; 
 color            : #111111;
 padding          : 0px;
 border           : none;
 text-align       : right;
 background-color : #ffffff;
}

.cell01d{
 width            : 140px; 
 color            : #005E57;
 padding          : 2px;
 border           : none;
 background-color : #ffffff;
}
.cell11d{
 width            : 60px; 
 color            : #111111;
 padding          : 0px;
 border           : none;
 text-align       : right;
 background-color : #ffffff;
}


.table02{
 width            : 343px; 
 line-height      : 140%;
 font-size        : 14px;
 font-weight      : bold;
 color            : #666666;
}
.cell02{
 width            : 273px; 
 color            : #005E57;
 padding          : 2px;
 border           : none;
 background-color : #ffffff;
}
.cell12{
 width            : 70px; 
 color            : #333333;
 padding          : 0px;
 border           : none;
 text-align       : right;
 background-color : #ffffff;
}



.table00{
 margin-left      : 20px;
 width            : 320px; 
 line-height      : 140%;
 font-size        : 12px;
 padding          : 2px;
 border           : none;
 color            : #005E57;
}
.cell00{
 width            : 160px; 
 color            : #005E57;
 padding          : 2px;
 border           : none;
 background-color : #ffffff;
}
.cell10{
 width            : 50px; 
 color            : #111111;
 padding          : 0px;
 border           : none;
 text-align       : right;
 background-color : #ffffff;
}

.table00b{
 margin-left      : 20px;
 width            : 280px; 
 line-height      : 140%;
 font-size        : 12px;
 padding          : 2px;
 border           : none;
 color            : #005E57;
}



.table01b{
 width            : 210px; 
 line-height      : 140%;
 font-size        : 12px;
 color            : #666666;
}
.cell01b{
 width            : 100px; 
 color            : #005E57;
 padding          : 2px;
 border           : none;
 background-color : #ffffff;
}
.cell11b{
 width            : 110px; 
 color            : #111111;
 padding          : 0px;
 border           : none;
 text-align       : right;
 background-color : #ffffff;
}



.modal-overlay {
 z-index          : 2;
 display          : none;
 position         : fixed;
 top              : 0;
 left             : 0;
 width            : 100%;
 height           : 100%;/*for old Safari*/
 height           : 100%;
 background-color : rgba(0,0,0,.5);
}

.modal-overlay (:target) {height:100%\9} /* IE9,10 */
a.modal-open:hover       {cursor:pointer;}

.modal-content {
 position         : fixed;
 display          : none;
 z-index          : 3;
 margin           : 10px;
 padding          : 15px;
 border-radius    : 20px;
 background       : #ffffff;
}

.modal-content h1  {
 font-size        : 120%;
 margin-bottom    : 0.5em;
 color            : #333333;
 font-family      : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-weight      : 600;
 font-size        : 16px;
 color            : #046159;

}
.modal-content p   {width:565px; text-align:left; color:#333333;}

a.modal-close {
	position        : absolute;
	top             : 0;
	right           : 10px;
	color           : #b29c33;
	font-size       : 35px;
	line-height     : 1;
	font-weight     : bold;
	text-decoration : none;
}

a.modal-close:hover {
	cursor          : pointer;
	opacity         : .6;
	text-decoration : none;
}







/*２カラムメニュー*/

.menu330a{
 float            : left;
 display          : inline;
 margin           : 0 0 0 0;
 width            : 320px;
 text-align       : left;
 color            : #333333;
 line-height      : 160%;
}
.menu330b{
 float            : left;
 display          : inline;
 margin           : 0 0 0 40px;
 width            : 320px;
 text-align       : left;
 color            : #333333;
 line-height      : 160%;
}

.menu330a .menubox,
.menu330b .menubox{
 float            : left;
 display          : inline;
 width            : 100%;
 border-bottom    : 1px dotted #666666;
 padding          : 0 0 12px 0;
 font-size        : 11px;
}

.menu330a .menubox .menu01,
.menu330b .menubox .menu01{
 float            : left;
 display          : inline;
 width            : 30%;
 color            : #005E57;
 font-size        : 13px;
 font-weight      : bold;
 padding          : 0 0 6px 0;
}
.menu330a .menubox .menu02,
.menu330b .menubox .menu02{
 float            : left;
 display          : inline;
 width            : 20%;
 font-size        : 13px;
 font-weight      : bold;
 padding          : 0 0 6px 0;
}
.menu330a .menubox .menu02b,
.menu330b .menubox .menu02b{
 float            : left;
 display          : inline;
 width            : 40%;
 font-size        : 13px;
 font-weight      : bold;
 padding          : 0 0 6px 0;
}
.menu330a .menubox .menu03,
.menu330b .menubox .menu03{
 float            : left;
 display          : inline;
 width            : 50%;
 padding          : 0 0 6px 0;
}
.menu330a .menubox .menu04,
.menu330b .menubox .menu04{
 float            : left;
 display          : inline;
 width            : 95%;
 margin           : 0 0 0 5%;
}
.menu330a .menubox .menu04 .gr,
.menu330b .menubox .menu04 .gr{
 color            : #00ab34;
}
.menu330a .menubox .menu04 .rd,
.menu330b .menubox .menu04 .rd{
 color            : #f44a4a;
}
.menu330a .menubox .menu04 .bl,
.menu330b .menubox .menu04 .bl{
 color            : #4a8af4;
}

.menu330a .menubox .menu04 .boxgr,
.menu330b .menubox .menu04 .boxgr{
 float            : left;
 display          : inline;
 border           : 1px solid #7ee49d;
 padding          : 3px 6px 3px 6px;
 margin           : 0px 0 3px 2px;
}
.menu330a .menubox .menu04 .boxrd,
.menu330b .menubox .menu04 .boxrd{
 float            : left;
 display          : inline;
 border           : 1px solid #e47e7e;
 padding          : 3px 6px 3px 6px;
 margin           : 0px 0 3px 2px;
}
.menu330a .menubox .menu04 .boxbl,
.menu330b .menubox .menu04 .boxbl{
 float            : left;
 display          : inline;
 border           : 1px solid #7ebce4;
 padding          : 3px 6px 3px 6px;
 margin           : 0px 0 3px 2px;
}
.menu330a .menubox .menu04 .boxpp,
.menu330b .menubox .menu04 .boxpp{
 float            : left;
 display          : inline;
 border           : 1px solid #c200ec;
 padding          : 3px 6px 3px 6px;
 margin           : 0px 0 3px 2px;
}


.menu330a .menubox .menu11,
.menu330b .menubox .menu11{
 float            : left;
 display          : inline;
 width            : 55%;
 color            : #005E57;
 font-size        : 13px;
 font-weight      : bold;
 padding          : 0 0 6px 0;
}
.menu330a .menubox .menu12,
.menu330b .menubox .menu12{
 float            : left;
 display          : inline;
 width            : 20%;
 font-size        : 13px;
 font-weight      : bold;
 padding          : 0 0 6px 0;
}
.menu330a .menubox .menu13,
.menu330b .menubox .menu13{
 float            : left;
 display          : inline;
 width            : 25%;
 padding          : 0 0 6px 0;
}






/*３カラムメニュー*/

.menu210a{
 float            : left;
 display          : inline;
 margin           : 10px 0 0 0;
 width            : 210px;
 text-align       : left;
 color            : #333333;
 line-height      : 160%;
}
.menu210b{
 float            : left;
 display          : inline;
 margin           : 10px 0 0 25px;
 width            : 210px;
 text-align       : left;
 color            : #333333;
 line-height      : 160%;
}

.menu210a .menubox,
.menu210b .menubox{
 float            : left;
 display          : inline;
 width            : 100%;
 border-bottom    : 1px dotted #666666;
 padding          : 0 0 6px 0;
 font-size        : 11px;
}

.menu210a .menubox .menu01,
.menu210b .menubox .menu01{
 float            : left;
 display          : inline;
 width            : 70%;
 color            : #005E57;
 font-size        : 13px;
 padding          : 0 0 3px 0;
}
.menu210a .menubox .menu02,
.menu210b .menubox .menu02{
 float            : left;
 display          : inline;
 width            : 30%;
 font-size        : 13px;
 padding          : 0 0 3px 0;
 text-align       : right;
}
.menu210a .menubox .menu03,
.menu210b .menubox .menu03{
 float            : left;
 display          : inline;
 width            : 100%;
 font-size        : 13px;
 padding          : 0 0 3px 0;
 text-align       : right;
}

.menu210a .menubox .menu04,
.menu210b .menubox .menu04{
 float            : left;
 display          : inline;
 width            : 100%;
 font-size        : 13px;
 padding          : 0 3px 3px 3px;
 text-align       : left;
}

.menu210a .menubox .menu04b,
.menu210b .menubox .menu04b{
 float            : left;
 display          : inline;
 width            : 96%;
 font-size        : 13px;
 padding          : 6px 2% 6px 2%;
 text-align       : left;
 background       : #bdeeea;
}




.bggr{ background : #e2ffeb !important;}
.bgbl{ background : #e2efff !important;}
.bgrd{ background : #ffe2e2 !important;}
.bgye{ background : #fff9e2 !important;}





/*-------------------------------------------------*/
/*メニューページ用追加*/
/*-------------------------------------------------*/



/*白ごま・黒ごまをお選び下さい。*/
.tyuigaki01{
 clear            : both;
 display          : block;
 font-size        : 10px;
 padding          : 0 0 0 5%;
 width            : 95%;
 text-align       : left;
}

/*写真下のキャプション　パトラン支援担々麺*/
.tyuigaki02{
 clear            : both;
 display          : block;
 font-size        : 12px;
 padding          : 0 0 0 0%;
 width            : 100%;
 text-align       : left;
}

/*ドットのライン*/
.dotline{
 clear            : both;
 display          : block;
 border-bottom    : 1px dotted #666666;
 margin           : 12px 0 12px 0;
 width            : 100%;
 height           : 10px;
}
.notline{
 clear            : both;
 display          : block;
 border-bottom    : 1px dotted #ffffff;
 margin           : 6px 0 6px 0;
 width            : 100%;
}

/*料理分類見出し*/
.midashi01{
 float            : left;
 display          : inline;
 width            : 100%;
 font-size        : 13px;
 margin           : 32px 0 16px 0;
 padding          : 6px 2% 6px 2%;
 text-align       : center;
 background       : #bdeeea;
}



/*ランチ用*/
.gr{  color       : #00ab34;}
.rd{  color       : #f44a4a;}
.bl{  color       : #4a8af4;}

.boxgr{
 float            : left;
 display          : inline;
 border           : 1px solid #7ee49d;
 padding          : 3px 6px 3px 6px;
 margin           : 0px 0 3px 2px;
 background       : #ffffff;
}
.boxrd{
 float            : left;
 display          : inline;
 border           : 1px solid #e47e7e;
 padding          : 3px 6px 3px 6px;
 margin           : 0px 0 3px 2px;
 background       : #ffffff;
}
.boxbl{
 float            : left;
 display          : inline;
 border           : 1px solid #7ebce4;
 padding          : 3px 6px 3px 6px;
 margin           : 0px 0 3px 2px;
 background       : #ffffff;
}
.boxpp{
 float            : left;
 display          : inline;
 border           : 1px solid #c200ec;
 padding          : 3px 6px 3px 6px;
 margin           : 0px 0 3px 2px;
 background       : #ffffff;
}
.boxye{
 float            : left;
 display          : inline;
 border           : 1px solid #ffe400;
 padding          : 3px 6px 3px 6px;
 margin           : 0px 0 3px 2px;
 background       : #ffffff;
}
.lunchsub{
 float            : left;
 display          : inline;
 padding          : 0.5em 0 0.5em 0;
 width            : 100%;
}

.kakomi_main{
 float            : left;
 display          : inline;
 margin-top       : 10px;
 width            : 94%;
 text-align       : left;
 background       : #efefef;
 padding          : 3% 3% 3% 3%;
}
.kakomi_ABC{
 float            : left;
 display          : inline;
 margin-top       : 10px;
 width            : 93%;
 text-align       : left;
 background       : #ffffff;
 padding          : 3% 3% 3% 3%;
 border           : 1px solid #7ee49d;
}



.tokka{
 color            : #005E57;
 font-size        : 14px;
 font-weight      : bold;
}
.kakomi01{
 float            : left;
 display          : inline;
 margin-top       : 10px;
 width            : 94%;
 text-align       : left;
 background       : #efefef;
 padding          : 3% 3% 3% 3%;
}
/*税込価格*/
.zeikomi01{
 font-size        : 11px;
 font-weight      : normal;
 color            : #aaaaaa;
 padding          : 0 0 0 4px;
}



/*飲み放題コース*/
.nomiho{
 float            : left;
 display          : inline;
 margin-top       : 10px;
 width            : 96%;
 text-align       : center;
 background       : #fffbd4;
 padding          : 3% 2% 3% 2%;
 color            : #005E57;
 font-size        : 14px;
 line-height      : 150%;
}




/*メニュー包括*/
.menubox00{
 float            : left;
 display          : inline;
 margin-top       : 10px;
 width            : 100%;
 text-align       : left;
 color            : #333333;
 font-size        : 11px;
 line-height      : 160%;
}

/*左右に分割*/
.menubox00 .left{
 float            : left;
 display          : inline;
 margin           : 0 2% 0 1%;
 width            : 47%;
}
.menubox00 .right{
 float            : left;
 display          : inline;
 margin           : 0 0 0 3%;
 width            : 47%;
}


.menubox00 .left2{
 float            : left;
 display          : inline;
 margin           : 10px 1% 16px 1%;
 width            : 45%;
}
.menubox00 .right2{
 float            : left;
 display          : inline;
 margin           : 10px 0 16px 0;
 padding          : 10px 0 0 0;
 width            : 53%;
}


.menubox00 .left3{
 float            : left;
 display          : inline;
 margin           : 10px 3% 16px 1%;
 width            : 43%;
}
.menubox00 .right3{
 float            : left;
 display          : inline;
 margin           : 10px 0 16px 0;
 padding          : 0 0 0 0;
 width            : 53%;
}


/*メニュー見出し*/
.menubox_mds01{
 clear            : both;
 display          : inline-block;
 width            : 99%;
 margin           : 24px 0 0 0;
 text-align       : left;
 background       : #f7dfdf;
}
.menubox_mds02{
 clear            : both;
 display          : inline-block;
 width            : 99%;
 margin           : 24px 0 0 0;
 text-align       : left;
 background       : #f8f6c9;
}
.menubox_mds01 h3,
.menubox_mds02 h3{
 font-size        : 18px;
 margin           : 0 0 0 0;
 padding          : 16px 0 16px 2%;
 text-align       : left;
 font-weight      : bold;
 font-family      : "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
.menubox_mds01 b,
.menubox_mds02 b{
 float            : left;
 display          : inline;
 font-size        : 14px;
 margin           : -8px 0 0 0;
 padding          : 0 0 16px 2%;
 text-align       : left;
 font-weight      : bold;
 font-family      : "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
.menubox_mds01 p,
.menubox_mds02 p{
 float            : left;
 display          : inline;
 font-size        : 12px;
 margin           : -8px 0 0 0;
 padding          : 0 0 16px 2%;
 text-align       : left;
 font-family      : "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}


/*メニュー名と価格*/
.menuname01{
 float            : left;
 display          : inline;
 width            : 30%;
 color            : #005E57;
 font-size        : 14px;
 font-weight      : bold;
}
.menuprce01{
 float            : left;
 display          : inline-block;
 width            : 70%;
 color            : #005E57;
 font-size        : 14px;
 font-weight      : bold;
 text-align       : right;
}


.menuname02{
 float            : left;
 display          : inline;
 width            : 55%;
 color            : #005E57;
 font-size        : 14px;
 font-weight      : bold;
}
.menuprce02{
 float            : left;
 display          : inline-block;
 width            : 45%;
 color            : #005E57;
 font-size        : 14px;
 font-weight      : bold;
 text-align       : right;
}


.menuname03{
 float            : left;
 display          : inline;
 width            : 65%;
 color            : #005E57;
 font-size        : 14px;
 font-weight      : bold;
}
.menuprce03{
 float            : left;
 display          : inline-block;
 width            : 35%;
 color            : #005E57;
 font-size        : 14px;
 font-weight      : bold;
 text-align       : right;
}


.menuname04{
 float            : left;
 display          : inline;
 width            : 60%;
 color            : #005E57;
 font-size        : 16px;
 font-weight      : bold;
}
.menuprce04{
 float            : left;
 display          : inline-block;
 width            : 40%;
 color            : #005E57;
 font-size        : 16px;
 font-weight      : bold;
 text-align       : right;
}


.menuname05{
 float            : left;
 display          : inline;
 width            : 100%;
 color            : #005E57;
 font-size        : 16px;
 font-weight      : bold;
}
.menuprce05{
 float            : left;
 display          : inline-block;
 width            : 100%;
 color            : #005E57;
 font-size        : 16px;
 font-weight      : bold;
 text-align       : right;
}







.menuprce01,
.menuprce02,
.menuprce03,
.menuprce04{
 letter-spacing   : 0.05em;;
}


.menuname01 .text11,
.menuname02 .text11,
.menuname03 .text11,
.menuname04 .text11{
 font-size        : 11px;
 font-weight      : normal;
}
.menuprce01 .text11,
.menuprce02 .text11,
.menuprce03 .text11,
.menuprce04 .text11{
 font-size        : 11px;
 font-weight      : normal;
 padding          : 0 6px 0 0;
}


.oomidashi{
 clear            : both;
 display          : inline-block;
 width            : 99%;
 margin           : 48px 0 2px 0;
 text-align       : left;
 color            : #08988d;
 border           : 1px solid #08988d;
}
.oomidashi h2{
 font-size        : 18px;
 margin           : 0 0 0 0;
 padding          : 16px 0 16px 2%;
 text-align       : left;
 color            : #08988d;
 border-left      : 10px solid #08988d;
 font-weight      : bold;
 font-family      : "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
.oomidashi h3{
 font-size        : 12px;
 margin           : 0 0 0 0;
 padding          : 0 0 16px 2%;
 text-align       : left;
 color            : #08988d;
 border-left      : 10px solid #08988d;
 font-weight      : bold;
 font-family      : "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
.oomidashi h2 span{
 font-size        : 14px;
}


.menushosai{
 float            : left;
 display          : inline-block;
 margin           : 16px 0 0 0;
 width            : 96%;
 padding          : 6px 2% 6px 2%;
 text-align       : left;
 color            : #08988d;
 font-size        : 12px;
 line-height      : 160%;
 border-top       : 1px dotted #08988d;
 border-bottom    : 1px dotted #08988d;
}

.menushosai2{
 float            : left;
 display          : inline-block;
 margin           : 16px 0 32px 0;
 width            : 96%;
 padding          : 6px 2% 6px 2%;
 text-align       : left;
 color            : #08988d;
 font-size        : 12px;
 line-height      : 160%;
 border-top       : 1px dotted #08988d;
 border-bottom    : 1px dotted #08988d;
}


.youyoyaku{
 display          : inline-block;
 margin           : 0 0 6px 0;
 padding          : 2px 6px 2px 6px;
 text-align       : left;
 color            : #08988d;
 font-size        : 11px;
 border-radius    : 4px;
 background       : #9c0000;
 color            : #ffffff;
}

.couple{
 display          : inline-block;
 margin           : 0 0 6px 0;
 padding          : 2px 6px 2px 6px;
 text-align       : left;
 color            : #08988d;
 font-size        : 11px;
 border-radius    : 4px;
 background       : #ff5353;
 color            : #ffffff;
}

.utage{
 display          : inline-block;
 padding          : 4px 0 0 0;
 font-size        : 11px;
 font-weight      : normal;

}


.menuphoto01{
 float            : left;
 display          : inline;
 margin           : 0 1% 10px 0;
 width            : 49%;
 padding          : 0 0 0 0;
 text-align       : left;
 color            : #08988d;
 font-size        : 11px;
}
.menuphoto02{
 float            : left;
 display          : inline;
 margin           : 0 0 10px 1%;
 width            : 49%;
 padding          : 0 0 0 0;
 text-align       : left;
 color            : #08988d;
 font-size        : 11px;
}

.menuphoto01 img,
.menuphoto02 img{
 width            : 100%;
}






/*HOME用年末メニューなど　2020.11.19*/
.infobox{
 float            : left;
 display          : inline;
 margin           : 0 0 12px 0;
 width            : 100%;
 text-align       : left;
 color            : #062B27;
 font-size        : 11px;
 line-height      : 130%;
 font-family      : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
}

.infobox:first-child{
 float            : left;
 display          : inline;
 margin           : 24px 0 12px 0;
 width            : 100%;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
 line-height      : 140%;
 font-family      : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
}


.infobox .pic{
 float            : left;
 display          : inline;
 width            : 20%;
}

.infobox .txt{
 float            : left;
 display          : inline;
 width            : 77%;
 padding          : 0 0 0 3%;
}
.infobox .txt strong{
 float            : left;
 display          : inline;
 width            : 100%;
 font-size        : 16px;
 line-height      : 140%;
 padding          : 0 0 0.5em 0;
}
.infobox .txt .btn01{
 text-align       : right;
 width            : 100%;
}
.infobox .txt .btn01 a{
 display             : inline-block;
 margin              : 0.5em 0 0.5em 0;
 padding             : 0.2em 1em 0.2em 1em;
 color               : #6dc9c2;
 background          : #ffffff;
 border-radius       : 5px;
 border-right        : 1px solid #27837e;
 border-bottom       : 1px solid #27837e;
 text-align          : center;
}
.infobox .txt .btn01 a:hover{
 display             : inline-block;
 margin              : 0.5em 0 0.5em 0;
 padding             : 0.2em 1em 0.2em 1em;
 color               : #ffffff;
 background          : #27837e;
 border-top          : 1px solid #0a5850;
 border-left         : 1px solid #0a5850;
 border-right        : 0px solid #27837e;
 border-bottom       : 0px solid #27837e;
 text-align          : center;
 text-decoration     : none;
}


.infonews01{
 float            : left;
 display          : inline;
 margin           : 20px 0 12px 0;
 padding          : 2% 2% 2% 2%;
 width            : 96%;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
 line-height      : 160%;
 font-family      : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 background          : #ffffff;
 border-radius       : 5px;
}
.infonews01 strong{
 float            : left;
 display          : inline;
 width            : 100%;
 margin           : 0 0 6px 0;
 color            : #0a5850;
 font-size        : 16px;
 line-height      : 140%;
}
.infonews01 a{
 text-decoration  : none !important;
 color            : #005e57;
}
.infonews01 a:hover{
 text-decoration  : underline !important;;
 color            : #005e57 !important;
}

.infonews02{
 float            : left;
 display          : inline;
 margin           : 20px 0 0 0;
 padding          : 2% 2% 2% 2%;
 width            : 96%;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
 line-height      : 140%;
 font-family      : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 background          : #ffffff;
 border-radius       : 5px;
}
.infonews02 strong{
 float            : left;
 display          : inline;
 width            : 100%;
 margin           : 0 0 6px 0;
 color            : #ff0000;
 font-size        : 16px;
 line-height      : 140%;
}
.infonews02 .box{
 float            : left;
 display          : inline;
 margin           : 0 2.66% 0 0;
 width            : 44%;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
 position         : relative;
}
.infonews02 .box:last-child{
 float            : left;
 display          : inline;
 margin           : 0 0 0 0;
 width            : 44%;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
}
.infonews02 .box .pic{
 float            : left;
 display          : inline;
 padding          : 0 0 6px 0;
 width            : 100%;
}
.infonews02 .box .pic img{
 width            : 100%;
 border-radius       : 50px;
}
.infonews02 .box a{
 text-decoration  : none !important;
}
.infonews02 .box a:hover{
 text-decoration  : underline !important;;
 color            : #005e57 !important;
}


.infonews02 .box2{
 float            : left;
 display          : inline;
 margin           : 10px 5% 0 5%;
 width            : 42%;
 text-align       : center;
 color            : #062B27;
 font-size        : 12px;
 position         : relative;
}
.infonews02 .box2:last-child{
 float            : left;
 display          : inline;
 width            : 42%;
 text-align       : center;
 color            : #062B27;
 font-size        : 12px;
}
.infonews02 .box2 .pic{
 float            : left;
 display          : inline;
 padding          : 0 0 6px 0;
 width            : 100%;
}
.infonews02 .box2 .pic img{
 width            : 100%;
 border-radius       : 12px;
}
.infonews02 .box2 a{
 text-decoration  : none !important;
}
.infonews02 .box2 a:hover{
 text-decoration  : underline !important;;
 color            : #005e57 !important;
}






.infonews02 .box2B{
 float            : left;
 display          : inline;
 margin           : 10px 2.5% 0 2.5%;
 width            : 45%;
 text-align       : center;
 color            : #062B27;
 font-size        : 12px;
 position         : relative;
}
.infonews02 .box2B .pic{
 float            : left;
 display          : inline;
 padding          : 0 0 6px 0;
 width            : 100%;
}
.infonews02 .box2B .pic img{
 width            : 100%;
 border-radius       : 12px;
}

.infonews02 .box3{
 float            : left;
 display          : inline;
 margin           : 10px 5% 0 5%;
 width            : 90%;
 text-align       : center;
 color            : #062B27;
 font-size        : 12px;
 position         : relative;
}
.infonews02 .box3 a{
 text-decoration  : none !important;
 display             : inline-block;
 padding             : 0.2em 0 0.2em 0;
 color               : #ffffff !important;
 background          : #ff0000;
 border-radius       : 5px;
 border-right        : 1px solid #7b0b10;
 border-bottom       : 1px solid #7b0b10;
 text-align          : center;
 width               : 100%;
}
.infonews02 .box3 a:hover{
 display             : inline-block;
 padding             : 0.2em 0 0.2em 0;
 color               : #ffffff;
 background          : #ff0000;
 border-top          : 1px solid #7b0b10;
 border-left         : 1px solid #7b0b10;
 border-right        : 0px solid #27837e;
 border-bottom       : 0px solid #27837e;
 text-align          : center;
 text-decoration     : none;
}




.infonews02 h2{
 float            : left;
 display          : inline;
 width            : 100%;
 margin           : 6px 0 6px 0;
 padding          : 6px 0 6px 0;
 background       : #ff0000;
 color            : #ffffff;
 font-size        : 16px;
 line-height      : 140%;
 text-align       : center;
}
.infonews02 .boxC{
 float            : left;
 display          : inline;
 margin           : 10px 2.5% 0 2.5%;
 width            : 45%;
 text-align       : center;
 color            : #062B27;
 font-size        : 12px;
 position         : relative;
}
.infonews02 .boxC .pic{
 float            : left;
 display          : inline;
 padding          : 0 0 6px 0;
 width            : 100%;
}
.infonews02 .boxC .pic img{
 width            : 100%;
 border-radius       : 12px;
}












/*年末メニューページ*/
.nenmatsu{
 float            : left;
 display          : inline;
 margin           : 10px 0 30px 0;
 padding          : 10px 0 0 0;
 width            : 100%;
 text-align       : left;
 color            : #333333;
 font-size        : 12px;
 line-height      : 160%;
 font-family      : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
}

.nenmatsu .left{
 float            : left;
 display          : inline;
 margin           : 0 2% 16px 0%;
 width            : 55%;
}
.nenmatsu .right{
 float            : left;
 display          : inline;
 margin           : 0 0 16px 0;
 padding          : 10px 0 0 0;
 width            : 43%;
}

.nenmatsu .left img{
 width            : 100%;
 border-radius    : 10px;
 box-shadow       : 0px 2px 4px 4px rgba(0,0,0,0.2);
 margin           : 0 0 16px 0;
}

.nenmatsu .right{
 float            : left;
 display          : inline;
 margin           : 0 0 16px 0;
 padding          : 10px 0 0 0;
 width            : 43%;
}


.nenmatsu .right .name01{
 float            : left;
 display          : inline;
 width            : 100%;
 padding          : 0 0 0.5em 0;
 color            : #005E57;
 font-size        : 24px;
 font-weight      : 700;
}
.nenmatsu .right .name01B{
 float            : left;
 display          : inline;
 width            : 100%;
 padding          : 1em 0 0.5em 0;
 color            : #005E57;
 font-size        : 24px;
 line-height      : 160%;
 font-weight      : 700;
}
.nenmatsu .right .price01{
 float            : left;
 display          : inline;
 width            : 100%;
 text-align       : right;
 padding          : 0 0 0.5em 0;
 margin           : 0 0 0.5em 0;
 color            : #005E57;
 font-size        : 24px;
 font-weight      : 700;
}
.nenmatsu .right .price01 .yen{
 font-size        : 12px;
 font-weight      : 700;
}
.nenmatsu .right .detail01{
 float            : left;
 display          : inline;
 width            : 100%;
 padding          : 0.5em 0 0.5em 0;
 margin           : 0 0 0.5em 0;
 border-top       : 1px dotted #005E57;
 border-bottom    : 1px dotted #005E57;
}
.nenmatsu .right .owatashi01{
 float            : left;
 display          : inline;
 width            : 100%;
 padding          : 0.5em 0 0.5em 0;
 margin           : 0 0 0.5em 0;
 font-size        : 14px;
 font-weight      : 700;
 text-align       : center;
 background       : #005E57;
 color            : #ffffff;
 border-radius    : 6px;
}
.nenmatsu .right .oshinagaki01{
 float            : left;
 display          : inline-block;
 margin           : 0 0 0 0;
 width            : 96%;
 padding          : 6px 2% 16px 2%;
 text-align       : left;
 font-size        : 12px;
 line-height      : 160%;
 border-bottom    : 1px dotted #08988d;
}




.infonews03{
 float            : left;
 display          : inline;
 margin           : 0 2% 20px 2%;
 padding          : 2% 2% 2% 2%;
 width            : 92%;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
 line-height      : 140%;
 font-family      : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 background          : #ffffff;
 border-radius       : 5px;
}
.infonews03 strong{
 float            : left;
 display          : inline;
 width            : 100%;
 margin           : 0 0 6px 0;
 color            : #ff0000;
 font-size        : 16px;
 line-height      : 140%;
 text-align       : center;
}
.infonews03 .box{
 float            : left;
 display          : inline;
 margin           : 0 1.5% 10px 1.5%;
 width            : 47%;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
 position         : relative;
}
.infonews03 .box .pic{
 float            : left;
 display          : inline;
 padding          : 0 0 6px 0;
 width            : 100%;
}
.infonews03 .box .pic img{
 width            : 100%;
 border-radius       : 50px;
}
.infonews03 .box a{
 text-decoration  : none !important;
}
.infonews03 .box a:hover{
 text-decoration  : underline !important;;
 color            : #005e57 !important;
}



.infonews04{
 float            : left;
 display          : inline;
 margin           : 10px 2% 0 2%;
 padding          : 2% 2% 2% 2%;
 width            : 92%;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
 line-height      : 140%;
 font-family      : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 background          : #ffffff;
 border-radius       : 5px;
}
.infonews04 strong{
 float            : left;
 display          : inline;
 width            : 100%;
 margin           : 0 0 2px 0;
 color            : #ff0000;
 font-size        : 16px;
 line-height      : 140%;
}
.infonews04 b{
 font-size:14px;
 line-height:140%;
 padding:0 0 0 0;
 display:inline-block;
}
.infonews04 a{
 text-decoration  : none !important;
 float            : left;
 display          : inline-block;
 margin           : 4px 1.5% 0 1.5%;
 padding          : 0.2em 1em 0.2em 1em;
 border           : 1px solid #cccccc;
 border-radius    : 4px;
 font-size        : 12px;
}
.infonews04 a:hover{
 text-decoration  : none !important;;
 color            : #ff0000 !important;
}



.infonews04side{
 float            : left;
 display          : inline;
 margin           : 10px 2% 15px 2%;
 padding          : 2% 4% 2% 4%;
 width            : 88%;
 text-align       : left;
 color            : #062B27;
 font-size        : 12px;
 line-height      : 140%;
 font-family      : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 background          : #ffffff;
 border-radius       : 5px;
}
.infonews04side strong{
 float            : left;
 display          : inline;
 width            : 100%;
 margin           : 0 0 2px 0;
 color            : #ff0000;
 font-size        : 16px;
 line-height      : 140%;
}
.infonews04side b{
 font-size:13px;
 line-height:140%;
 padding:0 0 0 0;
 display:inline-block;
}
.infonews04side a{
 text-decoration  : none !important;
 float            : left;
 display          : inline-block;
 margin           : 4px 0% 0 0%;
 padding          : 0.2em 0.5em 0.2em 0.5em;
 border           : 1px solid #cccccc;
 border-radius    : 4px;
 font-size        : 10px;
}
.infonews04side a:hover{
 text-decoration  : none !important;;
 color            : #ff0000 !important;
}







/*アコーディオン*/
.ac_btn {
 cursor              : pointer;
 display             : block;
 position            : relative;
 text-decoration     : none;
 margin              : 0 0 0 0;
 position            : relative;
}
.ac_itm {
 display             : inline-block;
 text-decoration     : none;
 border              : 1px dotted #cccccc;
 padding             : 1em 0 1em 0;
 font-size           : 14px;
 width               : 99%;
 text-align          : center;
 font-weight         : 700;
 background          : #f8f6c9;
 position            : relative;
}
.ac_itm:after{
 content             : "";
 display             : block;
 clear               : both;
}
.ac_itm .txt{
 float               : left;
 display             : inline;
 width               : 100%;
}
.ac_itm .txt span{
 font-size           : 12px;
 font-weight         : 300;
}
.ac_itm:before {
 content             : "";
 position            : absolute;
 top                 : 2em;
 right               : 5%;
 width               : 5%;
 height              : 1px;
 /*縦線に*/
 transform           : rotate(90deg);
 background          : #aaaaab;
 transition          : all .3s ease-in-out;
}
.ac_itm:after {
 content             : "";
 position            : absolute;
 top                 : 2em;
 right               : 5%;
 /*横線*/
 width               : 5%;
 height              : 1px;
 background          : #aaaaab;
 transition          : all .2s ease-in-out;
}
.ac_itm.on:before {
 transform           : rotate(180deg);
}
.ac_itm.on:after {
 opacity             : 0;
}

 
.ac_cnt {
 width               : 100%;
 background          : #ffffff;
 display             : none;
 font-size           : 1.1em;
 padding             : 1em 0 4em 0;
}
.ac_cnt:after{
 content             : "";
 display             : block;
 clear               : both;
}
.ac_cnt .mds{
 float               : left;
 display             : inline;
 width               : 100%;
 text-align          : center;
 font-weight         : 700;
 font-size           : 18px;
 padding             : 2em 0 1em 0;
}
.ac_cnt .mds span{
 font-weight         : 500;
 font-size           : 12px;
}
.ac_cnt .menuwaku{
 float               : left;
 display             : inline;
 width               : 95%;
 border              : 1px dotted #cccccc;
 padding             : 1em 2% 1em 2%;
}
.ac_cnt .menuwaku .menu{
 float               : left;
 display             : inline;
 width               : 33.3%;
 font-size           : 12px;
}
.ac_cnt .menuwaku .menu2{
 float               : left;
 display             : inline;
 width               : 50%;
 font-size           : 12px;
}
.ac_cnt .menuwaku .menu2 .t11{
 font-size           : 11px;
}

.maru{
 color               : #eeb900;
}
.nasi{
 color               : #ffffff;
}


.menuhalf{
 float               : left;
 display             : inline;
 width               : 48%;
 margin              : 0 1% 0 1%;
}