body.mm-body{--mm-paper:#f6f5ef;--mm-ink:#171816;--mm-muted:#62635e;--mm-line:#bfc0b8;--mm-accent:#ce3210}.mm-top *, .mm-footer *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body.mm-body{margin:0;background:var(--mm-paper);color:var(--mm-ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}.mm-top a{color:inherit;text-decoration:none}.mm-top a:focus-visible{outline:3px solid var(--mm-accent);outline-offset:5px}.mm-top a:hover .mm-read-link,.mm-top nav a:hover,.mm-top .mm-section-heading>a:hover,.mm-top .mm-journal-heading>a:hover{text-decoration:underline;text-underline-offset:5px}.mm-top img{display:block;max-width:100%}.mm-top .mm-skip{position:absolute;left:16px;top:-100px;background:var(--mm-paper);padding:12px;z-index:20}.mm-top .mm-skip:focus{top:12px}.mm-top .mm-header{max-width:1600px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:19px 36px 17px}.mm-top .mm-brand{display:flex;align-items:center;gap:20px}.mm-top .mm-brand strong{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(38px,5.5vw,75px);line-height:1;letter-spacing:-.055em}.mm-top .mm-brand>span{font-size:14px;font-weight:800;letter-spacing:.08em}.mm-top .mm-brand small{display:block;font-size:10px;margin-top:8px;letter-spacing:.12em}.mm-top .mm-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:20px}.mm-top .mm-disclosure{font-size:10px;color:var(--mm-muted)}.mm-top .mm-header nav{display:flex;gap:25px;font-size:13px;font-weight:700}.mm-top .mm-hero{position:relative;max-width:1600px;margin:auto;height:650px;isolation:isolate}.mm-top .mm-hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 53%}.mm-top .mm-hero-copy{position:absolute;left:36px;bottom:-1px;max-width:90%}.mm-top .mm-hero h1{margin:0;font-size:clamp(36px,4.6vw,66px);line-height:1.43;font-weight:900;letter-spacing:-.055em}.mm-top .mm-hero h1 span{background:var(--mm-paper);padding:5px 26px 7px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.mm-top .mm-hero-bottom{background:var(--mm-paper);padding:18px 26px 20px}.mm-top .mm-hero-bottom p{font-size:14px;line-height:1.8;margin:0 0 12px}.mm-top .mm-hero-bottom a{font-size:14px;font-weight:800;border-bottom:1px solid;padding-bottom:4px}.mm-top .mm-feature-label{position:absolute;right:36px;bottom:22px;background:var(--mm-accent);color:white;font-size:11px;letter-spacing:.08em;padding:7px 12px}.mm-top .mm-annotation{position:absolute;color:white;font-size:14px;text-shadow:0 1px 5px #0008;letter-spacing:.05em}.mm-top .mm-annotation span{display:block;width:95px;height:25px;border-top:1px solid white;border-right:1px solid white;transform:skew(30deg);margin-top:7px}.mm-top .mm-annotation span:after{content:"";position:absolute;right:-5px;bottom:-5px;width:8px;height:8px;border:1px solid white;border-radius:50%}.mm-top .mm-a-monitor{left:20%;top:17%}.mm-top .mm-a-light{left:65%;top:11%}.mm-top .mm-content{max-width:1450px;margin:auto;padding:0 36px}.mm-top .mm-scenes{display:grid;grid-template-columns:110px repeat(3,1fr);align-items:center;margin:28px 0 27px;padding:24px 0;border-top:2px solid var(--mm-ink);border-bottom:1px solid var(--mm-ink)}.mm-top .mm-eyebrow{font-size:10px;letter-spacing:.25em;font-weight:800;margin:0}.mm-top .mm-scenes a{display:flex;align-items:center;gap:20px;padding:0 22px;border-right:1px solid #888;font-size:clamp(17px,2.1vw,29px);font-weight:700}.mm-top .mm-scenes a:last-child{border:0}.mm-top .mm-scenes i{font-family:"Arial Narrow",sans-serif;font-style:normal;font-weight:400}.mm-top .mm-scenes a>span{font-size:15px;margin-left:auto}.mm-top .mm-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:10px}.mm-top .mm-section-heading h2{font-size:clamp(28px,3.5vw,45px);line-height:1.2;letter-spacing:-.05em;margin:0 0 8px;font-weight:900}.mm-top .mm-section-heading>a,.mm-top .mm-journal-heading>a{font-size:12px;font-weight:700;border-bottom:1px solid;white-space:nowrap}.mm-top .mm-comparison-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.mm-top .mm-feature-card{position:relative;overflow:hidden}.mm-top .mm-power-card{background:#e7e5df;display:flex;flex-direction:column}.mm-top .mm-power-image{position:relative;flex:1;min-height:270px}.mm-top .mm-power-image img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.65}.mm-top .mm-versus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--mm-accent);color:white;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:13px;font-weight:700}.mm-top .mm-card-caption{padding:20px 25px 24px}.mm-top .mm-card-caption h3{font-size:clamp(20px,2.1vw,28px);line-height:1.5;letter-spacing:-.045em;margin:0 0 8px}.mm-top .mm-card-caption p{font-size:14px;margin:0 0 14px}.mm-top .mm-read-link{font-size:12px;font-weight:700}.mm-top .mm-monitor-card{background:#d6e0e4;display:flex;flex-direction:column}.mm-top .mm-monitor-caption{padding:25px 25px 12px}.mm-top .mm-monitor-caption h3{font-size:clamp(21px,2.1vw,29px);line-height:1.5;letter-spacing:-.03em;margin:0 0 14px}.mm-top .mm-monitor-card img{width:100%;height:100%;min-height:200px;object-fit:cover;flex:1}.mm-top .mm-image-note{font-size:10px;color:var(--mm-muted);margin:10px 0 0}.mm-top .mm-journal{margin-top:44px}.mm-top .mm-journal-heading{display:flex;align-items:center;gap:25px;margin-bottom:20px}.mm-top .mm-journal-heading h2{font-size:28px;letter-spacing:-.04em;margin:0;line-height:1.5}.mm-top .mm-journal-heading>span{height:1px;background:var(--mm-ink);flex:1}.mm-top .mm-journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.mm-top .mm-journal-item{display:grid;grid-template-columns:25px 135px 1fr;gap:17px}.mm-top .mm-journal-item:first-child{border-right:1px solid var(--mm-line);padding-right:30px}.mm-top .mm-number{font-size:12px;color:var(--mm-muted);padding-top:6px}.mm-top .mm-journal-item img{width:135px;height:100px;object-fit:cover}.mm-top .mm-journal-item h3{font-size:17px;line-height:1.5;margin:0 0 8px}.mm-top .mm-journal-item p{font-size:12px;line-height:1.8;color:var(--mm-muted);margin:0}.mm-footer p{font-size:13px}.mm-footer .mm-fine,.mm-footer small{font-size:11px;line-height:1.9;color:var(--mm-muted)}.mm-top .mm-mobile-only{display:none}
@media(min-width:1550px){.mm-top .mm-hero{height:720px}}
@media(max-width:950px){.mm-top .mm-header{padding:18px 24px}.mm-top .mm-brand>span{font-size:11px}.mm-top .mm-header nav{gap:13px;font-size:11px}.mm-top .mm-hero{height:590px}.mm-top .mm-hero-copy{left:24px}.mm-top .mm-content{padding:0 24px}.mm-top .mm-scenes{grid-template-columns:70px repeat(3,1fr)}.mm-top .mm-scenes a{padding:0 14px;gap:10px}.mm-top .mm-journal-item{grid-template-columns:20px 85px 1fr;gap:12px}.mm-top .mm-journal-item img{width:85px;height:100px}.mm-top .mm-journal-heading h2{font-size:23px}.mm-top .mm-feature-label{right:20px;bottom:auto;top:20px}.mm-top .mm-annotation{display:none}}
@media(max-width:640px){.mm-top .mm-header{padding:18px;display:block}.mm-top .mm-brand strong{font-size:48px}.mm-top .mm-brand{gap:17px}.mm-top .mm-brand>span{font-size:12px}.mm-top .mm-header-right{gap:12px;margin-top:18px;align-items:stretch}.mm-top .mm-disclosure{position:absolute;right:18px;top:8px;font-size:8px}.mm-top .mm-header nav{justify-content:space-between;font-size:11px;gap:8px}.mm-top .mm-hero{height:auto;padding-top:0}.mm-top .mm-hero-photo{height:330px;object-position:48% center}.mm-top .mm-hero-copy{position:relative;left:auto;margin:-45px 18px 0;max-width:calc(100% - 36px)}.mm-top .mm-hero h1{font-size:36px;line-height:1.5}.mm-top .mm-hero h1 span{padding:5px 12px}.mm-top .mm-hero-bottom{padding:14px 12px 10px}.mm-top .mm-hero-bottom p{font-size:12px}.mm-top .mm-hero-bottom a{font-size:13px}.mm-top .mm-feature-label{font-size:8px;top:12px;right:12px}.mm-top .mm-mobile-only{display:block}.mm-top .mm-content{padding:0 18px}.mm-top .mm-scenes{grid-template-columns:repeat(3,1fr);padding:17px 0;margin:25px 0}.mm-top .mm-scenes>.mm-eyebrow{grid-column:1/-1;margin-bottom:15px}.mm-top .mm-scenes a{font-size:14px;gap:6px;padding:0 8px}.mm-top .mm-scenes a:first-of-type{padding-left:0}.mm-top .mm-scenes a>span{display:none}.mm-top .mm-section-heading{align-items:start;flex-direction:column;gap:10px;margin-bottom:16px}.mm-top .mm-section-heading h2{font-size:29px}.mm-top .mm-comparison-grid{grid-template-columns:1fr;gap:24px}.mm-top .mm-power-image{min-height:0}.mm-top .mm-card-caption{padding:18px}.mm-top .mm-card-caption h3{font-size:23px}.mm-top .mm-monitor-caption{padding:22px 20px 10px}.mm-top .mm-monitor-caption h3{font-size:25px}.mm-top .mm-monitor-card img{height:260px;object-position:center 60%;flex:auto}.mm-top .mm-journal{margin-top:30px}.mm-top .mm-journal-heading{flex-wrap:wrap;gap:12px}.mm-top .mm-journal-heading h2{font-size:23px}.mm-top .mm-journal-heading>span{display:none}.mm-top .mm-journal-heading>a{margin-left:auto;font-size:10px}.mm-top .mm-journal-grid{grid-template-columns:1fr;gap:20px}.mm-top .mm-journal-item,.mm-top .mm-journal-item:first-child{border-right:0;border-top:1px solid var(--mm-line);padding:18px 0 0;grid-template-columns:20px 95px 1fr;gap:12px}.mm-top .mm-journal-item img{width:95px;height:100px}.mm-top .mm-journal-item h3{font-size:15px}.mm-top .mm-journal-item p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.mm-top .mm-brand strong{font-weight:400;letter-spacing:-.025em}.mm-top .mm-a-light{left:49%;top:11%}

.mm-footer{background:var(--mm-paper);color:var(--mm-ink);border-top:1px solid var(--mm-ink);margin:55px auto 0;max-width:1450px;padding:34px 36px 40px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
.mm-footer a{color:inherit}
.mm-footer .mm-footer-brand{font-family:Impact,"Arial Narrow",sans-serif;font-size:35px;letter-spacing:-.025em;text-decoration:none}
.mm-footer p{font-size:13px;margin:12px 0}
.mm-footer .mm-fine{font-size:11px;line-height:1.9;color:var(--mm-muted)}
.mm-footer nav{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12px;margin:14px 0}
.mm-footer nav a{border-bottom:1px solid var(--mm-line)}
.mm-footer small{font-size:11px;color:var(--mm-muted)}
/* 既存セクション(テーマ別・カテゴリ・まとめ・新着)を新しい紙色の背景になじませる */
body.mm-body .main-discovery{max-width:1450px;margin:0 auto;padding:0 36px}
body.mm-body .main-discovery .media-home{padding-top:20px}
.mm-top .mm-journal-item h3{margin-top:0}
@media(max-width:640px){body.mm-body .main-discovery{padding:0 18px}.mm-footer{padding:28px 18px 34px;margin-top:35px}}
body.mm-body main{max-width:none;margin:0;padding:0}
body.mm-body .main-discovery{max-width:1150px}
.mm-top,.mm-footer{line-height:normal;overflow-wrap:normal}
.mm-footer .disclosure{color:var(--mm-muted)}
.mm-footer.mm-footer{max-width:1150px}
/* Amazon検索リンク枠: 楽天の「比べた商品」枠と並べて目に入る見た目にする */
.amazon-search-links{margin:22px 0 30px;padding:14px 16px 16px;background:#fff;border:2px solid #ff9900;border-radius:10px}
.amazon-search-links>p:first-child{margin:0 0 10px;font-weight:800;font-size:1rem}
.amazon-search-links ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.amazon-search-links li a{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-weight:700;text-decoration:none;line-height:1.5}
.amazon-search-links li a::before{content:"";flex:0 0 48px;height:48px;border-radius:8px;background:#fff3dc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M12 17h24l-2 22H14z' fill='none' stroke='%23171816' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M18 17v-3a6 6 0 0 1 12 0v3' fill='none' stroke='%23171816' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='28' r='3' fill='%23ce3210'/%3E%3C/svg%3E") center/32px no-repeat}
.amazon-search-links li a:hover{border-color:#ff9900;background:#fff8ec}
.amazon-search-links small{color:var(--text-muted)}
/* 比べた商品: 写真・商品名・2つのボタン(楽天/Amazon)を1枚のカードにまとめる */
.compared-products-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.compared-products-list li{display:flex;flex-direction:column;gap:10px;margin:0;padding:14px;background:#fff;border:1px solid var(--border);border-radius:10px}
.compared-products-link{display:contents}
.compared-products-thumb{order:1;align-self:center;width:100%;max-width:200px;height:160px;object-fit:contain;border-radius:8px;background:#fff}
.compared-products-name{order:2;font-weight:700;font-size:.92rem;line-height:1.55;color:var(--text);flex:1 1 auto}
.compared-products-go,.compared-products-amazon{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border-radius:8px;font-weight:700;font-size:.92rem;text-decoration:none;white-space:nowrap;box-sizing:border-box;width:100%}
.compared-products-go{order:3;background:var(--accent);color:#fff;border:1px solid var(--accent)}
.compared-products-amazon{order:4;background:#fff;color:var(--text);border:1.5px solid var(--text)}
.vc-shop-links{margin:0 0 24px;padding:12px 14px;background:#fff;border:1px solid var(--border);border-radius:10px}
.vc-shop-links p{margin:0 0 8px}
.vc-shop-links ul{margin:0;padding-left:1.2em}
.compared-products-link:hover .compared-products-go{filter:brightness(.92)}
.compared-products-amazon:hover{background:var(--text);color:#fff}
.compared-products-note{margin:10px 0 0;color:var(--text-muted)}
@media(max-width:560px){.compared-products-list{grid-template-columns:1fr}.compared-products-thumb{height:140px}}
/* mediaトップ: Apple風の見た目調整 */
body.mm-body{--mm-paper:#f5f5f7;--mm-line:#d2d2d7;--mm-radius:20px;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;font-feature-settings:"palt";line-height:1.7}
.mm-top .mm-header{position:sticky;top:0;z-index:10;background:rgba(245,245,247,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);max-width:none;padding-left:max(36px,calc((100% - 1600px)/2 + 36px));padding-right:max(36px,calc((100% - 1600px)/2 + 36px))}
.mm-top .mm-header nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;transition:opacity .2s ease}
.mm-top .mm-header nav a:active{opacity:.5;transition-duration:.08s}
.mm-top .mm-hero{border-radius:0 0 var(--mm-radius) var(--mm-radius);overflow:hidden}
.mm-top .mm-hero h1{letter-spacing:-.025em;line-height:1.4}
.mm-top .mm-hero h1 span{border-radius:12px}
.mm-top .mm-section-heading h2,.mm-top .mm-journal-heading h2{letter-spacing:-.02em}
.mm-top .mm-card-caption h3,.mm-top .mm-monitor-caption h3{letter-spacing:-.015em}
.mm-top .mm-scenes{border-top:0;border-bottom:0;background:#fff;border-radius:var(--mm-radius);padding:20px 8px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 24px rgba(0,0,0,.05)}
.mm-top .mm-scenes a{border-right-color:var(--mm-line);min-height:44px;transition:background .2s ease,transform .12s ease;border-radius:12px}
.mm-top .mm-scenes a:hover{background:#f5f5f7}
.mm-top .mm-scenes a:active{transform:scale(.97);transition-duration:.08s}
.mm-top .mm-feature-card{border-radius:var(--mm-radius);box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease}
.mm-top .mm-feature-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 14px 36px rgba(0,0,0,.09)}
.mm-top .mm-feature-card:active{transform:scale(.985);transition-duration:.08s}
.mm-top .mm-power-card{background:#fff}.mm-top .mm-monitor-card{background:#e8eef1}
.mm-top .mm-journal-item{transition:opacity .2s ease}.mm-top .mm-journal-item:active{opacity:.6;transition-duration:.08s}
.mm-top .mm-journal-item img{border-radius:12px}
.mm-top .mm-journal-item h3{letter-spacing:-.01em}
.mm-top .mm-read-link,.mm-top .mm-section-heading>a,.mm-top .mm-journal-heading>a{display:inline-flex;align-items:center;min-height:44px}
@media(prefers-reduced-motion:reduce){.mm-top *{transition:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce){.mm-top .mm-header{background:var(--mm-paper);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(max-width:640px){.mm-top .mm-header{padding-left:18px;padding-right:18px;position:relative}.mm-top .mm-hero{border-radius:0 0 16px 16px}}