/* 2026-09-27: 写真の実表示と構図の修正。元画像・掲載先は維持。 */
/* 同じスケジュール内の写真は、画像面まで同じ比率でそろえる。 */
.schedule .ver1 { align-items: flex-start; gap: 24px; }
.schedule .ver1 > p, .schedule .schedule-activities { flex: 1; min-width: 0; }
.schedule .ver1 img {
    display: block; width: 42%; flex: 0 0 42%; height: auto;
    aspect-ratio: 4 / 3; object-fit: cover;
    object-position: var(--photo-position, 50% 50%); margin: 0;
}
@media (max-width: 767px) {
    .schedule .schedule1 { width: 90%; }
    .schedule .ver1 { flex-direction: column; align-items: stretch; gap: 20px; }
    .schedule .ver1 img { width: 100%; flex: none; }
}
/* 季節枠の中で余白が生じないよう、写真の表示面を統一する。 */
.month .month_box1 { flex: 1; min-width: 0; }
.month .month_box2 { flex: 0 0 240px; max-width: 100%; }
.month .month_box2 img {
    display: block; width: 240px; max-width: 100%; height: auto;
    aspect-ratio: 4 / 3; object-fit: cover;
    object-position: var(--photo-position, 50% 50%); box-sizing: border-box;
}
@media (max-width: 767px) {
    .month .month_box2 { width: 240px; margin: 20px auto 0; padding-top: 0; }
}
/* 園舎・園内写真をそろえる。平面図は切り抜かず既存の全体表示を保つ。 */
.en_photo .en_content img:not([src*="heimenzu"]) {
    display: block; width: 330px; max-width: 100%; height: auto;
    aspect-ratio: 33 / 23; object-fit: cover;
    object-position: var(--photo-position, 50% 50%);
}
/* 写真と見出しを隙間なくつなぎ、カードの画像面をPC/SPでそろえる。 */
.doho-home .menu img, .doho-home .menuSp img {
    display: block; width: 100%; height: auto; aspect-ratio: 4 / 3;
    object-fit: cover; object-position: var(--photo-position, 50% 50%);
}
.doho-home .menu1_title, .doho-home .menuSp_title { margin-top: 0; }
.ver1 img[src$="photo-10.jpg"] { --photo-position: 50% 44%; }
.menu img[src$="photo-03.jpg"], .menuSp img[src$="photo-03.jpg"] { --photo-position: 50% 43%; }
.menu img[src$="photo-04.jpg"], .menuSp img[src$="photo-04.jpg"] { --photo-position: 50% 55%; }
.doho-home .slider .updated-hero img { object-fit: cover; object-position: 50% 65%; }

/* 2026-09-27: 原紙で確認した新写真。既存の表示寸法を保持。 */
.schedule .schedule-photos { display: flex; flex-direction: column; gap: 24px; width: 42%; flex: 0 0 42%; min-width: 0; }
.schedule .schedule-photos img { width: 100%; flex: none; }
@media (max-width: 767px) { .schedule .schedule-photos { width: 100%; flex: none; } }