/* layout
----------------------------------------------- */
.p-vlogcam h2, .p-vlogcam h3, .p-vlogcam p, .p-vlogcam figure {
  margin: 0; }
.p-vlogcam ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }
.p-vlogcam img {
  vertical-align: middle; }

.s5-container {
  max-width: 100%;
  padding: 0; }

.s5-returnToTop {
  margin: 0; }

/* component
----------------------------------------------- */
.c-question {
  position: fixed;
  width: 20px;
  right: 0;
  z-index: 1000; }
  @media (min-width: 640px) {
    .c-question {
      width: 40px; } }
  .p-vlogcam-top .c-question {
    top: 140px; }
    @media (min-width: 640px) {
      .p-vlogcam-top .c-question {
        top: 250px; } }
    @media screen and (min-width: 769px) {
      .p-vlogcam-top .c-question {
        top: 190px; } }
  .p-vlogcam-sub .c-question {
    top: 300px; }
    @media (min-width: 640px) {
      .p-vlogcam-sub .c-question {
        top: 420px; } }
    @media screen and (min-width: 769px) {
      .p-vlogcam-sub .c-question {
        top: 190px; } }

.c-question_close {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  left: -10px;
  top: -15px;
  cursor: pointer;
  z-index: 1000; }
  @media (min-width: 640px) {
    .c-question_close {
      width: 34px;
      height: 34px;
      left: -17px;
      top: -17px; } }

a.c-question_link {
  display: block;
  width: 100%;
  transition: opacity cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s; }
  a.c-question_link:hover {
    opacity: 0.5; }
  a.c-question_link img {
    width: 100%; }

.vt-top * {
  box-sizing: border-box; }
.vt-top img {
  max-width: 100%; }
.vt-top .vt-top_mainImg {
  text-align: center;
  background-image: url(../images/bg_main.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  line-height: 0;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 769px) {
    .vt-top .vt-top_mainImg:before {
      content: '';
      display: block;
      width: 100%;
      height: 604px; } }
  .vt-top .vt-top_mainImg img.mainview {
    width: 100%; }
    @media screen and (min-width: 769px) {
      .vt-top .vt-top_mainImg img.mainview {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        width: 1440px;
        max-width: 1440px; } }
  .vt-top .vt-top_mainImg > .vt-top_mainImg_inner {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 1220px;
    height: 100%;
    transform: translate(-50%, 0);
    z-index: 1; }
    .vt-top .vt-top_mainImg > .vt-top_mainImg_inner > .vt-top_mainImg_inner_container {
      padding: 1px 0;
      position: relative;
      height: auto; }
      @media screen and (min-width: 769px) {
        .vt-top .vt-top_mainImg > .vt-top_mainImg_inner > .vt-top_mainImg_inner_container {
          padding: 10px;
          height: 604px; } }
    .vt-top .vt-top_mainImg > .vt-top_mainImg_inner .vt-ttl_catchcopy {
      margin: 6.667vw 0 0; }
      @media screen and (min-width: 769px) {
        .vt-top .vt-top_mainImg > .vt-top_mainImg_inner .vt-ttl_catchcopy {
          margin: 90px 0 0; } }
    .vt-top .vt-top_mainImg > .vt-top_mainImg_inner .vt-ttl_subcatch {
      margin: 14vw 0 0; }
      @media screen and (min-width: 769px) {
        .vt-top .vt-top_mainImg > .vt-top_mainImg_inner .vt-ttl_subcatch {
          margin: 110px 0 0; } }
    .vt-top .vt-top_mainImg > .vt-top_mainImg_inner .vt-ttl_timetable {
      margin: 6vw 0 0; }
      @media screen and (min-width: 769px) {
        .vt-top .vt-top_mainImg > .vt-top_mainImg_inner .vt-ttl_timetable {
          margin: 55px 0 0; } }
    .vt-top .vt-top_mainImg > .vt-top_mainImg_inner .vt-link_movie {
      margin: 2vw auto 0;
      line-height: 1.5;
      text-align: center;
      width: 100%;
      height: auto;
      color: #fff;
      font-size: 2.667vw;
      max-width: 60vw;
      border: .6667vw solid #fff;
      padding: 1.0667vw; }
      @media screen and (min-width: 769px) {
        .vt-top .vt-top_mainImg > .vt-top_mainImg_inner .vt-link_movie {
          position: absolute;
          bottom: 60px;
          right: 0;
          max-width: 280px;
          height: auto;
          padding: 8px;
          font-size: 16px;
          border: 5px solid #fff; } }
      .vt-top .vt-top_mainImg > .vt-top_mainImg_inner .vt-link_movie > .inner {
        border: .1333vw solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 14vw; }
        @media screen and (min-width: 769px) {
          .vt-top .vt-top_mainImg > .vt-top_mainImg_inner .vt-link_movie > .inner {
            border: 1px solid #fff;
            height: 110px; } }
      .vt-top .vt-top_mainImg > .vt-top_mainImg_inner .vt-link_movie a {
        text-decoration: underline; }
    .vt-top .vt-top_mainImg > .vt-top_mainImg_inner ul {
      margin: 0;
      list-style: none;
      display: flex;
      justify-content: center;
      padding: 0; }
      @media screen and (min-width: 769px) {
        .vt-top .vt-top_mainImg > .vt-top_mainImg_inner ul {
          margin: 40px 0 0; } }
      .vt-top .vt-top_mainImg > .vt-top_mainImg_inner ul.sns > li {
        padding: 3.333vw; }
        @media screen and (min-width: 769px) {
          .vt-top .vt-top_mainImg > .vt-top_mainImg_inner ul.sns > li {
            padding: 10px; } }
        .vt-top .vt-top_mainImg > .vt-top_mainImg_inner ul.sns > li img {
          width: 6.9333vw; }
          @media screen and (min-width: 769px) {
            .vt-top .vt-top_mainImg > .vt-top_mainImg_inner ul.sns > li img {
              width: 36px; } }

@media screen and (max-width: 768px) {
  .u-pc {
    display: none; } }

.u-sp {
  display: none; }
  @media screen and (max-width: 768px) {
    .u-sp {
      display: block; } }

/*# sourceMappingURL=style.css.map */