@font-face{
	font-family:"MyYuGothicM";
	font-weight:normal;
	src:local("YuGothic-Medium"),/* Postscript name */
		local("Yu Gothic Medium"),/* for Chrome name */
		local("YuGothic-Regular");/* Mediumがない場合 */
}
@font-face{
	font-family:"MyYuGothicM";
	font-weight:bold;
	src:local("YuGothic-Bold"),/* Postscript name */
		local("Yu Gothic");/* for Chrome name */
}
body {
	font-family: MyYuGothicM , YuGothic , -appple-system , BlinkMacSystemFont , "Hiragino Kaku Gothic ProN" , Meiryo , sans-serif ;
	color:#333;
	text-align:center;
	line-height:1.65;
	font-size:20px;
	background:url(../img/bg.jpg) center fixed;
	background-size:cover;
}

/**** header ****/
header{
	background:url(../img/header.png) center top no-repeat;
	padding-top:886px;
}
/**** cvr ****/
.cvr{
	background:#f1e87c;
	padding:2em;
}
.cvrInner{
	margin:0 auto;
	max-width:920px;
}


/**** section ****/
main{
	width:960px;
	margin:2em auto;
	box-shadow:0 0 10px rgba(0,0,0,.2);
	background:#fff;
}
.inner{
	padding:1em 3em 3em;
	text-align: justify;
}
.content{
	max-width:960px;
	background:#fff;
	padding:3% 5em;
	margin:3% auto;
	text-align:left;
}
h2 {
	font-size:2em;
	color:#fff;
	background:url(../img/h2_bg.png) top center;
	background-size:cover;
	border-bottom:#f1e87c 10px solid;
	text-align:center;
	padding:.8em .5em;
	line-height:1.3;
	text-shadow:0 0 5px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.5);
}

h3{
	background:#fad098;
	font-size:1.8em;
	padding:.5em;
	border-radius:5px;
	text-align:center;
	border-bottom:#c8b076 3px solid;
	margin-bottom:.5em;
	font-weight:bold;
}
p{
	margin:0 0 1.8em;
	line-height:1.8;
}
p:last-child{
	margin-bottom:0;
}
ul{
	margin-bottom:5%;
}
ul li{
	list-style:none;
	background:url(../img/check.png) left no-repeat;
	padding:1em 0 1em 80px;
	border-bottom:#ccc 1px dotted;
	font-size:1.3em;
	font-weight:bold;
}


/***** form *****/
input[type="text"],
input[type="email"] {
	font-size:2em;
	width:100%;
	padding:1%;
	margin-bottom:2%;
	border:#ccc 1px solid;
}
input[type="text"]:focus,
input[type="email"]:focus{
	background:#ffc;
	outline:0;
}
input[type="image"]{
	display:block;
	width:100%;
	margin:0 auto;
	transition:.3s;
}
input[type="image"]:hover{
	opacity: .7;
}

/**** footer ****/
footer{
	background:#f4f4f4;
	color:#999;
	padding:3% 5%;
	font-size:.8em;
	line-height:1.5;
}
footer a:link,
footer a:visited,
footer a:visited,
footer a:hover{
	text-decoration: none;
	color:#999;
}


/***** inline *****/
a:hover{ 
	opacity: 0.70;
	filter: alpha(opacity=70);
}

a{ 
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
			text-decoration:none;
}

.translate{
	transition:.3s;
}
.translate:hover{
	transform: translate(0,-.4em)
}

/*------ timer -----*/
#timer {
  width: 100%;
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  height: 60px;
  z-index: 2;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 60px;
  color: #fff; 
}