:root{--op-primary:#055a8e;--op-primary-light:#e8f4fd;--op-accent:#e74c3c;--op-accent-soft:#fff5f5;--op-bg:#f5f6fa;--op-bg-white:#ffffff;--op-bg-card:#ffffff;--op-bg-card-hover:#fafbff;--op-text:#333333;--op-text-light:#777888;--op-text-dark:#1a1a2e;--op-border:#e2e5ee;--op-border-light:#f0f1f5;--op-radius:8px;--op-radius-lg:12px;--op-shadow:0 2px 12px rgba(0,0,0,0.06);--op-shadow-hover:0 8px 24px rgba(0,0,0,0.10);--op-font:'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;--op-sidebar-w:280px;--op-content-max:1200px;--op-gold:#d4a017;--op-silver:#8c8c8c;--op-bronze:#b87333}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{font-family:var(--op-font);background:var(--op-bg);color:var(--op-text);line-height:1.7;min-height:100vh}a{color:var(--op-primary);text-decoration:none;transition:color .2s}a:hover{color:#2980b9}img{max-width:100%;height:auto;display:block}.op-wrapper{display:flex;min-height:100vh;max-width:1440px;margin:0 auto}.op-main{flex:1;min-width:0;order:1}.op-sidebar{width:var(--op-sidebar-w);background:var(--op-bg-white);border-left:1px solid var(--op-border);padding:24px 16px;order:2;flex-shrink:0}.op-sidebar img,.op-sidebar iframe,.op-sidebar video{max-width:100%;height:auto}.op-article-body img,.op-article-body iframe,.op-article-body video{max-width:100%;height:auto}body.op-sidebar-left .op-sidebar{order:0;border-left:none;border-right:1px solid var(--op-border)}body.op-sidebar-left .op-main{order:1}.op-content{padding:20px 24px}.op-header{border-bottom:1px solid var(--op-border);position:sticky;top:0;z-index:90;box-shadow:0 1px 4px rgb(0 0 0 / .04);background:var(--op-bg-white);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.admin-bar .op-header{top:32px}@media screen and (max-width:782px){.admin-bar .op-header{top:46px}}.op-header__inner{max-width:1440px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between}.op-header__logo{font-size:1.3rem;font-weight:700}.op-header__logo a{color:inherit;text-decoration:none}.op-header__logo-img{max-height:48px;width:auto}.op-header__menu{list-style:none;display:flex;align-items:center;gap:0;margin:0;padding:0}.op-header__menu li{display:inline-block;position:relative}.op-header__menu li ul{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:180px;box-shadow:var(--op-shadow);border-radius:4px;z-index:91;list-style:none;padding:4px 0}.op-header__menu li:hover>ul{display:block}.op-header__menu li ul li{display:block}.op-header__menu li ul a{display:block;padding:8px 16px}.op-header__nav a{color:inherit;margin-left:20px;font-size:.9rem;font-weight:500;opacity:.85}.op-header__nav a:hover{opacity:1}.op-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:100}.op-hamburger span{display:block;width:24px;height:2px;background:currentColor;transition:transform .3s,opacity .3s}.op-hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.op-hamburger.active span:nth-child(2){opacity:0}.op-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.op-mobile-menu{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:var(--op-bg-white);z-index:95;overflow-y:auto;transition:right .3s ease;box-shadow:-4px 0 20px rgb(0 0 0 / .1);padding:60px 16px 24px}.op-mobile-menu.open{right:0}.op-mobile-menu__list{list-style:none;margin:0;padding:0}.op-mobile-menu__list li{border-bottom:1px solid var(--op-border-light)}.op-mobile-menu__list a{display:block;padding:12px 8px;color:var(--op-text);font-size:.95rem}.op-mobile-menu__list a:hover{background:var(--op-primary-light)}.op-mobile-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .4);z-index:94}.op-mobile-overlay.open{display:block}.op-hero{position:relative;overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:center}.op-hero__slider{position:absolute;inset:0;width:100%;height:100%}.op-hero__slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}.op-hero__slide.active{opacity:1;z-index:1}.op-hero__slide.prev{opacity:0;z-index:0}.op-hero__slide img{width:100%;height:100%;object-fit:cover}.op-hero--fade .op-hero__slide{transition:opacity .8s ease}.op-hero--zoom .op-hero__slide{transition:opacity .8s ease,transform .8s ease;transform:scale(1.1)}.op-hero--zoom .op-hero__slide.active{transform:scale(1)}.op-hero--kenburns .op-hero__slide img{animation:none}.op-hero--kenburns .op-hero__slide.active img{animation:kenburns 8s ease forwards}@keyframes kenburns{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.15) translate(-2%,-1%)}}.op-hero--flip .op-hero__slide{transition:opacity .6s ease,transform .6s ease;transform:rotateY(90deg);backface-visibility:hidden}.op-hero--flip .op-hero__slide.active{transform:rotateY(0)}.op-hero__overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.op-hero__content{position:relative;z-index:3;padding:40px 24px}.op-hero h1{font-size:2rem;color:#fff;margin-bottom:8px;font-weight:800;text-shadow:0 2px 8px rgb(0 0 0 / .3)}.op-hero p{color:rgb(255 255 255 / .9);font-size:1rem;text-shadow:0 1px 4px rgb(0 0 0 / .2)}.op-hero__dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:8px}.op-hero__dot{width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:#fff0;cursor:pointer;transition:background .2s;padding:0}.op-hero__dot.active{background:#fff}.op-hero__buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.op-hero__btn{display:inline-block;padding:10px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px rgb(0 0 0 / .2)}.op-hero__btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgb(0 0 0 / .3)}.op-global-menu{box-shadow:0 2px 8px rgb(0 0 0 / .1)}.op-global-menu__inner{max-width:1440px;margin:0 auto;padding:0 24px}.op-global-menu__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0}.op-global-menu__list li a{display:block;padding:12px 20px;color:var(--menu-color,#fff);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.op-global-menu__list li a:hover{color:var(--menu-hover,#43b0f1);background:rgb(255 255 255 / .08)}.op-widget-area{margin-bottom:24px}.op-widget{margin-bottom:24px}.op-section-title{font-size:1.1rem;color:var(--op-text-dark);font-weight:700;margin-bottom:16px;padding:10px 16px;background:var(--op-bg-white);border-left:4px solid var(--op-primary);border-radius:0 var(--op-radius) var(--op-radius) 0;box-shadow:var(--op-shadow);display:flex;align-items:center;gap:8px}.sc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sc-card{background:var(--op-bg-card);border-radius:var(--op-radius);overflow:hidden;box-shadow:var(--op-shadow);transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:block}.sc-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--op-shadow-hover)}.sc-card-img{position:relative;padding-top:56.25%;background:var(--op-bg);overflow:hidden}.sc-card-img::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);z-index:2;transition:left .5s ease}.sc-card:hover .sc-card-img::after{left:120%}.sc-card-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--op-bg,#1a1a2e);transition:transform .4s ease}.sc-card:hover .sc-card-img img{transform:scale(1.08)}.sc-card-body{padding:8px;overflow:hidden}.sc-card-title{font-size:12px;font-weight:600;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--op-text-dark);word-break:break-word}.sc-card-meta{font-size:11px;color:var(--op-text-light);margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sc-card-price{margin-top:2px;color:var(--op-accent);font-weight:700;font-size:11px}.sc-card2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sc-card2-item{background:var(--op-bg-card);border-radius:var(--op-radius);overflow:hidden;box-shadow:var(--op-shadow);transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:block}.sc-card2-item:hover{transform:translateY(-4px);box-shadow:var(--op-shadow-hover)}.sc-card2-img{position:relative;padding-top:56.25%;background:var(--op-bg);overflow:hidden}.sc-card2-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:var(--op-bg,#1a1a2e);transition:transform .4s ease}.sc-card2-item:hover .sc-card2-img img{transform:scale(1.05)}.sc-card2-body{padding:14px}.sc-card2-title{font-size:14px;font-weight:700;line-height:1.5;color:var(--op-text-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-card2-meta{font-size:12px;color:var(--op-text-light);margin-top:6px}.sc-card2-price{color:var(--op-accent);font-weight:700;font-size:15px;margin-top:6px}.sc-card2-btn{display:inline-block;margin-top:10px;padding:6px 20px;font-size:12px;font-weight:600;color:#fff;background:var(--op-primary);border-radius:4px;transition:background .2s}.sc-card2-item:hover .sc-card2-btn{background:var(--op-accent)}.sc-list{display:flex;flex-direction:column;gap:10px}.sc-list-item{background:var(--op-bg-card);border-radius:var(--op-radius);box-shadow:var(--op-shadow);transition:box-shadow .2s}.sc-list-item:hover{box-shadow:var(--op-shadow-hover)}.sc-list-item a{display:flex;gap:10px;padding:10px;text-decoration:none;color:inherit;align-items:center}.sc-list-item img{width:80px;height:45px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--op-bg)}.sc-list-content{flex:1;min-width:0}.sc-list-title{font-size:12px;font-weight:600;line-height:1.4;color:var(--op-text-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-list-meta{font-size:12px;color:var(--op-text-light);margin-top:2px}.sc-list-price{margin-top:4px;color:var(--op-accent);font-weight:700}.sc-slider{display:flex;gap:14px;overflow-x:auto;padding:8px 0 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.sc-slider::-webkit-scrollbar{height:6px}.sc-slider::-webkit-scrollbar-track{background:var(--op-border-light);border-radius:3px}.sc-slider::-webkit-scrollbar-thumb{background:var(--op-border);border-radius:3px}.sc-slider .sc-card{flex:0 0 130px;scroll-snap-align:start}.sc-featured-main{margin-bottom:16px}.sc-featured-main a{display:grid;grid-template-columns:180px 1fr;gap:16px;background:var(--op-bg-card);border-radius:var(--op-radius-lg);padding:20px;box-shadow:var(--op-shadow);text-decoration:none;color:inherit;transition:box-shadow .2s}.sc-featured-main a:hover{box-shadow:var(--op-shadow-hover)}.sc-featured-main img{width:100%;border-radius:var(--op-radius);object-fit:cover;background:var(--op-bg)}.sc-featured-info{padding:4px 0}.sc-featured-title{font-size:15px;font-weight:700;line-height:1.5;color:var(--op-text-dark)}.sc-featured-meta{font-size:13px;color:var(--op-text-light);margin-top:6px}.sc-featured-price{margin-top:6px;color:var(--op-accent);font-weight:700;font-size:15px}.sc-featured-sub{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sc-ranking-item{display:flex;gap:10px;padding:10px 10px;background:var(--op-bg-card);border-radius:var(--op-radius);margin-bottom:8px;box-shadow:var(--op-shadow);align-items:center;text-decoration:none;color:inherit;transition:box-shadow .2s}.sc-ranking-item:hover{box-shadow:var(--op-shadow-hover)}.sc-ranking-num{font-size:.85rem;font-weight:800;width:28px;height:28px;min-width:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--op-primary);color:#fff;line-height:1;flex-shrink:0}.sc-ranking-num.rank-1{background:var(--op-gold);color:#fff;width:32px;height:32px;min-width:32px;font-size:.95rem}.sc-ranking-num.rank-2{background:var(--op-silver);color:#fff}.sc-ranking-num.rank-3{background:var(--op-bronze);color:#fff}.sc-ranking-hide-num .sc-ranking-num{display:none}.sc-ranking-thumb{width:80px;height:45px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--op-bg)}.sc-ranking-info{flex:1;min-width:0}.sc-ranking-title{font-size:12px;font-weight:600;color:var(--op-text-dark);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-ranking-meta{font-size:12px;color:var(--op-text-light);margin-top:2px}.sc-ranking-price{color:var(--op-accent);font-weight:700;font-size:11px;margin-top:4px}.sc-ranking--h{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}.sc-ranking--h::-webkit-scrollbar{height:4px}.sc-ranking--h::-webkit-scrollbar-track{background:#fff0}.sc-ranking--h::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.sc-ranking-h-card{display:flex;flex-direction:column;min-width:140px;max-width:160px;flex-shrink:0;background:var(--op-bg-card);border-radius:var(--op-radius);overflow:hidden;text-decoration:none;color:inherit;position:relative;scroll-snap-align:start;transition:transform .2s,box-shadow .2s}.sc-ranking-h-card:hover{transform:translateY(-3px);box-shadow:var(--op-shadow-hover)}.sc-ranking-h-card .sc-ranking-num{position:absolute;top:6px;left:6px;z-index:1}.sc-ranking-h-img{width:100%;aspect-ratio:16/9;overflow:hidden}.sc-ranking-h-img img{width:100%;height:100%;object-fit:cover;background:var(--op-bg)}.sc-ranking-h-body{padding:8px}.sc-ranking-h-body .sc-ranking-title{font-size:12px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-ranking-h-body .sc-ranking-price{margin-top:4px}.sc-magazine{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sc-magazine-item:first-child{grid-row:1 / 3}.sc-magazine-item{background:var(--op-bg-card);border-radius:var(--op-radius);overflow:hidden;box-shadow:var(--op-shadow);transition:box-shadow .2s}.sc-magazine-item:hover{box-shadow:var(--op-shadow-hover)}.sc-magazine-item a{display:block;text-decoration:none;color:inherit}.sc-magazine-item:first-child .sc-card-img{padding-top:56.25%}.sc-magazine-item:not(:first-child) .sc-card-img{padding-top:56.25%}.sc-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.sc-compact .sc-card{border-radius:6px}.sc-compact .sc-card-img{padding-top:56.25%}.sc-compact .sc-card-body{padding:8px}.sc-compact .sc-card-title{font-size:11px;max-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-compact .sc-card-price{font-size:12px;margin-top:4px}.sc-table{width:100%;background:var(--op-bg-card);border-radius:var(--op-radius);overflow:hidden;box-shadow:var(--op-shadow);border-collapse:collapse;table-layout:fixed}.sc-table th{background:var(--op-primary);color:#fff;padding:10px 14px;font-size:13px;font-weight:600;text-align:left}.sc-table td{padding:10px 14px;border-bottom:1px solid var(--op-border-light);font-size:13px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-table td:nth-child(2){white-space:normal;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sc-table tr:hover{background:var(--op-primary-light)}.sc-table-thumb{width:64px;height:36px;object-fit:cover;border-radius:4px;background:var(--op-bg)}.sc-wide{display:flex;flex-direction:column;gap:12px}.sc-wide-item{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;background:var(--op-bg-card);border-radius:var(--op-radius);box-shadow:var(--op-shadow);overflow:hidden;transition:box-shadow .2s}.sc-wide-item:hover{box-shadow:var(--op-shadow-hover)}.sc-wide-item a{display:contents;text-decoration:none;color:inherit}.sc-wide-btn{display:inline-block;padding:6px 16px;margin-right:14px;font-size:12px;font-weight:600;color:#fff;background:var(--op-primary);border-radius:4px;white-space:nowrap;transition:background .2s}.sc-wide-item:hover .sc-wide-btn{background:var(--op-accent)}.sc-wide-img{width:110px;height:100%;min-height:96px;object-fit:cover;background:var(--op-bg)}.sc-wide-body{padding:14px 14px 14px 0;display:flex;flex-direction:column;justify-content:center}.sc-wide-title{font-size:12px;font-weight:600;color:var(--op-text-dark);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-wide-meta{font-size:12px;color:var(--op-text-light);margin-top:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.sc-wide-price{color:var(--op-accent);font-weight:700;margin-top:6px}.sc-wide--2col{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sc-wide--2col .sc-wide-item{grid-template-columns:90px 1fr;gap:10px}.sc-wide--2col .sc-wide-img{width:90px;min-height:80px}.sc-wide--2col .sc-wide-btn{display:none}.sc-wide--2col .sc-wide-title{-webkit-line-clamp:2}.sc-tile{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sc-tile .sc-card{display:flex;flex-direction:column}.sc-tile .sc-card-img{padding-top:0;position:static}.sc-tile .sc-card-img img{position:static;height:auto}.sc-banner{display:flex;flex-direction:column;gap:10px}.sc-banner-item{position:relative;border-radius:var(--op-radius-lg);overflow:hidden;box-shadow:var(--op-shadow);height:130px}.sc-banner-item a{display:block;height:100%;text-decoration:none}.sc-banner-item img{width:100%;height:100%;object-fit:cover;background:var(--op-bg)}.sc-banner-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgb(0 0 0 / .7));padding:20px 16px 14px;color:#fff}.sc-banner-title{font-size:15px;font-weight:700;line-height:1.4}.sc-banner-price{font-size:14px;font-weight:700;color:gold;margin-top:4px}.sc-minimal{display:flex;flex-direction:column}.sc-minimal-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--op-border-light);text-decoration:none;color:inherit}.sc-minimal-item:hover{background:var(--op-primary-light);border-radius:6px}.sc-minimal-num{font-size:12px;font-weight:700;color:var(--op-text-light);min-width:24px;text-align:center}.sc-minimal-title{font-size:13px;flex:1;color:var(--op-text-dark);line-height:1.4}.sc-preset-sale{border-left:4px solid #e74c3c}.sc-preset-ranking{border-left:4px solid #f39c12}.sc-preset-review{border-left:4px solid #3498db}.sc-preset-limited{border-left:4px solid #9b59b6}.sc-preset-official{border-left:4px solid #27ae60}.op-product-single{max-width:900px;margin:0 auto}.op-product-single__header{display:flex;gap:24px;margin-bottom:32px;background:var(--op-bg-card);border-radius:var(--op-radius-lg);padding:24px;box-shadow:var(--op-shadow)}.op-product-single__image{width:300px;flex-shrink:0;border-radius:var(--op-radius);overflow:hidden}.op-product-single__info{flex:1}.op-product-single__title{font-size:1.4rem;color:var(--op-text-dark);margin-bottom:16px;line-height:1.4;font-weight:700}.op-product-single__table{width:100%;border-collapse:collapse;margin-bottom:16px}.op-product-single__table th,.op-product-single__table td{padding:8px 12px;border-bottom:1px solid var(--op-border-light);text-align:left;font-size:.88rem}.op-product-single__table th{color:var(--op-text-light);width:100px;font-weight:600}.op-product-single__header--simple{align-items:center}.op-product-single__header--simple .op-product-single__image{width:200px}.op-product-single__header--simple .op-product-single__title{margin-bottom:12px}.op-product-meta{margin:20px 0;background:var(--op-card-bg,#fff);border-radius:var(--op-radius);padding:20px;border:1px solid var(--op-border,#e5e7eb)}.op-product-meta__table{width:100%;border-collapse:collapse}.op-product-meta__table th,.op-product-meta__table td{padding:10px 12px;border-bottom:1px solid var(--op-border,#e5e7eb);font-size:.9rem;line-height:1.5}.op-product-meta__table tr:last-child th,.op-product-meta__table tr:last-child td{border-bottom:none}.op-product-meta__table th{white-space:nowrap;width:110px;color:var(--op-text-muted,#6b7280);font-weight:600;vertical-align:top}.op-product-meta__table th i{margin-right:4px;width:16px;text-align:center}.op-product-meta__table td{color:var(--op-text,#1f2937)}.op-product-meta__table td a{color:var(--op-primary);text-decoration:none}.op-product-meta__table td a:hover{text-decoration:underline}@media (max-width:480px){.op-product-meta__table th{width:80px;font-size:.8rem}.op-product-meta__table td{font-size:.85rem}}.op-btn-affiliate{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:12px 16px;border-radius:6px;font-weight:700;font-size:15px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px rgb(231 76 60 / .3);text-decoration:none;width:100%}.op-btn-affiliate:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(231 76 60 / .4);color:#fff}.op-btn-affiliate--lg{padding:14px 40px;font-size:1.1rem}.op-external-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:12px}.op-ext-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none;color:#fff;transition:all .2s;white-space:nowrap}.op-ext-btn:hover{transform:translateY(-1px);color:#fff}.op-ext-btn__icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;background:rgb(255 255 255 / .2);font-size:12px;font-weight:900}.op-ext-btn--amazon{background:#f90}.op-ext-btn--amazon:hover{background:#e68a00;box-shadow:0 3px 12px rgb(255 153 0 / .4)}.op-ext-btn--rakuten{background:#bf0000}.op-ext-btn--rakuten:hover{background:#a00;box-shadow:0 3px 12px rgb(191 0 0 / .4)}.op-ext-btn--mercari{background:#4dc4ff}.op-ext-btn--mercari:hover{background:#3ab5f0;box-shadow:0 3px 12px rgb(77 196 255 / .4)}.op-ext-btn--yahoo{background:#f03}.op-ext-btn--yahoo:hover{background:#e0002d;box-shadow:0 3px 12px rgb(255 0 51 / .4)}.op-ext-btn--detail{background:linear-gradient(135deg,#e74c3c,#c0392b)}.op-ext-btn--detail:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 3px 12px rgb(231 76 60 / .4)}@media(max-width:600px){.op-external-links{grid-template-columns:1fr 1fr;justify-items:center}.op-ext-btn{padding:10px 8px;font-size:12px;width:100%}}@media(max-width:480px){.op-external-links{grid-template-columns:1fr;max-width:280px;margin-left:auto;margin-right:auto}}@media(max-width:360px){.op-external-links{grid-template-columns:1fr}}.op-pcard{display:flex;gap:20px;background:var(--op-bg-card);border:1px solid var(--op-border);border-radius:var(--op-radius-lg);padding:20px;margin:20px 0;box-shadow:var(--op-shadow);align-items:center}.op-pcard__img{flex-shrink:0;width:200px}.op-pcard__img img{width:100%;height:auto;border-radius:var(--op-radius);object-fit:cover}.op-pcard__body{flex:1;min-width:0}.op-pcard__title{font-size:1.1rem;font-weight:700;color:var(--op-text-dark);line-height:1.5;margin-bottom:12px}.op-pcard__desc{font-size:.9rem;color:var(--op-text-light);line-height:1.6;margin-bottom:14px}.op-pcard__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#e74c3c;color:#fff;font-size:1rem;font-weight:700;border-radius:8px;text-decoration:none;transition:all .2s;box-shadow:0 3px 8px rgb(231 76 60 / .3)}.op-pcard__btn:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 5px 16px rgb(231 76 60 / .4);color:#fff}.op-pcard__buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}@media(max-width:600px){.op-pcard{flex-direction:column}.op-pcard__img{width:100%;max-width:280px;margin:0 auto}.op-pcard__btn{width:100%;justify-content:center}}.op-cta-bottom{text-align:center;margin:24px 0;padding:20px;background:var(--op-bg-card);border:2px solid var(--op-primary);border-radius:var(--op-radius-lg);box-shadow:var(--op-shadow)}.op-cta-card{display:flex;gap:20px;text-align:left;align-items:center}.op-cta-card__img{flex-shrink:0;width:140px}.op-cta-card__img img{width:100%;height:auto;border-radius:var(--op-radius)}.op-cta-card__body{flex:1}.op-cta-card__title{font-size:1rem;font-weight:700;margin-bottom:12px;line-height:1.5;color:var(--op-text-dark)}.op-cta-card .op-external-links{margin-top:10px}@media (max-width:600px){.op-cta-card{flex-direction:column;text-align:center;align-items:center}.op-cta-card__img{width:120px;margin:0 auto}.op-cta-card__body{width:100%}.op-cta-card .op-external-links{justify-items:center;max-width:320px;margin-left:auto;margin-right:auto}.op-cta-card .op-ext-btn{width:100%;max-width:280px;margin:0 auto}}.op-article-body{background:var(--op-bg-card);border-radius:var(--op-radius-lg);padding:28px;line-height:1.9;box-shadow:var(--op-shadow)}.op-article-body h2{font-size:1.25rem;color:var(--op-text-dark);border-left:4px solid var(--op-primary);padding-left:12px;margin:28px 0 14px;font-weight:700}.op-article-body h3{font-size:1.05rem;color:var(--op-text-dark);margin:20px 0 10px;font-weight:600}.op-article-body p{margin-bottom:14px}.op-article-body ul,.op-article-body ol{margin:10px 0 14px 24px}.op-sidebar .widget{padding:16px 0;border-bottom:1px solid var(--op-border-light)}.op-sidebar .widget:last-child{border-bottom:none}.op-sidebar .widget-title{font-size:.85rem;font-weight:700;color:var(--op-text-dark);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--op-primary)}.op-sidebar .widget ul{list-style:none}.op-sidebar .widget ul li a{display:block;padding:6px 0;color:var(--op-text);font-size:.88rem;border-bottom:1px solid var(--op-border-light);transition:padding .2s}.op-sidebar .widget ul li a:hover{color:var(--op-primary);padding-left:4px}.op-sidebar .widget:empty{display:none}.op-sidebar .widget ul:empty{display:none}.op-sidebar .widget:not(:has(ul li)):not(:has(p)):not(:has(.sc-card2)):not(:has(img)):not(:has(.textwidget)) .widget-title+*{display:none}.op-pagination{display:flex;justify-content:center;gap:6px;margin-top:32px}.op-pagination a,.op-pagination span{padding:8px 14px;border-radius:6px;font-size:.88rem;border:1px solid var(--op-border);color:var(--op-text);background:var(--op-bg-card)}.op-pagination .current{background:var(--op-primary);color:#fff;border-color:var(--op-primary)}.op-pagination a:hover{background:var(--op-primary-light)}.nav-links{display:flex;justify-content:center;gap:6px;margin-top:32px}.nav-links a,.nav-links span{padding:8px 14px;border-radius:6px;font-size:.88rem;border:1px solid var(--op-border);color:var(--op-text);background:var(--op-bg-card);text-decoration:none;transition:background .2s}.nav-links .current{background:var(--op-primary);color:#fff;border-color:var(--op-primary)}.nav-links a:hover{background:var(--op-primary-light)}.nav-links .dots{border:none;background:none}.op-footer{text-align:center;padding:24px;color:var(--op-text-light);font-size:.82rem;border-top:1px solid var(--op-border);margin-top:48px;background:var(--op-bg-white)}@media (max-width:900px){.op-sidebar{display:none}.op-main{margin-left:0!important;margin-right:0!important}.sc-grid{grid-template-columns:repeat(3,1fr)}.sc-featured-main a{grid-template-columns:1fr}.sc-featured-sub{grid-template-columns:repeat(2,1fr)}.sc-magazine{grid-template-columns:1fr}.sc-magazine-item:first-child{grid-row:auto}.sc-wide-item{grid-template-columns:90px 1fr auto}.sc-tile{grid-template-columns:repeat(2,1fr)}.op-product-single__header{flex-direction:column}.op-product-single__image{width:100%}}@media (max-width:600px){.sc-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sc-compact{grid-template-columns:repeat(3,1fr);gap:8px}.sc-featured-sub{grid-template-columns:repeat(2,1fr)}.sc-card2{grid-template-columns:1fr}.sc-wide-item{grid-template-columns:1fr}.sc-wide-img{height:160px;width:100%}.sc-wide-btn{display:none}.sc-wide--2col{grid-template-columns:1fr}.sc-wide--2col .sc-wide-item{grid-template-columns:80px 1fr}.sc-wide--2col .sc-wide-img{height:auto;width:80px;min-height:70px}.sc-tile{grid-template-columns:repeat(2,1fr)}.op-hero h1{font-size:1.4rem}.sc-banner-item{height:120px}}.op-breadcrumb{padding:10px 20px;font-size:.82rem;color:var(--op-text-light)}.op-bread{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0}.op-bread__item{display:inline-flex;align-items:center}.op-bread__item a{color:var(--op-primary)}.op-bread__sep{margin:0 8px;font-size:.65rem;color:var(--op-text-light)}.op-bread__current{color:var(--op-text);font-weight:500}.op-share{margin:32px 0;text-align:center}.op-share__label{font-size:.85rem;font-weight:600;color:var(--op-text-light);margin-bottom:10px}.op-share__buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.op-share__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:.82rem;font-weight:600;color:#fff;text-decoration:none;transition:opacity .2s}.op-share__btn:hover{opacity:.85;color:#fff}.op-share--twitter{background:#1da1f2}.op-share--facebook{background:#1877f2}.op-share--line{background:#06c755}.op-share--hatena{background:#00a4de}.op-share--pocket{background:#ef4056}.op-hero{position:relative;overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center}.op-hero__slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.op-hero__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease;background-size:cover;background-position:center}.op-hero__slide.active{opacity:1}.op-hero__slide img{width:100%;height:100%;object-fit:cover}.op-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .4);z-index:1}.op-hero__content{position:relative;z-index:2;text-align:center;padding:48px 24px}.op-hero__content h1{font-size:2.2rem;color:#fff;font-weight:800;margin-bottom:12px;animation:opHeroFadeUp .8s ease both}.op-hero__content p{color:rgb(255 255 255 / .9);font-size:1.05rem;animation:opHeroFadeUp .8s .2s ease both}@keyframes opHeroFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.op-hero__dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:8px}.op-hero__dot{width:10px;height:10px;border-radius:50%;background:rgb(255 255 255 / .5);border:none;cursor:pointer;transition:background .3s}.op-hero__dot.active{background:#fff}.op-balloon{display:flex;gap:12px;margin:20px 0;align-items:flex-start}.op-balloon--right{flex-direction:row-reverse}.op-balloon__icon{flex-shrink:0;text-align:center;width:60px}.op-balloon__icon img{width:60px;height:60px;border-radius:50%;object-fit:cover}.op-balloon__avatar{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--op-primary);color:#fff;font-size:1.4rem;font-weight:700}.op-balloon__name{display:block;font-size:.7rem;color:var(--op-text-light);margin-top:4px}.op-balloon__bubble{position:relative;padding:14px 18px;border-radius:12px;border:1px solid;max-width:80%;line-height:1.7;font-size:.92rem}.op-balloon--left .op-balloon__bubble::before{content:'';position:absolute;left:-8px;top:18px;border:8px solid #fff0;border-right-color:var(--balloon-border,#ccc);border-left:0}.op-balloon--left .op-balloon__bubble::after{content:'';position:absolute;left:-6px;top:20px;border:6px solid #fff0;border-right-color:var(--balloon-bg,#f7f7f7);border-left:0}.op-balloon--right .op-balloon__bubble::before{content:'';position:absolute;right:-8px;top:18px;border:8px solid #fff0;border-left-color:var(--balloon-border,#ccc);border-right:0}.op-balloon--right .op-balloon__bubble::after{content:'';position:absolute;right:-6px;top:20px;border:6px solid #fff0;border-left-color:var(--balloon-bg,#f7f7f7);border-right:0}.op-balloon--think .op-balloon__bubble{border-radius:20px}.op-box{border:2px solid;border-radius:var(--op-radius);padding:20px;margin:20px 0}.op-box__title{font-weight:700;font-size:.95rem;margin-bottom:10px;display:flex;align-items:center;gap:6px}.op-box__body{font-size:.92rem;line-height:1.8}.op-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid;font-weight:700;text-decoration:none;cursor:pointer;transition:opacity .2s,transform .2s;text-align:center}.op-btn:hover{opacity:.85;transform:translateY(-1px);color:#fff}.op-btn--sm{padding:6px 16px;font-size:.82rem}.op-btn--md{padding:10px 28px;font-size:.92rem}.op-btn--lg{padding:14px 40px;font-size:1.05rem}.op-btn--block{display:flex;width:100%}.op-btn__sub{font-size:.72rem;opacity:.8;margin-top:2px}.op-toggle{border:1px solid;border-radius:var(--op-radius);margin:16px 0;overflow:hidden}.op-toggle__title{padding:12px 16px;font-weight:600;font-size:.92rem;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.op-toggle__title::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;font-size:.75rem;transition:transform .3s}.op-toggle[open] .op-toggle__title::after{transform:rotate(180deg)}.op-toggle__title::-webkit-details-marker{display:none}.op-toggle__body{padding:0 16px 16px;font-size:.92rem;line-height:1.8}.op-qa{margin:20px 0;border-radius:var(--op-radius);overflow:hidden;box-shadow:var(--op-shadow)}.op-qa__q,.op-qa__a{display:flex;gap:12px;padding:14px 16px;align-items:flex-start}.op-qa__q{background:var(--op-primary-light)}.op-qa__a{background:var(--op-bg-card)}.op-qa__label{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:800;font-size:.9rem;flex-shrink:0}.op-qa__label--q{background:var(--op-primary);color:#fff}.op-qa__label--a{background:var(--op-accent);color:#fff}.op-qa__text{flex:1;font-size:.92rem;line-height:1.7;padding-top:4px}.op-stars{display:inline-flex;align-items:center;gap:2px}.op-stars__num{margin-left:6px;font-weight:700;font-size:.85em;color:var(--op-text)}.op-step{margin:24px 0}.op-step__item{display:flex;gap:16px;position:relative;padding-bottom:24px}.op-step__item:not(:last-child)::after{content:'';position:absolute;left:19px;top:44px;bottom:0;width:2px;background:var(--op-border)}.op-step__num{width:40px;height:40px;background:var(--op-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0;z-index:1}.op-step__content{flex:1}.op-step__title{font-weight:700;font-size:1rem;color:var(--op-text-dark);margin-bottom:6px}.op-step__body{font-size:.92rem;line-height:1.7;color:var(--op-text)}.op-tab{margin:20px 0}.op-tab__nav{display:flex;gap:0;border-bottom:2px solid var(--op-border);margin-bottom:0}.op-tab__btn{padding:10px 20px;border:none;background:none;font-size:.9rem;font-weight:600;color:var(--op-text-light);cursor:pointer;border-bottom:2px solid #fff0;margin-bottom:-2px;transition:color .2s,border-color .2s}.op-tab__btn--active{color:var(--op-primary);border-bottom-color:var(--op-primary)}.op-tab__panel{padding:20px;background:var(--op-bg-card);border:1px solid var(--op-border);border-top:none;border-radius:0 0 var(--op-radius) var(--op-radius);font-size:.92rem;line-height:1.8}.op-tab--pill .op-tab__nav{border-bottom:none;gap:6px;margin-bottom:12px}.op-tab--pill .op-tab__btn{border-radius:20px;border:1px solid var(--op-border);margin-bottom:0}.op-tab--pill .op-tab__btn--active{background:var(--op-primary);color:#fff;border-color:var(--op-primary)}.op-tab--box .op-tab__btn{background:var(--op-bg);border:1px solid var(--op-border);border-bottom:none;border-radius:var(--op-radius) var(--op-radius) 0 0;margin-bottom:0}.op-tab--box .op-tab__btn--active{background:var(--op-bg-card);border-bottom:1px solid var(--op-bg-card)}.op-faq{margin:24px 0}.op-faq__heading{font-size:1.1rem;font-weight:700;margin-bottom:16px;color:var(--op-text-dark)}.op-faq__item{margin-bottom:12px;border-radius:var(--op-radius);overflow:hidden;box-shadow:var(--op-shadow)}.op-faq__q{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--op-primary-light);font-weight:600;font-size:.92rem}.op-faq__a{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--op-bg-card);font-size:.92rem;line-height:1.7}.op-faq__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--op-primary);color:#fff;font-weight:800;font-size:.82rem;flex-shrink:0}.op-faq__icon--a{background:var(--op-accent)}.op-review{background:var(--op-bg-card);border-radius:var(--op-radius-lg);box-shadow:var(--op-shadow);padding:24px;margin:24px 0}.op-review__header{display:flex;gap:16px;margin-bottom:16px;align-items:center}.op-review__img{width:100px;height:140px;object-fit:cover;border-radius:var(--op-radius);flex-shrink:0}.op-review__info{flex:1}.op-review__title{font-size:1.1rem;font-weight:700;color:var(--op-text-dark);margin-bottom:6px}.op-review__rating{display:flex;align-items:center;gap:4px}.op-review__body{font-size:.92rem;line-height:1.8;margin-bottom:16px}.op-review__pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.op-review__label{font-weight:700;font-size:.88rem;margin-bottom:6px;display:flex;align-items:center;gap:6px}.op-review__pros .op-review__label{color:#28a745}.op-review__cons .op-review__label{color:#dc3545}.op-review__pros ul,.op-review__cons ul{list-style:none;font-size:.88rem}.op-review__pros li::before{content:'\2713 ';color:#28a745}.op-review__cons li::before{content:'\2717 ';color:#dc3545}.op-review__action{text-align:center}.op-link-card{display:flex;gap:14px;background:var(--op-bg-card);border:1px solid var(--op-border);border-radius:var(--op-radius);padding:14px;margin:16px 0;text-decoration:none;color:inherit;transition:box-shadow .2s}.op-link-card:hover{box-shadow:var(--op-shadow-hover);color:inherit}.op-link-card__img{width:120px;flex-shrink:0}.op-link-card__img img{width:100%;height:80px;object-fit:cover;border-radius:4px}.op-link-card__body{flex:1;min-width:0}.op-link-card__title{font-weight:700;font-size:.92rem;color:var(--op-text-dark);line-height:1.4;margin-bottom:4px}.op-link-card__desc{font-size:.8rem;color:var(--op-text-light);line-height:1.5;margin-bottom:4px}.op-link-card__url{font-size:.72rem;color:var(--op-text-light)}.op-carousel{position:relative;overflow:hidden;margin:20px 0}.op-carousel__track{display:flex;transition:transform .4s ease}.op-carousel__slide{flex-shrink:0;padding:0 6px}.op-carousel__slide a{display:block;text-decoration:none;color:inherit}.op-carousel__slide img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--op-radius)}.op-carousel__title{display:block;font-size:.82rem;font-weight:600;margin-top:6px;line-height:1.4;height:2.8em;overflow:hidden;color:var(--op-text-dark)}.op-carousel__prev,.op-carousel__next{position:absolute;top:50%;transform:translateY(-70%);width:36px;height:36px;background:rgb(255 255 255 / .9);border:1px solid var(--op-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;font-size:.85rem;color:var(--op-text);transition:background .2s}.op-carousel__prev:hover,.op-carousel__next:hover{background:#fff}.op-carousel__prev{left:6px}.op-carousel__next{right:6px}.op-heading{margin:28px 0 16px;font-size:1.2rem;font-weight:700;color:var(--op-text-dark)}.op-heading--border-left{border-left:4px solid var(--op-primary);padding-left:12px}.op-heading--border-bottom{border-bottom:3px solid var(--op-primary);padding-bottom:8px}.op-heading--border-left-bottom{border-left:4px solid var(--op-primary);border-bottom:2px solid var(--op-border);padding:0 0 8px 12px}.op-heading--double-bottom{border-bottom:6px double var(--op-primary);padding-bottom:8px}.op-heading--dotted-bottom{border-bottom:3px dotted var(--op-primary);padding-bottom:8px}.op-heading--background{background:var(--op-primary);color:#fff;padding:10px 16px;border-radius:4px}.op-heading--background-round{background:var(--op-primary);color:#fff;padding:10px 20px;border-radius:30px}.op-heading--gradient{background:linear-gradient(135deg,var(--op-primary),#43b0f1);color:#fff;padding:10px 16px;border-radius:4px}.op-heading--gradient-underline{border-bottom:3px solid #fff0;border-image:linear-gradient(90deg,var(--op-primary),#43b0f1) 1;padding-bottom:8px}.op-heading--stripe{background:repeating-linear-gradient(-45deg,var(--op-primary-light),var(--op-primary-light) 4px,transparent 4px,transparent 8px);padding:12px 16px;border-left:4px solid var(--op-primary)}.op-heading--balloon{position:relative;background:var(--op-primary);color:#fff;padding:10px 16px;border-radius:6px}.op-heading--balloon::after{content:'';position:absolute;bottom:-8px;left:24px;border:8px solid #fff0;border-top-color:var(--op-primary);border-bottom:0}.op-heading--ribbon{position:relative;background:var(--op-primary);color:#fff;padding:10px 20px 10px 24px;margin-left:-12px;border-radius:0 4px 4px 0}.op-heading--ribbon::before{content:'';position:absolute;left:0;bottom:-8px;border:4px solid #fff0;border-top-color:#033d63;border-right-color:#033d63}.op-heading--speech{position:relative;border:2px solid var(--op-primary);padding:10px 16px;border-radius:8px}.op-heading--speech::after{content:'';position:absolute;bottom:-10px;left:20px;border:10px solid #fff0;border-top-color:var(--op-primary);border-bottom:0}.op-heading--marker{background:linear-gradient(transparent 60%,#fef08a 60%);display:inline-block;padding:0 4px}.op-heading--stitch{border:2px dashed var(--op-primary);padding:10px 16px;border-radius:6px;box-shadow:0 0 0 4px var(--op-bg),0 0 0 6px var(--op-primary)}.op-heading--clip{position:relative;background:var(--op-bg);padding:12px 16px 12px 40px;border-radius:4px}.op-heading--clip::before{content:'';position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--op-primary);border-radius:50%}.op-heading--bracket{padding:8px 16px;border-top:2px solid var(--op-primary);border-bottom:2px solid var(--op-primary)}.op-heading--slash{display:flex;align-items:center;gap:12px}.op-heading--slash::before,.op-heading--slash::after{content:'';flex:1;height:2px;background:linear-gradient(90deg,var(--op-primary),transparent)}.op-heading--slash::after{background:linear-gradient(90deg,transparent,var(--op-primary))}.op-heading--shadow-lift{background:var(--op-bg-card);padding:12px 16px;border-radius:4px;box-shadow:0 4px 16px rgb(0 0 0 / .08),0 1px 4px rgb(0 0 0 / .05);border-left:4px solid var(--op-primary)}.op-widget-before-h2,.op-widget-before-h3{margin:24px 0;padding:16px;background:var(--op-bg);border-radius:var(--op-radius)}@media (max-width:900px){.op-balloon{gap:8px}.op-balloon__bubble{max-width:90%}.op-review__header{flex-direction:column}.op-review__pros-cons{grid-template-columns:1fr}.op-link-card{flex-direction:column}.op-link-card__img{width:100%}}@media (max-width:600px){.op-hero__content h1{font-size:1.4rem}.op-share__btn span{display:none}.op-heading--ribbon{margin-left:0}}.op-sitemap__count{font-size:.88rem;color:var(--op-text-light);margin-bottom:16px}.op-sitemap__section{margin-bottom:24px}.op-sitemap__section-title{font-size:1rem;font-weight:700;color:var(--op-text-dark);padding:8px 14px;background:var(--op-primary-light);border-left:4px solid var(--op-primary);border-radius:0 var(--op-radius) var(--op-radius) 0;margin-bottom:8px;display:flex;align-items:center;gap:8px}.op-sitemap__items{list-style:none;margin:0;padding:0}.op-sitemap__item{border-bottom:1px solid var(--op-border-light)}.op-sitemap__item a{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;color:var(--op-text);text-decoration:none;transition:background .15s,padding-left .15s}.op-sitemap__item a:hover{background:var(--op-primary-light);padding-left:16px;color:var(--op-primary)}.op-sitemap__item-title{flex:1;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-sitemap__item-date{font-size:.78rem;color:var(--op-text-light);flex-shrink:0;margin-left:12px}.op-footer{background:var(--op-bg-white);border-top:1px solid var(--op-border);padding:24px 20px;text-align:center}.op-footer__inner{max-width:1440px;margin:0 auto}.op-footer__menu{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.op-footer__menu li a{color:var(--op-text-light);font-size:.85rem;padding:4px 12px;text-decoration:none}.op-footer__menu li a:hover{color:var(--op-primary)}.op-footer__copy{font-size:.8rem;color:var(--op-text-light)}.op-freespace{max-width:1440px;margin:0 auto;padding:8px 20px}.op-freespace--header{background:var(--op-bg)}.op-freespace--hero{background:var(--op-bg)}.op-freespace--footer{background:var(--op-bg)}.op-freespace--title,.op-freespace--h2,.op-freespace--h3,.op-freespace--h4,.op-freespace--end{margin:16px 0}.op-overlay{position:fixed;z-index:9999;transition:transform .4s ease,opacity .4s ease;opacity:0;pointer-events:none}.op-overlay.is-visible{opacity:1;pointer-events:auto}.op-overlay.is-closed{display:none!important}.op-overlay--bottom-bar{left:0;right:0;bottom:0;padding:10px 16px;box-shadow:0 -2px 16px rgb(0 0 0 / .15);transform:translateY(100%)}.op-overlay--bottom-bar.is-visible{transform:translateY(0)}.op-overlay--top-bar{left:0;right:0;top:0;padding:10px 16px;box-shadow:0 2px 16px rgb(0 0 0 / .15);transform:translateY(-100%)}.op-overlay--top-bar.is-visible{transform:translateY(0)}.op-overlay--popup{top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);max-width:480px;width:90%;padding:24px;border-radius:12px;box-shadow:0 8px 40px rgb(0 0 0 / .3)}.op-overlay--popup.is-visible{transform:translate(-50%,-50%) scale(1)}.op-overlay--popup~.op-overlay-backdrop{display:none}.op-overlay--popup.is-visible~.op-overlay-backdrop,body.op-overlay-popup-open::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .5);z-index:9998}.op-overlay--corner-br{bottom:20px;right:20px;max-width:320px;width:90%;padding:16px;border-radius:10px;box-shadow:0 4px 24px rgb(0 0 0 / .2);transform:translateY(20px)}.op-overlay--corner-br.is-visible{transform:translateY(0)}.op-overlay--corner-bl{bottom:20px;left:20px;max-width:320px;width:90%;padding:16px;border-radius:10px;box-shadow:0 4px 24px rgb(0 0 0 / .2);transform:translateY(20px)}.op-overlay--corner-bl.is-visible{transform:translateY(0)}.op-overlay--side-right{top:50%;right:0;transform:translateX(100%) translateY(-50%);max-width:280px;width:auto;padding:12px 16px;border-radius:10px 0 0 10px;box-shadow:-2px 0 16px rgb(0 0 0 / .15)}.op-overlay--side-right.is-visible{transform:translateX(0) translateY(-50%)}.op-overlay--side-left{top:50%;left:0;transform:translateX(-100%) translateY(-50%);max-width:280px;width:auto;padding:12px 16px;border-radius:0 10px 10px 0;box-shadow:2px 0 16px rgb(0 0 0 / .15)}.op-overlay--side-left.is-visible{transform:translateX(0) translateY(-50%)}.op-overlay__close{position:absolute;top:4px;right:8px;background:none;border:none;color:inherit;font-size:22px;line-height:1;cursor:pointer;opacity:.7;padding:4px 8px;z-index:1}.op-overlay__close:hover{opacity:1}.op-overlay__body{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1200px;margin:0 auto}.op-overlay__link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.op-overlay__link:hover{opacity:.9;color:inherit}.op-overlay__img{max-height:50px;width:auto;flex-shrink:0}.op-overlay__text{font-size:.9rem;font-weight:600}.op-overlay--popup .op-overlay__body,.op-overlay--corner-br .op-overlay__body,.op-overlay--corner-bl .op-overlay__body{flex-direction:column;text-align:center}.op-overlay--popup .op-overlay__img,.op-overlay--corner-br .op-overlay__img,.op-overlay--corner-bl .op-overlay__img{max-height:120px;max-width:100%}.op-overlay--sp-only{display:none}@media (max-width:768px){.op-overlay--pc-only{display:none!important}.op-overlay--sp-only{display:block}.op-overlay__text{font-size:.8rem}.op-overlay__img{max-height:40px}.op-overlay--bottom-bar,.op-overlay--top-bar{padding:8px 12px}.op-overlay--corner-br,.op-overlay--corner-bl{bottom:10px;max-width:260px}.op-overlay--side-right,.op-overlay--side-left{max-width:200px}}.op-sidebar-sticky{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}.op-sidebar .sc-grid,.op-sidebar .sc-card2{grid-template-columns:repeat(2,1fr);gap:6px}.op-sidebar .sc-wide--2col{grid-template-columns:1fr;gap:6px}.op-sidebar .sc-wide--2col .sc-wide-item{grid-template-columns:70px 1fr;gap:6px}.op-sidebar .sc-wide--2col .sc-wide-img{width:70px;min-height:60px}.op-sidebar .sc-card-img{padding-top:56.25%}.op-sidebar .sc-card-body{padding:4px}.op-sidebar .sc-card-title{font-size:10px;max-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.op-sidebar .sc-card-price{font-size:10px}.op-sidebar .sc-ranking-item{gap:6px;padding:8px 6px}.op-sidebar .sc-ranking-num{font-size:.75rem;width:22px;height:22px;min-width:22px}.op-sidebar .sc-ranking-thumb{width:44px;height:62px}.op-sidebar .sc-ranking-title{font-size:11px;line-height:1.3}.op-sidebar .sc-ranking-meta{font-size:10px}.op-sidebar .sc-ranking-price{font-size:10px}.op-sidebar .sc-list-item a{gap:8px;padding:8px}.op-sidebar .sc-list-item img{width:44px;height:62px}.op-sidebar .sc-list-title{font-size:11px}.op-sidebar .sc-list-meta,.op-sidebar .sc-list-price{font-size:10px}.op-sidebar .sc-wide-item{grid-template-columns:80px 1fr;gap:8px}.op-sidebar .sc-wide-btn{display:none}.op-sidebar .sc-wide-img{width:80px;height:auto;min-height:70px;max-height:120px}.op-sidebar .sc-wide-title{font-size:11px}.op-sidebar .sc-wide-meta,.op-sidebar .sc-wide-price{font-size:10px}.op-sidebar .sc-compact{grid-template-columns:repeat(2,1fr);gap:6px}.op-sidebar .sc-compact .sc-card-img{padding-top:56.25%}.op-sidebar .sc-featured-main a{grid-template-columns:1fr;gap:8px;padding:10px}.op-sidebar .sc-featured-sub{grid-template-columns:repeat(2,1fr);gap:6px}.op-sidebar .sc-featured-title{font-size:13px}.op-sidebar .sc-magazine{grid-template-columns:1fr}.op-sidebar .sc-tile{grid-template-columns:repeat(2,1fr);gap:6px}.op-sidebar .sc-tile .sc-card{margin-bottom:6px}.op-sidebar .sc-banner-item{height:90px}.op-sidebar .sc-slider .sc-card{flex:0 0 100px}.op-sidebar .sc-table th,.op-sidebar .sc-table td{padding:6px 8px;font-size:11px}.op-sidebar .sc-table-thumb{width:32px;height:44px}.op-list{list-style:none;margin:16px 0;padding:0}.op-list li{position:relative;padding:6px 0 6px 28px;line-height:1.7;border-bottom:1px solid var(--op-border-light)}.op-list li:last-child{border-bottom:none}.op-list li::before{position:absolute;left:0;top:8px;font-size:.9rem;line-height:1}.op-list--check li::before{content:'\2713';color:#28a745;font-weight:700}.op-list--arrow li::before{content:'\25b6';color:var(--op-primary);font-size:.7rem;top:10px}.op-list--circle li::before{content:'\25cf';color:var(--op-primary);font-size:.6rem;top:11px}.op-list--star li::before{content:'\2605';color:#f39c12}.op-list--square li::before{content:'\25a0';color:var(--op-primary);font-size:.6rem;top:11px}.op-list--number{counter-reset:op-num}.op-list--number li{padding-left:32px}.op-list--number li::before{content:counter(op-num);counter-increment:op-num;background:var(--op-primary);color:#fff;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;top:7px}.op-list--dash li::before{content:'\2014';color:var(--op-text-light)}.op-list--plus li::before{content:'\002b';color:var(--op-accent);font-weight:700}.op-article-body .op-list,.op-page__body .op-list{margin:12px 0 16px}.op-article-body ul.has-background,.op-page__body ul.has-background,.op-article-body ol.has-background,.op-page__body ol.has-background{padding-left:28px}.op-article-body ul.has-background li,.op-page__body ul.has-background li,.op-article-body ol.has-background li,.op-page__body ol.has-background li{padding-left:28px}.op-page{max-width:900px;margin:0 auto}.op-page__title{font-size:1.4rem;font-weight:700;color:var(--op-text-dark);margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid var(--op-primary)}.op-page__body{background:var(--op-bg-card);border-radius:var(--op-radius-lg);padding:28px;line-height:1.9;box-shadow:var(--op-shadow)}.op-page__body h2{font-size:1.2rem;border-left:4px solid var(--op-primary);padding-left:12px;margin:24px 0 12px;font-weight:700}.op-page__body h3{font-size:1.05rem;margin:20px 0 10px;font-weight:600}.op-page__body p{margin-bottom:14px}.op-page__body ul,.op-page__body ol{margin:10px 0 14px 24px}.op-lightbox-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .85);z-index:10000;cursor:pointer;align-items:center;justify-content:center}.op-lightbox-overlay.is-open{display:flex}.op-lightbox-overlay img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px rgb(0 0 0 / .5)}.op-lightbox-close{position:absolute;top:16px;right:24px;color:#fff;font-size:2rem;background:none;border:none;cursor:pointer;z-index:10001;line-height:1}.op-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:2.5rem;background:rgb(255 255 255 / .1);border:none;cursor:pointer;padding:8px 14px;border-radius:50%;transition:background .2s}.op-lightbox-nav:hover{background:rgb(255 255 255 / .25)}.op-lightbox-prev{left:16px}.op-lightbox-next{right:16px}.op-sample-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.op-sample-grid img{border-radius:4px;cursor:pointer;transition:transform .2s,box-shadow .2s}.op-sample-grid img:hover{transform:scale(1.03);box-shadow:0 4px 16px rgb(0 0 0 / .2)}.op-sample-video{margin-bottom:20px;text-align:center}.op-sample-video video{width:100%;max-width:720px;border-radius:var(--op-radius);box-shadow:var(--op-shadow)}.op-sample-video iframe{width:100%;max-width:720px;height:450px;border:none;border-radius:var(--op-radius);box-shadow:var(--op-shadow)}.op-sample-video__label{font-size:.85rem;color:var(--op-text-light);margin-top:6px}.op-youtube-wrap{margin-bottom:20px}.op-youtube-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--op-radius);box-shadow:var(--op-shadow);background:#000}.op-youtube-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.op-youtube-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgb(0 0 0 / .85));padding:40px 16px 16px;transition:opacity .3s,transform .3s;z-index:10;cursor:pointer}.op-youtube-overlay.is-hidden{opacity:0!important;pointer-events:none;transform:translateY(10px)}.op-youtube-overlay__link{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff4444,#cc0000);color:#fff;text-decoration:none;padding:10px 24px;border-radius:50px;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 2px 12px rgb(255 68 68 / .4)}.op-youtube-overlay__link:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgb(255 68 68 / .6);color:#fff}.op-youtube-overlay__text::before{content:'\f061';font-family:'Font Awesome 6 Free';font-weight:900;margin-right:6px}.op-youtube-cushion-link{margin-top:12px;text-align:center}.op-btn-youtube{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff0000,#cc0000);color:#fff;text-decoration:none;padding:14px 36px;border-radius:50px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px rgb(255 0 0 / .3)}.op-btn-youtube:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgb(255 0 0 / .5);color:#fff}.op-btn-youtube i{font-size:20px}.op-tag-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.op-tag-cloud__item{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:var(--op-bg-card);color:var(--op-text-dark);border-radius:24px;text-decoration:none;line-height:1.4;font-size:13px;font-weight:500;border:1px solid var(--op-border-light);box-shadow:0 1px 3px rgb(0 0 0 / .06);transition:all .25s ease;white-space:nowrap;position:relative;overflow:hidden}.op-tag-cloud__item::before{content:'#';font-weight:700;opacity:.5;margin-right:1px}.op-tag-cloud__item::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);transition:left .4s ease}.op-tag-cloud__item:hover::after{left:100%}.op-tag-cloud__item:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 4px 12px rgb(0 0 0 / .12);border-color:var(--op-primary);color:var(--op-primary)}.op-tag-cloud__item:nth-child(6n+1){border-left:3px solid #e74c3c}.op-tag-cloud__item:nth-child(6n+2){border-left:3px solid #3498db}.op-tag-cloud__item:nth-child(6n+3){border-left:3px solid #2ecc71}.op-tag-cloud__item:nth-child(6n+4){border-left:3px solid #f39c12}.op-tag-cloud__item:nth-child(6n+5){border-left:3px solid #9b59b6}.op-tag-cloud__item:nth-child(6n+6){border-left:3px solid #1abc9c}.op-tag-cloud__item:nth-child(6n+1):hover{background:#fde8e8;color:#e74c3c}.op-tag-cloud__item:nth-child(6n+2):hover{background:#e8f4fd;color:#3498db}.op-tag-cloud__item:nth-child(6n+3):hover{background:#e8fdf0;color:#2ecc71}.op-tag-cloud__item:nth-child(6n+4):hover{background:#fdf5e8;color:#f39c12}.op-tag-cloud__item:nth-child(6n+5):hover{background:#f3e8fd;color:#9b59b6}.op-tag-cloud__item:nth-child(6n+6):hover{background:#e8fdf8;color:#1abc9c}.op-tag-cloud__item span{font-size:.75em;opacity:.6;margin-left:2px;font-weight:400}.op-tag-list{list-style:none;padding:0;margin:0}.op-tag-list li{border-bottom:1px solid var(--op-border-light)}.op-tag-list li:last-child{border-bottom:none}.op-tag-list li a{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;color:var(--op-text);text-decoration:none;font-size:.9rem;transition:color .2s,padding-left .2s}.op-tag-list li a:hover{color:var(--op-primary);padding-left:8px}.op-tag-list li a span{font-size:.8em;color:var(--op-text-light)}.op-tag-pill{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.op-tag-pill__item{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;color:#fff}.op-tag-pill__item:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgb(0 0 0 / .2)}.op-tag-pill__count{background:rgb(255 255 255 / .3);border-radius:50px;padding:1px 8px;font-size:.75em;font-weight:400}.op-tag-pill--c1{background:linear-gradient(135deg,#e74c3c,#c0392b)}.op-tag-pill--c2{background:linear-gradient(135deg,#3498db,#2980b9)}.op-tag-pill--c3{background:linear-gradient(135deg,#2ecc71,#27ae60)}.op-tag-pill--c4{background:linear-gradient(135deg,#f39c12,#e67e22)}.op-tag-pill--c5{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.op-tag-pill--c6{background:linear-gradient(135deg,#1abc9c,#16a085)}.op-tag-card{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:10px 0}.op-tag-card__item{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:8px;text-decoration:none;background:var(--op-bg-light,#f8f9fa);border:1px solid var(--op-border-light,#e9ecef);transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.op-tag-card__item:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgb(0 0 0 / .1)}.op-tag-card__name{font-weight:700;font-size:13px;color:var(--op-text,#333)}.op-tag-card__count{font-size:11px;color:var(--op-text-light,#888)}.op-tag-card__bar{display:block;height:3px;background:#e9ecef;border-radius:3px;margin-top:4px;overflow:hidden}.op-tag-card__bar span{display:block;height:100%;border-radius:3px;transition:width .4s ease}.op-tag-card--c1 .op-tag-card__bar span{background:#e74c3c}.op-tag-card--c2 .op-tag-card__bar span{background:#3498db}.op-tag-card--c3 .op-tag-card__bar span{background:#2ecc71}.op-tag-card--c4 .op-tag-card__bar span{background:#f39c12}.op-tag-card--c5 .op-tag-card__bar span{background:#9b59b6}.op-tag-card--c6 .op-tag-card__bar span{background:#1abc9c}.op-tag-card--c1:hover{border-color:#e74c3c}.op-tag-card--c2:hover{border-color:#3498db}.op-tag-card--c3:hover{border-color:#2ecc71}.op-tag-card--c4:hover{border-color:#f39c12}.op-tag-card--c5:hover{border-color:#9b59b6}.op-tag-card--c6:hover{border-color:#1abc9c}.op-tag-neon{display:flex;flex-wrap:wrap;gap:10px;padding:14px;background:#1a1a2e;border-radius:10px}.op-tag-neon__item{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;border:1.5px solid;background:#fff0;transition:box-shadow .3s,text-shadow .3s,transform .2s}.op-tag-neon__item:hover{transform:scale(1.06)}.op-tag-neon__count{font-size:.7em;opacity:.7}.op-tag-neon--c1{color:#ff6b6b;border-color:#ff6b6b}.op-tag-neon--c1:hover{box-shadow:0 0 12px #ff6b6b,inset 0 0 8px rgb(255 107 107 / .15);text-shadow:0 0 8px #ff6b6b}.op-tag-neon--c2{color:#4ecdc4;border-color:#4ecdc4}.op-tag-neon--c2:hover{box-shadow:0 0 12px #4ecdc4,inset 0 0 8px rgb(78 205 196 / .15);text-shadow:0 0 8px #4ecdc4}.op-tag-neon--c3{color:#45b7d1;border-color:#45b7d1}.op-tag-neon--c3:hover{box-shadow:0 0 12px #45b7d1,inset 0 0 8px rgb(69 183 209 / .15);text-shadow:0 0 8px #45b7d1}.op-tag-neon--c4{color:#f9ca24;border-color:#f9ca24}.op-tag-neon--c4:hover{box-shadow:0 0 12px #f9ca24,inset 0 0 8px rgb(249 202 36 / .15);text-shadow:0 0 8px #f9ca24}.op-tag-neon--c5{color:#a55eea;border-color:#a55eea}.op-tag-neon--c5:hover{box-shadow:0 0 12px #a55eea,inset 0 0 8px rgb(165 94 234 / .15);text-shadow:0 0 8px #a55eea}.op-tag-neon--c6{color:#26de81;border-color:#26de81}.op-tag-neon--c6:hover{box-shadow:0 0 12px #26de81,inset 0 0 8px rgb(38 222 129 / .15);text-shadow:0 0 8px #26de81}.op-tag-border{display:flex;flex-direction:column;gap:0;padding:0}.op-tag-border__item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;text-decoration:none;border-bottom:1px solid var(--op-border-light,#e9ecef);border-left:4px solid #fff0;transition:border-color .2s,background .2s,padding-left .2s;color:var(--op-text,#333)}.op-tag-border__item:last-child{border-bottom:none}.op-tag-border__item:hover{padding-left:20px;background:var(--op-bg-light,#f8f9fa)}.op-tag-border__name{font-size:14px;font-weight:600}.op-tag-border__count{font-size:12px;font-weight:700;padding:2px 10px;border-radius:50px;color:#fff}.op-tag-border--c1 .op-tag-border__count{background:#e74c3c}.op-tag-border--c2 .op-tag-border__count{background:#3498db}.op-tag-border--c3 .op-tag-border__count{background:#2ecc71}.op-tag-border--c4 .op-tag-border__count{background:#f39c12}.op-tag-border--c5 .op-tag-border__count{background:#9b59b6}.op-tag-border--c6 .op-tag-border__count{background:#1abc9c}.op-tag-border--c1:hover{border-left-color:#e74c3c}.op-tag-border--c2:hover{border-left-color:#3498db}.op-tag-border--c3:hover{border-left-color:#2ecc71}.op-tag-border--c4:hover{border-left-color:#f39c12}.op-tag-border--c5:hover{border-left-color:#9b59b6}.op-tag-border--c6:hover{border-left-color:#1abc9c}.op-tag-bubble{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:16px 8px}.op-tag-bubble__item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;text-decoration:none;text-align:center;color:#fff;font-weight:700;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.op-tag-bubble__item:hover{transform:scale(1.15)!important;box-shadow:0 8px 25px rgb(0 0 0 / .25);z-index:2}.op-tag-bubble__name{font-size:11px;line-height:1.2;max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-tag-bubble__count{font-size:9px;opacity:.8;margin-top:2px}.op-tag-bubble--c1{background:radial-gradient(circle at 30% 30%,#ff8a80,#e74c3c)}.op-tag-bubble--c2{background:radial-gradient(circle at 30% 30%,#82b1ff,#3498db)}.op-tag-bubble--c3{background:radial-gradient(circle at 30% 30%,#69f0ae,#2ecc71)}.op-tag-bubble--c4{background:radial-gradient(circle at 30% 30%,#ffd740,#f39c12)}.op-tag-bubble--c5{background:radial-gradient(circle at 30% 30%,#ce93d8,#9b59b6)}.op-tag-bubble--c6{background:radial-gradient(circle at 30% 30%,#80cbc4,#1abc9c)}@media (max-width:768px){.op-wrapper{flex-direction:column}.op-sidebar{width:100%;border-left:none;border-top:1px solid var(--op-border);order:2}.op-main{order:1}.op-header__nav{display:none}.op-hamburger{display:flex}.op-hero h1{font-size:1.5rem}.op-hero__buttons{gap:6px}.op-hero__btn{padding:8px 16px;font-size:.85rem}.op-global-menu__list{flex-direction:column;align-items:stretch}.op-global-menu__list li a{padding:10px 16px;border-bottom:1px solid rgb(255 255 255 / .1)}.op-content{padding:16px 12px}.op-sample-grid{grid-template-columns:repeat(3,1fr)}.op-rank-chart-wrap{height:200px}}.op-rank-history{margin:24px 0;padding:20px;background:var(--op-bg-card);border-radius:var(--op-radius);border:1px solid var(--op-border)}.op-rank-history .op-section-title{margin-top:0;margin-bottom:16px}.op-rank-chart-wrap{position:relative;height:300px;width:100%}.op-coin-card{display:block;background:linear-gradient(135deg,#1a1f2e 0%,#0d1117 100%);border:1px solid rgb(255 255 255 / .08);border-radius:12px;padding:16px;color:#e6edf3;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s;margin-bottom:12px}.op-coin-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(0 0 0 / .4);border-color:rgb(88 166 255 / .3);color:#e6edf3;text-decoration:none}.op-coin-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.op-coin-icon{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.op-coin-card-title{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.op-coin-name{font-size:15px;font-weight:700;color:#fff}.op-coin-symbol{font-size:12px;color:#8b949e;font-weight:500}.op-coin-rank{font-size:11px;background:rgb(88 166 255 / .15);color:#58a6ff;padding:1px 6px;border-radius:4px;font-weight:600}.op-coin-card-body{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:10px}.op-coin-price-big{font-size:20px;font-weight:700;color:#fff;display:block}.op-coin-price-jpy{font-size:12px;color:#8b949e;display:block}.op-coin-card-change{font-size:14px;font-weight:700;padding:4px 10px;border-radius:6px}.op-coin-card-change.up{background:rgb(63 185 80 / .15);color:#3fb950}.op-coin-card-change.down{background:rgb(248 81 73 / .15);color:#f85149}.op-coin-card-stats{width:100%;display:flex;gap:16px;font-size:12px;color:#8b949e}.op-coin-card-footer{font-size:12px;color:#58a6ff;text-align:right;padding-top:8px;border-top:1px solid rgb(255 255 255 / .06)}.op-coin-minimal{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1a1f2e;border-radius:8px;color:#e6edf3;text-decoration:none;font-size:13px;transition:background 0.2s}.op-coin-minimal:hover{background:#21262d;text-decoration:none;color:#e6edf3}.op-coin-icon-sm{width:20px;height:20px;border-radius:50%}.op-coin-minimal .op-coin-price{margin-left:auto;font-weight:600}.op-coin-minimal .op-coin-change{font-size:12px;font-weight:600}.op-coin-minimal .op-coin-change.up{color:#3fb950}.op-coin-minimal .op-coin-change.down{color:#f85149}.op-widget-area.op-widget-crypto-coin{display:inline-block;vertical-align:top;width:calc(50% - 8px);margin-right:8px}.op-widget-area.op-widget-crypto-coin:nth-child(2n){margin-right:0}@media (max-width:600px){.op-widget-area.op-widget-crypto-coin{width:100%;margin-right:0}}.op-crypto-wrap .sc-card-meta{font-weight:700;font-size:13px}.op-crypto-wrap .sc-card-img img{object-fit:contain;background:#f8f9fa;padding:8px;border-radius:50%}.op-sidebar .op-crypto-wrap .sc-card-img img{width:40px;height:40px;padding:4px}.op-crypto-wrap .sc-card-price{color:var(--op-accent);font-weight:700}.op-crypto-wrap .sc-card-meta[class*="up"],.op-crypto-wrap .sc-list-meta[class*="up"]{color:#16a34a}.op-crypto-wrap .sc-card-meta[class*="down"],.op-crypto-wrap .sc-list-meta[class*="down"]{color:#dc2626}.op-crypto-chart-section{margin:24px 0;padding:20px;background:var(--op-bg-card);border-radius:var(--op-radius);border:1px solid var(--op-border)}.op-crypto-chart-section .op-section-title{margin-top:0;margin-bottom:16px}.op-crypto-ticker{margin-bottom:16px;padding:16px;background:#f8f9fa;border-radius:8px}.op-crypto-ticker-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.op-crypto-ticker-label{font-size:12px;color:#888}.op-crypto-ticker-value{font-size:28px;font-weight:700;color:#1a1a1a}.op-crypto-ticker-jpy{font-size:16px;color:#666}.op-crypto-ticker-change{font-size:16px;font-weight:700;padding:2px 8px;border-radius:4px}.op-crypto-ticker-change.up{color:#16a34a;background:rgb(22 163 74 / .1)}.op-crypto-ticker-change.down{color:#dc2626;background:rgb(220 38 38 / .1)}.op-crypto-ticker-details{display:flex;gap:16px;margin-top:8px;font-size:13px;color:#666;flex-wrap:wrap}.op-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.op-chart-current-price{font-size:22px;font-weight:700}.op-chart-change{font-size:14px;font-weight:700;margin-left:8px}.op-chart-periods{display:flex;gap:4px}.op-chart-period-btn{padding:4px 12px;border:1px solid var(--op-border);background:#fff0;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;color:#666;transition:all 0.2s}.op-chart-period-btn:hover{border-color:var(--op-accent);color:var(--op-accent)}.op-chart-period-btn.active{background:var(--op-accent);color:#fff;border-color:var(--op-accent)}.op-chart-canvas-wrap{position:relative;height:300px;width:100%}.op-crypto-source{text-align:right;font-size:11px;color:#aaa;margin-top:8px;margin-bottom:0}@media (max-width:600px){.op-crypto-ticker-value{font-size:22px}.op-chart-canvas-wrap{height:220px}.op-crypto-ticker-details{flex-direction:column;gap:4px}}.op-crypto-cat-select select{width:100%;padding:8px 12px;border:1px solid var(--op-border);border-radius:var(--op-radius);font-size:14px;background:#fff;cursor:pointer}.op-crypto-cat-all{display:block;margin-top:8px;font-size:12px;color:var(--op-accent);text-align:right}.op-crypto-cat-list{list-style:none;margin:0;padding:0}.op-crypto-cat-list li a{display:flex;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid var(--op-border);text-decoration:none;color:inherit;transition:background 0.2s}.op-crypto-cat-list li a:hover{background:rgb(0 0 0 / .03)}.op-crypto-cat-icon-sm{width:20px;height:20px;border-radius:50%}.op-crypto-cat-list .op-crypto-cat-name{flex:1;font-size:14px}.op-crypto-cat-list .op-crypto-cat-count{font-size:12px;color:#888;background:#f0f0f0;padding:1px 6px;border-radius:10px}.op-crypto-cat-header{margin-bottom:24px;padding:20px;background:var(--op-bg-card);border-radius:var(--op-radius);border:1px solid var(--op-border)}.op-crypto-cat-info{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.op-crypto-cat-info>img{width:48px;height:48px;border-radius:50%}.op-crypto-cat-name{font-size:22px;font-weight:700}.op-crypto-cat-symbol{font-size:16px;color:#888;font-weight:400}.op-crypto-cat-rank{font-size:12px;background:var(--op-accent);color:#fff;padding:2px 8px;border-radius:10px;margin-left:8px}.op-crypto-cat-price{display:flex;align-items:baseline;gap:8px;margin-top:4px;flex-wrap:wrap}.op-crypto-cat-price-val{font-size:24px;font-weight:700}.op-crypto-cat-price-jpy{font-size:14px;color:#666}.op-crypto-cat-change{font-size:14px;font-weight:700;padding:2px 8px;border-radius:4px}.op-crypto-cat-change.up{color:#16a34a;background:rgb(22 163 74 / .1)}.op-crypto-cat-change.down{color:#dc2626;background:rgb(220 38 38 / .1)}.op-crypto-cat-stats{display:flex;gap:16px;margin-top:6px;font-size:13px;color:#666;flex-wrap:wrap}.op-crypto-cat-desc{font-size:14px;color:#555;line-height:1.7;margin-bottom:16px}.op-crypto-cat-details{border-top:1px solid var(--op-border);padding-top:16px}.op-crypto-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}.op-crypto-detail-item{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px dashed rgb(0 0 0 / .06)}.op-crypto-detail-label{font-size:13px;color:#888;flex-shrink:0}.op-crypto-detail-value{font-size:14px;font-weight:600;color:#1a1a1a;text-align:right}.op-crypto-detail-value.up{color:#16a34a}.op-crypto-detail-value.down{color:#dc2626}.op-crypto-detail-value small{font-weight:400;color:#aaa;font-size:11px;margin-left:4px}.op-crypto-detail-links{display:flex;gap:16px;margin-top:14px;padding-top:10px;border-top:1px solid var(--op-border)}.op-crypto-detail-links a{font-size:13px;color:var(--op-accent);text-decoration:none;display:flex;align-items:center;gap:4px}.op-crypto-detail-links a:hover{text-decoration:underline}@media (max-width:600px){.op-crypto-detail-grid{grid-template-columns:1fr}}.op-coin-card{display:block;background:var(--op-bg-card);border:1px solid var(--op-border);border-radius:0 0 var(--op-radius) var(--op-radius);padding:16px;text-decoration:none;color:var(--op-text);transition:box-shadow 0.2s,border-color 0.2s,transform 0.15s}.op-coin-card:hover{border-color:var(--op-primary);box-shadow:0 4px 16px rgb(5 90 142 / .12);transform:translateY(-2px)}.op-coin-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.op-coin-icon{width:40px;height:40px;border-radius:50%;flex-shrink:0}.op-coin-card-title{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;line-height:1.3}.op-coin-card-title .op-coin-name{font-size:16px;font-weight:700;color:var(--op-text-dark)}.op-coin-card-title .op-coin-symbol{font-size:13px;color:var(--op-text-light);font-weight:500}.op-coin-rank{font-size:11px;background:var(--op-primary);color:#fff;padding:1px 7px;border-radius:10px;font-weight:600}.op-coin-card-body{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:10px}.op-coin-card-price{display:flex;flex-direction:column}.op-coin-price-big{font-size:22px;font-weight:700;color:var(--op-text-dark);letter-spacing:-.5px}.op-coin-price-jpy{font-size:13px;color:var(--op-text-light);margin-top:2px}.op-coin-card-change{font-size:16px;font-weight:700;padding:4px 12px;border-radius:6px}.op-coin-card-change.up{color:#16a34a;background:rgb(22 163 74 / .1)}.op-coin-card-change.down{color:#dc2626;background:rgb(220 38 38 / .1)}.op-coin-card-stats{display:flex;gap:12px;font-size:12px;color:var(--op-text-light);margin-bottom:10px}.op-coin-card-footer{text-align:center;font-size:13px;color:var(--op-primary);font-weight:600;padding-top:10px;border-top:1px solid var(--op-border-light)}.op-coin-minimal{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--op-bg-card);border:1px solid var(--op-border);border-radius:0 0 var(--op-radius) var(--op-radius);text-decoration:none;color:var(--op-text);transition:background 0.2s,border-color 0.2s}.op-coin-minimal:hover{background:var(--op-bg-card-hover);border-color:var(--op-primary)}.op-coin-icon-sm{width:22px;height:22px;border-radius:50%;flex-shrink:0}.op-coin-minimal .op-coin-name{font-weight:600;font-size:14px;color:var(--op-text-dark)}.op-coin-minimal .op-coin-symbol{font-size:12px;color:var(--op-text-light)}.op-coin-minimal .op-coin-price{margin-left:auto;font-size:14px;font-weight:700;color:var(--op-text-dark)}.op-coin-minimal .op-coin-change{font-size:13px;font-weight:600;padding:2px 6px;border-radius:4px}.op-coin-minimal .op-coin-change.up{color:#16a34a;background:rgb(22 163 74 / .1)}.op-coin-minimal .op-coin-change.down{color:#dc2626;background:rgb(220 38 38 / .1)}.op-widget-crypto-coin .widget-title{font-size:.85rem;font-weight:700;color:#fff;background:var(--op-primary);margin:0 0 12px;padding:8px 12px;border-bottom:none;border-radius:var(--op-radius) var(--op-radius) 0 0;display:flex;align-items:center;gap:6px}.op-widget-crypto-coin .widget-title i{font-size:14px;opacity:.85}.op-widget-crypto-coin+.op-widget-crypto-coin{margin-top:8px}.op-article-list-heading{font-size:18px;font-weight:700;color:#fff;background:var(--op-primary);margin:28px 0 20px;padding:10px 16px;border-radius:var(--op-radius);display:flex;align-items:center;gap:8px}.op-article-list-heading i{font-size:16px;opacity:.85}.op-article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.op-article-card{background:var(--op-bg-card);border:1px solid var(--op-border);border-radius:var(--op-radius);overflow:hidden;transition:box-shadow 0.25s,border-color 0.25s,transform 0.2s}.op-article-card:hover{border-color:var(--op-primary);box-shadow:0 6px 20px rgb(5 90 142 / .12);transform:translateY(-3px)}.op-article-card-link{display:flex;text-decoration:none;color:var(--op-text);height:100%}.op-article-card-thumb{width:160px;min-height:140px;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,var(--op-primary-light) 0%,var(--op-bg) 100%);display:flex;align-items:center;justify-content:center}.op-article-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s}.op-article-card:hover .op-article-card-thumb img{transform:scale(1.05)}.op-article-card-noimg{font-size:36px;color:var(--op-primary);opacity:.3}.op-article-card-body{flex:1;padding:14px 18px 14px 16px;display:flex;flex-direction:column;min-width:0}.op-article-card-date{font-size:12px;color:var(--op-text-light);margin-bottom:6px;display:flex;align-items:center;gap:4px}.op-article-card-date i{font-size:11px}.op-article-card-title{font-size:15px;font-weight:700;color:var(--op-text-dark);line-height:1.5;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.op-article-card-excerpt{font-size:13px;color:var(--op-text-light);line-height:1.65;margin:0 0 auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.op-article-card-btn{display:inline-flex;align-items:center;gap:6px;align-self:flex-end;margin-top:10px;padding:6px 16px;font-size:13px;font-weight:600;color:var(--op-primary);background:var(--op-primary-light);border:1px solid rgb(5 90 142 / .15);border-radius:20px;white-space:nowrap;transition:background 0.2s,color 0.2s,border-color 0.2s}.op-article-card-btn i{font-size:10px;transition:transform 0.2s}.op-article-card:hover .op-article-card-btn{background:var(--op-primary);color:#fff;border-color:var(--op-primary)}.op-article-card:hover .op-article-card-btn i{transform:translateX(3px)}.op-crypto-stablecoin-note{padding:12px 16px;background:var(--op-primary-light);border-radius:var(--op-radius);color:var(--op-text-light);font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.op-crypto-stablecoin-note i{color:var(--op-primary);font-size:16px}.op-no-articles{text-align:center;color:var(--op-text-light);padding:40px 20px;font-size:15px;background:var(--op-bg);border-radius:var(--op-radius)}@media (max-width:767px){.op-article-grid{grid-template-columns:1fr;gap:14px}.op-article-card-thumb{width:120px;min-height:110px}.op-article-card-body{padding:12px 14px 12px 12px}.op-article-card-title{font-size:14px}.op-article-list-heading{font-size:16px;padding:8px 14px}}.op-crypto-hero{margin-bottom:32px}.op-crypto-hero__image{width:100%;overflow:hidden;margin-bottom:20px}.op-crypto-hero__image img{width:100%;height:auto;display:block}.op-crypto-hero__title{font-size:1.8rem;font-weight:700;line-height:1.4;margin:0 0 8px}.op-crypto-hero__date{font-size:13px;color:var(--op-text-light);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.op-crypto-meta{border-left:4px solid var(--op-primary)}.op-pagination__current{background:var(--op-primary)!important;color:#fff!important;border-color:var(--op-primary)!important}.op-pagination__link{text-decoration:none}.op-pagination__prev,.op-pagination__next{font-weight:600}.op-pagination__dots{border:none!important;background:none!important}