body{
	font-size:18px;
	line-height:1.618;
	font-family:Times New Roman,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"MSP明朝","MS PMincho","MS 明朝",serif;
	color:#323232
	}



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

.content{
	max-width: 980px;
	margin: 0 auto;
}

/*フォーム*/
.form{
	background:#FFF;
	padding-top: 30px;
	padding-bottom:30px;
	box-sizing: border-box;
	width:100%;
	margin: 0 auto 40px auto;
	background-color:#f2f2f2;
}

	.form-in{
		max-width:900px;
		margin:0 auto;}
	.form .form-in ul{
		color:#1c1c1c;
		font-weight: bold;
		display:block;
		width:100%;
		height:90px;
margin-bottom: 20px;}
		
		.form-in ul li{
			float:left;}

		.textbox{
				font-size:2em;
				padding:5px 0;}
.mail{
	margin-right: 15px;
	font-size: 1.2em;
}
					.mailad{
						width:430px;}
			li.mailinput{
				margin-top:18px;
				margin-left:30px;}
			.button{
				text-indent:-9999px;
				border: none;
				color: transparent;
				font-size: 0;
				cursor: pointer;
				outline: none;
				height:95px;
				width:190px;
				margin-left:40px;
				background:#000 url(../img/btn.png) no-repeat;
				}
				/*.button:hover{
					background:url(../img/bg/btn-hov.png) center no-repeat;}
				
				.button2{
					background:url(../img/bg/btn2.gif) center no-repeat;}
				.button2:hover{
					background:url(../img/bg/btn2-hov.png) center no-repeat;}*/
				
	.bg{
		font-size:1.2em;}
	
	.form-in p{
		clear: both;
		color:#1C1C1C;
		font-size:0.7em;
		margin-left:50px;}
	
	.form-in a:link,.form-in a:visited,.form-in a:hover,.form-in a:active { color:#00D0E8;}
		
		div.timer{
			width:480px;
			height:40px;
			margin:10px auto;
			padding:20px 0 5px 0;
			}
	

		.timer p{
			float:left;
			font-size:1.3em;
			margin:10px 0 0 0;
			padding:0;
			color:#1A1A1A;
font-weight: bold;}
		
		.timer div.cdt{
		float:right;
		margin-top:-4px;
		font-weight:normal;}



/*letter*/
.letter {
	max-width: 900px;
	margin: 0 auto;
 padding:10px 90px;
	box-sizing: border-box;
}
.letter p {
 font-size: 22px;
 line-height: 2.2em;
 padding-bottom: 0.25em;
 display: inline;
 border-bottom: 1px dotted #999;
 color: #777;
}

.big{font-size:1.2em;}

.red{color:#e74274;}

/*タイマー*/
span.yyc-day,span.yyc-hou,span.yyc-min,span.yyc-sec{
		font-size:2.5rem;
		clear:both;
		}


footer{
	padding: 20px 0;
background-color:#272727;
text-align:center;
font-size:0.8em;
color:#FFF;	
}

footer a{
color:#FFF;}


@media screen and (max-width: 1079px) {
   /*--- 表示領域が959px以下の場合に適用するスタイル ---*/
/*フォーム*/
.form{
	padding-top: 30px;
	padding-bottom:20px;
margin-top: 13px;
	height: auto;}

	.form-in{
		width:90%;
		margin:0 auto;}
	.form .form-in ul{
		color:#1c1c1c;
		font-weight: bold;
		display:block;
		width:100%;
		height:auto;
padding-bottom: 15px;
	}
.form-in ul li{
			float:none;}
		.textbox{
				font-size:2em;
				padding:5px 0;}
					.mailad{
						width:100%;}
			li.mailinput{
				margin-top:18px;
	margin-left:0;}
			.button{
				text-indent:-9999px;
				border: none;
				color: transparent;
				font-size: 0;
				cursor: pointer;
				outline: none;
				height:70px;
				width:100%;
				margin-top: 25px;
				margin-left: 0;
				background:#F2F2F2 url(../img/btnsp.png) no-repeat center center;
				float: none;
				}

.form-in p{
		color:#1C1C1C;
		font-size:0.7em;
	margin-left: 5px;
		}
	
	.form-in a:link,.form-in a:visited,.form-in a:hover,.form-in a:active { color:#00D0E8;}
		
		div.timer{
			text-align: center;
			width: 100%;
			height:auto;
			margin:10px auto;
			background:url(../img/bg/cdt-back.png) center center no-repeat;
			}
		.timer p{
			font-size:1.3em;
			margin-bottom: 10px;
			text-align: center;
			padding:0;
			color:#1A1A1A;
font-weight: bold;
	float: none;}
		
		.timer div.cdt{
		float:none;
		margin-top:-4px;
		font-weight:normal;}
	
@media screen and (max-width: 641px) {
   /*--- 表示領域が959px以下の場合に適用するスタイル ---*/
/*letter*/
.letter {
	max-width: 900px;
	margin: 0 auto;
 padding:10px;
	box-sizing: border-box;
}
.letter p {
 font-size: 17px;
 line-height: 2.2em;
 padding-bottom: 0.25em;
 display: inline;
 border-bottom: 1px dotted #999;
 color: #777;
}
}
@media screen and (max-width: 599px) {
   /*--- 表示領域が599px以下の場合に適用するスタイル ---*/
	.test{
		width: 400px;
		height: 90px;
	}

}