body{
    background: #f4eddc;
    font-family:serif;
    color:#3d2d1c;
    margin:40px;
}

h1{
    text-align:center;
    color:#6b4c2a;
}

.homeButton{
    display:inline-block;
    padding:10px 18px;
    margin:10px 0 25px;

    background:#fff9ec;
    border:2px solid #b99a6b;
    border-radius:10px;

    color:#4a3b2d;
    text-decoration:none;
    font-weight:bold;

    transition:0.2s;
}

.homeButton:hover{
    background:#d8f0f8;
    border-color:#87b9c8;
    transform:translateX(-5px);
}


.card{
    background:#fff9ec;
    border:3px solid #b99a6b;
    border-radius:12px;
    padding:20px;
    margin:20px auto;
    max-width:800px;
}

.region-button{
    display:block;
    background:#fff9ec;
    border:3px solid #b99a6b;
    border-radius:12px;

    padding:12px;
    margin:10px 0;

    text-decoration:none;
    color:#4a3b2d;

    font-size:20px;
    font-weight:bold;

    transition:0.2s;
}

/* 北海道・東北 */
.hokutou:hover{
    background:#d9ddf8;
    border-color:#8d92c9;
    transform:translateX(5px);
}

/* 関東 */
.kantou:hover{
    background:#d8f0f8;
    border-color:#87b9c8;
    transform:translateX(5px);
}

/* 中部 */
.chubu:hover{
    background:#dff0d8;
    border-color:#8eb787;
    transform:translateX(5px);
}

/* 近畿 */
.kinki:hover{
    background:#f7f0cf;
    border-color:#c7b978;
    transform:translateX(5px);
}

/* 中国・四国 */
.chushikoku:hover{
    background:#f8e2cf;
    border-color:#c79a76;
    transform:translateX(5px);
}

/* 九州・沖縄 */
.kyushu:hover{
    background:#f6d7d2;
    border-color:#c48b84;
    transform:translateX(5px);
}
.area-button{
    display:block;
    padding:10px 14px;
    margin:8px 0;

    background:#fff9ec;
    border:2px solid #b99a6b;
    border-radius:10px;

    color:#4a3b2d;
    text-decoration:none;
    font-weight:bold;

    transition:0.2s;
}

.area-button:hover{
    transform:translateX(5px);
}

.owari:hover{
    background:#f3d1cc;
    border-color:#b86a61;
}

.mikawa:hover{
    background:#dcefd9;
    border-color:#78a86f;
}

.chita:hover{
    background:#d7edf8;
    border-color:#6fa8bd;
}

.island:hover{
    background:#e5d9f2;
    border-color:#9070ad;
}

.nagoya:hover{
    background:#f5e8b8;
    border-color:#c2a245;
}
.other:hover{
    background:#e8e1d6;
    border-color:#8c7a66;
}

.history:hover{
    background:#efe6c8;
    border-color:#a68a45;
}