/* --------------------------------------------------------------------------

    英語版レイアウト崩れ調整用CSS
    .EN を頭につけて上書き

   -------------------------------------------------------------------------- */

/* ----------------- ヘッダー ----------------- */

/* ----------------- フッター ----------------- */

/* ---------------- トップページ ---------------- */

/* ----------------- 個別ページ ----------------- */
.EN .parking_info{
    flex-wrap: wrap;
}

.EN .comment {
    margin: 5px 16px 0 0;
}

.EN .info-title{
    letter-spacing: 0.08em;
}

.EN .label{
    width: 112px;
    text-align: left;
    text-align-last: left;
}

/*  料金シミュ  */
.EN .parking-form-date label[for="entry-date"],
.EN .parking-form-date label[for="exit-date"]{
    width: 78px;
    flex-shrink: 0;
}

.EN .select_wrapper::after{
    right: 13px;
}

.EN .arrow-shape{
    margin-left: 10px;
}

.EN .parking-fee{
    margin-bottom: 1px;
}

/*  アコーディオンメニュー  */
.EN .accordion-item.open .accordion-content{
    max-height: 100px;
}

.EN .around h2 span{
    padding: 2px 5px;
}

.EN .photo-wrapper .credit{
    text-align: right;
}

@media screen and (max-width: 1140px) {
    /*  料金シミュ  */
    .EN .select_wrapper::after{
        right: 10px;
    }

    .EN .arrow-shape{
        margin-left: 6px;
    }

    .EN #result{
        min-width: 230px;
        height: auto;
        min-height: 60px;
    }
}

/* スマホ・タブレット版 */
@media screen and (max-width: 1000px) {
    /* ---------------- トップページ ---------------- */
    .EN .top_map_txt.ani_l2 {
        top: 92px;
    }
}

@media screen and (max-width: 850px) {
    /*  料金シミュ  */
    .EN .label span{
        letter-spacing: 0.1em;
    }
    /*  アコーディオンメニュー  */
    .EN .accordion-item.open .accordion-content{
        max-height: 200px;
    }
}

@media screen and (max-width: 900px) {
    .EN .around h2 span {
        display: inline-block;
        right: 0;
        width: calc(100% - 300px);
        line-height: 1.2;
    }
}

@media screen and (max-width: 500px) {
    /* ---------------- トップページ ---------------- */
    .EN .top_news{
        position: relative;
        top: -8px;
        left: 33%;
    }

    .EN .top_detail_container img{
        width: 100%;
        height: auto;
    }

    /* ----------------- 個別ページ ----------------- */
    .EN .newslink,
    .EN .newslink_no{
        left: 10px;
    }
    /*  料金シミュ  */
    .EN input[type="date"]{
        width: 43%;
    }

    .EN .parking-form-date label[for="entry-date"],
    .EN .parking-form-date label[for="exit-date"]{
        width: auto;
    }

    .EN label[for="entry-hour"],
    .EN label[for="exit-hour"]{
        position: static;
    }

    .EN #result{
        min-width: auto;
    }

    /*  アコーディオンメニュー  */
    .EN .accordion-item.open .accordion-content{
        max-height: 260px;
    }

    .EN .info-title{
        position: relative;
    }

    .EN .around h2 span {
        width: calc(96% - 10px);
        margin: 3px 0 1px;
    }
}

@media screen and (max-width: 374px){
    /* ---------------- トップページ ---------------- */
    .EN .top_news{
        left: 30%;
    }
}