@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300..700&display=swap');

/* Regukar=400 / Medium=500 / SemiBold=600 / bold=700 */

:target {
  scroll-margin-top: 150px;
}

/* --- スマホファースト --- */
#flyer{
    width:100%;
    margin:0 auto;
    font-size:4.27vw;
    line-height:1.6;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
                        background-color:#fff;
}
#flyer img{
    width:100%;
    vertical-align:bottom;
        margin-bottom:0.5em;
}
.SalePeriod{
    width:100%;
    margin:0 auto;
    padding:0.7em;
    background-color:#000;
    color:#fff;
    text-align:center;
    font-size:4.27vw;
    box-sizing: border-box;
    white-space:nowrap;
        margin-bottom:0.5em;
}

.SalePeriod .tx01{
    margin-bottom:0.5em;
}
.SalePeriod .txLink a{
    color:#00fdff;
}
.btnLink{
    width:100%;
    margin:0;
}
.bnrLink{
    width:100%;
    margin:0;
}

/* --- dtl --- */
.panKuzuFl{
    font-size:3.7vw;
    margin:1em 1em 0 0;
    text-align:right;
}
.panKuzuFl a{
    font-size:3.7vw;
    color:#333;
}
#section--bigFlyer{
    width:100%;
    overflow: scroll;
    padding: 2vw 0 10vw 0;
    box-sizing: border-box;
}
.bigFlyer{
    text-align:center;
}
.bigFlyer img{
    height: 80vh;
    padding: 0 16px;
    vertical-align:bottom;
}

/* --- クリッカブル --- */
.clickablemap{
    width:100%;
    position:relative;
}
.clickablemap a img{
    display:none;
}
.imgMap1 a{
    position:absolute;
    top:15%;
    right:1.9%;
    width:21%;
    height:60%;
    background-color:transparent;
}
.imgMap2 a{
    position:absolute;
    top:15%;
    right:1.9%;
    width:21%;
    height:60%;
    background-color:transparent;
}
.imgMap3 a{
    position:absolute;
    bottom:23%;
    left:20%;
    width:60%;
    height:26%;
    background-color:transparent;
}
.imgMap4 a{
    position:absolute;
    top:21%;
    right:3.8%;
    width:22%;
    height:21%;
    background-color:transparent;
}



/* ---------------------------- PC, Tablet --------------------------- */
@media screen and (min-width:768px){
    #flyer{
        width:450px;
        margin:0 auto;
        font-size:16px;
    }
    .SalePeriod{
        font-size:16px;
        margin-bottom:5px;
    }
    #flyer img{
        width:100%;
        vertical-align:bottom;
            margin-bottom:5px;
    }

    /* --- dtl --- */
    #section--bigFlyer{
        width:100%;
        overflow: scroll;
        padding: 16px 0;
        box-sizing: border-box;
    }
    .bigFlyer{
        text-align:center;
    }
    .bigFlyer img{
        height: 80vh;
        padding: 0 16px;
    }
    .panKuzuFl{
        font-size:14px;
        padding:10px 1em;
        text-align:right;
    }
    .panKuzuFl a{
        font-size:14px;
        color:#333;
    }


    /* --- クリッカブル --- */
    .clickablemap{
        position:static;
    }
    .clickablemap a{
        position:static;
        background-color:transparent;
    }
    .clickablemap a img{
        display:block;
    }
    .forSpClickMap{
        display:none;
    }




}