@charset "utf-8";

.nav-list li a.extra{
	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;
	}
}
.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);
}
.information-frame-body div{
	width:80%;
	margin:0 auto;
}
.content-frame-black{
	background-color: rgba(0,0,0,0.8);
}
.content-frame-body{
	background-image: url('../../img/content-frame-body.png');
	background-size: 100%;
	background-repeat: repeat-y;
}

.bottom-frame-top{
	line-height: 0.0;
	margin:0;
	padding:0;
}
.bottom-frame-body{
	background-image: url('../../img/information-frame-body.png');
	background-size: 100%;
	background-repeat: repeat-y;
	margin:0;
	padding:0;
	border-top:1px solid rgba(132,132,132,0);
	border-bottom:1px solid rgba(132,132,132,0);
}
.bottom-frame-bottom{
	margin:0;
	padding:0;
}

h3{
	width:90%;
	border-bottom:1px solid #fff;
	margin:0 auto 30px;
	padding:50px 0 10px 0;
	text-align: center;
}
h3 img{
	width:40% !important;
}
.video-area{
	width:90%;
	margin:0 auto;
}
.bottom-area{
	width:80%;
	margin:0 auto;
	padding:0;
}

.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: 80%;
		margin:0 auto 20px;
		padding:8px 8px 3px 8px;
	}
	.anime-video .video-win{
		padding:6px 6px 2px 6px !important;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.video-win{
		width: 90%;
		margin:0 auto 20px;
		padding:6px 6px 3px 6px;
	}
	.anime-video .video-win{
		padding:6px 6px 3px 6px !important;
	}
}
.video-win iframe{
	width:100%;
	aspect-ratio: 16 / 9;
	margin:0 !important;
	padding:0 !important;
}
.anime-video .video-win img{
	margin-bottom:5px !important;
}

.content-maintext{
	width:90%;
	margin:0 auto;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.content-maintext{
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.content-maintext{
	}
}

.content-maintext dl{
	width:85%;
	margin:20px auto 0;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.content-maintext dl{
	}
}
.content-maintext dl dt{
	font-size: 120%;
	font-weight:bold;
	padding:5px 0;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.content-maintext dl dt{
		width:35%;
		height:100%;
		min-height:100%;
		float: left;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.content-maintext dl dt{
		text-align: center;
	}
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.content-maintext dl dd{
		width:65%;
		float: right;
	}
}
.content-maintext dl dd ul{
	list-style-type: disc;
}
.content-maintext dl dd ul li{
	font-size:120%;
	padding:5px 0;
}
.asterisk{
	margin-left:-2.7%;
}

@media screen and ( min-width:640px ) { /* PC ==================== */
	.anime-video{
		width:100%;
		margin: 0 auto;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.anime-video{
		width:100%;
		margin: 0 auto;
	}
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.video-anime-l{
		width:50%;
		float:left;
		margin:0;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.video-manual-l{
		margin-top:20px;
	}
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.video-anime-r{
		width:50%;
		float:right;
		margin:0;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.video-anime-r{
		margin-top:30px;
	}
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.video-anime-r .video-win,
	.video-anime-l .video-win{
		width:90%;
	}
}