html,body {background: url(../img/common/background.png); background-attachment: fixed; background-size: cover;}
body {color: var(--fc-main);}
.numcount .ttl{background-image: linear-gradient(160deg, rgba(125, 122, 122, 1), rgba(28, 26, 26, 1)); color: #f8f0d0;}
header{background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.5)), url(../img/common/bg-header.png); background-size: cover;background-position: center;}
header.top .l-container{background: rgba(0,0,0,.4);}
header .inner{color: #fff;}
header.top .inner h1{color: #fff;}
header .inner .logo{width: 240px; line-height: 0;}
header h1 {text-align: center;font-family: "Sawarabi Mincho", serif; font-weight: 600;}
header h1 span{text-align: center; font-size: 3rem;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;}
header h1 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;}
header h1 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;}

#enter h1{font-weight: 400;margin-bottom: 3rem;}
#enter h1 span{font-size: 4.8rem;}
#enter h1 span.head{font-size: 3.2rem;}
#enter h1 span.sub{font-size: 3rem;}

header .inner .opentime span{background-image: linear-gradient(147deg, #f92e2e, #5e0000); color: #fff;}
header .inner .hdtel span{background-image: linear-gradient(147deg, #f92e2e, #5e0000); color: #fff;}

h2{text-align: center;font-family: var(--second-font); font-size: 2.4rem;color: rgba(0, 0, 0, 0);line-height: 100%;background: var(--ttl-color);background-clip: border-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: 0rem;}
h2 span{position: relative;display: inline-block;padding: 0 2rem; background: var(--ttl-color);background-clip: border-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
h2 span::before,h2 span::after{position: absolute;top: 50%;content: '';width: 13rem;height: 1px;}
h2 span::after{right: 100%;background: var(--ttl-color);}
h2 span::before{left: 100%;background: var(--ttl-color);}

h2.fc02 span{background: #000;background-clip: border-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
h2.fc02 span::after,h2.fc02 span::before{background: #000;}

.discri{text-align: center;width: 32%; margin: .5rem auto 2rem auto;position: relative; border-top: 30px solid #333;border-left: 25px solid transparent;border-right: 25px solid transparent; box-sizing: border-box;}
.discri p{ color: var(--fc-subtex);top:-28px; left: 48%;transform: translateX(-46%);position: absolute;}

.outer{width: 1200px; margin: 0 auto;}
.block-01{padding: 5rem 0; box-sizing: border-box;}
.block-02{padding: 5rem 0; box-sizing: border-box;}
.block-03{padding: 5rem 0; box-sizing: border-box;box-sizing: border-box;}

.box-full{padding: 3rem 0 0;margin-bottom: 10rem;}
.box-full h2 span{background: var(--fc-subtex);background-clip: border-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.box-full h2 span::after,.box-full h2 span::before{background: #fff;}

input[type=submit]{background:#eee;border:1px solid #533c0a;color:#000;}
input[type=submit]:hover{background-color:#666;}

#gnav{background-image: linear-gradient(147deg, #f92e2e, #5e0000);}
#gnav nav li{border-left: solid 1px #dab5b5;}
#gnav nav li:last-child{border-right: solid 1px #dab5b5;}
#gnav nav li span{color:#f3dfb6;}
#gnav nav li a{color: #fff;}
#gnav nav li a:hover{opacity: .5;}

#btcontact .inbox:nth-child(2) {border-left: 1px solid #796313;}

.box-right{height: 90%; top: 15rem;}
.box-full .inner{line-height: 3; font-size: 1.8rem;font-family: var(--second-font);}

.staff{background:var(--bg-staff);}
.staff .prof{margin:.5rem 0;}
.time{color:#fff; background: var(--time);}
.typeicon .type1{background: linear-gradient(90deg, #4a7286 0%, #BACFF6 50%, #4a7286 100%) !important;color: #2b4569 !important;}
.typeicon .type3{background: linear-gradient(90deg, #8f8e8e 0%, #ebeaea 50%, #8f8e8e 100%) !important;color: #7a6e43 !important;}
.typeicon .type2{background: linear-gradient(90deg, #151515 0%, #6d6d6d 50%, #151515 100%) !important;color: #fff !important;}
.typeicon .type5{background: linear-gradient(90deg, #6c0404 0%, #ea6e6e 50%, #6c0404 100%) !important;}
.typeicon .type4{background: linear-gradient(90deg, #1bbbf5 0%, #a5dff4 50%, #1bbbf5 100%) !important;color: #23739c !important;}

#newstopics1,#pickup,#topnewface{background: #000;border:1px solid;border-image:var(--bd-grad);border-image-slice: 1;}
#newstopics1 .discri,#pickup .discri,#topnewface .discri{width: 70%; margin:.5rem auto 1rem auto !important;border-top: 30px solid #333;}
#newstopics1 .discri p,#pickup .discri p,#topnewface .discri p{color: #fff;}

#newstopics1 .entry a {color: #fff;border-bottom: solid 1px;border-image:var(--bd-grad-row); border-image-slice: 1;}
#newstopics1 .entry h3{color:#FEE9A0; border-bottom: solid 1px #666;}
#pickup h3{color: var(--fc-name);}

.list .inner{background: #000;}

.postlist .entry{border: solid 1px;border-image:var(--bd-grad); border-image-slice: 1;background: var(--bg-color);}
.postlist li a{background: var(--bg-color); color: var(--fc-main);}
.postlist h3{background: var(--ttl-other); color:var(--fc-h3);}
.postlist h3 i{color: var(--fc-subtex);}

#schedule .days7 li a{color:#fff; background: #000;}
#schedule .days7 li.today a{background: #d70404; color: #fff;}

#ranking .lists{background:none;}
#ranking h3.ttl{border-bottom: 1px solid;background: var(--ttl-other); color:var(--fc-h3);border-image:var(--bd-grad-row); border-image-slice: 1;}
#ranking h3.ttl i{margin-right: 1rem;}

#event .entry{border: solid 1px;border-image:var(--bd-grad); border-image-slice: 1; background: var(--bg-color);box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
#event h3{background: var(--ttl-other); color:var(--fc-h3);}

#review li{background: var(--bg-color);border: solid 1px;border-image:var(--bd-grad); border-image-slice: 1;}
#review .box_r h3{color: var(--fc-name);}
#review .box_r .rvbox{background: #333;}

#recruit .section{background: #fff; padding: 1rem; box-sizing: border-box; color: #000;}
#recruit .pages{padding:0 2rem; box-sizing:border-box;}
#contact h3{background: var(--ttl-other); color:var(--fc-name); border-radius: 10px 10px 0 0;}

.staff_row{background: var(--bd-color);border: 1px solid ;border-image:var(--bd-grad);border-image-slice: 1;}
.staff_row h3{color: var(--fc-name);}

.searchbox{background: var(--bg-color);border: 1px solid ;border-image:var(--bd-grad);border-image-slice: 1;}
.searchbox input[type="checkbox"] + label {color: #fff;}
.searchbox input[type="checkbox"] + label:before {border: 1px solid #fff;}
.cast-order li a{color: #eee;}
.searchbox .inbox p,.cast-order .label{color: var(--fc-h3);}

.outerbox{background: var(--bg-color);border: 1px solid ;border-image:var(--bd-grad);border-image-slice: 1; padding: 2rem; box-sizing: border-box; margin-bottom: 2rem;}
.outerbox h3{text-align: center; font-size: 2rem;line-height: 100%;letter-spacing: 0rem; margin-bottom: 3rem;font-family: var(--second-font);}
.outerbox h3{color: var(--fc-h3);}
.outerbox h3 span::before,.outerbox h3 span::after{position: absolute;top: 50%;content: '';width: 55px;height: 1px;}
.outerbox h3 span::after,.outerbox h3 span::before{background: var(--fc-h3);}
.outerbox h3 span{position: relative;display: inline-block;padding: 0 1rem;font-family: var(--second-font);}
.outerbox h3 span::after{right: 100%;}
.outerbox h3 span::before{left: 100%;}
.outerbox .typeicon{width: 30%; margin-right: 1rem;}
.outerbox .inbox{display: flex; margin-top: 1rem; align-items: center; background: #333; padding: .5rem .5rem; box-sizing: border-box;}

#profile h3{color: var(--fc-h3);}
#profile h3 span::before,#profile h3 span::after{position: absolute;top: 50%;content: '';width: 10rem;height: 1px;}
#profile h3 span::after,#profile h3 span::before{background: var(--fc-h3);}
#profarea{padding: 2rem 0; box-sizing: border-box;}

#profile #schedule ul{border:solid 1px var(--bd-dd);}
#profile #schedule li{border-right: solid 1px var(--bd-dd);}
#profile #schedule li:last-child{border-right: none;}
#profile #schedule li .date{background: var(--ttl-other);color: var(--fc-th);border-bottom:solid 1px var(--bd-dd);}
#profile #schedule li .time-pr{background: #000;}
#profile #schedule th,#profile #schedule td{border:solid 1px var(--bd-dd);}
#profile #schedule th{background: var(--ttl-other);color: var(--fc-th)}

#profile .cmbox{background: var(--bg-color);}
#preview .row{border: solid 1px var(--bd-dd);background: var(--bg-color);}
#preview .box h3{color: var(--fc-name);}
#preview .box .rvbox{background: #333;}

th,td{border: solid 1px var(--bd-dd);}
th{background: var(--bg-th); color:var(--fc-th);}
td{background: var(--bg-td);}

.fjbox h3{background: var(--ttl-other); color:var(--fc-h3); border-radius: 10px 10px 0 0;border-bottom: 2px solid;border-image: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1;}
.fjbox tr>*:first-child {background: var(--ttl-other);color:var(--fc-th)}
.fjbox dl dt {background: var(--bg-th); color:var(--fc-th); border-bottom: 1px solid var(--bd-dd);border-right: 1px solid var(--bd-dd);}
.fjbox dl dd {background-color: var(--bg-td); border-bottom: 1px solid var(--bd-dd);}
.w-auto dt{width: 30% !important;}
.w-auto dd{width: 20% !important;}
.itemwrap{background: rgba(0,0,0,.7); padding: 2rem; box-sizing: border-box;}

.fjbox.bgwhite h3{background:linear-gradient(-110deg, #ad46ff, #c540de, #dd3abc, #f6339a); color:#fff; border-radius: 10px 10px 0 0;border-bottom: 2px solid;border-image: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1;}
.fjbox.bgwhite tr>*:first-child {background: var(--ttl-other);color:var(--fc-th)}
.fjbox.bgwhite dl dt {background: linear-gradient(180deg, #FFFFFF , #FFE5E5 25%, #FFCCCC 50%, #FFB3B3 75%, #FF9999 100%); color:#333; border-bottom: 1px solid #b76466;border-right: 1px solid #b76466;}
.fjbox.bgwhite dl dd {background-color: #fff; border-bottom: 1px solid #b76466;}

.bgwhite th,.bgwhite td{border: solid 1px #b76466;}
.bgwhite th{background:linear-gradient(180deg, #FFFFFF , #FFE5E5 25%, #FFCCCC 50%, #FFB3B3 75%, #FF9999 100%); color:#333;}
.bgwhite td{background: #fff;}

.bgwhite dd a,.bgwhite td a{color: #333;}
.fjbox.bgwhite dl dd li{line-height: 3.2rem; list-style: square; margin-left: 1rem;}
.fjbox.bgwhite dl dd ul br{display: none;}

.prbox{margin-bottom: 3rem;position: relative;}
.prbox h3{background: var(--ttl-other); color:var(--fc-h3); border-radius: 10px 10px 0 0;border-bottom: 2px solid;border-image: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1;padding: 1.5rem 2rem; margin-bottom: 1rem; box-sizing: border-box; font-size: 1.8rem;}
.prbox.d-flex{flex-direction: column;}
.prbox .imgwrap{width: 100%; position: relative;}
.prbox .imgwrap img{width: 100%; border-radius: 20px 20px 0 0;}
.prbox .imgwrap .innerbx{position: absolute; bottom: 0; left: 50%; transform: translate(-50%,-0%);background: rgba(0,0,0,.7); padding: 2rem; width: 80%; line-height: 3; text-align: center;border-radius: 20px 20px 0 0;}
.prbox .prices{background: rgba(0,0,0,.7); padding: 2rem; box-sizing: border-box; flex: 1;}
.prbox.vl-flex{width: 49%;}
.prbox .subbox span{margin-left: .5rem; font-size: 2rem;}
.prbox .prices ul{display: flex; flex-direction: column; margin-bottom: 1rem;border: solid 1px #999;}
.prbox .prices ul.w-50{flex-direction: row; flex-wrap: wrap;}
.prbox .prices ul.w-50 li{width: 50%;}
.prbox .prices li{ display: flex; margin-bottom: 0rem; box-sizing: border-box;border-bottom: solid 1px #999;}
.prbox .prices li:last-child{margin-bottom: 0;}
.prbox .prices li .cname,.prbox .prices li .cprice{box-sizing: border-box; padding: 2rem 2rem;}
.prbox .prices li .cname{background: var(--ttl-other) !important; width: 50%; border-right: solid 1px #999; box-sizing: border-box;}
.prbox .prices .c-00 li .cname{background: linear-gradient(0deg, rgb(71, 4, 113), 30%, rgb(1, 1, 1.1));}
.prbox .prices .c-01 li .cname{background: linear-gradient(0deg, rgb(209, 64, 1), 30%, rgb(1, 1, 1.1));}
.prbox .prices .c-02 li .cname{background: linear-gradient(0deg, rgb(203, 42, 42), 20%, rgb(1, 1, 1.1));}
.prbox .prices li .cprice{background: #000;flex: 1; text-align: right;}
.prbox .prices li:nth-of-type(odd) .cprice{border-right: solid 1px #999; box-sizing: border-box;}

@media (max-width: 480px) {
header.top .inner h1{color: #fff;}
header .inner{border-bottom: 1px solid;border-image: linear-gradient(90deg, #B67B03 0%, #FEE9A0 50%, #B67B03 100%); border-image-slice: 1;background:rgba(0,0,0,.7); background-size: cover;background-position: center;padding: .5rem 0;box-sizing: border-box;}
header .inner .logo{width: 200px;}
header h1 span{text-align: center; font-size: 2.4rem;}
header h1 span.sub{display: block; margin-top: 0rem; padding: .2rem 2rem 0;}
footer .logo{width: 200px; line-height: 0;}
#enter h1{font-weight: 400;margin-bottom: 1rem;}
#enter h1 span{font-size: 3.2rem;}
#enter h1 span.head{font-size: 2rem;}
#enter h1 span.sub{font-size: 2rem;}
#gnav nav li:last-child {border-right: none;}
#gnav nav ul li a {background: var(--ttl-other2);}
h2 span::before, h2 span::after{width: 6rem;}
.discri{width: 90%; margin: .5rem auto 1rem auto;}
#newstopics1 .discri, #pickup .discri, #topnewface .discri{width: 85%;}
.box-full .inner{line-height: 2; font-size: 1.6rem;}
#recruit .pages{padding:0; box-sizing:border-box;}
.prbox .imgwrap{width: 100%; max-height: 450px; overflow: hidden; position: relative;}
.prbox .imgwrap img{width: 100%; border-radius: 20px 20px 0 0;}
.prbox .imgwrap .innerbx{position: unset; bottom: 0; left: 50%; transform: unset;background: rgba(0,0,0,.7); padding: 1rem; width: 100%; line-height: 2; text-align: left;border-radius: 0; box-sizing: border-box;}
.prbox .prices,.itemwrap{padding: .5rem;}
.prbox .prices ul.w-50 li{width: 100%;}
.prbox .prices li .cname, .prbox .prices li .cprice{padding: 1.5rem 1rem;}
.fjbox dl.w-auto dt, .fjbox dl.w-auto dd{width: 100% !important;}
#system .d-flex{flex-direction: column;}
#system .tacenter{text-align: left;}
.prbox.vl-flex{width: 100%;}
.prbox .subbox{padding: 1rem;}
ul.cards.d-flex{flex-direction: row !important;}
ul.cards li{width: 15%;}
.outerbox{padding: 1rem;}
.outerbox .typeicon{width: 100%; margin-right: 0rem; margin-bottom: .5rem;}
.outerbox .inbox{display: flex; flex-direction: column; margin-top: 1rem; align-items: center; background: #333; padding: .5rem .5rem; box-sizing: border-box;}
}