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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.article h2 {
    margin: 2em 0;
}
.article h4 {
    margin: 2em 0 0;
}
.article h5 {
    margin: 0.5em 0;
}
/* 日時エリア非表示 */
.skin-grayish .article-header .date-tags {
    display:none;
}

/* アピールエリア */
.skin-grayish .appeal-title {
    font-size: 1.2em;
    font-weight: bold;
	color:#003f98;
}
.appeal-content
 {
    border-radius: 9px !important;
}
.appeal-button {
    border-radius: 6px !important;
}
/* ドロップダウンメニュー文字色 */
.navi-in a,
.navi-in .search-menu-icon span::before,
.skin-grayish .grayish-btn{
   color:#fff !important;
}
/* ドロップダウンメニュー背景色 */
.skin-grayish .navi-in>ul>li>.sub-menu {
    background-color: #5791DF !important;
	width: 270px !important;
	min-width: 270px !important;
}
/* ドロップダウンメニュー幅 */
.skin-grayish .navi-in>ul>li>.sub-menu>li>a>.caption-wrap {
    max-width: 260px !important;
}
/* フッター背景色 */
.skin-grayish .footer {
    background-color:#76AFF6 !important;
}

.skin-grayish #notice-area {
    background-color: #FFF000 !important;
}

/*fontawesome赤色*/
.awesome_pink{color:#FF6699;}

/*fontawesome紺色*/
.awesome_kon{color:#003f98;}

/*テーブル（診療日カレンダー）*/
.table_design10 {
  border-collapse: collapse;
  min-width: 700px;
  font-weight: bold;
  text-align: center;
}
.table_design10 th, .table_design10 td {
  padding: .5em 1em;
  border: 2px solid #4d9bc1;
}
.table_design10 th {
  background: #4d9bc1;
  color: #fff;
  border-right: 2px solid #fff;
  border-top: 2px solid #4d9bc1;
}
.table_design10 th:last-of-type {
  border-right: 2px solid #4d9bc1;
}

/*テーブル（診療日カレンダー）*/
.table_design11 {
  border-collapse: collapse;
  min-width: 700px;
  font-weight: bold;
  text-align: center;
}
.table_design11 th, .table_design11 td {
  padding: .5em 1em;
}
.table_design11 th {
  border-top: 2px solid #4d9bc1;
  border-bottom: 2px solid #4d9bc1;
  color: #4d9bc1;
}
.fontsize{font-size:16px;}

.left{text-align:left !important;}
.center{text-align:center !important;;}
.right{text-align:right !important;;}
.pink{color:#FF8398;}
/************************************
** インターネット予約固定バナー
************************************/
.cta_yoyaku summary {
  cursor: pointer;
}
.cta_yoyaku details {
  padding: 10px 20px;
  position: fixed;
  right: 0; /* 固定する場所 */
  top: 50%; /* 固定する場所 */
  background: #E26B5D; /* 背景色 */
  color: #fff; /* 文字色 */
  z-index: 999;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    box-shadow: -3px 3px 5px #666;
}

.cta_yoyaku summary {
  text-align:center;
  list-style: none;
  position: relative;
  cursor: pointer;
  padding-right: 0em;
  font-size: 100%; /* 文字サイズ */
  font-weight: bold; /* 文字太さ */
}

.cta_yoyaku summary::-webkit-details-marker {
  display: none;
}

/* .cta_yoyaku summary::after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: transform 0.5s;
  font-size: 30px;
} */

/* .cta_yoyaku details[open] summary::after {
  transform: translateY(-50%) rotate(45deg);
} */

.cta_yoyaku_box {
  text-align: center;
}

.cta_yoyaku_link a {
  display: block;
  color: #E26B5D; /* リンク文字色 */
  background: #fff; /* リンク背景色 */
  padding: 0.2em;
  font-size: 90%; /* リンク文字サイズ */
  font-weight: bold;
  text-decoration: none;
  border-radius: 100vh; /* 角丸 */
  border: 3px double #E26B5D; /* 線の太さ　種類　色 */
  transition: 0.5s;
}

/* マウスオーバーした際のデザイン */
.cta_yoyaku_link a:hover {
    opacity: 0.5;
}


/* DL 横並び */
.flex_list {
 display: flex;
	margin:0.5em 0;
 }

.article dd {
    margin-left: 1.0em;
}


.floating-banner{display:none;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.mobile-footer-menu-buttons{
display:none;
}
/*インターネット予約固定バナーを消す*/	
.cta_yoyaku{display:none;}

/*モバイル用インターネット予約固定バナー表示*/	
.floating-banner{
  text-align:center;
  letter-spacing: 0em;
  font-size:18px;
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 0;
  margin-bottom: 0;
  width: 100%;
  right: 0;
  background-color: rgba(226, 107, 93, 0.8);
  padding: 20px 0;
  color:#fff;l
}

.floating-banner-link a {
  color: #E26B5D; /* リンク文字色 */
  background: #fff; /* リンク背景色 */
  padding: 0.5em;
  font-weight:bold;
  text-decoration: none;
  border-radius: 100vh; /* 角丸 */
  border: 3px double #E26B5D; /* 線の太さ　種類　色 */
  transition: 0.5s;
}

}

/************************************
** CSS改修（2025.06.09）
************************************/

/*732px以上*/
@media screen and (min-width: 732px){
.onlySP{display:none;}
a[href^="tel:"] {pointer-events: none;}
}

/*731px以下*/
@media screen and (max-width: 731px){
  /*必要ならばここにコードを書く*/
.onlyPC{display:none;}
.table-scroll { overflow-x: auto !important;}
	
.table_design11 {
  min-width: auto;
}

}

/*1023px以下*/
@media screen and (max-width: 1023px) {

/* モバイルメニューボタン */
.skin-grayish .mobile-menu-buttons .menu-button,
.skin-grayish .mobile-menu-buttons .menu-button>a,
.skin-grayish .sidebar-menu-content .sidebar-menu-close-button {  
  color: #fff;
    }
    .skin-grayish .navi-menu-content .menu-close-button {
  padding-left:0.5em;
  background:#003F98;
    }

/* Topへ戻るボタンモバイル用 */
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 5px;
  bottom: 80px;
  background-color: rgba(226, 107, 93, 0.8);
  border-radius: 50%;
  z-index:9999;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -20px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


h2.btn01,
h2.btn06,
h2.btn07 {
  padding: 0.5em 1.0em;
}

.skin-grayish .article h2
{
  padding: 0.5em 1.0em;
}

}

/************************************
** CSS追加（2025.07.24）
************************************/

.button-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin:  0;
  list-style: none;
  gap: 0.6em;
}
.btn-nagamaru {
  display: inline-block;
  padding: 0.4em 1.6em;
  font-size: 0.9rem;
  color: #fff;
  text-decoration: none;
  user-select: none;
  border-radius: 20px;
  transition: 0.4s ease;
}
.button-wrapper li {
  list-style: none;
  margin: 5px 0;
}
.btn-nagamaru:hover {
  filter: brightness(0.9);
  transform: scale(1.05);
}
.button-wrapper li:nth-child(1) .btn-nagamaru { background-color: #ff7fbf; }
.button-wrapper li:nth-child(2) .btn-nagamaru { background-color: #00cc66; }
.button-wrapper li:nth-child(3) .btn-nagamaru { background-color: #0099ff; }
.button-wrapper li:nth-child(4) .btn-nagamaru { background-color: #ffa500; }
.button-wrapper li:nth-child(5) .btn-nagamaru { background-color: #6495ed; }
.button-wrapper li:nth-child(6) .btn-nagamaru { background-color: #ff7f7f; }
.button-wrapper li:nth-child(7) .btn-nagamaru { background-color: #daa520; }
.button-wrapper li:nth-child(8) .btn-nagamaru { background-color: #3cb371; }
.button-wrapper li:nth-child(9) .btn-nagamaru { background-color: #7f7fff; }
.button-wrapper li:nth-child(10) .btn-nagamaru { background-color: #11CDE3; }
.button-wrapper li:nth-child(11) .btn-nagamaru { background-color: #FF9037; }

.article h3.btn02::before,
.article h3.btn03::before,
.article h3.btn04::before,
.article h3.btn05::before {
    border: none;
}

/*1番目*/
h2.btn01 {
  all: unset; /* ほぼすべてのスタイルをリセット */
  display: block; /* ← 追加 */
  font-weight: bold;
  font-size:22px;
  padding: 0.5em 1.0em;
  background-color: #ff7fbf;
  border-radius: 6px;
  color: #fff;
  position: relative;
  margin:0 0 30px;
}
h2.btn01:before {
  content: '';
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  left: 30px;
  top: 100%;
  border-color: transparent;
  border-top-color: #ff7fbf;
  border-right-color: #ff7fbf;
  border-width: 6.5px;
}
/*2番目*/
.article h3.btn02{
  display: block;
  padding: 0.7em 1.0em;
  margin: 0 0 20px;
  font-size: 18px; 
  font-weight: bold;
  color:#fff;
  border-radius: 6px;
  background-color: #ff7f7f;
}


/*3番目*/
.article h3.btn03{
  display: block;
  padding: 0.7em 1.0em;
  margin: 0 0 20px;
  font-size: 18px; 
  font-weight: bold;
  color:#fff;
  border-radius: 6px;
  background-color: #11CDE3;
}

/*4番目*/
.article h3.btn04{
  display: block;
  padding: 0.7em 1.0em;
  margin: 0 0 20px;
  font-size: 18px; 
  font-weight: bold;
  color:#fff;
  border-radius: 6px;
  background-color: #00cc66;
}

/*5番目*/
.article h3.btn05{
  display: block;
  padding: 0.7em 1.0em;
  margin: 0 0 20px;
  font-size: 18px; 
  font-weight: bold;
  color:#fff;
  border-radius: 6px;
  background-color: #daa520;
}

/*6番目*/
h2.btn06 {
  all: unset; /* ほぼすべてのスタイルをリセット */
  display: block; /* ← 追加 */
  font-weight: bold;
  font-size:22px;
  padding: 0.5em 1.0em;
  background-color: #FF9037;
  border-radius: 6px;
  color: #fff;
  position: relative;
  margin:0 0 30px;
}
h2.btn06:before {
  content: '';
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  left: 30px;
  top: 100%;
  border-color: transparent;
  border-top-color: #FF9037;
  border-right-color: #FF9037;
  border-width: 6.5px;
}

/*7番目*/
h2.btn07 {
  all: unset; /* ほぼすべてのスタイルをリセット */
  display: block; /* ← 追加 */
  font-weight: bold;
  font-size:22px;
  padding: 0.5em 1em;
  background-color: #0099ff;
  border-radius: 6px;
  color: #fff;
  position: relative;
  margin:0 0 30px;
}
h2.btn07:before {
  content: '';
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  left: 30px;
  top: 100%;
  border-color: transparent;
  border-top-color: #0099ff;
  border-right-color: #0099ff;
  border-width: 6.5px;
}
/*10番目*/
h2.btn10 {
  all: unset; /* ほぼすべてのスタイルをリセット */
  display: block; /* ← 追加 */
  font-weight: bold;
  font-size:22px;
  padding: 0.5em 1em;
  background-color: #7f7fff;
  border-radius: 6px;
  color: #fff;
  position: relative;
  margin:0 0 30px;
}
h2.btn10:before {
  content: '';
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  left: 30px;
  top: 100%;
  border-color: transparent;
  border-top-color: #7f7fff;
  border-right-color: #7f7fff;
  border-width: 6.5px;
}
/*11番目*/
h2.btn11 {
  all: unset; /* ほぼすべてのスタイルをリセット */
  display: block; /* ← 追加 */
  font-weight: bold;
  font-size:22px;
  padding: 0.5em 1em;
  background-color: #3cb371;
  border-radius: 6px;
  color: #fff;
  position: relative;
  margin:0 0 30px;
}
h2.btn11:before {
  content: '';
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  left: 30px;
  top: 100%;
  border-color: transparent;
  border-top-color: #3cb371;
  border-right-color: #3cb371;
  border-width: 6.5px;
}