@charset "utf-8";

#sitemap {
    .wrap {
        .contents {
            max-width:900px;
            .sitemap {
                display:grid;
                grid-template-columns:repeat(2,1fr);
                grid-column-gap:8%;
                font-size:1.6rem;
                .menu {
                    display:grid;
                    grid-row-gap:20px;
                    & > li {
                        & > a {
                            display:grid;
                            align-items:center;
                            padding-left:1em;
                            height:3em;
                            border:1px solid #F47B25;
                            border-left:10px solid #F47B25;
                        }
                        .sub-menu {
                            padding:1.5em 1.5em .5em;
                            display:grid;
                            grid-row-gap:1.25em;
                            & > li {
                                & > a {
                                    display:inline-grid;
                                    grid-template-columns:repeat(2,auto);
                                    align-items:center;
                                    grid-column-gap:.66em;
                                    &::before {
                                        content:'';
                                        width:.66em;
                                        height:.8em;
                                        background-color:#000000;
                                        clip-path:polygon(0 0,100% 50%, 0 100%);
                                    }
                                }
                            }
                            .sub-menu {
                                padding-bottom:0;
                            }
                        }
                    }
                }
                .menu-sitemap1-container {
                    display:none;
                }
                .menu-sitemap3-container {
                    .menu {
                        .sub-menu {
                            padding-bottom:1.15em;
                        }
                    }
                }
            }
        }
    }
}

@media (hover:hover) {

    #sitemap {
        .wrap {
            .contents {
                .sitemap {
                    .menu {
                        a {
                            transition:.3s;
                            &:hover {
                                opacity:1;
                                color:#F47B25;
                                &::before {
                                    transition:.3s;
                                }
                            }
                        }
                        & > li {
                            & > a {
                                &:hover {
                                    background-color:#F47B25;
                                    color:#FFFFFF;
                                }
                            }
                            .sub-menu {
                                & > li {
                                    & > a {
                                        &:hover {
                                            &::before {
                                                background-color:#F47B25;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    
}

@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){
}

@media screen and (max-width:768px){
    
    #sitemap {
        .wrap {
            .contents {
                .sitemap {
                    grid-template-columns:repeat(2,1fr);
                    grid-column-gap:3%;
                    font-size:min(3.4vw,1.6rem);
                    .menu {
                        display:grid;
                        grid-row-gap:.66em;
                        & > li {
                            & > a {
                                padding-left:.66em;
                            }
                            .sub-menu {
                                padding:1.5em 1em .5em 1.5em;
                            }
                        }
                    }
                    .menu-sitemap1-container {
                        display:none;
                    }
                    .menu-sitemap3-container {
                        .menu {
                            .sub-menu {
                                padding-bottom:1.75em;
                            }
                        }
                    }
                }
            }
        }
    }
    
}