﻿.church-info, .access, .schedule {
    margin-bottom: 2rem;
}

.church-info {
    display: flex;
    gap: 1rem;
}

.info-text {
    flex: 1;
}

.info-text p{
    text-align:left;
}

.church{
    font-size:1.5em;
}

.info-image {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-image img {
    max-width: 100%; /* 親要素の幅に収まるように指定 */
    height: auto; /* 縦横比を保つ */
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.access .map { 
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

.access p{
    text-align:left;
}

/* ベースのスタイル */
.schedule table {
    width: 80%;
    border-collapse: collapse;
    margin-left:auto;
    margin-right:auto;
}

.schedule th, .schedule td {
    border: 1px solid #ddd;
    padding: 0.5rem;
    text-align: center;
    vertical-align: middle;
    background-color:#c8d6b3;
}

/* 日曜日、木曜日、土曜日の塗り分け */
    .sunday:nth-child(odd) td,
    .thursday:nth-child(odd) td,
    .saturday:nth-child(odd) td {
    background-color: #fcfbf7; /* 薄いベージュ (奇数行) */
}

    .sunday:nth-child(even) td,
    .thursday:nth-child(even) td,
    .saturday:nth-child(even) td {
    background-color: #fcfbf7; /* 少し濃いベージュ (偶数行) */
}

/* 水曜日、金曜日の塗り分け */
    .wednesday:nth-child(odd) td,
    .friday:nth-child(odd) td {
    background-color: #fcfbf7; /* 薄い緑 (奇数行) */
}

    .wednesday:nth-child(even) td,
    .friday:nth-child(even) td {
    background-color: #fcfbf7; /* 少し濃い緑 (偶数行) */
}


/*-----------------------------------------------------------------------------------------*/


/*スマホ対応CSS*/

@media only screen and (max-width: 800px) {

.church-info {
        flex-direction: column-reverse; /* スマホ時に順番を逆転（画像→テキスト） */
        text-align: center; /* テキスト中央揃え */
    }

    .info-text p {
        text-align: left; /* モバイル時にテキストを中央揃え */
    }

.schedule table {
    width: 100%;
    border-collapse: collapse;
    margin-left:auto;
    margin-right:auto;
}

.church{
    font-size:1.2em;
}


.sen{
    font-size:0.9em;
}

.schedule td {
    font-size:0.9em;
}



}