/* diary.css : 古の2000s / 黒・赤・ピンク基調（白なし） */ /* 背景画像はそのまま（Fruits.jpg） */ /* できれば diaryページのを維持してね */ body.diary-page{ margin: 0; min-height: 100vh; padding: 18px 12px 40px; background-image: url('diaryImages/Fruits.jpg'); background-repeat: repeat; color: #f2e9ff; font: 13px/1.75 "MS PGothic","MS Gothic",Verdana,Arial,Helvetica,sans-serif; text-align: center; } /* リンク：ピンク寄せ（visitedも薄紫寄せ） */ body.diary-page a{ color:#ff4fa6; text-decoration: none; } body.diary-page a:hover{ text-decoration: underline; } body.diary-page a:visited{ color:#b07cff; } /* ヘッダー（記事ページ用） */ .d-head{ max-width: 860px; margin: 0 auto 16px; text-align: center; } /* タイトル箱：透明ボード＋ネオン枠 */ .d-title{ display: inline-block; margin: 10px auto 6px; padding: 14px 22px; border: 2px solid #ff2a8a; background: rgba(0,0,0,0.72); box-shadow: 0 0 0 2px rgba(0,0,0,0.55); width: auto; } /* サブテキスト */ .d-sub{ margin: 0 auto 8px; color:#ffd1ea; font-family:"Courier New", Courier, monospace; letter-spacing: .3px; } /* ナビ */ .d-nav{ margin-bottom: 6px; } .d-nav a{ display: inline-block; padding: 4px 8px; border: 1px solid #ff2a8a; background: rgba(0,0,0,0.65); margin: 0 4px 6px; } .d-nav a:hover{ background: rgba(0,0,0,0.85); } /* 罫線（古） */ .dash{ border: 0; border-top: 1px dashed #ff2a8a; margin: 12px 0; } /* 記事ラップ */ .d-wrap{ max-width: 860px; margin: 0 auto; text-align: left; /* 中身は読みやすく左寄せ */ } /* 本文ボード（白禁止なので黒透過） */ .d-entry{ border: 2px solid #ff2a8a; background: rgba(0,0,0,0.78); padding: 18px; box-shadow: 0 0 0 2px rgba(0,0,0,0.55); } /* メタ情報（日時など） */ .d-meta{ margin-bottom: 10px; color:#cbb7ff; font-family:"Courier New", Courier, monospace; font-size: 12px; } /* メディア枠（画像・動画など） */ .d-media{ margin: 12px 0; border: 1px dashed #ff2a8a; background: rgba(20,0,10,0.55); padding: 10px; } .d-media img{ max-width: 100%; height: auto; display: block; margin: 0 auto; border: 1px solid rgba(255,42,138,0.55); } /* 本文 */ .d-body p{ margin: 0 0 12px; line-height: 1.9; } .d-body h1,.d-body h2,.d-body h3{ margin: 14px 0 8px; color:#ff7fc4; font-family:"MS PGothic","MS Gothic",system-ui,sans-serif; } .d-body blockquote{ margin: 12px 0; padding: 10px 12px; border-left: 4px solid #ff2a8a; background: rgba(0,0,0,0.55); color:#ffd1ea; } /* ページャ（前/次） */ .d-pager{ display:flex; justify-content: space-between; gap: 10px; margin: 14px 0; } .d-pager a{ flex: 1; text-align: center; padding: 6px 10px; border: 1px solid #ff2a8a; background: rgba(0,0,0,0.65); } .d-pager a:hover{ background: rgba(0,0,0,0.85); } /* フッター */ .d-foot{ text-align:center; margin-top: 18px; } .d-foot a{ display:inline-block; padding: 6px 10px; border: 1px solid #ff2a8a; background: rgba(0,0,0,0.65); } .d-foot a:hover{ background: rgba(0,0,0,0.85); } /* カカポカーソル前提 */ html, body { cursor: none; } * { cursor: none !important; } #custom-cursor{ position: fixed; left: 0; top: 0; width: 32px; height: 32px; pointer-events: none; z-index: 99999; display: none; will-change: transform; }