@charset "UTF-8";
#index_videos {
  background-image: url("../../index/images/bg_indexvideo.webp");
  background-size: cover;
  background-position: center center;
  height: 100vh;
  width: 100%;
  position: relative; }
  @media (max-width: 576px) {
    #index_videos {
      height: 100vh; } }
  #index_videos .index_caption {
    display: block;
    width: 70%;
    padding: 1em;
    position: absolute;
    bottom: 30px;
    left: 0; }
    @media screen and (max-width: 768px) {
      #index_videos .index_caption {
        width: 100%;
        bottom: 100px; } }

#btn_scroll {
  /* ボールのレイアウト */
  background-image: url("../images/btn_scroll.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  z-index: 2;
  width: 18px;
  height: 140px;
  position: absolute;
  bottom: 10px;
  right: 3px;
  /*animationプロパティここから*/
  animation-name: bounce;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transform-origin: center bottom; }

@media screen and (max-width: 768px) {
  .sp_fixpic {
    margin-top: -3em;
    margin-left: -1em;
    margin-right: -1em;
    width: calc(100% + 5em) !important;
    object-fit: cover;
    object-position: center center;
    max-width: 100vw;
    margin-bottom: 2em;
    aspect-ratio: 16 / 9; } }

.top_kiji iframe {
  width: 100% !important;
  max-height: 200px !important; }
.top_kiji img {
  object-fit: cover !important;
  object-position: center center;
  width: 100%;
  max-width: 300px;
  display: block;
  max-height: 200px; }

ul.lastkijiTitle > li > br {
  display: none; }
ul.lastkijiTitle span.kijiDate {
  display: block;
  text-align: right;
  font-size: 90%; }

ul.oshiraseKijiList > li > br {
  display: none; }
ul.oshiraseKijiList span.kijiDate {
  display: block;
  text-align: right;
  font-size: 90%; }

/* 下曽根 マンタ用特別処理 */
#SHIMOZONE {
  background: url("../../index/images/bg_shimozone_pc.jpg") no-repeat;
  background-position: top center;
  background-size: cover; }
  @media screen and (max-width: 768px) {
    #SHIMOZONE {
      background: url("../../index/images/bg_shimozone_sp.jpg") no-repeat;
      background-position: top center;
      background-size: cover; } }
  #SHIMOZONE container {
    padding: 8em 1em 2em !important;
    font-weight: 400;
    text-shadow: 2px 2px 3px #000,-2px -2px 3px #000 !important; }
    @media screen and (max-width: 768px) {
      #SHIMOZONE container {
        padding: 6em 1em 2em !important; } }
    #SHIMOZONE container h1 {
      font-size: 2em !important;
      font-weight: 500 !important; }
      @media screen and (max-width: 768px) {
        #SHIMOZONE container h1 {
          font-size: 1.6em !important; } }
      #SHIMOZONE container h1 small {
        font-size: 0.5em; }
        @media screen and (max-width: 768px) {
          #SHIMOZONE container h1 small {
            font-size: 0.5em; } }
    @media screen and (max-width: 768px) {
      #SHIMOZONE container p {
        font-size: 0.9em;
        line-height: 130%; } }

.title_diving_menu {
  font-size: min(1.4em, 2.45vw); }
  @media screen and (max-width: 768px) {
    .title_diving_menu {
      font-size: 1.4em; } }

.img_diving_menu {
  height: 250px;
  object-fit: cover;
  object-position: center center; }
  @media screen and (max-width: 768px) {
    .img_diving_menu {
      width: 100%;
      height: 400px; } }
  @media (max-width: 576px) {
    .img_diving_menu {
      width: 100%;
      height: 200px; } }