@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; }
ul { list-style:none; }
img { width:100%; vertical-align:top; }

#wrapper { position:relative; padding-bottom:32%; background:#fff; }
.date { position:relative; }
.date p { position:absolute; font-size:18px; font-weight:500; line-height:1; text-align:center; color:#fff; width:100%; top:19%; }
.pb50 { padding-bottom:50px; }
.note { margin:0 9px 30px; padding:30px 0 0; background:#f3f3f3; }
ul.txt { padding:25px 15px 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:20px; width:100%; display:flex; justify-content:space-around; }
.btn li { padding:0 1%; }
.footerLast { text-align:right; padding-right:5px; font-size:10px;}


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