html{font-size: 62.5%;}
body{font-size:1.8rem;font-family: 'Shippori Mincho B1', serif;;font-weight: 400;font-style: normal;;min-width:1080px;background: url(../img/bg.jpg) #ae3125;}
html {visibility: hidden;}
html.wf-active {visibility: visible;animation: fadeIn 1s ease 0s 1 normal;}
.fade{animation: fadeIn 0.5s ease 0.5s 1 normal;}
@keyframes fadeIn { 0% {opacity: 0;background: #ae3125;}100% {opacity: 1;background: #ae3125} }

/*setCss*/
figure{margin: 0;padding: 0;}
img{max-width:100%;}
p{line-height:1.6;word-break: break-all;text-align: justify;}
ul,dl,ol,dd{margin: 0;padding: 0;}
a{text-decoration:none;color:#000;word-break: break-all;text-align: justify;}
a:visited{text-decoration:none;color:#000;}
a:link{color:#000;}
li,dd{list-style-type: none;line-height: 1.6;}
div{box-sizing:border-box;}
.pc{display:block;}
.sp{display:none;}
.inner{width: 1080px;margin: 0 auto;position:relative;height: inherit;}
.shadow{filter: drop-shadow(0 0 5px rgba(0,0,0,1));}
.shadow2{filter: drop-shadow(0 0 5px rgba(86,49,12,1));}
.lity{background: rgba(0,0,0,0.8);;}
.lity-close{top:-100%;}
.lity-close:before{background: url(../img/close.svg)!important;content:"";display:block;width: 35px;height: 35px;    right: 1em;position: fixed;top: 1em;}

/*Sites*/

article{min-width:1200px;    position: relative;}

header.index {position:absolute;width: 100%;max-width:1600px;min-width:1200px;z-index: 1;left:0;right:0;margin: auto;}
header.index nav{text-align: right;display: block;}
header.index h1{position:absolute;right:0;top:-10px;width: 500px;margin-left: auto;margin-bottom: 0;margin-top: 0;}
header.index h1 a{display:block;}
header.index nav dl{font-family:'Cinzel', serif;position:absolute;right:0.5em;top:320px;font-size:4rem;display:inherit;}
header.index nav dl dd{margin: auto;line-height: 1}
header.index nav dl dd a{color:#fff;text-shadow: 0 0 5px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21;}
header.index nav dl dd a {height: 0.9em;display:inline-block;position:relative;padding: 0 .3em;background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 50%);background-position: 0 0;background-size: 200% auto;transition: .2s;}
header.index nav dl dd a:hover {line-height:1;background-position: 100% 0;color: #fff;text-shadow: none;z-index: 1;}
header.index nav dl dd a:not([href]) {opacity:0.3;pointer-events: none;}

header.pages {position:relative;width: 100%;max-width:980px;min-width:980px;z-index: 1;left:0;right:0;margin: auto;}
header.pages nav{text-align: center;display: block;margin-top: -1em;margin-bottom: 3em;;}
header.pages h1{position:relative;right:0;top:5px;width: 200px;margin-left: auto;margin-bottom: 0;margin-top: 0;margin-right: auto;}
header.pages h1 a{display:block;}
header.pages nav dl{font-family:'Cinzel', serif;position:relative;right:auto;top:auto;font-size:1.8rem;display:flex;}
header.pages nav dl dd{margin: auto;line-height: 1}
header.pages nav dl dd a{color:#fff;text-shadow: 0 0 5px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21;}
header.pages nav dl dd a {height: 0.9em;display:inline-block;position:relative;padding: 0 ;background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 50%);background-position: 0 0;background-size: 200% auto;transition: .2s;}
header.pages nav dl dd a:hover {line-height:1;background-position: 100% 0;color: #fff;text-shadow: none;z-index: 1;}
header.pages nav dl dd a:not([href]) {opacity:0.3;pointer-events: none;}

footer{background: #000;color:#fff;padding: 5em 1em;text-align:center;font-size:1.2rem;;}
#page-top{position:fixed;z-index: 2;right:10px;bottom:10px;width: 70px;}
#page-top:hover{cursor:pointer;margin-top: -3px;}
.switch{display:flex;justify-content:space-between;margin-bottom: 2em;}
.switch li{width: 49%;display:block;}
.switch li a{padding: 1em;font-family: 'Cinzel', serif;display:block;text-align:center;color:#fff;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:3px;
	border:1px solid #942911;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;}
.switch li a:not([href]):hover{background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);background-color:#d0451b;}
.switch li a:hover{	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);background-color:#bc3315;}
.switch li.active  a{	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);background-color:#bc3315;}
.switch li a:not([href]) {opacity:0.2;cursor:inherit;}

.wp-pagenavi{display:flex;justify-content: center;margin-top: 2em;}
.wp-pagenavi span,.wp-pagenavi a{background: #fff;padding: 0.5em;width: 2em;height: 2em;display: inline-block;vertical-align: middle;text-align: center;line-height: 0.8;}

.error404 h2{font-size:15rem;margin: 0;text-align:center;}
.error404 h3{font-size:3rem;font-family: 'Cinzel', serif;text-align:center;}
.error404 p{font-size:1.6rem;text-align:center;}

/*INDEX***********************************************************************************************************************************************/
/*TOP_*/
#main_visual{background: url(../img/bgtop.jpg) center bottom #000;background-size:cover ;}
#main_visual .inner{ height: 100vh;width: 100%;overflow:hidden;position: relative;min-width:1200px;max-width: 1600px;margin: 0 auto;}
#main_visual figure{position:relative;}
#main_visual h2{text-align:right;position:absolute;right:1em;width: 500px;top:190px;font-family: 'Shippori Mincho B1', serif;color:#fff;font-size:2rem;z-index:1;}
#main_visual h2 small{background: #000;display: inline-block;}
#main_visual h2 span{font-size:160%;background: #000;display: inline-block;}
#main_visual h3{left:0;z-index:1;height:15em;width:2em;writing-mode: vertical-rl ;position:absolute;color:#fff;font-size: 5rem;top:20px;text-shadow: 0 0 5px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21,0 0 10px #ac2f21;}
#main_visual h3 ruby{position:relative}
_::-webkit-full-page-media, _:future, :root rt{ margin-bottom: .5em;transform: translateX(-0.5em);}

#main_visual .character{top: ; position: relative;margin: 0 auto;}
#main_visual .character figure{position:absolute;}
#main_visual .character .c1{width:900px;min-width:;left: calc(50% - 450px + 350px);top:670px;}
#main_visual .character .c2{width:900px;min-width:;left: calc(50% - 450px - 350px);top:790px;}
#main_visual .character .c3{width:900px;min-width:;left: 0;right:0;margin:auto;top:640px;}
#main_visual .character .c4{width:900px;min-width:;left: calc(50% - 450px - 190px);top:150px;}
#main_visual .character .c5{width:900px;min-width:;left: calc(50% - 450px + 210px);top:0;}
#main_visual .character .c0{width:auto;height:100%;min-width:;top:0;position:relative;margin:0 auto;text-align:center;}
#main_visual .character .c0 img{height:100vh;}

#staffcast{background: url(../img/bgpart01.jpg);position:relative;margin-bottom: 0;filter: drop-shadow(0 0 5px rgba(0,0,0,1));}
#staffcast:before{background: url(../img/mark1.png) repeat-x;content:"";width: 100%;height: 27px;display:block;background-size: 24px;}
#staffcast:after{background: url(../img/mark1.png) repeat-x;content:"";width: 100%;height: 27px;display:block;background-size: 24px;}
#staffcast .inner{padding: 3em 0;}
#staffcast .inner div.movie{margin:3em auto 0;}
#staffcast .inner div ul{list-style-type: none;display:flex;justify-content:center;    flex-wrap: wrap;}
#staffcast .inner div ul li{text-align:center;width: ;padding: 0.5em;width: 31.3%;}
#staffcast .inner div ul li figcaption{font-size:1.6rem;margin-top: 1em;}
#staffcast .inner div ul li img{border-radius:1em;overflow:hidden;display:block;width: 100%;}
#staffcast .inner div ul li a:hover{}

#staffcast  h2.ttl{margin-top:0;font-family: 'Cinzel', serif;text-align: center;font-size: 4rem; text-shadow: 0px 0px 0.15em #000;color: #fff;font-weight:400;}
#staffcast  h2.ttl:before{filter: drop-shadow(0 0 5px rgba(86,49,12,1));transform: rotate(180deg);content: "";display: inline-block;background: url(../img/sword.png) no-repeat;background-size: 100%;width: 3em;height: 0.4em;position: relative;vertical-align: middle;}
#staffcast  h2.ttl:after{filter: drop-shadow(0 0 5px rgba(86,49,12,1));content: "";display: inline-block;background: url(../img/sword.png) no-repeat;background-size: 100%;width: 3em;height: 0.4em;position: relative;vertical-align: middle;}



#top_news{padding: 3em 0;position: relative;}
#top_news .inner{display:flex;justify-content:center;}
#top_news .inner div h2.ttl{font-family: mrs-eaves, serif;font-weight: 400;font-style: normal;font-size: 3rem;text-align: center;border-bottom:1px solid #fff;padding-bottom: 0.5em;}
#top_news .inner div{width: 450px;padding:0 1.5em;color:#fff;font-size:1.4rem;}
#top_news .inner div dl{list-style-type: none;    font: normal normal 14px/1.4 Helvetica,Roboto,"Segoe UI",Calibri,sans-serif;    max-height: 448px;overflow: scroll;}
#top_news .inner div dl dd{border-bottom: 1px solid #ffffff1c;}
#top_news .inner div dl dd:last-child{border-bottom:none;}
#top_news .inner div dl dd a{padding: 0.5em 0; margin: 0 0 0 0;  display: flex;align-items: center;text-decoration:none;color:#fff;}
#top_news .inner div dl dd a:hover{background: rgba(0,0,0,0.2);}
#top_news .inner div dl dd i{width: 32.5%;  font-style: normal;  padding: 0.5em 0 0.5em 0.5em;}
#top_news .inner div dl dd span{width: 67.5%;font-style: normal;padding: 0.5em 0 0.5em 1em;}
#top_news a{color:#fff;text-decoration:underline;}  
.twicon img{    width: 1em;vertical-align: middle;position: relative;top: -4px;margin-left: 0.5em;}
.Twitter_area{background-color:#eeeeee;width:250px;}
.lity-container{max-width: 1180px!important;}
.home #btn{display:none;}

.iziModal{background: none;box-shadow:none;color:#000;}
.iziModal-content{background: url(../img/bgpart01.jpg);}
.iziModal-content{padding: 2em;}
.close{position:fixed;right:0;bottom:-3em;left:0;margin:auto;content:"";display:block;color:#fff;background: url(../img/close.svg)!important;width: 30px;height: 30px;-webkit-background-size: cover;
background-size: cover;}

/*PAGES***********************************************************************************************************************************************/
.pages + #contents{padding-bottom: 2em;}
.pages + #contents section> h2.ttl{    line-height: 1;margin-top:0;font-family: 'Cinzel', serif;text-align: center;font-size: 6rem; text-shadow: 0px 0px 0.15em #000;color: #fff;font-weight:400;}
.pages + #contents section> h2.ttl:before{filter: drop-shadow(0 0 5px rgba(0,0,0,1));transform: rotate(180deg);content: "";display: inline-block;background: url(../img/sword.png) no-repeat;background-size: 100%;width: 3em;height: 0.4em;position: relative;vertical-align: middle;}
.pages + #contents section> h2.ttl:after{filter: drop-shadow(0 0 5px rgba(0,0,0,1));content: "";display: inline-block;background: url(../img/sword.png) no-repeat;background-size: 100%;width: 3em;height: 0.4em;position: relative;vertical-align: middle;}
.pages + #contents .inner{width: 1080px ;margin: 0 auto;background: url(../img/bgpart01.jpg);filter: drop-shadow(0 0 5px rgba(0,0,0,1));padding: 4em;position:relative;}
section#return{text-align:center;padding: 2em;text-decoration:underline;}
section#return a{color:#fff;}

/*NEWS*/
section#news {}
section#news dl{}
section#news dl dd{border-bottom:1px solid #000;margin: 0;position:relative;}
section#news dl dd a{padding: 1em 0;margin: 0 0 0 0;display:block;display:flex;align-items: center;}
section#news dl dd a:hover{background: #a52a1a33;}
section#news dl dd:last-child{border:none;}
section#news dl dd i{width: 20%;font-style:normal;padding: 1em 0 1em 1em;}
section#news dl dd span{width: 80%;padding: 0 3em 0 0;}
section#news dl dd::after{content: ""; display: block;width: 8px; height: 8px;position: absolute; right: 1em;top: calc(50% - 1px);border-top: solid 1px;border-right: solid 1px;transform: rotate(45deg) translateY(-50%); color: inherit;}

/*INTRODUCTION*/
.pages + #contents section#introduction .inner:after{position: absolute;content: "";display: block;background: url(../img/sh1.png) no-repeat right bottom;height: 100%;width: 400px;right: 0;top: 0;background-size: 700px;}
section#introduction{font-size:2rem;}
section#introduction p{position:relative;z-index: 1;}
#post-215:after,#post-253:after{position: absolute;content: "";display: block;background: url(../img/sh1.png) no-repeat right bottom;height: 100%;width: 400px;right: 0;top: 0;background-size: 700px;}

/*ONAIR*/
section#onair .inner h2{text-align:center;color:#aa2f1e;margin-top: 0;margin-bottom: 2em;}
section#onair .inner h2 span{font-size:180%;}
section#onair ol{display:flex;width: 100%;justify-content:space-around;margin-bottom: 2em;;}
section#onair ol li{width: 48%;display:block;}
section#onair ol li a{background: #000;color:#fff;display:block;padding: 0.25em;text-align:center;border-radius:0.25em;padding: 0.5em;}
section#onair ol li a:hover{background: #aa2f1e;}
section#onair h3{font-size:2.6rem;position:relative;display: flex;}
section#onair h3 span{width: 5em;}
section#onair h3:after{border-bottom: 1px solid #000;display: block;content: "";width:  100%;position: absolute;right: 0;position: relative;right: 0;top: -0.5em;}
section#onair div:not(:last-child){margin-bottom: 2em;}
section#onair div > ul li{font-size:2rem;}
section#onair div >p{font-size:2rem;}
section#onair div > ul li span:first-child{width: 20%;display:inline-block;}
section#onair div > ul li span{display: inline-block;vertical-align: top;}
section#onair div > ul li span small{margin-left: 0.5em;}
section#onair div > h4{background: rgba(0,0,0,0.1);padding: 1em;}
section#onair div > dl{display:flex;flex-wrap:wrap;justify-content:space-between;}
section#onair div > dl dt{width: 100%;font-weight:bold;padding: 1em 1em 1em 0;}
section#onair div > dl dd{width: 32%;margin-bottom:1em ;}
section#onair div > dl dd a{padding: 1em 2em 1em 1em;background: rgba(255,255,255,0.4);display: flex;align-items: center;    flex-wrap: wrap;position:relative;}
section#onair div > dl dd a:hover{background:rgba(255,255,255,0.6);transition: 0.25s ;}
section#onair div > dl dd a::after{content: ""; display: block;width: 8px; height: 8px;position: absolute; right: 1em;top: calc(50% - 1px);border-top: solid 1px;border-right: solid 1px;transform: rotate(45deg) translateY(-50%); color: inherit;}
section#onair div > dl::before{content:"";display: block; width:32%;order:1;}


/*CHARACTER*/
.pages + #contents section#character .inner{padding: 0;background: none;}
section#character img{max-width:none;}
section#character ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
section#character ul li{width: 31%;margin-bottom: 2em;color:#fff;}
section#character ul li a{display:block;background: url(../img/bgpart01.jpg);overflow: hidden;text-align: center; max-height: 450px; margin: auto;position: relative;margin-bottom: 1em}
section#character ul li a:not([href]) img{filter: opacity(30%);}
section#character ul li a:hover {transform: scale(1.05);transition-duration: 0.2s;}
section#character ul li a:not([href]):hover{transform: none;}
section#character ul li.will a img{width: 200%;margin-left: -66%;margin-top: -12%; ;}
section#character ul li.brad a img{width: 190%;margin-left: -42%;margin-top: -24%; }
section#character ul li.mary a img{width: 290%;margin-left: -89%; margin-top: -52%;;}
section#character ul li.gas a img{width: 300%;margin-left: -98%; margin-top: -38%; }
section#character ul li.menel a img{width: 190%;margin-left: -42%;margin-top: -24%; }
section#character ul li.gray a img{    width: 340%;margin-left: -109%;margin-top: -13%;}
section#character ul li.stag a img{    width: 240%; margin-left: -76%; margin-top: -27%;}
section#character ul li.by a img{width: 200%; margin-left: -56%; margin-top: 2%;}
section#character ul li.tonio a img{        width: 210%;margin-left: -44%; margin-top: 6%;}
section#character ul li.ray a img{        width: 260%;margin-left: -68%;margin-top: -15%;}
section#character ul li.bag a img{       width: 260%;margin-left: -78%; margin-top: 4%;}
section#character ul li.eth a img{width: 240%; margin-left: -65%; margin-top: 0%;}


.ch_abou .iziModal-content > div{position:relative;}
.iziModal-content > div >div >div.cv{background: rgba(0,0,0,0.1);font-size:1.4rem;padding:1.5em 2em;background:  linear-gradient(45deg,  transparent 1.5em, rgba(0,0,0,0.1) 1.5em),  linear-gradient(0, transparent 0, rgba(0,0,0,0.1) 0),  linear-gradient(225deg, transparent 1.5em, rgba(0,0,0,0.1) 1.5em),
    linear-gradient(0, transparent 0, rgba(0,0,0,0.1) 0);
  background-position: bottom left, top left, top right, bottom right;
  background-size: 50% 50%;
  background-repeat: no-repeat;;}
.iziModal-content > div >div >div.cv h2{font-size:1.8rem;;}
.iziModal-content > div >div >div.cv h2 span{margin-right: 0.5em;color: #fff;display: inline-block;padding: 0.25em 0.5em;font-size: 80%;vertical-align: middle;line-height: 1;top: -0.15em;position: relative;}
#cvc1 .iziModal-content > div >img{position:absolute;width: 300px;bottom:-30%;right:0;}
#cvc1 .iziModal-content > div >div{padding-right: 300px;}
#cvc1 .iziModal-content > div >div >div.cv h2 span{background: #959f5e;}
#cvc2 .iziModal-content > div >img{position:absolute;width: 450px;bottom:0%;right:0;}
#cvc2 .iziModal-content > div >div{padding-right: 400px;}
#cvc2 .iziModal-content > div >div >div.cv h2 span{background: #df6165;}
#cvc3 .iziModal-content > div >img{position:absolute;width: 400px;bottom:-20%;right:0;}
#cvc3 .iziModal-content > div >div{padding-right: 300px;}
#cvc3 .iziModal-content > div >div >div.cv h2 span{background: #b7a35c;}
#cvc4 .iziModal-content > div >img{position:absolute;width: 450px;bottom:-10%;right:0;}
#cvc4 .iziModal-content > div >div{padding-right: 400px;}
#cvc4 .iziModal-content > div >div >div.cv h2 span{background: #679bb4;}
#cvc5 .iziModal-content > div >img{position:absolute;width: 250px;bottom:-25%;right:0;}
#cvc5 .iziModal-content > div >div{padding-right: 300px;}
#cvc5 .iziModal-content > div >div >div.cv h2 span{background: #b39577;}
#cvc6 .iziModal-content > div >img{position:absolute;width: 470px;bottom: -22%; right: -50px;}
#cvc6 .iziModal-content > div >div{padding-right: 300px;}
#cvc6 .iziModal-content > div >div >div.cv h2 span{background: #8c5f56;}
#cvc7 .iziModal-content > div >img{position:absolute;width: 300px;bottom:-40%;right:0;}
#cvc7 .iziModal-content > div >div{padding-right: 300px;}
#cvc7 .iziModal-content > div >div >div.cv h2 span{background: #1e2021;}
#cvc8 .iziModal-content > div >img{position:absolute;width: 400px; bottom: -4%;;right:0;}
#cvc8 .iziModal-content > div >div{padding-right: 300px;}
#cvc8 .iziModal-content > div >div >div.cv h2 span{background: #1e2021;}
#cvc9 .iziModal-content > div >img{position:absolute;width: 300px;bottom:-40%;right:0;}
#cvc9 .iziModal-content > div >div{padding-right: 300px;}
#cvc9 .iziModal-content > div >div >div.cv h2 span{background: #1e2021;}
#cvc10 .iziModal-content > div >img{position:absolute;width: 330px;bottom: -15%;right:0;}
#cvc10 .iziModal-content > div >div{padding-right: 300px;}
#cvc10 .iziModal-content > div >div >div.cv h2 span{background: #1e2021;}
#cvc11 .iziModal-content > div >img{position:absolute;width: 320px;bottom:0%;right:0;}
#cvc11 .iziModal-content > div >div{padding-right: 300px;}
#cvc11 .iziModal-content > div >div >div.cv h2 span{background: #1e2021;}
#cvc12 .iziModal-content > div >img{position:absolute;width: 300px;bottom:-10%;right:0;}
#cvc12 .iziModal-content > div >div{padding-right: 300px;}
#cvc12 .iziModal-content > div >div >div.cv h2 span{background: #1e2021;}


/*STAFF*/
section#staff h3{position:relative;display: flex;font-size:2.6rem;margin-bottom: 1em;}
section#staff h3 span{width: 4em;}
section#staff h3:after{border-bottom: 1px solid #000;display: block;content: "";width: 100%;position: relative;right: 0;top: -0.5em;}
section#staff dl{columns:2;}
section#staff dl dd{font-size:1.6rem;break-inside: avoid-column;margin-bottom: 0.5em;}
section#staff dl dd span{font-size:150%;}
section#staff dl dd img{width:1.5em;}
section#staff dl dd i{display:block;font-style:normal;}
section#staff dl:not(:last-child){margin-bottom: 2em;}

/*BOOKS*/
.pages + #contents section#books .inner{padding: 0;background: none;color:#fff;}
section#books ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
section#books ul li{width: 22%;margin-bottom: 2em;}
section#books ul li a{display:block;}
section#books ul li a:hover{transform: scale(1.05);transition-duration: 0.2s;}
section#books ul::before{content:"";display: block; width:22%;order:1;}
section#books ul::after{content:"";display: block; width:22%;}
section#books h3{font-size:3.6rem;position:relative;display: flex;margin-bottom: 0.5em;}
section#books h3 span{width: 4em;}
section#books h3:after{border-bottom: 1px solid #fff;display: block;content: "";width:  100%;position: absolute;right: 0;position: relative;right: 0;top: -0.5em;}
section#books p{margin-bottom: 2em;}

/*MOVIE*/
.pages + #contents section#movie .inner{padding: 0;background: none;color:#fff;}
section#movie ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
section#movie ul li{width: 32%;margin-bottom: 2em;}
section#movie ul li a{display:block;}
section#movie ul li a img{width: 100%;}
section#movie ul li a:hover{transform: scale(1.05);transition-duration: 0.2s;}
section#movie ul::before{content:"";display: block; width:32%;order:1;}
section#movie ul::after{content:"";display: block; width:32%;}

/*PRODUCTS*/
.pages + #contents section#products .inner{padding: 0;background: none;color:#fff;}
section#products #product_cont{display:flex;flex-wrap:wrap;margin-bottom: 2em;background: url(../img/bgpart01.jpg);padding: 2em;color: #000;}
section#products #product_cont:last-child{margin-bottom: 0;}
section#products #product_cont .product_cont_img{width: 30%;margin-bottom: 1em;order:2;}
section#products #product_cont .product_cont_detail{width: 70%;padding-right: 5%;order:1;}
section#products #product_cont .product_cont_detail h2{border:none;font-size:2rem;margin: 0 0 1em 0;}
section#products #product_cont .product_cont_detail h2 span{top: -3px;position: relative;margin-right: 1em;background: #000;color:#fff;padding: 0.5em 1em 0.35em;;border-radius:1em;font-family:sans-serif;font-size:1.3rem;line-height:1;}
section#products #product_cont .product_cont_other{display:flex;width: 100%;margin-bottom: 2em;order:3;}
section#products #product_cont .product_cont_profile{width: 100%;background: rgba(0,0,0,0.1);padding: 3.5%;position:relative;order:4;margin-top: 2em;}
section#products #product_cont .product_cont_profile figure{width: 15%;}
section#products #product_cont .product_cont_profile{display:flex;}
section#products #product_cont .product_cont_profile:after{content:"プロフィール";display:block;position:absolute;left:1em;top:-0.75em;background: #ab2e1f;color:#fff;padding: 0.5em 1em 0.35em;;border-radius:1em;font-family:sans-serif;font-size:1.3rem;line-height:1;}
section#products #product_cont .product_cont_profile >div{padding-left: 3%;width: 85%;}
section#products #product_cont .product_cont_profile >div p{margin: 0 0 1em 0;font-size:1.35rem;}
section#products #product_cont .product_cont_profile >div p:last-child{margin: 0 0 0 0;}

/*novelty*/
.pages + #contents section#novelty .inner{padding: 0;background: none;color:#fff;}
section#novelty .post dl{display:flex;flex-wrap:wrap;justify-content: space-between;}
section#novelty .post dl dd{width: 31.33%;margin-bottom: 2em;}
section#novelty .post dl dd figure{list-style-type:none;width: 100%;height: auto;position: relative;background: #fff;}
section#novelty .post dl dd figure:before {content: "";display: block;padding-top: 100%; }
section#novelty .post dl dd figure span{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;box-sizing: border-box;}
section#novelty .post dl dd figure span:before{content: "";height: 100%;vertical-align: middle;width: 0px;display: inline-block;}
section#novelty .post dl dd figure span > *{vertical-align: middle;display: inline-block;}
section#novelty .post dl dd figure span img{max-width: 100%;height: auto;max-height: 100%;}
section#novelty .post dl dd div{margin:0.5em 0 0.5em 0;}
section#novelty .post dl dd div i{background: #333;color:#fff;padding: 0.25em 0.5em;font-size:1.2rem;font-style:normal;border-radius:0.25em;}
section#novelty .post dl dd div span{font-size:1.4rem;padding: 0.25em 0.5em;}
section#novelty .post dl dd div p{margin:0.5em 0 0 0;}
section#novelty .post dl dd div time{font-size:1.4rem;}
section#novelty .post dl dd a{width: 90%;margin: 0 auto;display:block;color:#fff;text-align:center;    box-shadow: inset 0px 1px 0px 0px #cf866c;font-size:1.4rem;padding: 0.5em 0;background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%); background-color: #d0451b;border-radius: 3px;border: 1px solid #942911;text-decoration: none;    font-family: sans-serif;}
section#novelty .post dl dd a:not([href]){opacity:0.2}
section#novelty .post dl dd a:not([href]):hover{background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);background-color:#d0451b;}
section#novelty .post dl dd a:hover{	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);background-color:#bc3315;}

/*storys & story */
.pages + #contents section#story .inner{padding: 0;background: none;color:#fff;}
.pages + #contents section#storys .inner{padding: 0;background: none;color:#fff;}
section#storys ul.switch,
section#story ul.switch{flex-wrap:wrap;justify-content:center;}
section#storys ul.switch li,
section#story ul.switch li{width: 18%;margin:0 1% 1em;}
section#storys #story_cont{margin-bottom: 1em;color: #000;}
section#storys #story_cont.slider ul{}
section#storys #story_cont.slider ul li figure{width: 100%;}
section#storys #story_cont.slider ul li figure img{width: 100%;}
.pages + #contents section#story .post{margin-bottom: 1em;}

/*SPECIAL*/
.pages + #contents section#special .inner{padding: 0;background: none;color:#fff;}
section#special ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
section#special ul li{width: 32%;margin-bottom: 2em;}
section#special ul li a{display:block;}
section#special ul li a:hover{transform: scale(1.05);transition-duration: 0.2s;}
section#special ul::before{content:"";display: block; width:32%;order:1;}
section#special ul::after{content:"";display: block; width:32%;}

/*POST*/
section:not(#news,#products) div.post{color:#000;margin: 0 auto;background: url(../img/bgpart01.jpg);/*filter: drop-shadow(0 0 5px rgba(0,0,0,1));*/padding: 4em;position: relative;}
section div.post img{max-width: 100%;}
section div.post h2{font-size:2.6rem;border-top: 1px solid #000;border-bottom: 1px solid #000; padding: 0.25em;margin: 0.75em 0;}
section div.post p{font-size:1.6rem;}
section div.post td,section div.post th{font-size:1.6rem;text-align:left;}
section div.post th{border-right:1px solid #000;padding-right: 1em;}
section div.post a{text-decoration:underline;}
section div.post a:hover{text-decoration:none;}
section div.post h1{padding-bottom: 0.5em;margin: 0}
section div.post .tlink{text-align:right;display: inherit;position:relative;padding-right: 1.5em;}
section div.post .tlink:after{content: "";display: block;width: 8px;height: 8px;position: absolute;right: 1em;top: calc(50% - 1px);border-top: solid 1px;border-right: solid 1px;transform: rotate(45deg) translateY(-50%);color: inherit;}
section div.post .post_thumb{width: 80%;margin:0 auto 3em;}

/*slick*/
#story_nav .slick-slide{}
#story_nav .slick-slide figure{}
#story_nav .slick-slide figure img{opacity:0.4;}
#story_nav .slick-slide figure img:hover{opacity:1;cursor: pointer;}
#story_nav .slick-current figure img{opacity:1;}
#story_nav .slick-active{}
#story_nav .slick-initialized .slick-slide{padding: 2px;}


/*******************************
 * *************************************************************************************************************/
/********************************************************************************************************************************************/
/*smp*/
/********************************************************************************************************************************************/
/********************************************************************************************************************************************/
@media screen and (max-width: 900px){
body{min-width:auto;}
.inner{width: 100%;}
.pc{display:none;}
.sp{display:block;}
.lity-close:before{ right: 0.5em;top: 0.5em;}
.lity{background: rgba(0,0,0,0.9);;}
header,article{min-width:100%;}


/***/
#nav-toggle {position: fixed;top: 25px;right: 25px;height: 32px;cursor: pointer;z-index: 1}
#nav-toggle > div {position: relative;width: 36px;}
#nav-toggle span {width: 100%;height: 1px;left: 0;display: block;background: #333;position: absolute;transition: top .5s ease, -webkit-transform .6s ease-in-out;transition: transform .6s ease-in-out, top .5s ease;transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 14px;}
#nav-toggle span:nth-child(3) {top: 28px;}
#nav-toggle:hover span:nth-child(1) {top: 4px;}
#nav-toggle:hover span:nth-child(3) {top: 23px;}

#gloval-nav {background: #000;color: #fff;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 990;text-align: center;display: flex;visibility: hidden;flex-direction: column;justify-content: center;align-items: center;font-size: 29px;opacity: 0;transition: opacity .6s ease, visibility .6s ease;}

#gloval-nav dd{opacity:0;}
.open #gloval-nav {z-index: 11;background: #000;color: #fff;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;text-align: center;display: flex;visibility: hidden;flex-direction: column;justify-content: center;align-items: center;opacity: 0;transition: opacity .3s ease, visibility .3s ease;}
.open #gloval-nav a {height: auto;display: block;color: #fff;text-decoration: none;padding: 10px 0;transition: color .6s ease;}
.open #gloval-nav a:hover {color: #666;}
.open #gloval-nav dl {position: relative;list-style: none;left:0;margin:auto;    font-size: 2rem;right:0;top:5vw;}
.open #gloval-nav dl dd {margin: 0;opacity:1;transform: translatey(-20px);transition: opacity .2s ease, -webkit-transform .6s ease;transition: transform .6s ease, opacity .2s ease;transition: transform .6s ease, opacity .2s ease, -webkit-transform .6s ease;}
.open #gloval-nav dl dd:first-child a{height: auto;margin: 0 auto;width: 50vw;}
.open #gloval-nav dl dd:nth-child(2) {transition-delay: .1s;}
.open #gloval-nav dl dd:nth-child(3) {transition-delay: .2s;}
.open #gloval-nav dl dd:nth-child(4) {transition-delay: .3s;}
.open #gloval-nav dl dd:nth-child(5) {transition-delay: .4s;}
.open #gloval-nav dl dd:nth-child(6) {transition-delay: .5s;}
.open #gloval-nav dl dd:nth-child(7) {transition-delay: .6s;}
.open #gloval-nav dl dd:nth-child(8) {transition-delay: .7s;}
.open #gloval-nav dl dd:nth-child(9) {transition-delay: .8s;}
.open #gloval-nav dl dd:nth-child(10) {transition-delay: .9s;}

.open #nav-toggle{z-index:11;}
.open #nav-toggle span {background: #fff;}
.open #nav-toggle span:nth-child(1) {top: 15px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.open #nav-toggle span:nth-child(2) {top: 15px;width: 0;left: 50%;}
.open #nav-toggle span:nth-child(3) {top: 15px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

/* open */
.open {overflow: hidden;}
.open #gloval-nav {visibility: visible;opacity: 1;margin:0;}
.open #gloval-nav li {opacity: 1;-webkit-transform: translateX(0); transform: translateX(0);transition: opacity .9s ease, -webkit-transform 0.3s ease;transition: transform 0.3s ease, opacity .9s ease;transition: transform 0.3s ease, opacity .9s ease, -webkit-transform 0.3s ease;}


/* ヘッダ */
header.index{height: 100vh;position:absolute;z-index: 2;min-width:100%;}
header.index h1{width: 65%;top:5vw;bottom:auto;left:0;right:0;margin: auto;;}
header.index nav dl{display:block;}

header.pages{height: 20vw;position:relative;z-index: 2;min-width:100%;}
header.pages h1{width: 65%;top:1vw;bottom:auto;left:0;right:0;margin: auto;;}
header.pages nav dl{display:block;}

/* メインビジュアル */
#main_visual{}
#main_visual .inner{min-width:100%;height:auto;}
#main_visual h1{z-index:1;width: 65%;position:absolute;bottom:32vw;right:0;left:0;margin:auto;}
#main_visual h2{z-index:1;width: 90%;white-space: nowrap;bottom:26vw;top:auto;font-size: 4vw;text-align:center}
#main_visual h3{z-index:1;font-size:5vw; width: auto;writing-mode: initial;height: auto;    margin: auto;top:auto;bottom:6vw;right:0;left:0;font-size: 8vw; text-align: center;}
#main_visual h3 ruby{position:relative}
_::-webkit-full-page-media, _:future, :root h3{line-height: 0.9em;}
_::-webkit-full-page-media, _:future, :root rt{ margin-bottom: .5em;transform: translateY(0.8em);}

#main_visual .character{top:0;}
#main_visual .character .c1{width: 130vw;top: 70vw;right: -55vw;left: auto;}
#main_visual .character .c2{width: 150vw;width: 150vw; top: 88vw; left: -54vw;}
#main_visual .character .c3{width: 110vw;top:50vw;left:0;}
#main_visual .character .c4{width: 145vw;width: 145vw; top: -15vw; left: -42vw;}
#main_visual .character .c5{width: 130vw;top: -30vw;right: -55vw;left: auto;}

#main_visual .character .c0{width:100%;height:auto;min-width:;top:0;position:relative;margin:0 auto;text-align:center;}
#main_visual .character .c0 img{height:auto;}


#staffcast h2.ttl{font-size:2.7rem;}
#staffcast .inner div.movie{margin-top: 1em;}
#staffcast .inner div ul li{width: 90%;}
#staffcast .inner div ul li:nth-child(n + 2) {display:none;}

/**/
#top_news .inner{flex-wrap:wrap;}
#top_news .inner div{width: 100%;}

@media (orientation: landscape){#main_visual,#main_visual .inner{height: 1600px;}
}


/*PAGES***********************************************************************************************************************************************/
header.pages h1{width:45vw;}
.pages + #contents .inner{width: 90%;padding: 5vw;}
.pages + #contents section> h2.ttl{font-size:2.7rem;position:relative;z-index: 3;}
.open .pages + #contents section> h2.ttl{z-index: 0;}
.pages + #contents section> h2.ttl:before,
.pages + #contents section> h2.ttl:after{width: 2em;}
section {font-size:1.4rem;}


/*NEWS*/
section#news dl dd a{display:block;}
section#news dl dd a i{display:inline-block;width: auto;padding: 0;background: #000;color:#fff;padding: 0 0.5em;margin-bottom: 0.5em;}
section#news dl dd a span{display:block;}

/*NEWS*/
section#introduction {font-size:1.4rem;}
section#introduction p{}
.pages + #contents section#introduction .inner:after{background-size: 100%;    width: 400px;opacity: 0.4;}
#post-215:after,#post-253:after{background-size: 100%;    width: 400px;opacity: 0.4;}


/*ONAIR*/
section#onair .inner h2{}
section#onair h3{font-size: 2rem;}
section#onair h3 span{width: 6em;}
section#onair div > ul li{font-size:1.4rem;}
section#onair div >p{font-size:1.4rem;}
section#onair div > dl dd{width: 100%;}

/*CHARACTER*/
section#character ul li{width: 48%;display:block;position: relative;}
section#character ul li a{max-height: 450px;height: 50vw;position: relative;overflow:hidden;display:block;}
section#character ul li.will a img{width: 150%;margin-left: -39%;margin-top: -12%; }
section#character ul li.brad a img{width: 170%;margin-left: -37%;margin-top: -30%;}
section#character ul li.mary a img{width: 270%;margin-left: -80%; margin-top: -52%;}
section#character ul li.gas a img{width: 270%;margin-left: -85%; margin-top: -50%; }
section#character ul li.menel a img{width: 150%;margin-left: -22%;margin-top: -24%;}
section#character ul li.gray a img{width: 310%;margin-left: -97%;margin-top: -13%;}
section#character ul li.stag a img{width: 150%;margin-left: -22%;margin-top: -24%;}
section#character ul li:empty{display:none;}

.ch_about {    width: 90vw;}
.close{bottom:auto;top:9.5vw;right:4.5vw;left:auto;z-index:1002!important;}
.iziModal-navigate-prev{left:65vw}
.iziModal-navigate-next{right:65vw}
.iziModal-navigate>button{opacity:1;width: 40px;}
.iziModal-navigate{z-index:1001!important;}
.iziModal-content > div >div{padding-right: 0!important;order: 2;width: 100%;}
.iziModal-content > div >div p{font-size: 1.4rem;}
.iziModal-content{margin-bottom: 5vw;margin-top: 5vw;padding: 6vw!important;}
.iziModal-content > div{position: relative;display: flex;flex-wrap: wrap;}

#cvc1 .iziModal-content > div >img{position: relative; width: 70%;margin:0 auto; bottom: auto;right: auto; order: 1;filter: drop-shadow(0 0 5px rgba(86,49,12,0.8));}
#cvc2 .iziModal-content > div >img{position: relative; width: 100%; bottom: auto;right: auto; order: 1;filter: drop-shadow(0 0 5px rgba(86,49,12,0.8));}
#cvc3 .iziModal-content > div >img{position: relative; width: 100%; bottom: auto;right: auto; order: 1;filter: drop-shadow(0 0 5px rgba(86,49,12,0.8));}
#cvc4 .iziModal-content > div >img{position: relative; width: 90%;margin:0 auto; bottom: auto;right: auto; order: 1;filter: drop-shadow(0 0 5px rgba(86,49,12,0.8));}
#cvc5 .iziModal-content > div >img{position: relative; width: 60%;margin:0 auto; bottom: auto;right: auto; order: 1;filter: drop-shadow(0 0 5px rgba(86,49,12,0.8));}
#cvc6 .iziModal-content > div >img{position: relative; width: 100%;margin:0 auto; bottom: auto;right: auto; order: 1;filter: drop-shadow(0 0 5px rgba(86,49,12,0.8));}
#cvc7 .iziModal-content > div >img{position: relative; width: 60%;margin:0 auto; bottom: auto;right: auto; order: 1;filter: drop-shadow(0 0 5px rgba(86,49,12,0.8));}
#cvc8 .iziModal-content > div >img{position: relative; width: 100%;margin:0 auto; bottom: auto;right: auto; order: 1;filter: drop-shadow(0 0 5px rgba(86,49,12,0.8));}
#cvc9 .iziModal-content > div >img{position: relative; width: 60%;margin:0 auto; bottom: auto;right: auto; order: 1;filter: drop-shadow(0 0 5px rgba(86,49,12,0.8));}

/*STAFF*/
section#staff dl{columns:1;}
section#staff dl dd{font-size:1.4rem;}
section#staff dl dd span{font-size:140%}

/*BOOKS*/
section#books ul li{width: 32%;margin-bottom: 2em;}
section#books ul::before{width:32%;}
section#books ul::after{width:32%;}

/*MOVIE*/
section#movie ul li{width: 48%;margin-bottom: 2em;}

/*SPECIAL*/
section#special ul li{width: 48%;margin-bottom: 2em;}

/*products*/
section#products #product_cont .product_cont_img{width: 100%;order:1;}
section#products #product_cont .product_cont_detail{width: 100%;}
section#products #product_cont .product_cont_profile{flex-wrap:wrap;padding: 2em;}
section#products #product_cont .product_cont_profile figure{width: 50%;margin:0 auto 1em;}
section#products #product_cont .product_cont_profile >div{padding-left: 0;width: 100%;}
section#products #product_cont .product_cont_profile >div p{font-size:1rem;}
section#novelty .post dl dd{width: 48%;}
section#novelty .post dl dd div i{display:inline-block;}
section#novelty .post dl dd div span{display:block;padding:0.25em 0;}

.error404 .inner{margin: 5em auto 0!important;}
.error404 h2{font-size:12rem;margin: 0;text-align:center;}
.error404 h3{font-size:3rem;font-family: 'Cinzel', serif;text-align:center;}
.error404 p{font-size:1.6rem;text-align:center;}

/*POST*/

section:not(#news,#products) div.post{position: relative;padding: 5vw;}
section#products div.post{padding: 0;}
section div.post{width: 100%;padding: 5vw;}
section div.post p{font-size:1.4rem;}
section div.post td,section div.post th{font-size:1.4rem;text-align:left;display:block;border:none;}
section div.post h1{font-size:2.2rem;word-break: break-all;text-align: justify;}
section div.post h2{font-size:1.8rem;word-break: break-all;text-align: justify;}
section div.post .post_thumb{width: 100%;margin:0 auto 2em;}

/*story*/
section#storys #story_cont{margin-bottom:0.5em;}
section div.post h1{padding:0.5em 0 1em 0}
section#storys ul.switch li {width: 31.33%;    font-size: 2vw;;}

/*slick*/

#story_nav .slick-track{display: flex;flex-wrap: wrap;justify-content:space-between;transform:none!important;}
#story_nav .slick-initialized .slick-slide{width: 32.3%!important;}
.slick-track:before, .slick-track:after{display:none;}