#header{
	width:100%;
	padding:10px 0;
}
#header img{
	margin:0 0 0 20px;
}

#header a.R{
	float:right;
	margin:10px 20px 0 0;
}


div.contents{

}


div.box{
	width:1000px;
	margin:0 auto;
}
div.box img{
	max-width:1000px;
}


div.box div.no1, div.box div.no2, div.box div.no3{
	position:relative;
}
div.box a{
	position:absolute;
	display:block;
	width:325px;
	height:185px;
	transition-duration:0.5s;
}
div.box a:hover{
	background:rgba(255,255,255,0.5);
}
div.box a.no1{
	top:158px;
	right:0;
}
div.box a.no2{
	top:343px;
	right:0;
}
div.box a.no3{
	top:528px;
	right:0;
}



.sp{display:none;}

	
/*media Queries SPワンカラム可変 700px以下の場合に適用
----------------------------------------------------*/
@media only screen and (max-width: 700px) {

#header a.R{
	margin:0 5px 0 0;
}

img{
	max-width:100%;
}
div.box{
	width:98%;
}
div.box img{
	max-width:100%;
}

.sp{display:inline;}
.pc{display:none !important;}

}