@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;
}
.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__listSlide__Wrap {
  position: relative;
}
.BlkMain__listSlide {
  display: block;
}
.BlkVideo_item_cover {
  display: none;
}
.BlkMain__inner__Ifram__btn {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  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%;
}
}