@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*-------------------------------------------------------------------
reset
-------------------------------------------------------------------*/
* {
margin:0;
padding:0;
}

html { width:100%; height:100%; }

body {
background:#FFFFFF;
color:#333;
font-family: 'Noto Sans Japanese';
width:100%;
height:100%;
-webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

table {
border-collapse:collapse;
border-spacing:0;
font-size:100%;
line-height:1.5;
}

th {
font-weight:normal;
text-align:left;
}

img {
border:0;
vertical-align:bottom;
}

ol li,
ul li {
list-style:none;
}

input, textarea {
vertical-align:middle;
 outline:0;
}

address, em {
font-style:normal;
}

/* link
-------------------------------------------------------------------*/
a:link, a:visited, a:hover {
color:#333;
text-decoration:underline;
outline:none;
}
a:hover {
text-decoration:none;
}

/* common class
-------------------------------------------------------------------*/
/* position */
.position {position:relative;}

/* width */
.w_half { width:50%;}
.w_third { width:33%;}
.w_quarter { width:25%;}
.w_fifth { width:20%;}
.w_max { width:100%;}
.scale {
width:100%;
height:auto;
}

/* float */
.f_left {float:left;}
.f_right {float:right;}

.w1p { width: 1% !important; }
.w2p { width: 2% !important; }
.w3p { width: 3% !important; }
.w4p { width: 4% !important; }
.w5p { width: 5% !important; }
.w6p { width: 6% !important; }
.w7p { width: 7% !important; }
.w8p { width: 8% !important; }
.w9p { width: 9% !important; }
.w10p { width: 10% !important; }
.w11p { width: 11% !important; }
.w12p { width: 12% !important; }
.w13p { width: 13% !important; }
.w14p { width: 14% !important; }
.w15p { width: 15% !important; }
.w16p { width: 16% !important; }
.w17p { width: 17% !important; }
.w18p { width: 18% !important; }
.w19p { width: 19% !important; }
.w20p { width: 20% !important; }
.w21p { width: 21% !important; }
.w22p { width: 22% !important; }
.w23p { width: 23% !important; }
.w24p { width: 24% !important; }
.w25p { width: 25% !important; }
.w26p { width: 26% !important; }
.w27p { width: 27% !important; }
.w28p { width: 28% !important; }
.w29p { width: 29% !important; }
.w30p { width: 30% !important; }
.w31p { width: 31% !important; }
.w32p { width: 32% !important; }
.w33p { width: 33% !important; }
.w34p { width: 34% !important; }
.w35p { width: 35% !important; }
.w36p { width: 36% !important; }
.w37p { width: 37% !important; }
.w38p { width: 38% !important; }
.w39p { width: 39% !important; }
.w40p { width: 40% !important; }
.w41p { width: 41% !important; }
.w42p { width: 42% !important; }
.w43p { width: 43% !important; }
.w44p { width: 44% !important; }
.w45p { width: 45% !important; }
.w46p { width: 46% !important; }
.w47p { width: 47% !important; }
.w48p { width: 48% !important; }
.w49p { width: 49% !important; }
.w50p { width: 50% !important; }
.w51p { width: 51% !important; }
.w52p { width: 52% !important; }
.w53p { width: 53% !important; }
.w54p { width: 54% !important; }
.w55p { width: 55% !important; }
.w56p { width: 56% !important; }
.w57p { width: 57% !important; }
.w58p { width: 58% !important; }
.w59p { width: 59% !important; }
.w60p { width: 60% !important; }
.w61p { width: 61% !important; }
.w62p { width: 62% !important; }
.w63p { width: 63% !important; }
.w64p { width: 64% !important; }
.w65p { width: 65% !important; }
.w66p { width: 66% !important; }
.w67p { width: 67% !important; }
.w68p { width: 68% !important; }
.w69p { width: 69% !important; }
.w70p { width: 70% !important; }
.w71p { width: 71% !important; }
.w72p { width: 72% !important; }
.w73p { width: 73% !important; }
.w74p { width: 74% !important; }
.w75p { width: 75% !important; }
.w76p { width: 76% !important; }
.w77p { width: 77% !important; }
.w78p { width: 78% !important; }
.w79p { width: 79% !important; }
.w80p { width: 80% !important; }
.w81p { width: 81% !important; }
.w82p { width: 82% !important; }
.w83p { width: 83% !important; }
.w84p { width: 84% !important; }
.w85p { width: 85% !important; }
.w86p { width: 86% !important; }
.w87p { width: 87% !important; }
.w88p { width: 88% !important; }
.w89p { width: 89% !important; }
.w90p { width: 90% !important; }
.w91p { width: 91% !important; }
.w92p { width: 92% !important; }
.w93p { width: 93% !important; }
.w94p { width: 94% !important; }
.w95p { width: 95% !important; }
.w96p { width: 96% !important; }
.w97p { width: 97% !important; }
.w98p { width: 98% !important; }
.w99p { width: 99% !important; }
.w100p { width: 100% !important; }

.w1e { width: 1em !important; }
.w2e { width: 2em !important; }
.w3e { width: 3em !important; }
.w4e { width: 4em !important; }
.w5e { width: 5em !important; }
.w6e { width: 6em !important; }
.w7e { width: 7em !important; }
.w8e { width: 8em !important; }
.w9e { width: 9em !important; }
.w10e { width: 10em !important; }
.w11e { width: 11em !important; }
.w12e { width: 12em !important; }
.w13e { width: 13em !important; }
.w14e { width: 14em !important; }
.w15e { width: 15em !important; }
.w16e { width: 16em !important; }
.w17e { width: 17em !important; }
.w18e { width: 18em !important; }
.w19e { width: 19em !important; }
.w20e { width: 20em !important; }
.w21e { width: 21em !important; }
.w22e { width: 22em !important; }
.w23e { width: 23em !important; }
.w24e { width: 24em !important; }
.w25e { width: 25em !important; }
.w26e { width: 26em !important; }
.w27e { width: 27em !important; }
.w28e { width: 28em !important; }
.w29e { width: 29em !important; }
.w30e { width: 30em !important; }

/* margin
---------------------------------------------*/
.m0 { margin: 0px !important; }
.m1 { margin: 1px !important; }
.m2 { margin: 2px !important; }
.m3 { margin: 3px !important; }
.m4 { margin: 4px !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }

/* margin:top */
.mt00 { margin-top:0px !important; }
.mt01 { margin-top:1px !important; }
.mt02 { margin-top:2px !important; }
.mt03 { margin-top:3px !important; }
.mt04 { margin-top:4px !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; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }

/* margin:right */
.mr00 { margin-right:0px !important; }
.mr01 { margin-right:1px !important; }
.mr02 { margin-right:2px !important; }
.mr03 { margin-right:3px !important; }
.mr04 { margin-right:4px !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; }
.mr55 { margin-right:55px !important; }

/* margin:bottom */
.mb00 { margin-bottom:0 !important; }
.mb01 { margin-bottom:1px !important; }
.mb02 { margin-bottom:2px !important; }
.mb03 { margin-bottom:3px !important; }
.mb04 { margin-bottom:4px !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; }

/* margin:left */
.ml00 { margin-left:0px !important; }
.ml01 { margin-left:1px !important; }
.ml02 { margin-left:2px !important; }
.ml03 { margin-left:3px !important; }
.ml04 { margin-left:4px !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; }

/* padding
---------------------------------------------*/
.p0 { padding: 0px !important; }
.p1 { padding: 1px !important; }
.p2 { padding: 2px !important; }
.p3 { padding: 3px !important; }
.p4 { padding: 4px !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }

.pt0 { padding-top: 1px !important; }
.pt1 { padding-top: 2px !important; }
.pt2 { padding-top: 3px !important; }
.pt3 { padding-top: 4px !important; }
.pt5 { padding-top: 5px !important; }
.pt6 { padding-top: 6px !important; }
.pt7 { padding-top: 7px !important; }
.pt8 { padding-top: 8px !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; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }

.pr0 { padding-right: 0px !important; }
.pr1 { padding-right: 1px !important; }
.pr2 { padding-right: 2px !important; }
.pr3 { padding-right: 3px !important; }
.pr4 { padding-right: 4px !important; }
.pr5 { 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; }
.pb1 { padding-bottom: 1px !important; }
.pb2 { padding-bottom: 2px !important; }
.pb3 { padding-bottom: 3px !important; }
.pb4 { padding-bottom: 4px !important; }
.pb5 { 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; }
.pl1 { padding-left: 1px !important; }
.pl2 { padding-left: 2px !important; }
.pl3 { padding-left: 3px !important; }
.pl4 { padding-left: 4px !important; }
.pl5 { 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; }

/* font */
.f_bold {font-weight:bold !important; }
.f_normal {font-weight:normal !important; }

/* font-size */
.xxs,.px10 {font-size:77% !important; }/*base 100%(13px) = 10px*/
.xs,.px11 {font-size:85% !important; }/*base 100%(13px) = 11px*/
.s,.px12 {font-size:93% !important; }/*base 100%(13px) = 12px*/
.m,.px13 {font-size:100% !important; }/*base 100%(13px) = 13px*/
.l,.px14 {font-size:108% !important; }/*base 100%(13px) = 14px*/
.xl,.px15 {font-size:116% !important; }/*base 100%(13px) = 15px*/
.xxl,.px16 {font-size:124% !important; }/*base 100%(13px) = 16px*/
.px17 {font-size:131% !important; }/*base 100%(13px) = 17px*/
.px18 {font-size:139% !important; }/*base 100%(13px) = 18px*/
.px19 {font-size:147% !important; }/*base 100%(13px) = 19px*/
.px20 {font-size:154% !important; }/*base 100%(13px) = 20px*/
.px21 {font-size:162% !important; }/*base 100%(13px) = 21px*/
.px22 {font-size:170% !important; }/*base 100%(13px) = 22px*/
.px23 {font-size:177% !important; }/*base 100%(13px) = 23px*/
.px24 {font-size:185% !important; }/*base 100%(13px) = 24px*/
.px25 {font-size:193% !important; }/*base 100%(13px) = 25px*/
.px26 {font-size:200% !important; }/*base 100%(13px) = 26px*/
.px27 {font-size:208% !important; }/*base 100%(13px) = 27px*/
.px28 {font-size:216% !important; }/*base 100%(13px) = 28px*/
.px29 {font-size:224% !important; }/*base 100%(13px) = 29px*/
.px30 {font-size:231% !important; }/*base 100%(13px) = 30px*/
.px31 {font-size:239% !important; }/*base 100%(13px) = 31px*/
.px32 {font-size:247% !important; }/*base 100%(13px) = 32px*/

/* align */
.t_left {text-align:left !important; }
.t_center {text-align:center !important; }
.t_right {text-align:right !important; }
.v_top {vertical-align:text-top !important; }
.v_middle {vertical-align:middle !important; }
.v_bottom {vertical-align:text-bottom !important; }

/* display */
.disp_table { display:table; }
.disp_table-cell { display:table-cell; }
.disp_inline-block { display:inline-block; }
.disp_inline { display:inline; }
.disp_block { display:block; }
.disp_none { display:none; }

/* bg_color
-------------------------------------------------------------------*/
.bg_color_white { background-color:#fff !important; }

/*---------------------------------------------*/
/* link
---------------------------------------------*/
.LinkOpacity:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.LinkOpacity50:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 05; }