@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){
  /*必要ならばここにコードを書く*/
}

/* ACF項目の外枠：横並びを解除し、縦に並べる */
.custom-acf-info {
    margin-top: 8px; /* タイトルとの距離 */
    display: block !important; /* 横並びの強制解除 */
}

/* 各項目を独立した一行のバッジにする */
.acf-label {
    display: inline-block; /* 文字幅に合わせたバッジ形式 */
    width: auto;           /* 幅を自動に */
    margin-bottom: 6px;    /* 項目ごとの上下の間隔 */
    font-size: 13px;       /* 可読性を高めるために少し拡大 */
    background: #f8f9fa;   /* 清潔感のある背景色 */
    padding: 3px 10px;
    border-radius: 2px;    /* 角を少し残したシャープな印象 */
    border: 1px solid #ddd;
    color: #444;
    clear: both;           /* 周囲の回り込みを防止 */
}

/* 最後の項目だけ下の余白を消す */
.acf-label:last-child {
    margin-bottom: 0;
}



figure.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    position: relative; /* 位置を画像内（absolute）から外（relative）に変更 */
    background: none; /* 下のぼかし（背景色）を消す */
    color: #000; /* 文字色を黒に */
    margin-top: 0.5em; /* 画像との間隔を空ける */
    font-size: 14px; /* フォントサイズ */
}