@charset "shift-jis";
/* ---------------------------------------------------------
	
	file name : page.css
	style info : 
	
--------------------------------------------------------- */

.wrapper {
	width:950px;
	overflow:hidden;
	background:url(../images/remoteplay_smple.jpg) no-repeat;
}
.lbox {
	width:474px;
	float:left;
	min-height:472px;
	background:url(../images/remoteplay_image3.jpg) no-repeat bottom;
}
.rbox {
	width:476px;
	float:right;
}
.lbox h3 {
	margin:42px 0 0 62px;
}
.lbox p {
	padding:15px 50px 0 63px;
	color:#fff;
}
.lbox p.note {
	font-size:10px;
	margin:2px 0 1px 63px;
	padding:0 20px;
	color:#d3d3d3;
	position:relative;
}
.lbox p.note span {
	position:absolute;
	top:0;
	left:0;
}
.rbox p img {
	float:right;
	padding:3px 52px 0 5px;
}
.rbox .btn {
	display:block;
	margin:16px auto;
}
.rbox a .btnsp {
	display:none;
}

/* ---------------------------------------------------------
	add ゲームコントローラーマウント「GCM10」
--------------------------------------------------------- */
.wrapper2 {
	width:950px;
	height:460px;
	overflow:hidden;
	background:url(../images/remoteplay_image4.jpg) no-repeat;
}
.rbox2 {
	float:right;
	width:348px;
	min-height:460px;
	margin:0 40px 0 0;
}
.rbox2 h3 {
	margin:45px 0 0 0;
}
.rbox2 p {
	padding:15px 0 0px 0;
	color:#fff;
}
.rbox2 p.note {
	font-size:10px;
	margin:2px 0 1px 0;
	padding:0 20px 0 10px;
	color:#d3d3d3;
	position:relative;
}
.rbox2 p.note span {
	position:absolute;
	top:0;
	left:0;
}
.gcm10{
	width:348px;
	height:138px;
	margin:10px 0 0;
	padding:0;
	background:url(../images/remoteplay_image6.png) no-repeat;
}
.gcm10_btn{
	width:114px;
	height:20px;
	padding:58px 0 0 16px;
}
.gcm10 p.note {
	width:280px;
	font-size:8px;
	margin:4px 0 0 10px;
	padding:0 0 0 10px;
	color:#d3d3d3;
	position:relative;
	line-height:1.33;
}
.gcm10 p.note span {
	position:absolute;
	top:0;
	left:0;
}
.btn_remotplay{
	width:274px;
	height:32px;
	margin:28px auto 0;
}
.bottom {
	min-height:640px;
	background:#f4f4f4;
}
.bottom h3 {
	margin:0;
	padding:55px 0 0 332px;
}
.bottom ul {
	margin:0;
	padding:46px 30px 0;
	overflow:hidden;
}
.bottom ul li {
	list-style-type:none;
	float:left;
}
.bottom ul li img {
/*	opacity:0.6;*/
}
.bottom p.note {
	font-size:10px;
	margin:0;
	padding:20px 55px;
}
@media (max-width:640px) {
	.wrapper {
		width:100%;
		margin-bottom:10px;
	}
	.lbox {
		width:100%;
		float:none;
		clear:both;
		background:none #eee;
		overflow:hidden;
		min-height:0;
	}
	.lbox img {
		width:100%;
		height:auto;
	}
	.rbox {
		width:100%;
		height:none;
		min-height:0;
		float:none;
		overflow:hidden;
	}
	.rbox img {
		width:100%;
		height:auto;
	}
	.lbox h3 {
		margin:1em 1em 0;
	}
	.lbox p {
		margin:1em 1em 0;
		color:#000;
		padding:0;
	}
	.lbox p.note {
		margin:1em 1em 0;
		color:#7e7e7e;
		padding-right:0;
	}
	.bottom {
		background:#eee;
		margin-top:3%;
	}
	.bottom h3 {
		padding:6% 0;
		text-align:center;
	}
	.bottom ul {
		padding:0;
	}
	.bottom ul li {
		display:block;
		margin:0;
	}
	.bottom ul img {
		width:100%;
		height:auto;
	}
	.bottom p.note {
		margin:0;
		padding:0 4% 11%;
	}
	/* ---------------------------------------------------------
		add ゲームコントローラーマウント「GCM10」
	--------------------------------------------------------- */
	.wrapper2 {
		width:100%;
		height:auto;
		background:#eee;
	}
	.lbox2{
		float:none;
		width:auto;
		margin-top:0;
	}
	.lbox2 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.rbox2 {
		width:100%;
		height:none;
		min-height:0;
		float:none;
		overflow:hidden;
	}
	.rbox2 h3 {
		margin:1em 1em 0;
	}
	.rbox2 p {
		margin:1em 20px 0;
		color:#000;
		padding:0;
	}
	.rbox2 p.note {
		margin:8% 20px 0;
		color:#7e7e7e;
		padding-right:0;
	}
	.gcm10{
		width:auto;
		height:100%;
		margin:20px 20px 2%;
		padding:0 0 10px;
		background:url(../images/remoteplay_sp_image6.png) no-repeat;
		background-size:100%;
	}
	.gcm10_btn{
		width:50%;
		height:auto;
		padding:25% 0 1% 3%;
	}
	.gcm10_btn img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0;
	}
	.gcm10 p.note {
		width:85%;
		font-size:8px;
		margin:10% 10px 0;
		padding-left:1em;
		padding-bottom:3em;
		text-indent:-1em;
		color:#666;
		position:static;
	}
	.gcm10 p.note span {
		position:static;
	}
	.btn_remotplay{
		width:auto;
		height:auto;
		margin:0 10px 20px;
	}
	.btn_remotplay img{
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}
.btnwrap_ps4{
	float:left;
	width:320px;
	margin-top:14px;
}
@media (max-width:640px) {
	.btnwrap_ps4{
		float:none;
		width:auto;
		margin-top:20px;
	}
	.btnwrap_ps4 img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}
.br{
	display:block;
}
@media (max-width:640px) {
	.br{
		display:none;
	}
}