@charset "utf-8";
/* CSS Document */

/* 
/*StyleSheet by Suzu Sakura
/*
==================================================== */
body{font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; color:#323232; line-height:1.5; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a{margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,header,hgroup,menu,nav,section,main{display:block;}
nav ul{list-style:none;}
blockquote,q{quoes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
pre,code,kbd,samp{font-family:monospace,monospace; font-size:inherit;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
sup{vertical-align:text-top; font-size:75%;}
sub{vertical-align:text-bottom; font-size:75%;}
input,textarea,select,button{vertical-align:middle; font-family:inherit; font-size:inherit; font-weight:inherit; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
a{outline:none;}
ul li{list-style:none;}




/*
/*Web
/*
==================================================== */
#wrapper{}
header{min-width:1000px; background:#474747; color:#d98080; padding:25px; }
header:after{clear:both; content:""; display:block;}
.wrap{position:relative; width:950px; margin:0 auto;}
header h1{width:400px; float:left; line-height:1.0; font-size:30px; margin:0px;} 	
header p.copy{float:right; margin-bottom:0px; padding-top:27px; line-height:1.0;}
article{padding:25px 25px 100px 25px; width:1000px; margin:0 auto; position:relative; min-width:1000px;}
h1{font-size:25px; font-weight:bold; margin-bottom:20px; color:#d98080; line-height:1.0;}
h2{font-size:20px; font-weight:bold; margin-bottom:15px; line-height:1.3;}
h3{font-size:16px; font-weight:bold; border-bottom:1px solid #a1a1a1; margin-bottom:15px; color:#d98080;}  
p{font-size:14px; margin-bottom:15px;}
section{margin-bottom:30px; font-size:14px;}
section:after{clear:both; content:""; display:block;}
footer{background:#474747; text-align:center; color:#fff; font-size:8px; padding:10px 0;}
section div.note{background:#FCFDCE; font-size:12px; padding:15px;margin-bottom:20px;}
section div.note h3{font-size:15px; border-bottom:1px solid #888888; color:#323232; margin-bottom:15px; line-height:1.3;}
section ul.list{margin:0 0 20px 2em;}
section ul.list li{list-style:disc;}
.twArea{clear:both; content:""; display:block;}
.fLt{float:left; margin-right:20px;}
.fRt{float:right;}
.aLt{text-align:left;}
.aRt{text-align:right;}
.aCt{text-align:center;}
div iframe{width:300px !important;}



@media screen and (min-width:800px) and (max-width:1080px){
div iframe{width:400px !important;}
}
@media screen and (min-width:641px) and (max-width:860px){	
div iframe{width:320px !important;}
}
@media (max-width:640px){
.wrap{width:100%;}
article{padding:20px 10px; width:100%; min-width:320px;}
h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:15px;}  
footer{width:100%;}
header{min-width:320px;} 
header h1{float:none; line-height:1.0; font-size:25px; margin:0px; width:100%;}
header p.copy{display:none;}
article{padding:25px 15px 80px 15px; width:100%; min-width:320px;}
section{}
.fLt{float:none; margin-bottom:30px;}
.fRt{clear:both; float:none;}
h2{clear:both;}
div iframe{width:300px !important; min-width:320px;}


}