@charset "utf-8";

/* ------------------
        共通
------------------ */
.common-img__title {
  width: 60.6vw;
  margin: 0 auto;
}

.common__line {
  width: 93vw;
  margin: 0 auto;
}

.common__line img {
  vertical-align: middle;
}

.btn--detail a {
  width: 41.4vw;
  font-size: 3.2vw;
  padding: 3.8vw 0;
}

.fa-chevron-right {
  font-size: 2.3vw;
  right: 2vw;
}

/* ------------------
        kv
------------------ */
#gift .kv h1 {
  width: 100%;
  font-size: 12vw;
  top: 9.2vw;
}

#gift .kv .kv-text {
  width: 100%;
  font-size: 4.5vw;
  top: 23vw;
}

/* ------------------
  Gift Service nav
------------------ */
#gift .gs {
  z-index: 20;
}

.gs-bg {
  padding: 15vw 0 17vw;
}

.gift__nav {
  width: 100%;
  margin-top: 8.2vw;
}

.gift-nav__list {
  column-gap: 2.4vw;
  row-gap: 3vw;
}

.gift-nav__item {
  width: 45vw;
  box-shadow: 2px 2px 2px 2px rgba(61, 48, 39, 0.1);
  font-size: 3.1vw;
  padding: 3vw 0 4.4vw;
}

.gift-nav__item svg {
  font-size: 2.3vw;
  bottom: 3vw;
}

.bnr-holiday__wrapper {
  width: 86vw;
  margin-top: 7vw;
}

/* ------------------
Gift Service contents
------------------ */
.label__gs {
  width: 44vw;
}

.service-contents {
  padding: 6.2vw 0 10vw;
}

.service-contents__inner {
  margin-top: 5vw;
}

.service-contents__title--en,
.common__title {
  font-size: 9vw;
}

.service-contents__title {
  font-size: 3.4vw;
  margin-top: 1.6vw;
}

.service-contents__list {
  flex-direction: column;
}

.service-contents__item img {
  display: block;
  width: 89vw;
  margin: 4.5vw auto 0;
}

.service-contents__text {
  font-size: 3.38vw;
  margin-top: 3.6vw;
}

.gift-service__line {
  padding: 7.2vw 0 7.4vw;
}

.obj-flower--l {
  width: 24vw;
  top: -15vw;
}

.obj-flower--r {
  width: 21vw;
  top: -12vw;
}

/* ------------------
    ランキング
------------------ */
.ranking {
  padding: 15vw 0 18vw;
}

.ranking-slider {
  width: 96vw;
  height: 108vw;
  background-image: url(../../../images/sp/gift/20241118/frame_ranking.png);
  background-size: 100% 100%;
}

.ranking__list {
  width: 73vw;
  padding: 5vw 0 0;
}

.ranking__item {
  width: 31vw;
}

.ranking-slider .slick-slide {
  padding: 10vw 0 0;
}

.slick-arrow {
  width: 7vw;
  height: 7vw;
}

.slick-arrow::after {
  width: 4.1vw;
  height: 4.1vw;
}

.slick-arrow.slick-prev {
  left: 6vw;
}

.slick-arrow.slick-next {
  right: 6vw;
}

.num {
  width: 5vw;
  top: -5vw;
}

.name-and-price {
  font-size: 3.3vw;
}

.item-slider ul li .btn a {
  width: 31vw;
  font-size: 3.1vw;
}

.item-slider.ranking-slider ul li .btn,
.item-slider ul li .bcs {
  text-align: center;
  padding-top: 3vw;
}

.ranking-slider .slick-dots {
  margin-top: 5.7vw;
}

.slick-dots>li.slick-active>button::before {
  color: #8d7b40;
}

.slick-dots>li>button::before {
  width: 8px;
  height: 8px;
}

/* ------------------
        予算
------------------ */
#gift .gift-price .gift-price-in {
  padding: 13vw 0 9vw;
}

#gift .gift-price h2 {
  margin: 0 auto;
}

.tab-area {
  width: 92vw;
}

.tab {
  font-size: 3.3vw;
  line-height: 2;
  padding: 1.6vw 0;
}

/* ------------------
        香り
------------------ */
.fragrance-in {
  padding: 13.4vw 0 10.3vw;
}

.fragrance__msg {
  font-size: 6.8vw;
  margin-top: 5.6vw;
}

.fragrance__msg--ja {
  font-size: 4.5vw;
  margin-top: 1.4vw;
}

.fragrance__wrapper {
  width: 100%;
  row-gap: 3vw;
  margin-top: 2vw;
}

.floral__wrapper,
.citrus__wrapper {
  width: 100vw;
  height: 76vw;
}

.fruity__wrapper,
.oriental__wrapper {
  width: 100vw;
  height: 46vw;
}

.fragrance__title {
  font-size: 6.8vw;
  margin-top: 12.7vw;
}

.fragrance__title::before,
.fragrance__title::after {
  width: 9vw;
}

.fragrance__title::before {
  left: -13vw;
}

.fragrance__title::after {
  right: -13vw;
}

.fragrance__sub-title::after {
  width: 4.1vw;
  height: 4.1vw;
  margin-left: 1.1vw;
}

.fragrance__list {
  width: 83vw;
  margin-top: 5.3vw;
}

.fragrance__sub-title {
  font-size: 4.5vw;
}

.fragrance__text {
  font-size: 3.1vw;
}

.fragrance__item img {
  width: 12vw;
}

.obj-fragrance--l {
  width: 21vw;
  top: -11vw;
}

.obj-fragrance--r {
  width: 21vw;
  top: -11vw;
}

.gift__line {
  margin-top: 9vw;
}

.obj-floral--l {
  width: 30vw;
  top: -5vw;
  left: -10vw;
}

.obj-floral--r {
  width: 26vw;
  top: 2vw;
  right: 5vw;
}

.obj-citrus--l {
  width: 32vw;
  top: -4vw;
  left: -4vw;
}

.obj-citrus--r {
  width: 26vw;
  top: 2vw;
  right: -1vw;
}

.obj-fruity--l {
  width: 21vw;
  top: 8vw;
  left: -3vw;
}

.obj-fruity--r {
  width: 33vw;
  top: 3vw;
  right: -3vw;
}

.obj-oriental--l {
  width: 22vw;
  top: 0;
  left: -3vw;
}

.obj-oriental--r {
  width: 32vw;
  top: 4vw;
  right: -1vw;
}

.obj-recommend--l {
  width: 20vw;
  top: -6vw;
}

.obj-recommend--r {
  width: 23vw;
  top: -9vw;
}

/* ------------------
      おすすめ
------------------ */
#gift .recommend {
  padding-bottom: 8vw;
}

/* ------------------
オンライン　オーダーメイド
------------------ */
.order-made__in {
  width: 87vw;
  flex-direction: column-reverse;
  row-gap: 4.5vw;
  margin-top: 6.9vw;
}

.order-made__title--ja {
  margin-top: 1.3vw;
}

.order-made-text {
  font-size: 3.3vw;
  text-align: center;
  margin-top: 4.1vw;
}

.btn--detail {
  margin-top: 5vw;
}

.online-service__title {
  width: 100%;
  font-size: 9vw;
  top: 18.4vw;
}

.online-service__title--ja {
  font-size: 4.5vw;
}

.other {
  background-position: left 0px top 0;
}

.other-bg {
  background-position: left 0px bottom 0;
  padding: 15vw 0;
}

.other__text {
  font-size: 4.5vw;
}

.service__list {
  width: 94vw;
  column-gap: 12vw;
  row-gap: 3vw;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 7.9vw;
}

.service__item img {
  width: 28vw;
}

.service-item__text {
  font-size: 3.6vw;
  margin-top: 3.2vw;
}

.banner__cm {
  width: 86vw;
  margin-top: 6.4vw;
}

/* ------------------
      ライン
------------------ */
.line-01--top {
  top: 0;
}

.line-01--bottom {
  bottom: 0;
}

/* 追従アンカー */
.tracking-nav.show {
  top: 90px;
  opacity: 1;
}

.tracking-nav__list {
  width: 100%;
  height: 11vw;
}

.tracking-nav__item {
  border: 1px solid #756331;
  font-size: 3vw;
  letter-spacing: 0.01em;
  outline-offset: -3px;
  padding: 1vw 0;
}

.tracking-nav__item a {
  color: #fff;
}

.tracking-nav__item a svg {
  font-size: 2.5vw;
  bottom: -3vw;
}

/* サマーギフト */
.summer-gift {
  background-image: url(../../../images/sp/special_contents/Minty_Spark_Yuzu/20250529/bg_cp.jpg);
}

.other-kit__inner {
  padding: 12.2vw 0 6.5vw;
}

.other-kit-slider {
  width: 91.5vw;
  border: 3px solid #fff;
  border-radius: 20px;
  padding: 9vw 0 11vw;
}

.other-kit__list {
  width: 100%;
  margin: 7.9vw auto 0;
}

.other-kit__item {
  width: 45vw;
}

.other-kit__item .img {
  width: 35.2vw;
  height: 35.2vw;
  margin-top: 5.5vw;
}

.img_wrapper {
  width: 60vw;
  margin-left: -12vw;
}

.common-other__catch {
  font-size: 4vw;
}

.summer-gift .name-and-price--ok {
  margin-top: 3.5vw;
}

.summer-gift .btn--cart {
  padding: 2.2vw 0 0;
}

.summer-gift .item-slider ul li .btn a {
  width: 41vw;
  font-size: 3.1vw;
  line-height: 1;
  padding: 3.6vw 0;
}

.summer-gift .item-slider ul li .btn a svg {
  font-size: 3vw;
  right: 5vw;
}

.link--detail {
  margin-top: 3.7vw;
}

.link--detail a {
  padding: 0 0 1.5vw 0;
  font-size: 3.1vw;
  line-height: 1;
}



.icon-new {
  width: 28vw;
  top: -2vw;
  left: -5vw;
}

.other-kit__item4 img.icon-new-small {
  width: 22vw;
  top: -13vw;
  left: 8vw;
}

.other-kit__item4 img {
  width: 42vw;
  padding-top: 11vw;
}

.other-kit__item5 img {
  width: 26vw;
  padding-top: 8vw;
}

.other-kit__item6 img {
  width: 25vw;
  padding-top: 8vw;
}

.other-kit__item7 img {
  width: 13vw;
  padding-top: 2.5vw;
}

.other-kit__item8 img {
  width: 26vw;
  padding-top: 8vw;
}

.other-kit__item9 img {
  width: 10vw;
  padding-top: 2vw;
}

.other-kit__item10 img {
  width: 13vw;
  padding-top: 2vw;
}

.other-kit__title span {
  font-size: 3.8vw;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}

.limited {
  padding: 2px;
}

.limited--l {
  width: 14vw;
  height: 14vw;
  top: 2.4vw;
  right: 2.4vw;
}

.limited--s {
  width: 12vw;
  height: 12vw;
  top: -1vw;
  right: 7vw;
}

.ltext {
  letter-spacing: 0.05em;
  line-height: 1;
}

.ltext--l {
  font-size: 3.3vw;
}

.ltext--s {
  font-size: 2.7vw;
}

.summer-gift .slick-dots {
  margin: 7vw 0 0;
}

.summer-gift .slick-arrow {
  width: 8vw;
  height: 8vw;
}

.summer-gift .slick-arrow::after {
  width: 5vw;
  height: 5vw;
}

.summer-gift .slick-arrow.slick-prev::after {
  border-top: 2px solid #B5B5B5;
  border-left: 2px solid #B5B5B5;
}

.summer-gift .slick-arrow.slick-next::after {
  border-top: 2px solid #B5B5B5;
  border-right: 2px solid #B5B5B5;
}

.summer-gift .slick-arrow.slick-prev {
  left: 5vw;
}

.summer-gift .slick-arrow.slick-next {
  right: 5vw;
}