@charset "utf-8";
/* CSS Document */
body {
    font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 15px;
    line-height: 1.7em;
	text-align:center;}
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	vertical-align:top;}
a:hover img, input[type="image"]:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";}
.contents{max-width:960px;margin:0 auto;}

/*-- style --*/
.white{ color:#fff}
.size1em{ font:1.0em/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
#wrapper{
	box-shadow: 0 5px 10px rgba(0,0,0,0.6);/*--横方向のずれ/下方向のずれ/ぼかし具合/（赤、緑、青、変化具合）--*/}
/*-- top --*/
#block-top{background: url(../images/top-bg.jpg) no-repeat center}
/*-- block --*/
.block{ padding:90px 0 140px}
.block-inner{
	box-sizing:border-box;
	margin:0 auto;
	width:100%;
	padding:0 70px;
	text-align:left;}
.block-title{
	box-sizing:border-box;
	text-align:center;
	font-size:40px;
	font-weight:900;
	letter-spacing:-2px;
	line-height:1.5em;
	margin-bottom:70px;}
/*-- movie --*/
#movie{
	position: relative;
	width: 100%;
	padding: 56.25% 0 0 0;}
#movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}
#mp3button{ text-align:center; padding-top:20px}
/*-- footer --*/
#footer{background: url(../images/top-bg.jpg) no-repeat center; padding:70px}
#block-footer{color: #fff; padding:4% 0; max-width:1005px;margin:0 auto;}
#footer p{padding-bottom:2%;}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover{text-decoration:underline;}

@media screen and (min-width:  880px)  {
input[type="image"] {width: 100%;padding-top: 3%;}
select {width: 82%;padding: 2%;}}
@media screen and (max-width:  881px)  {
	input[type="image"] {width: 96%;padding-top: 3%;}
	select {width: 95%;padding: 2%;}}

@media screen and (max-width: 1005px)  {
	.block1, #block2{background:none;height:auto}
}
@media screen and (min-width: 961px){
/*　for iPad 　*/
.pc{display:block}.sp{display:none;}
/*-- style --*/
	#footer p{padding:0 2%;}
}
@media screen and (max-width: 960px){
/* for iPhone */
.pc{display:none}.sp{display:block;}
/*-- style --*/

/*-- top --*/

/*-- block --*/
.block-inner {
	width: 100%;
	padding: 40px 10px;}
#footer p{padding:0 2%;}
}