@charset "UTF-8";

html {
    scroll-behavior: auto;
}

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

.breadlist li a:after {
    content: "\276f";
    padding:0 0.7em;
    font-size:12px;
    color:#999;
}
.evKv{
    width:1100px;
    margin:0 auto 35px auto;
    background-color:#000;
    display:flex;
}
.evKv .ttl{
    width:630px;
    box-sizing: border-box;
    align-items: center;
    display: flex;
    justify-content: center;
}
.evKv .ttl01{
    color:#fff;
    font-size:36px;
    font-weight:550;
    line-height:1;
    border-left:solid #fff 7px;
    padding-left:32px;
}
.evKv .ttl01 span{
    color:#cdcdcd;
    font-size:16px;
    display:block;
    line-height:1;
    font-weight:550;
    margin-top:1em;
}
.evKv .photo{
    width:470px;
}
.evKv .photo img{
    width:100%;
    vertical-align:bottom;
}
/* --- 検索フォーム --- */
.stevSearchForm {
    width:800px;
    border:1px solid #cdcdcd;
    margin:0 auto 40px auto;
}
.stevSearchForm .ttl03{
    font-size:24px;
    font-weight:550;
    padding:20px 20px 10px;
}
.parts01{
    padding:0 20px;
}
.item01{
    margin:0 0 15px 0;
}
.parts01 b,
.item03 b{
    display:inline-block;
    width:120px;
    font-size:16px;
    color:#777;
    font-weight:550;
}
.tglbtn{
    font-size:16px;
    color:#68c;
    margin:20px;
    cursor:pointer;
    display:inline-block;
}
.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;
}
.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;
}
.tglbtn:hover{
    opacity:0.8;
}
.parts02{
    /* display:none;  */
    padding:0 20px;
    margin-bottom:25px;
}
.item03{
    margin:0 0 25px 0;
}
.item04{
    display:flex;
}
.item04 b{
    display:block;
    width:120px;
    font-size:16px;
    color:#777;
    font-weight:550;
    white-space:nowrap;
}
.formBtns{
    text-align:center;
    background-color:#eee;
    padding:12px;
}

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

/* --- 各店舗ブロック --- */
.evList{
    padding-bottom:5px;
}
.evList a{
    color:#1e77c9;
    text-decoration:none;
    opacity:1;
    transition: .2s linear;
}
.evList a:hover{
    opacity:0.7;
    transition: .2s linear;
}


.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;
}
/*
.eachInfo .arrow{
    position:absolute;
    top:0;
    right:0;
    width:28px;
    height:100%;
    background:#CDCDCD url("../_img_bg/icon_right_arrow.svg") no-repeat right   center;
    background-size:24px auto;
    z-index:10;
}
*/
.eachInfo .ctgTx{
    font-size:14px;
    font-weight:550;
    color:#e75;
    margin-bottom:0.2em;
}
.eachInfo .eventTtl{
    font-size:17px;
    font-weight:600;
    color:#111;
    margin-bottom:25px;
    color:#1e77c9;
}
.eachInfo .DatePrefShop{
    display:flex;
    justify-content: left;
}
.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;
}
.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;
}

.toStEventPg{
    margin:40px auto;
    text-align:center;
    width:550px;
}
.toStEventPg img{
    width:400px;
    margin:0 auto;
}
.toStEventPg p{
    font-size:13px;
    padding:0.5em 0;
    text-align:center;
}
/*
.waitex{
    text-align:center;
    margin:50px 0 150px 0;
}
.waitex h3{
    font-size:24px;
}

.waitex .renewTx{
    font-size:18px;
    margin-top:2em;
}
.renewTx a{
    color:#3333ff;text-decoration:underline;}
}

a.exlink:link{color:#3333ff;text-decoration:underline;}
a.exlink:visited{color:#3333ff;text-decoration:underline;}
a.exlink:hover{
    color:#ff7700;
    text-decoration: underline;
    outline:none;
    opacity:0.7;
    transition: 0.3s ease-in-out;
    cursor:pointer;
}
a.exlink:active{color:#ff7700;text-decoration:underline;}
*/
/* ---------------------------- スマホ --------------------------- */
@media screen and (max-width:767px){

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

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

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

    /* --- 各店舗ブロック --- */
    .evList{
        padding-bottom:1.5vw;
    }
    .eachInfo{
        width:100%;
        padding:6.4vw;
    }
    .eachInfo .ctgTx{
        font-size:4vw;
    }
    .eachInfo .eventTtl{
        font-size:5vw;
        margin-bottom:6.5vw;
    }
    .eachInfo .DatePrefShop{
        display:block;
        line-height:2;
    }
    .DatePrefShop .dateTx{
        font-size:4vw;
        width:auto;
        padding-left:2em;
    }
    .DatePrefShop .prefTx{
        font-size:4vw;
        font-weight:400;
        width:auto;
        padding-left:2em;
    }

    .toStEventPg{
        margin:8vw auto;
        width:90vw
    }
    .toStEventPg img{
        width:100%;
    }
    .toStEventPg p{
        font-size:3.5vw;
        padding:0.5em 0;
    }

}/* スマホ */