@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;
}