@charset "UTF-8";
/* ==========================================================

title : 刀剣イラスト・塗り絵集 下層ページ

memo：

last modify : 2021/01/18 TCI_福岡_yoneshima レイアウト調整

2020/12/14 TCI_福岡_yoneshima 新規作成

========================================================== */

/* ------------------------------------ */
/* ▼ h1 */
/* ------------------------------------ */
.banner_h1 {
  margin: 0 auto;
  max-width: 1024px;
  width: 100%;
}

.banner_h1 .txth1 {
  line-height: 1.28;
  text-shadow: 2px 2px 4px #222;
}

.banner_h1 .txth1.line3 {
  line-height: 1.25;
}

@media (min-width: 768px) {
  .banner_h1 .txth1 {
    font-size: 3vw;
  }

}

@media (max-width: 767px) {
  .banner_h1 .txth1 {
    font-size: 3vw;
    padding: 0;
  }
}

@media (min-width:1200px) {
  .banner_h1 .txth1{
    font-size: 34px;
  }
}

.cmn_h1_sitetop_name {
  vertical-align: top;
}

/* ------------------------------------ */
/* ▼ section_image_list_block */
/* ------------------------------------ */
.section_image_list_block_wrap {
  margin: 0 auto;
  max-width: 884px;
  padding: 0 10px;
}

.section_image_list_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.section_image_list_block + .section_image_list_block {
  margin-top: 1.389%;
}

.section_image_list_block_item {
  margin-top: 1.389%;
  position: relative;
}

.section_image_list_block_item:first-of-type,
.section_image_list_block_item:nth-of-type(2) {
  margin-top: 0;
}

.section_image_list_block_item a {
  display: block;
  padding: 1px;
  z-index: 1;
}

.section_image_list_block_item a::before {
  border: 1px solid #4b3512;
  content: "";
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
}

.section_image_title,
.section_creator_name {
  color: #fff;
  position: absolute;
}

.section_image_title {
  background: #841318;
  padding: 5px 15px;
  left: 11px;
  top: 11px;
  text-align: center;
}

.section_image_title::before,
.section_image_title::after {
  background: #a57174;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  width: 100%;
}

.section_image_title::before {
  top: 3px;
}

.section_image_title::after {
  bottom: 3px;
}

.section_creator_name {
  background: #a99067;
  bottom: 0;
  right: 0;
}

.section_image_title_text,
.section_creator_name_text {
  font-weight: 600;
  vertical-align: middle;
}

.section_image_info_text {
  padding: 0 10px;
}

@media (min-width: 768px) {
  .section_image_list_block_wrap {
    margin-top: 40px;
  }

  .section_creator_name {
    height: 30px;
    padding: 0 40px 0 15px;
  }

  .section_image_info_text:first-of-type {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .section_image_list_block_wrap {
    margin-top: 20px;
  }

  .section_image_title,
  .section_creator_name {
    display: none;
  }

  .section_image_info_text:first-of-type {
    margin-top: 10px;
  }
}

/* -- section_image_list_block_item adjust -- */
.section_image_list_block_item:first-of-type,
.section_image_list_block_item:nth-of-type(2),
.section_image_list_block_item:nth-of-type(3),
.section_image_list_block_item:nth-of-type(4),
.section_image_list_block_item:nth-of-type(9),
.section_image_list_block_item:nth-of-type(10) {
  width: 49.3056%;
}

/* -- type01 -- */
.type01 .section_image_list_block_item:nth-of-type(5),
.type01 .section_image_list_block_item:nth-of-type(7) {
  width: 34.9538%;
}

.type01 .section_image_list_block_item:nth-of-type(6),
.type01 .section_image_list_block_item:nth-of-type(8) {
  width: 63.6575%;
}

.type01 .section_image_list_block_item:nth-of-type(4) {
  margin-top: -33.681%;
}

.type01 .section_image_list_block_item:nth-of-type(8) {
  margin-top: -11.343%;
}

/* -- type02 -- */
.type02 .section_image_list_block_item:nth-of-type(5),
.type02 .section_image_list_block_item:nth-of-type(7) {
  width: 63.6575%;
}

.type02 .section_image_list_block_item:nth-of-type(6),
.type02 .section_image_list_block_item:nth-of-type(8) {
  width: 34.9538%;
}

.type02 .section_image_list_block_item:nth-of-type(3) {
  margin-top: -33.681%;
}

.type02 .section_image_list_block_item:nth-of-type(7) {
  margin-top: -11.343%;
}

/* ------------------------------------ */
/* ▼ section_relatonal_bnr_block */
/* ------------------------------------ */
.section_relatonal_bnr_block {
  margin: 0 auto;
  max-width: 840px;
  padding: 0 10px;
}

@media (min-width: 768px) {
  .section_relatonal_bnr_block {
    margin-top: 50px;
  }

  .section_relatonal_bnr_block + .section_relatonal_bnr_block {
    margin-top: 45px;
  }
}

@media (max-width: 767px) {
  .section_relatonal_bnr_block {
    margin-top: 30px;
  }

  .section_relatonal_bnr_block + .section_relatonal_bnr_block {
    margin-top: 25px;
  }
}