@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;
}

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;
}

.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: 5px 0px 0px 0px !important; /*上下余白*/
}
#navi .navi-in > ul li a {
  color: #333132; /*文字色*/
}

#navi .navi-in a:hover {
  background-color: #ccc !important;
  color: #000 !important;
}

/*サブメニュー*/
.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;
}



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

/* サイドバーのデザイン設定 */
.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;
}
#sidebar {
  font-family: 'Noto Sans JP', sans-serif !important;
}

/* サイドバー行事案内の日付部分の色やサイズを変更する（li全体に適用） */
#sidebar .widget ul li {
  color: #444444;       /* 日付の文字色（例：グレー） */
  font-size: 0.85rem;   /* 日付の文字サイズを少し小さくする */
  line-height: 1.6;     /* 行間の調整 */
  margin-bottom: 3px;
  padding-top: 3px !important;       /* ブロック内の上の余白 */
  padding-bottom: 12px !important;   /* ブロック内の下の余白 */
  display: block !important;
  border-bottom: 1px solid #dddddd; /* 区切り線の太さ・種類・色 */
  list-style-type: none;           /* 行頭の「・」を消す */
  margin-left: 0;                   /* 左側の余白をリセット */
}
/* 一番下の項目だけは線を消してスッキリさせる */
#sidebar .widget ul li:last-child {
  border-bottom: none;
}
/* リンク部分（講座名など）のスタイルを維持・指定する */
#sidebar .widget ul li a {
  color: #333132 !important; /*文字色*/
  font-size: 14px !important; /*文字サイズ*/
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: 600 !important;
  text-decoration: none; /* リンクの下線を表示（不要なら none） */
  display: block;    /* リンクを独立したブロックにする */
  margin-bottom: 6px;
}
#sidebar .widget a:hover {
  text-decoration: underline;
}

.info-list-item {
  padding-top: 0px;
  padding-bottom: 17px;
  margin-top: 0px;
  margin-left: 0;                   /* 左側の余白をリセット */
}

#sidebar .info-list-item-content-link {
  font-size: 15px !important; /*文字サイズ*/
  font-weight: 600 !important;
}

#sidebar .card-title-bold .card-title {
  font-size: 16px !important; /*文字サイズ*/
}

/*Q&Aサイドバーの行間*/
#sidebar .is-style-frame-border {
  line-height: 1.4 !important;
}


/* ========================
   ボタン・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; /* スムーズな色の変化 */
}

.btn-purple,
.has-purple-background-color,
.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; /* ホバー時の背景色  */
}

/*Q&Aトップにもどるボタン*/
.custom-cta-btn {
  text-decoration: none;
  display: inline-block;
  margin-right: 5px;
  padding: 2px 6px;
  font-size: 12px;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid var(--cocoon-x-pallid-text-color);
  border-radius: var(--cocoon-badge-border-radius);
  white-space: nowrap;
}
.custom-cta-btn:hover {
  background-color: #CCCCCC;
}




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

/************************************
** 入力フォーム（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;
}


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

/* 注文画面・フォーム内テキストエリアの高さ調整 */
.woocommerce-checkout form textarea#order_comments {
  height: 37em; 
}
.woocommerce form .form-row textarea {
  height: 39em;
}
.woocommerce .add_note #add_order_note {
  height: 15em;
}

/* 商品一覧ページネーション */
.woocommerce nav.woocommerce-pagination ul {
  width: auto;
  font-size: 1.25em;
  font-weight: 500;
}

/* .theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product {
  flex: 1 0 25%;
  max-width: 24%;
}*/

/* 商品詳細ページのタイトル・価格表示 */
.woocommerce div.product .product_title {
  padding: 10px;
  margin: 0px 0px 30px 0px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #77a464;
  font-size: 1.5em;
}

/* SKU・商品メタ情報の非表示 */
.sku_wrapper {
  display: none;
}
.product_meta {
  display: none !important;
}

/* カート・チェックアウトボタン */
a.button.wc-forward.wp-element-button {
  color: #ffffff;
  background-color: #a46497;
}

/* 「ショッピングを続ける」ボタン */
a.button.wc-backward {
  display: none;
}

/* 紹介者フィールドの非表示 */
p#recommender_field.form-row,
p#recommender_email_field.form-row {
  display: none;
}


/* ========================
   プラグイン：WP-Members
   ======================== */

/* 登録フォームの入力フィールド幅 */
#wpmem_reg input[name="username"],
#wpmem_reg input[name="password"],
#wpmem_reg input[name="confirm_password"],
#wpmem_reg input[name="last_name"],
#wpmem_reg input[name="first_name"],
#wpmem_reg input[name="billing_postcode"],
#wpmem_reg input[name="billing_phone"],
#wpmem_reg input[name="recommender"] {
  width: auto;
}

/* 登録ボタンの左寄せ */
#wpmem_reg .button_div {
  text-align: left;
}


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

/* フォーラム・返信・トピックヘッダー */
div.bbp-forum-header,
div.bbp-reply-header,
div.bbp-topic-header {
  font-size: 1.2em;
}

/* 管理リンク・クローズ状態のフォントサイズ */
div#bbpress-forums span.bbp-admin-links a,
div#bbpress-forums .status-closed {
  font-size: 1em;
}

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


/* ========================
   プラグイン：Ultimate FAQ (UFAQ)
   ======================== */

/* FAQ内だけ投稿日を非表示 */
.tax-ufaq-tag .post-date,
.tax-ufaq-category .post-date,
.post-type-archive-ufaq .post-date {
  display: none !important;
}

/* FAQページタイトル消去 */
.ufaq h1.entry-title {
  display: none !important;
}

/* FAQ内パンくずリスト消去 */
.tax-ufaq-category div#breadcrumb.breadcrumb,
.ufaq-template-default div#breadcrumb.breadcrumb,
.tax-ufaq-tag div#breadcrumb.breadcrumb {
  display: none !important;
}

/* FAQ内で次項目消去 */
.ufaq .pager-post-navi.post-navi-square {
  display: none;
}

/* FAQカテゴリーの余白調整 */
.ewd-ufaq-faq-category {
  margin-top: 0.5em;
}

/* FAQカテゴリー・タグ一覧の非表示 */
.ewd-ufaq-faq-categories,
.ewd-ufaq-faq-tags {
  display: none !important;
}

/*FAQのスマホ用メニューをPCアクセス時消去*/
@media screen and (min-width: 768px) {
  .faq-cat-menu,
  .faq-tag-menu {
    display: none;
  }
}




/* ========================
   プラグイン：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;
}