@charset "utf-8";
/* CSS Document */

.page-navi {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0 1.5em 0;
  padding: 0;
}

.page-navi li {
  padding: 0 1em 0 0;
}

#mainContent .page-navi li a {
  color: #333333;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

#mainContent .page-navi li a:hover {
  color: #ff6600;
}

#mainContent .page-navi li a::before {
  content: url("/images/icon_yajirushi_01.png");
  display: inline-block;
  height: 17px;
  padding: 0 0.5em 0 0;
}

.category {
  margin: 0 0 2em 0;
  padding: 0;
}

.category-title {
  border-bottom: 1px solid #bababa;
  font-size: 1.25rem;
  font-weight: normal;
  margin: 0 0 1em 0;
  padding: 0 0 0.4em 0;
}

.category-title::after {
  border: solid #ff8200;
  border-width: 0 3px 3px 0;
  content: '';
  display: inline-block;
  margin: 0 0 0 1em;
  padding: 6px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.category-title.none::after {
  border: none;
  border-width: 0;
  content: '';
  display: inherit;
  margin: 0;
  padding: 0;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}

#mainContent .category-title a {
  color: #333333;
}

#mainContent .category-title a:hover {
  color: #ff6600;
}

.category-sections {
  display: flex;
  flex-direction: row;
  font-size: 0.875rem;
  margin: 0 0 2em 0;
}

.category-sections .category-sections-box {
  padding: 0;
  width: calc(100% / 3);
}

.category-sections .category-sections-box+.category-sections-box {
  padding: 0 0 0 0.5em;
}

.category-sections .category-sections-box .category-section {
  padding: 0 0 0.5em 0;
}

.category-section-title {
  background-color: #f2f2f2;
  font-size: 0.9375rem;
  font-weight: normal;
  margin: 0;
  padding: 0.5em 0 0.5em 1em;
  position: relative;
}

.category-section-title::after {
  border: solid #333333;
  border-width: 0 2px 2px 0;
  content: '';
  display: inline-block;
  margin: -0.4em 0 0 0;
  padding: 4px;
  position: absolute;
  top: 50%;
  right: 1em;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.category-section-title.none::after {
  border: none;
}

.category-section-title.nw::after {
  background: url(/images/icon_nw_01.png) 0 100% no-repeat;
  border: none;
  content: '';
  display: inline;
  height: calc(100% / 3);
  padding: 0 0 0 1em;
  right: 0.6em;
  transform: none;
}

.category-section-list .nw::after {
  background: url(/images/icon_nw_01.png) 0 100% no-repeat;
  border: none;
  content: '';
  display: inline;
  height: calc(100% / 3);
  padding: 0 0 0 1em;
  right: 0.6em;
  transform: none;
}

.category-sections .category-sections-box .category-section a:hover {
  color: #ff6600;
  display: block;
}

.category-sections .category-sections-box .category-section a:link {
  color: #333333;
  display: block;
}

.category-section-list {
  padding: 0;
}

.category-section-list li a {
  color: #333333;
  font-weight: normal;
  margin: 0;
  padding: 0.5em 1.5em 0.5em 1em;
  position: relative;
}

.category-section-list li a::after {
  border: solid #333333;
  border-width: 0 2px 2px 0;
  content: '';
  display: inline-block;
  margin: -0.4em 0 0 0;
  padding: 4px;
  position: absolute;
  top: 50%;
  right: 1em;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .category-sections {
    flex-direction: column;
  }
  .category-sections .category-sections-box {
    padding: 0;
    width: 100%;
  }
  .category-sections .category-sections-box+.category-sections-box {
    padding: 0;
  }
  .category-section-list li {
    border-bottom: 1px dotted #eeeeee;
    font-size: 0.85rem;
  }
  .category-section-list li .category-section-list-sub {
    border-top: 1px dotted #eeeeee;
  }
}