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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*---------------------------------
複数の固定ページの日付を非表示にしたいとき
--------------------------------*/
.post-3091 .date-tags,
.post-4841 .date-tags,
.post-4704 .date-tags {display: none;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
body.home {
	background-color:#cfbdac;
}
  background-position: center; /* 中央寄せ */
}

/*特定のページでヘッダー画像をなくしたい（まとめ編）*/
.single .header,
.page-id-2 .header {
background-image: none;
}
.page-id-2 .logo {
background: url(https://www.kuori-interiordesign.com/wp-content/uploads/2024/05/98201d4ffb11710d5a1dc608e27744ac.jpg) no-repeat;
background-size: contain;
background-position: center;
}

/************************************
** サイトタイトル非表示
************************************/

.site-name-text{
display: none;
}

/*ヘッダーレイアウトがトップメニューのとき*/
.header-container-in.hlt-top-menu .site-name-text{
display: none;
}

/*ヘッダーレイアウトがトップメニュー（小）のとき*/
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
display: none;
}

/*端末幅が768px以下のとき*/
@media screen and (max-width: 768px){
#header .site-name-text{
display: none;
}
}

/*端末幅が480px以下のとき*/
@media screen and (max-width: 480px){
#header .site-name-text{
display: none;
}
}
.single .header {
    background-image: url(https://www.kuori-interiordesign.com/wp-content/uploads/2024/05/98201d4ffb11710d5a1dc608e27744ac.jpg) !important;
}
body.blog header#header.header {
  background: none !important;
  background-image: url("https://www.kuori-interiordesign.com/wp-content/uploads/2024/05/98201d4ffb11710d5a1dc608e27744ac.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}
.wp-block-button__link:hover {
    color: #bfb6ae; /* ホバー時のテキスト色 */
    background-color: #ffffff; /* ホバー時の背景色（白） */
}
/*特定のページでヘッダー画像をなくしたい（ポートフォリオ）*/
.page-id-4704 #header-container,
.page-id-4704 #header-container-in,
.page-id-4704 .header-container,
.page-id-4704 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-4704 #header{
    margin: 0 !important;
}
/*特定のページでヘッダー背景画像を専用イメージ画像へ変更（インテリア講座）*/
.page-id-7336 .header{
    background-image: url(https://www.kuori-interiordesign.com/wp-content/uploads/2026/07/2f140605687d0ee7bfae35692a0a7605.jpg) !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*特定のページでヘッダー背景画像を専用イメージ画像へ変更（レクチャー）*/
.page-id-8119 .header{
    background-image: url(https://www.kuori-interiordesign.com/wp-content/uploads/2026/07/98f5216d4b90f531dd908aa4840f53cc.jpg
) !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*特定のページでヘッダー背景画像を専用イメージ画像へ変更（サービスメニュー）*/
.page-id-8073 .header{
    background-image: url(https://www.kuori-interiordesign.com/wp-content/uploads/2026/08/394930a81bd79d0da1bc702f96379ca8.jpg
) !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*特定のページでヘッダー背景画像を専用イメージ画像へ変更（新築）*/
.page-id-8113 .header{
    background-image: url(https://www.kuori-interiordesign.com/wp-content/uploads/2026/07/2cb98268715b281cf443bfb6cecc5143.jpg
) !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*特定のページでヘッダー背景画像を専用イメージ画像へ変更（リフォームリノベーション）*/
.page-id-8115 .header{
    background-image: url(https://www.kuori-interiordesign.com/wp-content/uploads/2026/07/4bd579dc740ae7420a69980e96c37b09-1.jpg
) !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*特定のページでヘッダー背景画像を専用イメージ画像へ変更（オンラインカウンセリング）*/
.page-id-8117 .header{
    background-image: url(https://www.kuori-interiordesign.com/wp-content/uploads/2026/07/5a6747697067974d0f1ee983ac7bc42e.jpg
) !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*特定のページでヘッダー背景画像を非表示（プロフィール）*/
.page-id-4846 #header-container,
.page-id-4846 #header-container-in,
.page-id-4846 .header-container,
.page-id-4846 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-4846 #header{
    margin: 0 !important;
}

/*特定のページでヘッダー背景画像を非表示（ストーリー）*/
.page-id-4855 #header-container,
.page-id-4855 #header-container-in,
.page-id-4855 .header-container,
.page-id-4855 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-4855 #header{
    margin: 0 !important;
}

/*特定のページでヘッダー背景画像を非表示（無料個別相談コンタクト）*/
.page-id-73 #header-container,
.page-id-73 #header-container-in,
.page-id-73 .header-container,
.page-id-73 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-73 #header{
    margin: 0 !important;
}

/*特定のページでヘッダー背景画像を非表示（レビュー）*/
.page-id-8617 #header-container,
.page-id-8617 #header-container-in,
.page-id-8617 .header-container,
.page-id-8617 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-8617 #header{
    margin: 0 !important;
}

/*特定のページでヘッダー背景画像を非表示（プライバシーポリシー）*/
.page-id-3 #header-container,
.page-id-3 #header-container-in,
.page-id-3 .header-container,
.page-id-3 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-3 #header{
    margin: 0 !important;
}

/*特定のページでヘッダー背景画像を非表示（利用規約）*/
.page-id-6532 #header-container,
.page-id-6532 #header-container-in,
.page-id-6532 .header-container,
.page-id-6532 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-6532 #header{
    margin: 0 !important;
}

/*特定のページでヘッダー背景画像を非表示（免責事項）*/
.page-id-6535 #header-container,
.page-id-6535 #header-container-in,
.page-id-6535 .header-container,
.page-id-6535 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-6535 #header{
    margin: 0 !important;
}

/*特定のページでヘッダー背景画像を非表示（特定商取引法に基づく表記）*/
.page-id-6524 #header-container,
.page-id-6524 #header-container-in,
.page-id-6524 .header-container,
.page-id-6524 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-6524 #header{
    margin: 0 !important;
}

/*特定のページでヘッダー背景画像を非表示（予約カレンダー）*/
.page-id-6080 #header-container,
.page-id-6080 #header-container-in,
.page-id-6080 .header-container,
.page-id-6080 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-6080 #header{
    margin: 0 !important;
}

/*特定のページでヘッダー背景画像を非表示（予約完了後表示）*/
.page-id-5757 #header-container,
.page-id-5757 #header-container-in,
.page-id-5757 .header-container,
.page-id-5757 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-5757 #header{
    margin: 0 !important;
}
/*特定のページでヘッダー背景画像を非表示（サービス）*/
.page-id-4771 #header-container,
.page-id-4771 #header-container-in,
.page-id-4771 .header-container,
.page-id-4771 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-4771 #header{
    margin: 0 !important;
}
/*特定のページでヘッダー背景画像を非表示（トータル）*/
.page-id-4745 #header-container,
.page-id-4745 #header-container-in,
.page-id-4745 .header-container,
.page-id-4745 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-4745 #header{
    margin: 0 !important;
}
/*特定のページでヘッダー背景画像を非表示（ポイント）*/
.page-id-4783 #header-container,
.page-id-4783 #header-container-in,
.page-id-4783 .header-container,
.page-id-4783 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-4783 #header{
    margin: 0 !important;
}
/*特定のページでヘッダー背景画像を非表示（カウンセリング）*/
.page-id-5396 #header-container,
.page-id-5396 #header-container-in,
.page-id-5396 .header-container,
.page-id-5396 .header{
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}
.page-id-5396 #header{
    margin: 0 !important;
}