.vline {
  -webkit-writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: tb-rl;
}

.clear {
  clear: both;
}

strong {
  color: #e40011;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.ttl_line {
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
  border-bottom: solid 1px #CCC;
}

.notes {
  line-height: 1.3;
  color: #666;
  font-size: 76.92%;
}

.fluid-Image {
  width: 100%;
  height: auto;
}

.sp-hidden {
  display: none !important;
}

.pc-hidden {
  display: block !important;
}

img.sp-hidden {
  display: none !important;
}
img.pc-hidden {
  display: inline !important;
}

.fade {
  opacity: 0;
  -ms-transform: translate(0, 60px);
      transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.fade.mv {
  opacity: 1;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

@media only screen and (max-width: 767px) {
  .sp_text:after {
    content: attr(data-label);
  }
  .sp_text img {
    display: none;
  }
}
/** background
-------------------------------------------------------------------**/
.fullsize_wrap {
  padding: 30px 20px;
}

.bg000 {
  color: #fff;
  background: #000;
}
.bg666 {
  color: #fff;
  background: #666;
}
.bgccc {
  background: #ccc;
}
.bgddd {
  background: #ddd;
}
.bgeee {
  background: #eee;
}
.bgfa {
  background: #fafafa;
}

/*====================================================================================
PC Layout
=====================================================================================*/
@media only print, screen and (min-width: 768px) {
  /*
    .float-left {
      display: inline;
      float: left;
    }

    img.float-left {
      margin: 0 15px 15px 0 !important;
      clear: left;
      width: auto !important;
    }

    .float-center {
      display: inline;
      float: left;
    }

    img.float-center {
      margin: 0 15px 15px 0 !important;
      clear: left;
      width: auto !important;
    }

    .float-right {
      display: inline;
      float: right;
    }

    img.float-right {
      margin: 0 0 15px 15px !important;
      clear: right;
      width: auto !important;
    }

    .fluid-Image {
      width: auto;
      height: auto;
    }
  */
  .pc, .sp-hidden {
    display: block !important;
  }

  .sp, .pc-hidden {
    display: none !important;
  }

  img.pc, img.sp-hidden {
    display: inline !important;
  }
  img.sp, img.pc-hidden {
    display: none !important;
  }

  .fullsize_wrap {
    padding: 0;
  }
}
/** font-size
-------------------------------------------------------------------**/
.size10 {
  font-size: 1rem;
}
.size11 {
  font-size: 1.1rem;
}
.size12 {
  font-size: 1.2rem;
}
.size13 {
  font-size: 1.3rem;
}
.size14 {
  font-size: 1.4rem;
}
.size15 {
  font-size: 1.5rem;
}
.size16 {
  font-size: 1.6rem;
}
.size17 {
  font-size: 1.7rem;
}
.size18 {
  font-size: 1.8rem;
}
.size19 {
  font-size: 1.9rem;
}
.size20 {
  font-size: 2rem;
}
.size21 {
  font-size: 2.1rem;
}
.size22 {
  font-size: 2.2rem;
}
.size23 {
  font-size: 2.3rem;
}
.size24 {
  font-size: 2.4rem;
}
.size25 {
  font-size: 2.5rem;
}
.size26 {
  font-size: 2.6rem;
}
.size27 {
  font-size: 2.7rem;
}
.size28 {
  font-size: 2.8rem;
}
.size29 {
  font-size: 2.9rem;
}
.size30 {
  font-size: 3rem;
}

.noto100 {
  font-weight: 100;
}

.noto200 {
  font-weight: 200;
}

.noto300 {
  font-weight: 300;
}

.noto400 {
  font-weight: 400;
}

.noto500 {
  font-weight: 500;
}

.noto600 {
  font-weight: 600;
}

.noto700 {
  font-weight: 700;
}

.noto800 {
  font-weight: 800;
}

.noto900 {
  font-weight: 900;
}

/** margin
-------------------------------------------------------------------**/
.mgt0 {
  margin-top: 0px !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;
}

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

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

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

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

.mgt90 {
  margin-top: 90px !important;
}

.mgb0 {
  margin-bottom: 0px !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;
}

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

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

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

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

.mgb90 {
  margin-bottom: 90px !important;
}

.mgl0 {
  margin-left: 0px !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;
}

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

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

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

.table {
  clear: both;
  width: 100%;
  margin-bottom: 25px;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
}
.table dt {
  width: 25%;
  background-color: #F2F2F2;
}
.table dd {
  width: 75%;
}

div.table dd, div.table dt {
  padding: 1em;
  line-height: 1.6;
  text-align: left;
  vertical-align: top;
  /* border-bottom: 1px solid #ddd; */
  display: table-cell;
}

.table textarea#content {
  width: 420px;
}

div.table {
  display: table;
  border-collapse: collapse;
}
div.table dl {
  display: table-row;
}
div.table dl:nth-child(even) {
  background: rgba(0, 0, 0, 0.05);
}
div.table dt {
  background: transparent url(../img/bg_gray01.gif);
  font-weight: 500;
}
div.table dt em {
  color: #900;
}
.inputarea_m,
.inputarea_zip {
  width: 25%;
}

.inputarea, .inputarea_add {
  width: 100%;
}

.inputarea_txt {
  height: 150px;
  width: 100%;
}

.inputarea_zip, .inputarea, .inputarea_m, .inputarea_add, .inputarea_txt {
  background-color: #FFFFEC;
  border: 1px solid #CCCCCC;
  padding: 10px;
}

.preview {
  margin: 30px 0 0;
  text-align: center;
  clear: both;
}

.confirm input, .preview input {
  margin: 0 auto;
  padding: 1em 2em;
  border: none;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #e40011;
}

.confirm input {
  display: inline-block;
}

label.error {
  display: none;
  color: #c00;
}

.section.coming {
  margin: 0 auto 400px;
  text-align: center;
}
.section.coming h2 {
  font-size: 3.6rem;
  letter-spacing: 0.1em;
  font-family: "Pathway Gothic One", sans-serif;
}

/** clearfix
-------------------------------------------------------------------**/
/* For modern browsers */
.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: block;
  overflow: hidden;
}
.clearfix:after {
  content: "";
  display: block;
  overflow: hidden;
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
@media only screen and (max-width: 767px) {
  .br-del br {
    display: none;
  }

  .table {
    clear: both;
    width: 100%;
    margin-bottom: 25px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
  }
  .table dt {
    width: auto;
    font-weight: normal;
    background-color: #F2F2F2;
  }
  .table dd, .table td {
    width: auto;
  }

  div.table dd {
    font-size: 90%;
    line-height: 160%;
    text-align: left;
    vertical-align: top;
    padding: 10px;
  }
  div.table dt {
    font-size: 90%;
    line-height: 160%;
    text-align: left;
    vertical-align: top;
    padding: 10px;
    padding: 0.5em 0.25em 0.25em;
    border-top: solid 2px #ddd;
    font-weight: bold;
  }
  div.table dd {
    padding: 0.25em 0.25em 1em;
  }

  .table textarea#content {
    width: 100%;
  }

  div.table {
    display: block;
    border-collapse: collapse;
  }
  div.table dl, div.table dd, div.table dt {
    display: block;
  }

  .inputarea_m,
.inputarea_zip {
    width: 50%;
  }

  .confirm input {
    margin: 0 2px;
    padding: 1em 0;
    border: none;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    background: #e40011;
    width: 45%;
  }

  /** font-size
  -------------------------------------------------------------------**/
  .size10, .size11 {
    font-size: 1rem;
  }

  .size12, .size13 {
    font-size: 1.2rem;
  }

  .size14, .size15, .size16 {
    font-size: 1.4rem;
  }

  .size17, .size18, .size19, .size20 {
    font-size: 1.6rem;
  }

  .size21 {
    font-size: 2.1rem;
  }

  .size22 {
    font-size: 2.2rem;
  }

  .size23 {
    font-size: 2.3rem;
  }

  .size24 {
    font-size: 2.4rem;
  }

  .size25 {
    font-size: 2.5rem;
  }

  .size26 {
    font-size: 2.6rem;
  }

  .size27 {
    font-size: 2.7rem;
  }

  .size28 {
    font-size: 2.8rem;
  }

  .size29 {
    font-size: 2.9rem;
  }

  .size30 {
    font-size: 3rem;
  }

  .mgt0 {
    margin-top: 0px !important;
  }

  .mgt5 {
    margin-top: 3px !important;
  }

  .mgt10 {
    margin-top: 5px !important;
  }

  .mgt15 {
    margin-top: 8px !important;
  }

  .mgt20 {
    margin-top: 10px !important;
  }

  .mgt25 {
    margin-top: 18px !important;
  }

  .mgt30 {
    margin-top: 15px !important;
  }

  .mgt35 {
    margin-top: 18px !important;
  }

  .mgt40 {
    margin-top: 20px !important;
  }

  .mgt50 {
    margin-top: 25px !important;
  }

  .mgt60 {
    margin-top: 30px !important;
  }

  .mgt70 {
    margin-top: 35px !important;
  }

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

  .mgt90 {
    margin-top: 45px !important;
  }

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

  .mgb5 {
    margin-bottom: 3px !important;
  }

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

  .mgb15 {
    margin-bottom: 8px !important;
  }

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

  .mgb25 {
    margin-bottom: 13px !important;
  }

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

  .mgb35 {
    margin-bottom: 18px !important;
  }

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

  .mgb50 {
    margin-bottom: 25px !important;
  }

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

  .mgb70 {
    margin-bottom: 35px !important;
  }

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

  .mgb90 {
    margin-bottom: 45px !important;
  }

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

  .mgl5 {
    margin-left: 3px !important;
  }

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

  .mgl15 {
    margin-left: 7px !important;
  }

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

  .mgl25 {
    margin-left: 12px !important;
  }

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

  .mgl35 {
    margin-left: 17px !important;
  }

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

  .mgl50 {
    margin-left: 25px !important;
  }

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

  .mgl70 {
    margin-left: 35px !important;
  }
}