@charset "UTF-8";
#ss2026 {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-feature-settings: "palt";
}
#ss2026 * {
  box-sizing: border-box;
}
#ss2026 img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
}
#ss2026 ._fadein {
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
  transform: translateY(50px);
}
#ss2026 ._fadein._animated {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#ss2026 ._fadeinOpacity {
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
}
#ss2026 ._fadeinOpacity._animated {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#ss2026 ._blur {
  opacity: 0;
  transition: opacity 0.5s;
  visibility: hidden;
}
#ss2026 ._blur img {
  filter: blur(20px);
  transition: filter 1s;
}
#ss2026 ._blur._animated {
  opacity: 1;
  visibility: visible;
}
#ss2026 ._blur._animated img {
  filter: blur(0px);
}
#ss2026 ._zoom img {
  transition: transform 5s;
  transition-delay: 0.5s;
  transform: scale(1.1);
}
#ss2026 ._zoom._animated img {
  transform: scale(1);
}
#ss2026 ._fadeinShadow::before, #ss2026 ._fadeinShadow::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 21;
  transition: transform 0.6s;
  will-change: transform;
}
#ss2026 ._fadeinShadow::before {
  background: #000000;
  right: 0;
  left: 0;
}
#ss2026 ._fadeinShadow::after {
  background: #ccc;
  width: 200%;
  right: -200%;
}
#ss2026 ._fadeinShadow._animated::before {
  animation: load-bg 0.8s ease-in-out;
  animation-fill-mode: forwards;
  animation-duration: 0.8s;
}
#ss2026 ._fadeinShadow._animated::after {
  animation: load-bg2 1.2s ease-in-out;
  animation-fill-mode: forwards;
  animation-duration: 1.2s;
}
#ss2026 ._imgSwitch img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
#ss2026 ._imgSwitch img:first-of-type {
  animation: image-switch-animation 10s infinite;
  animation-delay: -1s;
  z-index: 2;
}
#ss2026 ._imgSwitch img:nth-last-of-type(1) {
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #ss2026 ._imgSwitchSP img {
    position: absolute;
  }
  #ss2026 ._imgSwitchSP img:first-of-type {
    animation: image-switch-animation 10s infinite;
    animation-delay: -1s;
    z-index: 2;
  }
  #ss2026 ._imgSwitchSP img:nth-last-of-type(1) {
    z-index: 1;
  }
}
#ss2026 ._img3Switch {
  z-index: 1;
}
#ss2026 ._img3Switch img {
  position: absolute;
}
#ss2026 ._img3Switch._animated img {
  animation: image-switch-3-animation 15s infinite;
  opacity: 0;
}
#ss2026 ._img3Switch._animated img:nth-of-type(1) {
  animation-delay: 0s;
  z-index: 1;
}
#ss2026 ._img3Switch._animated img:nth-of-type(2) {
  animation-delay: 5s;
  z-index: 2;
}
#ss2026 ._img3Switch._animated img:nth-of-type(3) {
  animation-delay: 10s;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  #ss2026 ._img3SwitchSP {
    z-index: 1;
  }
  #ss2026 ._img3SwitchSP img {
    position: absolute;
  }
  #ss2026 ._img3SwitchSP._animated img {
    animation: image-switch-3-animation 15s infinite;
    opacity: 0;
  }
  #ss2026 ._img3SwitchSP._animated img:nth-of-type(1) {
    animation-delay: 0s;
    z-index: 1;
  }
  #ss2026 ._img3SwitchSP._animated img:nth-of-type(2) {
    animation-delay: 5s;
    z-index: 2;
  }
  #ss2026 ._img3SwitchSP._animated img:nth-of-type(3) {
    animation-delay: 10s;
    z-index: 3;
  }
}
@media screen and (min-width: 768px) {
  #ss2026 ._rotateWrap ._rotate ._rotateTarget {
    opacity: 0;
    backface-visibility: hidden;
    transition: transform 1s, opacity 1s !important;
  }
  #ss2026 ._rotateWrap ._rotate:nth-child(2) ._rotateTarget {
    animation-delay: 0.2s;
  }
  #ss2026 ._rotateWrap ._rotate:nth-child(3) ._rotateTarget {
    animation-delay: 0.3s;
  }
  #ss2026 ._rotateWrap._animated ._rotate ._rotateTarget {
    animation: rotate-animation 2s;
    animation-fill-mode: forwards;
  }
  #ss2026 ._rotateWrap._animated ._rotate:nth-child(2) ._rotateTarget {
    animation-delay: 0.2s;
  }
  #ss2026 ._rotateWrap._animated ._rotate:nth-child(3) ._rotateTarget {
    animation-delay: 0.3s;
  }
}
@keyframes image-switch-animation {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes image-switch-3-animation {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  45% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rotate-switch-animation {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes rotate-animation {
  0% {
    transform: rotateY(90deg);
  }
  1% {
    opacity: 1;
  }
  50% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
    opacity: 1;
  }
}
@keyframes load-bg {
  0% {
    transform: translate(0%, 0);
  }
  40%, 60% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(calc(-100% - 1px), 0);
  }
}
@keyframes load-bg2 {
  0% {
    transform: translate(0%, 0);
  }
  40% {
    transform: translate(calc(-50% - 1px), 0);
  }
  100% {
    transform: translate(calc(-200% - 1px), 0);
  }
}
#ss2026 .sp {
  display: block;
}
@media screen and (min-width: 768px) {
  #ss2026 .sp {
    display: none;
  }
}
#ss2026 .sp-inline {
  display: inline;
}
@media screen and (min-width: 768px) {
  #ss2026 .sp-inline {
    display: none;
  }
}
#ss2026 .pc {
  display: none;
}
@media screen and (min-width: 768px) {
  #ss2026 .pc {
    display: block;
  }
}
#ss2026 .pc-inline {
  display: none;
}
@media screen and (min-width: 768px) {
  #ss2026 .pc-inline {
    display: inline;
  }
}/*# sourceMappingURL=lower-common-2026ss.css.map */