/*===========================================
Events
===========================================*/
.page__header::after{
    background-image:url(../images/dr/page_header_bg_event.jpg);
}

/*-------------------------------------------
list
-------------------------------------------*/
.events__list{
    list-style:none;
    margin:-30px 0 0;
    padding:0;
}
    .event__item{
        border-bottom:1px solid rgba(0,0,0,.1);
        padding:30px 0;
    }
        .event__item__card{
            display:flex;
            flex-wrap:wrap;
            position:relative;
        }
            .event__cover{
                margin:0;
                width:200px;
                overflow:hidden;
            }
                .event__cover img{
                    display:block;
                    width:100%;
                }
            .event__info{
                flex:1;
                color:#777;
                line-height:1.5;
                position:relative; z-index:2;
                padding-left:30px;
            }
                .event__title{
                    margin:0 0 15px;
                    font-size:1.25rem; font-weight:700;
                    line-height:1.2;
                }
                    .event__link{
                        color:#000;
                        transition:.2s;
                    }
                    .event__link:hover{
                        color:#09F;
                    }
            .event__info > div{
                margin-bottom:5px;
                background-position:0 2px;
                background-repeat:no-repeat;
                background-size:auto 18px;
            }
                .separate{
                    display:inline-block;
                    color:#ccc;
                    font-family:sans-serif;
                    padding:0 5px;
                }
                .event__date{
                    background-image:url(../images/icon-event.svg);
                    padding-left:24px;
                    color:#333;
                    font-weight:700;
                }
                .event__place{
                    background-image:url(../images/icon-place.svg);
                    padding-left:24px;
                }
                .event__place.have-addr{
                    background-image:url(../images/icon-google_map.svg);
                    background-position-x:3px !important;
                }
                    .event__place a{
                            color:#777;
                    }
                    .event__place a:hover{
                            color:#09F;
                    }
                    .event__place-addr{
                        display:inline-block;
                    }
                .event__host{
                    background-image:url(../images/icon-host-organizer.svg);
                    padding-left:24px;
                }
                .event__type{
                    background-image:url(../images/icon-verified.svg);
                    padding-left:24px;
                }
                    .event__type a{
                        display:inline-block;
                        color:#777;
                    }
                    .event__type a:hover{
                        display:inline-block;
                        color:#09F;
                    }
                    .event__socre{
                        display:inline-block;
                    }
                        .event__socre strong{
                            color:#000;
                        }
                .event__apply-info{
                    background-image:url(../images/icon-info.svg);
                    padding-left:24px;
                }
                .event__add__gcal{
                    margin-top:10px;
                }
                    .event__add__gcal .btn-gcal{
                        background-image:url(../images/icon-google_calendar.svg);
                        background-size:auto 20px;
                        background-position:15px 50%;
                        padding-left:42px;
                    }
@media screen and (max-width:576px){
    .event__cover{
        width:140px;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .events__list{
        margin-top:-15px; margin-left:-15px;
    }
        .event__item{
            border-bottom:none;
            padding:20px 0;
        }
            .event__item__card{
                
            }
                .event__cover{
                    width:calc(83% - 30px);
                }
                .event__info{
                    flex:0 0 calc(100% - 20px);
                    background-color:rgba(255,255,255,.9);
                    backdrop-filter:blur(4px);
                    -webkit-backdrop-filter:blur(4px);
                    border-radius:5px;
                    box-shadow:0 5px 15px rgba(0,0,0,.1);
                    font-size:.875rem;
                    margin:-40px 0 0 auto;
                    padding:20px;
                }
                    .event__title{
                        font-size:5vw;
                    }
                .event__info > div{
                    background-position-y:0;
                }
                    .event__date{
                        font-size:1rem;
                    }
                        .event__date .event__date__end{
                            display:block;
                        }
                    .event__place .separate{
                        display:none;
                    }
                    .event__place-addr{
                        display:block;
                    }
                    .event__add__gcal{
                        /* text-align:right; */
                    }
}
@media screen and (max-width:320px){/* i5 */
    .events__list{
        margin-left:-15px;
    }
}

/*-------------------------------------------
RSS
-------------------------------------------*/
.rss__list{
    margin:0;
}
    .rss__list .event__item:first-child {
        padding-top:0;
    }
    .rss__list .event__item{
        padding:20px 10px;
    }
        .rss__list .event__info{
            line-height:1;
            padding-left:0;
        }
            .rss__list .event__link{
                background-image:url(../images/icon-rss.svg);
                background-repeat:no-repeat;
                background-position:0 calc(50% - 1px);
                background-size:16px auto;
                padding-left:24px;
            }
                .rss__list .event__link::after{
                    content:"";
                    display:inline-block;
                    background-image:url(../images/icon-arrow-right.svg);
                    background-repeat:no-repeat;
                    background-position:50% 50%;
                    background-size:contain;
                    width:16px;
                    height:16px;
                    vertical-align:-2px;
                    margin-left:3px;
            }
@media screen and (max-width:440px){/* i16 Pro Max */
    .rss__list .event__item{
        border-bottom:1px solid rgba(0, 0, 0, .1);
    }
        .rss__list .event__info{
            flex:0 0 100%;
            background-color:transparent;
            backdrop-filter:blur(0px);
            -webkit-backdrop-filter:blur(0px);
            border-radius:0;
            box-shadow:none;
            font-size:inherit;
            margin:0;
            padding:0;
        }
}

/*-------------------------------------------
detail
-------------------------------------------*/
.event__detail .article__header{
    display:flex;
    flex-wrap:wrap;
    position:relative;
}
    .event__detail .article__header .event__cover{
        top:0;
        max-height:235px;
        overflow:hidden;
    }
    .event__detail .article__header .article__title{
        margin-bottom:15px;
    }
    .event__detail .article__header .event__add__gcal{
        position:static;
    }
.form__event .form__col{
    color:#111;
    line-height:1.5;
    min-height:65px;
}
.article__body{
    word-break:break-word;
}
    .article__body h1:first-of-type,
    .article__body h2:first-of-type,
    .article__body h3:first-of-type,
    .article__body h4:first-of-type,
    .article__body p:first-of-type{
        margin-top:0;
    }
    .article__body a{
        word-break:break-all;
    }
    .article__body img{
        max-width:100%;
        height:auto !important;
        border-radius:8px;
        margin:10px 0;
        box-shadow:0 3px 8px rgba(0,0,0,.2);
    }
    .article__body img[src*='emoji']{
        box-shadow:none;
    }
    .iframe__wrap{
        position:relative;
        padding-bottom:56.25%;
        overflow:hidden;
        margin:18px 0;
    }
        .iframe__wrap iframe,
        .iframe__wrap object,
        .iframe__wrap embed{
            position:absolute; top:0; left:0;
            width:100%;
            height:100%;
        }
    .article__body table{
        border-collapse:collapse;
        border:1px solid #ccc;
        width:100%;
        margin:1.8rem 0;
        float:none;
    }
        .article__body table th,
        .article__body table td{
            padding:.25rem .5rem;
            border-color:#ccc;
        }
    .col-url a{
        display:inline-block;
        line-height:1.3;
    }
@media screen and (max-width:440px){/* i16 Pro Max */
    .event__detail .article__header{
        padding-left:0;
    }
        .event__detail .article__header .event__cover{
            position:static;
            max-height:none;
            margin-left:-15px;
            width:calc(100% - 15px);
        }
        .event__detail .event__info{
            flex-basis:100%;
            box-shadow:none;
            margin:-40px -15px 0 0;
            padding:20px 0 0 15px;
        }
        .article__body table th,
        .article__body table td{
            font-size:.875rem;
        }
}