@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
*/



/* === Header Nav SVG Icons === */
#menu-item-2843 > a .item-label,#menu-item-3237 > a .item-label,#menu-item-2333 > a .item-label,#menu-item-3239 > a .item-label,#menu-item-2332 > a .item-label{font-size:0!important;display:flex!important;align-items:center;gap:5px}
#menu-item-2843 > a .item-label::before,#menu-item-3237 > a .item-label::before,#menu-item-2333 > a .item-label::before,#menu-item-3239 > a .item-label::before,#menu-item-2332 > a .item-label::before{content:'';display:inline-block;width:16px;height:16px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}
#menu-item-2843 > a .item-label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d5c45' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E")}
#menu-item-3237 > a .item-label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d5c45' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Ccircle cx='3' cy='6' r='1'/%3E%3Ccircle cx='3' cy='12' r='1'/%3E%3Ccircle cx='3' cy='18' r='1'/%3E%3C/svg%3E")}
#menu-item-2333 > a .item-label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d5c45' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
#menu-item-3239 > a .item-label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d5c45' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E")}
#menu-item-2332 > a .item-label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d5c45' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E")}
#menu-item-2843 > a .item-label::after{content:'ホーム';font-size:13px;color:inherit}
#menu-item-3237 > a .item-label::after{content:'カテゴリ一覧';font-size:13px;color:inherit}
#menu-item-2333 > a .item-label::after{content:'プロフィール';font-size:13px;color:inherit}
#menu-item-3239 > a .item-label::after{content:'SNS';font-size:13px;color:inherit}
#menu-item-2332 > a .item-label::after{content:'お問い合わせ';font-size:13px;color:inherit}

/* === Header Nav Search === */
#nav-search-item{display:flex;align-items:center;margin-left:auto;position:relative;list-style:none}
.nav-srch-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:4px 8px;color:#0d5c45;opacity:.8;transition:opacity .2s;line-height:1}
.nav-srch-btn:hover{opacity:1}
.nav-srch-form{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1.5px solid #0d5c45;border-radius:8px;padding:6px;white-space:nowrap;z-index:9999;box-shadow:0 4px 14px rgba(0,0,0,.13);animation:srchIn .18s ease}
@keyframes srchIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
#nav-search-item.open .nav-srch-form{display:flex;align-items:center;gap:5px}
.nav-srch-form input[type=search]{border:1px solid #ccc;border-radius:5px;padding:5px 10px;font-size:13px;width:200px;outline:none;-webkit-appearance:none}
.nav-srch-form input[type=search]:focus{border-color:#0d5c45;box-shadow:0 0 0 2px rgba(13,92,69,.12)}
.nav-srch-form button[type=submit]{background:#0d5c45;border:none;border-radius:5px;padding:6px 9px;cursor:pointer;display:flex;align-items:center;flex-shrink:0}
.nav-srch-form button[type=submit]:hover{background:#0a4a37}

/* ========================================
   カスタムCSS追加 (2026-04)
   ======================================== */

/* 吹き出しアイコン画像ボーダー削除 */
.speech-icon-image,
img.speech-icon-image {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* H3「・」削除 */
.entry-content h3.wp-block-heading::before,
.entry-content h3::before {
  content: '' !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* ラベルボックスのタブ（ラベル名）— 背景透明・深緑文字 */
.label-box-label.block-box-label.box-label,
.label-box-label.block-box-label,
.block-box-label.box-label,
.block-box-label {
  background: transparent !important;
  background-color: transparent !important;
  color: #1c3a2a !important;
  font-weight: bold !important;
  border: none !important;
  border-bottom: 2px solid #1c3a2a !important;
  box-shadow: none !important;
}

/* ラベルボックス本体ボーダーを深緑に */
.label-box.block-box,
.label-box {
  border-color: #1c3a2a !important;
  border-width: 2px !important;
}

/* チェックリスト：間隔・下線なし（is-style-icon-list-check-valid） */
.entry-content ul.is-style-icon-list-check-valid > li,
.entry-content ul.is-style-icon-list-check-valid li,
.entry-content ul.is-style-icon-list-check > li,
.entry-content ul.is-style-icon-list-check li {
  line-height: 1.8 !important;
  text-decoration: none !important;
}
.entry-content ul.is-style-icon-list-check-valid li a,
.entry-content ul.is-style-icon-list-check-valid li span,
.entry-content ul.is-style-icon-list-check li a,
.entry-content ul.is-style-icon-list-check li span {
  text-decoration: none !important;
}

/* 口コミアイコン画像を丸枠いっぱいに表示 */
.nurse-review-icon {
  overflow: hidden !important;
}
.nurse-review-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
}

/* STEPタイムライン：色を深緑に統一・丸の中にSTEP+番号 */
.timeline-box {
  --cocoon-custom-point-color: #007a4366 !important;
  counter-reset: step-counter;
}
.timeline-item::before {
  counter-increment: step-counter;
  content: counter(step-counter) !important;
  background: #007a4366 !important;
  width: 44px !important;
  height: 44px !important;
  left: 89px !important;
  top: 9px !important;
  padding-top: 24px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: white !important;
  line-height: 1 !important;
}
.timeline-item::after {
  content: "STEP" !important;
  position: absolute !important;
  left: 89px !important;
  top: 15px !important;
  width: 44px !important;
  text-align: center !important;
  font-size: 9px !important;
  font-weight: bold !important;
  color: white !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
}
/* 「最適なサービスを見つける」見出しの二重左ライン修正 */
.sec-title .nurse-find-heading,
.sec-title .sec-text {
  border-left: none !important;
  padding-left: 0 !important;
}
/* STEPタイムライン：スマホ用位置修正 */
@media (max-width: 480px) {
  .timeline,
  ul.timeline,
  .timeline-item {
    border-left: none !important;
  }
  .timeline-item-label {
    display: none !important;
  }
  .timeline-item {
    background-image: linear-gradient(to right, transparent 41px, rgba(229,229,209,0.8) 41px, rgba(229,229,209,0.8) 44px, transparent 44px) !important;
  }
  .timeline-item-content {
    width: 100% !important;
    float: none !important;
    padding-left: 66px !important;
    box-sizing: border-box !important;
    border-left: none !important;
  }
  .timeline-item::before {
    left: 20px !important;
    top: 9px !important;
  }
  .timeline-item::after {
    left: 20px !important;
    top: 15px !important;
  }
}