@charset "utf-8";

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

.content{
}
.bg-main{background-image: url('../../img/bg-main.jpg');}
.bg-wks-a{background-image: url('../img/bg-wks-a.jpg');}
.bg-wks-d{background-image: url('../img/bg-wks-d.jpg');}
.bg-wks-03{background-image: url('../img/bg-wks-03.jpg');}
.bg-wks-04{background-image: url('../img/bg-wks-04.jpg');}
.bg-wkm{background-image: url('../img/bg-wkm.jpg');}
.bg-wkb-01{background-image: url('../img/bg-wkb-01.jpg');}
.bg-wkb-02{background-image: url('../img/bg-wkb-02.jpg');}
.bg-wkb-03{background-image: url('../img/bg-wkb-03.jpg');}
.bg-wkb-04{background-image: url('../img/bg-wkb-04.jpg');}
.bg-wkb-05{background-image: url('../img/bg-wkb-05.jpg');}
.bg-wkb-06{background-image: url('../img/bg-wkb-06.jpg');}
.bg-wkb-07{background-image: url('../img/bg-wkb-07.jpg');}
.bg-wkb-08{background-image: url('../img/bg-wkb-08.jpg');}
.bg-wkb-09{background-image: url('../img/bg-wkb-09.jpg');}
.bg-wkb-10{background-image: url('../img/bg-wkb-10.jpg');}
.bg-wkex-01{background-image: url('../img/bg-wkex-01.jpg');}

.tit-page{
	width:100%;
}
.tit-page img{
	width:100%;
}
.content-area{
	margin:20px auto 0;
	position: relative;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.content-area{
		width:80%;
		padding:20px 0 50px 0;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.content-area{
		width:95%;
		padding:5px 0 50px 0;
	}
}
.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;
}

.tit-m-wk{
	width:70%;
	margin:0 auto;
}
.tit-m-wks{
	position:absolute;
	bottom:0;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

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

.tit-m-lineup{
	width:50%;
	margin:0 auto;
}
.tit-m-lineup img{
	width:100%;
}
.lineup-frame-top{
	line-height: 0.0;
}
.lineup-frame-body{
	background-image: url('../../img/information-frame-body.png');
	background-size: 100%;
	background-repeat: repeat-y;
	margin:0;
	padding:0;
}
.lineup{
	width:80%;
	margin:0 auto;
	padding:0;
}
.lineup ul{
}
.lineup ul li{
	float: left;
	margin: 15px 0;
	width: calc(33.33% - 20px);
}
.lineup ul li:nth-child(3n+1){
	margin-right: 30px;
}
.lineup ul li:nth-child(3n){
	float: right;
}


/* 商品詳細  ==================== */
@media screen and ( min-width:640px ) { /* PC ==================== */
	.series-area{
		margin-top:70px;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.series-area{
		margin-top:30px;
	}
}
.content-frame-top{
	position: relative;
}
.tit-series{
	width:50%;
	position: absolute;
	top: -24%;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

.release-price{
	width:80%;
	margin:20px auto 10px;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.release{
		width:60%;
		float:left;
		margin-top:15px;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.release{
	}
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.price{
		width:35%;
		float:right;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.price{
		width:60%;
		margin:15px auto;
	}
}

/* WKSシリーズ  ==================== */
.img-wks-catch{
	position: absolute;
	bottom:0;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.image-left{
		width:80%;
		margin-left:-50px;
	}
}

@media screen and ( min-width:640px ) { /* PC ==================== */
	.img-wkex-01{
		width:115%;
		margin:-100px 0 -100px -20px;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.img-wkex-01{
		width:110%;
		margin:-40px 0 -70px -10px;
	}
}


@media screen and ( min-width:640px ) { /* PC ==================== */
	.text-right{
		width:40%;
		position: absolute;
		top:13%;
		right:5%;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.text-right{
		width:90%;
		margin:-100px auto 0;
	}
}
.text-right div{
	margin-bottom:20px;
}
.text-right p{
	width:90%;
	margin:0 auto;
}
.tit-product-name{
	margin:40px 0;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.tit-product-name-fix{
		margin-top:-140px;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.tit-product-name-fix{
		margin-top:-80px;
	}
}
.btn-buy{
	margin:0 auto;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.btn-buy{
		width:50%;
		padding:20px 0;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.btn-buy{
		width:80%;
		padding:0 0 20px 0;
	}
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.img-wks-tf{
		margin:-40px 0;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.img-wks-tf{
		margin:-20px 0;
	}
}

@media screen and ( min-width:640px ) { /* PC ==================== */
	.img-wkex-01-tf{
		width:120%;
		margin:-40px 0 -40px -100px;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.img-wkex-01-tf{
		width:110%;
		margin:-20px 0 -20px -20px;
	}
}


.pro-video{
	width:80%;
	margin:0 auto;
	padding-top:30px;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.video-manual{
		width:49%;
		float:left;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.video-manual{
		margin-top:20px;
	}
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.video-anime{
		width:49%;
		float:right;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.video-anime{
		margin-top:30px;
	}
}
.video-tit-s{
	width:70%;
	margin:0 auto;
}
.pro-video iframe{
	width:100%;
	aspect-ratio: 16 / 9;
}
.video-win{
	padding:6px 6px 3px 6px;
	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));
}

/* WKMシリーズ  ==================== */
/* WKBシリーズ  ==================== */
.img-wkm,
.img-wkb{
	position: relative;
	z-index: 10;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.img-wkm,
	.img-wkb{
		top:-180px;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.img-wkm,
	.img-wkb{
		top:-100px;
	}
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.tit-release{
		margin-top:80px;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.tit-release{
		margin-top:50px;
	}
}
.slider-new-release-w,
.slider-new-release{
	position: relative;
}
.slider-new-release-w .mark-new,
.slider-new-release .mark-new{
	position: absolute;
	width:12%;
	right:10%;
}
.slider-new-release-w .mark-new{
	top:20%;
}
.slider-new-release .mark-new{
	top:-3%;
}
.tit-new-release{
	position: relative;
}
.tit-new-release .mark-new{
	position: absolute;
	width:15%;
	top:-35%;
	right:5%;
}
.wildking-tit{
	width:70%;
	margin:50px auto 0;
}
.wildking-copy{
	width:70%;
	margin:20px auto 0;
}
.wildking-5gattai{
	margin:40px auto 0;
}