/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 21 2026 | 10:03:44 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 




/* フェードイン表示================================================================= */
/* フェードインの初期状態 */
.js-fadein {
  opacity: 0;
  transform: translateY(30px); /* 30px下に下げておく */
  transition: opacity 0.8s, transform 0.8s; /* 0.8秒かけてアニメーション */
}

/* JavaScriptでこのクラスが付与されたら表示される */
.js-fadein.is-visible {
  opacity: 1;
  transform: translateY(0);
}




/* 隠れている状態からスライドして現れるアニメーション================================================================= */
/* 1. 初期状態：要素の下側を切り取って隠し、少し下げておく */
.view-up {
    clip-path: inset(0 0 100% 0) !important; 
    transform: translateY(50px) !important;
    transition: all 0.4s ease-out !important;
    display: block !important; /* 明示的にブロック要素にする */
}

.view-up.is-active {
    clip-path: inset(0 0 0 0) !important;
    transform: translateY(0) !important;
}