@charset "utf-8";

/* ----------------------------------------------------

    text

---------------------------------------------------- */
.ac {text-align: center !important;}
.ar {text-align: right !important;}
.al {text-align: left !important;}

.fontred{color:#FF3B0C !important;}
.fontpink{color:#E52C47 !important;}
.fontyellow{color:#FFDD17 !important;}
.fontgreen{color:#33967A !important;}
.fontwhite{color:#fff !important;}

.marker-yellow {background: linear-gradient(transparent 50%, #FFFF6D 50%);}

.bg_cream{background-color: #FFFFDC !important;}
.bg_red{background-color: #FF0000 !important;}
.bg_blue{background-color: #01B7F0 !important;}
.bg_white{background-color: #ffffff !important;}


.bold{font-weight:bold !important;}
.ul{text-decoration:underline !important;}
.strike {text-decoration: line-through}


.lh11{line-height: 1.1;}
.lh12{line-height: 1.2;}
.lh13{line-height: 1.3;}
.lh14{line-height: 1.4;}
.lh16{line-height: 1.6;}
.lh20{line-height: 2.0;}
.lh23{line-height: 2.3;}

.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font17{font-size:17px !important;}
.font18{font-size:18px !important;}
.font19{font-size:19px !important;}
.font20{font-size:20px !important;}
.font21{font-size:21px !important;}
.font22{font-size:22px !important;}
.font23{font-size:23px !important;}
.font24{font-size:24px !important;}
.font25{font-size:25px !important;}
.font26{font-size:26px !important;}
.font28{font-size:28px !important;}
.font30{font-size:30px !important;}
.font31{font-size:31px !important;}
.font32{font-size:32px !important;}
.font35{font-size:35px !important;}
.font36{font-size:36px !important;}
.font37{font-size:37px !important;}
.font38{font-size:38px !important;}
.font39{font-size:39px !important;}
.font40{font-size:40px !important;}
.font60{font-size:60px !important;}
.font75{font-size:75% !important;}
.font120{font-size:120% !important;}
.font125{font-size:125% !important;}
.font130{font-size:130% !important;}
.font140{font-size:140% !important;}
.font150{font-size:150% !important;}
.font160{font-size:160% !important;}
.font170{font-size:170% !important;}
.font180{font-size:180% !important;}
.font190{font-size:190% !important;}
.font200{font-size:200% !important;}
.font210{font-size:210% !important;}
.font220{font-size:220% !important;}
.font230{font-size:230% !important;}
.font240{font-size:240% !important;}
.font250{font-size:250% !important;}
.font260{font-size:260% !important;}
.font270{font-size:270% !important;}
.font280{font-size:280% !important;}
.font290{font-size:290% !important;}
.font300{font-size:300% !important;}

/* ----------------------------------------------------

    float

---------------------------------------------------- */
.fr {float: right !important;}
.fl {float: left !important;}

.clear {clear: both;}

.hidden{overflow: hidden;}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ----------------------------------------------------
    clearfix の代用
    &#60;div class="hr"&#62;&#60;hr /&#62;&#60;/div&#62;
---------------------------------------------------- */

div.hr { clear:both; }
div.hr hr { display:none; }

/* ----------------------------------------------------

    margin

---------------------------------------------------- */

.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt08 { margin-top:  8px !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; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }
.mt-02 { margin-top: -2px !important; }
.mt-35 { margin-top: -35px !important; }
.mt-60 { margin-top: -60px !important; }

.mr00 { 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; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }

.mb00 { 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; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml-13 { margin-left:  -13px !important; }
.ml00 { 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; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }

/* ----------------------------------------------------

    padding

---------------------------------------------------- */

.pt1em { padding-top:  1em !important; }
.pt2em { padding-top:  2em !important; }
.pt3em { padding-top:  3em !important; }

.pt00 { padding-top:  0px !important; }
.pt03 { padding-top:  3px !important; }
.pt05 { padding-top:  5px !important; }
.pt08 { padding-top:  8px !important; }
.pt10 { padding-top: 10px !important; }
.pt11 { padding-top: 11px !important; }
.pt12 { padding-top: 12px !important; }
.pt13 { padding-top: 13px !important; }
.pt15 { padding-top: 15px !important; }
.pt17 { padding-top: 17px !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; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }

.pr00 { padding-right:  0px !important; }
.pr03 { padding-right:  3px !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; }


.pb1em { padding-bottom:  1em !important; }
.pb2em { padding-bottom:  2em !important; }
.pb3em { padding-bottom:  3em !important; }

.pb00 { padding-bottom:  0px !important; }
.pb03 { padding-bottom:  3px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb07 { padding-bottom:  7px !important; }
.pb08 { padding-bottom:  8px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb13 { padding-bottom: 13px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb18 { padding-bottom: 18px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb22 { padding-bottom: 22px !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; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb100 { padding-bottom: 100px !important; }

.pl00 { padding-left:  0px !important; }
.pl03 { padding-left:  3px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl12 { padding-left: 12px !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; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }
.pl90 { padding-left: 90px !important; }
.pl100 { padding-left: 100px !important; }