<!DOCTYPE html>
<html>
<head>
<title>ABE kokomi's Home Page!!</title>
<style>
body{background: gray;}
h1 {text-align: center;
background-color: white;
border-style: solid;
font-family: Sans-Serif;}
h2{text-align: center;
background-color: white;
border-style: solid;
font-family: Sans-Serif;}
dd{background-color:white;
border-style:solid;}
p.happy{background-color:#f4b5f4;
color: black; font-size: 15px;
border: groove 6px #f84595; padding: 1ex 3ex;}
p.sad {background-color: lightblue;
color: black; font-size: 15px;
border: groove 6px #56b5ed; padding: 1ex 3ex;}
.calendar td:nth-child(1) {color: red;}
.calender th:nth-child(1) {color: red;}
.calendar th:nth-child(2) { background: rgb(246, 221, 147); }
.calendar th:nth-child(3) { background: rgb(174, 207, 127); }
.calendar th:nth-child(4) { background: rgb(107, 166, 161); }
.calendar th:nth-child(5) { background: rgb(156, 126, 179); }
.calendar th:nth-child(6) { background: gold; }
.calendar th:nth-child(7) {color: blue;}
.calendar th {background-color: #f0f0f0;}
.calendar td:nth-child(7) {
color: blue;
}
.button li {list-style: url("名称未設定.png") inside;}
.button li:hover {list-style: url("あお.png") inside;}
.button li:active {list-style: url("きいろ.png") inside;}
</style>
</head>
<body>
<h1>福島県について知ってみよう</h1>
<h2>地域一覧</h2>
<p><img src="./fukushimachizu.jpg" alt="福島県の３地域の地図" width="400"></p>
<p>福島県は会津・中通り・浜通りの3つの地域に分かれています。</p>
<h2>会津地方</h2>
<p>
会津地方は福島県の西側に位置し、歴史や自然が豊かな地域です。
</p>
<h3>特産品</h3>
<ul>
<li>喜多方ラーメン：全国的に有名なラーメン</li>
<li>赤べこ：会津の伝統工芸品</li>
<li>会津漆器：美しい塗りの工芸品</li>
<li>馬刺し：会津の名物料理</li>
</ul>
<h3>観光地</h3>
<ul>
<li>鶴ヶ城：歴史あるお城</li>
<li>大内宿：昔の宿場町の風景が残る場所</li>
<li>五色沼：色が変わる美しい湖</li>
<li>猪苗代湖：日本でも有名な大きな湖</li>
</ul>
<h3>観光情報（公式サイト）</h3>
<ul>
<li><a href="https://www.aizukanko.com/" target="_blank">会津若松観光ナビ</a></li>
<li><a href="https://www.kitakata-kanko.jp/" target="_blank">喜多方観光物産協会</a></li>
</ul>
<p class="happy">
喜多方に夜営業の新しいドーナツ屋ができてうれしかった！
<a href="https://aizu.mypl.net/shop/00000385552/" target="_blank">📍お店紹介</a>
</p>
<p class="sad">
最近いろんなラーメン屋さんが閉店して悲しかった。🍜
</p>
<h2>中通り</h2>
<ul class="button">
<li>桃</li>
<li>円盤餃子</li>
</ul>
<h2>浜通り</h2>
<ul>
<li>海産物</li>
<li>なみえ焼そば</li>
</ul>
<h2>2026年5月 カレンダー</h2>
<style>
table, th, td {
border: 2px solid black;
border-collapse: collapse;
text-align: center;
padding: 5px;
}
</style>
<table class="calendar">
<tr>
<th>日</th><th>月</th><th>火</th><th>水</th>
<th>木</th><th>金</th><th>土</th>
</tr>
<tr>
<td></td><td></td><td></td><td></td>
<td></td><td>1</td><td>2</td>
</tr>
<tr>
<td>3</td><td>4</td><td>5</td><td>6</td>
<td>7</td><td>8</td><td>9</td>
</tr>
<tr>
<td>10</td><td>11</td><td>12</td><td>13</td>
<td>14</td><td>15</td><td>16</td>
</tr>
<tr>
<td>17</td><td>18</td><td>19</td><td>20</td>
<td>21</td><td>22</td><td>23</td>
</tr>
<tr>
<td>24</td><td>25</td><td>26</td><td>27</td>
<td>28</td><td>29</td><td>30</td>
</tr>
<tr>
<td>31</td><td></td><td></td><td></td>
<td></td><td></td><td></td>
</tr>
</table>
</body>
</html>
