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

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


/* ========================
   サイト共通・全体配色・リンク
   ======================== */

/* その他配色変更 */
.eye-catch .cat-label,
.cat-label,
.footer,
.article h2::after,
.under-entry-content h2 { /*フッタ、h2背景色、アイキャッチ背景変更*/ 
  background-color: #6c2735;
}

.sns-share-buttons a:hover,
.cat-link:hover, .tag-link:hover,
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.tagcloud a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.pagination a:hover,
.pagination-next-link:hover,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.breadcrumb a:hover,
.bp-login-widget-register-link a:hover { /*マウスオーバー背景色*/
  opacity: 1;
  color: #000;
  background-color: #ccc;
  transition: 0s;
}


/* ========================
   ヘッダー・ナビゲーション・モバイルメニュー
   ======================== */

/* ヘッダーとメインメニュー、モバイルメニュー */
.logo { /*ヘッダー:ロゴを左端へ*/
  text-align: left;
}

.header-container-in.hlt-top-menu .logo-header { /*ヘッダー:ロゴ設置箇所上下調整*/
  max-height: 80px;
}

div.header-container-in.hlt-top-menu .logo-header img { /*ヘッダー:ロゴサイズ調整*/
  max-height: 80px;
  width: 292px;
  max-width: 100%;
  height: auto;
}

.menu-header { /*メインメインメニュー:高さ*/
  height: 40px;
}

#navi .navi-in > ul > li > a { /*メニュー:間隔*/
  padding: 0 1.0em;
}

.navi-in a { /*メインメニュー:フォントウェイト*/
  font-weight: 500; 
}

nav a:not([href]) { /*メインメニュー:空メニューでのマウスポインタ修正*/
  cursor: pointer;
}

#navi .navi-in a:hover { /*メインメニュ:のマウスオーバー背景色*/
  background-color: #ccc;
  color: #000;
}

.mobile-menu-buttons,
.navi-menu-close-button { /*モバイルメニュー:背景色変更*/ 
  color: #fff;
  background-color: #6c2735;
}

.mobile-menu-buttons .menu-button > a { /*モバイルメニュー:フォント変更*/
  color: #fff;
}

/*ヘッダーサイズ調整*/
.header-container-in.hlt-top-menu .logo-header {
  max-height: 90px;
}
.header-container-in.hlt-top-menu .logo-header .site-name {
  margin: 5px;
}

/*メインメニューの文字*/
.item-label {
  font-size: 16px !important; /*文字サイズ*/
  /*font-weight: bold !important; 文字太さ*/
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
}

/*メインメニュー*/
#navi .navi-in > ul li {
  height: 30px; /*高さ*/
  line-height: 30px; /*高さ*/
  margin: 7px 0px 7px 0px !important; /*上下余白*/
}
#navi .navi-in > ul li a {
  color: #333132; /*文字色*/
}

/*サブメニュー*/
.navi .sub-menu {
  padding-top: 0px !important; /*上余白*/
  background-color: rgba(255, 255, 255, 0.9) !important; /*背景色・透過*/
}
.navi-in > ul .sub-menu li {
  margin: 10px 0px 10px 0px !important; /*余白*/
  padding: 0px 0px 0px 0px !important; /*余白*/
  height: 35px !important; /*高さ*/
}
.navi-in > ul .sub-menu li a {
  color: #333132 !important; /*文字色*/
  margin: 0px 0px 25px 0px !important; /*サブメニューの上下位置*/
}

/* ========================
   見出しデザイン
   ======================== */

/* 見出しのデザイン設定 */
h1,
h1.entry-title,
h1#archive-title.archive-title { /* H1 */
  font-family: 'Noto Sans JP', sans-serif;
  color: #000; /* 文字色 */
  font-size: 1.5em; /* 文字サイズ */
  padding: 10px;
  border-top: solid 3px #A88086; /* 上側に実線・色 */
  border-bottom: solid 3px #A88086; /* 下側に実線・色*/
}

.entry-content h2 { /* H2 */
  font-family: 'Noto Sans JP', sans-serif;
  color: #fff; /* 文字色 */
  background-color: #6c2735; /* 背景色 */
  font-size: 1.5em; /* 文字サイズ */
  padding: 10px;
  border-top: 0px;
  border-bottom: 0px;
}

.entry-content h3 { /* H3 */
  font-family: 'Noto Sans JP', sans-serif;
  color: #000; /* 文字色 */
  font-size: 1.5em; /* 文字サイズ */
  padding: 10px;
  border-left: 8px solid #6c2735; /* 現状優先されていた8pxに統一 */
}

.entry-content h4 { /* H4 */
  font-family: 'Noto Sans JP', sans-serif;
  color: #000; /* 文字色 */
  font-size: 1.4em; /* 文字サイズ */
  padding: 10px;
  border-top: solid 0px; /* 上側実線なし*/
  border-bottom: solid 3px #A88086; /* 下側に実線・色*/
}

.entry-content h5 { /* H5 */
  font-family: 'Noto Sans JP', sans-serif;
  color: #000; /* 文字色 */
  font-size: 1.2em; /* 文字サイズ */
  padding: 10px;
  border-bottom: dotted 3px #A88086; /* 下側に点線・色*/
}

.entry-content h6 { /* H6 */
  font-family: 'Noto Sans JP', sans-serif;
  color: #000; /* 文字色 */
  font-size: 1.2em; /* 文字サイズ */
  padding: 5px;
  border-left: solid 7px #6c2735; /* 左側に実線・色*/
}

.related-entry-main-heading.main-caption,
h2#comments.comment-title { /*関連記事、コメント見出し:フォントサイズ調整*/
  color: #fff;
  font-size: 24px;
  font-weight: normal;
}


/* ========================
   記事本文・一覧・メタ情報
   ======================== */

/* その他:デザイン変更 */
.entry-card-title,
.related-entry-card-title { /*投稿一覧タイトルに下線*/
  border-bottom: 1px solid #ddd;
}

.home.page .entry-title,
.home.page header.article-header.entry-header { /* フロント固定ページのタイトルを非表示 */
  display: none;
}
/* .page .entry-title{
  display: none;
}*/

.post-date,
.post-update,
.entry-category { /* 日付、カテゴリ表示調整 */
  font-size: 0.8em;
}

/* 記事一覧表示 */
.entry-content {
  margin-top: 0em;
  margin-bottom: 3em;
}

/*サムネイル抑制*/
.entry-card-thumb {
  display: none;
}
.widget-entry-card-thumb,
.related-entry-card-thumb {
  display: none;
}

.entry-card-content {
  padding-bottom: 0.25em;
}

.no-thumbnail .widget-entry-cards div.widget-entry-card-content { /*新着記事タイトルの上下位置をセンターに*/
  font-size: 16px;
  /* margin-top: 0.3em; */
  margin-bottom: 0.3em;
}


/* ========================
   サイドバー・ウィジェット
   ======================== */

/* サイドバーのデザイン設定 */
.sidebar h3 { /*サイドバーh3：フォント色、背景色変更*/ 
  font-family: 'Noto Sans JP', sans-serif;
  color: #fff;
  background-color: #6c2735;
}

.no-thumbnail .widget-entry-cards div.widget-entry-card-content { /*新着記事タイトルの上下位置をセンターに*/
  font-size: 16px; /* 追加CSS側の指定に合わせて16pxに統一 */
  /* margin-top: 0.3em;*/
  margin-bottom: 0.3em;
}

/* ========================
   ボタン・CTA
   ======================== */

/*ボタンサイズ縮小・色変化アニメーション*/
.wp-block-button__link {
  padding-top: calc(0.5em + 2px);
  padding-right: calc(1em + 2px);
  padding-bottom: calc(0.5em + 2px);
  padding-left: calc(1em + 2px);
  transition: background-color 0.3s ease, color 0.3s ease; /* スムーズな色の変化 */
}

.wp-block-button__link.has-purple-background-color.has-background {
  background-color: #a46497;
} /* パープル */

#custom_html-2 .wp-block-button__link:hover {
  background-color: #e2e3e5 !important; /* ホバー時の背景色  */
  color: #666264 !important; /*ホバー時の文字色  */
}

.home .wp-block-button__link:hover {
  background-color: #E7EEFA !important; /* ホバー時の背景色  */
}

.front_insta .wp-block-button__link:hover {
  background-color: #F0DFE7 !important; /* ホバー時の背景色  */
}

/* ========================
   ボタン・カラークラス
   ======================== */

.btn-purple { background-color: #a46497; } /* パープル */
.has-purple-background-color { background-color: #a46497; } /* パープル */


/* ========================
   フォーム共通スタイル
   ======================== */

/************************************
** 入力フォーム（Form）
************************************/
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type='submit'],
select {
  width: auto;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  /************************************
  ** 入力フォーム（Form）
  ************************************/
  input[type="text"],
  input[type="url"],
  input[type="password"],
  input[type="email"],
  input[type="search"],
  input[type="tel"],
  input[type='submit'],
  select {
    width: 100%;
  }
}


/* ========================
   プラグイン：Contact Form 7 / zipaddr-jp
   ======================== */

/* コンタクトフォーム */
.wpcf7c-conf { /*コンタクトフォームボタン修正*/
  background-color: #f0f0f0;
  color: black;
  border: 1px solid #333333;
}

input.wpcf7-confirm,
input.wpcf7-submit { /*コンタクトフォーム確認ボタン*/
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 5px;
  text-decoration: none;
  color: #1e50a2;
  border: solid 2px #1e50a2;
  font-size: 1em;
}

input.wpcf7-confirm:hover,
input.wpcf7-submit:hover { /*コンタクトフォームボタン修正*/
  background: #1e50a2;
  color: white;
}

input.wpcf7c-btn-back {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 5px;
  text-decoration: none;
  color: #6c2735;
  border: solid 2px #BDBDBD;
  font-size: 1em;
}

/* zipaddr-jp */
.wpcf7 input[name="zip"] { /* 郵便番号 */
  width: 8em;
}


/* ========================
   プラグイン：bbPress
   ======================== */

/* プラグイン */
/* bbpress */
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { /*フォーラムテキストエリアのフォントサイズ*/
  font-size: 14px; /* 追加CSS側の指定に合わせて14pxに統一 */
}


/* ========================
   プラグイン：Event Organiser / FullCalendar
   ======================== */

/* Event Organiser */
ul.eo-events.eo-events-widget { /*イベントウィジェットの位置・形式調整*/
  padding-left: 5px; /* 05pxから5pxに修正 */
  list-style-type: none;
}

body.single-event ul.eo-event-meta { /*イベント詳細の住所欄等拡大*/
  width: 100%;
  float: left;
}

/* カレンダーの曜日文字色調整（過剰なネストセレクタを簡略化） */
.eo-fullcalendar thead .fc-sun { /*日曜日の色を変える*/
  color: #7f1311;
}

.eo-fullcalendar thead .fc-sat { /*土曜日の色を変える*/
  color: #356e88;
}