@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

/* ------------------------------
 Reset
------------------------------ */

* { box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img,strong, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video { color:#474747; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; list-style-type:none; font-family: 'Noto Sans JP', sans-serif; word-wrap:break-word; word-break:break-all; font-weight: 400; letter-spacing: 1px; font-style:normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height:1.75; box-sizing: border-box;  text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
img { vertical-align: top; }
html { font-size: 14px; /* overflow-y: scroll; */ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; word-break:keep-all; }
body { font-size: 14px; text-align:center; background: #fff; -webkit-text-size-adjust:none; }
th { text-align:left; white-space: nowrap; }
select, input, textarea { font-family: 'Noto Sans JP', sans-serif; word-wrap:break-word; word-break:break-all; font-weight: normal; font-style:normal; }
article, aside, dialog, div, figure, footer, header, hgroup, nav, section { display: block; }
input[type="search"],
input[type="email"],
input[type="text"] { border:1px solid #bbb; background:#fff none 0 0 no-repeat; border-radius: 2px; vertical-align: middle; text-indent: 5px; padding: 4px 0; outline: none; }
input[type="search"]:focus,
input[type="email"]:focus,
input[type="text"]:focus { border:1px solid #ccc; background:#F9F8F4 none 0 0 no-repeat; }
select { border:1px solid #bbb; background:#fff none 0 0 no-repeat; border-radius: 2px; vertical-align: middle; text-indent: 0; padding: 3px 0; outline: none; }
select:focus { border:1px solid #ccc; background:#F9F8F4 none 0 0 no-repeat; }
textarea { border:1px solid #bbb; background:#fff none 0 0 no-repeat; border-radius: 2px; outline: none; }
textarea:focus { border:1px solid #ccc; background:#F9F8F4 none 0 0 no-repeat; }
hr { height: 0; margin:30px 0; padding: 0; border: 0; border-top: 1px dashed #ddd;}
img.fr { margin: 0 20px 20px; }
.ovh { overflow: hidden; }

noscript { position: fixed; z-index: 100000; width: 100%; height: 100vh; background: rgba(0,0,0,.8); display: flex; align-items: center; justify-content: center; }
noscript > div { color: #fff; text-align: center; }

/* ------------------------------
 Clearfix
------------------------------ */

.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }

/* ------------------------------
 Textalign
------------------------------ */

.tr { text-align: right !important; }
.tl { text-align: left !important; }
.tc { text-align: center !important; }

/* ------------------------------
 Float
------------------------------ */

.fr { float: right !important; }
.fl { float: left !important; }

/* ------------------------------
 Vertical-align
------------------------------ */

.vt { vertical-align: top !important; }
.vm { vertical-align: middle !important; }
.vb { vertical-align: bottom !important; }

/* ------------------------------
 Fontsize
------------------------------ */

.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs17 { font-size: 17px !important; }
.fs18 { font-size: 18px !important; }
.fs19 { font-size: 19px !important; }
.fs20 { font-size: 20px !important; }
.fs21 { font-size: 21px !important; }
.fs22 { font-size: 22px !important; }
.fs23 { font-size: 23px !important; }
.fs24 { font-size: 24px !important; }
.fs25 { font-size: 25px !important; }
.fs26 { font-size: 26px !important; }
.fs27 { font-size: 27px !important; }
.fs28 { font-size: 28px !important; }
.fs29 { font-size: 29px !important; }
.fs30 { font-size: 30px !important; }

.fs05rem { font-size: 0.5rem !important; }
.fs06rem { font-size: 0.6rem !important; }
.fs07rem { font-size: 0.7rem !important; }
.fs08rem { font-size: 0.8rem !important; }
.fs09rem { font-size: 0.9rem !important; }
.fs10rem { font-size: 1rem !important; }
.fs11rem { font-size: 1.1rem !important; }
.fs12rem { font-size: 1.2rem !important; }
.fs13rem { font-size: 1.3rem !important; }
.fs14rem { font-size: 1.4rem !important; }
.fs15rem { font-size: 1.5rem !important; }
.fs16rem { font-size: 1.6rem !important; }
.fs17rem { font-size: 1.7rem !important; }
.fs18rem { font-size: 1.8rem !important; }
.fs19rem { font-size: 1.9rem !important; }
.fs20rem { font-size: 2rem !important; }

/* ------------------------------
 Margin
------------------------------ */

/* Bottom */
.mb0   { margin-bottom:0 !important; }
.mb5   { margin-bottom:5px !important; }
.mb10  { margin-bottom:10px !important; }
.mb20  { margin-bottom:20px !important; }
.mb30  { margin-bottom:30px !important; }
.mb40  { margin-bottom:40px !important; }
.mb50  { margin-bottom:50px !important; }
.mb60  { margin-bottom:60px !important; }
.mb70  { margin-bottom:70px !important; }
.mb80  { margin-bottom:80px !important; }
.mb90  { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; }

/* Top */

.mt10 { margin-top:10px !important; }
.mt30 { margin-top:30px !important; }

/* ------------------------------
 Width
------------------------------ */

/* Px */

.w10  { width:10px !important; }
.w20  { width:20px !important; }
.w30  { width:30px !important; }
.w40  { width:40px !important; }
.w50  { width:50px !important; }
.w60  { width:60px !important; }
.w70  { width:70px !important; }
.w80  { width:80px !important; }
.w90  { width:90px !important; }
.w100 { width:100px !important; }
.w110 { width:110px !important; }
.w120 { width:120px !important; }
.w130 { width:130px !important; }
.w140 { width:140px !important; }
.w150 { width:150px !important; }
.w160 { width:160px !important; }
.w170 { width:170px !important; }
.w180 { width:180px !important; }
.w190 { width:190px !important; }
.w200 { width:200px !important; }
.w210 { width:210px !important; }
.w220 { width:220px !important; }
.w230 { width:230px !important; }
.w240 { width:240px !important; }
.w250 { width:250px !important; }
.w260 { width:260px !important; }
.w270 { width:270px !important; }
.w280 { width:280px !important; }
.w290 { width:290px !important; }
.w300 { width:300px !important; }
.w310 { width:310px !important; }
.w320 { width:320px !important; }
.w330 { width:330px !important; }
.w340 { width:340px !important; }
.w350 { width:350px !important; }
.w360 { width:360px !important; }
.w370 { width:370px !important; }
.w380 { width:380px !important; }
.w390 { width:390px !important; }
.w400 { width:400px !important; }
.w410 { width:410px !important; }
.w420 { width:420px !important; }
.w430 { width:430px !important; }
.w440 { width:440px !important; }
.w450 { width:450px !important; }
.w460 { width:460px !important; }
.w470 { width:470px !important; }
.w480 { width:480px !important; }
.w490 { width:490px !important; }
.w500 { width:500px !important; }
.w600 { width:600px !important; }
.w700 { width:700px !important; }
.w800 { width:800px !important; }
.w900 { width:900px !important; }

/* % */
.w50p  { width:50% !important; }
.w100p { width:100% !important; }