@charset "UTF-8";

/*
    RESET - ADAPTED FROM MEYER RESET
    URL - http://meyerweb.com/eric/tools/css/reset/
    LICENSE - PUBLIC DOMAIN
*/

/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video  {
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: baseline;
    white-space: normal;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
table {border-spacing: 0; border-collapse: collapse;}

/*ios menubar*/
.wrapper{
    overflow: scroll;
    height: 100vh;

    -webkit-overflow-scrolling: touch;
}

body{
    letter-spacing: -0.01em;
    color: #32292d;
    font-family: 'Noto Sans Japanese'; 
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    word-wrap:break-word;

    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;/*20171114 追加*/
}

html, body {
  overflow-x: hidden;
}
body {
  position: relative;
}

* {
    margin: 0;
    padding: 0;
}

img{
    width: 100%;
    height: auto;
}

.cf:after,.cf:before {display: table;content: '';}
.cf:after {clear: both;}
.cf{zoom: 1;}

/*-----------------------------------------*/
/*font*/
/*-----------------------------------------*/

@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 100;
    font-style: normal;

    src: url('../font/NotoSansCJKjp-Thin.eot'); /* IE9 Compat Modes */
    src: url('../font/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/NotoSansCJKjp-Thin.woff') format('woff'), /* Modern Browsers */
    url('../font/NotoSansCJKjp-Thin.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 200;
    font-style: normal;

    src: url('../font/NotoSansCJKjp-Light.eot');
    src: url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Light.woff') format('woff'),
    url('../font/NotoSansCJKjp-Light.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 300;
    font-style: normal;

    src: url('../font/NotoSansCJKjp-DemiLight.eot');
    src: url('../font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('../font/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 400;
    font-style: normal;

    src: url('../font/NotoSansCJKjp-Regular.eot');
    src: url('../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../font/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 500;
    font-style: normal;

    src: url('../font/NotoSansCJKjp-Medium.eot');
    src: url('../font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Medium.woff') format('woff'),
    url('../font/NotoSansCJKjp-Medium.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 700;
    font-style: normal;

    src: url('../font/NotoSansCJKjp-Bold.eot');
    src: url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../font/NotoSansCJKjp-Bold.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 900;
    font-style: normal;

    src: url('../font/NotoSansCJKjp-Black.eot');
    src: url('../font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Black.woff') format('woff'),
    url('../font/NotoSansCJKjp-Black.ttf')  format('truetype');
}

/*-----------------------------------------*/
/*style*/
/*-----------------------------------------*/

/*float*/

.fll{float: left;}
.flr{float: right;}
.fln{float: none;}

/*text-align*/

.tal{text-align: left !important;}
.tar{text-align: right !important;}
.tac{text-align: center !important;}

/*margin*/
.mbox10{margin: 10px;}
.mbox15{margin: 10px;}
.mbox20{margin: 10px;}

.mac{margin-right: auto !important;margin-left: auto !important;}

.mtl{margin-top: 40px !important;}
.mtm{margin-top: 30px !important;}
.mts{margin-top: 15px !important;}

.mt0 {margin-top:  0px !important;}
.mt05{margin-top:  5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt45{margin-top: 45px !important;}
.mt50{margin-top: 50px !important;}

.mr0 {margin-right:  0px !important;}
.mr05{margin-right:  5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.mr30{margin-right: 30px !important;}
.mr35{margin-right: 35px !important;}
.mr40{margin-right: 40px !important;}
.mr45{margin-right: 45px !important;}
.mr50{margin-right: 50px !important;}

.mb0 {margin-bottom:  0px !important;}
.mb05{margin-bottom:  5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb45{margin-bottom: 45px !important;}
.mb50{margin-bottom: 50px !important;}

.ml0 {margin-left:  0px !important;}
.ml05{margin-left:  5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px !important;}
.ml35{margin-left: 35px !important;}
.ml40{margin-left: 40px !important;}
.ml45{margin-left: 45px !important;}
.ml50{margin-left: 50px !important;}

/*padding*/
.pbox10{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 10px;}
.pbox15{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 15px;}
.pbox20{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 20px;}

.pt0 {padding-top:  0px !important;}
.pt05{padding-top:  5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt45{padding-top: 45px !important;}
.pt50{padding-top: 50px !important;}

.pr0 {padding-right:  0px !important;}
.pr05{padding-right:  5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr30{padding-right: 30px !important;}
.pr35{padding-right: 35px !important;}
.pr40{padding-right: 40px !important;}
.pr45{padding-right: 45px !important;}
.pr50{padding-right: 50px !important;}

.pb0 {padding-bottom:  0px !important;}
.pb05{padding-bottom:  5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb45{padding-bottom: 45px !important;}
.pb50{padding-bottom: 50px !important;}

.pl0 {padding-left:  0px !important;}
.pl05{padding-left:  5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl35{padding-left: 35px !important;}
.pl40{padding-left: 40px !important;}
.pl45{padding-left: 45px !important;}
.pl50{padding-left: 50px !important;}

/*box-sizing*/
.bxcb{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.bxbb{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*width*/

.w10p{width:  10% !important;}
.w15p{width:  15% !important;}
.w20p{width:  20% !important;}
.w25p{width:  25% !important;}
.w30p{width:  30% !important;}
.w35p{width:  35% !important;}
.w40p{width:  40% !important;}
.w45p{width:  45% !important;}
.w50p{width:  50% !important;}
.w55p{width:  55% !important;}
.w60p{width:  60% !important;}
.w65p{width:  65% !important;}
.w70p{width:  70% !important;}
.w75p{width:  75% !important;}
.w80p{width:  80% !important;}
.w85p{width:  85% !important;}
.w90p{width:  90% !important;}
.w95p{width:  95% !important;}
.w96p{width:  96% !important;}
.w97p{width:  97% !important;}
.w98p{width:  98% !important;}
.w99p{width:  99% !important;}
.wmax{width: 100% !important;}

/*font*/

.fwn{font-weight: 300;}
.fwb{font-weight: 500;}

.fzl {font-size: 18px !important;}
.fzm {font-size: 16px !important;}
.fzs {font-size: 14px !important;}
.fzss{font-size: 13px !important;}
.fz12{font-size: 12px !important;}
.fz11{font-size: 11px !important;}
.fz10{font-size: 10px !important;}