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

/* --------------------------
     全端末共通のCSS
-------------------------- */
img{
	border: none;
	margin:0;
	padding: 0;
}
.clear{
	clear: both;
}

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #333;
	background: url(img/bg.gif) repeat;
	background-color: #fff;
	margin: 0;
	padding: 0;
}
#logo{
	margin: 5px auto 10px auto;
}

#copy{
	font-size: 10px;
	color:#333;
	margin: 20px 0 15px 0;
	text-align: center;
}

#close{
	text-align: center;
	margin: 10px auto;
}

.button {
    background-color: #ffffff;
    border: 2px solid #d6cc98;
    border-radius: 25px;
    color: #9c6f3d;
    display: inline-block;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 4px 28px;
    text-decoration: none;
}

/*===============================================
スマホ  画面横幅640pxまで
===============================================*/
@media screen and (max-width:640px){

#wrap{ width: 100%;}

	#logo img{
		width: 70%;
		max-width:360px;
	}
	
.main05, .main1, .main2{ text-align: center;}

.main05 img{ width: 30%;}
.main1 img{ width: 100%;}
.main2 img{ width: 50%;}

#mv_pc{display:none;}

#mv{
	position:relative;
	padding-bottom: 56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin: 20px auto 0 auto;
	text-align: center;
}
#mv iframe{
	position:absolute;
	top:0;
	left:5%;/*0*/
	width:90%;
	height:90%;
}
	
} /* /@media */



/*===============================================
タブレット  画面横幅768pxまで
===============================================*/
@media screen and (max-width: 768px){

#wrap{ 
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

	#logo img{
		width: 40%;
		max-width:360px;
	}

.main05, .main1, .main2{ text-align: center;}

.main05 img{ width: 30%;}
.main1 img{ width: 100%;}
.main2 img{ width: 50%;}

#mv_pc{display:none;}

#mv{
	position:relative;
	padding-bottom: 56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin: 20px auto 0 auto;
	text-align: center;
}

#mv iframe{
	position:absolute;
	top:0;
	left:5%;
	width:90%;
	height:90%;
}

} /* /@media */



/*===============================================
PC   画面横幅769px以上
===============================================*/
@media screen and (min-width: 769px){
	
#wrap{
	width: 730px;
	margin: 0 auto;
	text-align: center;
}

	#logo img{
		width: 40%;
		max-width:360px;
	}
	
	
.main05 img{ width: 30%;}

#mv{display:none;}
#mv_pc{background: url(img/movie_bg.png) no-repeat;
	width: 700px;
	height: 405px;
	margin: 30px auto 0 auto;
	padding: 72px 0 0 0;
	text-align: center;
}



} /* /@media */