@charset "utf-8";

/* ****************************************************************************************************
   * サイトマップ
**************************************************************************************************** */

nav#sitemap ul.list,
nav#sitemap ul.list li {
  margin: 0;
  padding: 0;
}

nav#sitemap ul.list li {
  list-style: none;
}

nav#sitemap ul.list li a {
  height: 100%;
  padding: 1em 1em 0.75em 1em;
  display: block;
  color: inherit;
  text-decoration: none;
  position: relative;
}

nav#sitemap ul.list li a[href]:hover {
  background-color: #f9f9f9;
}

/* * ブレイクポイント
/* ------------------------------------------------------------------------------------------------- */

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

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 1階層目
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

nav#sitemap ul.list > li {
  border-bottom: solid 1px #ddd;
}

nav#sitemap ul.list > li > a:before {
  content: '\f054';
  font-family: 'FontAwesome';
  display: inline-block;
  color: #16a085;
  line-height: 1;
  font-size: 10px;
  text-align: left;
  position: absolute;
  top: 21px;
  left: 0;
}

/* * ブレイクポイント
/* ------------------------------------------------------------------------------------------------- */

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

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 2階層目以降
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

nav#sitemap ul.list li.parent {
  width: 100%;
  display: table;
}

nav#sitemap ul.list li.parent > a {
  width: 30%;
  white-space: nowrap;
  vertical-align: top;
  display: table-cell;
}

nav#sitemap ul.list ul {
  width: 70%;
  padding: 0;
  vertical-align: top;
  display: table-cell;
}

nav#sitemap ul.list ul li ~ li {
  border-top: solid 1px #ddd;
}

nav#sitemap ul.list ul li a:before {
  content: '';
  display: inline-block;
  line-height: 1;
  border-radius: 100%;
  border: solid 3px #444;
  position: absolute;
  top: 23px;
  left: 0;
}

/* * ブレイクポイント
/* ------------------------------------------------------------------------------------------------- */

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

nav#sitemap ul.list li.parent {
  width: 100%;
  display: block;
}

nav#sitemap ul.list li.parent > a {
  width: 100%;
  white-space: normal;
  display: block;
}

nav#sitemap ul.list ul {
  width: 100%;
  display: block;
}

nav#sitemap ul.list ul li {
  padding-left: 1em;
  border-top: dotted 1px #ddd;
}

nav#sitemap ul.list ul li ~ li {
  border-top: dotted 1px #ddd;
}

}