@import url("https://fonts.googleapis.com/css2?family=Hind:wght@500;600;700&display=swap");
#trip-to .page_title {
  display: none; }

#trip-to .block-list__layout.low .wp-block-group__inner-container {
  width: 100%;
  max-width: 100%; }

#tripto {
  /*mainv*/
  /*summary*/
  /*days*/
  /*movie*/
  /*gallery*/ }
  #tripto ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0; }
  #tripto .inner {
    overflow: hidden;
    width: 100%;
    max-width: 960px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0; }
    @media print, (max-width: 767px) {
      #tripto .inner {
        width: 90%; } }
  #tripto h2 {
    text-align: center;
    font-family: 'Hind', sans-serif;
    font-weight: 700;
    font-size: 3rem;
    color: #609892;
    letter-spacing: 0.1em; }
    @media print, (max-width: 767px) {
      #tripto h2 {
        font-size: 2rem; } }
  #tripto #mainv {
    position: relative; }
@keyframes zoom {
  from {
    transform: scale(1.2); }
  to {
    transform: scale(1); } }
    #tripto #mainv .swiper-wrapper .swiper-slide {
      overflow: hidden; }
      #tripto #mainv .swiper-wrapper .swiper-slide img {
        width: 100%;
        height: auto;
        transform: scale(1.2); }
    #tripto #mainv .swiper-wrapper .swiper-slide-prev img,
    #tripto #mainv .swiper-wrapper .swiper-slide-active img,
    #tripto #mainv .swiper-wrapper .swiper-slide-duplicate-active img {
      animation-name: zoom;
      animation-duration: 10s;
      animation-fill-mode: forwards; }
  #tripto #mainv_copy .copy {
    left: 0;
    top: 150px;
    z-index: 99;
    position: absolute;
    display: block;
    width: 3.5%; }
  #tripto #mainv_copy .map {
    position: absolute;
    display: block;
    right: 0;
    top: 48vh;
    z-index: 98;
    width: 50%; }
  @media print, (max-width: 767px) {
    #tripto #mainv_copy .copy {
      top: 230px; }
    #tripto #mainv_copy .map {
      top: -20vh !important;
      width: 70% !important; } }
  @media print, (min-width: 768px) {
    #tripto #mainv_copy .copy {
      top: 150px; }
    #tripto #mainv_copy .map {
      top: -20vh; } }
  @media print, (min-width: 1000px) {
    #tripto #mainv_copy .copy {
      top: 150px; }
    #tripto #mainv_copy .map {
      top: -57vh; } }
  #tripto #summary {
    padding: 12rem 0 4rem; }
    #tripto #summary .txt {
      text-align: center;
      margin: 6rem 0;
      font-weight: bold;
      line-height: 2;
      letter-spacing: 0.1em;
      font-size: 1.2em;
      background: url(../images/summary_txt_bg.png) no-repeat center bottom;
      background-size: contain;
      padding: 0 2rem 14rem; }
    #tripto #summary .ph {
      display: flex;
      margin-bottom: 4rem;
      justify-content: space-between; }
      #tripto #summary .ph li {
        flex-basis: 48%;
        padding-left: 0; }
      #tripto #summary .ph li::before {
        display: none; }
    #tripto #summary .mv {
      width: 100%;
      aspect-ratio: 16 / 9;
      text-align: center;
      font-weight: bold;
      letter-spacing: 0.1em;
      font-size: 2em;
      font-family: 'Hind', sans-serif;
      font-weight: 700;
      margin-bottom: 4rem; }
      #tripto #summary .mv iframe {
        width: 100%;
        height: 100%; }
    #tripto #summary .bn {
      display: flex;
      justify-content: space-between; }
      #tripto #summary .bn li {
        flex-basis: 48%;
        padding-left: 0; }
      #tripto #summary .bn li::before {
        display: none; }
    @media print, (max-width: 767px) {
      #tripto #summary {
        padding: 6rem 0 4rem; }
        #tripto #summary .txt {
          line-height: 1.5;
          font-size: 1em !important;
          padding: 0 0 14rem !important; }
        #tripto #summary .bn {
          flex-direction: column; } }
  #tripto .days {
    padding: 4rem 0;
    font-size: 0.9em; }
    #tripto .days h2 {
      color: #000; }
      #tripto .days h2 span {
        font-size: 0.5em;
        display: block; }
    #tripto .days .inner {
      display: flex;
      justify-content: space-between;
      position: relative; }
      #tripto .days .inner .blk_sche_area {
        flex-basis: 26%; }
        #tripto .days .inner .blk_sche_area h3 {
          margin-top: 20rem;
          width: 80%; }
        #tripto .days .inner .blk_sche_area .sche {
          background: url(../images/days_sche_bg.svg) repeat-y left center;
          background-size: 1rem auto;
          padding: 2rem 0 2rem 2rem;
          margin-bottom: 6rem; }
          #tripto .days .inner .blk_sche_area .sche dt {
            text-align: center;
            letter-spacing: 0.1em;
            margin-bottom: 2rem; }
          #tripto .days .inner .blk_sche_area .sche dd {
            color: #609892;
            font-size: 0.8em;
            border-left: 2px solid #609892;
            margin-left: 45%;
            margin-bottom: 2rem;
            padding: 2rem 0 2rem 1rem; }
        #tripto .days .inner .blk_sche_area .links ul li a {
          color: #609892;
          font-weight: bold;
          font-size: 1.2rem;
          border-bottom: 2px solid #609892;
          padding-bottom: 0.5rem;
          margin-bottom: 1rem;
          display: block; }
        #tripto .days .inner .blk_sche_area .links ul li::before {
          display: none; }
      #tripto .days .inner .blk_ph_area {
        flex-basis: 70%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 10rem; }
        #tripto .days .inner .blk_ph_area .blk_ph {
          flex-basis: 48%;
          margin-top: 10%;
          margin-bottom: 4%; }
          #tripto .days .inner .blk_ph_area .blk_ph:nth-child(2n-1) {
            margin-top: 0; }
          #tripto .days .inner .blk_ph_area .blk_ph h4 {
            background: #609892;
            color: #fff;
            padding: 0.5em;
            font-size: 1.2em;
            letter-spacing: 0.1em;
            display: inline-block;
            margin-bottom: 0; }
    @media print, (max-width: 767px) {
      #tripto .days {
        padding: 2rem 0; }
        #tripto .days .inner {
          flex-direction: column; }
          #tripto .days .inner .blk_sche_area {
            order: 2; }
            #tripto .days .inner .blk_sche_area h3 {
              position: absolute;
              top: 0;
              margin-top: 0;
              margin-left: 0;
              width: 45%; }
          #tripto .days .inner .blk_ph_area {
            order: 1;
            margin-top: 20rem;
            flex-direction: column; }
            #tripto .days .inner .blk_ph_area .blk_ph {
              margin-bottom: 20%; }
              #tripto .days .inner .blk_ph_area .blk_ph figure {
                display: flex; }
                #tripto .days .inner .blk_ph_area .blk_ph figure img {
                  width: 48%;
                  margin: 0 1rem 0 0; }
            #tripto .days .inner .blk_ph_area .blk_ph:nth-child(2n) figure img {
              order: 2;
              margin: 0 0 0 1rem; }
            #tripto .days .inner .blk_ph_area .blk_ph:nth-child(2n) figure figcaption {
              order: 1;
              margin-top: 1rem; } }
  #tripto #day1 {
    background: url(../images/day1_bg.svg) no-repeat center 10rem #FDFBF0;
    background-size: auto 85%; }
    @media print, (max-width: 767px) {
      #tripto #day1 {
        background: url(../images/day1_bg-sp.svg) no-repeat center 10rem #FDFBF0;
        background-size: contain; }
        #tripto #day1 h3 {
          top: -100em !important;
          right: 0 !important;
          transform: rotate(30deg) !important; } }
  #tripto #day2 {
    background: url(../images/day2_bg.svg) no-repeat 70% 2rem #fff;
    background-size: auto 85%; }
    #tripto #day2 h3 {
      margin-left: 20%; }
    #tripto #day2 .blk_sche_area {
      order: 2; }
      #tripto #day2 .blk_sche_area .sche {
        background-position: right center; }
    #tripto #day2 .blk_ph_area {
      order: 1;
      flex-direction: row-reverse; }
    @media print, (max-width: 767px) {
      #tripto #day2 {
        background: url(../images/day2_bg-sp.svg) no-repeat 70% 2rem #fff;
        background-size: contain; }
        #tripto #day2 h3 {
          margin-left: 0;
          top: -100em; }
        #tripto #day2 .blk_sche_area .sche {
          background-position: left center; }
        #tripto #day2 .blk_ph_area {
          flex-direction: column; } }
  #tripto #day3 {
    background: url(../images/day3_bg.svg) no-repeat center 2rem #FDFBF0;
    background-size: auto 85%; }
    @media print, (max-width: 767px) {
      #tripto #day3 {
        background: url(../images/day3_bg-sp.svg) no-repeat center 2rem #FDFBF0;
        background-size: contain; }
        #tripto #day3 h3 {
          top: -97em;
          right: 0 !important;
          transform: rotate(30deg) !important; } }
  #tripto #movie {
    padding: 4rem 0; }
    #tripto #movie .mv {
      width: 100%;
      aspect-ratio: 16 / 9;
      margin-bottom: 4rem; }
      #tripto #movie .mv iframe {
        width: 100%;
        height: 100%; }
    #tripto #movie .thumb {
      display: flex;
      text-align: right;
      /*justify-content: space-between;*/ }
      #tripto #movie .thumb li {
        flex-basis: 23%;
        margin: 1%;
        padding-left: 0; }
        #tripto #movie .thumb li a {
          color: #000; }
      #tripto #movie .thumb li::before {
        display: none; }
  #tripto #gallery {
    padding: 4rem 0; }
    #tripto #gallery .wp-block-gallery .wp-block-image span {
      display: none; }
    #tripto #gallery .gallery {
      display: flex;
      flex-wrap: wrap; }
      #tripto #gallery .gallery .gallery-item img {
        width: 100%;
        height: auto; }
    #tripto #gallery .gallery-columns-3 .gallery-item {
      flex-basis: 31%;
      margin: 1%; }
    #tripto #gallery .gallery-columns-4 .gallery-item {
      flex-basis: 23%;
      margin: 1%; }

#colorbox {
  width: 90% !important;
  height: 90% !important;
  max-width: 650px !important;
  max-height: 390px !important;
  position: absolute;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important; }
  #colorbox #cboxWrapper {
    width: 100% !important;
    height: 100% !important;
    max-width: 650px !important;
    max-height: 390px !important; }
    #colorbox #cboxWrapper #cboxContent {
      width: 100% !important;
      height: auto !important;
      max-width: 650px !important;
      max-height: 370px !important; }
      #colorbox #cboxWrapper #cboxContent #cboxLoadedContent {
        overflow: hidden !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 640px !important;
        max-height: 360px !important; }
        #colorbox #cboxWrapper #cboxContent #cboxLoadedContent img {
          width: 100% !important;
          height: auto !important; }

/*# sourceMappingURL=trip-to.css.map */