@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){
  /*必要ならばここにコードを書く*/
}
/* ナビ下ゴールドライン */
#header {
  border-bottom: 2px solid #f5c842;
}

/* 見出しh2 ゴールドアンダーライン */
.entry-content h2 {
  border-bottom: 3px solid #f5c842;
  padding-bottom: 6px;
  font-weight: 400;
}

/* 見出しh3 ゴールド左ライン */
.entry-content h3 {
  border-left: 4px solid #c8980a;
  padding-left: 10px;
  font-weight: 400;
}

/* フッター背景色 */
#footer {
  background: #2a2a1e !important;
  color: #888870 !important;
}

/* フッターリンク色 */
#footer a {
  color: #c8980a;
}

/* Contact Form 7 行間調整 */
.wpcf7-form p {
  margin-top: 0 !important;
  margin-bottom: 0.25rem !important;
  padding: 0 !important;
}
.wpcf7-form br {
  display: none !important;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form select,
.wpcf7-form textarea {
  margin-top: 0.1rem !important;
  margin-bottom: 0 !important;
  padding: 6px 10px !important;
}
.wpcf7-form textarea {
  height: 120px !important;
}
/* お問合せフォーム テーブルスタイル */
.nada-form-table {
  width: 100%;
  border-collapse: collapse;
}
.nada-form-table tr {
  border-bottom: 1px solid #e8d49a;
}
.nada-form-table th {
  background: #f5f5f5;
  padding: 10px 14px;
  width: 160px;
  font-size: 13px;
  font-weight: 500;
  vertical-align: middle;
  white-space: nowrap;
}
.nada-form-table td {
  padding: 8px 10px;
}
.nada-form-table input[type="text"],
.nada-form-table input[type="email"],
.nada-form-table select {
  width: 100%;
  padding: 6px 10px;
  font-size: 13px;
}
.nada-form-table textarea {
  width: 100%;
  height: 120px;
  padding: 6px 10px;
  font-size: 13px;
}
/* 必須バッジ */
.wpcf7 .req,
.nada-form-table .req {
  display: inline-block !important;
  background: #e74c3c !important;
  color: #fff !important;
  font-size: 10px !important;
  padding: 1px 6px !important;
  border-radius: 3px !important;
  margin-left: 4px !important;
  vertical-align: middle !important;
}
/* WooCommerce ショップページ デザイン整備 */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  background: none !important;
  color: #3a2800 !important;
  font-family: 'Noto Serif JP', serif !important;
  font-size: 13px !important;
  padding: 8px 4px 4px !important;
}
.woocommerce ul.products li.product {
  background: #fff !important;
  border: 0.5px solid #e8d49a !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  padding: 0 0 10px !important;
}
.woocommerce ul.products li.product .price {
  color: #8a6a1c !important;
  font-weight: 700 !important;
  padding: 0 8px !important;
}
.woocommerce ul.products li.product .button {
  background: #c9a84c !important;
  color: #fff !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  padding: 6px 14px !important;
  margin: 6px 8px 0 !important;
  border: none !important;
}
.woocommerce ul.products li.product .button:hover {
  background: #b8933a !important;
}
.woocommerce nav.woocommerce-pagination {
  display: block !important;
  text-align: center !important;
  margin: 1.5rem 0 !important;
}
.woocommerce nav.woocommerce-pagination ul,
body .woocommerce nav.woocommerce-pagination ul {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  list-style: none !important;
  padding: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  display: inline-block !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  border: 0.5px solid #e8d49a !important;
  color: #8a6a1c !important;
  text-decoration: none !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #c9a84c !important;
  color: #fff !important;
  border-color: #c9a84c !important;
}