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


/************************************
** Header navigation compact layout
************************************/
@media screen and (min-width: 1024px){
  #navi{
    background:#f6fbfa;
    border-top:1px solid #d7e2df;
    border-bottom:1px solid #d7e2df;
  }
  #navi .navi-in.wrap{
    max-width:1180px;
  }
  #navi .menu-header{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:nowrap;
    gap:6px;
    height:60px;
  }
  #navi .menu-header > .menu-item{
    width:auto;
    flex:0 0 auto;
  }
  #navi .menu-header > .menu-item > a{
    box-sizing:border-box;
    height:42px;
    padding:0 10px;
    border:1px solid #cfdeda;
    border-radius:6px;
    background:#fff;
    color:#245f5a;
    font-size:13px;
    font-weight:700;
    line-height:1.25;
    white-space:nowrap;
    box-shadow:0 1px 2px rgba(36,95,90,.08);
    transition:background-color .16s ease,color .16s ease,border-color .16s ease;
  }
  #navi .menu-header > .menu-item.current-menu-item > a,
  #navi .menu-header > .menu-item.current-menu-parent > a,
  #navi .menu-header > .menu-item.current-post-ancestor > a,
  #navi .menu-header > .menu-item > a:hover{
    background:#245f5a;
    border-color:#245f5a;
    color:#fff;
    text-decoration:none;
  }
  #navi .menu-header .caption-wrap{
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  #navi .menu-header .item-label{
    white-space:nowrap;
  }
}


/* nkg-light-blue-buttons-20260701-start */
:root{
  --nkg-button-blue:#bfeeff;
  --nkg-button-blue-hover:#a9e3f7;
  --nkg-button-blue-border:#63b3cf;
  --nkg-button-blue-text:#12445a;
}
body .entry-content .nkg-btn,
body .nkg-post .nkg-btn,
body .nkg-actions .nkg-btn,
body .nkg-card .nkg-btn,
body .nkg-card-actions .nkg-btn,
body .nkg-final-cta .nkg-btn,
body .wp-block-button__link,
body a.button,
body button.button,
body input[type="submit"].button{
  background:var(--nkg-button-blue)!important;
  background-color:var(--nkg-button-blue)!important;
  color:var(--nkg-button-blue-text)!important;
  border:1px solid var(--nkg-button-blue-border)!important;
  box-shadow:0 8px 18px rgba(72,151,181,.18)!important;
}
body .entry-content .nkg-btn.secondary,
body .nkg-post .nkg-btn.secondary,
body .nkg-actions .nkg-btn.secondary,
body .nkg-card .nkg-btn.secondary,
body .nkg-card-actions .nkg-btn.secondary{
  background:#e7f8ff!important;
  background-color:#e7f8ff!important;
  color:#14506a!important;
  border:1px solid #8bc9dd!important;
  box-shadow:0 6px 14px rgba(72,151,181,.12)!important;
}
body .entry-content .nkg-btn:hover,
body .nkg-post .nkg-btn:hover,
body .nkg-actions .nkg-btn:hover,
body .nkg-card .nkg-btn:hover,
body .nkg-card-actions .nkg-btn:hover,
body .nkg-final-cta .nkg-btn:hover,
body .wp-block-button__link:hover,
body a.button:hover,
body button.button:hover,
body input[type="submit"].button:hover{
  background:var(--nkg-button-blue-hover)!important;
  background-color:var(--nkg-button-blue-hover)!important;
  color:#0f3d52!important;
  border-color:#4da6c4!important;
  filter:none!important;
}
/* nkg-light-blue-buttons-20260701-end */


/* nkg-light-blue-buttons-20260701-start */
:root{
  --nkg-button-blue:#bfeeff;
  --nkg-button-blue-hover:#a9e3f7;
  --nkg-button-blue-border:#63b3cf;
  --nkg-button-blue-text:#12445a;
}
body .entry-content .nkg-btn,
body .nkg-post .nkg-btn,
body .nkg-actions .nkg-btn,
body .nkg-card .nkg-btn,
body .nkg-card-actions .nkg-btn,
body .nkg-final-cta .nkg-btn,
body .wp-block-button__link,
body a.button,
body button.button,
body input[type="submit"].button{
  background:var(--nkg-button-blue)!important;
  background-color:var(--nkg-button-blue)!important;
  color:var(--nkg-button-blue-text)!important;
  border:1px solid var(--nkg-button-blue-border)!important;
  box-shadow:0 8px 18px rgba(72,151,181,.18)!important;
}
body .entry-content .nkg-btn.secondary,
body .nkg-post .nkg-btn.secondary,
body .nkg-actions .nkg-btn.secondary,
body .nkg-card .nkg-btn.secondary,
body .nkg-card-actions .nkg-btn.secondary{
  background:#e7f8ff!important;
  background-color:#e7f8ff!important;
  color:#14506a!important;
  border:1px solid #8bc9dd!important;
  box-shadow:0 6px 14px rgba(72,151,181,.12)!important;
}
body .entry-content .nkg-btn:hover,
body .nkg-post .nkg-btn:hover,
body .nkg-actions .nkg-btn:hover,
body .nkg-card .nkg-btn:hover,
body .nkg-card-actions .nkg-btn:hover,
body .nkg-final-cta .nkg-btn:hover,
body .wp-block-button__link:hover,
body a.button:hover,
body button.button:hover,
body input[type="submit"].button:hover{
  background:var(--nkg-button-blue-hover)!important;
  background-color:var(--nkg-button-blue-hover)!important;
  color:#0f3d52!important;
  border-color:#4da6c4!important;
  filter:none!important;
}
/* nkg-light-blue-buttons-20260701-end */


/* nkg-light-blue-real-buttons-20260701-start */
body #navi .menu-header > .menu-item > a,
body .nkg-home-v2 .nkg-btn-v2,
body .nkg-home-v2 .nkg-btn-v2.sub,
body .nkg-home-v2 .nkg-guide-card p > a,
body .entry-content .nkg-button,
body .nkg-post .nkg-button,
body a.nkg-button{
  background:#bfeeff!important;
  background-color:#bfeeff!important;
  color:#12445a!important;
  border:1px solid #63b3cf!important;
  box-shadow:0 8px 18px rgba(72,151,181,.18)!important;
}
body #navi .menu-header > .menu-item.current-menu-item > a,
body #navi .menu-header > .menu-item > a:hover,
body .nkg-home-v2 .nkg-btn-v2:hover,
body .nkg-home-v2 .nkg-guide-card p > a:hover,
body .entry-content .nkg-button:hover,
body .nkg-post .nkg-button:hover,
body a.nkg-button:hover{
  background:#a9e3f7!important;
  background-color:#a9e3f7!important;
  color:#0f3d52!important;
  border-color:#4da6c4!important;
}
body .nkg-home-v2 .nkg-btn-v2.sub,
body #navi .menu-header > .menu-item:not(.current-menu-item) > a{
  background:#e7f8ff!important;
  background-color:#e7f8ff!important;
  color:#14506a!important;
  border-color:#8bc9dd!important;
}
/* nkg-light-blue-real-buttons-20260701-end */