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

/* --- 和めぐり 社寺個別ページ専用スタイル (最終確定版) --- */
/* ↓ body.single-shaji を先頭につけて、このページだけにCSSが効くように限定 */

/* アイキャッチ画像 */
body.single-shaji .shaji-featured-image {
    margin-bottom: 1.5em;
}
body.single-shaji .shaji-featured-image img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

/* 読み方（タイトルの下） */
body.single-shaji .shaji-reading {
    font-size: 1.1em;
    color: #555;
    margin-top: -1em;
}

/* ページ上部のタクソノミー（タグ）エリア */
body.single-shaji .shaji-tax-container {
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 2px solid #eee;
}
body.single-shaji .shaji-tax-list {
    margin-bottom: 0.8em;
    font-size: 0.9em;
}
body.single-shaji .shaji-tax-list .tax-label {
    display: inline-block;
    background-color: #f0f0f0;
    padding: 2px 8px;
    border-radius: 4px;
    margin-right: 0.8em;
    font-weight: bold;
}

/* ACF情報ボックス全体 */
body.single-shaji .shaji-spec-box {
    margin-top: 3em;
}

/* ACF情報テーブル */
body.single-shaji .shaji-spec-box table.tb-left {
    margin-bottom: 2em;
}

/* 地図エリア */
body.single-shaji .map-area {
    margin-top: 2em;
}
body.single-shaji .map-iframe-container {
    position: relative;
    width: 100%;
    height: 0;
    /* --- ★★★★★ ここが唯一の修正点です ★★★★★ --- */
    padding-bottom: 45%; /* ← アスペクト比を16:9 (56.25%) から少し横長に変更 */
}
body.single-shaji .map-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}