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;border: solid 1px #ccc; padding: 10px;}.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: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", Arial, Meiryo, sans-serif;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; color: #000;}
#enter.close{display: none;}
#enter.overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000;background: rgba(255,255,255,0.9);}
#enter #wrapper {width: 100%; position: relative; height: 100vh;background-image: url(../img/visual/hero/index.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; overflow: scroll;}
#enter #wrapper .inner{width: 50%; min-height: 100%; background: rgba(255,255,255,.7); margin: 0 auto; color: #333; display: flex; flex-direction: column;}
#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: 10rem 15rem 5rem; text-align: center; background: none !important; height: auto;}
#enter header .logo img{width: 100%; max-width: 450px;}
#enter h1{font-size: 4.8rem; color: #fff; text-align: center;font-family: "Sawarabi Mincho", serif;}
#enter h1 span{display: block; border-top: solid 1px #fff; font-size: 2.1rem;}
#enter .mark18{margin-bottom: 2rem;}
#enter .notice{text-align: center; font-size: 1.4rem;}
#enter .txbox{padding: 2rem 4rem; box-sizing: border-box; }
#enter .btn{display: flex; justify-content: space-between; margin: 0 auto 2rem auto; width: 70%; background: none; border: none; padding: 0;}
#enter .btn p{color: #fff;font-family: "Sawarabi Mincho", serif; 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(15deg, #06a7bb 0%, #e3eff7 100%);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(-15deg, #06a7bb 0%, #e3eff7 100%);}
#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;}
#enter footer i{margin: 0 .5rem;}

.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;}
header .cover{display: flex; flex-wrap: nowrap;}
header .cover li{width: 16.66666%; background: #666; height: 100vh; overflow: hidden; position: relative;}
header .cover li:nth-child(odd){background: #333;}
header .cover li img {height: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

header .l-container{max-width: 1200px; margin: 0 auto; position: relative;}
header .inner{height: 85px; margin: 0 auto; position: relative; box-sizing: border-box;}
header .inner h1{font-size: 2.4rem; color: #000; text-align: center;font-family: "Sawarabi Mincho", serif;}
header .inner h1 span{display: block; border-top: solid 1px #000; font-size: 1.6rem;}
header .inner .logo{width: 280px; position: absolute; left: 0px; top:50%; transform: translateY(-50%);}
header .inner .logo img{width: 100%;}
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;}

#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: "Sawarabi Mincho", serif;}
#gnav nav li{box-sizing: border-box;letter-spacing: 0rem;}
#gnav nav li a{display: block; padding: 1.5rem 2rem; text-align: center; color: #fff;transition:all .3s ease;}
#gnav nav li span{display: block; font-size: 1.2rem;letter-spacing: .2rem;}

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

#todays{margin-bottom: 5rem;}
#todays h3{color: #000 !important; background: none;-webkit-text-fill-color:initial;}
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;}

.ncicon{width:40px; height:40px; position:absolute; right:0px; top:0px; z-index: 1;}
.tdicon{width:60px; height:15px; position:absolute; left:0px; top:0px; z-index: 1;line-height: 0;}
.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: "Sawarabi Mincho", serif; letter-spacing: 0;}
.typeicon p{padding: .3rem 0; box-sizing: border-box;}
.typeicon .type1{background: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%) !important;color: #79580d !important;}
.typeicon .type2{background: linear-gradient(90deg, #8f8e8e 0%, #ebeaea 50%, #8f8e8e 100%) !important;}
.typeicon .type3{background: linear-gradient(90deg, #151515 0%, #6d6d6d 50%, #151515 100%) !important;}
.typeicon .type4{background: linear-gradient(90deg, #6c0404 0%, #ea6e6e 50%, #6c0404 100%) !important;}
#pickup-parts{margin-bottom: 5rem;}
#pickup-parts h3{color: #fff !important; background: none;-webkit-text-fill-color:initial;}
#pickup-parts ul.lists li{width: 33.3333%;}

#todays-parts{margin-bottom: 5rem;}
#todays-parts h3{background: none;-webkit-text-fill-color:initial;}
#todays-parts ul.lists li{width: 33.3333% !important;}
#todays-parts .staff{display: flex;background:#fff; 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;width: 50%;}
#todays-parts .movetext{width: 100% !important;}

#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;}
#btcontact .inbox:nth-child(2) {border-left: 1px solid #000;}

.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; 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; padding: 5rem 0; box-sizing: border-box;}
footer .logo{width: 250px; position: relative; margin:0 auto 4rem auto;}
footer .logo{font-size: 2.4rem; color: #fff; text-align: center;font-family: "Sawarabi Mincho", serif;}
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{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;}

.anmarea{width: 1200px; margin: 0 auto 15rem;}
.anmarea .slick-list{height: 100%;width: 100% !important;}
.anmarea .slick-track{height: 100%; min-width: 100%;}
.anmarea ul.lists2{display: inherit;}
ul.lists2{display: flex;flex-wrap: wrap; position: relative;}
ul.lists2 li{padding: 1rem; box-sizing: border-box;/* display: flex;*/}
.anmarea ul.lists li{width: 50%; padding: 1rem; box-sizing: border-box;}
.anmarea .staff{display: flex; box-sizing: border-box;}
.anmarea .staff .photo{padding-top: 70%; width: 50%;}
.anmarea .staff .prof{flex: 1;padding: .5rem; box-sizing: border-box;}
.anmarea h2{font-size: 3rem; text-align: left;}
.anmarea .d-flex{position: relative;}
.anmarea .block-left{width: 60%; padding: 3rem; border-radius: 30px 0 30px 0; box-sizing: border-box; height: 350px; display: flex; flex-direction: column; justify-content: center;}
.anmarea .block-right{background: #fff; width: 70%; border-radius: 30px 0 30px 0; box-sizing: border-box; transition-delay: .5s; position: absolute; top: 50px; left: 25%; opacity: 0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); padding: 3rem;}
.anmarea .block-left .box{padding: 1rem 0; box-sizing: border-box; width: 40%; letter-spacing: .3rem; line-height: 1.8;}

.box-full{width: 100%; padding: 10rem 0 0; box-sizing: border-box; position: relative; margin-bottom: 15rem;}
.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: #fff3f3; z-index: 1; padding: 5rem 5rem; box-sizing: border-box; position: absolute; width: 60%; height: 80%; right: 0; top: 20rem; 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; background: #fff; 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;background: #fff; content: ''; inset: 0; pointer-events: none; position: absolute; z-index: 1;
}
.box-full .inner{background: #fff; 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;}
@keyframes img-wrap {
  100% {
    transform: translateX(100%);
  }
}
.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;}
.fd_column{flex-direction: column;}
.fd_row{flex-direction: row;}
.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;}
.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: solid 5px #e1f2f2; padding: 2rem; box-sizing: border-box; background: #fff;}
.subbox{border: solid 5px #e1f2f2; background: #fff; padding: 2rem; box-sizing: border-box;}
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;}
.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:#7f0c1f;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: #eccd5f;}
.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 dt,.fjbox dl dd{box-sizing:border-box;}
.fjbox dl dt {flex-basis: 30%; padding: 20px; background-color: #333; border-bottom: 1px solid #666;border-right: 1px solid #666;}
.fjbox dl dd {flex-basis: 70%; padding: 20px; background-color: #000; border-bottom: 1px solid #666;}
.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 #ff7c7c; 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: #FEE9A0;}
.morebtn a{ color: #FEE9A0; font-size: 1.4rem;}

#topbn{padding: 0rem 0 0 0; margin-bottom: 10rem;}
#topbn .slick-slider{}
.slick-list{height: 100%;}
.slick-track{height: 100%;}
.slick-slide img {width: 100%;}

.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: 650px;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: 525px; overflow-y: scroll;}
#newstopics1 .entry a {margin-bottom:10px;border-bottom: solid 1px;border-image: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); 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; 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; color: #900;}

#topwidget{width: 100%; margin-top: 1rem;}
#topwidget .section{padding: 3rem; overflow-y: scroll; background: #fff; box-sizing: border-box;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}

#topnewface{width: 466px; margin-left: 3rem;padding: 2rem 2rem;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); box-sizing: border-box;}
#topnewface .section{padding: 1rem 0; height: 527px; overflow-y: scroll; box-sizing: border-box;}
#topnewface .ncstaff{width: 100%; box-sizing: border-box; margin-bottom: 1.5rem; border: solid 1px #ccc;box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);}
#topnewface .ncstaff img.staffimg{width: 100%;}
#topnewface .ncstaff a{display: flex;padding: 0rem; box-sizing: border-box; color: #000;}
#topnewface .ncstaff a:hover .staffimg{opacity: .7;transition: all 0.6s;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
#topnewface .ncstaff .prof{flex: 1; padding: 1rem 1rem 1rem 1.5rem; box-sizing: border-box;}
#topnewface .ncstaff .photo{width: 145px; height: 194px; position: relative; overflow: hidden; background: #000;}
#topnewface .ncstaff .photo img{height: 100%;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;object-fit: cover;font-family: 'object-fit: cover;';line-height: 0;}
#topnewface .ncstaff .photo .ncicon{width: 40px; height: 40px; position: absolute; right: 0px; top:0px; z-index: 1;}
#topnewface .ncstaff .size{font-size: 1.4rem; margin-bottom: .5rem;}
#topnewface .ncstaff h3{font-size: 1.8rem; margin-top: .5rem;}
#topnewface .ncstaff .comme{height: 134px; overflow-y: scroll; padding:0; box-sizing: border-box;}
#topnewface .icon{padding: 0;}

#topblog{padding: 2rem 0rem; box-sizing: border-box;}
#topblog .section{padding: 1rem; box-sizing: border-box; margin-top: 2rem;}

#profile h3{text-align: center; font-size: 2.4rem;line-height: 100%;letter-spacing: 0rem; margin-bottom: 3rem;font-family: 'Noto Serif JP', serif;}
#profile h3 span{position: relative;display: inline-block;padding: 0 2rem;font-family: 'Noto Serif JP', serif;}
#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: #000; padding:2rem 0px;}
#photoarea .slick-slide:not(.slick-current) {opacity: 0.2; transition: 0.5s linear;}
#photoarea .slick-prev {left: 25%;}
#photoarea .slick-next {right: 25%;}
#photoarea .ncicon{width: 50px;}
#profarea{margin: 2rem 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: 60%; margin-right: 2rem;}
#profarea .cmarea{flex: 1;}
#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 .slick-slide img{transform: scale(.95);transition: 0.5s ease;}
#profile .slick-slide.slick-current img{transform: scale(1);transition: 0.5s ease;}

#pblog{width: 100%; margin-bottom:5rem;}
#pblog .row{border: solid 3px #e0f1fb;padding:5px; box-sizing: border-box;}

#profarea .names .size{font-size: 18px; margin-bottom: 10px; padding-bottom: 5px;}
#profile .qaarea th{font-weight: normal; width: 50%;}
#profile .cmbox{height: 433px; overflow-y: scroll; padding:0 5px;}
#profile .cmbox a{color:#000; text-decoration:underline;}
#profile .oparea{width:100%;}
#profile ul.option{display: flex; flex-wrap: wrap; justify-content: start; margin-bottom: 3.5rem;}
#profile ul.option li{width: 24.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(4n){margin-right: 0;}

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

#pmovie{flex:1; margin-left:auto;}
#pmovie .row{padding: 10px; background: #333; width: 780px; margin: 0 auto 5rem;}
#pmovie video{width: 100% !important; height: auto !important;aspect-ratio: 16/9;}

#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{padding: 1rem 0; box-sizing: border-box; margin-bottom: 0;}
#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; color:#fff; display:block; background: #0b526f; text-align: center; padding: 1rem 0; box-sizing: border-box;}
#schedule .days7 li.today a{background: #099bbd; color: #fff;}

#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: #000; text-decoration: underline;}

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;color:#fff; 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;border: solid 1px #c2d5f2;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;}

#movie ul.list {display: flex; flex-wrap: wrap;}
#movie .list li{padding: 1rem; box-sizing: border-box; width: calc(100% / 3);}
.list li video{width: 100%;}
.list .inner{border: 1px solid;border-image: linear-gradient(0deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1; padding: 1rem; box-sizing: border-box;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
.list .d-flex{margin: 1rem 0;}
.list .namebox{background: #eee; padding:0 1rem; box-sizing: border-box; flex: 1; display: flex; flex-direction: column; justify-content: center; position: relative; color: #000;letter-spacing: 0;}
.list .namebox .ncicon{width:40px; height:40px; position:absolute; right:0px; top:0px; z-index: 1;}
.list .namebox h3{margin: 0rem 0 0;}
.list .namebox .size{font-size: 1.4rem;}
.list .imgbox{width: 20%; line-height: 0;}
.list .imgbox img{width: 100%; height: auto;}
.list .comment{padding: .5rem 0; width: 100%; box-sizing: border-box; letter-spacing: .2rem; text-align: center; margin: 1rem 0;}

#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%;
border-radius: 5px;
box-sizing: border-box;
}
textarea {
width: 100%; height: 150px;
border-radius: 5px;
box-sizing: border-box;
}
select{width: 100%; 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;
}
.pagination__item--current {
    background: #FFF;
    color: #6E6E6E;
    font-weight: bold;
    border-color: #6E6E6E;
    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: 90%; padding: 0 2rem; box-sizing: border-box; background: rgba(255,255,255,.6);}
#enter header{padding: 5rem 0rem 0rem;}
#enter h1{font-size: 3.2rem;}
#enter header .logoimg img{width: 100%; max-width: 360px;}
#enter .btn{display: flex; flex-direction: column; justify-content: center; width: 80%;}
#enter .btn li{width: 100%;}
#enter .btn li a,#enter .btn li button{font-size: 2.4rem;padding: 1rem 0;}
#enter .txbox{text-align: left; padding:2rem 0}
#enter .txbox img{width:100%; height:auto;}
header .inner{position: fixed; top: 0; left: 0; height: 70px; z-index: 1; width: 100%;z-index: 2;transform: translate3d(0, 0, 0); box-sizing: border-box;}
header .cover{display: none;}
header .opentime,header .hdtel{display: none !important;}
header .inner .logo{width: 50%; left: 50%; transform: translate(-50%,-50%); top:50%}
#sc-logo{display: none;}
#gnav {position: fixed; top: 0; right: -100%; height: 100vh; margin-bottom: 0;}
#gnav.top{top: 0;}
#gnav .logo{width: 50%; margin: 15px auto 5px auto;}
#gnav .logo{font-size: 2.4rem; color: #000; text-align: center;font-family: "Sawarabi Mincho", serif;}
#gnav .logo span{display: block; border-top: solid 1px #000; font-size: 1.6rem;}
#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;}

#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;background: #5fc1f0; 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;}

#topbn{margin-bottom: 2rem;}
#topbn .slick-slider {height: auto;}
#topbn .slick-slide img{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;}
#newstopics1 .entry a{padding: 1rem 0;}
#newstopics1 .entry h3{font-size: 1.6rem;}

#topnewface{margin-bottom: 3rem; height: auto;}
#topnewface .ncslider{width: 100%;}
#topnewface .photo{height: auto;}
#topnewface .photo .staffimg{position: inherit; height: auto;}
#topnewface .slick-prev {left: -20px;}
#topnewface .slick-next {right: -20px;}
#topnewface .section{height: auto;}
#topnewface .prof{text-align: center; padding: .5rem !important; letter-spacing: 0;}
#topnewface h3{font-size: 1.6rem; line-height: 30px; color: #f2d288;}
#topnewface .size{font-size: 1.4rem;}

.anmarea{width: 100%; margin: 0 auto 3rem; padding: 0 1rem; box-sizing: border-box;}
.anmarea ul.lists li{padding: .5rem;}
.anmarea .staff{display: flex; flex-direction: column; box-sizing: border-box;}
.anmarea .staff .photo{padding-top: 0%; width: 100%;}
.anmarea .d-flex{position: relative; flex-direction: column;}
.anmarea .block-left{background: #333; width: 100%; padding: 2rem; box-sizing: border-box; height: auto; display: flex; flex-direction: column; justify-content: center;}
.anmarea .block-right{width: 100%; position: initial; opacity: 1; margin-top: -20px; padding: 1rem;}
.anmarea .block-left .box{width: 100%;}

#topwidget{width: 100%; margin-left: 0;}
#topwidget .discri{width: 70%;}
#topwidget .section{padding: 3rem; line-height: 2; height: auto; overflow-y: scroll; background: #eee; box-sizing: border-box;}

#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%; margin-bottom:5rem;}
#pblog .row{border: solid 3px #e0f1fb;padding:5px; box-sizing: border-box;}

#profile{padding: 0 1rem; box-sizing: border-box;}
#bottomcont{flex-direction:column;}
#profile h3{font-size: 2.4rem; margin-bottom: 2rem;}
#profile h3 span::before, #profile h3 span::after{width: 8rem;}
#profile .cmbox{height: max-content; overflow-y: unset; padding:0 5px; margin-bottom: 2rem;}
#profile .oparea{width: 100%; margin-right: 0;}
#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: center;}
#profile #schedule li .date,#profile #schedule li .time{width: 50%; text-align: center;}
#profile #schedule li .time{border-top: 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;}

#pickup-parts .slick-dots{display: block !important;}
#pickup-parts .slick-dots li{width: 20px !important;}
#pickup-parts ul.lists li{width: 100%;}
#pickup-parts .staff .photo{height: auto !important;}
#pickup-parts .staff .inner{padding: 0;}
	
#todays-parts ul.lists{flex-direction: column;}
#todays-parts ul.lists li{width: 100% !important;}
#todays-parts .staff .photo{height: auto !important;}
#todays-parts .staff .photo .staffimg{}
#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: none; font-size: 1.4rem;}
#schedule .days7 li:nth-child(n+4){width: calc(100% / 4);border-top: solid 1px #333;}

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


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%;}

.flarea{flex-direction: column; box-sizing: border-box;}
.discri{width: 100%; letter-spacing: 0;}
.sp-br{display: none;}
.contents{max-width: 100%;}
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;}

.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.telbtn{width: 80%; 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.pagetop span{font-size: 4rem; line-height: .5;}

}