/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 28 2026 | 09:09:03 */
/* 固定ページのコンテンツ全体をふわっと表示させる */
.page .entry-content,
.page .entry-title {
    animation: fadeInBody 1.5s ease-out forwards;
    opacity: 0; /* 最初は隠しておく */
}

/* ふわっと浮き上がるアニメーションの定義 */
@keyframes fadeInBody {
    0% {
        opacity: 0;
        transform: translateY(20px); /* 少し下から */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* 本来の位置へ */
    }

}/* Lightning用：スクロールした時の停止位置を調整（ヘッダーに被らないように） */
:target::before {
    content: "";
    display: block;
    height: 100px; /* ここの数字をヘッダーの高さに合わせて調整 */
    margin-top: -100px;
    visibility: hidden;
}/* これをhtmlとbodyの両方に効かせます */
html, body {
    scroll-behavior: smooth !important;
}/* 1. ページ全体にスムーススクロールを指示（これでもダメな時用） */
html {
    scroll-behavior: smooth !important;
}

/* 2. モバイルでのカクつきを防ぎ、慣性スクロールを有効にする */
body {
    -webkit-overflow-scrolling: touch;
}

/* 3. 【重要】リンクをクリックした時の「止まる位置」を調整 */
/* これを入れないと、見出しがヘッダーの下に潜り込んで「なめらか」に見えません */
:target {
    scroll-margin-top: 120px !important;
}/* ここにCSSコードを追加

例:
.example {
    color: red;
}

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

コメント終わり */