/* Chuwincle Media 1.0.3 — 記事・一覧・固定ページ用。配色と書体はトップページ（chuwincle-company）に合わせている。 外部フォントや画像は読み込まない。すべて #cwm の中だけに効く。 */ /* Windows の游ゴシックは標準の太さだと細く見えるため、Medium を標準として使う（端末内のフォントを参照するだけで、ダウンロードはしない） */ @font-face{font-family:"CWM Yu Gothic";src:local("Yu Gothic Medium"),local("YuGothic-Medium");font-weight:100 500} @font-face{font-family:"CWM Yu Gothic";src:local("Yu Gothic Bold"),local("YuGothic-Bold");font-weight:600 900} /* ---------- 0. 土台 ---------- */ html.cwm-html{scroll-behavior:smooth} body.cwm-body{margin:0!important;padding:0!important;background:#080814!important;max-width:none!important;min-width:0!important} body.cwm-body::before,body.cwm-body::after{display:none!important} #cwm{ --cwm-night:#080814;--cwm-dusk:#110d22;--cwm-plum:#1a122b;--cwm-ink:#211b32;--cwm-text:#2c2338; --cwm-paper:#f1ebf3;--cwm-paper-hi:#f9f5fa;--cwm-white:#f8f2ed;--cwm-muted:#bdb5d0;--cwm-soft:#6c5a77; --cwm-gold:#ebd29f;--cwm-champagne:#f0d9aa;--cwm-gold-deep:#9a753d;--cwm-gold-ink:#7a5c2e; --cwm-violet:#7f467f;--cwm-violet-ink:#6a3b6e;--cwm-line:#cfc1d5;--cwm-line-gold:rgba(151,112,58,.45); --cwm-serif:"Noto Serif CJK JP","Noto Serif JP","Yu Mincho","YuMincho","Hiragino Mincho ProN",serif; --cwm-sans:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","CWM Yu Gothic","Yu Gothic","YuGothic",Meiryo,sans-serif; --cwm-latin:Georgia,"Times New Roman",serif; --cwm-star:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%); --cwm-top:0px;--cwm-head:84px; position:relative;isolation:isolate;width:100%;max-width:none;background:var(--cwm-night);color:var(--cwm-white); font:400 15px/1.9 var(--cwm-sans);letter-spacing:.035em;text-align:left;overflow-wrap:break-word; -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100% } body.admin-bar #cwm{--cwm-top:32px} #cwm *,#cwm *::before,#cwm *::after{box-sizing:border-box} #cwm :where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote){margin:0} #cwm :where(ul,ol){padding:0;list-style:none} #cwm a{color:inherit;text-decoration:none} #cwm :where(button){-webkit-appearance:none;appearance:none;font:inherit;color:inherit;letter-spacing:inherit;background:none;border:0;border-radius:0;padding:0;margin:0;cursor:pointer;box-shadow:none;text-transform:none} #cwm img{max-width:100%;height:auto} #cwm ::selection{color:#100c23;background:#ebd29f} #cwm a:focus-visible,#cwm button:focus-visible,#cwm summary:focus-visible{outline:2px solid #d8b477;outline-offset:5px;border-radius:3px} #cwm [data-cwm-tone="light"] a:focus-visible,#cwm [data-cwm-tone="light"] summary:focus-visible{outline-color:#7f467f} #cwm .cwm-symbols{position:absolute;width:0;height:0;overflow:hidden} #cwm .cwm-icon{display:block;width:1em;height:1em;flex:none} #cwm .cwm-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap} #cwm .cwm-wrap{width:calc(100% - 144px);max-width:1320px;margin:0 auto} #cwm .cwm-wrap--narrow{max-width:800px} #cwm .cwm-skip{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--cwm-paper);color:var(--cwm-ink);padding:14px 24px} #cwm .cwm-skip:focus{top:calc(16px + var(--cwm-top))} #cwm #cwm-main{display:block} /* 読み進み具合の細い線（トップページと同じグラデーション） */ #cwm .cwm-progress{position:fixed;left:0;top:var(--cwm-top);height:2px;width:100%;z-index:150;pointer-events:none} #cwm .cwm-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9d88ff,#f3bcdd,#ebd29f);transform:scaleX(0);transform-origin:left} /* ---------- 1. ヘッダー ---------- */ #cwm .cwm-header{position:fixed;left:0;right:0;top:var(--cwm-top);height:var(--cwm-head);display:flex;align-items:center;justify-content:space-between;padding:0 4.9%;z-index:100;border-bottom:1px solid rgba(230,205,171,.15);transition:background .35s,color .35s,border-color .35s} #cwm .cwm-header.is-scrolled{background:rgba(12,10,24,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} #cwm .cwm-header.is-light{color:#241a36;background:rgba(241,235,243,.92);border-color:rgba(45,23,57,.15);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} #cwm .cwm-logo{display:flex;align-items:center;gap:12px;flex-shrink:0} #cwm .cwm-logo>.cwm-icon{width:27px;height:27px;color:var(--cwm-gold);filter:drop-shadow(0 0 7px rgba(229,201,139,.19))} #cwm .cwm-logo>span{font:400 30px/.95 var(--cwm-latin);letter-spacing:-1.2px} #cwm .cwm-logo em{font-style:normal;color:var(--cwm-gold)} #cwm .cwm-logo small{display:block;font:400 7px/1 var(--cwm-sans);letter-spacing:.24em;margin-top:10px} #cwm .cwm-header.is-light .cwm-logo>.cwm-icon,#cwm .cwm-header.is-light .cwm-logo em,#cwm .cwm-header.is-light .cwm-nav__contact>span{color:#94703f} #cwm .cwm-nav{display:flex;gap:34px;align-items:center;font-size:12px;letter-spacing:.06em} #cwm .cwm-nav>a{position:relative;padding:8px 0;white-space:nowrap} #cwm .cwm-nav>a::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s} #cwm .cwm-nav>a:hover::after{transform:scaleX(1)} #cwm .cwm-nav .cwm-nav__contact{border:1px solid rgba(216,188,135,.48);border-radius:30px;padding:11px 22px;transition:border-color .3s,box-shadow .3s,background .3s} #cwm .cwm-nav .cwm-nav__contact::after{display:none} #cwm .cwm-nav .cwm-nav__contact>span{margin-left:14px;color:var(--cwm-gold)} #cwm .cwm-nav .cwm-nav__contact:hover{box-shadow:0 0 24px rgba(216,189,137,.1);background:rgba(217,189,137,.05);border-color:#ead4ab} #cwm .cwm-header.is-light .cwm-nav__contact{border-color:rgba(122,92,46,.5)} #cwm .cwm-menu-toggle{display:none} /* ---------- 2. 夜空の見出しエリア ---------- */ #cwm .cwm-hero{position:relative;z-index:2;padding:calc(var(--cwm-head) + var(--cwm-top) + 58px) 0 78px} #cwm .cwm-sky{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 74% 46%,rgba(69,36,117,.5),transparent 58%),linear-gradient(110deg,rgba(8,8,20,.92) 20%,rgba(8,8,20,.3))} #cwm .cwm-sky>i{position:absolute;border-radius:50%;opacity:.36} #cwm .cwm-sky>i:nth-child(1){background:radial-gradient(ellipse,#7c28a5,transparent 65%);width:85%;height:130%;top:0;left:30%;transform:rotate(-25deg)} #cwm .cwm-sky>i:nth-child(2){background:radial-gradient(ellipse,#263b9c,transparent 65%);width:60%;height:120%;top:-70%;left:2%} #cwm .cwm-sky>i:nth-child(3){background:radial-gradient(ellipse,#cf6b99,transparent 65%);width:50%;height:80%;top:58%;left:66%;opacity:.2} #cwm .cwm-sky__stars{position:absolute;inset:0;opacity:.85;background-repeat:no-repeat;background-image: radial-gradient(1.4px 1.4px at 6% 22%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 14% 64%,#f6e7c8 50%,transparent 52%), radial-gradient(1.6px 1.6px at 23% 12%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 31% 78%,#e9dcf5 50%,transparent 52%), radial-gradient(1.2px 1.2px at 38% 34%,#f6e7c8 50%,transparent 52%),radial-gradient(1px 1px at 46% 9%,#fff 50%,transparent 52%), radial-gradient(1.8px 1.8px at 53% 58%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 59% 24%,#e9dcf5 50%,transparent 52%), radial-gradient(1.3px 1.3px at 66% 82%,#f6e7c8 50%,transparent 52%),radial-gradient(1px 1px at 72% 15%,#fff 50%,transparent 52%), radial-gradient(1.5px 1.5px at 79% 44%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 85% 70%,#e9dcf5 50%,transparent 52%), radial-gradient(1.2px 1.2px at 91% 28%,#f6e7c8 50%,transparent 52%),radial-gradient(1.6px 1.6px at 96% 88%,#fff 50%,transparent 52%)} #cwm .cwm-sky__stars--far{opacity:.45;background-image: radial-gradient(1px 1px at 3% 48%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 10% 90%,#fff 50%,transparent 52%), radial-gradient(1px 1px at 18% 38%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 27% 56%,#fff 50%,transparent 52%), radial-gradient(1px 1px at 35% 6%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 42% 70%,#fff 50%,transparent 52%), radial-gradient(1px 1px at 49% 40%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 57% 92%,#fff 50%,transparent 52%), radial-gradient(1px 1px at 63% 50%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 70% 66%,#fff 50%,transparent 52%), radial-gradient(1px 1px at 76% 4%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 83% 20%,#fff 50%,transparent 52%), radial-gradient(1px 1px at 89% 54%,#fff 50%,transparent 52%),radial-gradient(1px 1px at 98% 12%,#fff 50%,transparent 52%)} #cwm .cwm-sky__stars:not(.cwm-sky__stars--far){animation:cwm-breathe 7s ease-in-out infinite} #cwm .cwm-spark{position:absolute;left:57%;top:23%;width:24px;height:24px;color:#f5daaf;filter:drop-shadow(0 0 10px #d8a0d3);animation:cwm-twinkle 6.5s ease-in-out infinite} #cwm .cwm-spark--b{left:90%;top:70%;width:15px;height:15px;animation-delay:-2s} #cwm .cwm-spark--c{left:66%;top:40%;width:11px;height:11px;animation-delay:-4s} @keyframes cwm-breathe{0%,100%{opacity:.6}50%{opacity:.95}} @keyframes cwm-twinkle{0%,100%{opacity:.3;transform:scale(.78)}50%{opacity:1;transform:scale(1)}} #cwm .cwm-orbit{position:absolute;right:max(3%,calc(50% - 620px));top:50%;width:300px;height:300px;transform:translateY(-36%);opacity:.6} #cwm .cwm-orbit>i{position:absolute;inset:0;border:1px solid rgba(227,194,131,.45);border-radius:50%;transform:rotate(-35deg) scaleY(.36)} #cwm .cwm-orbit>i:nth-child(2){inset:10%;border-color:rgba(203,169,220,.34);transform:rotate(28deg) scaleX(.5)} #cwm .cwm-orbit>.cwm-icon{position:absolute;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;color:#f4dfb7;filter:drop-shadow(0 0 14px rgba(255,228,180,.4))} #cwm .cwm-hero--page .cwm-spark--a{display:none} #cwm .cwm-sky__word{position:absolute;left:1.5%;bottom:-.16em;font:italic 400 clamp(108px,17vw,310px)/1 var(--cwm-latin);letter-spacing:-.055em;color:rgba(178,141,207,.075);white-space:nowrap} #cwm .cwm-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,6vw,96px);align-items:end} #cwm .cwm-hero__text{max-width:820px;min-width:0} #cwm .cwm-hero__art{position:relative;align-self:end;margin-bottom:-142px;padding-right:1.5vw} #cwm .cwm-hero__art:empty{display:none} #cwm .cwm-crumbs{margin-bottom:34px} #cwm .cwm-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;font-size:11px;line-height:1.7;letter-spacing:.06em;color:#a99cb8} #cwm .cwm-crumbs li{display:flex;align-items:center;min-width:0} #cwm .cwm-crumbs li+li::before{content:"";width:14px;height:1px;background:rgba(216,188,135,.5);margin:0 10px;flex:none} #cwm .cwm-crumbs li>span{display:block;max-width:22em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #cwm .cwm-crumbs a{border-bottom:1px solid transparent;transition:border-color .3s,color .3s} #cwm .cwm-crumbs a:hover{color:var(--cwm-champagne);border-color:currentColor} #cwm .cwm-eyebrow{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:400;letter-spacing:.2em;line-height:1.6;color:var(--cwm-champagne)} #cwm .cwm-eyebrow .cwm-icon{width:14px;height:14px;color:var(--cwm-gold)} #cwm .cwm-eyebrow a{border-bottom:1px solid rgba(240,217,170,.4);padding-bottom:2px;transition:border-color .3s} #cwm .cwm-eyebrow a:hover{border-color:var(--cwm-champagne)} #cwm .cwm-title{font:400 clamp(27px,3.3vw,49px)/1.6 var(--cwm-serif);letter-spacing:.045em;margin-top:22px;text-shadow:0 2px 28px rgba(7,5,17,.32);word-break:auto-phrase;line-break:strict} #cwm .cwm-title__main{display:block} #cwm .cwm-title__sub{display:block;font-size:max(15px,.46em);line-height:1.85;letter-spacing:.07em;color:#d6cbe1;margin-top:1.15em} #cwm .cwm-title__sub::before{content:"";display:block;width:46px;height:1px;background:var(--cwm-gold);opacity:.75;margin-bottom:1.15em} #cwm .cwm-hero__lead{font-size:14px;line-height:2.1;letter-spacing:.06em;color:#ccc2d5;max-width:620px;margin-top:24px} #cwm .cwm-meta{display:flex;flex-wrap:wrap;gap:6px 30px;margin-top:32px;font-size:11px;letter-spacing:.14em;color:#a99cb8} #cwm .cwm-meta>div{display:flex;align-items:baseline;gap:10px} #cwm .cwm-meta dd{font:400 14px/1.6 var(--cwm-latin);letter-spacing:.06em;color:var(--cwm-champagne)} #cwm .cwm-hero__links{display:flex;flex-wrap:wrap;gap:14px 38px;margin-top:30px} #cwm .cwm-herolink{display:inline-flex;align-items:center;gap:22px;font-size:12px;letter-spacing:.12em} #cwm .cwm-herolink i{display:grid;place-items:center;width:37px;height:37px;border:1px solid #827557;border-radius:50%;font-style:normal;font-size:19px;line-height:1;transition:transform .3s,background .3s} #cwm .cwm-herolink:hover i{transform:rotate(-45deg);background:rgba(236,211,161,.12)} #cwm .cwm-hero--page{padding-bottom:64px} #cwm .cwm-hero--page .cwm-hero__inner{display:block} #cwm .cwm-hero--page .cwm-title{font-size:clamp(26px,2.9vw,42px)} #cwm .cwm-hero--index .cwm-hero__art,#cwm .cwm-hero--404 .cwm-hero__art{margin-bottom:-28px} #cwm .cwm-hero--hub{padding-bottom:104px} #cwm .cwm-hero--hub .cwm-hero__art{margin-bottom:-52px} #cwm .cwm-hero--404{min-height:calc(100svh - var(--cwm-top));display:flex;align-items:center} #cwm .cwm-hero--404>.cwm-wrap{width:calc(100% - 144px)} /* はじめて画面が開くときだけ、文字とカードを静かに立ち上げる */ #cwm .cwm-hero__text>*{animation:cwm-rise .95s cubic-bezier(.2,.7,.2,1) both} #cwm .cwm-hero__text>:nth-child(2){animation-delay:.08s} #cwm .cwm-hero__text>:nth-child(3){animation-delay:.16s} #cwm .cwm-hero__text>:nth-child(4){animation-delay:.26s} #cwm .cwm-hero__text>:nth-child(n+5){animation-delay:.36s} #cwm .cwm-hero__art{animation:cwm-fade 1.3s .2s both} @keyframes cwm-rise{from{opacity:.12;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}} @keyframes cwm-fade{from{opacity:.08}to{opacity:1}} /* ---------- 3. アルカナカード ---------- */ #cwm .cwm-card{--w:154px;position:relative;display:flex;flex-direction:column;align-items:center;flex:none;width:var(--w);aspect-ratio:154/232;font-size:calc(var(--w)/15.4);line-height:1.3;letter-spacing:0;padding:.95em .75em .8em;border:1px solid #e0c28b;border-radius:.85em;color:#e8d0a4;background:linear-gradient(148deg,#392146,#160f27 58%,#291a3c);box-shadow:0 1.7em 3.4em rgba(4,1,13,.5),0 0 1.8em rgba(222,193,139,.05);overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1)} #cwm .cwm-card::after{content:"";position:absolute;inset:.5em;border:1px solid rgba(233,201,144,.47);border-radius:.45em;pointer-events:none;z-index:2} #cwm .cwm-card__num{font:1.1em/1.2 var(--cwm-latin);letter-spacing:.1em;margin-top:.35em;color:#edd7ae} #cwm .cwm-card__arch{position:relative;flex:1;width:84%;margin:.75em 0 .85em;border:1px solid rgba(228,195,138,.43);border-radius:6em 6em .15em .15em;display:grid;place-items:center;overflow:hidden} #cwm .cwm-card__arch::before{content:"";position:absolute;inset:15%;border:1px solid rgba(219,191,155,.16);border-radius:50%} #cwm .cwm-card__arch .cwm-icon{position:relative;z-index:1;width:84%;height:84%} #cwm .cwm-card__arch>i{display:none} #cwm .cwm-card__name{font:1.08em/1.3 var(--cwm-latin);letter-spacing:.1em;color:#edd7ae;white-space:nowrap} #cwm .cwm-card__cap{font-size:.42em;letter-spacing:.14em;margin:.9em 0 .2em;white-space:nowrap;opacity:.85} #cwm .cwm-card__foil{position:absolute;inset:-20% -50%;z-index:3;pointer-events:none;background:linear-gradient(112deg,transparent 30%,rgba(248,227,178,.02) 42%,rgba(255,241,193,.21) 48%,rgba(239,216,172,.05) 54%,transparent 67%);transform:translateX(-48%);opacity:0} #cwm .cwm-card--star{background:linear-gradient(145deg,#58416d 0,#2d1c40 35%,#6b4771 100%)} #cwm .cwm-card--star .cwm-card__arch .cwm-icon{width:56%;height:56%;margin-top:-22%;color:#f5dfb9;filter:drop-shadow(0 0 1em #c48cb4)} #cwm .cwm-card--star .cwm-card__arch>i{display:block;position:absolute;left:-40%;right:-40%;bottom:-44%;height:80%;border:1px solid #ab859d;border-radius:50%;box-shadow:0 -.75em 0 -.69em #ab859d,0 -1.5em 0 -1.44em #ab859d,0 -2.25em 0 -2.19em #ab859d} #cwm .cwm-card--sun{background:linear-gradient(135deg,#775365,#41243c 55%,#865666);color:#f1d0b5} #cwm .cwm-card--moon{background:linear-gradient(130deg,#415274,#192644 55%,#596083);color:#d9dbec;border-color:#d4c1a0} #cwm .cwm-card--rings{background:linear-gradient(140deg,#4a3470,#1b1436 55%,#51407f)} #cwm .cwm-card--constellation{background:linear-gradient(140deg,#2f4266,#131b33 55%,#465480);color:#dfe0ee;border-color:#d4c1a0} #cwm .cwm-card--photo{padding:0;background:#160f27} #cwm .cwm-card--photo .cwm-card__img{width:100%;height:100%;object-fit:cover;display:block} #cwm .cwm-card--lg{--w:clamp(158px,15.5vw,222px);transform:rotate(6deg)} #cwm .cwm-card--sm{--w:96px;box-shadow:0 14px 26px rgba(20,10,34,.3)} #cwm .cwm-card--sm .cwm-card__cap{display:none} #cwm .cwm-card--xs{--w:66px;box-shadow:0 8px 18px rgba(4,1,13,.4)} #cwm .cwm-card--xs .cwm-card__num,#cwm .cwm-card--xs .cwm-card__name,#cwm .cwm-card--xs .cwm-card__cap{display:none} #cwm .cwm-card--xs .cwm-card__arch{margin:.4em 0;width:80%} #cwm .cwm-card--xs::after{inset:.45em} #cwm .cwm-hero .cwm-card--lg .cwm-card__foil{animation:cwm-foil 11s 1.2s ease-in-out infinite} @keyframes cwm-foil{0%,10%{transform:translateX(-45%);opacity:0}16%{opacity:.8}33%{transform:translateX(45%);opacity:0}100%{transform:translateX(45%);opacity:0}} /* 表紙の3枚（トップページのカードと同じ並び方） */ #cwm .cwm-fan{position:relative;display:block;width:clamp(310px,31vw,450px);height:clamp(260px,26vw,372px)} #cwm .cwm-fan .cwm-card{position:absolute} #cwm .cwm-fan .cwm-card:nth-child(1){left:0;top:22%;--w:clamp(132px,13vw,186px);transform:rotate(-17deg);z-index:2} #cwm .cwm-fan .cwm-card:nth-child(2){left:31%;top:6%;--w:clamp(150px,15vw,214px);transform:rotate(7deg);z-index:3} #cwm .cwm-fan .cwm-card:nth-child(3){left:63%;top:-10%;--w:clamp(118px,11.5vw,166px);transform:rotate(24deg);z-index:1} #cwm .cwm-fan .cwm-card:nth-child(2) .cwm-card__foil{animation-delay:2.9s} #cwm .cwm-fan .cwm-card:nth-child(3) .cwm-card__foil{animation-delay:4.3s} /* ---------- 4. 紙の読みもの面 ---------- */ #cwm .cwm-paper{position:relative;z-index:1;background:var(--cwm-paper);color:var(--cwm-text);padding:104px 0 116px} #cwm .cwm-hero--page+.cwm-paper,#cwm .cwm-paper--list,#cwm #cwm-about{padding-top:84px} #cwm .cwm-article__grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;column-gap:clamp(48px,6.5vw,104px);align-items:start} #cwm .cwm-article__main{grid-column:1;grid-row:1;min-width:0;max-width:740px} #cwm .cwm-rail{grid-column:2;grid-row:1;position:sticky;top:calc(var(--cwm-head) + var(--cwm-top) + 26px);padding-top:74px} #cwm .cwm-updated{margin-top:72px;padding-top:20px;border-top:1px solid var(--cwm-line);font-size:11px;letter-spacing:.14em;color:var(--cwm-soft)} #cwm .cwm-updated time{font:400 13px/1 var(--cwm-latin);margin-left:8px} /* 目次 */ #cwm .cwm-toc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--cwm-gold-ink);padding-bottom:14px;border-bottom:1px solid var(--cwm-line-gold)} #cwm .cwm-toc summary::-webkit-details-marker{display:none} #cwm .cwm-toc summary>i{position:relative;width:11px;height:11px;flex:none} #cwm .cwm-toc summary>i::before,#cwm .cwm-toc summary>i::after{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:currentColor;transition:transform .3s} #cwm .cwm-toc summary>i::after{transform:rotate(90deg)} #cwm .cwm-toc details[open] summary>i::after{transform:rotate(0)} #cwm .cwm-toc__body{max-height:calc(100vh - var(--cwm-head) - var(--cwm-top) - 250px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cdbfd3 transparent} #cwm .cwm-toc__inner{position:relative;padding:16px 4px 6px 24px} #cwm .cwm-toc__thread{position:absolute;left:5px;top:26px;bottom:16px;width:1px;background:rgba(151,112,58,.22);overflow:hidden} #cwm .cwm-toc__thread>i{display:block;width:100%;height:100%;background:linear-gradient(#a581b8,#c39a55);transform:scaleY(var(--cwm-p,0));transform-origin:top;transition:transform .35s} #cwm .cwm-toc ol ol{margin:0 0 4px} #cwm .cwm-toc a{display:flex;gap:10px;padding:7px 0;font-size:13px;line-height:1.7;letter-spacing:.03em;color:#57475f;transition:color .25s} #cwm .cwm-toc a:hover{color:var(--cwm-gold-ink)} #cwm .cwm-toc__n{flex:none;width:19px;font:italic 400 12px/1.85 var(--cwm-latin);color:var(--cwm-gold-ink)} #cwm .cwm-toc ol ol a{font-size:12px;padding:4px 0 4px 29px;color:var(--cwm-soft)} #cwm .cwm-toc a.is-active{color:var(--cwm-ink);font-weight:700} #cwm .cwm-rail__cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;padding:14px 20px 14px 22px;border:1px solid rgba(122,92,46,.5);border-radius:40px;font-size:12px;font-weight:700;letter-spacing:.05em;line-height:1.6;color:var(--cwm-ink);transition:background .3s,border-color .3s} #cwm .cwm-rail__cta>span:last-child{font-size:18px;font-weight:400;line-height:1;color:var(--cwm-gold-deep)} #cwm .cwm-rail__cta:hover{background:rgba(235,210,159,.3);border-color:var(--cwm-gold-deep)} /* ---------- 5. 本文 ---------- */ #cwm .cwm-prose{ --color_main:#2b1934;--color_text:#2c2338;--color_link:#6a3b6e;--color_htag:#2b1934;--color_bg:#f1ebf3;--color_content_bg:#f1ebf3; --color_main_thin:rgba(127,70,127,.07);--color_main_dark:#1a122b;--color_list_check:#9a753d;--color_list_num:#9a753d; --color_list_good:#9a753d;--color_list_triangle:#b58a4a;--color_list_bad:#a04b62;--color_faq_q:#9a753d;--color_faq_a:#7f467f; --color_border:rgba(120,90,130,.28);--color_gray:rgba(120,90,130,.08);--color_border--table:#cfc1d5; --color_deep01:#a04b62;--color_deep02:#4f5fa8;--color_deep03:#4f7d62;--color_deep04:#b07a2e; --color_pale01:#f8e9ee;--color_pale02:#eaecf8;--color_pale03:#e9f2ec;--color_pale04:#f7efdf; --color_mark_blue:#d5dcf5;--color_mark_green:#d3ecd9;--color_mark_yellow:#f0dfb0;--color_mark_orange:#f3d6bd;--swl-fz--content:1em; counter-reset:cwm-h2;font-size:16px;font-weight:400;line-height:2.05;letter-spacing:.04em;color:var(--cwm-text);line-break:strict } #cwm .cwm-prose>*{margin-top:0;margin-bottom:0} #cwm .cwm-prose>*+*{margin-top:1.9em} #cwm .cwm-prose :is(.wp-block-group,.wp-block-group__inner-container,.wp-block-column,blockquote)>*{margin-top:0;margin-bottom:0} #cwm .cwm-prose :is(.wp-block-group,.wp-block-group__inner-container,.wp-block-column,blockquote)>*+*{margin-top:1.15em} #cwm .cwm-prose :is(strong,b){font-weight:700;color:var(--cwm-ink)} #cwm .cwm-prose :is(h2,h3,h4) :is(strong,b){font-weight:inherit;color:inherit} #cwm .cwm-prose mark{color:inherit;background:linear-gradient(transparent 58%,rgba(235,210,159,.78) 58%);padding:0 .1em} #cwm .cwm-prose a:not([class]){color:var(--cwm-violet-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.24em;text-decoration-color:rgba(127,70,127,.45);transition:color .25s,text-decoration-color .25s} #cwm .cwm-prose a:not([class]):hover{color:var(--cwm-gold-ink);text-decoration-color:currentColor} #cwm .cwm-prose small{font-size:.82em;color:var(--cwm-soft)} #cwm .cwm-prose :is(.p-toc,.w-beforeToc,.w-afterToc):empty,#cwm .cwm-prose .p-toc{display:none} /* 見出し */ #cwm .cwm-prose :where(h2,h3,h4):where(:not([class*="swell-block"],.faq_q)){color:var(--cwm-ink);background:none;border:0;border-radius:0;padding:0;word-break:auto-phrase} #cwm .cwm-prose :where(h2,h3,h4):where(:not([class*="swell-block"],.faq_q))::before,#cwm .cwm-prose :where(h2,h3,h4):where(:not([class*="swell-block"],.faq_q))::after{content:none} #cwm .cwm-prose :is(h2,h3)[id]{scroll-margin-top:calc(var(--cwm-head) + var(--cwm-top) + 26px)} #cwm .cwm-prose h2:where(:not([class*="swell-block"],.faq_q)){font:400 1.6em/1.62 var(--cwm-serif);letter-spacing:.05em} #cwm .cwm-prose>h2:not(.cwm-notoc){counter-increment:cwm-h2;margin-top:3.5em;padding-top:1.5em;border-top:1px solid var(--cwm-line-gold)} #cwm .cwm-prose>h2:not(.cwm-notoc)::before{content:counter(cwm-h2,decimal-leading-zero);display:block;position:static;width:auto;height:auto;background:none;font:italic 400 .56em/1 var(--cwm-latin);letter-spacing:.08em;color:var(--cwm-gold-ink);margin-bottom:1em} #cwm .cwm-prose>:is(h2,h3,h4):first-child:not(.cwm-x){margin-top:0} #cwm .cwm-prose h3:where(:not([class*="swell-block"],.faq_q)){font:400 1.3em/1.7 var(--cwm-serif);letter-spacing:.05em} #cwm .cwm-prose>h3:not(.cwm-notoc){margin-top:2.9em;padding-left:1em;position:relative} #cwm .cwm-prose>h3:not(.cwm-notoc)::before{content:"";position:absolute;left:0;top:.36em;bottom:.36em;width:1px;height:auto;background:var(--cwm-gold-deep)} #cwm .cwm-prose h4:where(:not([class*="swell-block"],.faq_q)){font:700 1.04em/1.8 var(--cwm-sans);letter-spacing:.05em;color:#3d2a47} #cwm .cwm-prose>h4{margin-top:2.4em} #cwm .cwm-prose>:is(h2,h3,h4)+*{margin-top:1.15em} /* リスト（クラスのない素のリストと、スタイル未指定のリストブロックが対象。ほかのプラグインやテーマ独自のリストには触れない） */ #cwm .cwm-prose :is(ul,ol):where(:not([class]),.wp-block-list:not([class*="is-style-"])){padding-left:0;list-style:none} #cwm .cwm-prose :is(ul,ol):where(:not([class]),.wp-block-list)>li+li{margin-top:.6em} #cwm .cwm-prose :is(ul,ol):where(:not([class]),.wp-block-list) :is(ul,ol){margin-top:.6em} #cwm .cwm-prose ul:where(:not([class]),.wp-block-list:not([class*="is-style-"]))>li{position:relative;padding-left:1.6em} #cwm .cwm-prose ul:where(:not([class]),.wp-block-list:not([class*="is-style-"]))>li::before{content:"";position:absolute;left:.22em;top:.78em;width:.52em;height:.52em;background:var(--cwm-gold-deep);-webkit-clip-path:var(--cwm-star);clip-path:var(--cwm-star)} #cwm .cwm-prose ol:where(:not([class]),.wp-block-list:not([class*="is-style-"])){counter-reset:cwm-ol} #cwm .cwm-prose ol:where(:not([class]),.wp-block-list:not([class*="is-style-"]))>li{position:relative;padding-left:2.2em;counter-increment:cwm-ol} #cwm .cwm-prose ol:where(:not([class]),.wp-block-list:not([class*="is-style-"]))>li::before{content:counter(cwm-ol,decimal-leading-zero);position:absolute;left:0;top:.2em;font:italic 400 .86em/2.05 var(--cwm-latin);letter-spacing:.04em;color:var(--cwm-gold-ink)} /* チェックリスト */ #cwm .cwm-prose ul.is-style-cwm-check{padding-left:0;list-style:none} #cwm .cwm-prose ul.is-style-cwm-check>li{position:relative;padding-left:2em} #cwm .cwm-prose ul.is-style-cwm-check>li+li{margin-top:.75em} #cwm .cwm-prose ul.is-style-cwm-check>li::before{content:"";position:absolute;left:.42em;top:.52em;width:.42em;height:.78em;border:solid var(--cwm-gold-deep);border-width:0 1.5px 1.5px 0;transform:rotate(42deg)} /* ステップ（トップページ「サポート」の糸と同じ考え方） */ #cwm .cwm-prose ol.is-style-cwm-steps{position:relative;padding-left:0;list-style:none;counter-reset:cwm-step} #cwm .cwm-prose ol.is-style-cwm-steps::before{content:"";position:absolute;left:1.1em;top:1.3em;bottom:1.6em;width:1px;background:linear-gradient(#a581b8,#c39a55 60%,rgba(195,154,85,.15))} #cwm .cwm-prose ol.is-style-cwm-steps>li{position:relative;counter-increment:cwm-step;padding:.15em 0 1.5em 3.5em;margin:0} #cwm .cwm-prose ol.is-style-cwm-steps>li:last-child{padding-bottom:0} #cwm .cwm-prose ol.is-style-cwm-steps>li::before{content:counter(cwm-step);position:absolute;left:0;top:0;width:2.2em;height:2.2em;display:grid;place-items:center;border:1px solid rgba(149,109,53,.55);border-radius:50%;background:var(--cwm-paper);font:italic 400 1em/1 var(--cwm-latin);color:var(--cwm-gold-ink);box-shadow:0 0 0 .35em var(--cwm-paper)} #cwm .cwm-prose ol.is-style-cwm-steps>li>strong:first-child{display:inline-block;font:400 1.14em/1.7 var(--cwm-serif);letter-spacing:.05em;margin-bottom:.15em} /* 引用 */ #cwm .cwm-prose blockquote{position:relative;padding:1.5em 1.8em 1.6em 2.5em;border:0;border-left:1px solid var(--cwm-gold-deep);background:rgba(255,255,255,.46);font-family:var(--cwm-serif);font-size:1.02em;color:var(--cwm-ink)} #cwm .cwm-prose blockquote::before{content:"“";display:block;position:absolute;left:.42em;top:.36em;width:auto;height:auto;border:0;font:400 2.5em/1 var(--cwm-latin);color:rgba(154,117,61,.55)} #cwm .cwm-prose blockquote cite{display:block;font:normal 400 .78em/1.8 var(--cwm-sans);letter-spacing:.06em;color:var(--cwm-soft)} /* 画像・埋め込み */ #cwm .cwm-prose figure{max-width:100%} #cwm .cwm-prose :is(figure,p)>img,#cwm .cwm-prose figure>a>img{display:block;border-radius:4px} #cwm .cwm-prose .wp-block-image{text-align:center} #cwm .cwm-prose .wp-block-image img{display:block;margin-left:auto;margin-right:auto;border-radius:4px;box-shadow:0 0 0 1px rgba(157,121,67,.22)} #cwm .cwm-prose .wp-block-image.aligncenter,#cwm .cwm-prose .aligncenter{margin-left:auto;margin-right:auto;text-align:center} #cwm .cwm-prose .wp-block-image.aligncenter img{margin-left:auto;margin-right:auto} #cwm .cwm-prose figcaption{margin-top:.95em;margin-bottom:0;font-size:.76em;line-height:1.8;letter-spacing:.05em;color:var(--cwm-soft);opacity:1;text-align:center} #cwm .cwm-prose :is(iframe,video){max-width:100%} #cwm .cwm-prose .wp-block-embed__wrapper{position:relative} #cwm .cwm-prose .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper::before{content:"";display:block;padding-top:56.25%} #cwm .cwm-prose .wp-block-embed.wp-has-aspect-ratio iframe{position:absolute;inset:0;width:100%;height:100%} /* 表 */ #cwm .cwm-prose .cwm-table{overflow-x:auto;-webkit-overflow-scrolling:touch} #cwm .cwm-prose table{width:100%;border-collapse:collapse;border-spacing:0;font-size:.88em;line-height:1.85;letter-spacing:.03em;border:0;background:none} #cwm .cwm-prose :is(th,td){padding:1.05em 1.1em;border:0;border-bottom:1px solid var(--cwm-line);text-align:left;vertical-align:top;word-break:normal;overflow-wrap:anywhere;background:none;color:inherit;font-weight:400} #cwm .cwm-prose tbody tr:first-child>*{border-top:1px solid var(--cwm-line)} #cwm .cwm-prose thead :is(th,td){background:var(--cwm-ink);color:var(--cwm-champagne);font-size:.9em;font-weight:400;letter-spacing:.1em;border-bottom:0;white-space:nowrap} #cwm .cwm-prose thead+tbody tr:first-child>*{border-top:0} #cwm .cwm-prose thead+tbody td:first-child,#cwm .cwm-prose tbody th{font-weight:700;color:var(--cwm-ink);background:rgba(207,193,213,.24)} #cwm .cwm-prose .wp-block-table.is-style-stripes{border:0} #cwm .cwm-prose .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background:rgba(255,255,255,.45)} #cwm .cwm-prose .wp-block-table.is-style-cwm-facts td:first-child{width:9.5em;font-size:.86em;letter-spacing:.08em;color:var(--cwm-soft);font-weight:400;background:none;white-space:nowrap} #cwm .cwm-prose .wp-block-table.is-style-cwm-facts td{padding:1.4em .4em} #cwm .cwm-prose .wp-block-table.is-style-cwm-facts tbody tr:first-child>*{border-top-color:var(--cwm-line-gold)} /* 区切り */ #cwm .cwm-prose :is(hr,.wp-block-separator){position:relative;height:1px;border:0;margin:3.4em auto;max-width:none;width:100%;opacity:1;overflow:visible;background:linear-gradient(90deg,transparent,var(--cwm-line-gold) 18%,var(--cwm-line-gold) 82%,transparent)} #cwm .cwm-prose :is(hr,.wp-block-separator)::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:16px;transform:translate(-50%,-50%);background:var(--cwm-paper)} #cwm .cwm-prose :is(hr,.wp-block-separator)::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:13px;transform:translate(-50%,-50%);background:var(--cwm-gold-deep);-webkit-clip-path:var(--cwm-star);clip-path:var(--cwm-star)} /* コード */ #cwm .cwm-prose :not(pre)>code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;letter-spacing:0;padding:.15em .45em;border-radius:3px;background:rgba(127,70,127,.09);border:0;color:#4b2f52} #cwm .cwm-prose pre{overflow-x:auto;padding:1.3em 1.5em;border:0;border-radius:4px;background:var(--cwm-plum);color:#e6dcec;font:400 .82em/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0} /* 質問と答え（「詳細」ブロック） */ #cwm .cwm-prose details{border-top:1px solid var(--cwm-line)} #cwm .cwm-prose>details:last-of-type,#cwm .cwm-prose :is(.wp-block-group,.wp-block-group__inner-container)>details:last-child{border-bottom:1px solid var(--cwm-line)} #cwm .cwm-prose details+details,#cwm .cwm-prose :is(.wp-block-group,.wp-block-group__inner-container)>details+details{margin-top:0} #cwm .cwm-prose summary{position:relative;list-style:none;cursor:pointer;padding:1.2em 2.8em 1.2em 2.6em;font-weight:700;line-height:1.8;color:var(--cwm-ink);transition:color .25s} #cwm .cwm-prose summary::-webkit-details-marker{display:none} #cwm .cwm-prose summary:hover{color:var(--cwm-violet-ink)} #cwm .cwm-prose summary::before{content:"Q";position:absolute;left:.2em;top:.82em;font:italic 400 1.4em/1 var(--cwm-latin);color:var(--cwm-gold-deep)} #cwm .cwm-prose summary::after{content:"";position:absolute;right:.5em;top:1.9em;width:.8em;height:.8em;border:solid var(--cwm-gold-deep);border-width:0 1.5px 1.5px 0;transform:translateY(-70%) rotate(45deg);transition:transform .3s} #cwm .cwm-prose details[open]>summary::after{transform:translateY(-25%) rotate(-135deg)} #cwm .cwm-prose details>:not(summary){position:relative;margin:0 2.8em 0 2.6em;padding-bottom:.9em} #cwm .cwm-prose details>:not(summary):last-child{padding-bottom:1.5em} #cwm .cwm-prose details>summary+*::before{content:"A";position:absolute;left:-1.72em;top:.1em;font:italic 400 1.4em/1.45 var(--cwm-latin);color:var(--cwm-violet)} /* ボタン */ #cwm .cwm-prose .wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px 16px} #cwm .cwm-prose .wp-block-button{margin:0} #cwm .cwm-prose .wp-block-buttons.is-content-justification-center{justify-content:center} #cwm .cwm-button,#cwm .cwm-prose .wp-block-button__link{position:relative;margin:0;display:inline-flex;align-items:center;justify-content:space-between;gap:2.6em;min-width:250px;padding:1.05em 1.5em 1.05em 2em;border:1px solid #f0d9a8;border-radius:50px;background:linear-gradient(112deg,#dfc18b,#f3dfb6 48%,#e2c790);color:#2b1934;font-size:13px;font-weight:700;line-height:1.6;letter-spacing:.06em;text-decoration:none;overflow:hidden;box-shadow:0 12px 34px rgba(154,117,61,.2),inset 0 1px 0 rgba(255,239,213,.63);transition:background .3s,box-shadow .3s,transform .3s} #cwm .cwm-prose .wp-block-button__link::after{content:"↗";font-size:1.55em;font-weight:400;line-height:1} #cwm .cwm-button>span:last-child{font-size:1.75em;font-weight:400;line-height:1} #cwm .cwm-button:hover,#cwm .cwm-prose .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(154,117,61,.28),inset 0 1px 0 rgba(255,239,213,.63)} #cwm .cwm-prose .is-style-outline>.wp-block-button__link{background:none;border-color:rgba(122,92,46,.6);color:var(--cwm-ink);box-shadow:none} #cwm .cwm-prose .is-style-outline>.wp-block-button__link:hover{background:rgba(235,210,159,.3);box-shadow:none} #cwm .cwm-prose .is-style-cwm-text>.wp-block-button__link{min-width:0;gap:1.6em;padding:.6em 0;border:0;border-bottom:1px solid currentColor;border-radius:0;background:none;box-shadow:none;color:var(--cwm-gold-ink);font-weight:400} #cwm .cwm-prose .is-style-cwm-text>.wp-block-button__link:hover{transform:none;color:var(--cwm-violet-ink)} #cwm .cwm-textlink{display:inline-flex;align-items:center;gap:18px;margin-top:14px;padding:6px 0;border-bottom:1px solid currentColor;font-size:12px;letter-spacing:.08em;color:var(--cwm-gold-ink);transition:color .25s} #cwm .cwm-textlink>span{font-size:16px;line-height:1;transition:transform .3s} #cwm .cwm-textlink:hover{color:var(--cwm-violet-ink)} #cwm .cwm-textlink:hover>span{transform:translate(3px,-3px)} /* 囲み */ #cwm .cwm-prose .is-style-cwm-label{display:flex;align-items:center;gap:.8em;font:700 .72em/1.6 var(--cwm-sans);letter-spacing:.22em;color:var(--cwm-gold-ink)} #cwm .cwm-prose .is-style-cwm-label::before{content:"";width:.95em;height:.95em;flex:none;background:var(--cwm-gold-deep);-webkit-clip-path:var(--cwm-star);clip-path:var(--cwm-star)} #cwm .cwm-prose .is-style-cwm-lead{font:400 1.14em/2.05 var(--cwm-serif);letter-spacing:.05em;color:var(--cwm-ink)} #cwm .cwm-prose .is-style-cwm-display{font:400 clamp(44px,7.4vw,96px)/1 var(--cwm-latin);letter-spacing:-.05em;color:var(--cwm-ink)} #cwm .cwm-prose .wp-block-group:is(.is-style-cwm-point,.is-style-cwm-note,.is-style-cwm-summary,.is-style-cwm-frame){position:relative;padding:1.8em 2em 1.95em} #cwm .cwm-prose .wp-block-group:is(.is-style-cwm-point,.is-style-cwm-note,.is-style-cwm-summary)::before{content:"";position:absolute;inset:5px;border:1px solid rgba(154,117,61,.16);pointer-events:none} #cwm .cwm-prose .is-style-cwm-point{background:#fbf7ef;border:1px solid rgba(154,117,61,.42)} #cwm .cwm-prose .is-style-cwm-note{background:#f8eef4;border:1px solid rgba(127,70,127,.34)} #cwm .cwm-prose .is-style-cwm-note::before{border-color:rgba(127,70,127,.13)} #cwm .cwm-prose .is-style-cwm-note .is-style-cwm-label{color:var(--cwm-violet-ink)} #cwm .cwm-prose .is-style-cwm-note .is-style-cwm-label::before{background:var(--cwm-violet)} #cwm .cwm-prose .is-style-cwm-frame{border:1px solid var(--cwm-line);background:rgba(255,255,255,.44);height:100%} #cwm .cwm-prose .is-style-cwm-voice{padding:.3em 0 .4em 2em;border-left:1px solid var(--cwm-gold-deep)} #cwm .cwm-prose .is-style-cwm-voice>p:not([class]),#cwm .cwm-prose .is-style-cwm-voice>.wp-block-group__inner-container>p:not([class]),#cwm .cwm-prose .is-style-cwm-voice p.wp-block-paragraph:not(.is-style-cwm-label):not(.cwm-by){font:400 1.08em/2.1 var(--cwm-serif);letter-spacing:.05em;color:var(--cwm-ink)} #cwm .cwm-prose .cwm-by{font-size:.78em;letter-spacing:.08em;color:var(--cwm-soft)} #cwm .cwm-prose .cwm-by::before{content:"";display:inline-block;width:1.6em;height:1px;background:currentColor;vertical-align:middle;margin-right:.8em;opacity:.6} /* 夜空の囲み（まとめ・記事中の案内） */ #cwm .cwm-prose :is(.is-style-cwm-summary,.is-style-cwm-night){color:#e3d8ea;background:radial-gradient(ellipse at 100% 0,rgba(140,99,178,.22),transparent 70%),var(--cwm-plum)} #cwm .cwm-prose .is-style-cwm-summary{border:1px solid rgba(214,182,125,.45);padding:2.1em 2.2em 2.3em} #cwm .cwm-prose .is-style-cwm-summary::before{border-color:rgba(214,182,125,.12)} #cwm .cwm-prose :is(.is-style-cwm-summary,.is-style-cwm-night) :is(h2,h3,h4){color:var(--cwm-white)} #cwm .cwm-prose :is(.is-style-cwm-summary,.is-style-cwm-night) :is(strong,b){color:#f4e6c8} #cwm .cwm-prose :is(.is-style-cwm-summary,.is-style-cwm-night) .is-style-cwm-label{color:var(--cwm-champagne)} #cwm .cwm-prose :is(.is-style-cwm-summary,.is-style-cwm-night) .is-style-cwm-label::before,#cwm .cwm-prose :is(.is-style-cwm-summary,.is-style-cwm-night) ul>li::before{background-color:var(--cwm-gold)} #cwm .cwm-prose :is(.is-style-cwm-summary,.is-style-cwm-night) ul.is-style-cwm-check>li::before{background:none;border-color:var(--cwm-gold)} #cwm .cwm-prose :is(.is-style-cwm-summary,.is-style-cwm-night) a:not([class]){color:var(--cwm-champagne);text-decoration-color:rgba(240,217,170,.5)} #cwm .cwm-prose :is(.is-style-cwm-summary,.is-style-cwm-night) .is-style-cwm-display{color:var(--cwm-champagne)} #cwm .cwm-prose :is(.is-style-cwm-summary,.is-style-cwm-night) .wp-block-button__link{box-shadow:0 0 40px rgba(215,167,191,.1),inset 0 1px 0 rgba(255,239,213,.63)} /* カラム */ #cwm .cwm-prose .wp-block-columns{display:flex;flex-wrap:wrap;gap:22px;line-height:inherit} #cwm .cwm-prose .wp-block-column{flex:1 1 200px;min-width:0;margin:0} /* 全幅・幅広（固定ページと、記事一覧ページの本文で使える） */ #cwm .cwm-wrap--narrow>.cwm-prose>.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)} #cwm .cwm-wrap--narrow>.cwm-prose>.alignwide{width:min(1120px,calc(100vw - 144px));max-width:none;margin-left:50%;transform:translateX(-50%)} #cwm .cwm-prose .is-style-cwm-night{padding:clamp(64px,9vw,112px) max(24px,calc(50vw - 400px))} #cwm .cwm-prose .alignfull.is-style-cwm-night{margin-top:5em;margin-bottom:5em} #cwm .cwm-prose>.alignfull.is-style-cwm-night:last-child{margin-bottom:-116px} /* タグ */ #cwm .cwm-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:3.6em} #cwm .cwm-tags a{display:block;padding:5px 14px;border:1px solid var(--cwm-line);border-radius:30px;font-size:12px;color:var(--cwm-soft);transition:border-color .25s,color .25s} #cwm .cwm-tags a:hover{border-color:var(--cwm-gold-deep);color:var(--cwm-gold-ink)} #cwm .cwm-pages{display:flex;gap:10px;margin-top:3em;font:400 15px/1 var(--cwm-latin)} /* 執筆者・監修者 */ #cwm .cwm-byline{margin-top:76px;border-top:1px solid var(--cwm-line-gold)} #cwm .cwm-person{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;padding:30px 0;border-bottom:1px solid var(--cwm-line)} #cwm .cwm-person__mark{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(149,109,53,.45);border-radius:50%;color:#9e79ab;transform:rotate(-14deg)} #cwm .cwm-person__mark .cwm-icon{width:20px;height:20px} #cwm .cwm-person__kind{font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--cwm-gold-ink)} #cwm .cwm-person__name{font:400 19px/1.6 var(--cwm-serif);letter-spacing:.05em;color:var(--cwm-ink);margin-top:5px} #cwm .cwm-person__role{font-size:12px;letter-spacing:.06em;color:var(--cwm-soft);margin-top:2px} #cwm .cwm-person__bio{font-size:13.5px;line-height:2;color:#473a52;margin-top:11px} /* ---------- 6. 一覧 ---------- */ #cwm .cwm-rule{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding-top:24px;border-top:1px solid rgba(219,187,132,.45);color:#cdbfd6;font-size:11px;letter-spacing:.14em} #cwm .cwm-rule h2{font:400 clamp(21px,2.1vw,29px)/1.6 var(--cwm-serif);letter-spacing:.06em;color:var(--cwm-white)} #cwm .cwm-rule a{flex:none;padding-bottom:5px;border-bottom:1px solid rgba(240,217,170,.45);color:var(--cwm-champagne);transition:border-color .3s} #cwm .cwm-rule a:hover{border-color:var(--cwm-champagne)} #cwm .cwm-rule>span{flex:none;padding-bottom:7px} #cwm .cwm-rule--paper{border-top-color:rgba(151,112,58,.48);color:var(--cwm-gold-ink)} #cwm .cwm-rule--paper h2{color:var(--cwm-ink)} #cwm .cwm-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,5vw,84px);margin-top:26px} #cwm .cwm-entry{border-bottom:1px solid var(--cwm-line)} #cwm .cwm-entry__link{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;height:100%;padding:30px 0} #cwm .cwm-entry__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-size:11px;letter-spacing:.14em;color:var(--cwm-gold-ink)} #cwm .cwm-entry__meta time{font:400 12px/1.6 var(--cwm-latin);letter-spacing:.08em;color:var(--cwm-soft)} #cwm .cwm-entry__title{font:400 18px/1.75 var(--cwm-serif);letter-spacing:.04em;color:var(--cwm-ink);margin-top:8px;word-break:auto-phrase;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0 1px;background-position:0 100%;display:inline;transition:background-size .45s} #cwm .cwm-entry__link:hover .cwm-entry__title{background-size:100% 1px} #cwm .cwm-entry__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12.5px;line-height:1.9;color:var(--cwm-soft);margin-top:10px} #cwm .cwm-entry__link:hover .cwm-card{transform:rotate(-4deg) translateY(-4px)} #cwm .cwm-empty{margin-top:44px;font:400 17px/2 var(--cwm-serif);color:var(--cwm-ink)} #cwm .cwm-related{position:relative;z-index:1;background:var(--cwm-dusk);padding:96px 0 104px} #cwm .cwm-entries--dark{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(28px,3.4vw,56px)} #cwm .cwm-entries--dark .cwm-entry{border-bottom-color:rgba(217,192,149,.16)} #cwm .cwm-entries--dark .cwm-entry__link{gap:22px;align-items:start} #cwm .cwm-entries--dark .cwm-entry__meta{color:#dcc298} #cwm .cwm-entries--dark .cwm-entry__meta time{color:#a99cb8} #cwm .cwm-entries--dark .cwm-entry__title{color:var(--cwm-white);font-size:16px} #cwm .cwm-entries--dark .cwm-entry__text{color:#b3a6c0} #cwm .cwm-entries--dark .cwm-card--sm{--w:78px;box-shadow:0 12px 24px rgba(4,1,13,.5)} /* テーマ */ #cwm .cwm-themes{position:relative;z-index:1;background:var(--cwm-dusk);padding:92px 0 100px} #cwm .cwm-hero+.cwm-themes{background:linear-gradient(var(--cwm-night),var(--cwm-dusk) 220px);padding-top:26px} #cwm .cwm-themes__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px} #cwm .cwm-theme{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;height:100%;padding:24px 26px;border:1px solid rgba(214,182,125,.34);background:radial-gradient(ellipse at 100% 0,rgba(140,99,178,.13),transparent 70%),var(--cwm-plum);transition:border-color .3s,box-shadow .3s} #cwm .cwm-theme::before{content:"";position:absolute;inset:5px;border:1px solid rgba(214,182,125,.09);pointer-events:none} #cwm .cwm-theme:hover,#cwm .cwm-theme.is-current{border-color:rgba(230,206,154,.7);box-shadow:0 12px 38px rgba(3,2,11,.21),0 0 24px rgba(201,166,118,.04)} #cwm .cwm-theme:hover .cwm-card{transform:rotate(-5deg) translateY(-3px)} #cwm .cwm-theme__name{display:block;font:400 20px/1.6 var(--cwm-serif);letter-spacing:.06em} #cwm .cwm-theme__desc{display:block;font-size:12px;line-height:1.9;color:#bfb2cb;margin-top:6px} #cwm .cwm-theme__count{display:block;font:italic 400 13px/1 var(--cwm-latin);letter-spacing:.06em;color:#dcc298;margin-top:12px} /* ページ送り */ #cwm .cwm-pager{margin-top:64px} #cwm .cwm-pager ul{display:flex;justify-content:center;flex-wrap:wrap;gap:10px} #cwm .cwm-pager :is(a,span).page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border:1px solid var(--cwm-line);border-radius:50px;font:400 15px/1 var(--cwm-latin);color:var(--cwm-ink);transition:border-color .25s,background .25s} #cwm .cwm-pager a.page-numbers:hover{border-color:var(--cwm-gold-deep);background:rgba(235,210,159,.3)} #cwm .cwm-pager .page-numbers.current{background:var(--cwm-ink);border-color:var(--cwm-ink);color:var(--cwm-champagne)} #cwm .cwm-pager .page-numbers.dots{border:0} /* ---------- 7. 締めくくりの案内 ---------- */ #cwm .cwm-finale{position:relative;z-index:1;overflow:hidden;text-align:center;padding:126px 0 118px;background:radial-gradient(ellipse at 50% 58%,rgba(74,43,90,.6),transparent 68%),radial-gradient(ellipse at 50% 72%,rgba(208,114,150,.13),transparent 60%),linear-gradient(var(--cwm-dusk),var(--cwm-night) 46%)} #cwm .cwm-paper+.cwm-finale,#cwm .cwm-article>.cwm-paper+.cwm-finale{background:radial-gradient(ellipse at 50% 58%,rgba(74,43,90,.6),transparent 68%),radial-gradient(ellipse at 50% 72%,rgba(208,114,150,.13),transparent 60%),var(--cwm-night)} #cwm .cwm-finale__rings{position:absolute;left:50%;top:54%;width:min(88vw,720px);height:min(88vw,720px);transform:translate(-50%,-50%);pointer-events:none;opacity:.42} #cwm .cwm-finale__rings>i{position:absolute;inset:3%;border:1px solid rgba(226,193,131,.38);border-radius:50%} #cwm .cwm-finale__rings>i:nth-child(2){inset:8%;border-color:rgba(225,190,202,.27);transform:rotateX(50deg) rotateZ(24deg)} #cwm .cwm-finale__rings>i:nth-child(3){inset:18%;border-color:rgba(225,190,202,.19);transform:rotateY(55deg) rotateZ(45deg)} #cwm .cwm-finale__rings>.cwm-icon{display:none} #cwm .cwm-finale__inner{position:relative} #cwm .cwm-finale__en{font:400 clamp(58px,8.4vw,128px)/.86 var(--cwm-latin);letter-spacing:-.055em} #cwm .cwm-finale__en em{font-style:normal;color:var(--cwm-gold);background:linear-gradient(105deg,#d7b777 7%,#f7e6bf 30%,#dcc291 51%,#fff2ce 65%,#d7b777 88%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} #cwm .cwm-finale h2{font:400 clamp(22px,2.35vw,33px)/1.65 var(--cwm-serif);letter-spacing:.07em;margin-top:44px} #cwm .cwm-finale__body{font-size:13px;line-height:2.05;color:#beb0c8;margin-top:20px} #cwm .cwm-finale .cwm-button{margin-top:32px;box-shadow:0 0 42px rgba(215,167,191,.1),inset 0 1px 0 rgba(255,239,213,.63)} #cwm .cwm-finale .cwm-button::after{content:"";position:absolute;inset:-100% -50%;background:linear-gradient(110deg,transparent 42%,rgba(255,246,220,.4) 50%,transparent 58%);transform:translateX(-85%);pointer-events:none;animation:cwm-glint 8.5s ease-in-out infinite} @keyframes cwm-glint{0%,70%{transform:translateX(-85%)}88%,100%{transform:translateX(85%)}} #cwm .cwm-finale__sub{display:block;width:fit-content;margin:22px auto 0;padding:5px;font-size:11px;letter-spacing:.08em;color:#c3b4c8} #cwm .cwm-finale__sub:hover{text-decoration:underline} /* ---------- 8. フッター ---------- */ #cwm .cwm-footer{position:relative;z-index:1;background:var(--cwm-night);border-top:1px solid #3b2d46;color:#b9adc5} #cwm .cwm-footer__grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:48px 40px;padding:74px 0 62px} #cwm .cwm-footer__logo{font:400 30px/1 var(--cwm-latin);letter-spacing:-1px;color:#eddbb8} #cwm .cwm-footer__logo em{font-style:normal;color:var(--cwm-gold)} #cwm .cwm-footer__tagline{font:400 15px/1.9 var(--cwm-serif);letter-spacing:.07em;color:#d8cbdc;margin-top:24px} #cwm .cwm-footer__org{font-size:11px;letter-spacing:.14em;color:#9486a3;margin-top:14px} #cwm .cwm-footer__heading{font-size:10px;letter-spacing:.24em;color:#dcc298;padding-bottom:14px;border-bottom:1px solid rgba(217,192,149,.2)} #cwm .cwm-footer__col ul{margin-top:14px} #cwm .cwm-footer__col a{display:inline-block;padding:6px 0;font-size:12.5px;letter-spacing:.05em;transition:color .25s} #cwm .cwm-footer__col a:hover{color:var(--cwm-champagne)} #cwm .cwm-footer__base{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 44px;border-top:1px solid rgba(59,45,70,.8);font-size:10px;letter-spacing:.12em;color:#a698b3} #cwm .cwm-footer__top:hover{color:var(--cwm-champagne)} #cwm .cwm-preview-note{position:fixed;left:16px;bottom:16px;z-index:200;max-width:min(430px,calc(100vw - 32px));margin:0;padding:10px 16px;border:1px solid rgba(183,152,197,.3);border-radius:10px;background:rgba(29,20,40,.94);color:#dfcedf;font-size:11px;line-height:1.7;letter-spacing:.02em} #cwm .cwm-preview-note a{color:var(--cwm-champagne);text-decoration:underline;margin-left:6px} /* ---------- 9. 画面幅ごとの調整 ---------- */ @media(min-width:900px){#cwm .cwm-prose{font-size:17px}} @media(max-width:1180px){ #cwm .cwm-wrap,#cwm .cwm-hero--404>.cwm-wrap{width:calc(100% - 88px)} #cwm .cwm-nav{gap:24px} #cwm .cwm-article__grid{display:block} #cwm .cwm-article__main{max-width:760px;margin:0 auto} #cwm .cwm-rail{position:static;max-width:760px;margin:0 auto 56px;padding:22px 24px 16px;border:1px solid var(--cwm-line);background:var(--cwm-paper-hi)} #cwm .cwm-toc summary{padding-bottom:6px;border-bottom:0} #cwm .cwm-toc details[open] summary{padding-bottom:14px;border-bottom:1px solid var(--cwm-line-gold)} #cwm .cwm-toc__body{max-height:none;overflow:visible} #cwm .cwm-rail__cta{display:none} #cwm .cwm-hero--article .cwm-hero__inner{max-width:760px} #cwm .cwm-themes__list{grid-template-columns:repeat(2,minmax(0,1fr))} #cwm .cwm-entries--dark{grid-template-columns:repeat(2,minmax(0,1fr))} #cwm .cwm-entries--dark .cwm-entry:nth-child(3){display:none} #cwm .cwm-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))} #cwm .cwm-footer__brand{grid-column:1/-1} } @media(max-width:900px){ #cwm{--cwm-head:76px} #cwm .cwm-wrap,#cwm .cwm-hero--404>.cwm-wrap{width:calc(100% - 64px)} #cwm .cwm-header{padding:0 32px} #cwm .cwm-logo>span{font-size:28px} #cwm .cwm-logo>.cwm-icon{width:24px;height:24px} #cwm .cwm-logo small{font-size:6px;margin-top:8px} #cwm .cwm-menu-toggle{display:flex;align-items:center;gap:16px;min-height:44px;padding:10px 0;font-size:9px;letter-spacing:.15em;z-index:2} #cwm .cwm-menu-toggle i{width:25px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .3s} #cwm .cwm-menu-toggle[aria-expanded="true"] i{transform:rotate(-45deg);height:0;border-bottom:0} #cwm .cwm-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;gap:20px;padding:36px 32px 44px;background:#130e20;border-bottom:1px solid #50345b;color:#f3e8f2;font-size:16px;max-height:calc(100svh - var(--cwm-head) - var(--cwm-top));overflow-y:auto} #cwm .cwm-header.is-open{background:#130e20;color:var(--cwm-white);border-color:rgba(230,205,171,.15)} #cwm .cwm-header.is-open .cwm-nav{display:flex} #cwm .cwm-header.is-open .cwm-logo>.cwm-icon,#cwm .cwm-header.is-open .cwm-logo em,#cwm .cwm-header.is-open .cwm-nav__contact>span{color:var(--cwm-gold)} #cwm .cwm-nav .cwm-nav__contact{font-size:14px;margin-top:6px;border-color:rgba(216,188,135,.48)} #cwm .cwm-entries{grid-template-columns:1fr} #cwm .cwm-hero__art{margin-bottom:-118px} } @media(max-width:782px){body.admin-bar #cwm{--cwm-top:46px}} @media(max-width:600px){ #cwm{--cwm-head:70px} #cwm .cwm-wrap,#cwm .cwm-hero--404>.cwm-wrap{width:calc(100% - 48px)} #cwm .cwm-header{padding:0 24px} #cwm .cwm-logo{gap:8px} #cwm .cwm-logo>span{font-size:26px} #cwm .cwm-logo>.cwm-icon{width:22px;height:22px} #cwm .cwm-logo small{font-size:5px;letter-spacing:.19em} #cwm .cwm-nav{padding:30px 24px 40px} #cwm .cwm-hero{padding:calc(var(--cwm-head) + var(--cwm-top) + 34px) 0 58px} #cwm .cwm-hero__inner{display:block} #cwm .cwm-crumbs{margin-bottom:24px} #cwm .cwm-crumbs ol{font-size:10px} #cwm .cwm-crumbs li+li::before{width:9px;margin:0 7px} #cwm .cwm-crumbs li:last-child:not(:first-child){display:none} #cwm .cwm-eyebrow{font-size:10px;letter-spacing:.16em} #cwm .cwm-title{font-size:clamp(23px,6.5vw,30px);line-height:1.62;letter-spacing:.03em;margin-top:16px} #cwm .cwm-title__sub{font-size:14px;letter-spacing:.04em} #cwm .cwm-hero__lead{font-size:13px;line-height:2.05;letter-spacing:.03em;margin-top:18px} #cwm .cwm-meta{gap:4px 22px;margin-top:24px;font-size:10px} #cwm .cwm-meta dd{font-size:13px} #cwm .cwm-hero--article .cwm-meta{padding-right:104px} #cwm .cwm-hero__art{position:absolute;right:0;bottom:0;margin:0 0 -100px;padding:0;z-index:3} #cwm .cwm-hero__inner{position:relative} #cwm .cwm-card--lg{--w:92px;transform:rotate(8deg)} #cwm .cwm-hero--index .cwm-hero__art,#cwm .cwm-hero--404 .cwm-hero__art{position:relative;margin:34px 0 -8px;display:flex;justify-content:flex-end} #cwm .cwm-hero--hub{padding-bottom:64px} #cwm .cwm-hero--hub .cwm-hero__art{margin:26px 0 -6px;justify-content:center} #cwm .cwm-fan{width:270px;height:214px} #cwm .cwm-fan .cwm-card:nth-child(1){--w:108px} #cwm .cwm-fan .cwm-card:nth-child(2){--w:124px} #cwm .cwm-fan .cwm-card:nth-child(3){--w:96px} #cwm .cwm-hero__links{gap:10px 26px;margin-top:24px} #cwm .cwm-herolink{font-size:11px;gap:14px} #cwm .cwm-herolink i{width:31px;height:31px;font-size:16px} #cwm .cwm-sky__word{font-size:36vw;bottom:-.1em} #cwm .cwm-orbit{width:170px;height:170px;right:-34px;transform:translateY(-20%);opacity:.45} #cwm .cwm-orbit>.cwm-icon{left:calc(50% - 9px);top:calc(50% - 9px);width:18px;height:18px} #cwm .cwm-spark{left:78%;top:15%;width:16px;height:16px} #cwm .cwm-spark--b{left:8%;top:84%;width:10px;height:10px} #cwm .cwm-spark--c{left:52%;top:8%;width:8px;height:8px} #cwm .cwm-paper{padding:66px 0 80px} #cwm .cwm-hero--page+.cwm-paper,#cwm .cwm-paper--list,#cwm #cwm-about{padding-top:56px} #cwm .cwm-rail{margin-bottom:44px;padding:18px 18px 12px} #cwm .cwm-prose{letter-spacing:.03em;line-height:2} #cwm .cwm-prose>*+*{margin-top:1.75em} #cwm .cwm-prose h2:where(:not([class*="swell-block"],.faq_q)){font-size:1.44em;letter-spacing:.03em} #cwm .cwm-prose>h2:not(.cwm-notoc){margin-top:3.1em;padding-top:1.3em} #cwm .cwm-prose h3:where(:not([class*="swell-block"],.faq_q)){font-size:1.22em} #cwm .cwm-prose>h3{margin-top:2.5em} #cwm .cwm-prose table{font-size:.84em} #cwm .cwm-prose :is(th,td){padding:.9em .8em} #cwm .cwm-prose .cwm-table table:has(thead){min-width:520px} #cwm .cwm-prose .wp-block-table.is-style-cwm-facts td:first-child{width:6.4em;white-space:normal} #cwm .cwm-prose .wp-block-group:is(.is-style-cwm-point,.is-style-cwm-note,.is-style-cwm-summary,.is-style-cwm-frame){padding:1.5em 1.35em 1.6em} #cwm .cwm-prose .is-style-cwm-voice{padding-left:1.3em} #cwm .cwm-prose blockquote{padding:1.3em 1.2em 1.4em 2.2em} #cwm .cwm-prose summary{padding:1.1em 2.2em 1.1em 2.2em} #cwm .cwm-prose details>:not(summary){margin:0 .4em 0 2.2em} #cwm .cwm-prose details>summary+*::before{left:-1.6em} #cwm .cwm-button,#cwm .cwm-prose .wp-block-button__link{min-width:0;width:100%} #cwm .cwm-prose .wp-block-button{width:100%} #cwm .cwm-prose .is-style-cwm-text{width:auto} #cwm .cwm-prose .is-style-cwm-text>.wp-block-button__link{width:auto} #cwm .cwm-wrap--narrow>.cwm-prose>.alignwide{width:100%;margin-left:0;transform:none} #cwm .cwm-prose .is-style-cwm-night{padding:64px 24px} #cwm .cwm-prose>.alignfull.is-style-cwm-night:last-child{margin-bottom:-80px} #cwm .cwm-byline{margin-top:60px} #cwm .cwm-person{gap:16px;padding:24px 0} #cwm .cwm-person__mark{width:44px;height:44px} #cwm .cwm-person__mark .cwm-icon{width:16px;height:16px} #cwm .cwm-person__name{font-size:17px} #cwm .cwm-rule{padding-top:18px;font-size:10px;letter-spacing:.08em} #cwm .cwm-entries{margin-top:14px} #cwm .cwm-entry__link{gap:18px;padding:24px 0;align-items:start} #cwm .cwm-card--sm{--w:74px} #cwm .cwm-entry__title{font-size:16px;line-height:1.7} #cwm .cwm-entry__text{font-size:12px} #cwm .cwm-related{padding:70px 0 72px} #cwm .cwm-entries--dark{grid-template-columns:1fr} #cwm .cwm-entries--dark .cwm-entry:nth-child(3){display:block} #cwm .cwm-entries--dark .cwm-card--sm{--w:66px} #cwm .cwm-themes{padding:64px 0 70px} #cwm .cwm-themes__list{grid-template-columns:1fr;gap:14px;margin-top:24px} #cwm .cwm-theme{padding:18px 20px;gap:18px} #cwm .cwm-theme__name{font-size:18px} #cwm .cwm-finale{padding:92px 0 88px} #cwm .cwm-finale__rings{width:132vw;height:132vw;top:48%} #cwm .cwm-finale__en{font-size:clamp(58px,19vw,92px)} #cwm .cwm-finale h2{font-size:21px;line-height:1.7;margin-top:34px} #cwm .cwm-finale__body{font-size:12px} #cwm .cwm-finale .cwm-button{width:auto;min-width:240px} #cwm .cwm-footer__grid{grid-template-columns:1fr 1fr;gap:38px 24px;padding:56px 0 46px} #cwm .cwm-footer__col:last-child:nth-child(4){grid-column:1/-1} #cwm .cwm-footer__base{padding:22px 0 84px;font-size:9px} #cwm .cwm-pager{margin-top:44px} #cwm .cwm-preview-note{left:10px;bottom:10px;font-size:10px} } @media(prefers-reduced-motion:reduce){ html.cwm-html{scroll-behavior:auto} #cwm *,#cwm *::before,#cwm *::after{animation:none!important;transition:none!important} } @media print{ body.cwm-body{background:#fff!important} #cwm{background:#fff;color:#222} #cwm .cwm-header,#cwm .cwm-progress,#cwm .cwm-sky,#cwm .cwm-hero__art,#cwm .cwm-rail,#cwm .cwm-related,#cwm .cwm-finale,#cwm .cwm-footer__grid,#cwm .cwm-preview-note,#cwm .cwm-skip{display:none!important} #cwm .cwm-hero{padding:0 0 20px;color:#222} #cwm .cwm-hero *{color:#222!important;text-shadow:none!important;animation:none!important} #cwm .cwm-paper{background:#fff;padding:10px 0} #cwm .cwm-wrap{width:100%} #cwm .cwm-footer{background:#fff;color:#444;border:0} }