*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;color:#222;background:#fff;line-height:1.75;font-size:15px}
a{color:#7B5EA7;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:960px;margin:0 auto;padding:20px 16px 56px}
.ph{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:960px;margin:0 auto;padding:12px 16px;border-bottom:1px solid #ddd}
.ph__logo{font-weight:700;color:#222;letter-spacing:.02em}
.ph__nav{display:flex;gap:14px;flex-wrap:wrap}.ph__nav a{color:#555;font-size:.88rem}
h1{font-size:1.45rem;font-weight:700;margin:.2em 0 .4em;color:#222}
h2{font-size:1.15rem;font-weight:700;margin:1.7em 0 .6em;padding-bottom:.35em;border-bottom:1px solid #ccc;color:#222}
h3{font-size:1rem;font-weight:700;margin:1.2em 0 .4em;color:#222}
.lead{color:#444;margin:.4em 0 1.2em}
.bc{font-size:.82rem;color:#888;margin-bottom:10px}
.filter{background:#fff;border:1px solid #ddd;border-radius:6px;padding:14px 16px;margin:10px 0 6px}
.filter__row{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin:6px 0}
.filter__label{font-weight:700;font-size:.88rem;min-width:5.5em;padding-top:4px;color:#555}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #ccc;border-radius:4px;padding:4px 11px;font-size:.84rem;color:#333;cursor:pointer;font-family:inherit}
.chip:hover{border-color:#7B5EA7;text-decoration:none}
.chip.on{border:2px solid #7B5EA7;color:#7B5EA7;font-weight:700;padding:3px 10px}
.sw{width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.18)}
.count{font-size:.84rem;color:#777;margin:10px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:8px 0}
.card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #ddd;border-radius:6px;padding:12px 8px}
.card:hover{border-color:#7B5EA7;text-decoration:none}
.card__img{width:92px;height:92px;object-fit:contain}
.card__name{font-weight:700;color:#222;margin-top:6px;font-size:.95rem}
.card__meta{font-size:.76rem;color:#888;display:flex;align-items:center;gap:4px;margin-top:2px}
.card__eff{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.card__eff i{font-style:normal;font-size:.7rem;border:1px solid #ddd;color:#666;border-radius:3px;padding:0 6px;background:#fff}
.dhero{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #ddd;border-radius:6px;padding:18px;margin:8px 0}
.dhero__img{width:150px;height:150px;object-fit:contain}
.dhero__en{color:#888;font-size:.85rem;letter-spacing:.03em;text-transform:capitalize}
.dhero__eff{margin-top:10px;display:flex;gap:5px;flex-wrap:wrap}
.detail .lead{font-size:1rem;margin-top:14px}
.ftab,.ctab{width:100%;border-collapse:collapse;margin:8px 0 4px;background:#fff}
.ftab th,.ftab td,.ctab th,.ctab td{border:1px solid #ddd;padding:8px 11px;text-align:left;font-size:.93rem}
.ftab th{width:8em;background:#f5f5f5;color:#555;font-weight:700}
.ctab th{background:#f5f5f5;color:#555;font-weight:700;width:50%}
.detail p{margin:0 0 13px;color:#333}
.feat{margin:4px 0 16px;padding-left:1.2em}.feat li{margin:6px 0}
.faq dt{font-weight:700;color:#222;margin:15px 0 4px}.faq dd{margin:0 0 12px;color:#333}
.linkcard{background:#fff;border:1px solid #ddd;border-radius:6px;padding:11px 14px;margin:14px 0}
.more{margin:6px 0 0;padding-left:1.2em}.more li{margin:5px 0}
.jtab{width:100%;border-collapse:collapse;margin:8px 0 2px;background:#fff;table-layout:fixed;text-align:center}
.jtab th{border:1px solid #ddd;background:#f5f5f5;color:#555;font-weight:700;font-size:.8rem;padding:6px 2px}
.jtab td{border:1px solid #ddd;padding:8px 2px;font-size:1.1rem;font-weight:700}
.mk-best{color:#2e8b57}.mk-ok{color:#3f6fb0}.mk-care{color:#d97b29}.mk-ng{color:#c0392b}
.jtab__legend{font-size:.76rem;color:#888;margin:2px 0 10px}
.back{margin-top:26px}
.idx{margin:6px 0 2px}
.idx__row{border-top:1px solid #eee;padding:5px 0;font-size:.88rem;line-height:2}
.idx__kana{font-weight:700;color:#555;display:inline-block;min-width:2.6em}
.idx__row a{white-space:nowrap;margin-right:14px}
.pf{max-width:960px;margin:20px auto 0;padding:20px 16px;border-top:1px solid #ddd;text-align:center;color:#888;font-size:.86rem}
.pf a{color:#7B5EA7}
@media(max-width:520px){.dhero{justify-content:center;text-align:center}.ftab th{width:6em}}