@charset "UTF-8";
.kuchikomi-page{width:900px;padding-top:76px;color:#263a50;}
.kuchikomi-page *{box-sizing:border-box;}
.kuchikomi-page a{text-decoration:none;}
.kuchikomi-lead,.kuchikomi-block{margin-bottom:20px;padding:18px;background:#fff;border-radius:7px;box-shadow:0 2px 14px rgba(27,63,91,.1);}
.kuchikomi-lead h1{margin:0 0 14px;padding:5px 0 5px;border:0;background:none;color:#0c376e;font-size:28px;line-height:1.45;}
.kuchikomi-intro p{margin:0 0 16px;font-size:18px;line-height:1.85;}
.kuchikomi-summary{display:grid;grid-template-columns:1fr 1fr;border-radius:5px;background:#e9f6ff;}
.kuchikomi-summary>div{display:flex;align-items:center;justify-content:center;min-height:78px;padding:12px 24px;}
.kuchikomi-summary>div+div{border-left:1px solid #c9e6f8;}
.kuchikomi-summary-icon{margin-right:18px;color:#0785de;font-size:32px;}
.kuchikomi-summary p{margin:0;color:#244562;font-size:16px;font-weight:bold;line-height:1.5;}
.kuchikomi-summary strong{display:inline-block;margin-left:18px;color:#0c376e;font-size:25px;}
.kuchikomi-summary small{display:block;color:#687c8f;font-size:12px;font-weight:normal;}
.kuchikomi-section-title{display:flex;align-items:center;min-height:52px;margin:-18px -18px 17px;padding:9px 16px;border-left:7px solid #0785de;border-radius:7px 7px 0 0;background:#e8f5fe;}
.kuchikomi-section-title h2{margin:0;padding:0;border:0;background:none;color:#0c376e;font-size:22px;line-height:1.45;}
.kuchikomi-section-title small{margin-left:auto;color:#526b82;font-size:14px;}
.kuchikomi-filter{display:grid;grid-template-columns:1.2fr 0.8fr .9fr 1.8fr auto;align-items:stretch;border:1px solid #d7e4ee;border-radius:5px;background:#fff;box-shadow:0 2px 8px rgba(38,85,120,.06);}
.kuchikomi-filter>label,.kuchikomi-filter-group{display:block;min-width:0;margin:0;padding:13px;border-right:1px solid #d7e4ee;}
.kuchikomi-filter b{display:block;margin-bottom:8px;color:#253f59;font-size:15px;font-weight:bold;line-height:1.4;}
.kuchikomi-filter-group label{display:inline-flex;align-items:center;margin:0 10px 7px 0;font-size:14px;line-height:1.4;white-space:nowrap;}
.kuchikomi-filter input{width:15px;height:15px;margin:0 5px 0 0;accent-color:#0785de;}
.kuchikomi-filter select{width:100%;height:39px;padding:0 9px;border:1px solid #bed2e1;border-radius:3px;background:#fff;color:#263c52;font-size:14px;}
.kuchikomi-filter-features{display:grid;grid-template-columns:repeat(2,max-content);align-content:start;column-gap:6px;}
.kuchikomi-filter-features b{grid-column:1/-1;}
.kuchikomi-filter>button{align-self:center;margin:13px;padding:12px 15px;border:0;border-radius:4px;background:#0785de;color:#fff;font-size:15px;font-weight:bold;cursor:pointer;white-space:nowrap;}
.kuchikomi-filter>button:hover{background:#066cb6;}
.kuchikomi-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.kuchikomi-service-card{display:flex;flex-direction:column;min-width:0;padding:15px 11px 12px;border:1px solid #d5e1ea;border-radius:6px;background:#fff;box-shadow:0 3px 10px rgba(31,70,102,.1);}
.kuchikomi-service-card h3{margin:0 0 12px;color:#17344f;font-size:18px;line-height:1.45;text-align:center;}
.kuchikomi-card-head{display:grid;grid-template-columns:80px minmax(0,1fr);gap:7px;align-items:center;min-height:88px;margin-bottom:11px;}
.kuchikomi-card-logo{display:grid;place-items:center;width:80px;height:78px;overflow:hidden;}
.kuchikomi-card-logo img{display:block;max-width:80px;max-height:78px;width:auto;height:auto;object-fit:contain;}
.kuchikomi-card-logo>span{display:grid;place-items:center;width:66px;height:66px;border-radius:8px;background:#e8f5ff;color:#0785de;font-size:28px;font-weight:bold;}
.kuchikomi-card-ratings{min-width:0;text-align:center;}
.kuchikomi-card-ratings p{margin:0;line-height:1.25;white-space:nowrap;}
.kuchikomi-card-ratings b{margin-left:4px;color:#263e55;font-size:15px;}
.kuchikomi-card-ratings small{color:#4e6479;font-size:13px;}
.kuchikomi-card-ratings em{display:block;margin-top:4px;color:#728292;font-size:12px;font-style:normal;text-align:center;}
.kuchikomi-stars{position:relative;display:inline-block;color:#d6dee6;font-size:18px;letter-spacing:0;line-height:1;}
.kuchikomi-stars:before{position:absolute;top:0;left:0;width:var(--score);overflow:hidden;color:#ffad00;content:"★★★★★";white-space:nowrap;}
.kuchikomi-card-spec{margin:0 0 11px;border-top:1px solid #d9e4ec;border-left:1px solid #d9e4ec;}
.kuchikomi-card-spec>div{display:grid;grid-template-columns:39% 61%;}
.kuchikomi-card-spec dt,.kuchikomi-card-spec dd{margin:0;padding:7px;border-right:1px solid #d9e4ec;border-bottom:1px solid #d9e4ec;font-size:14px;line-height:1.5;}
.kuchikomi-card-spec dt{background:#edf6fc;font-weight:normal;white-space:nowrap;}
.kuchikomi-card-description{flex:1;margin:0 2px 13px;font-size:16px;line-height:1.7;}
.kuchikomi-card-links{display:grid;gap:12px;margin-top:auto;}
.kuchikomi-card-links a{display:block;padding:11px 6px;border-radius:23px;font-size:15px;font-weight:bold;text-align:center;}
#main.kuchikomi-page .kuchikomi-review-link{background:#0785de;color:#fff !important;box-shadow:0 3px 7px rgba(0,116,207,.2);}
.kuchikomi-official-link{border:1px solid #0785de;background:#fff;color:#0785de;}
.kuchikomi-card-links a:hover{opacity:.82;}
.kuchikomi-empty{padding:36px 15px;border:1px solid #dce8f0;background:#f8fbfd;font-size:16px;text-align:center;}
.kuchikomi-pagination{display:flex;justify-content:center;gap:8px;margin:20px 0 2px;}
.kuchikomi-pagination a,.kuchikomi-pagination span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #c8d8e5;border-radius:3px;background:#fff;color:#2d4760;font-size:14px;font-weight:bold;}
.kuchikomi-pagination span{border-color:#0785de;background:#0785de;color:#fff;}
.kuchikomi-ranking-section{padding-bottom:13px;}
.kuchikomi-ranking-section .kuchikomi-section-title{margin-bottom:11px;}
.kuchikomi-ranking-section .kuchikomi-section-title h2{display:flex;align-items:center;gap:9px;}
.kuchikomi-rating-ranking .kuchikomi-section-title h2:before{color:#0785de;content:"★";font-size:21px;line-height:1;}
.kuchikomi-count-ranking .kuchikomi-section-title h2:before{width:19px;height:16px;background:#0785de;content:"";clip-path:polygon(0 0,100% 0,100% 73%,43% 73%,25% 100%,25% 73%,0 73%);}
.kuchikomi-ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.kuchikomi-rank-card{position:relative;display:grid;grid-template-columns:60px 80px minmax(0,1fr);align-items:center;min-height:82px;padding-right:7px;overflow:hidden;border:1px solid #e5bd4e;border-radius:7px;background:#fff;color:#23384e;box-shadow:0 2px 7px rgba(31,70,102,.1);}
.kuchikomi-rank-number{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#e8b932,#bd7b05);font-size:13px;text-align:center;clip-path:polygon(0 0,100% 0,83% 100%,0 100%);}
.kuchikomi-rank-number:before{display:block;margin-bottom:2px;content:"♛";font-size:24px;line-height:1;}
.kuchikomi-rank-number b{font-size:22px;line-height:1;}
.kuchikomi-rank-logo{display:grid;place-items:center;width:80px;height:66px;padding:4px 5px;}
.kuchikomi-rank-logo img{max-width:70px;max-height:56px;width:auto;height:auto;object-fit:contain;}
.kuchikomi-rank-info{min-width:0;}
.kuchikomi-rank-info strong{display:block;margin-bottom:5px;overflow:hidden;color:#1e344b;font-size:14px;text-overflow:ellipsis;white-space:nowrap;}
.kuchikomi-rank-metric{display:flex;align-items:center;gap:2px;color:#53687c;font-size:13px;white-space:nowrap;}
.kuchikomi-rank-metric .kuchikomi-stars{font-size:13px;}
.kuchikomi-rank-metric b{color:#334b61;font-size:14px;}
.kuchikomi-rank-reviews{font-size:13px;}
.kuchikomi-rank-count:before{width:14px;height:12px;background:#0785de;content:"";clip-path:polygon(0 0,100% 0,100% 73%,43% 73%,25% 100%,25% 73%,0 73%);}
.kuchikomi-rank-card.rank-2{border-color:#b7c4ce;}
.kuchikomi-rank-card.rank-2 .kuchikomi-rank-number{background:linear-gradient(135deg,#b9c6cf,#778895);}
.kuchikomi-rank-card.rank-3{border-color:#c98a58;}
.kuchikomi-rank-card.rank-3 .kuchikomi-rank-number{background:linear-gradient(135deg,#c98a58,#914b22);}
.kuchikomi-note{margin:9px 3px 0;color:#627487;font-size:11px;line-height:1.55;}
.kuchikomi-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid #dbe7ef;background:#dbe7ef;}
.kuchikomi-guide-grid>div{position:relative;min-height:112px;padding:18px 16px 16px 65px;background:#fff;}
.kuchikomi-guide-grid i{position:absolute;top:21px;left:20px;color:#0785de;font-size:31px;font-style:normal;}
.kuchikomi-guide-grid h3{margin:0 0 7px;color:#203b54;font-size:17px;}
.kuchikomi-guide-grid p{margin:0;color:#4a6176;font-size:15px;line-height:1.75;}
.kuchikomi-guide-grid a{color:#0785de;text-decoration:underline;}
.kuchikomi-post-box{display:grid;grid-template-columns:52px 1fr auto;align-items:center;min-height:86px;padding:14px 18px;border:1px solid #d8e6ef;border-radius:5px;background:#f9fdff;box-shadow:0 2px 8px rgba(31,70,102,.06);}
.kuchikomi-post-box>i{color:#0785de;font-size:34px;text-align:center;}
.kuchikomi-post-box p{margin:0;color:#3d566c;font-size:15px;line-height:1.75;}
.kuchikomi-post-box a{padding:13px 24px;border-radius:24px;background:linear-gradient(90deg,#087bd0,#0794e8);color:#fff;font-size:15px;font-weight:bold;box-shadow:0 4px 9px rgba(0,111,197,.22);}
.kuchikomi-post-box a:hover{opacity:.84;}