@charset "utf-8";
/*--京jr_map.css--*/
/* ##########PC########## */
/*----------header----------*/

/*----------contents----------*/
.jr_kokunai_map_box,
.jr_kaigai_map_box{
    margin-bottom: 2em;
}

    .jr_kokunai_map_box > .box_inner{
        position: relative;
        width: 860px;
        height: 960px;
        /*background-image: url("../shared/research/fig_kokunai_map.png");
        background-size: contain;*/
        margin: 0 auto;
    }

    .jr_kaigai_map_box > .box_inner{
        position: relative;
        width: 860px;
        height: 364px;
        /*background-image: url("../shared/research/fig_kaigai_map.png");
        background-size: contain;*/
        margin: 0 auto;
    }

        .jr_kokunai_map_box > .box_inner dl,
        .jr_kaigai_map_box > .box_inner dl{
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            line-height: 1;
            z-index: 1;
        }

        .jr_kokunai_map_box > .box_inner dl.show,
        .jr_kaigai_map_box > .box_inner dl.show{
            z-index: 2;
        }

            .jr_kokunai_map_box > .box_inner dl dt,
            .jr_kaigai_map_box > .box_inner dl dt{
                cursor: pointer;
                transition: .3s all ease;
                display: inline-flex;
                align-items: center;
                font-weight: 500;
            }
            
            .jr_kokunai_map_box > .box_inner dl dt:hover,
            .jr_kaigai_map_box > .box_inner dl dt:hover{
                filter: brightness(120%);
            }

            .jr_kokunai_map_box > .box_inner dl dt .cir,
            .jr_kaigai_map_box > .box_inner dl dt .cir{
                margin-right: 0.3em;
                text-shadow: 0 0 5px #fff;
            }

                .jr_kokunai_map_box > .box_inner dl dt .cir:before,
                .jr_kaigai_map_box > .box_inner dl dt .cir:before{
                    font-family: FontAwesome;
                    content:"\f041";
                    color: #dd4266;
                    font-size: 1.5em;
                    font-weight: normal;
                }

                .jr_kokunai_map_box > .box_inner dl.show dt .cir:before,
                .jr_kaigai_map_box > .box_inner dl.show dt .cir:before{
                    color: #d13060;
                }

            /*文字位置左*/
            .jr_kokunai_map_box > .box_inner dl.pos_left dt,
            .jr_kaigai_map_box > .box_inner dl.pos_left dt{
                /*flex-direction: row-reverse;*/
                position: relative;
            }

            .jr_kokunai_map_box > .box_inner dl.pos_left dt .lbl_area_name,
            .jr_kaigai_map_box > .box_inner dl.pos_left dt .lbl_area_name{
                position: absolute;
                top: 0.3em;
                right: 1.36em;
                white-space: nowrap;
            }

            .jr_kokunai_map_box > .box_inner dl dd,
            .jr_kaigai_map_box > .box_inner dl dd{
                height: 0;
                width: 0;
                overflow: hidden;
                opacity: 0;
                transition: .3s all ease;
            }

            .jr_kokunai_map_box > .box_inner dl.show dd,
            .jr_kaigai_map_box > .box_inner dl.show dd{
                height: auto;
                width: auto;
                opacity: 1;
            }

                .jr_kokunai_map_box > .box_inner dl dd .close,
                .jr_kaigai_map_box > .box_inner dl dd .close{
                    display: none;
                }

                .jr_kokunai_map_box > .box_inner dl.show dd .close,
                .jr_kaigai_map_box > .box_inner dl.show dd .close{
                    display: inline-block;
                    position: absolute;
                    right: 0;
                    top: 0.5em;
                    cursor: pointer;
                    transition: .3s all ease;
                }

                .jr_kokunai_map_box > .box_inner dl.show dd .close:hover,
                .jr_kaigai_map_box > .box_inner dl.show dd .close:hover{
                    opacity: 0.8;
                }

                .jr_kokunai_map_box > .box_inner dl dd .close:before,
                .jr_kaigai_map_box > .box_inner dl dd .close:before{
                    font-family: FontAwesome;
                    content:"\f00d";
                    text-shadow: none;
                }

                .content_body .jr_kokunai_map_box > .box_inner dl dd table,
                .content_body .jr_kaigai_map_box > .box_inner dl dd table{
                    margin: 0.3em 0 0 0;
                }

                    .content_body .jr_kokunai_map_box > .box_inner dl dd table td,
                    .content_body .jr_kaigai_map_box > .box_inner dl dd table td{
                        padding: 0.2em;
                        line-height: 1.4;
                        background: rgba(255,255,255,0.9);
                        width: 10em;
                    }

.jr_kokunai_list_box,
.jr_kaigai_list_box{}

    .jr_kokunai_list_box > .box_header,
    .jr_kaigai_list_box > .box_header{}

    .jr_kokunai_list_box > .box_inner,
    .jr_kaigai_list_box > .box_inner{
        column-count: 2;
    }

        .jr_kokunai_list_box > .box_inner dl,
        .jr_kaigai_list_box > .box_inner dl{
            display: flex;
            page-break-inside: avoid;
            break-inside: avoid;
            margin-bottom: 1em;
        }

            .jr_kokunai_list_box > .box_inner dl dt,
            .jr_kaigai_list_box > .box_inner dl dt{
                box-sizing: border-box;
                width: 5em;
                background: rgba(0,0,0,0.4);
                border: 1px solid rgba(255,255,255,0.2);
                border-right: none;
                padding: 0.5em 0.7em;
                line-height: 1.6;
            }

            .jr_kaigai_list_box > .box_inner dl dt{
                width: 8em;
            }

            .jr_kokunai_list_box > .box_inner dl dd{
                width: calc(100% - 5em);
            }

            .jr_kaigai_list_box > .box_inner dl dd{
                width: calc(100% - 8em);
            }

                .jr_kokunai_list_box > .box_inner dl dd table,
                .jr_kaigai_list_box > .box_inner dl dd table{
                    margin: 0;
                    width: 100%;
                }

                .jr_kokunai_list_box > .box_inner dl dd table tbody tr:first-child td:last-child,
                .jr_kaigai_list_box > .box_inner dl dd table tbody tr:first-child td:last-child{
                    width: 9em;
                }

@media screen and (min-width:1px) and (max-width:1024px) {
    .jr_kokunai_map_box > .box_inner{
        width: auto;
        height: auto;
    }

    .jr_kaigai_map_box > .box_inner{
        width: auto;
        height: auto;
    }

}

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

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
    .jr_kokunai_map_box > .box_inner{
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .jr_kaigai_map_box > .box_inner{
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    
    .jr_kokunai_map_box > .box_inner dl dt .lbl_area_name{
        font-size: 0.85em;
    }


}

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

}