/* SWELLの既存記事に干渉させず、新しい画面と共通ナビだけを整える。 */
.aru-multistore #content{max-width:none;width:100%;margin:0;padding:0}
.aru-ms-scope{--bg:#fff;--bg-alt:#f7f8f5}
.aru-ms-content{overflow-wrap:anywhere}
.aru-ms-scope h1,.aru-ms-scope h2,.aru-ms-scope h3,.aru-ms-scope h4{padding:0;background:none;border:0;color:var(--ink)}
.aru-ms-scope h2::before,.aru-ms-scope h2::after,.aru-ms-scope h3::before,.aru-ms-scope h3::after{content:none}
.aru-ms-scope figure{margin:0}
.aru-ms-scope .gnav a.btn,.aru-ms-scope .drawer__panel a.btn{color:#fff;padding:14px 24px;border-bottom:0}
.aru-ms-scope.site-header{top:0}
/* 共通ヘッダーは通常フローに置くため、旧固定ヘッダー用の上余白を重ねない。 */
body.aru-ms-site.aru-shared-chrome{padding-top:0!important}
.admin-bar .aru-ms-scope.site-header{top:32px}
.aru-ms-scope .studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.aru-ms-scope .studio-card--coming{align-self:stretch;display:flex;align-items:center}
.aru-ms-scope .studio-card .more{display:block;margin-top:20px;color:var(--green-deep);font-size:14px}
.aru-ms-scope .hero h1 .store-name{display:block;font-size:.65em;margin-top:20px}
.aru-ms-scope .price-table small{display:block;font-size:13px;color:var(--ink-soft);margin-top:6px}
.aru-ms-scope .table-scroll{margin-block:24px}
.aru-ms-scope .faq-group + .faq-group{margin-top:32px}
.aru-ms-scope .postlist a{grid-template-columns:100px 1fr 16px}
.aru-ms-scope .access:has(>div:only-child){grid-template-columns:1fr}
.aru-ms-scope .aru-ms-reports{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(240px,27vw,300px);gap:24px;margin-top:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:4px;padding:4px 4px 20px;scrollbar-width:thin;scrollbar-color:#9caa96 #f2f4ef}
.aru-ms-scope .aru-ms-reports>a{min-width:0;scroll-snap-align:start;text-decoration:none;font-size:14px;line-height:1.9}
.aru-ms-scope .aru-ms-report-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px}
.aru-ms-scope .aru-ms-report-head p{font-size:12px;color:var(--ink-soft)}
.aru-ms-scope .aru-ms-reports img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:12px}
.aru-ms-scope .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;align-content:start}
.aru-ms-scope .footer-links a{font-size:14px;text-decoration:none}
.aru-ms-scope .foot-bottom{padding-bottom:24px;display:flex;justify-content:space-between;gap:20px;font-size:12px}
.aru-ms-scope .foot-bottom div{display:flex;gap:20px;flex-wrap:wrap}
.aru-ms-scope .aru-ms-reference-note{font-size:12px;max-width:900px;padding-block:12px}
.aru-ms-scope .aru-ms-anchor,.aru-ms-scope section[id]{scroll-margin-top:110px}
.aru-ms-skip{position:fixed;left:16px;top:-100px;background:#fff;color:#29312d;padding:12px;z-index:100000}
.aru-ms-skip:focus{top:10px}
.aru-ms-noscript{display:flex;justify-content:center;gap:24px;padding:14px}
.aru-ms-scope [role=tabpanel][hidden]{display:none}
.aru-ms-scope [role=tabpanel]:not([hidden]){animation:aru-ms-panel .24s ease-out}
@keyframes aru-ms-panel{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:900px){.aru-ms-scope.site-header .inner{min-height:68px}.aru-ms-scope .brand-logo img{width:150px}}
@media(max-width:782px){.admin-bar .aru-ms-scope.site-header{top:46px}}
@media(max-width:768px){.aru-ms-scope .studio-grid{grid-template-columns:1fr;gap:24px}.aru-ms-scope .foot-bottom{flex-direction:column}.aru-ms-scope .postlist a{grid-template-columns:1fr 16px}.aru-ms-scope .postlist time{grid-column:1/-1}.aru-ms-store{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.aru-ms-scope .hero h1 .store-name{font-size:.7em}.aru-ms-scope .container{padding-inline:20px}.aru-ms-scope .access dl{grid-template-columns:70px 1fr;gap:12px}.aru-ms-scope .section{padding-block:56px}}
@media(max-width:320px){.aru-ms-scope .container{padding-inline:16px}.aru-ms-scope .section{padding-block:48px}}
@media(prefers-reduced-motion:reduce){.aru-ms-scope [role=tabpanel]:not([hidden]){animation:none}.aru-ms-scope *{transition:none!important;scroll-behavior:auto!important}}
.aru-ms-scope .table-scroll table{border-collapse:collapse;min-width:620px;width:100%;font-size:14px}
.aru-ms-scope .table-scroll th,.aru-ms-scope .table-scroll td{border-bottom:1px solid var(--line);padding:18px;text-align:left;vertical-align:top}
.aru-ms-scope .table-scroll th{font-weight:500;background:var(--bg-alt)}
.aru-ms-scope .table-scroll th img{max-width:130px}
.aru-ms-scope .table-scroll small{display:block;font-size:12px;line-height:1.8}
.aru-ms-scope .price-table{min-width:480px!important}
@media(max-width:1100px){html:not(.aru-ms-js) .aru-ms-scope .gnav{display:none}}
.aru-ms-scope .hero .store-title-line{display:block;font-size:.84em;letter-spacing:.07em;line-height:1.6}
@media(max-width:768px){.aru-ms-scope .hero .store-title-line{font-size:24px;letter-spacing:.045em}}
