@charset "UTF-8";
/* ------------------------------------------------
 font
------------------------------------------------ */
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700;800&family=Mochiy+Pop+One&display=swap");
@media screen and (min-width: 768.1px) {
  .ff_round {
    transform: rotateZ(0.03deg);
  }
}

.ff_mc {
  font-family: "Mochiy Pop One", sans-serif;
}

/* ------------------------------------------------
 vars
------------------------------------------------ */
:root {
  --nvw: 1vw;
  --font-base: YakuHanRP, "M PLUS 1p", YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  --color-black: #1b1400;
  --color-purple: #683B93;
  --color-orange: #F18D00;
}
/*------------------------------------------------
reset
------------------------------------------------*/
#suntory_contents h1, #suntory_contents h2, #suntory_contents h3, #suntory_contents h4, #suntory_contents h5, #suntory_contents h6, #suntory_contents p, #suntory_contents blockquote, #suntory_contents pre, #suntory_contents a, #suntory_contents abbr, #suntory_contents acronym, #suntory_contents address, #suntory_contents big, #suntory_contents cite, #suntory_contents code, #suntory_contents del, #suntory_contents dfn, #suntory_contents em, #suntory_contents img, #suntory_contents ins, #suntory_contents kbd, #suntory_contents q, #suntory_contents s, #suntory_contents samp, #suntory_contents small, #suntory_contents strike, #suntory_contents strong, #suntory_contents sub, #suntory_contents tt, #suntory_contents var, #suntory_contents b, #suntory_contents u, #suntory_contents i, #suntory_contents center, #suntory_contents dl, #suntory_contents dt, #suntory_contents dd, #suntory_contents ol, #suntory_contents ul, #suntory_contents li, #suntory_contents fieldset, #suntory_contents form, #suntory_contents label, #suntory_contents legend, #suntory_contents table, #suntory_contents caption, #suntory_contents tbody, #suntory_contents tfoot, #suntory_contents thead, #suntory_contents tr, #suntory_contents th, #suntory_contents td, #suntory_contents article, #suntory_contents aside, #suntory_contents canvas, #suntory_contents details, #suntory_contents embed, #suntory_contents figure, #suntory_contents figcaption, #suntory_contents footer, #suntory_contents header, #suntory_contents hgroup, #suntory_contents menu, #suntory_contents nav, #suntory_contents output, #suntory_contents ruby, #suntory_contents section, #suntory_contents summary, #suntory_contents time, #suntory_contents mark, #suntory_contents audio, #suntory_contents video, .remodal-wrapper h1, .remodal-wrapper h2, .remodal-wrapper h3, .remodal-wrapper h4, .remodal-wrapper h5, .remodal-wrapper h6, .remodal-wrapper p, .remodal-wrapper blockquote, .remodal-wrapper pre, .remodal-wrapper a, .remodal-wrapper abbr, .remodal-wrapper acronym, .remodal-wrapper address, .remodal-wrapper big, .remodal-wrapper cite, .remodal-wrapper code, .remodal-wrapper del, .remodal-wrapper dfn, .remodal-wrapper em, .remodal-wrapper img, .remodal-wrapper ins, .remodal-wrapper kbd, .remodal-wrapper q, .remodal-wrapper s, .remodal-wrapper samp, .remodal-wrapper small, .remodal-wrapper strike, .remodal-wrapper strong, .remodal-wrapper sub, .remodal-wrapper tt, .remodal-wrapper var, .remodal-wrapper b, .remodal-wrapper u, .remodal-wrapper i, .remodal-wrapper center, .remodal-wrapper dl, .remodal-wrapper dt, .remodal-wrapper dd, .remodal-wrapper ol, .remodal-wrapper ul, .remodal-wrapper li, .remodal-wrapper fieldset, .remodal-wrapper form, .remodal-wrapper label, .remodal-wrapper legend, .remodal-wrapper table, .remodal-wrapper caption, .remodal-wrapper tbody, .remodal-wrapper tfoot, .remodal-wrapper thead, .remodal-wrapper tr, .remodal-wrapper th, .remodal-wrapper td, .remodal-wrapper article, .remodal-wrapper aside, .remodal-wrapper canvas, .remodal-wrapper details, .remodal-wrapper embed, .remodal-wrapper figure, .remodal-wrapper figcaption, .remodal-wrapper footer, .remodal-wrapper header, .remodal-wrapper hgroup, .remodal-wrapper menu, .remodal-wrapper nav, .remodal-wrapper output, .remodal-wrapper ruby, .remodal-wrapper section, .remodal-wrapper summary, .remodal-wrapper time, .remodal-wrapper mark, .remodal-wrapper audio, .remodal-wrapper video {
  font-size: 1em;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
#suntory_contents br, .remodal-wrapper br {
  letter-spacing: 0;
}
#suntory_contents table, .remodal-wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
}
#suntory_contents ul, #suntory_contents ol, .remodal-wrapper ul, .remodal-wrapper ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#suntory_contents img, .remodal-wrapper img {
  max-width: 100%;
  vertical-align: top;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0;
  padding: 0;
  border: 0;
}

/*------------------------------------------------
common
------------------------------------------------*/
#suntory_contents {
  font-family: var(--font-base);
  background-color: #FFF5C6;
  font-feature-settings: "palt";
  position: relative;
}
#suntory_contents img {
  display: block;
}
#suntory_contents a {
  color: #f11d25;
}
#suntory_contents .note {
  line-height: 1.5;
}
#suntory_contents .note li {
  text-indent: -0.75em;
  padding-left: 0.75em;
}
#suntory_contents .note li + li {
  margin-top: 0.25em;
}
@media screen and (min-width: 768.1px) {
  #suntory_contents .sp_show {
    display: none;
  }
}
@media screen and (max-width: 767.9px) {
  #suntory_contents {
    font-size: 4.2666666667vw;
    width: 100%;
    -webkit-text-size-adjust: 100%;
  }
  #suntory_contents .pc_show {
    display: none;
  }
  #suntory_contents h2, #suntory_contents h3, #suntory_contents h4,
  #suntory_contents div, #suntory_contents p, #suntory_contents li, #suntory_contents span, #suntory_contents a, #suntory_contents b,
  #suntory_contents th, #suntory_contents td {
    max-height: 100%;
  }
  #suntory_contents .note {
    font-size: 0.625em;
  }
  #suntory_contents .note li {
    text-indent: -1em;
    padding-left: 1em;
  }
}

/* ------------------------------------------------
 font-size
------------------------------------------------ */
#suntory_contents,
.remodal-wrapper {
  font-size: min(16px, 1.3333333333vw);
}
@media screen and (max-width: 767.9px) {
  #suntory_contents,
  .remodal-wrapper {
    font-size: 4.2666666667vw;
  }
}

/* ------------------------------------------------
 btn
------------------------------------------------ */
#suntory_contents button.basic_btn {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

#suntory_contents .basic_btn {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  text-align: center;
  border-radius: 100px;
  max-height: none;
  margin: 0 auto;
  padding-left: 5.625em;
  padding-right: 1.75em;
  width: 23.125em;
  height: 4.375em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  box-shadow: 0.1875em 0.25em 1.4375em 0px rgba(8, 1, 3, 0.15);
}
@media screen and (any-hover: hover) {
  #suntory_contents .basic_btn {
    transition: transform 0.2s ease;
    transform-origin: center center;
  }
  #suntory_contents .basic_btn:hover {
    transform: scale(1.1);
  }
}
#suntory_contents .basic_btn.arrow::after {
  content: "";
  background: url(../img/common/icon_arrow_wh.svg) no-repeat;
  background-size: contain;
  width: 0.6875em;
  aspect-ratio: 23/20;
  display: block;
}
#suntory_contents .basic_btn.arrow.down::after {
  transform: rotate(90deg);
}
#suntory_contents .basic_btn.disabled {
  color: #fff;
  background-color: #ebebeb;
}
#suntory_contents .basic_btn.disabled.solid::after {
  border-color: #ebebeb;
}
#suntory_contents .basic_btn.primary {
  background-color: #e94110;
}
#suntory_contents .basic_btn.secondary {
  background-color: #fff;
}
#suntory_contents .basic_btn .txt {
  width: 12.0625em;
  display: block;
}
@media screen and (max-width: 767.9px) {
  #suntory_contents .basic_btn {
    padding-right: 3.5em;
    width: 42.5em;
    height: 7.5em;
    box-shadow: 0.1875em 0.25em 1.4375em 0px rgba(8, 1, 3, 0.15);
  }
  #suntory_contents .basic_btn::after {
    width: 1.4375em;
  }
  #suntory_contents .basic_btn.arrow::after {
    width: 1.4375em;
  }
}

/* ------------------------------------------------
 cpnheader
------------------------------------------------ */
#cpnheader {
  font-size: 1em;
}
#cpnheader > .inner {
  background-color: var(--color-orange);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 6em;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
#cpnheader .logo {
  font-size: 1em;
  width: 17.375em;
}
@media screen and (max-width: 767.9px) {
  #cpnheader > .inner {
    height: 4.6875em;
  }
  #cpnheader .logo {
    width: 12.625em;
  }
}

/* ------------------------------------------------
 contents_wrapper
------------------------------------------------ */
#contents_wrapper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (min-width: 768.1px) {
  #contents_wrapper {
    max-width: 75em;
  }
}
/* ------------------------------------------------
 section
------------------------------------------------ */
#suntory_contents .section {
  position: relative;
  z-index: 1;
}
#suntory_contents .section > .inner {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media screen and (min-width: 768.1px) {
  #suntory_contents .section {
    box-sizing: border-box;
  }
  #suntory_contents .section.not_responsive {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.9px) {
  #suntory_contents .section {
    line-height: 1.5;
    width: auto;
  }
  #suntory_contents .section > .inner {
    width: 41.25em;
  }
  #suntory_contents .section.sp_wide > .inner {
    width: 100%;
  }
  #suntory_contents .section.bg_white {
    background-size: 1.4375em auto;
  }
  #suntory_contents .section.anchor {
    margin-top: -3.125em;
    padding-top: 3.125em;
  }
  #suntory_contents .section .sheader .title.img_block {
    width: 33.125em;
  }
}

/* ------------------------------------------------
contact
------------------------------------------------ */
#contact {
  color: #fff;
  font-weight: 500;
  background-color: #D65915;
}
#contact > .inner {
  padding-top: 6.25em;
  padding-bottom: 6.25em;
}
#contact .sheader {
  text-align: center;
}
#contact .sheader .title {
  font-size: 1.5em;
  font-weight: 400;
}
#contact .sheader .attention {
  font-size: 0.875em;
  font-weight: 500;
  margin-top: 1.4285714286em;
}
#contact .sbody {
  margin: 1.875em auto 0;
}
#contact .sbody .contact {
  text-align: center;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
#contact .sbody .contact .txt.name {
  font-size: 0.875em;
  font-weight: 700;
  margin-top: 1.4285714286em;
}
#contact .sbody .contact .txt.name + .l1 {
  margin-top: 0.75em;
}
#contact .sbody .contact .txt.l1 {
  margin-top: 1.25em;
}
#contact .sbody .contact .txt.l1 .tel {
  color: #fff;
  font-size: 1.75em;
  font-weight: 800;
  text-decoration: none;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
#contact .sbody .contact .txt.l1 .note {
  font-size: 0.875em;
  font-weight: bold;
  margin-top: 0.2857142857em;
  display: block;
}
#contact .sbody .contact .txt.l2 {
  font-size: 0.875em;
  font-weight: 500;
  margin-top: 1.5em;
}
#contact .sbody .contact .txt.l2 .date {
  padding-left: 0.5em;
  display: inline-block;
}
#contact .sbody .contact .txt.note {
  font-size: 0.75em;
  margin-top: 0.2em;
}
#contact .movie {
  margin-top: 1.875em;
  display: flex;
  justify-content: center;
}
#contact .movie a {
  color: var(--color-purple);
  line-height: 1;
  text-decoration: none;
  width: 20.9375em;
  aspect-ratio: 325/46;
}
@media screen and (any-hover: hover) {
  #contact .movie a {
    transition: transform 0.2s ease;
    transform-origin: center center;
  }
  #contact .movie a:hover {
    transform: scale(1.05);
  }
}
#contact .copyright {
  margin: 1.875em auto 0;
  width: 13.0625em;
}
@media screen and (min-width: 768.1px) {
  #contact > .inner {
    transform: rotateZ(0.03deg);
  }
}
@media screen and (max-width: 767.9px) {
  #contact > .inner {
    padding-top: 3.125em;
    padding-bottom: 3.125em;
  }
  #contact .sheader .title {
    font-size: 1.375em;
  }
  #contact .sheader .attention {
    font-size: 0.75em;
    line-height: 1.6;
    margin-top: 1.6666666667em;
  }
  #contact .sbody .contact {
    width: -moz-fit-content;
    width: fit-content;
  }
  #contact .sbody .contact .txt.name {
    font-size: 0.75em;
  }
  #contact .sbody .contact .txt.name + .l1 {
    margin-top: 0.125em;
  }
  #contact .sbody .contact .txt.l1 {
    margin-top: 0.9375em;
  }
  #contact .sbody .contact .txt.l1 .tel {
    font-size: 1.625em;
  }
  #contact .sbody .contact .txt.l1 .note {
    font-size: 0.75em;
    margin-top: 0.3333333333em;
  }
  #contact .sbody .contact .txt.l2 {
    font-size: 0.75em;
    margin-top: 1.1666666667em;
  }
  #contact .sbody .contact .txt.l2 .time, #contact .sbody .contact .txt.l2 .date {
    display: inline-block;
  }
  #contact .sbody .contact .txt.note {
    font-size: 0.625em;
  }
  #contact .sbody .contact + .contact {
    margin-top: 2.1875em;
  }
  #contact .movie a {
    width: 20.3125em;
  }
  #contact .copyright {
    margin-top: 1.25em;
    width: 11.4375em;
  }
}

/* ------------------------------------------------
banners
------------------------------------------------ */
#banners > .inner {
  padding-top: 3.125em;
}
#banners .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.875em;
}
#banners .list li {
  width: 27.5em;
}
#banners .list li a {
  display: block;
}
#banners .list li.banner_boss a {
  background-color: #ccc;
  width: 100%;
  display: block;
  aspect-ratio: 44/13;
}
#banners .note {
  font-size: 0.75em;
  font-weight: 500;
  text-align: center;
  margin-top: 1.6666666667em;
}
#banners .note::after {
  content: "";
  background: url(../img/common/icon_external.svg) no-repeat;
  background-size: contain;
  margin-left: 0.5em;
  width: 1.3333333333em;
  aspect-ratio: 16/14;
  display: inline-block;
  vertical-align: -0.2em;
}
@media screen and (min-width: 768.1px) {
  #banners .note {
    transform: rotateZ(0.03deg);
  }
}
@media screen and (max-width: 767.9px) {
  #banners > .inner {
    padding-top: 5em;
  }
  #banners .list {
    flex-direction: column;
    align-items: center;
    row-gap: 2.5em;
  }
  #banners .list li {
    width: 41.25em;
  }
  #banners .list li.banner_boss a {
    aspect-ratio: 66/27;
  }
  #banners .note {
    font-size: 1.25em;
    margin-top: 1.25em;
  }
}

/* ------------------------------------------------
copyright
------------------------------------------------ */
#copyright > .inner {
  padding-top: 3.125em;
  padding-bottom: 6.25em;
}
#copyright .txt {
  font-size: 0.75em;
}
@media screen and (min-width: 768.1px) {
  #copyright .txt {
    transform: rotateZ(0.03deg);
  }
}
@media screen and (max-width: 767.9px) {
  #copyright > .inner {
    padding-top: 3.75em;
    padding-bottom: 5em;
  }
  #copyright .txt {
    font-size: 1.125em;
  }
}

/* ------------------------------------------------
本キャンペーンは終了いたしました
------------------------------------------------ */
#suntory_contents .message_close {
  background-color: #5e5a5b;
  box-shadow: 3px 4px 23px 0px rgba(8, 1, 3, 0.14);
  margin: 0 auto 1.875em;
  width: 50em;
  height: 5.625em;
  align-content: center;
}
#suntory_contents .message_close img {
  margin: 0 auto;
  width: 25em;
}
#suntory_contents .message_close.soon {
  height: 5.3125em;
}
#suntory_contents .message_close.soon img {
  width: 13.375em;
}
@media screen and (min-width: 768.1px) {
  #suntory_contents .message_close {
    border-radius: 0.625em;
  }
}
@media screen and (max-width: 767.9px) {
  #suntory_contents .message_close {
    margin-bottom: 2.5em;
    width: 100%;
    height: 11.25em;
  }
  #suntory_contents .message_close img {
    width: 39.5em;
  }
  #suntory_contents .message_close.soon {
    height: 8.75em;
  }
  #suntory_contents .message_close.soon img {
    width: 23.75em;
  }
}

/* ------------------------------------------------
 KV animation
 ※「乾杯イラストサンプル.mp4」に準拠（ループ無しの一回のみ）
   0.87s キャラクターがフェードイン（3体の中心から外側20pxの位置→定位置へ移動）
   1.63s タイトル・花がフェードイン（3体の中心へ20px寄った位置→定位置へ放射状に移動）
   2.10s 以降は静止
 ※移動量は --kv-x / --kv-y で要素ごとに指定する。
   値は「3体の中心」から各要素の中心へ向かうベクトルを20pxに正規化したもの
------------------------------------------------ */
@keyframes kv_fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes kv_slide_in {
  from {
    translate: var(--kv-x, 0px) var(--kv-y, 0px);
  }
  to {
    translate: 0 0;
  }
}
/* ------------------------------------------------
 KV
------------------------------------------------ */
#kv {
  background: linear-gradient(180deg, #F18D00 0%, #F6A700 43.35%, #FDD219 62.54%, #FDDC4D 83.24%);
  overflow: hidden;
}
#kv > .inner {
  position: relative;
  height: 32.625em;
}
#kv .kv_title {
  position: absolute;
  z-index: 2;
  top: 1.75em;
  left: 50%;
  transform: translateX(-50%);
  width: 37.25em;
}
#kv .kv_title img {
  width: 100%;
}
#kv .chara {
  position: absolute;
  z-index: 1;
}
#kv .chara img {
  width: 100%;
}
#kv .chara.usagi {
  top: 8.8125em;
  left: 10.4375em;
  width: 19.375em;
}
#kv .chara.chiikawa {
  top: 7.125em;
  left: 27.125em;
  width: 19.8125em;
}
#kv .chara.hachiware {
  top: 8.6875em;
  left: 44em;
  width: 19.8125em;
}
#kv .kv_flower li {
  position: absolute;
  z-index: 3;
  background: no-repeat center/100% 100%;
}
#kv .kv_flower .f01 {
  display: none;
}
#kv .kv_flower .f02 {
  top: 8.75em;
  left: 9em;
  width: 3.25em;
  height: 2.9375em;
  background-image: url(../img/kv/kv_flower-pc-68.svg);
}
#kv .kv_flower .f03 {
  top: 28.9375em;
  left: 46.0625em;
  width: 3.1875em;
  height: 3.125em;
  background-image: url(../img/kv/kv_flower-pc-69.svg);
  transform: rotate(45.52deg);
}
#kv .kv_flower .f04 {
  top: 13.75em;
  left: 64.25em;
  width: 2.6875em;
  height: 2.4375em;
  background-image: url(../img/kv/kv_flower-pc-70.svg);
  transform: rotate(-26.08deg);
}
#kv .kv_flower .f05 {
  top: 11.375em;
  left: 45.375em;
  width: 2.25em;
  height: 2.25em;
  background-image: url(../img/kv/kv_flower-pc-71.svg);
  transform: rotate(22.58deg) scaleX(-1);
}
#kv .kv_flower .f06 {
  top: 11.125em;
  left: 24.5em;
  width: 2em;
  height: 2em;
  background-image: url(../img/kv/kv_flower-pc-72.svg);
  transform: rotate(57.62deg) scaleX(-1);
}
#kv .kv_flower .f07 {
  top: 24.75em;
  left: 64.75em;
  width: 3.0625em;
  height: 2.75em;
  background-image: url(../img/kv/kv_flower-pc-73.svg);
  transform: rotate(34.04deg) scaleX(-1);
}
#kv .kv_flower .f08 {
  top: 28.625em;
  left: 10.625em;
  width: 2.6875em;
  height: 2.4375em;
  background-image: url(../img/kv/kv_flower-pc-74.svg);
  transform: rotate(-129.88deg);
}
#kv .kv_flower .f09 {
  top: 27em;
  left: 27.875em;
  width: 1.875em;
  height: 1.875em;
  background-image: url(../img/kv/kv_flower-pc-75.svg);
  transform: rotate(-72.39deg) scaleX(-1);
}
#kv .kv_flower .f10 {
  top: 6.375em;
  left: 60.1875em;
  width: 3.3125em;
  height: 3.25em;
  background-image: url(../img/kv/kv_flower-pc-80.svg);
}
#kv .kv_flower .f11 {
  top: 22.125em;
  left: 6.875em;
  width: 2.25em;
  height: 2em;
  background-image: url(../img/kv/kv_flower-pc-82.svg);
  transform: rotate(-18.92deg) scaleX(-1);
}
#kv .chara {
  animation: kv_fade_in 0.27s linear 0.87s both, kv_slide_in 0.4s cubic-bezier(0.22, 0.8, 0.3, 1) 0.87s both;
}
#kv .chara.usagi {
  --kv-x: -1.25em;
  --kv-y: 0.05em;
}
#kv .chara.chiikawa {
  --kv-x: -0.15em;
  --kv-y: -1.24375em;
}
#kv .chara.hachiware {
  --kv-x: 1.25em;
  --kv-y: 0.05625em;
}
#kv .kv_title {
  animation: kv_fade_in 0.1s linear 1.63s both, kv_slide_in 0.45s cubic-bezier(0.22, 0.8, 0.3, 1) 1.63s both;
  --kv-x: -0.03125em;
  --kv-y: 1.25em;
}
#kv .kv_flower li {
  animation: kv_fade_in 0.1s linear 1.63s both, kv_slide_in 0.35s cubic-bezier(0.22, 0.8, 0.3, 1) 1.63s both;
}
#kv .kv_flower .f02 {
  --kv-x: 1.18125em;
  --kv-y: 0.40625em;
}
#kv .kv_flower .f03 {
  --kv-x: -0.85625em;
  --kv-y: -0.9125em;
}
#kv .kv_flower .f04 {
  --kv-x: -1.2375em;
  --kv-y: 0.1875em;
}
#kv .kv_flower .f05 {
  --kv-x: -1.0125em;
  --kv-y: 0.73125em;
}
#kv .kv_flower .f06 {
  --kv-x: 1.06875em;
  --kv-y: 0.65625em;
}
#kv .kv_flower .f07 {
  --kv-x: -1.21875em;
  --kv-y: -0.2875em;
}
#kv .kv_flower .f08 {
  --kv-x: 1.15em;
  --kv-y: -0.4875em;
}
#kv .kv_flower .f09 {
  --kv-x: 0.8625em;
  --kv-y: -0.90625em;
}
#kv .kv_flower .f10 {
  --kv-x: -1.1375em;
  --kv-y: 0.51875em;
}
#kv .kv_flower .f11 {
  --kv-x: 1.2375em;
  --kv-y: -0.1625em;
}
#kv.is_wait .chara,
#kv.is_wait .kv_title,
#kv.is_wait .kv_flower li {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  #kv .chara,
  #kv .kv_title,
  #kv .kv_flower li {
    animation: none;
  }
}
@media screen and (min-width: 768.1px) {
  #kv {
    background: linear-gradient(180deg, #F18D00 0%, #F6A700 43.35%, #FDD219 62.54%, #FDDC4D 83.24%);
  }
}
@media screen and (max-width: 767.9px) {
  #kv > .inner {
    height: 31.125em;
  }
  #kv .kv_title {
    top: -0.5em;
    left: 0.9375em;
    transform: none;
    width: 20.875em;
    --kv-x: 0.0375em;
    --kv-y: 1.25em;
  }
  #kv .chara.usagi {
    top: 14.6875em;
    left: 0.1875em;
    width: 11.625em;
    --kv-x: -1.0375em;
    --kv-y: 0.7em;
  }
  #kv .chara.chiikawa {
    top: 6.875em;
    left: 4.5625em;
    width: 11.875em;
    --kv-x: -0.4em;
    --kv-y: -1.18125em;
  }
  #kv .chara.hachiware {
    top: 12.1875em;
    left: 11.5em;
    width: 11.875em;
    --kv-x: 1.20625em;
    --kv-y: 0.33125em;
  }
  #kv .kv_flower .f01 {
    display: block;
    top: 0em;
    left: 18.8125em;
    width: 2.8125em;
    height: 2.8125em;
    background-image: url(../img/kv/kv_flower-sp-67.svg);
  }
  #kv .kv_flower .f02 {
    top: 6.9375em;
    left: 1.125em;
    width: 2.8125em;
    height: 2.5em;
    background-image: url(../img/kv/kv_flower-sp-68.svg);
  }
  #kv .kv_flower .f03 {
    top: 25em;
    left: 12.75em;
    width: 2.75em;
    height: 2.6875em;
    background-image: url(../img/kv/kv_flower-sp-69.svg);
    transform: rotate(45.52deg);
  }
  #kv .kv_flower .f04 {
    top: 10.5em;
    left: 18.125em;
    width: 2.5em;
    height: 2.25em;
    background-image: url(../img/kv/kv_flower-sp-70.svg);
    transform: rotate(-26.08deg);
  }
  #kv .kv_flower .f05 {
    top: 8.4375em;
    left: 15.75em;
    width: 1.6875em;
    height: 1.6875em;
    background-image: url(../img/kv/kv_flower-sp-71.svg);
    transform: rotate(22.58deg) scaleX(-1);
  }
  #kv .kv_flower .f06 {
    top: 10.875em;
    left: 2.5em;
    width: 1.875em;
    height: 1.875em;
    background-image: url(../img/kv/kv_flower-sp-72.svg);
    transform: rotate(41.5deg) scaleX(-1);
  }
  #kv .kv_flower .f07 {
    top: 26.875em;
    left: 18.5em;
    width: 3em;
    height: 2.6875em;
    background-image: url(../img/kv/kv_flower-sp-73.svg);
    transform: rotate(41.36deg) scaleX(-1);
  }
  #kv .kv_flower .f08 {
    top: 27.5em;
    left: 1.5625em;
    width: 2.3125em;
    height: 2.0625em;
    background-image: url(../img/kv/kv_flower-sp-74.svg);
    transform: rotate(-129.88deg);
  }
  #kv .kv_flower .f09 {
    top: 29em;
    left: 7.375em;
    width: 1.75em;
    height: 1.75em;
    background-image: url(../img/kv/kv_flower-sp-75.svg);
    transform: rotate(-72.39deg) scaleX(-1);
  }
  #kv .kv_flower .f10,
  #kv .kv_flower .f11 {
    display: none;
  }
  #kv .kv_flower .f01 {
    --kv-x: -0.58125em;
    --kv-y: 1.10625em;
  }
  #kv .kv_flower .f02 {
    --kv-x: 0.88125em;
    --kv-y: 0.88125em;
  }
  #kv .kv_flower .f03 {
    --kv-x: -0.31875em;
    --kv-y: -1.20625em;
  }
  #kv .kv_flower .f04 {
    --kv-x: -0.99375em;
    --kv-y: 0.7625em;
  }
  #kv .kv_flower .f05 {
    --kv-x: -0.6375em;
    --kv-y: 1.075em;
  }
  #kv .kv_flower .f06 {
    --kv-x: 1.0375em;
    --kv-y: 0.7em;
  }
  #kv .kv_flower .f07 {
    --kv-x: -0.75625em;
    --kv-y: -0.99375em;
  }
  #kv .kv_flower .f08 {
    --kv-x: 0.79375em;
    --kv-y: -0.96875em;
  }
  #kv .kv_flower .f09 {
    --kv-x: 0.34375em;
    --kv-y: -1.2em;
  }
}

/* ------------------------------------------------
 bottles
------------------------------------------------ */
#bottles {
  overflow: hidden;
}
#bottles > .inner {
  background: #FFC652;
  padding-top: 2.25em;
  min-height: 59.0625em;
  position: relative;
}
#bottles > .inner::before {
  content: "";
  background: linear-gradient(0deg, #FFF5CC 0%, #FDDC4D 100%);
  width: 100%;
  height: 11.875em;
  position: absolute;
  left: 0;
  top: 0;
}
#bottles .sheader .title {
  width: 32.6875em;
  position: absolute;
  left: 50%;
  top: 7.125em;
  z-index: 10;
  transform: translateX(-50%);
  filter: drop-shadow(0.1875em 0.3125em 0.28125em rgba(75, 75, 75, 0.3));
}
#bottles .sbody {
  position: relative;
}
#bottles .sbody > .note2 {
  font-size: 0.75em;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 3.1666666667em;
  z-index: 2;
  opacity: 0;
  display: none;
}
#bottles .pause {
  font-size: 1em;
  border-radius: 50%;
  background: #683B93 url(../img/btn_ctrl.svg) 0 0/auto 100% no-repeat;
  position: absolute;
  z-index: 3;
  top: 46em;
  left: 52em;
  width: 3.125em;
  height: 3.125em;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
@media screen and (any-hover: hover) {
  #bottles .pause {
    transition: transform 0.2s ease;
    transform-origin: center center;
  }
  #bottles .pause:hover {
    transform: scale(1.05);
  }
}
#bottles .pause {
  /* btn_ctrl.svg は 一時停止／再生 の2コマスプライト */
}
#bottles .pause.is_stop {
  background-position: 100% 0;
}
#bottles .note3 {
  position: absolute;
  top: 71.0833333333em;
  left: 19em;
  width: 21.6666666667em;
  margin: 0;
  padding: 0;
  padding-left: 1.0833333333em;
  text-indent: -1.0833333333em;
  color: #606060;
  font-size: 0.75em;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  z-index: 2;
}
#bottles .slide {
  -webkit-mask: url(../img/bottles/bg.svg) 0 0/100% auto no-repeat;
          mask: url(../img/bottles/bg.svg) 0 0/100% auto no-repeat;
  width: 100%;
  min-height: 52.1875em;
  position: relative;
}
#bottles .slide::before {
  content: "";
  background: url(../img/bottles/badge.svg) no-repeat center/100% 100%;
  position: absolute;
  z-index: 0;
  top: 14.375em;
  left: 46.875em;
  width: 9.3125em;
  height: 9.4375em;
  filter: drop-shadow(0.1875em 0.3125em 0.28125em rgba(75, 75, 75, 0.3));
}
#bottles .slide .badge {
  display: none;
}
#bottles .slide .bottle_group {
  position: absolute;
  z-index: 1;
  top: 11.375em;
  left: 18.75em;
  width: 37.5em;
  height: 40.625em;
}
#bottles .slide .bottle_group .label {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 32.125em;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  transform-origin: 0% 0%;
  filter: drop-shadow(rgba(75, 46, 102, 0.19) 0 5px 5px);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#bottles .slide .bottle_group .label .inner {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.0208333333em;
  text-align: center;
  white-space: nowrap;
  -webkit-text-stroke-width: 10px;
  -webkit-text-stroke-color: #FFF;
  paint-order: stroke fill;
}
#bottles .slide .bottle_group .bottle {
  position: absolute;
  width: 8.125em;
  filter: drop-shadow(0.125em 0.3125em 0.40625em rgba(75, 46, 102, 0.2));
}
#bottles .slide .bottle_group .bottle img {
  width: 100%;
}
#bottles .slide .bottle_group .b1 {
  top: 4.125em;
  left: 14.9375em;
  transform: rotate(2.39deg);
  transform: rotate(2deg);
}
#bottles .slide .bottle_group .b2 {
  top: 8.875em;
  left: 21.8125em;
  transform: rotate(12.5deg);
  transform: rotate(12deg);
}
#bottles .slide .bottle_group .b3 {
  top: 8.0625em;
  left: 7.6875em;
  transform: rotate(-11deg);
}
#bottles .slide .bottle_group .note {
  color: var(--color-purple);
  font-size: 12px;
  border: 1px solid var(--color-purple);
  padding-left: 0.3333333333em;
  padding-right: 0.1666666667em;
  display: block;
  position: absolute;
  top: 15.8333333333em;
  left: 2.5em;
}
#bottles .slide .hana li {
  position: absolute;
  background: no-repeat center/100% 100%;
}
@media screen and (max-width: 767.9px) {
  #bottles > .inner {
    padding-top: 1.3125em;
    min-height: 46.875em;
  }
  #bottles > .inner::before {
    height: 7.375em;
  }
  #bottles .sheader .title {
    width: 20.9375em;
    top: 5.4375em;
    filter: drop-shadow(0.11875em 0.2em 0.18125em rgba(75, 75, 75, 0.3));
  }
  #bottles .sbody > .note2 {
    font-size: 0.625em;
    bottom: 2em;
  }
  #bottles .pause {
    top: 33.8125em;
    left: 18.6875em;
    width: 3.125em;
    height: 3.125em;
  }
  #bottles .note3 {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    padding: 1em 1em 0 3.3em;
    text-indent: -1.3em;
    font-size: 0.625em;
  }
  #bottles .slide {
    -webkit-mask: url(../img/bottles/bg-sp.svg) 0 0/100% auto no-repeat;
            mask: url(../img/bottles/bg-sp.svg) 0 0/100% auto no-repeat;
    min-height: 40.9375em;
  }
  #bottles .slide:before {
    top: 10.125em;
    left: 15.625em;
    width: 6.5em;
    height: 6.5em;
    filter: drop-shadow(0.13125em 0.225em 0.2em rgba(75, 75, 75, 0.3));
  }
  #bottles .slide .bottle_group {
    top: 9em;
    left: 0;
    width: 23.4375em;
    height: 30em;
  }
  #bottles .slide .bottle_group .label {
    top: 25em;
  }
  #bottles .slide .bottle_group .label.txt .inner {
    font-size: 1em;
    -webkit-text-stroke-width: 0.4375em;
  }
  #bottles .slide .bottle_group .bottle {
    width: 6.3375em;
  }
  #bottles .slide .bottle_group .b1 {
    top: 2.125em;
    left: 8.39375em;
  }
  #bottles .slide .bottle_group .b2 {
    top: 6.45625em;
    left: 13.81875em;
  }
  #bottles .slide .bottle_group .b3 {
    top: 4.99375em;
    left: 2.65625em;
  }
  #bottles .slide .bottle_group .note {
    font-size: 0.625em;
    position: absolute;
    top: 14.8em;
    left: 32.5em;
  }
  #bottles .slide .hana .p6, #bottles .slide .hana .p7 {
    display: none;
  }
}

/* ----------------------------
 スライダー
 ※「コラボボトルサンプル.mp4」に準拠
   0ms      旧スライドの中身が瞬時に消える
   0-167ms  背景がリニアにクロスフェード
   117ms〜  ボトル・ラベル・花が拡大しながら順に登場（200ms間隔）
   2500ms   次のスライドへ
 is_ready が付くまでは通常の縦積み（JSが動かなくても内容は見える）
------------------------------*/
/* 動画から実測したスケール変化（約5%オーバーシュートしてから収束するバネ曲線）。
   cubic-bezierでは表現できないためキーフレームに焼き込み、timing-functionはlinearで送る */
@keyframes bt_pop {
  0% {
    scale: 0;
  }
  6% {
    scale: 0.57;
  }
  12% {
    scale: 0.85;
  }
  19% {
    scale: 0.98;
  }
  26% {
    scale: 1.034;
  }
  32% {
    scale: 1.051;
  }
  39% {
    scale: 1.051;
  }
  52% {
    scale: 1.041;
  }
  65% {
    scale: 1.03;
  }
  79% {
    scale: 1.014;
  }
  92% {
    scale: 1.003;
  }
  100% {
    scale: 1;
  }
}
/* 花：.slideの中央へ20px寄った位置からフェードインしながら定位置へ。
   移動量は要素ごとに --bt-x / --bt-y で指定する（花は transform で回転しているため
   個別プロパティの translate を使い、回転指定を壊さないようにする） */
@keyframes bt_fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bt_hana_in {
  from {
    translate: var(--bt-x, 0px) var(--bt-y, 0px);
  }
  to {
    translate: 0 0;
  }
}
#bottles_slider.is_ready {
  display: grid;
}
#bottles_slider.is_ready > .slide {
  grid-area: 1/1;
  opacity: 0;
  z-index: 0;
  /* 非アクティブ化：背景のクロスフェードが終わるまで不透明のまま残す（上に新スライドが被る） */
  transition: opacity 0s linear 0.167s;
}
#bottles_slider.is_ready > .slide.is_active {
  opacity: 1;
  z-index: 2;
  transition: opacity 0.167s linear;
}
#bottles_slider.is_ready {
  /* 中身は非アクティブ時は不可視 */
}
#bottles_slider.is_ready .bottle img,
#bottles_slider.is_ready .label {
  scale: 0;
}
#bottles_slider.is_ready .hana li {
  opacity: 0;
}
#bottles_slider.is_ready .note {
  opacity: 0;
}
#bottles_slider.is_ready .bottle img {
  /* 拡大の基点はボトルの下方（ラベル付近） */
  transform-origin: 50% 120%;
}
#bottles_slider.is_ready .slide.is_active .bottle img {
  animation: bt_pop 0.5s linear both;
}
#bottles_slider.is_ready .slide.is_active .b1 img {
  animation-delay: 0.1s;
}
#bottles_slider.is_ready .slide.is_active .b2 img {
  animation-delay: 0.3s;
}
#bottles_slider.is_ready .slide.is_active .b3 img {
  animation-delay: 0.53s;
}
#bottles_slider.is_ready .slide.is_active .label {
  animation: bt_pop 0.5s linear 0.1s both;
}
#bottles_slider.is_ready .slide.is_active .note {
  animation: bt_fade_in 0.2s linear 0.63s both;
}
#bottles_slider.is_ready .slide.is_active .hana li {
  animation: bt_fade_in 0.2s linear both, bt_hana_in 0.5s cubic-bezier(0.22, 0.8, 0.3, 1) both;
}
#bottles_slider.is_ready .slide.is_active .hana li:nth-child(1) {
  animation-delay: 0.1s;
}
#bottles_slider.is_ready .slide.is_active .hana li:nth-child(2) {
  animation-delay: 0.15s;
}
#bottles_slider.is_ready .slide.is_active .hana li:nth-child(3) {
  animation-delay: 0.2s;
}
#bottles_slider.is_ready .slide.is_active .hana li:nth-child(4) {
  animation-delay: 0.25s;
}
#bottles_slider.is_ready .slide.is_active .hana li:nth-child(5) {
  animation-delay: 0.3s;
}
#bottles_slider.is_ready .slide.is_active .hana li:nth-child(6) {
  animation-delay: 0.35s;
}
#bottles_slider.is_ready .slide.is_active .hana li:nth-child(7) {
  animation-delay: 0.4s;
}
#bottles_slider.is_ready .slide.is_active .hana li:nth-child(8) {
  animation-delay: 0.45s;
}
#bottles_slider.is_ready:has(.slide.bigzero.is_active) + .note2, #bottles_slider.is_ready:has(.slide.bigzerolemon.is_active) + .note2 {
  animation: bt_fade_in 0.2s linear 0.6s both;
}
#bottles_slider.is_ready:has(.slide.bigzero.is_active) + .note2 {
  bottom: 5.8333333333em;
}
@media screen and (max-width: 767.9px) {
  #bottles_slider.is_ready:has(.slide.bigzero.is_active) + .note2 {
    bottom: 3.8em;
  }
}
#bottles_slider.is_ready:has(.slide.bigzerolemon.is_active) + .note2 {
  bottom: 3.1666666667em;
}
@media screen and (max-width: 767.9px) {
  #bottles_slider.is_ready:has(.slide.bigzerolemon.is_active) + .note2 {
    bottom: 2em;
  }
}
@media (prefers-reduced-motion: reduce) {
  #bottles_slider.is_ready > .slide,
  #bottles_slider.is_ready > .slide.is_active {
    transition: none;
  }
  #bottles_slider.is_ready .bottle img,
  #bottles_slider.is_ready .label,
  #bottles_slider.is_ready .hana li,
  #bottles_slider.is_ready .note {
    animation: none;
  }
  #bottles_slider.is_ready .slide.is_active .bottle img,
  #bottles_slider.is_ready .slide.is_active .label {
    scale: 1;
  }
  #bottles_slider.is_ready .slide.is_active .hana li,
  #bottles_slider.is_ready .slide.is_active .note {
    opacity: 1;
  }
  #bottles_slider.is_ready:has(.slide.bigzerolemon.is_active) + .note2 {
    animation: none;
    opacity: 1;
  }
}
#bottles_slider .slide.cclemon {
  background: linear-gradient(180deg, #FDD000 0%, #FFE100 40.38%, #FFF04C 63.46%, #FFF9B2 81.73%, #FFFDE5 100%);
}
#bottles_slider .slide.cclemon .bottle_group .label {
  background-image: url(../img/bottles/cclemon/label.svg);
  width: 10.75em;
  aspect-ratio: 172/31;
}
#bottles_slider .slide.cclemon .hana .p1 {
  --bt-x: 1.1625em;
  --bt-y: 0.45625em;
  top: 17.5em;
  left: 18.25em;
  width: 3.5em;
  height: 3.5em;
  background-image: url(../img/bottles/cclemon/flower-pc-67.svg);
}
#bottles_slider .slide.cclemon .hana .p2 {
  --bt-x: 0.81875em;
  --bt-y: 0.94375em;
  top: 15.125em;
  left: 27.8125em;
  width: 2.25em;
  height: 2.25em;
  background-image: url(../img/bottles/cclemon/flower-pc-71.svg);
  transform: rotate(22.58deg) scaleX(-1);
}
#bottles_slider .slide.cclemon .hana .p3 {
  --bt-x: 1.2125em;
  --bt-y: -0.30625em;
  top: 29em;
  left: 19.625em;
  width: 2.5625em;
  height: 2.5625em;
  background-image: url(../img/bottles/cclemon/flower-pc-72.svg);
  transform: rotate(41.5deg) scaleX(-1);
}
#bottles_slider .slide.cclemon .hana .p4 {
  --bt-x: -1.10625em;
  --bt-y: -0.58125em;
  top: 34.5em;
  left: 54.8125em;
  width: 3.725em;
  height: 3.3375em;
  background-image: url(../img/bottles/cclemon/flower-pc-68.svg);
}
#bottles_slider .slide.cclemon .hana .p5 {
  --bt-x: 0.91875em;
  --bt-y: -0.85em;
  top: 39.375em;
  left: 19.375em;
  width: 3.6875em;
  height: 3.6875em;
  background-image: url(../img/bottles/cclemon/flower-pc-69.svg);
  transform: rotate(45.52deg);
}
#bottles_slider .slide.cclemon .hana .p6 {
  --bt-x: -1.2375em;
  --bt-y: -0.18125em;
  top: 27.375em;
  left: 53em;
  width: 2.375em;
  height: 2.375em;
  background-image: url(../img/bottles/cclemon/flower-pc-76.svg);
  transform: rotate(118.5deg);
}
#bottles_slider .slide.cclemon .hana .p7 {
  --bt-x: 1.175em;
  --bt-y: -0.425em;
  top: 32.9375em;
  left: 14.125em;
  width: 2.375em;
  height: 2.375em;
  background-image: url(../img/bottles/cclemon/flower-pc-77.svg);
  transform: rotate(33.48deg);
}
#bottles_slider .slide.cclemon .hana .p8 {
  --bt-x: -0.85em;
  --bt-y: -0.9125em;
  top: 38.9375em;
  left: 49.375em;
  width: 2.375em;
  height: 2.375em;
  background-image: url(../img/bottles/cclemon/flower-pc-75.svg);
  transform: rotate(-72deg) scaleX(-1);
}
#bottles_slider .slide.pop {
  background: linear-gradient(180deg, #00AA71 0%, #41B25D 40.38%, #88CA8B 63.46%, #B5DEB7 81.73%, #E1F2E2 100%);
}
#bottles_slider .slide.pop .bottle_group .label {
  background-image: url(../img/bottles/pop/label.svg);
  width: 13.9375em;
  aspect-ratio: 223/33;
}
#bottles_slider .slide.pop .hana .p1 {
  --bt-x: 1.24375em;
  --bt-y: -0.10625em;
  top: 26.1875em;
  left: 20.5em;
  width: 2.5em;
  height: 2.5em;
  background-image: url(../img/bottles/pop/flower-pc-67.svg);
  transform: rotate(3.64deg);
}
#bottles_slider .slide.pop .hana .p2 {
  --bt-x: 0.9125em;
  --bt-y: 0.85625em;
  top: 15.6875em;
  left: 26.4375em;
  width: 2.3125em;
  height: 2.25em;
  background-image: url(../img/bottles/pop/flower-pc-71.svg);
  transform: rotate(-23.78deg) scaleX(-1);
}
#bottles_slider .slide.pop .hana .p3 {
  --bt-x: 0.94375em;
  --bt-y: -0.81875em;
  top: 38.4375em;
  left: 20.125em;
  width: 3em;
  height: 3em;
  background-image: url(../img/bottles/pop/flower-pc-72.svg);
  transform: rotate(41.5deg) scaleX(-1);
}
#bottles_slider .slide.pop .hana .p4 {
  --bt-x: -1.01875em;
  --bt-y: -0.71875em;
  top: 37.4375em;
  left: 53.875em;
  width: 2.625em;
  height: 2.3125em;
  background-image: url(../img/bottles/pop/flower-pc-68.svg);
}
#bottles_slider .slide.pop .hana .p5 {
  --bt-x: 1.21875em;
  --bt-y: 0.275em;
  top: 19.875em;
  left: 16.0625em;
  width: 3.625em;
  height: 3.625em;
  background-image: url(../img/bottles/pop/flower-pc-69.svg);
  transform: rotate(45.52deg);
}
#bottles_slider .slide.pop .hana .p6 {
  --bt-x: -1.1625em;
  --bt-y: -0.4625em;
  top: 30.125em;
  left: 50em;
  width: 3.125em;
  height: 3.0625em;
  background-image: url(../img/bottles/pop/flower-pc-76.svg);
  transform: rotate(118.5deg);
}
#bottles_slider .slide.pop .hana .p7 {
  --bt-x: 1.09375em;
  --bt-y: -0.6em;
  top: 35.125em;
  left: 16em;
  width: 2.375em;
  height: 2.3125em;
  background-image: url(../img/bottles/pop/flower-pc-77.svg);
  transform: rotate(67.87deg);
}
#bottles_slider .slide.pop .hana .p8 {
  --bt-x: -1.2375em;
  --bt-y: -0.15625em;
  top: 27.4375em;
  left: 56.375em;
  width: 2.4375em;
  height: 2.375em;
  background-image: url(../img/bottles/pop/flower-pc-75.svg);
  transform: rotate(-111.35deg) scaleX(-1);
}
#bottles_slider .slide.bigzero {
  background: linear-gradient(180deg, #4D2E13 0%, #7F4C33 35.23%, #A17B69 59.26%, #BCA194 80.62%, #E4D9D4 100%);
}
#bottles_slider .slide.bigzero .bottle_group .label {
  background-image: url(../img/bottles/bigzero/label.svg);
  width: 18.1875em;
  aspect-ratio: 291/36;
}
#bottles_slider .slide.bigzero .hana .p1 {
  --bt-x: 1.05em;
  --bt-y: -0.675em;
  top: 34.5em;
  left: 21.25em;
  width: 2.5em;
  height: 2.5em;
  background-image: url(../img/bottles/bigzero/flower-pc-67.svg);
  transform: rotate(21.08deg);
}
#bottles_slider .slide.bigzero .hana .p2 {
  --bt-x: 1.1625em;
  --bt-y: 0.45em;
  top: 19.25em;
  left: 21.625em;
  width: 2.3125em;
  height: 2.25em;
  background-image: url(../img/bottles/bigzero/flower-pc-71.svg);
  transform: rotate(-58.51deg) scaleX(-1);
}
#bottles_slider .slide.bigzero .hana .p3 {
  --bt-x: 1.2375em;
  --bt-y: -0.19375em;
  top: 27.3125em;
  left: 16.75em;
  width: 3.5em;
  height: 3.4375em;
  background-image: url(../img/bottles/bigzero/flower-pc-72.svg);
  transform: rotate(26.64deg) scaleX(-1);
}
#bottles_slider .slide.bigzero .hana .p4 {
  --bt-x: -1.24375em;
  --bt-y: -0.15em;
  top: 26.875em;
  left: 54.875em;
  width: 3.375em;
  height: 3em;
  background-image: url(../img/bottles/bigzero/flower-pc-68.svg);
}
#bottles_slider .slide.bigzero .hana .p5 {
  --bt-x: 1.00625em;
  --bt-y: -0.7375em;
  top: 38.625em;
  left: 16.0625em;
  width: 3.625em;
  height: 3.625em;
  background-image: url(../img/bottles/bigzero/flower-pc-69.svg);
  transform: rotate(-3.57deg) scaleX(-1);
}
#bottles_slider .slide.bigzero .hana .p6 {
  --bt-x: -1.00625em;
  --bt-y: -0.74375em;
  top: 35.75em;
  left: 51.1875em;
  width: 3.8125em;
  height: 3.8125em;
  background-image: url(../img/bottles/bigzero/flower-pc-76.svg);
  transform: rotate(118.5deg);
}
#bottles_slider .slide.bigzero .hana .p7 {
  --bt-x: 0.675em;
  --bt-y: 1.05em;
  top: 14.875em;
  left: 29.625em;
  width: 3.625em;
  height: 3.5625em;
  background-image: url(../img/bottles/bigzero/flower-pc-77.svg);
  transform: rotate(26.47deg);
}
#bottles_slider .slide.bigzero .hana .p8 {
  --bt-x: -1em;
  --bt-y: -0.75em;
  top: 39.5em;
  left: 55.75em;
  width: 2.4375em;
  height: 2.375em;
  background-image: url(../img/bottles/bigzero/flower-pc-75.svg);
  transform: rotate(-111.35deg) scaleX(-1);
}
#bottles_slider .slide.bigzerolemon {
  background: linear-gradient(180deg, #FCC800 0%, #FDD000 29.28%, #FFE55F 51.63%, #FFF2C2 81.73%, #FFF6E9 100%);
}
#bottles_slider .slide.bigzerolemon .bottle_group .label {
  background-image: url(../img/bottles/bigzerolemon/label.svg);
  width: 18.0625em;
  aspect-ratio: 289/68;
}
#bottles_slider .slide.bigzerolemon .hana .p1 {
  --bt-x: 0.7125em;
  --bt-y: 1.03125em;
  top: 15.8125em;
  left: 30.0625em;
  width: 2.25em;
  height: 2.25em;
  background-image: url(../img/bottles/bigzerolemon/flower-pc-67.svg);
  transform: rotate(22.18deg);
}
#bottles_slider .slide.bigzerolemon .hana .p2 {
  --bt-x: 0.9875em;
  --bt-y: -0.76875em;
  top: 38.375em;
  left: 18.1875em;
  width: 3.125em;
  height: 3.125em;
  background-image: url(../img/bottles/bigzerolemon/flower-pc-71.svg);
  transform: rotate(-30.23deg) scaleX(-1);
}
#bottles_slider .slide.bigzerolemon .hana .p3 {
  --bt-x: 1.21875em;
  --bt-y: -0.26875em;
  top: 29em;
  left: 16.25em;
  width: 2.9375em;
  height: 2.9375em;
  background-image: url(../img/bottles/bigzerolemon/flower-pc-72.svg);
  transform: rotate(41.5deg) scaleX(-1);
}
#bottles_slider .slide.bigzerolemon .hana .p4 {
  --bt-x: -1.23125em;
  --bt-y: -0.225em;
  top: 27.5em;
  left: 52.375em;
  width: 3.75em;
  height: 3.3125em;
  background-image: url(../img/bottles/bigzerolemon/flower-pc-68.svg);
  transform: rotate(12.16deg);
}
#bottles_slider .slide.bigzerolemon .hana .p5 {
  --bt-x: 1.16875em;
  --bt-y: 0.4375em;
  top: 18.25em;
  left: 19.4375em;
  width: 3.375em;
  height: 3.375em;
  background-image: url(../img/bottles/bigzerolemon/flower-pc-69.svg);
  transform: rotate(45.52deg);
}
#bottles_slider .slide.bigzerolemon .hana .p6 {
  --bt-x: -0.8875em;
  --bt-y: -0.875em;
  top: 38.5em;
  left: 50.0625em;
  width: 2.375em;
  height: 2.3125em;
  background-image: url(../img/bottles/bigzerolemon/flower-pc-76.svg);
  transform: rotate(-148.36deg);
}
#bottles_slider .slide.bigzerolemon .hana .p7 {
  --bt-x: 1.1375em;
  --bt-y: -0.525em;
  top: 31.75em;
  left: 21.5625em;
  width: 2.375em;
  height: 2.3125em;
  background-image: url(../img/bottles/bigzerolemon/flower-pc-77.svg);
  transform: rotate(33.48deg);
}
#bottles_slider .slide.bigzerolemon .hana .p8 {
  --bt-x: -1.13125em;
  --bt-y: -0.53125em;
  top: 34.125em;
  left: 56.4375em;
  width: 3.375em;
  height: 3.375em;
  background-image: url(../img/bottles/bigzerolemon/flower-pc-75.svg);
  transform: rotate(-56.06deg) scaleX(-1);
}
#bottles_slider .slide.nope {
  background: linear-gradient(180deg, #E04191 0%, #E57BAD 36.93%, #EBA5C7 55.5%, #F8E1EC 81.73%, #FDF5F9 100%);
}
#bottles_slider .slide.nope .bottle_group .label {
  background-image: url(../img/bottles/nope/lebel.svg);
  width: 14.75em;
  aspect-ratio: 236/33;
}
#bottles_slider .slide.nope .hana .p1 {
  --bt-x: 0.94375em;
  --bt-y: 0.81875em;
  top: 15.375em;
  left: 25.3125em;
  width: 2.5em;
  height: 2.5em;
  background-image: url(../img/bottles/nope/flower-pc-67.svg);
  transform: rotate(89.38deg);
}
#bottles_slider .slide.nope .hana .p2 {
  --bt-x: 0.98125em;
  --bt-y: -0.76875em;
  top: 35.5625em;
  left: 21.3125em;
  width: 3.625em;
  height: 3.625em;
  background-image: url(../img/bottles/nope/flower-pc-71.svg);
  transform: rotate(5.47deg) scaleX(-1);
}
#bottles_slider .slide.nope .hana .p3 {
  --bt-x: 1.2125em;
  --bt-y: -0.3em;
  top: 30.1875em;
  left: 15.75em;
  width: 2.0625em;
  height: 2.0625em;
  background-image: url(../img/bottles/nope/flower-pc-72.svg);
  transform: rotate(-160.19deg) scaleX(-1);
}
#bottles_slider .slide.nope .hana .p4 {
  --bt-x: -1em;
  --bt-y: -0.75em;
  top: 37.8125em;
  left: 53.5em;
  width: 3.8125em;
  height: 3.375em;
  background-image: url(../img/bottles/nope/flower-pc-68.svg);
  transform: rotate(10.24deg);
}
#bottles_slider .slide.nope .hana .p5 {
  --bt-x: 0.9em;
  --bt-y: -0.8625em;
  top: 41.4375em;
  left: 18.0625em;
  width: 3.375em;
  height: 3.3125em;
  background-image: url(../img/bottles/nope/flower-pc-69.svg);
  transform: rotate(47.75deg);
}
#bottles_slider .slide.nope .hana .p6 {
  --bt-x: -1.24375em;
  --bt-y: -0.15em;
  top: 27.25em;
  left: 55.8125em;
  width: 2.4375em;
  height: 2.4375em;
  background-image: url(../img/bottles/nope/flower-pc-76.svg);
  transform: rotate(122.56deg);
}
#bottles_slider .slide.nope .hana .p7 {
  --bt-x: 1.225em;
  --bt-y: 0.25em;
  top: 20.9375em;
  left: 19.25em;
  width: 3.5em;
  height: 3.5em;
  background-image: url(../img/bottles/nope/flower-pc-77.svg);
  transform: rotate(100.56deg);
}
#bottles_slider .slide.nope .hana .p8 {
  --bt-x: -1.175em;
  --bt-y: -0.41875em;
  top: 30.0625em;
  left: 51.4375em;
  width: 3.0625em;
  height: 3.0625em;
  background-image: url(../img/bottles/nope/flower-pc-75.svg);
  transform: rotate(-177.6deg) scaleX(-1);
}
#bottles_slider .slide.cider {
  background: linear-gradient(180deg, #6DC8EB 0%, #80C8EF 40.38%, #C7E8FA 69.55%, #EAF6FD 87.39%, #F5FBFE 100%);
}
#bottles_slider .slide.cider .bottle_group .label {
  background-image: url(../img/bottles/cider/lebel.svg);
  width: 12.3125em;
  aspect-ratio: 197/33;
}
#bottles_slider .slide.cider .hana .p1 {
  --bt-x: 1.2125em;
  --bt-y: 0.3125em;
  top: 21.1875em;
  left: 22em;
  width: 2.5em;
  height: 2.5em;
  background-image: url(../img/bottles/cider/flower-pc-67.svg);
  transform: rotate(51.49deg);
}
#bottles_slider .slide.cider .hana .p2 {
  --bt-x: 1.10625em;
  --bt-y: -0.5875em;
  top: 36em;
  left: 15.125em;
  width: 2.625em;
  height: 2.625em;
  background-image: url(../img/bottles/cider/flower-pc-71.svg);
  transform: rotate(-10.9deg) scaleX(-1);
}
#bottles_slider .slide.cider .hana .p3 {
  --bt-x: 1.2em;
  --bt-y: -0.35em;
  top: 29.75em;
  left: 20.4375em;
  width: 2.0625em;
  height: 2.0625em;
  background-image: url(../img/bottles/cider/flower-pc-72.svg);
  transform: rotate(-108.87deg) scaleX(-1);
}
#bottles_slider .slide.cider .hana .p4 {
  --bt-x: -1em;
  --bt-y: -0.75625em;
  top: 38.6875em;
  left: 54.5em;
  width: 3.8125em;
  height: 3.375em;
  background-image: url(../img/bottles/cider/flower-pc-68.svg);
  transform: rotate(-118.79deg);
}
#bottles_slider .slide.cider .hana .p5 {
  --bt-x: 1.14375em;
  --bt-y: 0.5em;
  top: 16.25em;
  left: 17em;
  width: 3.375em;
  height: 3.3125em;
  background-image: url(../img/bottles/cider/flower-pc-69.svg);
  transform: rotate(-3.64deg);
}
#bottles_slider .slide.cider .hana .p6 {
  --bt-x: -1.05em;
  --bt-y: -0.675em;
  top: 34.1875em;
  left: 50.8125em;
  width: 2.4375em;
  height: 2.4375em;
  background-image: url(../img/bottles/cider/flower-pc-76.svg);
  transform: rotate(100.93deg);
}
#bottles_slider .slide.cider .hana .p7 {
  --bt-x: 0.875em;
  --bt-y: -0.89375em;
  top: 40.0625em;
  left: 20.3125em;
  width: 3.5em;
  height: 3.5em;
  background-image: url(../img/bottles/cider/flower-pc-77.svg);
  transform: rotate(123.36deg);
}
#bottles_slider .slide.cider .hana .p8 {
  --bt-x: -1.23125em;
  --bt-y: -0.20625em;
  top: 27.9375em;
  left: 55.875em;
  width: 3.0625em;
  height: 3.0625em;
  background-image: url(../img/bottles/cider/flower-pc-75.svg);
  transform: rotate(-75.01deg) scaleX(-1);
}
#bottles_slider .slide.orange {
  background: linear-gradient(180deg, #F18D00 0%, #F6A700 40.38%, #FDD219 63.46%, #FEE680 81.73%, #FFF5CC 100%);
}
#bottles_slider .slide.orange .bottle_group .label {
  background-image: url(../img/bottles/orange/label.svg);
  width: 14.125em;
  aspect-ratio: 226/33;
}
#bottles_slider .slide.orange .hana .p1 {
  --bt-x: 1.16875em;
  --bt-y: -0.4375em;
  top: 30.375em;
  left: 21.4375em;
  width: 2.5em;
  height: 2.5em;
  background-image: url(../img/bottles/orange/flower-pc-67.svg);
  transform: rotate(51.49deg);
}
#bottles_slider .slide.orange .hana .p2 {
  --bt-x: 0.9125em;
  --bt-y: 0.85625em;
  top: 15.6875em;
  left: 26.4375em;
  width: 2.3125em;
  height: 2.25em;
  background-image: url(../img/bottles/orange/flower-pc-71.svg);
  transform: rotate(7.01deg) scaleX(-1);
}
#bottles_slider .slide.orange .hana .p3 {
  --bt-x: 0.79375em;
  --bt-y: -0.96875em;
  top: 40.8125em;
  left: 22.75em;
  width: 3em;
  height: 3em;
  background-image: url(../img/bottles/orange/flower-pc-72.svg);
  transform: rotate(-108.87deg) scaleX(-1);
}
#bottles_slider .slide.orange .hana .p4 {
  --bt-x: -1.01875em;
  --bt-y: -0.725em;
  top: 38.375em;
  left: 55.1875em;
  width: 3.25em;
  height: 2.875em;
  background-image: url(../img/bottles/orange/flower-pc-68.svg);
  transform: rotate(-25.62deg);
}
#bottles_slider .slide.orange .hana .p5 {
  --bt-x: 1.2375em;
  --bt-y: 0.16875em;
  top: 21.75em;
  left: 17.1875em;
  width: 3.625em;
  height: 3.625em;
  background-image: url(../img/bottles/orange/flower-pc-69.svg);
  transform: rotate(14.27deg);
}
#bottles_slider .slide.orange .hana .p6 {
  --bt-x: -1.125em;
  --bt-y: -0.5375em;
  top: 31.8125em;
  left: 51.5625em;
  width: 3.8125em;
  height: 3.8125em;
  background-image: url(../img/bottles/orange/flower-pc-76.svg);
  transform: rotate(164.73deg);
}
#bottles_slider .slide.orange .hana .p7 {
  --bt-x: 1.0625em;
  --bt-y: -0.6625em;
  top: 35.5625em;
  left: 17.375em;
  width: 3.8125em;
  height: 3.8125em;
  background-image: url(../img/bottles/orange/flower-pc-77.svg);
  transform: rotate(123.36deg);
}
#bottles_slider .slide.orange .hana .p8 {
  --bt-x: -1.25em;
  --bt-y: 0.025em;
  top: 24.3125em;
  left: 54.6875em;
  width: 2.875em;
  height: 2.875em;
  background-image: url(../img/bottles/orange/flower-pc-75.svg);
  transform: rotate(-111.35deg) scaleX(-1);
}
#bottles_slider .slide.ringo {
  background: linear-gradient(180deg, #EA545D 0%, #EE767E 40.38%, #F4AAAE 63.46%, #FBDDDF 81.73%, #FBDDDF 100%);
}
#bottles_slider .slide.ringo .bottle_group .label {
  background-image: url(../img/bottles/ringo/label.svg);
  width: 12.75em;
  aspect-ratio: 204/33;
}
#bottles_slider .slide.ringo .hana .p1 {
  --bt-x: 1.24375em;
  --bt-y: -0.1375em;
  top: 26.625em;
  left: 21.0625em;
  width: 2.3125em;
  height: 2.3125em;
  background-image: url(../img/bottles/ringo/flower-pc-78.svg);
  transform: rotate(175.25deg);
}
#bottles_slider .slide.ringo .hana .p2 {
  --bt-x: 0.84375em;
  --bt-y: -0.925em;
  top: 40.3125em;
  left: 22.375em;
  width: 2.3125em;
  height: 2.25em;
  background-image: url(../img/bottles/ringo/flower-pc-71.svg);
  transform: rotate(-16.01deg) scaleX(-1);
}
#bottles_slider .slide.ringo .hana .p3 {
  --bt-x: 1.0875em;
  --bt-y: -0.61875em;
  top: 34.4375em;
  left: 17.5em;
  width: 4em;
  height: 3.9375em;
  background-image: url(../img/bottles/ringo/flower-pc-72.svg);
  transform: rotate(-108.87deg) scaleX(-1);
}
#bottles_slider .slide.ringo .hana .p4 {
  --bt-x: -0.9375em;
  --bt-y: -0.825em;
  top: 37.0625em;
  left: 49.9375em;
  width: 3.8125em;
  height: 3.375em;
  background-image: url(../img/bottles/ringo/flower-pc-68.svg);
  transform: rotate(-38.22deg);
}
#bottles_slider .slide.ringo .hana .p5 {
  --bt-x: 1.06875em;
  --bt-y: 0.64375em;
  top: 15.875em;
  left: 21.6875em;
  width: 3.625em;
  height: 3.625em;
  background-image: url(../img/bottles/ringo/flower-pc-69.svg);
  transform: rotate(44.25deg);
}
#bottles_slider .slide.ringo .hana .p6 {
  --bt-x: -1.19375em;
  --bt-y: -0.3625em;
  top: 31em;
  left: 56.4375em;
  width: 2.625em;
  height: 2.5625em;
  background-image: url(../img/bottles/ringo/flower-pc-76.svg);
  transform: rotate(119.51deg);
}
#bottles_slider .slide.ringo .hana .p7 {
  --bt-x: 1.25em;
  --bt-y: 0.025em;
  top: 24.25em;
  left: 14.6875em;
  width: 2.75em;
  height: 2.75em;
  background-image: url(../img/bottles/ringo/flower-pc-77.svg);
  transform: rotate(165.04deg);
}
#bottles_slider .slide.ringo .hana .p8 {
  --bt-x: -1.24375em;
  --bt-y: -0.15em;
  top: 26.375em;
  left: 51.8125em;
  width: 3.4375em;
  height: 3.375em;
  background-image: url(../img/bottles/ringo/flower-pc-75.svg);
  transform: rotate(-83.44deg) scaleX(-1);
}
@media screen and (max-width: 767.9px) {
  #bottles_slider .slide.cclemon .bottle_group .label {
    width: 7.1875em;
  }
  #bottles_slider .slide.cclemon .hana .p1 {
    --bt-x: 0.6375em;
    --bt-y: 1.075em;
    top: 11.625em;
    left: 5.9375em;
    width: 2.5625em;
    height: 2.5625em;
  }
  #bottles_slider .slide.cclemon .hana .p2 {
    --bt-x: 0.85em;
    --bt-y: 0.9125em;
    top: 10.625em;
    left: 2.5em;
    width: 1.6875em;
    height: 1.6875em;
  }
  #bottles_slider .slide.cclemon .hana .p3 {
    --bt-x: 0.86875em;
    --bt-y: -0.9em;
    top: 30em;
    left: 0.6875em;
    width: 1.875em;
    height: 1.875em;
  }
  #bottles_slider .slide.cclemon .hana .p4 {
    --bt-x: -0.9125em;
    --bt-y: -0.85625em;
    top: 28.25em;
    left: 19.9375em;
    width: 2.75em;
    height: 2.4375em;
  }
  #bottles_slider .slide.cclemon .hana .p5 {
    --bt-x: 0.6em;
    --bt-y: -1.09375em;
    top: 33em;
    left: 2.75em;
    width: 2.75em;
    height: 2.6875em;
  }
  #bottles_slider .slide.cclemon .hana .p8 {
    --bt-x: -0.2625em;
    --bt-y: -1.225em;
    top: 36.25em;
    left: 14.4375em;
    width: 1.75em;
    height: 1.75em;
  }
  #bottles_slider .slide.pop .bottle_group .label {
    width: 9.338125em;
  }
  #bottles_slider .slide.pop .hana .p1 {
    --bt-x: 0.6875em;
    --bt-y: 1.04375em;
    top: 11.8125em;
    left: 5.6875em;
    width: 1.9375em;
    height: 1.9375em;
    transform: scaleX(-1);
  }
  #bottles_slider .slide.pop .hana .p2 {
    --bt-x: 0.89375em;
    --bt-y: 0.86875em;
    top: 10.875em;
    left: 1.875em;
    width: 2.4375em;
    height: 2.4375em;
    background-image: url(../img/bottles/pop/flower-sp-71.svg);
    transform: rotate(-157.42deg) scaleX(-1);
  }
  #bottles_slider .slide.pop .hana .p3 {
    --bt-x: 0.8875em;
    --bt-y: -0.88125em;
    top: 29em;
    left: 0.4375em;
    width: 2.75em;
    height: 2.6875em;
    transform: rotate(-123.01deg) scaleX(-1);
  }
  #bottles_slider .slide.pop .hana .p4 {
    --bt-x: -0.9875em;
    --bt-y: -0.76875em;
    top: 26.6875em;
    left: 19.9375em;
    width: 2.5625em;
    height: 2.3125em;
    transform: rotate(-18.75deg);
  }
  #bottles_slider .slide.pop .hana .p5 {
    --bt-x: 0.65em;
    --bt-y: -1.06875em;
    top: 32.1875em;
    left: 2.75em;
    width: 2.25em;
    height: 2.25em;
    transform: rotate(-45.52deg) scaleX(-1);
  }
  #bottles_slider .slide.pop .hana .p8 {
    --bt-x: 0.1375em;
    --bt-y: -1.24375em;
    top: 36.8125em;
    left: 8.875em;
    width: 1.9375em;
    height: 1.875em;
    transform: rotate(-72.39deg) scaleX(-1);
  }
  #bottles_slider .slide.bigzero .bottle_group .label {
    width: 12.185625em;
  }
  #bottles_slider .slide.bigzero .hana .p1 {
    --bt-x: 0.81875em;
    --bt-y: 0.94375em;
    top: 10.6875em;
    left: 3.0625em;
    width: 2.0625em;
    height: 2.0625em;
    background-image: url(../img/bottles/bigzero/flower-sp-67.svg);
    transform: scaleX(-1);
  }
  #bottles_slider .slide.bigzero .hana .p2 {
    --bt-x: 0.58125em;
    --bt-y: 1.10625em;
    top: 11.625em;
    left: 6.5em;
    width: 2.4375em;
    height: 2.4375em;
    background-image: url(../img/bottles/bigzero/flower-sp-71.svg);
    transform: rotate(-20.17deg) scaleX(-1);
  }
  #bottles_slider .slide.bigzero .hana .p3 {
    --bt-x: 0.90625em;
    --bt-y: -0.8625em;
    top: 28.625em;
    left: 1.1875em;
    width: 1.875em;
    height: 1.875em;
    background-image: url(../img/bottles/bigzero/flower-sp-72.svg);
    transform: rotate(98deg) scaleX(-1);
  }
  #bottles_slider .slide.bigzero .hana .p4 {
    --bt-x: -0.85625em;
    --bt-y: -0.9125em;
    top: 28.6875em;
    left: 19.1875em;
    width: 2.875em;
    height: 2.5625em;
    background-image: url(../img/bottles/bigzero/flower-sp-68.svg);
  }
  #bottles_slider .slide.bigzero .hana .p5 {
    --bt-x: 0.7125em;
    --bt-y: -1.03125em;
    top: 31.75em;
    left: 1.625em;
    width: 2.75em;
    height: 2.6875em;
    background-image: url(../img/bottles/bigzero/flower-sp-69.svg);
    transform: rotate(0.86deg);
  }
  #bottles_slider .slide.bigzero .hana .p8 {
    --bt-x: -0.2125em;
    --bt-y: -1.23125em;
    top: 36.5em;
    left: 13.8125em;
    width: 1.6875em;
    height: 1.6875em;
    background-image: url(../img/bottles/bigzero/flower-sp-75.svg);
    transform: rotate(-126.6deg) scaleX(-1);
  }
  #bottles_slider .slide.bigzerolemon .bottle_group .label {
    width: 11.9375em;
  }
  #bottles_slider .slide.bigzerolemon .hana .p1 {
    --bt-x: 0.65em;
    --bt-y: 1.06875em;
    top: 12.25em;
    left: 6.375em;
    width: 1.75em;
    height: 1.75em;
    transform: scaleX(-1);
  }
  #bottles_slider .slide.bigzerolemon .hana .p2 {
    --bt-x: 0.83125em;
    --bt-y: 0.93125em;
    top: 10.875em;
    left: 3em;
    width: 2.4375em;
    height: 2.375em;
    transform: rotate(22.58deg) scaleX(-1);
  }
  #bottles_slider .slide.bigzerolemon .hana .p3 {
    --bt-x: -0.875em;
    --bt-y: -0.89375em;
    top: 29.625em;
    left: 20.6875em;
    width: 1.5625em;
    height: 1.5625em;
    background-image: url(../img/bottles/bigzerolemon/flower-sp-72.svg);
    transform: rotate(-14.46deg) scaleX(-1);
  }
  #bottles_slider .slide.bigzerolemon .hana .p4 {
    --bt-x: -1em;
    --bt-y: -0.75em;
    top: 26.375em;
    left: 19.875em;
    width: 2.4375em;
    height: 2.1875em;
    transform: none;
  }
  #bottles_slider .slide.bigzerolemon .hana .p5 {
    --bt-x: 0.86875em;
    --bt-y: -0.89375em;
    top: 29.1875em;
    left: 0.5625em;
    width: 2.75em;
    height: 2.6875em;
    transform: rotate(81.1deg);
  }
  #bottles_slider .slide.bigzerolemon .hana .p8 {
    --bt-x: 0.68125em;
    --bt-y: -1.05em;
    top: 33em;
    left: 1.875em;
    width: 2.125em;
    height: 2.125em;
    transform: rotate(-72.39deg) scaleX(-1);
  }
  #bottles_slider .slide.nope .bottle_group .label {
    width: 9.75em;
  }
  #bottles_slider .slide.nope .hana .p1 {
    --bt-x: 0.63125em;
    --bt-y: 1.08125em;
    top: 12.125em;
    left: 6.375em;
    width: 2.25em;
    height: 2.25em;
    background-image: url(../img/bottles/nope/flower-sp-67.svg);
    transform: scaleX(-1);
  }
  #bottles_slider .slide.nope .hana .p2 {
    --bt-x: 0.84375em;
    --bt-y: 0.925em;
    top: 10.6875em;
    left: 2.6875em;
    width: 2.4375em;
    height: 2.375em;
    background-image: url(../img/bottles/nope/flower-sp-71.svg);
    transform: rotate(-17.72deg) scaleX(-1);
  }
  #bottles_slider .slide.nope .hana .p3 {
    --bt-x: 0.84375em;
    --bt-y: -0.925em;
    top: 30.0625em;
    left: 1.1875em;
    width: 1.875em;
    height: 1.875em;
    transform: rotate(-81.34deg) scaleX(-1);
  }
  #bottles_slider .slide.nope .hana .p4 {
    --bt-x: 0.11875em;
    --bt-y: -1.24375em;
    top: 37.1875em;
    left: 9em;
    width: 2em;
    height: 1.8125em;
    background-image: url(../img/bottles/nope/flower-sp-68.svg);
    transform: none;
  }
  #bottles_slider .slide.nope .hana .p5 {
    --bt-x: 0.6375em;
    --bt-y: -1.075em;
    top: 32.6875em;
    left: 2.5625em;
    width: 2.4375em;
    height: 2.4375em;
    background-image: url(../img/bottles/nope/flower-sp-69.svg);
    transform: rotate(63.44deg);
  }
  #bottles_slider .slide.nope .hana .p8 {
    --bt-x: -0.9625em;
    --bt-y: -0.8em;
    top: 27em;
    left: 19.8125em;
    width: 2.5em;
    height: 2.4375em;
    background-image: url(../img/bottles/nope/flower-sp-75.svg);
    transform: rotate(-60.74deg) scaleX(-1);
  }
  #bottles_slider .slide.cider .bottle_group .label {
    width: 8.125em;
  }
  #bottles_slider .slide.cider .hana .p1 {
    --bt-x: 0.86875em;
    --bt-y: 0.9em;
    top: 11.25em;
    left: 2.8125em;
    width: 1.9375em;
    height: 1.9375em;
    background-image: url(../img/bottles/cider/flower-sp-67.svg);
    transform: rotate(93.99deg);
  }
  #bottles_slider .slide.cider .hana .p2 {
    --bt-x: 0.64375em;
    --bt-y: 1.075em;
    top: 11.75em;
    left: 6em;
    width: 2.4375em;
    height: 2.375em;
    background-image: url(../img/bottles/cider/flower-sp-71.svg);
    transform: rotate(-22.58deg);
  }
  #bottles_slider .slide.cider .hana .p3 {
    --bt-x: 0.84375em;
    --bt-y: -0.925em;
    top: 29.875em;
    left: 1.0625em;
    width: 2.1875em;
    height: 2.125em;
    transform: rotate(-83.99deg) scaleX(-1);
  }
  #bottles_slider .slide.cider .hana .p4 {
    --bt-x: -0.875em;
    --bt-y: -0.89375em;
    top: 28.5em;
    left: 19.4375em;
    width: 2.75em;
    height: 2.5em;
    background-image: url(../img/bottles/cider/flower-sp-68.svg);
    transform: rotate(69.72deg) scaleX(-1);
  }
  #bottles_slider .slide.cider .hana .p5 {
    --bt-x: 0.5625em;
    --bt-y: -1.1125em;
    top: 33.125em;
    left: 3.1875em;
    width: 2.8125em;
    height: 2.8125em;
    background-image: url(../img/bottles/cider/flower-sp-69.svg);
    transform: rotate(19.65deg);
  }
  #bottles_slider .slide.cider .hana .p8 {
    --bt-x: -1.13125em;
    --bt-y: -0.53125em;
    top: 24.4375em;
    left: 21.125em;
    width: 1.75em;
    height: 1.75em;
    background-image: url(../img/bottles/cider/flower-sp-75.svg);
    transform: rotate(-72.39deg) scaleX(-1);
  }
  #bottles_slider .slide.orange .bottle_group .label {
    width: 9.3125em;
  }
  #bottles_slider .slide.orange .hana .p1 {
    --bt-x: 0.6375em;
    --bt-y: 1.075em;
    top: 11.625em;
    left: 5.9375em;
    width: 2.5625em;
    height: 2.5625em;
    transform: rotate(33.23deg);
  }
  #bottles_slider .slide.orange .hana .p2 {
    --bt-x: 0.9em;
    --bt-y: 0.86875em;
    top: 11.0625em;
    left: 2.0625em;
    width: 2.1875em;
    height: 2.1875em;
    background-image: url(../img/bottles/orange/flower-sp-71.svg);
    transform: rotate(-92.79deg) scaleX(-1);
  }
  #bottles_slider .slide.orange .hana .p3 {
    --bt-x: 0.625em;
    --bt-y: -1.08125em;
    top: 33.25em;
    left: 2.4375em;
    width: 2.5em;
    height: 2.4375em;
    background-image: url(../img/bottles/orange/flower-sp-72.svg);
    transform: rotate(-40.86deg) scaleX(-1);
  }
  #bottles_slider .slide.orange .hana .p4 {
    --bt-x: -0.2em;
    --bt-y: -1.23125em;
    top: 37em;
    left: 13.625em;
    width: 1.8125em;
    height: 1.625em;
    transform: scaleX(-1);
  }
  #bottles_slider .slide.orange .hana .p5 {
    --bt-x: 0.85625em;
    --bt-y: -0.9125em;
    top: 30.125em;
    left: 0.8125em;
    width: 1.875em;
    height: 1.875em;
    background-image: url(../img/bottles/orange/flower-sp-69.svg);
    transform: rotate(45.52deg);
  }
  #bottles_slider .slide.orange .hana .p8 {
    --bt-x: -0.9625em;
    --bt-y: -0.8em;
    top: 26.6875em;
    left: 19.5em;
    width: 2.625em;
    height: 2.625em;
    background-image: url(../img/bottles/orange/flower-sp-75.svg);
    transform: rotate(-116.3deg) scaleX(-1);
  }
  #bottles_slider .slide.ringo .bottle_group .label {
    width: 8.4375em;
  }
  #bottles_slider .slide.ringo .hana .p1 {
    --bt-x: 0.8625em;
    --bt-y: 0.90625em;
    top: 10.875em;
    left: 2.5em;
    width: 1.875em;
    height: 1.875em;
    background-image: url(../img/bottles/ringo/flower-sp-67.svg);
    transform: rotate(59.82deg);
  }
  #bottles_slider .slide.ringo .hana .p2 {
    --bt-x: 0.64375em;
    --bt-y: 1.06875em;
    top: 11.4375em;
    left: 5.75em;
    width: 2.625em;
    height: 2.625em;
    background-image: url(../img/bottles/ringo/flower-sp-71.svg);
    transform: rotate(-149.5deg) scaleX(-1);
  }
  #bottles_slider .slide.ringo .hana .p3 {
    --bt-x: 0.50625em;
    --bt-y: -1.14375em;
    top: 34.5em;
    left: 4.1875em;
    width: 1.8125em;
    height: 1.8125em;
    background-image: url(../img/bottles/ringo/flower-sp-72.svg);
    transform: rotate(28.79deg) scaleX(-1);
  }
  #bottles_slider .slide.ringo .hana .p4 {
    --bt-x: -0.8625em;
    --bt-y: -0.90625em;
    top: 28.75em;
    left: 19.375em;
    width: 2.875em;
    height: 2.5625em;
    transform: rotate(-20.67deg);
  }
  #bottles_slider .slide.ringo .hana .p5 {
    --bt-x: 0.7625em;
    --bt-y: -0.9875em;
    top: 30.875em;
    left: 1.25em;
    width: 2.75em;
    height: 2.75em;
    background-image: url(../img/bottles/ringo/flower-sp-69.svg);
    transform: rotate(165.05deg);
  }
  #bottles_slider .slide.ringo .hana .p8 {
    --bt-x: -1.0625em;
    --bt-y: -0.65625em;
    top: 26em;
    left: 21.125em;
    width: 1.75em;
    height: 1.6875em;
    background-image: url(../img/bottles/ringo/flower-sp-75.svg);
    transform: rotate(-72.39deg) scaleX(-1);
  }
}

/* ------------------------------------------------
 presents
------------------------------------------------ */
#presents {
  overflow: hidden;
}
#presents > .inner {
  background: linear-gradient(180deg, #FFC652 0%, #F6A700 100%);
  padding-bottom: 6.25em;
  position: relative;
}
#presents .sheader .title {
  margin-left: 17.875em;
  width: 40.875em;
}
#presents .sheader .note {
  color: #606060;
  font-size: 0.75em;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  left: 29.6666666667em;
  top: 27.5em;
}
#presents .slider {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
  position: relative;
  z-index: 1;
  overflow: hidden;
  touch-action: pan-y;
}
#presents .slider .swiper-wrapper {
  box-sizing: content-box;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  transition-property: transform;
  transform: translate3d(0, 0, 0);
}
#presents .slider .swiper-slide {
  flex-shrink: 0;
  display: block;
  position: relative;
  width: 20.5em;
  height: 25.75em;
}
#presents .slider .item {
  position: absolute;
  left: 50%;
  top: 0;
  width: 25.75em;
  height: 25.75em;
  margin-left: -12.875em;
  transform: scale(0.7);
  transition: transform 0.5s ease;
}
#presents .slider .item img {
  width: 100%;
}
#presents .slider .swiper-slide-active {
  z-index: 2;
}
#presents .slider .swiper-slide-active .item {
  transform: none;
}
#presents .slider .swiper-slide:has(~ .swiper-slide-active) .item {
  transform: translateX(-3.875em) scale(0.7);
}
#presents .slider .swiper-slide-active ~ .swiper-slide .item {
  transform: translateX(3.875em) scale(0.7);
}
#presents .controls {
  margin: 1.875em auto 0;
  width: 17.75em;
  height: 2.625em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#presents .swiper-button-prev,
#presents .swiper-button-next {
  font-size: 1em;
  background: var(--color-purple) url(../img/presents/arrow.svg) no-repeat 0 0/100% 100%;
  border: none;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  width: 2.625em;
  height: 2.625em;
  cursor: pointer;
}
#presents .swiper-button-next {
  transform: scaleX(-1);
}
#presents .swiper-pagination {
  display: flex;
  align-items: center;
  gap: 1.5em;
}
#presents .swiper-pagination .swiper-pagination-bullet {
  font-size: 1em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: 0.25em solid #fff;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  width: 1.1875em;
  height: 1.1875em;
  display: block;
  cursor: pointer;
  box-sizing: border-box;
}
#presents .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-purple);
}
@media screen and (min-width: 768.1px) {
  #presents .swiper-button-prev,
  #presents .swiper-button-next,
  #presents .swiper-pagination-bullet {
    transition: opacity 0.2s ease;
  }
  #presents .swiper-button-prev:hover,
  #presents .swiper-button-next:hover,
  #presents .swiper-pagination-bullet:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767.9px) {
  #presents > .inner {
    padding-top: 0.75em;
    padding-bottom: 5em;
  }
  #presents > .inner::before {
    height: 7.375em;
  }
  #presents .sheader .title {
    margin-left: 1.5625em;
    width: 20.625em;
  }
  #presents .sheader .note {
    font-size: 0.625em;
    text-indent: -1em;
    padding-left: 1em;
    left: 3.4em;
    top: 23.2em;
  }
  #presents .slider {
    margin-top: -0.625em;
  }
  #presents .slider .swiper-slide {
    width: 14.25em;
    height: 18.3125em;
  }
  #presents .slider .item {
    width: 18.3125em;
    height: 18.3125em;
    margin-left: -9.125em;
    transform: scale(0.7);
  }
  #presents .slider .swiper-slide:has(~ .swiper-slide-active) .item {
    transform: translateX(-2.6875em) scale(0.7);
  }
  #presents .slider .swiper-slide-active ~ .swiper-slide .item {
    transform: translateX(2.6875em) scale(0.7);
  }
  #presents .controls {
    margin-top: 1.25em;
  }
}

/* ----------------------------
 info
------------------------------*/
#presetnts_info {
  width: 100%;
  position: relative;
}
#presetnts_info .info_title {
  margin: 3.75em auto 0;
  width: 29em;
}
#presetnts_info .info_title img {
  width: 100%;
}
#presetnts_info .star_r {
  background: url(../img/presents/info_star_r.svg) no-repeat center/100% 100%;
  position: absolute;
  top: 2.375em;
  left: 53.0625em;
  width: 4.1875em;
  height: 4.875em;
}
#presetnts_info .note {
  color: #606060;
  font-size: 0.75em;
  font-weight: 500;
  line-height: 1.4;
}
#presetnts_info .detail {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3.75em;
  margin: 3.125em auto 0;
  padding: 3.75em 0;
  width: 37.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875em;
  position: relative;
}
#presetnts_info .detail .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
#presetnts_info .detail .badge {
  background: url(../img/presents/info_title_bg.svg) no-repeat center/100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15em;
  height: 3.75em;
  margin-bottom: 1.25em;
}
#presetnts_info .detail .badge span {
  color: #fff;
  font-size: 1.5em;
  line-height: 1;
  display: table;
}
#presetnts_info .detail .txt {
  color: #606060;
  font-size: 1.375em;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0.6818181818em;
}
#presetnts_info .detail .note {
  text-align: center;
  white-space: nowrap;
}
#presetnts_info .detail .line {
  background: url(../img/presents/info_line.svg) repeat-x center center;
  background-size: 2.125em 0.5em;
  width: 26.5em;
  height: 0.5em;
}
#presetnts_info .star_l {
  background: url(../img/presents/info_star_l.svg) no-repeat center/100% 100%;
  position: absolute;
  top: -3.1875em;
  left: -4em;
  width: 6.9375em;
  height: 5.1875em;
}
#presetnts_info .star_bottom {
  background: url(../img/presents/info_star_bottom.svg) no-repeat center/100% 100%;
  position: absolute;
  bottom: -2.625em;
  left: 29em;
  width: 5.75em;
  height: 4em;
}
#presetnts_info .notes {
  margin: 0.625em auto 0;
  width: 37.5em;
}
@media screen and (max-width: 767.9px) {
  #presetnts_info .info_title {
    margin-top: 3.75em;
    width: 20.25em;
  }
  #presetnts_info .note {
    font-size: 0.625em;
  }
  #presetnts_info .star_r {
    top: -1.375em;
    left: 19.5625em;
    width: 2.625em;
    height: 2.75em;
  }
  #presetnts_info .detail {
    border-radius: 3.0625em;
    margin-top: 3.0625em;
    padding: 2.4375em 0;
    width: 20.9375em;
    gap: 1.8125em;
  }
  #presetnts_info .detail .badge {
    width: 13.5em;
    height: 3.375em;
  }
  #presetnts_info .detail .badge span {
    font-size: 1.375em;
  }
  #presetnts_info .detail .txt {
    font-size: 1.1875em;
    margin-bottom: 0.5263157895em;
  }
  #presetnts_info .detail .note {
    font-size: 0.625em;
  }
  #presetnts_info .detail .line {
    width: 16.625em;
    height: 0.4375em;
    background-size: 1.75em 0.4375em;
  }
  #presetnts_info .star_l {
    top: -2.25em;
    left: 0;
    width: 4.625em;
    height: 3.4375em;
  }
  #presetnts_info .star_bottom {
    bottom: -1.75em;
    left: 15em;
    width: 3.875em;
    height: 2.6875em;
  }
  #presetnts_info .notes {
    margin-top: 0.625em;
    width: 20.9375em;
  }
}

/* ------------------------------------------------
 contents
------------------------------------------------ */
#contents_bg {
  background: linear-gradient(180deg, #F18D00 0%, #F6A700 35.58%, #FDD219 64.42%, #FDDC4D 83.17%, #FFF5CC 100%);
}
/* ------------------------------------------------
 soon
------------------------------------------------ */
#soon > .inner {
  padding-top: 5.3125em;
  padding-bottom: 5.625em;
}
#soon .txt {
  margin: 0 auto;
  width: 36.5em;
}
@media screen and (max-width: 767.9px) {
  #soon > .inner {
    padding-top: 3.4375em;
    padding-bottom: 3.125em;
  }
  #soon .txt {
    width: 21.875em;
  }
}

/* ------------------------------------------------
 contact
------------------------------------------------ */
#contact .sbody .contact .heading {
  color: #fff;
  background: url(../img/common/contact_cloud.svg) 50% 50%/contain no-repeat;
  min-height: 4.125em;
  align-content: center;
}
#contact .sbody .contact .heading .txt {
  font-size: 0.9375em;
  font-weight: 700;
  line-height: 1.25;
}
#contact .sbody .contact .heading + .note {
  margin-top: 0.5em;
}
@media screen and (min-width: 768.1px) {
  #contact .sbody {
    margin-top: 2.5em;
    display: grid;
    grid-template-columns: repeat(2, 21.875em);
    justify-content: center;
    justify-self: stretch;
    -moz-column-gap: 1.875em;
         column-gap: 1.875em;
  }
  #contact .sbody .contact {
    width: 100%;
  }
  #contact .sbody .contact:nth-child(2) {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 767.9px) {
  #contact .sbody .contact .heading {
    min-height: 3.5em;
  }
  #contact .sbody .contact .heading .txt {
    font-size: 0.8125em;
  }
  #contact .sbody .contact .heading + .note {
    margin-top: 0.5em;
  }
}