@charset "utf-8";



/*--transitionAnimation--*/

.scaleAnimation_hover{
-moz-transition: -moz-transform 0.1s ease;
	-webkit-transition: -webkit-transform 0.1s ease;
	-o-transition: -o-transform 0.1s ease;
	-ms-transition: -ms-transform 0.1s ease;
	transition: transform 0.1s ease;
}

.scaleAnimation_hover:hover{
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}


/*----------------------------------------
	for PC
----------------------------------------*/


	@media screen and (min-width: 0px){

	/*--------contents---------*/

	#contents {
		background-image:url('../img/vote/bg.jpg');
		background-position:center top;
		background-repeat:no-repeat;
		background-attachment:fixed;
		min-width:1000px;
		padding:70px 0 50px;
	}

	#contents .inner{
		width:1000px;
		margin:0 auto 40px;
		position:relative;
	}

	#shareBtn{
		background-color:rgba(255,255,255,0.7);
		position:absolute;
		top:-60px;
		right:40px;
		border-radius:3px;
		padding:7px;
	}

	#shareBtn img{
		display:block;
		width:30px;
		float:left;
		margin-left:5px;
	}

	#shareBtn span{
		display:block;
		float:left;
		margin:4px 5px 0 3px;
		color:#333;
	}

	.logo{
		display:block;
		position:relative;
		margin:0px auto 50px;
	}


	.contentsbox{
	width:834px;
	background-color:rgba(255,255,255,0.8);
	padding:70px 45px 90px;
	margin:0 auto 0px;
	}

	.contentsbox.second{
			margin-top:50px;
			position:relative;
	}

	h2{
		display:block;
		color:#e73c9f;
		font-weight:bold!important;
		font-size:33px;
		text-shadow:2px 2px 1px #fff;
		text-align:center;
		padding:0 0 40px;
	}

	h3{
		display:block;
		background-image:url('../img/vote/head_bg.png');
		height:38px;
		width:833px;
		color:#6D370C;
		text-align:center;
		font-weight:bold!important;
		padding:14px 0 0;
		font-size:22px;
		margin:40px 0 15px;
	}


	p{
		font-size:15px;
		color:#6D370C;
		font-weight:normal;
		line-height:;
		width:98%;
		margin:0 auto 0;
	}


	.tablelayout{
		width:98%;
		margin:0 auto 0;
	}

	.tablelayout .th{
		float:left;
		font-size:20px;
		font-weight:800;
		height:40px;
		padding:10px 0 0 70px;
		position:relative;
		color:#6D370C;
		width:18%;
	}

	.tablelayout .th img{
		position:absolute;
		left:0px;top:-5px;

	}

	.tablelayout .td{
		float:left;
		height:50px;
		color:#6D370C;
		margin:0 0 12px;
	}

	.tablelayout .line{
		clear:both;
		border:1px solid #ccb;
		width:98%;
		margin:0px auto 15px;
	}


	.tablelayout2{
		width:98%;
		margin:0 auto 0;
	}

	.tablelayout2 .th{
		float:left;
		position:relative;
		color:#6D370C;
		width:18%;
	}


	.tablelayout2 .td{
		float:left;
		color:#6D370C;
		margin:0 0 0px;
	}

	.tablelayout2 .line{
		clear:both;
	}


	.contentsbox.second .headImg{
		position:absolute;
		right:1px;
		top:-35px;
		z-index:0;
	}

	.contentsbox.second h3{
		position:relative;
		z-index:10;
		margin:190px 0 0;
	}

	.contentsbox.second .boxwrapper{
		width:98%;margin:0 auto 0;
	}

	.contentsbox.second .box{
		float:left;
		position:relative;
		margin:40px 0 10px 11px;
		width:150px;
	}

	.contentsbox.second .box img{
		width:100%;
	}

	.contentsbox.second .box p{
		display:block;
		text-align:center;
		font-size:17px;
		line-height:16px;
		padding:0 0 6px;
	}

	.contentsbox.second .box p span{
		font-size:12px;
		margin-top:-5px;
	}

	.contentsbox.second .box .btn_ps4{
		display:block;
		text-align:center;
		width:49%;
		border-radius:5px;
		background-color:#36A5DC;
		color:#fff;
		float:left;
	}

	.contentsbox.second .box .btn_psv{
		display:block;
		text-align:center;
		width:49%;
		border-radius:5px;
		background-color:#0854D4;
		color:#fff;
		float:left;
		margin-left:2%;
	}

	.attention{
		font-size:11px;
		color:#888;
		margin-top:30px;
		width:100%;
		text-align:right;

	}

	.attention2{
		font-size:11px;
		color:#D47D0A;
		margin-top:10px;
		width:100%;
		text-align:right;

	}

	.bnr_doax3{
		display:block;
		width:924px;
		margin:20px auto 0;
	}

	.text_result{
		width:650px;
		color:#777;
		margin:0 auto 0;
	}

	.text_result .bold{
		font-weight:800;
	}

	.btn_resultpage{
		display:block;
		width:650px;
		padding:8px 0;
		margin:10px auto 0;
		background-color:#bbb;
		text-align:center;
		color:#fff;
		border-radius:5px;
	}


	/*--------footer---------*/

	#footer{
		padding:30px 0;
	}

	#footer img{
		display:block;
		margin:0 auto 0;
	}


	/*--------common---------*/

	.hide_sp{display:block!important;}
	.hide_pc{display:none!important;}

}





/*----------------------------------------
	for SP
----------------------------------------*/

	@media screen and (max-width: 480px) {




	/*--------common---------*/

	.hide_sp{display:none!important;}
	.hide_pc{display:block!important;}

}
