:root{
--primary-font:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", Arial, Meiryo, sans-serif;
--second-font:'Noto Serif JP', serif;
--third-font:"Sawarabi Mincho", serif;
--bg-color:#000;
--bg-footer:#000;
--bg-rowstaff:#000;
--bg-staff:#333;
--bd-grad:linear-gradient(0deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%);
--bd-grad-row:linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%);
--bd-sub:solid 5px #666;
--bd-dd:#666;
--bg-td:#000;
--bg-th: linear-gradient(0deg, rgba(1,1,1,.9), 60%, rgba(100,100,100,1));
--fc-main:#fff;
--fc-name: #fff;
--fc-subtex:#fff;
--fc-h3:#FEE9A0;
--fc-th:#fff;
--block:;
--staffbod:solid 1px #FEE9A0;
--time:linear-gradient(0deg, rgb(255 81 81 / 50%), 60%, rgb(251 131 131 / 70%));
--ttl-color:linear-gradient(0deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%);
--ttl-post:linear-gradient(180deg, rgba(1,1,1,.5), 60%, rgba(100,100,100,.7));
--ttl-other: linear-gradient(0deg, rgba(1,1,1,1), 60%, rgba(100,100,100,1));
--ttl-other2:linear-gradient(to bottom, #8f0222 0%,#6a051c 100%);
}
html,body {font-size: 62.5%;}
@media screen and (max-width: 640px) {html,body {font-size: 62.5%;}}
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,ol {margin: 0; padding: 0;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }img {border: 0; -ms-interpolation-mode: bicubic;}h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}ul,dl,ol {text-indent: 0;}li {list-style: none;}address,caption,cite,code,dfn,var{font-style: normal; font-weight: normal;}sup {vertical-align: text-top;}sub {vertical-align: text-bottom;}input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}* html input,* html textarea,* html select {font-size: 100%;}*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}caption {text-align: left;}pre,code,kbd,samp,tt {font-family: monospace;}* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 108%; line-height: 100%;}*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}.clear {zoom: 1;}.clear:after {content: ".";display: block;clear: both;height: 0;line-height: 0;visibility: hidden;}a{color:#fff; text-decoration: none;}#breadcrumbs{width: 1096px; margin: 0 auto; position: relative; padding: 0 1rem; font-size: 1.4rem; color: #666; box-sizing: border-box;}#breadcrumbs ol{margin:0; padding: 0;}#breadcrumbs ol li {display: inline;list-style-type: none;}#breadcrumbs ol li a{padding: 0 5px; color: #fff;}#breadcrumbs ol li a:hover{text-decoration: underline;}#breadcrumbs ol li:before {content: " > ";}#breadcrumbs ol li:first-child:before {content:"";}#breadcrumbs ol li:first-child:before {padding:0 3px 0 0; content:"\f015"; font-family:"Font Awesome 5 Free"; font-size:16px;font-weight: 900;}
body {font-family: var(--primary-font);overflow-x: hidden;line-height: 1.4;-webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1;}article{padding: 10px 0;}ol{margin: 0;}ol li{list-style-type: decimal; line-height: 3.6rem;}ol.padrow {padding:0 0 0 6rem;margin:1rem 0 5rem 0;}ol.padrow li{list-style-type: lower-roman;}
section{position: relative;}
body {margin: 0px; font-size: 1.6rem;letter-spacing: .2rem; background: url(../img/common/background.png);}

#enter.close{display: none;}
#enter.overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000;}
#enter #wrapper {width: 100%; z-index: 2; position: relative; height: 100%;}
#enter #wrapper .inner{width: 100%; background: rgba(0,0,0,.4); margin: 0 auto; height: 60vh; color: #fff; display: flex; flex-direction: column; justify-content: center;}
#enter video {position: fixed;top: 50%;left: 50%;min-width: 100%; min-height: 100%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#enter header{padding: 20rem 0rem 5rem; text-align: center; background: none !important; height: auto; width: 40%;}
#enter header .logo img{width: 100%; max-width: 450px;}

#enter .mark18{margin-bottom: 2rem;}
#enter .contents{min-height: 40vh; padding: 1rem 2rem; box-sizing: border-box; background: rgba(0,0,0,.5); position: relative; border-radius: 3rem 3rem 0 0;}
#enter .notice{text-align: center; padding: 1rem 0; box-sizing: border-box; color: #fff;}
#enter .txbox{padding: 2rem 2rem; border: solid 5px #333; background: #000; box-sizing: border-box;}
#enter .btn{display: flex; justify-content: space-between; margin: 0 auto 2rem auto; width: 100%; background: none; border: none; padding: 0;}
#enter .btn p{color: #fff;font-family: var(--third-font); line-height: 1; letter-spacing: 0;}
#enter .btn li{width: 50%; padding: 1.5rem; box-sizing: border-box;text-align: center;}
#enter .btn li a{border: 1px solid;border-image: linear-gradient(0deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1; box-sizing: border-box; display: block;background-image: linear-gradient(150deg, #c10d0d, #5e0000);font-size: 3.6rem;transition:all .5s ease; padding: 1.5rem 0; letter-spacing: 0;}
#enter .btn li a span{display: block; color: #fff; font-size: 1.6rem;}
#enter .btn li a:hover{background-image: linear-gradient(-150deg, #c10d0d, #5e0000);}
#enter .btn li button{border: 1px solid;border-image: linear-gradient(0deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1; box-sizing: border-box; display: block;background-image: linear-gradient(-15deg, #FBDA61 0%, #FF5ACD 100%);font-size: 3.6rem;transition:all .5s ease; padding: 1.5rem 0; letter-spacing: 0; width: 100%; line-height: 1.4; cursor: pointer;}
#enter .btn li button span{display: block; color: #fff; font-size: 1.6rem;}
#enter .btn li button:hover{background-image: linear-gradient(-150deg, #c10d0d, #5e0000);}
#enter footer {width: 100%; color: #fff; background: #222;border-top: 1px solid;border-image: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1; box-sizing: border-box; text-align: center; font-size: 1.2rem; padding: 1rem 0;z-index: 5; position: relative;}
#enter footer span{margin: 0 .5rem;}
#enter h3{border-bottom: solid 1px #6f4d0d; padding: 0rem 0rem .5rem; box-sizing: border-box; margin: 0 0 1rem; font-size: 2rem; font-weight: 600;}
#enter .links{display: flex; justify-content: center; gap: 1rem; margin: 1rem auto 3rem; flex-wrap:wrap;}
#enter .links .item{width: 33.3333%; max-width: 380px;}
#enter .links .item img{max-width: 100%;}

.bgfix{overflow: hidden;}
.active{overflow: hidden;}
span.wpcf7-form-control-wrap.date-of-birth {z-index:99999;}
header{margin: 0 auto; position: relative; background: #fff; height: calc(10vh - 0rem);}
header.top{ height: calc(100vh - 7.1rem);background:none;}
header .l-container{margin: 0 auto; position: relative; padding: 1rem 0; box-sizing: border-box; z-index: 2;}
header .inner{height: 85px; width: 80%; margin: 0 auto; position: relative; box-sizing: border-box; display: flex; align-items: center;}
header .inner .logo a{display: block;}
header .inner .logo img{max-height: 85px;}
header .inner .opentime{position: absolute; right: 15px; top:10px; font-size: 1.6rem;letter-spacing: .18rem; display: flex; align-items: center;}
header .inner .opentime span{margin-right: 5px; padding: .3rem; border-radius: 5px;}
header .inner .hdtel{position: absolute; right: 15px; top:40px; font-size: 3rem; letter-spacing: 1px; display: flex; align-items: center;}
header .inner .hdtel span{margin-right: 5px; padding: .3rem; border-radius: 8px;}
header .fv-video{width: 100%;height: 100vh; position: absolute; top: 0; left: 0; overflow: hidden;}
header .fv-video::after{content: '';width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; opacity: 0;}
header .fv-video video{min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%;transform: translateX(-50%) translateY(-50%);}

#gnav{width: 100%;border-top: 1px solid #6A5819;border-bottom: 1px solid;border-image: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1;position: sticky; top:0px;z-index: 2; margin-bottom: 0rem;}
#gnav.top{top:70px}
#gnav .infobox{display: none;}
#gnav nav{width: 100%; margin: 0 auto;}
#gnav nav ul{display: flex; flex-wrap: nowrap; align-items: center; justify-content: center;font-family: var(--third-font);}
#gnav nav li{box-sizing: border-box;letter-spacing: 0rem;}
#gnav nav li a{display: block; padding: 1.5rem 2rem; text-align: center; color: #000;transition:all .3s ease;}
#gnav nav li span{display: block; font-size: 1.2rem;letter-spacing: .2rem;}

#wrap {width: 100%; position: relative; padding: 5rem 0 5rem 0; margin: 0 auto;}
#wrap.top{padding-bottom: 0;}
#wrap.w100{width: 100% !important; max-width: 100% !important;}

#todays{margin-bottom: 0rem;}
#todays h3{color: var(--fc-name) !important; background: none;-webkit-text-fill-color:initial;}

.searchbox{margin: 0 auto 1rem auto;}
.searchbox .inner{padding: 2rem; box-sizing: border-box;}
.searchbox .inbox{display: flex; margin-bottom: 2.5rem;}
.searchbox .inbox p{width: 10%;}
.searchbox .inbox .item{flex: 1;}
.searchbox .inbox .item ul{display: flex; flex-wrap: wrap; align-items: center;}
.searchbox .inbox .item li{width: 20%;}
.searchbox input[type="checkbox"] { display: none; }
.searchbox input[type="checkbox"] + label {display: block; position: relative; padding-left: 24px; margin-bottom: 20px; font: 14px/20px; cursor: pointer;}
.searchbox input[type="checkbox"] + label:last-child { margin-bottom: 0; }
.searchbox input[type="checkbox"] + label:before {content: ''; display: block; width: 16px; height: 16px; position: absolute;left: 0; top: 0; opacity: .6; transition: all .12s, border-color .08s;}
.searchbox input[type="checkbox"]:checked + label:before {width: 10px; top: -5px; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; transform: rotate(45deg);}
.cast-order{display: flex; align-items: center;}
.cast-order li{padding: 0 1.5rem; box-sizing: border-box; border-right: solid 1px #fff;}
.cast-order li{border-right: solid 1px #333;}
.cast-order li span{margin-left: .5rem;}
.cast-order .label{color: #f1d261; margin-right: 2rem; padding: 0 3rem 0 0 ; border: none;}

ul.lists{display: flex; flex-wrap: wrap; position: relative;}
ul.lists li{width: 20%; padding: 1rem; box-sizing: border-box; display: flex;}
.staff{width:100%; position: relative;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
.staff .photo{width:100%;max-height: 336px; height: auto; position:relative;overflow: hidden; padding-top: 133%;}
.staff .photo a{display: block; line-height: 0;}
.staff .photo .staffimg{width:100%;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;width: 100%; line-height: 0;position: absolute;left: 0;top: 0;object-fit: cover;font-family: 'object-fit: cover;';}
.staff a:hover .staffimg{opacity: .7;transition: all 0.4s;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.staff .thumb ul{display: flex; flex-wrap: nowrap; align-items: center;}
.staff .thumb li{width: calc(100% / 3);text-align:center; line-height: 0; padding: .5rem;}
.staff .thumb img{width: 100%;}

.staff h3{font-size:18px;text-align:center; margin-top: 1rem;}
.staff .size{font-size:14px;text-align:center; margin-bottom: 1rem;}
.staff .bottombox{display: flex; flex-direction: column;}
.staff .comment{padding: .5rem 0; position: absolute;z-index: 1; bottom: 0; left: 0; width: 100%; box-sizing: border-box; letter-spacing: .2rem; text-align: center;}
ul.sublists{position: relative;}
ul.sublists .slick-track{min-width: 100%; display:flex; justify-content:center;}
ul.sublists .slick-list{width: 100% !important; height: 100%;}
ul.sublists li{padding: .5rem; box-sizing: border-box; width: 20%;}
.cositem{width:100%; position: relative;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); background: #333;}
.cositem .photo{width:100%;max-height: 336px; height: auto; position:relative;overflow: hidden; padding-top: 133%;}
.cositem .photo a{display: block; line-height: 0;}
.cositem .photo .staffimg{width:100%;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;width: 100%; line-height: 0;position: absolute;left: 0;top: 0;object-fit: cover;font-family: 'object-fit: cover;';}
.cositem a:hover .staffimg{opacity: .7;transition: all 0.4s;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.cositem  h3{text-align:center; margin: 1rem 0 !important; font-size: 1.6rem !important; color: #fff !important;}

#todays-parts{margin-bottom: 3rem;}
#todays-parts li{width: 33.3333%;}
#todays-parts .staff{display: flex;background: linear-gradient(25deg, rgba(1,1,1,.5), 60%, rgba(100,100,100,.7)); padding: 1rem; box-sizing: border-box;border: 1px solid;border-image: linear-gradient(0deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1;}
#todays-parts .staff .photo{width: 40%; height: 185px !important; margin-right: 1rem; margin-bottom: 0; padding-top: 0 !important;}
#todays-parts .staff .inner{flex: 1; padding-top: 0rem; box-sizing: border-box;}

.ncicon{width:40px; height:40px; position:absolute; right:0px; top:0px; z-index: 1;}
.tdicon{position:absolute; left:5px; top:5px; z-index: 1; border: solid 1px #fff; padding: .5rem .5rem; box-sizing: border-box; background: #900; font-size: 1.2rem; text-align: center; color: #fff; line-height: 1; border-radius: 5px;}
.time{text-align: center; padding: .5rem 0; margin: 0 .5rem; margin-bottom: 1rem;}
.time i{margin-right: 3px;}
.icon{display: flex; flex-wrap: wrap; padding: 0 5px; box-sizing: border-box; justify-content: space-between;}
.icon p{padding: .5rem .5rem; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 3px; font-size: 12px; height: 24px; box-sizing: border-box;white-space: nowrap; margin-bottom: .5rem; width: calc(50% - 2px);}

.typeicon{text-align: center;font-family: var(--third-font); letter-spacing: 0;}
.typeicon p{padding: .3rem 0; box-sizing: border-box;}

#btcontact{margin-bottom: 0rem; padding: 5rem 0;}
#btcontact h2{margin-bottom: 3rem;}
#btcontact h3{font-size: 1.8rem; margin-bottom: 4rem;}
#btcontact .flbox{justify-content: center; display: flex;}
#btcontact .inbox{width: 600px;display: flex;flex-direction: column;justify-content: center;align-content: space-between;text-align: center; padding: 3rem; box-sizing: border-box;}

.telno a{display: flex;justify-content: center;align-items: center;margin: 0 auto;width: 450px;height: 66px;border: 1px solid #000;position: relative;background: #fff; font-size: 3rem; color: #000;}
.telno span{font-size: 36px; margin-right: 1rem;}
.toform a{display: flex;justify-content: center;align-items: center;margin: 0 auto;width: 450px;height: 66px;border: 1px solid #000;position: relative;background: #fff; font-size: 2rem;transition:all .5s ease; color: #000;}
.toform a:hover{background: #000; color: #fff;}
.toform span{font-size: 36px; margin-right: 1rem;}

.snsbtn{width: 200px; display: flex; margin:5rem auto 0;}
.snsbtn a img{width: 100%; filter: grayscale(100%) blur(0px); opacity: .2;}
.snsbtn a{display: block; width: 50%; padding: 1rem; box-sizing: border-box;}
.snsbtn a img{transition:all 0.5s ease; filter: grayscale(0%) blur(0); opacity: 1;}
.snsbtn a img:hover{transform: scale(1.3);}

footer {width: 100%; text-align: center; border-top: 1px solid;border-image: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1; box-sizing: border-box; padding: 5rem 0; box-sizing: border-box;background: var(--bg-footer);}
footer .logo{width: 250px; position: relative; margin:0 auto 4rem auto;}
footer .logo{font-size: 2.4rem; color: #fff; text-align: center;font-family: var(--third-font);}
footer .logo span{display: block; border-top: solid 1px #fff; font-size: 1.6rem;}
footer .logo img{width: 100%;}
footer .pages{width: 1400px; margin: 0 auto 5rem auto; font-size: 1.4rem;}
footer .pages ul{display: flex;justify-content: center; align-items: center;}
footer .pages li{border-right: solid 1px #666;padding: 5px 25px;letter-spacing: .1rem;}
footer .pages li:first-child{border-left:solid 1px #666}
footer a{color:#fff;transition: all 0.2s ease; display: block;text-align: center;}
footer a:hover{opacity: 0.5;}
footer .copyright{color:#fff; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 1.4rem;}
footer .copyright span{margin:0 3px;}

#footbtn{position: fixed;bottom: 0px;width: 100%;z-index: 1;background: none; padding: 0; box-sizing: border-box;}
#footbtn ul{display: flex; justify-content: flex-end;}
#footbtn li{display: flex; padding: 0rem; box-sizing: border-box;}
#footbtn li.telbtn,#footbtn li.linebtn{display: none;}
#footbtn li.pagetop{width: 52px;}
#footbtn li a{background: #84650e; width: 100%; height: 50px; box-sizing: border-box; font-size: 1.4rem; letter-spacing: 0; padding: 1rem; color: #fff; display: flex; justify-content: center; align-items: center;}
#footbtn li.pagetop span{font-size: 4rem; line-height: .5;}

.box-full{width: 100%; padding: 10rem 0 0; box-sizing: border-box; position: relative; margin-bottom: 15rem;}
.box-full .discri{border-top: 30px solid #fff; width: 50%;}
.box-full .discri p{color: #772c33;}
.box-left,.box-right{position: relative;overflow: hidden;transition: all 0.8s ease-in-out; opacity: 0;}
.box-left video,.box-left img{width: 100%; border-radius: 0 4rem 0 0; box-sizing: border-box;}
.box-right video,.box-right img{width: 100%;}
.box-left{width: 60%;}
.box-right{background: linear-gradient(135deg, #493231 0%, #772c33 calc(42.857% + 1px), #772c33 57.143%, #a22436 calc(57.143% + 1px), #a22436 71.429%, #c01a39 calc(71.429% + 1px), #c01a39 85.714%, #cc113c calc(85.714% + 1px) 100.000%); z-index: 1; padding: 5rem 5rem; box-sizing: border-box; position: absolute; width: 60%; height: 100%; right: 0; top: 10rem; display: flex; flex-direction: column; border-radius: 4rem 0 0 4rem;}
.box-left.active,.box-right.active{opacity: 1;}
.box-left.active::before {
  animation: img-wrap 2s cubic-bezier(0.4, 0, 0.2, 1) forwards; content: ''; inset: 0; pointer-events: none; position: absolute; z-index: 1;
}
.box-right.active::before {
  animation: img-wrap 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;animation-delay:.5s; content: ''; inset: 0; pointer-events: none; position: absolute; z-index: 1;
}
.box-full .inner{background: rgba(0,0,0,.5); padding: 3rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; line-height: 2.4; height: 100%; border-radius: 0rem 3rem 0rem 3rem;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);}
@keyframes img-wrap {
  100% {
    transform: translateX(100%);
  }
}
.mapslider{margin: 0 auto; display: flex; justify-content: center;}
.mapslider .slick-list{margin: 0 -5px;}
.mapslider .slick-slide{margin: 0 5px;}
.mapslider li{padding: 1rem; box-sizing: border-box; background: #333; color: #fff;}
.mapslider .inimg{margin-bottom: 1rem;}
.shadow{box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
.goldtext{font-weight: bold;background: -webkit-linear-gradient(0deg, #B67B03 10%, #FEE9A0 50%, #B67B03 80%);background: linear-gradient(0deg, #B67B03 10%, #FEE9A0 50%, #B67B03 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.bd-gold{border: 1px solid;border-image: linear-gradient(0deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1; box-sizing: border-box;}
.d-flex{display: flex;}
.d-flex-50{display: flex;}
.d-flex-50 li{width: 50%;}
.d-flex-50 li img{width: 100%;}
.fd_column{flex-direction: column;}
.fd_row{flex-direction: row;}
.jc-center{justify-content: center;}
.fc-red{color: rgb(228, 188, 251);}
.fc-red2{color:#ff0000 !important;}
.fc-yellow{color: #ffff00 !important;}
.justify-content-between{justify-content: space-between;}
.fl1{flex: 1;}
.hissu{ border: 1px solid #fff; padding: 6px 10px; border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px; color: #fff; text-align: center; background-color: #900; margin-right: 10px; font-size: 16px;}
.posi_p{position: relative !important;}
.w100{width: 100% !important;}
.w90{width: 90% !important;}
.w80{width: 80% !important;}
.w70{width: 70% !important;}
.w60{width: 60% !important;}
.w50{width: 50% !important;}
.w40{width: 40% !important;}
.w30{width: 30% !important;}
.w20{width: 20% !important;}
.w10{width: 10% !important;}
.fs24{font-size: 2.4rem;}
.fs20{font-size: 2rem;}
.fs18{font-size: 1.8rem;}
.mgbt50{margin-bottom: 5rem !important;}
.mgbt20{margin-bottom: 2rem !important;}
.mgbt10{margin-bottom: 1rem !important;}
.mg-l10{margin-right: 1rem;}
.sat{color:#15c7ef !important;}
.sun{color: #ee4545 !important;}
.subsection{border: var(--bd-sub); padding: 2rem; box-sizing: border-box; background: var(--bg-staff);}
.subbox{border: var(--bd-sub); background: var(--bg-color); padding: 2rem; box-sizing: border-box;}
.innerbox{margin-top: 2rem;}
.innerbox p{padding-left: 1rem; box-sizing: border-box; line-height: 2;}
table{width: 100%; margin: 20px auto; border-collapse: collapse;}
th,td{padding:2rem 2rem;}
th{width:30%;text-align: left; font-weight: normal;}
td{text-align: left;}
thead th{text-align: center;}
.tacenter{text-align: center;}
.mgbt10{margin-bottom: 1rem;}
.br-bl{display: none;}

.imgarea{width: 100%; height: 250px; background: #333;}
.flarea{display: flex; margin-bottom: 2rem;}
.btn{display:block; text-align: center;padding:10px 40px;width:300px;margin:5rem auto; box-sizing: border-box; border-radius:5px;text-decoration:none;transition: all 0.4s ease;}
.btn{background:#000;border:1px solid #533c0a;color:#fff;}
.btn:hover{background-color:#cf5673;}
.fade-up-in {transition: all 0.8s ease-in-out; opacity: 0; transform: translateY(50px); transition-delay: 0s;}
.fade-up-in.active {opacity: 1;transform: translateY(0);}
.fade-in {transition: all 1s ease-in-out; opacity: 0;transition-delay: 1s !important;}
.fade-in.active {opacity: 1;}
.fadein-left {transition: all 0.8s ease-in-out; opacity: 0; transform: translate3d(-50px, 0, 0);}
.fadein-left.active {opacity: 1;transform: translate3d(0, 0, 0);}
.fadein-right {transition: all 0.8s ease-in-out; opacity: 0; transform: translate3d(50px, 0, 0);}
.fadein-right.active {opacity: 1;transform: translate3d(0, 0, 0);}
.slidein-left {transition: all 0.8s ease-in-out; opacity: 0; transform: translate3d(-100px, 0, 0);}
.slidein-left.active {opacity: 1;transform: translate3d(0, 0, 0);}

.fadeUp {-webkit-animation-name: fadeUp; animation-name: fadeUp;animation-duration:1s;will-change: transform,opacity;}
.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn;animation-duration:3s;will-change: transform,opacity,filter;}
.jojo {
white-space:nowrap;
overflow:hidden;
animation:jojo 1s linear forwards;
animation-delay: 1s; padding: 3rem;
}
@keyframes jojo {
from {
width:0%; opacity: 0;
}
to {
opacity: 1;
width:75%;
}
}
@keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0; transform: scale(1);filter: blur(10px);
  }
  100% {
    opacity: 1; transform: scale(1.1);filter: blur(0);
  }
}

.fjbox{margin-bottom: 5rem;}
.fjbox h3{text-align: left; font-size: 1.8rem; padding: 1.5rem 2rem; box-sizing: border-box; margin-bottom: 1rem;}
.fjbox .subbox{padding: 2rem; box-sizing: border-box; margin-bottom: 2rem;}
.fjbox h4{background: #333; border-bottom: solid 2px #666; margin: 1rem 0; padding: 1rem 2rem 1rem 4rem; box-sizing: border-box; position: relative; color: var(--fc-h3);}
.fjbox h4:before {position: absolute; content: ""; left: 2rem;font-family: 'Material Icons'; content: "\e5cc";}
.fjbox .imgwrap{position: relative;}
.fjbox .imgwrap img{width: 100%;}
.fjbox .imgwrap p{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; background: rgba(0,0,0,.5); padding: 2rem 0; width: 95%; color: #fff;}
.fjbox tr>*:first-child {width: 30%; text-align: left; font-weight: normal;}
.fjbox dl {display: flex;flex-flow: row wrap;width: 100%; margin-bottom: 2rem;}
.fjbox dl.bg-pink{background: #fde9e9; padding: 1.5rem 1.5rem; box-sizing: border-box;}
.fjbox dl dt,.fjbox dl dd{box-sizing:border-box;}
.fjbox dl dt {flex-basis: 30%; padding: 20px;}
.fjbox dl dd {flex-basis: 70%; padding: 20px;}
.fjbox dl.w-auto dt,.fjbox dl.w-auto dd{flex-basis:auto; width: 25%;}

.fjbox dl.onlydd {display: flex;flex-flow: row wrap;width: 100%; margin-bottom: 0rem;}
.fjbox dl.onlydd dd {flex-basis: 25%; padding: 5px; border:none;}
.fjbox dl.onlydd dd .inner {border: 1px solid var(--bd-dd); padding: 10px;box-sizing:border-box;}

.fjbox dl dd a{text-decoration: underline;}
@media screen and (max-width: 559px) {
 .fjbox dl dl {flex-flow: column;}
}

.morebtn {border: 1px solid #666; cursor: pointer; display: block; font-size: 18px; margin: 20px auto 10px auto; padding: 10px; width: 50%; box-sizing: border-box; text-align: center;background: linear-gradient(0deg, rgba(1,1,1,1), 70%, rgba(100,100,100,1)); color: var(--fc-name);}
.morebtn a{ color: var(--fc-th); font-size: 1.4rem;}

#topbn{padding: 0rem 0 0 0; margin-bottom: 3rem;}
#topbn .slick-slide img{padding: 0 1rem !important;}
.slick-list{height: 100%;}
.slick-track{height: 100%;}
.slick-slide img {width: 100%; max-height: 100%; object-fit: cover; padding: 0;}

.bnarea{margin-bottom: 10rem;}
.bnarea li{width: 50%; padding: 1rem; box-sizing: border-box;}
.bnarea video{width: 100%;}
.bnarea img{width: 100%;}

#newstopics1{padding: 2rem 1rem; box-sizing: border-box; height: 740px;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
#newstopics1 .wrap{padding:0 1rem 1rem 1rem; box-sizing: border-box;}
#newstopics1 .section{height: 570px; overflow-y: scroll;}
#newstopics1 .entry a {margin-bottom:10px;border-bottom: solid 1px; border-image-slice: 1; padding: 2rem; box-sizing: border-box; display: flex;}
#newstopics1 .entry h3{font-size: 1.8rem; margin-bottom:5px; padding-bottom: .5rem; box-sizing: border-box;}
#newstopics1 .entry .date {font-size: 14px;}
#newstopics1 .entry .imgbox {width: 160px; height: 160px; overflow: hidden; margin: 0 auto .5rem auto;}
#newstopics1 .entry .imgbox img{width:100%; line-height: 0;}
#newstopics1 .entry .body {font-size: 14px;box-sizing: border-box; margin-left: 1.5rem; flex: 1;}
#newstopics1 .btn{margin: 1rem auto;}
.trim-word{text-decoration: underline;}

#pickup{box-sizing: border-box; width: 466px; height: 740px; padding: 2rem 2rem; margin-left: 3rem;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
#pickup .puslider{margin: 0 auto; width: 340px;}
#pickup .pustaff{box-sizing: border-box; margin: 0 auto;}
#pickup .photo{width: 100%; height: 450px; position: relative; margin: 0 auto; overflow: hidden;}
#pickup .photo .staffimg{width:100%;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;width: 100%; line-height: 0;position: absolute;left: 0;top: 0;object-fit: cover;font-family: 'object-fit: cover;';}
#pickup a:hover .staffimg{opacity: .7;transition: all 0.4s;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
#pickup .photo .ncicon{width: 40px; height: 40px; position: absolute; right: 0px; top:0px; z-index: 1;}
#pickup .photo .rkicon{width: 75px; height: 85px; padding: .5rem; box-sizing: border-box; position: absolute; left: 5px; bottom:5px; z-index: 1;}
#pickup .photo .rkicon img{width: 100%;}
#pickup .prof{text-align: center; padding: 1rem 0;}
#pickup h3{font-size: 2rem; line-height: 30px;}
#pickup .size{font-size: 1.6rem;}
#pickup .slick-slide img {padding: 0 !important;}

#profile .contents{background: rgba(0,0,0,.5); padding:0 2rem 1rem; box-sizing: border-box; margin: 1rem auto 5rem;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);}
#profile h3{text-align: center; font-size: 2.4rem;line-height: 100%;letter-spacing: 0rem; margin-bottom: 3rem;font-family: var(--second-font);}
#profile h3 span{position: relative;display: inline-block;padding: 0 2rem;font-family: var(--second-font);}
#profile h3 span::before,#profile h3 span::after{position: absolute;top: 50%;content: '';width: 10rem;height: 1px;}
#profile h3 span::after{right: 100%;}
#profile h3 span::before{left: 100%;}

#photoarea{background: none; padding:2rem 0px;}
#photoarea .slick-slide:not(.slick-current) {opacity: 0.4; transition: 0.5s linear;}
#photoarea .slick-prev {left: 25%;}
#photoarea .slick-next {right: 25%;}
#profarea{margin: 0 auto 5rem auto;}
#profile table{border-collapse:collapse; width:100%; margin:0 auto;}
#profile th,#profile td{padding:1rem; text-align:left;}
#profarea .names{text-align: center; width: 100%; margin: 0 auto 5rem auto; position: relative;}
#profarea .names h3{margin-bottom: 1rem;}
#profarea .names .ncicon{width:40px; height:40px; position:absolute; right:0px; top:0px; z-index: 1;}
#profarea .qaarea{width: 400px; margin-right: 2rem;}
#profarea .qaarea .subbox{border: solid 1px #666; padding:1rem; margin-bottom:2rem;}
#profarea .cmarea{flex: 1; margin-right: 2rem;}
#profarea .comment{width: 500px; margin: 0 auto 1rem auto;padding: .5rem 0; text-align: center;}
#profarea .d-flex{margin: 0 auto;flex-direction: column; align-items: center;}
#profarea .d-flex_row{display: flex;}
#profarea .typeicon{width: 200px; margin-bottom: 1rem;}
#profarea .typeicon p{ padding: .5rem 1rem; box-sizing: border-box;}
#profarea .icon{width: 60%; margin: 0 auto; display: flex; justify-content: center;}
#profarea .icon li{width: 25%; padding: .2rem; box-sizing: border-box;}
#profarea .icon p{margin-bottom: 0;width: 100%;}
#profile .prslider .slick-slide img{transform: scale(.95);transition: 0.5s ease;}
#profile .prslider .slick-slide.slick-current img{transform: scale(1);transition: 0.5s ease;}

#pblog{width: 435px; float: right;}
#pblog .row{border: solid 8px #333; color:#fff;padding:8px;height:433px; box-sizing: border-box;}

#preview{flex: 1;}
#preview .row{padding:1.5rem;height:433px; box-sizing: border-box; overflow-y: scroll;}
#preview .box{border-bottom: solid 1px #666; padding-bottom: .5rem; box-sizing: border-box; margin-bottom: 1rem;}
#preview .box .rvbox{padding: 1rem; box-sizing: border-box; margin-top: 1rem;}

#profarea .names .size{font-size: 18px; margin-bottom: 10px; padding-bottom: 5px;}
#profile .qaarea th{font-weight: normal; width: 160px;}
#profile .cmbox{height: 433px; overflow-y: scroll; padding:1rem; box-sizing: border-box;}
#profile .cmbox a{text-decoration:underline;}
#profile .oparea{width: 100%; margin-bottom:3rem; display: flex; gap: 2rem;}
#profile .oparea .box{width:50%;}
#profile ul.option{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1.5rem;}
#profile ul.option li{width: 49.5%; margin-right: .5rem; margin-bottom: .5rem; padding: .5rem 1rem; box-sizing: border-box; text-align: center; background: #ccc; border-radius: 5px; color: #eee;}
#profile ul.option li:nth-of-type(2n){margin-right: 0;}
#profile ul.option li.on{background: #900; color: #fff;}

#bottomcont{clear:both; margin: 5rem auto 5rem auto; display:flex; flex-direction: column;}

#pmovie{flex:1; margin-left:auto;}
#pmovie .row{padding: 10px; background: #333;}
#pmovie video{width: 100% !important; height: auto !important;}

#costume{margin-bottom: 2rem;}

#profile #schedule{clear: both; margin: 0 auto 10rem auto;}
#profile #schedule ul{display: flex; flex-wrap: wrap; margin-bottom: 3rem;}
#profile #schedule li{width: calc(100% / 7); box-sizing: border-box; text-align: center;}
#profile #schedule li .date{text-align: center; font-weight: normal; padding: 1rem 0; box-sizing: border-box;}
#profile #schedule li .time-pr{padding: 1rem 0; box-sizing: border-box; margin-bottom: 0;background: #333;}
#profile #schedule table{width:100%;margin-bottom:10px;}
#profile #schedule th,#profile #schedule td{border:solid 1px #ff7c7c;; padding:10px 6px; font-weight: normal;}
#profile #schedule th{width: 116px !important; text-align: center; font-weight: normal;}
#profile #schedule td{width: 116px !important;text-align: center;}

#profile .pagebtn{margin:0 auto 8rem auto; position: relative; width: 80%; height: 48px;}
#profile .pagebtn a{display: flex; align-items: center; background: #333; padding: 1rem 2rem; box-sizing: border-box;transition: all .2s; border-radius: 5px;background: linear-gradient(0deg, rgba(1,1,1,1), 70%, rgba(100,100,100,1)); border: solid 1px #666;}
#profile .pagebtn a:hover{opacity: .7;}
#profile .pagebtn a.nextbtn{position: absolute; right: 0;}
#profile .pagebtn a.prevbtn{position: absolute; left: 0;}
#profile .pagebtn a.only_pc{position: absolute; left: 50%; transform: translateX(-50%);}


#ranking .lists{margin: 4rem 0;}
#ranking .rkicon{position: absolute; top: -35px; left: 0px; z-index: 1;}
#ranking .rkicon p{display: none;}
#ranking h3.ttl{position: relative; font-size: 20px; font-weight:normal; margin-bottom:5px;padding: 1rem; margin-bottom: 2rem; border-radius: 10px 10px 0 0;}
#ranking h3.ttl i{margin-right: 1rem;}

#schedule{margin-bottom:5rem;}
#schedule .days7{display: flex; flex-wrap: nowrap; margin: 5rem 0;}
#schedule .days7 li{width: calc(100% / 7);text-align:center; line-height: 3rem; border-right: solid 1px #666;}
#schedule .days7 li:last-child{border: none;}
#schedule .days7 li a{text-decoration:none; display:block; text-align: center; padding: 1rem 0; box-sizing: border-box;}

#event h3{position: relative; font-size: 20px; font-weight:normal; margin-bottom:5px;padding: 1rem; margin-bottom: 15px;}
#event h3 i{margin-right: 5px; color: #fff; font-size: 24px; line-height: 18px;}
#event .entry{margin-top:20px; padding:2rem; box-sizing: border-box;}
#event .entry:first-child{margin-top: 0;}
#event .entry .imgbox{margin:0; line-height: 0;}
#event .entry .imgbox img{width:100%;}
#event .entry .body02{padding:15px 0;}
#event .entry .body02 a {color: #fff; text-decoration: underline;}

#review{padding: 2rem 0rem; box-sizing: border-box;}
#review .section{padding: 2rem; box-sizing: border-box; margin-top: 2rem;}
#review .section li{padding: .5rem;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); margin-bottom: 2rem;}
#review .box{display: flex; padding: .5rem; box-sizing: border-box; margin-bottom: 1rem;}
#review .box_l{width: 12%; margin-right: 1.5rem;}
#review .box_l img{width: 100%;transition: all 0.4s;}
#review .box_l img:hover{opacity: .7;}
#review .box_r{flex: 1;}
#review .box_r .rvbox{padding: 1rem; box-sizing: border-box; margin-top: 1rem;}

ul.postlist{display: flex; flex-wrap: wrap;}
.postlist li{padding: 1rem; box-sizing: border-box;}
.postlist.fd_column li{width: 100%;}
.postlist.fd_row li{width: 50%;}
.postlist li a{display: block;transition: all 0.4s ease;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
.postlist li a:hover .imgbox img{opacity: .7;transition: all 0.4s;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.postlist h3{position: relative; font-size: 20px; font-weight:normal; margin-bottom:5px;padding: 1rem; margin-bottom: 15px;}
.postlist h3 i{margin-right: 5px; font-size: 24px; line-height: 18px;}
.postlist .entry{padding:2rem;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); box-sizing: border-box;}
.postlist.fd_row .entry .d-flex{margin-top: 0; flex-direction: column;}
.postlist .entry .imgbox{line-height: 0; margin-bottom: 1rem; overflow: hidden;}
.postlist .entry .postimgbox{line-height: 0; margin-bottom: 1rem; overflow: hidden;height: 400px;}
.postlist .entry .postimgbox img{width:100%; height: auto;}
.postlist.fd_column .entry .imgbox{margin-right: 1rem; width: 300px;}
.postlist.fd_row .entry .imgbox{margin:0 auto 1rem auto; width: 100%;}
.postlist .entry .imgbox img{width:100%; height: auto; transition: all 0.4s ease;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.postlist.fd_row .entry .imgbox img{object-fit: cover; height: 250px; object-position: 50% 0%;}
.postlist .entry .body02{padding:0 .5rem; flex: 1;}

.pages{margin-bottom: 5rem;}
.pages h3{border-bottom: solid 1px #6f4d0d; padding: 0rem 0rem 1rem; box-sizing: border-box; margin: 2rem 0 1rem; font-size: 2rem; font-weight: 600;}
.pages h3:first-child{margin-top: 0;}
.pages p{line-height: 2;}
.pages .imgwrap{line-height: 0;}
.pages .imgwrap img{width: 100%; height: auto;}

#contact,#contact1,#contact2{padding: 2rem 0 0 0; margin-bottom: 10rem;}
#contact h3{position: relative; font-size: 20px; font-weight:normal; margin-bottom:5px;padding: 1rem; margin-bottom: 15px;}
.texbox{
line-height: 40px;
font-size: 18px;
padding-left: 15px;
padding-right: 10px;
letter-spacing: 0;
}
.box-open{display: none;}
input[type=text],input[type=email],input[type=tel],input[type=date] {
width: 100%;
padding:5px;
border-radius: 5px;
box-sizing: border-box;
}
textarea {
width: 100%; height: 150px;
border-radius: 5px;
box-sizing: border-box;
}
select{width: 100%; padding: .5rem; box-sizing: border-box;}
input[type=submit]{
display:block;
cursor: pointer;
padding:10px 40px;
width:300px;
margin:5px auto;
border-radius:5px;
text-decoration:none;
transition: all 0.4s ease;
}

.rate-form {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.rate-form input[type=radio] {
  display: none;
}
.rate-form label {
  position: relative;
  padding: 0 5px;
  color: #ccc;
  cursor: pointer;
  font-size: 24px;
}
.rate-form label:hover {
  color: #ffcc00;
}
.rate-form label:hover ~ label {
  color: #ffcc00;
}
.rate-form input[type=radio]:checked ~ label {
  color: #ffcc00;
}
.rate{color: #ffcc00;}

.pagination__btn--last, .pagination__btn--first, .pagination__btn--next, .pagination__btn--prev, .pagination__item a, .pagination__item--current {
    box-sizing: border-box;
    display: block;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    background: #6E6E6E;
    border: 1px solid #6E6E6E;
    min-width: 3em;
    transition: all .2s;
    margin: 0 1px 0 0;
    padding: calc(1em - 1px) 1em;
}
.pagination__btn--last:hover, .pagination__btn--first:hover, .pagination__btn--next:hover, .pagination__btn--prev:hover, .pagination__item a:hover, .pagination__item--current:hover {color: #6E6E6E; background: #FFF;}
.pagination {
    position: relative;
    display: flex;
    justify-content: center;
    color: #FFF;
    line-height: 1;
    margin: 0;
    padding: 2em 0;
}
.pagination__list {
    display: none;
}
.pagination__item {
    margin: 0;border-color: #6E6E6E !important;border-image: none !important;
}
.pagination__item--current {
    background: #FFF !important;
    color: #6E6E6E;
    font-weight: bold;
    border-color: #6E6E6E !important;border-image: none !important;
    margin: 0 1px 0 0;
}
.pagination__pos {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    color: #ccc;
}
.pagination__btn--prev {
    order: 2;
}
.pagination__btn--next {
    order: 4;
}
.pagination__btn--first {
    order: 1;
}
.pagination__btn--last {
    order: 5;
}
@media (min-width: 520px) {
.pagination__list {
    order: 3;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    }
.pagination__pos {
    display: none;
    }
}

dl.fjc {
display: flex;
flex-flow: row wrap;
width: 100%;
margin-bottom:5rem;
}
dl.fjc dt,dl.fjc dd{box-sizing:border-box;}
dl.fjc dt {
flex-basis: 25%;
padding: 20px;
background-color: #333;
border-bottom: 1px solid #ccc;
}
dl.fjc dd {
flex-basis: 75%;
padding: 20px;
background-color: #000;
border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 559px) {
dl.fjc dl {
flex-flow: column;
}
}
.contents{max-width: 1200px; margin: 0 auto;}
@media (min-width: 751px) {
  a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  }
}

@media (max-width: 480px) {
#enter #wrapper .inner{width: 100%; padding: 0; box-sizing: border-box; height: auto; background-position: center top;}
#enter header{padding: 0; width: 100%; display: flex; flex-direction: column-reverse; height: auto;}
#enter header .logo{width: 70%; margin:0 auto;}
#enter header .fv-video{width: 100%;height: auto; background: none; position:  unset; top: 0; left: 0; overflow: hidden; margin-bottom: 2rem;}
#enter header .fv-video::after{content: '';width: 100%; height: auto; display: block; position: absolute; left: 0; top: 0; opacity: 0;}
#enter header .fv-video video{min-width: 100%; min-height: auto !important; width: auto; height: auto; position: unset !important; top: 0; left: 50%;transform: unset !important;}
#enter header{background: none; height: auto;}
#enter header .l-container{padding: 0 2rem; width: 100%; box-sizing: border-box;}
#enter .btn{display: flex; width: 100%; gap: 1rem; margin: 2rem auto;}
#enter .btn li{width: 100%; padding: 0;}
#enter .btn li a,#enter .btn li button{font-size: 2.4rem; padding: 1rem 0;}
#enter .txbox{text-align: left;}
#enter .mark18{margin-bottom: 0;}
#enter .contents{padding: 1rem 2rem; box-sizing: border-box; min-height: auto;background: rgba(0,0,0,1);}
#enter h3{font-size: 1.8rem;}
#enter .links{display: flex; justify-content: center; flex-direction: column; gap: .2rem; margin-top: 2rem;}
#enter .links .item{width: 100%; max-width: 380px;}
#enter .links .item img{max-width: 100%;}

header.top{height: 36vh; overflow: hidden;}
header .inner .logo img{max-height: 60px;}
header .fv-video{width: 100%;height: 100%; background: none; position:  absolute; top: 7rem; left: 0; overflow: hidden;}
header .fv-video::after{content: '';width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; opacity: 0;}
header .fv-video video{min-width: 100%; min-height: auto; width: auto; height: auto; position: absolute; top: 0; left: 50%;transform: translateX(-50%) translateY(0%);}
header{background: none; height: auto;}
header .l-container{padding: 0;}
header .inner{position: fixed; top: 0; left: 0; flex-direction: column; z-index: 1; width: 100%; height: 7rem; justify-content:center; z-index: 2;transform: translate3d(0, 0, 0); box-sizing: border-box;}
header .cover{display: none;}
header .opentime,header .hdtel{display: none !important;}

#gnav {position: fixed; top: 0; right: -100%; height: 100vh; margin-bottom: 0; background-image: none !important; background: #000;}
#gnav.top{top: 0;}
#gnav .logo{width: 200px; line-height: 0; margin: 15px auto 0px auto;}
#gnav .logo{font-size: 2.4rem; text-align: center;font-family: var(--third-font);}
#gnav .logo span{text-align: center; font-size: 2.4rem;color: rgba(0, 0, 0, 0);line-height: 100%;background: linear-gradient(0deg, #9f9c9c 0%, #B2AEAE 45%, #E8E8E8 70%, #D9D1D1 85%, #9d9a9a 90% 100%);background-clip: border-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: 0rem;}
#gnav .logo span.head{display: block; font-size: 1.8rem; background: linear-gradient(0deg, #7d7171 0%, #d0cccc 45%, #F4EDED 70%, #f3ecec 85%, #776c6c 90% 100%);background-clip: border-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
#gnav .logo span.sub{display: block; margin-top: .2rem; border-top: 1px solid;border-image: linear-gradient(90deg, #8f8e8e 0%, #ebeaea 50%, #8f8e8e 100%); border-image-slice: 1; box-sizing: border-box; font-size: 1.6rem; padding: .5rem 2rem 0;background: linear-gradient(0deg, #aaa3a3 0%, #d0cccc 45%, #F4EDED 70%, #f3ecec 85%, #776c6c 90% 100%);background-clip: border-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
#gnav .logo img{width: 100%;}
#gnav .opentime,#gnav .hdtel{display: flex; align-items: center; justify-content: center; width: 90%;}
#gnav .opentime{margin-bottom: .5rem;}
#gnav .hdtel a{display: flex; align-items: center; justify-content: center; background: #FEE9A0; width: 100%; color: #000; padding: .5rem 0; box-sizing: border-box;}
#gnav .infobox{border-bottom: 1px solid;border-image: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1;transform: translate3d(0, 0, 0); box-sizing: border-box; margin-bottom: 2rem; padding-bottom: 1rem; display: block;}
#gnav .infobox .d-flex{flex-direction: column; justify-content: center; align-items: center;}
#gnav .infobox .material-icons{font-size: 18px; margin-right: .2rem;}
#gnav nav ul li i{margin-right: 5px;}
#gnav nav {max-width: 100%;}
#gnav nav ul{display: flex; flex-wrap: wrap; flex-direction: row; background: none; border: none;overflow-y: auto; height: 100%; justify-content: flex-start; padding: 0 1rem; box-sizing: border-box;}
#gnav nav ul li {display:block; padding: 3px;width: 50%;box-sizing: border-box; border: none;}
#gnav nav ul li:first-child {border-left: none;}
#gnav nav ul li a {text-decoration: none; height: auto; line-height: normal; padding: 10px 10px; box-sizing: border-box;}

.outer{width: 100% !important; padding: 0 1rem; box-sizing: border-box;}
.block-01,.block-02{padding: 3rem 0 !important;}

#navwrap .btn-gnavi {position: fixed; top: 10px; right: 10px; width: 50px; height: 50px; z-index: 3; box-sizing: border-box; cursor: pointer; -webkit-transition: all 400ms; transition: all 400ms; display: block;border-radius: 50%;}
#navwrap .btn-gnavi span {position: absolute;width: 33px;height: 2px;background: #fff;border-radius: 5px;-webkit-transition: all 400ms;transition: all 400ms;}
#navwrap .btn-gnavi span:nth-child(1) {top: 14px; left: 8px;}
#navwrap .btn-gnavi span:nth-child(2) {top: 50%; left: 8px; transform: translateY(-50%);}
#navwrap .btn-gnavi span:nth-child(3) {top: 34px; left: 8px;}
#navwrap .btn-gnavi.open span:nth-child(1) {transform: rotate(45deg); top:24px;}
#navwrap .btn-gnavi.open span:nth-child(2) {display: none;}
#navwrap .btn-gnavi.open span:nth-child(3) {transform: rotate(-45deg); top:24px;}

#navwrap .btn-gnavi.open span {background: #fff;}
#navwrap .btn-gnavi.open span {width: 33px;}
#navwrap .contents section p {position: absolute;top: 50%; width: 30%; line-height: 1.4; font-size: 20px; color: #fff; text-shadow: 0 0 6px #666;}
#navwrap .contents section:nth-child(odd) p {left: 10%;}
#navwrap .contents section:nth-child(even) p {right: 10%;}

#wrap{max-width: 100%; box-sizing: border-box; overflow-x: hidden; padding: 10rem 0 5rem 0;}
#wrap.top{padding: 1rem 0 5rem 0;}

#topbn{margin-bottom: 0rem;}
#topbn .slick-slider {height: auto;}
#topnewface,#topranking{width: 100%; margin-left: 0;}
#newstopics1{margin-bottom: 3rem;height: max-content;}
#newstopics1 h2{margin-bottom: 1.5rem;}
#newstopics1 .section {height: max-content; overflow-y: unset;}
#newstopics1 .entry{padding: .5rem .5rem 1rem .5rem; flex-direction: column;}
#newstopics1 .entry .imgbox{width: 80px; max-height: 120px;}
#newstopics1 .entry a{padding: 1rem 0;}
#newstopics1 .entry h3{font-size: 1.6rem;}

#pickup{box-sizing: border-box; width: 100%; height: 650px; padding: 2rem 2rem; margin-left: 0rem;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
#pickup .puslider{margin: 0 auto; width: 300px;}
#pickup .pustaff{box-sizing: border-box; margin: 0 auto;}
#pickup .photo{width: 100%; height: 400px; position: relative; margin: 0 auto; overflow: hidden;}
#pickup .photo .staffimg{width:100%;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;width: 100%; line-height: 0;position: absolute;left: 0;top: 0;object-fit: cover;font-family: 'object-fit: cover;';}
#pickup a:hover .staffimg{opacity: .7;transition: all 0.4s;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
#pickup .photo .ncicon{width: 40px; height: 40px; position: absolute; right: 0px; top:0px; z-index: 1;}
#pickup .photo .rkicon{width: 75px; height: 85px; padding: .5rem; box-sizing: border-box; position: absolute; left: 5px; bottom:5px; z-index: 1;}
#pickup .photo .rkicon img{width: 100%;}
#pickup .prof{text-align: center; padding: 1rem 0;}
#pickup .size{font-size: 1.6rem;}
#pickup .slick-slide img {padding: 0 !important;}

.box-full{margin-bottom: 5rem !important;}
.box-full.d-flex{flex-direction: column;}
.box-full .box-left{width: 100%;}
.box-full .box-right{width: 100%; position: unset; margin-top: -2rem; margin-left: 1.5rem; padding: 3rem 2rem;}
.box-full .discri{width: 70%;margin: .5rem auto 2rem auto;}

#photoarea .slick-prev {left: -8px;}
#photoarea .slick-next {right: -8px;}
#photoarea{padding: .5rem .5rem !important;}
#profarea{padding: 2rem 0 !important;}
#profarea .d-flex{width: 100%;}
#profarea .qaarea{width: 100%; float: none; margin-right: 0;}
#profarea .qaarea table{margin-bottom: 3rem;}
#profarea .qaarea th{width: 100%;}
#profarea .cmarea{width: 100%; float: none;}
#profarea .comment{width: 100%; margin: 0 auto 1rem auto;padding: .5rem 0;}
#profarea .icon{flex-wrap: wrap; width: 100%;}
#profarea .icon li{width: 50%;}
#profarea .d-flex_row{flex-direction: column;}
.morebtn{width: 80%;}

#pblog{width: 100%; float: right;}
#pblog .row{border: solid 8px #333; color:#fff;padding:8px;height:433px; box-sizing: border-box;}

#preview{width: 100%; float: right;}
#preview .row{border: solid 8px #333;padding:1.5rem;height:auto; box-sizing: border-box; overflow-y: scroll;}
#preview .box .rvbox{display: none;}

#profile{padding: 0 1rem; box-sizing: border-box;}
#profile .contents{background: none; padding: 0; margin: 0; box-shadow: none;}
#bottomcont{flex-direction:column;}
#profile h3{font-size: 2rem; margin-bottom: 2rem;}
#profile h3 span::before, #profile h3 span::after{width: 8rem !important;}
#profile .cmbox{height: max-content; overflow-y: unset; margin-bottom: 2rem;}
#profile .oparea{width: 100%; margin-right: 0; flex-direction: column;}
#profile .oparea .box{width:100%;}
#profile ul.option li{width: 49%;}
#pmovie {margin-bottom: 3rem;margin-left: 0;}
#pmovie .row{width: 100%; height: auto; padding: 10px; box-sizing: border-box; background: #333;}
video{width: 100% !important; height: auto !important;}
#profile #schedule{max-width: 100%; padding: 0 1rem; box-sizing: border-box;}
#profile #schedule ul{flex-direction: column;}
#profile #schedule li{width: 100%; display: flex; justify-content: unset;}
#profile #schedule li .date,#profile #schedule li .time-pr{width: 50%; text-align: center;}
#profile #schedule li .time-pr{border-top: none;}
#profile #schedule li{border-right: none !important;border-bottom:solid 1px #333;}
#profile #schedule li:last-child{border-bottom: none;}
#profile #schedule tr{display: block; float: left; width: 50%;}
#profile #schedule th,#profile #schedule td{display: block; width: 100% !important;}
#profile .pagebtn{width: 100%;margin: 0 auto 5rem auto;}
#profile .pagebtn a{padding: 1rem 1.5rem; letter-spacing: 0;}

ul.lists{box-sizing: border-box;}
ul.lists li{width: 50%; padding: .5rem;}
.staff{letter-spacing: 0;}
.staff h3{font-size: 1.6rem;}
.staff .photo {padding-top: 0; max-height: unset;}
.staff .photo .staffimg{position: inherit; height: auto;}
.staff .comment{letter-spacing: 0;}
.staff .time{font-size: 1.4rem;}
.icon p{padding: .5rem; width: 50%; margin-left: 0;}

#todays-parts .slick-dots{display: block !important;}
#todays-parts .slick-dots li{width: 20px !important;}
#todays-parts ul.lists li{width: 100%;}
#todays-parts .staff .photo{height: auto !important;}
#todays-parts .staff .inner{padding: 0;}

#ranking .lists{background: none;}
#ranking .rkicon img{display: none;}
#ranking .rkicon{border-bottom: 1px solid;border-top: 1px solid;border-image: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1; position: initial; padding: .5rem; box-sizing: border-box; text-align: center; color: #ecc970;background: linear-gradient(0deg, rgba(1,1,1,.5), 60%, rgba(100,100,100,.7)); margin-bottom: .5rem;}
#ranking .rkicon p{display: block;}

#schedule .days7{flex-wrap: wrap; margin: 0 1rem 2rem 1rem; box-sizing: border-box; border: solid 1px #333;}
#schedule .days7 li{width: calc(100% / 3); box-sizing: border-box; letter-spacing: 0; border-bottom: solid 1px #333; font-size: 1.4rem;}
#schedule .days7 li:nth-child(n+4){width: calc(100% / 4);}

#event .entry{padding: 1rem; margin-bottom: 2rem;}
#event .entry .imgbox{margin: 0;}
#event .entry .body02{padding: 15px 5px;}

#review .section{padding: 1rem;}
#review .box{padding: 0 0 1rem 0;}
#review .box_l{width: 15%; margin-right: 1rem;}
#review .box_r p{font-size: 1.4rem;}
#review .box_r .rvbox{height: auto; overflow-y: unset; margin-top: .5rem; display: none;}
	
ul.postlist{flex-direction: column;}
.postlist li{width: 100% !important; padding: .5rem 0;}
.postlist .entry{padding: 1rem;}
.postlist .entry .d-flex{flex-direction: column;}
.postlist.fd_column .entry .imgbox{margin-right: 0; width: 100%;}
.postlist .entry .imgbox{margin-right: 0; width: 100%;}
.postlist .entry .postimgbox{height: auto;}
.postlist h3{font-size: 1.6rem;}
.postlist h3 i{font-size: 16px; margin-right: 1px;}
.postlist .entry .body02{overflow-y: unset; height: auto;}

#movie ul.list {flex-direction: column;}
#movie .list li{padding: .5rem; width: 100%;}
.list li video{width: 100%;}
.list .inner{padding: .5rem;}
.list .d-flex{margin: 1rem 0;}

.box-open{padding: 1rem 1.5rem; margin-top: .5rem; box-sizing: border-box;	color: #fff;background: #704c03;	position: relative; display: block; cursor: pointer;}
.box-open.active{background: #333;}
.box-open::before{content: "＋";position: absolute;right: 20px;}
.box-open.active::before{content: "－";}

.fjbox{margin-bottom:2rem;}
.fjbox h3{font-size: 1.6rem;}
.fjbox h4{padding: 1rem 1rem 1rem 2rem;}
.fjbox h4::before{left: .5rem;}
.fjbox .subbox{padding: 1rem;}
.fjbox tr>*:first-child{width: 50%; float: left;}
.fjbox td{width: 50%; float: left; padding: 1.5rem 1.5rem;}
.fjbox dl{flex-direction: column;}
.fjbox dl dt,.fjbox dl dd{width: 100%; padding: 1.5rem; box-sizing: border-box;}
.fjbox dl.w-auto{flex-direction: row !important;}
.fjbox dl.w-auto dt,.fjbox dl.w-auto dd{flex-basis:auto; width: 50% !important;}
.fjbox dl.onlydd dd{flex-basis: 50%;}

.searchbox{box-sizing: border-box;}
.searchbox .inner{padding: 1rem;}
.searchbox .inbox{flex-direction: column; margin-bottom: 2rem;}
.searchbox .inbox p{width: 100%; margin-bottom: 1rem; background: #333; padding: .5rem 1rem; box-sizing: border-box;}
.searchbox .inbox .item li{width: 50%;}

.cast-order{flex-wrap: wrap; justify-content: space-between;}
.cast-order li{width: 46%; border-right: none; margin-bottom: 1rem; padding: .5rem .5rem .5rem .5rem; border-bottom: solid 1px #ccc; display: flex;}
.cast-order li span{margin-left: auto; display: flex;}
.cast-order li span a{font-size: 2rem;background: #333; padding: .2rem; box-sizing: border-box;}
.cast-order .label{width: 100%;}
.subbn img{width: 100%;}
.pages{padding: 0; box-sizing: border-box;}
.d-flex-50{display: flex; flex-direction: column;}
.d-flex-50 li{width: 100%;}
.flarea{flex-direction: column; box-sizing: border-box;}
.discri{width: 100%; letter-spacing: 0;}
.sp-br{display: none;}
.br-bl{display: block;}
.contents{max-width: 100%;}
.innerbox p{padding-left: 0rem; box-sizing: border-box;}
table th,table td{display: block; width: 100%; box-sizing: border-box;}
.only_pc{display: none !important;}
footer {text-align: inherit;padding: 2rem 0 8rem 0;}
footer .pages{display: none;}
footer .pages ul{flex-wrap: wrap;}
footer .copyright{font-size: 1.2rem; text-align: inherit; letter-spacing: 0;}

#btcontact{padding: 5rem 0; box-sizing: border-box;}
#btcontact h3{margin-bottom: 2rem;}
#btcontact .flbox{justify-content: center; display: flex; flex-direction: column;}
#btcontact .inbox{width: 100%;display: flex;flex-direction: column; padding: 1rem 5rem;}
#btcontact .inbox:nth-child(2) {border-left: none !important;}

.telno{width: 100%; margin-bottom: 3rem;}
.telno a{width: 100%; font-size: 2.4rem;}
.telno span{font-size: 24px; margin-right: 1rem;}
.toform span{font-size: 24px;}
.toform a{width: 100%; font-size: 2rem;}

.snsbtn{width: 200px; display: flex; margin:5rem auto 0;}
.snsbtn a img{width: 100%; filter: grayscale(100%) blur(0px); opacity: .2;}
.snsbtn a{display: block; width: 50%; padding: 1rem; box-sizing: border-box;}
.snsbtn a img{transition:all 0.5s ease; filter: grayscale(0%) blur(0); opacity: 1;}
.snsbtn a img:hover{transform: scale(1.3);}

#footbtn{position: fixed;bottom: 0px;width: 100%;z-index: 1;background: #eee; padding: .2rem .2rem; box-sizing: border-box;}
#footbtn ul{display: flex;}
#footbtn li{display: flex; padding: .3rem; box-sizing: border-box;}
#footbtn li img{max-width: 100%; height: 100%;}
#footbtn li.telbtn{width: 65%; display: block;}
#footbtn li.linebtn{width: 15%; display: block;}
#footbtn li.pagetop{width: 20%;}
#footbtn li a{background: #685d3e; width: 100%; height: 50px; box-sizing: border-box; font-size: 1.4rem; letter-spacing: 0; padding: 1rem; color: #fff; display: flex; justify-content: center; align-items: center;}
#footbtn li.linebtn a{background: #00B900; padding: 0 !important;}
#footbtn li.pagetop span{font-size: 4rem; line-height: .5;}

}