@charset "utf-8";
/* CSS Document */

html{
	height:100%;
}
body{
	height:100%;
	color:#151515;
	font-family:"jaf-domus-titling-web","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(img/bg.jpg) center center / cover no-repeat fixed;
}
p{
	line-height:0;
	margin:0;
	padding:0;
}
#container{
	width:100%;
	height:100%;
}
#main{
	width:700px;
	height:100%;
	margin:0 auto;
	margin-bottom:20px;
	font-size:17px;
	letter-spacing:3px;
	text-align:center;
}
#page1{
	cursor:pointer;
}
#page2{
	display:none;
	padding-top:100px;
}

#page1{
	margin:auto;
	height:100%;
	position:relative;
	top:50%;
}
#page1 img{
	margin-top:-150px;
}
.sample_cover{
	margin-right:20px;
}
.logo{
	margin-bottom:200px;
}
.movie{
	margin-bottom:80px;
}
.sample{
	margin-bottom:80px;
}
.sample2{
	margin-bottom:40px;
}
.btn{
	margin-bottom:120px;
}
.credit_n{
	margin-bottom:20px;
}
.credit_m{
	margin-bottom:80px;
}
a{
	color:#F3C1B6;
	-webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out;  
}
img{
	-webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
    transition: 0.3s ease-in-out;  
}
a img{
	opacity:1;
}
a img:hover{
	opacity:0.7;
}

@media screen and (max-width:700px){
	html{height:auto;}
	body{height:auto;}
	#page1{
		position:static;
		top:auto;
	}
	#page1 img{
		margin-top:150px;
	}
	.sp_img{
		width:90%;
		height:auto;
	}
	.sp_img2{
		width:60%;
		height:auto;
	}
	.sp_img3{
		width:40%;
		height:auto;
	}
	.sample_cover{
		margin-right:0;
		margin-bottom:40px;
	}
	#main{
		width:95%;
		padding-bottom:20px;
	}
	iframe{
		width:95%;
	}
	#logo{
		width:25%;
		height:auto;
	}
}