@charset "utf-8";
/*
Theme Name: manubol
*/
/*-------------------------------------------*/
/*  CONTENTS:
/*--------------------------------------------
1.0 - 展覧会・イベント
    1.1 - 展覧会・イベント一覧
    1.2 - イベント詳細
---------------------------------------------*/

/*-------------------------------------------*/
/*  1.0 - 展覧会・イベント
/*-------------------------------------------*/

/*  1.1 - 展覧会・イベント一覧
/*-------------------------------------------*/
.event_list {
    padding: 0 20px;
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}
.event_list h3 {
    margin-bottom: 30px;
    text-align: center;
    padding-bottom: 20px;
    background: url(../images/common/line_stripe.png) no-repeat bottom center;
    background-size: 114px 9px;
    font-size: 1.8rem;
}
.event_list > div {
    margin: 30px 0 0;
}
.event_list div p {
    margin-bottom: 3px;
}
.event_list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
}
.event_list div p.event_period {
    font-size: 1.0rem;
}
.evnet_info-box .item2 {
    font-size: 1.3rem;
}
.banner.bnr728 {
    display: none;
}
@media screen and (min-width: 768px) {
    .event_list {
        display: block;
    }
    .event_list h3 {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        background: none;
    }
    .event_list h3:before,
    .event_list h3:after {
        content: '';
        width: 114px;
        height: 9px;
        flex-grow: 1;
        background-image: url(../images/common/line_stripe.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 15px;
    }
    .event_list h3:before {
        transform: rotate(180deg);/*ラインを反転*/
    }
    .event_list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    }
    .banner.bnr728 {
        display: block;
    }
}

/*  1.2 - イベント詳細
/*-------------------------------------------*/
.event_detail {
    padding: 0 20px;
    margin: 20px 0;
}
.banner.bnr728 {
    display: none;
}
.event_detail h2 {
    font-size: 2.6rem;
}
.event_detail .book_cover {
    margin: 20px auto;
    width: 70%;
}
.event_detail .book_cover img {
    filter: drop-shadow(5px 5px 2px rgba(0,0,0,.1));
 }
aside > :nth-child(2) {
    display: none;
}
@media screen and (min-width: 768px) {
    .banner.bnr728 {
       display: block;
    }
        aside > :nth-child(2) {
        display: block;
    }
}