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

title : 【刀剣ワールド浮世絵】 記事ページ
scope : 【刀剣ワールド浮世絵】 記事ページ

memo：

last modify : 2020/10/06 TCI福岡_yoneshima／雑学テンプレート改修

2020/04/08 TCI福岡_yoneshima／新規作成

========================================================== */
/* ------------------------------------ */
/* ▼ page common */
/* ------------------------------------ */
.banner_h1 .txth1 {
  color: #000;
  line-height: 1.4;
}
.banner_h1 .txth1 .cmn_h1_sitetop_name {
  font-size: 50%;
}
@media (max-width: 767px) {
  .banner_h1 .txth1 {
    font-size: 6.5vw;
  }
}

/* ------------------------------------ */
/* ▼ box_anchor_wrap */
/* ------------------------------------ */
@media (min-width: 768px) {
  .box_anchor_wrap {
    margin-top: 40px;
  }
}

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

/* ------------------------------------ */
/* ▼ section_lead_block */
/* ------------------------------------ */
.section_lead_block {
  margin: 0 auto;
  max-width: 800px;
}

@media (min-width: 768px) {
  .section_lead_block {
    margin-top: 15px;
    padding-bottom: 20px;
  }
  .section_lead_text {
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .section_lead_block {
    margin-top: 10px;
    padding-bottom: 15px;
  }
  .section_lead_text {
    font-size: 16px;
    padding: 0 10px;
  }
}

/* ------------------------------------ */
/* ▼ section_tips_content */
/* ------------------------------------ */
@media (max-width: 767px) {
  .section_tips_content {
    padding: 0 10px;
  }
}

/* ------------------------------------ */
/* ▼ ukiyoe-artist */
/* ------------------------------------ */
/* -- box_room -- */
.ukiyoe-artist .box_room__heading--inner p {
  letter-spacing: .09em;
}

@media (min-width: 768px) {
  .box_room__wrapper {
    margin-top: 18px;
  }
  .ukiyoe-artist .box_room__heading {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .ukiyoe-artist .box_room__heading {
    max-width: none;
    padding: 0 15px 25px;
  }
  .ukiyoe-artist .box_room__heading--inner p {
    font-size: 16px;
  }
}

/* -- box_lead_block -- */
.ukiyoe-artist .box_lead_block {
  background: url(../image/bg-box-pattern01.png) 0 0;
}

.ukiyoe-artist .box_lead_block_title {
  border-bottom: 2px solid #a9905d;
  font-weight: normal;
  line-height: 1.2223;
}

.ukiyoe-artist .box_lead_block_text {
  text-align: justify;
}

@media (min-width: 768px) {
  .ukiyoe-artist .box_lead_block {
    margin-top: 15px;
    padding: 16px 20px 25px;
  }
  .ukiyoe-artist .box_lead_block_title {
    font-size: 18px;
    padding-bottom: 7px;
  }
  .ukiyoe-artist .box_lead_block_text {
    margin-top: 5px;
  }
}

@media (max-width:767px) {
  .ukiyoe-artist .box_lead_block {
    margin-top: 20px;
    padding: 15px;
  }
  .ukiyoe-artist .box_lead_block_title {
    font-size: 16px;
    padding-bottom: 8px;
  }
  .ukiyoe-artist .box_lead_block_text {
    font-size: 16px;
    margin-top: 10px;
  }
}

/* -- box_seo  -- */
@media (min-width: 768px) {
  .ukiyoe-artist .box_seo .seo_frame {
    letter-spacing: .04em;
  }
}

/* KV */
.ukiyoe-artist .banner_h1 {
  text-align: left;
}
.ukiyoe-artist .banner_h1.kv_large__wrap {
  margin-top: 0;
}
.ukiyoe-artist .banner_h1.kv_large__wrap h1 {
  background: url(/app/themes/wp-templ/tips/image/ttl-header-tips-left.png) no-repeat;
  background-size: 100% 100%;
  height: 80px;
  padding: 14px 2% 14px;
  display: flex;
  align-items: center;
}
.ukiyoe-artist .banner_h1.kv_large__wrap .txth1 {
  line-height: 1.2;
  color: #fff;
}
.ukiyoe-artist .banner_h1.kv_large__wrap .cmn_h1_sitetop_name {
  font-size: 55%;
  display: inline;
}
.ukiyoe-artist .banner_h1.kv_large__wrap .banner_h1_img {
  position: relative;
  top: -1px;
}

@media (min-width: 768px) {
  .ukiyoe-artist .banner_h1.kv_large__wrap .txth1 {
    min-width: auto;
    position: static;
    top: auto;
    left: auto;
    transform: translate(0);
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .ukiyoe-artist .banner_h1.kv_large__wrap h1 {
    background-image: url(/app/themes/wp-templ/tips/image/ttl-header-tips-left-sp.png);
    background-size: 100% auto;
    height: auto;
    padding: 18.7% 0 0 0;
    position: relative;
  }
  .ukiyoe-artist .banner_h1.kv_large__wrap .txth1 {
    font-size: 5.5vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-feature-settings: "pkna";
    padding-left: 8%;
  }
  .ukiyoe-artist .banner_h1.kv_large__wrap .banner_h1_img {
    top: -2px;
  }
}