body {
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background-color:#000;
	color:#FFF;
	margin:0px;
	overflow-x:hidden;
}

@media (max-width: 480px) {
	.onlypc {
	  display: none; }
	svg .onlypc {
	  display: none; } }
  
@media screen and (min-width: 481px) {
.onlysp {
	display: none; }
svg .onlysp {
	display: none; } }
  

*:focus {
	outline: none;
}

a.nofocus {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
}

.loadingCover {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000;
	z-index:100;
}

.no-webgl .loadingCover,
.no-js .loadingCover {
	pointer-events: none;
	animation:fadeOut 0.5s 1s forwards;
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}



header {
	position: fixed;
	top:0px;
	width:100%;
	z-index:10;
	text-align:center;
}

header .headerBG {
	position: absolute;
	left:0px;
	top:-100%;
	width:100%;
	height:200%;
	background: linear-gradient(rgba(0,0,0,1) 85%,rgba(0,0,0,0));
	opacity:0;
	transition: all 0.5s;
}

header img {
	position: relative;
	width:84%;
	margin-top:15px; 
}

header .subSectionText {
	position: relative;
	font-family: bungee, sans-serif;
	font-style: normal;
	font-weight: 400;
	color:#00ff8a;
	font-size:2.666666666666667vw;
	text-align:right;
	margin-right:5.333333333333333%;
	height:6.933333333333333vw;
	pointer-events: none;
}

header .subSectionText >div {
	position: absolute;
	right:0px;
	top:0px;
	display:none;
}

header .subSectionText >div.alwaysVisible {
	display:block;
}




.mainLogo {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:8;
	display:none;
	flex-direction: column;
    justify-content: center;
	align-items: center;
	pointer-events: none;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	transition-property: transform,opacity;
	visibility: hidden;
}

.mainLogo > div {
	width:89.4%;
	height:100%;
	background-image:url(../img/stand_up_blaze_up.svg);
	background-size:contain;
	background-position:50% 50%;
	background-repeat: no-repeat;
}

.mvBanner {
	position: absolute;
	left:0px;
	bottom:20px;
	width:108px;
	height:63px;
	border:solid 1px #FFF;
	border-left:none;
	z-index:9;
}

/* retina */
@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
	.mvBanner {
		border-width: 0.5px;
	}
}

.mvBanner {
	overflow:hidden;
}

.mvBanner > div > div:first-child {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	background-image:url(../img/mv_banner.jpg);
}

.mvBanner > div > div:nth-child(2) {
	position: absolute;
	right:0px;
	top:0px;
	background-color:#FFF;
	color:#000;
	letter-spacing:0.02em;
	font-family: bungee, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:6.85px;
	padding:0px 3px;
}

.mvBanner > div > div:nth-child(2) > div {
	margin:-4px 0px;
}


.mvBanner > div > div:last-child {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(../img/mv_banner_play_btn.svg);
	background-size:33.5px;
	background-position: center;
	background-repeat: no-repeat;
}

nav {
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	z-index: 5;
}


nav .menuWrap {
	position: absolute;
	bottom:0px;
	background-color:rgba(0,0,0,0.8);
	width:100%;
	transform: translateY(100%);
	transition:all 0.2s ease-in-out;
}

nav .menuWrapOpen {
	transform: translateY(0);
}

nav .navTopBtns {
	position: relative;
	list-style:none;
	padding:0px;
	display:flex;
	justify-content: flex-end;
	align-items: flex-start;
	margin:0px 3.533333333333333vw -0.3125vw;
	padding-top:1.333333333333333vw;
	z-index: 1;
}

nav .navTopBtns li {
	width:7.466666666666667vw;
	height:7.466666666666667vw;
	margin:4vw 2vw;
}

nav .navMenuBtns {
	position: relative;
	list-style:none;
	padding:0px;
	display:flex;
	justify-content: flex-start;
	align-items: flex-end;
	flex-wrap: wrap;
	margin:0px 3.6vw;
	padding-bottom:12.26666666666667vw;

	font-family: bungee, sans-serif;
	font-style: normal;
	font-weight: 400;
	color:#00ff8a;
	font-size:2.133333333333333vw;
	text-align:center;
}

nav .navMenuBtns a {
	color:#00ff8a;
}

nav .navMenuBtns li {
	width:17.86666666666667vw;
	margin:2.4vw 2.666666666666667vw;
}

nav .navMenuBtns li div:first-child {
	width:100%;
	height:6.933333333333333vw;
}

nav .navMenuBtns li div:last-child {
	width:100%;
	text-align:center;
	margin:-5px auto;
	position: relative;
	white-space: nowrap;
}

nav .navMenuBtns li.del {
	opacity:0.5;
}

nav .navMenuBtns li.del div:last-child::after {
	content:'';
	display:block;
	position: absolute;
	left:0px;
	top:46%;
	width:100%;
	height:8%;
	background-color:#00ff8a;
}

nav .navMenuBtns li img {
	width:100%;
}

nav .menuOpenCloseBtn {
	position: absolute;
	right:4.133333333333333vw;
	bottom:4.133333333333333vw;
	width:7.384615384615385vw;
	height:7.384615384615385vw;
	display:none;
}

nav .menuOpenCloseBtn > div {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center;
}

nav .menuOpenBtn {
	background-image:url(../img/menu_btn.svg);
}

nav .menuCloseBtn {
	background-image:url(../img/close_btn.svg);
	display:none;
}

nav #musicBtn {
	display:none;
	cursor:pointer;
}

.newIcon {
	position: relative;
	width:5.333333333333333vw;
	height:2.666666666666667vw;
	top:0px;
}

.subSectionText .newIcon {
	top:0.4vw;
	margin-top: 0px;
}


/* PC */
@media screen and (min-width:481px){

	header {
		text-align:left;
	}

	header .headerBG{
		background:none;
	}
	
	header img {
		position: relative;
		width:21.484375%;
		margin-left:2.65625vw;
		margin-top:2.65625vw; 
	}

	header .subSectionText {
		position: absolute;
		right:0px;
		top:1.25vw;
		font-size:1.5625vw;
		margin-right:2.677083333333333;
		width:100%;
		height:100%;
	}
	
	header .subSectionText >div {
		position: absolute;
		right:0px;
		top:0px;
		display:none;
	}
	
	
	.mainLogo > div {
		position: relative;
		width:67.8125%;
		height:70vh;
		top: 3vw;
	}

	.mvBanner {
		bottom:4.140625vw;
		width:16.875vw;
		height:9.6875vw;
		border-width: 1px;
	}

	.mvBanner > div > div:first-child {
		background-image:url(../img/mv_banner_pc_x1.jpg);
		transition:transform 0.2s ease-out;
	}
	
	.mvBanner > div > div:nth-child(2) {
		font-size:1.09375vw;
		padding:0px 0.390625vw;
	}
	
	.mvBanner > div > div:nth-child(2) > div {
		margin:-0.625vw 0px;
	}
	
	
	.mvBanner > div > div:last-child {
		background-size:5.234375vw;
		transition:transform 0.2s ease-out;
	}

	.mvBanner:hover > div > div:first-child {
		transform:scale(1.1);
	}

	.mvBanner:hover > div > div:last-child {
		transform:scale(1.2);
	}



	nav .navTopBtns {
		position: absolute;
		margin:0px;
		padding-top:0px;
		bottom:2.65625vw;
		right:7.421875vw;
	}
	
	nav .navTopBtns li {
		width:2.8125vw;
		height:2.8125vw;
		margin:0px 0.78125vw;
	}

	nav .navMenuBtns {
		margin:0px 1.5625vw;
		padding-bottom:5.15729166666667vw;
		font-size:1.09765625vw;
	}
	
	nav .navMenuBtns li {
		width:9.375vw;
		margin:3.90625vw 1.40625vw;
	}
	
	nav .navMenuBtns li div:first-child {
		height:4vw;
	}
	
	nav .navMenuBtns li div:last-child {
		margin:-1vw auto;
	}
	


		
	
	nav .menuOpenCloseBtn {
		right:1.953125vw;
		bottom:1.953125vw;
		width:4.326923076923077vw;
		height:4.326923076923077vw;
		cursor:pointer;
	}
	
	.subSectionText .newIcon {
		top:0.2vw;
	}

	.newIcon {
		width:3.125vw;
		height:1.5625vw;
		top:0.3vw;
	}
	
}

.topDummy {
	position: relative;
	display:none;
	width:100%;
	height:100vh;
}

.mainContainer {
	position: relative;
	width:100%;
	height:100vh;
	overflow:hidden;
}

.canvasWrap {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0;
}

.no-webgl #container {
	display:none;
}

.zoomContainer {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	transform:translate3d(0,0,0) scale(1.9,1.9);
	/*transition:all 0s;*/
}


.mainBG {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(../img/weather/sample-bg2_sp.jpg);
	background-size:contain;
	background-position: center;
	background-color:#080808;
	background-repeat: no-repeat;
	/*transition:all 1s ease-in-out;*/
}

.no-webgl .mainBG ,
.no-js .mainBG {
	background-image:url(../img/weather/sample-bg2_nojs_sp.jpg);
}

.mainBGLight {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.no-webgl .mainBGLight,
.no-js .mainBGLight {
	display:none;
}

.mainBGLight > div{
	position: absolute;
	background-size:100%;
	background-repeat:no-repeat;
}

.mainBGCharacter,
.mainBGCharacterBG1,
.mainBGCharacterBG2 {
	left:40.53691275167785%;
	top:55.45808966861598%;
	width:17.31543624161074%;
	height:27.48538011695906%;
}

.mainBGCharacterBG1 {
	background-image:url(../img/bg_character_back1_sp.png);
}

.mainBGCharacterBG2 {
	background-image:url(../img/bg_character_back2_sp.png);
}

.mainBGCharacter {
	background-image:url(../img/bg_character_sp.png);
}

.mainBGCharacterLight {
	mix-blend-mode: overlay;
	left:39.66442953020134%;
	top:54.53216374269006%;
	width:18.79194630872483%;
	height:19.98050682261209%;
	background-image:url(../img/bg_character_light_sp.png);
}

.mainBGCharacterBG1,
.mainBGCharacterLight {
	animation:lightLoop 2s ease-in-out infinite;
}

@keyframes lightLoop {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}


/*
.mainBGCharacter >div {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-size:100% 100%;
	background-repeat: no-repeat;
	background-image:url(../img/bg_character_screen_sp.png);
}
*/



.mainBGCover {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,4,40,0.5);
	opacity:0;
}

.mainBGBlur {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-size:contain;
	background-position: center;
	background-color:#000;
	/*transition:all 1s ease-in-out;*/
	background-image:url(../img/weather/sample-bg_sp.jpg);
	opacity:0;
}

.drizzle {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.drizzle > div {
	position: absolute;
	transform-origin: center center;
	background-size:contain;
	background-repeat: no-repeat;
	margin-left:-1%;
	margin-top:-1%;
	width: 2%;
	height: 2%;
}

.drizzle > div:nth-child(3n+1) {
	background-image:url(../img/drizzle1.png);
}

.drizzle > div:nth-child(3n+2) {
	background-image:url(../img/drizzle2.png);
}  

.drizzle > div:nth-child(3n) {
	background-image:url(../img/drizzle3.png);
}  

.rainContainer {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	/*opacity:1;*/
}

.rainContainer >div {
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-50vw;
	margin-top:-105.5555555555556vw;
	width:100vw;
	height:211.1111111111111vw;
}

/*.rainContainer >div>div{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.rainContainer >div>div:first-child {
	animation:rain_wrap 1.5s infinite;
	animation-timing-function: step-start;
}

.rainContainer >div>div:nth-child(2) {
	animation:rain_wrap2 2s infinite;
	animation-timing-function: step-start;
}

.rainContainer >div >div >div{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-size:contain;
	background-position:center;
	animation:0.33s infinite;
	animation-timing-function: step-end;
	opacity:0;
}	

.rainContainer >div >div:nth-child(2) >div{ 
	animation-duration: 0.25s;
}

.rainContainer > div >div:first-child >div:nth-child(1) {
	background-image:url(../img/rain/rain_sp__00000.png);
	animation-name:rain_anime1;
}

.rainContainer > div > div:first-child >div:nth-child(2) {
	background-image:url(../img/rain/rain_sp__00001.png);
	animation-name:rain_anime2;
}

.rainContainer > div > div:first-child >div:nth-child(3) {
	background-image:url(../img/rain/rain_sp__00002.png);
	animation-name:rain_anime3;
}

.rainContainer > div > div:first-child >div:nth-child(4) {
	background-image:url(../img/rain/rain_sp__00003.png);
	animation-name:rain_anime4;
}

.rainContainer > div > div:first-child >div:nth-child(5) {
	background-image:url(../img/rain/rain_sp__00004.png);
	animation-name:rain_anime5;
}

.rainContainer > div > div:first-child >div:nth-child(6) {
	background-image:url(../img/rain/rain_sp__00005.png);
	animation-name:rain_anime6;
}

.rainContainer > div > div:first-child >div:nth-child(7) {
	background-image:url(../img/rain/rain_sp__00006.png);
	animation-name:rain_anime7;
}

.rainContainer > div > div:first-child >div:nth-child(8) {
	background-image:url(../img/rain/rain_sp__00007.png);
	animation-name:rain_anime8;
}

.rainContainer > div > div:first-child >div:nth-child(9) {
	background-image:url(../img/rain/rain_sp__00008.png);
	animation-name:rain_anime9;
}

.rainContainer > div > div:first-child >div:nth-child(10) {
	background-image:url(../img/rain/rain_sp__00009.png);
	animation-name:rain_anime10;
}


.rainContainer > div >div:nth-child(2) >div:nth-child(1) {
	background-image:url(../img/hane01_sp.png);
	animation-name:hane_anime1;
}

.rainContainer > div > div:nth-child(2) >div:nth-child(2) {
	background-image:url(../img/hane02_sp.png);
	animation-name:hane_anime2;
}

.rainContainer > div > div:nth-child(2) >div:nth-child(3) {
	background-image:url(../img/hane03_sp.png);
	animation-name:hane_anime3;
}

.rainContainer > div > div:nth-child(2) >div:nth-child(4) {
	background-image:url(../img/hane04_sp.png);
	animation-name:hane_anime4;
}*/


@keyframes rain_wrap {
	0% {
		transform:translate(0,0);
	}
	10% {
		transform:translate(1%,-1%);
	}
	20% {
		transform:translate(-0.5%,0.2%);
	}
	30% {
		transform:translate(0.1%,1%);
	}
	40% {
		transform:translate(1.2%,-0.3%);
	}
	50% {
		transform:translate(0.5%,0.4%);
	}
	60% {
		transform:translate(0.2%,0.1%);
	}
	70% {
		transform:translate(-0.7%,-0.7%);
	}
	80% {
		transform:translate(0.3%,-0.4%);
	}
	90% {
		transform:translate(0.6%,0.5%);
	}
	100% {
		transform:translate(-1.3%,1%);
	}
}

@keyframes rain_wrap2 {
	0% {
		transform:translate(0,0);
		opacity:1;
	}
	10% {
		transform:translate(-0.1%,0);
		opacity:0.8;
	}
	20% {
		transform:translate(-0.05%,0);
		opacity:0.9;
	}
	30% {
		transform:translate(0.01%,0);
		opacity:0.95;
	}
	40% {
		transform:translate(0.12%,0);
		opacity:1;
	}
	50% {
		transform:translate(0.05%,0);
		opacity:0.85;
	}
	60% {
		transform:translate(0.02%,0);
		opacity:0.8;
	}
	70% {
		transform:translate(-0.07%,0);
		opacity:0.9;
	}
	80% {
		transform:translate(0.03%,0);
		opacity:0.8;
	}
	90% {
		transform:translate(0.06%,0);
		opacity:0.95;
	}
	100% {
		transform:translate(-0.13%,0);
		opacity:0.9;
	}
}

@keyframes hane_anime1{
	0%{
	  opacity:0.3;
	}
	25%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

@keyframes hane_anime2{
	0%{
	  opacity:0;
	}
	25%{
		opacity:0.3;
	}
	50% {
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

@keyframes hane_anime3{
	0%{
	  opacity:0;
	}
	50%{
		opacity:0.3;
	}
	75% {
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

@keyframes hane_anime4{
	0%{
	  opacity:0;
	}
	75%{
		opacity:0.3;
	}
	100% {
		opacity:0;
	}
}

@keyframes rain_anime1{
	0%{
	  opacity:1;
	}
	10%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

@keyframes rain_anime2{
	0%{
	  opacity:0;
	}
	10%{
		opacity:1;
	}
	20% {
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

@keyframes rain_anime3{
	0%{
	  opacity:0;
	}
	20%{
		opacity:1;
	}
	30% {
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

@keyframes rain_anime4{
	0%{
	  opacity:0;
	}
	30%{
		opacity:1;
	}
	40% {
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

@keyframes rain_anime5{
	0%{
	  opacity:0;
	}
	40%{
		opacity:1;
	}
	50% {
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

@keyframes rain_anime6{
	0%{
	  opacity:0;
	}
	50%{
		opacity:1;
	}
	60% {
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

@keyframes rain_anime7{
	0%{
	  opacity:0;
	}
	60%{
		opacity:1;
	}
	70% {
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

@keyframes rain_anime8{
	0%{
	  opacity:0;
	}
	70%{
		opacity:1;
	}
	80% {
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

@keyframes rain_anime9{
	0%{
	  opacity:0;
	}
	80%{
		opacity:1;
	}
	90% {
		opacity:0;
	}
	100%{
		opacity:0;
	}
}

@keyframes rain_anime10{
	0%{
	  opacity:0;
	}
	90% {
		opacity:1;
	}
	100%{
		opacity:0;
	}
}





.rain > div {
	background-image:url(../img/rain.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	background-position:center;
}


/* PC */
@media screen and (min-width:481px){

	.zoomContainer {
		transform:translate3d(0,0,0) scale(1.35,1.35);
	}
	
	.mainBG {
		background-image:url(../img/weather/sample-bg2_pc_x1.jpg);
	}

	.no-webgl .mainBG ,
	.no-js .mainBG {
		background-image:url(../img/weather/sample-bg2_pc_x1_nojs.jpg);
	}

	.mainBGBlur {
		background-image:url(../img/weather/sample-bg.jpg);
	}

	.rainContainer >div {
		margin-left:-50vw;
		margin-top:-28.125vw;
		width:100vw;
		height:56.25vw;
	}


	.mainBGCharacter,
	.mainBGCharacterBG1,
	.mainBGCharacterBG2 {
		left:45.26011560693642%;
		top:51.80388529139685%;
		width:8.61271676300578%;
		height:30.1572617946346%;
	}

	.mainBGCharacterBG1 {
		background-image:url(../img/bg_character_back1_pc_x1.png);
	}

	.mainBGCharacterBG2 {
		background-image:url(../img/bg_character_back2_pc_x1.png);		
	}

	.mainBGCharacter {
		background-image:url(../img/bg_character_pc_x1.png);
	}

	.mainBGCharacterLight {
		left:44.88439306358382%;
		top:50.78630897317299%;
		width:9.364161849710983%;
		height:21.92414431082331%;
		background-image:url(../img/bg_character_light_pc_x2.png);
	}	

	
	/*
	.mainBGCharacter >div {
		background-image:url(../img/bg_character_screen_pc_x1.png);
	}
	*/
	
	/*.rainContainer > div >div:first-child >div:nth-child(1) {
		background-image:url(../img/rain/rain_pc_x1__00000.png);
	}
	
	.rainContainer > div > div:first-child >div:nth-child(2) {
		background-image:url(../img/rain/rain_pc_x1__00001.png);
	}
	
	.rainContainer > div > div:first-child >div:nth-child(3) {
		background-image:url(../img/rain/rain_pc_x1__00002.png);
	}
	
	.rainContainer > div > div:first-child >div:nth-child(4) {
		background-image:url(../img/rain/rain_pc_x1__00003.png);
	}

	.rainContainer > div > div:first-child >div:nth-child(5) {
		background-image:url(../img/rain/rain_pc_x1__00004.png);
	}

	.rainContainer > div > div:first-child >div:nth-child(6) {
		background-image:url(../img/rain/rain_pc_x1__00005.png);
	}

	.rainContainer > div > div:first-child >div:nth-child(7) {
		background-image:url(../img/rain/rain_pc_x1__00006.png);
	}

	.rainContainer > div > div:first-child >div:nth-child(8) {
		background-image:url(../img/rain/rain_pc_x1__00007.png);
	}

	.rainContainer > div > div:first-child >div:nth-child(9) {
		background-image:url(../img/rain/rain_pc_x1__00008.png);
	}

	.rainContainer > div > div:first-child >div:nth-child(10) {
		background-image:url(../img/rain/rain_pc_x1__00009.png);
	}


	
	.rainContainer > div >div:nth-child(2) >div:nth-child(1) {
		background-image:url(../img/hane01_pc_x1.png);
	}
	
	.rainContainer > div > div:nth-child(2) >div:nth-child(2) {
		background-image:url(../img/hane02_pc_x1.png);
	}
	
	.rainContainer > div > div:nth-child(2) >div:nth-child(3) {
		background-image:url(../img/hane03_pc_x1.png);
	}
	
	.rainContainer > div > div:nth-child(2) >div:nth-child(4) {
		background-image:url(../img/hane04_pc_x1.png);
	}*/
	
}


.subContainer {
	position: relative;
	width:100%;
	display: flex;
}

.subContainer >div {
	position: relative;
	width:100%;
	min-height:100vh;
	overflow:hidden;
	display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}


.prologue {
	width:100%;
	height:100%;
	margin-top:100px;
	margin-bottom:100px;
}	

.prologueText1 {
	position: relative;
	overflow:hidden;
}

.prologueText1 > div {
	position: relative;
	left:-5.733333333333333%;
	background-size:100%;
	background-repeat: no-repeat;
	margin-bottom:1.5px;
	height:9.733333333333333vw;
}

/*
.prologueText1 > div > img {
	position: absolute;
	width:100%;
	left:0px;
	top:0px;
}
*/

.prologueText1 > div  > div {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-size:100% 100%;
	background-position:center;
	background-repeat: no-repeat;
}

.prologueText1 > div:nth-child(1) {
	width:65.73333333333333vw;
	background-image:url(../img/prologue_bg1.svg);
}

.prologueText1 > div:nth-child(2) {
	width:100.4vw;
	background-image:url(../img/prologue_bg2.svg);
}

.prologueText1 > div:nth-child(3) {
	width:66.26666666666667vw;
	background-image:url(../img/prologue_bg3.svg);
}

.prologueText1 > div:nth-child(4) {
	width:98.4vw;
	background-image:url(../img/prologue_bg4.svg);
}

.prologueText1 > div:nth-child(5) {
	width:82.26666666666667vw;
	background-image:url(../img/prologue_bg5.svg);
}

/*
.prologueText1 > div:nth-child(1) > div:nth-child(2)  > div{
	background-image:url(../img/prologue_text1.svg);
}

.prologueText1 > div:nth-child(2) > div:nth-child(2)  > div{
	background-image:url(../img/prologue_text2.svg);
}

.prologueText1 > div:nth-child(3) > div:nth-child(2)  > div{
	background-image:url(../img/prologue_text3.svg);
}

.prologueText1 > div:nth-child(4) > div:nth-child(2)  > div{
	background-image:url(../img/prologue_text4.svg);
}

.prologueText1 > div:nth-child(5) > div:nth-child(2)  > div{
	background-image:url(../img/prologue_text5.svg);
}*/


.prologueText1 > div:nth-child(1) > div:last-child  {
	background-image:url(../img/prologue_drop1.png);
}

.prologueText1 > div:nth-child(2) > div:last-child  {
	background-image:url(../img/prologue_drop2.png);
}

.prologueText1 > div:nth-child(3) > div:last-child {
	background-image:url(../img/prologue_drop3.png);
}

.prologueText1 > div:nth-child(4) > div:last-child  {
	background-image:url(../img/prologue_drop4.png);
}

.prologueText1 > div:nth-child(5) > div:last-child  {
	background-image:url(../img/prologue_drop5.png);
}


.prologueText2 {
	margin:18px 0px 0px;
}

.prologueText2 >div {
	margin:5px 0px;
	width:100vw;
	height:6.666666666666667vw;
}

.prologueText2 >div >img {
	width:100%;
}


/* PC */
@media screen and (min-width:481px){
	.prologueText1 > div {
		margin-bottom:5px;
	}	

	.prologueText2 {
		margin:40px 0px 0px;
	}
	
	.prologueText2 >div {
		margin:20px 0px;
		height:3.90625vw;
	}

	.prologueText1 > div:nth-child(1) > div:last-child {
		background-image:url(../img/prologue_drop1_pc_x1.png);
	}
	
	.prologueText1 > div:nth-child(2) > div:last-child {
		background-image:url(../img/prologue_drop2_pc_x1.png);
	}
	
	.prologueText1 > div:nth-child(3) > div:last-child {
		background-image:url(../img/prologue_drop3_pc_x1.png);
	}
	
	.prologueText1 > div:nth-child(4) > div:last-child {
		background-image:url(../img/prologue_drop4_pc_x1.png);
	}
	
	.prologueText1 > div:nth-child(5) > div:last-child {
		background-image:url(../img/prologue_drop5_pc_x1.png);
	}
		
}


.musicVideo {
	font-size:60px;
	font-weight:bold;
	width:100%;
	margin-top:100px;
	margin-bottom:100px;
}

.musicVideo ul {
	width:100vw;
	margin:0px;
	list-style:none;
	padding:0;
}

.musicVideo li {
	position: relative;
	width:100vw;
	height:21.33333333333333vw;
	margin:17.06666666666667vw 0px;
}

.musicVideo li a {
    position: relative;
	display: block;
    width: 100%;
	height: 100%;
	overflow:hidden;
}
.musicVideo li a > div {
	position: absolute;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}

/*
.musicVideo li:nth-last-child(1) a > div:nth-child(1) {
	background-image:url(../img/mv_btn_bg_1.jpg);
}
*/

.musicVideo li:nth-last-child(1) a > div:nth-child(1) {
	background-image:url(../img/mv_btn_bg_2.jpg);
}

.musicVideo li:nth-last-child(2) a > div:nth-child(1) {
	background-image:url(../img/mv_btn_bg_3.jpg);
}

.musicVideo li:nth-last-child(3) a > div:nth-child(1) {
	background-image:url(../img/mv_btn_bg_4.jpg);
}

.musicVideo li:nth-last-child(4) a > div:nth-child(1) {
	background-image:url(../img/mv_btn_bg_5.jpg);
}

.musicVideo li:nth-last-child(5) a > div:nth-child(1) {
	background-image:url(../img/mv_btn_bg_6.jpg);
}

.musicVideo li:nth-last-child(6) a > div:nth-child(1) {
	background-image:url(../img/mv_btn_bg_7.jpg);
}

.musicVideo li a > div > div {
	background-image:url(../img/mv_banner_play_btn.svg);
	height:16.93333333333333vw;
	width:16.93333333333333vw;
	background-size:contain;
	background-position:center;
	background-repeat: no-repeat;
}

.musicVideo li .mvTitle {
	/*display:none;*/
	position: absolute;
	bottom:-6.0vw;	
	right:4.933333333333333vw;
	font-family: a-otf-futo-go-b101-pr6n, sans-serif;
	font-style: normal;
	font-weight: 500;
	color:#00ff8a;
	text-align:right;
	font-size:3.466666666666667vw;
	width: 100%;
    white-space: nowrap;
}

/* PC */
@media screen and (min-width:481px){

	.musicVideo li {
		width:100vw;
		height:12.5vw;
		margin:4.921875vw 0px;
	}

	.musicVideo li a > div {
		transition:transform 0.2s ease-out;
	}

	
	/*
	.musicVideo li:nth-last-child(1) a > div:nth-child(1) {
		background-image:url(../img/mv_btn_bg_1_pc_x1.jpg);
	}
	*/

	.musicVideo li:nth-last-child(1) a > div:nth-child(1) {
		background-image:url(../img/mv_btn_bg_2_pc_x1.jpg);
	}

	.musicVideo li:nth-last-child(2) a > div:nth-child(1) {
		background-image:url(../img/mv_btn_bg_3_pc_x1.jpg);
	}

	.musicVideo li:nth-last-child(3) a > div:nth-child(1) {
		background-image:url(../img/mv_btn_bg_4_pc_x1.jpg);
	}

	.musicVideo li:nth-last-child(4) a > div:nth-child(1) {
		background-image:url(../img/mv_btn_bg_5_pc_x1.jpg);
	}

	.musicVideo li:nth-last-child(5) a > div:nth-child(1) {
		background-image:url(../img/mv_btn_bg_6_pc_x1.jpg);
	}

	.musicVideo li:nth-last-child(6) a > div:nth-child(1) {
		background-image:url(../img/mv_btn_bg_7_pc_x1.jpg);
	}

	.musicVideo li a > div > div {
		height:9.921875vw;
		width:9.921875vw;
		transition:transform 0.2s ease-out;
	}

	.musicVideo li a:hover > div {
		transform:scale(1.1);		
	}

	.musicVideo li a:hover > div > div {
		transform:scale(1.05);
	}


	.musicVideo li .mvTitle {
		right:2.65625vw;
		bottom:-2.5vw;	
		font-size:1.25vw;
	}
	






	
}

/* エピソード */
.episode {
	width:100vw;
}

.episode ul {
	margin:0px;
	list-style:none;
	padding:0;
}

.episode li {
	position: relative;
	width:54.26666666666667vw;
	margin: 10vw auto;
}

.episode li.swiper-slide {
	margin:10vw 0px;
}

.episode li.swiper-slide a {
	padding-left:5.8vw;
	padding-right:5.8vw;
}

.episode li a {
    position: relative;
	display: block;
}

.episode li div:first-child {
	position: relative;
	width:100%;
	line-height: 0px;
	z-index:1;
}

.episode li div:first-child img {
	width:100%;
}

.episode li div:last-child {
	position: absolute;
	bottom:0px;
	transform:translateY(100%);
	font-size:2.949333333333333vw;
	color:#00ff8a;
	transition: opacity 0.3s ease-in;
}

.episode li div.clicked {
	animation:fadeOut 0.5s 0s forwards;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
		transform:scale(1);
	}
	45% {
		opacity: 1;
		transform:scale(1.29);
	}
	55% {
		opacity:1;
		transform:scale(1.31);
	}
	100% {
		opacity: 0;
		transform:scale(1.7);
	}
}



.swiper-container-initialized .swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* PC */
@media screen and (min-width:481px){
	
	.episode li {
		width:28.0375vw;
		margin: 10vw auto;
	}

	.episode li.swiper-slide a {
		padding-left:2.3px;
		padding-right:2.3px;
		position: relative;
		width: 80%;
	}
	
		
	.episode li div:last-child {
		font-size:1.25vw;
	}

	.episode li a div:first-child img {
		transition:all 0.5s ease-in-out;
	}

	.episode li a:hover div:first-child img {
		transform:scale(1.05);
	}

	.episode li a div:last-child {
		transition:all 0.5s ease-in-out;		
	}

	.episode li a:hover div:last-child {
		transform:translateY(2.5vw);
	}

}

@media screen\0 {
	.episode li a:hover div:last-child {
	  transform:translateY(2.5%);
	}
}

/* 朗読劇 */
/* エピソード */
.reading {
	width:100vw;
}

.reading ul {
	margin:0px;
	list-style:none;
	padding:0;
}

.reading li {
	position: relative;
	width:54.26666666666667vw;
	margin: 10vw auto;
}

.reading li.swiper-slide {
	margin:10vw 0px;
}

.reading li.swiper-slide a {
	padding-left:2vw;
	padding-right:2vw;
}

.reading li a {
    position: relative;
	display: block;
}

.reading li div:first-child {
	position: relative;
	width:100%;
	line-height: 0px;
	z-index:1;
	overflow:hidden;
}

.reading li div:first-child img {
	width:100%;
}

.reading li div:last-child {
	position: absolute;
	bottom:0px;
	transform:translateY(100%);
	font-size:2.949333333333333vw;
	color:#00ff8a;
	transition: opacity 0.3s ease-in;
}

.reading li a .readingPlayMark {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	background-image: url(../img/mv_banner_play_btn.svg);
    height: 16.93333333333333vw;
    width: 16.93333333333333vw;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


/* PC */
@media screen and (min-width:481px){
	
	.reading li {
		width:28.0375vw;
		margin: 10vw auto;
	}

	.reading li.swiper-slide a {
		padding-left:6px;
		padding-right:6px;
		position: relative;
		width: 100%;
	}
	
		
	.reading li div:last-child {
		font-size:1.25vw;
	}

	.reading li a div:first-child img {
		transition:all 0.5s ease-in-out;
	}

	.reading li a:hover div:first-child img {
		transform:scale(1.05);
	}

	.reading li a div:last-child {
		transition:all 0.5s ease-in-out;		
	}

	/*
	.reading li a:hover div:last-child {
		transform:translateY(2.5vw);
	}
	*/

	.reading li a .readingPlayMark {
		height: 10vw;
		width: 10vw;
		transition:all 0.5s ease-in-out;
	}

	.reading li a:hover .readingPlayMark {
		transform:translate(-50%,-50%) scale(1.1);
	}
	

}

@media screen\0 {
	.reading li a:hover div:last-child {
	  transform:translateY(2.5%);
	}
}


/* モーダル */
.modalContainer {
	position:fixed;
	display:none;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:100;
}

.modal {
	transform:scale(1.0,0.8);
	opacity:0;
	pointer-events:none;
	transition-property: transform,opacity;
	transition-duration: 0.2s;
}

.modalBG {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
}

.modalMain {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	pointer-events: none;
}

.youtubeModal {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:flex;
	flex-direction: column;
    justify-content: center;
	align-items: center;
}

.youtubeModal .youtubeWrap {
	position: relative;
	width:89.46666666666667%;
	padding-bottom: 50.325%;
	height:0px;
}

.youtubeModal .youtubeWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: auto;
}

.modalCloseBtn {
	position: absolute;
	right:4.133333333333333vw;
	bottom:4.133333333333333vw;
	width:7.384615384615385vw;
	height:7.384615384615385vw;
	background-image:url(../img/close_btn.svg);
	background-size:contain;
	background-repeat: no-repeat;	
}

/* PC */
@media screen and (min-width:481px){

	.youtubeModal .youtubeWrap {
		position: relative;
		width:78.75%;              /*横幅いっぱいにwidthを指定*/
		padding-bottom: 44.296875%;  /*高さをpaddingで指定(16:9)*/
		height:0px;           /*高さはpaddingで指定するためheightは0に*/
	}

	.modalCloseBtn {
		right:1.953125vw;
		bottom:1.953125vw;
		width:4.326923076923077vw;
		height:4.326923076923077vw;
		cursor:pointer;
	}	

}


/* episode 詳細 */
.episodeDetailBG {
	position:fixed;
	width:100%;
	height:100%;
	background-image:url(../img/episode_bg_sp.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-color:#000;
	background-position:center;
}

.episodeList {
	width:100%;
	padding-top:34.66666666666667vw;
}



.episodeList ul {
	position: relative;
	margin:0px;
	padding:0;
	list-style: none;
	display:flex;
    justify-content: left;
	align-items: top;
	width: 146.4vw;
	opacity:0;
	animation:episodeListFadeIn 0.8s 0.5s ease-out forwards;  
}

.episodeListFadeOut {
	animation:episodeListFadeOut 0.5s ease-in forwards;
}

@keyframes episodeListFadeIn {
	0% {
		opacity:0;
		transform:translateY(-2vh);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}


@keyframes episodeListFadeOut {
	0% {
		opacity:1;
		transform:translateY(0);
	}
	100% {
		opacity:0;
		transform:translateY(-2vh);
	}
}

@keyframes episodeListFadeInIE {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}


@keyframes episodeListFadeOutIE {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}


@media screen\0 {
	.episodeList ul {
		animation-name:episodeListFadeInIE;  
	}
	
	.episodeListFadeOut {
		animation-name:episodeListFadeOutIE;
	}
	
}



.episodeList0 {
	left:calc(50% - 6.1vw);
}

.episodeList1 {
	left:calc(50% - 18.3vw);	
}

.episodeList2 {
	left:calc(50% - 30.5vw);	
}

.episodeList3 {
	left:calc(50% - 42.7vw);	
}

.episodeList4 {
	left:calc(50% - 54.9vw);	
}

.episodeList5 {
	left:calc(50% - 67.1vw);	
}

.episodeList6 {
	left:calc(50% - 79.3vw);	
}

.episodeList7 {
	left:calc(50% - 91.5vw);	
}

.episodeList8 {
	left:calc(50% - 103.7vw);	
}

.episodeList9 {
	left:calc(50% - 115.9vw);	
}

.episodeList10 {
	left:calc(50% - 128.1vw);	
}

.episodeList11 {
	left:calc(50% - 140.3vw);	
}

.episodeList li {
	width:12.2vw;	
}

.episodeList li div:first-child {
	width: 9.4vw;
	height: 9.4vw;
	display:flex;
    justify-content: center;
	align-items: center;
	margin:0px auto;
}

.episodeList li.listFocus div:first-child {
	border-radius: 50%;
	border:#00ff8a solid 1.5px;
}

.episodeDisable {
	opacity:0.3;
	pointer-events: none;
}

.episodeList li div:first-child img {
	position: relative;
    left: 0.3vw;
	width:3.6vw;
}

.episodeList li div:last-child {
	position: relative;
	margin-top:1.866666666666667vw;
	width:1.5px;
	height:2.666666666666667vw;
	background-color:#FFF;
	left:50%;
	margin-left:-0.75px;
}

.episodeList li.listFocusNear div:last-child {
	height:6.666666666666667vw;
}

.episodeList li.listFocus div:last-child {
	background-color:#00ff8a;
	height:10.66666666666667vw;
}

.episode-button-prev,
.episode-button-next,
.reading-button-prev,
.reading-button-next {
	position:absolute;
	width:37.5px;
	height:45px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-top:-22.5px;
	top:50%;
	z-index:1;
	cursor:pointer;
	transition:all 0.2s ease-out;
}

.swiper-button-disabled {
	opacity:0;
}

.episode-button-prev,
.reading-button-prev {
	left:20px;
	background-image:url(../img/list_prev_arrow.png);
}

.episode-button-next,
.reading-button-next {
	right:20px;
	background-image:url(../img/list_next_arrow.png);
}


.episodeTitle {
	width:56.8vw;
	margin:0px auto 7.6vw;
	opacity:0;
	animation:episodeTitleFadeIn 1.0s ease-out  forwards;
}

@keyframes episodeTitleFadeIn {
	0% {
		opacity:0;
		transform:scale(0.9);
	}
	100% {
		opacity:1;
		transform:scale(1);
	}
}

.episodeDetail {
	width:89.33333333333333vw;
	margin:1.866666666666667vw auto ;
	font-size:2.933333333333333vw;
	line-height: 1.636363636363636em;
}

.episodeText {
	opacity:0;
	animation:episodeTextFadeIn 0.8s 0.5s ease-out forwards;
}

@keyframes episodeTextFadeIn {
	0% {
		opacity:0;
		transform:translateY(2vh)
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}

@keyframes episodeTextFadeInIE {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}


.episodeText p {
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: justify;
}

.episodeText img {
	width:88.26666666666667vw;
}

.nextLink {
	width:89.33333333333333vw;
	margin:12vw auto -13vw;
}

.nextComingSoon {
	width:14.53333333333333vw;
	margin:11.2vw auto;
}

.end {
	width:6.533333333333333vw;
	margin:11.2vw auto;
}

.end img {
	width:100%;
}

.episodeScrollBar {
	position:fixed;
	left:0px;
	top:0px;
	width:0%;
	height:2.5px;
	background-color:#00ff8a;
	z-index:11;
}

.episodeFadeOut {
	animation:episodeFadeOut 0.5s ease-in forwards;
}

.episodeNextLinkFadeOut {
	animation:episodeNextLinkFadeOut 0.5s ease-in forwards;
}

@keyframes episodeFadeOut {
	0% {
		opacity:1;
		transform:translateY(0);
	}
	100% {
		opacity:0;
		transform:translateY(-2vh);
	}
}

@keyframes episodeNextLinkFadeOut {
	0% {
		transform:translateY(0);
	}
	100% {
		transform:translateY(-3vh);
	}
}


/* PC */
@media screen and (min-width:481px){

	.episodeDetailBG {
		background-image:url(../img/episode_bg_pc_x1.jpg);
	}	
	
	.episodeList {
		position:fixed;
		left:0px;
		top:0px;
		padding-top:10vw;
		padding-bottom:1vw;
		width:10vw;
		height:calc(100% - 11vw);
	}

	.episodeList ul {
		flex-direction: column;
		justify-content: left;
		align-items: top;
		width: 10vw;
		height:100%;
		left: 0px;
		animation:episodeListFadeInPC 0.8s 0.5s ease-out forwards;  
	}
	
	@keyframes episodeListFadeInPC {
		0% {
			opacity:0;
			transform:translateX(-2vw);
		}
		100% {
			opacity:1;
			transform:translateX(0);
		}
	}

	.episodeListFadeOut {
		animation:episodeListFadeOutPC 0.5s ease-in forwards;
	}

	@keyframes episodeListFadeOutPC {
		0% {
			opacity:1;
			transform:translateX(0);
		}
		100% {
			opacity:0;
			transform:translateX(-2vw);
		}
	}
	

	.episodeList li,.episodeList a {
		position: relative;
		height:100%;
		width:100%;
	}
	
	.episodeList li div:first-child {
		width: 100%;
		height: 100%;
	}
	
	.episodeList li.listFocus div:first-child {
		border-radius: 0px;
		border:none;
	}
		
	.episodeList li div:first-child img {
		width:28.125%;
		position: absolute;
		right:42.1875%;
		left:auto;
	}
	
	.episodeList li div:last-child {
		position: absolute;
		width:12.5%;
		height:2px;
		background-color:#FFF;
		left:0px;
		top:50%;
		margin-left:0px;
		margin-top:-1px;
	}
	
	.episodeList li.listFocusNear div:last-child {
		width:23.4375%;
		height:2px;
	}

	.episodeList li.listFocusNear div:first-child img {
		right:31.25%;
	}


	.episodeList li.listFocus div:first-child img {
		right:18.75%;
	}


	.episodeList li.listFocus div:last-child {
		width:35.9375%;
		height:2px;
	}

	.episodeList li div {
		transition:all 0.2s ease-out;
	}

	.episodeList li:hover div:first-child {
		transform:translateX(5%);
	}

	.episodeList li:hover div:last-child {
		transform:scale(2.8,1);
	}

	.episodeList li.listFocus:hover div:last-child {
		transform:scale(1.66,1);
	}

	.episodeList li.listFocusNear:hover div:last-child {
		transform:scale(2,1);
	}

	.episode-button-prev,
	.episode-button-next,
	.reading-button-prev,
	.reading-button-next {
		width:75px;
		height:90px;
	}

	.episode-button-prev,
	.reading-button-prev {
		left:40px;
	}

	.episode-button-next,
	.reading-button-next {
		right:40px;
	}

	.episode-button-prev:hover,
	.reading-button-prev:hover {
		transform:translateX(-5px);
	}

	.episode-button-next:hover,
	.reading-button-next:hover {
		transform:translateX(5px);
	}


	.episodeTitle {
		width:78.75vw;
		margin:11.25vw auto 2.5vw;
	}
	
	.episodeDetail {
		width:78.75vw;
		margin:2.5vw auto ;
		font-size:1.5625vw;
		line-height: 1.7em;
	}
	
	.episodeText p {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
	
	.episodeText img {
		width:100%;
	}
	
	.nextLink {
		width:78.75vw;
		margin:6.5vw auto -11vw;
		margin-bottom:-11vw;
	}

	.nextLink a img {
		transition:all 0.5s ease-in-out;
	}

	.nextLink:hover a img {
		transform:translateY(-2%);
		opacity:0.5;
	}
	

	
	.nextComingSoon {
		width:13.046875vw;
		margin:6.5vw auto;
	}

	.end {
		width:5.138888888888889vw;
		margin:6.5vw auto;
	}
	
	
	.episodeScrollBar {
		height:4px;
	}
}

@media screen\0 {
	.episodeText {
		animation-name:episodeTextFadeInIE;
	}
	.episodeFadeOut {
		animation-name:episodeFadeOutIE;
	}
	
	.episodeNextLinkFadeOut {
		animation-name:episodeNextLinkFadeOutIE;
	}
	
}

@keyframes episodeFadeOutIE {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}

@keyframes episodeNextLinkFadeOutIE {
	0% {
		transform:translateY(0);
	}
	100% {
		transform:translateY(0);
	}
}


/* retina PC画像差し替え 対応 */
@media screen and (min-width:481px){


		@media screen and (-webkit-min-device-pixel-ratio:2),
		(min-resolution: 2dppx){
			.mvBanner > div > div:first-child {
				background-image:url(../img/mv_banner_pc_x2.jpg);
			}	
	
			/*
			.musicVideo li:nth-last-child(1) a > div:nth-child(1) {
				background-image:url(../img/mv_btn_bg_1_pc_x2.jpg);
			}
			*/
	
			.musicVideo li:nth-last-child(1) a > div:nth-child(1) {
				background-image:url(../img/mv_btn_bg_2_pc_x2.jpg);
			}

			.musicVideo li:nth-last-child(2) a > div:nth-child(1) {
				background-image:url(../img/mv_btn_bg_3_pc_x2.jpg);
			}

			.musicVideo li:nth-last-child(3) a > div:nth-child(1) {
				background-image:url(../img/mv_btn_bg_4_pc_x2.jpg);
			}

			.musicVideo li:nth-last-child(4) a > div:nth-child(1) {
				background-image:url(../img/mv_btn_bg_5_pc_x2.jpg);
			}

			.musicVideo li:nth-last-child(5) a > div:nth-child(1) {
				background-image:url(../img/mv_btn_bg_6_pc_x2.jpg);
			}

			.musicVideo li:nth-last-child(6) a > div:nth-child(1) {
				background-image:url(../img/mv_btn_bg_7_pc_x2.jpg);
			}

			.mainBGCharacterBG1 {
				background-image:url(../img/bg_character_back1_pc_x2.png);
			}
		
			.mainBGCharacterBG2 {
				background-image:url(../img/bg_character_back2_pc_x2.png);		
			}
		
			.mainBGCharacter {
				background-image:url(../img/bg_character_pc_x2.png);
			}	
	
			.mainBG {
				background-image:url(../img/weather/sample-bg2_pc_x2.jpg);
			}
		
			.no-webgl .mainBG ,
			.no-js .mainBG {
				background-image:url(../img/weather/sample-bg2_pc_x2_nojs.jpg);
			}
	
			.prologueText1 > div:nth-child(1) > div:last-child {
				background-image:url(../img/prologue_drop1_pc_x2.png);
			}
			
			.prologueText1 > div:nth-child(2) > div:last-child {
				background-image:url(../img/prologue_drop2_pc_x2.png);
			}
			
			.prologueText1 > div:nth-child(3) > div:last-child {
				background-image:url(../img/prologue_drop3_pc_x2.png);
			}
			
			.prologueText1 > div:nth-child(4) > div:last-child {
				background-image:url(../img/prologue_drop4_pc_x2.png);
			}
			
			.prologueText1 > div:nth-child(5) > div:last-child {
				background-image:url(../img/prologue_drop5_pc_x2.png);
			}

			.episodeDetailBG {
				background-image:url(../img/episode_bg_pc_x2.jpg);
			}
		
			/*.rainContainer > div >div:first-child >div:nth-child(1) {
				background-image:url(../img/rain/rain_pc_x2__00000.png);
			}
			
			.rainContainer > div > div:first-child >div:nth-child(2) {
				background-image:url(../img/rain/rain_pc_x2__00001.png);
			}
			
			.rainContainer > div > div:first-child >div:nth-child(3) {
				background-image:url(../img/rain/rain_pc_x2__00002.png);
			}
			
			.rainContainer > div > div:first-child >div:nth-child(4) {
				background-image:url(../img/rain/rain_pc_x2__00003.png);
			}

			.rainContainer > div > div:first-child >div:nth-child(5) {
				background-image:url(../img/rain/rain_pc_x2__00004.png);
			}

			.rainContainer > div > div:first-child >div:nth-child(6) {
				background-image:url(../img/rain/rain_pc_x2__00005.png);
			}

			.rainContainer > div > div:first-child >div:nth-child(7) {
				background-image:url(../img/rain/rain_pc_x2__00006.png);
			}

			.rainContainer > div > div:first-child >div:nth-child(8) {
				background-image:url(../img/rain/rain_pc_x2__00007.png);
			}

			.rainContainer > div > div:first-child >div:nth-child(9) {
				background-image:url(../img/rain/rain_pc_x2__00008.png);
			}

			.rainContainer > div > div:first-child >div:nth-child(10) {
				background-image:url(../img/rain/rain_pc_x2__00009.png);
			}
			
			.rainContainer > div >div:nth-child(2) >div:nth-child(1) {
				background-image:url(../img/hane01_pc_x2.png);
			}
			
			.rainContainer > div > div:nth-child(2) >div:nth-child(2) {
				background-image:url(../img/hane02_pc_x2.png);
			}
			
			.rainContainer > div > div:nth-child(2) >div:nth-child(3) {
				background-image:url(../img/hane03_pc_x2.png);
			}
			
			.rainContainer > div > div:nth-child(2) >div:nth-child(4) {
				background-image:url(../img/hane04_pc_x2.png);
			}*/
		
		}
}


/* mmdデータダウンロード */
.mmdData {
	width:100%;
	margin-top:100px;
	margin-bottom:100px;
}

.mmdData > div > div {
	font-size:3.466666666666667vw;
	font-weight:bold;
	font-family: a-otf-futo-go-b101-pr6n, sans-serif;
	font-style: normal;
	color:#00ff8a;
	text-align: center;
}

.mmdData > div:first-child {
	background: url(../img/mmd_icon.png) top center no-repeat;
	background-size: 5vw;
	padding-top: 6vw;
}

.mmdData ul {
	padding: 0;
	margin-top: 2vw;
}

.mmdData li {
	list-style-type: none;
	position: relative;
	padding: 1vw;
	width: 60vw;
	height: 9.2vw;
	margin: 0 auto;
}

.mmdData li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow:hidden;
}
.mmdData li a > div {
	position: absolute;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mmdData a, .mmdData a:hover {
	color: #00ff8a;
}

.mmdData li a .mmdData1 {
	background-image:url(../img/mmd_btn_bg1.png);
}

.mmdData li a .mmdData2 {
	background-image:url(../img/mmd_btn_bg2.png);
}

.mmdData li a div:last-child {
	font-family: bungee, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #000;
	font-size: 5.3vw;
}

.mmdData li a div:last-child > span {
	font-size: 0.7em;
	margin-bottom: -0.2em;
}

/* PC */
@media screen and (min-width:481px){

	.mmdData > div > div {
		font-size: 1.25vw;
	}

	.mmdData > div:first-child {
		background-size: 3vw;
		padding-top: 5vw;
		padding-bottom: 2vw;
	}

	.mmdData ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 1vw;
	}

	.mmdData li {
		width: calc((100% - 18%) / 2);
		height: 6vw;
		margin: 0;
		padding: 0;
	}

	.mmdData li a .mmdData1 {
		background-image:url(../img/mmd_btn_bg1_pc_x2.png);
	}

	.mmdData li a .mmdData2 {
		background-image:url(../img/mmd_btn_bg2_pc_x2.png);
	}

	.mmdData li a:hover {
		transition:transform 0.2s ease-out;
		transform:scale(1.02);
	}

	.mmdData li a div:last-child {
		font-size: 3.5vw;
	}

	.mmdData li a div:last-child span {
	}

}