/* pc用 */

  html {
    width: 100%;
    display: block;
    margin: 0 auto;
  }

  body {
    width: 100%;
    font-family: 'メイリオ';
    font-size: 62.5%;
  }
  *,
  *::before ,
  *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  a {
    text-decoration: none;
  }

  .wrapp_all {
    width: 100%;
    overflow: hidden;
  }


  header {
    display: flex;
    width: 100%;
    height: 60px;
  }

  .hamburger-menu {
    display: none;
  }

  .pc_menu_content {
    margin-left: auto;
  }

  .pc_menu_content ul {
    display: flex;
    height: 60px;
    padding: 25px;
    font-size: 1.2em;
  }

  .pc_menu_content ul li {
    display: block;
    padding: 0 30px;
    border-left: 1px solid #00285f;
  }

  .pc_menu_content ul li a {
    color: #00285f;
  }

  .header_title {
    display: block;
    margin: 0 auto;
  }

  .top_movie {
    display: none;
  }

  .pc_top {
    width: 100%;
  }

  .pc_top img {
    width: 100%;
    height: auto;
  }

  main {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 40px;
  }

  h1 {
    font-size: 1.8em;
    font-family: 'sans-serif';
    color: #031790;
    padding: 20px 0 0 20px;
  }

  .top_contents {
    width: 100%;
    position: relative;
    height: 1600px;
    z-index: -1000;
    background-image: url(img/background_sky.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0;
  }
  .top_contents .top_contents_txt_left {
    position: absolute;
    top: 30;
    left: 15;
  }
  .top_contents_txt1 img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: 1.5s;
    transform: translateY(-50px);
  }
  .top_contents_txt2 img {
    display: block;
    width: 100%;
    opacity: 0;
    transition: 1s;
    transform: translateY(50px);
  }
  .top_contents .top_contents_img1 {
    position: absolute;
    top: 200;
    transform: scale(1.5);
  }
  .top_contents_img1 img {
    display: block;
    width: 90%;
    opacity: 0;
    transition: 1s;
    transform: translate(-100px,30px);
  }
  .top_contents .top_contents_txt_right {
    position: absolute;
    top: 300;
    right: 100;
    transform:
  }
  .top_contents_txt3 img {
    display: block;
    margin-left: auto;
    margin-bottom: 10px;
    width: 100%;
    opacity: 0;
    transition: 1s;
    transform: translateY(-50px);
  }
  .top_contents_txt4 img {
    display: block;
    margin-left: auto;
    margin-bottom: 10px;
    width: 100%;
    opacity: 0;
    transition: 1s;
    transform: translateY(50px);
  }
  .top_contents .top_contents_img2 {
    position: absolute;
    width: 30%;
    height: auto;
    bottom: 0;
    left: -20;
  }
  .top_contents_img2 img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0;
    transition: 1s;
    transform: translate(-100px,30px);
  }
  /* コンセプト文字 */
  .concept_txt_container {
    position: absolute;
    top: 400;
    width: 50%;
    display: block;
    margin: 0 auto;
    transform: translateX(50%);
  }
  .concept_txt_container .concept_txt_wrapper1 {
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-top: 100px;
  }
  .concept_txt_container .concept_txt_wrapper2 {
    width: 90%;
    display: block;
    margin: 50px auto;
  }
  .concept_txt_container .concept_txt_wrapper3 {
    width: 90%;
    display: block;
    margin: 50px auto;
  }
  .concept_txt1 img {
    width: 100%;
    display: block;
    opacity: 0;
    transition: 1s 0.3s;
    transform: scale(1.3);
  }
  .concept_txt2 img {
    width: 100%;
    display: block;
    opacity: 0;
    transition: 1s .5s;
    transform: translateY(80px);
  }
  .concept_txt3 img {
    width: 100%;
    display: block;
    opacity: 0;
    transition: 1s 0.5s;
    transform: scale(1.3);
  }
  .concept_txt4 img {
    width: 100%;
    display: block;
    opacity: 0;
    transition: 1s 1s;
    transform: scale(1.3);
  }
  .concept_txt5 img {
    width: 100%;
    display: block;
    opacity: 0;
    transition: 1s;
    transform: translateY(20px);
  }
  .concept_txt6 img {
    width: 100%;
    display: block;
    opacity: 0;
    transition: 1s;
    transform: scale(1.3);
  }
  .concept_txt7 img {
    width: 100%;
    display: block;
    opacity: 0;
    transition: 1s;
    transform: scale(1.3);
  }
  .concept_txt8 img {
    width: 100%;
    display: block;
    opacity: 0;
    transition: 1s;
    transform: scale(1.3);
  }

  .concept_txt1.show img,
  .concept_txt2.show img,
  .concept_txt3.show img,
  .concept_txt4.show img,
  .concept_txt5.show img,
  .concept_txt6.show img,
  .concept_txt7.show img,
  .concept_txt8.show img {
    transform: none;
    opacity: 1;
  }

  /* トップコンテンツアニメーション */
  .top_contents_txt1.show img,
  .top_contents_txt2.show img,
  .top_contents_txt3.show img,
  .top_contents_txt4.show img,
  .top_contents_img1.show img,
  .top_contents_img2.show img {
    transform: none;
    opacity: 1!important;
  }

  /* タイトル文字 */
  .movie_bg {
    display: none;
  }

  /* ポエム集 */



  /* アニメーションカーテン */
  .animation-target {
    position: relative;
    overflow: hidden;
  }
  .animation-target > img {
    opacity: 0;
  }
  @keyframes showElements {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .animation-target.show > img {
    animation: showElements .01s .6s forwards;
  }
  .animation-target::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #00285f;
    transform: translateX(-100%);
  }
  @keyframes showMask {
    0% {
      transform: translateX(-100%);
    }
    55% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(100%);
    }
  }
  .animation-target.show::before {
    animation: showMask 1.2s forwards;
  }
  /* ポエムテキストアニメーション */
  .poem1_txt.show img,
  .poem2_txt.show img,
  .poem3_txt.show img,
  .poem4_txt.show img {
    transform: none;
    opacity: 1!important;
  }

  /* フォトギャラリー */
  .gallery_wrapper {
    width: 100%;
  }
  .gallery_tit {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
  }
  .gallery_tit img {
    width: 50%;
    display: block;
    margin: 0 auto;
    opacity: 0;
    transition: 1s;
    transform: translateX(-50px);
  }
  .gallery_tit.show img {
    transform: none;
    opacity: 1!important;
  }
  .photogallery {
    scroll-snap-type: x mandatory;
    width: 100%;
    overflow: scroll;
    display: flex;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  .swiper-container {
    height: 800px;
    max-height: 900px;
  }
  .gallery_wrapper .gallery_slider {
    width: 100%;
    position: relative;
    opacity: 0;
    transition: 1s;
    transform: translateX(50px);
  }
  .gallery_wrapper .gallery_slider.show {
    transform: none;
    opacity: 1!important;
  }
  .gallery_wrapper .gallery_slider .swiper-wrapper {
    position: absolute;
    top: 40;
  }

  /* スワイパー */
  .swiper-container {
    width: 100%;
    display: block;
    margin: 0px auto;
  }
  .swiper-wrapper {
    width: 100%;
  }
  .swiper-slide {
    height: auto;
  }
  .swiper-wrapper .swiper-slide img {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  /* フォトスポット */
  .spot_container {
    width: 100%;
    max-width: 960px;
    display: block;
    margin: 0 auto;
    background-color: #f3ffff;
    margin-top: 0;
  }
  .spot_tit {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
  }
  .spot_tit img {
    width: 60%;
    display: block;
    margin: 0 auto;
  }
  .spot1_txt p {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
    line-height: 28px;
  }
  .spot1_contents_wrapper {
    width: 100%;
    height: auto;
    margin-top: 100px;
  }
  .spot1_mainvisual {
    position: relative;
    width: 100%;
  }
  .spot1_mainvisual img {
    width: 80%;
    display: block;
    margin: 20px auto;
    opacity: 0;
    transition: 1s;
    transform: translateY(50px);
  }
  .spot1_mainvisual p {
    position: absolute;
    bottom: -15;
    right: 120;
    font-size: 2.4em;
    font-family: 'Monotype Corsiva';
    background-color: #cc0000;
    color: #fff;
    padding: 20px;
    border-radius: 5px;
    z-index: 1;
    opacity: 0!important;
    transition: 1s;
    transform: translateY(50px);
  }
  .spot1_slider {
    display: none;
  }
  .spot1_content_tit {
    width: 100%;
  }
  .spot1_content_tit img {
    width: 70%;
    display: block;
    margin: 0 auto;
  }
  .spot1_content_tit h2 {
    font-size: 3.5em;
    text-align: left;
    transform: scale(0.8);
  }
  .pc_point_wrapper {
    display: flex;
    max-width: 1080px;
    margin-top: 30px;
  }
  .pc_point1 {
    width: 33%;
    justify-content: center;
    align-items: center;
  }
  .pc_point1 img {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .pc_point2 {
    width: 33%;
    justify-content: center;
    align-items: center;
  }
  .pc_point2 img {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .pc_point3 {
    width: 33%;
    justify-content: center;
    align-items: center;
  }

  .pc_point3 img {
    width: 100%;
    display: block;
    margin: 0 auto;
  }

  .spot1_photo {
    width: 100%;
    display: grid;
    grid-template:
    "left1 right1"
    "left2 right2"
    "left3 right3"
    "left4 right4"
    /50% 50%;
  }
  .spot1_photo .left1 {
    grid-area: left1;
    width: 100%;
    height: auto;
  }
  .spot1_photo .left1 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot1_photo .left2 {
    grid-area: left2;
    width: 100%;
    height: auto;
  }
  .spot1_photo .left2 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot1_photo .left3 {
    grid-area: left3;
    width: 100%;
    height: auto;
  }
  .spot1_photo .left3 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot1_photo .left4 {
    grid-area: left4;
    width: 100%;
    height: auto;
  }
  .spot1_photo .left4 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot1_photo .right1 {
    grid-area: right1;
    width: 100%;
    height: auto;
  }
  .spot1_photo .right2 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .spot1_photo .right2 {
    grid-area: right2;
    width: 100%;
    height: auto;
  }
  .spot1_photo .right1 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .spot1_photo .right3 {
    grid-area: right3;
    width: 100%;
    height: auto;
  }
  .spot1_photo .right3 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .spot1_photo .right4 {
    grid-area: right4;
    width: 100%;
    height: auto;
  }
  .spot1_photo .right4 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .left1.show img,
  .left2.show img,
  .left3.show img,
  .left4.show img {
    transform: none;
    opacity: 1!important;
  }
  .right1.show img,
  .right2.show img,
  .right3.show img,
  .right4.show img {
    transform: none;
    opacity: 1!important;
  }
  .price {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .price img {
    width: 50%;
    display: block;
    margin: 0 auto;
  }

  .spot2_contents_wrapper {
    width: 100%;
    height: auto;
    margin-top: 100px;
  }
  .spot2_txt p {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
    line-height: 28px;
  }
  .spot2_mainvisual {
    position: relative;
    width: 100%;
  }
  .spot2_mainvisual img {
    width: 80%;
    display: block;
    margin: 48px auto;
    opacity: 0;
    transition: 1s;
    transform: translateY(50px);
  }
  .spot2_mainvisual p {
    position: absolute;
    bottom: -15;
    right: 120;
    font-size: 2.4em;
    font-family: 'Monotype Corsiva';
    background-color: #04169e;
    color: #fff;
    padding: 20px;
    border-radius: 5px;
    z-index: 1;
    opacity: 0!important;
    transition: 1s;
    transform: translateY(50px);
  }
  .spot2_slider {
    display: none;
  }
  .spot2_content_tit {
    width: 100%;
  }
  .spot2_content_tit img {
    width: 70%;
    display: block;
    margin: 0 auto;
  }
  .spot2_content_tit h2 {
    font-size: 3.5em;
    text-align: left;
    transform: scale(0.8);
  }
  .spot2_slider {
    background-image: url(img/);

  }
  .spot2_photo {
    width: 100%;
    display: grid;
    grid-template:
    "left1 right1"
    "left2 right2"
    "left3 right3"
    "left4 right4"
    /50% 50%;
  }
  .spot2_photo .left1 {
    grid-area: left1;
    width: 100%;
    height: auto;
  }
  .spot2_photo .left1 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot2_photo .left2 {
    grid-area: left2;
    width: 100%;
    height: auto;
  }
  .spot2_photo .left2 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot2_photo .left3 {
    grid-area: left3;
    width: 100%;
    height: auto;
  }
  .spot2_photo .left3 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot2_photo .left4 {
    grid-area: left4;
    width: 100%;
    height: auto;
  }
  .spot2_photo .left4 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot2_photo .right1 {
    grid-area: right1;
    width: 100%;
    height: auto;
  }
  .spot2_photo .right2 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .spot2_photo .right2 {
    grid-area: right2;
    width: 100%;
    height: auto;
  }
  .spot2_photo .right1 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .spot2_photo .right3 {
    grid-area: right3;
    width: 100%;
    height: auto;
  }
  .spot2_photo .right3 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .spot2_photo .right4 {
    grid-area: right4;
    width: 100%;
    height: auto;
  }
  .spot2_photo .right4 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .left1.show img,
  .left2.show img,
  .left3.show img,
  .left4.show img {
    transform: none;
    opacity: 1!important;
  }
  .right1.show img,
  .right2.show img,
  .right3.show img,
  .right4.show img {
    transform: none;
    opacity: 1!important;
  }
  .price {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .price img {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  .spot3_contents_wrapper {
    width: 100%;
    height: auto;
    margin-top: 100px;
  }
  .spot3_txt p {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
    line-height: 28px;
  }
  .spot3_mainvisual {
    position: relative;
    width: 100%;
  }
  .spot3_mainvisual img {
    width: 80%;
    display: block;
    margin: 48px auto;
    opacity: 0;
    transition: 1s;
    transform: translateY(50px);
  }
  .spot3_mainvisual p {
    position: absolute;
    bottom: -15;
    right: 120;
    font-size: 2.4em;
    font-family: 'Monotype Corsiva';
    background-color: #cea434;
    color: #fff;
    padding: 20px;
    border-radius: 5px;
    z-index: 1;
    opacity: 0!important;
    transition: 1s;
    transform: translateY(50px);
  }
  .spot3_content_tit {
    width: 100%;
  }
  .spot3_content_tit img {
    width: 70%;
    display: block;
    margin: 0 auto;
  }
  .spot3_slider {
    background-image: url(img/);

  }
  .spot3_photo {
    width: 100%;
    display: grid;
    grid-template:
    "left1 right1"
    "left2 right2"
    "left3 right3"
    "left4 right4"
    /50% 50%;
  }
  .spot3_photo .left1 {
    grid-area: left1;
    width: 100%;
    height: auto;
  }
  .spot3_photo .left1 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot3_photo .left2 {
    grid-area: left2;
    width: 100%;
    height: auto;
  }
  .spot3_photo .left2 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot3_photo .left3 {
    grid-area: left3;
    width: 100%;
    height: auto;
  }
  .spot3_photo .left3 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot3_photo .left4 {
    grid-area: left4;
    width: 100%;
    height: auto;
  }
  .spot3_photo .left4 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot3_photo .right1 {
    grid-area: right1;
    width: 100%;
    height: auto;
  }
  .spot3_photo .right2 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .spot3_photo .right2 {
    grid-area: right2;
    width: 100%;
    height: auto;
  }
  .spot3_photo .right1 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .spot3_photo .right3 {
    grid-area: right3;
    width: 100%;
    height: auto;
  }
  .spot3_photo .right3 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .spot3_photo .right4 {
    grid-area: right4;
    width: 100%;
    height: auto;
  }
  .spot3_photo .right4 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .left1.show img,
  .left2.show img,
  .left3.show img,
  .left4.show img {
    transform: none;
    opacity: 1!important;
  }
  .right1.show img,
  .right2.show img,
  .right3.show img,
  .right4.show img {
    transform: none;
    opacity: 1!important;
  }
  .price {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .price img {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  .spot4_contents_wrapper {
    width: 100%;
    height: auto;
    margin-top: 100px;
  }
  .spot4_txt p {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
    line-height: 28px;
  }
  .spot4_mainvisual {
    position: relative;
    width: 100%;
  }
  .spot4_mainvisual img {
    width: 80%;
    display: block;
    margin: 48px auto;
    opacity: 0;
    transition: 1s;
    transform: translateY(50px);
  }
  .spot4_mainvisual p {
    position: absolute;
    bottom: -15;
    right: 120;
    font-size: 2.0em;
    font-family: 'Monotype Corsiva';
    background-color: #32ebed;
    color: #fff;
    padding: 20px;
    border-radius: 5px;
    z-index: 1;
    opacity: 0!important;
    transition: 1s;
    transform: translateY(50px);
  }
  .spot4_content_tit {
    width: 100%;
  }
  .spot4_content_tit img {
    width: 70%;
    display: block;
    margin: 0 auto;
  }
  .spot4_slider {
    background-image: url(img/);

  }
  .spot4_photo {
    width: 100%;
    display: grid;
    grid-template:
    "left1 right1"
    "left2 right2"
    "left3 right3"
    "left4 right4"
    /50% 50%;
  }
  .spot4_photo .left1 {
    grid-area: left1;
    width: 100%;
    height: auto;
  }
  .spot4_photo .left1 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot4_photo .left2 {
    grid-area: left2;
    width: 100%;
    height: auto;
  }
  .spot4_photo .left2 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot4_photo .left3 {
    grid-area: left3;
    width: 100%;
    height: auto;
  }
  .spot4_photo .left3 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot4_photo .left4 {
    grid-area: left4;
    width: 100%;
    height: auto;
  }
  .spot4_photo .left4 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(-10px);
  }
  .spot4_photo .right1 {
    grid-area: right1;
    width: 100%;
    height: auto;
  }
  .spot4_photo .right2 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .spot4_photo .right2 {
    grid-area: right2;
    width: 100%;
    height: auto;
  }
  .spot4_photo .right1 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .spot4_photo .right3 {
    grid-area: right3;
    width: 100%;
    height: auto;
  }
  .spot4_photo .right3 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }
  .spot4_photo .right4 {
    grid-area: right4;
    width: 100%;
    height: auto;
  }
  .spot4_photo .right4 img {
    width: 100%;
    margin: 0;
    opacity: 0;
    transition: .5s;
    transform: translateX(10px);
  }

  .spot5_content_tit {
    width: 100%;
  }
  .spot5_content_tit img {
    width: 90%;
    display: block;
    margin: 0 auto;
  }
  .spot5_contents_wrapper {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  .spot5_mainvisual {
    position: relative;
    width: 100%;
  }
  .spot5_mainvisual img {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    opacity: 0;
    transition: 1s;
    transform: translateY(50px);
  }
  .spot5_subvisual {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .spot5_subvisual img {
    width: 100%;
    display: block;
    margin: 0 auto;
    opacity: 0;
    transition: 1s;
    transform: translateY(50px);
  }

  /* アニメーションカーテン */
  .spot1_contents_wrapper .animation-target {
    position: relative;
    overflow: hidden;
  }
  .spot1_contents_wrapper .animation-target > img {
    opacity: 0;
  }
  @keyframes showElements {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .spot1_contents_wrapper .animation-target.show > img {
    animation: showElements .01s .6s forwards;
  }
  .spot1_contents_wrapper .animation-target::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #cc0000;
    transform: translateX(-100%);
  }
  @keyframes showMask {
    0% {
      transform: translateX(-100%);
    }
    55% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(100%);
    }
  }
  .spot1_contents_wrapper .animation-target.show::before {
    animation: showMask 1.2s forwards;
  }

  .spot3_contents_wrapper .animation-target {
    position: relative;
    overflow: hidden;
  }
  .spot3_contents_wrapper .animation-target > img {
    opacity: 0;
  }
  @keyframes showElements {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .spot3_contents_wrapper .animation-target.show > img {
    animation: showElements .01s .6s forwards;
  }
  .spot3_contents_wrapper .animation-target::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #cea434;
    transform: translateX(-100%);
  }
  @keyframes showMask {
    0% {
      transform: translateX(-100%);
    }
    55% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(100%);
    }
  }
  .spot3_contents_wrapper .animation-target.show::before {
    animation: showMask 1.2s forwards;
  }

  .spot4_contents_wrapper .animation-target {
    position: relative;
    overflow: hidden;
  }
  .spot4_contents_wrapper .animation-target > img {
    opacity: 0;
  }
  @keyframes showElements {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .spot4_contents_wrapper .animation-target.show > img {
    animation: showElements .01s .6s forwards;
  }
  .spot4_contents_wrapper .animation-target::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #32ebed;
    transform: translateX(-100%);
  }
  @keyframes showMask {
    0% {
      transform: translateX(-100%);
    }
    55% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(100%);
    }
  }
  .spot4_contents_wrapper .animation-target.show::before {
    animation: showMask 1.2s forwards;
  }

  .left1.show img,
  .left2.show img,
  .left3.show img,
  .left4.show img {
    transform: none;
    opacity: 1!important;
  }
  .right1.show img,
  .right2.show img,
  .right3.show img,
  .right4.show img {
    transform: none;
    opacity: 1!important;
  }
  .price {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .price img {
    width: 50%;
    display: block;
    margin: 0 auto;
  }


  /* スポットアニメーション */
  .spot1_mainvisual.show img,
  .spot2_mainvisual.show img,
  .spot3_mainvisual.show img,
  .spot4_mainvisual.show img,
  .spot5_mainvisual.show img,
  .spot5_subvisual.show img {
    transform: none;
    opacity: 1;
  }
  .spot1_mainvisual.show p,
  .spot2_mainvisual.show p,
  .spot3_mainvisual.show p,
  .spot4_mainvisual.show p {
    transform: translateX(0px);
    opacity: 1!important;
  }

  .textAnimation {
    font-size: 4.6em;
    font-family: 'メイリオ';
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .textAnimation:not(:first-of-type) {
    margin-top: 20px;
  }
  @keyframes showTextFromBottom {
    0% {
      transform: translateY(110%);
    }
    100% {
      transform: translateY(0px);
    }
  }
  .textAnimation span {
    display: inline-block;
  }
  .textAnimation > span {
    overflow: hidden;
  }
  .textAnimation > span > span {
    animation: showTextFromBottom cubic-bezier(0, 0.8, 0.2, 1) .3s backwards;
  }

  /*フッターメニュー*/
  .footer {
    width: 100%;
    height: 60px;
    max-width: 960px;
    display: block;
    margin: 0 auto;
    margin-bottom: 48px;
  }
  .global-nav {
    width: 100%;
    display: block;
    margin: 0 auto;
    position: fixed;
    z-index: 10000;
    left: 0;
    bottom: 0;
    background: #031790;
  }
  .nav-list {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    padding: 0;
    list-style: none;
    text-align: center;
  }
  .nav-item {
    display: table-cell;
    border: solid 1px gray;
    padding: 6px 0px;
  }
  .nav-item a {
    text-decoration: none;
  }
  .nav-item i {
    display: block;
    font-size: 1.6em;
    color: white;
  }
  .nav-item a span img {
    transform: scale(0.6);
  }

  /* 問い合わせフォーム */
  .reservation_tit_Wrapper {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  .reservation_tit img {
    width: 75%;
    display: block;
    margin: 0 auto;
    margin-top: 48px;
  }
  #formWrap {
  	width:100%;
    max-width: 960px;
    display: block;
  	margin:0 auto;
    margin-top: 36px;
    background-color: white;
  }
  #formWrap p {
    font-size: 1.6em;
    text-align: center;
  }
  #formWrap h3 {
    font-size: 2em;
    text-align: center;
    color: #031790;
  }
  .formTable {
    width: 100%;
    margin: 0 auto;
  }
  table.formTable th, table.formTable td {
  	width: auto;
  	display: block;
    margin: 0 auto;
    font-size: 1.6em;
  }
  table.formTable th {
  	border-bottom:0;
    color: #fff;
    font-size: 1.6em;
  }
  input[type="text"], textarea {
  	width: 100%;
  	padding: 20px;
  	font-size: 1.6em;
  	display: block;
  }
  input[type="submit"], input[type="reset"], input[type="button"] {
  	display:block;
  	width:100%;
  	height:35px;
    background-color: #fff;
    color: #031790;
  }
  .date_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  input[type="date"],input[type="time"] {
    width: 35%;
    height: 30px;
    font-size: 1.2em;
  }
  table{
    width: 85%;
    margin: 0 auto;
    margin-top: 6px;
    border-collapse: collapse;
    border: solid 1px black;
    font-family: 'メイリオ',
  }

  table tr{
    border-bottom: solid 1px black;
  }

  table tr:last-child{
    border-bottom: none;
  }

  table th{
    position: relative;
    text-align: center;
    width: 30%;
    background-color: #031790;
    color: black;
    padding: 10px 0;
    font-size: 3em;
  }

  table td {
  	font-size: 30px;
  	padding-left: 6px;
    padding: 1.2em;
  }

  .sp-br {
    display: none;
  }

  /* ポエム集 */
  .poem_wrapper {
    width: 100%;
    display: block;
    margin: 0 auto;
  }

  .poem1_tit {
    width: 90%;
    margin-bottom: 30px;
  }
  .poem1_tit img {
    border-radius: 5px;
    width: 100%;
  }
  .poem1_txt img {
    width: 90%;
    opacity: 0;
    transition: 1s 0.5s;
    transform: translateY(50px);
  }
  .poem1_contents_wrapper {
    height: 1300px;
    width: 960px;
    background-image: url(img/poem_img1.jpg);
    background-size: cover;
    background-position: center;
  }
  .poem1_contents_txt {
    width: 90%;
    padding-left: 60px;
    margin-top: 100;
  }

  .poem2_tit {
    width: 80%;
    margin-bottom: 30px;
  }
  .poem2_tit img {
    border-radius: 5px;
    width: 100%;
  }
  .poem2_txt img {
    width: 80%;
    display: block;
    margin: 0 auto;
    opacity: 0;
    transition: 1s 0.5s;
    transform: translateY(50px);
  }
  .poem2_contents_wrapper {
    height: 1300px;
    width: 960px;
    background-image: url(img/poem_img2.jpg);
    background-size: cover;
    background-position: center;
  }
  .poem2_contents_txt {
    width: 90%;
    padding-left: 60px;
    margin-top: 100px;
  }

  .poem3_tit {
    width: 90%;
    margin-bottom: 30px;
  }
  .poem3_tit img {
    border-radius: 5px;
    width: 100%;
  }
  .poem3_txt img {
    width: 90%;
    opacity: 0;
    transition: 1s 0.5s;
    transform: translateY(50px);
  }
  .poem3_contents_wrapper {
    height: 1300px;
    width: 960px;
    background-image: url(img/poem_img3.jpg);
    background-size: cover;
    background-position: center;
  }
  .poem3_contents_txt {
    width: 90%;
    padding-left: 60px;
    margin-top: 100px;
  }

  .poem4_tit {
    width: 90%;
    margin-bottom: 30px;
  }
  .poem4_tit img {
    border-radius: 5px;
    width: 100%;
  }
  .poem4_txt img {
    width: 90%;
    opacity: 0;
    transition: 1s 0.5s;
    transform: translateY(50px);
  }
  .poem4_contents_wrapper {
    height: 1300px;
    width: 960px;
    background-image: url(img/poem_img4.jpg);
    background-size: cover;
    background-position: center;
  }
  .poem4_contents_txt {
    width: 90%;
    padding-left: 60px;
    margin-top: 100px;
  }