body{
    font-family:sans-serif;
    background:#f5f5f5;
    padding:20px;
}

.card{
    background:white;
    padding:15px;
    border-radius:10px;
    margin:15px 0;
    box-shadow:0 0 10px rgba(0,0,0,0.1);
}

.chart-box{
    width:100%;
    max-width:600px;
    height:250px;
    margin:auto;
}

.note{
    font-size:12px;
    color:gray;
}

.error{
    color:red;
}

.me{
    color:red;
    font-weight:bold;
}

/* 年運色分け */
.year-item{
    margin-bottom:10px;
    padding:8px;
    border-radius:6px;
}

.year-item.良い{
    background:#e6ffe6;
}

.year-item.注意{
    background:#ffe6e6;
}

.year-item.普通{
    background:#f0f0f0;
}

.badge{
    display:inline-block;
    padding:4px 8px;
    background:#333;
    color:white;
    border-radius:5px;
    font-size:12px;
    margin:3px 0;
}

.ai-box{
    margin-top:8px;
    padding:8px;
    background:#eef6ff;
    border-left:4px solid #339;
    font-size:13px;
}

.section{
    display:none;
}
.section.active{
    display:block;
}

.menu-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.menu-row button{
    flex:0;
    width:auto;              /* ← これ追加（重要） */
    padding:6px 12px;
    font-size:13px;
    min-width:auto;
}

.guide{
    font-size:13px;
    color:#666;
}

.menu-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:flex-start;
}

.card{
    background:rgba(255,255,255,0.88);
    border-radius:12px;
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
}

/* =========================
   四柱推命 背景
========================= */

body{
    margin:0;
    min-height:100vh;

    background-image:
        url("suimei-bg.png");

    background-size:
        cover;

    background-position:
        center top;

    background-repeat:
        no-repeat;

    background-attachment:
        fixed;
}

/* =========================
   四柱推命 背景
========================= */

html,
body{
    min-height:100%;
}

body{
    margin:0;

    background-image:url("/app/css/suimei-bg.png") !important;
    background-size:cover !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-attachment:fixed !important;
}