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

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

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

/* WooCommerce 商品一覧の画像位置を中央寄せ */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  display: flex;
  flex-direction: column;
  align-items: center;   /* 左右中央 */
}

/* 画像まわりの余白を均等にする */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link img {
  display: block;
  margin: 20px auto;     /* 上下とも20pxの余白 → 必要に応じて調整 */
  max-height: 220px;     /* 画像の高さをそろえたい場合はここも調整 */
  width: auto;
}

/* WooCommerce 商品一覧：ボタンを中央寄せ */
.woocommerce ul.products li.product .button {
    display: block;
    margin: 0 auto;       /* 横方向の中央寄せ */
    text-align: center;
}

/* ボタン幅の調整（必要に応じて）*/
.woocommerce ul.products li.product .button {
    width: 140px;         /* お好みで数値変更 */
}

/* WooCommerce 商品一覧：商品名を中央寄せ */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    text-align: center;
    margin-top: 10px;   /* 必要に応じて余白調整 */
}

/* サイト全体：関連記事を非表示 */
.related-entry,
.related-list,
.related-entry-card,
.related-entries {
    display: none !important;
}

/* メンバーオンリーデザイン */
.members-only-notice {
    padding: 0.75em 1em;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f9f9f9;
    font-size: 0.9em;
    line-height: 1.6;
}

.members-only-notice a {
    text-decoration: underline;
}

.members-only-price {
    font-size: 0.9em;
    font-weight: 600;
    padding: 0.2em 0.6em;
    border-radius: 999px;
    border: 1px solid #3a7f5a;
}

/* 段落（p）の左右に1remのパディングを追加 */
.entry-content p {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* 日付を全ページ非表示 */
.post-date,
.updated,
time.published,
time.entry-date,
.entry-meta .date {
  display: none !important;
}

.date,
.time {
  display: none !important;
}

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

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

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