@charset "UTF-8";
/* 記事詳細-関連リンク系 */
.h_04 {
  margin-top: 40px;
}

.h_04--bottom {
  position: relative;
  padding-bottom: 5px;
  clear: both;
  color: #333;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: normal;
}

.h_04--bottom {
  font-weight: 700;
}

.h_04--bottom .goto_index {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: right;
}

.h_04--bottom .goto_index a:before {
  padding-right: 5px;
  font-size: 10px;
  font-size: 1rem;
  content: "\25B6";
}

.h_04--bottom a {
  text-decoration: none;
}

.page_list {
  margin-bottom: 20px;
}

/* 記事詳細 continue_readingの遷移位置を調整 */
#wrapper.state_slim_pc a[name^=continue_reading] {
  display: block;
  position: relative;
  top: -85px;
  vertical-align: top;
}

#wrapper.state_slim_pc _:-ms-lang(x),
#wrapper.state_slim_pc a[name^=continue_reading] {
  display: inline-block;
}

#wrapper.state_slim_pc.special a[name^=continue_reading] {
  display: block;
  position: relative;
  top: -45px;
  vertical-align: top;
}

#wrapper.state_slim_pc.special _:-ms-lang(x),
#wrapper.state_slim_pc.special a[name^=continue_reading] {
  display: inline-block;
}

#wrapper.state_slim_pc.special.state_notice_exists a[name^=continue_reading] {
  display: block;
  position: relative;
  top: -89px;
  vertical-align: top;
}

#wrapper.state_slim_pc.special.state_notice_exists _:-ms-lang(x),
#wrapper.state_slim_pc.special.state_notice_exists a[name^=continue_reading] {
  display: inline-block;
}

#wrapper.state_slim_pc.special.state_notice_exists.state_notice_show a[name^=continue_reading] {
  display: block;
  position: relative;
  top: -145px;
  vertical-align: top;
}

#wrapper.state_slim_pc.special.state_notice_exists.state_notice_show _:-ms-lang(x),
#wrapper.state_slim_pc.special.state_notice_exists.state_notice_show a[name^=continue_reading] {
  display: inline-block;
}

#wrapper.state_slim_pc.state_notice_exists a[name^=continue_reading] {
  display: block;
  position: relative;
  top: -129px;
  vertical-align: top;
}

#wrapper.state_slim_pc.state_notice_exists _:-ms-lang(x),
#wrapper.state_slim_pc.state_notice_exists a[name^=continue_reading] {
  display: inline-block;
}

#wrapper.state_slim_pc.state_notice_exists.state_notice_show a[name^=continue_reading] {
  display: block;
  position: relative;
  top: -185px;
  vertical-align: top;
}

#wrapper.state_slim_pc.state_notice_exists.state_notice_show _:-ms-lang(x),
#wrapper.state_slim_pc.state_notice_exists.state_notice_show a[name^=continue_reading] {
  display: inline-block;
}

#wrapper.state_slim_pc a[name^=continue_reading] {
  display: block;
  position: relative;
  top: -58px;
  vertical-align: top;
}

#wrapper.state_slim_pc _:-ms-lang(x),
#wrapper.state_slim_pc a[name^=continue_reading] {
  display: inline-block;
}

#wrapper.state_slim_pc.state_notice_exists a[name^=continue_reading] {
  display: block;
  position: relative;
  top: -112px;
  vertical-align: top;
}

#wrapper.state_slim_pc.state_notice_exists _:-ms-lang(x),
#wrapper.state_slim_pc.state_notice_exists a[name^=continue_reading] {
  display: inline-block;
}

/* 画像スニペットの文字寄せ（中央寄せ） */
.ar-image.image_2 .ar-image__figure--caption--text,
.ar-image.image_4 .ar-image__figure--caption--text,
.ar-image.image_5 .ar-image__figure--caption--text {
  text-align: center;
}

/* キュレーション記事アイコン(「キュレーション｣)用のスタイル */
.ar-curation_box .ar-curation__contents {
  width: 70%;
  padding-left: 20px;
}

.ar-curation_box .ar-curation__contents__tag {
  display: inline-block;
  margin: 20px 40px 10px;
}

.ar-curation_box .ar-curation__contents__tag--text {
  padding: 5px 15px;
  background-color: #2f2f2f;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: normal;
}

.ar-curation_title {
  padding: 0px 40px 0;
  color: #333;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 38px;
}
/* キュレーションリンクデザイン */
.ar-cont_box .ar-curation_contents {
  margin-top: 20px;
  clear: both;
}

.ar-cont_box .ar-curation_contents__btn__inner {
  padding: 20px 0 30px 0;
  text-align: center;
}

.ar-curation_contents__btn--notice {
  padding: 10px 10px 0px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 767.98px) {
  .ar-curation_box .ar-curation__contents__tag {
    display: inline-block;
    margin: 20px 20px 10px;
  }

  .ar-curation_title {
    padding: 0 20px 0;
    color: #333;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.6px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .ar-cont_box .ar-curation_contents__btn--text {
    display: inline-block;
    width: 50%;
    padding: 10px 10px 10px 10px;
    border-radius: 3px;
    background-color: #f35f18;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: normal;
    text-decoration: none;
  }
}

@media only screen and (min-width: 768px) {
  .ar-cont_box .ar-curation_contents__btn--text {
    display: inline-block;
    padding: 10px 35px;
    border-radius: 3px;
    background-color: #f35f18;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: normal;
    text-decoration: none;
  }
}