@charset "utf-8";
/*--京international.css--*/
/* ##########PC########## */
.contents.performance .icon{
    width: 5rem;
    margin: 0;
}

    .contents.performance .icon img{
        max-width: auto !important;
        max-width: initial !important;
        width: 100%;
        float: left;
    }

    .contents.performance p.link{
        overflow: hidden;
        padding-left: 1em;
        padding-bottom: 1em;
    }

    .contents.performance p.clear{
        margin: 0;
        clear: both;
    }

.page_body .touroku_pattern{
    background: rgba(204, 204, 204,0.2);
    padding: 1em 1.5em;
    border-radius: 0.5rem;
}

.page_body .voice{
    background: rgba(0,160,198,0.08);
    padding: 1em 1.5em;
    border-radius: 0.5rem;
}

.page_body .teiketsuko{
    margin-top: 3em;
}

    .page_body .teiketsuko thead th{
        text-align: left;
    }

    .page_body .teiketsuko tbody tr td:nth-child(1){
        width: 2em;
        text-align: center;
    }

    .page_body .teiketsuko tbody tr td .lbl_en{
        display: block;
        color: #1386b4;
        font-size: 0.9em;
        line-height: 1.3;
    }

    .page_body .teiketsuko tbody tr td a[target="_blank"]{
        color: #111;
        text-decoration: none;
        font-size: 1.05em;
    }

    .page_body .teiketsuko tbody tr td a[target="_blank"]:hover{
        text-decoration: underline;
    }

    .page_body .teiketsuko tbody tr td a[target="_blank"]::after{
        content: "";
        display: inline-block;
        width: 0.875rem;
        aspect-ratio: 1 / 1;
        background-image: url(../shared/icon_target_blank.png);
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 0.3em;
    }

    .page_body .teiketsuko tbody tr td ul{
        margin: 0;
        line-height: 1.3;
    }

        .page_body .teiketsuko tbody tr td ul li::before{
            top: 0.4em;
        }

.room_member_list_table th{
    width: 13em;
}

.room_member_list_table td ul{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

    .room_member_list_table td ul li{
        margin: 0;
        padding: 0;
    }

        .room_member_list_table td ul li::before{
            content: none;
        }

        .room_member_list_table td ul li::after{
            content: "、";
        }

        .room_member_list_table td ul li:last-child:after{
            content: none;
        }

.room_activities{
    margin-top: 2em;
    margin-bottom: 2em;
}

.room_activities ul{
    display: flex;
    flex-wrap: wrap;
    gap: 1em 1.5em;
}

    .room_activities ul li{
        box-sizing: border-box;
        width: calc((100% - 3em) / 3);
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.3em;
    }

   .room_activities ul li::before{
    content: none;
   }

.room_activities_list_table th:nth-child(1){
    width: 35%;
}

.room_activities_list_table th:nth-child(3){
    width: 5.5em;
}

.room_activities_list_table th:nth-child(4){
    width: 8em;
}

.international_room_imgs{
    gap: 1em;
    align-items: flex-start !important;
    margin: 1.5em 1em 0;
}

    .international_room_imgs figure{
        width: calc((100% - 2em) / 3);
    }

.contents.international.performance .page_body .wp-block-group.is-layout-flex{
    gap: 1em;
    align-items: flex-start;
    margin-bottom: 1em;
    line-height: 1.6;
}

    .contents.international.performance .page_body .wp-block-group.is-layout-flex figure{
        width: 3rem;
    }

    .contents.international.performance .page_body .wp-block-group.is-layout-flex p{
        flex: 1;
        word-break: break-all;
    }




@media screen and (min-width:1px) and (max-width:1400px) {
}

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){


}

/* ##########SP横向き########## */
@media screen and (min-width:1px) and (max-width:768px) {

}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:575px) {
    .contents.overview .alignright{
        float: none;
        margin: 0 auto 1em;
    }

    .room_member_list_table th{
        width: 7em;
    }

    .room_activities ul{
        gap: 1em;
    }

    .room_activities ul li{
        width: calc((100% - 1em) / 2);
    }
    .room_activities_list_table table{
        table-layout: fixed;
    }

    .room_activities_list_table th:nth-child(1){
        width: 12em;
    }

    .room_activities_list_table th:nth-child(2){
        width: 10em;
    }

    .room_activities_list_table th:nth-child(4){
        width: 8em;
    }


}


/* ##########印刷用########## */
@media print{

}