@charset "UTF-8";
.contentsWrapper {
  -webkit-text-size-adjust: auto;
  text-size-adjust: auto;
}
.contentsWrapper span {
  color: #000;
}

/* ----- sec_bottom ----- */
.sec_bottom {
  border-top: solid 1px #000;
  padding: 1px 3.125%;
}

.sec_bottom img {
  width: 100%;
}

.bottom_note {
  margin: 2% 0;
  font-size: calc(18 / 640 * 100vw);
}

.bottom_note li {
  text-indent: -1em;
  padding-left: 1em;
}

.bottom_btn {
  margin: 14% 0;
}

.bottom_btn p {
  margin: 2% 0;
}

/* ヘルパークラス */
/* 商品名 */
.cmn_font_line {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  font-family: 'readerbold', 'HiraKakuProN-W6','Hiragino Kaku Gothic W6 JIS2004', 'Meiryo', sans-serif;
  line-height: 1;
  margin: 6px 0;
  margin: 1vw 0;
  font-feature-settings: "palt";
  font-weight: bold;
  color: #000;
}

.cmn_font_line::after {
  position: absolute;
  bottom: -5px;
  bottom: -.9vw;
  left: 0;
  width: 100%;
  content: '';
  display: block;
  border-bottom: solid 2px #c8102e;
}

.contentsWrapper img {
  width: 100%;
  display: block;
}
.contentsWrapper .sec_collection {
  margin: calc(100 / 750 * 100vw) calc(75 / 750 * 100vw) calc(100 / 750 * 100vw);
}
.contentsWrapper .sec_collection h2 {
  width: calc(507 / 750 * 100vw);
  margin: 0 auto calc(60 / 750 * 100vw);
}
.contentsWrapper .sec_collection .collection_txt {
  width: calc(574 / 750 * 100vw);
  margin: calc(80 / 750 * 100vw) auto 0;
}
.contentsWrapper .sec_collection .collection_date {
  width: calc(477 / 750 * 100vw);
  margin: 0 auto;
}
.contentsWrapper .sec_gift {
  padding: calc(100 / 750 * 100vw) calc(60 / 750 * 100vw) calc(200 / 750 * 100vw);
  background: url(/sp/cms/onlineshop/gb/i/smu/holiday2019/img/gift_bg.jpg) no-repeat right bottom;
  background-size: 100%;
  border-bottom: solid 1px #ccc;
}
.contentsWrapper .sec_gift h2 {
  width: calc(426 / 750 * 100vw);
  margin: 0 auto;
}
.contentsWrapper .sec_gift .gift1 {
  padding-top: calc(100 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 h3 {
  margin-right: calc(20 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 h3 img {
  width: calc(638 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_txt {
  width: calc(579 / 750 * 100vw);
  margin-bottom: calc(80 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_img {
  width: calc(590 / 750 * 100vw);
  margin: 0 auto calc(90 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_new {
  width: calc(412 / 750 * 100vw);
  margin-bottom: calc(15 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_name {
  font-size: calc(34 / 750 * 100vw);
  line-height: calc(54 / 750 * 100vw);
  font-family: 'readerbold', 'HiraKakuProN-W6','Hiragino Kaku Gothic W6 JIS2004', 'Meiryo', sans-serif;
  font-feature-settings: "palt";
  font-weight: bold;
}
.contentsWrapper .sec_gift .gift1 .gift1_dtl {
  width: calc(624 / 750 * 100vw);
  margin: calc(15 / 750 * 100vw) 0 calc(40 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_set {
  margin-bottom: calc(40 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_cart dt {
  width: calc(514 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_cart .btn_comingsoon {
  background-color: #8a8a8a;
  color: #fff;
  font-size: calc(34 / 750 * 100vw);
  line-height: calc(96 / 750 * 100vw);
  text-align: center;
}
.contentsWrapper .sec_gift .gift1 .gift1_soldout {
  margin-top: calc(30 / 750 * 100vw);
  border: solid 1px #c8102e;
  padding: 1em;
}
.contentsWrapper .sec_gift .gift1 .gift1_soldout em {
  font-style: normal;
  font-weight: normal;
  color: #c8102e;
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.4;
}
.contentsWrapper .sec_gift .gift1 .gift1_notes {
  margin-top: calc(30 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_notes li {
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.4;
  text-indent: -1.3em;
  padding-left: 1.3em;
  color: #666;
}
.contentsWrapper .sec_gift .gift1 .gift1_notes li + li {
  margin-top: calc(10 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_color {
  margin-top: calc(70 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_color .gift1_color_limited {
  display: flex;
  justify-content: center;
  background: url(/sp/cms/onlineshop/gb/i/smu/holiday2019/img/gift1_color_limited.png) no-repeat center top;
  background-size: 100%;
  padding-top: calc(111 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_color .gift1_color_limited li {
  width: 50%;
}
.contentsWrapper .sec_gift .gift1 .gift1_color .gift1_color_list {
  display: flex;
  justify-content: center;
  margin-top: calc(60 / 750 * 100vw);
  border-top: solid 1px #ccc;
  padding-top: calc(60 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_color .gift1_color_list li {
  width: calc(100% / 3);
}
.contentsWrapper .sec_gift .gift1 .gift1_color .gift1_bnr_simulation {
  margin-top: calc(70 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_color .gift1_colorchart {
  margin-top: calc(100 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_color .gift1_colorchart dt {
  width: calc(514 / 750 * 100vw);
  margin: 0 auto calc(60 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift1 .gift1_bnr {
  margin-top: calc(56 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift2 {
  margin-top: calc(120 / 750 * 100vw);
  border-top: solid 1px #ccc;
  padding-top: calc(100 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift2 h3 {
  width: calc(491 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift2 .gift2_txt {
  width: calc(533 / 750 * 100vw);
  margin-bottom: calc(70 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift2 .gift2_img {
  width: calc(590 / 750 * 100vw);
  margin: 0 auto calc(85 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift2 .gift2_new {
  width: calc(412 / 750 * 100vw);
  margin-bottom: calc(15 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift2 .gift2_name {
  font-size: calc(34 / 750 * 100vw);
  line-height: calc(54 / 750 * 100vw);
  font-family: 'readerbold', 'HiraKakuProN-W6','Hiragino Kaku Gothic W6 JIS2004', 'Meiryo', sans-serif;
  font-feature-settings: "palt";
  font-weight: bold;
}
.contentsWrapper .sec_gift .gift2 .gift2_dtl {
  width: calc(181 / 750 * 100vw);
  margin: calc(15 / 750 * 100vw) 0 calc(40 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift2 .gift2_cart dt {
  width: calc(547 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift2 .gift2_cart .btn_comingsoon {
  background-color: #8a8a8a;
  color: #fff;
  font-size: calc(34 / 750 * 100vw);
  line-height: calc(96 / 750 * 100vw);
  text-align: center;
}
.contentsWrapper .sec_gift .gift2 .gift2_notes {
  margin-top: calc(30 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift2 .gift2_notes li {
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.4;
  text-indent: -1.3em;
  padding-left: 1.3em;
  color: #666;
}
.contentsWrapper .sec_gift .gift2 .gift2_notes li + li {
  margin-top: calc(10 / 750 * 100vw);
}
.contentsWrapper .sec_gift .gift2 .gift2_bnr {
  margin-top: calc(56 / 750 * 100vw);
}
.contentsWrapper .sec_item {
  padding: calc(130 / 750 * 100vw) calc(60 / 750 * 100vw) 0;
  margin-bottom: calc(160 / 750 * 100vw);
}
.contentsWrapper .sec_item h3 {
  width: calc(632 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_txt {
  width: calc(543 / 750 * 100vw);
  margin-bottom: calc(80 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_img {
  width: calc(490 / 750 * 100vw);
  margin: 0 auto calc(80 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_new {
  width: calc(412 / 750 * 100vw);
  margin-bottom: calc(15 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_name {
  font-size: calc(34 / 750 * 100vw);
  line-height: calc(54 / 750 * 100vw);
  font-family: 'readerbold', 'HiraKakuProN-W6','Hiragino Kaku Gothic W6 JIS2004', 'Meiryo', sans-serif;
  font-feature-settings: "palt";
  font-weight: bold;
}
.contentsWrapper .sec_item .item_dtl {
  width: calc(610 / 750 * 100vw);
  margin: calc(15 / 750 * 100vw) 0 calc(40 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_cart dt {
  width: calc(553 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_cart .btn_comingsoon {
  background-color: #8a8a8a;
  color: #fff;
  font-size: calc(34 / 750 * 100vw);
  line-height: calc(96 / 750 * 100vw);
  text-align: center;
}
.contentsWrapper .sec_item .item_notes {
  margin-top: calc(30 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_notes li {
  font-size: calc(20 / 750 * 100vw);
  line-height: 1.4;
  text-indent: -1.3em;
  padding-left: 1.3em;
  color: #666;
}
.contentsWrapper .sec_item .item_notes li + li {
  margin-top: calc(10 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_att {
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: calc(38 / 750 * 100vw) calc(20 / 750 * 100vw);
  margin: calc(60 / 750 * 100vw) 0;
}
.contentsWrapper .sec_item .item_att dt {
  width: calc(181 / 750 * 100vw);
  margin-bottom: calc(25 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_att li + li {
  margin-top: calc(25 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_att li:nth-child(1) {
  width: calc(576 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_att li:nth-child(2) {
  width: calc(561 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_att li:nth-child(3) {
  width: calc(567 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_att li:nth-child(4) {
  width: calc(525 / 750 * 100vw);
}
.contentsWrapper .sec_item .item_bnr {
  margin-top: calc(56 / 750 * 100vw);
}
.contentsWrapper .sec_movie {
  margin: calc(160 / 750 * 100vw) calc(40 / 750 * 100vw) calc(100 / 750 * 100vw);
}
.contentsWrapper .sec_movie h2 {
  width: calc(491 / 750 * 100vw);
  margin: 0 auto calc(60 / 750 * 100vw);
}
.contentsWrapper .sec_movie .movie {
  position: relative;
  cursor: pointer;
}
.contentsWrapper .sec_movie .movie {
  width: 100%;
  position: relative;
  height: 0;
  padding-top: 56.25%;
}
.contentsWrapper .sec_movie .movie .player {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  transition: all 1s ease;
}
.contentsWrapper .sec_movie .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer;
}
