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

/* CLEMIRA EDITORIAL DESIGN v1 */
:root{--bg:#05070b;--line:rgba(255,255,255,.11);--text:#eef4f8;--muted:#91a0b2;--cyan:#43d9ff;--blue:#287bff}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 0,rgba(31,111,190,.2),transparent 34rem),radial-gradient(circle at 8% 28%,rgba(0,221,255,.08),transparent 28rem),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;letter-spacing:.02em}a{color:var(--cyan);text-underline-offset:.2em}a:hover{color:#fff}#header-container{background:rgba(5,7,11,.84);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-in{min-height:112px;display:flex;align-items:center;justify-content:center}.logo-header{text-align:center;padding:20px}.logo-header .site-name-text{color:#fff;font-size:clamp(24px,3vw,38px);font-weight:300;letter-spacing:.18em}.logo-header:after{content:"INDEPENDENT REVIEW & GUIDE";display:block;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.34em;margin-top:10px}#content{margin-top:0}.content-in{display:block;max-width:1180px;margin:auto;padding:70px 24px 100px}.main{width:min(100%,960px)!important;float:none!important;margin:0 auto!important;padding:clamp(24px,5vw,72px)!important;background:linear-gradient(145deg,rgba(16,23,34,.98),rgba(8,12,19,.98));border:1px solid var(--line);border-radius:28px;box-shadow:0 28px 100px rgba(0,0,0,.48),0 0 80px rgba(20,136,210,.08);overflow:hidden}.sidebar{display:none!important}.article-header{padding-top:34px}.article-header:before{content:"EDITORIAL / CLEMIRA";display:block;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.28em;margin-bottom:20px}.entry-title{color:#fff;font-size:clamp(31px,5vw,56px)!important;line-height:1.22!important;letter-spacing:-.025em;font-weight:650!important;margin:0 0 28px!important}.date-tags,.post-date,.post-update,.entry-category,.breadcrumb{color:var(--muted)!important;font-size:12px!important}.eye-catch{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.46),0 0 60px rgba(67,217,255,.18);margin:30px 0!important}.eye-catch img{width:100%;display:block;transition:transform .8s}.eye-catch:hover img{transform:scale(1.018)}.eye-catch .cat-label{display:none!important}.eye-catch-caption{background:rgba(3,7,12,.88)!important;color:var(--muted)!important;font-size:12px!important}.entry-content{font-size:17px;line-height:2;color:#dce5ee}.entry-content p{margin:0 0 1.65em}.entry-content>p:first-child{display:inline-flex;gap:10px;background:rgba(67,217,255,.08);border:1px solid rgba(67,217,255,.23);color:#bdefff;border-radius:999px;padding:7px 16px;font-size:12px;letter-spacing:.08em}.entry-content>p:first-child:before{content:"AD";font-weight:800;color:var(--cyan)}.entry-content h2{color:#fff;font-size:clamp(26px,3.6vw,38px);line-height:1.35;margin:2.8em 0 1em;padding:0 0 18px;border:none;background:none;position:relative}.entry-content h2:after{content:"";position:absolute;left:0;bottom:0;width:90px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue));box-shadow:0 0 18px rgba(67,217,255,.3)}.entry-content h3{color:#fff;font-size:22px;line-height:1.5;margin:2.1em 0 .8em;padding-left:18px;border-left:2px solid var(--cyan)}.entry-content aside{background:linear-gradient(135deg,rgba(67,217,255,.08),rgba(40,123,255,.06));border:1px solid rgba(67,217,255,.24);border-radius:18px;padding:24px 26px;margin:32px 0}.entry-content aside p{margin:0;color:#d9f6ff}.entry-content table{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);margin:32px 0}.entry-content th,.entry-content td{border:0!important;border-bottom:1px solid var(--line)!important;padding:16px 18px!important}.entry-content tr:last-child th,.entry-content tr:last-child td{border-bottom:0!important}.entry-content th{background:rgba(67,217,255,.07)!important;color:#aeeeff;width:36%}.entry-content td{color:#eef3f8;background:transparent!important}.entry-content ul{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:16px;padding:22px 26px 22px 48px}.entry-content>p:last-child{margin-top:54px;padding:24px 26px;border-radius:16px;background:linear-gradient(135deg,var(--blue),#00aaca);color:#fff;text-align:center;font-weight:700;box-shadow:0 18px 48px rgba(0,125,214,.28)}.entry-content>p:last-child a{color:#fff;text-decoration:none;display:block}.sns-share,.sns-follow{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}.sns-share-buttons a{border-radius:10px!important;filter:saturate(.75)}.footer{background:#030508;color:var(--muted);border-top:1px solid var(--line)}@media(max-width:834px){.header-in{min-height:88px}.logo-header .site-name-text{font-size:22px;letter-spacing:.1em}.content-in{padding:28px 12px 64px}.main{padding:24px 18px 42px!important;border-radius:18px}.entry-title{font-size:32px!important}.entry-content{font-size:16px}.entry-content h2{font-size:27px}.entry-content th,.entry-content td{display:block;width:100%!important;padding:12px 14px!important}.entry-content th{border-bottom:0!important}}


/* CLEMIRA MOBILE NAV v1 */
.mobile-footer-menu-buttons{background:rgba(5,7,11,.96)!important;border-top:1px solid var(--line)!important;box-shadow:0 -12px 40px rgba(0,0,0,.35)!important}.mobile-footer-menu-button>a{color:var(--muted)!important}.mobile-footer-menu-button:hover>a{color:var(--cyan)!important;background:rgba(67,217,255,.06)!important}

/* CLEMIRA READABILITY v1 */
.toc{background:linear-gradient(145deg,rgba(20,29,42,.98),rgba(9,14,22,.98))!important;border:1px solid rgba(67,217,255,.28)!important;border-radius:18px!important;color:#eaf4fb!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 40px rgba(0,0,0,.22);padding:24px 28px!important}
.toc-title{color:#fff!important;font-weight:750!important;letter-spacing:.08em}
.toc-title:before{color:var(--cyan)!important}
.toc-content,.toc-list,.toc-list li{color:#cbd7e3!important}
.toc a,.toc-list a{color:#dceaf4!important;text-decoration:none!important}
.toc a:hover,.toc-list a:hover{color:var(--cyan)!important}
.toc-list li::marker{color:var(--cyan)!important}
.toc-checkbox+label{color:#c7d5e2!important}
.entry-content small,.entry-content figcaption,.wp-caption-text{color:#aebdca!important}
.clemira-visual{margin:48px 0;border-radius:20px;overflow:hidden;background:#080d14;border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 55px rgba(0,0,0,.3)}
.clemira-visual img{width:100%;display:block;margin:0!important}
.clemira-visual figcaption{padding:12px 16px;color:#aebdca!important;background:rgba(8,13,20,.96);font-size:.82rem;line-height:1.7;text-align:center}
.clemira-visual--product{background:radial-gradient(circle at 50% 35%,rgba(67,217,255,.13),transparent 50%),#080d14;padding:32px 32px 0}
.clemira-visual--product img{max-width:560px;margin:0 auto!important}
@media(max-width:600px){.toc{padding:20px!important}.clemira-visual{margin:34px 0;border-radius:14px}.clemira-visual--product{padding:20px 16px 0}}


/* CLEMIRA SPECS TABLE v1 */
.entry-content table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border:1px solid rgba(67,217,255,.28)!important;border-radius:14px;background:#0b111a!important;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.entry-content table th,.entry-content table td{padding:15px 18px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.11)!important;line-height:1.65!important;vertical-align:middle!important}
.entry-content table tr:last-child th,.entry-content table tr:last-child td{border-bottom:0!important}
.entry-content table th{width:38%!important;background:#152738!important;color:#f3fbff!important;font-weight:750!important;letter-spacing:.02em!important;border-right:1px solid rgba(67,217,255,.24)!important}
.entry-content table td{background:#0b111a!important;color:#f4f7fa!important;font-weight:500!important}
.entry-content table tr:nth-child(even) td{background:#0e1722!important}
@media(max-width:600px){.entry-content table,.entry-content table tbody,.entry-content table tr,.entry-content table th,.entry-content table td{display:block!important;width:100%!important}.entry-content table tr{border-bottom:1px solid rgba(67,217,255,.22)!important}.entry-content table tr:last-child{border-bottom:0!important}.entry-content table th{padding:10px 14px 7px!important;border-right:0!important;border-bottom:0!important;color:#8deaff!important;font-size:.78rem!important;letter-spacing:.08em!important}.entry-content table td{padding:8px 14px 14px!important;border-bottom:0!important;font-size:.98rem!important}.entry-content table tr:nth-child(even) td{background:#0b111a!important}}
