@charset "Shift_JIS";
/* CSS Document */
/*video　追加*/
#loader {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#loader img.load-img_pc {
  display: block;
  width: 100%;
}
#loader img.load-img_ipad {
  display: none;
}
#loader-sp {
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
}
#loader-sp img {
  width: 100%;
  height: auto;
}
.BlkMain__listSlide {
  display: none;
}
.BlkMain {
  padding-bottom: 0;
  margin-bottom: 75px;
}
.BlkMain .BlkMain__inner {
  padding: 0;
  position: relative;
  z-index: 0:
}
.BlkMain__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: 1;
}
@media screen and (max-width:767px) {
  .BlkMain__title {
    width: 80%;
    max-width: 406px;
  }
}
@media screen and (max-width:560px) {
  .BlkMain__title {
    top: 35%;
  }
}
.BlkMain__title img {
  width: 702px;
  height: auto;
}
.BlkMain__inner__Video {
  width: 100%;
  z-index: 1000;
  overflow: hidden;
  max-height: 82vh;
}
.BlkMain__inner__Video__innerFlame {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
}
.BlkMain__inner__Video__innerFlame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.BlkMain__inner__Video__innerFlame__sp {
  display: none;
}
.BlkMain__inner__Ifram__btn {
  display: none;
}
.BlkVideo_item_cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.BlkVideo_item_cover img {
  width: 100%;
  height: 100%;
}
/********************************************************/
/* BlkImportantNews */
/********************************************************/
.BlkImportantNews {
  width: 980px;
  margin: -30px auto 0;
  padding: 0;
  display: table;
  z-index: 11;
  position: relative;
}
@media screen and (max-width:1024px) {
  #loader img.load-img_pc {
    display: none;
  }
  #loader img.load-img_ipad {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 576px;
    min-height: 576px;
  }
}
@media screen and (max-width:980px) {
  #loader img.load-img_ipad {
    display: none;
  }
  .BlkMain__title img {
    width: 100%;
  }
  .BlkMain__listSlide__Wrap {
    position: relative;
  }
  .BlkMain__listSlide {
    display: block;
  }
  .BlkVideo_item_cover {
    display: none;
  }
  .BlkMain__inner__Ifram__btn {
    z-index: 2;
    display: inline-block;
    position: absolute;
    bottom: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 50px;
    height: 50px;
  }
  .BlkMain__inner__Ifram__btn img {
    width: 50px;
    max-width: 50px;
    min-width: 50px;
    height: 50px;
  }
  .BlkMain__inner__Video {
    display: none;
  }
  /* モーダルCSS */
  .modalArea {
    display: none;
    position: fixed;
    z-index: 100000;
    /*サイトによってここの数値は調整 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .modalBg {
    width: 100%;
    height: 100%;
    background-color: rgba(30, 30, 30, 0.9);
  }
  .modalWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 92%;
    max-width: 92%;
    padding: 10px 8px 10px 10px;
    background: #000;
    z-index: 10;
  }
  .closeModal {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    cursor: pointer;
  }
  .BlkMain__inner__Video__innerFlame__sp {
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0px;
    position: relative;
  }
  .BlkMain__inner__Video__innerFlame__sp iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .BlkImportantNews {
    width: 100%;
    padding: 0 20px 0;
    margin: -40px auto 0;
    display: block;
    position: static;
    -webkit-transform: unset;
  }
  .BlkMain {
    height: auto;
  }
  .BlkImportantNews__heading2 {
    display: block;
    width: 100%;
    padding-right: 0;
  }
  /* 以下ボタンスタイル */
  #openModal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #pause {
    width: 100%;
    height: 100%;
  }
}