@charset "UTF-8";

html body {
  font-family: 'Eina01-Bold','nunito-light', 'メイリオ', 'Meiryo', sans-serif;
  line-height: 1.15;
}
h1, h2, h3, h4 {
  font-family: "Eina01-Bold",'nunito-light', 'Meiryo', sans-serif;
}
p, a, span, div, select, option, textarea, label, ul, li, dl, dt, dd {
  font-family: 'メイリオ',"Eina01-Bold", 'Meiryo', sans-serif;
}

@font-face {
  font-family: AT-icons;
  src: url('/html/user_data/assets/img/fonts/AT-icons.ttf') format("truetype");
  font-weight: 400;
  font-style: normal
}
[class^=sa-icon] {
  font-family: AT-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 *
 * originally authored by Nick Pettit - https://github.com/nickpettit/glide
 */
@keyframes customBounceUpDown {
  0% {
    transform: translate(-50%, 0); }
  100% {
    transform: translate(-50%, -10px); }
}
@keyframes customFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 0.5em, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
}
@keyframes aniZoomIn {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); }
}
@keyframes aniSlideOutUp-50 {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-50vh); }
}
@keyframes aniSlideOutDown-50 {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(50vh); }
}
@keyframes aniProSlideOutUp-10 {
  0% {
    opacity: 1;
    margin-top: 0; }
  100% {
    margin-top: -10%;
    opacity: 0; }
}
@keyframes aniProSlideInDown-12 {
  0% {
    opacity: 0;
    margin-top: 12%; }
  100% {
    margin-top: 0;
    opacity: 1; }
}


.ssn-body {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: actve) {
  .ssn-body {
    position: static;
    height: auto;
  }
}
@media (min-width: 768px) {
  .ssn-body {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .ssn-body .container,
  .ssn-body .container-xl {
    max-width: 1300px;
  }
}
.ssn-body::-webkit-scrollbar {
  display: none;
}
.ssn-body .content-asset-container {
  max-width: 100%;
  padding: 0;
}
.ssn-body .container,
.ssn-body .container-xl {
  margin: 0 auto;
}
.ssn-body .vh-100 {
  height: 100vh;
}
.ssn-body picture {
  display: block;
}

h3.black,
.active.black {
  color: #272727;
}
h3.red,
.active.red {
  color: #ca1f46;
}
h3.blue,
.active.blue {
  color: #2d92d0;
}
h3.yellow,
.active.yellow {
  color: #ebcd20;
}
h3.white,
.active.white {
  color: #ebebeb;
}
h3.purple,
.active.purple {
  color: #8b4499;
}
h3.green,
.active.green {
  color: #b9d432;
}

.editorial-stories-color-main {
  scroll-behavior: smooth;
  color: #fff;
}
.editorial-stories-color-main img {
  display: block;
  width: 100%;
}
.editorial-stories-color-main .row {
  margin: 0;
}
@media (min-width: 768px) {
  .editorial-stories-color-main .row.reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}
.editorial-stories-color-main .row .col {
  padding: 0;
}
.editorial-stories-color-main .content.banner-content .content-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  text-align: center;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content.banner-content .content-text {
    text-align: left;
    left: 45%;
    width: 67%;
  }
}
@media (min-width: 992px) {
  .editorial-stories-color-main .content.banner-content .content-text {
    left: 39%;
    width: 39em;
  }
}
@media (min-width: 1200px) {
  .editorial-stories-color-main .content.banner-content .content-text {
    left: 37%;
    width: 48em;
  }
}
.editorial-stories-color-main .content.banner-content .content-text h1 {
  text-transform: uppercase;
  margin-bottom: 0.85em;
  font-weight: bold;
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content.banner-content .content-text h1 {
    font-size: 2.1em;
  }
}
@media (min-width: 992px) {
  .editorial-stories-color-main .content.banner-content .content-text h1 {
    font-size: 3em;
  }
}
@media (min-width: 1200px) {
  .editorial-stories-color-main .content.banner-content .content-text h1 {
    font-size: 3.5em;
  }
}
.editorial-stories-color-main .content.banner-content .content-text p {
  margin-bottom: 0.89em;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 2em;
  font-size: 0.9em;
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content.banner-content .content-text p {
    font-size: 0.89em;
  }
}
@media (min-width: 992px) {
  .editorial-stories-color-main .content.banner-content .content-text p {
    font-size: .9em;
  }
}
@media (min-width: 1200px) {
  .editorial-stories-color-main .content.banner-content .content-text p {
    font-size: 1.04em;
  }
}
.editorial-stories-color-main .content .btn-shop {
  font-size: 0.88rem;
  font-weight: 600;
  transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in, box-shadow 0.2s ease-in;
  color: #272727;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  display: block;
  padding: 1.15em 1.286em 1em;
  text-align: center;
  min-width: 20.2em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 0 2px 7px -2px #808080;
  border-radius: 20px;
}
.editorial-stories-color-main .content .btn-shop:hover, .editorial-stories-color-main .content .btn-shop:focus {
  cursor: pointer;
}
.editorial-stories-color-main .content .btn-shop:hover {
  color: #fff;
  background-color: #272727;
  border-color: #272727;
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content .btn-shop {
    font-size: 0.8em;
    margin-bottom: 0;
    padding-top: 1.26em;
    padding-bottom: 1em;
    min-width: 16em;
  }
}


.editorial-stories-color-main .content .btn-shop:focus {
  outline: none;
  border: none;
}
.editorial-stories-color-main .content .btn-shop.selected {
  background-color: #272727;
  color: #fff;
}
.editorial-stories-color-main .content.shop-by-color .content-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); 
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content.shop-by-color .content-text {
    transform: translate(-50%, -50%);
  }
}
.editorial-stories-color-main .content.shop-by-color .shop-by-color-logo {
  width: 75%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content.shop-by-color .shop-by-color-logo {
    width: 55%; } }
@media (min-width: 992px) {
  .editorial-stories-color-main .content.shop-by-color .shop-by-color-logo {
    width: 17em;
    right: 10%; } }
@media (min-width: 1200px) {
  .editorial-stories-color-main .content.shop-by-color .shop-by-color-logo {
    width: 20em;
  }
}
.editorial-stories-color-main .content.shop-by-color .content-text {
  top: 20%;
  width: 83%;
  width: 83%;
  text-align: center;
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content.shop-by-color .content-text {
    width: 65%;
    left: 50%;
    top: 50%;
  }
}
@media (min-width: 992px) {
  .editorial-stories-color-main .content.shop-by-color .content-text {
    width: 35em;
  }
}
@media (min-width: 1200px) {
  .editorial-stories-color-main .content.shop-by-color .content-text {
    width: 47em;
  }
}
.editorial-stories-color-main .content.shop-by-color .content-text h2 {
  font-size: 1em;
  margin: 3em 0;
  line-height: 2.0;
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content.shop-by-color .content-text h2 {
    font-size: 0.85em;
  }
}
@media (min-width: 992px) {
  .editorial-stories-color-main .content.shop-by-color .content-text h2 {
    font-size: 1em;
  }
}
@media (min-width: 1200px) {
  .editorial-stories-color-main .content.shop-by-color .content-text h2 {
    font-size: 1.5em;
  }
}
.editorial-stories-color-main .content.shop-by-color .content-text p {
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content.shop-by-color .content-text p {
    font-size: 0.85em;
    margin-bottom: 1em;
  }
}
@media (min-width: 1200px) {
  .editorial-stories-color-main .content.shop-by-color .content-text p {
    font-size: 1.25em;
  }
}
.editorial-stories-color-main .content.shop-by-color .content-text .btn-shop {
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .editorial-stories-color-main .content.shop-by-color .content-text .btn-shop {
    min-width: 17em;
  }
}
.editorial-stories-color-main .content .content-inner {
  position: relative;
}
.editorial-stories-color-main .content .content-inner .next-section {
  position: absolute;
  bottom: 1.5em;
  left: 50%;
  transform: translateX(-50%);
}
.editorial-stories-color-main .content .content-inner .next-section .btn-next {
  color: #fff;
  font-size: 1.5rem;
  height: auto;
  line-height: 1;
  border: none;
  font-weight: normal;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  padding: 0;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  transform: translateX(-50%);
  animation-name: customBounceUpDown;
  animation-duration: 0.7s;
}
.editorial-stories-color-main .content .content-inner .next-section .btn-next::before {
  font-family: "AT-icons";
  content: "\E90B";
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0;
  font-size: 14px;
  transform: translateX(-50%);
}
.editorial-stories-color-main .content .content-inner .right-item {
  height: 100vw;
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content .content-inner .right-item {
    height: auto;
  }
}
.editorial-stories-color-main .content .content-inner .content-body .personality-color,
.editorial-stories-color-main .content .content-inner .content-body .shop-section {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.editorial-stories-color-main .content .content-inner .content-body .personality-color {
  top: 18%;
  text-align: center;
  width: 14.5em;
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content .content-inner .content-body .personality-color {
    top: 50%;
    text-align: left;
    left: 28%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1200px) {
  .editorial-stories-color-main .content .content-inner .content-body .personality-color {
    width: 19.2857rem;
  }
}
.editorial-stories-color-main .content .content-inner .content-body .personality-color.blue, .editorial-stories-color-main .content .content-inner .content-body .personality-color.yellow, .editorial-stories-color-main .content .content-inner .content-body .personality-color.purple {
  width: 16.5em;
}
@media (min-width: 1200px) {
  .editorial-stories-color-main .content .content-inner .content-body .personality-color.blue, .editorial-stories-color-main .content .content-inner .content-body .personality-color.yellow, .editorial-stories-color-main .content .content-inner .content-body .personality-color.purple {
    width: 19.2857rem;
  }
}
.editorial-stories-color-main .content .content-inner .content-body .personality-color.green {
  width: 10.5em;
}
@media (min-width: 1200px) {
  .editorial-stories-color-main .content .content-inner .content-body .personality-color.green {
    width: 14.4285rem;
  }
}
.editorial-stories-color-main .content .content-inner .content-body .personality-color.white {
  top: 12%;
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content .content-inner .content-body .personality-color.white {
    top: 50%;
  }
}

.editorial-stories-color-main .content .content-inner .content-body .shop-section {
  bottom: 20%;
  text-align: center;
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content .content-inner .content-body .shop-section {
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
  }
}
.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .shop-section h3 {
  font-size: 2.8em;
  margin-bottom: 5%;
  font-weight: bold;
}
@media (min-width: 768px) {
  .ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .shop-section h3 {
    margin-bottom: 1em;
    font-size: 3.5em;
  }
}
@media (min-width: 1200px) {
  .ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .shop-section h3 {
    font-size: 4em;
  }
}
.editorial-stories-color-main .content .content-inner .next-product {
  position: absolute;
  left: 50%;
  bottom: 2em;
  width: 95%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content .content-inner .next-product {
    width: 45%;
    left: 2.5%;
    transform: none;
  }
}
.editorial-stories-color-main .content .content-inner .next-product ul {
  list-style-type: none;
  display: block;
  width: 95%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .editorial-stories-color-main .content .content-inner .next-product ul {
    margin: 0 auto;
  }
}
/* .editorial-stories-color-main .content .content-inner .next-product ul li {
  display: inline-block;
  width: 12%;
} */
.editorial-stories-color-main .content .content-inner .next-product ul li a {
  font-size: 0.85em;
  font-weight: bold;
  font-family: "Eina01-Bold",'nunito-light','メイリオ', 'Meiryo', sans-serif;
}
.editorial-stories-color-main .content .content-inner .next-product ul li a.active {
  text-decoration: underline;
}
@media (min-width: 1200px) {
  .editorial-stories-color-main .content .content-inner .next-product ul li a {
    font-size: 1em;
  }
}
.editorial-stories-color-main .content .content-inner .product-image {
  position: absolute;
  width: 40%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .editorial-stories-color-main .content .content-inner .product-image {
    width: 20%;
  }
}
.editorial-stories-color-main .has-animation.load-animation .first-animation {
  animation-delay: 0.2s; }
.editorial-stories-color-main .has-animation.load-animation .second-animation {
  animation-delay: 0.5s; }
.editorial-stories-color-main .has-animation.load-animation .third-animation {
  animation-delay: 0.8s; }
.editorial-stories-color-main .has-animation.load-animation .animation {
  opacity: 1;
  filter: alpha(opacity=1);
  animation-name: customFadeInUp;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.editorial-stories-color-main .has-animation .animation {
  opacity: 0;
  filter: alpha(opacity=0); }
.editorial-stories-color-main .animation-fadeinup {
  animation-name: customFadeInUp;
  animation-duration: 2s;
  animation-fill-mode: both;
}

.ame-main {
  opacity: 0;
}
.ssn-body .ame-main {
  opacity: 1;
}
.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .next-section .btn-next {
  bottom: 5vh;
}
@media (min-width: 768px) {
  .ssn-body .ame-main .editorial-stories-color-main .content .content-inner .next-section .btn-next {
    bottom: 0;
  }
}
.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .product-image {
  position: absolute;
  top: -2%;
  left: 50%;
  width: 36%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .ssn-body .ame-main .editorial-stories-color-main .content .content-inner .product-image {
    width: 40%;
    left: 100%;
    top: 50%;
  }
}
.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .next-product {
  position: absolute;
  bottom: 10vh;
  width: 100%;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .ssn-body .ame-main .editorial-stories-color-main .content .content-inner .next-product {
    width: 100%;
    bottom: 5vh;
    padding: 0 15px;
  }
}
.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .personality-color {
  top: 30%;
}
@media (min-width: 768px) {
  .ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .personality-color {
    top: 50%;
  }
}
.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .personality-color p {
  font-size: 1rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  line-height: 1.8em;
}
@media (min-width: 992px) {
  .ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .personality-color p {
    font-size: 1.06rem;
  }
}
@media (min-width: 1200px) {
  .ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .personality-color p {
    font-size: 1.16rem;
  }
}
.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .shop-section {
  bottom: 15vh;
  text-align: center;
}
@media (min-width: 768px) {
  .ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .shop-section {
    bottom: 35%;
  }
}
@media (min-width: 992px) {
  .ssn-body .ame-main .editorial-stories-color-main .content .content-inner .content-body .shop-section {
    bottom: auto;
  }
}

.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .right-item,
.ssn-body .ame-main .editorial-stories-color-main .content .content-inner .left-item {
  height: 50vh;
}
@media (min-width: 768px) {
  .ssn-body .ame-main .editorial-stories-color-main .content .content-inner .right-item,
  .ssn-body .ame-main .editorial-stories-color-main .content .content-inner .left-item {
    height: 100vh;
  }
}
.ssn-body .ame-main .ssn-section .content-image {
  overflow: hidden;
}
.ssn-body .ame-main .ssn-section .content-image.has-animation {
  overflow: hidden;
}
.ssn-body .ame-main .ssn-section .content-image.has-animation picture {
  transform: scale(1);
}
.ssn-body .ame-main .ssn-section .content-image.load-animation picture {
  animation: aniZoomIn 5s ease;
  transform: scale(1.1);
}
.ssn-body .ame-main .ame-section-1,
.ssn-body .ame-main .ame-section-2,
.ssn-body .ame-main .ame-section-3,
.ssn-body .ame-main .ame-section-4,
.ssn-body .ame-main .ame-section-5,
.ssn-body .ame-main .ame-section-6, 
.ssn-body .ame-main .ame-section-7,
.ssn-body .ame-main .ame-section-8,
.ssn-body .ame-main .ame-section-9 {
  height: 100vh;
}
.ssn-body .ame-main .ame-section-1 .product-image img,
.ssn-body .ame-main .ame-section-2 .product-image img,
.ssn-body .ame-main .ame-section-3 .product-image img,
.ssn-body .ame-main .ame-section-4 .product-image img,
.ssn-body .ame-main .ame-section-5 .product-image img,
.ssn-body .ame-main .ame-section-6 .product-image img,
.ssn-body .ame-main .ame-section-7 .product-image img,
.ssn-body .ame-main .ame-section-8 .product-image img {
  width: 100%;
  height: auto;
}
.ssn-body .ame-main .ame-section-9 picture {
  width: 100%;
  height: auto;
}
.ssn-body .ame-main .ame-section-9 picture img {
  height: 100%;
}
.ssn-body .ame-main .ame-section-9 .content-text .shop-by-color-logo img {
  width: 100%;
}
.ssn-body .ame-main .ssn-section {
  position: relative;
}
.ssn-body .ame-main .ssn-section picture {
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.ssn-body .ame-main .ssn-section img {
  width: 100%;
  height: 100%;
  max-width: initial;
  object-fit: cover;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ssn-body .ame-main .ssn-section img {
    height: 100%;
    min-width: 100%;
    width: auto;
  }
}
.ssn-body .ame-main .ssn-section .content-inner {
  height: 100%;
}
.ssn-body .ame-main .ssn-section .ame-des {
  width: 100%;
  height: 100%;
}
.ssn-body .ame-main .ame-section-6 .personality-color {
  top: 22%;
}
@media (min-width: 768px) {
  .ssn-body .ame-main .ame-section-6 .personality-color {
    top: 50%;
  }
}
.ssn-body .ame-main .ame-section-6 .product-image {
  top: 8%;
}
@media (min-width: 768px) {
  .ssn-body .ame-main .ame-section-6 .product-image {
    top: 50%;
  }
}
.ssn-body .ame-main .ame-section-1.ani-prev .content-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  animation: aniSlideOutUp-50 1s ease-out;
  transform: translateY(-50%);
}
.ssn-body .ame-main .ame-section-1.ani-next .content-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  animation: aniSlideOutDown-50 1s ease-out;
  transform: translateY(50%);
}
.ssn-body .ame-main .ame-section-3 .product-image,
.ssn-body .ame-main .ame-section-3 .shop-section,
.ssn-body .ame-main .ame-section-3 .next-product,
.ssn-body .ame-main .ame-section-4 .product-image,
.ssn-body .ame-main .ame-section-4 .shop-section,
.ssn-body .ame-main .ame-section-4 .next-product,
.ssn-body .ame-main .ame-section-5 .product-image,
.ssn-body .ame-main .ame-section-5 .shop-section,
.ssn-body .ame-main .ame-section-5 .next-product,
.ssn-body .ame-main .ame-section-6 .product-image,
.ssn-body .ame-main .ame-section-6 .shop-section,
.ssn-body .ame-main .ame-section-6 .next-product,
.ssn-body .ame-main .ame-section-7 .product-image,
.ssn-body .ame-main .ame-section-7 .shop-section,
.ssn-body .ame-main .ame-section-7 .next-product {
  position: relative;
  z-index: 10;
}
.ssn-body .ame-main .ame-section-3.ani-prev .right-item,
.ssn-body .ame-main .ame-section-3.ani-current .right-item,
.ssn-body .ame-main .ame-section-3.ani-next .right-item,
.ssn-body .ame-main .ame-section-4.ani-prev .right-item,
.ssn-body .ame-main .ame-section-4.ani-current .right-item,
.ssn-body .ame-main .ame-section-4.ani-next .right-item,
.ssn-body .ame-main .ame-section-5.ani-prev .right-item,
.ssn-body .ame-main .ame-section-5.ani-current .right-item,
.ssn-body .ame-main .ame-section-5.ani-next .right-item,
.ssn-body .ame-main .ame-section-6.ani-prev .right-item,
.ssn-body .ame-main .ame-section-6.ani-current .right-item,
.ssn-body .ame-main .ame-section-6.ani-next .right-item,
.ssn-body .ame-main .ame-section-7.ani-prev .right-item,
.ssn-body .ame-main .ame-section-7.ani-current .right-item,
.ssn-body .ame-main .ame-section-7.ani-next .right-item {
  position: fixed;
  top: 50%;
  left: 0;
  height: 50vh !important;
}
@media (min-width: 768px) {
  .ssn-body .ame-main .ame-section-3.ani-prev .right-item,
  .ssn-body .ame-main .ame-section-3.ani-current .right-item,
  .ssn-body .ame-main .ame-section-3.ani-next .right-item,
  .ssn-body .ame-main .ame-section-4.ani-prev .right-item,
  .ssn-body .ame-main .ame-section-4.ani-current .right-item,
  .ssn-body .ame-main .ame-section-4.ani-next .right-item,
  .ssn-body .ame-main .ame-section-5.ani-prev .right-item,
  .ssn-body .ame-main .ame-section-5.ani-current .right-item,
  .ssn-body .ame-main .ame-section-5.ani-next .right-item,
  .ssn-body .ame-main .ame-section-6.ani-prev .right-item,
  .ssn-body .ame-main .ame-section-6.ani-current .right-item,
  .ssn-body .ame-main .ame-section-6.ani-next .right-item, 
  .ssn-body .ame-main .ame-section-7.ani-prev .right-item,
  .ssn-body .ame-main .ame-section-7.ani-current .right-item,
  .ssn-body .ame-main .ame-section-7.ani-next .right-item {
    top: 0;
    height: 100vh !important;
  }
}
.ssn-body .ame-main .ame-section-3.ani-prev .right-item,
.ssn-body .ame-main .ame-section-3.ani-next .right-item,
.ssn-body .ame-main .ame-section-4.ani-prev .right-item,
.ssn-body .ame-main .ame-section-4.ani-next .right-item,
.ssn-body .ame-main .ame-section-5.ani-prev .right-item,
.ssn-body .ame-main .ame-section-5.ani-next .right-item,
.ssn-body .ame-main .ame-section-6.ani-prev .right-item,
.ssn-body .ame-main .ame-section-6.ani-next .right-item,
.ssn-body .ame-main .ame-section-7.ani-prev .right-item,
.ssn-body .ame-main .ame-section-7.ani-next .right-item {
  z-index: 10;
}
.ssn-body .ame-main .ame-section-3.ani-prev .right-item .product-image,
.ssn-body .ame-main .ame-section-3.ani-prev .right-item .shop-section,
.ssn-body .ame-main .ame-section-3.ani-next .right-item .product-image,
.ssn-body .ame-main .ame-section-3.ani-next .right-item .shop-section,
.ssn-body .ame-main .ame-section-4.ani-prev .right-item .product-image,
.ssn-body .ame-main .ame-section-4.ani-prev .right-item .shop-section,
.ssn-body .ame-main .ame-section-4.ani-next .right-item .product-image,
.ssn-body .ame-main .ame-section-4.ani-next .right-item .shop-section,
.ssn-body .ame-main .ame-section-5.ani-prev .right-item .product-image,
.ssn-body .ame-main .ame-section-5.ani-prev .right-item .shop-section,
.ssn-body .ame-main .ame-section-5.ani-next .right-item .product-image,
.ssn-body .ame-main .ame-section-5.ani-next .right-item .shop-section,
.ssn-body .ame-main .ame-section-6.ani-prev .right-item .product-image,
.ssn-body .ame-main .ame-section-6.ani-prev .right-item .shop-section,
.ssn-body .ame-main .ame-section-6.ani-next .right-item .product-image,
.ssn-body .ame-main .ame-section-6.ani-next .right-item .shop-section,
.ssn-body .ame-main .ame-section-7.ani-prev .right-item .product-image,
.ssn-body .ame-main .ame-section-7.ani-prev .right-item .shop-section,
.ssn-body .ame-main .ame-section-7.ani-next .right-item .product-image,
.ssn-body .ame-main .ame-section-7.ani-next .right-item .shop-section {
  animation: aniProSlideOutUp-10 0.5s ease-out;
  margin-top: -12%;
  opacity: 0;
}
.ssn-body .ame-main .ame-section-3.ani-prev .right-item .next-product,
.ssn-body .ame-main .ame-section-3.ani-next .right-item .next-product,
.ssn-body .ame-main .ame-section-4.ani-prev .right-item .next-product,
.ssn-body .ame-main .ame-section-4.ani-next .right-item .next-product,
.ssn-body .ame-main .ame-section-5.ani-prev .right-item .next-product,
.ssn-body .ame-main .ame-section-5.ani-next .right-item .next-product,
.ssn-body .ame-main .ame-section-6.ani-prev .right-item .next-product,
.ssn-body .ame-main .ame-section-6.ani-next .right-item .next-product,
.ssn-body .ame-main .ame-section-7.ani-prev .right-item .next-product,
.ssn-body .ame-main .ame-section-7.ani-next .right-item .next-product {
  display: none;
}
.ssn-body .ame-main .ame-section-3.ani-current .right-item .product-image,
.ssn-body .ame-main .ame-section-3.ani-current .right-item .shop-section,
.ssn-body .ame-main .ame-section-4.ani-current .right-item .product-image,
.ssn-body .ame-main .ame-section-4.ani-current .right-item .shop-section,
.ssn-body .ame-main .ame-section-5.ani-current .right-item .product-image,
.ssn-body .ame-main .ame-section-5.ani-current .right-item .shop-section,
.ssn-body .ame-main .ame-section-6.ani-current .right-item .product-image,
.ssn-body .ame-main .ame-section-6.ani-current .right-item .shop-section,
.ssn-body .ame-main .ame-section-7.ani-current .right-item .product-image,
.ssn-body .ame-main .ame-section-7.ani-current .right-item .shop-section {
  /* animation: aniProSlideOutUp-5 0.5s ease-in; */
  margin-top: 0;
  opacity: 1;
}
.ssn-body .ame-main .ame-section-3.ani-current .right-item .next-product,
.ssn-body .ame-main .ame-section-4.ani-current .right-item .next-product,
.ssn-body .ame-main .ame-section-5.ani-current .right-item .next-product,
.ssn-body .ame-main .ame-section-6.ani-current .right-item .next-product,
.ssn-body .ame-main .ame-section-7.ani-current .right-item .next-product {
  z-index: 10;
  display: block;
}
.ssn-body .ame-main .ame-section-2 .product-image,
.ssn-body .ame-main .ame-section-2 .shop-section,
.ssn-body .ame-main .ame-section-2 .next-product {
  position: relative;
  z-index: 10;
}
.ssn-body .ame-main .ame-section-2.ani-current.ani-move-prev .right-item {
  position: fixed;
  top: 50%;
  left: 0;
  height: 50vh !important;
}
@media (min-width: 768px) {
  .ssn-body .ame-main .ame-section-2.ani-current.ani-move-prev .right-item {
    top: 0;
    height: 100vh !important;
  }
}
.ssn-body .ame-main .ame-section-2.ani-current.ani-move-prev .right-item {
  z-index: 10;
}
.ssn-body .ame-main .ame-section-2.ani-current.ani-move-prev .right-item .product-image,
.ssn-body .ame-main .ame-section-2.ani-current.ani-move-prev .right-item .shop-section {
  opacity: 1;
}
.ssn-body .ame-main .ame-section-2.ani-current.ani-move-prev .right-item .next-product {
  display: block;
}
.ssn-body .ame-main .ame-section-2.ani-prev .right-item {
  position: fixed;
  top: 50%;
  left: 0;
  height: 50vh !important;
}
@media (min-width: 768px) {
  .ssn-body .ame-main .ame-section-2.ani-prev .right-item {
    top: 0;
    height: 100vh !important;
  }
}

.ssn-body .ame-main .ame-section-2.ani-prev .right-item {
  z-index: 10;
}
.ssn-body .ame-main .ame-section-2.ani-prev .right-item .product-image,
.ssn-body .ame-main .ame-section-2.ani-prev .right-item .shop-section {
  animation: aniProSlideOutUp-10 0.5s ease-out;
  margin-top: -12%;
  opacity: 0;
}

.ssn-body .ame-main .ame-section-2.ani-prev .right-item .next-product {
  display: none;
}
.ssn-body .ame-main .ame-section-2.ani-current {
  background-color: #fff;
  z-index: 1;
}
.ssn-body .ame-main .ame-section-2.ani-current .right-item .next-product {
  display: block;
}
.ssn-body .ame-main .ame-section-8 .product-image,
.ssn-body .ame-main .ame-section-8 .shop-section,
.ssn-body .ame-main .ame-section-8 .next-product {
  position: relative;
  z-index: 10;
}
.ssn-body .ame-main .ame-section-8.ani-current.ani-move-next .right-item {
  position: fixed;
  top: 50%;
  left: 0;
  height: 50vh !important;
}
@media (min-width: 768px) {
  .ssn-body .ame-main .ame-section-8.ani-current.ani-move-next .right-item {
    top: 0;
    height: 100vh !important;
  }
}
.ssn-body .ame-main .ame-section-8.ani-current.ani-move-next .right-item {
  z-index: 10;
}
.ssn-body .ame-main .ame-section-8.ani-current.ani-move-next .right-item .product-image,
.ssn-body .ame-main .ame-section-8.ani-current.ani-move-next .right-item .shop-section {
  opacity: 1;
}
.ssn-body .ame-main .ame-section-8.ani-current.ani-move-next .right-item .next-product {
  display: block;
}
.ssn-body .ame-main .ame-section-8.ani-next .right-item {
  position: fixed;
  top: 50%;
  left: 0;
  height: 50vh !important;
}
@media (min-width: 768px) {
  .ssn-body .ame-main .ame-section-8.ani-next .right-item {
    top: 0;
    height: 100vh !important;
  }
}
.ssn-body .ame-main .ame-section-8.ani-next .right-item .product-image,
.ssn-body .ame-main .ame-section-8.ani-next .right-item .shop-section {
  animation: aniProSlideOutUp-10 0.5s ease-out;
  margin-top: -12%;
  opacity: 0;
}
.ssn-body .ame-main .ame-section-8.ani-next .right-item .next-product {
  display: none;
}
.ssn-body .ame-main .ame-section-8.ani-current {
  background-color: #fff;
  z-index: 1;
}
.ssn-body .ame-main .ame-section-8.ani-current .right-item .next-product {
  display: block;
}
.ssn-body .ame-main .ame-section-2 .left-item,
.ssn-body .ame-main .ame-section-3 .left-item,
.ssn-body .ame-main .ame-section-4 .left-item,
.ssn-body .ame-main .ame-section-5 .left-item,
.ssn-body .ame-main .ame-section-6 .left-item,
.ssn-body .ame-main .ame-section-7 .left-item,
.ssn-body .ame-main .ame-section-8 .left-item {
  position: relative;
  z-index: 1;
}
.ssn-body .ame-main .ame-section-2 .right-item,
.ssn-body .ame-main .ame-section-3 .right-item,
.ssn-body .ame-main .ame-section-4 .right-item,
.ssn-body .ame-main .ame-section-5 .right-item,
.ssn-body .ame-main .ame-section-6 .right-item,
.ssn-body .ame-main .ame-section-7 .right-item,
.ssn-body .ame-main .ame-section-8 .right-item {
  position: relative;
  z-index: 2;
}
.ssn-body .ame-main .ame-section-2.ani-prev .right-item,
.ssn-body .ame-main .ame-section-2.ani-next .right-item,
.ssn-body .ame-main .ame-section-3.ani-prev .right-item,
.ssn-body .ame-main .ame-section-3.ani-next .right-item,
.ssn-body .ame-main .ame-section-4.ani-prev .right-item,
.ssn-body .ame-main .ame-section-4.ani-next .right-item,
.ssn-body .ame-main .ame-section-5.ani-prev .right-item,
.ssn-body .ame-main .ame-section-5.ani-next .right-item,
.ssn-body .ame-main .ame-section-6.ani-prev .right-item,
.ssn-body .ame-main .ame-section-6.ani-next .right-item,
.ssn-body .ame-main .ame-section-7.ani-prev .right-item,
.ssn-body .ame-main .ame-section-7.ani-next .right-item,
.ssn-body .ame-main .ame-section-8.ani-prev .right-item,
.ssn-body .ame-main .ame-section-8.ani-next .right-item {
  display: none;
}
.ssn-body .ame-main .ame-section-2.ani-prev.ani-show .right-item,
.ssn-body .ame-main .ame-section-2.ani-next.ani-show .right-item,
.ssn-body .ame-main .ame-section-3.ani-prev.ani-show .right-item,
.ssn-body .ame-main .ame-section-3.ani-next.ani-show .right-item,
.ssn-body .ame-main .ame-section-4.ani-prev.ani-show .right-item,
.ssn-body .ame-main .ame-section-4.ani-next.ani-show .right-item,
.ssn-body .ame-main .ame-section-5.ani-prev.ani-show .right-item,
.ssn-body .ame-main .ame-section-5.ani-next.ani-show .right-item,
.ssn-body .ame-main .ame-section-6.ani-prev.ani-show .right-item,
.ssn-body .ame-main .ame-section-6.ani-next.ani-show .right-item,
.ssn-body .ame-main .ame-section-7.ani-prev.ani-show .right-item,
.ssn-body .ame-main .ame-section-7.ani-next.ani-show .right-item,
.ssn-body .ame-main .ame-section-8.ani-prev.ani-show .right-item,
.ssn-body .ame-main .ame-section-8.ani-next.ani-show .right-item {
  display: block;
}
.ssn-body .ame-main .ame-section-2.ani-prev .personality-color,
.ssn-body .ame-main .ame-section-2.ani-next .personality-color,
.ssn-body .ame-main .ame-section-3.ani-prev .personality-color,
.ssn-body .ame-main .ame-section-3.ani-next .personality-color,
.ssn-body .ame-main .ame-section-4.ani-prev .personality-color,
.ssn-body .ame-main .ame-section-4.ani-next .personality-color,
.ssn-body .ame-main .ame-section-5.ani-prev .personality-color,
.ssn-body .ame-main .ame-section-5.ani-next .personality-color,
.ssn-body .ame-main .ame-section-6.ani-prev .personality-color,
.ssn-body .ame-main .ame-section-6.ani-next .personality-color,
.ssn-body .ame-main .ame-section-7.ani-prev .personality-color,
.ssn-body .ame-main .ame-section-7.ani-next .personality-color,
.ssn-body .ame-main .ame-section-8.ani-prev .personality-color,
.ssn-body .ame-main .ame-section-8.ani-next .personality-color {
  animation: aniProSlideOutUp-10 0.5s ease-in-out;
  margin-top: -10%;
  opacity: 0;
}
.ssn-body .ame-main .ame-section-2.ani-current .personality-color,
.ssn-body .ame-main .ame-section-3.ani-current .personality-color,
.ssn-body .ame-main .ame-section-4.ani-current .personality-color,
.ssn-body .ame-main .ame-section-5.ani-current .personality-color,
.ssn-body .ame-main .ame-section-6.ani-current .personality-color,
.ssn-body .ame-main .ame-section-7.ani-current .personality-color,
.ssn-body .ame-main .ame-section-8.ani-current .personality-color {
  animation: aniProSlideInDown-12 0.5s ease-in-out;
  margin-top: 0;
  opacity: 1;
}
.icon-ico-long-arrow-up::before {
	content: "\E925"
}
[class^=sa-icon] {
  font-family: samsonite-icons!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 211022追記 */
.back-to-top {
  bottom: 13%!important;
}