/**
 * product_first_buy.css
 *
 * - Setting
 * - Firstbuy Area
 */

[data-pagetype="first_buy"] .l-container {
  margin-bottom: 0;
}

[data-pagetype="first_buy"] .firstbuy-area .heading-center-line {
  margin-bottom: 25px;
}

[data-pagetype="first_buy"] .firstbuy-area .heading-center-line + p {
  font-size: 13px;
}

[data-pagetype="first_buy"] .firstbuy-area .firstbuy-list {
  position: relative;
  padding: 30px 0 100px;
}

[data-pagetype="first_buy"] .firstbuy-area .firstbuy-list:first-of-type {
  margin-top: 40px;
}

[data-pagetype="first_buy"] .firstbuy-area .firstbuy-list[data-firstbuy-type="diamond"]:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6fbff));
  background: linear-gradient(to bottom, #fff 0%, #e6fbff 100%);
}

[data-pagetype="first_buy"] .firstbuy-area .firstbuy-list[data-firstbuy-type="diamond"] .firstbuy-title span {
  height: 102px;
  background-position: 0 0px;
}

[data-pagetype="first_buy"] .firstbuy-area .firstbuy-list[data-firstbuy-type="gold"]:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff6d8));
  background: linear-gradient(to bottom, #fff 0%, #fff6d8 100%);
}

[data-pagetype="first_buy"] .firstbuy-area .firstbuy-list[data-firstbuy-type="gold"] .firstbuy-title span {
  height: 111px;
  background-position: 0 -200px;
}

[data-pagetype="first_buy"] .firstbuy-area .firstbuy-list[data-firstbuy-type="silver"]:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e3eefd));
  background: linear-gradient(to bottom, #fff 0%, #e3eefd 100%);
}

[data-pagetype="first_buy"] .firstbuy-area .firstbuy-list[data-firstbuy-type="silver"] .firstbuy-title span {
  height: 110px;
  background-position: 0 -400px;
}

[data-pagetype="first_buy"] .firstbuy-area .firstbuy-title {
  margin-bottom: 45px;
}

[data-pagetype="first_buy"] .firstbuy-area .firstbuy-title span {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  width: 170px;
  background: no-repeat url(../img/common/icon_level.svg) 0 0/200px 600px;
}

@media screen and (max-width: 767px) {
  [data-pagetype="first_buy"] .firstbuy-area .firstbuy-list {
    padding-bottom: 0;
  }

  [data-pagetype="first_buy"] .firstbuy-area .firstbuy-title {
    margin-bottom: 35px;
  }
}