@charset "utf-8";

/* ---------------------------------------------------------
    sitemap
   ---------------------------------------------------------*/

.sitemapWrap{
	/* clear:both; */
	/* overflow: hidden; */
	margin-bottom:20px;
	display: grid;
	grid-template-columns: 0.8fr 1fr 1fr;
	gap: 16px;
	width: 100%;
	max-width: 1200px;
}

.smWrap_2col {
	grid-template-columns: 0.8fr 1fr;
	max-width: 755px;
}

.sitemapBox01{
	/* float:left; */
	/* width:315px; */
/*	width:300px; */
}

.sitemapBox01.last {
	border-right: none;
}

/* .sitemapBox01 dt{
	clear:both;
} */

.sitemapBox01 dt h3{
	font-weight:bold;
	background:url(../images/ico_03.png) 0 4px no-repeat;
	margin: 0 0 8px 0;
	padding-left:25px;
}

.sitemapBox01 dt h4{
	padding-left:20px;
	background:url(../images/ico_01.png) 2px 4px no-repeat;
	margin:0;
}

.sitemapBox01 dt h4 a,
.sitemapBox01 dd a{
	color:#666;
}

.sitemapBox01 dt h4 a:hover,
.sitemapBox01 dd a:hover{
	color:#999;
	text-decoration:underline;
}

.sitemapBox01 dd{
	padding-left: 20px;
}

.sitemapBox01 ul{
	margin-bottom: 8px;
	overflow: hidden;
}

.sitemapBox01 li{
	background:url(../images/ico_01.png) 0px 4px no-repeat;
	padding-left:20px;
}

.sitemapBox01 ul.sitemapListHorizon {
	display: flex;
	flex-wrap: wrap;
}

.sitemapBox01 ul.sitemapListHorizon li {
	/* float: left; */
	/* width:115px; */
/*	width: 100px; */
	width: 50%;
	box-sizing: border-box;
}


/* media 1613 */
/* @media screen and (max-width:1613px){

	.sitemapWrap{
		width:100%;
	}

} */

/* media 1024 */
@media screen and (max-width: 1024px){
	.sitemapWrap{
		grid-template-columns: 4fr 6fr;
		max-width: 780px;
	}
}

/* media 767 */
@media screen and (max-width: 767px){
	.sitemapWrap{
		grid-template-columns: 1fr;
		max-width: 450px;
		margin-bottom:0px;
	}
}

/* media 600 */
/* @media screen and (max-width:600px){ */

	/* .sitemapWrap{
		margin-bottom:0px;
	}
	 */
	/* .sitemapBox01 ul.sitemapListHorizon li {
		width:110px;
	} */

/* } */


