/* 和風な背景と色の設定 */
body {
    font-family: 'Meiryo', 'Meiryo UI', sans-serif; /* メイリオフォントを指定 */
    background-color: #f2e6d9;  /* 和風な薄いベージュ（和紙風） */
    color: #333;  /* 文字色を暗めのグレーに設定 */
    line-height: 1.6;  /* 行間を広げて読みやすく */
}

/* 和風のタイトル */
h1, h2, h3 {
    font-family: 'Meiryo', 'Meiryo UI', sans-serif;  /* メイリオフォントを指定 */
    color: #4B0082;  /* 紫色のタイトル */
    text-align: center;  /* 中央揃え */
    margin-bottom: 20px;  /* 下部の余白 */
}

/* リンクのスタイル */
a {
    color: #8B0000;  /* 暗い赤色のリンク */
    text-decoration: none;  /* 下線を除去 */
}

a:hover {
    color: #B22222;  /* ホバー時に色が赤く変わる */
}

/* 和風の横線 */
hr {
    border: 0;
    border-top: 2px solid #8B4513;  /* 濃い茶色のライン */
    margin: 20px 0;
}

/* メインコンテンツのスタイル */
.main-content {
    width: 80%;  
    margin: 0 auto;  
    background-color: #ffffff;  /* 白背景 */
    padding: 20px;
    border-radius: 10px;  /* 丸みを帯びた角 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  /* 影 */
    border: 2px solid #4B0082;  /* 紫色の枠線 */
}

/* セクションのスタイル（和風の装飾） */
section {
    padding: 15px;
    border: 1px solid #BDB76B;  /* 黄土色の境界線 */
    background-image: url('https://example.com/wave-pattern.jpg'); /* 和風の波模様 */
    background-size: cover;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* ボタン（和風の装飾） */
button {
    background-color: #8B4513; /* 濃い茶色の背景 */
    color: #fff;  /* 白文字 */
    padding: 10px 20px;
    border: none;
    border-radius: 5px;  /* 丸みを帯びた角 */
    cursor: pointer;
}

button:hover {
    background-color: #B22222;  /* ホバー時に赤く変化 */
}

/* 和風の装飾的な細かい要素 */
.decorative-element {
    background-color: #f9f5f1;
    border: 1px solid #8B4513;
    padding: 10px;
    border-radius: 5px;
    font-style: italic;
    margin: 15px 0;
}