@charset "utf-8";

/*-------------------------------------

　VR

---------------------------------------*/

/*-------------------------------------
　ページ基本設定
---------------------------------------*/
.column2R #main {
	float: none;
	width: auto;
}
#lp_page {
	width: 970px;
	background-color:#FFF;
	color: #333333;
	font-size: 14px;
	margin: 0 auto;
}
.pageTitle {
	background: none;
	font-size: 14px;
	color: #000;
	border-left: solid 4px #FF3300;
	margin: 0 0 20px 0;
	padding: 4px 8px;
	font-weight:normal;
}

/*-------------------------------------
　見出し設定
---------------------------------------*/
#lp_page h2 {
	background-color: #426F38;
    border-bottom: 1px solid #6E3F00;
    border-left: 13px solid #6E3F00;
	color:#fff;
    font-size: 26px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 10px 0 5px 12px;
}
#lp_page h3 {
	background-color:#00b5e2;
	color:#fff;
    font-size: 1.625rem;
    font-weight: normal;
    margin: 60px 0 30px;
    padding: 5px 8px;
	text-align:center;
}
#lp_page h4 {
    font-size: 1.375rem;
    font-weight: bold;
	color: #3a3a3a;
	margin-top: 30px;
}

/*-----------------------
　共通の装飾
-----------------------*/
#title {
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}
#title .txt {
	position: absolute;
	top:25%;
	right: 20px;
	color: #00b3df;
}

.sectionBox {
	margin-bottom: 40px;
}
.sectionBox img {
}
.campBnr {
	margin:20px 0;
}
.mt20 {
	margin-top:20px;
}
.siteSwitchLink {
	display:none;
}
span.priceStrike {
	text-decoration:line-through;
	font-size:12px;
}
.txtRed {
	color: #f00;
}
.brsp {display: none;}

/*-------------------------------------
　ページ内容
---------------------------------------*/

#VRcontent {
	margin:10px 0 40px;
}
#VRcontent .txtBox { 
	width: 63%;
	float: left;
}
#VRcontent .txtBox p.catch {
	font-size: 1.5rem;
	color: #00aad5;
	margin: 0 0 5px;
}
#VRcontent .txtBox p.catch span {
	font-size: 1.375rem;
}
#VRcontent .txtBox  p.subcatch {
	font-size: 1.3125rem;
	margin-bottom: 10px;
}
#VRcontent .txtBox  p.txt {
	font-size: 1rem;
	line-height: 1.65;
}
#VRcontent .imgBox { 
	float: right;
}

/*HTC VIVE kit*/
.vrkit { display: flex; font-size: 1.56rem; justify-content: space-between; width: 75%; margin: 0 auto 60px; align-items: center;}
.vrkit .company { color: #00468c; font-size: 1.43rem;}
.vrkit .price { font-size: 1.75rem; color: #ff0000;}
.vrkit .tax { font-size: 1.125rem; color: #ff0000;}
.vrkit .vritemBox {  }
.vrkit ul { display: flex; align-items: center;justify-content: space-between; }
.vrkit ul li + li { margin-left: 1em;}
.vrkit ul .bluebtn { border-radius: 1em; padding: 5px 0; background: #00b5e2; font-size: 1rem; width: 50%; text-align: center; }
.vrkit ul .bluebtn:hover { cursor: pointer;}
.vrkit ul .bluebtn a { text-decoration: none !important; color: #fff !important; }

/*VIVE用アクセサリー　1ブロック*/
.viveitem { display: flex; font-size: 1.56rem; justify-content: space-between; width: 100%; margin: 0 auto 20px; align-items: flex-start; padding: 20px; background: #ECECEC; box-sizing: border-box; }
.viveitem img { width: 300px; height: auto;}
.viveitem_wide { padding: 20px 20px 0; background: #ECECEC; text-align: center;}
.viveitem .viveitemBox { margin-left: 20px; width: 100%; }
.viveitem .viveitemBox .catch { font-size: 1.375rem; margin-bottom: 10px; font-weight: bold; }
.viveitem .viveitemBox .txt { font-size: 1.125rem; margin-bottom: 20px;}
.viveitem .bluebtn { border-radius: 1em; padding: 5px 0; background: #00b5e2; font-size: 1rem; width: 50%; text-align: center; margin: 0 auto; }
.viveitem .bluebtn:hover { cursor: pointer;}
.viveitem .bluebtn a { text-decoration: none !important; color: #fff !important; }

/*VIVE用アクセサリー　2ブロック*/
.viveitem2 { display: flex; font-size: 1.56rem; justify-content: space-between; width: 100%; margin: 0 auto; }
.viveitem2 img { width: 300px; height: auto; margin-bottom: 20px; }
.viveitem2 .viveitemBox2 { text-align: center; background: #ECECEC; padding: 20px; box-sizing: border-box; width: 50%; }
.viveitemBox2 + .viveitemBox2 { margin-left: 20px;}
.viveitem2 .viveitemBox2 .catch { font-size: 1.375rem; margin-bottom: 10px; font-weight: bold; }
.viveitem2 .bluebtn { border-radius: 1em; padding: 5px 0; background: #00b5e2; font-size: 1rem; width: 50%; text-align: center; margin: 0 auto; }
.viveitem2 .bluebtn:hover { cursor: pointer;}
.viveitem2 .bluebtn a { text-decoration: none; color: #fff; }

/*その他のGTX10シリーズはこちら*/
.other_bluebtn { border-radius: 1em; padding: 5px 0; background: #00b5e2; width: 65%; text-align: center; margin: 0 auto 60px; position: relative; font-size: 1.25rem; margin-top: 20px; }
.other_bluebtn:before { content: url(/5info/img/vr-feature/img_gtx10.png?$staticlink$); position: absolute; left:10px; top:-46%;}
.other_bluebtn:hover { cursor: pointer;}
.other_bluebtn a { text-decoration: none; color: #fff; }

/*店*/
.vr_shop {
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	text-align: center;
}
.vr_shop img {
	width: 100%;
}
.vr_shop .txt {
	position: absolute;
	bottom:20px;
	left: 20px;
	color: #000;
	background: #fff;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	padding: 5px;
	font-weight: bold;
	font-size: 1.125rem;
	width: 55%;
	text-align: left;
}
.vr_shop_link {
	text-align: right;
}
/*体験予約はこちら*/
.shop_bluebtn { border-radius: 1em; padding: 5px 0; background: #00b5e2; width: 65%; text-align: center; margin: 0 auto 60px; position: relative; font-size: 1.25rem; margin-top: 20px; }
.shop_bluebtn:hover { cursor: pointer;}
.shop_bluebtn a { text-decoration: none !important; color: #fff !important; }

/*-----------------------
　罫線
-----------------------*/
.keisen {
	border: none;
	border-top: solid 1px #CCC;
	height:1px;
	color:#FFF;
	width:100%;
	margin-bottom: 40px;
	clear: both;
}


/*-----------------------
　ページTOPへ
-----------------------*/
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius:5px;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px;
	display: block;
	font-size: 12px;
	line-height:1.5em;
	padding:5px 10px;
	text-align: center;
	text-decoration: none;
}

/*-------------------------------------
　VIVE 純正アクセサリー
---------------------------------------*/

#headsetBox .headsetSubTitle {
	margin:50px 0 0;
	font-size:18px;
}

#headsetBox ul {
	margin:-30px 0 0;
	display: flex;
	flex-wrap: wrap;
}

#headsetBox li {
	width: calc(25% - 20px);
    margin: 10px;
}

#headsetBox li .headsetImg {
	text-align:center;
	margin:0 0 10px;
}

#headsetBox li .headsetImg img {
	width:190px;
	height: auto;
}

#headsetBox li .headsetName {
	font-size:14px;
	text-align:center;
}

#headsetBox li .headsetPrice {
		margin:5px 0;
	text-align:center;
}

#headsetBox li .headsetPrice span {
	font-size:18px;
	color:#FF0000;
	font-weight:bold;
}

#headsetBox li .headsetBtn {
	text-align:center;
	margin:10px 0 0;
	width: 100%;
	background-color:#0283af;
	font-size:13px;
	border-radius:3px;
	padding:7px 0;
}
#headsetBox li .headsetBtn:hover {
	cursor: pointer 
}
#headsetBox li .headsetBtn a {
	text-decoration:none;
	color:#fff;
}

.headsetBtn + .headsetName {
	margin-top: 10px;
}

/*-------------------------------------
　スマホ用
---------------------------------------*/

/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:479px){

/*--------------------------
		　レスポンシブ対応ヘッダ
		----------------------------*/
		
		body {
			min-width: 100% !important;
			-webkit-text-size-adjust: 100%;
		}
		
		#Globalnavi,
		#Header #head_navi_menu,
		#Header #head_navi_menu_g,
		#Header .keyword,
		#Header #headsearchBox,
		#Header .wishBtn,
		#Header .btn,
		.leadSection .recomWin_black,
		.leadSectionInner {
			display: none;
		}
		
		#Header,
		#Header .inner,
		#Header h1 {
			width: 100%;
			height: auto;
		}
		
		#Header {
			width: 100%;
			min-width: 100%;
			overflow: hidden;
			border-bottom: 3px solid #fff;
		}
		
		#Header .logo {
			width: 90%;
			position: relative;
			top: 0px;
			padding: 0px 0px 12px 3px;
		}

		#Header h1 {
			display: none;
		}
		
		#container {
			width: 100%;
			padding-top: 0px !important;
		}
		
		#wrapper .breadCrumb {
			display: none;
		}

		
		/*--------------------------
		　レスポンシブ対応フッタ
		----------------------------*/
		#pagetop {
			bottom: 10px;
			right: 10px;
		}
		
		.footerTagline {
			margin-bottom: 4px;
			padding: 0% 2%;
			text-align: left;
			font-size: 90%;
			line-height: 140%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
		
		.footerTagline,
		#footer,
		#footerNav2,
		#footerLinks #footerLinks_Nav,
		#footerLinks #footerLinks_NavParts,
		#footerCopy,
		#footerCopy p.copyright {
			width: 100%;
			min-width: 100%;
			font-size:12px;
		}
		
		#footer {
			padding: 9px 0px 7px 0px;
		}
		
		#footerLinks {
			display: none;
		}
		#footerLinks ul {
			float: none;
		}
		
		#footerCopy p.copyright a {
			display: block;
			margin-bottom: 7px;
		}
		
		#footerLinks ul {
			margin: 12px 0px 0px 5px;
		}
		
		#footerLinks ul li {
			display: inline-table;
			width: 45%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
		
		#footerLinks ul li.catName,
		#footerLinks ul li.noLink {
				width: 90%;
		}
		
		#footerNav2 ul {
			margin: 0% 4%;
		}
		
		body #footerNav2 li {
			display: inline-table;
			width: 49%;
			margin: 0px 0px 9px 0px;
			padding: 0px;
			border-left: none;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
		}
		
		#footerNav2 li:first-of-type {
			margin-bottom: 9px !important;
		}
		
		#splink_footer {
			display: none !important;
		}
		
		#footerCopy p.copyright {
			text-align: center;
			font-size: 80%;
		}
		body #footerCopy {
			min-width: 100%;
		}		
		.pageLink {
			margin: 0;
			padding:0;
		}
	

	/*--------------------------
		　レスポンシブ対応コンテンツ
		----------------------------*/
	
	#lp_page {
    width: 98%;
	}
	#lp_page img {
		max-width: 100%;
		height: auto;
	}
	.brsp {display: block;}
	
	#title .txt {
	top:8%;
	right: -15%;
	width: 100%;
	}
	#title .txt img {
	width: 80%;
	height: auto;
	}
	
	#VRcontent .txtBox { 
	width: 100%;
	float: none;
	}
	#VRcontent .imgBox { 
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.vrkit { display: flex; flex-wrap: wrap; width: 100%; flex-direction: column; align-items: center;
	}
	
	#headsetBox li {
	width: 100%;
    margin: 10px;
	}
	
	#headsetBox ul {
    margin: -50px 0 0;
	}
	.viveitem { flex-direction: column; }
	.viveitem img { width: 100%; margin-bottom: 20px; }
	.viveitem2 { flex-direction: column; }
	.viveitem2 img { width: 100%; }
	.viveitem .viveitemBox { margin-left: 0; }
	.viveitem .viveitemBox .catch { line-height: 1.2; }
	.viveitem2 .viveitemBox2 .catch { line-height: 1.2; text-align: left; }
	.viveitem2 .viveitemBox2 { width: 100%; }
	.viveitemBox2 + .viveitemBox2 { margin-left: 0;}
	.viveitem .bluebtn { width: 100%; }
	.viveitem2 .bluebtn { width: 100%; }
	
	.other_bluebtn { width: 100%; }
	.other_bluebtn:before { content: "";}

	.vr_shop .txt {
	position: static;
	padding: 0;
	font-size: 1rem;
	width: 100%;
	margin-top: 10px;
	}
	
	.shop_bluebtn { width: 100%; }

	
}/*スマホ用ここまで*/