#shwj h1.shwj_h1.main_visual img {
   width: 100%;
}

#shwj .section-layout__body > div.full_width {
   max-width: 100%;
   margin: 0 auto;
}

#shwj .section-layout__body > div.full_width .bg_w {
   background-color: #ffffff;
}

#shwj .section-layout__body > div.full_width .bg_b {
   background-color: #d4f4fc;
}

#shwj .section-layout__body > div.full_width .bg_color:nth-child(odd) {
   background-color: #ffffff;
}

#shwj .section-layout__body > div.full_width .bg_color:nth-child(even) {
   background-color: #d4f4fc;
}

#shwj .section-layout__body > div.full_width .inner_width {
   max-width: 1038px;
   margin: 0 auto;
   box-sizing: content-box;
}

#shwj h1.shwj_h1.main_title {
   background: #f3f3f3;
   padding: 1em 0.5em;
   width: 100%;
   font-weight: bold;
   text-align: center;
   color: #1e1e1e;
   font-size: 1.467rem;
}

#shwj h2.shwj_h2 {
   font-size: 1.467rem;
   font-weight: bold;
   color: #0060B0;
   margin-bottom: 1rem;
}

#shwj h2.shwj_h2:before {
   font-family: "Font Awesome 5 Free";
   content: "\f135";
   font-weight: 900;
   padding-right : 10px;
   color: #0060B0;
}

#shwj h2.shwj_h2.icon_none:before {
   content: none;
   padding-right : 0;
}

/* ファンファンテンプレート見出し２ */
#shwj .section-layout__body .elem-heading[data-heading-lv="2"] > div > div {
    border-left: solid 5px #0060b0;
}

#shwj .section-layout__body .elem-heading[data-heading-lv="2"] > div > div::after {
   background: linear-gradient(to right,#0060b0 0,rgba(0,96,176,0) 100%);
}
/* ファンファンテンプレート見出し２ ここまで */

#shwj h3.shwj_h3 {
   font-weight: bold;
   color: #00c697;
   margin-bottom: 0.25rem;
}

#shwj h3.shwj_h3 + .elem-paragraph,
#shwj h3.shwj_h3 + .elem-txt-list {
   margin: 0 auto 1.75rem;
}

#shwj h3.shwj_h3 + .divide-layout {
   margin: 1.667rem auto 3.667rem;
}

#shwj .area_summary {
   margin: 0 auto 2.75rem;
   font-weight: bold;
}

#shwj .page_lead {
   text-align: center;
   font-size: 1.267rem;
   font-weight: bold;
   margin: 0 auto 5rem;
}

#shwj .group_category {
   margin: 2rem auto 5rem;
}

#shwj .detail_title {
   font-weight: bold;
   font-size: 1.2rem;
   line-height: 1.4; 
}

#shwj .target_blank a[target="_blank"]::after {
   position: relative;
   top: 1.996px;
   top: 0.133rem;
   display: inline-block;
   width: 15.008px;
   width: 1rem;
   height: 15.008px;
   height: 1rem;
   margin-left: 4.007px;
   margin-left: 0.267rem;
   content: "";
   background: no-repeat 50% 50% url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iNiA2IDM2IDM2Ij48cGF0aCBmaWxsPSIjMDA2MEIwIiBkPSJNMzggMzhIMTBWMTBoMTRWNkgxMGMtMi4yMiAwLTQgMS44LTQgNHYyOGMwIDIuMiAxLjc4IDQgNCA0aDI4YzIuMiAwIDQtMS44IDQtNFYyNGgtNHYxNHpNMjggNnY0aDcuMThMMTUuNTIgMjkuNjZsMi44MiAyLjgyTDM4IDEyLjgyVjIwaDRWNkgyOHoiLz48L3N2Zz4=);
   background-size: contain;
}

#shwj .elem-txt-list .txt-list > li > a.txt-list__holder.none_icon_blank[target="_blank"] > div::after {
   background: none;
   width: 0;
}

#shwj li {
   word-break: break-all;
}

#shwj .elem-txt-list .txt-list > li.group_link {
   margin-bottom: 1rem;
}

#shwj .txt-list_summary {
    display: block;
}

#shwj a img {
   box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

#shwj a img:hover {
   opacity: 0.7;
}

#shwj .border_dashed {
   margin-bottom: 3.667rem;
   padding-bottom: 3.667rem;
   border-bottom: 1.5px dashed #64a6d4;
}

#shwj .btn_more a {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  border: 2px solid #64a6d4;
  background-color: #fff;
  font-size: 16px;
  color: #0060b0;
  text-decoration: none;
  font-weight: bold;
  padding: 10px;
  border-radius: 4px;
  transition: .4s;
  border-radius: .667rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

#shwj .btn_more a:hover {
  background-color: #64a6d4;
  border-color: #64a6d4;
  color: #fff;
}

#shwj .elem-contents-slider .swiper-container .swiper-button-next {
  background-image: url("/stayhome/images/shwj_swiper_button_next.png");
}

#shwj .elem-contents-slider .swiper-container .swiper-button-prev {
   background-image: url("/stayhome/images/shwj_swiper_button_prev.png");
}

#shwj .elem-contents-slider .swiper-container .swiper-button-next,
#shwj .elem-contents-slider .swiper-container .swiper-button-prev {
   width: 4.5rem;
   height: 4.5rem;
   opacity: 1;
}

#shwj .elem-pic.elem-pic--yt-player iframe {
   border-radius: .667rem;
}

#shwj .pc_block {
   display: block;
}

#shwj .sp_block {
   display: none;
}

#shwj .anchor_position {
   margin-top: -3.333rem;
   padding-top: 3.333rem;
}

/* PAGE TOP ボタン */
#shwj #page_top {
   right: 15%;
}
/* PAGE TOP ボタン ここまで */


/* #area_latest_video
----------------------------------------------------------- */
#shwj #area_latest_video .elem-pic--yt-player {
   margin: 1.333rem auto;
}


/* #area_satellite
----------------------------------------------------------- */
#shwj #area_satellite .group_category:last-child {
   margin-bottom: 0;
}


/* #area_recommend_video
----------------------------------------------------------- */
#shwj #area_recommend_video .item-card--default {
   transition: initial;
   box-shadow: none;
}

#shwj #area_recommend_video .item-card--default > div {
   position: relative;
   max-width: 100%;
   height: 0;
   padding-bottom: calc((9 / 16) * 100%);
}

#shwj #area_recommend_video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: -webkit-transform .5s ease;
   transition: transform .5s ease;
   transition: transform .5s ease,-webkit-transform .5s ease;
   border-radius: .667rem;
}

#shwj .elem-contents-slider .item-card--default {
   height: auto;
}

#shwj .elem-pic.elem-pic--yt-player .elem-paragraph,
#shwj .elem-contents-slider .elem-paragraph {
   margin-top: 0.5rem;
   text-align: left;
}


/* #area_books
----------------------------------------------------------- */


/* #area_world
----------------------------------------------------------- */
#shwj .elem-txt-list .txt-list > li > .txt-list__holder a > span {
   font-weight: bold;
}

#shwj #area_world .elem-pic-block[data-img-pos=left] > div > div > div > div {
   margin: 1.5rem auto;
}

#shwj #area_world .group_category {
   border: 3px solid #c4e7ff;
   padding: 1rem 2rem;
   background: #fff;
   border-radius: 30px;
}

#shwj #area_world .group_category:last-child {
   margin-bottom: 0;
}

/* #area_related_links
----------------------------------------------------------- */
#shwj #area_related_links h2.shwj_h2 {
   color: #002d5a;
}

#shwj #area_related_links h2.shwj_h2:before {
   color: #002d5a;
}

#shwj #area_related_links > ul {
   margin-top: 3rem;
}

#shwj #area_related_links li.none_icon {
   font-size: 1.17em;
   font-weight: bold;
   margin-bottom: 1rem;
}



@media (min-width: 641px) {
   #shwj .section-layout__body {
      padding: 0;
   }
   
   #shwj .section-layout__body > div.full_width .inner_width {
      padding: 5rem 1.333rem;
   }
   
   /* #area_info
   ----------------------------------------------------------- */
   #shwj #area_info .elem-txt-list--detail .txt-list--detail__header > div::after {
      content: none;
   }
}

@media (max-width: 640px) {
   #shwj .section-layout__body {
       padding: 0;
   }
   
   #shwj .section-layout__body > div.full_width .inner_width {
      padding: 70px 2.657%;
   }
}

@media (min-width: 769px) {
   #shwj .divide-layout[data-divide-layout-column="3"] > div > div > div > div {
      margin-left: -2.89%;
   }
}

@media (min-width: 415px) and (max-width: 768px) {
   #shwj .divide-layout[data-divide-layout-column="3"] > div > div > div > div {
      margin-left: 0;
   }
}

@media (max-width: 414px) {
   #shwj .pc_block {
       display: none;
   }
   
   #shwj .sp_block {
       display: block;
   }
}
