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

/************************************
** リンクの下線を消す、但しホバー時のみ表示
************************************/
a{
text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/************************************
** ヘッダー追加領域カスタマイズ
************************************/
.header-in {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.header-in:after {
  content: none;
}

.logo-text {
  padding: 10px 0;
}

.my-header {
  padding-right:70px;
  align-items: center;
  display: flex;
  gap: 10px;
}

.my-box > div {
  font-size: 14px;
  text-align:center;
}

.my-box .my-phone,
.my-box .my-phone a {
  color: #333;
  font-size: clamp(16px, 2vw, 25px);
  font-weight: bold;
  text-decoration: none;
}

html .my-header .btn-wrap {
  margin-bottom: 0;
  margin-left:20px;
}

.my-header .btn-wrap a {
  font-size: clamp(10px, 2vw, 18px);
  background-color:#6D5D63;
  border-radius:30px;
}

.my-hour{
	padding-bottom:5px;
}

/* スマホではヘッダー追加領域非表示 */
@media screen and (max-width:767px) {
    #header-container {
        display:none !important;
    }
}

/* PCでは電話番号リンクなしに */
@media (width > 768px) {
  a[href*="tel:"] {
    pointer-events: none;
	cursor: default;
  }
}


/*******************************************
 モバイルフッター電話とお問い合わせのバナー
*******************************************/
div.smpfix {
	display: flex;
    justify-content: center;
    position: fixed;
    bottom: 0;
}
.smpfix img {
	width: 100%; /* 画像が２つ並ぶように設定 */
    height: auto;

}
/*スマホよりも大きい端末で閲覧中は非表示*/
@media screen and (min-width:769px) {
div.smpfix {
display:none;
}
}

/*******************************************
 固定ページ見出しカスタマイズ
*******************************************/
.article h2 {
  font-size : 21px;
  border-left: solid 15px #ffb6bb;
}

.article h3 {
 font-size : 20px;
 border-color : transparent;
}
 
h3{
  position: relative;
  padding: 0.25em 0;
 }

h3:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(255,182,187), transparent);
  background: linear-gradient(to right, rgb(255,182,187), transparent);
}