
.youtube iframe {
width: 100%;
height: 100%;
border-radius:0 ;
}
article {
		margin: 0 auto;
	}
#introduction .inner2 section p a {
		color: #4270cc;
	}
#introduction .inner h1 p a {
		color: #4270cc;
		text-decoration: underline;
	}
#introduction .inner h1 p a:hover {
		text-decoration: none;
	}

/**************** FONTS ****************/

/* google fonts */

/**************** FONTS ****************/

#introduction .inner2 section p,
#introduction .inner2 section dl dd,
#introduction .inner2 section dl.bsfuji dd h3,
#introduction .inner2 section dl.nipponhousou dd h3,
#link p,
#header h2 em,
#introduction .inner h1 p,
#introduction .inner2 section p,
#introduction .inner2 section dl dd,
#introduction .inner2 section dl.bsfuji dd h3,
#introduction .inner2 section dl.nipponhousou dd h3,
#link p  {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

#link h2,
#introduction .inner .Versus,
#introduction #onsei dl,
#introduction .inner2 h1,
#introduction .inner2 section h2,
#introduction .inner .Versus,
#introduction #onsei dl,
#introduction .inner2 h1,
#introduction .inner2 section h2{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

/**************** MOBILE ****************/

/* モニター幅450px以下 */

/**************** MOBILE ****************/

@media only screen and (max-width:550px){
	#movie h1 img {	width: 100%;	}
	#introduction h1 img {	width: 100%;	}
	#story h1 img {	width: 100%;	}
	#cast h1 img {	width: 100%;	}
	#chart h1 img {	width: 100%;	}
}

/**************** MOBILE ****************/

/* モニター幅750px以下 */

/**************** Smartphone ****************/

@media only screen and (max-width:750px){

br.sp{
	display:block;
}

/*------------HEAD--------------*/
#header {
	width:100%;
	padding-top: 91px;
	position: relative;
	width: 100%;
	background-color: #000;
	margin-bottom: 0;
	padding-bottom: 0;
	}
#header .header_inner {
	width:100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	background-image:url(../img/mainBG.png);
	background-size:cover;
	height: 0;
    padding: 66.75% 0 0 0;
	position: relative;
	background-repeat: no-repeat;
	}
	#header h1 {
		text-align: center;
		position: absolute;
		right:0;
		bottom:30%;
	}
	#header h1 img {
		width:80%;
	}
	#header h2 {
		text-align: center;
		position: absolute;
		right:0;
		left:0;
		top:10%;
		font-size: 200%;
		font-family: ab-lineboard-bold, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: #FFF;
		line-height: 0.8;
	}#header h2 span {
		font-size:70%;
	}
	#header h2 strong#red {color:#ff2035;}
	#header h2 strong#blue {color:#4270cc;}
	#header h2 em {
		font-style: normal;
		font-size:50%;
	}
/*SNS AREA*/
	#sns {
		width:100%;
		margin:0 auto;
		position: absolute;
		right:0;
		bottom:5%;
	}
	#sns ul {
		display: flex;
		justify-content:center;
		margin: 0 auto;
	}
	#sns ul li img {
		width:2.5em;
		margin: 0 0.5em;
	}
	#sns p {
		text-align: center;
		margin-bottom: 10px;
	}

	

/*------------INTRODUCTION--------------*/

#introduction {
	padding: 2em 0 4em 0;
	background-color: #d9d9d9;
}
	
#introduction .inner {
	width:92%;
	margin: 0 auto 3em auto;
	padding: 1.5em 0;
	border: 8px solid #FFF;
	border-radius: 30px;
	}
	#introduction .inner h1 {
		width:90%;
		margin: 0 auto;
		padding: 0.5em 0 0.3em 0;
		text-align: center;
		background-color: #FFF;
		border-radius: 10px;
		font-family: korolev-compressed, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 600%;
		color: #484848;
		line-height: 0.5;
	}#introduction .inner h1 em {font-size: 50%; font-style: normal; display: inline-block; margin-bottom: 0.5em;}
	#introduction .inner h1 strong {display: inline-block; border-bottom:13px solid #484848; padding-bottom: 0.1em; line-height:0.70em;}
	#introduction .inner h1 strong span {font-size: 50%;}
	#introduction .inner h1 br {margin: 0;padding: 0;height:0;}
	#introduction .inner h1 p {
		display: block;
		font-size: 18%;
		line-height: 1.5;
		margin: 0.5em 0 0 0;
		padding: 0 1em 0 1em;
	}
	
#introduction .inner .Versus {
	width:96%;
	margin: 0 auto;
	text-align: center;
	font-style: normal;
	color: #484848;
	font-size: 200%;
	line-height: 1.2;
	}
	#introduction .inner .Versus img {
		width:100%;
		display: inline-block;
		margin: 1em 0;
	}
	#introduction .inner .Versus span {
		font-size:70%;
	}
	
#introduction #onsei {
	display: flex;
	margin-top: 3em;
	}
	#introduction #onsei dl {
		background-color: #FFF;
		width:43%;
		margin: 0 auto 1.5em auto;
		text-align: center;
		border-radius: 10px;
		font-style: normal;
	}
	#introduction #onsei dl#onsei_main {border: 7px solid #4270cc; color:#4270cc;}
	#introduction #onsei dl#onsei_sub {border: 7px solid #ff1f34; color:#ff1f34;}
	
	#introduction #onsei dl dt {
		color: #FFF;
		margin: -20px auto 0.5em auto;
		width:85%;
		border-radius: 30px;
		line-height: 1.5;
		vertical-align: middle;
		font-size: 120%;
	}
	#introduction #onsei dl#onsei_main dt {background-color:#4270cc;}
	#introduction #onsei dl#onsei_sub dt {background-color:#ff1f34;}
	
	#introduction #onsei dl dt img {
		width:25px;
		margin-right: 0.2em;
		vertical-align: middle;
	}
	#introduction #onsei dl dd {
		font-size: 120%;
		line-height: 1;
		padding-bottom: 0.5em;
	}
	#introduction #onsei dl dd img {
		width:90%;
		display: inline-block;
		margin-bottom: 0.2em;
	}
	
	
/*INTRODUCTION2*/


#introduction .inner2 {
	width:92%;
	margin: 0 auto;
	padding: 1.5em 0;
	border: 8px solid #484848;
	border-radius: 30px;
	background-color: #FFF;
	}
#introduction .inner2 h1 {
	text-align: center;
	background-color:#484848;
	color: #FFF;
	font-style: normal;
	margin: -50px auto 2em auto;
	width:65%;
	border-radius: 30px;
	line-height: 1.5;
	vertical-align: middle;
	font-size: 180%;
	}

	#introduction .inner2 div#date {
		width:90%;
		margin: 0 auto;
		padding: 0.3em 0 0.3em 0;
		text-align: center;
		background-color: #FFF;
		border-radius: 10px;
		font-family: korolev-compressed, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 600%;
		color: #484848;
		line-height: 0.5;
	}#introduction .inner2 div#date em {font-size: 50%; font-style: normal;}
	#introduction .inner2 div#date strong {display: inline-block; border-bottom:13px solid #484848; padding-bottom: 0.1em;}
	#introduction .inner2 div#date strong span {font-size: 50%;}
	#introduction .inner2 div#date br {margin: 0;padding: 0;height:0;}
	
	
#introduction .inner2 section {
	margin-bottom: 4em;
	}
#introduction .inner2 section p {
	width:90%;
	margin: 0 auto;
	text-align: center;
	color:#484848;
	font-style: normal;
	}
	#introduction .inner2 section p img {
		width:95%;
	}
	
#introduction .inner2 section h2 {
	text-align: center;
	width:80%;
	margin: 0 auto 1em auto;
	background-color:#484848;
	border-radius: 30px;
	color: #FFF;
	font-style: normal;
	font-size: 150%;
	}
	#introduction .inner2 section h2 span {font-size: 70%;}
	
#introduction .inner2 section h2.bsfuji {background-color:#4270cc;}
#introduction .inner2 section h2.nipponhousou {background-color:#ff1f34;}
	
#introduction .inner2 section dl {
	width:90%;
	margin: 0 auto 1em auto;
	display: flex;
	}
#introduction .inner2 section dl dt {
	width:35%;
	}
#introduction .inner2 section dl dd {
	width:65%;
	color:#484848;
	text-align: center;
	align-self: center;
	font-style: normal;
	font-size: 130%;
	}
#introduction .inner2 section dl dt img {
	width:100%;
	}
#introduction .inner2 section dl.bsfuji dd h3 {
	width:65%;
	margin: 0 auto 0.5em auto;
	background-color:#4270cc;
	border-radius: 30px;
	color: #FFF;
	font-style: normal;
	}
	#introduction .inner2 section dl dd span {
		font-size: 70%;
	}
	
#introduction .inner2 section dl.nipponhousou dd h3 {
	width:65%;
	margin: 0 auto 0.5em auto;
	background-color:#ff1f34;
	border-radius: 30px;
	color: #FFF;
	font-style: normal;
	}	
	
/*MOVIE*/
.youtube {
  width: 95%;
  aspect-ratio: 16 / 9;
margin: 1em auto 0 auto;
}

/*------------LINK--------------*/
#link {
	background-color:#e2e7e3;
	width:100%;
	text-align: center;
	padding: 4em 0;
	}
#link div {
	width:95%;
	margin: 0 auto 0.5em auto;
	}
#link img {
	width:100%;
	}
#link h2 {
	text-align: center;
	width:95%;
	margin: 0 auto 1em auto;
	background-color:#484848;
	border-radius: 30px;
	color: #FFF;
	font-size: 120%;
	font-style: normal;
	}
	#link p {
		font-size: 90%;
		font-style: normal;
	}

/*------------COPYRIGHT--------------*/
#copy {
	background-color: #484848;
	width:100%;
	text-align: center;
	padding: 2em 0;
	}
#copy p {
	color: #FFF;
	font-size: 80%;
	}	
	
}



/**************** MOBILE ****************/

/* モニター幅450px以下 */

/**************** MOBILE ****************/

@media only screen and (max-width:517px){

}




/**************** PC ****************/

@media only screen and (min-width:751px){
br.sp{
	display:none;
}

#header {
	padding-top: 130px;
	width:100%;
	background-color: #d9d9d9;
	background-image:url(../img/mainBG_pc.jpg);
    background-repeat: no-repeat;
	background-size: auto;
	background-position: center 130px;
	height: 542px;
	position: relative;
	}
#header .header_inner {
	width:1100px;
	margin: auto;
	position: relative;
	}
	#header h1 {
		width:100%;
		text-align: center;
		position: absolute;
		right:0;
		top:200px;
	}
	#header h1 img {
		width:80%;
	}
	#header h2 {
		width:100%;
		text-align: center;
		position: absolute;
		right:0;
		left:0;
		top:50px;
		font-size: 450%;
		font-family: ab-lineboard-bold, sans-serif;
		font-weight: 400;
		font-style: normal;
		color: #FFF;
		line-height: 0.8;
	}#header h2 span {
		font-size:70%;
	}
	#header h2 strong#red { display: inline-block; background:#ff2035 ;color:#ffffff; padding:3px 5px;}
	#header h2 strong#blue { display: inline-block; background: #4270cc; color:#ffffff; padding:3px 5px;}
	#header h2 em {
		font-style: normal;
		font-size:50%;
	}
/*SNS AREA*/
	#sns {
		width:100%;
		margin:0 auto;
		position: absolute;
		right:0;
		top:480px;
	}
	#sns ul {
		display: flex;
		justify-content:center;
		margin: 0 auto;
	}
	#sns ul li img {
		width:2.5em;
		margin: 0 0.5em;
	}
	#sns p {
		text-align: center;
		margin-bottom: 10px;
	}


/*------------INTRODUCTION--------------*/

#introduction {
	padding: 4em 0 4em 0;
	background-color: #d9d9d9;
}
	
#introduction .inner {
	width:1000px;
	margin: 0 auto 8em auto;
	padding: 1.5em 0;
	border: 8px solid #FFF;
	border-radius: 30px;
	}
	#introduction .inner h1 {
		width:90%;
		margin: 0 auto;
		padding: 0.5em 0 0.2em 0;
		text-align: center;
		background-color: #FFF;
		border-radius: 10px;
		font-family: korolev-compressed, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 800%;
		color: #484848;
		line-height: 0.5;
	}#introduction .inner h1 em {font-size: 50%; font-style: normal; display: inline-block;margin-bottom: 0.8em;}
	#introduction .inner h1 strong {display: inline-block; border-bottom:13px solid #484848; padding-bottom: 0.1em;}
	#introduction .inner h1 strong span {font-size: 50%;}
	#introduction .inner h1 br {margin: 0;padding: 0;height:0;}
	#introduction .inner h1 p {
		display: block;
		font-size: 14%;
		line-height: 1.5;
		margin: 0;
		padding: 0;
	}
	
#introduction .inner .Versus {
	width:80%;
	margin: 0 auto 1em auto;
	text-align: center;
	font-style: normal;
	color: #484848;
	font-size:300%;
	line-height: 1.2;
	}
	#introduction .inner .Versus img {
		width:100%;
		display: inline-block;
		margin: 1em 0;
	}
	#introduction .inner .Versus span {
		font-size:70%;
	}
	
#introduction #onsei {
	display: flex;
	margin-top: 3em;
	}
	#introduction #onsei dl {
		background-color: #FFF;
		width:44%;
		margin: 0 auto 1.5em auto;
		text-align: center;
		border-radius: 10px;
		font-style: normal;
	}
	#introduction #onsei dl#onsei_main {border: 7px solid #4270cc; color:#4270cc;}
	#introduction #onsei dl#onsei_sub {border: 7px solid #ff1f34; color:#ff1f34;}
	
	#introduction #onsei dl dt {
		color: #FFF;
		margin: -20px auto 0.5em auto;
		width:85%;
		border-radius: 30px;
		line-height: 1.5;
		vertical-align: middle;
		font-size: 200%;
	}
	#introduction #onsei dl#onsei_main dt {background-color:#4270cc;}
	#introduction #onsei dl#onsei_sub dt {background-color:#ff1f34;}
	
	#introduction #onsei dl dt img {
		width:35px;
		margin-right: 0.2em;
		vertical-align: middle;
	}
	#introduction #onsei dl dd {
		font-size: 250%;
		line-height: 1;
		padding-bottom: 0.5em;
	}
	#introduction #onsei dl dd img {
		width:70%;
		display: inline-block;
		margin: 0.3em auto;
	}
	
	
/*INTRODUCTION2*/


#introduction .inner2 {
	width:1000px;
	margin: 0 auto;
	padding: 1.5em 0;
	border: 8px solid #484848;
	border-radius: 30px;
	background-color: #FFF;
	}
#introduction .inner2 h1 {
	text-align: center;
	background-color:#484848;
	color: #FFF;
	font-style: normal;
	margin: -50px auto 2em auto;
	width:65%;
	border-radius: 30px;
	line-height: 1.5;
	vertical-align: middle;
	font-size: 180%;
	}

	#introduction .inner2 div#date {
		width:90%;
		margin: 0 auto;
		padding: 0.3em 0 0.3em 0;
		text-align: center;
		background-color: #FFF;
		border-radius: 10px;
		font-family: korolev-compressed, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 700%;
		color: #484848;
		line-height: 0.5;
	}#introduction .inner2 div#date em {font-size: 50%; font-style: normal;}
	#introduction .inner2 div#date strong {display: inline-block; border-bottom:13px solid #484848; padding-bottom: 0.1em;}
	#introduction .inner2 div#date strong span {font-size: 50%;}
	#introduction .inner2 div#date br {margin: 0;padding: 0;height:0;}
	
	
#introduction .inner2 section {
	margin-bottom: 4em;
	}
#introduction .inner2 section p {
	width:80%;
	margin: 0 auto 1em auto;
	text-align: center;
	color:#484848;
	font-style: normal;
	}

	#introduction .inner2 section p.rimokon {
		margin: 2em auto;
	}
	#introduction .inner2 section p img {
		width:60%;
	}
	
#introduction .inner2 section h2 {
	font-size: 170%;
	text-align: center;
	width:80%;
	margin: 0 auto 1em auto;
	background-color:#484848;
	border-radius: 30px;
	color: #FFF;
	font-style: normal;
	}
	#introduction .inner2 section h2 span {font-size: 70%;}
	
#introduction .inner2 section h2.bsfuji {background-color:#4270cc;}
#introduction .inner2 section h2.nipponhousou {background-color:#ff1f34;}
	
#introduction .inner2 section dl {
	width:80%;
	margin: 0 auto 1em auto;
	display: flex;
	}
#introduction .inner2 section dl dt {
	width:35%;
	text-align: center;
	}
#introduction .inner2 section dl dd {
	width:65%;
	color:#484848;
	text-align: center;
	align-self: center;
	font-style: normal;
	font-size: 150%;
	}
#introduction .inner2 section dl dt img {
	width:100%;
	}
#introduction .inner2 section dl.bsfuji dd h3 {
	width:65%;
	margin: 0 auto 0.5em auto;
	background-color:#4270cc;
	border-radius: 30px;
	color: #FFF;
	font-style: normal;
	font-size: 120%;
	}
	#introduction .inner2 section dl dd span {
		font-size: 70%;
	}
	
#introduction .inner2 section dl.nipponhousou dd h3 {
	width:65%;
	margin: 0 auto 0.5em auto;
	background-color:#ff1f34;
	border-radius: 30px;
	color: #FFF;
	font-style: normal;
	font-size: 120%;
	}	
	
/*MOVIE*/
.youtube {
  width: 80%;
  aspect-ratio: 16 / 9;
margin: 1em auto 0 auto;
}

/*------------LINK--------------*/
#link {
	background-color:#e2e7e3;
	width:100%;
	text-align: center;
	padding: 4em 0;
	}
#link div {
	width:600px;
	margin: 0 auto 0.5em auto;
	}
#link img {
	width:100%;
	}
#link h2 {
	text-align: center;
	width:100%;
	margin: 0 auto 1em auto;
	background-color:#484848;
	border-radius: 30px;
	color: #FFF;
	font-size: 120%;
	font-style: normal;
	}
	#link p {
		font-size: 90%;
		font-style: normal;
	}

/*------------COPYRIGHT--------------*/
#copy {
	background-color: #484848;
	width:100%;
	text-align: center;
	padding: 2em 0;
	}
#copy p {
	color: #FFF;
	font-size: 80%;
	}	
		

}





