:root {
  --pc: 1680 * 100vw;
  --sp: 375 * 100vw;
}

main.contents.xmas_moontan {
  color: #666;
  background: #FFF3F5;
  padding-bottom: 161px;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
main.contents.xmas_moontan .sp {
  display: none;
}
main.contents.xmas_moontan .pc {
  display: block;
}
main.contents.xmas_moontan .kv {
  width: 1140px;
  margin: 0 auto;
}
main.contents.xmas_moontan .kv .kv-img + img {
  width: 198px;
  margin: 67px auto 0;
  display: block;
}
main.contents.xmas_moontan .kv .read {
  width: 540px;
  height: 507px;
  background: url(../img/read-back.png) no-repeat;
  background-size: cover;
  margin: 70px auto 0;
  text-align: center;
  padding: 110px 0 99px;
  box-sizing: border-box;
  font-family: "fot-tsukuardgothic-std", sans-serif;
}
main.contents.xmas_moontan .kv .read dl dt img {
  width: 315px;
  display: block;
  margin: 0 auto 0 108px;
}
main.contents.xmas_moontan .kv .read dl dd {
  font-size: 20px;
  font-weight: 700;
  line-height: 170%;
  letter-spacing: 0.02em;
  margin-top: 28px;
}
main.contents.xmas_moontan .itemlist {
  margin: 140px auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 140px 36px;
  width: 1140px;
}
main.contents.xmas_moontan .itemlist .item .item-name {
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0.09em;
  margin-top: 45px;
  padding-bottom: 23px;
  border-bottom: 1px solid #666;
}
main.contents.xmas_moontan .itemlist .item .price {
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0.02em;
  margin-top: 24px;
}
main.contents.xmas_moontan .itemlist .item .buy {
  display: block;
  width: 140px;
  height: 50px;
  background: url(../img/buy.jpg) no-repeat;
  background-size: cover;
  margin-top: 40px;
}
main.contents.xmas_moontan .itemlist .item.item-big {
  width: 840px;
  margin: 0 150px;
  text-align: center;
}
main.contents.xmas_moontan .itemlist .item.item-big .buy {
  margin-left: auto;
  margin-right: auto;
}
main.contents.xmas_moontan .itemlist .item.item-big.last {
  margin-top: -11px;
}
main.contents.xmas_moontan .itemlist .item.item-mini {
  width: 402px;
}
main.contents.xmas_moontan .itemlist .item.item-mini.popcorn {
  position: relative;
  margin-top: 165px;
}
main.contents.xmas_moontan .itemlist .item.item-mini.popcorn > img {
  position: absolute;
  width: 840px;
  top: -150px;
  left: 0;
  z-index: 2;
}
main.contents.xmas_moontan .itemlist .item.item-mini.popcorn + .item-mini {
  margin-top: 165px;
}
main.contents.xmas_moontan .itemlist .item .item-flex {
  display: flex;
  justify-content: center;
  gap: 0 35px;
}
main.contents.xmas_moontan .itemlist .item .item-flex .item-flex-item {
  width: 402px;
}
main.contents.xmas_moontan .itemlist .item .item-flex2 {
  width: 840px;
}
main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item {
  display: flex;
  gap: 0 30px;
}
main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item img {
  width: 530px;
}
main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item .item-flex2-item-txt {
  width: 280px;
}
main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item:nth-of-type(1) {
  position: relative;
  z-index: 2;
}
main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item:nth-of-type(1) .item-flex2-item-txt {
  margin-top: 194px;
}
main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item:nth-of-type(2) {
  margin-top: -28px;
}
main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item:nth-of-type(2) .item-flex2-item-txt {
  margin-top: 113px;
}
main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item:nth-of-type(2) .item-flex2-item-txt .buy + .item-name {
  margin-top: 70px;
}
main.contents.xmas_moontan .itemlist .view-more {
  display: block;
  width: 320px;
  height: 90px;
  background: url(../img/view-more.png) no-repeat;
  background-size: contain;
  margin-top: 8px;
}

@media (max-width: 768px) {
  main.contents.xmas_moontan {
    padding-bottom: calc(60 / var(--sp));
  }
  main.contents.xmas_moontan .sp {
    display: block;
  }
  main.contents.xmas_moontan .pc {
    display: none;
  }
  main.contents.xmas_moontan .kv {
    width: 100%;
  }
  main.contents.xmas_moontan .kv .kv-img + img {
    width: calc(120 / var(--sp));
    margin-top: calc(25 / var(--sp));
  }
  main.contents.xmas_moontan .kv .read {
    width: calc(345 / var(--sp));
    height: calc(324 / var(--sp));
    margin-top: calc(30 / var(--sp));
    padding: calc(52 / var(--sp)) 0;
  }
  main.contents.xmas_moontan .kv .read dl dt img {
    width: calc(231 / var(--sp));
    margin: 0 auto 0 calc(45 / var(--sp));
  }
  main.contents.xmas_moontan .kv .read dl dd {
    font-size: calc(15 / var(--sp));
    margin-top: calc(24 / var(--sp));
    margin: calc(24 / var(--sp)) 0 0 calc(-19 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist {
    margin-top: calc(50 / var(--sp));
    gap: calc(50 / var(--sp)) calc(15 / var(--sp));
    width: 100%;
  }
  main.contents.xmas_moontan .itemlist .item .item-name {
    font-size: calc(13 / var(--sp));
    margin-top: calc(16 / var(--sp));
    padding-bottom: calc(9 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item .price {
    font-size: calc(13 / var(--sp));
    margin-top: calc(10 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item .buy {
    width: calc(90 / var(--sp));
    height: calc(32 / var(--sp));
    margin-top: calc(20 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item.item-big {
    width: calc(345 / var(--sp));
    margin: 0 calc(15 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item.item-big.last {
    margin-top: calc(-5 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item.item-mini {
    width: calc(165 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item.item-mini .item-name {
    padding-bottom: calc(11 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item.item-mini.popcorn {
    margin-top: calc(62 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item.item-mini.popcorn > img {
    width: calc(345 / var(--sp));
    top: calc(-62 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item.item-mini.popcorn + .item-mini {
    margin-top: calc(62 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item .item-flex {
    gap: 0 calc(15 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item .item-flex .item-flex-item {
    width: calc(165 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item .item-flex2 {
    width: calc(345 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item {
    gap: 0 calc(10 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item img {
    width: calc(220 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item .item-flex2-item-txt {
    width: calc(115 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item:nth-of-type(1) .item-flex2-item-txt {
    margin-top: calc(63 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item:nth-of-type(2) {
    margin-top: calc(-13 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item:nth-of-type(2) .item-flex2-item-txt {
    margin-top: calc(7 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .item .item-flex2 .item-flex2-item:nth-of-type(2) .item-flex2-item-txt .buy + .item-name {
    margin-top: calc(25 / var(--sp));
  }
  main.contents.xmas_moontan .itemlist .view-more {
    width: calc(150 / var(--sp));
    height: calc(50 / var(--sp));
    background: url(../img/view-more_sp.png) no-repeat;
    background-size: contain;
    margin-top: calc(30 / var(--sp));
  }
}/*# sourceMappingURL=xmas_moontan.css.map */