@charset "utf-8";
body{
    margin: 0;
    padding: 0;
    .wf-kokoro { font-family: "Kokoro"; }
}

header {
    background-color: #f7f3d6;
    padding: 0px 0; /* 上下の余白を追加 */
}

nav ul {
    list-style: none;
}

nav ul li {
    display: inline; /* リストアイテムを横に配置 */
    margin-right: 0px; /* リンクの間にスペースを追加 */
}

nav a {
    text-decoration: none;
    color: #333; /* リンクのテキストカラーを指定 */
    font-weight: bold; /* フォントの太さを指定 */
}



.logo img{
    width: 40%; /* 画像の幅を100%に設定 */
    height: auto; /* 高さは自動調整 */
}

.nihontizu img{
    width: 100%; /* 画像の幅を100%に設定 */
    height: auto; /* 高さは自動調整 */
}

.nihontizu img{
    top: 200px;
}

.products {
    width: 100%; /* 画像コンテナの幅をブラウザ幅に合わせる */
    height: auto; /* 高さは自動調整 */
}

.products img {
    width: 100%; /* 画像の幅を100%に設定 */
    height: auto; /* 高さは自動調整 */
}

.products {
    position: absolute;
    text-align: right;
    font-size: 10px;
    margin-right: 10px;
}

.nigata2{
    position: absolute;
    text-align: right;
    font-size: 10px;
    margin-right: 10px;
    top: 440px;
}

.toyama2{
    position: absolute;
    text-align: right;
    font-size: 10px;
    margin-right: 10px;
    top: 1200px;
}

.ishikawa2{
    position: absolute;
    text-align: right;
    font-size: 10px;
    margin-right: 10px;
    top: 1850px;
}

.fukui2{
    position: absolute;
    text-align: right;
    font-size: 10px;
    margin-right: 10px;
    top: 2470px;
}

.yamanashi2{
    position: absolute;
    text-align: right;
    font-size: 10px;
    margin-right: 10px;
    top: 3140px;
}

.nagano2{
    position: absolute;
    text-align: right;
    font-size: 10px;
    margin-right: 10px;
    top:3820px;
}

.gifu2{
    position: absolute;
    text-align: right;
    font-size: 10px;
    margin-right: 10px;
    top: 4690px;
}

.shizuoka2{
    position: absolute;
    text-align: right;
    font-size: 10px;
    margin-right: 10px;
    top: 5300px;
}

.aichi2{
    position: absolute;
    text-align: right;
    font-size: 10px;
    margin-right: 10px;
    top: 5850px;
}