/* 作成者：繁田 */

/* single.css */

/* PC版 */

.single_center_setting {
  width: 100rem;
  margin: 0 auto;
  padding: calc(11.156rem + 5rem) 0 15rem 0;
}

.single_font_setting {
  font-family: var(--NotoSans);
  font-weight: 500;
  color: #1A1311;
  text-align: left;
}

/* article_area */

.single_article_wrapper {
  width: 100rem;
  border-radius: 2rem;
  box-shadow: 0 0 1rem #00000029;
  margin: 0 auto;
  padding: 4rem;
}

.single_category_flex {
  display: flex;
  column-gap: 2rem;
}

.single_tag_wrapper {
  width: 10rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.5rem;
  background-color: #003D6D;
}

.single_tag_font {
  font-size: 1.2rem;
  color: #FFFFFF;
  text-align: center;
}

.single_title_wrapper {
  margin: 2rem auto 0 auto;
}

.single_title_font {
  font-size: 2.2rem;
  line-height: 2em;
}

.single_visual_wrapper {
  margin: 2rem auto 0 auto;
}

.single_main_img {
  width: 92rem;
  height: 30.8rem;
  object-fit: cover;
}

.single_text_wrapper {
  margin: 2rem 0 0 0;
}

.single_text_font {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.867em;
}

/* link */

.single_link_flex {
  width: 100rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 4.1rem auto 0 auto;
}

.single_back_link {
  width: 19.2rem;
  height: 5.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  order: 2;
  font-family: var(--NotoSans);
  font-size: 1.4rem;
  color: #FFFFFF;
  border-radius: 2.7rem;
  background-color: #003D6D;
}

.single_bottom_flex {
  display: contents;
}

.single_before_flex,
.single_after_flex {
  width: 25.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 0 1rem 0;
  background-color: #003D6D;
  border-radius: 1.5rem;
  box-shadow: 0 0 1rem #00000029;
}

.single_before_flex {
  order: 1;
}

.single_after_flex {
  order: 3;
}

.single_before_text,
.single_after_text {
  width: 22.4rem;
  margin: 0 auto;
  padding: 1rem 0 0 0;
}

.single_photo_img {
  width: 22.4rem;
  height: 12.6rem;
  object-fit: cover;
}

.single_font {
  font-family: var(--NotoSans);
  font-size: 1.3rem;
  line-height: 2.154em;
  color: #FFFFFF;
}

/* 修正 */

.single_page_setting {
  width: 100rem;
  margin: 0 auto;
  padding: 5rem 0 15rem 0;
}

/* link */
.single_category_area_flex {
  display: flex;
  column-gap: 2rem;
  flex-wrap: wrap;
  row-gap: 2rem;
}

.single_category_wrapper {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.7rem 2rem 0.6rem 2rem;
  border-radius: 1.5rem;
  background-color: #003D6D;
}

.single_link_wrapper_flex {
  width: 100rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 4.1rem auto 0 auto;
}

.single_archive_link {
  width: 19.2rem;
  height: 5.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  order: 2;
  margin: 6.3rem 0 0 0;
  font-family: var(--NotoSans);
  font-size: 1.4rem;
  color: #FFFFFF;
  border-radius: 2.7rem;
  background-color: #003D6D;
  order: 2;
}

.single_prev_flex,
.single_next_flex {
  width: 25.4rem;
  height: 23.1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  vertical-align: top;
  padding: 1rem 0 1rem 0;
  background-color: #003D6D;
  border-radius: 1.5rem;
  box-shadow: 0 0 1rem #00000029;
}

.single_next_flex {
  order: 1;
}

.single_prev_flex {
  order: 3;
}

.single_prev_text,
.single_next_text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  vertical-align: top;
  width: 22.4rem;
  margin: 1rem auto 1rem auto;
  padding-top: 0;
}

.next_empty_flex,
.prev_empty_flex {
  content: '';
  width: 25.4rem;
  height: 23.1rem;
}

.next_empty_flex {
  order: 1;
}

.prev_empty_flex {
  order: 3;
}

/* SP版 */

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

  .single_center_setting {
    width: 100%;
    padding: calc(3.277rem + 5rem) 0 10rem 0;
  }

  /* article_area */

  .single_article_wrapper {
    width: 35.5rem;
    padding: 3rem 1rem 3rem 1rem;
  }

  .single_title_wrapper {
    margin: 1rem auto 0 auto;
  }

  .single_visual_wrapper {
    margin: 1rem auto 0 auto;
  }

  .single_main_img {
    width: 33.5rem;
    height: 11.3rem;
  }

  .single_text_wrapper {
    margin: 1rem 0 0 0;
  }

  /* link */

  .single_link_flex {
    width: 100%;
    flex-direction: column-reverse;
    align-items: center;
    column-gap: 0;
    row-gap: 3rem;
    margin: 4rem auto 0 auto;
  }

  .single_back_link {
    order: 1;
  }

  .single_bottom_flex {
    display: flex;
    column-gap: 2.3rem;
  }

  .single_before_flex,
  .single_after_flex {
    width: 16.1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #003D6D;
    border-radius: 1.5rem;
    box-shadow: 0 0 1rem #00000029;
    padding: 1rem 0 1rem 0;
  }

  .single_before_flex {
    order: 2;
  }

  .single_after_flex {
    order: 3;
  }

  .single_photo_img {
    width: 14.1rem;
    height: 7.9rem;
  }

  .single_before_text,
  .single_after_text {
    width: 14.1rem;
    margin: 0 auto;
    padding: 1rem 0 0 0;
  }

  .single_font {
    font-size: 1.2rem;
    line-height: 1.667em;
  }

  /* 修正 */

  .single_page_setting {
    width: 100%;
    padding: 2.2rem 0 10rem 0;
  }

  .single_prev_flex,
  .single_next_flex {
    justify-content: flex-start;
    padding: 1rem 0 1rem 0;
  }


  .single_archive_link {
    font-family: var(--NotoSans);
    font-size: 1.4rem;
    color: #FFFFFF;
    border-radius: 2.7rem;
    background-color: #003D6D;
    margin: 0;
  }

  .single_link_wrapper_flex {
    flex-direction: column-reverse;
  }

  .next_empty_flex,
  .prev_empty_flex {
    content: '';
    width: 16.1rem;
  }
}