@charset "utf-8";
body{
	font-size: 16px;
    line-height: 1.5em;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    overflow-wrap: break-word;
	word-break: normal;
	font-size: 17px;
}

img{
	width:auto;
	height: auto;
	max-width:100%;}

p{line-height: 1.8em;
	font-family:serif;
	color: #381909;
}

.sp{display: none;}

.red{color: #c0272d;}
.big{font-size: 1.4em;}
.small{	font-size: 0.7em;
	line-height: 1em;}
.b{font-weight: bold;}
.u{text-decoration: underline;}
.s{font-family: serif;}
.center{text-align: center;}
.right{display: block;
    float: right;
	padding: 0 1%;}

/*header*/

header{background: url("../img/bg/header-bg.png")center bottom/cover;}

h1{text-align: center;
	padding: 3% 0;}

/*main*/
.main{margin: 0 auto;
	background: url("../img/bg/main-bg.png") no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	background-position: top;
}

.block{max-width: 900px;
	margin: 0 auto;
	padding: 25px 2% 30px 2%;}

h2{
	text-align: center;
	padding: 2%;
}

/*intoro*/
.intoro{background: url("../img/bg/intoro-bg.png")center center;
	padding: 2% 0 0 0;}

/*form*/
.form{
	color: #000d3a;
	padding: 3% 2%;
	background: url("../img/bg/form-bg-r.png")no-repeat,url("../img/bg/form-bg-l.png")no-repeat,#fffcf3;
	background-position: right top,left bottom;
}

.form form{
	max-width: 900px;
	margin: 0 auto;
}

.form-mail p{text-align: center;
	font-size: 1.4em;
	margin-bottom: 2%;}

form p{
	max-width: 550px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: left;
}

table{
	width: 100%;
	margin: 0 auto;
}

table.form-name tr td:first-child,table.form-mail tr td:first-child{
	width:  30%;
}

table.form-name tr td:nth-child(2),table.form-mail tr td:nth-child(2){
	width:  60%;
}

table.form-name tr td:nth-child(3),table.form-mail tr td:nth-child(3){
	width:  10%;
	padding-left: 2%;
}

input.mail,input.name{
	width:100%;
	padding: 2%;
	margin-bottom: 20px;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid;
	font-family: serif;
}

.btn{
	width:auto;
	height: auto;
	max-width:100%;
	padding-top: 20px;
	margin: 0 auto;
	display: block;
}

.btn:hover{
	opacity: 0.7 ;
}

form a{color: #c0272d;}

/*メッセージ*/
.r-name{
	text-align: right;
	margin-top: 15px;
	font-size: 1.3em;
}

/*movie*/
.movie-in{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: -1% 0 2% 0;
}

.movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;}

.movie ul{line-height: 0;
	font-size: 0;
	margin-bottom: 10%;
	text-align: justify;}

.movie ul li{
	display: inline-block;
	text-align: justify;
	width: 45%;
	margin: 0 2%;
}

.movie ul:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
}

/*footer*/
footer{
	width:100%;
	padding:20px 0;
	background: #000;}
		
.footer-in{
	width:1080px;
	margin:0 auto;}

footer p{
	text-align:center;
	font-size:14px;
	color:#fff;}

@media screen and (max-width: 768px) {
   /*--- 表示領域が768px以下の場合に適用するスタイル ---*/


}/*///media*/

@media screen and (max-width: 640px) {
   /*--- 表示領域が640px以下の場合に適用するスタイル ---*/
	.sp{display: block;}
	
	.block{padding: 15px 2% 20px 2%;}
	.main{box-shadow:none;}
	
	.right{width:80%;
	height: auto;
	display: block;
	float: none;
	margin: 0 auto 5% auto;
}
	
	/*header*/
	.top-header{padding: 0 2%;}
	.timer-text{float:none;
	line-height: 1.5em;}
	.timer-text{display:inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	padding-bottom: 2%;}
	.timer-text h2{font-size:6vmin;
	line-height: 1.4em;}

	h1{padding: 5% 0;}
	
/*intoro*/
	.intoro{padding: 0 2%;}
	
/*form*/
	.form-in {
	padding: 15px;
}
	
table.form-name tr td:first-child,table.form-mail tr td:first-child{
	display: none;
}

table.form-name tr td:nth-child(2),table.form-mail tr td:nth-child(2){
	width:  100%;
}

table.form-name tr td:nth-child(3),table.form-mail tr td:nth-child(3){
	display: none;
}

input.mail,input.name{
	width:100%;
	font-size:1.2em;
	padding: 2%;
	margin: 10px 0 15px 0;
	box-sizing: border-box;}
	
	/*動画*/
	.movie ul{line-height: 0;
	text-align: center;}

	.movie ul li{
	display: inline-block;
	width:90%;
	text-align: center;}


}/*///media*/