/*	header
============================== */
div.header {
    padding: 40px 0 10px;
}
@media all and (min-width: 768px) {
	div.header {
    padding: 40px 0 30px;
    min-height: 210px;
	}
}
div.header header {
	text-align:left;
	position:relative;
}
div.header header > h1 span {
	display:block;
}
div.header header > h1 > span {
	position:relative;
	height:0;
	padding-top:200px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
div.header header > h1 > span.lazy-done {
	-webkit-animation: zoomIn 800ms;
	animation: zoomIn 800ms;
}
div.header header > h1 > span > span {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}

@media all and (max-width: 767px) {
	.div.stream aside div.unit h2{
		font-size: 5.25vw;
	}
}

.blackboard{
	max-width:100%;
	min-height:200px;
	background: #077c51;
	padding: 15px 15px 30px;
	border: 10px solid #000;
  background-image: radial-gradient(rgb(0 0 0 /50%) 10%, transparent 10%), radial-gradient(rgb(0 0 0 /50%) 10%, transparent 10%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
  position: relative; 
}
.blackboard::before,
.blackboard::after{
	content: "";
	display: block;
	position: absolute;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 60px;
	height: 50px;
	animation: swinging 1.5s infinite;
	transform: rotate(15deg);
}
@keyframes swinging {
	0%{transform: rotate(15deg);}
	50%{transform: rotate(-15deg);}
	100%{transform: rotate(15deg);}
}
.blackboard::before{
	background-image: url(../img/il-riceball1.png);
	top: -20px;
	left: -30px;
}
.blackboard::after{
	background-image: url(../img/il-riceball2.png);
	top: 50px;
	right: -30px;
}
@media all and (min-width: 768px) {
	.blackboard::before,
	.blackboard::after{
		width: 70px;
		height: 60px;
	}
	.blackboard::before{
		top: 150px;
	}
	.blackboard::after{
		top: 30px;
	}
}

.blackboard h3{
	text-align: center;
}
.blackboard h3 img{
	margin: 0 auto 10px;
	max-width: 90%;
	pointer-events: none;
}
.blackboard li{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
    line-height: 32px;
	text-align: left;
	text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,
	0 5px 1px #000, 0 7px 1px #000;
	margin-top: 20px;
}
@media all and (min-width: 768px) {
	.blackboard li{
		text-align: center;
	}
}
.blackboard li span{
	color: #ede946;
}

.characters{
    background-color: rgb(255 102 178 / 50%);
    padding: 30px 0;
    margin-top: 30px;
}
.characters h2 {
  color: #fff;
	text-align:center;
	margin-bottom:0.5em;
	letter-spacing: 0.5em;
}
.characters h2 span{
	font-family:'Damion';
	font-weight:normal;
  line-height: 1;
  display: block;
  text-indent: -1rem;
  letter-spacing: 0;
}
@media (min-width: 768px){
	.characters h2 span{
	    font-size: 300%;
	}
}
@media all and (max-width: 767px) {
	.characters h2 span{
    font-size: 10vw;
  }
}
.characters .cwrap{
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  position: relative;
}
@media all and (min-width: 768px) {
	.characters .cwrap{
  	margin: 0 auto;
	}
}
.characters .charablock{
  width: 100%;
  overflow: scroll;
  overflow-y: hidden;
}
.characters .charablock ul{
	margin: 0 5vw 10px auto;
}
.characters .charablock ul.chp1{width: 1660px;}
.characters .charablock ul.chp2{width: 1870px;}
.characters .charablock ul.chp3{width: 2080px;}

@media all and (min-width: 768px) {
	.characters .charablock ul{
		margin: 0 auto 10px;
	}
}
.characters .charablock li{
	display: inline-block;
	vertical-align: top;
	width: 175px;
	background: #fff;
	padding: 10px;
	margin-left: 10px;
	border-radius: 5px;
}
.characters .charablock li h4{
  color: #ff66b2;
  font-size: 120%;
}
.characters .charablock li h4 small{
	display: block;
	font-size:small;
	margin-top: 5px;
}
.characters .charablock li img{
	width: 100%;
	margin: 10px auto;
	border-radius: 10px;
	border: 1px solid #fff;
	pointer-events: none;
}
.characters .charablock li .txtarea{
	text-align: left;
	line-height: 1.5;
	font-size: 90%;
}

div.story article {
	text-align:left;
}
div.story article header {
	text-align:center;
}
div.story article header h2,div.story article header h3, div.story article header p {
	line-height:1.25;
}
div.story article header h2, div.story article header p {
	font-family:'Damion';
	font-weight:normal;
}
div.story header h2 img{
	display: block;
	margin: 0 auto -10px;
	pointer-events: none;
}
div.story article header h3 {
	color:#ff66b2;
	color:#80ccff;
	display:inline-block;
	background-color:#000;
	padding:0 0.5em;
	margin-right:-7.5em;
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
div.story article div.txt {
	background-color:hsla(0,0%,100%,0.75);
}
div.story article header p span {
	background-image: linear-gradient(transparent 70%, hsla(330,100%,70%,0.4) 70%);
	background-image: linear-gradient(transparent 70%, hsla(60,100%,65%,0.8) 70%);
	padding:0 0.5em;
}
div.story article div.txt div.btn {
	text-align:center;
}
div.story article div.txt div.btn a {
	background-color:#000;
	background-image:-webkit-radial-gradient(#222 20%, transparent 20%), -webkit-radial-gradient(#222 20%, transparent 20%);
	background-image:radial-gradient(#222 20%, transparent 20%), radial-gradient(#222 20%, transparent 20%);
	background-size:40px 40px;
	background-position:0 0, 20px 20px;
	color:hsla(60,100%,65%,1);
	display:inline-block;
	padding:1em 3em;
	text-decoration:none;
	line-height:1.25;
	-webkit-box-shadow:5px 5px 0 0 hsla(60,100%,65%,1);
	box-shadow:5px 5px 0 0 hsla(60,100%,65%,1);
}

.murai_comic{
	position: relative;
  background: url(../img/bg-thunder1_sp.png) top -10px right -20px no-repeat,
 url(../img/bg-thunder1_sp.png) top 184.6220121vw right 30px no-repeat,
 url(../img/bg-thunder1_sp.png) top 356.4230511vw right 0px no-repeat,
 url(../img/bg-thunder1_sp.png) top 594.89315vw right 0px no-repeat,
 url(../img/bg-thunder1_sp.png) top 794.9003298vw right -30px no-repeat,
 url(../img/bg-thunder1_sp.png) top 967.9834661vw right 50px no-repeat;
  background-size: 90% auto;
	width: 100%;
	height: 4800px;
  margin: 0 auto 30px;
}
.murai_comic img{
	position: absolute;
	left: 0;
	width: 100%;
	pointer-events: none;
}
.murai_comic.c1{
  height: 1230.813414vw;
}
.c001{top:0vw;}
.c002{top:30.77033535vw;}
.c003{top:28.20614073vw; z-index: 1;}
.c004{top:79.49003298vw;}
.c005{top:153.8516767vw;}
.c006{top:94.87520065vw;}
.c007{top:228.2133205vw;}
.c008{top:235.9059043vw;z-index: 1;}
.c009{top:288.4718939vw;}
.c010{top:294.8823804vw;}
.c011{top:358.9872457vw;}
.c012{top:402.5785541vw;z-index: 1;}
.c013{top:410.2711379vw;}
.c014{top:476.9401979vw;}
.c015{top:533.3524793vw;z-index: 1;}
.c016{top:628.22768vw;}
.c017{top:761.5657998vw;}
.c018{top:842.3379301vw;}
.c019{top:841.0558328vw;z-index: 1;}
.c020{top:884.6471412vw;}
.c021{top:959.0087849vw;}
.c022{top:1000.035899vw;}
.c023{top:1025.677845vw;z-index: 1;}
.c024{top:1076.961737vw;}
.c025{top:1105.167878vw;}
.c026{top:1129.527727vw; z-index: 1;}
.c027{top:1178.247424vw;}

@media all and (min-width: 768px) {
	.murai_comic{
		width: 900px;
		height: 5900px;
		background: url(../img/bg-thunder1.png) top -40px right 0px no-repeat, url(../img/bg-thunder1.png) top 1270px right 10px no-repeat, url(../img/bg-thunder1.png) top 2200px right 0px no-repeat, url(../img/bg-thunder1.png) top 3430px right 77px no-repeat;
		background-size: auto;
	}
	.murai_comic.c1{
		height: 5900px;
	}
	.c002{top: 160px; z-index: 1;}
	.c003{top: 200px;}
	.c004{top: 335px;}
	.c005{top: 670px;}
	.c006{top: 370px;}
	.c007{top: 900px;}
	.c008{top: 920px;}
	.c009{top: 1240px;}
	.c010{top: 1300px;}
	.c011{top: 1670px;}
	.c012{top: 1980px;}
	.c013{top: 1810px;}
	.c014{top: 2180px;}
	.c015{top: 2480px;}
	.c016{top: 2920px;}
	.c017{top: 3500px;}
	.c018{top: 3905px;}
	.c019{top: 3940px;}
	.c020{top: 4100px;}
	.c021{top: 4400px;}
	.c022{top: 4490px;}
	.c023{top: 4640px;}
	.c024{top: 4880px;}
	.c025{top: 5200px;}
	.c026{top: 5220px;}
	.c027{top: 5425px;}
}


/* c2 */
.murai_comic.c2{
  background: url(../img/bg-thunder1_sp.png) top -10px right -20px no-repeat,
   url(../img/bg-thunder1_sp.png) top 184.6220121vw right 30px no-repeat,
   url(../img/bg-thunder1_sp.png) top 356.4230511vw right 0px no-repeat,
   url(../img/bg-thunder1_sp.png) top 594.89315vw right 0px no-repeat,
   url(../img/bg-thunder1_sp.png) top 794.9003298vw right -30px no-repeat,
   url(../img/bg-thunder1_sp.png) top 993.6254122vw right -10px no-repeat,
   url(../img/bg-thunder1_sp.png) top 1173.119035vw right 50px no-repeat;
  background-size: 90% auto;
  height: 1569.287103vw;
}
.c2_01{top: 0px;}
.c2_02{top:30.77033535vw;}
.c2_03{top:46.15550302vw; }
.c2_04{top:93.59310334vw;z-index: 1;}
.c2_05{top:115.3887575vw;}
.c2_06{top:117.9529522vw;z-index: 1;}
.c2_07{top:182.0578175vw;z-index: 1;}
.c2_08{top:161.5442606vw;}
.c2_09{top:211.5460555vw;}
.c2_10{top:287.1897966vw;}
.c2_11{top:287.1897966vw;}
.c2_12{top:338.4736888vw;z-index: 1;}
.c2_13{top:366.6798295vw;}
.c2_14{top:369.2440241vw;}
.c2_15{top:433.3488894vw;z-index: 1;}
.c2_16{top:500.0179494vw;}
.c2_17{top:530.7882847vw;}
.c2_18{top:583.3542743vw;}
.c2_19{top:617.9709015vw;z-index: 1;}
.c2_20{top:653.8696261vw;}
.c2_21{top:661.5622099vw;}
.c2_22{top:726.9491725vw;}
.c2_23{top:756.4374106vw;}
.c2_24{top:802.5929136vw;}
.c2_25{top:817.2088229vw;}
.c2_26{top:834.9017657vw; z-index: 1;}
.c2_27{top:874.6467822vw;}
.c2_28{top:946.9570703vw;}
.c2_29{top:1017.985261vw;z-index: 1;}
.c2_30{top:1051.319791vw;z-index: 1;}
.c2_31{top:1028.498459vw;}
.c2_32{top:1097.475294vw;z-index: 1;}
.c2_33{top:1102.603683vw;}
.c2_34{top:1153.887575vw;}
.c2_35{top:1205.171468vw;z-index: 1;}
.c2_36{top:1264.147944vw;}
.c2_37{top:1333.381198vw;}
.c2_38{top:1346.202171vw;}
.c2_39{top:1392.357674vw;}
.c2_40{top:1448.769956vw;}
.c2_41{top:1518.00321vw;}

@media all and (min-width: 768px) {
	.murai_comic.c2{
		height: 7760px;
		background: url(../img/bg-thunder1.png) top 82px right 15px no-repeat, url(../img/bg-thunder1.png) top 1270px right 10px no-repeat, url(../img/bg-thunder1.png) top 2200px right 0px no-repeat, url(../img/bg-thunder1.png) top 3430px right 77px no-repeat, url(../img/bg-thunder1.png) top 4430px right 77px no-repeat, url(../img/bg-thunder1.png) top 5480px right 0px no-repeat;
		background-size: auto;
	}
	.c2_02{top: 160px;}
	.c2_03{top: 240px;z-index: 1;}
	.c2_04{top: 235px;}
	.c2_05{top: 400px;}
	.c2_06{top: 410px; z-index: 1;}
	.c2_07{top: 700px;}
	.c2_08{top: 580px;}
	.c2_09{top: 810px;}
	.c2_10{top: 1150px;}
	.c2_11{top: 1190px;z-index: 1;}
	.c2_12{top: 1250px;}
	.c2_13{top: 1435px;}
	.c2_14{top: 1440px;}
	.c2_15{top: 1750px;}
	.c2_16{top: 2070px;}
	.c2_17{top: 2120px;}
	.c2_18{top: 2460px;}
	.c2_19{top: 2550px;}
	.c2_20{top: 2770px;}
	.c2_21{top: 2800px;}
	.c2_22{top: 3140px;}
	.c2_23{top: 3350px;}
	.c2_24{top: 3570px;}
	.c2_25{top: 3730px;}
	.c2_26{top: 3852px;}
	.c2_27{top: 4100px;}
	.c2_28{top: 4553px;}
	.c2_29{top: 4920px;}
	.c2_30{top: 4970px;}
	.c2_31{top: 4980px;}
	.c2_32{top: 5250px;}
	.c2_33{top: 5238px;}
	.c2_34{top: 5237px;}
	.c2_35{top: 5630px;z-index: auto;}
	.c2_36{top: 5860px;}
	.c2_37{top: 6240px;}
	.c2_38{top: 6312px;}
	.c2_39{top: 6590px;}
	.c2_40{top: 6890px;}
	.c2_41{top: 7280px;}
}

/* c3 */
.murai_comic.c3{
  background: url(../img/bg-thunder1_sp.png) top -10px right -20px no-repeat,
   url(../img/bg-thunder1_sp.png) top 184.6220121vw right 30px no-repeat,
   url(../img/bg-thunder1_sp.png) top 356.4230511vw right 0px no-repeat,
   url(../img/bg-thunder1_sp.png) top 594.89315vw right 0px no-repeat,
   url(../img/bg-thunder1_sp.png) top 794.9003298vw right -30px no-repeat,
   url(../img/bg-thunder1_sp.png) top 978.2402445vw right -30px no-repeat;
  background-size: 90% auto;
	height: 1294.918279vw;
}
.c3_01{top:0vw;}
.c3_02{top:28.20614073vw;}
.c3_03{top:69.23325453vw; z-index: 1;}
.c3_04{top:82.05422759vw;}
.c3_05{top:156.4158713vw;}
.c3_06{top:138.4665091vw;}
.c3_07{top:196.1608878vw;z-index: 1;}
.c3_08{top:212.8281528vw;}
.c3_09{top:250.0089747vw;}
.c3_10{top:284.6256019vw;}
.c3_11{top:328.2169104vw;}
.c3_12{top:366.6798295vw;z-index: 1;}
.c3_13{top:397.4501649vw;z-index: 1;}
.c3_14{top:441.0414733vw;}
.c3_15{top:471.8118086vw;}
.c3_16{top:484.6327817vw;}
.c3_17{top:515.403117vw;}
.c3_18{top:552.5839389vw;}
.c3_19{top:589.7647608vw;z-index: 1;}
.c3_20{top:617.9709015vw;}
.c3_21{top:648.7412369vw;}
.c3_22{top:697.9737734vw;}
.c3_23{top:725.6670752vw;}
.c3_24{top:782.0793567vw;}
.c3_25{top:812.849692vw;z-index: 1;}
.c3_26{top:821.8243732vw; }
.c3_27{top:839.7737355vw;}
.c3_28{top:955.162493vw;}
.c3_29{top:1025.677845vw;z-index: 1;}
.c3_30{top:1046.191402vw;}
.c3_31{top:1089.78271vw;}
.c3_32{top:1137.22031vw;z-index: 1;}
.c3_33{top:1189.7863vw;}
.c3_34{top:1235.941803vw;z-index: 1;}
.c3_35{top:1251.326971vw;}

@media all and (min-width: 768px) {
	.murai_comic.c3{
    height: 6040px;
    background: url(../img/bg-thunder1.png) top 65px right 20px no-repeat, url(../img/bg-thunder1.png) top 1270px right 10px no-repeat, url(../img/bg-thunder1.png) top 2200px right 0px no-repeat, url(../img/bg-thunder1.png) top 3220px right 0px no-repeat, url(../img/bg-thunder1.png) top 4400px right 0px no-repeat;
    background-size: auto;
	}
	.c3_02{top: 160px;}
	.c3_03{top: 250px;}
	.c3_04{top: 390px;}
	.c3_05{top: 600px;}
	.c3_06{top: 610px;}
	.c3_07{top: 800px;}
	.c3_08{top: 840px;}
	.c3_09{top: 1055px;}
	.c3_10{top: 1100px;}
	.c3_11{top: 1400px;}
	.c3_12{top: 1450px;}
	.c3_13{top: 1700px;}
	.c3_14{top: 1900px;z-index: 1;}
	.c3_15{top: 1980px;}
	.c3_16{top: 2050px;}
	.c3_17{top: 2190px;}
	.c3_18{top: 2405px;}
	.c3_19{top: 2570px;}
	.c3_20{top: 2700px;}
	.c3_21{top: 2890px;}
	.c3_22{top: 3100px;}
	.c3_23{top: 3300px;}
	.c3_24{top: 3600px;}
	.c3_25{top: 3750px;}
	.c3_26{top: 3765px;}
	.c3_27{top: 3895px;}
	.c3_28{top: 4325px;}
	.c3_29{top: 4470px;}
	.c3_30{top: 4700px;}
	.c3_31{top: 4880px;}
	.c3_32{top: 5030px;}
	.c3_33{top: 5410px;}
	.c3_34{top: 5640px;}
	.c3_35{top: 5720px;}
}


/* c4 */
.murai_comic.c4{
  background: url(../img/bg-thunder1_sp.png) top 72px right -38px no-repeat,
   url(../img/bg-thunder1_sp.png) top 179.4936228vw right 30px no-repeat,
   url(../img/bg-thunder1_sp.png) top 369.2440241vW right 60px no-repeat,
   url(../img/bg-thunder1_sp.png) top 520.5315063vw right 0px no-repeat,
   url(../img/bg-thunder1_sp.png) top 661.5622099vw right 10px no-repeat,
   url(../img/bg-thunder1_sp.png) top 837.2095409vw left 0px no-repeat,
   url(../img/bg-thunder1_sp.png) top 1001.317996vw right 0px no-repeat,
   url(../img/bg-thunder1_sp.png) top 1180.811619vw right 0px no-repeat;
  background-size: 90% auto;
	height: 1575.287103vw;
}
.c4_01{top:0vw;}
.c4_02{top:28.20614073vw;}
.c4_03{top:56.41228147vw; z-index: 1;}
.c4_04{top:92.31100604vw;}
.c4_05{top:110.2603683vw;z-index: 1;}
.c4_06{top:148.7232875vw;}
.c4_07{top:157.6979686vw;z-index: 1;}
.c4_08{top:258.9836558vw;z-index: 1;}
.c4_09{top:302.5749642vw;z-index: 1;}
.c4_10{top: 333.934813vw;}
.c4_11{top: 477.477279vw;}
.c4_12{top: 459.068587vw;z-index: 2;}
.c4_13{top:501.3000467vw;z-index: 1;}
.c4_14{top: 533.737647vw;}
.c4_15{top: 614.535096vw;}
.c4_16{top:656.4338207vw;z-index: 1;}
.c4_17{top: 665.536891vw;}
.c4_18{top:703.871421vw;}
.c4_19{top:761.5657998vw;}
.c4_20{top:815.4138867vw;}
.c4_21{top:892.339725vw;z-index: 1;}
.c4_22a{top:909.5198289vw;}
.c4_22b{top:962.0858185vw;}
.c4_23{top:1043.883627vw;z-index: 1;}
.c4_24{top:1094.911099vw;}
.c4_25{top:1153.374737vw;}
.c4_26{top:1173.375455vw; }
.c4_27{top:1237.2239vw;}
.c4_28{top:1214.146149vw;}
.c4_29{top:1297.482474vw;z-index: 1;}
.c4_30{top:1353.894755vw;}
.c4_31{top:1409.794198vw;z-index: 1;}
.c4_32{top:1418.512459vw;}
.c4_33{top:1489.79707vw;}
.c4_34{top:1446.205761vw;z-index: 1;}

@media all and (min-width: 768px) {
	.murai_comic.c4{
    height: 6600px;
    background: url(../img/bg-thunder1.png) top -40px right 0px no-repeat, url(../img/bg-thunder1.png) top 1270px right 10px no-repeat, url(../img/bg-thunder1.png) top 2200px right 0px no-repeat, url(../img/bg-thunder1.png) top 3220px right 0px no-repeat, url(../img/bg-thunder1.png) top 4400px right 0px no-repeat;
    background-size: auto;
	}
	.c4_02{top: 160px;}
	.c4_03{top: 250px;}
	.c4_04{top: 390px;}
	.c4_05{top: 520px;}
	.c4_06{top: 610px;}
	.c4_07{top: 670px;}
	.c4_08{top: 1010px;}
	.c4_09{top: 1055px;}
	.c4_10{top: 1250px;}
	.c4_11{top: 1700px;}
	.c4_12{top: 1760px;}
	.c4_13{top: 1930px;}
	.c4_14{top: 1980px;z-index: 1;}
	.c4_15{top: 2280px;}
	.c4_16{top: 2370px;}
	.c4_17{top: 2510px;}
	.c4_18{top: 2533px;}
	.c4_19{top: 2750px;}
	.c4_20{top: 2960px;}
	.c4_21{top: 3400px;}
	.c4_22a{top: 3360px;}
	.c4_22b{top: 3570px;}
	.c4_23{top: 4070px;}
	.c4_24{top: 4260px;}
	.c4_25{top: 4556px;}
	.c4_26{top: 4635px;}
	.c4_27{top: 4895px;}
	.c4_28{top: 4945px;}
	.c4_29{top: 5150px;}
	.c4_30{top: 5450px;}
	.c4_31{top: 5764px;}
	.c4_32{top: 5820px;}
	.c4_33{top: 6130px;}
	.c4_34{top: 6180px;}
}


/* c5 */
.murai_comic.c5{
  background: url(../img/bg-thunder1_sp.png) top -10px right -20px no-repeat,
   url(../img/bg-thunder1_sp.png) top 184.6220121vw right 30px no-repeat,
   url(../img/bg-thunder1_sp.png) top 356.4230511vw right 0px no-repeat,
   url(../img/bg-thunder1_sp.png) top 594.89315vw right 0px no-repeat,
   url(../img/bg-thunder1_sp.png) top 794.9003298vw right -30px no-repeat,
   url(../img/bg-thunder1_sp.png) top 978.2402445vw right -30px no-repeat;
  background-size: 90% auto;
	height: 1859.041094vw;
}
.c5_01{top:0vw;}
.c5_02{top:28.20614073vw;}
.c5_03{top:69.23325453vw; z-index: 1;}
.c5_04{top:82.05422759vw;}
.c5_05{top:110.2603683vw;}
.c5_06{top:174.3652336vw;z-index: 2;}
.c5_07{top:196.1608878vw;}
.c5_08{top:207.6997636vw;z-index: 1;}
.c5_09{top:250.0089747vw;}
.c5_10a{top:289.7539912vw;}
.c5_10b{top:304.8827394vw;}
.c5_11{top:397.4501649vw;z-index: 2;}
.c5_12{top:417.9637218vw;z-index: 1;}
.c5_13{top:466.6834194vw;}
.c5_14{top:508.736211vw;}
.c5_15{top:574.3795931vw;z-index: 1;}
.c5_16{top:653.8696261vw;}
.c5_17{top:702.5893237vw;}
.c5_18{top:778.2330648vw;}
.c5_19{top:821.0551148vw;}
.c5_20{top:887.2113358vw;}
.c5_21{top:914.9046376vw;}
.c5_22{top:951.82904vw;z-index: 1;}
.c5_23{top: 989.086536vw;}
.c5_24{top: 1038.754878vw;}
.c5_25a{top: 1038.934623vw;}
.c5_25b{top: 1094.654321vw;}
.c5_26{top: 1139.01417vw;}
.c5_27a{top:1185.17075vw; z-index: 1;}
.c5_27b{top:1211.581954vw; z-index: 2;}
.c5_27c{top: 1235.942162vw;}
.c5_28{top: 1326.099101vw;}
.c5_29{top: 1384.229285vw;}
.c5_30{top:1442.615889vw;}
.c5_31{top:1547.491448vw;}
.c5_32{top:1592.364854vw;}
.c5_33{top:1574.415492vw;z-index: 1;}
.c5_34{top:1644.930844vw;}
.c5_35{top:1676.726857vw;}
.c5_36{top:1643.905166vw;z-index: 1;}
.c5_37{top:1720.574585vw;}
.c5_38{top:1784.67945vw;}

@media all and (min-width: 768px) {
	.murai_comic.c5{
    height: 7350px;
    background: url(../img/bg-thunder1.png) top 70px right 0px no-repeat, url(../img/bg-thunder1.png) top 1270px right 10px no-repeat, url(../img/bg-thunder1.png) top 2200px right 0px no-repeat, url(../img/bg-thunder1.png) top 3220px right 0px no-repeat, url(../img/bg-thunder1.png) top 4400px right 0px no-repeat, url(../img/bg-thunder1.png) top 5460px right 0px no-repeat;
    background-size: auto;
	}
	.c5_02{top: 160px;}
	.c5_03{top: 200px;}
	.c5_04{top: 365px;}
	.c5_05{top: 410px;}
	.c5_06{top: 660px;}
	.c5_07{top: 730px;}
	.c5_08{top: 740px;}
	.c5_09{top: 925px;z-index: 1;}
	.c5_10a{top: 1030px;}
	.c5_10b{top: 1097px;}
	.c5_11{top: 1610px;}
	.c5_12{top: 1690px;}
	.c5_13{top: 1770px;}
	.c5_14{top: 1980px;}
	.c5_15{top: 2220px;}
	.c5_16{top: 2610px;}
	.c5_17{top: 2650px;}
	.c5_18{top: 3033px;}
	.c5_19{top: 3170px;}
	.c5_20{top: 3333px;}
	.c5_21{top: 3510px;}
	.c5_22{top: 3660px;}
	.c5_23{top: 3770px;}
	.c5_24{top: 4013px;}
	.c5_25a{top: 4050px;}
	.c5_25b{top: 4320px;}
	.c5_26{top: 4395px;}
	.c5_27a{top: 4785px;}
	.c5_27b{top: 4895px;}
	.c5_27c{top: 4810px;}
	.c5_28{top: 5245px;}
	.c5_29{top: 5290px;}
	.c5_30{top: 5590px;}
	.c5_31{top: 5984px;}
	.c5_32{top: 5993px;}
	.c5_33{top: 6000px;}
	.c5_34{top: 6300px;}
	.c5_35{top: 6290px;}
	.c5_36{top: 6270px;}
	.c5_37{top: 6570px;}
	.c5_38{top: 6890px;}
}


/* c6 */
.murai_comic.c6{
  background: url(../img/bg-thunder1_sp.png) top 40px right -10px no-repeat,
   url(../img/bg-thunder1_sp.png) top 174.3652336vw right 30px no-repeat,
   url(../img/bg-thunder1_sp.png) top 382.0649972vw right 0px no-repeat,
   url(../img/bg-thunder1_sp.png) top 541.0450632vw right 0px no-repeat,
   url(../img/bg-thunder1_sp.png) top 723.1028806vw right -30px no-repeat,
   url(../img/bg-thunder1_sp.png) top 921.469909vw right 10px no-repeat;
  background-size: 90% auto;
  height: 1174.401132vw;
}
.c6_01{top:0vw;}
.c6_02{top:38.46291918vw;z-index: 1;}
.c6_03{top:23.07775151vw; }
.c6_04{top:76.92583836vw;}
.c6_05{top:112.8245629vw;}
.c6_06{top:158.980066vw;}
.c6_07{top:202.5713744vw;}
.c6_08{top:238.4700989vw;}
.c6_09{top:285.9076993vw;z-index: 1;}
.c6_10{top:328.2169104vw;}
.c6_11{top:379.5008026vw;}
.c6_12{top:438.4772787vw;z-index: 1;}
.c6_13{top:458.9908356vw;}
.c6_14{top:510.2747278vw;}
.c6_15{top:548.737647vw;}
.c6_16{top:558.9944254vw;}
.c6_17{top:663.1007267vw;z-index: 2;}
.c6_18{top:683.3578641vw;z-index: 1;}
.c6_19{top:736.1802731vw;}
.c6_20{top:776.9509675vw;z-index: 1;}
.c6_21{top:833.3632489vw;}
.c6_22{top:911.5711846vw;z-index: 1;}
.c6_23{top:915.4174765vw;}
.c6_24{top:925.674255vw;}
.c6_25{top:981.3172781vw;z-index: 1;}
.c6_26{top:1034.908945vw;}
.c6_27{top:1097.731713vw;}

@media all and (min-width: 768px) {
	.murai_comic.c6{
		height: 5010px;
		background: url(../img/bg-thunder1.png) top 10px right 0px no-repeat, url(../img/bg-thunder1.png) top 1270px right 0px no-repeat, url(../img/bg-thunder1.png) top 2200px right 0px no-repeat, url(../img/bg-thunder1.png) top 3430px right 77px no-repeat;
		background-size: auto;
	}
	.c6_02{top: 230px;}
	.c6_03{top: 200px;}
	.c6_04{top: 355px;}
	.c6_05{top: 510px;}
	.c6_06{top: 600px; }
	.c6_07{top: 840px;}
	.c6_08{top: 930px;}
	.c6_09{top: 1120px;}
	.c6_10{top: 1250px;}
	.c6_11{top: 1460px;}
	.c6_12{top: 1690px;}
	.c6_13{top: 1765px;}
	.c6_14{top: 1860px;}
	.c6_15{top: 2060px;}
	.c6_16{top: 2150px;}
	.c6_17{top: 2550px;}
	.c6_18{top: 2650px;}
	.c6_19{top: 2800px;}
	.c6_20{top: 3130px;}
	.c6_21{top: 3375px;}
	.c6_22{top: 3760px;}
	.c6_23{top: 3430px;}
	.c6_24{top: 3830px;}
	.c6_25{top: 4100px;}
	.c6_26{top: 4252px;}
	.c6_27{top: 4550px;}
}


/* c7 */
.murai_comic.c7{
  background: url(../img/bg-thunder1_sp.png) top 40px right -10px no-repeat,
   url(../img/bg-thunder1_sp.png) top 174.3652336vw right 30px no-repeat,
   url(../img/bg-thunder1_sp.png) top 382.0649972vw right 0px no-repeat,
   url(../img/bg-thunder1_sp.png) top 541.0450632vw right 0px no-repeat,
   url(../img/bg-thunder1_sp.png) top 723.1028806vw right -30px no-repeat;
  background-size: 90% auto;
  height: 1056.44818vw;
}
.c7_01{top:0vw;}
.c7_02{top:28.20614073vw;z-index: 1;}
.c7_03{top:44.61698625vw; }
.c7_04{top:105.1319791vw;}
.c7_05{top:133.3381198vw;}
.c7_06{top:182.0578175vw;}
.c7_07{top:232.0596124vw;z-index: 1;}
.c7_08{top:248.7268774vw;}
.c7_09{top:291.2925079vw;}
.c7_10{top:337.1915915vw;}
.c7_11{top:382.0649972vw;}
.c7_12{top:438.4772787vw;z-index: 2;}
.c7_13{top:451.2982517vw;z-index: 1;}
.c7_14{top:493.3510434vw;}
.c7_15{top:559.2508449vw;}
.c7_16{top:657.56221vw;z-index: 1;}
.c7_17{top:675.9216998vw;}
.c7_18{top:726.9491725vw;}
.c7_19{top:794.6439103vw;}
.c7_20{top:843.6200274vw;z-index: 1;}
.c7_21{top:866.6977789vw;}
.c7_22{top:942.34152vw;}
.c7_23{top:1015.421066vw;}

@media all and (min-width: 768px) {
	.murai_comic.c7{
		height: 4770px;
		background: url(../img/bg-thunder1.png) top 0px right 0px no-repeat, url(../img/bg-thunder1.png) top 1270px right 0px no-repeat, url(../img/bg-thunder1.png) top 2200px right 0px no-repeat, url(../img/bg-thunder1.png) top 3430px right 77px no-repeat;
		background-size: auto;
	}
	.c7_02{top: 120px;z-index: 2;}
	.c7_03{top: 180px;z-index: 1;}
	.c7_04{top: 415px;}
	.c7_05{top: 510px;}
	.c7_06{top: 820px; }
	.c7_07{top: 850px;}
	.c7_08{top: 1030px;}
	.c7_09{top: 1240px;}
	.c7_10{top: 1370px;}
	.c7_11{top: 1485px;}
	.c7_12{top: 1730px;}
	.c7_13{top: 1765px;}
	.c7_14{top: 1950px;}
	.c7_15{top: 2290px;}
	.c7_16{top: 2670px;}
	.c7_17{top: 2700px;}
	.c7_18{top: 2990px;}
	.c7_19{top: 3350px;}
	.c7_20{top: 3430px;}
	.c7_21{top: 3576px;}
	.c7_22{top: 3930px;}
	.c7_23{top: 4490px;}
}




.fdu,
.fdo,
.fdod,
.fcup{
  opacity: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fdu:not(:target),
  .fdo:not(:target),
  .fdod:not(:target),
  .fcup:not(:target){opacity: 1;}
}
@keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 60px);
    transform: translate(0, 60px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes focusUp {
0%{transform:scale(.2);opacity:0}
50%{transform:scale(1.2);}
100%{transform:scale(1);opacity:1}
}


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



.beforenext{
	width: 90vw;
  max-width: 900px;
  height: 80px;
  margin: 0 auto 30px;
}
.beforenext a{
	color: #333;
  background: #e8e920;
  font-family: 'Damion';
  font-weight: normal;
  font-size: 60px;
  text-decoration: none;
  display: inline-block;
  margin-right: 10px;
  width: 90px;
  height: 70px;
  line-height: 60px;
  text-align: center;
  border-radius: 30px;
	cursor: pointer;
	box-shadow: 0 5px 0;
	position: relative;
}
.beforenext a span{
  font-size: 20%;
  font-weight: bold;
  font-style: oblique;
}
.beforenext a:hover{
	color: #e8e920;
	background: #333;
	box-shadow: 0 0 0;
}
.beforenext a::after{
	content:"";
	position:absolute;
	width: 16px;
	height: 16px;
	top:calc(50% - 8px);
	background: #e8e920;
	transform: rotate(45deg);
	z-index: -1;
}
.beforenext a.before{
	float: left;
}
.beforenext a.next{
	float: right;
}
.beforenext a.before::after{
	left: -5px;
}
.beforenext a.next::after{
	right: -5px;
}
.beforenext a:hover::after{
	background: #333;
}

div.header header{
	text-align: center;
}
div.header header img {
	max-width: 90vw;
}
@media all and (min-width: 768px) {
	div.header header img {
    max-width: 50vw;
    margin: 0 auto 0 -6vw;
	}
}
.header .last img{
	max-width: 60vw;
	margin: 0 auto 0 10vw;
}
@media all and (min-width: 768px) {
	.header .last{
    margin: -190px auto 0px auto;
    padding-left: 550px;
	}
	.header .last img{
		width: 300px;
	max-width: 25vw;}
}
div.stories{
	margin: 0 auto;
	padding: 60px 0 30px;
}
div.stories a{
	color: #333;
  background: #e8e920;
  font-family: 'Damion';
  font-weight: normal;
  font-size: 60px;
  text-decoration: none;
  display: inline-block;
  margin-right: 10px;
  width: 70px;
  height: 70px;
  line-height: 60px;
  text-align: center;
  border-radius: 100%;
	cursor: pointer;
	box-shadow: 0 5px 0;
	position: relative;
}
div.stories a span{
  font-size: 20%;
  font-weight: bold;
  font-style: oblique;
}
div.stories a.active,
div.stories a:hover{
	color: #e8e920;
	background: #333;
	box-shadow: 0 0 0;
}
div.stories a.active::after,
div.stories a:hover::after{
	content:"";
	position:absolute;
	width: 16px;
	height: 16px;
	bottom: -5px;
	left:calc(50% - 8px);
	background: #333;
	transform: rotate(45deg);
	z-index: -1;
}
div.story {
	padding:0;
	margin-bottom: 20px;
}
div.story img{max-width:90vw;}
div.story article {
	width:90%;
	max-width:900px;
	margin:0 auto;
	text-align: center;
	line-height: 1;
}
div.story article header {
	margin-bottom:30px;
}
div.story article header h2 {
	font-size:400%;
}
div.story article header h2 span{
  font-size: 200%;
  line-height: .5;
}
div.story article header h3 {
	font-size:150%;
}
div.story article header p {
	font-size:200%;
}
div.story article div.txt {
	padding:30px;
}
div.story article div.txt div.btn a {
	font-size:125%;
}
}
@media all and (max-width: 767px) {
div.header {
	padding-top: 20px;
}
div.header header > h1 > span {
	padding-top:180px;
	background-position: top center;
	background-size: 85vw auto;
}
div.story {
	padding:20px 15px;
}
div.story article header {
	margin-bottom:20px;
}
div.story article header h2 {
	font-size:12vw;
}
div.story article header h2 img{
  max-height: 120px;
}
div.story article header h3 {
	font-size:3.5vw;
}
div.story article header p {
	font-size:5vw;
}
div.story article div.txt {
	padding:20px;
}
div.story article div.txt div.btn a {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
}