@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* KM REDESIGN 2026-07-30 START */
:root{--km-navy:#102a43;--km-teal:#087e8b;--km-ivory:#f7f3ea;--km-gold:#c89b3c;--km-ink:#17232d;--km-muted:#64727d;--km-line:#dce2e5;--km-serif:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;--km-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",sans-serif}
body{background:#f7f9f9;color:var(--km-ink);font-family:var(--km-sans);line-height:1.85}
.header-container{background:#fff;border-bottom:1px solid #e7ecee}.header-container-in.hlt-top-menu{min-height:92px}.logo-header{font-family:var(--km-serif);letter-spacing:.08em}.logo-header a:before{content:"比";display:inline-grid;place-items:center;width:42px;height:42px;margin-right:12px;border-radius:50%;background:var(--km-navy);color:#fff;font-weight:700;vertical-align:middle;box-shadow:inset 0 0 0 3px #fff,0 0 0 1px var(--km-navy)}.navi-in>ul>li>a{font-size:13px;font-weight:700}.main{border:0;border-radius:0;box-shadow:none}.page-id-8 .main{max-width:none;width:100%;padding:0;background:transparent}.page-id-8 .entry-header,.page-id-8 .entry-footer,.page-id-8 .sns-share,.page-id-8 .sns-follow,.page-id-8 .date-tags,.page-id-8 .author-info{display:none!important}.page-id-8 .content-in,.page-id-8 .article{margin:0;padding:0;max-width:none}.page-id-8 #content{margin-top:0}.page-id-8 .content{max-width:none}.km-home *{box-sizing:border-box}.km-home a{text-decoration:none}
.km-hero{min-height:610px;padding:80px max(7vw,24px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:7vw;align-items:center;background:linear-gradient(105deg,var(--km-ivory) 0 69%,#e7f1f0 69%)}.km-eyebrow{margin:0 0 14px;color:var(--km-teal);font-size:11px;font-weight:800;letter-spacing:.18em}.km-hero h1{margin:0;font:700 clamp(38px,4.7vw,68px)/1.35 var(--km-serif);letter-spacing:.035em}.km-hero h1 em{font-style:normal;color:#075f69;background:linear-gradient(transparent 73%,rgba(200,155,60,.3) 73%)}.km-lead{max-width:670px;margin:28px 0;color:#465762;font-size:17px}.km-actions{display:flex;gap:12px}.km-btn{display:inline-block;padding:13px 24px;border:1px solid var(--km-navy);border-radius:3px;font-weight:800;font-size:13px}.km-btn-primary{background:var(--km-navy);color:#fff!important}.km-btn-ghost{color:var(--km-navy)!important}.km-trust{display:flex;gap:26px;margin-top:34px;padding-top:20px;border-top:1px solid #d7d1c5;color:var(--km-muted);font-size:12px}.km-trust strong{color:var(--km-navy)}.km-feature{padding:38px;background:var(--km-navy);color:#fff;border-top:5px solid var(--km-gold);box-shadow:0 18px 50px rgba(16,42,67,.14)}.km-feature>p:first-child{margin:0;color:#e3c988;font-size:11px;letter-spacing:.08em}.km-feature small{color:#7bd0d5;letter-spacing:.16em}.km-feature h2{margin:14px 0;color:#fff;font:700 25px/1.55 var(--km-serif)}.km-feature p{color:#d4dfe6;font-size:14px}.km-feature a{display:flex;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid #36536a;color:#fff;font-weight:700}
.km-section,.km-picks,.km-compare{padding:82px max(7vw,24px)}.km-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.km-section-head h2,.km-compare h2,.km-method h2{margin:0;font:700 34px var(--km-serif)}.km-section-head>p{max-width:470px;color:var(--km-muted);font-size:14px}.km-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.km-card{position:relative;padding:28px;background:#fff;border:1px solid var(--km-line)}.km-card>span{position:absolute;right:20px;top:12px;color:#d3dadd;font:700 34px var(--km-serif)}.km-card>b{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#e8f4f4;color:#075f69}.km-card h3{margin:20px 0 6px;font:700 20px var(--km-serif)}.km-card p{color:var(--km-muted);font-size:13px}.km-card a{color:#075f69;font-size:13px;font-weight:800}
.km-picks{background:#eef2f2}.km-pick-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.km-main-pick,.km-sub-picks a{display:block;padding:34px;background:#fff;color:inherit}.km-main-pick{padding:54px;background:linear-gradient(135deg,var(--km-navy),#075f69);color:#fff}.km-main-pick>span,.km-sub-picks span{display:inline-block;padding:3px 10px;border-radius:99px;background:#e7f3f3;color:#075f69;font-size:10px;font-weight:800}.km-main-pick h3{color:#fff;font:700 30px var(--km-serif)}.km-main-pick p{color:#d4dfe6}.km-main-pick small{color:#e3c988;font-weight:700}.km-sub-picks{display:grid;gap:16px}.km-sub-picks h3{font:700 20px var(--km-serif)}.km-sub-picks p{color:var(--km-muted);font-size:13px}
.km-compare{background:var(--km-ivory);text-align:center}.km-compare-lead{max-width:720px;margin:16px auto 34px;color:var(--km-muted)}.km-table-wrap{overflow:auto;background:#fff}.km-table-wrap table{width:100%;min-width:840px;margin:0;border-collapse:collapse}.km-table-wrap th,.km-table-wrap td{padding:17px 15px;border:1px solid var(--km-line);text-align:left}.km-table-wrap thead th{background:var(--km-navy);color:#fff}.km-table-wrap tbody th{background:#f1f4f4}.km-table-wrap a{color:#075f69;font-weight:800}.km-table-note{text-align:left;color:var(--km-muted);font-size:11px}
.km-method{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;padding:72px max(7vw,24px);background:var(--km-navy);color:#fff}.km-method h2{color:#fff}.km-method ol{list-style:none;margin:0;padding:0}.km-method li{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid #304b61}.km-method li>strong{color:#e1be68;font:700 28px var(--km-serif)}.km-method h3{margin:0;color:#fff;font:700 18px var(--km-serif)}.km-method p{margin:2px 0;color:#b9c8d2;font-size:13px}
.article .entry-title{font:700 clamp(31px,4vw,48px)/1.5 var(--km-serif);letter-spacing:.02em}.article h2{margin-top:2.2em;padding:14px 18px;border-left:5px solid var(--km-teal);border-bottom:1px solid var(--km-line);background:#f3f6f5;font:700 27px/1.55 var(--km-serif)}.article h3{font:700 21px/1.55 var(--km-serif);border-bottom:2px solid var(--km-navy)}.article p{line-height:2}.article .sns-share.ss-top{display:none!important}.article .article-header .date-tags{color:var(--km-muted);font-size:12px}.article table{border-collapse:collapse}.article table th{background:var(--km-navy);color:#fff}.article table td,.article table th{padding:14px;border:1px solid var(--km-line)}.author-box{border:1px solid var(--km-line);background:var(--km-ivory)}.sidebar .widget{border:1px solid var(--km-line);background:#fff}.sidebar h3{font-family:var(--km-serif);border-bottom:2px solid var(--km-navy)}.footer{background:#0a1d2d;color:#c4d0d7}.footer a{color:#dbe4e8}
@media screen and (max-width:834px){body{padding-bottom:58px}.header-container-in.hlt-top-menu{min-height:76px}.logo-header a:before{width:36px;height:36px;font-size:18px}.km-hero{min-height:0;display:block;padding:56px 20px;background:linear-gradient(160deg,var(--km-ivory) 0 74%,#e7f1f0 74%)}.km-hero h1{font-size:32px;overflow-wrap:anywhere}.km-lead{font-size:15px}.km-actions{flex-direction:column}.km-btn{text-align:center}.km-trust{display:grid;grid-template-columns:1fr 1fr;gap:8px}.km-feature{margin-top:40px;padding:28px}.km-section,.km-picks,.km-compare{padding:56px 18px}.km-section-head{display:block}.km-section-head h2,.km-compare h2,.km-method h2{font-size:28px}.km-card-grid,.km-pick-grid{grid-template-columns:1fr}.km-main-pick{padding:34px 28px}.km-main-pick h3{font-size:25px}.km-method{display:block;padding:54px 20px}.km-method ol{margin-top:28px}.km-table-wrap{margin-left:-18px;margin-right:-18px}.content-in{padding:0 14px}.article .entry-title{font-size:30px}.article h2{font-size:23px;padding:12px 14px}.article .sns-share.ss-top{display:none!important}.mobile-menu-buttons{height:58px}.mobile-menu-buttons .menu-button{font-size:9px}}
.page-id-8 #content-in{display:block;max-width:none;width:100%}.page-id-8 #main{float:none;max-width:none;width:100%;margin:0}.page-id-8 #sidebar{display:none!important}.page-id-8 .article .km-home h2,.page-id-8 .article .km-home h3{padding:0;border:0;background:transparent}.page-id-8 .article .km-feature h2,.page-id-8 .article .km-main-pick h3,.page-id-8 .article .km-method h2,.page-id-8 .article .km-method h3{color:#fff}.page-id-8 .article .km-section-head h2,.page-id-8 .article .km-compare h2{color:var(--km-ink)}
/* restrained optimistic accents */
:root{--km-sky:#66c7da;--km-sun:#f2c55c;--km-mint:#dff3ec}
.km-eyebrow{color:#087e8b}.km-eyebrow:before{content:"";display:inline-block;width:20px;height:3px;margin:0 9px 3px 0;border-radius:99px;background:linear-gradient(90deg,var(--km-sun),var(--km-sky))}
.km-btn-primary{background:linear-gradient(135deg,var(--km-navy),#164b67);box-shadow:inset 0 -3px 0 rgba(102,199,218,.5)}
.km-btn-primary:hover{background:linear-gradient(135deg,#164b67,#087e8b)}
.km-card:nth-child(1)>b{background:#e1f3f7}.km-card:nth-child(2)>b{background:var(--km-mint)}.km-card:nth-child(3)>b{background:#fff0cd;color:#7a5913}
.km-card:nth-child(1){border-top:4px solid var(--km-sky)}.km-card:nth-child(2){border-top:4px solid #63bc9a}.km-card:nth-child(3){border-top:4px solid var(--km-sun)}
.km-feature{background:linear-gradient(145deg,var(--km-navy),#103d56);border-top-color:var(--km-sun)}
.km-feature>p:first-child,.km-main-pick small{color:#f4d987}.km-main-pick{background:linear-gradient(135deg,var(--km-navy),#087e8b)}
.km-compare{background:linear-gradient(180deg,var(--km-ivory),#fbf5e7)}.km-table-wrap thead th{border-top:4px solid var(--km-sky)}.km-table-wrap tbody tr:nth-child(2) th{box-shadow:inset 4px 0 0 #63bc9a}.km-table-wrap tbody tr:nth-child(3) th{box-shadow:inset 4px 0 0 var(--km-sun)}
.km-method li>strong{color:var(--km-sun)}.article h2{border-left-color:var(--km-sky)}.article .ad-label-invisible,.article .pr-label{border-left-color:var(--km-sun)}
/* editorial photography */
.km-feature{padding:0;overflow:hidden}.km-feature-photo{display:block;width:100%;height:210px;object-fit:cover}.km-feature-body{padding:30px 34px}.km-feature-body>p:first-child{margin:0;color:#f4d987;font-size:11px;letter-spacing:.08em}
.km-main-pick,.km-sub-picks a{padding:0;overflow:hidden}.km-main-pick img,.km-sub-picks img{display:block;width:100%;object-fit:cover}.km-main-pick img{height:310px}.km-sub-picks img{height:150px}.km-pick-body{padding:28px 32px}.km-main-pick .km-pick-body>span,.km-sub-picks .km-pick-body>span{display:inline-block;padding:3px 10px;border-radius:99px;background:#e7f3f3;color:#075f69;font-size:10px;font-weight:800}
@media screen and (max-width:834px){.km-feature{padding:0}.km-feature-photo{height:190px}.km-feature-body{padding:26px}.km-main-pick{padding:0}.km-main-pick img{height:220px}.km-sub-picks img{height:170px}.km-pick-body{padding:24px}}
/* KM REDESIGN 2026-07-30 END */