.font-yumin {
  font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif !important;

}

.inview {
  opacity: 0;
}

/*.scrolled main {
    padding-top: calc(60px + var(--fsBannerHeight));
}
*/
.wrapper {
  display: block;
}

a:hover {
  opacity: 1;
}



#ar {
  margin: 0px;
  padding: 0px;
}

footer {
  margin-top: 0px;
}


#ar .cbg {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  width: 100%;
}


#ar .kv h1 {
  top: 5.9vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
  width: 56.3vw;
}

#ar .kv .kv-new {
  top: 7vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
  width: 23vw
}

#ar .kv .kv-text {
  top: 26.5vw;
  left: 0;
  width: 100%;
  font-size: 4.1vw;
  line-height: 1.5;
}

#ar .kv .kv-label {
  top: 27.4vw;
  left: 7.8vw;
  width: 18.7vw;
}

#ar .kv .kv-obj1 {
  width: 21.2vw;
  bottom: -28.7vw;
}

#ar .kv .kv-obj2 {
  width: 21.2vw;
  bottom: -28.6vw;
}


#ar .pagetop {
  bottom: 11px;
  left: 11px;
}

#ar .pagetop .pagetop-link a:hover {
  opacity: 1;
}



#ar .mlead {
  padding: 5.1vw 0 10.2vw;
  background-image: none;
}

#ar .sp-kv-bg {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/bg1.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
}

#ar .mlead .text {
  font-size: 3.6vw;
  line-height: 1.5;
}

#ar .mlead .nav-list {
  margin: 0;
  padding: 0px;
  width: 100%;
  display: block;
}

#ar .mlead .nav-list .nav-lineup {
  width: 100%;
  margin: 6.8vw 0 0;
}

#ar .mlead .nav-list .nav-lineup h2 {
  font-size: 6.8vw;
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/t_lineup.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 76.7vw auto;
}

#ar .mlead .nav-list .nav-lineup ul {
  margin: 6.2vw auto 0;
  width: 90.3vw;
}

#ar .mlead .nav-list .nav-lineup ul li {
  width: 29.3vw;
}

#ar .mlead .nav-list .nav-lineup ul li a {
  padding: 4vw 0 0;
  height: 17vw;
  font-size: 2.9vw;
  line-height: 1.3;
}

#ar .mlead .nav-list .nav-lineup ul li.n1 a {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/nav_01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 4vw 0 0;
}

#ar .mlead .nav-list .nav-lineup ul li.n2 a {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/nav_02.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#ar .mlead .nav-list .nav-lineup ul li.n3 a {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/nav_03.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#ar .mlead .nav-list .nav-lineup ul li a span {
  top: -4.6vw;
  left: 2.1vw;
  width: 25.1vw;
}


#ar .mlead .nav-list .nav-other {
  margin: 7.3vw 0 0;
  width: 100%;
}

#ar .mlead .nav-list .nav-other h2 {
  font-size: 5.2vw;
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/t_lineup.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 72.3vw auto;
}

#ar .mlead .nav-list .nav-other ul {
  margin: 3.2vw auto 0;
  padding: 0;
  /* width: 33.9vw; */
}

#ar .mlead .nav-list .nav-other ul li {
  width: 33.9vw;
}

#ar .mlead .nav-list .nav-other ul li a {
  padding: 2.5vw 0 0;
  height: 14vw;
  font-size: 2.7vw;
  line-height: 1.3;
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/nav_04.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}


#ar .aroma-area.fresh {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/bg2.jpg);
  background-repeat: repeat;
  background-size: 100% auto;
}

#ar .aroma-area.peaceful {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/bg3.jpg);
  background-repeat: repeat;
  background-size: 100% auto;
}

#ar .aroma-area.cozy {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/bg4.jpg);
  background-repeat: repeat;
  background-size: 100% auto;
}

#ar .aroma-area .aroma-line {
  padding: 7.3vw 0 18.6vw;
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/line1.png);
  background-repeat: repeat-x;
  border-top: 2px solid #af9248;
  background-position: left top 0.1vw;
  background-size: 100% auto;
}

#ar .aroma-area .en {
  margin: 0 auto;
  width: 39.6vw;
}

#ar .aroma-area h2 {
  padding: 0 0 6.8vw;
  font-size: 5.2vw;
}

#ar .aroma-area.fresh h2 {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/t_obj1.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 24.8vw auto;
}

#ar .aroma-area.peaceful h2 {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/t_obj2.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 24.8vw auto;
}

#ar .aroma-area.cozy h2 {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/t_obj3.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 24.8vw auto;
}

#ar .aroma-area .aroma-list {
  width: 100%;
}

#ar .aroma-area .aroma-list .aroma-block {
  width: 90.3vw;
  margin: 0 auto;
  padding: 11.3vw 0 12.4vw;
  position: static;
}

#ar .aroma-area .aroma-list .aroma-block:nth-child(1),
#ar .aroma-area .aroma-list .aroma-block:nth-child(2) {
  margin: 0 auto;
}

#ar .aroma-area .aroma-list .aroma-block#cozy4 {
  display: none;
}

#ar .aroma-area .aroma-list .aroma-block-outer {
  width: 100%;
  position: relative;
  margin: 6.8vw auto 0;
}

#ar .aroma-area .aroma-list .aroma-block .ab-en {
  font-size: 6.8vw;
}

#ar .aroma-area .aroma-list .aroma-block h3 {
  padding: 1.4vw 0 0;
  font-size: 3.2vw;
}

#ar .aroma-area .aroma-list .aroma-block .ab-text {
  padding: 5.6vw 0 0;
  font-size: 4.5vw;
}

#ar .aroma-area .aroma-list .aroma-block .ab-img {
  width: 61.6vw;
  height: 70.7vw;
}

#ar .aroma-area .aroma-list .aroma-block .name-and-price {
  padding: 4vw 0 0;
}

#ar .aroma-area .aroma-list .aroma-block .name-and-price h4 {
  font-size: 3.6vw;
  line-height: 1.6;
}

#ar .aroma-area .aroma-list .aroma-block .name-and-price .price {
  font-size: 3.6vw;
  line-height: 1.6;
}

#ar .aroma-area .aroma-list .aroma-block .btn {
  margin: 4vw auto 0;
  width: 53.3vw;
  z-index: 20;
  position: relative;
}

#ar .aroma-area .aroma-list .aroma-block .btn a {
  padding: 5.6vw 0;
  font-size: 3.4vw;
}

#ar .aroma-area .aroma-list .aroma-block .btn a svg {
  right: 5.1vw;
  font-size: 3vw;
}

#ar .aroma-area .aroma-list .aroma-block .fragrance {
  margin: 6.2vw auto 0;
  width: 75.8vw;
  z-index: 20;
  position: relative;
}

#ar .aroma-area .aroma-list .aroma-block .fragrance h5 a {
  padding: 3.4vw 0;
  font-size: 3.4vw;
  border-top: 1px solid #282524;
  border-bottom: 1px solid #282524;
}

#ar .aroma-area .aroma-list .aroma-block .fragrance h5 a .icon {
  font-size: 5vw;
  right: 1.6vw;
}

#ar .aroma-area .aroma-list .aroma-block .fragrance-more {
  padding: 7.5vw 0 7.3vw;
}

#ar #fresh1 .fragrance-more {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_gr.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

#ar #fresh2 .fragrance-more {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_gg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

#ar #fresh3 .fragrance-more {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_cb.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

#ar #fresh4 .fragrance-more {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_gen.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

#ar #peaceful1 .fragrance-more {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_jas.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

#ar #peaceful2 .fragrance-more {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_chb.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

#ar #peaceful3 .fragrance-more {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_wt.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

#ar #peaceful4 .fragrance-more {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_lav.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

#ar #cozy1 .fragrance-more {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_plv.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

#ar #cozy2 .fragrance-more {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_rt.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

#ar #cozy3 .fragrance-more {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_wm.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

#ar .aroma-area .aroma-list .aroma-block .fragrance-more .ab-fra-text {
  font-size: 3.3vw;
  line-height: 1.5;
}

#ar .aroma-area .aroma-list .aroma-block .fragrance-more .ab-fra-pira {
  padding: 3.4vw 0 0;
  margin: 0 auto;
  width: 66.6vw;
}

#ar .aroma-area .fresh-obj1 {
  top: 0px;
  left: auto;
  right: 0;
  width: 27vw;
  z-index: 10;
}

#ar .aroma-area .fresh-obj2 {
  top: 14.4vw;
  right: auto;
  left: 0px;
  width: 19.4vw;
  z-index: 10;
}

#ar .aroma-area .fresh-obj3 {
  top: 46.5vw;
  left: auto;
  right: 0;
  width: 24.9vw;
}

#ar .aroma-area .fresh-obj4 {
  top: 102.9vw;
  right: auto;
  left: 0;
  width: 16.8vw;
}

#ar .aroma-area .fresh-obj5 {
  top: 20.2vw;
  left: 0;
  width: 13.5vw;
}

#ar .aroma-area .fresh-obj6 {
  top: 73.7vw;
  right: 0;
  width: 17.2vw;
}

#ar .aroma-area .fresh-obj7 {
  top: -13vw;
  left: 0;
  width: 11.7vw;
}

#ar .aroma-area .fresh-obj8 {
  top: 43.8vw;
  right: 0;
  width: 16.7vw;
}

#ar .aroma-area .fresh-obj9 {
  top: 95.7vw;
  left: 0;
  width: 28.6vw;
}

#ar .aroma-area .fresh-obj10 {
  top: 4vw;
  left: 0;
  width: 22.8vw;
}

#ar .aroma-area .fresh-obj11 {
  top: 22.9vw;
  right: 0;
  width: 15.2vw;
}

#ar .aroma-area .fresh-obj12 {
  top: 95.6vw;
  left: 0;
  width: 15vw;
}


#ar .aroma-area .peaceful-obj1 {
  top: -21.7vw;
  left: auto;
  right: 0;
  width: 12.2vw;
}

#ar .aroma-area .peaceful-obj2 {
  top: 2vw;
  right: auto;
  left: 0;
  width: 20.2vw;
}

#ar .aroma-area .peaceful-obj3 {
  top: -2.7vw;
  left: auto;
  right: 0;
  width: 22.8vw;
}

#ar .aroma-area .peaceful-obj4 {
  top: 50.6vw;
  right: auto;
  left: 0;
  width: 20.8vw;
}

#ar .aroma-area .peaceful-obj5 {
  top: 104.9vw;
  right: 0;
  width: 10.8vw;
}

#ar .aroma-area .peaceful-obj6 {
  top: 125.4vw;
  left: 0;
  width: 13.4vw;
}

#ar .aroma-area .peaceful-obj7 {
  top: 1.1vw;
  right: 0;
  width: 9.6vw;
}

#ar .aroma-area .peaceful-obj8 {
  top: 62.4vw;
  left: 0;
  width: 18.7vw;
}

#ar .aroma-area .peaceful-obj9 {
  top: 114vw;
  right: 0;
  width: 10.7vw;
}

#ar .aroma-area .peaceful-obj10 {
  top: 14.8vw;
  left: auto;
  right: 0;
  width: 10.7vw;
}

#ar .aroma-area .peaceful-obj11 {
  top: 41.5vw;
  right: auto;
  left: 0;
  width: 22.8vw;
}

#ar .aroma-area .peaceful-obj12 {
  top: 96.3vw;
  left: auto;
  right: 0;
  width: 19.1vw;
}

#ar .aroma-area .peaceful-obj13 {
  top: -20.9vw;
  right: auto;
  left: 0;
  width: 18.3vw;
  position: absolute;
}

#ar .aroma-area .peaceful-obj14 {
  top: 37.7vw;
  left: 0;
  right: auto;
  width: 23.6vw;
  position: absolute;
}

#ar .aroma-area .peaceful-obj15 {
  top: 79.8vw;
  right: 0;
  width: 10.4vw;
  position: absolute;
}

#ar .aroma-area .cozy-obj1 {
  top: -5.6vw;
  left: 0;
  width: 19.2vw;
}

#ar .aroma-area .cozy-obj2 {
  top: -11.5vw;
  right: 0;
  width: 17.3vw;
}

#ar .aroma-area .cozy-obj3 {
  top: 35.7vw;
  right: 0;
  left: auto;
  width: 26.3vw;
}

#ar .aroma-area .cozy-obj4 {
  top: 111.1vw;
  right: auto;
  left: 0;
  width: 14.9vw;
}

#ar .aroma-area .cozy-obj5 {
  top: 11.3vw;
  right: 0;
  width: 10.5vw;
  left: auto;
}

#ar .aroma-area .cozy-obj6 {
  top: 59.8vw;
  left: 0;
  width: 10.8vw;
  right: auto;
}

#ar .aroma-area .cozy-obj7 {
  top: 90.7vw;
  right: 0;
  width: 13vw;
  left: auto;
}

#ar .aroma-area .cozy-obj8 {
  top: 22.8vw;
  right: auto;
  width: 15.5vw;
  left: 0;
}

#ar .aroma-area .cozy-obj9 {
  top: 47.2vw;
  right: 0;
  left: auto;
  width: 19vw;
}

#ar .aroma-area .cozy-obj10 {
  top: 117.4vw;
  left: 0;
  width: 12.6vw;
}



#ar .other-area {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/bg5.jpg);
  background-repeat: repeat;
  background-size: 100% auto;
}

#ar .other-area .other-line1 {
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/line1.png);
  background-repeat: repeat-x;
  border-top: 2px solid #af9248;
  background-position: left top 2px;
  background-size: 100% auto;
}

#ar .other-area .other-line2 {
  padding: 13.5vw 0 0;
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/line2.png);
  background-repeat: repeat-x;
  background-position: left bottom 2px;
  background-size: 100% auto;
}

/* #ar .other-area h2 {
  font-size: 11.9vw;
} */

#ar .other-area .text {
  padding: 2.6vw 0 0;
  font-size: 5.2vw;
  line-height: 1.4;
}

#ar .other-area .other-slider {
  width: 100%;
  margin: 2.6vw auto 0;
}

#ar .other-area .other-slider>ul {
  padding: 0;
  width: 100%;
}

#ar .other-area .other-slider>ul li.slick-slide {
  padding: 2.6vw 0 18.1vw;
}

#ar .other-area .other-slider .slick-arrow {
  top: 44.9vw;
  width: 7.9vw;
  height: 7.9vw;
}

#ar .other-area .other-slider .slick-prev {
  left: 8.2vw;
}

#ar .other-area .other-slider .slick-next {
  right: 8.2vw;
}

#ar .other-area .other-slider .slick-dots {
  bottom: 28.2vw;
}

#ar .other-area .other-slider .slick-dots li {
  margin: 0 5px;
}

#ar .other-area .other-slider .slick-dots li button {
  width: 8px;
  height: 8px;
}

#ar .other-area .other-frame {
  width: 90.3vw;
  padding: 11.3vw 0 18.2vw;
  box-shadow: 0px 8px 22px 0 rgba(46, 23, 10, 0.1);
}

#ar .other-area .other-frame .other-img {
  width: 58.5vw;
}

#ar .other-area .other-frame h3 {
  padding: 4vw 0 0;
  font-size: 3.6vw;
  line-height: 1.6;
}

#ar .other-area .other-frame .price {
  font-size: 3.6vw;
  line-height: 1.6;
}

#ar .other-area .other-frame .btn {
  margin: 4vw auto 0;
  width: 53.3vw;
  z-index: 20;
  position: relative;
}

#ar .other-area .other-frame .btn a {
  padding: 5.6vw 0;
  font-size: 3.4vw;
}

#ar .other-area .other-frame .btn a svg {
  right: 5.1vw;
  font-size: 3vw;
}

#ar .other-area .other-frame h4 {
  margin: 9.5vw auto 0;
  width: 76.7vw;
}

#ar .other-area .other-frame .rec-block {
  margin: 6.2vw 0 0;
  padding: 0 0 0 32.7vw;
}

#ar .other-area .other-frame .rec-block .rec-img {
  width: 29.3vw;
  left: 9.5vw;
  bottom: 0;
}

#ar .other-area .other-frame .rec-block h5 {
  font-size: 3.2vw;
  line-height: 1.3;
}

#ar .other-area .other-frame .rec-block .price {
  font-size: 3.2vw;
  line-height: 1.3;
}

#ar .other-area .other-frame .rec-block .btn {
  margin: 2.8vw auto 0;
  width: 37.2vw;
}

#ar .other-area .other-frame .rec-block .btn a {
  padding: 4vw 0;
  font-size: 3.2vw;
}

#ar .other-area .other-frame .rec-block .btn a svg {
  right: 2.6vw;
  font-size: 2.6vw;
}

#ar .other-area .other-frame .rec-bt {
  padding: 5.6vw 0 0;
  margin: 0 auto;
  width: 76.7vw;
}



#ar .other-area .other-obj1 {
  top: 2px;
  left: 0;
  width: 15.8vw;
}

#ar .other-area .other-obj2 {
  top: 2px;
  right: 0;
  width: 19.6vw;
}

#ar .other-area .other-obj3 {
  top: 42.7vw;
  left: auto;
  right: 0;
  width: 18.2vw;
}

#ar .other-area .other-obj4 {
  top: 107.2vw;
  left: 0;
  right: auto;
  width: 10.4vw;
}

#ar .other-area .other-obj5 {
  top: 123vw;
  left: auto;
  right: 0;
  width: 14.6vw;
  z-index: 10;
  position: absolute;
}




#ar .line {
  border-top: 2px solid #af9248;
  padding: 6.8vw 0;
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/bg6.jpg);
  background-size: cover;
}

#ar .line-frame {
  padding: 10.7vw 0 9.6vw;
  width: 86.1vw;
}

#ar .line h2 {
  font-size: 5.6vw;
  line-height: 1.4;
}

#ar .line .text {
  padding: 3vw 0px 0px;
  font-size: 3.7vw;
  line-height: 1.3;
}

#ar .line .btn {
  padding: 4.5vw 0px 0px;
  position: relative;
  z-index: 10;
}

#ar .line .btn a {
  padding: 6.2vw 0px 0px 14.4vw;
  font-size: 4.6vw;
  line-height: 1;
  width: 59.1vw;
  height: 17vw;
  border-radius: 0.4em;
}

#ar .line .btn a:before {
  background: url(../../../images/sp/special_contents/HolidayCollection/20211014/icon_line.png?a=20211014) no-repeat center center;
  background-size: 11.3vw auto;
  image-rendering: -webkit-optimize-contrast;
  width: 15.3vw;
  height: 17vw;
}

#ar .line .line-obj1 {
  top: 0;
  left: 0;
  width: 16.9vw;
}

#ar .line .line-obj2 {
  top: 0;
  right: 0;
  width: 18.6vw;
}

#ar .line .line-obj3 {
  bottom: 0;
  left: 0;
  width: 36.2vw;
}

#ar .line .line-obj4 {
  bottom: 0;
  right: 0;
  width: 31.2vw;
}


.sns {
  padding: 9vw 0;
  background-image: url(../../../images/sp/special_contents/Aroma/20230901/bg7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 4px solid #3b9b83;
  border-bottom: 4px solid #3b9b83;
}

.sns-frame {
  padding: 0.6vw;
  width: 83.9vw;
}

.sns-frame-in {
  padding: 4.5vw 0 6.2vw;
  border: 2px solid #64ac72;
}

.sns h3 {
  padding: 0;
  font-size: 5.9vw;
}

.sns .social-btn {
  margin-top: 2.6vw;
}

.sns-obj1 {
  top: 4.9vw;
  width: 28.9vw;
}

.sns-obj2 {
  bottom: 4.9vw;
  width: 28.9vw;
}

.common__title {
  font-size: 8vw;
}

#ar .aroma-area .text {
  font-size: 3.6vw;
  line-height: 1.5;
}

.rb-text-list {
  width: 75.8vw;
  margin: 6vw auto 0;
}

.reason-more-btn {
  bottom: 0;
}

.reason-more-btn a {
  width: 53.3vw;
  font-size: 4vw;
  padding: 4vw 0;
}

.reason-more-btn a .icon {
  font-size: 5vw;
  right: 2vw;
}

.rb-text-list .reason-close-btn {
  bottom: 3vw;
}

.reason-close-btn a {
  font-size: 4vw;
  padding-left: 6vw;
}

.reason-close-btn a .icon {
  font-size: 5vw;
}

#rb1,
#rb2,
#rb3,
#rb4,
#rb5,
#rb6,
#rb7,
#rb8,
#rb9,
#rb10,
#rb11 {
  height: 30vw;
}

#rb1.open,
#rb2.open,
#rb3.open,
#rb4.open,
#rb5.open,
#rb6.open,
#rb7.open,
#rb8.open,
#rb9.open,
#rb10.open,
#rb11.open {
  height: 80vw;
}

.fragrance__text {
  font-size: 3.3vw;
  line-height: 1.5;
  padding-top: 7.5vw;
}

.ab-fra-pira {
  padding: 3.4vw 0 0;
  margin: 0 auto;
  width: 66.6vw;
}

#ar #rb1  {
	background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_gr.png);
  background-size: 100% auto;
}

#ar #rb2 {
	background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_gg.png);
	background-size: 100% auto;
}

#ar #rb3 {
	background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_cb.png);
	background-size: 100% auto;
}

#ar #rb4 {
	background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_gen.png);
	background-size: 100% auto;
}

#ar #rb5 {
	background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_jas.png);
	background-size: 100% auto;
}

#ar #rb6 {
	background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_chb.png);
	background-size: 100% auto;
}

#ar #rb7 {
	background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_wt.png);
	background-size: 100% auto;
}

#ar #rb8 {
	background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_lav.png);
	background-size: 100% auto;
}

#ar #rb9 {
	background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_plv.png);
	background-size: 100% auto;
}

#ar #rb10 {
	background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_rt.png);
	background-size: 100% auto;
}

#ar #rb11 {
	background-image: url(../../../images/sp/special_contents/Aroma/20230901/fra_wm.png);
	background-size: 100% auto;
}