img{ border:none; vertical-align:bottom; image-rendering: -webkit-optimize-contrast;} .clear{ clear:both; height:0;} .clear_sp{ display: none;} .center{ text-align:center;} ul{ list-style:none; margin:0; padding:0;} p{ margin:0;} a img:hover{ opacity:0.8; filter:alpha(opacity=80); /*transition: all .5s;*/ outline: none;} /* IE8+, Chrome */ a{ outline: 0;} /* Firefox */ a::-moz-focus-inner, a::-moz-focus-inner { border: 0;} body{ margin:0 auto; padding:0; font-family: "Noto Sans Japanese";} #container{ width: 100%; color: #3F3B3A; min-width: 1000px;} #mainArea{ width: 100%;} #mainArea img{ width: 100%;} #mainArea a img:hover{ opacity:1; filter:alpha(opacity=100); /*transition: all .5s;*/ outline: none;} #policy{ width: 100%; margin: 0 auto; background: url(../img/top/bg_policy.jpg) no-repeat; background-size: cover; background-position: center;} #policy .policyArea{ width: 550px; margin: 0 auto; padding:64px 0; text-align: left;} #policy .policyArea h2.ttl_center{ width: 400px; margin: 0;} #policy .policyArea h2.ttl_center img{ width: 400px;} #policy .policyArea p{ margin: 20px 0 0; padding:0; font-size: 14px; color: #270E00; line-height: 200%;} #info{ width: 100%; background: url(../img/top/bg_info.jpg) repeat-y; background-size: 100%; background-position: center;} #info .infoWrap{ width: 1000px; margin: 0 auto; padding: 80px 0 70px;} #info .infoWrap:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #news{ width: 460px; float: left; background: url(../img/common/bg_w.png) repeat;} #info .infoInner{ padding: 50px 33px 50px 50px; position: relative;} #info .infoInner h2{ width :118px; margin:0 0 15px;} #info .infoInner h2 img{ width :118px;} #info .infoInner ul{ width: 340px; border-bottom: #9E9D9B solid 1px;} #info .infoInner li{ border-top: #9E9D9B solid 1px; padding: 15px 0;} #info .infoInner li p.date{ font-size: 14px; margin-bottom: 5px;} #info .infoInner li p.ttl{ font-size: 14px;} #info .infoInner li p.ttl a{ font-size: 14px; display: block; margin: 0; color: #3F3B3A; text-decoration: none;} #info .infoInner li p.ttl a:hover{ text-decoration: none; color: #DADADA;} #info .infoInner li p.ttl span{ display: block; font-size: 12px;} .flexcroll{ width:auto; margin: 15px 0 0; overflow:auto; position:relative; min-height: 211px;} .flexcroll.bnr-6{ height: 957px;} .flexcroll.bnr-5{ height: 767px;} .flexcroll.bnr-4{ height: 581px;} .flexcroll.bnr-3{ height: 395px;} .flexcroll.bnr-2{ height: 211px;} .center-bnr{ width: 1000px; margin: 0 auto 60px; } .center-bnr img{ width: 100%; } /* 本体 */ .scrollgeneric{ line-height:1px; font-size:1px; position:absolute; top:0; left:0;} /* 縦スクロール範囲 */ .vscrollerbase{ width: 10px; background-color:#FFF;} /* 縦スクロールバー */ .vscrollerbar{ width: 10px; background-color: #E8CDAE;} #event{ width: 460px; float: right;} #event .bnrY{ width: 460px; margin-bottom: 10px;} #event .bnrY img{ width: 460px;} #info .bnr_to{ width: 1000px; margin: 0 auto; padding: 0 0 85px;} #info .bnr_to:after{ content:""; display:block; clear:both;} #info .bnr_to .l-bnr{ width: 490px; float: left;} #info .bnr_to .r-bnr{ width: 490px; float: right;} #info .bnr_to .l-bnr img, #info .bnr_to .r-bnr img{ width: 490px;} #recommend{ width: 100%; margin: 0 auto;} #recommend:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #recommend .recobox{ width:350px; background: url(../img/common/bg_w.png) repeat; margin:65px 0;} #recommend .rbox{ width:350px; float: right; margin-right: 150px;} #recommend .lbox{ width:350px; float: left; margin-left: 150px;} #recommend .recobox h2.ttl_reco{ width:215px; margin: 60px auto 20px; text-align: center;} #recommend .recobox h2.ttl_reco img{ width:215px;} #recommend .recobox p.recotxt{ width:215px; color: #270E00; font-size: 14px; text-align: center; line-height: 180%; margin:0 auto 20px;} #recommend .recobox p.reco_more{ width:170px; text-align: center; margin:0 auto 40px;} #recommend .recobox p.reco_more img{ width:170px;} #recommend .reco_menu{ width:50%; float: left; background: url(../img/top/bg_menu.jpg) no-repeat; background-size: cover; background-position: right;} #recommend .reco_menu:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #recommend .reco_drink{ width:50%; float: left; background: url(../img/top/bg_drink.jpg) no-repeat; background-size: cover; background-position: left;} #recommend .reco_drink:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #recommend .reco_live{ width:50%; float: left; background: url(../img/top/bg_live.jpg) no-repeat; background-size: cover; background-position: right;} #recommend .reco_live:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #recommend .reco_party{ width:50%; float: left; background: url(../img/top/bg_party.jpg) no-repeat; background-size: cover; background-position: left;} #recommend .reco_party:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #leadArea{ width: 100%; background: url(../img/top/bg_lead.jpg) no-repeat center; background-size: cover; padding: 125px 0 300px; background-position: top center;} #leadArea .leadBox{ width: 1000px; background: url(../img/common/bg_w.png) repeat; margin: 0 auto 0;} #leadArea .leadBox p{ margin: 0 auto; padding:50px 0; text-align: center; font-size: 14px; line-height: 200%; border-color: #270E00;} /* secContents */ #secContents{ width: 100%; margin: 0 auto; padding: 0; color: #270E00;} #secContents:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .secMain{ width: auto; /*height: 450px; overflow: hidden;*/ position: relative;} #secContents .secMain .secmv{ width: 100%; /*position: absolute; bottom: 0;*/ margin: 0 auto;} #secContents .secMain .secmv img{ width: 100%;} #secContents .ttlArea{ width: 100%; margin: 0 auto; padding: 0;} #secContents .ttlArea .panArea{ width: 100%; margin: 0 auto; background: #F1B613;} #secContents .ttlArea .panArea .pankuzu{ width: 1000px; margin: 0 auto; padding: 7px 0 ; font-size: 12px; color: #270E00;} #secContents .ttlArea .panArea .pankuzu a{color: #C60012; text-decoration: none;} #secContents .ttlArea .panArea .pankuzu a:hover{color: #C60012; text-decoration: underline;} #secContents .ttlArea h2.sec_ttl{ width: 1000px; margin: 0 auto; padding: 40px 0 40px; text-align: center;} #secContents .ttlArea h2.sec_ttl img{ width: 180px;} #secContents .ttlArea h2.secI_ttl{ width: 1000px; margin: 0 auto; padding: 40px 0 40px; text-align: center;} #secContents .ttlArea h2.secI_ttl img{ width: 440px;} #secContents .innerW{ width: 100%; background: #fff; margin:0 auto; padding:80px 0;} #secContents .innerW:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .innerbg{ width: 100%; background: url(../img/common/innerbg.jpg) repeat-y center top; background-size: cover; padding:80px 0;} #secContents .innerbg:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .innerbg_last{ width: 100%; background: url(../img/common/innerbg.jpg) repeat-y center top; background-size: 100%; padding:80px 0 350px;} #secContents .innerbg_last:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .innerWbg_last{ width: 100%; background: #fff; padding:80px 0 350px;} #secContents .innerWbg_last:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents h3.nomal{ width:auto; margin: 0 auto 50px; padding:15px 0; font-size: 30px; text-align: center; font-weight: bold; border-bottom: solid 1px #270E00; border-top: solid 1px #270E00; color: #270E00;} #secContents h3.nomal2{ width:auto; margin: 80px auto 50px; padding:15px 0; font-size: 30px; text-align: center; font-weight: bold; border-bottom: solid 1px #270E00; border-top: solid 1px #270E00; color: #270E00;} #secContents h3.reco{ width:auto; margin: 0 auto 50px; padding:15px 0; font-size: 30px; text-align: center; font-weight: bold; border-bottom: solid 1px #C60012; border-top: solid 1px #C60012; color: #C60012;} #secContents h3 span{ color: #C60012;} #secContents h4.nomal{ width:auto; margin: 0 auto 50px; padding: 0 0 15px; font-size: 20px; text-align: center; font-weight: bold; border-bottom: solid 1px #270E00;color: #270E00;} #secContents .wideArea{ width:1000px; margin: 0 auto;} #secContents .wideArea:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .lArea{ width:450px; margin: 0 auto; padding: 0 0 0; float: left;} #secContents .rArea{ width:450px; margin: 0 auto; padding: 0 0 0; float: right;} #secContents .imgArea{ width:80px; margin: 0 20px 0 0; float: left;} #secContents .imgArea img{ width:80px;} #secContents .txtArea{ width:180px; margin: 0 0 0; float: right;} #secContents .txtArea_w270{ width:310px; margin: 0 0 0; float: right;} #secContents ul{ width: auto; margin: 0 auto 0; list-style: none; font-size: 16px;} #secContents .w450{ width: 370px; margin: 0 auto 0; padding: 0 40px;} #secContents .w450_l{ width: 410px; margin: 0 auto 0; padding: 0 0 0 40px;} #secContents .w450_l.mt30{ margin-top: 30px;} #secContents .w450_r{ width: 410px; margin: 0 auto 0; padding: 0 40px 0 0;} #secContents .w450_r.mt30{ margin-top: 30px;} #secContents .w450_l:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .w450_r:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents ul:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents ul li{ width: auto; color: #270E00; line-height: 120%; margin-top: 10px; } #secContents ul li.mt30{ width: auto; color: #270E00; line-height: 120%; margin-top: 30px; } #secContents ul li:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .menu{ text-align: left; float: left; font-weight: bold;} #secContents .menu_c{ text-align: center; font-weight: bold;} #secContents .price{ font-size: 80%; color: #C60012; text-align: right !important; float: right; font-weight: bold;} #secContents .price_l{ font-size: 80%; color: #C60012; text-align: left !important; font-weight: bold;} #secContents .price_c{ font-size: 90%; color: #C60012; text-align: center !important; font-weight: bold;} #secContents .item{ font-size: 70%; text-align: left; font-weight: normal;} #secContents .item_c{ font-size: 80%; text-align: center; font-weight: normal;} #secContents .item_spec{ font-size: 80%; text-align: left; font-weight: normal; margin:30px 0 10px!important; line-height: 140%;} #secContents .pointmenu{ width: 250px; font-size: 18px;} #secContents .pointmenu2{ font-size: 18px;} #secContents .lArea3{ width: 280px; color: #270E00; line-height: 140%; margin: 0 0 30px 40px; float: left; font-size: 16px;} #secContents .rArea3{ width: 280px; color: #270E00; line-height: 140%; margin: 0 40px 30px 0; float: right; font-size: 16px;} #secContents .rArea3:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .bg_beer01{ width: 370px; height:320px; background: url(../img/drink/bg_beer01.png) no-repeat; background-position: right bottom !important; background-size: 35%;} #secContents .bg_beer02{ width: 370px; background: url(../img/drink/bg_beer02.png) no-repeat; background-position: 300px bottom !important; background-size: 25%;} #secContents p.menuLead{ font-size: 18px; font-weight: bold; color: #270E00; text-align: left; line-height: 160%; margin: 0 0 20px; padding: 0;} #secContents p.osusumeIcon{ width:50px; margin: 0 0 5px; padding: 0;} #secContents p.osusumeIcon img{ width:50px;} #secContents p.osusumeIcon_c{ width:50px; margin: 0 auto 5px; padding: 0;} #secContents p.osusumeIcon_c img{ width:50px;} #secContents .txtArea_w270 p.spec_price{ width:270px; margin: 0; padding:0; clear:both;} #secContents .txtArea_w270 p.spec_price:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents p.spec_price{ width:auto; margin: 0; padding:0; clear:both;} #secContents p.spec_price:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} /* Menu */ #secContents .wideArea_max{ width:1080px; margin: 0 auto;} #secContents .wideArea_max:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .wideArea_menu{ width:1000px; margin: 0 auto 60px;} #secContents .wideArea_menu:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .menuBox{ width: 1000px; margin:0 auto 0;} #secContents .menuBox:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .menuBox .lArea3{ margin-bottom: 0 !important;} #secContents .menuBox .lArea3 .menuImg{ width: 280px; margin: 0 auto 20px;} #secContents .menuBox .lArea3 .menuImg img{ width: 280px !important;} #secContents .menuBox .rArea3{ margin-bottom: 0 !important;} #secContents .menuBox .rArea3 .menuImg{ width: 280px; margin: 0 auto 20px;} #secContents .menuBox .rArea3 .menuImg img{ width: 280px !important;} #secContents .menuBox .lArea2{ margin-bottom: 0 !important; float: left; margin-left: 40px;} #secContents .menuBox .lArea2 .menuImg{ width: 430px; margin: 0 auto 20px;} #secContents .menuBox .lArea2 .menuImg img{ width: 430px !important;} #secContents .menuBox .rArea2{ margin-bottom: 0 !important; float: right; margin-right: 40px;} #secContents .menuBox .rArea2 .menuImg{ width: 430px; margin: 0 auto 20px;} #secContents .menuBox .rArea2 .menuImg img{ width: 430px !important;} #secContents .wideArea_txt{ width: 1000px; margin: 60px auto 0;} #secContents .wideArea_txt:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .wideArea_txt.mt00{ width: 1000px; margin: 0 auto 0;} #secContents .wideArea_txt.mt00:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .wideArea_txt .lArea3{ margin-bottom: 0 !important;} #secContents .wideArea_txt .rArea3{ margin-bottom: 0 !important;} #secContents .txt_memo{ width: 1000px; margin: 30px auto 0; text-align: center;} #secContents .bnr_lunch{ margin: 30px auto 0; text-align: center;} /* kodawari */ #secContents .kTxt{ text-align: center; line-height: 220%;} #secContents .imgKodawari{ width: 100%; margin: 0 auto;} #secContents .imgKodawari img{ width: 100%; text-align: center;} #secContents .kbtnArea{ margin: 0 auto; text-align: center;} #secContents .kbtnArea ul{ margin: 0 auto; padding: 0; display: flex; justify-content: center;} #secContents .kbtnArea li{ display:table-cell; vertical-align:middle; margin: 0 25px;} #secContents .kbtnArea li img{ width: 220px;} /* shop */ #secContents .bgshopArea{ width: 740px; background: url(../img/common/bg_w.png) repeat; padding: 80px; margin: 0 auto; color: #270E00; position: relative;} #secContents .bgshopArea:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .bgshopArea .pic{ width: 350px; float: left;} #secContents .bgshopArea .pic img{ width: 350px;} #secContents .bgshopArea .shop_info{ width: 350px; float: right;} #secContents .bgshopArea .shop_info table{ width: 100%; border-top: solid 1px #270E00; text-align: left;} #secContents .bgshopArea .shop_info th{ width: 50px; border-bottom: solid 1px #270E00; padding: 14px 20px 14px; font-weight: normal; vertical-align: top;} #secContents .bgshopArea .shop_info td{ border-bottom: solid 1px #270E00; padding: 14px 0;} #mapChikusei, #mapTamado, #mapOyama{ width: 100%; height: 300px; margin: 80px auto 0;} #mapChikusei iframe, #mapTamado iframe, #mapOyama iframe{ width: 100%; height: 100%; margin: 0 auto;} #secContents .tamadoInfo{ border: #270E00 solid 1px; padding: 25px 0; margin-bottom: 30px; text-align: center} #secContents .tamadoInfo p.ttl_ti{ font-weight: bold; margin-bottom: 10px;} #secContents .tamadoInfo p{ line-height: 180%;} /* party */ #secContents p.pSt{ color: #C60012; font-size: 22px; line-height: 180%; text-align: center; font-weight: bold; margin-bottom: 40px;} #secContents .pTxt{ text-align: center; line-height: 200%; margin-bottom: 70px;} #secContents .pTxt a{ color: #270E00; text-decoration: underline;} #secContents .pTxt a:hover{ color: #270E00; text-decoration: none;} #secContents .bnr_party{ text-align: center; margin-bottom: 30px;} #secContents .bnr_party:nth-of-type(3){ margin-bottom: 60px;} #secContents .bnr_shop{ width: 920px; margin: 0 auto;} #secContents .bnr_shop:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .bnr_shop img{ width: 430px;} #secContents .bnr_shopL{ width: 430px; float: left;} #secContents .bnr_shopR{ width: 430px; float: right;} #secContents .pCourse{ width: 920px; margin: 0 auto;} #secContents .pCourse ul:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .pCourse li{ float: left; list-style: disc; width: 33.3333%;} #secContents p.cau{ text-align: center; font-size: 14px; margin-top: 50px;} #secContents p.pPrice{ text-align: center; color: #C60012; font-size: 18px; margin-top: 20px;} #secContents .clInner{ margin: 0;} #secContents .clInner::after{ content:""; display:block; clear:both;} #secContents .clInner .clInnerR{ float: right; width: 510px;} #secContents .clInner .clInnerR img{ width: 510px;} #secContents .clInner .clInnerR .slick-dots{ width: 100%; bottom: -56px;} #secContents .clInner .clInnerL{ float: left; width: 450px;} #secContents .clInner .clInnerL p{ line-height: 180%;} #secContents .clInner .priceEx{ padding: 20px 30px; box-sizing: border-box; margin: 30px 0 20px; background: url(../img/common/bg_w.png) repeat; background-size: 100%;} #secContents .clInner p.ex{ font-size: 14px;} /* live */ #secContents .bgliveArea{ width: 740px; background: url(../img/common/bg_w.png) repeat; padding: 80px; margin: 0 auto; color: #270E00; position: relative;} #secContents .bgliveArea:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .bgliveArea.mt60{ margin-top: 60px;} #secContents .bgliveArea p.liveDate{ width: 75px; height: 75px; background: #280E01; color: #FFF; font-size: 30px; text-align: center; line-height: 66px; position: absolute; top: 0; left: 0; vertical-align:middle;} #secContents .bgliveArea p.liveDate span{ display: block; font-size: 16px; line-height: 0; margin-top: -12px;} #secContents .bgliveArea .pic{ width: 350px; float: left;} #secContents .bgliveArea .pic img{ width: 350px;} #secContents .bgliveArea .live_info{ width: 350px; float: right;} #secContents .bgliveArea p.guest{ font-size: 20px; font-weight: bold; padding: 0 20px; line-height: 160%;} #secContents .bgliveArea p.guest span{ font-size: 18px; font-weight: normal;} #secContents .bgliveArea .guest_info{ border-top: solid 1px #270E00; margin-top: 10px;} #secContents .bgliveArea .guest_info li{ border-bottom: solid 1px #270E00; padding: 8px 20px 14px;} #secContents .bgliveArea p.site{ text-align: right; margin-top: 15px;} #secContents .bgliveArea p.site a{ color: #270E00; text-decoration: underline;} #secContents .bgliveArea p.site a:hover{ color: #270E00; text-decoration: none;} #secContents .covid19{ width: 880px; margin: 0 auto; box-sizing: border-box; color: #CE0012; border: solid 1px #CE0012; outline: solid 5px #CE0012; outline-offset: 5px; background: url(../img/common/bg_w.png) repeat; padding: 50px; margin-bottom: 30px;} #secContents .covid19 p{ text-align: center; font-weight: 600;} /* recruit */ #secContents .bgrecArea{ width: 740px; background: url(../img/common/bg_w.png) repeat; padding: 80px; margin: 0 auto; color: #270E00;} #secContents .bgrecArea table{ width: 100%; border-top: solid 1px #270E00; font-size: 14px;} #secContents .bgrecArea th{ width: 160px; padding: 15px 15px 13px; border-bottom: solid 1px #270E00; text-align: left; font-weight: normal; vertical-align: top;} #secContents .bgrecArea td{ padding: 15px 15px 13px; border-bottom: solid 1px #270E00;} /* class */ #secContents p.classtxt{ font-size: 14px; text-align: center; color: #270E00; line-height: 180%;} #secContents p.classtxt a{ color: #270E00; text-decoration: underline;} #secContents p.classtxt a:hover{ color: #270E00; text-decoration: none;} #secContents .imgClass{ text-align: center; margin: 50px 0;} /* en */ #secContents .en .logo{ text-align: center; margin-bottom: 50px;} #secContents .en h4{ margin: 0 0 50px; text-align: center;} #secContents .en .enTxt{ line-height: 200%; margin-bottom: 50px;} #secContents .imgContact{ text-align: center; margin-bottom: 50px;} /* inquiry */ #secContents .bginqArea{ width: 740px; background: url(../img/common/bg_w.png) repeat; padding: 80px; margin: 0 auto; color: #270E00; position: relative;} #secContents .bginqArea .inqTxt{ font-size: 14px; text-align: center; line-height: 180%;} #secContents .bginqArea.mt60{ margin-top: 60px;} #secContents .ibtnArea{ margin: 40px auto 0; text-align: center;} #secContents .ibtnArea ul{ margin: 0 auto; padding: 0; display: flex; justify-content: center;} #secContents .ibtnArea li{ display:table-cell; vertical-align:middle; margin: 0 25px;} #secContents .ibtnArea li:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .ibtnArea li img{ width: 60px; float: left; margin-right: 20px;} #secContents .ibtnArea li p{ float: left; font-size: 30px; font-weight: bold; text-align: left; line-height: 30px;} #secContents .ibtnArea li p span{ display: block; font-size: 16px; line-height: 30px;} #secContents .ibtnArea li p span.form{line-height: 60px;} #secContents .ibtnArea li p span.form span.red{ color: #C60012; display: inline;} #secContents .inqForm{ margin-top: 50px;} #secContents .inqForm table{ width: 100%; border-top: solid 1px #270E00;} #secContents .inqForm table th{ width: 180px; padding: 15px; border-bottom: solid 1px #270E00; text-align: left;} #secContents .inqForm table th span.red{ color: #C60012;} #secContents .inqForm table th p{ font-weight: normal;} #secContents .inqForm table td{ padding: 15px; border-bottom: solid 1px #270E00;} #secContents .inqForm table td p{ font-size: 14px;} select{ /*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ margin: 0; height: 40px; background: #FFF; position: relative; z-index: 1; padding: 0 40px 0 10px; border: #FFF solid 2px; font-family: "Noto Sans Japanese"; } select::-ms-expand { display: none; } .selectWrap{ position: relative; display: inline-block; } .selectWrap::before{ content: ''; position: absolute; z-index: 0; top: 0; right: 0; background: #FFF; height: 100%; width: 30px; } .selectWrap::after{ content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; margin: auto 0; right: 9px; width: 0; height: 0; border: #FFF solid 2px !important; } input[type="text"], .input textarea { outline: none; border: #FFF solid 2px; -webkit-transition: all .3s; transition: all .3s; padding: 10px; font-family: "Noto Sans Japanese"; } .input input[type="text"]:focus, .input textarea:focus { box-shadow: 0 0 7px #E7443D; border: 2px solid #FFF; } textarea { resize: vertical; font-family: "Noto Sans Japanese"; border: 2px solid #FFF; } input[type="submit"] , input[type="reset"] { display: inline-block; width: 200px; height: 50px; padding: 0; margin: 0 10px 0 0; background: #270E00; border: none; color: #FFF; font-size: 16px; cursor: pointer; outline: none; font-family: "Noto Sans Japanese"; } input[type="button"] { display: inline-block; width: 170px; height: 26px; padding: 0; margin: 0; background: #270E00; border: none; color: #FFF; font-size: 14px; cursor: pointer; outline: none; font-family: "Noto Sans Japanese"; } input[type="submit"]:hover, input[type="button"]:hover { background: #270E00; } input[type="submit"]:active, input[type="button"]:active { background: #270E00; } .thanks_info{ margin: 0;} .thanks_info p{ padding: 0; margin: 15px 0 0; font-size: 14px;} .thanks_info p.ttl{ font-size: 16px; font-weight: bold; margin: 0;} .thanks_info p span.red{ color: #C60012;} #page-top{ width:80px; height:80px; display:none; position:fixed; right:30px; bottom:130px; z-index:200;} #page-top p{ margin:0; padding:0;} #page-top p img{ width:80px; opacity:0.8; filter:alpha(opacity=80);} #page-top p:hover img{ opacity:0.6; filter:alpha(opacity=60);} #move-page-top{ text-decoration:none; display:block; cursor:pointer;} footer{ width: 100%; margin: -230px auto 0;} footer ul.sns{ margin: 0 auto; padding: 0; display: flex; justify-content: center;} footer ul.sns:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} footer ul.sns li{ float: left; margin:0 20px;} footer ul.sns img{ width: 30px;} footer .footnavi{ width: 1000px; margin:50px auto 0;} footer .footnavi ul{ width: auto; margin: 0;} footer .footnavi ul:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} footer .footnavi li{ float: left; font-size: 14px; line-height: 180%; color: #47332A; font-weight: bold; padding: 0 27px; border-right: solid 1px #47332A;} footer .footnavi li.last{ border-right: none;} footer .footnavi li a{ color: #47332A; text-decoration: none;} footer .footnavi li a:hover{ color: #47332A; text-decoration: underline;} footer .footArea{ width: 100%; margin:115px auto 0; padding-bottom: 100px; background: #F6BB13;} footer .footArea .shopinfo{ width: 840px; margin:0 auto;} footer .footArea .shopinfo:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} footer .footArea .lshop{ width: 370px; float: left; margin:-65px 0 0;} footer .footArea .rshop{ width: 370px; float: right; margin:-65px 0 0;} footer .footArea .shopBnr img{ width: 370px;} footer .footArea .shopName{ width: 370px; padding: 15px 0 10px; text-align: left; border-bottom: solid 1px #270E00; font-size: 20px; font-weight: bold; color: #270E00;} footer .footArea .shopData{ width: 370px; padding: 15px 0 0; text-align: left; font-size: 14px; line-height: 180%; color: #270E00;} footer .footArea .shopData span{ color: #CB0012;} footer .footArea .shopData a{ color: #CB0012; font-size: 20px; font-weight: bold; text-decoration: none;} footer .footArea .shopData a:hover{ text-decoration: underline;} footer .footArea .shopData .fs12{ color: #270E00; font-size: 12px;} footer .copy{ background: #D22E1B; color: #FFF; text-align: center; font-size: 12px; padding: 24px 0;} header{ width: 100%; position: absolute; z-index: 1000; background: url(../img/common/bg_navi.png) repeat;} #bgHead{ width: 100%; background: url(../img/common/line_bin.jpg) repeat-x; padding-top:12px;} #headArea{ width: 1000px; margin: 0 auto;} #headArea:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #headArea h1{ float: left; margin-top:30px;} #headArea h1 img{ width: 220px;} #headArea .headLink{ float: right;} #headArea .headLink ul{ float: right; clear: right;} #headArea .headLink ul:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #headArea .headLink ul.reservation { width: 650px; margin: 0 auto;} #headArea .headLink ul.reservation:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #headArea .headLink ul.reservation li{ float: left;} #headArea .headLink ul.reservation li.tel{ color: #270E00; font-weight: bold; font-size: 14px; margin-top: 5px; margin-right: 30px;} #headArea .headLink ul.reservation li.tel a{ color: #CE0012; font-weight: bold; font-size: 18px; margin-left: 5px; text-decoration: none; vertical-align: baseline;} #headArea .headLink ul.reservation li.tel a:hover{ text-decoration: underline;} #headArea .headLink ul.reservation li.contact{ width: 180px; margin: 0 0 0 5px;} #headArea .headLink ul.reservation img{ width: 180px;} #nav{ width: 650px; margin: 15px 0 15px; float: right;} #nav > a{ display: none; } #nav li{ position: relative; } #nav li a{ color: #fff; display: block; } #nav span:after{ width: 0; height: 0; /*border: 0.313em solid transparent; border-bottom: none; border-top-color: #efa585;*/ content: ''; vertical-align: middle; display: inline-block; position: relative; right: -0.313em; /* 5 */ } /* first level */ #nav > ul{ } #nav > ul > li{ width: 60px; margin-right: 38px; float: left; } #nav > ul > li.last{ margin-right: -38px !important; } #nav > ul > li img{ width: 60px; } #nav > ul > li > a{ font-size: 14px; text-align: center; text-decoration: none; /*line-height: 42px;*/ } /*#nav > ul > li:not( :last-child ) > a{ border-right: 1px solid #cc470d; }*/ #nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a{ text-decoration: none; } /* second level */ #nav li ul{ background: url(../img/common/bg_navi.png) repeat; display: none; position: absolute; top: 100%; } #nav li:hover ul{ display: block; left: 0; right: 0; } #nav li:not( :first-child ):hover ul{ /*left: -1px;*/ } #nav li ul a{ font-size: 14px; padding: 0 10px; line-height: 42px;/* 15 (20) */ text-decoration: none; } #nav li ul li a:hover, #nav li ul:not( :hover ) li.active a{ background: url(../img/common/bg_nav_on.png) repeat; text-decoration: none; } .pc{ display:inherit !important;} .sp{ display:none !important;} .red{ color: #C60012;} .fs12{ font-size: 12px;} .mt10{ margin-top: 10px;} @media screen and (max-width: 767px){ html {-webkit-text-size-adjust:none; margin:0 auto; padding:0;} img{ width:100%; height:auto; vertical-align:bottom;} a img:hover{ opacity:1; filter:alpha(opacity=100); transition: all 0;} .clear{ clear:both; height:0;} .clear_sp{ clear:both; height:0;} .center{ text-align:center;} ul{ list-style:none; margin:0; padding:0;} p{ margin:0;} body{ margin:0 auto; padding:0; font-family: "Noto Sans Japanese";} #container{ width: 100%; color: #3F3B3A; min-width: 100%;} #mainArea{ width: 100%;} #mainArea img{ width: 100%;} #mainArea a img:hover{ opacity:1; filter:alpha(opacity=100); /*transition: all .5s;*/ outline: none;} #policy{ width: 100%; margin: 0 auto; background: url(../img/top/bg_policy_sp.jpg) no-repeat; background-size: cover; background-position: top;} #policy .policyArea{ width: auto; margin: 0 auto; padding: 15% 5% 10%; text-align: left;} #policy .policyArea h2.ttl_center{ width: 60%; margin: 0 auto;} #policy .policyArea h2.ttl_center img{ width: 100%;} #policy .policyArea p{ margin: 8% 0 0; padding:0; font-size: 12px; color: #270E00; line-height: 1.7em;} #info{ width: 100%; background: url(../img/top/bg_info.jpg) repeat; background-size: 100%; background-position: top;} #info .infoWrap{ width: auto; margin: 0 auto; padding: 10% 5%;} #info .infoWrap:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #news{ width: auto; float: none; background: url(../img/common/bg_w.png) repeat;} #info .infoInner{ padding: 5%; position: relative;} #info .infoInner h2{ width: 28%; margin:0 auto 5%;} #info .infoInner h2 img{ width: 100%;} #info .infoInner ul{ width: auto; border-bottom: #9E9D9B solid 1px;} #info .infoInner li{ border-top: #9E9D9B solid 1px; padding: 15px 0;} #info .infoInner li p.date{ font-size: 14px; margin-bottom: 5px;} #info .infoInner li p.ttl{ font-size: 14px;} #info .infoInner li p.ttl a{ font-size: 14px; display: block; margin: 0; color: #3F3B3A; text-decoration: none;} #info .infoInner li p.ttl a:hover{ text-decoration: none; color: #DADADA;} #info .infoInner li p.ttl span{ display: block; font-size: 12px;} .flexcroll{ width:auto; height: 240px !important; margin: 15px 0 0; overflow: scroll; position: static;} .flexcroll.bnr-6{ height: 240px;} .flexcroll.bnr-5{ height: 240px;} .flexcroll.bnr-4{ height: 240px;} .flexcroll.bnr-3{ height: 240px;} .center-bnr{ width: 100%; margin: 0 auto 10%; overflow: hidden;} .center-bnr img{ width: 100%;} /* 本体 */ .scrollgeneric{ line-height:1px; font-size:1px; position:absolute; top:0; left:0;} /* 縦スクロール範囲 */ .vscrollerbase{ width: 10px; background-color:#FFF;} /* 縦スクロールバー */ .vscrollerbar{ width: 10px; background-color: #E8CDAE;} #event{ width: auto; float: none; margin-top: 10%;} #event .bnrY{ width: auto; margin-bottom: 10px;} #event .bnrY img{ width: 100%;} #info .bnr_to{ width: auto; margin: 0 5%; padding: 0 0 15%;} #info .bnr_to:after{ content:""; display:block; clear:both;} #info .bnr_to .l-bnr{ width: auto; float: none; margin-bottom: 10px;} #info .bnr_to .r-bnr{ width: auto; float: none;} #info .bnr_to .l-bnr img, #info .bnr_to .r-bnr img{ width: 100%;} #recommend{ width: 100%; margin: 0 auto;} #recommend:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #recommend .recobox{ width: auto; background: url(../img/common/bg_w.png) repeat; margin: 0; padding: 5%;} #recommend .rbox{ width: 70%; float: none; margin: 0 auto;} #recommend .lbox{ width: 70%; float: none; margin: 0 auto;} #recommend .recobox h2.ttl_reco{ width:40%; margin: 0 auto 2%; text-align: center;} #recommend .recobox h2.ttl_reco img{ width:100%;} #recommend .recobox p.recotxt{ width: auto; color: #270E00; font-size: 12px; text-align: center; line-height: 1.6em; margin:0 auto 5%;} #recommend .recobox p.reco_more{ width: 50%; text-align: center; margin:0 auto;} #recommend .recobox p.reco_more img{ width:100%;} #recommend .reco_menu{ width: auto; float: none; background: url(../img/top/bg_menu.jpg) no-repeat; background-size: cover; background-position: right; padding: 10% 0;} #recommend .reco_menu:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #recommend .reco_drink{ width: auto; float: none; background: url(../img/top/bg_drink.jpg) no-repeat; background-size: cover; background-position: left; padding: 10% 0;} #recommend .reco_drink:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #recommend .reco_live{ width: auto; float: none; background: url(../img/top/bg_live.jpg) no-repeat; background-size: cover; background-position: right; padding: 10% 0;} #recommend .reco_live:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #recommend .reco_party{ width: auto; float: none; background: url(../img/top/bg_party.jpg) no-repeat; background-size: cover; background-position: left; padding: 10% 0;} #recommend .reco_party:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #leadArea{ width: auto; background: url(../img/top/bg_lead.jpg) no-repeat center; background-size: cover; padding: 20% 5%; background-position: top center;} #leadArea .leadBox{ width: auto; background: url(../img/common/bg_w.png) repeat; margin: 0 auto;} #leadArea .leadBox p{ margin: 0 auto; padding: 5%; text-align: left; font-size: 12px; line-height: 1.7em; border-color: #270E00;} /* secContents */ #secContents{ width: 100%; margin: 0 auto; padding: 0; overflow: hidden; color: #270E00;} #secContents:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .secMain{ width: auto; /*height: 450px;*/ overflow: hidden; position: relative;} #secContents .secMain .secmv{ width: 100%; /*position: absolute; bottom: 0;*/ margin: 0 auto;} #secContents .secMain .secmv img{ width: 140%;} #secContents .ttlArea{ width: 100%; margin: 0 auto; padding: 0;} #secContents .ttlArea .panArea{ width: 100%; margin: 0 auto; background: #F1B613;} #secContents .ttlArea .panArea .pankuzu{ width: 100%; margin: 0 auto; padding: 3% 5% ; font-size: 10px; color: #270E00;} #secContents .ttlArea .panArea .pankuzu a{color: #C60012; text-decoration: none;} #secContents .ttlArea .panArea .pankuzu a:hover{color: #C60012; text-decoration: underline;} #secContents .ttlArea h2.sec_ttl{ width: 30%; margin: 0 auto; padding: 3% 0 5%; text-align: center;} #secContents .ttlArea h2.sec_ttl img{ width: 100%;} #secContents .ttlArea h2.secI_ttl{ width: 100%; margin: 0 auto; padding: 3% 0 5%; text-align: center;} #secContents .ttlArea h2.secI_ttl img{ width: 74%;} #secContents .innerW{ width: 90%; background: #fff; margin:0 auto; padding:15% 5% 0;} #secContents .innerW:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .innerbg{ width: 90%; background: url(../img/common/innerbg.jpg) repeat-y center; background-size: 100%; padding:15% 5% 0;} #secContents .innerbg:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .innerbg_last{ width: 90%; background: url(../img/common/innerbg.jpg) repeat-y center; background-size: 100%; padding:15% 5% 20%;} #secContents .innerbg_last:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .innerWbg_last{ width: 90%; background: #fff; padding:15% 5% 15%;} #secContents .innerWbg_last.spmb00{ width: 90%; background: #fff; padding:15% 5% 0 !important;} #secContents .innerWbg_last:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents h3.nomal{ width:auto; margin: 0 auto 7%; padding:3% 0; font-size: 18px; text-align: center; font-weight: bold; border-bottom: solid 1px #270E00; border-top: solid 1px #270E00; color: #270E00;} #secContents h3.nomal2{ width:auto; margin: 15% auto 7%; padding:3% 0; font-size: 18px; text-align: center; font-weight: bold; border-bottom: solid 1px #270E00; border-top: solid 1px #270E00; color: #270E00;} #secContents h3.reco{ width:auto; margin: 0 auto 7%; padding:3% 0; font-size: 18px; text-align: center; font-weight: bold; border-bottom: solid 1px #C60012; border-top: solid 1px #C60012; color: #C60012;} #secContents h3 span{ color: #C60012;} #secContents .wideArea{ width:100%; margin: 0 auto;} #secContents .wideArea:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .lArea{ width:100%; margin: 0 auto; padding: 0 0 15% !important; float: none;} #secContents .rArea{ width:100%; margin: 0 auto; padding: 0 0 15% !important; float: none;} #secContents .lArea:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .rArea:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .w450{ width: 90%; margin: 0 auto 0; padding: 0 0 0 !important;} #secContents .w450_l{ width: 90%; margin: 0 auto 0; padding: 0 0 0 !important;} #secContents .w450_l.mt30{ margin-top: 15%;} #secContents .w450_r.mt30{ margin-top: 15%;} #secContents .w450_r{ width: 90%; margin: 0 auto 0; padding: 0 0 0 !important;} #secContents .w450_l:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .w450_r:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .imgArea{ width:30%; margin: 0 0 0 0; float: left;} #secContents .imgArea img{ width:100%;} #secContents .txtArea{ width:65%; margin: 0 0 0; float: right;} #secContents .txtArea:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .txtArea_w270{ width:65%; margin: 0 0 15%; float: right;} #secContents .txtArea_w270:last-child{ margin: 0 0 0 !important;} #secContents .txtArea_w270:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents ul{ width: 90%; margin: 0 5% 0 !important; padding:0; list-style: none; font-size: 16px;} #secContents ul:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents ul li{ width: auto; color: #270E00; line-height: 1.2em; margin-top: 5%; padding:0;} #secContents ul li.mt30{ width: auto; color: #270E00; line-height: 1.2em; margin-top: 5%; } #secContents ul li:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .menu{ text-align: left; float: left; font-weight: bold; line-height: 1.4em; margin: 0; padding: 0;} #secContents .menu:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .price{ font-size: 80%; color: #C60012; text-align: right !important; float: right !important; font-weight: bold; line-height: 2em; margin: 0; padding: 0;} #secContents .price:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .item{ font-size: 80%; text-align: left; font-weight: normal; line-height: 1.4em; margin: 0; padding: 0;} #secContents .item_spec{ font-size: 80%; text-align: left; font-weight: normal; margin:30px 0 10px!important; line-height: 1.4em;} #secContents .item_spec:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .pointmenu{ width: auto; font-size: 16px;} #secContents .pointmenu2{ font-size: 16px;} #secContents .lArea3{ width:100%; color: #270E00; line-height: 1.4em; margin: 0 0 15%; float: none; font-size: 16px;} #secContents .rArea3{ width:100%; color: #270E00; line-height: 1.4em; margin: 0 0 15%; float: none; font-size: 16px;} #secContents .lArea3:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .rArea3:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .bg_beer01{ width: 100%; height:auto; background: none; margin:0 auto 10%;} #secContents .bg_beer02{ width: 100%; background:none; margin:0 auto 15%;} #secContents .beerimg{ width: 100%; margin:10% auto 0; text-align: center;} #secContents .beerimg img{ width: 60%;} #secContents p.menuLead{ font-size: 18px; font-weight: bold; color: #270E00; text-align: left; line-height: 1.6em; margin: 0 5% 7%; padding: 0;} #secContents p.osusumeIcon{ width:50px; margin: 0 0 5px; padding: 0;} #secContents p.osusumeIcon img{ width:50px;} #secContents p.osusumeIcon_c{ width:50px; margin: 0 auto 5px; padding: 0;} #secContents p.osusumeIcon_c img{ width:50px;} #secContents .txtArea_w270 p.spec_price{ width:90%; margin: 0; padding:0;} #secContents .txtArea_w270 p.spec_price:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents p.spec_price{ width:90%; margin: 0; padding:0;} #secContents p.spec_price:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} /* Menu */ #secContents h4.nomal{ width:auto; margin: 0 auto 7%; padding:0 0 3%; font-size: 18px; text-align: center; font-weight: bold; border-bottom: solid 1px #270E00; color: #270E00;} #secContents .wideArea_max{ width: auto; margin: 0 auto;} #secContents .wideArea_max:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .wideArea_menu{ width: auto; margin: 0 auto 8%;} #secContents .wideArea_menu:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .menuBox{ width: auto; margin:0 auto 10%;} #secContents .menuBox:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .menuBox .lArea3{ width:46% !important; margin: 0 2% 8% !important; float: left;} #secContents .menuBox .lArea3:last-child { float: right !important;} #secContents .menuBox .lArea3 .menuImg{ width: auto; margin: 0 auto 5%;} #secContents .menuBox .lArea3 .menuImg img{ width: 100% !important;} #secContents .menuBox .rArea3{ width:46% !important; margin: 0 auto 0 !important; float: none !important;} #secContents .menuBox .rArea3 .menuImg{ width: auto; margin: 0 auto 5%;} #secContents .menuBox .rArea3 .menuImg img{ width: 100% !important;} #secContents .menuBox .lArea2{ width:46% !important; margin: 0 2% 8% !important; float: left;} #secContents .menuBox .lArea2 .menuImg{ width: auto; margin: 0 auto 5%;} #secContents .menuBox .lArea2 .menuImg img{ width: 100% !important;} #secContents .menuBox .rArea2{ width:46% !important; margin: 0 2% 8% !important; float: right;} #secContents .menuBox .rArea2 .menuImg{ width: auto; margin: 0 auto 5%;} #secContents .menuBox .rArea2 .menuImg img{ width: 100% !important;} #secContents .wideArea_txt{ width: auto; margin: 0 auto;} #secContents .wideArea_txt:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .wideArea_txt.mt00{ width: auto; margin: 0 auto 0;} #secContents .wideArea_txt .lArea3{ width: auto; margin-bottom: 0 !important;} #secContents .wideArea_txt .rArea3{ width: auto; margin-bottom: 0 !important;} #secContents .txt_memo{ width: auto; margin: 8% auto 15%; text-align: center; font-size: 90%;} #secContents .bnr_lunch{ margin: 10% auto 0; text-align: center;} .spmb15{ margin-bottom: 15% !important;} /* kodawari */ #secContents .kTxt{ text-align: left; line-height: 2em; font-size: 14px; padding-bottom: 20%;} #secContents .imgKodawari{ width: 100%; margin: 0 auto;} #secContents .imgKodawari img{ width: 100%; text-align: center;} #secContents .kbtnArea{ margin: 0 auto; text-align: center;} #secContents .kbtnArea ul{ margin: 0 auto; padding: 0; display: block; justify-content: center;} #secContents .kbtnArea li{ display:block; vertical-align:middle; margin: 0 10% 5%;} #secContents .kbtnArea li:last-child{ margin: 0 10% 0;} #secContents .kbtnArea li img{ width: 100%;} /* shop */ #secContents .bgshopArea{ width: auto; background: url(../img/common/bg_w.png) repeat; background-size: 100%; padding: 5%; margin: 0 auto; color: #270E00; position: relative;} #secContents .bgshopArea:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .bgshopArea .pic{ width: auto; float: none; margin-bottom: 10%;} #secContents .bgshopArea .pic img{ width: 100%;} #secContents .bgshopArea .shop_info{ width: auto; float: none; font-size: 14px;} #secContents .bgshopArea .shop_info table{ width: 100%; border-top: solid 1px #270E00; text-align: left;} #secContents .bgshopArea .shop_info th{ width: 30% !important; border-bottom: solid 1px #270E00; padding: 2%; font-weight: normal; vertical-align: top;} #secContents .bgshopArea .shop_info td{ border-bottom: solid 1px #270E00; padding: 2% 0;} #mapChikusei, #mapTamado, #mapOyama{ width: 100%; height: 300px; margin: 10% auto 0;} #mapChikusei iframe, #mapTamado iframe, #mapOyama iframe{ width: 100%; height: 100%; margin: 0 auto;} #secContents .tamadoInfo{ border: #270E00 solid 1px; padding: 5% 0; margin-bottom: 10%; text-align: center} #secContents .tamadoInfo p.ttl_ti{ font-weight: bold; margin-bottom: 2%;} #secContents .tamadoInfo p{ line-height: 1.6em;} #secContents .tamadoInfo p a{ text-decoration: underline; color: #270E00;} /* party */ #secContents p.pSt{ color: #C60012; font-size: 16px; line-height: 1.8em !important; text-align: left; font-weight: bold; margin-bottom: 10%;} #secContents .pTxt{ text-align: left; line-height: 1.8em !important; margin-bottom: 10%; font-size: 14px;} #secContents .pTxt a{ color: #270E00; text-decoration: underline;} #secContents .pTxt a:hover{ color: #270E00; text-decoration: none;} #secContents .bnr_party{ text-align: center; margin-bottom: 5%;} #secContents .bnr_shop{ width: auto; margin: 0 auto; padding-bottom: 15%;} #secContents .bnr_shop:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .bnr_shop img{ width: 100%;} #secContents .bnr_shopL{ width: 48%; float: left;} #secContents .bnr_shopR{ width: 48%; float: right;} #secContents .pCourse{ width: auto; margin: 0 auto;} #secContents .pCourse ul:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .pCourse li{ float: left; list-style: disc; width: 100%; font-size: 14px; margin: 0 5% 2%;} #secContents p.cau{ text-align: center; font-size: 12px; margin-top: 5%;} #secContents p.pPrice{ text-align: center; color: #C60012; font-size: 16px; margin-top: 2%; padding-bottom: 15%;} #secContents .clInner{ margin: 0;} #secContents .clInner::after{ content:""; display:block; clear:both;} #secContents .clInner .clInnerR{ float: none; width: auto; margin-bottom: 15%;} #secContents .clInner .clInnerR img{ width: 100%;} #secContents .clInner .clInnerR .slider{ width: 100%; margin: 0 auto !important;} #secContents .clInner .clInnerR .slick-slide{ margin-top: 0; width: 100%;} #secContents .clInner .clInnerR .slick-dots{ width: 90%; bottom: -50px !important;} #secContents .clInner .clInnerL{ float: none; width: auto;} #secContents .clInner .clInnerL p{ line-height: 1.6em; font-size: 14px;} #secContents .clInner .priceEx{ padding: 5%; box-sizing: border-box; margin: 5% 0 5%; background: url(../img/common/bg_w.png) repeat; background-size: 100%; font-size: 14px;} #secContents .clInner p.ex{ font-size: 12px; padding-bottom: 15%;} /* live */ #secContents .bgliveArea{ width: auto; background: url(../img/common/bg_w.png) repeat; background-size: 100%; padding: 5%; margin: 0 auto; color: #270E00; position: relative;} #secContents .bgliveArea:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .bgliveArea.mt60{ margin-top: 15%;} #secContents .bgliveArea p.liveDate{ width: 50px; height: 50px; background: #280E01; color: #FFF; font-size: 22px; text-align: center; line-height: 42px; position: absolute; top: 0; left: 0; vertical-align:middle;} #secContents .bgliveArea p.liveDate span{ display: block; font-size: 12px; line-height: 0; margin-top: -6px;} #secContents .bgliveArea .pic{ width: auto; float: none; margin-bottom: 10%;} #secContents .bgliveArea .pic img{ width: 100%;} #secContents .bgliveArea .live_info{ width: auto; float: none;} #secContents .bgliveArea p.guest{ font-size: 18px; font-weight: bold; padding: 0 2%; line-height: 1.6em;} #secContents .bgliveArea p.guest span{ font-size: 16px; font-weight: normal;} #secContents .bgliveArea .guest_info{ border-top: solid 1px #270E00; margin: 5% 0 0 !important; width: auto !important;} #secContents .bgliveArea .guest_info li{ border-bottom: solid 1px #270E00; padding: 2% 2% 5%; font-size: 14px;} #secContents .bgliveArea p.site{ text-align: right; margin-top: 5%; font-size: 14px;} #secContents .bgliveArea p.site a{ color: #270E00; text-decoration: underline;} #secContents .bgliveArea p.site a:hover{ color: #270E00; text-decoration: none;} #secContents .covid19{ width: auto; margin: 0 5%; box-sizing: border-box; color: #CE0012; border: solid 1px #CE0012; outline: solid 5px #CE0012; outline-offset: 5px; background: url(../img/common/bg_w.png) repeat; background-size: 100%; padding: 5%; margin-bottom: 10%;} #secContents .covid19 p{ text-align: center; font-weight: 400; font-size: 15px;} /* recruit */ #secContents .bgrecArea{ width: auto; background: url(../img/common/bg_w.png) repeat; background-size: 100%; padding: 5%; margin: 0 auto; color: #270E00;} #secContents .bgrecArea table{ width: 100%; border-top: solid 1px #270E00; font-size: 14px;} #secContents .bgrecArea th{ width: 30% !important; padding: 2%; border-bottom: solid 1px #270E00; text-align: left; font-weight: normal; vertical-align: top;} #secContents .bgrecArea td{ padding: 2%; border-bottom: solid 1px #270E00;} /* class */ #secContents p.classtxt{ font-size: 14px; text-align: left; color: #270E00; line-height: 1.8em;} #secContents p.classtxt a{ color: #270E00; text-decoration: underline;} #secContents p.classtxt a:hover{ color: #270E00; text-decoration: none;} #secContents .imgClass{ text-align: center; margin: 10% 0;} /* en */ #secContents .en .logo{ text-align: center; margin-bottom: 5%;} #secContents .en h4{ margin: 0 0 10%; text-align: center;} #secContents .en .enTxt{ line-height: 1.6em; margin-bottom: 10%; font-size: 14px;} #secContents .imgContact{ text-align: center; margin-bottom: 10%;} /* inquiry */ #secContents .bginqArea{ width: auto; background: url(../img/common/bg_w.png) repeat; background-size: 100%; padding: 5%; margin: 0 auto; color: #270E00; position: relative;} #secContents .bginqArea .inqTxt{ font-size: 14px; text-align: left; line-height: 1.6em;} #secContents .bginqArea.mt60{ margin-top: 15%;} #secContents .ibtnArea{ margin: 10% auto 0; text-align: center;} #secContents .ibtnArea ul{ margin: 0 auto; padding: 0; display: block; justify-content: center;} #secContents .ibtnArea li{ display: block; vertical-align:middle; margin: 0 0 5%;} #secContents .ibtnArea li:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #secContents .ibtnArea li img{ width: 30px; float: left; margin-right: 2%;} #secContents .ibtnArea li p{ float: left; font-size: 18px; font-weight: bold; text-align: left; line-height: 15px;} #secContents .ibtnArea li p span{ display: block; font-size: 12px; line-height: 15px;} #secContents .ibtnArea li p span.form{ line-height: 30px;} #secContents .ibtnArea li p span.form span.red{ color: #C60012; display: inline;} #secContents .inqForm{ margin-top: 10%;} #secContents .inqForm table{ width: 100%; border-top: solid 1px #270E00; table-layout: fixed; word-break: break-all; word-wrap: break-all;} #secContents .inqForm table tr,#secContents .inqForm table th,#secContents .inqForm table td{ display: block;} #secContents .inqForm table th{ width: auto; padding: 4% 2% 0; border-bottom: none; text-align: left; font-size: 12px;} #secContents .inqForm table th span.red{ color: #C60012;} #secContents .inqForm table th p{ font-weight: normal;} #secContents .inqForm table td{ padding: 2% 2% 4%; border-bottom: solid 1px #270E00; font-size: 12px;} #secContents .inqForm table td p{ font-size: 12px;} #secContents .inqForm .formWidth{ max-width: 90% !important;} select{ /*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ margin: 0; height: 30px; background: #FFF; position: relative; z-index: 1; padding: 0 2%; border: #FFF solid 2px; font-family: "Noto Sans Japanese"; } select::-ms-expand { display: none; } .selectWrap{ position: relative; display: inline-block; } .selectWrap::before{ content: ''; position: absolute; z-index: 0; top: 0; right: 0; background: #FFF; height: 100%; width: 30px; } .selectWrap::after{ content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; margin: auto 0; right: 9px; width: 0; height: 0; border: #FFF solid 2px !important; } input[type="text"], .input textarea { outline: none; border: #FFF solid 2px; -webkit-transition: all .3s; transition: all .3s; padding: 2%; font-family: "Noto Sans Japanese"; } .input input[type="text"]:focus, .input textarea:focus { box-shadow: 0 0 7px #E7443D; border: 2px solid #E7443D; } textarea { resize: vertical; border: 2px solid #FFF; font-family: "Noto Sans Japanese"; } input[type="submit"] , input[type="reset"] { display: block; width: 200px; height: 50px; padding: 0; margin: 5% auto 0; background: #270E00; border: none; color: #FFF; font-size: 16px; cursor: pointer; outline: none; font-family: "Noto Sans Japanese"; } input[type="button"] { display: inline-block; width: 170px; height: 26px; padding: 0; margin: 0 0 2%; background: #270E00; border: none; color: #FFF; font-size: 14px; cursor: pointer; outline: none; font-family: "Noto Sans Japanese"; } input[type="submit"]:hover, input[type="button"]:hover { background: #270E00; } input[type="submit"]:active, input[type="button"]:active { background: #270E00; } .thanks_info{ margin: 0;} .thanks_info p{ padding: 0; margin: 5% 0 0; font-size: 12px;} .thanks_info p.ttl{ font-size: 14px; font-weight: bold; margin: 0;} .thanks_info p span.red{ color: #C60012;} #page-top{ width:40px; height:40px; display:none; position:fixed; right: 3%; bottom: 5%; z-index:200;} #page-top p{ margin:0; padding:0;} #page-top p img{ width:100%; opacity:0.8; filter:alpha(opacity=80);} #page-top p:hover img{ opacity:0.6; filter:alpha(opacity=60);} #move-page-top{ text-decoration:none; display:block; cursor:pointer;} footer{ width: 100%; margin: 0 auto 0;} footer ul.sns{ margin: 10% auto 0; padding: 0; display: flex; justify-content: center;} footer ul.sns:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} footer ul.sns li{ float: left; margin:0 20px;} footer ul.sns img{ width: 30px;} footer .footnavi{ width: auto; margin:0 auto 0; padding:10% 10% 8%; background: #FCFBF9;} footer .footnavi ul{ width: auto; margin: 0; text-align: left;} footer .footnavi ul:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} footer .footnavi li{ float: left; font-size: 12px; line-height: 1.5em; color: #47332A; font-weight: normal; padding: 0 ; border-right: none; width: 33.333333%; margin-bottom: 2%;} footer .footnavi li.last{ border-right: none;} footer .footnavi li a{ color: #47332A; text-decoration: none;} footer .footnavi li a:hover{ color: #47332A; text-decoration: underline;} footer .footArea{ width: 100%; margin:0 auto; padding: 10% 0; background: #F6BB13;} footer .footArea .shopinfo{ width: auto; margin:0 5%;} footer .footArea .shopinfo:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} footer .footArea .lshop{ width: auto; float: none; margin: 0;} footer .footArea .rshop{ width: auto; float: none; margin: 15% 0 0;} footer .footArea .shopBnr{ width: 80%; margin: 0 auto;} footer .footArea .shopBnr img{ width: 100%;} footer .footArea .shopName{ width: auto; padding: 5% 0 2%; text-align: left; border-bottom: solid 1px #270E00; font-size: 16px; font-weight: bold; color: #270E00;} footer .footArea .shopData{ width: auto; padding: 5% 0 0; text-align: left; font-size: 12px; line-height: 1.8em; color: #270E00;} footer .footArea .shopData span{ color: #CB0012;} footer .footArea .shopData a{ color: #CB0012; font-size: 20px; font-weight: bold; text-decoration: none;} footer .footArea .shopData a:hover{ text-decoration: underline;} footer .footArea .shopData .fs12{ color: #270E00; font-size: 12px;} footer .copy{ background: #D22E1B; color: #FFF; text-align: center; font-size: 10px; padding: 10% 0;} header{ width: 100%; position: fixed; z-index: 1000; background: url(../img/common/bg_navi.png) repeat; height: 59px;} #bgHead{ width: 100%; background: url(../img/common/line_bin.jpg) no-repeat; background-size: 100%; padding-top: 12px;} #headArea{ width: auto; margin: 0 auto; position: relative;} #headArea:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;} #headArea h1{ float: none; width: 90px; margin: 0 auto; padding-top: 7px;} #headArea h1 a{ display: block;} #headArea h1 img{ width: 100%;} #headArea .headLink{ display: none;} #nav{ width: auto; padding: 0; margin: 0; float: none; position: absolute; top: 0; right: 6px; } #nav > a{ width: 40px; /* 50 */ height: 40px; /* 50 */ text-align: left; text-indent: -9999px; background: #D22E1B; position: relative; } #nav > a:before, #nav > a:after{ position: absolute; border: 2px solid #fff; top: 35%; left: 25%; right: 25%; content: ''; } #nav > a:after{ top: 60%; } #nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type{ display: block; } /* first level */ #nav > ul{ /*height: 100%;*/ overflow: auto; -webkit-overflow-scrolling: touch; display: none; position: fixed; left: 0; right: 0; background: url(../img/common/bg_navi.png) repeat; margin-top: 7px; padding-bottom: 10%; } #nav:target > ul{ display: block; } #nav > ul > li{ width: 25%; float: left; margin-right: 0; } #nav > ul > li.last{ margin-right: 0 !important; } #nav > ul > li.inq{ margin-right: 0; margin-bottom: 4%; } #nav > ul > li img{ width: 50px; } #nav > ul > li > a{ height: auto; text-align: center; padding: 10%;/* 20 (24) */ } /*#nav > ul > li:not( :last-child ) > a{ border-right: none; border: 1px solid #000; background: url(../img/common/bg_navi.png) repeat; }*/ #nav > ul > li.tel{ width: 80%; float: none; color: #270E00; font-weight: bold; font-size: 14px; margin: 2% auto 0; clear: left; border: #270E00 solid 1px; padding: 0 5%; text-align: center;} #nav > ul > li.tel a{ color: #CE0012; font-weight: bold; font-size: 18px; margin: 0 0 0 5%; text-decoration: none; vertical-align: middle; padding: 0; display: inline;} #nav > ul > li.tel a:hover{ text-decoration: underline;} /*#nav > ul > li.contact{ width: 100%; margin: 0 auto; text-align: center; padding: 0;} #nav > ul > li.contact img{ width: 100%;} #nav > ul > li.contact > a{ padding: 5% 10% 10%;}*/ /* second level */ #nav li ul{ position: static; padding: 1.25em; /* 20 */ padding-top: 0; background: url(../img/common/bg_navi.png) repeat; } #nav li ul li a{ border-bottom: 1px dotted #FFF; width: 80%; } .pc{ display:none !important;} .sp{ display:inherit !important;} .fs12{ font-size: 12px;} .mt10{ margin-top: 2%; font-size: 12px;} }