/* font */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600&display=swap");
/*==================================
 setting
===================================*/
/* $color-font: #464646; */
/* @include config.fontFamily01(normal, .1rem); */
* {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

html {
  width: 100%;
  height: 100%;
}

body {
  position: relative;
  min-width: 320px;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: "Noto Sans JP", Helvetica, sans-serif;
  line-height: 1.4;
  color: #333;
  font-feature-settings: "palt";
  z-index: 0;
}

img {
  max-width: 100%;
  height: auto;
}

a,
a:hover,
a:active {
  color: none;
}

a:visited {
  color: none;
}

a:focus {
  outline: none;
}

ul {
  list-style: none;
}

h1,
h2,
h3 {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

[class*=is-shadow] {
  --x: 0 0 var(--txtshadow-width, 1px) var(--txtshadow-color, #fff);
  --y: var(--x), var(--x), var(--x), var(--x), var(--x), var(--x) /* 6 */;
  text-shadow: var(--y), var(--y), var(--y), var(--y), var(--y), var(--y);
}

[class*=itemNew] {
  bottom: 0;
  left: 0;
  font-weight: bold;
  background: #00e8f6;
  border-radius: 0 2vw 2vw 0;
  color: #fff;
  font-size: 1.2vw;
  padding: 0.3vw 1.8vw 0.3vw 2vw;
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  [class*=itemNew] {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 980px) {
  [class*=itemNew] {
    font-size: 3.6vw;
    padding: 0.6vw 3.6vw 0.6vw 4vw;
  }
}
[class*=itemNew].is-shadow {
  --txtshadow-width: 2px;
  --txtshadow-color: #009caf;
}

/*==================================
  animation
===================================*/
.d0 {
  animation-delay: 0s !important;
}

.d1 {
  animation-delay: 0.1s !important;
}

.d2 {
  animation-delay: 0.2s !important;
}

.d3 {
  animation-delay: 0.3s !important;
}

.d4 {
  animation-delay: 0.4s !important;
}

.d5 {
  animation-delay: 0.5s !important;
}

.d6 {
  animation-delay: 0.6s !important;
}

.d7 {
  animation-delay: 0.7s !important;
}

.d10 {
  animation-delay: 1s !important;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  transform-origin: 50% 50%;
  opacity: 0;
}

.animated:not(.-anime) {
  width: 100%;
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-duration: 0.75s;
  animation-delay: 0.1s;
  animation: bounceIn 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

.moveLeft {
  animation: moveLeft 0.4s 0.3s cubic-bezier(0.2, 0.61, 0.48, 1) both;
}

@keyframes moveLeft {
  0% {
    left: -50%;
    opacity: 0;
  }
  100% {
    left: -2%;
    opacity: 1;
  }
}
.moveRight {
  animation: moveRight 0.4s 0.3s cubic-bezier(0.2, 0.61, 0.48, 1) both;
}

@keyframes moveRight {
  0% {
    right: -50%;
    opacity: 0;
  }
  100% {
    right: -2%;
    opacity: 1;
  }
}
.moveRight02 {
  animation: moveRight02 0.3s 0.3s both;
}

@keyframes moveRight02 {
  0% {
    transform: translate(-40px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes fadeIn-up {
  0% {
    top: 1rem;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.fadeIn-up {
  animation: fadeIn-up 0.4s 0.3s cubic-bezier(0.2, 0.61, 0.48, 1) both;
}

@keyframes fadeIn-b {
  0% {
    transform: scale3d(1.2, 1.2, 1.2);
    opacity: 0;
  }
  100% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
.fadeIn-b {
  animation: fadeIn-b 0.25s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@keyframes fadeIn-large {
  0% {
    transform: scale3d(0.8, 0.8, 0.8);
    opacity: 0;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
    opacity: 1;
  }
  100% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
.fadeIn-large {
  animation: fadeIn-large 0.5s cubic-bezier(0.17, 0.88, 0.3, 1.27) both;
}

@keyframes stamped {
  from {
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0;
  }
  to {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
.fadeIn {
  animation: fadeIn 1s ease-in-out both;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeUp {
  animation: fadeUpAnime 0.4s 0.3s cubic-bezier(0.2, 0.61, 0.48, 1) both;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*==================================
  common
===================================*/
.-hover01:hover {
  transform: translateY(2px);
}

img.lazyload {
  width: 100%;
}

.-onlyPc {
  display: block;
}
@media screen and (max-width: 980px) {
  .-onlyPc {
    display: none;
  }
}

.-onlySp {
  display: none;
}
@media screen and (max-width: 980px) {
  .-onlySp {
    display: block;
  }
}/*# sourceMappingURL=common.css.map */