@charset "utf-8"; 

/* ==========================================================================
   base style
   ========================================================================== */

body {font-size:12px;font-family: Arial, Helvetica,sans-serif;color:#5b3f36;}
ul {margin: 0;padding: 0;}
li {list-style-type: none;}
a {color:#5b3f36;text-decoration: none;}
a:hover {color:#5b3f36;text-decoration: none;}
img {line-height: 0;max-width: 100%;}
i {position: relative;}
*,
*:before,
*:after {
  box-sizing: border-box;
}

/* ==========================================================================
   col
   ========================================================================== */

.clear:before,
.clear:after {
  content: "";
  display: table;
}
.clear:after {
  clear: both;
}
.clear {
  zoom: 1;
}

.col {
  float: left;
}
.col-1 {
  width: 8.33333%;
  width: calc(100% / 12 * 1);
  width: -webkit-calc(100% / 12 * 1);
  width: -moz-calc(100% / 12 * 1);
}
.col-2 {
  width: 16.66667%;
  width: calc(100% / 12 * 2);
  width: -webkit-calc(100% / 12 * 2);
  width: -moz-calc(100% / 12 * 2);
}
.col-3,
.col-1-4 {
  width: 25%;
  width: calc(100% / 12 * 3);
  width: -webkit-calc(100% / 12 * 3);
  width: -moz-calc(100% / 12 * 3);
}
.col-4,
.col-1-3 {
  width: 33.33333%;
  width: calc(100% / 12 * 4);
  width: -webkit-calc(100% / 12 * 4);
  width: -moz-calc(100% / 12 * 4);
}
.col-5 {
  width: 41.66665%;
  width: calc(100% / 12 * 5);
  width: -webkit-calc(100% / 12 * 5);
  width: -moz-calc(100% / 12 * 5);
}
.col-6,
.col-1-2 {
  width: 50%;
  width: calc(100% / 12 * 6);
  width: -webkit-calc(100% / 12 * 6);
  width: -moz-calc(100% / 12 * 6);
}
.col-7 {
  width: 58.33333%;
  width: calc(100% / 12 * 7);
  width: -webkit-calc(100% / 12 * 7);
  width: -moz-calc(100% / 12 * 7);
}
.col-8 {
  width: 66.66666%;
  width: calc(100% / 12 * 8);
  width: -webkit-calc(100% / 12 * 8);
  width: -moz-calc(100% / 12 * 8);
}
.col-9,
.col-3-4 {
  width: 75%;
  width: calc(100% / 12 * 9);
  width: -webkit-calc(100% / 12 * 9);
  width: -moz-calc(100% / 12 * 9);
}
.col-10 {
  width: 83.33333%;
  width: calc(100% / 12 * 10);
  width: -webkit-calc(100% / 12 * 10);
  width: -moz-calc(100% / 12 * 10);
}
.col-11 {
  width: 91.66666%;
  width: calc(100% / 12 * 11);
  width: -webkit-calc(100% / 12 * 11);
  width: -moz-calc(100% / 12 * 11);
}
.col-12 {
  width: 100%;
}

/* ==========================================================================
   text
   ========================================================================== */
   
.f-small {font-size:11px;}
.f-midium {font-size:13px;}
.f-large {font-size:15px;}
.f-xlarge {font-size:20px;}
.f-normal {font-size:13px;}
.normal {font-weight: normal;}
.strong {font-weight: bold;}
.red {color: #e50012;}
.black {color: #000000;}
.brown {color: #5b3f36;}
.white {color: #ffffff;}
.textL {text-align: left;}
.textC {text-align: center;}
.textR {text-align: right;}

/* ==========================================================================
   background
   ========================================================================== */

.bgRE {background: #e50012;}
.bgWH {background: #ffffff;}

/* ==========================================================================
   decoration
   ========================================================================== */

.nodecoration {text-decoration: none;}
.underline {text-decoration: underline;}

/* ==========================================================================
   layout
   ========================================================================== */

.block {display: block;}
.hidden {display: none;}
.inline-block{display:inline-block;*display:inline;*zoom:1;}
.table {display: table;}
.table-cell {display: table-cell;}
.relative {position: relative;}
.invisible {visibility: hidden;}
.visible {visibility: visible;}

.box {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
}

.box-align {
	-moz-box-align:center;
	-webkit-box-align:center;
	-o-box-align:center;
}

.box-pack {
	-moz-box-pack:center;
	-webkit-box-pack:center;
	-o-box-pack:center;
}





/* ==========================================================================
   padding
   ========================================================================== */

.pd5 {padding: 0 5px!important;}
.pd10 {padding: 0 10px!important;}
.pdT10 {padding: 10px 0!important;}
.pd20 {padding: 0 20px!important;}
.pd30 {padding: 0 30px!important;}
.pdv5 {padding: 5px 5px!important;}
.pdv10 {padding: 10px 10px!important;}
.pdv20 {padding: 20px 20px!important;}
.pdv30 {padding: 30px 30px!important;}
.pdT20 {padding: 20px 0!important;}
.pdT25 {padding: 25px 0!important;}
.pdT30 {padding: 30px 0!important;}
.pdT35 {padding: 35px 0!important;}
.pdT40 {padding: 40px 0!important;}
.pdT45 {padding: 45px 0!important;}
.pdT50 {padding: 50px 0!important;}
.pdT55 {padding: 55px 0!important;}
.pdT60 {padding: 60px 0!important;}
.pdT65 {padding: 65px 0!important;}
.pdT70 {padding: 70px 0!important;}
.pdT75 {padding: 75px 0!important;}
.pdR5 {padding: 0 5px 0 0!important;}
.pdR10 {padding: 0 10px 0 0!important;}
.pdL5 {padding: 0 0 0 5px!important;}
.pdL10 {padding: 0 0 0 10px!important;}

/* ==========================================================================
   margin
   ========================================================================== */

.mg0 {margin: 0!important;}
.mgB0 {margin-bottom: 0!important;}
.mgB5 {margin-bottom: 5px!important;}
.mgB10 {margin-bottom: 10px!important;}
.mgB15 {margin-bottom: 15px!important;}
.mgB20 {margin-bottom: 20px!important;}
.mgB25 {margin-bottom: 25px!important;}
.mgB30 {margin-bottom: 30px!important;}
.mgB35 {margin-bottom: 35px!important;}
.mgB40 {margin-bottom: 40px!important;}
.mgB45 {margin-bottom: 45px!important;}
.mgB50 {margin-bottom: 50px!important;}
.mgB55 {margin-bottom: 55px!important;}
.mgB60 {margin-bottom: 60px!important;}
.mgT0 {margin-top: 0!important;}
.mgT5 {margin-top: 5px!important;}
.mgT10 {margin-top: 10px!important;}
.mgT15 {margin-top: 15px!important;}
.mgT20 {margin-top: 20px!important;}
.mgT25 {margin-top: 25px!important;}
.mgT30 {margin-top: 30px!important;}
.mgT35 {margin-top: 35px!important;}
.mgT40 {margin-top: 40px!important;}
.mgT45 {margin-top: 45px!important;}
.mgT50 {margin-top: 50px!important;}
.mgT55 {margin-top: 55px!important;}
.mgT60 {margin-top: 60px!important;}

.mgR0 {margin-right: 0!important;}
.mgR5 {margin-right: 5px!important;}
.mgR10 {margin-right: 10px!important;}
.mgR15 {margin-right: 15px!important;}
.mgR20 {margin-right: 20px!important;}
.mgR25 {margin-right: 25px!important;}
.mgR30 {margin-right: 30px!important;}
.mgR35 {margin-right: 35px!important;}
.mgR40 {margin-right: 40px!important;}
.mgR45 {margin-right: 45px!important;}
.mgR50 {margin-right: 50px!important;}
.mgR55 {margin-right: 55px!important;}
.mgR60 {margin-right: 60px!important;}

.mgL0 {margin-left: 0!important;}
.mgL5 {margin-left: 5px!important;}
.mgL10 {margin-left: 10px!important;}
.mgL15 {margin-left: 15px!important;}
.mgL20 {margin-left: 20px!important;}
.mgL25 {margin-left: 25px!important;}
.mgL30 {margin-left: 30px!important;}
.mgL35 {margin-left: 35px!important;}
.mgL40 {margin-left: 40px!important;}
.mgL45 {margin-left: 45px!important;}
.mgL50 {margin-left: 50px!important;}
.mgL55 {margin-left: 55px!important;}
.mgL60 {margin-left: 60px!important;}