/* 全体の設定 */
body {
    font-family: 'Zen Maru Gothic', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

html {
    /* 固定ヘッダーの高さ分（例: 80px）だけ、ジャンプ位置を下にずらす */
    scroll-padding-top: 100px; 
    
    /* ついでに、スクロールを滑らかにする設定（おすすめ！） */
    scroll-behavior: smooth;
}

/* ヘッダー */
header {
    /* 画面の一番上に張り付かせる */
    position: sticky;
    top: 0;
    
    /* 他の要素（写真など）より手前に表示させる */
    z-index: 1000;
    
    /* 背景色をしっかり塗る（透けないように） */
    background-color: #ccffff; /* 園のイメージカラー（水色） */
    
    /* 影をつけて、浮いている感じを出すとプロっぽくなります */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    
    padding: 10px 0;
    margin: 0;
}

    /* ヘッダーの中身を横並びにする */
    .header-container {
        display: flex;
        align-items: center; /* 上下中央に揃える */
        justify-content: center; /* 左右中央に寄せる */
        gap: 40px; /* ロゴと文字の間の隙間 */
        max-width: 900px;
        margin: 0 auto;
        } 
        
    /* ロゴのサイズ調整 */
    .logo {
            
        width: 60px;  /* スマホで見やすいサイズ */
        height: auto;
    }

    /* タイトル文字の調整 */
    .header-text h1 {
        margin: 0;
        font-size: 1.5rem; /* スマホでちょうど良い大きさ */
    }

    .header-text p {
        margin: 0;
        font-size: 0.8rem;
    }

/* コンテンツ幅の制限 */
.container {
    padding: 0px;
    max-width: 800px;
    margin: auto;
}

/* お知らせ・セクション */
section {
    background: white;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

h2 {
    color: #ff6600;
    border-bottom: 2px dotted #ff6600;
    padding-bottom: 5px;
} 

/* タイトルの絵と文字を横並びにする */
.container2 {
    display: flex;
    align-items: center; /* 上下中央に揃える */
    justify-content: center; /* 左右中央に寄せる */
    gap: 40px; /* ロゴと文字の間の隙間 */
    max-width: 900px;
    margin-top: 20px;
}

    /* タイトル絵のサイズ調整 */
    .logo2 {            
        width: 60px;  /* スマホで見やすいサイズ */
        height: auto;
    } 
    
/* フッター ロゴ*/
 .animl {  
    position: fixed;
    bottom: 0;
    right: 0;
    width: 60px;
    z-index: 100;
 }

/* フッター */
footer {
    text-align: center;
    padding: 20px;
    font-size: 0.8rem;
    background: #eee;
}