.col_tablearea {
  margin: 0;
}
.l_colspan {
  background-color: #f9f9f9;
}
.l_border {
  border-top: 1px solid #ddd;
}
.l_transparent {
  color: transparent;
}
.l_transparent.gray {
  background: #EAEAEA;
}
@media (max-width: 768px) {
  .l_transparent {
    color: rgb(75, 75, 75);
  }
  /* レスポンシブ時非表示 */
  .l_none {
    display: none !important;
  }
}
/*--------------*/
.l_one_block {
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 1px dotted #C8C8C8;
}
.l_grid_3 {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}
.l_grid_2 {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}
.l_sitemap_list > li a {
  /*矢印の基点とするためrelativeを指定*/
  position: relative;
  /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  padding: 3px 40px 3px 30px;
  outline: none;
  /*アニメーションの指定*/
  transition: ease .2s;
}
/* 矢印が右に移動して現在地に戻る */
.l_sitemap_list > li a::after {
  content: '';
  /*絶対配置で矢印の位置を決める*/
  position: absolute;
  top: 42%;
  left: 0;
  /*矢印の形状*/
  width: 5px;
  height: 5px;
  border-top: 2px solid #AAAAAA;
  border-right: 2px solid #AAAAAA;
  transform: rotate(45deg);
}
.l_sitemap_list > li a::after {
  border-top: 2px solid #fdd000;
  border-right: 2px solid #fdd000;
}
/*hoverした際のアニメーション*/
.l_sitemap_list > li a:hover::after {
  animation: arrow .5s;
}
@keyframes arrow {
  50% {
    left: 10px;
  }
  100% {
    left: 13px;
  }
}
/*sitemap内のリスト*/
.l_one_block .l_mokuji_child li {
  margin-left: 2em;
  font-size: .9em;
  margin-bottom: .5em;
}
/**/