@charset "UTF-8";

@import url(res_lp_common.css);

#contents img{
	display:block;
}

.detailLink {
	vertical-align: bottom;
	position: relative;
	width:100%;
	display: block;
}

.detailLink a{
	display:block;
}

.detailLink img {
	display: block;
	width: 100%;
}

.detailLink a.btn1,a.btn2,a.btn3,a.btn4,a.btn5,a.btn6  {
	display: block;
    position: absolute;
}



.detailLink a.btn1 {
    left: 23%;
    width: 56%;
    top: 0%;
}

.detailLink a.btn3 {
	left: 17%;
	width: 66%;
	max-width: 486px;
	top: 31%;
}
.detailLink .app_link{
	position: absolute;
	display: flex;
	justify-content: center;
	width: 100%;
	top: 23%;
}

.detailLink .app_link a{
	position: relative;
	max-width: 548px;
	width: 75%;
}

.movie{
	position: relative;
	overflow: hidden;
	display: block;
}

.movie iframe{
	position: absolute;
	top: 0;
	left: 5%;
	width: 90%;
	height: 90%;
}

.detailLink a:hover {
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	/zoom:1;
}

@media screen and (max-width: 740px){
	#contents img.qr{
		display: none;
	}
}

.clear {
	clear: both;
}