/*
Theme Name: Stones 2025
*/

::-webkit-scrollbar {
  width: 1px;
}

::-webkit-scrollbar-thumb {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #024391), to(#484848));
  background: linear-gradient(to bottom, #024391 50%, #494949);
  border-radius: 1px;

}

::-webkit-scrollbar-track {
  background: #dcdcdc;
}

/* 使用フォント */
:root {
  --NotoSans: 'Noto Sans JP', sans-serif;
  /* Regular 400 Medium 500 Bold 700 */
  --Roboto: "Roboto", sans-serif;
  /* Regular 400 Medium 500 Bold 700 */
  --Stick: "Stick", sans-serif;
  --Train-One : "Train One", system-ui;
}



html {
  font-size: calc(10 / 1280 * 100vw);
  background-color: #F6F5F3;
}

body {
  font-family: var(--NotoSans);
}

/*fade表示関連*/

.fade_in {
  opacity: 0;
  display: none;
  transition: opacity 1.5s cubic-bezier(0, 0.42, 0.58, 1);
}

.fade_up {
  transform: translateY(2vw);
  opacity: 0;
  transition: all 1.2s cubic-bezier(0, 0.42, 0.58, 1);
}

.fade_in.show {
  opacity: 1;
}

.fade_up.show {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.pc_only {
  display: block;
}

.sp_only {
  display: none;
}

img {
  object-fit: cover;
}





@media screen and (max-width: 699.98px) {

  html {
    font-size: calc(10 / 375 * 100vw);
  }

  .pc_only {
    display: none;
  }

  .sp_only {
    display: block;
  }

}