:root{--text:#333;--link:#0d77d9;--muted:#888;--green:#88b500;--red:#d80000;--orange:#ffa113;--gold:#d4d050;--silver:#8e919e;--bronze:#b68a69;--submit:#4ac420;--primary:#2e8b3e;--border:#c7c7c780;--gray:#f7f7f7;--container:1200px;--pad:min(48px, 4vw);--side:clamp(184px, 17vw, 228px);--navy:#1d2b3e;--yellow:#ffcf3f;--teal:#16877a;--line:#e6eaee;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{letter-spacing:.025em;font-size:min(16px,4vw)}body{color:var(--text);overflow-wrap:break-word;-webkit-text-size-adjust:100%;background:#fff;margin:0;font-family:Lato,Noto Sans JP,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;font-size:1rem;line-height:1.8}a{color:var(--link)}a:hover{opacity:.8}img{vertical-align:middle;max-width:100%;height:auto}p{margin:0 0 1.5em}h1,h2,h3,h4{font-weight:700;line-height:1.5}ul,ol{padding-left:1.5em}.sp_only{display:none}.muted{color:var(--muted);font-size:.9em}.bg-yellow{background-color:#ffffaf}.fnt-red{color:var(--red)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.l-container{width:100%;max-width:calc(var(--container) + var(--pad) * 2);padding:0 var(--pad);margin:0 auto}.l-header{z-index:100;box-shadow:0 1px 0 var(--line);background:#fff;position:sticky;top:0}.l-header__body{justify-content:space-between;align-items:center;gap:16px;padding-top:24px;padding-bottom:24px;display:flex}.c-headLogo{line-height:1;display:block}.c-headLogo img{width:auto;height:40px;display:block}.c-gnav{align-items:center;font-size:.9rem;display:flex}.c-gnav a,.c-gnav button{color:var(--text);white-space:nowrap;padding:0 12px;line-height:40px;text-decoration:none;display:block}.c-gnav a:hover,.c-gnav button:hover{color:#111;opacity:.75}.c-gnav a[aria-current=page]{color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}.c-gnav a.-button{background:var(--yellow);color:#3b2c00;border-radius:8px;margin-left:16px;padding:0 24px;font-weight:700}.c-gnav a.-button[aria-current=page]{box-shadow:none}.c-gnav a.-admin{background:var(--navy);color:#fff;border-radius:8px;align-items:center;gap:5px;margin:0 6px;padding:0 12px;font-weight:700;line-height:34px;display:flex}.c-gnav a.-admin:hover{color:#fff;opacity:.85}.c-gnav a.-admin[aria-current=page]{box-shadow:0 0 0 2px var(--yellow);color:#fff}.c-gnav .-sep{margin-left:25px;position:relative}.c-gnav .-sep:before{content:"";background:#d8dde2;width:1px;height:18px;margin-top:-9px;position:absolute;top:50%;left:-13px}.c-gnav form{margin:0}.c-gnav button,.p-drawer button,.w-footer button{font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0}.l-header__drawer{display:none}.l-content{margin-top:3rem;margin-bottom:3rem}.l-content.-flush{margin-top:24px}.l-columns{grid-template-columns:var(--side) minmax(0, 1fr);align-items:start;gap:32px;display:grid}.l-columns>.l-sidebar{order:-1}.l-columns>*{min-width:0}.p-topArea{text-align:center;background:#555;align-items:center;min-height:32vh;padding:2rem 0;display:flex;position:relative;overflow:hidden}.p-topArea img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.p-topArea:after{content:"";z-index:1;opacity:.5;background-color:#0000001a;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURUdwTAAAAJ8qhFEAAAABdFJOUwBA5thmAAAAEklEQVQI12MwYDBgYGBoYGAAAASKAOH8MS30AAAAAElFTkSuQmCC);background-size:2px;position:absolute;inset:0}.p-topArea h1{z-index:2;color:#fff;text-shadow:1px 1px #0000001a;width:100%;margin:0;font-size:2rem;position:relative}.p-breadcrumb{padding-top:8px;padding-bottom:8px}.p-breadcrumb+.l-content{margin-top:1.5rem}.p-breadcrumb ol{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.p-breadcrumb li{white-space:nowrap;margin-right:10px;padding-right:12px;font-size:11px;line-height:1.8;position:relative}.p-breadcrumb li:after{content:"";opacity:.75;border-top:1px solid;border-right:1px solid;width:4px;height:4px;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.p-breadcrumb li:last-child:after{content:none}.p-breadcrumb a{color:inherit;text-decoration:none}.p-breadcrumb a:hover{text-decoration:underline}.p-breadcrumb li:last-child{opacity:.75}.p-breadcrumb .home:before{content:"⌂";margin-right:3px}.prose h2,.page-body h2{border-left:5px solid var(--orange);margin:30px 0 20px;padding:0 15px;font-size:20px;line-height:1.5}.prose h3{margin:24px 0 12px;font-size:18px}.prose li{margin:4px 0}.page-body>h1,.l-content>h1,.narrow>h1{text-align:center;margin:0 0 30px;font-size:22px}.l-content>h2,.narrow>h2{border-left:5px solid var(--orange);margin:30px 0 20px;padding:0 15px;font-size:20px;line-height:1.5}.new_site_list{margin:30px 0}.new_site_list li{margin-bottom:15px}.notice{background:#fffdeb;margin:0 0 30px;padding:20px;line-height:2}.notice.error{background:#ffe9e9}.notice p:last-child{margin-bottom:0}.box-gray{background:#f5f5f5;margin:0 0 30px;padding:20px;line-height:2}.button{background:var(--submit);color:#fff;font:inherit;letter-spacing:inherit;text-align:center;cursor:pointer;border:0;border-radius:4px;padding:10px 30px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-block}.button:hover{opacity:.7}.button.secondary{color:var(--text);background:#ddd}.button.on{color:#fff;background:#555}.button.danger{background:var(--red)}.form{gap:16px;margin:0 0 30px;display:grid}.form label{gap:5px;font-size:14px;display:grid}.form label.check{align-items:center;gap:6px;display:flex}.form input[type=text],.form input[type=email],.form input[type=password],.form input[type=url],.form select,.form textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:4px;padding:.25em .5em;font-size:16px;line-height:1.8}.form input[readonly]{background:#eee}.form .button{justify-self:center;width:100%;max-width:320px;padding:10px}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.actions form{margin:0}.narrow{max-width:640px;margin:0 auto}.p-mypage{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:40px;display:grid}.p-mypage__side{background:#fff;border-radius:12px;position:sticky;top:112px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.p-mypage__who{border-bottom:1px solid #edf0ed;align-items:center;gap:14px;padding:20px;display:flex}.p-mypage__who p{overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px;line-height:1.5;display:grid}.p-mypage__who strong{font-size:17px}.p-mypage__avatar{width:56px;height:56px;color:var(--primary);background:#e6f2e8;border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:700;text-decoration:none;display:grid;overflow:hidden}.p-mypage__avatar img,.p-avatarEdit__preview img{object-fit:cover;width:100%;height:100%;display:block}.p-mypage__status{color:#888;font-size:12px}.p-mypage__status:before{content:"";vertical-align:1px;background:#2fa84f;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.p-mypage__email{color:#888}.p-mypage__menu{margin:0;padding:10px;list-style:none}.p-mypage__menu form{margin:0}.p-mypage__menu a,.p-mypage__menu button{width:100%;color:var(--text);font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:14px;padding:12px 14px;font-size:15px;text-decoration:none;display:flex}.p-mypage__menu .c-icon{color:#555;flex:none}.p-mypage__menu a:hover,.p-mypage__menu button:hover{background:#f4f7f4}.p-mypage__menu a[aria-current=page]{color:var(--primary);background:#e9f4eb;font-weight:700}.p-mypage__menu a[aria-current=page] .c-icon{color:var(--primary)}.p-mypage__menu.-sub{border-top:1px solid #edf0ed}.p-mypage__body>h1{margin:0;font-size:28px}.p-mypage__lead{color:#666;margin:4px 0 24px;font-size:15px}.p-mypage__back{margin:0 0 8px;font-size:14px}.p-mypage__back a{color:var(--primary);align-items:center;gap:4px;display:inline-flex}.p-mypage__body .form .c-btn{justify-self:start}.p-mypage__body .form input[type=text],.p-mypage__body .form input[type=email],.p-mypage__body .form input[type=password],.p-mypage__body .form input[type=url],.p-mypage__body .form select{border:1px solid #d3d8d3;border-radius:6px;height:48px;padding:0 14px}.p-mypage__body .form textarea{border:1px solid #d3d8d3;border-radius:6px;padding:10px 14px}.p-mypage__body .form input:focus,.p-mypage__body .form select:focus,.p-mypage__body .form textarea:focus{border-color:var(--primary);outline:2px solid #2e8b3e33}.c-card .form{margin-bottom:0}.c-card{background:#fff;border-radius:12px;margin:0 0 24px;padding:28px;box-shadow:0 1px 3px #0000000f}.c-card__title{border:0;align-items:center;gap:10px;margin:0 0 6px;padding:0;font-size:20px;display:flex}.c-card__title .c-icon{color:var(--primary)}.c-card__desc{color:#555;margin:0 0 16px;font-size:15px}.c-card__list{color:#555;margin:0 0 20px;padding-left:1.2em;font-size:14px}.c-badge{color:#555;background:#eef1ee;border-radius:999px;margin-left:4px;padding:2px 12px;font-size:13px;font-weight:700;line-height:1.6;display:inline-block}.c-badge.-on{color:var(--primary);background:#e3f2e6}.c-btn{height:48px;color:var(--text);font:inherit;letter-spacing:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1.5px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.c-btn:hover{opacity:.8}.c-btn[hidden]{display:none}.c-btn:disabled{opacity:.5;cursor:default}.c-btn.-primary{background:var(--primary);color:#fff}.c-btn.-outline{color:var(--text);border-color:#cfd6cf}.c-btn.-wide{border-color:var(--primary);width:100%;max-width:440px;color:var(--primary)}.c-btn.-primary.-wide{color:#fff}.c-btn.-danger{color:var(--red);border:0;padding:0 6px;font-weight:400}.c-btn.-danger-fill{background:var(--red);color:#fff}.c-btn.-sm{height:40px;padding:0 16px;font-size:14px;font-weight:400}.c-btn.-danger.-sm{padding:0 6px}.c-notice{background:#f3fbf4;border:1px solid #9fd3aa;border-radius:10px;align-items:center;gap:14px;margin:0 0 24px;padding:18px 22px;display:flex}.c-notice[hidden]{display:none}.c-notice__icon{color:#fff;background:#2fa84f;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.c-notice__title{margin:0;font-weight:700;line-height:1.6}.c-notice__text{color:#555;margin:2px 0 0;font-size:14px}.c-notice.-error{background:#fff5f5;border-color:#f0b4b4}.c-notice.-error .c-notice__icon{background:var(--red)}.c-notice.-info{background:#f4f5f4;border:0;gap:12px;margin:16px 0 0;padding:12px 16px}.c-notice.-info .c-notice__icon{color:#666;background:0 0;width:auto;height:auto}.c-notice.-info .c-notice__title{color:#555;font-size:14px;font-weight:400}.p-mysites{gap:16px;margin:0 0 24px;padding:0;list-style:none;display:grid}.p-mysite{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f}.p-mysite__head{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.p-mysite__name{font-size:18px;font-weight:700}.p-mysite__meta{color:var(--muted);margin:4px 0 0;font-size:13px}.p-mysite__frozen{color:var(--red);margin:8px 0 0;font-size:14px}.p-mysite__hint{background:#f3fbf4;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:14px}.p-mysite__hint .c-icon{color:var(--primary);vertical-align:-3px;margin-right:4px}.p-mysite__hint a{color:var(--primary);margin-left:8px;font-weight:700}.p-mysite__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 12px;display:grid}.p-mysite__stats div{text-align:center;background:#f4f7f4;border-radius:8px;padding:10px}.p-mysite__stats dt{color:var(--muted);font-size:12px}.p-mysite__stats dd{margin:0;font-size:20px;font-weight:700;line-height:1.5}.p-mysite__stats small{font-size:12px;font-weight:400}.p-mysite .actions{margin-bottom:0}.badge{color:#4a6b00;background:#e8f4d0;border-radius:3px;padding:0 8px;font-size:12px;font-weight:700;line-height:1.8;display:inline-block}.badge.-frozen{color:var(--red);background:#ffe9e9}.p-passkeys{margin:0;padding:0;list-style:none}.p-passkeys li{border-bottom:1px solid #edf0ed;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 0;display:flex}.p-passkeys__icon{color:#555;background:#f1f3f1;border-radius:8px;flex:none;place-items:center;width:48px;height:48px;display:grid}.p-passkeys__name{flex:1;min-width:10em;line-height:1.6;display:grid}.p-passkeys__name strong{font-size:16px}.p-passkeys__name span{color:#888;font-size:13px}.p-passkeys form{margin:0}.p-passkeys__delete{border-left:1px solid #e3e6e3;padding-left:12px}.p-passkeys__rename summary{list-style:none}.p-passkeys__rename summary::-webkit-details-marker{display:none}.p-passkeys__rename[open]{flex-basis:100%;order:3}.p-passkeys__rename[open] summary{display:none}.p-passkeys__renameForm{gap:8px;display:flex}.p-passkeys__renameForm input[type=text]{min-width:0;height:40px;font:inherit;border:1px solid #d3d8d3;border-radius:6px;flex:1;padding:0 12px}.p-passkeyAdd{margin-top:20px}.p-passkeyAdd h3{align-items:center;gap:10px;margin:0 0 12px;font-size:17px;display:flex}.p-passkeyAdd h3 .c-icon{color:var(--primary)}.p-passkeyAdd label{margin-bottom:6px;font-size:14px;display:block}.p-passkeyAdd label .muted{margin-left:12px;font-size:13px}.p-passkeyAdd__row{flex-wrap:wrap;gap:10px;display:flex}.p-passkeyAdd__row input{min-width:12em;height:48px;font:inherit;border:1px solid #d3d8d3;border-radius:6px;flex:1;padding:0 14px;font-size:16px}.p-loginMode{align-items:center;gap:8px;margin:12px 0 4px;font-size:16px;font-weight:700;display:flex}.p-passkeyOnly{margin:8px 0 0}.p-avatarEdit{flex-wrap:wrap;align-items:center;gap:20px;margin:12px 0 24px;display:flex}.p-avatarEdit__preview{width:96px;height:96px;color:var(--primary);background:#e6f2e8;border-radius:50%;flex:none;place-items:center;font-size:36px;font-weight:700;display:grid;overflow:hidden}.p-avatarEdit__forms{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.p-avatarEdit__forms .muted{flex-basis:100%;margin:0;font-size:13px}.p-avatarEdit__upload label{cursor:pointer}.c-field{gap:8px;font-size:14px;display:grid}.p-mypage__body .form{max-width:720px}.c-catPicker__current{margin:0;font-size:14px}.c-catPicker__current strong{color:var(--primary)}.c-catPicker__current strong.-error{color:var(--red)}.c-catPicker__search{width:100%;height:44px;font:inherit;border:1px solid #d3d8d3;border-radius:6px;padding:0 14px;font-size:16px}.c-catPicker__search:focus{border-color:var(--primary);outline:2px solid #2e8b3e33}.c-catPicker__ui{gap:12px;display:grid}.c-catPicker__ui[hidden],.c-catPicker [hidden]{display:none}.c-catPicker__suggest{background:#f3fbf4;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 12px;font-size:13px;display:flex}.c-catPicker__groups{border:1px solid #e3e6e3;border-radius:8px;gap:4px;max-height:360px;padding:4px 12px 12px;display:grid;overflow-y:auto}.c-catPicker__group h4{color:#666;margin:10px 0 6px;font-size:13px}.c-catPicker__group>div{flex-wrap:wrap;gap:6px;display:flex}.c-catChip{color:var(--text);font:inherit;letter-spacing:inherit;cursor:pointer;background:#fff;border:1px solid #d3d8d3;border-radius:999px;padding:6px 12px;font-size:14px}.c-catChip:hover{border-color:var(--primary)}.c-catChip[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:700}.c-catChip.-general{color:#777}.c-catChip.-suggest{border-color:#9fd3aa}.p-saveBar{z-index:50;background:#fffffff5;border-radius:12px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px 20px;margin:0 0 24px;padding:14px 24px;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 12px #00000014}.p-saveBar__state{color:#777;font-size:14px}.p-saveBar.-dirty .p-saveBar__state{color:#b26a00;font-weight:700}.p-saveBar .c-btn{min-width:200px}.p-profileForm .c-card .form{margin-bottom:0}.p-follows{background:#fff;border-radius:12px;margin:0 0 24px;padding:8px 24px;list-style:none;box-shadow:0 1px 3px #0000000f}.p-follows li{border-bottom:1px solid #edf0ed;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 0;display:flex}.p-follows li:last-child{border-bottom:0}.p-follows__rank{width:64px;color:var(--primary);text-align:center;flex:none;font-size:16px;font-weight:700}.p-follows__name{flex:1;min-width:12em;line-height:1.6;display:grid}.p-follows__name a{font-weight:700}.p-follows__name span{color:#888;font-size:13px}.p-follows form{margin:0}table.list{border-collapse:collapse;width:100%;font-size:.9rem}table.list th,table.list td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border:1px solid #ddd;padding:10px 20px}table.list th{background:#fdf7ef;width:150px;font-size:14px}body.-soft{background:#f3f6f3}body.-soft .l-header{box-shadow:0 1px #0000000f}.p-authCard{background:#fff;border-radius:12px;max-width:560px;margin:0 auto;padding:40px 48px;box-shadow:0 1px 3px #0000000f}.p-authCard h1{text-align:center;margin:0;font-size:28px}.p-authCard__lead{color:#666;text-align:center;margin:4px 0 28px;font-size:15px}.p-authCard .notice{padding:12px 16px;font-size:14px}.p-authCard .form{gap:20px;margin-bottom:0}.p-authCard .form label{gap:8px;font-size:15px}.p-authCard .form input[type=text],.p-authCard .form input[type=email],.p-authCard .form input[type=password]{border:1px solid #d3d8d3;border-radius:6px;height:52px;padding:0 14px}.p-authCard .form input:focus{border-color:var(--primary);outline:2px solid #2e8b3e33}.p-authCard .form label.check{gap:10px}.p-authCard .form label.check input{width:20px;height:20px;accent-color:var(--primary);margin:0}.p-authCard .cf-turnstile{min-height:65px}.p-authCard__link{text-align:center;margin:16px 0 0;font-size:15px}.p-authCard__link a,.p-authFoot a{color:var(--primary)}.p-authCard__or{color:#777;align-items:center;gap:16px;margin:24px 0;font-size:14px;display:flex}.p-authCard__or:before,.p-authCard__or:after{content:"";background:#ddd;flex:1;height:1px}.p-authCard__note{color:#777;text-align:center;margin:12px 0 0;font-size:14px;line-height:1.7}.p-authCard form+form,.p-authCard .notice[data-passkey-error]{margin-top:16px}.p-authFoot{text-align:center;margin:28px 0 0;font-size:15px}.p-authFoot a{margin-left:16px;font-weight:700}.button.-primary{background:var(--primary);border-radius:6px;width:100%;max-width:none;height:56px;font-size:18px}.button.-outline{border:1.5px solid var(--primary);width:100%;height:52px;color:var(--primary);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:17px;display:flex}.button.-outline.-x{color:#111;border-color:#333;font-size:15px}.button.-outline.-x:before{content:"𝕏";font-size:20px;line-height:1}.c-password{display:block;position:relative}.c-password input{padding-right:48px!important}.c-password__eye{color:#666;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 10px;display:flex;position:absolute;top:0;bottom:0;right:4px}.c-password__eye[aria-pressed=true]{color:var(--primary)}.no-sites{text-align:center;margin:30px 0}.pagination ul{flex-wrap:wrap;justify-content:center;gap:7px;margin:0 0 20px;padding:0;list-style:none;display:flex}.pagination li{background:#eee;border:1px solid #ccc}.pagination li a,.pagination li span{color:var(--text);padding:2px 12px;text-decoration:none;display:block}.pagination li.active{background:#555}.pagination li.active span{color:#fff;font-weight:700}.pagination li.gap{background:0 0;border:0}.sharebtn{text-align:center;margin:30px 0 0}.sharebtn .microcopy{margin-bottom:10px;font-size:14px}.sharebtn a{margin-right:20px;display:inline-block}.sharebtn a:last-child{margin-right:0}.sharebtn img{width:43px;height:43px}.category_ranking h3{text-align:center;background:#eee;margin:10px 0;padding:10px;font-size:1.5em}.category_ranking h3:first-child{margin-top:0}.category_ranking ul{margin:0;padding:0 0 0 1.4em;list-style:none}.category_ranking li{display:inline-block}.category_ranking li a{color:var(--text);padding:15px;font-size:.9em;text-decoration:none;display:inline-block}.category_ranking li a:hover{opacity:1;background:#eaf8ff}.sitedetail_wrap .site_wrap{gap:25px;margin-bottom:30px;display:flex}.sitedetail_wrap .capture{flex:0 0 320px}.sitedetail_wrap .capture img{aspect-ratio:1;object-fit:cover;object-position:top;width:100%;display:block}.sitedetail_wrap .site_data{flex:auto;min-width:0}.sitedetail_wrap .site_data h1{margin:0 0 20px;font-size:22px}.sitedetail_wrap .site_data h1 a{color:var(--text);text-decoration:none}.sitedetail_wrap .site_data .description{white-space:pre-line;margin-bottom:20px}.sitedetail_wrap .site_meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sitedetail_wrap .site_meta form{margin:0}.sitedetail_wrap .site_meta .login-note{width:100%;color:var(--muted);margin:0;font-size:13px}.sitedetail_wrap .pv_data{text-align:center;margin:50px 0}.sitedetail_wrap .pv_data b{margin-right:3px;font-size:24px}.sitedetail_wrap table{border-collapse:collapse;width:100%;max-width:740px;margin:0 auto}.sitedetail_wrap th,.sitedetail_wrap td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border:1px solid #ddd;padding:10px 20px}.sitedetail_wrap th{background:#fdf7ef;width:150px;font-size:14px}.sitedetail_wrap td .sub{color:var(--muted);margin-left:.5em;font-size:13px}.follow_btn,.like_btn{color:#1da1f2;font:inherit;letter-spacing:inherit;cursor:pointer;background:#fff;border:1px solid #1da1f2;border-radius:9999px;padding:5px 14px;font-size:12px;font-weight:700}.follow_btn:hover,.follow_btn.dofollow{color:#fff;background:#1da1f2}.like_btn{color:#007cfa;border-color:#007cfa}.like_btn:before{content:"👍";margin-right:4px}.like_btn:hover,.like_btn.liked{color:#fff;background:#007cfa}.edit-link{font-size:14px}table.ranking{border-collapse:collapse;width:100%;margin:10px 0 30px}table.ranking th,table.ranking td{vertical-align:middle;text-align:left;overflow-wrap:anywhere;border:1px solid #ccc;padding:10px;line-height:1.5}table.ranking th{background:var(--green);color:#fff;text-align:center}table.ranking td.pos{text-align:center;white-space:nowrap}.site-name{font-weight:700}.site-meta{color:var(--muted);font-size:.85em}.l-footer{background:var(--navy);color:#fff;margin-top:50px;font-size:13px}.l-footer a{color:inherit;text-decoration:none}.l-footer__widgets{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-top:3rem;padding-bottom:2rem;display:grid}.w-footer h2{color:var(--yellow);border-bottom:1px solid #fff6;margin:0 0 7px;padding-bottom:5px;font-size:13px}.w-footer ul{margin:0;padding:0;font-weight:700;list-style:none}.w-footer li{border-bottom:1px solid #ffffff26;position:relative}.w-footer li:last-child{border-bottom:0}.w-footer li:before{content:"";border-top:1px solid #fff;border-right:1px solid #fff;width:4px;height:4px;position:absolute;top:50%;left:1px;transform:translateY(-50%)rotate(45deg)}.w-footer li a,.w-footer li button{color:#fff;text-align:left;width:100%;padding:7px 0 7px 12px;font-weight:700;line-height:1.5;display:block}.w-footer li form{margin:0}.w-footer .footer_logo{margin:7px 0 20px}.w-footer .footer_logo img{width:100%;max-width:300px;display:block}.w-footer p{margin-bottom:15px;font-size:13px;line-height:1.8}.l-footer__foot{color:var(--muted);background:#fff;padding:1.2rem 0}.c-copyright{text-align:center;margin:0;font-size:.8rem}.ranking_wrap>.p-breadcrumb{margin:-12px 0 6px;padding-top:0}.p-sideNav{border-right:1px solid var(--line);padding-right:20px;font-size:15px}.p-sideNav nav+nav{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.p-sideNav__head{margin:0 0 8px;padding:0 12px;font-size:15px}.p-sideNav__list,.p-sideNav__sub{margin:0;padding:0;list-style:none}.p-sideNav__list a{color:var(--text);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;line-height:1.5;text-decoration:none;display:flex}.p-sideNav__list a:hover{opacity:1;background:#f4f6f8}.p-sideNav__list a .c-icon{color:#444;flex:none}.p-sideNav__list a[aria-current=page],.p-sideNav__list a.-open{background:#fff4d2;font-weight:700}.p-sideNav__list a[aria-current=page] .c-icon{color:#e0a100}.p-sideNav__sub{margin:2px 0 6px 44px;font-size:14px}.p-sideNav__sub a{padding:5px 10px}.p-sideNav__sub a[aria-current=page]{color:#a87400;background:0 0}.p-sideNav__guide{color:var(--text);background:#f3f6f9;border-radius:14px;flex-direction:column;align-items:center;gap:8px;margin-top:24px;padding:20px 12px;font-weight:700;text-decoration:none;display:flex}.p-sideNav__guide span{align-items:center;gap:4px;display:flex}.p-sideNav__guide img{width:120px;height:auto;display:block}.p-hero{background:linear-gradient(#d8effb 0%,#eef8fd 55%,#f7fcf6 100%);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;min-height:220px;padding:26px 32px 24px;display:grid;position:relative;overflow:hidden}.p-hero__text{z-index:1;max-width:560px;position:relative}.p-hero__crown{width:40px;height:auto;margin-bottom:4px;display:block}.p-hero h1{color:#1c2430;letter-spacing:.04em;text-align:left;margin:0;font-size:40px;line-height:1.3}.p-hero__lead{color:#333;margin:4px 0 14px;font-size:18px}.p-hero__meta{color:#333;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.p-hero__meta li{align-items:center;gap:6px;display:flex}.p-hero__meta b{font-family:Lato,sans-serif;font-size:18px}.p-hero__search{z-index:1;color:#555;background:#fff;border-radius:999px;align-self:start;align-items:center;gap:8px;width:290px;height:44px;padding:0 16px;display:flex;position:relative;box-shadow:0 1px 4px #00285014}.p-hero__search input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.p-hero__search:focus-within{box-shadow:0 0 0 3px #16877a40}.p-hero__art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.p-hero__bear{pointer-events:none;width:auto;height:140px;position:absolute;bottom:10px;right:28px}.p-hero__chips{scrollbar-width:thin;gap:6px;max-width:min(100%,640px);margin:14px 0 0;padding:0 32px 2px 0;font-size:13px;list-style:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.p-hero__chips li{flex:none}.p-hero__chips a{white-space:nowrap;color:var(--text);background:#ffffffd9;border-radius:999px;padding:3px 12px;text-decoration:none;display:block}.p-hero__chips a[aria-current=page]{background:var(--teal);color:#fff}.p-join{background:var(--navy);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:16px;margin:16px 0 0;padding:14px 24px;display:flex}.p-join img{width:34px;height:auto}.p-join p{margin:0;font-size:18px;font-weight:700}.p-join a{color:#fff;white-space:nowrap;border:1.5px solid #fff;border-radius:8px;align-items:center;gap:6px;margin-left:16px;padding:7px 22px;font-weight:700;text-decoration:none;display:inline-flex}.p-join a:hover{opacity:1;background:#ffffff1a}.p-rankFilter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 14px;display:flex}.p-rankFilter__tabs,.p-rankFilter__sub{flex-wrap:wrap;gap:8px;display:flex}.p-rankFilter__tabs a,.p-rankFilter__sub a{color:#333;background:#fff;border:1px solid #dde3e8;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:100px;height:40px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.p-rankFilter__tabs a:hover,.p-rankFilter__sub a:hover{border-color:var(--teal);opacity:1}.p-rankFilter__tabs a[aria-current=page],.p-rankFilter__sub a[aria-current=page]{border-color:var(--teal);background:var(--teal);color:#fff}.p-rankFilter__tabs a.-setup{color:#777;font-weight:400}.p-rankFilter__tabs a small{background:#eef1f3;border-radius:4px;padding:0 6px;font-size:11px}.p-rankFilter__sub{margin:-4px 0 14px}.p-rankFilter__sub a{min-width:0;height:32px;padding:0 14px;font-size:13px}.p-rankFilter__sort select{height:40px;color:var(--text);font:inherit;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23333\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"/></svg>") right 14px center/16px no-repeat;border:1px solid #dde3e8;border-radius:8px;padding:0 40px 0 16px;font-size:14px}.p-rankConds{color:#555;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 14px;font-size:13px;display:flex}.p-rankConds a{color:#0f6e63;background:#e3f3f0;border-radius:999px;gap:6px;padding:2px 12px;text-decoration:none;display:inline-flex}.p-rankConds a.-all{color:var(--link);background:0 0;text-decoration:underline}.p-myRank{color:#6b4b00;background:#fff4d2;border-radius:10px;margin:0 0 14px;padding:10px 16px;font-size:14px}.p-myRank small{color:#8a7a50;margin-left:4px}.p-rankJump{flex-wrap:wrap;justify-content:flex-end;gap:4px 18px;margin:-6px 0 12px;font-size:13px;display:flex}.p-rankJump a{color:#555}.c-tag{color:#555;white-space:nowrap;background:#eef1f3;border-radius:4px;padding:1px 10px;font-size:12px;font-weight:700;line-height:1.8;text-decoration:none;display:inline-block}a.c-tag:hover{opacity:.8}.c-tag.-living{color:#8a5c00;background:#fff1cf}.c-tag.-internet{color:#285fa6;background:#e1eeff}.c-tag.-business{color:#0f6f64;background:#dcf2ee}.c-tag.-learning-and-qualification{color:#187545;background:#dcf5e7}.c-tag.-entertainment{color:#bd2f4c;background:#ffe4ea}.c-tag.-hobby{color:#a9550f;background:#ffead9}.c-tag.-finance-and-investment{color:#557012;background:#ebf3d3}.c-tag.-health{color:#10717d;background:#ddf3f6}.c-tag.-beauty{color:#843bb2;background:#f3e6fb}.c-tag.-love-and-marriage{color:#ad2c67;background:#ffe4f0}.c-tag.-job{color:#435677;background:#e7ecf3}.c-tag.-others{color:#5f5f5f;background:#eee}.c-blog{min-width:0;color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.c-blog:hover{opacity:1}.c-blog:hover .c-blog__name{color:var(--link)}.c-blog__thumb{object-fit:cover;object-position:top;background:#eef1f3;border-radius:6px;flex:none;width:96px;height:63px}.c-blog__text{min-width:0;display:block}.c-blog__head{align-items:center;gap:8px;min-width:0;display:flex}.c-blog__head .c-tag{flex:none}.c-blog__name{color:#1f2933;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:700;line-height:1.5;display:block;overflow:hidden}.c-blog__desc{color:#667;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.p-top3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px;padding:0;list-style:none;display:grid}.p-top3__item{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.p-top3__shot{aspect-ratio:350/200;background:#eef1f3;display:block;position:relative}.p-top3__shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.p-top3__medal{border:2px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Lato,sans-serif;font-size:18px;font-weight:700;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 1px 4px #0003}.-gold .p-top3__medal{color:#5e3f00;background:linear-gradient(#fbd968,#e9a91c)}.-silver .p-top3__medal{color:#3d4652;background:linear-gradient(#e4e8ee,#a9b2bf)}.-bronze .p-top3__medal{color:#5b2f0c;background:linear-gradient(#f4c08f,#cd7d3e)}.p-top3__body{padding:12px 14px 14px}.p-top3__body h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:16px;overflow:hidden}.p-top3__body h3 a{color:#1f2933;text-decoration:none}.p-top3__meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.p-top3__score{white-space:nowrap}.p-top3__score small{color:#777;margin-right:6px;font-size:11px}.p-top3__score b{font-family:Lato,sans-serif;font-size:22px}.p-rankTable{border:1px solid var(--line);border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff;border-radius:12px;width:100%;margin:0 0 24px;overflow:hidden}.p-rankTable th{border-bottom:1px solid var(--line);color:#555;text-align:left;white-space:nowrap;background:#f5f7f9;padding:10px 16px;font-size:13px}.p-rankTable td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 16px}.p-rankTable tbody tr:last-child td{border-bottom:0}.p-rankTable tr.-mine td{background:#fff7de}.p-rankTable__pos{width:76px;text-align:center!important}.p-rankTable__num{color:#1f2933;font-family:Lato,sans-serif;font-size:22px;line-height:1.3;display:block}.p-rankTable__move{white-space:nowrap;margin-top:2px;font-size:11px;font-weight:700;line-height:1.4;display:block}.p-rankTable__move.-up{color:#d8432f}.p-rankTable__move.-down{color:#2f78c4}.p-rankTable__move.-same{color:#999}.p-rankTable__cat{width:170px;text-align:center!important}.p-rankTable__catSp{display:none}.p-rankTable__score{white-space:nowrap;width:132px;text-align:right!important}.p-rankTable__score b{color:#1f2933;font-family:Lato,sans-serif;font-size:22px;line-height:1.3;display:block}.p-rankTable__score small{color:#888;font-size:12px}.c-rankCrown{width:40px;height:32px;display:inline-block;position:relative}.c-rankCrown svg{width:100%;height:100%;display:block}.c-rankCrown b{font-family:Lato,sans-serif;font-size:14px;line-height:1;position:absolute;top:11px;left:0;right:0}.c-rankCrown.-gold svg{fill:#f3bb2c}.c-rankCrown.-gold b{color:#6a4700}.c-rankCrown.-silver svg{fill:#aeb8c6}.c-rankCrown.-silver b{color:#3d4652}.c-rankCrown.-bronze svg{fill:#d98b4c}.c-rankCrown.-bronze b{color:#5b2f0c}.pagination ul{gap:8px;margin:0 0 32px}.pagination li{background:#fff;border:1px solid #dde3e8;border-radius:8px}.pagination li a,.pagination li span{text-align:center;min-width:40px;padding:6px 12px}.pagination li.active{border-color:var(--teal);background:var(--teal)}.p-homePanels{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin:24px 0 0;display:grid}.p-panel{border-radius:16px;padding:22px 20px}.p-panel.-pickup{background:#eef7fb}.p-panel.-new{background:#fdf8ec}.p-panel.-pickup:only-child{grid-column:1/-1}.p-panel__head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;margin-bottom:16px;display:grid}.p-panel__head h2{align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.p-panel.-pickup h2 .c-icon{color:#f2b416;fill:#f8c93a}.p-panel.-new h2 .c-icon{color:#3c9a4e}.p-panel__head p{color:#666;grid-column:1;margin:0;font-size:13px}.p-panel__more{color:var(--text);white-space:nowrap;background:#fff;border:1px solid #d5dbe0;border-radius:8px;grid-area:1/2/span 2;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.p-pickCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.p-pickCards li{background:#fff;border-radius:12px;overflow:hidden}.p-pickCards__shot{aspect-ratio:16/9;background:#eef1f3;display:block}.p-pickCards__shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.p-pickCards__body{padding:10px 14px 14px}.p-pickCards__body h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:16px;overflow:hidden}.p-pickCards__body h3 a{color:#1f2933;text-decoration:none}.p-pickCards__reason{color:#555;margin:6px 0 0;font-size:12px;line-height:1.6}.p-newList{grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.p-newList li{background:#fff;border-radius:12px;padding:10px}.p-newList .c-blog{align-items:flex-start}.p-newList .c-blog__thumb{width:88px;height:58px}.p-scoreAbout{border:1px solid var(--line);border-radius:12px;margin:24px 0 0;padding:20px 24px;font-size:14px}.p-scoreAbout h2{margin:0 0 6px;font-size:16px}.p-scoreAbout p{margin:0}.p-pageHead{background:linear-gradient(#d8effb 0%,#f2fafd 100%);border-radius:16px;margin:0 0 20px;padding:22px 28px}.p-pageHead h1{text-align:left;align-items:center;gap:10px;margin:0;font-size:28px;display:flex}.p-pageHead p{color:#444;margin:6px 0 0;font-size:14px}.p-pageHead .p-hero__search{width:100%;max-width:480px;margin-top:14px}.p-siteList{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0 0 24px;padding:0;list-style:none}.p-siteList>li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.p-siteList>li:last-child{border-bottom:0}.p-siteList__side{color:#555;text-align:right;white-space:nowrap;font-size:13px}.p-siteList__side b{color:#1f2933;font-family:Lato,sans-serif;font-size:20px;display:block}.p-catIndex{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.p-catIndex section{border:1px solid var(--line);border-radius:12px;padding:16px 18px}.p-catIndex h2{align-items:center;gap:8px;margin:0 0 8px;font-size:17px;display:flex}.p-catIndex h2 a{color:var(--text);text-decoration:none}.p-catIndex ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.p-catIndex ul a{color:var(--text);background:#f3f5f7;border-radius:999px;padding:2px 10px;text-decoration:none;display:block}.p-guideHero{background:linear-gradient(#d8effb 0%,#eef8fd 55%,#f7fcf6 100%);border-radius:16px;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 28px;padding:26px 24px 0 32px;display:flex;overflow:hidden}.p-guideHero__text{align-self:center;max-width:520px;padding-bottom:26px}.p-guideHero__kicker{color:var(--teal);margin:0 0 4px;font-size:14px;font-weight:700}.p-guideHero h1{color:#1c2430;text-align:left;margin:0 0 10px;font-size:36px}.p-guideHero__text p:last-child{color:#333;margin:0;font-size:15px;line-height:1.8}.p-guideHero__art{flex:none;width:260px;height:auto;display:block}.p-guide{margin:0 0 36px}.p-guide h2{border-left:5px solid var(--yellow);margin:0 0 16px;padding-left:12px;font-size:21px;line-height:1.4}.p-guide p{margin:0 0 10px;line-height:1.8}.p-guideCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.p-guideCard{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;padding:18px 18px 14px;display:flex}.p-guideCard img{object-fit:contain;width:112px;height:112px;display:block}.p-guideCard__icon{place-items:center;width:112px;height:112px;display:grid}.p-guideCard__icon svg{color:#c58a00;box-sizing:content-box;background:#fff4d0;border-radius:50%;width:64px;height:64px;padding:15px}.p-guideCard:nth-child(3) .p-guideCard__icon svg{color:var(--teal);background:#ddf2ee}.p-guideCard h3{margin:6px 0 8px;font-size:17px}.p-guideCard p{text-align:left;margin:0;font-size:14px}.p-guideSteps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px;padding:0;list-style:none;display:grid}.p-guideSteps li{counter-increment:step;background:#f3f8fb;border-radius:14px;padding:18px 18px 14px;position:relative}.p-guideSteps li:before{content:counter(step);background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:8px;font-family:Lato,sans-serif;font-size:17px;font-weight:700;display:grid}.p-guideSteps b{margin-bottom:4px;font-size:16px;display:block}.p-guideSteps p{margin:0;font-size:14px}.p-guide__cta{text-align:center}.p-guide__cta .c-btn{background:var(--yellow);color:#3b2c00;border-radius:10px;justify-content:center;align-items:center;gap:4px;min-width:260px;display:inline-flex}.p-guideRules{gap:10px;margin:0;padding:0;list-style:none;display:grid}.p-guideRules li{background:#eef8f4;border-radius:12px;gap:10px;padding:12px 16px;line-height:1.7;display:flex}.p-guideRules li svg{color:var(--teal);flex:none;margin-top:4px}.p-guideRules li.-ng{background:#fdf3ef}.p-guideRules li.-ng svg{color:#d0583a}.p-guideLinks{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.p-guideLinks a{border:1px solid var(--line);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:10px 18px;text-decoration:none;display:flex}.p-guideLinks a:hover{border-color:var(--teal);color:var(--teal)}@media (width<=999px){.l-header__body{justify-content:center;padding-top:24px;padding-bottom:24px;position:relative}.c-headLogo img{height:32px}.c-gnav{display:none}.l-header__drawer{top:0;right:var(--pad);align-items:center;display:flex;position:absolute;bottom:0}.l-header__drawer summary{cursor:pointer;width:40px;height:40px;list-style:none;display:block}.l-header__drawer summary::-webkit-details-marker{display:none}.l-header__drawer summary span,.l-header__drawer summary:before,.l-header__drawer summary:after{content:"";background:var(--text);width:22px;height:2px;margin:0 auto;display:block}.l-header__drawer summary:before{margin-top:13px}.l-header__drawer summary span{margin-top:5px;margin-bottom:5px}.l-header__drawer[open] summary span{opacity:0}.l-header__drawer[open] summary:before{transform:translateY(7px)rotate(45deg)}.l-header__drawer[open] summary:after{transform:translateY(-7px)rotate(-45deg)}.p-drawer{z-index:99;background:#111111f2;padding:4vw 6vw;position:fixed;top:80px;left:0;right:0}.p-drawer ul{margin:0;padding:0;list-style:none}.p-drawer li{border-bottom:1px solid #fff3}.p-drawer a,.p-drawer button{color:#fff;text-align:left;width:100%;padding:.75rem .5rem;font-size:.9rem;text-decoration:none;display:block}.p-drawer form{margin:0}.p-drawer a.-admin{color:var(--yellow);font-weight:700}.l-columns{grid-template-columns:minmax(0,1fr);gap:4rem}.l-footer__widgets{grid-template-columns:repeat(2,minmax(0,1fr))}.p-mypage{grid-template-columns:minmax(0,1fr);gap:20px}.p-mypage__side{position:static}.p-mypage__who{padding:14px 16px}.p-mypage__avatar{width:44px;height:44px;font-size:18px}.p-mypage__menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px;display:grid}.p-mypage__menu a,.p-mypage__menu button{gap:8px;padding:10px;font-size:14px}.p-mypage__menu.-sub{padding-top:8px}}@media (width<=600px){.p-guideHero{flex-direction:column;align-items:stretch;padding:20px 16px 0}.p-guideHero__text{padding-bottom:0}.p-guideHero h1{font-size:26px}.p-guideHero__art{align-self:flex-end;width:190px}.p-guideCards,.p-guideSteps{grid-template-columns:minmax(0,1fr)}.p-guideCard{text-align:left;flex-direction:row;align-items:flex-start;gap:12px}.p-guideCard img,.p-guideCard__icon{width:72px;height:72px}.p-guideCard__icon svg{width:40px;height:40px;padding:10px}.p-guideCard h3{margin-top:0}.p-guideCard__body{flex:1;min-width:0}.p-authCard{padding:28px 20px}.p-authCard h1{font-size:24px}.p-authFoot a{margin:4px 0 0 12px;display:inline-block}.p-mysite{padding:16px}.p-mysite__stats dd{font-size:16px}.p-mysite__stats div{padding:8px 4px}.c-card{padding:20px 16px}.p-mypage__body>h1{font-size:24px}.p-passkeys__delete{border-left:0;padding-left:0}.c-btn{white-space:normal}}@media (width<=480px){.l-header__body{padding-top:10px;padding-bottom:10px}.p-drawer{top:52px}}@media (width<=600px){.pc_only{display:none}.sp_only{display:inline}.l-footer__widgets{grid-template-columns:minmax(0,1fr);gap:2rem}.sitedetail_wrap .site_wrap{flex-direction:column}.sitedetail_wrap .capture{flex:none;width:100%;max-width:320px;margin:0 auto}.sitedetail_wrap .pv_data{line-height:2}.sitedetail_wrap th{width:110px;padding:10px;font-size:13px}.sitedetail_wrap td{padding:10px}table.list th{width:100px;padding:10px}table.list td{padding:10px}.p-topArea h1{font-size:1.6rem}}@media (width<=999px){.l-columns{gap:16px}.p-sideNav{border:0;padding:0;font-size:13px}.p-sideNav__head,.p-sideNav__sub,.p-sideNav__guide{display:none}.p-sideNav nav+nav{border-top:0;margin-top:8px;padding-top:0}.p-sideNav__list{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.p-sideNav__list::-webkit-scrollbar{display:none}.p-sideNav__list a{white-space:nowrap;border:1px solid #e1e6ea;border-radius:999px;gap:6px;padding:5px 12px}.p-sideNav__list a .c-icon{width:16px;height:16px}.p-hero{grid-template-columns:minmax(0,1fr)}.p-hero__search{width:100%;max-width:420px}.p-hero__art{opacity:.45}.p-hero__bear{opacity:.9;height:96px;right:16px}.p-homePanels{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.p-hero{border-radius:12px;padding:18px 16px 16px}.p-hero__crown{width:30px}.p-hero h1{font-size:26px}.p-hero__lead{margin-bottom:10px;font-size:15px}.p-hero__meta{gap:4px 12px;font-size:12px}.p-hero__meta b{font-size:15px}.p-hero__art,.p-hero__bear{display:none}.p-hero__search{max-width:none;height:42px}.p-join{flex-wrap:wrap;gap:8px 12px;padding:12px 16px}.p-join img{display:none}.p-join p{font-size:15px}.p-join a{margin-left:0;padding:5px 16px;font-size:14px}.p-rankFilter{flex-direction:column;align-items:stretch;gap:10px;margin-top:18px}.p-rankFilter__tabs{flex-wrap:nowrap;gap:6px}.p-rankFilter__tabs a{white-space:nowrap;flex:1 1 0;min-width:0;height:38px;padding:0 6px;font-size:13px}.p-rankFilter__tabs a small{display:none}.p-rankFilter__sort select{width:100%}.p-rankJump{justify-content:flex-start;margin-top:0}.p-top3{grid-template-columns:minmax(0,1fr);gap:8px}.p-top3__item{grid-template-columns:112px minmax(0,1fr);display:grid}.p-top3__shot{aspect-ratio:auto;min-height:84px}.p-top3__medal{width:28px;height:28px;font-size:14px;top:6px;left:6px}.p-top3__body{padding:8px 12px}.p-top3__body h3{margin-bottom:4px;font-size:15px}.p-top3__meta{flex-direction:column;align-items:flex-start;gap:2px}.p-top3__score b{font-size:18px}.p-rankTable,.p-rankTable tbody{display:block}.p-rankTable thead{display:none}.p-rankTable tr{border-bottom:1px solid var(--line);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;display:grid}.p-rankTable tbody tr:last-child{border-bottom:0}.p-rankTable tr.-mine{background:#fff7de}.p-rankTable td{border-bottom:0;padding:10px 4px}.p-rankTable td.p-rankTable__blog{padding-left:8px}.p-rankTable__cat{display:none}.p-rankTable__catSp{margin:4px 0 0 74px;display:block}.p-rankTable__num{font-size:18px}.c-rankCrown{width:34px;height:27px}.c-rankCrown b{font-size:12px;top:9px}.p-rankTable__pos,.p-rankTable__score{width:auto}.p-rankTable__score{padding-right:12px!important}.p-rankTable__score b{font-size:17px}.p-rankTable__score small{font-size:11px}.c-blog{gap:10px}.c-blog__thumb{width:64px;height:42px}.c-blog__name{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box}.c-blog__desc{-webkit-line-clamp:1;font-size:12px}.p-panel{padding:18px 14px}.p-panel__head{grid-template-columns:minmax(0,1fr)}.p-panel__more{grid-area:auto/1;justify-self:start;margin-top:8px}.p-pickCards{gap:10px}.p-pickCards__body{padding:8px 10px 10px}.p-pickCards__body h3{font-size:14px}.p-pageHead{padding:18px 16px}.p-pageHead h1{font-size:22px}.p-siteList>li{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 12px}.p-siteList__side{text-align:left}.p-siteList__side b{margin-right:8px;font-size:16px;display:inline}}