@charset "utf-8";

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

#sitemap ul.list,
#sitemap ul.list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#sitemap ul.list {
  padding: 20px 40px;
}

#sitemap ul.list li a {
  color: inherit;
}

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

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

#sitemap ul.list {
  padding: 0;
}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * LV.1
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#sitemap ul.list > li ~ li {
  margin-top: 2em;
}

#sitemap ul.list > li > a {
  color: #7f3527;
  padding-left: 16px;
  background: url(../../_images/_common/icon-arrow-3-right.png) left 4px no-repeat;
  background-size: auto 14px;
}

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

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

#sitemap ul.list > li {
  padding: 0.5em 0;
}

#sitemap ul.list > li ~ li {
  margin-top: 0;
  border-top: 1px solid #717071;
}

#sitemap ul.list > li > a {
  color: inherit;
  background: url(../../_images/_common/icon-arrow-2-right.png) left 4px no-repeat;
  background-size: auto 14px;
}

}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * LV.2～
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#sitemap ul.list ul {
  margin-top: 0.5em;
}

#sitemap ul.list ul li {
  margin: 0.25em 0;
  padding: 0 0.5em;
  vertical-align: top;
  display: inline-block;
}

#sitemap ul.list ul li ~ li {
  border-left: 1px solid #777;
}

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

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

#sitemap ul.list ul {
  margin-top: 0;
  margin-left: 1em;
  padding: 0.5em 0;
}

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

#sitemap ul.list ul li {
  margin: 0.25em 1em;
  padding: 0;
  padding-left: 16px;
  background: url(../../_images/_common/icon-arrow-3-right.png) left 2px no-repeat;
  background-size: auto 14px;
}

#sitemap ul.list ul li ~ li {
  border-left: none;
}

}