<!DOCTYPE html>

<html lang="ja">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>門前浦上　たけのこの里</title>


<style>

body {

    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

    margin: 0;

    background: #f7fbff;

    text-align: center;

}


.container {

    max-width: 600px;

    margin: 0 auto;

    background: #ffffff;

    padding: 20px;

}


.title {

    font-size: 14px;

    margin-bottom: 10px;

    line-height: 1.8;

}


.main-img {

    width: 100%;

    max-width: 400px;

    margin: 10px auto;

    display: block;

}


.sub-img {

    width: 100%;

    max-width: 500px;

    margin: 0 auto 20px;

    display: block;

}


.coupon-box {

    border: 2px solid #0099FF;

    background: #CCFFFF;

    padding: 20px;

    margin: 20px 0;

}


.get-area {

    background: #0099FF;

    color: #fff;

    padding: 10px;

    margin-top: 10px;

}


.get-btn {

    display: inline-block;

    background: #ff6600;

    color: #fff;

    padding: 10px 20px;

    margin-top: 10px;

    text-decoration: none;

    font-weight: bold;

    border-radius: 5px;

}


.get-btn:hover {

    opacity: 0.9;

}


.marquee {

    overflow: hidden;

    white-space: nowrap;

    box-sizing: border-box;

    margin: 20px 0;

}


.marquee span {

    display: inline-block;

    padding-left: 100%;

    animation: marquee 20s linear infinite;

}


@keyframes marquee {

    0% { transform: translate(0, 0); }

    100% { transform: translate(-100%, 0); }

}


.footer {

    font-size: 12px;

    margin-top: 30px;

    line-height: 1.8;

}


.footer a {

    color: #0066cc;

    text-decoration: none;

}


.footer a:hover {

    text-decoration: underline;

}

</style>

</head>


<body>


<div class="container">


    <div class="title">

        今シーズンより門前浦上敷地内で採れたタケノコを販売します

    </div>


    <img src="image/takenokonosato_01b.png" class="main-img" alt="たけのこの里画像">

    <img src="image/takanokonosato.jpg" class="sub-img" alt="たけのこ写真">


    <div class="coupon-box">

        <p>ここにクーポン内容を記載します</p>

        <p>例：たけのこ100円引き</p>

    </div>


    <div class="get-area">

        ＧＥＴボタンをクリックしてゲットして下さい

    </div>


    <a href="coupon.htm" class="get-btn">クーポンをGET</a>


    <div class="marquee">

        <span><img src="image/keiba.gif"> 今年はウラ年だけど、もうしばらくお待ちください。</span>

    </div>


    <div class="footer">

        <p><a href="top.html">トップページへ戻る</a></p>


        <p>

            <img src="image/amuse-nifuda.gif" width="300" alt="アミューズワジマ">

        </p>


        <p>

            E-mail：

            <a href="mailto:info@amusewajima.gr.jp">info@amusewajima.gr.jp</a>

        </p>


        <p>

            Copyright 2000-2026<br>

            amusewajima. All Rights Reserved.

        </p>

    </div>


</div>


</body>

</html>