@charset "UTF-8";
body {
  overflow-x: hidden;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.is-nav-open .button_nav_close {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
}

.gift-header {
  width: 100%;
  height: 13.33vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gift-header-container {
  width: 100%;
  position: relative;
  z-index: 10;
  background: #fff;
}

.gift-header__logo {
  -ms-flex-preferred-size: 80vw;
  flex-basis: 80vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  padding-left: 5.33333vw;
}

.gift-header__logo img {
  width: 48.53333vw;
  position: relative;
  top: 0.8vw;
}

.gift-header__cart-icon {
  -ms-flex-preferred-size: 9vw;
  flex-basis: 9vw;
}

.gift-header__cart-icon img {
  width: 5vw;
  position: relative;
  top: 1.06667vw;
  left: -1.5vw;
}

.gift-header__campaign {
  color: #fff;
  height: 8vw;
  width: 100%;
  background-color: #0244B6;
  text-align: center;
  line-height: 8vw;
  font-size: 3.733333vw;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.gift-body {
  max-width: 100%;
  width: 100vw;
  overflow: hidden;
  margin: 0;
  font-family: "YuGothic", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  line-height: 1;
}

.gift-body img {
  max-width: 100%;
  display: block;
  border: 0;
}

.gift-body img[src$=".svg"] {
  width: 100%;
}

.gift-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gift-body ul li {
  padding: 0;
}

.gift-body p {
  margin: 0;
}

.gift-body .nwcp-content {
  padding-bottom: calcpercent(60);
}

.gift-body .nwcp-section02__note {
  width: 87.2vw;
  margin-top: 4vw;
}

.gift-body .nwcp-section02__note.n1 {
  width: 87.73333vw;
  margin-top: 4.26667vw;
}

.gift-body .nwcp-section02__note + .gift-section02__content {
  margin-top: 10.66667vw;
}

.header_logo {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.pkz {
  padding: 3.5vw 0 2.67vw 2.5vw;
}

.gift-title h2 {
  margin-bottom: 13vw;
}

.gift-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 21.3vw;
}

.gift-nav-item {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.gift-nav-item:last-of-type {
  position: relative;
}

.gift-nav-item:last-of-type p img {
  position: relative;
  left: -2vw;
}

.gift-nav-item:last-of-type:after {
  content: "";
  width: 1px;
  height: 62.4vw;
  background: url(../images/border-grad.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -1px;
  top: 0;
}

.gift-product-nav p {
  margin-bottom: 8.2vw;
}

.gift-product-nav__list {
  width: 82.7vw;
  margin: 0 auto 17vw;
}

.gift-product-nav__list-item {
  margin-bottom: -1px;
}

.gift-howto {
  margin-bottom: 21vw;
}

.gift-howto .gift-heading.border {
  margin-bottom: 7.8vw;
}

.gift-howto p {
  font-size: 3.85vw;
  width: 85vw;
  margin: 0 auto 10vw;
  line-height: 1.66em;
  letter-spacing: .01em;
}

.gift-howto p.second {
  width: 79.8vw;
  padding-left: 2.5vw;
  letter-spacing: 0.0em;
}

.gift-howto p.second span {
  display: block;
  line-height: 1.69em;
  position: relative;
}

.gift-howto p.second span::after {
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  left: -4vw;
}

.gift-howto-image {
  margin-bottom: 4.2vw;
}

.gift-howto.second {
  margin-bottom: 14.6vw;
}

.gift-howto.second .gift-howto-wrap {
  width: 84.2vw;
  margin: 2vw auto 0;
}

.gift-howto.second h3 {
  text-align: left;
  font-size: 4.4vw;
  letter-spacing: -.02em;
  margin-bottom: 1.9vw;
  line-height: 1.65em;
}

.gift-howto.second p {
  margin-bottom: 8vw;
}

.gift-howto.second .number {
  padding-left: 5vw;
  margin-bottom: 1.1vw;
  position: relative;
}

.gift-howto.second .number:after {
  content: "1";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.gift-howto.second .number.two {
  margin-bottom: 6.6vw;
}

.gift-howto.second .number.two:after {
  content: "2";
}

.gift-howto.second .number.two .aside {
  font-size: 3.2vw;
  display: block;
  position: relative;
  margin-top: 1.5vw;
  line-height: 1.95em;
}

.gift-howto.second + .aside {
  padding-left: 5vw;
}

.gift-howto.second .note h3 {
  font-size: 4.3vw;
}

.gift-howto.second .icon {
  padding-left: 5vw;
  margin-bottom: 1.3vw;
  position: relative;
}

.gift-howto.second .icon:after {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.gift-howto-banner {
  width: 87vw;
  margin: 10vw auto 5vw;
}

.gift-beauty-hero {
  margin-bottom: 9.5vw;
}

.gift-products-items__item.wrinkle {
  margin-bottom: 18.4vw;
}

.gift-products-items__item.wrinkle .aside,
.gift-products-items__item.wrinkle .note,
.gift-products-items__item.wrinkle .title-aside {
  color: #7D7D7D !important;
}

.gift-products-items__item.whiteshot {
  margin-bottom: 19.4vw;
}

.gift-products-items__item.whiteshot .aside,
.gift-products-items__item.whiteshot .note,
.gift-products-items__item.whiteshot .title-aside {
  color: #7D7D7D !important;
}

.gift-products-items__item-image {
  position: relative;
  margin-bottom: 6vw;
}

.gift-products-items__item-image.wrinkle img {
  margin-bottom: -1vw;
}

.gift-products-items__item-image.third {
  margin-bottom: 4.5vw;
}

.gift-products-items__item-image.whiteshot img.whiteshot {
  margin-bottom: -1.2vw;
}

.gift-products-items__item-image h2 {
  font-size: 6.3vw;
  line-height: 1.4em;
  font-weight: bold;
  text-align: center;
  letter-spacing: .04em;
  margin-bottom: 4.3vw;
}

.gift-products-items__item-image h2 span {
  display: inline-block;
  border-bottom: solid .7vw #E6690D;
}

.gift-products-items__item-image h2 span:first-of-type {
  position: relative;
}

.gift-products-items__item-image h2.whiteshot span {
  border-bottom: solid .7vw #EFE102;
}

.gift-products-items__item-image aside {
  display: block;
  margin-bottom: 8.5vw;
  font-size: 2.6vw;
  text-align: center;
}

.gift-products-items__item-image aside.wrinkle {
  color: #7D7D7D;
}

.gift-products-items__item-image aside.whiteshot {
  color: #7D7D7D;
  line-height: 1.65em;
  margin-bottom: 7.7vw;
}

.gift-products-items__item-image img {
  width: 70vw;
  margin: 0 auto 6.7vw;
}

.gift-products-items__item .title-aside {
  text-align: center;
  font-size: 3.9vw;
  margin-bottom: 1.7vw;
}

.gift-products-items__item h3 {
  font-size: 5.5vw;
  font-weight: bold;
  line-height: 1.35em;
  margin-bottom: 3vw;
}

.gift-products-items__item h3.wkws {
  margin-bottom: 2vw;
}

.gift-products-items__item h3 a {
  color: #000;
  text-decoration: none;
}

.gift-products-items__item p {
  text-align: center;
  font-size: 3.8vw;
  line-height: 1.76em;
  margin-bottom: 1.5vw;
}

.gift-products-items__item .normal_info {
  line-height: 1.45em;
  margin-bottom: 5.7vw;
}

.gift-products-items__item .name {
  font-size: 3.25vw;
  margin-bottom: 0.9vw;
}

.gift-products-items__item .name.whiteshot {
  margin-bottom: 1.6vw;
}

.gift-products-items__item .info {
  font-size: 3.8vw;
  margin-bottom: 2vw;
}

.gift-products-items__item .info.whiteshot {
  line-height: 1.65em;
  margin-bottom: 1.9vw;
}

.gift-products-items__item .price {
  letter-spacing: .09em;
  font-size: 3.3vw;
  margin-bottom: 2.3vw;
}

.gift-products-items__item .aside {
  margin-bottom: 6.5vw;
  margin-bottom: 4.9vw;
  font-size: 2.9vw;
}

.gift-products-items__item aside.third {
  text-align: center;
  margin: 3vw auto 6vw;
}

.gift-products-items__item aside.sixth {
  text-align: center;
  margin: 2vw auto 6vw;
}

.gift-products-items__item .button {
  width: 83vw;
  height: 15vw;
  line-height: 15vw;
  margin: 0 auto 4vw;
}

.gift-products-items__item .note {
  text-align: left;
  font-size: 2.9vw;
  letter-spacing: .02em;
  line-height: 1.88em;
  width: 84vw;
  margin: 5.3vw auto 0vw;
}

.gift-products-items__item-cta.second {
  top: 3.3vw;
  position: relative;
}

.gift-products-items__item-cta.fifth {
  position: relative;
  top: 3.5vw;
}

.gift-floating {
  position: fixed;
  bottom: -30vw;
  right: 0.1vw;
  width: 27.3vw;
  height: 27.3vw;
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
  z-index: 2;
  background: transparent;
}

.gift-floating.show {
  opacity: 1;
  bottom: 0.4vw;
}

.select,
.select_wrap {
  display: none !important;
}

.swiper {
  padding-bottom: 15vw !important;
  margin-bottom: 15.7vw !important;
}

.swiper.second {
  margin-bottom: 17vw !important;
}

.swiper.third {
  margin-bottom: 13.4vw !important;
}

.swiper.fourth {
  margin-bottom: 13.7vw !important;
}

.swiper.fifth {
  margin-bottom: 6.4vw !important;
}

.swiper.sixth {
  margin-bottom: 12.9vw !important;
}

.swiper .swiper-wrapper {
  width: 100%;
}

.swiper .swiper-wrapper .swiper-slide {
  position: relative;
}

.swiper .swiper-wrapper .swiper-slide.sixth img {
  margin-top: -3vw;
}

.swiper .swiper-wrapper .swiper-slide img {
  width: 70.2vw;
  margin: 1vw auto 0;
}

.swiper .swiper-wrapper .swiper-slide .button {
  position: relative;
  width: 83.2vw;
  height: 15vw;
  display: block;
  padding: 0;
  line-height: 15vw;
}

.swiper .swiper-pagination-bullets {
  bottom: 5.2vw !important;
}

.swiper .swiper-pagination-bullets.second {
  bottom: 4vw !important;
}

.swiper .swiper-pagination-bullets.third {
  bottom: 7.4vw !important;
}

.swiper .swiper-pagination-bullets.fourth {
  bottom: 6.9vw !important;
}

.swiper .swiper-pagination-bullets.sixth {
  bottom: 7.9vw !important;
}

.swiper .swiper-pagination-bullet {
  width: 2.6vw !important;
  height: 2.6vw !important;
  margin: 0 0 0 2.6vw !important;
  background: #000;
  position: relative;
  left: -1vw;
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  width: 10.66vw !important;
  height: 17vw !important;
  top: 74vw !important;
}

.swiper .swiper-button-next.second,
.swiper .swiper-button-prev.second {
  top: 78vw !important;
}

.swiper .swiper-button-next.third,
.swiper .swiper-button-prev.third {
  top: 77vw !important;
}

.swiper .swiper-button-next.fourth,
.swiper .swiper-button-prev.fourth {
  top: 78.2vw !important;
}

.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
  display: none;
}

.swiper .swiper-button-next.swiper-button-disabled,
.swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.swiper .swiper-button-next {
  right: 0;
  background: url(../images/btn-next.svg) no-repeat;
  background-size: 100% 100%;
}

.swiper .swiper-button-prev {
  left: 0;
  background: url(../images/btn-prev.svg) no-repeat;
  background-size: 100% 100%;
}

.gift-heading {
  text-align: center;
  margin-bottom: 5vw;
}

.gift-heading.third {
  margin-bottom: 6.4vw;
}

.gift-heading.sixth {
  margin-bottom: 8.8vw;
}

.gift-heading.border {
  margin-bottom: 9vw;
}

.gift-heading.border.second {
  margin-bottom: 13vw;
}

.gift-heading.border img {
  display: inline-block;
  height: 8.8vw;
  position: relative;
  top: 0.7vw;
}

.footer {
  margin-top: 0 !important;
}

.footer > div:first-child {
  margin-top: 0 !important;
}