@charset "UTF-8";
@font-face {
    font-family: ZenKurenaido;
    src: url(../font/Zen_Kurenaido/ZenKurenaido-Regular.ttf);
}

* {
    margin: 0;
    padding: 0;
    
}

a:hover {
    color: #2CD5A0;
    transition: 0.2s;
    transform: scale(1.05);
}

body {
    background-color: #FCF8F2;
}

/* ここからヘッダー */


header {
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1%;
    padding-bottom: 1%;
    border-bottom: 0.1vw solid #3d2e2b;
    background-color: rgba(252, 248, 242, 0.6);
}

    header nav {
        padding: 1%;
        border-radius: 1vw;
    }

        header nav ul {
            display: flex;
            justify-content: space-around;
            align-items: center;
            list-style-type: none;
        }

        header nav ul h1 {
            width: 15%;
        }

            header nav ul h1 img {
                width: 100%;
            }

        header nav ul li {
            width: fit-content;
            text-align: center;
        }

                header nav ul li a {
                    display: block;
                    text-decoration: none;
                    color: #3d2e2b;
                    font-size: 4vw;
                    font-weight: 700;
                    font-family: ZenKurenaido;
                }

/* ここまでヘッダー */


/* ここからメイン */

main {
    background-repeat: no-repeat;
    font-weight: 300;
    color: #3d2e2b;
    font-family: ZenKurenaido;
}

    main .main-visual {
        width: 100%;
        margin-top: 17%;
        margin-bottom: 2%;
    }

    main .main-visual img {
        width: 100%;
    }


    main section {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 3%;
        padding-bottom: 10%;
    }

    main section h3 {
        text-align: center;
        font-weight: 100;
        color: #3d2e2b; 
        font-size: 7vw;
    }



    /* ストア */
    main section .store-flex {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-top: 10%;
    }

        main section .store-flex figure {
            margin-bottom: 15%;
            line-height: 2;
        }

            main section .store-flex a img {
                width: 31vw;
                border-radius: 2vw;
                margin-bottom: 5%;
            }

            main section .store-flex figure figcaption {
                white-space: pre-wrap;
                text-align: center;
                font-size: 1.9vw;
            }


    
/* ここまでメイン */

/* ここからフッター */

footer {
    width: 100%;
    color: #3d2e2b;
    font-size: 2.2vw;
    background-color: #FCF8F2;
    border-top: 0.1vw solid #3d2e2b;
}

    footer .footer-flex {
        display: flex;
        line-height: 2;
        padding: 5% 3%;
    }

        footer .footer-flex address p {
                width: 65vw;
                font-style: normal;
                margin-top: 5%;
                margin-left: 5%;
            }


        footer ul {
            list-style-type: none;
            width: 20%;
            margin-top: 5%;
            margin-left: 14%;
        }

            footer ul li a {
                display: block;
                text-decoration: none;
                color: #3d2e2b;
            }

            footer ul li a:hover {
                color: #2CD5A0;
            }


    footer .footer-text {
        text-align: center;
        padding: 3%;
    }

       footer .footer-text p a {
        text-decoration: none;
        color: #3d2e2b;
    } 

/* ここまでフッター */