.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;
}
#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: 150px;
 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 .data,
.soba #sec_osusume .data,
.yume #sec_osusume .data,
.katsu #sec_osusume .data{
 position: relative;
 margin-top: 100px;
}
.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;
}
.yume #sec_osusume .data:before{
 background-image: url(../img/yume/detailbg.png);
 background-repeat: no-repeat;
 background-position: bottom 22% left 45%;
 background-size: 62% auto;
}
.katsu #sec_osusume .data:before{
 background-image: url(../img/katsu/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;
}
#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%;
}
#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 .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: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;
}


/* 小倉 */
.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;
}

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

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

/* かつのれん */
.katsu .pageColor,
.katsu .pageColor a{
 color: #c27538 !important;
}
.katsu .pageBg{
 background: url(../img/katsu/bg.png) left top;
 background-attachment: fixed;
}
.katsu #sec_pagettl:before{
 background: url(../img/katsu/bg.png) left top;
}
.katsu .pageBg2,
.katsu .tabArea .tabBtn.active{
 background: #c27538 !important;
}
.katsu #sec_pagettl{
 background-color: #c27538;
 position: relative;
}
.katsu .pageSttl1:before{
 background: url(../img/katsu/sttl_bg.png) no-repeat left center;
 background-size: auto 100%;
}
.katsu .pageSttl2:before{
 background: url(../img/katsu/sttl_bg2.png) no-repeat left center;
 background-size: auto 100%;
}
.katsu .pageSttl3>span:after{
 background: url(../img/katsu/sttl_bg3.png) no-repeat left center;
 background-size: auto 100%;
}
.katsu .telBtn{
 border: solid 1px #c27538;
 background: #c27538;
}
.katsu .telBtn .icon>span{
 background: #c27538;
}
.katsu #sec_pagettl .inner{
 background: url(../img/ttl_shape2.png) no-repeat center bottom 10px;
 background-size: contain;
}
/*23/12/5追記*/
.yakiniku_menu_wrap{
 display: flex;
 flex-wrap: wrap;
 gap: 1em;
 margin: 0 auto 40px;
 justify-content: center;
}
.yakiniku_menu_btn{
 position: relative;
 background: #d7bb41;
 padding: 18px 50px 18px 26px;
}   
.yakiniku_menu_btn:before {
 content: "";
 position: absolute;
 top: 50%;
 right: 25px;
 transform: translateY(-50%);
 border: 5px solid transparent;
 border-left: 8px solid #fff;
}
/*23/12/5追記 fin*/
/*
===================================================
	pc small
===================================================
*/
@media screen and (max-width: 1400px) {
 #sec_osusume .imgPC{
  position: absolute;
  top: 15%;
  bottom: auto;
  left: 5vw;
 }
 #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;
 }
 .soba #sec_osusume .img img{
  object-fit: contain;
 }
}

/*
===================================================
	tb
===================================================
*/
@media screen and (max-width: 1100px) {
/*23/12/5追記*/
.yakiniku_menu_wrap{
    display: grid;
    gap: 1em;
    margin: 0 auto 32px;
   }
}

/*
===================================================
	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_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 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%;
 }
}