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


/*******************************************
** ds-home-page-css : ホーム固定ページ用（本文の<style>から移設 2026-08-12）
** 最後の .sidebar 指定は Cocoon本体の .sidebar{width:30%} 対策
*******************************************/
.ds-home .card-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}
.ds-home .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}
.ds-home .card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--navy)}
.ds-home .card .thumb{aspect-ratio:16/10;position:relative;background-size:cover;background-position:center}
.ds-home .card .thumb .cat-label{position:absolute;top:10px;left:10px}
.ds-home .card .body{padding:14px 15px 16px;display:flex;flex-direction:column;gap:9px;flex:1}
.ds-home .card h3{font-family:var(--display);font-weight:700;font-size:14.5px;line-height:1.5;margin:0;color:var(--ink)}
.ds-home .card .meta{font-size:11px;color:var(--ink-mute);font-family:var(--mono);margin-top:auto}
.ds-home .layout{display:grid;grid-template-columns:1fr 300px;gap:38px;align-items:start}
.ds-home .main-col{min-width:0}
.ds-home .sidebar{display:flex;flex-direction:column;gap:20px}
.ds-home .widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow-sm)}
.ds-home .widget .w-title{font-family:var(--display);font-weight:900;font-size:15px;margin:0 0 14px;display:flex;align-items:center;gap:9px}
.ds-home .widget .w-title::before{content:'';width:5px;height:18px;border-radius:2px;background:var(--amber)}
.ds-home .profile{text-align:center}
.ds-home .profile .avatar{width:84px;height:84px;border-radius:var(--r-sm);margin:0 auto 12px;border:3px solid var(--navy-l);background:var(--navy-l);display:grid;place-items:center;font-family:var(--pixel);color:var(--navy-dd);font-size:18px}
.ds-home .profile .pname{font-family:var(--display);font-weight:900;font-size:16px}
.ds-home .profile .pname .role{display:block;font-size:11px;color:var(--navy-dd);font-family:var(--mono);margin-top:5px;font-weight:400}
.ds-home .profile p{font-size:12.5px;line-height:1.85;color:var(--ink-soft);text-align:left;margin:12px 0 16px}
.ds-home .cat-list{list-style:none;margin:0;padding:0}
.ds-home .cat-list li{border-bottom:1px dashed var(--line)}
.ds-home .cat-list li:last-child{border-bottom:none}
.ds-home .cat-list a{display:flex;align-items:center;justify-content:space-between;padding:11px 4px;text-decoration:none;font-size:13.5px;font-weight:500;color:var(--ink)}
.ds-home .cat-list a:hover{color:var(--navy-dd);padding-left:8px}
.ds-home .cat-list .cnt{font-family:var(--mono);font-size:11px;color:var(--ink-mute)}
.ds-home .cat-list .arr{color:var(--amber)}
.ds-home .mini-cta{background:var(--navy);color:#fff;text-align:center}
.ds-home .mini-cta .w-title{color:#fff;justify-content:center}
.ds-home .mini-cta .w-title::before{background:rgba(255,255,255,.6)}
.ds-home .mini-cta p{font-size:12.5px;color:#d6dde9;margin:0 0 14px;line-height:1.8}
.ds-home .row-head .more{font-family:var(--display);font-size:13px;color:var(--amber-d);text-decoration:none;font-weight:700}
.ds-home .sidebar{width:100%;max-width:none;padding:0;margin:0;border:0;background:transparent;border-radius:0;box-shadow:none}
@media(max-width:860px){
  .ds-home .layout{grid-template-columns:1fr;gap:30px}
  .ds-home .card-grid{grid-template-columns:repeat(2,1fr);gap:14px}
}
/* cat-label-mobile : スマホのカードでカテゴリ名（シミュレーション等）が欠けるのを防ぐ */
@media(max-width:860px){
  .ds-home .card .thumb .cat-label{font-size:10px;padding:3px 7px;letter-spacing:0;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}
}