@charset "utf-8";
/*===========================================
accommodation
===========================================*/
#pageTitle .icon{
    background-image:url(../images/menu_icon-hotel@2x.png);
}
#pageTitle small{
    font-size:.875rem;
}
@media screen and (max-width:576px){
    #pageTitle small{
        display:block;
        padding-top:5px;
    }
}

/*-------------------------------------------
content
-------------------------------------------*/
.hotelItem{
    position:relative;
    border-bottom:1px solid #ddd;
    padding-left:250px; padding-bottom:30px;
}
.hotelItem:nth-of-type(n+2){
    margin-top:30px;
}
.hotelItem:last-of-type{
    border-bottom:none;
}
    .hotelImg{
        margin:0;
        position:absolute; left:0;
        width:220px;
        text-align:center;
    }
        .hotelImg img{
            width:100%;
        }
    .hotelName{
        margin:0 0 10px;
        color:#000;
        font-size:1.5rem; line-height:1.4;
    }
    .hotelIcon{
        line-height:24px;
        background-position:0 0;
        background-repeat:no-repeat;
        background-size:24px 24px;
        padding-left:30px;
        margin-top:5px;
    }
    .hotelTel{
        background-image:url(../images/icon-tel.svg?v=20190826);
    }
    .hotelAddress{
        background-image:url(../images/icon-location.svg?v=20190826);
    }
    .hotelFiles{
        background-image:url(../images/icon-desc.svg?v=20190826);
    }
    .hotelWeb{
        background-image:url(../images/icon-web.svg?v=20190826);
    }
        .hotelWeb a{
            font-size:.875rem; line-height:1.2;
            word-break:break-all;
        }
@media screen and (max-width:640px){/* Xiaomi Landscape */
    .hotelItem{
        padding-left:35%;
    }
        .hotelImg{
            width:30%;
        }
        .hotelInfo{
            font-size:.875rem;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .hotelItem{
        padding-left:0;
    }
        .hotelImg{
            position:static;
            width:180px;
            margin:0 auto 20px;
        }
        .hotelInfo{
            position:relative;
            background-color:#f5f5f5;
            padding:30px 15px 15px;
            border-radius:5px;
        }
            .hotelInfo::before{
                content:"";
                display:block;
                width:11px; height:11px;
                border-radius:50%;
                background-color:#fff;
                position:absolute; top:12px; left:50%;
                margin-left:-5px;
            }
            .hotelInfo::after{
                content:"";
                display:block;
                width:1px; height:30px;
                border-left:1px solid BurlyWood;
                position:absolute; top:-15px; left:50%;
            }
}