@charset "utf-8";
/****************************************************************************************************

各エリアindex

****************************************************************************************************/
@media only screen and (max-width:736px){
}

/****************************************************************************************************

立命館プラザ

****************************************************************************************************/
.plaza{
    padding: 20px;
    border: 1px solid #ccc;
    font-size: 1.2rem;
}
@media only screen and (max-width:736px){
.plaza{
    padding: 10px;
}
}


.plazaRow{
}
@media only screen and (max-width:736px){
}

.plazaCol.-col1{
    float: left;
    width: calc( 540 / 760 * 100% );
}
.plazaCol.-col2{
    float: right;
    width: calc( 200 / 760 * 100% );
}
@media only screen and (max-width:736px){
.plazaCol.-col1{
    float: none;
    margin-bottom: 20px;
    width: 100%;
}
.plazaCol.-col2{
    float: none;
    width: 100%;
}
}




.plazaImg{
    float: left;
    width: calc( 200 / 540 * 100% );
}
@media only screen and (max-width:736px){
.plazaImg{
    float: none;
    margin-bottom: 10px;
    width: 100%;
}
}


.plazaInfo{
    float: right;
    width: calc( 320 / 540 * 100% );
}
@media only screen and (max-width:736px){
.plazaInfo{
    float: none;
    width: 100%;
}
}


.plazaBox{
    margin-bottom: 20px;
}

.plaza__lead{
    margin-bottom: 5px;
    font-weight: bold;
}

.area1 .plaza__leadIcon{ color: #FD9C9C; }
.area4 .plaza__leadIcon{ color: #99D0B3; }