﻿body {
	background-image:url(main.jpg);
	
}
#top_banner #trialcam img{
	max-width:569px;
}



#media h3{
	width:48%;
	margin:0 auto;
	padding:10px;
	font-size:36px;
	background-color:#0ec00a;
	box-shadow:0 0 5px 2px #b8ffb6 , 0 -5px 30px 3px rgba(191,255,189,0.8) inset;
	color:#fff;
	text-shadow:0 0 5px #000;
	margin-bottom:5px;
}


#media ul{
	width: 80%;
	height:auto;
	margin:0 auto;
	position:relative;

}


#media ul li{
	height:auto;
	position:relative;
	margin:1px;
	text-align:left;
	border: solid 2px #1a851c;
	padding:5px;
}

#media ul li a{font-weight:900;color:#fd5b94;}



#media ul li:first-child{
	width: 38%;
	max-width:1400px;/*490px*/
	text-align:center;
	background-Color:#1a851c;
}
#media ul li img{
	width:100%;
	max-width:470px;
}
#media ul li:last-child{
	width: 60%;
	color:#512e0e;
	text-align:left;
	padding-left:5px;
	line-height:130%;
	font-size: 16px;
	background-Color:#fff;
}

#shop_camf li{
	font-size:1.3vw !important;
	line-height:140%;
}
#shop_camf b{
	font-size:2vw !important;
	color:#00a42e;
}




@media screen and (max-width: 1600px) {
	#media{
		font-size: 1vw;
	}
	#media h3{
		font-size: 2vw;
	}
}

@media screen and (max-width: 900px) {
	#media{width:100%;}
	#media ul li{width: 100% !important;}

}





/*media
----------------------------------------------------------------------------------------------------------------------------------*/
#media img{
	width:100%;
	height:auto;
	max-width:1400px;
}


#mediabase{
	width: 90%;
	height:auto;
	max-height:35%;
	margin:0 auto;
	margin-bottom:2%;
	position:relative;
	font-size: 13px;
}


#mediabase li{
	height:250px;
	position:relative;
	padding:5px;
	margin-bottom:10px;
	width: 480px;
	background-Color:#fff;
	color:#512e0e;
	text-align:left !important;
	margin-right:1%;
	padding-left:45px;
}
#mediabase .famitsu12{
	width: 977px;
}

#mediabase li div{
	margin-left:5px;
	display:inline-block;
	width:220px;
}

#mediabase .famitsu12 div{
	width:300px;
}

#mediabase .magazine div{
	margin-left:5px;

	display:inline-block;
}

#mediabase li:before{
	white-space: pre;
	width: 30px;
	height:96%;
	color:#fff;
	text-align:center;
	font-weight:900;
	font-size:1vw;
	display:block;
	padding:5px;
	position:absolute;
	left:0;
	top:0;
}

.magazine{
	border: solid 1px #132ece;
}

#mediabase .magazine:before{
	content:"\96D1 \A \8A8C";
	background-Color: #132ece;
	line-height:140%;
}

.website{
	border: solid 1px #2a9e3d;
}
#mediabase .website:before{
	content:"\FF37 \A \FF25 \A \FF22";
	line-height:120%;
	background-Color: #2a9e3d;

}

#mediabase li a{
	width:100%;
	color:#ff70c1;
	font-size:0.8vw;
	font-weight:900;
}

#mediabase li b{color:#3852ee;}





@media screen and (max-width: 1600px) {
	#product ul{
		font-size: 1vw;
	}
}

@media screen and (max-width: 900px) {

#mediabase{
	width:100%;
}

#mediatbase li:nth-child(2n+1){
	width: -webkit-calc(20% - 6px) !important;
	width: calc(20% - 6px) !important;
}
#mediabase li:nth-child(2n+2){
	width: 78%;
}

}
/*media
----------------------------------------------------------------------------------------------------------------------------------*/



.contFrame{
	width:90%;
	height:100%;
	border:solid 1px #00a0e9;
	overflow:hidden;
	display:inline-block;
	background-color:rgba(255,255,255,0.7);
	padding:10px;
}
	
.contFrame img{
	width:100%;
	height:auto;
	max-width:1400px;
	max-height:700px;
}

#ar1125 a img{
	display:inline-block;
	max-width:514px;
	max-height:424px;
	margin:1%;
}



----------------------------------------------------------------------------------------------------------------------------------*/

.vaqso_i {
	width:100%;
	height:auto;
	max-width:1400px;
	max-height:1123px;
	margin:0 auto;
	position:	relative; /* 相対位置指定 */
}

.vaqso_i a{
	color:yellow;
}

.vaqso_t{
	position: absolute;
	width:62.142857142857100%;
	height:48.975957257346400%;
	left:14.285714285714300%;
	top:55.654496883348200%;
	font-size:1.4vw !important;
	line-height:125%;
	text-align:left;
	color:#fff;
}

----------------------------------------------------------------------------------------------------------------------------------*/

#tsukumo{}

/* 相対位置指定 */


.tsukumo_buy,#tsukumo_buy1,#tsukumo_buy2,#tsukumo_buy3,#tsukumo_buy4{
	width:100%;
	height:auto;
	max-width:1348px;
	max-height:443px;
	margin:0 auto;
	position:relative;
}

#tsukumo_buy1 a{
	position: absolute;
	width:19.731943410275500%;
	height:14.221218961625300%;
	left:1.265822784810130%;
	top:81.264108352144500%;
	max-width:265px;
	max-height:63px;
}

#tsukumo_buy2 a{
	position: absolute;
	width:19.731943410275500%;
	height:14.221218961625300%;
	left:1.265822784810130%;
	top:81.264108352144500%;
	max-width:265px;
	max-height:63px;
}

#tsukumo_buy3 a{
	position: absolute;
	width:19.731943410275500%;
	height:14.221218961625300%;
	left:1.265822784810130%;
	top:81.264108352144500%;
	max-width:265px;
	max-height:63px;
}

#tsukumo_buy4 a{
	position: absolute;
	width:19.731943410275500%;
	height:14.221218961625300%;
	left:1.265822784810130%;
	top:81.264108352144500%;
	max-width:265px;
	max-height:63px;
}

.tsukumo_buy a{
	position: absolute;
	width:19.731943410275500%;
	height:14.221218961625300%;
	left:52.299703264095000%;
	top:73.103448275862100%;
	max-width:265px;
	max-height:63px;
}

.tsukumo_text{
	width:100%;
	height:auto;
	max-width:1348px;
	max-height:443px;
	margin:0 auto;
	text-align:left;
}


ul.tsukumo_pcnote{
	width:100%;
	height:auto;
	max-width:1210px;
	max-height:auto;
	padding:0;
	margin:10px;
}


#media .tsukumo_pcnote li:first-child{
	width: 48%;
	height:auto;
	max-width:600px;
	text-align:center;
}

#media ul li:last-child{
	width: 48%;

}
#media .tsukumo_pcnote li{
	background-Color:transparent;
	padding:0px;
	margin:0;
	border:none;
	margin:5px 1%;
}
#media .tsukumo_pcnote li img{
	width:100%;
	max-width:600px;
	max-height:63px;
}


ul.tsukumo_pcnote li {
    display: inline-block;
}


#tsukumo_notebuy1,#tsukumo_notebuy2,#tsukumo_notebuy3,#tsukumo_notebuy4{
	width:100%;
	height:auto;
	max-width:1348px;
	max-height:443px;
	margin:0 auto;
	position:relative;
}

#tsukumo_notebuy1 a{
	position: absolute;
	width:19.731943410275500%;
	height:14.221218961625300%;
	left:1.265822784810130%;
	top:81.264108352144500%;
	max-width:265px;
	max-height:63px;
}

#tsukumo_notebuy2 a{
	position: absolute;
	width:19.731943410275500%;
	height:14.221218961625300%;
	left:1.265822784810130%;
	top:81.264108352144500%;
	max-width:265px;
	max-height:63px;
}

#tsukumo_notebuy3 a{
	position: absolute;
	width:19.731943410275500%;
	height:14.221218961625300%;
	left:1.265822784810130%;
	top:81.264108352144500%;
	max-width:265px;
	max-height:63px;
}

#tsukumo_notebuy4 a{
	position: absolute;
	width:19.731943410275500%;
	height:14.221218961625300%;
	left:1.265822784810130%;
	top:81.264108352144500%;
	max-width:265px;
	max-height:63px;
}

----------------------------------------------------------------------------------------------------------------------------------*/
#hack{}

.hack_eve{
	position:relative;
	width:100%;
	height:auto;
	max-width:682px;
	max-height:765px;
	margin:0 auto;
}

.hack_eve a{
	position: absolute;
	left:2.932551319648090%;
	top:93.464052287581700%;
	font-size:1.3vw !important;
	text-align:left;
	color:#fff;
	text-decoration:none;
	background-color:#28b5e9;
	box-shadow:0 0 5px 3px #8bd0e9;
	border-radius: 5px;
	padding:5px;
}





/*----------------------------------------------------------------------------------------------------------------------------------*/

#top_movie00{
	position:relative;
	width: 44%;
	height: auto;
	top:68%;
	margin-left:23.5%;
	z-index: 2;
}

#top_movie00 img{
	width: 45%;
	height: auto;
}

@media screen and (max-width: 900px) {
	#top_movie{
		width:50%;
		top:auto;
		bottom:10%;
	}
}


#movieMain{
	width:auto;
	max-width: 1000px;
	height:auto;
	position: relative;
	top:0px;
	z-index: 2;
	margin: 0 auto;
	text-align: center;
}

#hmo {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#hmo_movie0{
	cursor: pointer;
}

#movieClose{
	width: 256px;
	height:55px;
	background-image: url(mclose.png);
	background-repeat: no-repeat;
	background-position: center middle;
	z-index: 3;
	cursor: pointer;
	margin: 0 auto;
}

