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

@max-width 768px

--------------------------------------------------*/
#openroom {
    width:92%;
    margin:0 auto;
}

#openroom .openroom-inner p {
    font-size: 16px;
}

#openroom .openroom-inner {
    padding-top: 75px;
}

#openroom .openroom-inner h2 {
    font-size: 36px;
    padding-top: 75px;
}

#openroom p.date {
    width:100%;
    margin:0 auto;
            font-size: 4.5vw;
    /* font-size:22px; */
}

#openroom .openroom-list {
    margin-bottom: 20px;
}

#openroom .openroom-list .openroom-header {
    width:100%;
    margin:0 auto 15px;
}

#openroom .openroom-list .openroom-body {
    width:100%;
    margin:0 auto;
}

#openroom .openroom-list .openroom-body .openroom-image {
    width:90%;
    margin:0 auto;
    text-align:center;
    display:block;
}

#openroom .openroom-list .openroom-body .openroom-desc {
    width:100%;
    padding-left:0px;
    padding-top: 20px;
}

#openroom .openroom-list .openroom-body .openroom-desc .openroom-info .openroom-info-icon {
    width:10%;
}

#openroom .openroom-list .openroom-body .openroom-desc .openroom-info .openroom-info-icon ul li {
    width: 100%;
}

#openroom .openroom-list .openroom-body .openroom-desc .openroom-info .openroom-info-desc {
    width:100%;
}

#openroom .openroom-list .openroom-body .openroom-desc .openroom-link ul li {
    width:45%;
    padding:1%;
}

#openroom .openroom-list .openroom-body .openroom-desc .openroom-link ul li:first-child {
    margin-left:0px;
}

#openroom .openroom-list .openroom-body .openroom-desc .openroom-icon ul {
    text-align:center;
    padding-top:10px;
}

#openroom .openroom-list .openroom-body .openroom-desc .openroom-icon ul li {
    padding: 1%;
}

#openroom .openroom-list .openroom-body .openroom-desc .openroom-link ul li a {
    width:100%;
}