.pageBg{
 background: url(../img/honten/bg.png) left top;
 background-attachment: fixed;
}
.pageBg2,
.tabArea .tabBtn.active{
 background: #c26a56 !important;
}
.pageColor,
.pageColor a{
 color: #c26a56 !important;
}
.pageTtl{
 text-align: center;
 padding: 20px 50px;
}
.pageTtl>.inner{
 position: relative;
 display: inline-block;
}
.pageTtl>.inner:before{
 display: block;
 content: "";
 width: 208px;
 height: 38px;
 background: url(../img/ttlbg_r_black.png) no-repeat center center;
 background-size: 100% auto;
 position: absolute;
 right: -100px;
 top: -25px;
}
.pageTtl.white>.inner:before{
 background: url(../img/ttlbg_r_white.png) no-repeat center center;
 background-size: 100% auto;
}
.pageTtl>.inner:after{
 display: block;
 content: "";
 width: 208px;
 height: 38px;
 background: url(../img/ttlbg_l_black.png) no-repeat center center;
 background-size: 100% auto;
 position: absolute;
 left: -100px;
 bottom: -20px;
}
.pageTtl.white>.inner:after{
 background: url(../img/ttlbg_l_white.png) no-repeat center center;
 background-size: 100% auto;
}
.pageSttl1{
 position: relative;
}
.pageSttl1:before{
 display: block;
 content: "";
 width: 2em;
 height: 2em;
 position: absolute;
 left: -0.3em;
 top: -0.3em;
 background: url(../img/honten/sttl_bg.png) no-repeat left center;
 background-size: auto 100%;
}
.pageSttl1>span{
 position: relative;
}
.pageSttl2{
 position: relative;
}
.pageSttl2:before{
 display: block;
 content: "";
 width: 2em;
 height: 2em;
 position: absolute;
 left: -0.4em;
 top: -0.4em;
 background: url(../img/honten/sttl_bg2.png) no-repeat left center;
 background-size: auto 100%;
}
.pageSttl2>span{
 position: relative;
}
.pageSttl3{
 position: relative;
}
.pageSttl3:before{
 display: block;
 content: "";
 width: 100%;
 border-bottom: solid 1px #333;
 position: absolute;
 top: 50%;
}
.pageSttl3>span{
 position: relative;
}
.pageSttl3>span:before{
 display: block;
 content: "";
 width: 100%;
 height: 100%;
 background: #fff;
 position: absolute;
 left: 0px;
 top: 0px;
 padding-right: 10px;
}
.pageSttl3>span:after{
 display: block;
 content: "";
 width: 3em;
 height: 3em;
 position: absolute;
 left: -1em;
 top: -0.8em;
 background: url(../img/honten/sttl_bg3.png) no-repeat left center;
 background-size: auto 100%;
 z-index: 2;
}
.pageSttl3>span>span{
 position: relative;
 z-index: 3;
}
.pageSttl4{
  font-size: 1rem;
}
.honten .pageSttl4{
  color: #c26a56;
}
#sec_pagettl{
 background-color: #c26a56;
 position: relative;
}
#sec_pagettl:before{
 display: block;
 content: "";
 width: 70%;
 height: 100%;
 position: absolute;
 top: 0px;
 right: 0px;
 background: url(../img/honten/bg.png) left top;
}
#sec_pagettl .inner{
 position: relative;
 padding: 50px 0px 50px;
 background: url(../img/ttl_shape.png) no-repeat center bottom 10px;
 max-width: 1600px;
 margin-left: auto;
 margin-right: auto;
 background-size: contain;
}
#sec_osusume .maxWidth{
 position: relative;
 height: 1200px;
}
.kokura #sec_osusume .maxWidth,
.soba #sec_osusume .maxWidth,
.yume #sec_osusume .maxWidth,
.katsu #sec_osusume .maxWidth{
 position: relative;
 height: 1150px;
}
#sec_osusume .data{
 position: relative;
 width: 550px;
 height: 550px;
 margin-top: 100px;
 text-shadow: 0px 0px 1px #111,  0px 0px 2px #111, 0px 0px 3px #111 , 0px 0px 3px #111 ,  -1px -1px 4px #111;
}
.kokura #sec_osusume .img,
.soba #sec_osusume .img,
.yume #sec_osusume .img,
.katsu #sec_osusume .img{
 position: relative;
}
#sec_osusume .data:before{
 display: block;
 content: "";
 width: 550px;
 height: 550px;
 background-color: #1c1c1c;
 position: absolute;
 left: 0px;
 top: 0px;
 border-radius: 50%;
}
.kokura #sec_osusume .data:before{
 background: url(../img/kokura/detailbg.png) no-repeat bottom center;
 background-size: cover;
}
.soba #sec_osusume .data:before{
 background-image: url(../img/soba/detailbg.png);
 background-repeat: no-repeat;
 background-position: bottom 22% left 40%;
 background-size: 65% auto;
}

#sec_osusume .data .inner{
 position: relative;
 padding: 60px;
 z-index: 2;
}
#sec_osusume .imgPC{
 position: absolute;
 top: 150px;
 left: 5px;
 padding: 50px;
}
.honten #sec_osusume .imgPC{
  top: 110px;
}
#sec_item{
 position: relative;
}
#sec_item:before{
 display: block;
 content: "";
 width: 100%;
 height: 150px;
 position: absolute;
 top:-148px;
 left: 0px;
 background: url(../img/pagesection.png);
 background-size: 100% 100%;
}
.tabNotice{
  display: none;
}
#sec_menulist .tabArea .tabBtns{
 width: 100%;
 overflow-x: auto;
 display: flex;
 align-items: flex-end;
}
#sec_menulist .tabArea .tabBtns::-webkit-scrollbar{
 width: 4px;
}
#sec_menulist .tabArea .tabBtns::-webkit-scrollbar-track{
 background: #e0e0e0;
}
#sec_menulist .tabArea .tabBtns::-webkit-scrollbar-thumb{
 background: #aaa;
 border:solid 1px #e0e0e0;
}
#sec_menulist .tabArea .tabBtn{
 background: #afada6;
 border-radius: 10px 10px 0px 0px;
 display: flex;
 align-items: center;
 /*padding: 10px 0px 10px 15px;*/
 padding: 10px 15px;
 min-width: 11em;
 min-height: 5em;
 margin-right: 10px;
 cursor: pointer;
 user-select: none;
}
#sec_menulist .tabArea .tabBtns.min6em .tabBtn{
  min-height: 6em;
}
#sec_menulist .tabArea .tabBtn.active{
 color: #fff;
 padding: 15px;
}
#sec_menulist .tabArea .tabData{
 display: none;
}
#sec_menulist .tabArea .tabData.active{
 display: block;
}
#sec_menulist .tabArea .tabData .menu{
 display: flex;
 justify-content: space-between;

 position: relative;
 margin-bottom: 10px;
 line-height: 1.2em;
}
#sec_menulist .tabArea .tabData .menu:before{
 display: block;
 content: "";
 width: 100%;
 position: absolute;
 top: 0.6em;
 margin-top: -1px;
 border-bottom: dotted 1px #333;
}
#sec_menulist .tabArea .tabData .menu p{
 background: #fff;
 position: relative;
}
#sec_menulist .tabArea .tabData .menu p:first-child{
 padding-right: 1em;
 max-width: 65%;
}
#sec_menulist .tabArea .tabData .menu p:has(.mainName){
  background: none;
}
#sec_menulist .tabArea .tabData .menu p .mainName{
  display: inline-block;
  background: #fff;
  margin-right: -1em;
  padding-right: 1em;
}
#sec_menulist .tabArea .tabData .menu p .sub{
  display: inline-block;
  background: #fff;
}
#sec_menulist .tabArea .tabData .menu p.maxW70{
  max-width: 70%;
}
#sec_menulist .tabArea .tabData .menu p.maxW75{
  max-width: 75%;
}
#sec_menulist .tabArea .tabData .menu p:last-child{
 padding-left: 1em;
}
#sec_news .newsList li{
 border-bottom: solid 1px #333;
}
#sec_news .newsList li a{
 display: block;
 padding: 20px 0px;
 transition: .5s;
}
#sec_news .newsList li a:hover{
 background: #eee;
}
#sec_news .newsList li a>p{
 display: inline-block;
}
#sec_news .newsList li a>p.date{
 width: 10em;
}
#sec_gallery .text{
 display: flex;
 justify-content: flex-start;
 padding: 0px 40px
}
#sec_gallery .text .inner{
 width: 140px;
}
#sec_gallery .text .inner h3{
 display: flex;
 justify-content: center;
}
#sec_gallery .text .inner .data{
 display: flex;
 justify-content: center;
}
#sec_access .list li h3{
 border-bottom: solid 1px #333;
 padding-bottom: 5px;
 margin-bottom: 5px;
}
#sec_access .list li{
 padding-bottom: 20px;
}
#sec_access .gmap iframe{
 width: 100%;
}


.telBtn{
 display: flex;
 width: 450px;
 border: solid 1px #c26a56;
 align-items: center;
 background: #c26a56;
 margin-left: auto;
 margin-right: auto;
}
.telBtn .icon{
 position: relative;
 padding: 20px 25px;
 background: #fff;
}
.telBtn .icon:before{
 display: block;
 content: "";
 position: absolute;
 right: -9px;
 border-left: 10px solid #fff;
 border-top: 20px solid transparent;
 border-bottom: 20px solid transparent;
 top: calc( 50% - 20px );
}
.telBtn .icon>span{
 display: flex;
 background: #c26a56;
 color: #fff;
 border-radius: 50%;
 width: 50px;
 height: 50px;
 justify-content: center;
 align-items: center;
}
.telBtn .number{
 width: 100%;
 text-align: center;
 color: #fff;
 letter-spacing: .2em;
}

/* 本店 */
.honten #sec_cuisine .cuisineList{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 25px;
}
.honten #sec_cuisine .cuisineList li{
  width: 100%;
}

/* 小倉 */
.kokura .pageColor,
.kokura .pageColor a{
 color: #92a368 !important;
}
.kokura .pageBg{
 background: url(../img/kokura/bg.png) left top;
 background-attachment: fixed;
}
.kokura #sec_pagettl:before{
 background: url(../img/kokura/bg.png) left top;
}
.kokura .pageBg2,
.kokura .tabArea .tabBtn.active{
 background: #92a368 !important;
}
.kokura #sec_pagettl{
 background-color: #92a368;
 position: relative;
}
.kokura .pageSttl1:before{
 background: url(../img/kokura/sttl_bg.png) no-repeat left center;
 background-size: auto 100%;
}
.kokura .pageSttl2:before{
 background: url(../img/kokura/sttl_bg2.png) no-repeat left center;
 background-size: auto 100%;
}
.kokura .pageSttl3>span:after{
 background: url(../img/kokura/sttl_bg3.png) no-repeat left center;
 background-size: auto 100%;
}
.kokura .telBtn{
 border: solid 1px #92a368;
 background: #92a368;
}
.kokura .telBtn .icon>span{
 background: #92a368;
}

/*
===================================================
	pc small
===================================================
*/
@media screen and (max-width: 1400px) {
 #sec_osusume .imgPC{
  position: absolute;
  top: 15%;
  bottom: auto;
  left: 5vw;
 }
 .honten #sec_osusume .imgPC{
  top: 25%;
 }
 #sec_osusume .maxWidth{
  position: relative;
  height: 1000px;
 }
 #sec_osusume .data{
  margin-top: 50px !important;
 }

 .kokura #sec_osusume .maxWidth,
 .soba #sec_osusume .maxWidth,
 .yume #sec_osusume .maxWidth,
 .katsu #sec_osusume .maxWidth{
  height: 1100px;
 }
 .kokura #sec_osusume .img img,
 .soba #sec_osusume .img img,
 .katsu #sec_osusume .img img{
  height: 200px;
  width: auto;
 }
 .main_menu{
  width: min(100%, 254px);
  margin-right: 50px;
 }
}

/*
===================================================
	tb
===================================================
*/


/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 960px) {
 #sec_pagettl .inner{
  padding: 30px 15vw 30px 0px;
 }
 #sec_pagettl h1 img{
  height: 25px;
  width: auto;
 }
 .pageTtl{
  text-align: center;
  padding: 20px 50px;
 }
 .pageTtl>.inner{
  position: relative;
  display: inline-block;
 }
 .pageTtl>.inner:before{
  display: block;
  content: "";
  width: 120px;
  height: 30px;
  position: absolute;
  right: -60px;
  top: -15px;
 }
 .pageTtl>.inner:after{
  display: block;
  content: "";
  width: 120px;
  height: 30px;
  position: absolute;
  left: -60px;
  bottom: -15px;
 }

 #sec_pagettl:before{
  width: 60%;
 }

 #sec_osusume .maxWidth {
  position: relative;
  height: auto !important;
 }
 #sec_osusume .data{
  position: relative;
  width: 90vw;
  max-width: 500px;
  height: 90vw;
  max-height: 500px;
  margin-top: 20px !important;
  margin-left: auto;
  margin-right: auto;
 }
 #sec_osusume .data:before{
  width: 90vw;
  max-width: 500px;
  height: 90vw;
  max-height: 500px;
  left: 50%;
  top: 0px;
  margin-left: -50%;
 }
 #sec_osusume .data .inner{
  padding: 7vw 40px 0px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
 }
 .honten #sec_osusume .imgSP{
  position: relative;
  text-align: center;
  padding-bottom: 80px;
  margin-top: -30vw;
 }
 .kokura #sec_osusume .img .inner,
 .soba #sec_osusume .img .inner,
 .yume #sec_osusume .img .inner,
 .katsu #sec_osusume .img .inner{
  text-align: center;
  padding: 20px 0px 100px 5vw;
 }
 .kokura #sec_osusume .img .inner>p,
 .soba #sec_osusume .img .inner>p,
 .katsu #sec_osusume .img .inner>p{
  display: inline-block;
  width: 47%;
 }
 .kokura #sec_osusume .img .inner>p img,
 .soba #sec_osusume .img .inner>p img,
 .katsu #sec_osusume .img .inner>p img{
  width: 100%;
  height: auto;
 }

 #sec_item{
  position: relative;
 }
 #sec_item:before{
  display: block;
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  top:-48px;
  left: 0px;
  background: url(../img/pagesection.png);
  background-size: 100% 100%;
 }

 #sec_menulist .tabArea .tabBtn{
  padding: 5px 10px;
  margin-right: 5px;
  font-size: 10px;
  min-height: 6em;
 }
 #sec_menulist .tabArea .tabBtn.active{
  height: 8em;
  padding: 5px 10px;
 }
 #sec_menulist .tabArea .tabBtns.min6em .tabBtn{
  min-height: 8em;
 }
 #sec_menulist .tabArea .tabBtns.min6em .tabBtn.active{
  min-height: 9em;
 }
 #sec_news .newsList li a>p.date{
  width: auto;
  margin-right: 1em;
 }

 #sec_gallery .text .inner{
  width: 140px;
  margin-left: auto;
  margin-right: auto;
 }

 .telBtn{
  display: flex;
  width: 300px;
  border: solid 1px #c26a56;
  align-items: center;
  background: #c26a56;
  margin-left: auto;
  margin-right: auto;
 }
 .telBtn .icon{
  position: relative;
  padding: 5px 10px;
  background: #fff;
 }
 .telBtn .icon:before{
  display: block;
  content: "";
  position: absolute;
  right: -10px;
  border-left: 10px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  top: calc( 50% - 20px );
 }
 .telBtn .icon>span{
  display: flex;
  background: #c26a56;
  color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
 }
 .telBtn .number{
  width: 100%;
  text-align: center;
  color: #fff;
  letter-spacing: .2em;
  font-size: 80%;
  line-height: 1.5em;
 }

 .gmap iframe{
  width: 100%;
  height: 80vw;
 }
}
/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 768px) {
 .honten #sec_cuisine .cuisineList{
  display: block;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
 }
 .honten #sec_cuisine .cuisineList li + li{
  margin-top: 20px;
 }
}
/*
===================================================
	sp small
===================================================
*/
@media screen and (max-width: 610px) {
  .tabNotice{
    display: block;
  }
 .main_menu,
 .soba #sec_menu .menuList li.w100 .menu_img:has(.main_menu) .buffet:not(:has(.textV)){
  width: calc((100vw - 70px) / 2);
 }
 .main_menu{
  margin-right: 0;
 }
}
/*
===================================================
	sp small
===================================================
*/
@media screen and (max-width: 480px) {
 #sec_osusume .data .inner{
  padding: 7vw 40px 0px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.3em;
  font-size: 90%;
 }
}