CSS（online.css）
body {
font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
background-color: #ffffff;
margin: 0;
padding: 0;
color: #333;
}

.container {
max-width: 900px;
margin: 0 auto;
padding: 40px 20px;
}

h1 {
text-align: center;
color: #3aa6d9;
font-size: 28px;
margin-bottom: 10px;
}

.subtitle {
text-align: center;
font-size: 18px;
margin-bottom: 30px;
}

.button {
display: block;
width: 280px;
margin: 20px auto 40px;
padding: 14px;
text-align: center;
background-color: #3aa6d9;
color: #fff;
text-decoration: none;
border-radius: 8px;
font-weight: bold;
}

.card {
background-color: #f2f9fd;
padding: 25px;
border-radius: 12px;
margin-bottom: 30px;
}

.section-title {
font-weight: bold;
color: #3aa6d9;
margin-bottom: 15px;
font-size: 18px;
}

ul {
padding-left: 20px;
line-height: 1.8;
}

.note {
font-size: 14px;
color: #666;
}

.highlight {
background-color: #e8f6fc;
padding: 15px;
border-radius: 8px;
text-align: center;
margin: 20px 0;
font-weight: bold;
}

.food-section {
background-color: #f2f9fd;
padding: 25px;
border-radius: 12px;
}

.footer-message {
text-align: center;
margin-top: 20px;
font-weight: bold;
}