@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

html { color:#000; font-family:'Noto Sans JP', sans-serif; background:#333; }
* { margin:0; padding:0; }
img { width:100%; vertical-align:top; }

#wrapper { position:relative; padding-bottom:32%; background:#fff; }
p.date { padding:15px 0; font-size:13px; font-weight:500; line-height:1; text-align:center; background:#2697e5; color:#fff; }
.btn01 { position:relative; }
.btn01 a { position:absolute; top:0; display:block; width:100%; text-align:center;}
.btn01 a img { width:51%; }
.pb50 { padding-bottom:50px; }
.none { margin:0 9px 30px; padding:30px 0 0; background:#f3f3f3; }
ul.txt { padding:25px 10px 30px; list-style:none; font-size:10px; font-weight:500; line-height:1.8; border-radius:10px; }
ul.txt li { padding-left:10px; text-indent:-10px; }
ul.txt li.red { color:#f00; }
.btn { position:fixed; bottom:10px; width:100%; text-align:center; }
.btn a { display:inline-block; width:86%; }
.footerLast { text-align:right; padding-right:5px; font-size:10px;}


@media(min-width:751px){
#wrapper { width:600px; margin:0 auto; padding-bottom:200px; }
p.date { font-size:20px; padding:20px 0; }
.btn01 a img { width:306px; }
ul.txt { padding:25px 15px 30px; font-size:13px; }
ul.txt li { padding-left:13px; text-indent:-13px; }
.btn { width:600px; }
.btn a { display:inline-block; width:512px; }
.footerLast { padding-right:10px; font-size:14px;}
}