icon{display:inline-block;width:1em;height:1em;background:url(/wp-content/themes/vambuk/images/icon-tel.png) center center no-repeat;background-size:contain;    margin: 0 0.3em -0.2em;}
.linkbtn {
    background: #314466;
    border-radius: 0.5em;
    padding: 0.5em 2em;
    color: #fff;
    text-shadow: 0 0 0.5em #092e39;
    display: inline-block;
    font-size: 0.7em;
    margin: 0.05em 0;transition:all1.8s;
}
.linkbtn:hover {opacity:0.6;}
.lity-content{    overflow-y: scroll;}
.lity-content > dl{    background: rgba(0, 0, 0, 0.533);
    color: rgb(255, 255, 255);
    display: flex;
    flex-wrap: wrap;
    max-width: 960px;}
.lity-content > dl dt{font-size: 1.8em;line-height: 1.5em;text-align: center;padding: 0.5em;width:100%;}
.lity-content > dl dt > span:first-of-type{display:none;}
.lity-content > dl dd.release{order: 1;width: 100%;text-align: center; padding-bottom: 1em;}
.lity-content > dl dd.thumbnail{order: 2;padding: 0.5em;max-width: 50%;}
.lity-content > dl dd.thumbnail img{width:100%;}
.lity-content > dl dd.content{order: 3;padding: 0.5em;flex: 1 1 0;}
.lity-content > dl dd.hp{order: 4;width: 100%;text-align: center;padding: 1em;}
.lity-content > dl dd.hp a{    width: 30%;}
.lity-content > dl dd.pv{order: 5;width: 100%;}
.lity-content > dl dd.pv iframe{margin: 1em auto;max-width:100%;}
@media(max-width:480px){
.lity-content > dl{display:block;}
.lity-content > dl dd.thumbnail{max-width:100%;}
}

body{background-color:#f6f6f6;}
#loading{background:#f6f6f6;
    box-shadow: 0em 0em 6em #0011 inset, 0em 0em 12em #0001 inset;}
#loading div{left: unset;}
#wrapper{position: relative;display: flex;flex-direction: column;flex-wrap: wrap;min-height: 100vh;overflow: hidden;font-family: メイリオ,meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,sans-serif;color:rgb(40,26,57);}
#wrapper > *{width:100%;transform: translate3d(0,0,0);}
#wrapper > .delayb {top: 0;bottom: 0;left: 0;right: 0;background: url(/wp-content/themes/vambuk/images/bg.jpg?v=1) center bottom;background-size: cover!important;position: fixed;}
#wrapper > .delaybg {top: 0;bottom: auto;left: 0;right: 0;background: url(/wp-content/themes/vambuk/images/bg.jpg?v=1) center bottom;background-size: cover!important;position: fixed;height: calc(120vh + 2em);}
header#header {overflow: visible;position: fixed;z-index: 10;transition: all 2s;    padding: 0.5em 1.5em;background: #f6f6f6;margin-bottom: 1.5em;border-bottom:4px solid #949494;}
header#header > h1{    position: absolute;
    top: 7px;
    bottom: 7px;
    margin: 0;
    display: flex;
    align-items: center;
    left: 0.51em;
    width: auto;
    max-height: 100%;
    height: 77%;}
header#header > h1 a{height: 100%;}
header#header > h1 img{max-width: 100%;height: 100%; width: unset; max-height: 100%;}
header#header > nav{flex:1 1 auto;}
header#header > nav ul{display:flex;justify-content:center;}
header#header > nav ul li{}
header#header > nav ul li a{font-size: 1em;
    display: block;
    color: #3e4668;
    padding: 0.2em 1em;
    font-weight: normal;
    font-family: vdl-logojrblack,toppan-bunkyu-midashi-go-std, sans-serif;
}
header#header > nav ul li.sns a    {transform: none;
    filter: drop-shadow(0px 0px 1px #000)drop-shadow(0px 0px 0px #000)drop-shadow(0px 0px 0px #000)drop-shadow(0px 0px 0px #000)drop-shadow(0px 0px 0px #000)drop-shadow(0px 0px 0px #000)drop-shadow(0px 0px 0px #000)drop-shadow(0px 0px 0.5px #000);}
header#header > nav ul li.r-side{position: absolute;    right: 0;width: 14em;text-align: left;}
header#header > nav ul li.r-side.tel{top:0;}
header#header > nav ul li.r-side.tel icon{background:url(/wp-content/themes/vambuk/images/icon-tel.png) center center no-repeat;background-size:contain;}
header#header > nav ul li.r-side.mail{bottom:0;}
header#header > nav ul li.r-side.mail icon{background:url(/wp-content/themes/vambuk/images/icon-mail.png) center center no-repeat;background-size:contain;}
header#header > nav ul li.r-side a{font-weight: 900;}
header#header > nav ul li a img{width: 1.2em;}
header#header > #menu-button{}
section {border:none;}
section > *{position:relative;}
section::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: 0;
    position: absolute;
left:0;right:0;top:0;bottom:0;
}
section > .content{font-size: 1.5em;padding: 0em;background:#fff3;width:100%;}
section > .content > h2{font-size: 3em;text-align: left;}
section > .content > p{text-align:center;/*font-size:1.5em;*/line-height:1.8em;}
section > .content > p strong{font-size:1.15em;}
section > .content > p strong span{font-size:0.7em;}

.pv{text-align:center;padding: 0;}
.pv img{width:480px;max-width:80%;    border: 5px solid;transition:all 1.8s;}
.pv a{display: inline-block;position: relative;width:49%;}
.pv a::after {
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: url(/wp-content/themes/vambuk/images/play.png) center center no-repeat;
    background-size: 20%;
}

section#introduction{background: #00835b9c;}
section#introduction h2{color:#00835b;}
section#introduction h3{margin: 0 0 1em;    font-size: 1.5em;color: #ffffc6;}
section#introduction h3 span{display:inline-block;}
section#introduction::before{background:none;}
section#introduction .content p{line-height:1.7em;}

section#story{background:#0017ffcc; }
section#story::before{background: url(/images/sites/vcinext-donzenkai/ami-y.png) center bottom repeat-x;opacity: 0.5;    background-size: 100% auto;}
section#story h2{color:#0014db;}
section#story .content p{line-height:1.7em;}
section#cast{/*background-image:url(/images/sites//.jpg);*/}
section#staff{background: #081118;}

section#caststaff{background: #b3478c;}
section#caststaff::before{background: url(/images/sites/vcinext-donzenkai/ami-y.png) center bottom repeat-x;opacity: 0.5;    background-size: 100% auto;}
section#caststaff::after{content: "";
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;background: url(/images/sites/vcinext-donzenkai/ami-y.png) center bottom repeat-x;opacity: 0.5;    background-size: 100% auto;transform:rotate(180deg);}
section#caststaff dl{display:flex;justify-content:center;}
section#caststaff dl dd{margin: 0.4em;
    font-size: 1.5em;
    font-family: toppan-bunkyu-midashi-go-std, sans-serif;
    font-weight: 900;
    color: #000000;
    filter: drop-shadow(0px 0px 1px #fff)drop-shadow(0px 0px 0px #fff)drop-shadow(0px 0px 0px #fff)drop-shadow(0px 0px 0px #fff)drop-shadow(0px 0px 0px #fff)drop-shadow(0px 0px 0px #fff)drop-shadow(0px 0px 0px #fff)drop-shadow(0px 0px 0px #fff);
}
section#caststaff dl dd.voice{    font-size: 1.5em;/*line-height: 2em;*/}
section#caststaff dl dd.voice span{font-size:0.8em;}
section#caststaff dl.voice dd{font-size:1.1em;}
section#caststaff h3{margin: 1em 0 0.5em;}
footer .billing dl {overflow: hidden;text-align: center;margin-bottom: 2px;    font-weight: 900;/*font-family:toppan-bunkyu-midashi-go-std, sans-serif;*/}
.slick-slide img{width:100%;}
/**/
section#cast,section#staff{display:none;}
.slider{margin-bottom:0;}
section#comment {background:none;}
section#comment h3 {filter: drop-shadow(0px 0px 0.5px #000)drop-shadow(0px 0px 0px #000)drop-shadow(0px 0px 0px #000)drop-shadow(0px 0px 0px #000)drop-shadow(0px 0px 0px #000)drop-shadow(0px 0px 0px #000)drop-shadow(0px 0px 0px #000)drop-shadow(0px 0px 0px #000);}
section#comment{background-color:rgba(3, 137, 66, 0.6);}
section#comment::before{    background: url(/images/sites/vcinext-donzenkai/ami.png) top center;opacity: 0.4;}
section#comment h2{color: #35be79;}
section#comment.content{padding: 1em;}
section#comment .pv{text-align:center;padding: 0;}
section#comment .pv img{width:480px;max-width:80%;    border: 5px solid;}
section#comment .pv a{display: inline-block;position: relative;width:49%;}
section#comment .pv a::after {
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: url(/images/play.png) center center no-repeat;
    background-size: 20%;
}
.for-sp{display:none;}
@media(max-width:960px){
.for-sp{display:block;}
.for-pc{display:none;}
.pv a{width:70%;}
header#header{justify-content: center;    min-height: 5em;height:64px;}

header#header > nav ul{position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    left: 100vw;
    z-index: 1000;
    flex-direction: column;
    justify-content: center;
    background: rgba(0,0,0,0.8);transition:all 1s;
}
header#header > nav ul li a{color:#fff;padding: 1em;font-size: 1.5em;}
header#header > nav ul li.r-side{width:auto;text-align:center;position: relative;}
header#header > nav ul li.r-side.tel{margin-top:1em;}
.openmenu header#header > nav ul{left: 0;}
#menu-button {
	display: block;
	float: right;
	z-index: 100;
	line-height: 45px;
	cursor: pointer;
	z-index: 10002;
	position: absolute;
    right: 0;
    padding: 7px 15px 13px 15px;
    top: 10px;
}
.openmenu #menu-button {position: fixed;}
	
#menu-button .bar {
	display: block;
	width: 20px;
	height: 3px;
	background: #000;
	margin: 5px 0 0 0;
	padding: 0;
	opacity: 1;
	
	transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
	-o-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
	-ms-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
	-moz-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);
	-webkit-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1);

}
	
#menu-button .bar:nth-of-type(1) {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

#menu-button .bar:nth-of-type(2) {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

.openmenu #menu-button .bar {
	-ms-transform: rotate(215deg);
	-webkit-transform: rotate(215deg);
	-moz-transform: rotate(215deg);
	transform: rotate(215deg);
}

.openmenu #menu-button .bar:nth-of-type(1) {
	position: absolute;
	top: 62px;
	
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	transform: rotate(225deg);
}

.openmenu #menu-button .bar:nth-of-type(2) {
	position: absolute;
	top: 62px;
	
	-ms-transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	transform: rotate(-225deg);
}

.openmenu #menu-button .bar:nth-of-type(3) {
	opacity: 0;
}

.openmenu #menu-button .bar:nth-of-type(1) {
	position: absolute;
	top: 17px;
	
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	transform: rotate(225deg);
}

.openmenu #menu-button .bar:nth-of-type(2) {
	position: absolute;
	top: 17px;
	
	-ms-transform: rotate(-225deg);
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
section > .content{    font-size: 1em;}
section > .content > p{    padding: 0 0.2em;}
section#caststaff dl dd{margin: 0.3em;
    font-size: 0.9em;
}
section > .content > p{}
}
section#spacer{background:none;flex:1 1 auto;}
section#spacer::before{background:none;}
footer{background:#f6f6f6;color: #3e4668;position: relative;box-shadow: 0 -15em 15em #0001 inset;}
footer .timeline iframe{width:90% !important;}
footer .timeline > div{width: 480px !important;max-width: 100%;margin: 0 auto;}

@media(max-width:1024px){
header#header{transform: none;}
}
@media(max-width:1750px){
header#header{padding:1em 0.5em 1em 0;}
}
@media(max-width:960px){
#loading div {width: 60%;}
section > .content > p{padding: 0em 2em;}
}