@charset "UTF-8";
/*----------------------------------------------------------------------
Position
----------------------------------------------------------------------*/
.al {
  text-align: left;
}

.ac {
  text-align: center;
}

.ar {
  text-align: right;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

.cl {
  clear: left;
}

.vt {
  vertical-align: top;
}

.vm {
  vertical-align: middle;
}

.vb {
  vertical-align: bottom;
}

.il {
  float: left;
  margin-right: 15px;
}

.ir {
  float: right;
  margin-left: 15px;
}

.vmiddle-acenter {
  vertical-align: middle;
  text-align: center;
}

/*----------------------------------------------------------------------
Space
----------------------------------------------------------------------*/
.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !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;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml80 {
  margin-left: 80px !important;
}

/*----------------------------------------------------------------------
width
----------------------------------------------------------------------*/
.w-5percent {
  width: 5%;
}

.w-10percent {
  width: 10%;
}

.w-15percent {
  width: 15%;
}

.w-20percent {
  width: 20%;
}

.w-30percent {
  width: 30%;
}

.w-35percent {
  width: 35%;
}

.w-40percent {
  width: 40%;
}

.w-45percent {
  width: 45%;
}

.w-50percent {
  width: 50%;
}

.w-60percent {
  width: 60%;
}

.w-65percent {
  width: 65%;
}

.w-70percent {
  width: 70%;
}

.w-80percent {
  width: 80%;
}

.w-90percent {
  width: 90%;
}

.w-100percent {
  width: 100%;
}

.w-200px {
  width: 200px;
}

.w-280px {
  width: 280px;
}

.w-300px {
  width: 300px;
}

.w-350px {
  width: 350px;
}

.w-380px {
  width: 380px;
}

.w-400px {
  width: 400px;
}

.w-450px {
  width: 450px;
}

/*----------------------------------------------------------------------
font
----------------------------------------------------------------------*/
/*DEFAULT 13px*/
/*7.7をかけて算出*/
.f26 {
  font-size: 197%;
}

/* 26px */
.f25 {
  font-size: 189%;
}

/* 25px */
.f24 {
  font-size: 182%;
}

/* 24px */
.f23 {
  font-size: 174%;
}

/* 23px */
.f22 {
  font-size: 167%;
}

/* 22px */
.f21 {
  font-size: 161.6%;
}

/* 21px */
.f20 {
  font-size: 153.9%;
}

/* 20px */
.f19 {
  font-size: 146.5%;
}

/* 19px */
.f18 {
  font-size: 138.5%;
}

/* 18px */
.f17 {
  font-size: 131%;
}

/* 17px */
.f16 {
  font-size: 123.1%;
}

/* 16px */
.f15 {
  font-size: 116%;
}

/* 15px */
.f14 {
  font-size: 108%;
}

/* 14px */
.f13 {
  font-size: 100%;
}

/* 13px , default */
.f12 {
  font-size: 93%;
}

/* 12px */
.f11 {
  font-size: 85%;
}

/* 11px */
.f10 {
  font-size: 77%;
}

/* 10px */
/* line-height */
.lh0 {
  line-height: 0;
}

.lh10 {
  line-height: 1;
}

.lh12 {
  line-height: 1.2;
}

.lh14 {
  line-height: 1.4;
}

.lh16 {
  line-height: 1.6;
}

.lh18 {
  line-height: 1.8;
}

.lh20 {
  line-height: 2;
}

.lh24 {
  line-height: 2.4;
}

/* color */
.red {
  color: #b31231;
}

.red-bold {
  color: #b31231;
  font-weight: bold;
}

.green {
  color: #006633;
}

.blue {
  color: #004cc6;
}

.blue-bold {
  color: #004cc6;
  font-weight: bold;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.normal {
  font-style: normal;
}

.font-centuryold {
  font-family: "Century Old Style" , 'Times New Roman', 'Century Sclool Book', "sans-serif";
}

/* --------- MODULE --------- */
/*  clearfix  */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/*  hide-object  */
.hide {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

/* --------- /MODULE --------- */