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

/* ===================================================
   介護のぽっけ 独自トップページテンプレート用CSS
   =================================================== */
.pokke-wrapper{
  --pokke-bg: #FAF6F3;
  --pokke-header-pink: #FCE9EE;
  --pokke-card: #FFFFFF;
  --pokke-accent: #E8919A;
  --pokke-accent-deep: #C96B7C;
  --pokke-accent-text: #9C3B54;
  --pokke-ink: #4A2B2E;
  --pokke-ink-soft: #7A5B5E;
  --pokke-line: #F2DEE2;
  --pokke-spring: #F7C9D6;
  --pokke-summer: #BEE0C9;
  --pokke-autumn: #F3C89A;
  --pokke-winter: #C9DCEE;
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--pokke-ink);
  background: var(--pokke-bg);
  font-size: 16px;
}
body.pokke-fs-sm .pokke-wrapper{ font-size: 14px; }
body.pokke-fs-md .pokke-wrapper{ font-size: 16px; }
body.pokke-fs-lg .pokke-wrapper{ font-size: 19px; }

.pokke-wrapper *{ box-sizing:border-box; }
.pokke-wrapper a{ text-decoration:none; color:inherit; }

/* ===== ヘッダー ===== */
.pokke-header{
  background: linear-gradient(180deg, var(--pokke-header-pink) 0%, #FDF1F4 100%);
  padding: 1.8em 1.5em 0;
}
.pokke-header-inner{
  max-width: 1080px; margin: 0 auto;
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:1em;
}
.pokke-brand{ display:flex; align-items:center; gap:0.9em; }
.pokke-brand-mark{
  width:3.4em; height:3.4em; border-radius:50%;
  background: var(--pokke-card);
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 3px 10px rgba(180,110,130,0.18);
  overflow:hidden;
}
.pokke-brand-mark img{ width:75%; height:75%; object-fit:contain; }
.pokke-site-name{
  font-family:'Zen Maru Gothic', sans-serif;
  font-weight:900; font-size:1.4em; color:#5C2E3C;
}
.pokke-site-tagline{ font-size:0.8em; color:var(--pokke-ink-soft); margin-top:0.15em; }

.pokke-fontsize-toggle{
  display:flex; gap:0.4em; align-items:center;
  background:#fff; border-radius:20px; padding:0.3em;
  box-shadow: 0 2px 6px rgba(180,110,130,0.12);
}
.pokke-fontsize-toggle button{
  border:none; background:transparent; padding:0.3em 0.8em;
  border-radius:16px; font-size:0.75em; color:var(--pokke-ink-soft); cursor:pointer;
  font-weight:500;
}
.pokke-fontsize-toggle button.is-active{ background:var(--pokke-accent); color:#fff; }

.pokke-hero{ max-width:1080px; margin:1.4em auto 0; text-align:center; padding:0.4em 1.2em 1.6em; }
.pokke-hero-eyebrow{
  display:inline-flex; align-items:center; gap:0.4em;
  background:#fff; color:var(--pokke-accent-text);
  font-size:0.75em; font-weight:700; padding:0.4em 1em; border-radius:20px;
  box-shadow: 0 2px 6px rgba(180,110,130,0.12); margin-bottom:0.8em;
}
.pokke-hero-title{
  font-family:'Zen Maru Gothic', sans-serif; font-weight:700;
  font-size:1.6em; margin:0 0 0.3em; color:#5C2E3C;
}
.pokke-hero-sub{ margin:0; font-size:0.9em; color:var(--pokke-ink-soft); }

/* ===== ピルナビ ===== */
.pokke-nav{ max-width:1080px; margin:1.2em auto 0; padding:0 1.2em 1.5em; }
.pokke-nav-list{
  list-style:none; margin:0; padding:0;
  display:flex; flex-wrap:wrap; justify-content:center; gap:0.6em;
}
.pokke-nav-list li{ margin:0; }
.pokke-nav-list a, .pokke-nav-list span{
  display:inline-block;
  font-size:0.85em; font-weight:700; padding:0.55em 1.3em;
  border-radius:999px; background:#fff; color:var(--pokke-accent-text);
  box-shadow: 0 2px 6px rgba(180,110,130,0.10);
  transition: all .15s ease;
}
.pokke-nav-list a:hover{ background:var(--pokke-accent); color:#fff; }
.pokke-nav-list li.current-menu-item > a,
.pokke-nav-list li.current-cat > a{ background:var(--pokke-accent-deep); color:#fff; }

/* ===== レイアウト ===== */
.pokke-layout{
  max-width:1080px; margin: 1.8em auto 3.5em;
  display:grid; grid-template-columns: 1fr 300px; gap:1.4em;
  padding: 0 1.2em;
}
@media (max-width: 760px){ .pokke-layout{ grid-template-columns: 1fr; } }

.pokke-section-title{
  display:flex; align-items:center; gap:0.6em;
  font-family:'Zen Maru Gothic', sans-serif;
  font-weight:700; font-size:1.05em; color:#5C2E3C; margin:0 0 1em;
}
.pokke-dot{ width:0.55em; height:0.55em; border-radius:50%; background:var(--pokke-accent); }

.pokke-card-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:1.1em; }
@media (max-width:640px){ .pokke-card-grid{ grid-template-columns: 1fr 1fr; } }

.pokke-card{
  background:var(--pokke-card); border-radius:16px; overflow:hidden;
  box-shadow: 0 3px 14px rgba(150,90,105,0.08);
  transition: transform .18s ease, box-shadow .18s ease;
  display:flex; flex-direction:column;
}
.pokke-card:hover{ transform: translateY(-3px); box-shadow: 0 8px 22px rgba(150,90,105,0.16); }

.pokke-card-thumb{ position:relative; display:block; aspect-ratio: 4/3; overflow:hidden; background:#F6EFEC; }
.pokke-card-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.pokke-noimg{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#B79093; font-size:0.8em; }
.pokke-tag{
  position:absolute; top:0.6em; left:0.6em; z-index:2;
  font-size:0.7em; font-weight:700; padding:0.3em 0.8em; border-radius:999px;
  background: var(--pokke-spring); color:#5C2E3C;
}

.pokke-card-body{ padding:0.9em 1em 1em; display:flex; flex-direction:column; gap:0.5em; flex:1; }
.pokke-card-body h3{ font-size:0.95em; margin:0; line-height:1.5; font-weight:700; }
.pokke-card-body h3 a{ color:var(--pokke-ink); }
.pokke-desc{ font-size:0.8em; color:var(--pokke-ink-soft); margin:0; line-height:1.6; flex:1; }
.pokke-meta{ font-size:0.72em; color:#B79093; }

.pokke-dl-button{
  margin-top:0.2em; display:flex; align-items:center; justify-content:center; gap:0.4em;
  background:var(--pokke-header-pink); color:var(--pokke-accent-text);
  font-size:0.8em; font-weight:700; padding:0.6em; border-radius:10px;
  transition: background .15s ease;
}
.pokke-dl-button:hover{ background:var(--pokke-accent); color:#fff; }

/* ===== サイドバー ===== */
.pokke-sidebar{ display:flex; flex-direction:column; gap:1.2em; }
.pokke-side-card{ background:var(--pokke-card); border-radius:16px; padding:1.1em; box-shadow: 0 3px 14px rgba(150,90,105,0.08); }
.pokke-side-card h4{ font-family:'Zen Maru Gothic', sans-serif; margin:0 0 0.7em; font-size:0.9em; color:#5C2E3C; }
.pokke-side-card form{ display:flex; gap:0.5em; }
.pokke-side-card input[type="search"], .pokke-side-card input[type="text"]{
  flex:1; border:1.5px solid var(--pokke-line); border-radius:10px; padding:0.55em 0.7em; font-size:0.8em; outline:none;
}
.pokke-side-card input[type="submit"], .pokke-side-card button{
  background:var(--pokke-accent); color:#fff; border:none; border-radius:10px;
  padding:0.55em 1em; font-size:0.8em; font-weight:700; cursor:pointer;
}
.pokke-recent-list{ list-style:none; margin:0; padding:0; }
.pokke-recent-list li{ padding:0.65em 0; border-bottom:1px dashed var(--pokke-line); font-size:0.8em; line-height:1.6; }
.pokke-recent-list li:last-child{ border-bottom:none; padding-bottom:0; }
.pokke-recent-list a:hover{ color:var(--pokke-accent-text); }

.pokke-season-grid{ display:grid; grid-template-columns:1fr 1fr; gap:0.5em; }
.pokke-season-btn{ text-align:center; padding:0.55em; border-radius:10px; font-size:0.78em; font-weight:700; }
.pokke-season-春{ background:var(--pokke-spring); color:#5C2E3C; }
.pokke-season-夏{ background:var(--pokke-summer); color:#2E5C3E; }
.pokke-season-秋{ background:var(--pokke-autumn); color:#6E4620; }
.pokke-season-冬{ background:var(--pokke-winter); color:#2E4A5C; }
.pokke-tag-group{
  position:absolute; top:0.6em; left:0.6em; z-index:2;
  display:flex; flex-wrap:wrap; gap:0.3em; max-width: calc(100% - 1.2em);
}
.pokke-tag-group .pokke-tag{
  position:static;
}

.pokke-single-article{
  background:var(--pokke-card); border-radius:16px; padding:1.8em;
  box-shadow: 0 3px 14px rgba(150,90,105,0.08);
}
.pokke-back-link{
  display:inline-block; font-size:0.85em; font-weight:700;
  color:var(--pokke-accent-text); margin-bottom:1.2em;
}
.pokke-back-link:hover{ color:var(--pokke-accent); }
.pokke-single-title{
  font-family:'Zen Maru Gothic', sans-serif; font-weight:700;
  font-size:1.5em; margin:0 0 0.4em; color:#5C2E3C; line-height:1.5;
}
.pokke-single-thumb{
  border-radius:12px; overflow:hidden; margin-bottom:1.4em; background:#F6EFEC;
}
.pokke-single-thumb img{ width:100%; height:auto; display:block; }
.pokke-single-content{
  font-size:1em; line-height:1.9; color:var(--pokke-ink);
}
.pokke-single-content p{ margin:0 0 1.2em; }
.pokke-single-content a{
  color:var(--pokke-accent-text); font-weight:700; text-decoration:underline;
}
.pokke-single-content a:hover{ color:var(--pokke-accent); }
.pokke-single-content img{ max-width:100%; height:auto; border-radius:10px; }