@charset "UTF-8";

/* Main Layout
----------------------------------------------------------------------------- */
main.sitemap {
    width: 750px;
    margin: 0 auto;
}

main.sitemap section {
    margin: 4rem 0;
}

main.sitemap h2.title {
    margin-bottom: 2rem;
}

main.sitemap h3 {
    margin-bottom: 1rem;
}
main h3.title {
	position: relative;
	padding: 0 0 0 18px;
}
main h3.title:before {
	content: " ";
	position: absolute;
	top: .4em;
	left: 0;
	width: 12px;
	height: 12px;
	background-color: #C1B276;
}
main.sitemap h4 {
    margin-bottom: .5rem;
}


/* Site List
----------------------------------------------------------------------------- */
.siteList {
    margin-bottom: 20px;
}
.siteList h4 {
    margin: 2rem 0 .5rem 0;
}
.siteList ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.siteList ul ul {
    margin: 10px 0!important;
}
.siteList ul li {
    position: relative;
    padding-left: 14px;
}
.siteList ul li::after {
    content: '';
    display: block;
    position: absolute;
    top: 1.1rem;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -.5rem;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #999999;
}
.siteList ul + .linkList {
    margin-top: 1rem;
}


/* Flexbox
----------------------------------------------------------------------------- */
.flexBox {
    display: flex;
    flex-wrap: wrap;
}
.flexBox > .in-box {
    width: calc(50% - 20px);
}
.flexBox > .in-box + .in-box:not(:nth-child(odd)) {
    margin-left: 40px;
}
.flexBox > .in-box > section:first-child {
    margin-top: 0;
}