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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

body {
  font-size: 16px !important;
}

/*grayish見出しデザインリセット*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	background-color:transparent;/*背景色を消す*/
	border:none;/*上下左右の枠線を消す*/
	padding:0;/*余白を消す*/
}
.article h2::before,
.article h3::before {
	border: none;/*上下左右の枠線を消す*/
}
.article h4::before {
	content: none;/*チェックマークを消す*/
}



/*見出し2*/
.article h2 {
    font-size: 18px;
	font-weight:normal;
    background-color: #fff; /* 背景色を白に */
    color: #000; /* 文字色を黒に */
    border-bottom: 2px solid #000; /* 下線を設定 */
    padding: 4px 20px; /* 文字と下線の間に余白を設定 */
    width: 90%;
    max-width: 800px;
    margin: 15px auto 30px; /* 下線の下の余白を30ピクセルに */
    text-align: center; /* テキストをセンターに */
    display: block; /* ブロック要素として中央配置 */
}

/*見出し3*/
.article h3 {
    font-size: 16px;
	font-weight:normal;
    background-color: #fff; /* 背景色を白に */
    color: #000; /* 文字色を黒に */
    border-bottom: 2px solid #000; /* 下線を設定 */
    padding: 4px 20px; /* 文字と下線の間に余白を設定 */
    width: 90%;
    max-width: 800px;
    margin: 15px auto 30px; /* 下線の下の余白を30ピクセルに */
    text-align: center; /* テキストをセンターに */
    display: block; /* ブロック要素として中央配置 */
}

.cstm-blk-fullwide {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
/* ========== circle & wave cover-blk-ver start ==========　*/
/* v1.0.3 add */
:where(.cstm-cover-path-lower-cir, .cstm-cover-path-upper-cir, .cstm-cover-path-lower-wave, .cstm-cover-path-upper-wave) {
  padding: 0 !important;
  min-height: unset !important;
}

:where(.svg-upper-cir, .svg-upper-wave) {
  transform: translateY(1px);
}

:where(.svg-lower-cir, .svg-lower-wave) {
  transform: translateY(-1px);
}

:where(.cstm-cover-path-lower-cir, .cstm-cover-path-upper-cir) svg {
  display: block;
  fill: currentColor;
  width: 100%;
  height: 6vmin;
}

:where(.cstm-cover-path-lower-wave, .cstm-cover-path-upper-wave) svg {
  display: block;
  fill: currentColor;
  width: 100%;
  height: 7vmin;
}

.cstm-cover-path-upper-cir,
.cstm-cover-path-upper-wave {
  margin-bottom: 0 !important;
}

/* .cstm-cover-path-upper-wave,.cstm-cover-path-lower-wave,
.cstm-cover-path-upper-cir, .cstm-cover-path-lower-cirの次のカバーブロック内の上の余白を半分に */
.cstm-cover-path-upper-wave+.wp-block-cover>.wp-block-cover__inner-container,
.cstm-cover-path-lower-wave+.wp-block-cover>.wp-block-cover__inner-container,
.cstm-cover-path-upper-cir+.wp-block-cover>.wp-block-cover__inner-container,
.cstm-cover-path-lower-cir+.wp-block-cover>.wp-block-cover__inner-container {
  padding-top: 3rem;
}

/* ========== circle & wave cover-blk-ver end ==========　*/

/* カバーブロック用：インナーブロックの中央寄せを追加 */
.cstm-blk-fullwide-inner {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}

/* PC時メインビジュアルの表示位置を調整したい場合は以下を変更する */
.skin-grayish.front-top-page .container .header-container .header {
	background-position: top center;
}	

/************************************
** ヘッダーのロゴ消す
************************************/
.skin-grayish .header-in .site-name-text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 64px;
    font-weight: 200;
    letter-spacing: .4rem;
    line-height: 1.5;
    width: 100%;
    scale: 1;
    transition: scale 0.3s, color 0.3s ease-in-out;
    display: none;
}

.skin-grayish .navi-in>ul>li.search-menu-button.menu-button {
    font-size: 16px;
    display: none;
}

.search-box {
    margin: 1em 0 2em;
    position: relative;
    display: none;
}

/*リンク下線なし*/
a{
text-decoration: none;
}

/*サーチなし*/
.skin-grayish .navi-in>ul>li.search-menu-button.menu-button {
    font-size: 16px;
    display: none;
}


/* レスポンシブデザイン用のメディアクエリの前表記 */
body {
  overflow-x: clip;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){

/* モバイル時に表示したい画像のURLを設定する */
 .skin-grayish.front-top-page .container .header-container .header {
 	background-image: url(https://nakatacho-dental.com/wp-content/uploads/2024/10/header-image-mobile-2024102301.jpg);
	background-position: center center;
 }	

}

/*フッターアイコンカラー*/
@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: #07314c;
    }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	--------------------
/*サイトフォントのサイズ変更*/
 body {
   font-size: 16px !important;
  }
--------------------
}

/*サーチなし*/
.skin-grayish .navi-in>ul>li.search-menu-button.menu-button {
    font-size: 16px;
    display: none;
}

	
}