@charset "utf-8";

/*  Font
 *  20px: 1.667em
 *	18px: 1.5em
 *	17px: 1.417em
 *	16px: 1.334em
 *	15px: 1.25em
 *	14px: 1.167em
 *	13px: 1.084em
 *	12px: 1em
 *	11px: .917em
 *	10px: .834em
-------------------------------------------------------------*/
	body { text-align: left; font-size: 100.01%; color: #363636; font-family: /*'メイリオ',Meiryo,*/'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif; line-height: 1; }
/*	body { text-align: left; font-size: 100.01%; color: #363636; font-family: "MS P Gothic"; line-height: 1.5; }*/
	h1,h2,h3,h4,h5,h6 { font-size: 12px; }
	div,p,pre,ul,ol,dt,dd,td,th,caption,form,address { font-size: 12px; font-weight: normal; font-style: normal; }

/* Module
-------------------------------------------------------------*/
    hr { display: none; }
	.fl { float: left!important; }
	.fr { float: right!important; }
	.tl { text-align: left; }
	.tr { text-align: right; }
	.tc { text-align: center; }
    .tSmall { font-size: .834em; }
	.clear { clear: both; }

    .mt00 { margin-top:  0px !important; }
    .mt05 { margin-top:  5px !important; }
    .mt10 { margin-top: 10px !important; }
    .mt15 { margin-top: 15px !important; }
    .mt20 { margin-top: 20px !important; }
    .mt25 { margin-top: 25px !important; }
    .mt30 { margin-top: 30px !important; }
    .mt35 { margin-top: 35px !important; }
    .mt40 { margin-top: 40px !important; }
    .mt45 { margin-top: 45px !important; }
    
    .mr00 { margin-right:  0px !important; }
    .mr05 { margin-right:  5px !important; }
    .mr10 { margin-right: 10px !important; }
    .mr15 { margin-right: 15px !important; }
    .mr20 { margin-right: 20px !important; }
    .mr25 { margin-right: 25px !important; }
    .mr30 { margin-right: 30px !important; }
    .mr35 { margin-right: 35px !important; }
    .mr40 { margin-right: 40px !important; }
    
    .mb00 { margin-bottom:  0px !important; }
    .mb05 { margin-bottom:  5px !important; }
    .mb10 { margin-bottom: 10px !important; }
    .mb15 { margin-bottom: 15px !important; }
    .mb20 { margin-bottom: 20px !important; }
    .mb25 { margin-bottom: 25px !important; }
    .mb30 { margin-bottom: 30px !important; }
    .mb35 { margin-bottom: 35px !important; }
    .mb40 { margin-bottom: 40px !important; }
    .mb50 { margin-bottom: 40px !important; }
    .mb60 { margin-bottom: 60px !important; }
    .mb70 { margin-bottom: 70px !important; }
    
    .ml00 { margin-left:  0px !important; }
    .ml05 { margin-left:  5px !important; }
    .ml10 { margin-left: 10px !important; }
    .ml15 { margin-left: 15px !important; }
    .ml17 { margin-left: 17px !important; }
    .ml20 { margin-left: 20px !important; }
    .ml25 { margin-left: 25px !important; }
    .ml30 { margin-left: 30px !important; }
    .ml35 { margin-left: 35px !important; }
    .ml40 { margin-left: 40px !important; }
    
    
    .pt00 { padding-top:  0px !important; }
    .pt05 { padding-top:  5px !important; }
    .pt10 { padding-top: 10px !important; }
    .pt15 { padding-top: 15px !important; }
    .pt20 { padding-top: 20px !important; }
    .pt25 { padding-top: 25px !important; }
    .pt30 { padding-top: 30px !important; }
    .pt35 { padding-top: 35px !important; }
    .pt40 { padding-top: 40px !important; }
    
    .pr00 { padding-right:  0px !important; }
    .pr05 { padding-right:  5px !important; }
    .pr10 { padding-right: 10px !important; }
    .pr15 { padding-right: 15px !important; }
    .pr20 { padding-right: 20px !important; }
    .pr25 { padding-right: 25px !important; }
    .pr30 { padding-right: 30px !important; }
    .pr35 { padding-right: 35px !important; }
    .pr40 { padding-right: 40px !important; }
    
    .pb00 { padding-bottom:  0px !important; }
    .pb05 { padding-bottom:  5px !important; }
    .pb10 { padding-bottom: 10px !important; }
    .pb15 { padding-bottom: 15px !important; }
    .pb20 { padding-bottom: 20px !important; }
    .pb25 { padding-bottom: 25px !important; }
    .pb30 { padding-bottom: 30px !important; }
    .pb35 { padding-bottom: 35px !important; }
    .pb40 { padding-bottom: 40px !important; }
    
    .pl00 { padding-left:  0px !important; }
    .pl05 { padding-left:  5px !important; }
    .pl10 { padding-left: 10px !important; }
    .pl15 { padding-left: 15px !important; }
    .pl20 { padding-left: 20px !important; }
    .pl25 { padding-left: 25px !important; }
    .pl30 { padding-left: 30px !important; }
    .pl35 { padding-left: 35px !important; }
    .pl40 { padding-left: 40px !important; }
    
    .bnHorsdoeuvre { display: none; }

/* Module
-------------------------------------------------------------*/
    #back-top { position: fixed; bottom: 30px; overflow: hidden; margin-left: 954px; z-index: 1000; text-indent: -9999px; }
    #back-top a { position: relative; display: block; width: 70px; height: 72px; background: url(/images/common/gotop.png) 0 0 no-repeat; }    
	a.iconLink { padding-left: 11px; background: url(/images/common/anchor_arrow.gif) left center no-repeat; }

@media screen and (min-width: 641px) {
	.btnFacebook { float: right; width: 260px; height: 68px; /*text-indent: -9999px; */ background: #3b5998 url(../images/common/icon_facebook.png) 10px 10px no-repeat; }
	.btnFacebook a { display: table-cell; vertical-align: middle; width: 260px; padding: 0 0 0 68px; height: 68px; text-decoration: none; box-sizing: border-box; color: #fff; font-weight: bold; font-size: 15px; line-height: 1.4; background: url(../images/common/arrow_facebook.png) right center no-repeat; letter-spacing: 1px; }
	.btnFacebook a i { font-family: Tahoma, Geneva, sans-serif; font-style: normal; }
	
	.btnGnavi { margin-top: 10px; width: 279px; background: url(../images/common/arrow_gnavi.png) right center no-repeat; border: 1px solid #f00; box-sizing: border-box; }
	.btnGnavi a { display: block; padding: 7px 10px 10px 10px; height: 55px; background: url(../images/common/bnr_gnavi.png) 10px 26px no-repeat; text-decoration: none; }
	
	.btnHotPepper { margin-top: 10px; width: 279px; background: url(../images/common/arrow_gnavi.png) right center no-repeat; border: 1px solid #f00; box-sizing: border-box; }
	.btnHotPepper a { display: block; padding: 7px 10px 10px 10px; height: 55px; background: url(../images/common/bnr_hotpepper.gif) 10px 26px no-repeat; text-decoration: none; }
	
	.btnHitosara { width: 250px; background: url(../images/common/btn_arrow_hitosara.png) right center no-repeat; border: 1px solid #ab7253; box-sizing: border-box; }
	.btnHitosara a { display: block; padding: 7px 10px 8px 10px; height: 55px; background: #fff url(../images/common/bnr_hitosara.png) 10px center no-repeat; text-decoration: none; }
    
   	.btnTabelog { width: 250px; background: url(../images/common/arrow_facebook.png) right center no-repeat; border: 1px solid #fda400; box-sizing: border-box; }
	.btnTabelog a { display: block; padding: 7px 10px 8px 10px; height: 55px; background: #fff url(../images/common/bnr_hitosara.png) 10px center no-repeat; text-decoration: none; }
	
	.btnInstagram { width: 260px; height: 68px; background: #fff url(../images/common/icon_instagram.png) 10px 10px no-repeat; box-sizing: border-box; }
	.btnInstagram a { display: table-cell; vertical-align: middle;  width: 260px; box-sizing: border-box; padding: 0 0 0 68px; height: 68px; background: url(../images/common/arrow_insta.png) right center no-repeat; text-decoration: none; color: #292626; font-weight: bold; font-size: 15px; line-height: 1.4; }
	.btnInstagram a i { font-family: Tahoma, Geneva, sans-serif; font-style: normal; }
	
	
}
@media screen and (max-width: 640px) {
	.btnFacebook { margin-top: 10px; width: 100%; background: #3b5998; text-align: center; }	
	.btnFacebook a { display: block; padding: 10px 0; width: 100%; color: #fff; text-decoration: none; font-weight: bold; background: url(../a16/images/arrow_menu.png) right center no-repeat; }
	.btnFacebook a span { padding-left: 16px; background: url(../a16/images/icon_fb.png) left center no-repeat; background-size: 12px 12px; }
	.btnFacebook a i { font-style: normal; }

	.btnInstagram { margin-top: 15px; width: 100%; background: #fff; text-align: center; }	
	.btnInstagram a { display: block; padding: 10px 0; width: 100%; color: #000; text-decoration: none; font-weight: bold; background: url(../images/common/arrow_insta.png) right center no-repeat; }
	.btnInstagram a span { padding-left: 16px; background: url(../images/common/icon_instagram.png) left center no-repeat; background-size: 12px 12px; }
	.btnInstagram a i { font-style: normal; }


	.btnGnavi { margin-top: 10px; width: 100%; background: #fff url(../images/common/arrow_gnavi.png) right center no-repeat; border: 1px solid #f00; box-sizing: border-box; }
	.btnGnavi a { display: block; padding: 5px 10px; height: 48px; background: url(../images/common/bnr_gnavi.png) center 20px no-repeat; background-size: auto 22px; text-decoration: none; color: #000; font-size: 10px;box-sizing: border-box; text-align: center;}
	
	.btnHotPepper { margin-top: 10px; width: 100%; background: url(../images/common/arrow_gnavi.png) right center no-repeat; border: 1px solid #f00; box-sizing: border-box; }
	.btnHotPepper a { display: block; padding: 5px 10px; height: 48px; background: url(../images/common/bnr_hotpepper.gif) center 20px no-repeat; background-size: auto 22px; text-decoration: none; color: #000; font-size: 10px;box-sizing: border-box; text-align: center;}
	
	.btnHitosara { margin-top: 10px; width: 100%; background: #fff url(../images/common/btn_arrow_hitosara.png) right center no-repeat; border: 1px solid #ab7253; box-sizing: border-box; }
	.btnHitosara a { display: block; padding: 0 10px; height: 48px; background: url(../images/common/bnr_hitosara_sp.gif) center center no-repeat; background-size: auto 38px; text-decoration: none; font-size: 10px; box-sizing: border-box; text-align: center; }
    
    .btnYoyaku { margin-top: 15px; width: 100%; background: #ff8400; text-align: center; }	
    .btnYoyaku a { display: block; padding: 10px 0; width: 100%; color: #fff; text-decoration: none; font-weight: bold; background: url(../a16/images/arrow_menu.png) right center no-repeat; }

}

/* clearfix
-------------------------------------------------------------*/
	header:after,div:after,section:after,p:after,ul:after,ol:after,li:after,dl:after,.linkBox:after,.clearfix:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; }
	header,div,section,p,ul,ol,li,dl,.clearfix,.linkBox { zoom: 1; }
    div.noClearfix:after { content:inherit; }
	
	
	
	#lean_overlay  { display: none; position: fixed; z-index:10000; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; }
@media screen and (min-width: 768px) {
	.modalWindow { display: none; box-sizing: border-box; text-align: center; }
	.modalInner  { overflow: auto; width: 640px; height: 800px; }
	.modalClose  { display: block; position: absolute; top: -10px; right: -10px; width: 35px; height: 35px; background: url(/danoi/modal/btn_close.png) no-repeat; background-size: 35px 35px; z-index: 2; cursor: pointer; }
	.modalDetail { margin: 0; padding: 20px; background: #fff; }
	
	#danoiPage .modalDetail { margin: 0; padding: 20px; background: #fff; }
	#danoiPage .danoiMain { margin: 0 auto; width: 600px; }
	#danoiPage .imageMain { margin-bottom: 15px; }
	#danoiPage .danoiText { margin-bottom: 15px; text-align: left; color: #444; font-size: 14px; line-height: 1.6;  }
	#danoiPage .danoiShop {}
	#danoiPage .danoiShop ul { }
	#danoiPage .danoiShop li:nth-child(odd) { float: left; width: 290px; }
	#danoiPage .danoiShop li:nth-child(even) { float: right; width: 290px; }
	#danoiPage .danoiShop .shopName { margin: 15px 0; font-size: 14px; font-weight: bold; color: #444 }
}
@media screen and (max-width: 640px) {
	#danoiPage { display: none; }
	.modalWindow { display: none; box-sizing: border-box; text-align: center; }
	.modalInner  { overflow: auto; width: 640px; height: 800px; }
	.modalClose  { display: block; position: absolute; top: -10px; right: -10px; width: 35px; height: 35px; background: url(/danoi/modal/btn_close.png) no-repeat; background-size: 35px 35px; z-index: 2; cursor: pointer; }
	.modalDetail { margin: 0; padding: 20px; background: #fff; }
	
	#danoiPage .modalDetail { margin: 0; padding: 20px; background: #fff; }
	#danoiPage .danoiMain { margin: 0 auto; width: 600px; }
	#danoiPage .imageMain { margin-bottom: 15px; }
	#danoiPage .danoiText { margin-bottom: 15px; text-align: left; color: #444; font-size: 14px; line-height: 1.6;  }
	#danoiPage .danoiShop {}
	#danoiPage .danoiShop ul { }
	#danoiPage .danoiShop li:nth-child(odd) { float: left; width: 290px; }
	#danoiPage .danoiShop li:nth-child(even) { float: right; width: 290px; }
	#danoiPage .danoiShop .shopName { margin: 15px 0; font-size: 14px; font-weight: bold; color: #444 }
}

.covidMessage { padding: 15px; margin: 15px; text-align: center; background: #fff; border: 2px solid #f00; line-height: 1.6; }
.covidMessage dt.title { margin-bottom: 10px; padding: 0 0 12px 0; font-size: 16px; font-weight: bold; color: #f00; border-bottom: 1px solid #f00; }
.covidMessage dt.titleDanoi { margin-bottom: 10px; padding: 0 0 12px 0; font-size: 16px!important; font-weight: bold; color: #f00; border-bottom: 1px solid #f00; }
.covidMessage dd.term { margin-bottom: 10px; font-size: 16px; color: #f00; font-weight: bold; }
.covidMessage .font-small { font-size: 14px; }
.covidMessage dd.link { font-size: 14px }
.covidMessage dd.link a { color: #000; }