/* 葉を尾にした、ストローのような曲線の矢印。表示文字ではなく共通のUIベクター。 */
.do-arrow-icon { display: block; width: 28px; height: 28px; flex: 0 0 auto; color: inherit; overflow: visible; pointer-events: none; transition: transform .28s cubic-bezier(.2,.8,.2,1); }
.carousel-arrows button { border-radius: 47% 53% 49% 51%; box-shadow: 0 3px 0 #173f2c20; }
.carousel-arrows button .do-arrow-icon { width: 32px; height: 32px; }
.product-info .round-link { display: grid; place-items: center; padding: 0; border-radius: 46% 54% 48% 52%; box-shadow: 0 3px 0 #173f2c1c; }
.product-info .round-link .do-arrow-icon { width: 29px; height: 29px; }
.skip-story > span { display: inline-flex; align-items: center; gap: 12px; }
.skip-story i { display: inline-grid; place-items: center; margin-left: 0; }
.skip-story i .do-arrow-icon { width: 35px; height: 35px; }
.footer-fruit-sticker .footer-sticker-go { display: grid; place-items: center; }
.footer-sticker-go .do-arrow-icon { width: 22px; height: 22px; }
.fruit-club-footer .footer-bottom a > span { border-radius: 45% 55% 48% 52%; }
.fruit-club-footer .footer-bottom .do-arrow-icon { width: 26px; height: 26px; }
.carousel-arrows button:focus-visible, .product-info .round-link:focus-visible, .skip-story:focus-visible { outline: 3px solid #173f2c; outline-offset: 5px; }
@media (hover: hover) {
  .carousel-arrows button:hover { transform: translateY(-2px); }
  .carousel-arrows [data-flavor-nav="next"]:hover .do-arrow-icon { transform: translateX(3px); }
  .carousel-arrows [data-flavor-nav="prev"]:hover .do-arrow-icon { transform: translateX(-3px); }
  .product-info .round-link:hover { transform: translateY(-2px); }
  .product-info .round-link:hover .do-arrow-icon, .skip-story:hover .do-arrow-icon, .footer-fruit-sticker:hover .do-arrow-icon { transform: translate(2px,-2px); }
}
.carousel-arrows button:active, .product-info .round-link:active { transform: translateY(2px); box-shadow: none; }
@media (max-width: 760px) {
  .carousel-arrows button .do-arrow-icon { width: 28px; height: 28px; }
  .product-info .round-link .do-arrow-icon { width: 25px; height: 25px; }
  .skip-story > span { gap: 7px; }
  .skip-story i .do-arrow-icon { width: 28px; height: 28px; }
  .footer-sticker-go .do-arrow-icon { width: 18px; height: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .do-arrow-icon, .carousel-arrows button, .product-info .round-link { transition: none; }
  .carousel-arrows button:hover, .carousel-arrows button:active, .product-info .round-link:hover, .product-info .round-link:active,
  .carousel-arrows [data-flavor-nav]:hover .do-arrow-icon, .product-info .round-link:hover .do-arrow-icon,
  .skip-story:hover .do-arrow-icon, .footer-fruit-sticker:hover .do-arrow-icon { transform: none; }
}