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


/* ===== スマホ下部 予約ボタン ここから ===== */
.hk-cta-bar{display:flex !important;width:100%}
.hk-cta-bar a{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 4px;height:56px;font-size:16px;font-weight:700;color:#fff !important;text-decoration:none;white-space:nowrap}
.hk-cta-tel{background:#2E8C7A}
.hk-cta-form{background:#E08A2E}
@media screen and (max-width: 1023px){
  .mobile-footer-menu-buttons{display:none !important}
  body .footer-widgets-mobile{display:block !important;position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:56px !important;overflow:hidden !important;z-index:9999 !important;margin:0 !important;padding:0 !important;border:0 !important;box-shadow:0 -2px 8px rgba(0,0,0,.2)}
  body .footer-widgets-mobile .widget{margin:0 !important;padding:0 !important;border:0 !important}
  body .footer-widgets-mobile .widget-footer-mobile-title{display:none !important}
  body{padding-bottom:60px !important}
}
@media screen and (min-width: 1024px){
  body .footer-widgets-mobile{display:none !important}
}
/* ===== スマホ下部 予約ボタン ここまで ===== */


/* ===== スマホ ヘッダー高さ調整 ここから ===== */
/* hk-header-h */
@media screen and (max-width: 834px){
  body .header-container,
  body .header-container-in,
  body .header-container-in > .header{
    height: 62vh !important;
    min-height: 0 !important;
    max-height: 480px !important;
  }
  body .header-container-in > .header{
    background-size: cover !important;
    background-position: center !important;
  }
}
/* ===== スマホ ヘッダー高さ調整 ここまで ===== */


/* ===== 開閉ブロック（症状一覧など）を押せる見た目に ここから ===== */
/* hk-details */
.entry-content .wp-block-details{
  border:1px solid #cfe3dd;
  border-radius:6px;
  background:#f7fbfa;
  margin:1.2em 0;
  overflow:hidden;
}
.entry-content .wp-block-details > summary{
  cursor:pointer;
  list-style:none;
  padding:14px 44px 14px 16px;
  font-size:16px;
  font-weight:700;
  color:#2E8C7A;
  background:#eef7f5;
  position:relative;
  user-select:none;
}
.entry-content .wp-block-details > summary::-webkit-details-marker{display:none}
.entry-content .wp-block-details > summary::after{
  content:"\25BC";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:12px;
  transition:transform .2s;
}
.entry-content .wp-block-details[open] > summary::after{
  transform:translateY(-50%) rotate(180deg);
}
.entry-content .wp-block-details[open] > summary{
  border-bottom:1px solid #cfe3dd;
}
.entry-content .wp-block-details > *:not(summary){
  padding:4px 16px;
}
/* ===== 開閉ブロック ここまで ===== */