@charset "UTF-8";
  @media screen and (min-width: 1025px) {
    /* PC用レイアウト 1,025px以上の範囲に収めるデザインはこの中に記述 */
    footer .policy {
      text-align: right;
      margin: 0.5em;
      font-size: 70% !important;
    }
    footer .copyright {
      text-align: center;
      margin: 1em;
    }
    .accordion {
      margin: 0 30px;
    }
    .contentBox {
      width: 750px;
      display: block;
      margin: 0 auto;
    }
    .contentBox_banner .fixed img {
      width: 40%;
    }
    .information {
      margin: 0 50px;
    }
    .accordion {
      margin: 0 50px;
    }
    .qa-list ul {
      margin-left: -40px !important;
    }
    #offer_top, #offer_mid, #offer_bottom01, #offer_bottom02 {
      position: relative;
      display: block;
      width: 100% !important;
      height: auto;
    }
    .coupon_code {
      position: relative;
      display: block;
      width: 750px !important;
      height: auto !important;
      background: url("../img/tubc_offer03.jpg") no-repeat;
    }
    .coupon_code .txt {
      position: absolute;
      color: #ff2456 !important;
      font-weight: bold !important;
      font-size: 50px !important;
      top: 65%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      padding: 5px 5px 30px;
      text-align: center;
      border: 1px solid #000;
      width: 463px;
      height: 49px;
    }
  }
  @media screen and (min-width: 600px) {
    /* タブレット用レイアウト 600px以上の範囲に収めるデザインはこの中に記述 */
    footer .policy {
      margin: 1em;
      text-align: right;
      font-size: 60% !important;
    }
    footer .copyright {
      padding: 0.5em;
      text-align: center;
      font-size: 85% !important;
      margin: 1em;
    }
    #offer_top, #offer_mid, #offer_bottom01, #offer_bottom02 {
      position: relative;
      display: block;
      width: 100% !important;
      height: auto;
    }
    .coupon_code {
      position: relative;
      display: block;
      width: 100% !important;
      height: auto !important;
      background: url("../img/tubc_offer03.jpg") no-repeat;
    }
    .coupon_code .txt {
      position: absolute;
      color: #ff2456 !important;
      font-weight: bold !important;
      font-size: 50px !important;
      padding: 5px 5px 13px;
      text-align: center;
      border: 1px solid #000;
      height: 60px;
      top: 65%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
    }
  }
  @media only screen and (orientation : portrait) {
    footer {
      background-color: #fff;
      color: #fff;
    }
    footer .policy {
      text-align: right;
      padding: 1em !important;
      font-size: 60% !important;
    }
    footer .copyright {
      text-align: center;
      padding: 1em !important;
      font-size: 50% !important;
    }
    div#all {
      width: 100%;
    }
    .accordion {
      margin: 0 33px;
    }
    .information {
      margin: 0 33px;
    }
    #offer_top, #offer_mid, #offer_bottom01, #offer_bottom02 {
      position: relative;
      display: block;
      width: 100% !important;
      height: auto;
    }
    .coupon_code {
      position: relative;
      display: block;
      width: 100% !important;
      height: auto !important;
    }
    .coupon_code .txt {
      position: absolute;
      color: #ff2456 !important;
      font-weight: bold !important;
      font-size: 25px !important;
      top: 65%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      padding: 5px 15px 30px;
      text-align: center;
      border: 1px solid #000;
      width: auto;
      height: 10px;
    }
  }
  body, div, pre, p, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, blockquote, form, fieldset, table, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: bottom !important;
    background: transparent;
  }
  body {
    -webkit-text-size-adjust: none;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: #000;
  }
  footer {
    background-color: #000;
    color: #fff;
  }
  a {}
  img {
    padding: 0;
    border: none;
    vertical-align: bottom !important;
    max-width: 100%;
    text-align: center;
    height: auto;
    margin-top: -1px
  }
  img {
    pointer-events: none;
  }
  .contentBox_banner a img {
    pointer-events: auto !important;
  }
  .offer a img {
    pointer-events: auto !important;
  }
  .box a img {
    pointer-events: auto !important;
  }
  .clearfix:after {
    content: " ";
    display: block;
    clear: both;
  }
  * html .clearfix {
    height: 1%;
  }
  .box {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
  }
  .box p {
	flex-grow: 1;
    width: auto;
    height: auto;
    padding: 0 !important;
  }
  /*---------------- info ----------------*/
  dl, dt, dd, audio {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }
  dl.info {
    width: 100%;
  }
  dl.info dt {}
  dl.info dt.open {}
  dl.info dd {
    display: none;
    padding: 4%;
    font-size: 0.9em;
    line-height: 1.5;
    text-align: left;
    letter-spacing: 0.1em;
  }
  #contents {
    padding: 0px 0px 40px 0px;
  }

  /*---------------- ▲ ----------------*/
  .floatingBnr {
    position: fixed;
    z-index: 999;
    bottom: 35%;
    right: 5px;
    text-align: center;
  }
  .floatingBnr p img {
    opacity: 0.75;
    width: 80% !important;
    height: 80% !important;
    display: block;
  }
  /*---------------- buy ----------------*/
  .fixed {
    bottom: -200px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: fixed;
    text-align: left;
    width: 50.625%;
    z-index: 99;
  }
  .fixed img {
    height: auto;
    width: 100%;
  }
  .mgt10 {
    margin-top: 10px;
  }
  .mgt20 {
    margin-top: 20px;
  }
  .mgt30 {
    margin-top: 30px;
  }
  .mgt40 {
    margin-top: 40px;
  }
  .mgt50 {
    margin-top: 50px;
  }
  .mgt60 {
    margin-top: 50px;
  }
  .mgb10 {
    margin-bottom: 10px;
  }
  .mgb20 {
    margin-bottom: 20px;
  }
  .mgb30 {
    margin-bottom: 30px;
  }
  .mgb40 {
    margin-bottom: 40px;
  }
  .mgb50 {
    margin-bottom: 50px;
  }
  .mgb60 {
    margin-bottom: 60px;
  }