@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------
*  Font
* --------------------------------------------------------------------------------------------------*/
.Cantiga {font-family: cantiga, sans-serif; }
.CantigaCondensed {font-family: cantiga-condensed, sans-serif; }
.DNPShueiGothicKinStd {font-family: dnp-shuei-gothic-kin-std, sans-serif; }
.Marydale {font-family: marydale, sans-serif; }
.Toppan {font-family: toppan-bunkyu-gothic-pr6n, serif; }

.fBold {font-weight:bold;}
.fNormal {font-weight:normal;}
span.sup{
	vertical-align: super;
	font-size: 50%;
}

.fSize8 {font-size: 0.8rem;}
.fSize9 {font-size: 0.9rem;}
.fSize10 {font-size: 1.0rem;}
.fSize12 {font-size: 1.2rem;}
.fSize14 {font-size: 1.4rem;}
.fSize16 {font-size: 1.6rem;}
.fSize18 {font-size: 1.8rem;}
.fSize20 {font-size: 2.0rem;}
.fSize22 {font-size: 2.2rem;}
.fSize24 {font-size: 2.4rem;}
.fSize26 {font-size: 2.6rem;}
.fSize28 {font-size: 2.8rem;}
.fSize30 {font-size: 3.0rem;}
.fSize32 {font-size: 3.2rem;}
.fSize34 {font-size: 3.4rem;}
.fSize36 {font-size: 3.6rem;}
.fSize38 {font-size: 3.8rem;}
.fSize40 {font-size: 4.0rem;}
.fSize42 {font-size: 4.2rem;}
.fSize44 {font-size: 4.4rem;}
.fSize46 {font-size: 4.6rem;}
.fSize48 {font-size: 4.8rem;}

.fLh12 {line-height: 1.2;}
.fLh14 {line-height: 1.4;}
.fLh16 {line-height: 1.6;}
.fLh18 {line-height: 1.8;}
.fLh20 {line-height: 2.0;}

.fw100 {font-weight:100;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}
.fw900 {font-weight:900;}

/* ----------------------------------------------------------------------------------------------------
* text
* --------------------------------------------------------------------------------------------------*/
.tCenter {text-align: center;}
.tLeft {text-align: left;}
.tRight {text-align: right;}
.tJust {text-align: justify;}
.txtUnderLine{text-decoration: underline;}

/* ----------------------------------------------------------------------------------------------------
*  width
* --------------------------------------------------------------------------------------------------*/
.w100 {width: 100%;}

/* ----------------------------------------------------------------------------------------------------
*  margin
* --------------------------------------------------------------------------------------------------*/
.m1em {margin: 1em;}
.m2em {margin: 2em;}
.m3em {margin: 3em;}
.m4em {margin: 4em;}
.m5em {margin: 5em;}
.m6em {margin: 6em;}

.mt1em {margin-top: 1em;}
.mt2em {margin-top: 2em;}
.mt3em {margin-top: 3em;}
.mt4em {margin-top: 4em;}
.mt5em {margin-top: 5em;}
.mt6em {margin-top: 6em;}

.mb1em {margin-bottom: 1em;}
.mb2em {margin-bottom: 2em;}
.mb3em {margin-bottom: 3em;}
.mb4em {margin-bottom: 4em;}
.mb5em {margin-bottom: 5em;}
.mb6em {margin-bottom: 6em;}

.ml1em {margin-left: 1em;}
.ml2em {margin-left: 2em;}
.ml3em {margin-left: 3em;}
.ml4em {margin-left: 4em;}
.ml5em {margin-left: 5em;}
.ml6em {margin-left: 6em;}

.mr1em {margin-right: 1em;}
.mr2em {margin-right: 2em;}
.mr3em {margin-right: 3em;}
.mr4em {margin-right: 4em;}
.mr5em {margin-right: 5em;}
.mr6em {margin-right: 6em;}

.m10px {margin:10px;}
.m20px {margin:20px;}
.m30px {margin:30px;}
.m40px {margin:40px;}
.m50px {margin:50px;}
.m60px {margin:60px;}
.m70px {margin:70px;}
.m80px {margin:80px;}
.m90px {margin:90px;}
.m100px {margin:100px;}

.mt10px {margin-top:10px;}
.mt20px {margin-top:20px;}
.mt30px {margin-top:30px;}
.mt40px {margin-top:40px;}
.mt50px {margin-top:50px;}
.mt60px {margin-top:60px;}
.mt70px {margin-top:70px;}
.mt80px {margin-top:80px;}
.mt90px {margin-top:90px;}
.mt100px {margin-top:100px;}

.mb10px {margin-bottom:10px;}
.mb20px {margin-bottom:20px;}
.mb30px {margin-bottom:30px;}
.mb40px {margin-bottom:40px;}
.mb50px {margin-bottom:50px;}
.mb60px {margin-bottom:60px;}
.mb70px {margin-bottom:70px;}
.mb80px {margin-bottom:80px;}
.mb90px {margin-bottom:90px;}
.mb100px {margin-bottom:100px;}

.ml10px {margin-left:10px;}
.ml20px {margin-left:20px;}
.ml30px {margin-left:30px;}
.ml40px {margin-left:40px;}
.ml50px {margin-left:50px;}
.ml60px{margin-left:60px;}
.ml70px{margin-left:70px;}
.ml80px{margin-left:80px;}
.ml90px{margin-left:90px;}
.ml100px{margin-left:100px;}

.mr10px{margin-right:10px;}
.mr20px{margin-right:20px;}
.mr30px{margin-right:30px;}
.mr40px{margin-right:40px;}
.mr50px{margin-right:50px;}
.mr60px{margin-right:60px;}
.mr70px{margin-right:70px;}
.mr80px{margin-right:80px;}
.mr90px{margin-right:90px;}
.mr100px{margin-right:100px;}

/* ----------------------------------------------------------------------------------------------------
*  padding
* --------------------------------------------------------------------------------------------------*/
.pd1em {padding: 1em;}
.pd2em {padding: 2em;}
.pd3em {padding: 3em;}
.pd4em {padding: 4em;}
.pd5em {padding: 5em;}
.pd6em {padding: 6em;}

.pdt1em {padding-top: 1em;}
.pdt2em {padding-top: 2em;}
.pdt3em {padding-top: 3em;}
.pdt4em {padding-top: 4em;}
.pdt5em {padding-top: 5em;}
.pdt6em {padding-top: 6em;}

.pdb1em {padding-bottom: 1em;}
.pdb2em {padding-bottom: 2em;}
.pdb3em {padding-bottom: 3em;}
.pdb4em {padding-bottom: 4em;}
.pdb5em {padding-bottom: 5em;}
.pdb6em {padding-bottom: 6em;}

.pdl1em {padding-left: 1em;}
.pdl2em {padding-left: 2em;}
.pdl3em {padding-left: 3em;}
.pdl4em {padding-left: 4em;}
.pdl5em {padding-left: 5em;}
.pdl6em {padding-left: 6em;}

.pdr1em {padding-right: 1em;}
.pdr2em {padding-right: 2em;}
.pdr3em {padding-right: 3em;}
.pdr4em {padding-right: 4em;}
.pdr5em {padding-right: 5em;}
.pdr6em {padding-right: 6em;}

.pd10px{padding:10px;}
.pd20px{padding:20px;}
.pd30px{padding:30px;}
.pd40px{padding:40px;}
.pd50px{padding:50px;}
.pd60px{padding:60px;}
.pd70px{padding:70px;}
.pd80px{padding:80px;}
.pd90px{padding:90px;}
.pd100px{padding:100px;}

.pdt10px{padding-top:10px;}
.pdt20px{padding-top:20px;}
.pdt30px{padding-top:30px;}
.pdt40px{padding-top:40px;}
.pdt50px{padding-top:50px;}
.pdt60px{padding-top:60px;}
.pdt70px{padding-top:70px;}
.pdt80px{padding-top:80px;}
.pdt90px{padding-top:90px;}
.pdt100px{padding-top:100px;}

.pdb10px{padding-bottom:10px;}
.pdb20px{padding-bottom:20px;}
.pdb30px{padding-bottom:30px;}
.pdb40px{padding-bottom:40px;}
.pdb50px{padding-bottom:50px;}
.pdb60px{padding-bottom:60px;}
.pdb70px{padding-bottom:70px;}
.pdb80px{padding-bottom:80px;}
.pdb90px{padding-bottom:90px;}
.pdb100px{padding-bottom:100px;}

.pdl10px{padding-left:10px;}
.pdl20px{padding-left:20px;}
.pdl30px{padding-left:30px;}
.pdl40px{padding-left:40px;}
.pdl50px{padding-left:50px;}
.pdl60px{padding-left:60px;}
.pdl70px{padding-left:70px;}
.pdl80px{padding-left:80px;}
.pdl90px{padding-left:90px;}
.pdl100px{padding-left:100px;}

.pdr10px{padding-right:10px;}
.pdr20px{padding-right:20px;}
.pdr30px{padding-right:30px;}
.pdr40px{padding-right:40px;}
.pdr50px{padding-right:50px;}
.pdr60px{padding-right:60px;}
.pdr70px{padding-right:70px;}
.pdr80px{padding-right:80px;}
.pdr90px{padding-right:90px;}
.pdr100px{padding-right:100px;}

/* ----------------------------------------------------------------------------------------------------
*  pc/sp
* --------------------------------------------------------------------------------------------------*/
.spOnly {display: none;}
.pcOnly {display: block;}
.pcOnlyInblk {display:inline-block;}
.spOnlyInline {display:none;}
.spbr{display: none;}
.pcbr{display:inline-block;}

@media (max-width: 768px) {
	.spOnly {display: block;}
    .pcOnly {display: none !important;}
    .pcOnlyInblk {display: none !important;}
	.spOnlyInline {display:inline;}
    .spbr{display:inline-block;}
	.pcbr{display: none;}
}

/* ----------------------------------------------------------------------------------------------------
*  float
* --------------------------------------------------------------------------------------------------*/
.fl {float: left;}
.fr {float: right;}
.cb {clear: both;}


/* ----------------------------------------------------------------------------------------------------
*  Clearfix
* --------------------------------------------------------------------------------------------------*/
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


/* ----------------------------------------------------------------------------------------------------
*  other
* --------------------------------------------------------------------------------------------------*/
.opcty75{
	opacity: 0.75;
}