/*===============================================
●創立85周年用スライダー部分
===============================================*/
@media screen and (max-width: 736px) {
  .PcOnly {
    display: none !important; } }

.SpOnly {
  display: none !important; 
}
@media screen and (max-width: 736px) {
  .SpOnly {
    display: block !important; 
  } 
}

.slider-85th.slick-dotted.slick-slider {
  margin-bottom: 100px;
  margin-top: 50px;
}
@media screen and (max-width: 736px) {
  .slider-85th.slick-dotted.slick-slider {
    margin-bottom: 80px;
    margin-top: 100px;
  }
}
.slider-85th img {
  width: 100%; 
}
@media screen and (max-width: 1300px) {
  .slider-85th img {
    margin: 0 auto; 
  } 
}
@media screen and (max-width: 736px) {
  .slider-85th img {
    height: auto;
    width: 100%; 
  } 
}

.slider-85th ul.slick-dots {
  background: transparent;
  bottom: -30px;
}

.slider-85th .slick-dots li {
  width: 32px;
}
.slider-85th ul.slick-dots li.slick-active button {
  border-radius: 15px;
  width: 15px;
  height: 15px;
  background: #d60d0d;
  border: solid 1px #d60d0d;
}
.slider-85th .slick-dots li button {
  border-radius: 15px;
  width: 15px;
  height: 15px;
  margin: auto;
}
@media screen and (max-width: 736px) {
  .slider-85th ul.slick-dots li.slick-active button,
  .slider-85th .slick-dots li button {
    border-radius: 5vw;
    width: 5vw;
    height: 5vw;
    max-width: 22px;
    max-height: 22px;
  }
  .slider-85th .slick-dots li {
    width: 10vw;
  }
}

.slider-85th .slick-initialized .slick-slide {
  margin-right: 2px;
  margin-left: 2px;
}

.slider-85th{
  display: none;
}
.slider-85th.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

.slider-main,
.slider-nav{
  display: none;
}
.slider-main.slick-initialized,
.slider-nav.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

/*===============================================
●動画表示部分
===============================================*/
/* ポップアップの外枠：画面全体を覆い、中身を中央に寄せる */
#Container .overlay_slow {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.8); /* 少し暗くして動画を際立たせる */
    z-index: 9999;
    /* ここから重要：中身を上下左右中央に配置 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* 動画とボタンを囲むエリア */
#Container .btn_area {
    width: 90%;
    max-width: 1000px; /* PCで大きすぎないよう調整 */
    position: relative;
    text-align: center;
}

/* iframeの調整：画面の高さ（vh）を超えないように制限 */
#Container .btn_area iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    max-height: 70vh; /* 画面の高さの7割までに抑える */
    display: block;
    margin: 0 auto;
}

/* 動画の上に被せるリンク（前回の修正分） */
.video-link-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: calc(100% - 60px); /* 下のボタンを除いた動画部分のみに被せる */
    z-index: 10;
}

/* CLOSEボタン：動画のすぐ下に配置 */
#Container .btn_area button {
    margin: 20px auto 0;
    position: relative;
    z-index: 11;
}