/* HolyCMS スキン装飾：santaria_pink */

/* ── theme_css.php のスキン別スタイルより移植 ── */
/* ══ 2026特別記念：希望王女サンタリア マジカルピンク ══ */
/* ═ 2026 Magical Pink 基盤：純白紙面・こい文字・太字で読みやすく ═ */
body{background-color:#ffffff !important;color:#241a2f !important;font-weight:600;}
p,li,td,.card p,.panel p,.of-card p,.article-body,.page-body{color:#241a2f !important;}
h1,h2,h3{font-weight:900 !important;color:#e0117a !important;letter-spacing:.02em;}
a{color:#ff2f92;font-weight:700;}
a:hover{text-decoration:underline;text-underline-offset:3px;}
input,textarea,select{background:#ffffff !important;color:#241a2f !important;border:1.6px solid #ffd0ea !important;border-radius:12px !important;font-weight:600;}
/* リボン見出し：両端に折り返しのある本物のリボン帯（帯＝グラデ、尾＝濃色、折り目つき） */
.bar,.official-bar{position:relative;background:linear-gradient(180deg,#ff8ccb,#ff4fa3) ,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15 3l3 7.4 8 .6-6.2 5.2 2 7.8-6.8-4.2-6.8 4.2 2-7.8L4 11l8-.6z' fill='%23ffffff' fill-opacity='.30'/%3E%3C/svg%3E") !important;background-size:auto,30px 30px !important;color:#fff !important;border:0 !important;border-radius:5px !important;padding:12px 30px !important;font-weight:900 !important;letter-spacing:.07em;box-shadow:0 7px 18px rgba(224,17,122,.28),inset 0 2px 0 rgba(255,255,255,.55) !important;margin-left:22px;margin-right:22px;z-index:0;}
.bar::before,.bar::after,.official-bar::before,.official-bar::after{content:"";position:absolute;top:7px;bottom:-7px;width:30px;background:#e0498f;z-index:-1;}
.bar::before,.official-bar::before{left:-20px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,12px 50%);border-radius:4px 0 0 4px;}
.bar::after,.official-bar::after{right:-20px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);border-radius:0 4px 4px 0;}
.bar .more,.bar a,.official-bar a{color:#fff !important;font-weight:800;}
.pu-sec h2,.section-head h2{position:relative;display:inline-block;background:linear-gradient(180deg,#ff8ccb,#ff4fa3) ,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15 3l3 7.4 8 .6-6.2 5.2 2 7.8-6.8-4.2-6.8 4.2 2-7.8L4 11l8-.6z' fill='%23ffffff' fill-opacity='.30'/%3E%3C/svg%3E") !important;background-size:auto,30px 30px !important;color:#ffffff !important;padding:11px 36px !important;border-radius:5px;font-weight:900 !important;letter-spacing:.06em;box-shadow:0 7px 16px rgba(224,17,122,.26),inset 0 2px 0 rgba(255,255,255,.5);margin-left:20px;z-index:0;}
.pu-sec h2::before,.section-head h2::before{content:"" !important;position:absolute;left:-18px;top:7px;bottom:-7px;width:28px;margin:0 !important;background:#e0498f;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,11px 50%);border-radius:4px 0 0 4px;z-index:-1;transform:none !important;}
.pu-sec h2::after,.section-head h2::after{content:"";position:absolute;right:-18px;top:7px;bottom:-7px;width:28px;background:#e0498f;clip-path:polygon(0 0,100% 0,calc(100% - 11px) 50%,100% 100%,0 100%);border-radius:0 4px 4px 0;z-index:-1;}
.pu-sec h2 small{background:#ffffff !important;color:#ff2f92 !important;border-radius:999px;padding:2px 12px;font-weight:900;margin-left:10px;box-shadow:0 2px 0 rgba(0,0,0,.06);}
/* 特殊マジカルピンク・ヘッダー：グラデ＋きらめき＋レースのスカラップ縁 */
#gh,.gh{background:linear-gradient(115deg,#ffe1f1,#ffb1da 42%,#ffd2ef 78%,#ffe9f6) ,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15 3l3 7.4 8 .6-6.2 5.2 2 7.8-6.8-4.2-6.8 4.2 2-7.8L4 11l8-.6z' fill='%23ffffff' fill-opacity='.30'/%3E%3C/svg%3E") !important;background-size:auto,52px 52px !important;border-bottom:0 !important;box-shadow:0 4px 20px rgba(255,79,163,.22) !important;position:relative;}
.gh::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;background:radial-gradient(circle at 13px -6px, #ffb1da 12px, transparent 13px) repeat-x;background-size:26px 12px;pointer-events:none;}
.gh-logotype{color:#8a1054 !important;font-weight:900 !important;text-shadow:0 1px 0 #fff;}
.gh-cross{color:#c2187f !important;}
.gh a,.gh-iconbtn{color:#7a1150 !important;}
.gh-search input{background:#ffffff !important;border:2px solid #ffb1da !important;border-radius:999px !important;color:#241a2f !important;font-weight:700;}
.gh-chips a{background:#ffffff !important;color:#a01166 !important;border:1.6px solid #ffcbe6 !important;border-radius:999px !important;font-weight:800 !important;}
.gh-chips a.active{background:linear-gradient(180deg,#ff8ccb,#ff4fa3) !important;color:#fff !important;border-color:transparent !important;}
/* 特殊マジカルピンク・フッター：スカラップ＋モチーフ帯 */
footer.gf,.gf{background:linear-gradient(115deg,#ffe1f1,#ffb1da 46%,#ffd7f0) ,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15 3l3 7.4 8 .6-6.2 5.2 2 7.8-6.8-4.2-6.8 4.2 2-7.8L4 11l8-.6z' fill='%23ffffff' fill-opacity='.30'/%3E%3C/svg%3E") !important;background-size:auto,52px 52px !important;border-top:0 !important;color:#6a0f4a !important;position:relative;margin-top:34px;}
.gf::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;background:radial-gradient(circle at 13px 18px, #ffb1da 12px, transparent 13px) repeat-x;background-size:26px 12px;}
.gf,.gf a,.gf .gf-desc,.gf p,.gf li{color:#6a0f4a !important;font-weight:700 !important;}
.gf a:hover{color:#c2187f !important;}
/* カード：純白×ピンク細枠・上端グラデリボン線・ふわっと浮く */
.of-card,.honpen-card,.card,.panel,.pu-side-box,.notice,.music-item,.box{background:#ffffff !important;border:2px solid #ffd0ea !important;border-radius:16px !important;box-shadow:0 8px 22px rgba(255,79,163,.10) !important;position:relative;overflow:hidden;transition:transform .18s cubic-bezier(.2,.8,.3,1.35),box-shadow .18s;}
.of-card::before,.honpen-card::before,.card::before,.pu-side-box::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,#ff8ccb,#ff4fa3 55%,#b28cff);}
.of-card:hover,.honpen-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(255,79,163,.22) !important;}
.frame{background:#fff5fa !important;}
/* ボタン：ピンクグラデの丸ボタン・白字900 */
.btn.primary,.pu-btn:not(.ghost),.blk-btn{background:linear-gradient(180deg,#ff8ccb,#ff4fa3) !important;color:#ffffff !important;border:0 !important;border-radius:999px !important;font-weight:900 !important;letter-spacing:.04em;box-shadow:0 6px 16px rgba(224,17,122,.32),inset 0 2px 0 rgba(255,255,255,.5) !important;}
.btn.primary:hover,.pu-btn:not(.ghost):hover,.blk-btn:hover{filter:brightness(1.06);transform:translateY(-1px);}
.pu-btn.ghost,.btn:not(.primary):not(.danger){background:#ffffff !important;color:#ff2f92 !important;border:2px solid #ffb9de !important;border-radius:999px !important;font-weight:800 !important;}
.tag-mini,.of-cat,.of-cat-label{background:#fff1f8 !important;color:#ff2f92 !important;border:1.4px solid #ffd0ea !important;border-radius:999px !important;font-weight:800;}
.of-new{background:linear-gradient(180deg,#ff6db8,#ff2f92) !important;color:#fff !important;border-radius:999px;font-weight:900;transform:rotate(-4deg);box-shadow:0 3px 8px rgba(255,47,146,.4);}
.ticker{background:linear-gradient(90deg,#ff8ccb,#ff4fa3) !important;color:#fff !important;font-weight:800;}
blockquote{background:#fff6fb;border:2px solid #ffd0ea;border-left:7px solid #ff4fa3;border-radius:14px;padding:14px 18px;color:#241a2f;}

/* ─ サンタリアの魔法：星のきらめき・ラベンダーの残光・ハートの床 ─ */
body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cpath d='M17 27c-7-5.4-11-9-11-13.6A6.4 6.4 0 0117 9a6.4 6.4 0 0111 4.4C28 18 24 21.6 17 27z' fill='%23ff4fa3' fill-opacity='.08'/%3E%3C/svg%3E"),radial-gradient(90% 46% at 88% -6%,rgba(178,140,255,.14),transparent 62%),radial-gradient(70% 40% at 6% 8%,rgba(255,140,203,.12),transparent 60%) !important;background-size:34px 34px,auto,auto !important;background-attachment:fixed !important;}
@keyframes mxTwinkle{0%,100%{opacity:.55}50%{opacity:1}}
.gh::before{content:"★ ☆ ★";position:absolute;right:14px;top:6px;color:#ffffff;text-shadow:0 0 8px #ff8ccb;font-size:13px;letter-spacing:6px;animation:mxTwinkle 2.4s ease-in-out infinite;pointer-events:none;}
.gf::after{content:"☆ ♥ ★ ♥ ☆";position:absolute;left:50%;transform:translateX(-50%);top:8px;color:#ffffff;text-shadow:0 0 8px #ff8ccb;letter-spacing:10px;font-size:12px;animation:mxTwinkle 3s ease-in-out infinite;}
.pu-sec h2::marker{content:"";}
.of-new{clip-path:polygon(50% 6%,61% 0,79% 4%,88% 16%,100% 30%,88% 52%,50% 100%,12% 52%,0 30%,12% 16%,21% 4%,39% 0);border-radius:0;transform:rotate(-6deg);padding:6px 12px 10px;}
.bar,.official-bar,.pu-sec h2,.section-head h2{text-shadow:0 1px 0 rgba(0,0,0,.12),0 0 14px rgba(255,255,255,.35);}
.of-card:hover,.honpen-card:hover{transform:translateY(-4px) rotate(-.4deg);}