@charset "utf-8";

/* -------------------- link -------------------- */
a {
    text-decoration: underline;
    verflow: hidden;
    outline: none;
    /*-webkit-tap-highlight-color: rgba(163,14,8,0.2);
	tap-highlight-color: rgba(163,14,8,0.2);*/
}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
*:focus {outline: none;}

.fade {
    transition: opacity 0.2s ease-in-out;
    backface-visibility: hidden;
}
.pc .fade:hover {opacity: 0.8;}

.linkNon { color: inherit; text-decoration: none;}
.linkNon a { color: inherit; text-decoration: none;}

/* -------------------- common -------------------- */
.w100 {width: 100%;}
.nowrap {display: inline-block;white-space: nowrap;}
.alignR {text-align: right;}
.alignC {text-align: center;}

.kome { padding-left: 1em; text-indent: -1em; line-height: 1.5;}
.komeList li { padding-left: 1em; text-indent: -1em; line-height: 1.5; margin-top: 0.4em;}
.dotList li { padding-left: 1em; position: relative; line-height: 1.5; margin-top: 0.4em;}
.dotList li:before { content: ""; line-height: 0; width: 3px; height: 3px; background: rgba(0,0,0,0.7); display: block; border-radius: 50%; position: absolute; left: 0.3em; top: 0.7em; transform: translate(-50%, -50%);}

.kome .nowrap, .komeList li .nowrap, .dotList li .nowrap { text-indent: 0;}


/* -------------------- font size -------------------- */
.fz10 {font-size: 1.0rem;}
.fz11 {font-size: 1.1rem;}
.fz12 {font-size: 1.2rem;}
.fz13 {font-size: 1.3rem;}
.fz14 {font-size: 1.4rem;}
.fz15 {font-size: 1.5rem;}
.fz16 {font-size: 1.6rem;}
.fz17 {font-size: 1.7rem;}
.fz18 {font-size: 1.8rem;}

.lh15 {line-height: 1.5;}
.lh16 {line-height: 1.6;}
.lh17 {line-height: 1.7;}
.lh18 {line-height: 1.8;}
.lh19 {line-height: 1.9;}
.lh20 {line-height: 2.0;}


/* -------------------- margin -------------------- */
.mrgB05 {margin-bottom: 5px;}
.mrgB10 {margin-bottom: 10px;}
.mrgB15 {margin-bottom: 15px;}
.mrgB20 {margin-bottom: 20px;}
.mrgB25 {margin-bottom: 25px;}
.mrgB30 {margin-bottom: 30px;}
.mrgB35 {margin-bottom: 35px;}
.mrgB40 {margin-bottom: 40px;}
.mrgB45 {margin-bottom: 45px;}
.mrgB50 {margin-bottom: 50px;}
.mrgB55 {margin-bottom: 55px;}
.mrgB60 {margin-bottom: 60px;}
.mrgB65 {margin-bottom: 65px;}
.mrgB70 {margin-bottom: 70px;}
.mrgB75 {margin-bottom: 75px;}
.mrgB80 {margin-bottom: 80px;}
.mrgB85 {margin-bottom: 85px;}
.mrgB90 {margin-bottom: 90px;}

.mB05em { margin-bottom: 0.5em;}
.mB1em   { margin-bottom: 1em;}
.mB15em { margin-bottom: 1.5em;}
.mB2em   { margin-bottom: 2em;}
.mB25em { margin-bottom: 2.5em;}
.mB3em   { margin-bottom: 3em;}
.mB4em   { margin-bottom: 4em;}

.mT1em { margin-top: 1em;}
.mT15em { margin-top: 1.5em;}
.mT2em { margin-top: 2em;}


/* -------------------- padding -------------------- */
.padB05 {padding-bottom: 5px;}
.padB10 {padding-bottom: 10px;}
.padB15 {padding-bottom: 15px;}
.padB20 {padding-bottom: 20px;}
.padB25 {padding-bottom: 25px;}
.padB30 {padding-bottom: 20px;}
.padB35 {padding-bottom: 35px;}
.padB40 {padding-bottom: 45px;}
.padB50 {padding-bottom: 50px;}
.padB55 {padding-bottom: 55px;}
.padB60 {padding-bottom: 60px;}
.padB65 {padding-bottom: 65px;}
.padB70 {padding-bottom: 70px;}
.padB75 {padding-bottom: 75px;}
.padB80 {padding-bottom: 80px;}
.padB85 {padding-bottom: 85px;}
.padB90 {padding-bottom: 90px;}

.pT05em { padding-top: .5em;}
.pT1em { padding-top: 1em;}
.pT15em { padding-top: 1.5em;}