:root{--pp-100: #f3e8ff;--pp-200: #dec5fa;--pp-300: #b89def;--pp-500: #7c5dcf;--pp-700: #3d2778;--pp-800: #2d1b4e;--pp-900: #1a0f3d;--gold: #d4a017;--gold-soft: #f0c75e;--gold-pale: #fde9b6;--pink-50: #fff5f8;--pink-100: #ffe1ec;--pink-200: #ffc4d8;--pink-300: #ffa3c1;--pink-400: #f88aa8;--pink-500: #e76590;--bg-page: #fff8fc;--paper: #fdf7ff;--text-dark: #3d2778;--text-mid: #5d4d80;--text-light: #9b8db5}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Klee One,"Noto Serif JP",serif;background:var(--bg-page);color:var(--text-dark);font-feature-settings:"palt";-webkit-font-smoothing:antialiased;line-height:1.95}.container{max-width:760px;margin:0 auto;padding:0 24px}.article-hero{padding:56px 0 32px;background:radial-gradient(ellipse at top,rgba(255,230,240,.6) 0%,transparent 60%),linear-gradient(180deg,#fff8fc,#fdf7ff)}.breadcrumb{font-size:12px;color:var(--text-mid);margin:0 0 14px;letter-spacing:.05em}.breadcrumb a{color:var(--pink-500);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.article-title{font-family:Shippori Mincho,serif;font-size:clamp(24px,4.5vw,34px);font-weight:800;line-height:1.5;letter-spacing:.02em;margin:0 0 18px;color:var(--pp-900)}.article-meta{font-size:12px;color:var(--text-light);margin:0 0 18px;letter-spacing:.05em;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.byline{display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:6px 14px 6px 6px;background:#fff1f8b3;border-radius:999px;border:1px solid rgba(255,196,216,.5);transition:all .2s}.byline:hover{background:#ffe1ecf2;border-color:var(--pink-300);transform:translateY(-1px)}.byline-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--pink-100);flex-shrink:0}.byline-text{font-family:Klee One,serif;font-size:12px;color:var(--text-mid);letter-spacing:.05em}.byline-text strong{color:var(--pp-700);font-weight:700}.article-tags{display:inline-flex;gap:8px;flex-wrap:wrap}.tag{background:var(--pink-50);color:var(--pink-500);padding:2px 10px;border-radius:999px;font-size:11px}.article-body{padding:40px 24px 32px}.article-body h2{font-family:Shippori Mincho,serif;font-size:clamp(20px,3.4vw,26px);font-weight:700;color:var(--pp-900);margin:56px 0 20px;padding-bottom:12px;border-bottom:2px solid var(--pink-200);line-height:1.5}.article-body h3{font-family:Shippori Mincho,serif;font-size:clamp(17px,2.7vw,20px);font-weight:700;color:var(--pp-800);margin:36px 0 14px;padding-left:14px;border-left:4px solid var(--pink-400);line-height:1.5}.article-body p{font-size:15px;line-height:2;margin:0 0 22px;color:var(--text-dark)}.article-body p img,.article-body>img,.article-body img{display:block;max-width:100%;width:100%;height:auto;margin:36px auto;border-radius:16px;box-shadow:0 14px 32px -10px #baa1e866}.article-body p:has(>img){margin:0}.article-body a{color:var(--pink-500);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}.article-body a:hover{color:var(--pp-700)}.article-body strong{color:var(--pp-700);font-weight:700}.article-body ul,.article-body ol{margin:0 0 22px;padding-left:28px}.article-body li{font-size:15px;line-height:2;margin:4px 0}.article-body blockquote{margin:24px 0;padding:20px 24px;background:linear-gradient(135deg,var(--pink-50) 0%,#fff 100%);border-left:4px solid var(--pink-400);border-radius:0 12px 12px 0}.article-body blockquote p{margin:0;font-size:14px;color:var(--text-mid)}.article-body blockquote strong{color:var(--pink-500)}.article-body code{background:var(--pink-50);padding:2px 8px;border-radius:4px;font-size:.9em;color:var(--pp-700)}.article-body pre{background:var(--pp-900);color:#fde9b6;padding:18px 22px;border-radius:12px;overflow-x:auto;margin:22px 0}.article-body pre code{background:transparent;color:inherit;padding:0}.article-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px -4px #baa1e84d}.article-body th,.article-body td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--pink-100)}.article-body th{background:var(--pink-50);color:var(--pp-700);font-weight:700}.article-body hr{border:none;border-top:1px dashed var(--pp-200);margin:40px 0}.article-foot{padding:0 24px 80px}.related{margin:56px 0 0}.related-title{font-family:Shippori Mincho,serif;font-size:19px;font-weight:700;color:var(--pp-900);margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid var(--pink-200)}.related-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.related-card{display:block;padding:16px 20px;background:#fff;border:1px solid var(--pink-100);border-radius:14px;text-decoration:none;box-shadow:0 4px 14px -6px #baa1e840;transition:all .2s}.related-card:hover{border-color:var(--pink-300);transform:translateY(-2px);box-shadow:0 8px 20px -6px #baa1e866}.related-cat{display:inline-block;font-size:11px;color:var(--pink-500);background:var(--pink-50);padding:2px 10px;border-radius:999px;margin-bottom:6px}.related-post-title{display:block;font-family:Shippori Mincho,serif;font-size:15px;font-weight:700;color:var(--pp-900);line-height:1.6}.related-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;color:var(--text-mid);line-height:1.8;margin-top:6px}.back-link{text-align:center;margin:24px 0 0}.back-link a{color:var(--pp-700);font-size:13px;text-decoration:none;font-family:Shippori Mincho,serif}.back-link a:hover{color:var(--pink-500)}.site-footer{background:var(--pp-800);color:var(--pp-100);padding:32px 24px;text-align:center;font-size:12px;line-height:1.9}.site-footer p{margin:4px 0}.site-footer a{color:var(--pink-200);text-decoration:none}.site-footer a:hover{color:var(--gold-soft);text-decoration:underline}.article-body .svc-cta{margin:40px 0 44px}.article-body .svc-cta__lead{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;font-size:14.5px;line-height:1.9;color:var(--text-mid)}.article-body .svc-cta__lead span{position:relative;flex:1;padding:12px 16px;background:#fff;border:1px solid var(--pink-200);border-radius:4px 16px 16px}.article-body img.svc-cta__avatar{width:44px;height:44px;margin:0;flex-shrink:0;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--pink-200)}.article-body a.svc-cta__card{position:relative;display:flex;gap:18px;align-items:center;padding:18px;text-decoration:none;color:var(--text-dark);background:radial-gradient(ellipse at 100% 0%,rgba(240,199,94,.22) 0%,transparent 55%),linear-gradient(135deg,var(--pink-50) 0%,#fff 50%,var(--paper) 100%);border:1.5px solid var(--pink-200);border-radius:20px;box-shadow:0 14px 36px -18px #7c5dcf59;transition:transform .2s,box-shadow .2s,border-color .2s}.article-body a.svc-cta__card:before{content:"PR";position:absolute;top:-9px;right:18px;padding:0 9px;font-size:10.5px;letter-spacing:.12em;line-height:18px;color:var(--text-light);background:var(--bg-page);border:1px solid var(--pink-200);border-radius:999px}.article-body a.svc-cta__card:hover{transform:translateY(-2px);border-color:var(--pink-300);box-shadow:0 18px 40px -16px #e7659066}.article-body img.svc-cta__banner{width:112px;height:112px;margin:0;flex-shrink:0;object-fit:cover;border-radius:14px;box-shadow:0 6px 16px -8px #3d277866}.svc-cta__body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.svc-cta__name{font-family:Shippori Mincho,serif;font-weight:800;font-size:18px;line-height:1.5;color:var(--pp-900)}.svc-cta__bonus{align-self:flex-start;font-weight:600;font-size:14px;line-height:1.6;color:#8a5a00;background:linear-gradient(transparent 55%,var(--gold-pale) 55%)}.svc-cta__meta{font-size:12px;line-height:1.7;color:var(--text-light)}.svc-cta__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:11px 20px;font-weight:600;font-size:15px;line-height:1.4;color:#fff;background:linear-gradient(135deg,var(--pink-400) 0%,var(--pink-500) 100%);border-radius:999px;box-shadow:0 8px 18px -8px #e76590b3}.svc-cta__arrow{transition:transform .2s}.article-body a.svc-cta__card:hover .svc-cta__arrow{transform:translate(4px)}.article-body .svc-cta__note{margin:8px 4px 0;font-size:11px;line-height:1.6;color:var(--text-light);text-align:right}@media(max-width:560px){.article-body a.svc-cta__card{flex-direction:column;align-items:stretch;text-align:center;padding:20px 16px 16px}.article-body img.svc-cta__banner{width:96px;height:96px;align-self:center}.svc-cta__bonus{align-self:center}.article-body .svc-cta__note{text-align:center}}@media(prefers-reduced-motion:reduce){.article-body a.svc-cta__card,.svc-cta__arrow{transition:none}}.float-cta{position:fixed;z-index:45;right:28px;bottom:28px;width:min(360px,calc(100vw - 32px));opacity:0;transform:translateY(160%);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .45s ease;pointer-events:none;will-change:transform,opacity}.float-cta.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.float-cta__inner{display:flex;align-items:center;gap:13px;padding:10px 14px 10px 10px;text-decoration:none;border-radius:999px;border:1px solid rgba(255,196,216,.75);background:radial-gradient(ellipse at 88% 0%,rgba(212,160,23,.12) 0%,transparent 58%),linear-gradient(135deg,#ffffff 0%,var(--pink-50) 100%);box-shadow:0 18px 44px -14px #7c5dcf6b,0 5px 14px -8px #e765904d,inset 0 1px #ffffffe6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .3s ease,box-shadow .3s ease}.float-cta__inner:hover{transform:translateY(-2px);box-shadow:0 22px 52px -14px #7c5dcf8c,0 6px 16px -8px #e7659066,inset 0 1px #ffffffe6}.float-cta__avatar{position:relative;flex-shrink:0;width:46px;height:46px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold-pale)}.float-cta__avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--pink-100);display:block}.float-cta__spark{position:absolute;top:-5px;right:-5px;font-size:11px;color:var(--gold);text-shadow:0 0 6px rgba(240,199,94,.8);animation:floatCtaTwinkle 2.6s ease-in-out infinite}@keyframes floatCtaTwinkle{0%,to{opacity:.35;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}.float-cta__body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.float-cta__eyebrow{font-family:Sacramento,cursive;font-size:17px;line-height:1;color:var(--pink-500);letter-spacing:.01em}.float-cta__title{font-family:Shippori Mincho,serif;font-size:15px;font-weight:700;color:var(--pp-900);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.float-cta__go{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--pink-400) 0%,var(--pp-500) 100%);color:#fff;font-family:Cormorant Garamond,serif;font-style:italic;font-size:20px;box-shadow:0 6px 14px -4px #7c5dcf80;transition:transform .3s ease}.float-cta__inner:hover .float-cta__go{transform:translate(3px)}.float-cta__close{position:absolute;top:-9px;right:-9px;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,196,216,.8);border-radius:50%;background:#fff;color:var(--text-light);font-size:14px;line-height:1;cursor:pointer;box-shadow:0 3px 8px -3px #7c5dcf4d;transition:color .2s ease,transform .2s ease}.float-cta__close:hover{color:var(--pink-500);transform:scale(1.1)}@media(max-width:600px){.float-cta{right:12px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto}.float-cta__inner{gap:11px;padding:9px 12px 9px 9px}.float-cta__avatar{width:42px;height:42px}.float-cta__eyebrow{font-size:15px}.float-cta__title{font-size:14px}.float-cta__go{width:36px;height:36px;font-size:18px}}@media(prefers-reduced-motion:reduce){.float-cta{transition:opacity .3s ease;transform:none}.float-cta__spark{animation:none}.float-cta__inner,.float-cta__go{transition:none}}
