/* =========================
   ev_top.css（修正版）
   ※このCSSはイベントTOP用の想定のため、影響範囲を #evTop に限定
   → HTML側で <main id="evTop"> などを付与して使ってください
========================= */
@charset "UTF-8";

html{
    scroll-behavior:auto;
}

#evTop .breadcrumb{
    width:100%;
    background-color:#f5f5f5;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin:0;
}
#evTop .breadcrumb ul{
    width:1100px;
    margin:0 auto;
    display:flex;
    list-style:none;
    line-height:2.5;
    overflow:hidden;
}
#evTop .breadlist li{
    font-size:13px;
    color:#666;
}
#evTop .breadlist li a:link{ color:#666; text-decoration:none; }
#evTop .breadlist li a:visited{ color:#666; text-decoration:none; }
#evTop .breadlist li a:hover{ color:#666; text-decoration:none; }
#evTop .breadlist li a:active{ color:#666; text-decoration:none; }

#evTop .breadlist li a:after{
    content:"\276f";
    padding:0 0.7em;
    font-size:12px;
    color:#999;
}

#evTop .evKv{
    width:1100px;
    margin:0 auto 35px auto;
    background-color:#000;
    display:flex;
}
#evTop .evKv .ttl{
    width:630px;
    box-sizing:border-box;
    align-items:center;
    display:flex;
    justify-content:center;
}
#evTop .evKv .ttl01{
    color:#fff;
    font-size:36px;
    font-weight:550;
    line-height:1;
    border-left:solid #fff 7px;
    padding-left:32px;
}
#evTop .evKv .ttl01 span{
    color:#cdcdcd;
    font-size:16px;
    display:block;
    line-height:1;
    font-weight:550;
    margin-top:1em;
}
#evTop .evKv .photo{
    width:470px;
}
#evTop .evKv .photo img{
    width:100%;
    vertical-align:bottom;
}

/* --- 検索フォーム --- */
#evTop .stevSearchForm{
    width:900px;
    border:1px solid #cdcdcd;
    margin:0 auto 40px auto;
}
#evTop .stevSearchForm .ttl03{
    font-size:24px;
    font-weight:550;
    padding:20px 20px 10px;
}
#evTop .parts01{
    padding:0 20px;
}
#evTop .item01{
    margin:0 0 15px 0;
}
#evTop .item02{
    padding-bottom:20px;
}
#evTop .parts01 b,
#evTop .item03 b{
    display:inline-block;
    width:7em;
    font-size:16px;
    color:#777;
    font-weight:550;
}
#evTop .tglbtn{
    font-size:16px;
    color:#68c;
    margin:20px;
    cursor:pointer;
    display:inline-block;
}
#evTop .upward::after{
    position:absolute;
    margin:5px 0 0 8px;
    width:0.8em;
    height:0.8em;
    background-color:#68c;
    clip-path:polygon(30% 40%, 0 70%, 10% 80%, 51% 40%, 90% 80%, 100% 70%, 70% 40%, 50% 20%);
    content:'';
    pointer-events:none;
}
#evTop .downward::after{
    position:absolute;
    margin:5px 0 0 8px;
    width:0.8em;
    height:0.8em;
    background-color:#68c;
    clip-path:polygon(10% 20%, 0 30%, 30% 60%, 50% 80%, 70% 60%, 100% 30%, 90% 20%, 50% 60%);
    content:'';
    pointer-events:none;
}
#evTop .tglbtn:hover{
    opacity:0.8;
}
#evTop .parts02{
    /* display:none; */
    padding:0 20px;
    margin-bottom:25px;
}
#evTop .item03{
    margin:0 0 25px 0;
}
#evTop .item04{
    display:flex;
}
#evTop .item04 b{
    display:block;
    width:7em;
    font-size:16px;
    color:#777;
    font-weight:550;
    white-space:nowrap;
}
#evTop .formBtns{
    text-align:center;
    background-color:#eee;
    padding:12px;
}

/* --- 検索結果一覧 --- */
#evTop .searchResBlock{
    background-color:#EEEEEE;
    width:100%;
    margin-bottom:80px;
}
#evTop .resInner{
    width:900px;
    margin:0 auto;
    padding:80px 0;
}
#evTop .resInner .ttl03{
    font-size:23px;
    font-weight:550;
    margin-bottom:0.5em;
}
#evTop .resInner .kensuu{
    font-size:16px;
    color:#666;
    margin-bottom:1.1em;
}

/* --- 各店舗ブロック --- */
#evTop .evList{
    padding-bottom:5px;
}
#evTop .evList a{
    color:#1e77c9;
    text-decoration:none;
    opacity:1;
    transition:.2s linear;
}
#evTop .evList a:hover{
    opacity:0.7;
    transition:.2s linear;
}
#evTop .eachInfo{
    width:100%;
    background-color:#fff;
    margin-bottom:16px;
    border:2px solid #CDCDCD;
    border-radius:8px;
    box-sizing:border-box;
    position:relative;
    padding:24px;
    line-height:1.5;
    display:flex;
}
#evTop .infoTx{
    width:670px;
    margin-right:15px;
}
#evTop .eachInfo .ctgTx{
    font-size:14px;
    font-weight:550;
    color:#e75;
    margin-bottom:0.2em;
}
#evTop .eachInfo .eventTtl{
    font-size:17px;
    font-weight:600;
    color:#1e77c9;
    margin-bottom:25px;
}
#evTop .eachInfo .DatePrefShop{
    display:flex;
    justify-content:left;
}
#evTop .DatePrefShop .dateTx{
    font-size:16px;
    font-weight:400;
    width:45%;
    background:url("../_img_bg/icon_calender.svg") no-repeat left center;
    background-size:1.1em auto;
    padding-left:1.5em;
    color:#111;
}
#evTop .DatePrefShop .prefTx{
    font-size:16px;
    font-weight:400;
    width:50%;
    background:url("../_img_bg/icon_store.svg") no-repeat left center;
    background-size:1.4em auto;
    padding-left:1.8em;
    color:#111;
}
#evTop .DatePrefShop .prefTx b{
    margin-right:0.8em;
}
#evTop .evThumb{
    width:178px;
    max-height:110px;
    overflow:hidden;
    border:1px solid #eee;
}
#evTop .evThumb img{
    width:100%;
}

/* --- バナー --- */
#evTop .toStEventPg{
    margin:40px auto;
    text-align:center;
    width:550px;
}
#evTop .toStEventPg img{
    width:400px;
    margin:0 auto;
}
#evTop .toStEventPg p{
    font-size:13px;
    padding:0.5em 0;
    text-align:center;
}

/* ---------------------------- スマホ --------------------------- */
@media screen and (max-width:767px){

    #evTop .breadcrumb ul{
        width:92vw;
        margin:0 auto;
    }
    #evTop .breadlist li{
        font-size:3.5vw;
        color:#666;
    }
    #evTop .breadlist li a:after{
        content:"\276f";
        padding:0 0.7em;
        font-size:3.3vw;
    }
    #evTop .evKv{
        width:100%;
        margin:0 auto 10vw auto;
    }
    #evTop .evKv .ttl{
        width:50%;
    }
    #evTop .evKv .ttl01{
        font-size:4.5vw;
        border-left:none;
        padding-left:0;
    }
    #evTop .evKv .ttl01 span{
        font-size:3.5vw;
    }
    #evTop .evKv .photo{
        width:50%;
    }

    /* --- 検索フォーム --- */
    #evTop .stevSearchForm{
        width:92vw;
        border:none;
        margin:0 auto 10vw auto;
    }
    #evTop .stevSearchForm .ttl03{
        font-size:4.5vw;
        padding:0 0 0.7em;
    }
    #evTop .parts01{
        padding:0;
    }
    #evTop .item01{
        margin:0 0 5vw 0;
    }
    #evTop .item02{
        padding-bottom:2vw;
    }
    #evTop .parts01 b{
        display:none;
    }
    #evTop .tglbtn{
        font-size:4.3vw;
        color:#68c;
        margin:6.4vw 0;
        text-align:center;
        display:block;
        padding-right:1em;
    }
    #evTop .parts02{
        /* display:none; */
        padding:0;
        margin-bottom:3vw;
    }
    #evTop .item03{
        margin:0 0 6.5vw 0;
    }
    #evTop .item03 b,
    #evTop .item04 b{
        display:block;
        font-size:4.5vw;
        margin-bottom:3vw;
        width:auto;
    }
    #evTop .item04{
        display:block;
    }
    #evTop .formBtns{
        border-top:3px double #eee;
        padding:3.5vw 0 0 0;
        background-color:transparent;
    }

    /* --- 検索結果一覧 --- */
    #evTop .searchResBlock{
        width:100%;
        margin-bottom:27vw;
    }
    #evTop .resInner{
        width:92vw;
        margin:0 auto;
        padding:10vw 0;
    }
    #evTop .resInner .ttl03{
        font-size:4.5vw;
    }
    #evTop .resInner .kensuu{
        font-size:4vw;
        color:#666;
        margin-bottom:1.1em;
    }

    /* --- 各店舗ブロック --- */
    #evTop .evList{
        padding-bottom:1.5vw;
    }
    #evTop .eachInfo{
        width:100%;
        padding:6.4vw;
        display:block;
    }
    #evTop .infoTx{
        width:100%;
        margin-right:15px;
    }
    #evTop .eachInfo .ctgTx{
        font-size:3.7vw;
    }
    #evTop .eachInfo .eventTtl{
        font-size:4.8vw;
        margin-bottom:4vw;
    }
    #evTop .eachInfo .DatePrefShop{
        display:block;
        line-height:2;
    }
    #evTop .DatePrefShop .dateTx{
        font-size:4vw;
        width:auto;
        padding-left:2em;
    }
    #evTop .DatePrefShop .prefTx{
        font-size:4vw;
        font-weight:400;
        width:auto;
        padding-left:2em;
        margin-bottom:4vw;
    }
    #evTop .evThumb{
        width:100%;
        max-height:50vw;
        overflow:hidden;
        border:1px solid #eee;
    }
    #evTop .evThumb img{
        width:100%;
    }

    /* --- バナー --- */
    #evTop .toStEventPg{
        margin:8vw auto;
        width:90vw;
    }
    #evTop .toStEventPg img{
        width:100%;
    }
    #evTop .toStEventPg p{
        font-size:3.5vw;
        padding:0.5em 0;
    }

}/* スマホ */