@charset "utf-8";

.nav-list li a.how-to-play{
	background-color: #FF931E !important;
}

.content{
	background-image: url('../../img/bg-main.jpg');
}

.content-area{
	margin:0 auto;
	position: relative;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.content-area{
		width:80%;
		padding:50px 0 50px 0;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.content-area{
		width:95%;
		padding:20px 0 50px 0;
	}
}
.content-frame-black{
	background-color: rgba(0,0,0,0.8);
}

.img-info{
	position: absolute;
	top:5%;
}
.content-frame-body{
	background-image: url('../../img/content-frame-body.png');
	background-size: 100%;
	background-repeat: repeat-y;
	margin:0 !important;
	padding:0 !important;
	border-top:1px solid rgba(132,132,132,0);
	border-bottom:1px solid rgba(132,132,132,0);
}

.information-frame-top-01,
.information-frame-top-03{
	margin:0 !important;
	padding:0 !important;
	line-height:0;
}
.information-frame-body{
	background-image: url('../../img/information-frame-body.png');
	background-size: 100%;
	background-repeat: repeat-y;
	margin:0 !important;
	padding:0 !important;
	border-top:1px solid rgba(132,132,132,0);
	border-bottom:1px solid rgba(132,132,132,0);
}
.con-play{
	width:90%;
	padding:5px 0;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.con-play{
		margin:0 auto;
		border-bottom:5px solid #FF6400;
		position:relative;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.con-play{
		margin:0 auto 20px;
		border-bottom:3px solid #FF6400;
	}
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.title{
		width:70%;
		position:absolute;
		left:0;
		bottom:50px;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.title{
	}
}
.video-win{
	background:linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
	background:-webkit-linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
	background:-moz-linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
	background:-o-linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
	background:-ms-linear-gradient(41deg,rgba(132,132,132,1),rgba(255,255,255,1)24%,rgba(173,173,173,1)50%,rgba(233,233,233,1)78%,rgba(143,143,143,1));
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.video-win{
		width:50%;
		float:left;
		margin-top:70px;
		padding:8px 8px 8px 8px;
	}
	.line3{
		margin-top:20px !important;
	}
	.anime-video .video-win{
		padding:6px 6px 6px 6px !important;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.video-win{
		width: 90%;
		margin:20px auto;
		padding:6px 6px 6px 6px;
	}
	.anime-video .video-win{
		padding:6px 6px 6px 6px !important;
	}
}
.video-win iframe{
	width:100%;
	aspect-ratio: 16 / 9;
	margin:0 !important;
	padding:0 !important;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.image{
		width:49%;
		float:right;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.image{
		width:70%;
		margin:0 auto;
	}
}