/*  全体
----------------------------------------------- */

@charset "utf-8";

* 	{
	margin: 0;
	padding: 0;
	}

body {
	color:#000;
	font-size : 1em;
	line-height: 2;
	font-family:'Century Gothic','Futura','游ゴシック',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	background: url(../images/thanks-bg.jpg) no-repeat top;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-attachment:fixed;
	}

a img {
	    -webkit-transition: 0.3s ease-in-out;
	       -moz-transition: 0.3s ease-in-out;
	         -o-transition: 0.3s ease-in-out;
	            transition: 0.3s ease-in-out;
	}
	a:hover img {
	    opacity: 0.6;
	    filter: alpha(opacity=60);
	}

a {
	color:#ff1d97;
	}

a:hover {
	color: #ff0000;
	}

h2 {
	font-size : 2.2em;
	line-height: 1.4;
	}

h3 {
	font-size : 2em;
	line-height: 1.4;
	}

hr {
	clear: both;
	border:none;
	border-top:solid 5px #2ec2e2;
	height:5px;
	margin: 40px 0 0 0;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}



/*  画像
----------------------------------------------- */

img.top {
	width: 100%;
	height: auto;
	position: relative;
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	transition: 1.2s;
}

img.top2 {
	display:none;
}

img.full {
	width:100%;
	height:auto;
	transition: 1.2s;
	}

img.full2 {
	width:94%;
	height:auto;
	transition: 1.2s;
	}

/*  ヘッダー
----------------------------------------------- */

header {
	display: block;
	margin: 0;
	padding-bottom:10px;
	}

/*  トップページ
----------------------------------------------- */

#container {
	display: block;
	position: relative;
	}


.content {
	width: 100%;
	margin:0;
	padding:0;
	}

.movie_top,.movie_bottom {
	width:100%;
	height:30px;
	}

.movie_top {background: url(../images/movie-bg.png) repeat-x;}
.movie_center {
	position: relative;
	width: 100%;
	background: #333;
	}
.movie_bottom {background: url(../images/movie-bg2.png) repeat-x;}

.movie_box {
	margin:0 auto;
	padding:0;
	max-width:900px;
	overflow:hidden;
	}

.movie_box #player,.movie_box iframe {
	margin:0 0 -8px 0;
	padding:0;
	width: 900px;
	height: 506px;
	}

.shadow-cover {
	width: 100%;
	margin:0;
	background:#FFF url(../images/bg-shadow.png) repeat-x top;
	padding:30px 0;
	}

.line-cover {
	width: 1020px;
	margin:0 auto;
	}

dl.line {
	display:block;
	float:left;
	width:494px;
	padding:0;
	margin:0 5px;
	border:3px solid #48d12f;
	}

dl.line dt {
	padding:10px 20px;
	background:url(../images/bg.png) repeat-x;
	-webkit-background-size:auto 100%;
	-moz-background-size:auto 100%;
	-o-background-size:auto 100%;
	background-size:auto 100%;
	color:#FFF;
	text-align:center;
	}

dl.line dt h3 {
	font-size:24px;
	}

dl.line dd {
	padding:20px 10px;
	text-align:center;
	font-size:0.8em;
	line-height: 1.8;
	}

dl.line dd img {
	width:55%;
	margin:auto;
	}

dl.line dd ol {
	margin:auto;
	margin-top:30px;
	width:92%;
	padding:10px 1% 10px 4%;
	list-style-position: inside;
	border:1px solid #CCC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px; 
	}

dl.line dd ol li {
	font-size:1.2em;
	line-height: 1.4;
	color: #333;
	text-align:left;
	}

/*  フォント
----------------------------------------------- */

.p12,.p14,.p16,.p20,.b12,.b14,.b16,.b20 {line-height: 1.6;}

.p24,.p30,.b24,.b30 {line-height: 1.4;}

.p32,.p36,.b32,.b36 {line-height: 1.3;}

.p12{font-size: 1.2em;}
.p14{font-size: 1.4em;}
.p16{font-size: 1.6em;}
.p20{font-size: 2.0em;}
.p24{font-size: 2.4em;}
.p30{font-size: 3.0em;}
.p32{font-size: 3.2em;}
.p36{font-size: 3.6em;}

.b12{font-size: 1.2em;font-weight:bold;}
.b14{font-size: 1.4em;font-weight:bold;}
.b16{font-size: 1.6em;font-weight:bold;}
.b20{font-size: 2.0em;font-weight:bold;}
.b24{font-size: 2.4em;font-weight:bold;}
.b30{font-size: 3.0em;font-weight:bold;}
.b32{font-size: 3.2em;font-weight:bold;}
.b36{font-size: 4em;font-weight:bold;}

.yellow {color:#f7d946;}
.pink {color:#ff3e82;}
.pink2 {color:#ff64a0;}
.orange {color:#ff6600;}
.blue {color:#1fb1d0;}
.green {color:#349a00;}
.purple {color:#a13cb7;}
.mkr {
	display:inline;
	background: url(../images/marker.png)repeat-x bottom;
	}


.m-10 {margin-bottom:-12px;}
.m-20 {margin-bottom:-20px;}
.m0 {margin-bottom:0px;}
.m10 {margin-bottom:10px;}
.m20 {margin-bottom:20px;}
.m30 {margin-bottom:30px;}
.m40 {margin-bottom:40px;}
.m50 {margin-bottom:50px;}
.m60 {margin-bottom:60px;}
.m70 {margin-bottom:70px;}
.m80 {margin-bottom:80px;}
.m100 {margin-bottom:100px;}

.t-30 {margin-top:-30px;}
.t10 {margin-top:10px;}
.t20 {margin-top:20px;}
.t30 {margin-top:30px;}
.t40 {margin-top:40px;}
.t50 {margin-top:50px;}
.t60 {margin-top:60px;}
.t70 {margin-top:70px;}
.t80 {margin-top:80px;}
.t100 {margin-top:100px;}

br.pc {display:inline;}
br.sp {display:none;}

img.pc {display:block;}
img.sp, img.full4 {display:none;}

/*  フッター
----------------------------------------------- */
footer {
        clear:both;
	font-size: 12px;
	color:#FFF;
        padding: 10px 0;
	text-align: center;
	background: #222;
	border-top: 2px solid #333;
	}

footer a {
	color:#FFF;
	}


.mv1{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv2{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}



@media only screen and (max-width: 640px) {

.movie_top,.movie_bottom {
	height:20px;
	}

.movie_top,.movie_bottom {
	-webkit-background-size:auto 20px;
	-moz-background-size:auto 20px;
	-o-background-size:auto 20px;
	background-size:auto 20px;
	}

.movie_box {
	width:100%;
	}

.movie_box:before {
	content:"";
	display: block;
	padding-top: 56.25%; /* iframe高さと幅の比を16:9に固定。9/16*100=56.25 */
	}

.movie_box #movieArea,.movie_box iframe {
	position: absolute;
	margin:0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.line-cover {
	width: 100%;
	}

dl.line {
	float:none;
	margin:0 auto;
	margin-bottom:30px;
	width:90%;
	}

img.pc {display:none;}
img.sp, img.full4 {display:block;}

}