/* Scss Document */
/* Scss Document */
.section.section_cont {
  padding-bottom: 80px;
  padding-top: 30px; }
  @media (min-width: 960px) {
    .section.section_cont {
      padding-bottom: 110px;
      padding-top: 20px; } }
.section .section_title_wrap.n {
  margin-bottom: 20px; }
.section .section_title_wrap .title_wrap .text span:not(:last-child):after {
  content: ' / ';
  display: inline-block;
  padding: 0 0 0 6px; }

@media (min-width: 768px) {
  .section .section_title_wrap {
    margin-bottom: 50px; } }

.flex_archives .conditions_wrap {
  border: 1px solid #f7f7f7;
  border-radius: 4px;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
  margin: 20px auto 40px auto; }

.list_number_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 20px;
  flex-wrap: wrap;
  font-size: var(--fontsize_l);
  font-family: YuGothic, "Yu Gothic", "Noto Sans JP", sans-serif;
  font-weight: 700; }
  .list_number_wrap .num {
    font-size: 4rem; }
  .list_number_wrap .to_link {
    margin: 0; }

.archives_order_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 20px;
  margin: 80px 0 20px 0; }
  .archives_order_wrap .order {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 20px; }

.conditions_wrap .boxes {
  grid-gap: 0; }
.conditions_wrap .part {
  margin-bottom: 20px !important; }
@media (min-width: 960px) {
  .conditions_wrap .part {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; }
    .conditions_wrap .part > .label {
      width: 100px;
      min-width: 100px;
      max-width: 100px;
      min-height: calc( 28px + 20px );
      margin-bottom: 0;
      display: flex;
      align-items: center; }
    .conditions_wrap .part > .cont {
      width: 100%; } }

.archives_cont_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column-reverse; }
  @media (min-width: 960px) {
    .archives_cont_wrap {
      flex-direction: row; } }
  .archives_cont_wrap .sidebar {
    background-color: #FCFBF8;
    border-radius: 4px;
    border: 2px solid #EEE;
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
    max-width: 600px;
    margin: 0 auto 80px; }
    .archives_cont_wrap .sidebar label input + .txt::before, .archives_cont_wrap .sidebar label input + .mwform-radio-field-text::before, .archives_cont_wrap .sidebar label input + .mwform-checkbox-field-text::before {
      border-color: #232323;
      background: #FFF;
      border-radius: 2px; }
    .archives_cont_wrap .sidebar label input:checked[type=checkbox] + .txt::before {
      background: #232323; }
    .archives_cont_wrap .sidebar label input[type=checkbox] + .txt::after, .archives_cont_wrap .sidebar label input[type=checkbox] + .mwform-checkbox-field-text::after {
      border-color: #FCFBF8;
      width: 12px;
      height: 7px;
      left: 3px; }
    .archives_cont_wrap .sidebar .links_wrap .btns {
      display: block; }
    .archives_cont_wrap .sidebar .links_wrap .a {
      color: #333333;
      text-decoration: none;
      font-size: 1.07rem;
      justify-content: space-between; }
      .archives_cont_wrap .sidebar .links_wrap .a:after {
        content: '';
        width: 14px;
        height: 14px;
        border: 1px solid transparent;
        transform: rotate(45deg);
        display: inline-block;
        box-sizing: border-box;
        border-top-color: #111;
        border-right-color: #111;
        width: 8px;
        height: 8px;
        margin-right: 6px; }
    .archives_cont_wrap .sidebar .box {
      padding: 28px 0; }
      .archives_cont_wrap .sidebar .box .label {
        font-size: 1.07rem; }
      .archives_cont_wrap .sidebar .box:not(:last-child) {
        border-bottom: 1px solid #EEE0F0; }
      .archives_cont_wrap .sidebar .box .group .label {
        display: flex;
        align-items: center; }
        .archives_cont_wrap .sidebar .box .group .label:after {
          content: '';
          width: 14px;
          height: 14px;
          border: 1px solid transparent;
          transform: rotate(45deg);
          display: inline-block;
          box-sizing: border-box;
          border-bottom-color: #111;
          border-right-color: #111;
          width: 6px;
          height: 6px;
          margin-left: 6px;
          transform: rotate(-45deg); }
        .archives_cont_wrap .sidebar .box .group .label + .ac {
          margin-top: 20px; }
      .archives_cont_wrap .sidebar .box .group.active .label:after {
        transform: rotate(45deg); }
  .archives_cont_wrap .archives_wrap {
    margin-bottom: 60px; }
    @media (min-width: 960px) {
      .archives_cont_wrap .archives_wrap {
        margin-bottom: 0; } }
    .archives_cont_wrap .archives_wrap .archives {
      --gap: 60px; }
      .archives_cont_wrap .archives_wrap .archives .archive:before {
        content: '';
        background: #e9e9e9;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: calc( -1 * var(--gap) / 2 ); }
      .archives_cont_wrap .archives_wrap .archives .archive .info .name {
        font-size: 1.2rem; }
      .archives_cont_wrap .archives_wrap .archives .archive .info .text {
        font-size: var(--fontsize_s); }
      .archives_cont_wrap .archives_wrap .archives .archive .info .data .text {
        font-size: 1rem; }
    .archives_cont_wrap .archives_wrap .results {
      display: flex;
      justify-content: space-between;
      margin-bottom: 60px; }
      .archives_cont_wrap .archives_wrap .results .sort {
        display: flex;
        align-items: center; }
        .archives_cont_wrap .archives_wrap .results .sort .a:after {
          content: '';
          display: inline-block;
          width: 14px;
          height: 14px;
          border: 1px solid transparent;
          transform: rotate(45deg);
          display: inline-block;
          box-sizing: border-box;
          border-bottom-color: #111;
          border-right-color: #111;
          width: 8px;
          height: 8px;
          margin-left: 5px;
          margin-top: -2px; }
    .archives_cont_wrap .archives_wrap .pagination {
      margin-top: 70px;
      justify-content: center; }
      .archives_cont_wrap .archives_wrap .pagination .nav-links {
        display: flex;
        grid-gap: 5px;
        justify-content: center; }
        .archives_cont_wrap .archives_wrap .pagination .nav-links .prev, .archives_cont_wrap .archives_wrap .pagination .nav-links .next {
          line-height: 22px; }
        .archives_cont_wrap .archives_wrap .pagination .nav-links > * {
          color: #333333;
          text-decoration: none;
          width: 25px;
          height: 25px;
          border: 1px solid #CCC;
          text-align: center;
          line-height: 25px; }
        .archives_cont_wrap .archives_wrap .pagination .nav-links .page-numbers:not(.dots):hover {
          transition: .3s;
          background: #333;
          color: #FFF;
          border-color: #333; }
        .archives_cont_wrap .archives_wrap .pagination .nav-links .page-numbers:not(.dots).current {
          background: #333;
          color: #FFF;
          border-color: #333; }
        .archives_cont_wrap .archives_wrap .pagination .nav-links .prev .txt {
          width: 8px;
          height: 8px;
          border: 1px solid transparent;
          transform: rotate(45deg);
          display: inline-block;
          box-sizing: border-box;
          border-bottom-color: #111111;
          border-left-color: #111111;
          margin-left: 4px; }
        .archives_cont_wrap .archives_wrap .pagination .nav-links .prev:hover .txt {
          border-bottom-color: #FFF;
          border-left-color: #FFF; }
        .archives_cont_wrap .archives_wrap .pagination .nav-links .next .txt {
          width: 8px;
          height: 8px;
          border: 1px solid transparent;
          transform: rotate(45deg);
          display: inline-block;
          box-sizing: border-box;
          border-top-color: #111111;
          border-right-color: #111111;
          margin-right: 5px; }
        .archives_cont_wrap .archives_wrap .pagination .nav-links .next:hover .txt {
          border-top-color: #FFF;
          border-right-color: #FFF; }
  @media (min-width: 960px) {
    .archives_cont_wrap {
      grid-gap: 55px; }
      .archives_cont_wrap .sidebar {
        width: 280px;
        margin: 0 auto; }
      .archives_cont_wrap .archives_wrap {
        width: calc(100% - 280px - 55px); }
        .archives_cont_wrap .archives_wrap .archives {
          --gap: 60px; }
          .archives_cont_wrap .archives_wrap .archives .archive:before {
            content: '';
            background: #e9e9e9;
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: calc( -1 * var(--gap) / 2 ); }
          .archives_cont_wrap .archives_wrap .archives .archive:not(:nth-child(3n)):before {
            width: calc(100% + var(--gap)); }
          .archives_cont_wrap .archives_wrap .archives .archive:nth-child(3n):after {
            display: none; } }

#sort {
  background: none;
  border: 1px solid #232323;
  width: 100%;
  height: 40px;
  margin: 20px 0;
  transition: .33s;
  color: #232323; }
  #sort:hover {
    background: #232323;
    color: #FFF; }