@charset "utf-8";

#contents{
	background:		none repeat scroll 0 0 #FFFFFF;
}

#contents .content-wrap {
	background:		none repeat scroll 0 0 #FFFFFF;
	padding:		20px 0 70px;
	font-size:		13px;
}
@media screen and (max-width: 640px) {
#contents .content-wrap {
	background:#F5F5F7;
	padding:		20px 0 30px;
}
}

#contents .content-wrap h2.PC{
	position:		relative;
}

#contents .content-wrap h2.SP{
	display:		none;
}

@media only screen and (max-width:620px){
#contents .content-wrap h2.SP{
	display:		block;
}

#contents .content-wrap h2.PC{
	display:		none;
}
}


#contents .content-wrap h2 span img{
	position:		absolute;
	top:			19.0697674419%;/* 82 / 430 */
	left:			6.12244897959%;/* 60 / 980 */
	width:			41.7346938776%;/* 409 / 980 */
}

#contents .content-wrap .article{
	padding:		0 20px;
	background:		#F5F5F7;
}

	#contents .content-wrap .detail{
		padding:		0px;
	}
	
	#contents .content-wrap .detail .main-contents{
		position:		relative;
	}
	#contents .content-wrap .detail .main-contents p.closetext{
		position:		absolute;
		top:			15px;
		left:			0px;
		text-align:		center;
		width:			100%;
		color:			red;
		font-weight:		bold;
		font-size:		19px;
		line-height:		1.2;
	}
	
		#contents .content-wrap .detail .main-contents .sp-only{
			display:none;
		}
		@media screen and (max-width: 640px) {
		#contents .content-wrap .detail .main-contents .sp-only{
			display:block;
		}
		#contents .content-wrap .detail .main-contents .pc-only{
			display:none;
		}
		#contents .content-wrap .detail .main-contents p.closetext{
			top:			10px;
		}
		}
		
		/* limited-set
		-----------------------*/
		#contents .content-wrap .detail .limited-set{
			width:			35%;/* 312+ / 980 */
			color:			#597972;
			font-size:		15px;
			font-weight:		bold;
			position:		absolute;
			top:			21.2820512821%;/* 83 / 390 */
			left:			6.12244897959%;/* 60 / 980 */
			float:			left;
		}
		@media screen and (max-width: 640px) {
		#contents .content-wrap .detail .limited-set{
			width:			auto;
			position:static;
			float:			none;
			padding:10px 10px 0;
			left:0;
			margin:-100px 0 0;
			z-index:100;
			position:relative;
		}
		}
			#contents .content-wrap .detail .limited-set h3{
				margin-bottom:		5px;
				padding-bottom:		8px;
				font-weight:		bold;
				border-bottom:		3px solid #5A7B73;
			}
			#contents .content-wrap .detail .limited-set ul li{
				line-height:		1.6;
				text-indent:		-1em;
				padding-left:		1em;
			}
			@media screen and (max-width: 640px) {
			#contents .content-wrap .detail .limited-set h3{
				font-size:20px;
			}
			#contents .content-wrap .detail .limited-set ul li{
				font-size:16px;
			}
			}
			@media only screen and (max-width:685px){
			#contents .content-wrap .detail .limited-set ul{
				font-size:		13px;
			}
			}
			@media screen and (max-width: 640px) {
			#contents .content-wrap .detail .limited-set ul{
				padding:0 0 30px;
			}
			}
			
			
	
	#contents .content-wrap .detail dl{
		margin-right:		25px;
		width:			38.7755102041%;/* 380 / 980 */
		padding-left:		40px;
		float:			left;
	}
	@media screen and (max-width: 640px) {
	#contents .content-wrap .detail dl{
		margin-right:		0;
		width:			auto;
		padding-left:		0;
		display:block;
		padding:0 10px 25px;
	}
	}
	
	#contents .content-wrap .detail dl dd{
		padding-top:		15px;
		text-align:		center;
	}
	
	#contents .content-wrap .detail p.lead{
		width:			48.9795918367%;/* 480 / 980 */
		padding-top:		2.55102040816%;/* 25 / 980 */
		font-size:		15px;
		line-height:		1.6;
		float:			left;
	}
	@media screen and (max-width: 640px) {
	#contents .content-wrap .detail p.lead{
		width:			auto;/* 480 / 980 */
		padding:0 10px 0;
		float:			none;
	}
	}


/* .art1
-----------------------*/
#contents .content-wrap .art1{
	padding:		0px 0px 0px 20px;
	padding-bottom:		40px;
	font-size:13px;
}
	
	#contents .content-wrap .art1 dl{
		margin-right:		2.08333333333%;/* 20 / 960 */
		width:			31.25%;/* 300 / 960 */
		float:			left;
	}
	
	#contents .content-wrap .art1 dl.last{
		margin-right:		0;
	}
	
	#contents .content-wrap .art1 dl dt{
		padding-top:		35px;
	}
	
	#contents .content-wrap .art1 dl dd{
		padding-top:		5px;
	}
@media screen and (max-width: 640px) {
#contents .content-wrap .art1{
	padding:		20px 10px 0;
	font-size:16px;
}
	
	#contents .content-wrap .art1 dl{
		margin-right:		0;
		width:			100%;
		float:			none;
		padding:20px 0 0;
	}
	
	#contents .content-wrap .art1 dl.last{
		margin-right:		0;
	}
	
	#contents .content-wrap .art1 dl dt{
		padding-top:		0;
	}
	
	#contents .content-wrap .art1 dl dd{
		padding-top:		5px;
	}
}
	
	
/* .art2
-----------------------*/
#contents .content-wrap .art2{
	padding-bottom:		20px;
}
	
	#contents .content-wrap .art2 .inner{
		padding-bottom:		20px;
		background:		#FFFFFF;
	}
	
	#contents .content-wrap .art2 .inner p.photo{
		margin-right:		18px;
		width:			38.5106382979%;/* 362 / 940 */
		padding:		20px 0 0 10px;
		position:		relative;
		float:			left;
	}
	
	#contents .content-wrap .art2 .inner p.photo span{
		display:		block;
		position:		absolute;
		bottom:			-3.31491712707%;/* 12 / 362 */
		left:			20px;
		font-size:		12px;
	}
	
	#contents .content-wrap .art2 .inner .set-detail{
		width:			56.3829787234%;/* 530 / 940 */
		float:			left;
	}
	
	#contents .content-wrap .art2 .inner .set-detail h4{
		margin-bottom:		1.70212765957%;/* 16 / 940 */
		padding:		5.31914893617% 0 5px 0;/* 50 / 940 */
		border-bottom:		1px solid #000000;
	}
	
	#contents .content-wrap .art2 .inner .set-detail .box ul li{
		text-indent:		-1em;
		padding-left:		1em;
	}
	
	#contents .content-wrap .art2 .inner .set-detail .Lt{
		margin-right:		2.83018867925%;/* 15 / 530 */
		width:			52.8301886792%;/* 280 / 530 */
		float:			left;
	}
	
	#contents .content-wrap .art2 .inner .set-detail .Rt{
		width:			43.3962264151%;/* 230 / 530 */
		float:			left;
	}
	
	#contents .content-wrap .art2 .inner .set-detail .Rt p.last-child{
		padding-top:		15px;
	}
		#contents .content-wrap .art2 .inner .set-detail .Rt p.last-child .sp-only{
			display:none;
		}
	
@media screen and (max-width: 640px) {
#contents .content-wrap .art2{
	padding:20px 10px 0;
	font-size:16px;
}
	
	#contents .content-wrap .art2 .inner{
	}
	
	#contents .content-wrap .art2 .inner p.photo{
		margin-right:		0;
		width:			auto;
		padding:		20px 10px 0;
		position:		relative;
		float:			none;
		margin:0;		
	}
		#contents .content-wrap .art2 .inner p.photo span{
			display:		block;
			width:100%;
			position:		absolute;
			bottom:			3px;
			left:			0;
			font-size:		16px;
			text-align:center;
		}
	
	#contents .content-wrap .art2 .inner .set-detail{
		width:			96.66666666666667%;/*580/600*/
		float:			none;
		margin:0 10px;
		padding:15px 0 0;
	}
		
		#contents .content-wrap .art2 .inner .set-detail h4{
			margin:		0 0 10px;
			padding:		0 0 10px;
			border-bottom:		1px solid #000000;
		}
	
		#contents .content-wrap .art2 .inner .set-detail .box ul li{
			text-indent:		-1em;
			padding-left:		1em;
		}
		
		#contents .content-wrap .art2 .inner .set-detail .Lt{
			margin-right:		0;
			width:			100%;
			float:			none;
		}
		
		#contents .content-wrap .art2 .inner .set-detail .Rt{
			width:			100%;
			float:			none;
		}
		
		#contents .content-wrap .art2 .inner .set-detail .Rt p.last-child{
			padding-top:		15px;
		}
			#contents .content-wrap .art2 .inner .set-detail .Rt p.last-child .sp-only{
				display:block;
			}
}


/* .main-spec
-----------------------*/
#contents .content-wrap .main-spec{
	padding-top:		15px;
	font-size:		12px;
	line-height:		1.6;
}
@media screen and (max-width: 985px) {
#contents .content-wrap .main-spec{
	padding:15px 15px 0;
}	
}
	
	#contents .content-wrap .main-spec .box{
		width:			48.9795918367%;/* 480 / 980 */
	}
	
	#contents .content-wrap .main-spec .Lt{
		float:			left;
	}
	
	#contents .content-wrap .main-spec .Rt{
		float:			right;
	}

@media screen and (max-width: 640px) {
#contents .content-wrap .main-spec{
	background:#F5F5F7;
	padding:		30px 10px 10px;
	font-size:		16px;
}
	
	#contents .content-wrap .main-spec .box{
		width:			100%;
	}
	
	#contents .content-wrap .main-spec .Lt{
		float:			none;
	}
	
	#contents .content-wrap .main-spec .Rt{
		float:			none;
	}
}


/* #btn-block
-----------------------*/
#btn-block{
	width:74.59183673469388%;/* 731/980 */
	padding:60px 0 0;
	margin:0 auto;
}
	#btn-block p{
		width:48.56361149110807%;/* 355/731 */
		text-align:center;
	}
	#btn-block p.btn-red{
		float:right;
	}
	#btn-block p.btn-gray{
		margin:		0 auto;
	}
	
	#btn-block a{
		display:block;
		line-height:50px;
		font-size:14px;
		font-weight:bold;
		
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}
	#btn-block .btn-gray a{
		color:#000;
		background:url(/japan/campaign/20131022/img/btn-bg-gray.jpg) repeat-x;
	}
	#btn-block .btn-red a{
		color:#FFF;
		background:url(/japan/campaign/20131022/img/btn-bg-red.jpg) repeat-x;
	}
	
@media screen and (max-width: 640px) {
#btn-block{
	width:auto;
	background:#F5F5F7;
	padding:30px 10px 0;
}
	#btn-block p{
		width:100%;
		text-align:center;
	}
	#btn-block p.btn-red{
		float:none;
		margin:0 0 20px;
	}
	#btn-block p.btn-gray{
		float:none;
	}
	
	#btn-block a{
		font-size:20px;
		font-weight:bold;
	}
}





