/* M's editorial system — readable articles and visual discovery, 2026-09-07 */
body.ms-editorial{--paper:#fffafe;--ink:#25252b;--muted:#60636d;--gold:#806392;--accent:#9b4162;--line:#e7ddef;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;line-height:1.9}
.ms-editorial *{box-sizing:border-box}.ms-editorial a:focus-visible,.ms-editorial button:focus-visible,.ms-editorial summary:focus-visible,.ms-editorial input:focus-visible{outline:3px solid #9b4162;outline-offset:4px}
.ms-editorial img{max-width:100%}.ms-editorial [hidden]{display:none!important}
.ms-editorial .article-hero{background:#f4effc!important;color:#25252b!important;padding:42px 24px 28px!important;text-align:left!important}
.ms-editorial .article-hero h1{max-width:880px;margin:0 auto 16px!important;color:#29252c!important;font-family:'Noto Sans JP',sans-serif!important;font-size:clamp(25px,3.1vw,38px)!important;line-height:1.55!important;letter-spacing:.01em!important}
.ms-editorial .article-hero .meta{max-width:880px;margin:0 auto!important;color:#62606a!important;font-size:12px!important}
.ms-editorial .breadcrumb{max-width:1140px;color:#63616b;font-size:12px;line-height:1.7}
.ms-editorial .layout,.ms-editorial .layout-rmt{display:grid!important;grid-template-columns:minmax(0,780px) 270px!important;gap:48px!important;max-width:1140px!important;margin:0 auto!important;padding:26px 20px 56px!important}
.ms-editorial main.article{max-width:820px!important;margin:0 auto!important;padding:32px 24px!important}
.ms-editorial .article{min-width:0!important;background:transparent!important;color:#292932!important;font-size:16px!important;line-height:1.95!important;box-shadow:none!important}
.ms-editorial .article p{margin:18px 0!important;line-height:1.95!important;letter-spacing:.015em}.ms-editorial .article a:not(.btn):not([class*="sns-"]):not(.ms-photo-card){color:#914260;text-underline-offset:4px}
.ms-editorial .article h2{font-size:clamp(22px,2.4vw,29px)!important;line-height:1.6!important;color:#29252c!important;margin:48px 0 20px!important;padding:12px 0 12px 18px!important;border:0!important;border-left:4px solid #ab6b81!important;background:transparent!important}
.ms-editorial .article h3{color:#322b35!important;font-size:20px!important;line-height:1.65!important;margin:26px 0 14px!important}
.ms-editorial :is(h2,h3,h4)[id]{scroll-margin-top:85px}.ms-editorial .marker,.ms-editorial .marker-pink,.ms-editorial .marker-blue{background:#fce5ef!important;color:inherit!important;padding:0 2px;font-weight:600}
.ms-editorial .article :is(.criterion,.point-box,.warning,.pull-quote,.intro-cta,.cta-final,.tip,.answer-box){background:#f5f0fc!important;color:#30303a!important;border-color:#e5d9ee!important;border-radius:14px!important;padding:22px!important;box-shadow:none!important}
.ms-editorial .article :is(.intro-cta,.cta-final) .btn{background:#78465a!important;color:white!important;border-radius:8px;padding:12px 18px}
.ms-editorial .article .store-card{background:#fff!important;border:1px solid #e9dfee!important;border-radius:18px!important;box-shadow:0 6px 25px #35242908;padding:26px!important;margin:28px 0!important}
.ms-editorial .article .sc-visual .ph{height:auto!important;max-height:420px!important;object-fit:cover!important;filter:none!important}.ms-editorial .article .sc-visual .lg{height:68px!important;max-width:40%!important;top:auto!important;left:auto!important;right:14px!important;bottom:14px!important;transform:none!important;background:#17131abf;border-radius:10px;padding:10px}
.ms-editorial .article table{width:100%!important;border-collapse:collapse;display:block;overflow-x:auto;color:#30303a!important;font-size:14px!important;line-height:1.75!important}
.ms-editorial .article table th{background:#edf5fe!important;color:#465c78!important;text-align:left}.ms-editorial .article table td{background:#fff!important;color:#30303a!important}.ms-editorial .article :is(th,td){border-color:#e4dcef!important;padding:12px!important;white-space:normal}
.ms-editorial .blog-eyecatch{max-width:880px!important;margin:22px auto!important;padding:0 20px}.ms-editorial .blog-eyecatch img{width:100%;height:auto!important;object-fit:contain;border-radius:16px!important}
.ms-editorial .blog-img{max-width:680px!important;margin:30px auto!important}.ms-editorial .blog-img img{display:block;max-height:420px;object-fit:contain;background:#f5f0fc;border-radius:14px;box-shadow:none!important}.ms-editorial .blog-img figcaption{font-size:12px!important;color:#68626b!important;line-height:1.7}
.ms-editorial .section-card{max-height:180px!important;overflow:hidden;border-radius:14px;margin:28px 0!important}.ms-editorial .section-card .label{font-size:24px!important}
.ms-editorial .ms-toc{background:#f5effc;border:1px solid #e5d9f0;border-radius:12px;margin:24px 0;padding:0 18px}.ms-editorial .ms-toc summary{padding:15px 0;cursor:pointer;font-weight:700;font-size:15px}.ms-editorial .ms-toc .toc{background:none!important;border:0!important;padding:0 0 16px!important;margin:0!important}.ms-editorial .ms-toc .toc h3{display:none}.ms-editorial .ms-toc .toc li{font-size:14px;margin:8px 0!important}.ms-editorial .ms-toc .toc a{color:#564555!important}
.ms-editorial .sidebar{position:sticky;top:24px!important;align-self:start}.ms-editorial .widget{background:#fff!important;border:1px solid #e7ddef!important;border-radius:14px!important;box-shadow:none!important}.ms-editorial .widget h4{color:#55434e!important}.ms-editorial .widget a{color:#38313a!important}.ms-editorial .widget .post-list a{font-size:13px;line-height:1.6}.ms-editorial .widget .rank{display:none!important}
.ms-editorial .ms-related-thumb{display:block;width:100%;aspect-ratio:1200/630;object-fit:contain;background:#f1effb;border-radius:9px;margin-bottom:9px}.ms-editorial .sidebar .ms-related-thumb{height:100px}
.ms-editorial .related-grid a{background:#fff!important;color:#333!important;padding:12px!important;border:1px solid #e7ddf0!important;border-radius:12px!important;font-size:14px!important}
.ms-editorial .ms-summary{background:#fcecf4;border-radius:16px;padding:24px;margin:0 0 24px;border:1px solid #edcfe1}.ms-editorial .ms-summary strong{display:block;font-size:18px;color:#773a55}.ms-editorial .ms-summary p{margin:10px 0 0!important}
.ms-editorial .ms-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}.ms-editorial .ms-photo-card{display:block;min-width:0;overflow:hidden;border:1px solid #e7ddf0;border-radius:14px;background:#fff;text-decoration:none;color:#302733!important}.ms-editorial .ms-photo-card img{display:block;width:100%;height:165px;object-fit:cover}.ms-editorial .ms-photo-card b{display:block;padding:12px 12px 0;font-size:16px}.ms-editorial .ms-photo-card span{display:block;padding:4px 12px 14px;font-size:12px;color:#69586a}
.ms-editorial .ms-caption{font-size:12px;color:#716771}.ms-editorial .ms-reading-time{display:inline-block;margin:10px 0;font-size:12px;color:#71636d}
/* Index: image-first cards and useful destinations */
.ms-editorial.ms-index .hero{background:#f4effc!important;color:#2d2730!important;padding:36px 24px!important;text-align:left!important}.ms-editorial.ms-index .hero h1{font-family:'Noto Sans JP',sans-serif!important;letter-spacing:.02em!important;font-size:clamp(27px,3vw,38px)!important;line-height:1.5!important;color:#342833!important;max-width:1100px;margin:0 auto 12px!important}.ms-editorial.ms-index .hero p{max-width:1100px;margin:auto!important;color:#645965!important;font-size:14px!important}
.ms-editorial.ms-index .container,.ms-editorial.ms-index .blog-container,.ms-editorial.ms-index .content{max-width:1140px!important;width:100%;margin:0 auto;padding:24px!important}
.ms-editorial.ms-index .article-list,.ms-editorial.ms-index #articleList{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px!important}
.ms-editorial.ms-index .article-card{display:flex!important;flex-direction:column;gap:0!important;padding:0!important;margin:0!important;border:1px solid #eadcf0!important;border-radius:15px!important;overflow:hidden;background:#fff!important;box-shadow:0 5px 20px #49303a08;text-decoration:none;transition:transform .15s,box-shadow .15s;color:#29242c!important}.ms-editorial.ms-index .article-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #49303a14}
.ms-editorial.ms-index .article-card-img{width:100%!important;height:auto!important;aspect-ratio:1200/630!important;background:#f4f2fc!important;overflow:hidden}.ms-editorial.ms-index .article-card-img img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}.ms-editorial.ms-index .article-card-body{padding:18px 20px!important}.ms-editorial.ms-index .article-card-title{color:#312832!important;font-family:'Noto Sans JP',sans-serif!important;font-size:17px!important;line-height:1.65!important;margin:8px 0 10px!important;letter-spacing:0!important}.ms-editorial.ms-index .article-card-cat{color:#954865!important;font-size:11px!important;letter-spacing:.08em!important;font-weight:700}.ms-editorial.ms-index .article-card-desc{color:#675e68!important;font-size:13px!important;line-height:1.85!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ms-editorial.ms-index .article-card-meta{color:#756d76!important;font-size:12px!important;margin-top:14px!important}
.ms-editorial .ms-discover{max-width:1140px;margin:0 auto;padding:26px 24px 0}.ms-editorial .ms-discover h2{font-size:21px;margin:0 0 10px}.ms-editorial .ms-start-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.ms-editorial .ms-start-links a{background:white;border:1px solid #e6d9f0;border-radius:999px;padding:10px 18px;font-size:14px;color:#604553;text-decoration:none}
.ms-editorial .ms-search-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0 26px}.ms-editorial .ms-search-wrap label{font-size:14px;font-weight:600}.ms-editorial .ms-search-wrap input{font:inherit;font-size:15px;border:1px solid #c5b8b9;border-radius:9px;background:white;padding:12px 15px;min-width:0;width:min(100%,370px)}.ms-editorial .ms-search-status{font-size:13px;color:#6c616c}.ms-editorial .cat-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px!important}.ms-editorial .cat-btn{border-radius:999px!important;padding:10px 17px!important;border-color:#cfbfc5!important;color:#684958!important;background:white!important}.ms-editorial .cat-btn.active{background:#78465a!important;color:#fff!important;border-color:#78465a!important}
.ms-editorial .ms-store-links{max-width:1100px;margin:54px auto;padding:0 24px}.ms-editorial .ms-store-links .ms-photo-card img{height:210px}
@media(max-width:900px){.ms-editorial .layout,.ms-editorial .layout-rmt{grid-template-columns:minmax(0,1fr)!important;max-width:820px!important;gap:30px!important}.ms-editorial .sidebar{position:static!important;display:grid;grid-template-columns:1fr 1fr;gap:16px}.ms-editorial.ms-index #articleList,.ms-editorial.ms-index .article-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ms-editorial .article-hero{padding:28px 20px!important}}
@media(max-width:580px){.ms-editorial .layout,.ms-editorial .layout-rmt{padding:20px 18px 40px!important}.ms-editorial main.article{padding:22px 18px!important}.ms-editorial .article{font-size:16px!important}.ms-editorial .article h2{font-size:22px!important;margin-top:38px!important;padding-left:13px!important}.ms-editorial .article .store-card{padding:18px!important}.ms-editorial .sidebar{display:block}.ms-editorial .ms-photo-grid{grid-template-columns:1fr;gap:14px}.ms-editorial .ms-photo-card{display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto auto}.ms-editorial .ms-photo-card img{height:130px!important;grid-row:1/3}.ms-editorial .ms-photo-card b{align-self:end}.ms-editorial .ms-photo-card span{align-self:start}.ms-editorial.ms-index #articleList,.ms-editorial.ms-index .article-list{grid-template-columns:1fr!important;gap:22px!important}.ms-editorial .blog-eyecatch{padding:0 18px!important}.ms-editorial .ms-summary{padding:20px}.ms-editorial .article-hero h1{font-size:25px!important}.ms-editorial .ms-discover{padding:22px 18px 0}.ms-editorial.ms-index .container{padding:22px 18px!important}.ms-editorial .ms-start-links a{font-size:13px;padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.ms-editorial *{scroll-behavior:auto!important;transition:none!important}}
.ms-editorial .ms-site-header{padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:22px;background:#fff;border-bottom:1px solid #ebdff1}.ms-editorial .ms-brand{font-family:Georgia,serif;font-size:25px;font-weight:700;text-decoration:none;color:#322630}.ms-editorial .ms-site-header nav{display:flex;gap:24px;flex-wrap:wrap}.ms-editorial .ms-site-header nav a{font-size:13px;color:#55434e;text-decoration:none}.ms-editorial .ms-footer{text-align:center;padding:38px 20px;background:#f4edf9;color:#685f68;font-size:12px}.ms-editorial .ms-footer a{color:#684b59}@media(max-width:580px){.ms-editorial .ms-site-header{padding:14px 18px;align-items:flex-start;flex-direction:column;gap:8px}.ms-editorial .ms-site-header nav{gap:18px}.ms-editorial .ms-brand{font-size:22px}}

.ms-editorial header.main{background:#fff!important;border-bottom:1px solid #e7ddef!important;backdrop-filter:none!important}.ms-editorial header.main .logo{color:#49323e!important}.ms-editorial nav.main a{color:#51444f!important}.ms-editorial .group-bar{background:#302730!important}.ms-editorial .group-bar a{color:#f1e4ed!important}.ms-editorial .widget input{background:#fff!important;color:#322b35!important;border:1px solid #c6b8bf!important}.ms-editorial .widget button{background:#78465a!important;color:#fff!important}

.ms-editorial .article .callout,.ms-editorial .article .callout :is(p,strong,span){color:#30303a!important}

/* Keep filtering stronger than the card layout; portrait photos retain their framing. */
.ms-editorial.ms-index .article-card[hidden]{display:none!important}
.ms-editorial.ms-index .article-card[data-cat="photo"] .article-card-img{aspect-ratio:3/4!important}

/* Shared pastel brand: readable article text with picture-led discovery. */
.ms-editorial{--editorial-round:'Hiragino Maru Gothic ProN','Hiragino Sans','Noto Sans JP',sans-serif}
.ms-editorial :is(.article-hero,.page-hero),.ms-editorial.ms-index .hero{background:linear-gradient(125deg,#fff0f7 0%,#f4effd 55%,#eaf5ff 100%)!important;border-bottom:1px solid #e7ddef;color:#342b42!important}
.ms-editorial :is(.article-hero,.page-hero) h1,.ms-editorial.ms-index .hero h1,.ms-editorial .article :is(h2,h3),.ms-editorial .article-card-title,.ms-editorial .ms-discover h2{font-family:var(--editorial-round)!important;font-weight:800!important}
.ms-editorial .article h2{background:linear-gradient(100deg,#fcecf4,#eff5ff)!important;border-left:5px solid #cc87b0!important;border-radius:0 18px 18px 0;padding:15px 18px!important}
.ms-editorial .article h3{padding-bottom:9px;border-bottom:2px dashed #e3c9e4}
.ms-editorial :is(.ms-site-header,header.main,header:has(.header-inner),header:has(.navbar),.nav#nav){background:#fff!important;color:#46344f!important;border-bottom:2px solid #eedcec!important;box-shadow:0 3px 18px #74497008!important}
.ms-editorial :is(header,.nav#nav) :is(.logo,.ms-brand,.nav-logo){display:inline-flex!important;align-items:center;gap:12px;color:#48354f!important;min-width:0;text-decoration:none!important;font-family:var(--editorial-round)!important;font-size:21px!important;font-weight:800;line-height:1.4;letter-spacing:0!important}
.ms-editorial :is(header,.nav#nav) :is(.logo,.ms-brand,.nav-logo) img{display:block!important;width:70px!important;height:56px!important;max-width:70px!important;max-height:56px!important;object-fit:contain!important;padding:3px;background:white;border-radius:10px;flex:none;filter:none!important}
.ms-editorial :is(header,.nav#nav) :is(.logo,.ms-brand,.nav-logo) img.ms-group-brand{width:106px!important;max-width:106px!important}
.ms-editorial :is(header,.nav#nav) nav a,.ms-editorial .nav#nav .nav-links a{color:#594366!important;font-size:14px!important;letter-spacing:0!important}
.ms-editorial .group-bar{background:#eee6f7!important;border-bottom:1px solid #dfd2ec}.ms-editorial .group-bar a{color:#584061!important}
.ms-editorial .ms-site-header{padding-top:12px;padding-bottom:12px}.ms-editorial .ms-site-header nav{gap:20px}
.ms-editorial.ms-index .article-card{border-radius:24px!important;border-color:#e8d9ee!important;box-shadow:0 7px 22px #8b649410}
.ms-editorial.ms-index .article-card-img{border-bottom:1px solid #f0e3f3!important;background:#f3f1fc!important}
.ms-editorial.ms-index .article-card-body{padding:21px 22px!important}.ms-editorial.ms-index .article-card-title{font-size:18px!important;line-height:1.75!important}
.ms-editorial.ms-index .article-card-cat{display:inline-block;background:#fcebf4;color:#88456c!important;border-radius:999px;padding:3px 11px;letter-spacing:.03em!important}
.ms-editorial .cat-btn.active,.ms-editorial .widget button{background:#8e4d77!important;border-color:#8e4d77!important}.ms-editorial .ms-start-links a{border-color:#e1cfe9;background:#fff;box-shadow:0 3px 0 #f0e7f7}
.ms-editorial .ms-toc{background:linear-gradient(120deg,#f8f0fb,#eef5fe);border-radius:20px;border-color:#e2d8ef}
.ms-editorial :is(.ms-summary,.related-grid a,.widget,.ms-photo-card){border-radius:20px!important}
.ms-editorial .article :is(.intro-cta,.cta-final) .btn{border-radius:999px;background:#8e4d77!important}
.ms-editorial .blog-eyecatch img{border-radius:24px!important;box-shadow:0 8px 28px #74538c10}.ms-editorial .related-grid a{border-color:#e3d7ed!important}
.ms-editorial .ms-footer{background:linear-gradient(120deg,#fceef5,#edf4fd);border-top:1px solid #e8daef}
@media(max-width:580px){.ms-editorial .ms-site-header{gap:12px}.ms-editorial :is(header,.nav#nav) :is(.logo,.ms-brand,.nav-logo){font-size:19px!important;gap:9px}.ms-editorial :is(header,.nav#nav) :is(.logo,.ms-brand,.nav-logo) img{width:56px!important;height:44px!important;max-width:56px!important;max-height:44px!important}.ms-editorial :is(header,.nav#nav) :is(.logo,.ms-brand,.nav-logo) img.ms-group-brand{width:88px!important;max-width:88px!important}.ms-editorial .ms-site-header nav{gap:10px 18px}.ms-editorial .ms-site-header nav a{font-size:13px!important}.ms-editorial.ms-index .article-card-body{padding:18px 20px!important}.ms-editorial .article h2{padding:13px 15px!important}.ms-editorial .article h3{font-size:19px!important}}

/* Compact discovery controls so article photographs appear earlier on phones. */
@media(max-width:580px){
.ms-editorial.ms-index .hero{padding:24px 18px!important}.ms-editorial.ms-index .hero h1{font-size:26px!important;line-height:1.45!important}.ms-editorial.ms-index .hero p{font-size:14px!important;line-height:1.8!important}
.ms-editorial .ms-discover{padding:18px 18px 0}.ms-editorial .ms-discover h2{font-size:19px}.ms-editorial .ms-start-links{gap:7px;margin:10px 0 0}.ms-editorial .ms-start-links a{padding:7px 11px;line-height:1.7}
.ms-editorial.ms-index .container{padding:16px 18px!important}.ms-editorial .ms-search-wrap{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 14px}.ms-editorial .ms-search-wrap label{grid-column:1}.ms-editorial .ms-search-wrap input{grid-row:2;grid-column:1/-1;width:100%;padding:9px 13px}.ms-editorial .ms-search-status{grid-column:2;grid-row:1}.ms-editorial .cat-tabs{gap:6px;margin-bottom:15px!important}.ms-editorial .cat-btn{padding:8px 12px!important;font-size:13px!important;min-height:40px}
}

/* Article template coverage: title typography and first image spacing. */
.ms-editorial h1,.ms-editorial .article-header h1{font-family:var(--editorial-round)!important;font-weight:800!important;color:#342b42!important;letter-spacing:.01em!important;font-size:clamp(25px,3.1vw,38px)!important;line-height:1.55!important}
.ms-editorial .article-header{padding:0 0 18px!important;margin:0 0 18px!important;border-bottom:1px solid #e7ddef!important;background:transparent!important}
.ms-editorial .article-header h1{margin:0 0 14px!important}
.ms-editorial .reading-time,.ms-editorial .ms-reading-time{background:#f5eafb!important;color:#695078!important;border:1px solid #e7d5ef!important;border-radius:999px!important;padding:4px 11px!important;font-size:12px!important}
.ms-editorial .article .blog-eyecatch{padding:0!important;margin:18px auto 26px!important;max-width:100%!important}
.ms-editorial .ms-discover h2{font-family:var(--editorial-round)!important;color:#493650!important;font-size:23px!important;line-height:1.55!important;border:0!important;border-bottom:2px dashed #e4c9e6!important;background:transparent!important;padding:0 0 12px!important;margin:0 0 14px!important}
@media(max-width:580px){.ms-editorial h1,.ms-editorial .article-header h1{font-size:25px!important}.ms-editorial .article-header{padding-bottom:14px!important;margin-bottom:14px!important}.ms-editorial .ms-discover h2{font-size:21px!important}.ms-editorial .article .blog-eyecatch{margin:16px auto 22px!important}}

/* Remove legacy gradient lettering and overlapping ornamental headings. */
.ms-editorial :is(h1,h2){-webkit-text-fill-color:currentColor!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;text-shadow:none!important;animation:none!important;transform:none!important;opacity:1!important}
.ms-editorial h1{background:none!important;color:#342b42!important}
.ms-editorial :is(h1,h2)::before,.ms-editorial :is(h1,h2)::after{content:none!important;display:none!important;animation:none!important}

/* Let the shared two-column article layout use its intended desktop width. */
.ms-editorial:not(.ms-index) main.container:has(.layout-rmt),.ms-editorial:not(.ms-index) main.container:has(.layout){max-width:1180px!important;width:100%!important;margin:0 auto!important;padding:0!important}

.ms-editorial.ms-index .hero::before,.ms-editorial.ms-index .hero::after{content:none!important;display:none!important}
.ms-editorial h1{text-wrap:balance}.ms-editorial main.container>.breadcrumb{padding-left:20px;padding-right:20px}

.ms-editorial .ms-title-unit{white-space:nowrap}