@charset "UTF-8";

/*@font-face {
  font-family: 'Quattrocento-Regular';
  src: url("../../../../fonts/Quattrocento-Regular.ttf") format("ttf");
  src: url("../../../../fonts/Quattrocento-Regular.ttf") format("truetype");
}*/

.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.fw {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fnw {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.jcsb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.jcfe {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;

}

.jcc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.jcfs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.aic {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.posr {
  position: relative;
}

.posa {
  position: absolute;
}

.bdr_none {
  border: none!important;
}

.c_blue {
  color: #0e2f8f;
}

.bdr_btm {
  border-bottom: 1px solid #0e2f8f;
}

/* ====================
  all
==================== */
body {
  font-size: 62.5%;
}

.ss2nd_collection_lp {
  margin: 0 auto;
  padding: 6.6rem 0 23.3rem;
  width: 100%;
  max-width: 128rem;
  font-family: 'Quattrocento', serif;
  font-feature-settings: "palt";
}

.ss2nd_collection_lp img {
  width: 100%;
}

/* ====================
  credit
==================== */
.ss2nd_collection_lp_credit_wrap {
  margin-top: 2.4rem;
  font-size: 1.2rem;
  text-align: left;
  /*letter-spacing: 0.05em;*/
}

.ss2nd_collection_lp_credit {
}

/* ====================
  section
==================== */
/* section 01 */
.ss2nd_collection_lp_sec._01 {
  margin: 0 auto;
  width: 64.7rem;
  max-width: 64.7rem;
}

.ss2nd_collection_lp_ttl {
  width: 100%;
  text-align: center;
  color: #ef8245;
  height: 6.5rem;
}

.ss2nd_collection_lp_ttl .top {
  font-size: 1.7rem;
  display: block;
  letter-spacing: 0.12em;
}

.ss2nd_collection_lp_ttl .btm {
  font-size: 2.1rem;
  display: block;
  margin-top: 1.7rem;
  letter-spacing: 0.08em;
}

.ss2nd_collection_lp_img.sec_01._01 {
  margin-top: 5.4rem;
}

/* section 02 */
.ss2nd_collection_lp_sec._02 {
  margin: 0 auto;
  width: 49.2rem;
  max-width: 49.2rem;
}

.ss2nd_collection_lp_img_wrap.sec_02._01 {
  margin-top: 11.6rem;
}

.ss2nd_collection_lp_img_wrap.sec_02._02 {
  margin: 7.8rem auto 0;
  width: 40.6rem;
  max-width: 40.6rem;
}

/* section 03 */
.ss2nd_collection_lp_sec._03 {
  margin: 0 auto;
  width: 54.6rem;
  max-width: 54.6rem;
}

.ss2nd_collection_lp_img_wrap.sec_03._01 {
  margin-top: 8rem;
}

/* section 04 */
.ss2nd_collection_lp_sec._04 {
  margin-left: 21.1rem;
  margin-top: 12.6rem;
  width: 91.5rem;
  max-width: 91.5rem;
}

.ss2nd_collection_lp_img_wrap.sec_04._01 {
  margin-top: 6rem;
  width: 36.7rem;
  max-width: 36.7rem;
}

.ss2nd_collection_lp_img_wrap.sec_04._02 {
  width: 45.2rem;
  max-width: 45.2rem;
}

.ss2nd_collection_lp_credit_wrap.sec_04 {
  text-align: right;
}

.ss2nd_collection_lp_credit_wrap.sec_04._02 {
  margin-top: 1.2rem;
}

/* section 05 */
.ss2nd_collection_lp_sec._05 {
  margin: 0 auto;
  width: 98rem;
  max-width: 98rem;
}

.ss2nd_collection_lp_img_wrap.sec_05._01 {
  margin: 10rem auto 0;
  width: 51.3rem;
  max-width: 51.3rem;
}

.ss2nd_collection_lp_sec05_inner {
  width: 91.8rem;
  max-width: 91.8rem;
  margin-left: 0;
  margin-top: 12.5rem;
}

.ss2nd_collection_lp_img_wrap.sec_05._02 {
  width: 48.8rem;
  max-width: 48.8rem;
}

.ss2nd_collection_lp_img_wrap.sec_05._03 {
  width: 37.3rem;
  max-width: 37.3rem;
  margin-top: 7.2rem;
}

/* section 06 */
.ss2nd_collection_lp_sec._06 {
  margin: 0 auto;
  width: 58.8rem;
  max-width: 58.9rem;
}

.ss2nd_collection_lp_img_wrap.sec_06._01 {
  margin-top: 12.5rem;
}

/* section 07 */
.ss2nd_collection_lp_sec._07 {
  margin-left: 26.5rem;
  margin-top: 16.9rem;
  width: 86.5rem;
  max-width: 86.5rem;
}

.ss2nd_collection_lp_img_wrap.sec_07._01 {
  margin-top: 10.3rem;
  width: 32rem;
  max-width: 32rem;
  position: relative;
}

.ss2nd_collection_lp_img_wrap.sec_07._02 {
  width: 44.2rem;
  max-width: 44.2rem;
}

.ss2nd_collection_lp_credit_wrap.sec_07 {
  text-align: right;
}

.ss2nd_collection_lp_img_wrap.sec_07._01::before,
.ss2nd_collection_lp_img_wrap.sec_07._01::after {
  position: absolute;
  content: "";
  display: block;
  -webkit-background-size: 100%;
  background-size: 100%;
  z-index: -1;
}

.ss2nd_collection_lp_img_wrap.sec_07._01::before {
  background-image: url("../../../../../Page/catalog/2020/ss2nd_collection/img/effect_top.png");
  width: 25.6rem;
  height: 25.4rem;
  top: -15.3rem;
  right: -10.9rem;
}

.ss2nd_collection_lp_img_wrap.sec_07._01::after {
  background-image: url("../../../../../Page/catalog/2020/ss2nd_collection/img/effect_btm.png");
  width: 27.8rem;
  height: 23.3rem;
  bottom: -6rem;
  left: -14.6rem;
}

/* section 08 */
.ss2nd_collection_lp_sec._08 {
  margin-left: 14.4rem;
  width: 98rem;
  max-width: 98rem;
}

.ss2nd_collection_lp_img_wrap.sec_08._01 {
  margin-top: 17rem;
}

/* section 09 */
.ss2nd_collection_lp_sec._09 {
  margin: 0 auto;
  width: 109rem;
  max-width: 109rem;
}

.ss2nd_collection_lp_img_wrap.sec_09._01 {
  margin: 7.8rem auto 0;
  width: 50rem;
  max-width: 50rem;
}

.ss2nd_collection_lp_sec09_inner {
  width: 103.6rem;
  max-width: 103.6rem;
  margin-left: 5.4rem;
  margin-top: 7.8rem;
}

.ss2nd_collection_lp_img_wrap.sec_09._02 {
  width: 49rem;
  max-width: 49rem;
}

/* section 10 */
.ss2nd_collection_lp_sec._10 {
  margin: 0 auto;
  width: 98rem;
  max-width: 98rem;
}

.ss2nd_collection_lp_img_wrap.sec_10._01 {
  margin-top: 7.8rem;
}

/* section 11 */
.ss2nd_collection_lp_sec._11 {
  margin-left: 42.4rem;
  width: 45.7rem;
  max-width: 45.7rem;
}

.ss2nd_collection_lp_img_wrap.sec_11._01 {
  margin-top: 7.7rem;
  margin-left: 2.3rem;
  width: 41rem;
  max-width: 41rem;
}

.ss2nd_collection_lp_img_wrap.sec_11._02 {
  margin-top: 5rem;
  width: 45.7rem;
  max-width: 45.7rem;
}

/* section 12 */
.ss2nd_collection_lp_sec._12 {
  margin: 10.8rem auto 0;
  width: 98rem;
  max-width: 98rem;
}

.ss2nd_collection_lp_img_wrap.sec_12._01,
.ss2nd_collection_lp_img_wrap.sec_12._02 {
  width: 44rem;
  max-width: 44rem;
}

.ss2nd_collection_lp_credit_wrap.sec_12._02 {
  margin-top: 1.2rem;
}

/* section 14 */
.ss2nd_collection_lp_sec._14 {
  margin: 0 auto;
  width: 50.2rem;
  max-width: 50.2rem;
}

.ss2nd_collection_lp_img_wrap.sec_14._01 {
  margin-top: 11.3rem;
}

/* footer section */
.ss2nd_collection_lp_footer {
  margin: 11.9rem auto 0;
  width: 42.6rem;
  max-width: 42.6rem;
  color: #00468c;
  text-align: center;
}

.ss2nd_collection_lp_footer_img {
  margin: 0 auto;
  width: 28.2rem;
  max-width: 28.2rem;
}

.ss2nd_collection_lp_footer_credit {
  margin-top: 4.5rem;
  height: 18.2rem;
  font-size: 1.2rem;
  line-height: 2.1666667;
  letter-spacing: 0.06em;
}

.ss2nd_collection_lp_footer_btn {
  width: 42.6rem;
  margin-top: 6.5rem;
}

.ss2nd_collection_lp_footer_btn a {
  width: 42.6rem;
  height: 7.8rem;
  font-size: 2.9rem;
  border-top: 1px solid #00468c;
  border-bottom: 1px solid #00468c;
  box-sizing: border-box;
  letter-spacing: 0.18em;
}

/* ====================
  main container
==================== */

/* for pc */
@media only screen
and (min-device-width: 768px) {
  .sp_only {
    display: none;
  }

  .ss2nd_collection_lp_img_wrap.sec_09._03 {
    width: 54.6rem;
    max-width: 54.6rem;
    background-image: url("../../../../../Page/catalog/2020/ss2nd_collection/img/bg_pc.jpg");
    -webkit-background-size: 100%;
    background-size: 100%;
  }

  .ss2nd_collection_lp_img.sec_09._03 {
    width: 37.4rem;
    max-width: 37.4rem;
    margin: 7.6rem auto 0;
  }
}


/* for tablet */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1200px)
and (-webkit-min-device-pixel-ratio: 1) {
  .header,
  .footer,
  .header .header-inner {
  }
}

/* for sp */
@media only screen
and (max-device-width: 767px) {
  .pc_only {
    display: none;
  }

  .order_01 {
    order: 1;
  }

  .order_02 {
    order: 2;
  }

  .order_03 {
    order: 3;
  }

  .order_04 {
    order: 4;
  }

  .tar {
    text-align: right;
  }

  .ss2nd_collection_lp {
    margin: 0 auto;
    padding: calc(180 * (100vw / 750)) 0 calc(100 * (100vw / 750));
    width: 100%;
    max-width: 100%;
    font-family: 'Quattrocento', serif;
    font-feature-settings: "palt";
  }

  .ss2nd_collection_lp img {
    width: 100%;
  }

  /* ====================
    credit
  ==================== */
  .ss2nd_collection_lp_credit_wrap {
    margin-top: calc(30 * (100vw / 750));
    padding: 0 calc(8 * (100vw / 750));
    font-size: calc(20 * (100vw / 750));
    line-height: 1.45;
  }

  .ss2nd_collection_lp_credit {
    display: block;
  }

  /* ====================
    section
  ==================== */
  /* section 01 */
  .ss2nd_collection_lp_sec._01 {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }

  .ss2nd_collection_lp_ttl {
    margin-top: calc(70 * (100vw / 750));
    height: calc(80 * (100vw / 750));
  }

  .ss2nd_collection_lp_ttl .top {
    font-size: calc(23 * (100vw / 750));
  }

  .ss2nd_collection_lp_ttl .btm {
    font-size: calc(24 * (100vw / 750));
    margin-top: calc(24 * (100vw / 750));
  }

  .ss2nd_collection_lp_img.sec_01._01 {
    margin-top: 0;
  }

  .ss2nd_collection_lp_img.sec_01._02 {
    margin-top: calc(48 * (100vw / 750));
    width: calc(547 * (100vw / 750));
    margin-left: calc(40 * (100vw / 750));
  }

  .ss2nd_collection_lp_credit_wrap.sec_01 {
    margin-left: calc(40 * (100vw / 750));
  }

  /* section 02 */
  .ss2nd_collection_lp_sec._02 {
    margin: 0 auto;
    width: calc(708 * (100vw / 750));
    max-width: calc(708 * (100vw / 750));
  }

  .ss2nd_collection_lp_img_wrap.sec_02._01 {
    margin-top: calc(70 * (100vw / 750));
  }

  .ss2nd_collection_lp_img_wrap.sec_02._02 {
    margin-top: calc(64 * (100vw / 750));
    margin-left: calc(120 * (100vw / 750));
    width: calc(568 * (100vw / 750));
    max-width: calc(568 * (100vw / 750));
  }

  /* section 03 */
  .ss2nd_collection_lp_sec._03 {
    margin-left: calc(140 * (100vw / 750));
    width: calc(590 * (100vw / 750));
    max-width: calc(590 * (100vw / 750));
  }

  .ss2nd_collection_lp_img_wrap.sec_03._01 {
    margin-top: calc(97 * (100vw / 750));
  }

  /* section 04 */
  .ss2nd_collection_lp_sec._04 {
    margin-top: 0;
    margin-left: calc(20 * (100vw / 750));
    width: calc(587 * (100vw / 750));
    max-width: calc(587 * (100vw / 750));
  }

  .ss2nd_collection_lp_img_wrap.sec_04._02 {
    margin-top: calc(64 * (100vw / 750));
  }

  .ss2nd_collection_lp_credit_wrap.sec_04 {
    text-align: left;
  }

  /* section 05 */
  .ss2nd_collection_lp_sec._05 {
    margin: 0 auto;
    width: calc(708 * (100vw / 750));
    max-width: calc(708 * (100vw / 750));
  }

  .ss2nd_collection_lp_img_wrap.sec_05._01 {
    margin-top: calc(67 * (100vw / 750));
    margin-left: 0;
    width: calc(590 * (100vw / 750));
    max-width: calc(590 * (100vw / 750));
  }

  .ss2nd_collection_lp_sec05_inner {
    width: calc(708 * (100vw / 750));
    max-width: calc(708 * (100vw / 750));
    margin: calc(97 * (100vw / 750)) auto 0;
  }

  .ss2nd_collection_lp_img_wrap.sec_05._02 {
    width: calc(708 * (100vw / 750));
    max-width: calc(708 * (100vw / 750));
    margin-top: calc(106 * (100vw / 750));
  }

  .ss2nd_collection_lp_img_wrap.sec_05._03 {
    width: calc(446 * (100vw / 750));
    max-width: calc(446 * (100vw / 750));
    margin: 0 auto;
  }

  /* section 06 */
  .ss2nd_collection_lp_sec._06 {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }

  .ss2nd_collection_lp_img_wrap.sec_06._01 {
    margin-top: calc(94 * (100vw / 750));
  }

  .ss2nd_collection_lp_credit_wrap.sec_06._01 {
    margin-right: calc(22 * (100vw / 750));
  }

  /* section 07 */
  .ss2nd_collection_lp_sec._07 {
    margin: 0 auto;
    width: calc(670 * (100vw / 750));
    max-width: calc(670 * (100vw / 750));
  }

  .ss2nd_collection_lp_img_wrap.sec_07._01 {
    margin: calc(144 * (100vw / 750)) auto 0;
    width: calc(412 * (100vw / 750));
    max-width: calc(412 * (100vw / 750));
    position: relative;
  }

  .ss2nd_collection_lp_img_wrap.sec_07._02 {
    width: calc(670 * (100vw / 750));
    max-width: calc(670 * (100vw / 750));
    margin-top: calc(106 * (100vw / 750));
  }

  .ss2nd_collection_lp_credit_wrap.sec_07 {
    text-align: left;
  }

  .ss2nd_collection_lp_img_wrap.sec_07._01::before {
    background-image: url("../../../../../Page/catalog/2020/ss2nd_collection/img/effect_top_sp.png");
    width: calc(280 * (100vw / 750));
    height: calc(408 * (100vw / 750));
    top: calc(-204 * (100vw / 750));
    right: calc(-153 * (100vw / 750));
  }

  .ss2nd_collection_lp_img_wrap.sec_07._01::after {
    background-image: url("../../../../../Page/catalog/2020/ss2nd_collection/img/effect_btm_sp.png");
    width: calc(358 * (100vw / 750));
    height: calc(419 * (100vw / 750));
    bottom: calc(-205 * (100vw / 750));
    left: calc(-162 * (100vw / 750));
  }

  /* section 08 */
  .ss2nd_collection_lp_sec._08 {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }

  .ss2nd_collection_lp_img_wrap.sec_08._01 {
    margin-top: calc(220 * (100vw / 750));
  }

  .ss2nd_collection_lp_credit_wrap.sec_08._01 {
    margin-left: calc(22 * (100vw / 750));
  }

  /* section 09 */
  .ss2nd_collection_lp_sec._09 {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }

  .ss2nd_collection_lp_img_wrap.sec_09._01 {
    margin-top: calc(136 * (100vw / 750));
    margin-left: 0;
    width: calc(644 * (100vw / 750));
    max-width: calc(644 * (100vw / 750));
  }

  .ss2nd_collection_lp_sec09_inner {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background-image: url("../../../../../Page/catalog/2020/ss2nd_collection/img/bg_sp.jpg");
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: calc(514 * (100vw / 750));
  }

  .ss2nd_collection_lp_img_wrap.sec_09._02 {
    width: calc(656 * (100vw / 750));
    max-width: calc(656 * (100vw / 750));
    margin-top: calc(97 * (100vw / 750));
    margin-left: 0;
  }

  .ss2nd_collection_lp_img_wrap.sec_09._03 {
    width: calc(516 * (100vw / 750));
    max-width: calc(516 * (100vw / 750));
    margin-top: calc(114 * (100vw / 750));
    margin-left: calc(207 * (100vw / 750));
  }

  .ss2nd_collection_lp_credit_wrap.sec_09._01 {
    margin-left: calc(20 * (100vw / 750));
    padding: 0;
  }

  /* section 10 */
  .ss2nd_collection_lp_sec._10 {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }

  .ss2nd_collection_lp_img_wrap.sec_10._01 {
    margin-top: calc(138 * (100vw / 750));
  }

  .ss2nd_collection_lp_credit_wrap.sec_10._01 {
    margin-right: calc(20 * (100vw / 750));
  }

  /* section 11 */
  .ss2nd_collection_lp_sec._11 {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }

  .ss2nd_collection_lp_img_wrap.sec_11._01 {
    margin-top: calc(97 * (100vw / 750));
    margin-left: calc(30 * (100vw / 750));
    width: calc(516 * (100vw / 750));
    max-width: calc(516 * (100vw / 750));
  }

  .ss2nd_collection_lp_img_wrap.sec_11._02 {
    margin-top: calc(90 * (100vw / 750));
    margin-left: calc(127 * (100vw / 750));
    width: calc(623 * (100vw / 750));
    max-width: calc(623 * (100vw / 750));
  }

  .ss2nd_collection_lp_credit_wrap.sec_11._02 {
    margin-right: calc(24 * (100vw / 750));
  }

  /* section 12 */
  .ss2nd_collection_lp_sec._12 {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }

  .ss2nd_collection_lp_img_wrap.sec_12._01 {
    margin-top: calc(98 * (100vw / 750));
    margin-left: 0;
    width: calc(628 * (100vw / 750));
    max-width: calc(628 * (100vw / 750));
  }

  .ss2nd_collection_lp_img_wrap.sec_12._02 {
    margin-top: calc(97 * (100vw / 750));
    margin-left: calc(193 * (100vw / 750));
    width: calc(557 * (100vw / 750));
    max-width: calc(557 * (100vw / 750));
  }

  .ss2nd_collection_lp_credit_wrap.sec_12._01 {
    margin-left: calc(22 * (100vw / 750));
  }

  .ss2nd_collection_lp_credit_wrap.sec_12._02 {
    margin-right: calc(24 * (100vw / 750));
  }

  /* section 13 */
  .ss2nd_collection_lp_sec._13 {
    margin: 0 auto;
    width: calc(496 * (100vw / 750));
    max-width: calc(496 * (100vw / 750));
  }

  .ss2nd_collection_lp_img_wrap.sec_13._01 {
    margin-top: calc(173 * (100vw / 750));
  }

  /* section 14 */
  .ss2nd_collection_lp_sec._14 {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
  }

  .ss2nd_collection_lp_img_wrap.sec_14._01 {
    margin-top: calc(147 * (100vw / 750));
  }

  .ss2nd_collection_lp_credit_wrap.sec_14._01 {
    margin-right: calc(32 * (100vw / 750));
  }

  /* footer section */
  .ss2nd_collection_lp_footer {
    margin: calc(147 * (100vw / 750)) auto 0;
    width: calc(500 * (100vw / 750));
    max-width: calc(500 * (100vw / 750));
  }

  .ss2nd_collection_lp_footer_img {
    width: calc(372 * (100vw / 750));
    max-width: calc(372 * (100vw / 750));
  }

  .ss2nd_collection_lp_footer_credit {
    margin-top: calc(90 * (100vw / 750));
    font-size: calc(20 * (100vw / 750));
    height: calc(364 * (100vw / 750));
    line-height: 2;
  }

  .ss2nd_collection_lp_footer_btn {
    width: calc(500 * (100vw / 750));
    margin-top: calc(26 * (100vw / 750));
  }

  .ss2nd_collection_lp_footer_btn a {
    width: calc(500 * (100vw / 750));
    height: calc(116 * (100vw / 750));
    font-size: calc(30 * (100vw / 750));
  }
}


/* ====================
  for IE
==================== */
@media all and (-ms-high-contrast: none) {
}

/************ fade **********/
.fade {
  -webkit-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
}

.fade.onView {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}