@charset "utf-8";
/*--京sitemap.css--*/
/* ##########PC########## */
.sitemap_box{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

    .sitemap_box > ul{
        display: flex;
        flex-wrap: wrap;
        gap: 0.5em 2em;
    }

    .sitemap_box > ul > li{
        box-sizing: border-box;
        width: calc((100% - 2em) / 2);
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding: 0 0 2px 0;
    }

        .sitemap_box > ul > li::before{
            content: none;
        }

        .sitemap_box > ul > li a{
            display: block;
            text-decoration: none;
            font-size: 1.1em;
            padding: 0.75em 0.5em 0.75em 3rem;
        }

        .sitemap_box > ul > li a:hover{
            color: var(--base_color2);
            background: var(--base_color8);
        }

        .sitemap_box > ul > li a::before{
            content: "";
            display: inline-block;
            width: 1.75rem;
            aspect-ratio: 1 / 1;
            border-radius: 50%;
            background-color: var(--base_color2);
            background-image: url(../shared/icon_arrow_w.png);
            background-size: 1rem auto;
            background-position: center center;
            background-repeat: no-repeat;
            position: absolute;
            top: 0.75em;
            left: 0.5em;
        }


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

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){
    .sitemap_box{
        width: 100%;
    }

}

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

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:575px) {
    .sitemap_box > ul{
        flex-direction: column;
        gap: 0 0.5em;
    }

    .sitemap_box > ul > li {
        width: 100%;
    }

}


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

}