@charset "UTF-8";
html {
  overflow: auto;
  font-size: 62.5%;
}

html * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  word-break: break-all;
}

img {
  width: 100%;
  vertical-align: bottom;
}

button {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none transparent;
  color: inherit;
  font-size: inherit;
  line-height: 1;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

a {
  color: inherit;
  -webkit-transition: .16s;
  transition: .16s;
  text-decoration: none;
}

.is-hover {
  -webkit-transition: .16s;
  transition: .16s;
}

sup {
  font-size: 60%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}

input[type="text"],
input[type="button"],
input[type="email"],
input[type="submit"],
textarea {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#detail .mainvisual {
  position: relative;
}

#detail .mainvisual img {
  width: 100%;
}

#detail .mainvisual .mv-img {
  position: absolute;
}

#detail .mainvisual .mv01 {
  z-index: 2;
  -webkit-transition: opacity 0.5s 0.5s ease-in, top 0.5s 0.5s ease-in;
  transition: opacity 0.5s 0.5s ease-in, top 0.5s 0.5s ease-in;
  opacity: 0;
}

#detail .mainvisual .mv02 {
  z-index: 2;
  -webkit-transition: opacity 0.5s 1s ease-in, top 0.5s 1s ease-in;
  transition: opacity 0.5s 1s ease-in, top 0.5s 1s ease-in;
  opacity: 0;
}

#detail .mv05 {
  z-index: 4;
  -webkit-transition: opacity 0.5s 1.5s ease-in, top 0.5s 1.5s ease-in;
  transition: opacity 0.5s 1.5s ease-in, top 0.5s 1.5s ease-in;
  opacity: 0;
}

#detail .is-start .mv01 {
  opacity: 1;
}

#detail .is-start .mv02 {
  opacity: 1;
}

#detail .is-start .l-nav {
  opacity: 1;
}

#detail .is-start .mv05.is-active {
  opacity: 1;
  z-index: 6;
}

#detail .block02 {
  background-color: #000;
}

#detail .footer_img {
  margin: auto;
}

#detail .l-nav {
  z-index: 3;
  opacity: 0;
  -webkit-transition: opacity 0.5s 1.5s ease-in, top 0.5s 1.5s ease-in;
  transition: opacity 0.5s 1.5s ease-in, top 0.5s 1.5s ease-in;
}

#detail .ttl-info {
  margin: auto;
  position: relative;
  z-index: 6;
}

#detail .btn-map.-changePosition {
  position: absolute;
}

#top .top-contents.is-omaezaki {
  background-color: rgba(0, 0, 0, 0);
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

#top .top-btn.btn-all {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0%;
  left: 0%;
  min-width: 100%;
  min-height: 100%;
  z-index: 3;
}

#top .top-btn.btn-all img {
  -webkit-filter: none;
          filter: none;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}

#top .top-btn.btn-all:after {
  content: none;
}

#top .top-movie_wrapper > video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
}

@media screen and (min-width: 769px) {
  .is-hover {
    cursor: pointer;
  }
  .is-hover:hover {
    opacity: 0.6;
  }
  #detail .loading {
    background: url(/assets/images/s_omaezaki/bg01_pc.jpg) top center no-repeat;
    background-size: cover;
  }
  #detail .mainvisual {
    margin: auto;
    width: 100%;
    max-width: 1500px;
    height: 43vw;
    overflow: hidden;
  }
  #detail .mainvisual .mv01 {
    width: 31.33333vw;
    top: 4.33333vw;
    left: 10.4vw;
  }
  #detail .mainvisual .mv02 {
    width: 34.2vw;
    top: 0vw;
    right: 24.26667vw;
  }
  #detail .mainvisual .scrolldown {
    display: none;
  }
  #detail .mv05 {
    width: 46.66667vw;
    top: 3.26667vw;
    left: 50%;
    -webkit-transform: translatex(-50%);
            transform: translatex(-50%);
  }
  #detail .is-start .mv01 {
    top: 4.33333vw;
  }
  #detail .is-start .mv02 {
    top: 0vw;
  }
  #detail .is-start .mv05.is-active {
    top: 5.26667vw;
  }
  #detail .block01 {
    position: relative;
    background: #fff url(/assets/images/s_omaezaki/bg01_pc.jpg) top center no-repeat;
    background-size: 100% auto;
  }
  #detail .block02 {
    padding-top: 5.33333vw;
    padding-bottom: 30vw;
  }
  #detail .footer_img {
    width: 40.13333vw;
    margin-bottom: 1.33333vw;
  }
  #detail .l-nav {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 42.53333vw;
    top: 25.6vw;
    left: 50%;
    margin-left: -21.26667vw;
  }
  #detail .l-nav li {
    width: 20.53333vw;
  }
  #detail .l-nav .nav_label + p {
    margin-top: 0;
  }
  #detail .ttl-info {
    margin-top: -8.26667vw;
    width: 30.6vw;
    margin-bottom: 4vw;
  }
  #detail .ttl-info img {
    -webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
            filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
  }
  #detail .btn-map.-changePosition {
    bottom: 405px;
  }
  #detail .btn-map.-changePosition {
    bottom: 27vw;
  }
}

@media screen and (min-width: 769px) and (aspect-ratio: 16 / 9), screen and (min-width: 769px) and (min-aspect-ratio: 16 / 9) {
  #top .top-movie_wrapper > video {
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (min-width: 769px) and (max-aspect-ratio: 16 / 9) {
  #top .top-movie_wrapper > video {
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media screen and (min-width: 1500px) {
  #detail .mainvisual {
    height: 654px;
  }
  #detail .mainvisual .mv01 {
    width: 470px;
    top: 65px;
    left: 156px;
  }
  #detail .mainvisual .mv02 {
    width: 513px;
    top: 0px;
    right: 363px;
  }
  #detail .mv05 {
    width: 700px;
    top: 49px;
    left: 50%;
    -webkit-transform: translatex(-50%);
            transform: translatex(-50%);
  }
  #detail .is-start .mv01 {
    top: 65px;
  }
  #detail .is-start .mv02 {
    top: 0px;
  }
  #detail .is-start .mv05.is-active {
    top: 79px;
  }
  #detail .block02 {
    padding-top: 80px;
    padding-bottom: 450px;
  }
  #detail .footer_img {
    width: 602px;
    margin-bottom: 20px;
  }
  #detail .l-nav {
    position: absolute;
    width: 638px;
    top: 384px;
    left: 50%;
    margin-left: -319px;
  }
  #detail .l-nav li {
    width: 308px;
  }
  #detail .l-nav .nav_label + p {
    margin-top: 0;
  }
  #detail .ttl-info {
    margin-top: -124px;
    width: 459px;
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 768px) {
  #detail .loading {
    background: url(/assets/images/s_omaezaki/bg01_sp.jpg) top center no-repeat;
    background-size: cover;
  }
  #detail .mainvisual {
    height: 160vw;
    overflow: hidden;
  }
  #detail .mainvisual .mv01 {
    width: 100%;
    top: 4.53333vw;
    left: 50%;
    -webkit-transform: translatex(-50%);
            transform: translatex(-50%);
  }
  #detail .mainvisual .mv02 {
    width: 100%;
    top: 17.06667vw;
    left: 50%;
    -webkit-transform: translatex(-50%);
            transform: translatex(-50%);
  }
  #detail .mainvisual .scrolldown {
    opacity: 0;
    position: absolute;
    z-index: 2;
    width: 72vw;
    top: 106.66667vw;
    left: 14.13333vw;
    -webkit-transition: opacity 0.5s 1.5s ease-in, top 0.5s 1.5s ease-in;
    transition: opacity 0.5s 1.5s ease-in, top 0.5s 1.5s ease-in;
  }
  #detail .mv05 {
    width: 80vw;
    top: 25.6vw;
    left: 10vw;
  }
  #detail .is-start .mv01 {
    top: 4.53333vw;
  }
  #detail .is-start .mv02 {
    top: 17.06667vw;
  }
  #detail .is-start .scrolldown {
    opacity: 1;
    z-index: 6;
    top: 106.66667vw;
  }
  #detail .is-start .mv05.is-active {
    top: 25.6vw;
  }
  #detail .block01 {
    background: #fff url(/assets/images/s_omaezaki/bg01_sp.jpg) top center no-repeat;
    background-size: 100% auto;
  }
  #detail .block02 {
    padding-top: 18.66667vw;
    padding-bottom: 42.66667vw;
  }
  #detail .footer_img {
    width: 54.93333vw;
    margin-bottom: 4vw;
  }
  #detail .l-nav {
    margin-top: -36vw;
    margin-bottom: 8vw;
  }
  #detail .l-nav li + li {
    margin-top: -1.33333vw;
  }
  #detail .l-nav li:nth-child(3) {
    margin-top: 6.93333vw;
  }
  #detail .l-nav .nav_label + p {
    margin-top: -1.33333vw;
  }
  #detail .ttl-info {
    width: 74.66667vw;
    margin-bottom: 8vw;
  }
  #detail .ttl-info img {
    -webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
            filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
  }
  #detail .btn-map.-changePosition {
    bottom: 34.66667vw;
  }
}

@media screen and (max-width: 768px) and (aspect-ratio: 9 / 16), screen and (max-width: 768px) and (min-aspect-ratio: 9 / 16) {
  #top .top-movie_wrapper > video {
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 768px) and (max-aspect-ratio: 9 / 16) {
  #top .top-movie_wrapper > video {
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}