@charset "UTF-8";a{color:#333;text-decoration:none}a:hover{color:#2bb673;text-decoration:underline}a:visited{color:#888}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{line-height:1.6;font-family:system-ui,sans-serif;background-color:#fff;color:#111}body{font-size:var(--font-size-base);color:var(--font-color);line-height:1.7}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.4;margin-bottom:1rem}p{margin-bottom:1em}input,textarea,select,button{font-family:inherit;font-size:1rem;line-height:1.4}input,textarea,select{border:1px solid #ccc;padding:.5em;border-radius:4px;width:100%}button{cursor:pointer;border:none;padding:.5em 1em;border-radius:4px;background:var(--btn-bg,#000);color:var(--btn-text,#fff)}button:hover{opacity:.85}
/*! ==================================================
🚀 ヒーローセクション
====================================================== */
.hero{width:100%;background:#fff;padding:0}.l-container--hero{width:100%;background:#fff;font-size:15px;line-height:1.7;box-sizing:border-box}.hero--date-category-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:8px}.hero--date{font-size:13px;color:#666;margin:0;line-height:1.5;display:inline-flex;align-items:center}.hero--category{display:inline-flex;align-items:center;background-color:#2bb673;color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;margin:0;line-height:1;white-space:nowrap}.hero--title{font-weight:700;line-height:1.5;margin-bottom:8px;font-size:26px}.hero--keywords{display:flex;flex-wrap:wrap;gap:0 12px;row-gap:4px;align-items:baseline;list-style:none;padding:0;margin:0 0 8px;font-size:14px;color:#888}.hero--keywords li{margin:0;padding:0;background:0 0;border-radius:0;white-space:nowrap;line-height:1.5;color:inherit;font-size:13px}.hero--keywords--slash{gap:0}.hero--keywords--slash li+li:before{content:"/";margin:0 8px;color:#888}.hero--keywords a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.hero--keywords a:link,.hero--keywords a:visited,.hero--keywords a.is-visited{color:inherit;border-color:transparent}.hero--keywords a:hover,.hero--keywords a:focus,.hero--keywords a:active{color:#2bb673;border-color:#2bb673}.hero--image{position:relative;margin-bottom:8px}.hero--image-img{width:100%;height:auto;border-radius:4px;-o-object-fit:cover;object-fit:cover}.hero--image-credit{position:absolute;bottom:8px;right:12px;font-size:12px;color:#fff;background-color:rgba(0,0,0,.4);padding:2px 6px;border-radius:3px}.hero--lead{font-size:15px;line-height:1.9;color:#333;margin-top:8px}@media (max-width:1024px){.hero{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box;padding-inline:16px}.hero--meta-label-wrap{gap:8px}.hero--date{font-size:13px}.hero--category{font-size:13px;padding:4px 8px}.hero--title{font-weight:700;line-height:1.3;margin-bottom:8px;font-size:22px}.hero--keywords{list-style:none;margin-left:0;padding-left:0;gap:8px;justify-content:flex-start}.hero--keywords li{font-size:13px}.hero--lead{font-size:15px;line-height:1.7;color:#333;margin-top:8px}}
/*! ==================================================
🚀 ボタンセクション
====================================================== */
.btn--primary{background:var(--btn-bg,#000);color:var(--btn-text,#fff);padding:6px 4px;width:90px;display:inline-block;text-align:center;font-weight:700;font-size:11px;text-decoration:none;border-radius:9999px;transition:background .2s}.btn--primary:hover{background:#333}
/*! ==================================================
🚀 カードセクション
====================================================== */
/*! ==================================================
🚀 比較表セクション
====================================================== */
.compare-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-table{--font-size-compare-base:11px;--font-color-compare:#111;--row-stripe-compare:#f8f8f8;--cell-padding-compare:6px;--cell-gap-compare:6px;--cell-width-compare:100px;display:flex;flex-direction:column;font-size:var(--font-size-compare-base);color:var(--font-color-compare);width:100%;min-width:1000px}.compare-row{display:flex}.compare-cell{width:var(--cell-width-compare);min-width:var(--cell-width-compare);max-width:var(--cell-width-compare);padding:var(--cell-padding-compare);box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;gap:var(--cell-gap-compare);background-color:#fff;border:.5px solid #ddd;word-break:break-word}.compare-row--header{display:flex;width:100%;font-weight:700}.compare-cell--image{background-color:#fff}.compare-cell--label{position:sticky;left:0;background-color:var(--row-stripe-compare);z-index:1;font-weight:400;display:flex;align-items:center;justify-content:center;text-align:center}.compare-cell--link{justify-content:center;text-align:center;padding:8px 0}.compare-cell--btn-official a{display:block;background:#000;color:#fff;padding:6px 12px;border-radius:6px;text-decoration:none;font-size:11px;min-width:90px;text-align:center;white-space:nowrap;transition:.1s;font-weight:700;margin:0}.compare-cell--btn-official a:hover{background:#555}.compare-cell--btn-official{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width:768px){.compare-wrapper{width:100vw;margin-left:calc(50% - 50vw);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);box-sizing:border-box}.compare-table{font-size:11px}.compare-row{min-width:1000px}}
/*! ==================================================
🚀 FAQセクション
====================================================== */
/*! ==================================================
🚀 目次セクション
====================================================== */
.unicon-toc{background:#fff;border:1px solid #e0e0e0;padding:24px;border-radius:4px;font-size:12px;color:#333;margin:32px 0}.unicon-toc h2{font-weight:700;margin-bottom:16px;font-size:16px}.unicon-toc ul{list-style:none;padding:0;margin:0}.unicon-toc ul li{padding:12px 0;border-bottom:1px solid #e0e0e0;color:#555;line-height:1}.unicon-toc .toggle-btn{margin-top:16px;text-align:center;font-weight:700;color:#666;cursor:pointer}.unicon-list .toggle-item{display:none}@media screen and (max-width:768px){.unicon-toc{padding-left:16px;padding-right:16px;max-width:calc(100% - 32px);margin-left:auto;margin-right:auto}}
/*! ==================================================
🚀 サイドバーセクション
====================================================== */
/*! ==================================================
🚀 フィルターセクション
====================================================== */
.filter-bar-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:16px;padding:0 12px;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box}.filter-bar-wrapper::-webkit-scrollbar{display:none}.filter-bar{display:inline-flex;flex-wrap:nowrap;gap:5px;padding:0;margin:0;min-width:-moz-max-content;min-width:max-content;box-sizing:border-box}.filter-bar button{flex:0 0 auto;padding:5px 10px;font-size:11.5px;background:#fff;color:#111;border:.5px solid #ccc;border-radius:2px;white-space:nowrap;cursor:pointer;font-weight:500;transition:background .2s ease,border-color .2s ease}.filter-bar button:hover{background:#f0f0f0;border-color:#999}.filter-bar button.selected{background:#ddd;border-color:#999;font-weight:700}
/*! ==================================================
🚀 商品カードセクション
====================================================== */
.product-card{border:1px solid #e0e0e0;border-radius:4px;padding:20px;margin:20px 0;background:#fff;font-size:14px;line-height:1.6}@media (max-width:500px){.product-card{font-size:13px;padding:16px}}.product-header{text-align:center;margin-bottom:1em}.product-image-wrapper{width:100%;max-width:360px;height:360px;display:flex;justify-content:center;align-items:center;border:0;overflow:hidden;background-color:#fff;margin:0}@media (max-width:500px){.product-image-wrapper{margin:0 auto}}.product-image{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;display:block}@media (max-width:500px){.product-image{height:auto}}.product-tags{margin-bottom:10px}.tag{display:inline-block;background:#e0f3ff;color:#07c;font-size:12px;font-weight:700;padding:5px 10px;margin:2px;border-radius:4px}.product-btn{display:inline-block;background:var(--btn-bg);color:#fff;font-weight:700;padding:20px 80px;font-size:14px;border-radius:9999px;text-decoration:none;margin-top:10px;transition:background-color .2s ease}.product-btn:hover{background:#555;color:#fff}@media (max-width:500px){.product-btn{font-size:15px;padding:10px 16px}}.product-table{width:100%;border-collapse:collapse;margin-top:1em;font-size:13.5px}.product-table th,.product-table td{border:.5px solid #ddd;padding:8px 10px;vertical-align:top}.product-table th{background:#f8f8f8;font-weight:700;color:#333;width:40%;text-align:left}.point-box{border-radius:0;padding:10px 14px;margin:12px 0}.point-box.good{background:#e8fcf0;border-left:4px solid #3ecb76}.point-box.bad{background:#fff7f2;border-left:4px solid #f56d6d}.product-desc p{margin-bottom:.8em}.product-hero-flex{display:flex;gap:24px;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.product-title{font-size:1.2em;font-weight:700;margin:.3em 0 12px;text-align:left}.product-meta{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.color-options{display:flex;gap:10px}.color-btn{padding:6px 14px;border:1px solid #ccc;background:#fff;color:#333;border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s ease}.color-btn:hover{background:#f0f0f0}.color-btn.selected{background:#ddd;color:#333}