/* ======================================================================
 p_sitemap
====================================================================== */
.sitemap_area + .sitemap_area {
  margin-top: 70px;
}

.head_link,
.head_link:link,
.head_link:visited {
  color: #CC2346;
  position: relative;
  transition: 0.3s all;
}


.head_link::before {
	display: inline-block;
	content: "";
	width: 8px;
	height: 8px;
	margin-right: 10px;
	border-top: 1px solid #CC2346;
	border-right: 1px solid #CC2346;
	transform: rotate(45deg);
	vertical-align: 3px;
}




.sitemap_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sitemap_list .sitemap_item {
	width: 33.333%;
	padding-left: 5px;
  font-size: 15px;
  transition: 0.3s all;
}



.sitemap_list .sitemap_item::before {
	display: inline-block;
	content: "";
	width: 7px;
	height: 7px;
	margin-right: 10px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(45deg);
	vertical-align: 1px;
}

@media screen and (min-width: 768px) {
  .head_link:hover {
    margin-left: 8px;
  }
  
  .sitemap_list .sitemap_item:hover {
    transform: translateX(8px);
    color: #CC2346;
  }

  .sitemap_list .sitemap_item:hover::before,
  .sitemap_list .sitemap_item:hover:link::before,
  .sitemap_list .sitemap_item:hover:visited::before {
    border-top: 1px solid #CC2346;
    border-right: 1px solid #CC2346;
  }

  .sitemap_list .sitemap_item:hover .link,
  .sitemap_list .sitemap_item:hover .link:link,
  .sitemap_list .sitemap_item:hover .link:visited {
    color: #CC2346;
  }
}

@media screen and (max-width: 767px) {
  .sitemap_list .sitemap_item {
    width: 50%;
  }
}