@charset "UTF-8";
/* CSS Document */


#billboard{
	width:100%;
	position:relative;

	max-height:800px;
	overflow:hidden;
	/*margin-bottom:20px;*/
}
#billboard .visual{
	width:50%;
	float:left;
}

#billboard .title{
	width:50%;
}

#billboard #icon_tgs{
	position:absolute;
	left:1%;
	bottom:8%;
	max-width:120px;
	width:12%;
}

#billboard #spec_box{
	display:inline-block;
	position:relative;
	width:50%;

	margin-top:5%;

	/*display:none;*/
}
#billboard #spec_box img.spec{
	width:95%;
	max-width:452px;
	display:block;
	margin:0 auto;
}

#billboard .info_banner{
	display:block;
	width:95%;
	max-width:452px;
	margin:1% auto;
	margin-top:2%;
}

#billboard .info_button{
	/*position:absolute;
	top:30%;
	right:10%;*/
	display:block;
	background-color:#FFF;
	background:linear-gradient(to bottom,#FFF,#AA9);
	padding:4% 1%;
	text-align:center;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	font-size:90%;

	width:95%;
	max-width:452px;
	margin:1% auto;
	margin-top:3%;

	border-radius:4px;
}

#billboard .owabi{
	border-radius:0;
	background:none;
	background-color:rgba(255,255,255,0.6);
	border:1px #CCC solid;
	padding:1%;
}
#billboard #top_mov_preview{
	width:45.6%;
	margin:1% 2.2%;
	border:1px #999 solid;

	/*margin-top:3%;*/
}

#billboard #prize{
	position:absolute;
	bottom:5.5%;
	left:1%;
	width:48%;
	max-width:474px;

	/*bottom:0%;*/
}



#banner_wpk{
	width:100%;
	margin:1% auto;
	margin-bottom:3%;
}

section#special {
	margin-top:3%;
}
section#special img{
	width:100%;
	margin:0.5% 0;
}
section#special img.pos_left{
	float:left;
}

section#special img.pos_right{
	float:right;
}


section#special img#button_preorder{
	float:right;
	margin-bottom:6%;
	max-width:285px;
	width:40%;
}

section#special img#banner_sangokushi30th{
	display:block;
	margin:0.5% auto;
	margin-top: 5%;
}

section#special .banner_box{
	padding:3.5% 0;
	border:1px #393929 dotted;
	border-width:0 0 1px 0;
}

section#special .banner_box:first-child{
	padding-top:0;
}

section#special .banner_box:last-child{
	border-width:0;
}

section#special img.half{
	width:49.5%;
}
section#special img.triplet{
	width:33%;
}

section#special .triplet img{
	width:33%;
	margin:0.3% 0.16%;
}

section#special #product_info{
	border-width:0;
}

section#special #product_info img{
	width:32.7%;
	margin:0.3% 0.3%;
	margin-bottom:1%;
}


@media screen and (max-width:500px){
	#billboard{
		max-height:none;
	}
	#billboard .visual{
		width:100%;
		float:none;
	}

	#billboard #icon_tgs{
		left:auto;
		right:1%;
		bottom:auto;
		top:1%;
		width:20%;
	}

	#billboard .title{
		width:100%;
		margin-top:-30%;
	}

	#billboard #spec_box{
		width:100%;
	}

	#billboard #info_release{
		padding:2%;
	}

	#billboard #top_mov_preview{
		width:95%;
		display:block;
		margin:0 auto;
	}


	#billboard #prize{
		position:static;
		width:96%;
		max-width:474px;
		margin:2% auto;
		display: block;
	}

	section#special img{
		margin:0.5% 0;
	}

	/*section#special img.half{
		width:100%;
	}
	section#special img.pos_right{
		float:none;
	}*/
}