/* ######################################################################################

　トップページ

###################################################################################### */

/* ====================================================
  共通
==================================================== */
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px) {
}

/* -------------------------------
　博多サウス：動画
------------------------------- */

/* 動画枠 */
.mainImg___movie {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
    background:#000;
}

/* 配置 */
.mainImg___picture,
.mainImg___movie video {
    width: 100%;
    height: auto;
    display: block;
}
.mainImg___picture img {width:100%; height:100%;}


/* 静止画重ね */
.mainImg___picture {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 2s ease;
  pointer-events: none;
  z-index: 2;
}

/* リプレイボタン */
.button.replay {
  position: absolute;
  bottom: 1em;
  right: 1em;
  opacity: 0;
  transition: opacity 0.8s ease;
  z-index: 3;
  background: rgba(0,0,0,0.7);
  color: #fff;
  border: none;
  padding: 0.6em 1.4em;
  border-radius: 0.5em;
  font-size: 1rem;
  cursor: pointer;
}
.mainImg___picture.is-active {opacity: 1;}
.button.replay.is-visible {opacity: 1;}


#appeal-area { background: linear-gradient(to right, #0e1118, #00270f, #0e1118); padding: 20px 10px;}



/* end */