@charset "UTF-8";

/* ============================= ▼ 全体 ▼ == */
html {
font-size: 62.5%;
}
#LB220222limited {
transform: none;
filter: none;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
font-weight: 500;
font-style: normal;
width: 100%;
margin: 0 auto;
text-align: center;
overflow: hidden;
}
#LB220222limited img {
width: 100%;
height: auto;
}
#LB220222limited a {
  display: block;
  }
.sp-only {
display: block;
}
.pc-only {
display: none;
}
.main-area .main-inner {
width: 100%;
max-width: none;
}
.page-content {
  font-weight: 500;
}
/* ============================= ▲ 全体 ▲ == */
/* ============================= ▼ fade ▼ == */
.js-fade {
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  opacity: 0;
  -webkit-transform: translateY(calc(80* 0.1333333333vw));
  transform: translateY(calc(80* 0.1333333333vw));
}
.js-fade.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* ============================= ▲ fade ▲ == */
/* ============================= ▼ sec_top ▼ == */
.sec_top {
  margin-top: calc(38* (100vw / 750));
}
.mnttl {
  width: calc(750 * (100vw / 750));
  margin: 0 auto;
}
.sec_top-lead {
  font-size: calc(24 * (100vw / 750));
  margin-top: calc(70 * (100vw / 750));
  letter-spacing: 0.05em;
  line-height: 1.6666666667;
  font-feature-settings: normal;
}
/* ============================= ▲ sec_top ▲ == */
/* ============================= ▼ common ▼ == */
.sec {
  position: relative;
}
.sec-inner {
  position: relative;
}
.sec-inner::after {
  position: absolute;
  content: "";
  z-index: -1;
}
.limited-item,
.limited-color {
  font-family: imperial-urw, sans-serif;
  color: #eaf286;
  text-align: left;
  display: inline-block;
  margin: 0 auto;
  letter-spacing: -0.02em;
}
.item-name {
  position: absolute;
  display: inline-block;
  font-family: imperial-urw, sans-serif;
  font-size: calc(40 * (100vw / 750));
  line-height: 1.2;
  z-index: 1;
  text-align: left;
  letter-spacing: -0.01em;
  pointer-events: none;
}
.bg-fff {
  display: inline-block;
  margin-bottom: calc(8 * (100vw / 750));
  position: relative;
  z-index: 2;
}
.bg-fff::after {
  background-color: #fff;
  position: absolute;
  content: "";
  z-index: -1;
  top: calc(4 * (100vw / 750));
  left: calc(-18 * (100vw / 750));
  height: calc(46 * (100vw / 750));
}
.credit-wrapper {
  margin: calc(47 * (100vw / 750)) auto 0;
  font-family: imperial-urw, sans-serif;
  width: calc(590 * (100vw / 750));
  font-size: calc(24 * (100vw / 750));
  letter-spacing: 0.04em;
  line-height: 2.0833333333;
  position: relative;
  left: calc(6 * (100vw / 750));
}
.credit {
  padding-right: calc(14 * (100vw / 750));
  display: inline-block;
}
.other-colors-box {
  margin-top: calc(88 * (100vw / 750));
  position: relative;
}
.other-colors-box::after {
  position: absolute;
  content: "";
  top: calc(20 * (100vw / 750));
  left: calc(30 * (100vw / 750));
  width: calc(692 * (100vw / 750));
  height: calc(455 * (100vw / 750));
  border: solid #000 1px;
  z-index: -1;
}
.other-colors-ttl {
  font-family: imperial-urw, sans-serif;
  font-size: calc(40 * (100vw / 750));
  line-height: 1;
  text-align: left;
  margin: 0 auto;
  display: inline-block;
  padding: 0 calc(30 * (100vw / 750));
  background-color: #fff;
}
.other-colors-list {
  display: flex;
  justify-content: space-between;
  width: calc(630 * (100vw / 750));
  margin: 0 auto;
}
.other-colors-list_2 {
  margin-top: calc(36 * (100vw / 750));
}
.other-colors-list_3 {
  margin-top: calc(24 * (100vw / 750));
}
.other-colors-list_4 {
  margin-top: calc(34 * (100vw / 750));
}
.other-colors-item {
  width: calc(210 * (100vw / 750));
}
.other-colors-list_2 .other-colors-item:nth-child(odd) {
  margin-top: calc(80 * (100vw / 750));
}
.other-colors-list_3 .other-colors-item:nth-child(odd) {
  margin-top: calc(100 * (100vw / 750));
}
.other-colors-list_4 .other-colors-item:nth-child(odd) {
  margin-top: calc(80 * (100vw / 750));
}
/* ============================= ▲ common ▲ == */
/* ============================= ▼ sec_1 ▼ == */
.sec_1 {
  margin-top: calc(130 * (100vw / 750));
}
.item-name_1 {
  top: calc(40 * (100vw / 750));
  left: calc(17 * (100vw / 750));
}
.sec_1-inner::after {
  width: calc(692 * (100vw / 750));
  height: calc(1884  * (100vw / 750));
  top: calc(54 * (100vw / 750));
  left: calc(30 * (100vw / 750));
  border: 1px solid #eaf286;
}
.limited-item {
  font-size: calc(74 * (100vw / 750));
  padding: 0 calc(35 * (100vw / 750));
  background-color: #fff;
}
.bg-fff_101::after {
  width: calc(271 * (100vw / 750));
}
.bg-fff_102::after {
  width: calc(224 * (100vw / 750));
  top: calc(4 * (100vw / 750));
}
.img_101 {
  width: calc(638 * (100vw / 750));
  position: relative;
  margin: calc(48 * (100vw / 750)) auto 0;
}
.img_101::after{
  position: absolute;
  content: "";
  top: calc(60 * (100vw / 750));
  left: calc(60 * (100vw / 750));
  background-color: #f4f4ef;
  width: calc(638 * (100vw / 750));
  height: calc(478.5 * (100vw / 750));
  z-index: -1;
}
.img_102 {
  margin-top: calc(154 * (100vw / 750));
  margin-left: calc(55 * (100vw / 750));
  width: calc(527 * (100vw / 750));
}
.img_103 {
  margin-top: calc(68 * (100vw / 750));
  margin-left: calc(150 * (100vw / 750));
  width: calc(600 * (100vw / 750));
}
/* ============================= ▲ sec_1 ▲ == */
/* ============================= ▼ sec_2 ▼ == */
.sec_2 {
  margin-top: calc(78 * (100vw / 750));
}
.sec_2::after {
  position: absolute;
  content: "";
  z-index: -1;
  width: 100vw;
  height: calc(1170  * (100vw / 750));
  top: calc(474 * (100vw / 750));
  left: 0;
  background-color: #ecede8;
}
.limited-color {
  font-size: calc(73 * (100vw / 750));
}
.item-name_2 {
  top: calc(50 * (100vw / 750));
  left: calc(17 * (100vw / 750));
}
.bg-fff_201::after {
  width: calc(205 * (100vw / 750));
}
.bg-fff_202::after {
  width: calc(315 * (100vw / 750));
  top: calc(4 * (100vw / 750));
}
.img_201 {
  width: calc(600 * (100vw / 750));
  margin: calc(48 * (100vw / 750)) calc(40 * (100vw / 750)) 0 auto;
}
.img_202 {
  margin-top: calc(40 * (100vw / 750));
  margin-left: 0;
  width: calc(562 * (100vw / 750));
}
.credit-wrapper_2 {
  margin-top: calc(48 * (100vw / 750));
}
/* ============================= ▲ sec_2 ▲ == */
/* ============================= ▼ sec_3 ▼ == */
.sec_3 {
  margin-top: calc(202 * (100vw / 750));
}
.sec_3-inner::after {
  width: calc(562 * (100vw / 750));
  height: calc(1480  * (100vw / 750));
  top: 0;
  left: 0;
  background-color: #f4f2ed;
}
.item-name_3 {
  top: calc(106 * (100vw / 750));
  right: calc(17 * (100vw / 750));
  text-align: right;
}
.bg-fff_301::after {
  width: calc(167 * (100vw / 750));
}
.bg-fff_302::after {
  width: calc(247 * (100vw / 750));
  top: calc(4 * (100vw / 750));
}
.bg-fff_303::after {
  width: calc(129 * (100vw / 750));
  top: calc(4 * (100vw / 750));
}
.img_301 {
  width: calc(638 * (100vw / 750));
  margin: 0 auto;
  padding-top: calc(58 * (100vw / 750));
}
.img_302 {
  margin: calc(48 * (100vw / 750)) auto 0;
  width: calc(562 * (100vw / 750));
}
.credit-wrapper_3 {
  margin-top: calc(48 * (100vw / 750));
}
/* ============================= ▲ sec_3 ▲ == */
/* ============================= ▼ sec_4 ▼ == */
.sec_4 {
  margin-top: calc(234 * (100vw / 750));
}
.sec_4-inner::after {
  width: calc(562 * (100vw / 750));
  height: calc(770  * (100vw / 750));
  top: calc(250 * (100vw / 750));
  right: 0;
  background-color: #eaeaea;
}
.item-name_4 {
  top: calc(50 * (100vw / 750));
  right: calc(17 * (100vw / 750));
  text-align: right;
}
.bg-fff_401::after {
  width: calc(225 * (100vw / 750));
}
.bg-fff_402::after {
  width: calc(264 * (100vw / 750));
  top: calc(4 * (100vw / 750));
}
.img_401 {
  width: calc(650 * (100vw / 750));
  margin-left: 0;
}
.credit-wrapper_4 {
  margin-top: calc(78 * (100vw / 750));
}
/* ============================= ▲ sec_4 ▲ == */
/* ============================= ▼ check-btn ▼ == */
.check-btn-wrapper {
  margin: calc(192 * (100vw / 750)) auto calc(200 * (100vw / 750));
}
#LB220222limited .limited-btn a,
#LB220222limited .all-btn a {
  width: calc(675 * (100vw / 750));
  margin: 0 auto;
  height: calc(146 * (100vw / 750));
  background-color: #eaf286;
  font-family: imperial-urw, sans-serif;
  font-size: calc(32 * (100vw / 750));
  letter-spacing: 0.04em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.all-btn {
  margin-top: calc(20 * (100vw / 750));
}
/* ============================= ▲ check-btn ▲ == */
/* ============================= ▼ タブレット ▼ == */
@media screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: calc(10 * (100vw/1400));
  }
}
/* ============================= ▲ タブレット ▲ == */
/* ============================= ▼ PC ▼ == */
@media screen and (min-width: 768px) {
/* ============================= ▲ PC ▲ == */
  /* ============================= ▼ 全体 ▼ == */
  .sp-only {
    display: none;
  }
  .pc-only {
    display: block;
  }
  /* ============================= ▲ 全体 ▲ == */
  /* ============================= ▼ fade ▼ == */
  .js-fade {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    opacity: 0;
    -webkit-transform: translateY(5rem);
    transform: translateY(5rem);
  }
  /* ============================= ▲ fade ▲ == */
  /* ============================= ▼ sec_top ▼ == */
  .sec_top {
    margin-top: 4rem;
  }
  .mnttl {
    width: 96rem;
  }
  .sec_top-lead {
    font-size: 1.5rem;
    margin-top: 4.4rem;
    letter-spacing: 0.08em;
    line-height: 2;
    font-feature-settings: 'palt';
  }
  /* ============================= ▲ sec_top ▲ == */
  /* ============================= ▼ common ▼ == */
  .sec-inner {
    width: 140rem;
    margin: 0 auto;
  }
  .item-name {
    font-size: 2.8rem;
    line-height: 1.1;
  }
  .bg-fff {
    margin-bottom: 0.4rem;
  }
  .bg-fff::after {
    left: -1.2rem;
    height: 3rem;
    top: 0.4rem;
  }
  .credit-wrapper {
    margin: 0;
    width: 32rem;
    font-size: 1.3rem;
    line-height: 2;
    left: 0;
  }
  .credit-wrapper_1 .credit,
  .credit-wrapper_3 .credit {
    padding-right: 0;
    padding-left: 0.8rem;
  }
  .credit-wrapper_2 .credit,
  .credit-wrapper_4 .credit {
    padding-right: 0.8rem;
  }
  .other-colors-box {
    margin-top: 7.8rem;
  }
  .other-colors-box::after {
    top: 1.4rem;
    left: 34rem;
    width: 72rem;
    height: 32rem;
  }
  .other-colors-ttl {
    font-size: 2.8rem;
    padding: 0 1.7rem;
  }
  .other-colors-list {
    width: 60rem;
  }
  .other-colors-list_2 {
    margin-top: 3.8rem;
  }
  .other-colors-list_3 {
    margin-top: 3rem;
  }
  .other-colors-list_4 {
    margin-top: 3.8rem;
  }
  .other-colors-item {
    width: 18rem;
  }
  .other-colors-list_2 .other-colors-item:nth-child(odd),
  .other-colors-list_3 .other-colors-item:nth-child(odd),
  .other-colors-list_4 .other-colors-item:nth-child(odd) {
    margin-top: 0;
  }
  .flex-box {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
  .reverse {
    flex-direction: row-reverse;
  }
  /* ============================= ▲ common ▲ == */
  /* ============================= ▼ sec_1 ▼ == */
  .sec_1 {
    margin-top: 10.8rem;
  }
  .item-name_1 {
    top: 3.7rem;
    left: 35.3rem;
    line-height: 1.1;
  }
  .sec_1-inner::after {
    width: 86rem;
    height: 117.9rem;
    top: 3.2rem;
    left: 27rem;
    border: 1px solid #eaf286;
  }
  .limited-item {
    font-size: 5.9rem;
    padding: 0 2rem;
  }
  .bg-fff_101::after {
    width: 19.6rem;
    top: 0.1rem;
  }
  .bg-fff_102::after {
    width: 15.8rem;
    top: 0.1rem;
  }
  .flex-box_1 {
    width: 97rem;
    margin-top: 11rem;
  }
  .right-box_1 {
    margin-top: 13.2rem;
  }
  .img_101 {
    width: 60rem;
    margin-top: 5.2rem;
  }
  .img_101::after{
    top: 4rem;
    left: 4rem;
    width: 60rem;
    height: 45rem;
  }
  .img_102 {
    margin: 0;
    width: 45rem;
  }
  .img_103 {
    margin: 0;
    width: 45rem;
  }
  .credit-wrapper_1 {
    text-align: right;
    margin: 13rem 0 0 auto;
  }
  /* ============================= ▲ sec_1 ▲ == */
  /* ============================= ▼ sec_2 ▼ == */
  .sec_2 {
    margin-top: 12.6rem;
  }
  .sec_2::after {
    height: 26rem;
    top: 28.2rem;
  }
  .limited-color {
    font-size: 5.9rem;
    position: relative;
    left: 2.5rem;
  }
  .item-name_2 {
    top: 4rem;
    left: 17.2rem;
  }
  .bg-fff_201 {
    margin-bottom: 0.4rem;
  }
  .bg-fff_201::after {
    width: 14.6rem;
    top: 0.2rem;
  }
  .bg-fff_202::after {
    width: 22.4rem;
    top: 0.2rem;
  }
  .flex-box_2 {
    width: 96rem;
    margin-top: 5.4rem;
  }
  .img_201,
  .img_202 {
    width: 45rem;
    margin: 0;
  }
  .credit-wrapper_2 {
    margin-top: 2.2rem;
    text-align: left;
    margin-left: 22rem;
  }
  /* ============================= ▲ sec_2 ▲ == */
  /* ============================= ▼ sec_3 ▼ == */
  .sec_3 {
    margin-top: 16.8rem;
  }
  .sec_3-inner::after {
    width: 96rem;
    height: 53.3rem;
    top: 7rem;
    left: 11.5rem;
  }
  .item-name_3 {
    top: 4rem;
    right: 20rem;
  }
  .bg-fff_301 {
    margin-bottom: 0.4rem;
  }
  .bg-fff_301::after {
    width: 11.8rem;
    top: 0.1rem;
  }
  .bg-fff_302::after {
    width: 17.6rem;
    top: 0.2rem;
  }
  .bg-fff_303::after {
    width: 9.5rem;
    top: 0.2rem;
  }
  .flex-box_3 {
    width: 98rem;
    margin-left: 18.5rem;
  }
  .img_301 {
    width: 50rem;
    margin: 0;
    padding-top: 0;
  }
  .img_302 {
    margin: 23rem 0 0 0;
    width: 40rem;
  }
  .credit-wrapper_3 {
    margin-top: 0;
    position: absolute;
    top: 69rem;
    left: 84.5rem;
    text-align: right;
  }
  .other-colors-box_3 {
    margin-top: 8.2rem;
  }
  .other-colors-list_3 {
    margin-top: 3.6rem;
  }
  /* ============================= ▲ sec_3 ▲ == */
  /* ============================= ▼ sec_4 ▼ == */
  .sec_4 {
    margin-top: 17rem;
  }
  .sec_4-inner::after {
    width: 100vw;
    height: 46.6rem;
    top: 27rem;
    right: 0;
    left: 38rem;
  }
  .item-name_4 {
    top: 4rem;
    right: 40rem;
  }
  .bg-fff_401 {
    margin-bottom: 0.4rem;
  }
  .bg-fff_401::after {
    width: 14.7rem;
    top: 0.1rem;
  }
  .bg-fff_402::after {
    width: 17.4rem;
    top: 0.2rem;
  }
  .img_401 {
    width: 50rem;
    margin: 0;
  }
  .box_4 {
    width: 50rem;
    margin: 0 auto;
  }
  .credit-wrapper_4 {
    margin-top: 4.4rem;
    text-align: left;
  }
  /* ============================= ▲ sec_4 ▲ == */
  /* ============================= ▼ check-btn ▼ == */
  .check-btn-wrapper {
    margin: 15rem auto 13.8rem;
  }
  #LB220222limited .limited-btn a,
  #LB220222limited .all-btn a {
    width: 42rem;
    height: 7.4rem;
    font-size: 1.8rem;
  }
  .all-btn {
    margin-top: 1rem;
  }
  /* ============================= ▲ check-btn ▲ == */
}