@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){
  /*必要ならばここにコードを書く*/
}




@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&family=Inter:wght@300;400;500;700&display=swap');

:root{--ink:#0b0b10;--ink-2:#3a3a44;--mute:#8a8a93;--line:#ececef;--bg:#fafafa;--sans:'Space Grotesk','Zen Kaku Gothic New','Inter',-apple-system,BlinkMacSystemFont,sans-serif;--jp:'Zen Kaku Gothic New','Inter',-apple-system,sans-serif;}

html,body,.entry-content,.article,#main,.main,p,div,span,li,a,td,th{font-family:var(--jp) !important;font-feature-settings:"palt";letter-spacing:.02em;color:var(--ink);}
body{background:var(--bg) !important;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6,.appeal-title,.site-name-text,.site-name a,.entry-card-title{font-family:var(--sans) !important;}

/* ---- Home: header transparent over hero ---- */
.home .header,.home #header,.home .header-in,.home #header-in{background:transparent !important;box-shadow:none !important;border:none !important;}
.home .header{position:absolute !important;top:0;left:0;right:0;z-index:50;width:100%;}
.home .site-name-text,.home .site-name a,.home #site-name-text,.home #site-name-text a{color:#fff !important;text-shadow:0 1px 12px rgba(0,0,0,.35);}
.home .tagline{color:rgba(255,255,255,.75) !important;}
.home .navi,.home #navi,.home .navi-in{background:transparent !important;border:none !important;}
.home .navi-in a{color:#fff !important;}
.home .header-container,.home .header-container-in{background:transparent !important;}
.home #appeal{margin-top:0 !important;}

/* Non-home headers */
.header{border-bottom:1px solid var(--line);box-shadow:none !important;background:#fff;}
.site-name-text,.site-name a{font-weight:700 !important;font-size:22px !important;letter-spacing:.08em;color:var(--ink) !important;text-decoration:none !important;}
.tagline{font-size:11px;color:var(--mute);letter-spacing:.18em;text-transform:uppercase;margin-top:6px;}
.navi,#navi{border:none !important;background:#fff !important;}
.navi-in a{font-size:13px !important;letter-spacing:.08em;color:var(--ink-2) !important;font-weight:500;}
.navi-in a:hover{background:transparent !important;color:var(--ink) !important;}

/* ---- Hero ---- */
#appeal{position:relative;min-height:92vh;background-size:cover !important;background-position:center !important;margin:0 !important;padding:0 !important;border:none !important;overflow:hidden;}
#appeal::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,14,.55) 0%,rgba(8,8,14,.30) 35%,rgba(8,8,14,.85) 100%);z-index:1;}
#appeal-in{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:92vh;max-width:1240px;padding:0 64px !important;margin:0 auto;}
.appeal-content{background:transparent !important;padding:0 !important;box-shadow:none !important;text-align:left !important;border:none !important;max-width:780px;}
.appeal-title{color:#fff !important;font-family:var(--sans) !important;font-size:clamp(40px,6.4vw,84px) !important;font-weight:500 !important;line-height:1.05 !important;letter-spacing:-.02em !important;margin:0 0 28px !important;text-shadow:none !important;}
.appeal-message,.appeal-message p{color:rgba(255,255,255,.78) !important;font-family:var(--jp) !important;font-size:clamp(13px,1.05vw,15px) !important;font-weight:300 !important;line-height:2 !important;max-width:520px;margin:0 0 48px !important;letter-spacing:.05em;}
.appeal-button,a.appeal-button{display:inline-block;background:transparent !important;color:#fff !important;border:1.5px solid rgba(255,255,255,.55) !important;padding:18px 44px !important;font-family:var(--sans) !important;font-size:11px !important;font-weight:500 !important;letter-spacing:.22em !important;border-radius:0 !important;text-transform:uppercase;transition:all .35s ease;text-decoration:none !important;width:auto !important;}
.appeal-button:hover{background:#fff !important;color:var(--ink) !important;border-color:#fff !important;}
#appeal .cat-label,#appeal .new-entry-cards-label{display:none !important;}

/* ---- Cards ---- */
.entry-card-wrap,.a-wrap,.entry-card{background:#fff !important;border:none !important;border-bottom:1px solid var(--line) !important;box-shadow:none !important;padding:40px 8px !important;margin:0 !important;border-radius:0 !important;display:flex !important;gap:36px !important;align-items:flex-start;}
.entry-card-thumb{border-radius:2px;overflow:hidden;flex:0 0 240px;}
.entry-card-thumb img{border-radius:2px;}
.entry-card-thumb img[src*="no-image"],img[src*="no_image"],.no-image{display:none !important;}
.entry-card-thumb:has(img[src*="no-image"]),.entry-card-thumb:has(.no-image){display:none !important;}
.entry-card-content{padding:0 !important;flex:1;}
.entry-card-title{font-family:var(--sans) !important;font-size:24px !important;font-weight:600 !important;color:var(--ink) !important;letter-spacing:-.005em;line-height:1.45 !important;margin-bottom:14px !important;}
.entry-card-snippet{color:var(--ink-2) !important;font-weight:300 !important;line-height:1.85 !important;font-size:14px !important;}
.cat-label,.entry-category .cat-label{background:transparent !important;border:1px solid #ddd !important;color:var(--mute) !important;font-size:10px !important;padding:5px 12px !important;border-radius:0 !important;letter-spacing:.18em !important;text-transform:uppercase;font-weight:500;font-family:var(--sans) !important;}
.entry-card-meta,.post-date,.post-update{color:var(--mute) !important;font-size:11px !important;letter-spacing:.08em;font-family:var(--sans) !important;}
.entry-card-info{padding:0 !important;background:transparent !important;}

/* ---- Sidebar ---- */
.sidebar h3,.sidebar .widget-sidebar-title,.widget_search h3{background:none !important;border:none !important;border-bottom:1px solid var(--ink) !important;color:var(--ink) !important;font-family:var(--sans) !important;font-size:11px !important;font-weight:600 !important;letter-spacing:.22em !important;padding:0 0 10px 0 !important;text-transform:uppercase;margin-bottom:18px !important;}
.sidebar .widget{margin-bottom:48px;}
#searchsubmit,.search-submit{border-radius:0 !important;background:var(--ink) !important;color:#fff !important;border:none !important;padding:0 18px !important;}
.search-edit,#s{border:1px solid var(--line) !important;border-radius:0 !important;padding:12px !important;box-shadow:none !important;background:#fff !important;}

/* Containers */
#main,.main,.wrap,#container{background:transparent !important;box-shadow:none !important;}
#content{padding-top:40px;}
.main-bg{background:transparent !important;}

/* Footer */
.footer{border-top:1px solid var(--line) !important;background:#fff !important;padding:64px 0 40px !important;font-size:11px !important;color:var(--mute) !important;letter-spacing:.05em;}
.footer a{color:var(--ink-2) !important;}

@media(max-width:834px){
  #appeal{min-height:80vh;}
  #appeal-in{padding:0 28px !important;min-height:80vh;}
  .appeal-title{font-size:44px !important;}
  .entry-card-wrap{flex-direction:column !important;gap:16px !important;}
  .entry-card-thumb{flex:none;width:100%;}
}


/* NL-ARTICLE START */
.single .main,.single #main{padding-top:8px !important;}
.single .article-header{margin-top:0 !important;padding-top:0 !important;}
.single .entry-title,.single .article h1{margin-top:8px !important;margin-bottom:14px !important;font-size:clamp(22px,2.6vw,32px) !important;line-height:1.5 !important;}
.single .date-tags,.single .entry-date{margin:8px 0 18px !important;color:var(--mute) !important;font-size:12px !important;letter-spacing:.08em;}
.single .eye-catch,.single .eye-catch-image,.single .eyecatch{margin:0 0 28px !important;}
.single .eye-catch img,.single .eye-catch-image img,.single .eyecatch img{width:100% !important;max-height:380px !important;object-fit:cover !important;border-radius:2px;}
#main{width:calc(100% - 280px) !important;}
#sidebar{width:260px !important;}
@media(max-width:1023px){#main,#sidebar{width:100% !important;}}
.sns-share,.sns-follow{background:#fafafa !important;border:1px solid var(--line) !important;padding:18px 20px !important;border-radius:2px;margin:28px 0 !important;}
.sns-share-buttons,.sns-follow-buttons{gap:10px !important;}
.sns-share a,.sns-follow a,.sns-share-buttons a,.sns-follow-buttons a{background:#fff !important;border:1px solid var(--line) !important;color:var(--ink) !important;border-radius:2px !important;}
.sns-share a:hover,.sns-follow a:hover{background:var(--ink) !important;color:#fff !important;}
.sns-share a *,.sns-follow a *,.sns-share-buttons a *,.sns-follow-buttons a *{color:inherit !important;}
.sns-share a .button-caption,.sns-follow a .button-caption{color:inherit !important;font-weight:500;font-size:12px;}
.sns-share-buttons .twitter-button,.sns-share-buttons .facebook-button,.sns-share-buttons .hatebu-button,.sns-share-buttons .pocket-button,.sns-share-buttons .line-button,.sns-share-buttons .copy-button{background:#fff !important;color:var(--ink) !important;}
.sns-share-message,.sns-follow-message{font-family:var(--sans) !important;font-size:11px !important;letter-spacing:.22em !important;text-transform:uppercase;color:var(--mute) !important;margin:0 0 12px !important;}
.author-box,.author-info,.author{background:#fff !important;border:1px solid var(--line) !important;border-radius:2px !important;padding:36px 32px !important;margin:40px 0 !important;position:relative;}
.author-box::before,.author-info::before{content:'AUTHOR';position:absolute;top:-9px;left:24px;background:#fff;padding:0 12px;font-family:var(--sans);font-size:10px;letter-spacing:.22em;color:var(--mute);}
.author-box .author-thumb img,.author-info .author-thumb img,.author img.avatar{width:68px !important;height:68px !important;border-radius:50% !important;}
.author-box .author-name,.author-info .author-name{font-family:var(--sans) !important;font-size:16px !important;font-weight:500 !important;color:var(--ink) !important;}
.author-box .author-description,.author-info .author-description{font-size:13px !important;line-height:1.9 !important;color:var(--ink-2) !important;}
.author-follow-message,.author-follow-label{display:none !important;}
.article{font-family:var(--jp);color:var(--ink);line-height:1.95;font-size:15px;}
.article h2{font-family:var(--sans);font-size:24px;font-weight:600;border:none;border-bottom:2px solid var(--ink);padding:0 0 10px;margin:56px 0 24px;background:transparent;}
.article h2::before{display:none;}
.article h3{font-family:var(--sans);font-size:18px;font-weight:600;border:none;border-left:3px solid var(--ink);padding:2px 0 2px 14px;margin:36px 0 16px;background:transparent;}
.article h3::before{display:none;}
.article p{margin:0 0 18px;}
.article strong,.article b{background:linear-gradient(transparent 62%,#fff3b3 62%);font-weight:700;}
.article a{color:var(--ink);border-bottom:1px solid var(--ink);text-decoration:none;}
.nl-intro{font-size:16px;line-height:2;color:var(--ink-2);margin:8px 0 32px;}
.nl-conclusion{background:#0b0b10;color:#fff !important;padding:32px 36px;margin:28px 0 40px;border-radius:2px;}
.nl-conclusion *{color:#fff !important;}
.nl-conclusion .nl-c-label{font-family:var(--sans);font-size:11px;letter-spacing:.22em;color:rgba(255,255,255,.55) !important;text-transform:uppercase;margin:0 0 14px;}
.nl-conclusion .nl-c-title{font-family:var(--sans);font-size:20px;font-weight:600;margin:0 0 18px;}
.nl-conclusion ul{list-style:none !important;padding:0 !important;margin:0 !important;}
.nl-conclusion li{color:#fff !important;padding:10px 0 10px 24px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;list-style:none !important;font-size:14px;}
.nl-conclusion li::before{content:'\2192';position:absolute;left:0;color:rgba(255,255,255,.55) !important;}
.nl-conclusion li:last-child{border-bottom:none;}
.nl-conclusion strong{background:none !important;color:#fff !important;}
.nl-note{background:#fafafa;border-left:3px solid var(--ink);padding:16px 20px;margin:24px 0;font-size:13px;color:var(--ink-2);}
.nl-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:2px;margin:24px 0 32px;}
.nl-table{width:100%;border-collapse:collapse;font-size:13px;min-width:680px;}
.nl-table thead th{background:#0b0b10;color:#fff;font-family:var(--sans);font-weight:500;padding:14px 12px;text-align:left;font-size:12px;text-transform:uppercase;}
.nl-table tbody td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top;}
.nl-table tbody tr:last-child td{border-bottom:none;}
.nl-table tbody tr:nth-child(even){background:#fafafa;}
.nl-card{border:1px solid var(--line);border-radius:2px;padding:0;margin:24px 0 28px;position:relative;background:#fff;overflow:hidden;}
.nl-card .nl-rank{position:absolute;top:0;left:0;background:var(--ink);color:#fff;padding:10px 18px;font-family:var(--sans);font-size:11px;letter-spacing:.22em;font-weight:600;z-index:2;}
.nl-card-media{width:100%;aspect-ratio:16/9;overflow:hidden;background:#f4f4f6;}
.nl-card-media img{width:100% !important;height:100% !important;object-fit:cover;display:block;}
.nl-card-body{padding:32px 36px 36px;}
.nl-card h3{margin:8px 0 6px !important;font-family:var(--sans) !important;font-size:20px !important;font-weight:600 !important;border:none !important;padding:0 !important;}
.nl-card .nl-price{font-family:var(--sans);font-size:13px;color:var(--mute);margin:0 0 16px;}
.nl-card .nl-lead{font-size:14px;line-height:1.9;color:var(--ink-2);margin:0 0 20px;}
.nl-pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 20px;}
@media(max-width:640px){.nl-pc{grid-template-columns:1fr;}.nl-card-body{padding:24px 22px 28px;}}
.nl-pros,.nl-cons{background:#fafafa;padding:16px 18px;font-size:13px;line-height:1.8;}
.nl-pros{border-left:3px solid #2a8a4d;}
.nl-cons{border-left:3px solid #b94646;}
.nl-pros b,.nl-cons b{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.18em;margin-bottom:6px;background:none;color:var(--mute);font-weight:500;}
.nl-pros ul,.nl-cons ul{margin:0;padding:0 0 0 16px;}
.nl-faq{border:1px solid var(--line);border-radius:2px;padding:8px 24px;margin:24px 0;}
.nl-faq dt{font-weight:600;padding:16px 0 8px 28px;position:relative;border-top:1px solid var(--line);font-size:14px;}
.nl-faq dt:first-child{border-top:none;}
.nl-faq dt::before{content:'Q.';position:absolute;left:0;color:var(--mute);font-family:var(--sans);font-weight:600;}
.nl-faq dd{margin:0 0 16px 28px;color:var(--ink-2);font-size:14px;line-height:1.9;padding-left:20px;position:relative;}
.nl-faq dd::before{content:'A.';position:absolute;left:0;color:var(--mute);font-family:var(--sans);font-weight:600;}
.nl-cta{background:#fafafa;border:1px solid var(--line);padding:32px 36px;margin:40px 0;text-align:center;}
.nl-cta-label{font-family:var(--sans);font-size:11px;letter-spacing:.22em;color:var(--mute);text-transform:uppercase;margin:0 0 10px;}
.nl-cta-text{font-size:14px;color:var(--ink-2);margin:0 0 18px;}
.nl-cta a{display:inline-block;background:var(--ink);color:#fff !important;padding:14px 32px;font-family:var(--sans);font-size:13px;letter-spacing:.08em;border:none !important;text-transform:uppercase;}
/* NL-ARTICLE END */


/* NL-TWEAKS START */
/* Featured image: center-align the eye-catch container */
.single .eye-catch,.single .eye-catch-image,.single .eyecatch{margin:0 auto 28px !important;text-align:center;display:block;}
.single .eye-catch a,.single .eye-catch-image a,.single .eyecatch a{display:block;width:100%;}
.single .eye-catch img,.single .eye-catch-image img,.single .eyecatch img{margin:0 auto !important;display:block !important;}

/* Table of contents: left-align, modern minimal */
.toc{margin:32px 0 40px !important;padding:24px 28px !important;background:#fafafa !important;border:1px solid var(--line) !important;border-radius:2px !important;max-width:520px !important;text-align:left !important;}
.toc-title{text-align:left !important;font-family:var(--sans) !important;font-size:11px !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:var(--mute) !important;font-weight:500 !important;border:none !important;background:transparent !important;padding:0 0 12px !important;margin:0 0 12px !important;border-bottom:1px solid var(--line) !important;}
.toc-title::before{content:'INDEX — ';}
.toc-title .toc-checkbox-label{font-family:var(--sans);font-size:10px;color:var(--mute);}
.toc ol,.toc ul{padding-left:18px !important;margin:0 !important;}
.toc li{margin:6px 0 !important;font-size:13px !important;line-height:1.7 !important;}
.toc a{color:var(--ink-2) !important;border:none !important;text-decoration:none !important;}
.toc a:hover{color:var(--ink) !important;text-decoration:underline !important;}

/* H2 titles: editorial number-prefixed style */
.article h2{counter-increment:nl-h2;position:relative;padding-left:0;}
.article{counter-reset:nl-h2;}
.article h2::before{display:inline-block !important;content:counter(nl-h2,decimal-leading-zero) ' / ';font-family:var(--sans);font-size:13px;font-weight:500;color:var(--mute);letter-spacing:.12em;margin-right:12px;vertical-align:middle;position:static !important;background:none !important;width:auto !important;height:auto !important;border:none !important;}
/* NL-TWEAKS END */