@charset "UTF-8";

/* ------------------------------------------- CSS Information 
 Style Info:     ブラウザスタイルのリセット設定
----------------------------------------------------------- */  
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
}
ol,ul{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle;}
q,blockquote{quotes:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none;}
a img,abbr,acronym,fieldset{border:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
hr,legend{display:none;}
object,embed{vertical-align:top;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}


/* ------------------------------------------- CSS Information 
 Style Info:     スタイル設定
----------------------------------------------------------- */
html,body{
width:100%;
height:100%;
margin:0;
padding:0;
line-height:0;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",Osaka,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif ;
color:#333333;
font-size:14px;
text-align:center;
background:#ffffff;
position:relative;
}

/*----- font -----*/
.b{font-weight:bold;}
.bg{background:#ffec47;}
.ul{text-decoration:underline;}
.big{font-size:20px;line-height:30px;}
.red{color:#df626b;}

/*----- image -----*/
img.pc{
width:100%;
max-width:960px;
margin:0 auto;
display:block;
}
img.sp{
width:100%;
max-width:640px;
margin:0 auto;
display:none;
}
@media only screen and (max-width:640px){
img.pc{display:none;}
img.sp{display:block;}
}

/*----- wrapper -----*/
.wrapper{
width:100%;
max-width:960px;
margin:0 auto;
padding:0;
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
}

/*----- container -----*/
.container{
width:100%;
max-width:960px;
margin:0 auto;
padding:0 3.125%;
box-sizing:border-box;
}

/*----- header -----*/
header{
width:100%;
margin:0 auto;
padding:0;
background:#fdfaf4 url(../img/thanks_header_bg.png) no-repeat center top;
}
header img{
width:100%;
max-width:960px;
margin:0 auto;
padding:0;
}

/*----- completion -----*/
.completion{
width:100%;
margin:0;
padding:0 0 40px 0;
background:url(../img/thanks_completion_bg.png) repeat center top;
}
@media only screen and (max-width:640px){.completion{padding:0 0 20px 0;}}

/*----- attention -----*/
.btn{
width:80%;
max-width:720px;
margin:0 auto 60px auto;
display:block;
}
.btn img{width:100%;}

/*----- movie -----*/
#movie{
width:100%;
margin:0;
padding:0;
background:url(../img/thanks_movie_bg.png) repeat center top;
}
.movie_box{
position:relative;
width:100%;
max-width:960px;
max-height:506px;
margin:0 auto; 
padding:56.25% 3.125% 0 3.125%;
box-sizing:border-box;
}
.movie_box iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-width:900px;
}

/*-----footer-----*/
footer{
margin:0;
padding:30px 0;
width:100%;
font-size:12px;
color:#f5f5f5;
background:#333333;
font-size:14px;
line-height:20px;
}
address{margin:0;}