@charset "utf-8";


/* float Box
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.lBox { float: left;}
.rBox { float: right;}

/* display
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.dTable { display: table;}
.dTableCell { display: table-cell;}
.dBlock { display: block;}
.dInline { display: inline;}

/*
vertical-align
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.vat { vertical-align: top;}
.vam { vertical-align: middle;}
.vab { vertical-align: bottom;}

/*
text
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* text-align
----- ----- ----- ----- ----- */
.tal { text-align: left;}
.tar { text-align: right;}
.tac { text-align: center;}

/* font
----- ----- ----- ----- ----- */
.fss { font-size: 0.9em;}
.fsl { font-size: 1.2em;}
.fwn { font-weight: normal;}
.fwb { font-weight: bold;}
.tdu { text-decoration: underline;}
.tdlt { text-decoration: line-through;}
.tti { text-indent: 1em;}

/* font color */
.fWhite { color: #FFF;}
.fRed { color: #E9194B;}
.fOrange { color: #E36B37;}
.fGreen { color: #00A496;}
.fBlue { color: #004EA2;}
.fPink { color: #FF6699;}

/* font-size */
.fs08 { font-size: 0.8em;}
.fs09 { font-size: 0.9em;} /* = .fss */
.fs10 { font-size: 1.0em;}
.fs11 { font-size: 1.1em;}
.fs12 { font-size: 1.2em;} /* = .fsl */
.fs13 { font-size: 1.3em;}
.fs14 { font-size: 1.4em;}
.fs15 { font-size: 1.5em;}
.fs16 { font-size: 1.6em;}
.fs17 { font-size: 1.7em;}
.fs18 { font-size: 1.8em;}
.fs19 { font-size: 1.9em;}
.fs20 { font-size: 2.0em;}

/*
border
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.bdt01 { border-top: 1px solid #D5D5D5;}
.bdt02 { border-top: 2px solid #D5D5D5;}
.bdt03 { border-top: 3px solid #D5D5D5;}
.bdb01 { border-bottom: 1px solid #D5D5D5;}
.bdb02 { border-bottom: 2px solid #D5D5D5;}
.bdb03 { border-bottom: 3px solid #D5D5D5;}
.bdb01dot { border-bottom: 1px dotted #D5D5D5;}
.bdb02dot { border-bottom: 2px dotted #D5D5D5;}
.bdb03dot { border-bottom: 3px dotted #D5D5D5;}
.bdRed { border-color: #E9194B;}
.bdOrange { border-color: #E36B37;}
.bdGreen { border-color: #00A496;}
.bdBlue { border-color: #004EA2;}

/*
background
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.bgGray { background: #DDD;}
.bgYellow { background: #FBFBF0;}
.bgOrange { background: #FFF5EE;}
/*
box
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* border & bg */
.boxRed { padding: 15px;; background: #FDE1E9; border: 2px solid #E9194B;}
.boxOrange { padding: 15px;; background: #FFF5EE; border: 2px solid #E36B37;}
.boxGreen { padding: 15px;; background: #E1FFFE; border: 2px solid #00A496;}
.boxBlue { padding: 15px;; background: #DFEEFF; border: 2px solid #004EA2;}
.boxGray { padding: 15px;; background: #EEE; border: 2px solid #CCC;}
/* bg */
.bgBoxRed { padding: 15px;; background: #FDE1E9;}
.bgBoxOrange{ padding: 15px;; background: #FFF5EE;}
.bgBoxGreen { padding: 15px;; background: #E1FFFE;}
.bgBoxBlue { padding: 15px;; background: #DFEEFF;}
.bgBoxGray { padding: 15px;; background: #EEE;}
.bgBoxPink { padding: 15px;; background: #FF6699;}
/* border */
.bdBoxRed { padding: 15px;; border: 2px solid #E9194B;}
.bdBoxOrange { padding: 15px;; border: 2px solid #E36B37;}
.bdBoxGreen { padding: 15px;; border: 2px solid #00A496;}
.bdBoxBlue { padding: 15px;; border: 2px solid #004EA2;}
.bdBoxGray { padding: 15px;; border: 2px solid #CCC;}
.bdBoxPink { padding: 15px;; border: 2px solid #FF6699;}
/*
padding & margin
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* guidline common */
.pds20mb00 { padding: 0 20px; margin-bottom: 0em;}
.pds20mb05 { padding: 0 20px; margin-bottom: 0.5em;}
.pds20mb10 { padding: 0 20px; margin-bottom: 1em;}
.pds20mb15 { padding: 0 20px; margin-bottom: 1.5em;}
.pds20mb20 { padding: 0 20px; margin-bottom: 2em;}
.pds20mb25 { padding: 0 20px; margin-bottom: 2.5em;}
.pds20mb30 { padding: 0 20px; margin-bottom: 3em;}
.pds20mb35 { padding: 0 20px; margin-bottom: 3.5em;}
.pds20mb40 { padding: 0 20px; margin-bottom: 4em;}
.pds20mb45 { padding: 0 20px; margin-bottom: 4.5em;}
.pds20mb50 { padding: 0 20px; margin-bottom: 5em;}
.pds30mb00 { padding: 0 30px; margin-bottom: 0em;}
.pds30mb05 { padding: 0 30px; margin-bottom: 0.5em;}
.pds30mb10 { padding: 0 30px; margin-bottom: 1em;}
.pds30mb15 { padding: 0 30px; margin-bottom: 1.5em;}
.pds30mb20 { padding: 0 30px; margin-bottom: 2em;}
.pds30mb25 { padding: 0 30px; margin-bottom: 2.5em;}
.pds30mb30 { padding: 0 30px; margin-bottom: 3em;}
.pds30mb35 { padding: 0 30px; margin-bottom: 3.5em;}
.pds30mb40 { padding: 0 30px; margin-bottom: 4em;}
.pds30mb45 { padding: 0 30px; margin-bottom: 4.5em;}
.pds30mb50 { padding: 0 30px; margin-bottom: 5em;}
.ms20mb00 { margin: 0 20px; margin-bottom: 0em;}
.ms20mb05 { margin: 0 20px; margin-bottom: 0.5em;}
.ms20mb10 { margin: 0 20px; margin-bottom: 1em;}
.ms20mb15 { margin: 0 20px; margin-bottom: 1.5em;}
.ms20mb20 { margin: 0 20px; margin-bottom: 2em;}
.ms20mb25 { margin: 0 20px; margin-bottom: 2.5em;}
.ms20mb30 { margin: 0 20px; margin-bottom: 3em;}
.ms20mb35 { margin: 0 20px; margin-bottom: 3.5em;}
.ms20mb40 { margin: 0 20px; margin-bottom: 4em;}
.ms20mb45 { margin: 0 20px; margin-bottom: 4.5em;}
.ms20mb50 { margin: 0 20px; margin-bottom: 5em;}
.ms30mb00 { margin: 0 30px; margin-bottom: 0em;}
.ms30mb05 { margin: 0 30px; margin-bottom: 0.5em;}
.ms30mb10 { margin: 0 30px; margin-bottom: 1em;}
.ms30mb15 { margin: 0 30px; margin-bottom: 1.5em;}
.ms30mb20 { margin: 0 30px; margin-bottom: 2em;}
.ms30mb25 { margin: 0 30px; margin-bottom: 2.5em;}
.ms30mb30 { margin: 0 30px; margin-bottom: 3em;}
.ms30mb35 { margin: 0 30px; margin-bottom: 3.5em;}
.ms30mb40 { margin: 0 30px; margin-bottom: 4em;}
.ms30mb45 { margin: 0 30px; margin-bottom: 4.5em;}
.ms30mb50 { margin: 0 30px; margin-bottom: 5em;}
/* padding side */
.pds00 { padding: 0 0px;}
.pds05 { padding: 0 5px;}
.pds10 { padding: 0 10px;}
.pds12 { padding: 0 12px;}
.pds15 { padding: 0 15px;}
.pds16 { padding: 0 16px;}
.pds20 { padding: 0 20px;}
.pds25 { padding: 0 25px;}
.pds30 { padding: 0 30px;}
.pds35 { padding: 0 35px;}
.pds40 { padding: 0 40px;}
.pds45 { padding: 0 45px;}
.pds50 { padding: 0 50px;}
.pds55 { padding: 0 55px;}
/* margin side */
.ms00 { margin: 0 0px;}
.ms05 { margin: 0 5px;}
.ms10 { margin: 0 10px;}
.ms15 { margin: 0 15px;}
.ms20 { margin: 0 20px;}
.ms25 { margin: 0 25px;}
.ms30 { margin: 0 30px;}
.ms35 { margin: 0 35px;}
.ms40 { margin: 0 40px;}
.ms45 { margin: 0 45px;}
.ms50 { margin: 0 50px;}
/* padding full */
.pdf00 { padding: 0px;}
.pdf05 { padding: 5px;}
.pdf10 { padding: 10px;}
.pdf12 { padding: 12px;}
.pdf15 { padding: 15px;}
.pdf20 { padding: 20px;}
.pdf25 { padding: 25px;}
.pdf30 { padding: 30px;}
.pdf35 { padding: 35px;}
.pdf40 { padding: 40px;}
.pdf45 { padding: 45px;}
.pdf50 { padding: 50px;}
/* margin 0 auto */
.m0a { margin: 0 auto;}
.m0a05mb { margin: 0 auto 0.5em;}
.m0a10mb { margin: 0 auto 1.0em;}
.m0a15mb { margin: 0 auto 1.5em;}
.m0a20mb { margin: 0 auto 2.0em;}
.m0a25mb { margin: 0 auto 2.5em;}
.m0a30mb { margin: 0 auto 3.0em;}
.m0a35mb { margin: 0 auto 3.5em;}
.m0a40mb { margin: 0 auto 4.0em;}
.m0a45mb { margin: 0 auto 4.5em;}
.m0a50mb { margin: 0 auto 5.0em;}
.m0r { margin: 0 0 0 auto;}
.m0l { margin: 0 auto 0 0!important;}
/* padding */
.pt00 { padding-top: 0em;}
.pt05 { padding-top: 0.5em;}
.pt10 { padding-top: 1.0em;}
.pt15 { padding-top: 1.5em;}
.pt20 { padding-top: 2.0em;}
.pt25 { padding-top: 2.5em;}
.pt30 { padding-top: 3.0em;}
.pt35 { padding-top: 3.5em;}
.pt40 { padding-top: 4.0em;}
.pt45 { padding-top: 4.5em;}
.pt50 { padding-top: 5.0em;}
.pr05 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr35 { padding-right: 35px;}
.pr40 { padding-right: 40px;}
.pr45 { padding-right: 45px;}
.pr50 { padding-right: 50px;}
.pb00 { padding-bottom: 0em;}
.pb05 { padding-bottom: 0.5em;}
.pb10 { padding-bottom: 1.0em;}
.pb15 { padding-bottom: 1.5em;}
.pb20 { padding-bottom: 2.0em;}
.pb25 { padding-bottom: 2.5em;}
.pb30 { padding-bottom: 3.0em;}
.pb35 { padding-bottom: 3.5em;}
.pb40 { padding-bottom: 4.0em;}
.pb45 { padding-bottom: 4.5em;}
.pb50 { padding-bottom: 5.0em;}
.pl00 { padding-left: 0px;}
.pl05 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl35 { padding-left: 35px;}
.pl40 { padding-left: 40px;}
.pl45 { padding-left: 45px;}
.pl50 { padding-left: 50px;}
.pl55 { padding-left: 55px;}
.pl60 { padding-left: 60px;}
.pl65 { padding-left: 65px;}
.pl70 { padding-left: 70px;}
/* margin */
.mt00 { margin-top: 0em;}
.mt05 { margin-top: 0.5em;}
.mt10 { margin-top: 1em;}
.mt15 { margin-top: 1.5em;}
.mt20 { margin-top: 2em;}
.mt25 { margin-top: 2.5em;}
.mt30 { margin-top: 3em;}
.mt35 { margin-top: 3.5em;}
.mt40 { margin-top: 4em;}
.mt45 { margin-top: 4.5em;}
.mt50 { margin-top: 5em;}
.mr00 { margin-right: 0px;}
.mr05 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}
.mr45 { margin-right: 45px;}
.mr50 { margin-right: 50px;}
.mb00 { margin-bottom: 0em;}
.mb05 { margin-bottom: 0.5em;}
.mb10 { margin-bottom: 1em;}
.mb12 { margin-bottom: 12px;}
.mb15 { margin-bottom: 1.5em;}
.mb20 { margin-bottom: 2em;}
.mb25 { margin-bottom: 2.5em;}
.mb30 { margin-bottom: 3em;}
.mb35 { margin-bottom: 3.5em;}
.mb40 { margin-bottom: 4em;}
.mb45 { margin-bottom: 4.5em;}
.mb50 { margin-bottom: 5em;}
.ml00 { margin-left: 0px;}
.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;}
.ml150 { margin-left: 150px;}



@media screen and (min-width: 751px) {
.sp{display: none;}
}
@media screen and (max-width: 750px) {
.pc{display: none;}
}