@charset "shift_jis";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
html {
  font-size: 62.5%;
}
body {
  color: #333;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  font-family: "�q���M�m�p�S ProN W3", "Hiragino Kaku Gothic ProN", "���C���I", "Meiryo", "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
}
body img {
  width: 100%;
  vertical-align: top;
}
body figure {
  margin: 0;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.45;
  }
  body a:focus,
  body button:focus {
    outline-color: #3b99fc;
    outline-offset: 0px;
    outline-style: auto;
    outline-width: 5px;
  }
}
.for-sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .for-sp {
    display: none;
  }
}
.for-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .for-pc {
    display: block;
  }
}
.wrapper {
  position: relative;
  min-width: 320px;
  overflow: hidden;
}
.main {
  display: block;
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .main {
    padding-top: 0;
  }
}
.menu {
  opacity: 0;
  pointer-events: none;
  transition: 0.4s ease-out;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.93);
  z-index: 2;
}
.is-menu-opened .menu {
  opacity: 1;
  pointer-events: visible;
}
.menu .logo {
  width: 200px;
  margin: 0 auto;
  margin-top: 91px;
  margin-bottom: 45px;
}
.menu .logo a {
  display: block;
  cursor: pointer;
}
.menu .logo img {
  margin-left: 0px;
}
/* .menu .nav{
  margin-top: 203.5px;
} */
.menu .nav li {
  margin: 0 auto 11px;
}
.menu .nav li a {
  display: block;
  cursor: pointer;
}
.menu .nav li a {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 15px 10px;
  box-sizing: border-box;
}
.menu .nav li a span {
  position: relative;
  display: inline-block;
}
.menu .nav li a span::before,
.menu .nav li a span::after {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  opacity: 0;
}
.menu .nav li a span::before {
  bottom: -13px;
  background: #d43182;
}
.menu .nav li a span::after {
  bottom: -9px;
  background: #189f9b;
}
.menu .nav li.current a span::before,
.menu .nav li.current a span::after {
  opacity: 1;
}
.menu .nav li.button-top {
  width: 54px;
  margin-top: 57px;
}
.menu .nav li.button-plan {
  width: 227px;
}
.menu .nav li.button-hayabusa {
  width: 182px;
}
@media screen and (min-width: 768px) {
  .is-menu-opened .menu {
    display: none;
  }
}
@media all and (orientation: landscape) {
  .menu {
    background: #fff;
  }
}
.header {
  position: relative;
  width: 100%;
  height: 57px;
  background: #fff;
  z-index: 2;
  box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.1);
}
.is-menu-opened .header {
  position: fixed;
  box-shadow: none;
}
.header h1 {
  width: 216px;
  position: absolute;
  top: 20px;
  left: 32px;
  transform: none;
  pointer-events: none;
}
.header .button-menu {
  position: absolute;
  top: 7px;
  left: 5px;
  border: none;
  outline: none;
  padding: 0;
  background: none;
  width: 44px;
  height: 44px;
}
.header .button-menu span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  background: #000;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 24px;
  height: 2px;
  margin-top: -1px;
  margin-left: -12px;
}
.header .button-menu span::before,
.header .button-menu span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 2px;
  background: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header .button-menu span::before {
  margin-top: -6px;
}
.header .button-menu span::after {
  margin-top: 4px;
}
.is-menu-opened .header .button-menu span {
  width: 24px;
  height: 1px;
  background: transparent;
}
.is-menu-opened .header .button-menu span::before,
.is-menu-opened .header .button-menu span::after {
  width: 24px;
  height: 1px;
  margin-top: 0;
}
.is-menu-opened .header .button-menu span::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.is-menu-opened .header .button-menu span::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.header .logo {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 107px;
  display: flex;
    align-items: center;
}
.header .logo a {
  display: block;
  cursor: pointer;
}
.is-menu-opened .header .logo {
  display: none;
}
.header .logo-meguru {
  position: absolute;
  top: 22px;
  right: 53px;
  width: 50px;
}
.header .logo-jr {
  position: absolute;
  top: 16px;
  right: 13px;
  width: 36px;
}
.header.is-fixed {
  position: fixed;
  top: 0;
}
@media screen and (min-width: 768px) {
  .header {
    height: 98px;
  }
  .is-menu-opened .header {
    box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.1);
  }
  .header .logo {
    width: 215px;
    margin-left: 2.58%;
  }
  .is-menu-opened .header .logo {
    display: block;
  }
  .header .nav {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .header .nav ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .header .nav li a {
    display: block;
    cursor: pointer;
  }
  .header .nav li a {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
  .header .nav li a span {
    position: relative;
    display: inline-block;
  }
  .header .nav li a span::before,
  .header .nav li a span::after {
    position: absolute;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .header .nav li a span::before {
    bottom: -10px;
    background: #d43182;
  }
  .header .nav li a span::after {
    bottom: -6px;
    background: #189f9b;
  }
  .header .nav li a:hover span::before,
  .header .nav li a:hover span::after {
    opacity: 1;
  }
  .header .nav li.current a span::before,
  .header .nav li.current a span::after {
    opacity: 1;
  }
  .header .nav li.button-top {
    width: 62px;
    margin: 0 10px;
  }
  .header .nav li.button-plan {
    width: 252px;
    margin: 0 8px;
  }
  .header .nav li.button-hayabusa {
    width: 198px;
    margin: 0 12px;
  }
  .header .logo-meguru {
    top: 28px;
    right: 124px;
    width: auto;
  }
  .header .logo-jr {
    top: 30px;
    width: 56px;
    right: 30px;
  }
  .header .logo-jr a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .header .logo-jr a:hover {
    opacity: 0.7;
  }
  .header.is-fixed {
    height: 99px;
    top: 0;
  }
  .header.is-fixed .logo {
    top: -4px;
  }
  .header.is-fixed .nav {
    top: 30px;
  }
  .header.is-fixed .logo-jr {
    top: 28px;
  }
}
@media screen and (max-width: 940px) and (min-width: 768px) {
  .header .nav {
    margin-left: 0;
  }
  .header .nav li a {
    padding: 5px;
  }
  .header .nav li.button-top {
    width: 47px;
  }
  .header .nav li.button-plan {
    width: 213px;
  }
  .header .logo-meguru {
    top: 32px;
    right: 65px;
    width: 92px;
  }
  .header .logo-jr {
    top: 32px;
    right: 30px;
    width: 46px;
  }
  .header.is-fixed .logo {
    top: 30px;
  }
  .header.is-fixed .logo-jr {
    top: 32px;
  }
}
@media screen and (max-width: 768px) {

  .header h1 {
    display: block;
    left: auto;
    top: auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    /* width: calc(190 / 640 * 100%); */
    width: 144px;
  }



}
/* @media screen and (max-width: 1200px) and (min-width: 940px) {
  .header .logo {
    top: 2vw;
  }
}
@media screen and (min-width: 1200px) {
  .header .logo {
    width: 7%;
  }
} */

.banner-area-bottom {
  padding: 31px 0 21px;
  background: url("../img/common/bg-texture.jpg?hash=abeaafbec16ccba4c0901dcba766c1f4") left top repeat;
  background-size: 50px;
}
.banner-area-bottom ul {
  width: 93.75%;
  margin: 0 auto;
}
.banner-area-bottom ul::after,
.page-top .section-pickup .buttons ul::after,
.page-top .banner-area ul::after,
.page-plan .section-plan .plan-list li::after {
  content: "";
  display: block;
  clear: both;
}
.banner-area-bottom ul li {
  float: left;
  width: 46.666666666666664%;
  margin: 0 1.666666666666667% 10px;
}
.banner-area-bottom ul li a {
  display: block;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .banner-area-bottom {
    padding: 56px 0 34px;
    background-size: auto;
  }
  .banner-area-bottom ul {
    width: 75.1578947368421%;
    max-width: 714px;
  }
  .banner-area-bottom ul li {
    width: 30.252100840336134%;
    margin: 0 1.5406162464986% 22px;
  }
  .banner-area-bottom ul li a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .banner-area-bottom ul li a:hover {
    opacity: 0.7;
  }
}
.footer {
  position: relative;
  /* z-index: 1; */
  padding: 17px 0 16px;
  background: #fff;
}
.footer .campaign {
  margin-bottom: 22px;
}
.footer .campaign .campaign-list {
  position: relative;
  right: -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 173px;
  margin: 0 auto 10px;
}
.footer .campaign .campaign-list li:nth-child(1) {
  width: 51px;
}
.footer .campaign .campaign-list li:nth-child(2) {
  width: 85px;
}
.footer .campaign .campaign-text {
  font-family: "Sawarabi Mincho", serif;
  font-size: 9px;
  font-size: 0.9rem;
  text-align: center;
  line-height: 1.555555555555556;
  letter-spacing: -0.08em;
}
.footer .copyright {
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  letter-spacing: -0.08em;
}
@media screen and (min-width: 768px) {
  .footer {
    padding: 35px 0 26px;
    border-top: 1px solid #dedede;
  }
  .footer .campaign {
    border-bottom: 1px solid #dedede;
    padding-bottom: 35px;
    margin-bottom: 28px;
  }
  .footer .campaign .campaign-list {
    width: 284px;
    margin-bottom: 18px;
  }
  .footer .campaign .campaign-list li:nth-child(1) {
    width: 83px;
  }
  .footer .campaign .campaign-list li:nth-child(2) {
    width: 140px;
  }
  .footer .campaign .campaign-text {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.01em;
  }
  .footer .copyright {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.01em;
  }
}
.page-to-top {
  padding-bottom: 40px;
  width: 10.625%;
  margin: 0 auto;
}
.page-to-top a {
  display: block;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .page-to-top {
    padding-bottom: 56px;
    width: 5%;
    margin: 0 auto;
  }
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
swiper-slide img {
  display: block;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  overflow-x: hidden;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}
.remodal-overlay {
  background: rgba(0,0,0,0.7);
}
.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.remodal {
  box-sizing: border-box;
  margin-bottom: 10px;
  border-radius: 20px;
  padding: 20px;
  max-width: 910px;
  width: 96%;
  background: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #333;
}
@media screen and (max-width: 568px) {
  .remodal {
    padding: 40px 0 20px;
  }
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}
.remodal-close {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  overflow: visible;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 5px;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  border: 0;
  outline: 0;
  background: url("../img/common/modal/modal_btn_close.png?hash=2122fb1e9091ee5b0ada901f6de3b8a8") center center no-repeat;
  background-size: 30px 30px;
}
@media screen and (max-width: 568px) {
  .remodal-close {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}
.remodal-confirm {
  color: #fff;
  background: #81c784;
}
.remodal-confirmhover,
.remodal-confirmfocus {
  background: #66bb6a;
}
.remodal-cancel {
  color: #fff;
  background: #e57373;
}
.remodal-cancelhover,
.remodal-cancelfocus {
  background: #ef5350;
}
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}
@media screen and (max-width: 568px) {
  .remodal {
    margin-left: 0;
    width: 96%;
  }
}
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}
.lt-ie9 .remodal {
  width: 700px;
}
.remodal {
  padding: 35px 9.6vw 40px;
}
@media screen and (min-width: 768px) {
  .remodal {
    padding: 40px 25px 40px;
  }
}
.remodal h2 {
  display: inline-block;
  border-bottom: solid 2px #d53182;
  padding-bottom: 2px;
  font-size: 1.88rem;
  font-weight: normal;
}
.remodal h2 span {
  display: inline-block;
  border-bottom: solid 2px #189f9c;
}
.remodal ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .remodal ul {
    margin-top: 20px;
  }
}
.remodal ul li {
  width: 37vw;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .remodal ul li {
    display: inline-block;
    width: auto;
    height: 82px;
  }
}
.remodal ul li:nth-child(3n + 2):last-child {
  margin-right: 290px;
}
.remodal ul li a {
  display: inline-block;
  position: relative;
  left: 0;
  top: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.remodal ul li a:hover {
  position: relative;
  left: -4px;
  top: -4px;
  box-shadow: 4px 4px #d53182;
}
.remodal ul li:nth-child(even) a:hover {
  position: relative;
  left: -4px;
  top: -4px;
  box-shadow: 4px 4px #189f9c;
}
.remodal-close:hover {
  opacity: 0.6;
}
@-moz-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-o-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-moz-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@-o-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@-moz-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.page-top .main {
  position: relative;
}
.page-top .main::before {
  position: fixed;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/common/bg-pattern.jpg?hash=83d00a84beb7838f2b5c67f3d5fdbf4b") left top repeat;
  background-size: 97px;
}
.page-top .main .main-inner {
  position: relative;
  z-index: 1;
}
.page-top .movie-mordal{
  display: none;
  position: fixed;
  background: rgba(0,0,0,.6);
  width: 100%;
  height: 100%;
  z-index: 9000;
  top: 0;
}
.page-top .movie-mordal.open{
  display: block;
}
.page-top .movie-mordal .mordal-btn{
  cursor: pointer;
  z-index: 1000;
  margin-left: 0;
  margin-top: 0;
  display: inline-block;
  position: fixed;
  width: 36px;
  height: 36px;
  right: 11px;
  top: 11px;
  width: 60px;
  height: 60px;
  right: 20px;
  top: -54px;
}
.page-top .movie-mordal .mordal-btn .bar{
  background-color: #fff;
  width: 37px;
  display: block;
  height: 4px;
  margin: 0 auto;
}
.page-top .movie-mordal .mordal-btn .bar.bar-top{
  margin-top: 25px;
  margin-bottom: 7px;
  transform: translate(0,4px) rotate(45deg);
}
.page-top .movie-mordal .mordal-btn .bar.bar-bottom{
  transform: translate(0,-6px) rotate(-45deg);
}
.page-top .movie-mordal .close-area{
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.page-top .movie-mordal .back{
  display: inline-block;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  transition: all .5s ease 0s;
  /* width: 68.4vw; */
}
.page-top .movie-mordal .back .container .youtube-movie{
  width: 100%;
  height: 61.4vw;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .page-top .main::before {
    background-size: 195px;
  }
  .page-top .movie-mordal{
    display: none;
    position: fixed;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    z-index: 9000;
    top: 0;
  }
  .page-top .movie-mordal.open{
    display: block;
  }
  .page-top .movie-mordal .mordal-btn{
    cursor: pointer;
    z-index: 1000;
    margin-left: 0;
    margin-top: 0;
    display: inline-block;
    position: fixed;
    width: 36px;
    height: 36px;
    right: 11px;
    top: 11px;
    width: 60px;
    height: 60px;
    right: 20px;
    top: -88px;
  }
  .page-top .movie-mordal .mordal-btn .bar{
    background-color: #fff;
    width: 45px;
    display: block;
    height: 4px;
    margin: 0 auto;
  }
  .page-top .movie-mordal .mordal-btn .bar.bar-top{
    margin-top: 25px;
    margin-bottom: 7px;
    transform: translate(0,4px) rotate(45deg);
  }
  .page-top .movie-mordal .mordal-btn .bar.bar-bottom{
    transform: translate(0,-6px) rotate(-45deg);
  }
  .page-top .movie-mordal .close-area{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .page-top .movie-mordal .back{
    display: inline-block;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    transition: all .5s ease 0s;
    /* width: 68.4vw; */
  }
  .page-top .movie-mordal .back .container .youtube-movie{
    width: 68.4vw;
    height: 38.4vw;
    display: block;
    margin: 0 auto;
  }
}
.kv-btn {
  width: 25%;
  height: 10%;
  background: #189f9c;
  position: absolute;
  top: 74%;
  left: 38%;
}
.kv-btn .kv-btn-img{
  width: 76%;
  height: auto;
  position: absolute;
  top: 20%;
  left: 12%;
}
.swiper-pagination-bullet-active {
    background: #189f9c;
}
.swiper-pagination {
  width: 10%;
  margin: 0 45%;
  margin-top: 1.5%;
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  margin: 0 6px;
}
@media screen and (max-width: 568px) {
  .swiper-pagination {
    width: 30%;
    margin: 0 35%;
    margin-top: 3.7%;
  }
  .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    margin: 0 10px;
  }
}
.page-top .hero .kv-container-wrap {
  background: #fff;
}
.page-top .hero .kv-container {
  width: 100%;
  opacity: 0;
  overflow: hidden;
}
.page-top .hero .kv-container .kv,
.page-top .hero .kv-container .train {
  position: relative;
  display: block;
}
.page-top .hero .kv-container .kv .text,
.page-top .hero .kv-container .train .text {
  position: absolute;
  bottom: 0;
  left: 0;
}
.page-top .hero .kv-container .kv .img,
.page-top .hero .kv-container .train .img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.page-top .hero .kv-container .kv {
  width: 100%;
  position: relative;
}
.page-top .hero .kv-container .kv::before {
  content: "";
  display: block;
  padding-top: 33.4375%;
}
.page-top .hero .kv-container .kv > * {
  position: absolute;
}
.page-top .hero .kv-container .train {
  width: 100%;
  position: relative;
}
.page-top .hero .kv-container .train::before {
  content: "";
  display: block;
  padding-top: 6.406249999999999%;
}
.page-top .hero .kv-container .train > * {
  position: absolute;
}
.page-top .hero .kv-container .train.train-1 .text {
  width: 50%;
}
.page-top .hero .kv-container .train.train-1 .img {
  width: 50%;
}
.page-top .hero .kv-container .train.train-2 .text {
  left: 26.5625%;
  width: 32.8125%;
}
.page-top .hero .kv-container .train.train-2 .img {
  width: 40.625%;
}
.page-top .hero .kv-container .train.train-3 .text {
  left: 25%;
  width: 43.75%;
}
.page-top .hero .kv-container .train.train-3 .img {
  width: 31.25%;
}
.page-top .hero .copy-container {
  padding: 30px 0 12.1875%;
  line-height: 1;
}
/* .page-top .hero .copy-container .copy-1 {
  width: 72.5%;
}
.page-top .hero .copy-container .copy-2 {
  width: 87.5%;
}
.page-top .hero .copy-container .copy-3 {
  width: 100%;
} */
.page-top .hero .banner-area {
  margin-bottom: 72px;
}
.page-top .hero .banner-area li {
  margin: 10px 0 0;
}
.page-top .hero .banner-area li:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .for-sp {
    display: none !important;
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .for-pc {
    display: block !important;
  }
}
  .page-top .hero .slider .slide a {
    display: block;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-top .hero .slider .slide a:hover {
    opacity: 0.8;
  }
  .page-top .hero .slider .slick-dots {
    margin-top: 20px;
  }
  .page-top .hero .slider .slick-dots button {
    margin: 0 6px;
    width: 10px;
    height: 10px;
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button {
    width: 100%;
    position: relative;
    position: absolute;
    top: 85.86156111929308%;
    left: 73.83%;
    width: 23.75vw;
    height: 5.666666666666667vw;
    max-width: 285px;
    max-height: 68px;
    margin-bottom: 8.421052631578947%;
    background: none;
    box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.3);
    border-radius: 4px;
  }
  /* @media screen and (min-width: 1200px) {
    .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button {
      height: 4.5vw;
      margin-bottom: 80px;
    }
  } */
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button::before {
    /* content: "";
    display: block;
    padding-top: 22.666666666666664%; */
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button > * {
    position: absolute;
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button span::before,
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button span::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: url("../img/top/pc/slide-movie-button-2.png?hash=64474388bbedbda8173f7e297acf5b46") left top no-repeat;
    background-size: 100%;
    border-radius: 4px;
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button span::before {
    background-position: left top;
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button span::after {
    background-position: left bottom;
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button span::after {
    opacity: 0;
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button span:hover::before {
    opacity: 0;
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button span:hover::after {
    opacity: 1;
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .remodal-button {
    /* position: relative;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 46.875%;
    margin-left: -23.4375%;
    margin-bottom: 7.8125%; */
    /* background: url("../img/top/slide-movie-button-2.png?hash=19e2e7f809f3798fd17cae9daa9c5fce") left top no-repeat;
    background-size: 100%; */
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .remodal-button:hover::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.3;
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .remodal-button:hover .movie-button span::before {
    opacity: 0;
  }
  .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .remodal-button:hover .movie-button span::after {
    opacity: 1;
  }
  @media screen and (max-width: 568px) {
    .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button {
      position: absolute;
      left: 27.734375%;
      width: 44.53125vw;
      height: 10.625vw;
    }
    .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button span::before,
    .page-top .hero .swiper-container .swiper-wrapper .swiper-slide .movie-button span::after {
      background: url("../img/top/slide-movie-button-2.png?hash=19e2e7f809f3798fd17cae9daa9c5fce") left top no-repeat;
      background-size: 100%;
    }
  }
  .page-top .hero .kv-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .page-top .hero .kv-container .kv {
    width: 100%;
    position: relative;
    width: 36.31578947368421%;
  }
  .page-top .hero .kv-container .kv::before {
    content: "";
    display: block;
    padding-top: 196.81159420289856%;
  }
  .page-top .hero .kv-container .kv > * {
    position: absolute;
  }
  .page-top .hero .kv-container .train {
    width: 100%;
    position: relative;
    width: 5.789473684210527%;
  }
  .page-top .hero .kv-container .train::before {
    content: "";
    display: block;
    padding-top: 1234.5454545454545%;
  }
  .page-top .hero .kv-container .train > * {
    position: absolute;
  }
  .page-top .hero .kv-container .train .text {
    bottom: auto;
  }
  .page-top .hero .kv-container .train.train-1 .text {
    top: 0;
    width: 100%;
    height: 55.81737849779087%;
  }
  .page-top .hero .kv-container .train.train-1 .img {
    width: 100%;
    height: 58.91016200294551%;
  }
  .page-top .hero .kv-container .train.train-2 .text {
    top: 24.005891016200295%;
    height: 28.57142857142857%;
    left: 0;
    width: 100%;
  }
  .page-top .hero .kv-container .train.train-2 .img {
    width: 100%;
    height: 47.42268041237113%;
  }
  .page-top .hero .kv-container .train.train-3 .text {
    top: 29.60235640648012%;
    height: 37.702503681885126%;
    left: 0;
    width: 100%;
  }
  .page-top .hero .kv-container .train.train-3 .img {
    width: 100%;
    height: 32.695139911634755%;
  }
  .fix-banner{
    position: fixed;
    z-index: 9999;
    width: 73.4375%;
    right: 2.5vw;
    bottom: 2.5vw;
    opacity: 0;
    pointer-events: none;
    transition: ease-out .5s;
    box-shadow: rgb(0 0 0 / 20%) 0px 6px 16px;
  }
  .banner-active{
    opacity: 1;
    pointer-events: auto;
  }
  .fix-banner .close-btn{
    width: 5.066666666666667vw;
    position: absolute;
    top: -6vw;
    right: 0;
    cursor: pointer;
  }
  @media screen and (min-width: 768px) {
    .fix-banner{
      width: 31.33333333333333%;
      max-width: 376px;
      right: 2vw;
      bottom: 2vw;
    }
    .fix-banner .close-btn{
      width: 1.833333333333333vw;
      top: -2vw;
      right: 0;
    }
  }
  .page-top .hero .copy-container {
    padding: 12.5% 0 12.5%
  }
  @media screen and (min-width: 768px) {
    .page-top .hero .copy-container {
      padding: 6.6% 0 6%;
    }
  }
  .page-top .hero .copy-container .copy-1 {
    /* width: 45.33333333333333%;
    max-width: 592px; */
    width: 40.25%;
    max-width: 660px;
    margin: 0 auto 24px;
    margin-bottom: 34px;
  }
  .page-top .hero .copy-container .copy-2 {
    width: 84vw;
    max-width: 751px;
    margin: 0 auto 30px;
    margin-bottom: 31px;
  }
  .page-top .hero .copy-container .copy-3 {
    width: 20.5%;
    margin: 0 auto;
    max-width: 308px;
  }
  @media screen and (max-width: 768px) {
    .page-top .hero .copy-container .copy-1 {
      /* width: 76.9375%; */
      width: 71.09%;
      max-width: 455px;
      margin-bottom: 6.78%;
    }
    .page-top .hero .copy-container .copy-2 {
      width: 84vw;
      max-width: 751px;
      margin: 0 auto 30px;
      margin-bottom: 31px;
    }
    .page-top .hero .copy-container .copy-3 {
      width: 52.03125%;
      max-width: 417px;
    }
  }

  /*============================
#eventinfo_sp
============================*/
#eventinfo{
  position: relative;
  width: 94%;
  margin: 0 auto 47px;
  /* padding-top: 5%; */
}
#eventinfo .ttl{
  position: relative;
    width: 83%;
    margin: 0 auto;
    left: .5%;
    margin-bottom: 5%;
}
#eventinfo .info_list{
  background: white;
  position: relative;
  width: 96%;
  margin: 0 auto;
}
#eventinfo .info_list::before{
  content:"";
  display: block;
  position: absolute;
  top: 0;
  left: 69%;
  width: 1px;
  height: 100%;
  background: #D8D8D8;
}
#eventinfo .info_list::after{
  content:"";
 display: none;
}
#eventinfo .info_head{
display: flex;
 justify-content: flex-start;
 align-items: center;
 align-content: center;
 background: rgb(195,142,203);
  background: linear-gradient(90deg, rgba(195,142,203,1) 0%, rgba(251,145,87,1) 100%);
 height: 7vw;
 color:white;
 font-weight: 700;
}
#eventinfo .info_name{
  width: 69%;
  display: flex;
 justify-content: flex-start;
 align-items: center;
 align-content: center;
}
#eventinfo .info_name .name1,#eventinfo .info_name .name2{
  box-sizing: border-box;
  padding: 0 0 0 3vw;
}
#eventinfo .info_name .name1{
  width: 100%;
}
#eventinfo .info_name .name2{
  width: 63%;
}
#eventinfo .info_head p{
  font-size: 2.6vw;
  text-indent: 0;
  line-height: 1.7em;
  letter-spacing: 0;
}
#eventinfo .info_detail{
  width: 31%;
  box-sizing: border-box;
  padding: 0 0 0 3vw;
}
#eventinfo .info_set{
  display: flex;
 justify-content: flex-start;
 align-items: center;
 align-content: center;
 border-bottom: 1px solid #D8D8D8;
}
#eventinfo .info_set.passive{
  display: none;
}
#eventinfo .info_set:last-child{
 /* border-bottom: none; */
}
#eventinfo .info_target_txts{
  width: 69%;
}
#eventinfo .info_txts{
  display: flex;
 justify-content: flex-start;
 align-items: center;
 align-content: center;
 flex-wrap: wrap;
}
#eventinfo .info_txts .txt1{
  width: 100%;
  box-sizing: border-box;
  padding: 4% 4% 0% 4%;
  font-size: 2.8vw;
  text-indent: 0;
  line-height: 1.5;
  font-weight: 700;
}
#eventinfo .info_txts .txt2{
  width: 100%;
  box-sizing: border-box;
  padding: 1% 4% 4% 4%;
  font-size: 2.5vw;
  text-indent: 0;
  line-height: 1.4;
  font-weight: 500;
}
#eventinfo.hide{
  display: none;
}
#eventinfo .info_target_detail{
  width: 31%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
#eventinfo .info_target_detail a{
  font-size: 2.6vw;
  text-indent: 0;
  line-height: 1.7em;
  color:black;
  display: inline-block;
  position: relative;
  text-underline-offset: 0.4rem;
  text-decoration: none;
  font-weight: 500;
}
#eventinfo .info_target_detail a:hover::before{
  display: block;
}
#eventinfo .info_target_detail a::before{
  content:"";
  display: block;
  position: absolute;
  bottom: -0.6vw;
  left: 0;
  width: 100%;
  height: 1px;
  background: black;
}
#eventinfo .info_target_detail a::after{
  content:"";
  display: inline-block;
  background: url("../img/top/icon_blank.svg") no-repeat center center;
  background-size: contain;
  width: 3vw;
  height: 3vw;
  position: relative;
  top: 0.5vw;
  margin: 0 0 0 0.7vw;
}
#btn_ac{
  position: relative;
  width: 96%;
  margin: 0 auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff;
  color: black;
  text-decoration: none;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  letter-spacing: normal;
  border: none;
  padding: 0;
  border-radius: 0;
  height: 9.3vw;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  outline: none;
  display: none;
}
#btn_ac.active{
  display: flex;
}
#btn_ac .t{
  font-size: 2.8vw;
  text-indent: 0;
  line-height: 1.5;
  font-weight: 700;
  margin: 0 0 0 -1vw;
  letter-spacing: 0.06em;
}
.i{
  display: block;
  width: 2vw;
  position: relative;
  margin: 0 0 0 1vw;
  top: 2vw;
}

/*============================
#eventinfo
============================*/

/* @media screen and (min-width: 640px) { */
@media screen and (min-width: 768px) {
  #eventinfo{
    position: relative;
    max-width: 800px;
    width: 96%;
    margin: 0 auto 83px;
  }
  #eventinfo .ttl{
    position: relative;
      width: 78%;
      margin: 0 auto;
      left: 6.5%;
      margin-bottom: 4.3%;
  }
  #eventinfo .info_list{
    background: white;
    position: relative;
  }
  #eventinfo .info_list::before{
    content:"";
    display: block;
    position: absolute;
    top: 0;
    left: 29%;
    width: 1px;
    height: 100%;
    background: #D8D8D8;
  }
  #eventinfo .info_list::after{
    content:"";
    display: block;
    position: absolute;
    top: 0;
    left: 78%;
    width: 1px;
    height: 100%;
    background: #D8D8D8;
  }
  #eventinfo .info_head{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  background: rgb(195,142,203);
    background: linear-gradient(90deg, rgba(195,142,203,1) 0%, rgba(251,145,87,1) 100%);
  height: 4.5rem;
  color:white;
  font-weight: 700;
  }
  #eventinfo .info_name{
    width: 78%;
    display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  }
  #eventinfo .info_name .name1,#eventinfo .info_name .name2{
    box-sizing: border-box;
    padding: 0 0 0 2.5rem;
  }
  #eventinfo .info_name .name1{
    width: 37%;
  }
  #eventinfo .info_name .name2{
    width: 63%;
  }
  #eventinfo .info_head p{
    font-size: 1.6rem;
    text-indent: 0;
    line-height: 1.7em;
    letter-spacing: -0.007em;
  }
  #eventinfo .info_detail{
    width: 22%;
    box-sizing: border-box;
    padding: 0 0 0 2.5rem;
  }
  #eventinfo .info_set{
    display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  border-bottom: 1px solid #D8D8D8;
  }
  #eventinfo .info_set.passive{
    display: none;
  }
  #eventinfo .info_set:last-child{
  /* border-bottom: none; */
  }
  #eventinfo .info_target_txts{
    width: 78%;
  }
  #eventinfo .info_txts{
    display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  }
  #eventinfo .info_txts .txt1{
    width: 37%;
    box-sizing: border-box;
    padding: 2% 4%;
    font-size: 1.65rem;
    text-indent: 0;
    line-height: 1.5;
    font-weight: 700;
  }
  #eventinfo .info_txts .txt2{
    width: 63%;
    box-sizing: border-box;
    padding: 2% 4%;
    font-size: 1.6rem;
    text-indent: 0;
    line-height: 1.4;
    font-weight: 500;
  }
  #eventinfo .info_txts{
  }
  #eventinfo .info_target_detail{
    width: 22%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
  }
  #eventinfo .info_target_detail a{
    font-size: 1.6rem;
    text-indent: 0;
    line-height: 1.7em;
    color:black;
    display: inline-block;
    position: relative;
    text-underline-offset: 0.4rem;
    text-decoration: none;
    font-weight: 500;
  }
  #eventinfo .info_target_detail a:hover::before{
    display: none;
  }
  #eventinfo .info_target_detail a::before{
    content:"";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: black;
  }
  #eventinfo .info_target_detail a::after{
    content:"";
    display: inline-block;
    background: url("../img/top/icon_blank.svg") no-repeat center center;
    background-size: contain;
    width: 1.7rem;
    height: 1.7rem;
    position: relative;
    top: 0.2rem;
    margin: 0 0 0 0.5rem;
  }
  #eventinfo.hide{
    display: none;
  }
  #btn_ac{
    position: relative;
    width: 96%;
    margin: 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff;
    color: black;
    text-decoration: none;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    border: none;
    padding: 0;
    border-radius: 0;
    height: 6.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    outline: none;
    cursor: pointer;
    display: none;
  }
  #btn_ac.active{
    display: flex;
  }
  #btn_ac .t{
    font-size: 1.65rem;
    text-indent: 0;
    line-height: 1.5;
    font-weight: 700;
    margin: 0 0 0 -2.9rem;
    letter-spacing: 0.06em;
  }
  .i{
    display: block;
    width: 1.3rem;
    position: relative;
    margin: 0 0 0 0.7rem;
    top: 0.6rem;
  }
}

  .page-top .hero .banner-area {
    margin-bottom: 65px;
  }
  .page-top .hero .banner-area li {
    margin-top: 25px;
  }
  .page-top .hero .banner-area li:first-child {
    margin-top: 0;
  }
  @media screen and (max-width: 768px) {
    .page-top .hero .banner-area {
      margin-bottom: 22px;
    }
  }
/* } */
.page-top .map {
  position: relative;
  margin-bottom: 34px;
  width: 100%;
  position: relative;
  background: url("../img/common/bg-texture.jpg?hash=abeaafbec16ccba4c0901dcba766c1f4") left top repeat;
  background-size: 50px;
}
.page-top .map::before {
  content: "";
  display: block;
  padding-top: 136.25%;
}
.page-top .map > * {
  position: absolute;
}
.page-top .map .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.page-top .map .train-img {
  position: absolute;
  top: 0;
  right: 0;
  top: -7.79816513761468%;
  width: 32.8125%;
}
.page-top .map .point,
.page-top .map .button,
.page-top .map .line {
  position: absolute;
  top: 0;
  left: 0;
}
.page-top .map .button,
.page-top .map .line {
  overflow: hidden;
}
.page-top .map .button span,
.page-top .map .line span,
.page-top .map .button a,
.page-top .map .line a {
  display: block;
}
.page-top .map .point {
  width: 100%;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5%;
  background: url("../img/top/map-point-icon.png?hash=5e4424069d271fe2142bfb5e32a00e5e") left top repeat;
  background-size: 100%;
}
.page-top .map .point::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.page-top .map .button a::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f0f0f0;
  transform: translateX(0%);
  -webkit-transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0);
  transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0);
}
.page-top .map .button a.anim::before{
  transform: translateX(100%);
}

.page-top .map .point > * {
  position: absolute;
}
.page-top .map .point-1 {
  top: 32.22477064220183%;
  margin-left: 26.09375%;
}
.page-top .map .point-2 {
  top: 41.857798165137616%;
  margin-left: 29.21875%;
}
.page-top .map .point-3 {
  top: 51.26146788990825%;
  margin-left: 27.187499999999996%;
}
.page-top .map .point-4 {
  top: 66.85779816513761%;
  margin-left: 15.937499999999998%;
}
.page-top .map .point-5 {
  top: 69.72477064220183%;
  margin-left: 17.03125%;
}
.page-top .map .button {
  width: 44.0625%;
  overflow: hidden;
}
.page-top .map .button a {
  background: #d53182;
}
.page-top .map .button-1 {
  top: 25.229357798165136%;
  margin-left: 51.5625%;
}
.page-top .map .button-2 {
  top: 43.23394495412844%;
  margin-left: 51.5625%;
}
.page-top .map .button-3 {
  top: 61.23853211009175%;
  margin-left: 51.5625%;
}
.page-top .map .button-4 {
  top: 79.35779816513761%;
  margin-left: 51.5625%;
}
.page-top .map .button-5 {
  top: 79.35779816513761%;
  margin-left: 4.6875%;
}
.page-top .map .line-1 {
  width: 23.125%;
  top: 25.229357798165136%;
  margin-left: 28.4375%;
}
.page-top .map .line-2 {
  width: 20.3125%;
  top: 42.6605504587156%;
  margin-left: 31.25%;
}
.page-top .map .line-3 {
  width: 22.5%;
  top: 52.522935779816514%;
  margin-left: 29.21875%;
}
.page-top .map .line-4 {
  width: 33.4375%;
  top: 68.11926605504587%;
  margin-left: 18.125%;
}
.page-top .map .line-5 {
  width: 12.812499999999998%;
  top: 70.9862385321101%;
  margin-left: 4.6875%;
}
.page-top .map .inner .pdf-link{
  width: 90.625%;
  position: absolute;
  bottom: -7.5%;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .page-top .map {
    margin-bottom: 45px;
  }
  .page-top .map:before {
    display: none;
  }
  .page-top .map .train-img {
    top: 0;
    margin-top: -65px;
    width: 272px;
  }
  .page-top .map .inner {
    position: relative;
    max-width: 950px;
    margin: 0 auto;
  }
  .page-top .map .inner .pdf-link{
    width: 332px;
    right: -67.7%;
    bottom: 4%;
  }
  .page-top .map .inner .pdf-link a:hover::before {
    opacity: 1;
  }
  .page-top .map .inner .pdf-link a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.45);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-top .map .img {
    width: 126.3157894736842%;
    margin-left: -13.157894736842104%;
  }

  .page-top .map .point {
    width: 1.684210526315789%;
    max-width: 16px;
  }
  .page-top .map .point-1 {
    top: 39.31764705882353%;
    margin-left: 47.478947368421055%;
  }
  .page-top .map .point-2 {
    top: 51.66470588235295%;
    margin-left: 49.47894736842105%;
  }
  .page-top .map .point-3 {
    top: 63.823529%;
    margin-left: 48.215789%;
  }
  .page-top .map .point-4 {
    top: 83.776471%;
    margin-left: 40.531579%;
  }
  .page-top .map .point-5 {
    top: 87.352941%;
    margin-left: 41.268421052631575%;
  }
  .page-top .map .button {
    width: 25.36842105263158%;
    max-width: 241px;
    height: 121px;
  }
  .page-top .map .button a {
    /* position: absolute;
    width: 100%;
    height: 93px; */
    /* -webkit-transition: 0.3s;
    transition: 0.3s; */
  }
  .page-top .map .button a::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 101%;
    background: #f0f0f0;
    transform: translateX(0%);
    -webkit-transition: transform 0.4s cubic-bezier(0.32, 0, 0.67, 0);
    transition: transform 0.4s cubic-bezier(0.32, 0, 0.67, 0);
  }
  .page-top .map .button a.anim::before{
    transform: translateX(100%);
  }
  .page-top .map .button a {
    transition: 0.3s ease-out;
  }
  .page-top .map .button a:hover {
    opacity: 0.7;
  }
  .page-top .map .button-1 {
    top: 24.164706%;
    margin-left: 74.210526%;
  }
  .page-top .map .button-2 {
    top: 47.647059%;
    margin-left: 71.47368421052632%;
  }
  .page-top .map .button-3 {
    top: 69.129412%;
    margin-left: 64.721053%;
  }
  .page-top .map .button-4 {
    left: auto;
    right: 0;
    margin-right: 70.368421%;
    top: 31.841176%;
  }
  .page-top .map .button-4 a {
    position: absolute;
    right: 0;
  }
  .page-top .map .button-4 a.anim::before{
    transform: translateX(-100%);
  }
  .page-top .map .button-5 {
    left: auto;
    right: 0;
    top: 54.523529%;
    margin-right: 74.35263%;
  }
  .page-top .map .button-5 a {
    position: absolute;
    right: 0;
  }
  .page-top .map .button-5 a.anim::before{
    transform: translateX(-100%);
  }
  .page-top .map .line-1 {
    max-width: 258px;
    margin-left: 49.05263157894737%;
    width: 25.157895%;
    top: 38.983529%;
  }
  .page-top .map .line-2 {
    width: 20.42105263157895%;
    max-width: 194px;
    top: 53.23529411764706%;
    margin-left: 51.05263157894737%;
  }
  .page-top .map .line-3 {
    width: 15.342105%;
    max-width: 145px;
    top: 65.835294%;
    margin-left: 49.478947%;
  }
  .page-top .map .line-4 {
    left: auto;
    top: auto;
    right: 0;
    max-width: 134px;
    height: 270px;
    bottom: 16.082353%;
    width: 13.042105%;
    transform: rotate(3deg);
    margin-right: 57.971579%;
  }
  .page-top .map .line-4 img {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .page-top .map .line-5 {
    left: auto;
    top: auto;
    right: 0;
    max-width: 190px;
    height: 142px;
    transform: rotate(6deg);
    margin-right: 57.626316%;
    bottom: 12.770588%;
    width: 17.084211%;
  }
  .page-top .map .line-5 img {
    position: absolute;
    bottom: 0;
    right: 0;
  }	
}
@media screen and (max-width: 949px) and (min-width: 768px) {
  .page-top .map .train-img {
    margin-top: -8.210526315789474%;
    width: 28.631578947368418%;
  }
}
.page-top .section-pickup {
  width: 90.625%;
  margin: 0 auto 40px;
  padding: 27px 0 18px;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
}
.page-top .section-pickup .heading {
  width: 81.37931034482759%;
  margin: 0 auto 20px;
}
.page-top .section-pickup .contents {
  width: 81.03448275862068%;
  margin: 0 auto;
}
.page-top .section-pickup .img-container {
  margin-bottom: 6px;
}
.page-top .section-pickup .img-container .img {
  margin-bottom: 6px;
  text-align: right;
}
.page-top .section-pickup .img-container .img .img-cap {
  margin-top: 2px;
  font-family: "Sawarabi Mincho", serif;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 0.12em;
  text-align: right;
}
.page-top .section-pickup .img-container .img:last-child {
  margin-bottom: 0;
}
.page-top .section-pickup .text {
  margin-bottom: 20px;
  font-family: "Sawarabi Mincho", serif;
  line-height: 1.95;
}
.page-top .section-pickup .buttons li {
  float: left;
  width: 47.87234042553192%;
  margin-bottom: 10px;
}
.page-top .section-pickup .buttons li a {
  display: block;
  cursor: pointer;
}
.page-top .section-pickup .buttons li:nth-child(even) {
  float: right;
}
.page-top .section-pickup .buttons li a {
  background: #d53182;
}
@media screen and (min-width: 768px) {
  .page-top .section-pickup {
    width: 97.89473684210527%;
    max-width: 930px;
    margin-bottom: 80px;
    padding: 79px 0 26px;
  }
  .page-top .section-pickup .heading {
    width: 62.58064516129033%;
    margin-bottom: 60px;
  }
  .page-top .section-pickup .contents {
    width: 82.79569892473118%;
  }
  .page-top .section-pickup .img-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 6px;
  }
  .page-top .section-pickup .img-container .img {
    width: 46.493506493506494%;
    margin-bottom: 10px;
  }
  .page-top .section-pickup .img-container .img .img-cap {
    margin-top: 1px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .page-top .section-pickup .text {
    margin-bottom: 68px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.15;
  }
  .page-top .section-pickup .buttons li {
    width: 46.493506493506494%;
    margin-bottom: 54px;
  }
  .page-top .section-pickup .buttons li a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .page-top .section-pickup .buttons li a:hover {
    background: #a2175c;
  }
}
.page-top .kv-tab-ttl-small{
  width: 20.78125%;
  margin: auto;
  margin-bottom: 8px;
}
.page-top .kv-tab-ttl{
  width: 42.1875%;
  margin: 95px auto 45px;
}
.page-top .kv-tab {
  width: 90.625%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.page-top .kv-tab .tabLabel {
  position: relative;
  /* margin-right: 3px; */
  padding: 7px 6px 19px;
  flex: 1;
  order: -1;
  /* border-radius: 3px 3px 0 0; */
  color: #444;
  background: #ededed;
  transition: 0.5s;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: #CCC #CCC #CCC #CCC;
  z-index: 2;
}
.page-top .kv-tab .tabLabel::after {
  content: "";
  position: absolute;
  display: block;
  top: 75%;
  left: 0;
  right: 0;
  margin: auto;
  width: 11.20155%;
  height: 12.875968992248062%;
  background-image: url(../img/top/tab-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  /* opacity: 0; */
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.page-top .kv-tab .tabLabel:nth-last-child(1) {
  margin-right: 0;
}
.page-top .kv-tab .tabOmiya{
  border-width: 1px 0 1px 0;
}
.page-top .kv-tab input {
  display: none;
}
.page-top .kv-tab input:checked + .tabLabel {
  color: #fff;
  background: #fff;
  border-color: #CCC #CCC #FFF #CCC;
}
.page-top .kv-tab input:checked + .tabLabel::after {
  transform: rotate(180deg);
}
.page-top .kv-tab input:checked + .tabLabel + .content {
  position: relative;
  padding: 15px 20px;
  height: auto;
  overflow: hidden auto;
  border: solid 1px #cccccc;
  /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); */
  transition: 1.5s opacity;
  opacity: 1;
}
.page-top .kv-tab .content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  display: block !important;
  margin-top: -1px;
  background: #fff;
}
.page-top .kv-tab .content ul{
  width: 100%;
  margin: auto;
  /* margin-left: -2%; */
  margin-bottom: 20px;
}
.page-top .kv-tab .content ul li{
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 6% 0 3%;
  border-bottom: solid 1px #ccc;
}
.page-top .kv-tab .content ul li:nth-child(1){
  padding-top: 4.5%;
  padding-bottom: 2.5%;
}
.page-top .kv-tab .content ul li:nth-child(2){
  padding: 6% 0 0.7%;
}
.page-top .kv-tab .content ul li:nth-child(3) .price-txt{
  width: 40.5%;
  margin-top: -0.5%;
  margin-left: -1%;
}
.page-top .kv-tab .content ul li:nth-child(3) .price-txt .price-info{
  width: 52%;
  margin-top: 6%;
  margin-left: 3%;
}
.page-top .kv-tab .content ul li:nth-child(4) .price-txt{
  width: 43%;
  margin-left: -1%;
}
.page-top .kv-tab .content ul li:nth-child(4) .price-txt .price-info{
  width: 48%;
  margin-top: 5%;
  margin-left: 4%;
}
.page-top .kv-tab .content ul li:nth-child(2) .price-txt img:nth-child(1){
  margin-bottom: 8px;
}
.page-top .kv-tab .content ul li:nth-child(5) .price-txt img:nth-child(1){
  margin-bottom: 8px;
}
.page-top .kv-tab .content ul li:nth-child(1) img{
  width: 87%;
}
.page-top .kv-tab .content ul li .price-txt{
  width: 35%;
  display: flex;
  flex-direction: column;
}
.page-top .kv-tab .content ul li .price-txt:nth-child(2){
  width: 35%;
  display: flex;
  flex-direction: column;
}
.page-top .kv-tab .content ul li .price-txt img:nth-child(1){
  width: 113%;
  margin-bottom: -2px;
}
.page-top .kv-tab .content ul li .price-txt .price-info{
  width: 60%;
  margin-top: 1.4%;
  margin-left: 1%;
}
.page-top .kv-tab .content ul li .price-num{
  width: 51%;
  margin-top: -6%;
  margin-right: -1%;
}
.page-top .kv-tab .content .note{
  width: 95.7%;
  margin-bottom: 28px;
  font-family: 	YuMincho,'Yu Mincho',serif;
  font-weight: 600;
  font-size: 2.8125vw;
  /* font-size: 18px;
  font-size: 1.8rem; */
  line-height: 1.8;
  letter-spacing: 0.01em;
  text-indent: -1.6em;
  padding-left: 1.6em;
  text-align: justify;
  text-justify: inter-ideograph;
}
.page-top .kv-tab .content .tab-btn{
  width: 100%;
  /* margin-left: -2%; */
  margin-bottom: 6px;
}
.page-top .ticket-area{
  width: 91.16666666666667%;
  margin: auto;
  margin-bottom: 40px;
}
.page-top .ticket-area h2{
  width: 76.190476%;
  margin: auto;
  margin-bottom: 18px;
}
.page-top .ticket-area ul{
  width: 100%;
}
.page-top .ticket-area ul li{
  width: 100%;
}
.page-top .ticket-area ul li:nth-child(1){
  margin-bottom: 23px;
}

.page-top .pack-area {
  position: relative;
  width: 91.16666666666667%;
  margin: auto;
  margin-bottom: 40px;
}
.page-top .pack-area h2 {
  position: relative;
  width: 52%;
  margin: 0 auto 0.7%;
}
.page-top .pack-area .ticket-area_content {
  position: relative;
  width: 100%;
  margin: 0 auto 11%;
  padding-bottom: 1%;
  background-color: #28914f;
}
.page-top .pack-area .ticket-area_content .pack_ttl {
  position: relative;
  padding: 6% 0 6%;
  margin: 0 auto;
  left: 0%;
  width: 62%;
}
.page-top .pack-area .ticket-area_content .content_area {
  position: relative;
  width: 99%;
  margin: 0 auto;
  padding: 3% 0 3.2%;
  background-color: #fff;
}
.page-top .pack-area .ticket-area_content .content_area .pack_log {
  position: relative;
  width: 70%;
  margin: 4% auto 7%;
}
.page-top .pack-area .ticket-area_content .content_area .banner_area {
  position: relative;
  display: block;
  padding: 0;
}
.page-top .pack-area .ticket-area_content .content_area .banner_area .banner_block .banner_ttl {
  position: relative;
  width: 68%;
  margin: 0 auto 1%;
}
.page-top .pack-area .ticket-area_content .content_area .banner_area .banner_block .banner_ttl.hk {
  width: 60%;
  margin: 0 auto 3%;
}
.page-top .pack-area .ticket-area_content .content_area .banner_area .banner_block .banner_img {
  position: relative;
  width: 87%;
  left: 0;
  margin: 0 auto 5%;
}
.page-top .pack-area .ticket-area_content .content_area .banner_area .banner_block .banner_img a{
  display: inline-block;
}
.page-top .pack-area .ticket-area_content .content_area .banner_area .banner_block .banner_img.hk {
  position: relative;
  width: 87%;
  left: 0;
  margin: 0 auto 2%;
}


.page-top .namatabi_area {
  position: relative;
  width: 100%;
  padding: 2.7% 0;
  margin: 81px auto 82px;
}
.page-top .namatabi_area::before {
  position: absolute;
  top: 0%;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/top/namatabi_bg.jpg") left top repeat;
  background-size: cover;
  z-index: 0;
}

.page-top .namatabi_area .movie-area {
  position: relative;
  width: 95%;
  z-index: 1;
  margin: 0 auto;
  background-color: #fff;
  padding: 0.7% 0 0;
}
.page-top .namatabi_area .movie-area .namatabi_log {
  position: relative;
  width: 36%;
  margin: 13% auto 4%;
}
.page-top .namatabi_area .movie-area .movie_ttl {
  position: relative;
  width: 77%;
  margin: 0 auto 5.5%;
}
.page-top .namatabi_area .movie-area .movie_content {
  position: relative;
  display: block;
  margin-bottom: 0%;
  padding: 0 5.7% 6%;
}
.page-top .namatabi_area .movie-area .movie_content .movie_block a{
  position: relative;
  width: 100%;
  display: inline-block;
}

.page-top .namatabi_area .movie-area .movie_content .movie_block{
  position: relative;
  margin-bottom: 12%;
}

.page-top .namatabi_area .movie-area .movie_content .movie_block:nth-child(2) .movie_img {
  left: 0%;
}
.page-top .namatabi_area .movie-area .movie_content .movie_block .movie_img {
  position: relative;
  width: 100%;
  margin: 0 auto 5%;
}
.page-top .namatabi_area .movie-area .movie_content .movie_block  .movie_btn {
  position: relative;
  width: 35.5%;
  margin: 0 auto;
}
.page-top .namatabi_area .summer_resort-area {
  position: relative;
  width: 95%;
  z-index: 1;
  margin: 0 auto;
  padding-bottom: 12.5%;
  background-color: #fff;
}
.page-top .namatabi_area .summer_resort-area .summer_log {
  position: relative;
  width: 54%;
  margin: -4% auto 2%;
}
.page-top .namatabi_area .summer_resort-area .summer_txt {
  position: relative;
  width: 90%;
  margin: 0 auto 7.5%;
}
.page-top .namatabi_area .summer_resort-area .summer_move {
  display: inline-block;
  position: relative;
  width: 89%;
  margin: 0 auto 7%;
  left: 50%;
  transform: translateX(-50%);
}
.page-top .namatabi_area .summer_resort-area .summer_move .summer_img {
  position: relative;
  width: 100%;
  margin: 0 auto 4%;
}
.page-top .namatabi_area .summer_resort-area .btn {
  position: relative;
  width: 34.5%;
  left: 0%;
  margin: 0 auto 0%;
}
.page-top .namatabi_area .summer_resort-area .campaign {
  position: relative;
  width: 88%;
  margin: 0 auto;
  background-color: #0cbaff;
}
.page-top .namatabi_area .summer_resort-area .campaign .campaign_txt_block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 92%;
  margin: 0 auto;
  padding: 7% 0 7%;
}
.page-top .namatabi_area .summer_resort-area .campaign .campaign_txt_block .txt {
  position: relative;
  width: 71%;
  margin: 0 auto;
}
.page-top .namatabi_area .summer_resort-area .campaign .campaign_txt_block .icon {
  position: absolute;
  right: 5%;
  width: 2%;
  margin: 0 auto;
}


.page-top .e-ticket-area{
  width: 91.16666666666667%;
  margin: auto;
  margin-bottom: 47px;
}
.page-top .e-ticket-area h2{
  width: 93.61039%;
  margin: auto;
  margin-bottom: 17px;
}
.page-top .e-ticket-area h2 img{
  margin: auto;
  display: block;
}
.page-top .e-ticket-area h2 img:nth-child(1){
  width: 86.5%;
  margin-bottom: 10px;
}
.page-top .e-ticket-area h2 img:nth-child(2){
  width: 102%;
}
.page-top .goodday-area{
  width: 91.16666666666667%;
  margin: auto;
  margin-bottom: 73px;
}
.page-top .holiday{
  width: 91.16666666666667%;
  margin: auto;
  margin-bottom: 73px;
}
.page-top .tohoku{
  width: 91.16666666666667%;
  margin: auto;
  margin-bottom: 86px;
}
.page-top .tohoku .goodday-img{
  margin: 0 auto ;
  width: 97.7%;
}
.page-top .goodday-area h2{
  width: 100%;
  margin: auto;
  margin-bottom: 16px;
}
.page-top .holiday h2{
  width: 98%;
  margin-bottom: 16px;
}
.page-top .tohoku h2{
  width: 84%;
  margin-bottom: 15px;
}
.page-top .goodday-area h2 img:nth-child(1){
  margin-bottom: 10px;
}
.page-top .goodday-area .goodday-img{
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.page-top .goodday-area .goodday-img a{
  position: relative;
  display: block;
  /* width: 49%; */
  width: 100%;
  box-shadow: rgb(0 0 0 / 20%) 0px 0px 5px;
}
.page-top .kv-movie {
  width: 90.625%;
  margin: 0 auto 38px;
  cursor: pointer;
}
.page-top .kv-movie a{
  display:block;
  position: relative;
}
.page-top .kv-movie a:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.45);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.page-top .kv-movie a:hover::before{
  opacity: 1;
}
.page-top .kv-movie a .play-icon{
  position: absolute;
  width: 8.75vw;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.page-top .banner-area {
  width: 90.625%;
  margin: 0 auto 30px;
}
.page-top .banner-area li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.page-top .banner-area li a {
  display: block;
  cursor: pointer;
}
.page-top .banner-area li.txt img{
  width: 70.40625%;
  margin: auto;
}
/* .page-top .banner-area li.banner{
  margin-top: 10px;
} */
.page-top .banner-area li.banner-hokkaido-plan {
  float: right;
}
@media screen and (min-width: 768px) {
  .page-top .banner-area {
    width: 81.05263157894737%;
    max-width: 770px;
    margin-bottom: 55px;
  }
  .page-top .banner-area li.txt img{
    max-width: 326px;
  }
  /* .page-top .banner-area li.banner{
    margin-top: 20px;
  } */
  .page-top .tab-ttl-wrap{
    width: 64.16666666666667%;
    max-width: 770px;
    margin: auto;
  }
  .page-top .kv-tab-ttl-small{
    max-width: 108px;
    width: 14.02597402597403%;
    margin: 20px;
  }
  .page-top .kv-tab-ttl{
    max-width: 522px;
    width: 65%;
    margin: 53px auto 23px;
    margin: 97px auto 62px;
  }
  .page-top .kv-tab{
    width: 64.16666666666667%;
    max-width: 770px;
    /* margin-bottom: 80px; */
  }
  .page-top .kv-tab .tabLabel {
    padding: 16px 20px 38px;
  }
  .page-top .kv-tab .tabLabel::after {
    width: 6.201550387596899%;
    top: 63%;
  }
  .page-top .kv-tab input:checked + .tabLabel + .content {
    padding: 0px;
  }
  .page-top .kv-tab .content ul{
    width: 91.50649350649351%;
    margin: auto;
    margin-bottom: 25px;
  }
  .page-top .kv-tab .content ul li{
    padding: 2.8% 0 1.8%;
  }
  .page-top .kv-tab .content ul li:nth-child(1){
    margin-top: 0%;
    padding-bottom: 1.5%;
  }
  .page-top .kv-tab .content ul li:nth-child(2){
    padding: 2.9% 0 1.4%;
  }
  .page-top .kv-tab .content ul li:nth-child(5) .price-txt{
    margin-top: 0%;
  }
  .page-top .kv-tab .content ul li:nth-child(1) img{
    width: 90%;
  }
  .page-top .kv-tab .content ul li .price-txt{
    width: 26%;
    margin-top: 0%;
  }
  .page-top .kv-tab .content ul li:nth-child(3) .price-txt{
    width: 26%;
    margin-top: 0.2%;
    margin-left: 0.2%;
  }
  .page-top .kv-tab .content ul li:nth-child(3) .price-txt .price-info{
    width: 45%;
    margin-top: 0%;
    margin-left: 0%;
  }
  .page-top .kv-tab .content ul li:nth-child(4) .price-txt {
    width: 28%;
    margin-left: 0%;
  }
  .page-top .kv-tab .content ul li:nth-child(4) .price-txt .price-info{
    width: 42%;
    margin-top: -1%;
    margin-left: 0%;
  }
  .page-top .kv-tab .content ul li .price-txt:nth-child(2){
    width: 26%;
    margin-top: 0%;
  }
  .page-top .kv-tab .content ul li .price-txt img:nth-child(2){
    margin-bottom: 4.8%;
    flex-shrink: 0;
  }
  .page-top .kv-tab .content ul li .price-txt .price-info{
    width: 44%;
  }
  .page-top .kv-tab .content ul li:nth-child(2) .price-txt .price-info{
    width: 44%;
    margin-top: -3.5%;
  }
  .page-top .kv-tab .content ul li .price-num{
    width: 40%;
    margin-right: -1.3%;
    margin-top: -2%;
  }
  .page-top .kv-tab .content .note{
    width: 91.5%;
    margin: auto;
    margin-bottom: 56px;
    /* font-size: 1vw; */
    font-size: 12px;
    font-size: 1.2rem;
  }
  .page-top .kv-tab .content .tab-btn{
    position: relative;
    width: 96%;
    margin: auto;
    margin-bottom: 25px;
  }
  .page-top .kv-tab .content .tab-btn a:hover::before {
    opacity: 1;
  }
  .page-top .kv-tab .content .tab-btn a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.45);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-top .ticket-area{
    max-width: 485px;
  }
  .page-top .ticket-area h2{
    width: 50.90909090909091%;
    margin-bottom: 20px;
  }
  .page-top .ticket-area ul{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 40px;
  }
  .page-top .ticket-area ul li{
    position: relative;
    width: 100%;
  }
  .page-top .ticket-area ul li a:hover::before {
    opacity: 1;
  }
  .page-top .ticket-area ul li a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255,255,255,0.45);
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
  }
  .page-top .ticket-area ul li:nth-child(1){
    margin-bottom: 0px;
  }

  .page-top .pack-area {
    position: relative;
    width: 64.16666666666667%;
    max-width: 770px;
    margin: auto;
  }
  .page-top .pack-area h2 {
    position: relative;
    width: 52%;
    margin: 0 auto 0.7%;
  }
  .page-top .pack-area .ticket-area_content {
    position: relative;
    width: 100%;
    margin: 0 auto 11%;
    padding-bottom: 1%;
    background-color: #28914f;
  }
  .page-top .pack-area .ticket-area_content .pack_ttl {
    position: relative;
    padding: 2% 0 1.2%;
    margin: 0 auto;
    left: -2%;
    width: 31.7%;
  }
  .page-top .pack-area .ticket-area_content .content_area {
    position: relative;
    width: 99%;
    margin: 0 auto;
    padding: 3% 0 3.2%;
    background-color: #fff;
  }
  .page-top .pack-area .ticket-area_content .content_area .pack_log {
    position: relative;
    width: 46%;
    margin: 0 auto 3%;
  }
  .page-top .pack-area .ticket-area_content .content_area .banner_area {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 2%;
  }
  .page-top .pack-area .ticket-area_content .content_area .banner_area .banner_block .banner_ttl {
    position: relative;
    width: 92%;
    margin: 0 auto 3%;
  }
  .page-top .pack-area .ticket-area_content .content_area .banner_area .banner_block .banner_ttl.hk {
    width: 85%;
  }
  .page-top .pack-area .ticket-area_content .content_area .banner_area .banner_block .banner_img {
    position: relative;
    width: 91%;
    margin: 0 auto 0%;
  }
  .page-top .pack-area .ticket-area_content .content_area .banner_area .banner_block .banner_img a{
    display: inline-block;
  }
  .page-top .pack-area .ticket-area_content .content_area .banner_area .banner_block .banner_img a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.45);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-top .pack-area .ticket-area_content .content_area .banner_area .banner_block .banner_img:hover a:before{
    opacity: 1;
  }
  .page-top .pack-area .ticket-area_content .content_area .banner_area .banner_block .banner_img.hk {
    position: relative;
    width: 94%;
    margin: 0 auto 0%;
  }


  .page-top .namatabi_area {
    position: relative;
    width: 64.16666666666667%;
    max-width: 770px;
    padding: 1.7% 0;
    margin: auto;
    margin-bottom: 83px;
  }
  .page-top .namatabi_area::before {
    position: absolute;
    top: 0%;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../img/top/namatabi_bg.jpg") left top repeat;
    background-size: cover;
    z-index: 0;
  }

  .page-top .namatabi_area .movie-area {
    position: relative;
    width: 95%;
    z-index: 1;
    margin: 0 auto;
    background-color: #fff;
    padding: 0.7% 0 2.7%;
  }
  .page-top .namatabi_area .movie-area .namatabi_log {
    position: relative;
    width: 29%;
    margin: 9% auto 4%;
  }
  .page-top .namatabi_area .movie-area .movie_ttl {
    position: relative;
    width: 46%;
    margin: 0 auto 2.5%;
  }
  .page-top .namatabi_area .movie-area .movie_content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 6%;
    padding: 0 2.7%;
  }
  .page-top .namatabi_area .movie-area .movie_content .movie_block:hover .movie_img::before{
    opacity: 1;
  }
  .page-top .namatabi_area .movie-area .movie_content .movie_block a{
    position: relative;
    width: 98%;
    display: inline-block;
  }

  .page-top .namatabi_area .movie-area .movie_content .movie_block .movie_img::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.45);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  .page-top .namatabi_area .movie-area .movie_content .movie_block:nth-child(2) .movie_img {
    left: 2%;
  }
  .page-top .namatabi_area .movie-area .movie_content .movie_block .movie_img {
    position: relative;
    width: 100%;
    margin: 0 auto 7%;
  }
  .page-top .namatabi_area .movie-area .movie_content .movie_block {
    margin-bottom: 0;
  }
  .page-top .namatabi_area .movie-area .movie_content .movie_block  .movie_btn {
    position: relative;
    width: 35.5%;
    margin: 0 auto 3%;
  }
  .page-top .namatabi_area .summer_resort-area {
    position: relative;
    width: 95%;
    z-index: 1;
    margin: 0 auto;
    padding-bottom: 10.5%;
    background-color: #fff;
  }
  .page-top .namatabi_area .summer_resort-area .summer_log {
    position: relative;
    width: 33%;
    margin: -2% auto 2%;
  }
  .page-top .namatabi_area .summer_resort-area .summer_txt {
    position: relative;
    width: 58%;
    margin: 0 auto 1.5%;
  }
  .page-top .namatabi_area .summer_resort-area .summer_move {
    display: inline-block;
    position: relative;
    width: 51%;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .page-top .namatabi_area .summer_resort-area .summer_move .summer_img {
    position: relative;
    width: 100%;
    margin: 0 auto 4%;
  }

  .page-top .namatabi_area .summer_resort-area .summer_img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.45);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-top .namatabi_area .summer_resort-area a:hover .summer_img:before{
    opacity: 1;
  }
  .page-top .namatabi_area .summer_resort-area .btn {
    position: relative;
    width: 32.5%;
    left: 3%;
    margin: 0 auto 6%;
  }
  .page-top .namatabi_area .summer_resort-area .campaign {
    position: relative;
    width: 51%;
    margin: 0 auto;
    background-color: #0cbaff;
  }
  .page-top .namatabi_area .summer_resort-area .campaign:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.45);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-top .namatabi_area .summer_resort-area .campaign:hover:before{
    opacity: 1;
  }
  .page-top .namatabi_area .summer_resort-area .campaign .campaign_txt_block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 92%;
    margin: 0 auto;
    padding: 4% 0 2%;
  }
  .page-top .namatabi_area .summer_resort-area .campaign .campaign_txt_block .txt {
    position: relative;
    width: 71%;
    margin: 0 auto;
  }
  .page-top .namatabi_area .summer_resort-area .campaign .campaign_txt_block .icon {
    position: absolute;
    right: 7%;
    width: 2%;
    margin: 0 auto;
  }
  

  .page-top .e-ticket-area{
    max-width: 770px;
    margin-bottom: 83px;
  }
  .page-top .e-ticket-area h2{
    margin-bottom: 7px;
  }
  .page-top .e-ticket-area h2 img{
    margin: auto;
    display: block;
  }
  .page-top .e-ticket-area h2 img:nth-child(1){
    width: 54.5%;
    margin-bottom: 10px;
  }
  .page-top .e-ticket-area h2 img:nth-child(2){
    width: 77%;
  }
  .page-top .e-ticket-area .e-ticket-icon{
    position: relative;
    width: 100%;
  }
  .page-top .e-ticket-area .e-ticket-icon a:hover::before {
    opacity: 1;
  }
  .page-top .e-ticket-area .e-ticket-icon a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.45);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-top .goodday-area{
    max-width: 770px;
    margin-bottom: 77px;
  }
  .page-top .holiday{
    max-width: 770px;
    margin-bottom: 92px;
  }
  .page-top .tohoku{
    max-width: 770px;
    margin-bottom: 96px;
  }
  .page-top .goodday-area h2{
    width: 76%;
    margin-bottom: 20px;
  }
  .page-top .holiday h2{
    width: 62%;
    margin-bottom: 18px;
  }
  .page-top .tohoku h2{
    width: 53%;
    margin-bottom: 18px;
  }
  .page-top .tohoku .goodday-img{
    margin: 0 auto ;
    width: 97.7%;
  }
  .page-top .goodday-area h2 img:nth-child(1){
    margin-bottom: 12px;
  }
  .page-top .goodday-area .goodday-img a:hover::before {
    opacity: 1;
  }
  .page-top .goodday-area .goodday-img a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255,255,255,0.45);
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
  }
  .page-top .kv-movie{
    width: 81.05263157894737%;
    max-width: 770px;
    /* margin-bottom: 55px; */
    margin: 0 auto 55px;
  }
  .page-top .banner-area li {
    margin-bottom: 25px;
  }
  .page-top .banner-area li a {
    position: relative;
  }
  .page-top .banner-area li a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.45);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-top .banner-area li a:hover::before {
    opacity: 1;
  }
}
.page-top .section-ekinet {
  width: 90.625%;
  margin: 0 auto 40px;
  padding-top: 28px;
  padding-bottom: 4px;
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
}
.page-top .section-ekinet .inner {
  width: 81.03448275862068%;
  margin: 0 auto;
}
.page-top .section-ekinet .heading {
  padding: 20px 0 8px;
  border-top: #333 solid 3px;
  border-top: border-bottom 3px;
  box-sizing: border-box;
}
.page-top .section-ekinet .heading img {
  width: 82.97872340425532%;
  margin-left: 10.212765957446807%;
}
.page-top .section-ekinet .price-container {
  margin-bottom: 6px;
  border-bottom: #333 solid 3px;
}
.page-top .section-ekinet .price-container .departure-list,
.page-top .section-ekinet .price-container .price-list {
  text-align: center;
  border-top: #333 solid 1px;
}
.page-top .section-ekinet .price-container .departure-list p,
.page-top .section-ekinet .price-container .price-list p {
  padding: 9px 0 6px;
  border-bottom: #333 solid 1px;
  box-sizing: border-box;
}
.page-top .section-ekinet .price-container .departure-list p .text-small,
.page-top .section-ekinet .price-container .price-list p .text-small {
  font-size: 10px;
  font-size: 1rem;
  display: inline-block;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.page-top .section-ekinet .price-container .departure {
  width: 39.57446808510638%;
  color: #189f9c;
}
.page-top .section-ekinet .price-container .departure .departure-title {
  padding: 8px 0 6px;
  color: #333;
  text-align: center;
}
.page-top .section-ekinet .price-container .departure .departure-title span {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.page-top .section-ekinet .price-container .price {
  margin-bottom: 20px;
}
.page-top .section-ekinet .price-container .price .price-title {
  padding: 13px 0 13px;
  text-align: center;
  border-top: #333 solid 2px;
  border-bottom: #333 solid 1px;
}
.page-top .section-ekinet .price-container .price .price-title span {
  display: block;
  font-size: 10px;
  font-size: 1rem;
}
.page-top .section-ekinet .price-container .price .price-contents {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.page-top .section-ekinet .price-container .price .price-contents .price-list {
  width: 58.723404255319146%;
}
.page-top .section-ekinet .price-container .price .price-contents .price-list p span {
  color: #d53182;
}
.page-top .section-ekinet .price-container .price .period {
  margin-top: 17px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 0.08em;
  padding-left: 4px;
  text-indent: -4px;
}
.page-top .section-ekinet .notes {
  margin-bottom: 24px;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .page-top .section-ekinet {
    width: 97.89473684210527%;
    max-width: 930px;
    margin-bottom: 80px;
    padding-top: 67px;
    padding-bottom: 24px;
  }
  .page-top .section-ekinet .inner {
    width: 85.48387096774194%;
    margin: 0 auto;
  }
  .page-top .section-ekinet .heading {
    padding: 17px 0 17px;
  }
  .page-top .section-ekinet .heading img {
    width: 69.68553459119497%;
    margin: 0 auto;
  }
  .page-top .section-ekinet .price-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 14px;
  }
  .page-top .section-ekinet .price-container .departure-list p,
  .page-top .section-ekinet .price-container .price-list p {
    padding: 10px 0 9px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .page-top .section-ekinet .price-container .departure-list p .text-small,
  .page-top .section-ekinet .price-container .price-list p .text-small {
    font-size: 10px;
    font-size: 1rem;
    display: inline-block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  .page-top .section-ekinet .price-container .departure {
    width: 24.731182795698924%;
  }
  .page-top .section-ekinet .price-container .departure .departure-title {
    padding: 8px 0 11px;
    border-top: #333 solid 2px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .page-top .section-ekinet .price-container .departure .departure-title span {
    font-size: 10px;
    font-size: 1rem;
  }
  .page-top .section-ekinet .price-container .price {
    margin-bottom: 16px;
    width: 36.55913978494624%;
  }
  .page-top .section-ekinet .price-container .price .price-title {
    padding: 8px 0 11px;
    border-bottom: none;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .page-top .section-ekinet .price-container .price .price-title span {
    font-size: 10px;
    font-size: 1rem;
  }
  .page-top .section-ekinet .price-container .price .price-contents .price-list {
    width: 100%;
  }
  .page-top .section-ekinet .price-container .price .period {
    margin-top: 19px;
    margin-left: 5px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.7;
  }
  .page-top .section-ekinet .notes {
    margin-bottom: 0;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.45;
    text-align: right;
  }
}
.page-top .banner-ekinet {
  width: 90.625%;
  margin: 0 auto;
  padding-bottom: 40px;
}
.page-top .banner-ekinet a {
  display: block;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .page-top .banner-ekinet {
    width: 74.40860215053763%;
    max-width: 692px;
    padding-bottom: 80px;
  }
  .page-top .banner-ekinet a {
    position: relative;
  }
  .page-top .banner-ekinet a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.45);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-top .banner-ekinet a:hover::before {
    opacity: 1;
  }
}
.remodal-button {
  cursor: pointer;
}
.mw-movie {
  position: relative;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  background: transparent;
}
.mw-movie .movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.mw-movie .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.mw-movie .remodal-close {
  position: absolute;
  top: -46px;
  right: 16px;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  background: none;
  width: 40px;
  height: 40px;
  display: block;
}
.mw-movie .remodal-close::before,
.mw-movie .remodal-close::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 2px;
  background: #fff;
}
.mw-movie .remodal-close::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mw-movie .remodal-close::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.page-hayabusa .text {
  line-height: 1.95;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .page-hayabusa .text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.15;
    letter-spacing: 0.04em;
  }
}
.page-hayabusa .main {
  font-family: "Sawarabi Mincho", serif;
  position: relative;
}
.page-hayabusa .main::before {
  position: fixed;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/common/bg-pattern.jpg?hash=83d00a84beb7838f2b5c67f3d5fdbf4b") left top repeat;
  background-size: 97px;
}
.page-hayabusa .main .main-inner {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page-hayabusa .main::before {
    background-size: 195px;
  }
}
.page-hayabusa .bg-container {
  background: #fff;
  border-top: 2px solid #00aea9;
  border-bottom: 2px solid #00aea9;
}
.page-hayabusa .section-intro {
  padding: 40px 0 25.624999999999996%;
}
.page-hayabusa .section-intro .heading {
  width: 93.4375%;
  margin-left: 4.375%;
  margin-bottom: 30px;
}
.page-hayabusa .section-intro .date {
  width: 48.125%;
  margin-left: 27.03125%;
  margin-bottom: 22px;
}
.page-hayabusa .section-intro .text {
  width: 90.625%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .page-hayabusa .section-intro {
    padding: 82px 0 121px;
    background-size: auto;
  }
  .page-hayabusa .section-intro .inner {
    max-width: 930px;
    margin: 0 auto;
  }
  .page-hayabusa .section-intro .heading {
    width: 105.59139784946237%;
    max-width: 982px;
    margin-left: -2.688172043010753%;
    margin-bottom: 41px;
  }
  .page-hayabusa .section-intro .date {
    width: 25.806451612903224%;
    max-width: 240px;
    margin-left: 37.74193548387097%;
    margin-bottom: 38px;
  }
  .page-hayabusa .section-intro .text {
    width: 83.87096774193549%;
  }
}
.page-hayabusa .section-shinhakodate,
.page-hayabusa .section-hakodate-sapporo {
  position: relative;
}
.page-hayabusa .section-shinhakodate .contents,
.page-hayabusa .section-hakodate-sapporo .contents {
  width: 90.625%;
  margin: 0 auto;
}
.page-hayabusa .section-shinhakodate .text,
.page-hayabusa .section-hakodate-sapporo .text {
  width: 96.55172413793103%;
  margin: 0 auto;
}
.page-hayabusa .section-shinhakodate .timetable .table,
.page-hayabusa .section-hakodate-sapporo .timetable .table {
  width: 100%;
}
.page-hayabusa .section-shinhakodate .timetable .table th,
.page-hayabusa .section-hakodate-sapporo .timetable .table th,
.page-hayabusa .section-shinhakodate .timetable .table td,
.page-hayabusa .section-hakodate-sapporo .timetable .table td {
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
}
.page-hayabusa .section-shinhakodate .timetable .table th,
.page-hayabusa .section-hakodate-sapporo .timetable .table th {
  padding-top: 3px;
  padding-bottom: 1px;
  color: #fff;
  background: #4abeb2;
  border-right: 1px solid #fff;
}
.page-hayabusa .section-shinhakodate .timetable .table th:last-child,
.page-hayabusa .section-hakodate-sapporo .timetable .table th:last-child {
  border-color: #4abeb2;
}
.page-hayabusa .section-shinhakodate .timetable .table td,
.page-hayabusa .section-hakodate-sapporo .timetable .table td {
  padding-top: 3px;
  padding-bottom: 2px;
  font-size: 11px;
  font-size: 1.1rem;
  border: 1px solid #b8b8b8;
  border-left: none;
}
.page-hayabusa .section-shinhakodate .timetable .table td:first-child,
.page-hayabusa .section-hakodate-sapporo .timetable .table td:first-child {
  font-size: 10px;
  font-size: 1rem;
  background: #e2e2e2;
  border-left: 1px solid #b8b8b8;
}
.page-hayabusa .section-shinhakodate .timetable .notes,
.page-hayabusa .section-hakodate-sapporo .timetable .notes {
  color: #818181;
  font-size: 10px;
  font-size: 1rem;
  display: inline-block;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .page-hayabusa .section-shinhakodate .train-img,
  .page-hayabusa .section-hakodate-sapporo .train-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    max-width: 360px;
    margin: 52px 0 0;
  }
  .page-hayabusa .section-shinhakodate >.heading,
  .page-hayabusa .section-hakodate-sapporo >.heading {
    max-width: 930px;
    margin: 0 auto;
  }
  .page-hayabusa .section-shinhakodate >.heading span,
  .page-hayabusa .section-hakodate-sapporo >.heading span {
    display: block;
    width: 76.77419354838709%;
    max-width: 714px;
    margin-left: 10.53763440860215%;
  }
  .page-hayabusa .section-shinhakodate .contents,
  .page-hayabusa .section-hakodate-sapporo .contents {
    width: 97.89473684210527%;
    max-width: 930px;
  }
  .page-hayabusa .section-shinhakodate .text,
  .page-hayabusa .section-hakodate-sapporo .text {
    width: 100%;
  }
  .page-hayabusa .section-shinhakodate .timetable .table th,
  .page-hayabusa .section-hakodate-sapporo .timetable .table th {
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 21px;
    padding-bottom: 19px;
    letter-spacing: 0.14em;
  }
  .page-hayabusa .section-shinhakodate .timetable .table td,
  .page-hayabusa .section-hakodate-sapporo .timetable .table td {
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 12px;
    padding-bottom: 13px;
  }
  .page-hayabusa .section-shinhakodate .timetable .table td:first-child,
  .page-hayabusa .section-hakodate-sapporo .timetable .table td:first-child {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .page-hayabusa .section-shinhakodate .timetable .notes,
  .page-hayabusa .section-hakodate-sapporo .timetable .notes {
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    line-height: 1.8;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .page-hayabusa .section-shinhakodate .train-img,
  .page-hayabusa .section-hakodate-sapporo .train-img {
    width: 25%;
    margin: 6.666666666666667% 0 0;
  }
}
.page-hayabusa .section-shinhakodate >.heading {
  margin-top: -15.625%;
  margin-bottom: 15px;
}
.page-hayabusa .section-shinhakodate .text {
  margin-bottom: 26px;
}
.page-hayabusa .section-shinhakodate .text .notes {
  color: #818181;
  font-size: 10px;
  font-size: 1rem;
}
.page-hayabusa .section-shinhakodate .timetable .heading {
  width: 216px;
  margin-bottom: 12px;
}
.page-hayabusa .section-shinhakodate .timetable .table {
  margin-bottom: 20px;
}
.page-hayabusa .section-shinhakodate .timetable .table td {
  width: 14.374999999999998%;
}
.page-hayabusa .section-shinhakodate .timetable .table td:nth-child(1) {
  width: 19.0625%;
}
@media screen and (min-width: 768px) {
  .page-hayabusa .section-shinhakodate >.heading {
    margin-top: -75px;
    margin-bottom: 61px;
  }
  .page-hayabusa .section-shinhakodate .text {
    margin-bottom: 39px;
  }
  .page-hayabusa .section-shinhakodate .text .notes {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .page-hayabusa .section-shinhakodate .timetable .heading {
    width: 382px;
    margin-left: 2px;
    margin-bottom: 28px;
  }
  .page-hayabusa .section-shinhakodate .timetable .table {
    margin-bottom: 34px;
  }
  .page-hayabusa .section-shinhakodate .timetable .table td {
    width: 15.789473684210526%;
  }
  .page-hayabusa .section-shinhakodate .timetable .table td:nth-child(1) {
    width: 19.05263157894737%;
  }
}
.page-hayabusa .section-hakodate-sapporo {
  margin-top: 47px;
  padding-bottom: 32px;
}
.page-hayabusa .section-hakodate-sapporo >.heading {
  margin-bottom: 6px;
}
.page-hayabusa .section-hakodate-sapporo .text {
  margin-bottom: 24px;
}
.page-hayabusa .section-hakodate-sapporo .timetable .table {
  margin-bottom: 19px;
}
.page-hayabusa .section-hakodate-sapporo .section-hakodate .heading,
.page-hayabusa .section-hakodate-sapporo .section-sapporo .heading {
  position: relative;
  margin-bottom: 22px;
  line-height: 1;
}
.page-hayabusa .section-hakodate-sapporo .section-hakodate .heading::before,
.page-hayabusa .section-hakodate-sapporo .section-sapporo .heading::before {
  position: absolute;
  top: 7px;
  left: 0;
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #000;
}
.page-hayabusa .section-hakodate-sapporo .section-hakodate .heading .inner,
.page-hayabusa .section-hakodate-sapporo .section-sapporo .heading .inner {
  display: block;
  width: 100%;
  text-align: center;
}
.page-hayabusa .section-hakodate-sapporo .section-hakodate .heading .inner span,
.page-hayabusa .section-hakodate-sapporo .section-sapporo .heading .inner span {
  position: relative;
  display: inline-block;
  width: 149px;
  z-index: 1;
  background: #fff;
}
.page-hayabusa .section-hakodate-sapporo .section-hakodate {
  margin-bottom: 35px;
}
.page-hayabusa .section-hakodate-sapporo .section-hakodate .heading .inner span img {
  width: 110px;
}
.page-hayabusa .section-hakodate-sapporo .section-hakodate .timetable .table td {
  padding-top: 9px;
  padding-bottom: 8px;
  width: 20.9375%;
}
.page-hayabusa .section-hakodate-sapporo .section-hakodate .timetable .table td:nth-child(1) {
  width: 27.968749999999996%;
}
.page-hayabusa .section-hakodate-sapporo .section-sapporo .heading .inner span img {
  width: 109px;
}
.page-hayabusa .section-hakodate-sapporo .section-sapporo .timetable .table td {
  width: 10.9375%;
}
.page-hayabusa .section-hakodate-sapporo .section-sapporo .timetable .table td:nth-child(1) {
  width: 13.28125%;
}
@media screen and (min-width: 768px) {
  .page-hayabusa .section-hakodate-sapporo {
    margin-top: 130px;
    padding-bottom: 115px;
  }
  .page-hayabusa .section-hakodate-sapporo >.heading {
    margin-bottom: 71px;
  }
  .page-hayabusa .section-hakodate-sapporo .text {
    margin-bottom: 38px;
  }
  .page-hayabusa .section-hakodate-sapporo .timetable .table {
    margin-bottom: 40px;
  }
  .page-hayabusa .section-hakodate-sapporo .section-hakodate .heading,
  .page-hayabusa .section-hakodate-sapporo .section-sapporo .heading {
    margin-bottom: 33px;
  }
  .page-hayabusa .section-hakodate-sapporo .section-hakodate .heading::before,
  .page-hayabusa .section-hakodate-sapporo .section-sapporo .heading::before {
    top: 13px;
    height: 2px;
  }
  .page-hayabusa .section-hakodate-sapporo .section-hakodate .heading::before img,
  .page-hayabusa .section-hakodate-sapporo .section-sapporo .heading::before img {
    width: 298px;
  }
  .page-hayabusa .section-hakodate-sapporo .section-hakodate .heading .inner span,
  .page-hayabusa .section-hakodate-sapporo .section-sapporo .heading .inner span {
    width: 298px;
  }
  .page-hayabusa .section-hakodate-sapporo .section-hakodate {
    margin-bottom: 83px;
  }
  .page-hayabusa .section-hakodate-sapporo .section-hakodate .heading .inner span img {
    width: 220px;
    margin-left: -5px;
  }
  .page-hayabusa .section-hakodate-sapporo .section-hakodate .timetable .table td {
    width: 22.42105263157895%;
    padding-top: 12px;
    padding-bottom: 13px;
  }
  .page-hayabusa .section-hakodate-sapporo .section-hakodate .timetable .table td:nth-child(1) {
    width: 30.736842105263158%;
  }
  .page-hayabusa .section-hakodate-sapporo .section-sapporo .heading {
    margin-bottom: 38px;
  }
  .page-hayabusa .section-hakodate-sapporo .section-sapporo .heading .inner span img {
    width: 218px;
    margin-left: -8px;
  }
  .page-hayabusa .section-hakodate-sapporo .section-sapporo .text {
    margin-bottom: 30px;
  }
  .page-hayabusa .section-hakodate-sapporo .section-sapporo .timetable .table {
    margin-bottom: 34px;
  }
  .page-hayabusa .section-hakodate-sapporo .section-sapporo .timetable .table th {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .page-hayabusa .section-hakodate-sapporo .section-sapporo .timetable .table td {
    width: 11.578947368421053%;
  }
  .page-hayabusa .section-hakodate-sapporo .section-sapporo .timetable .table td:nth-child(1) {
    width: 16.94736842105263%;
  }
}
.page-hayabusa .banner-suica {
  width: 90.625%;
  margin: 10px auto 0;
}
.page-hayabusa .banner-suica a {
  display: block;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .page-hayabusa .banner-suica {
    width: 81.6842105263158%;
    max-width: 776px;
    margin-top: 57px;
  }
  .page-hayabusa .banner-suica a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-hayabusa .banner-suica a:hover {
    opacity: 0.7;
  }
}
.page-hayabusa .banner-area {
  padding: 40px 0;
}
.page-hayabusa .banner-area li {
  width: 90.625%;
  margin: 0 auto 10px;
}
.page-hayabusa .banner-area li a {
  display: block;
  cursor: pointer;
}
.page-hayabusa .banner-area li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .page-hayabusa .banner-area {
    padding: 120px 0;
    background-size: auto;
  }
  .page-hayabusa .banner-area li {
    width: 61.05263157894737%;
    margin-bottom: 30px;
  }
  .page-hayabusa .banner-area li a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-hayabusa .banner-area li a:hover {
    opacity: 0.7;
  }
  .page-hayabusa .banner-area li.banner-ticket {
    width: 72.84210526315789%;
    max-width: 692px;
  }
  .page-hayabusa .banner-area li.banner-view {
    width: 81.05263157894737%;
    max-width: 770px;
  }
}
.page-plan .main {
  position: relative;
  font-family: "Sawarabi Mincho", serif;
}
.page-plan .main::before {
  position: fixed;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/common/bg-pattern.jpg?hash=83d00a84beb7838f2b5c67f3d5fdbf4b") left top repeat;
  background-size: 97px;
}
.page-plan .main .main-inner {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page-plan .main::before {
    background-size: 195px;
  }
}
.page-plan .page-heading {
  width: 90.625%;
  margin: 0 auto 36px;
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .page-plan .page-heading {
    width: auto;
    max-width: 950px;
    margin-bottom: 60px;
    padding-top: 76px;
  }
  .page-plan .page-heading span {
    display: block;
    width: 103.15789473684211%;
    max-width: 980px;
    margin-left: -1.578947368421053%;
    margin-right: -1.578947368421053%;
  }
}
.page-plan .page-nav {
  margin-bottom: 40px;
  text-indent: 100%;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}
.page-plan .page-nav a {
  display: block;
  cursor: pointer;
}
.page-plan .page-nav ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.page-plan .page-nav li.nav-tokyo {
  width: 38.75%;
}
.page-plan .page-nav li.nav-tokyo a {
  width: 100%;
  position: relative;
  background: url("../img/plan/nav-tokyo.png?hash=688b4dc29c20774e8834286630aaf53d") left top no-repeat;
  background-size: 100%;
}
.page-plan .page-nav li.nav-tokyo a::before {
  content: "";
  display: block;
  padding-top: 37.096774193548384%;
}
.page-plan .page-nav li.nav-tokyo a > * {
  position: absolute;
}
.page-plan .page-nav li.nav-sendai {
  width: 22.5%;
}
.page-plan .page-nav li.nav-sendai a {
  width: 100%;
  position: relative;
  background: url("../img/plan/nav-sendai.png?hash=14215d2620a743380d5782f3c2c6efe1") left top no-repeat;
  background-size: 100%;
}
.page-plan .page-nav li.nav-sendai a::before {
  content: "";
  display: block;
  padding-top: 63.888888888888886%;
}
.page-plan .page-nav li.nav-sendai a > * {
  position: absolute;
}
.page-plan .page-nav li.nav-morioka {
  width: 38.75%;
}
.page-plan .page-nav li.nav-morioka a {
  width: 100%;
  position: relative;
  background: url("../img/plan/nav-morioka.png?hash=249a81e975a8cd9ec015959402cc0aa0") left top no-repeat;
  background-size: 100%;
}
.page-plan .page-nav li.nav-morioka a::before {
  content: "";
  display: block;
  padding-top: 37.096774193548384%;
}
.page-plan .page-nav li.nav-morioka a > * {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .page-plan .page-nav {
    max-width: 950px;
    margin: 0 auto 81px;
  }
  .page-plan .page-nav li.nav-tokyo {
    width: 25.473684210526315%;
    max-width: 242px;
    margin-left: 10.421052631578947%;
  }
  .page-plan .page-nav li.nav-tokyo a {
    width: 100%;
    position: relative;
    background: none;
  }
  .page-plan .page-nav li.nav-tokyo a::before {
    content: "";
    display: block;
    padding-top: 31.40495867768595%;
  }
  .page-plan .page-nav li.nav-tokyo a > * {
    position: absolute;
  }
  .page-plan .page-nav li.nav-tokyo a span:before,
  .page-plan .page-nav li.nav-tokyo a span:after {
    background: url("../img/plan/pc/nav-tokyo.png?hash=264c34f68f7f020007e8c16e0f9580d0") left top no-repeat;
    background-size: 100%;
  }
  .page-plan .page-nav li.nav-sendai {
    width: 8.210526315789474%;
    margin-left: 10.105263157894736%;
    max-width: 78px;
  }
  .page-plan .page-nav li.nav-sendai a {
    width: 100%;
    position: relative;
    background: none;
  }
  .page-plan .page-nav li.nav-sendai a::before {
    content: "";
    display: block;
    padding-top: 97.43589743589743%;
  }
  .page-plan .page-nav li.nav-sendai a > * {
    position: absolute;
  }
  .page-plan .page-nav li.nav-sendai a span:before,
  .page-plan .page-nav li.nav-sendai a span:after {
    background: url("../img/plan/pc/nav-sendai.png?hash=7fd0c57f7cf331d6496a681391865fa8") left top no-repeat;
    background-size: 100%;
  }
  .page-plan .page-nav li.nav-morioka {
    width: 20.42105263157895%;
    margin-left: 12.736842105263158%;
    max-width: 194px;
  }
  .page-plan .page-nav li.nav-morioka a {
    width: 100%;
    position: relative;
    background: none;
  }
  .page-plan .page-nav li.nav-morioka a::before {
    content: "";
    display: block;
    padding-top: 39.175257731958766%;
  }
  .page-plan .page-nav li.nav-morioka a > * {
    position: absolute;
  }
  .page-plan .page-nav li.nav-morioka a span:before,
  .page-plan .page-nav li.nav-morioka a span:after {
    background: url("../img/plan/pc/nav-morioka.png?hash=5e9c0ccc5f433056549eb7934545df9d") left top no-repeat;
    background-size: 100%;
  }
  .page-plan .page-nav li.nav-tokyo a,
  .page-plan .page-nav li.nav-sendai a,
  .page-plan .page-nav li.nav-morioka a {
    position: relative;
  }
  .page-plan .page-nav li.nav-tokyo a span,
  .page-plan .page-nav li.nav-sendai a span,
  .page-plan .page-nav li.nav-morioka a span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: 100%;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-plan .page-nav li.nav-tokyo a span:before,
  .page-plan .page-nav li.nav-sendai a span:before,
  .page-plan .page-nav li.nav-morioka a span:before,
  .page-plan .page-nav li.nav-tokyo a span:after,
  .page-plan .page-nav li.nav-sendai a span:after,
  .page-plan .page-nav li.nav-morioka a span:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .page-plan .page-nav li.nav-tokyo a span:before,
  .page-plan .page-nav li.nav-sendai a span:before,
  .page-plan .page-nav li.nav-morioka a span:before {
    background-position: left top;
  }
  .page-plan .page-nav li.nav-tokyo a span:after,
  .page-plan .page-nav li.nav-sendai a span:after,
  .page-plan .page-nav li.nav-morioka a span:after {
    background-position: left bottom;
  }
  .page-plan .page-nav li.nav-tokyo a span:after,
  .page-plan .page-nav li.nav-sendai a span:after,
  .page-plan .page-nav li.nav-morioka a span:after {
    opacity: 0;
  }
  .page-plan .page-nav li.nav-tokyo a span:hover:before,
  .page-plan .page-nav li.nav-sendai a span:hover:before,
  .page-plan .page-nav li.nav-morioka a span:hover:before {
    opacity: 0;
  }
  .page-plan .page-nav li.nav-tokyo a span:hover:after,
  .page-plan .page-nav li.nav-sendai a span:hover:after,
  .page-plan .page-nav li.nav-morioka a span:hover:after {
    opacity: 1;
  }
}
.page-plan .section-tokyo,
.page-plan .section-sendai,
.page-plan .section-morioka {
  padding-top: 58px;
  margin-top: -58px;
}
.page-plan .section-tokyo .inner,
.page-plan .section-sendai .inner,
.page-plan .section-morioka .inner {
  background: #d3f9f5;
}
.page-plan .section-tokyo .heading,
.page-plan .section-sendai .heading,
.page-plan .section-morioka .heading {
  margin: 0 auto;
}
.page-plan .section-tokyo .group,
.page-plan .section-sendai .group,
.page-plan .section-morioka .group {
  position: relative;
  padding-bottom: 99px;
}
.page-plan .section-tokyo .group .img,
.page-plan .section-sendai .group .img,
.page-plan .section-morioka .group .img {
  width: 82.34375%;
  box-shadow: 3px 3px #189f9c;
}
.page-plan .section-tokyo .group .text-box,
.page-plan .section-sendai .group .text-box,
.page-plan .section-morioka .group .text-box {
  position: relative;
  width: 69.84375%;
  padding: 14px 20px;
  background: #fff;
  box-shadow: 3px 3px #d53182;
  z-index: 1;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.8;
  box-sizing: border-box;
}
.page-plan .section-tokyo .group .text-box .text,
.page-plan .section-sendai .group .text-box .text,
.page-plan .section-morioka .group .text-box .text {
  letter-spacing: 0.08em;
  text-align: justify;
}
.page-plan .section-tokyo .group .text-box .button-container,
.page-plan .section-sendai .group .text-box .button-container,
.page-plan .section-morioka .group .text-box .button-container {
  margin-top: 11px;
  padding-bottom: 4px;
}
.page-plan .section-tokyo .group .text-box .button-container a,
.page-plan .section-sendai .group .text-box .button-container a,
.page-plan .section-morioka .group .text-box .button-container a {
  position: relative;
  display: block;
  background: #00aea9;
  box-shadow: 2px 2px #d53182;
}
.page-plan .section-tokyo .group .text-box .button-container a span,
.page-plan .section-sendai .group .text-box .button-container a span,
.page-plan .section-morioka .group .text-box .button-container a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-plan .section-tokyo .group .text-box .button-container a.button-reserve,
.page-plan .section-sendai .group .text-box .button-container a.button-reserve,
.page-plan .section-morioka .group .text-box .button-container a.button-reserve {
  width: 100%;
  position: relative;
}
.page-plan .section-tokyo .group .text-box .button-container a.button-reserve::before,
.page-plan .section-sendai .group .text-box .button-container a.button-reserve::before,
.page-plan .section-morioka .group .text-box .button-container a.button-reserve::before {
  content: "";
  display: block;
  padding-top: 18.52861035422343%;
}
.page-plan .section-tokyo .group .text-box .button-container a.button-reserve > *,
.page-plan .section-sendai .group .text-box .button-container a.button-reserve > *,
.page-plan .section-morioka .group .text-box .button-container a.button-reserve > * {
  position: absolute;
}
.page-plan .section-tokyo .group .text-box .button-container a.button-day,
.page-plan .section-sendai .group .text-box .button-container a.button-day,
.page-plan .section-morioka .group .text-box .button-container a.button-day {
  margin-bottom: 8px;
  width: 100%;
  position: relative;
}
.page-plan .section-tokyo .group .text-box .button-container a.button-day::before,
.page-plan .section-sendai .group .text-box .button-container a.button-day::before,
.page-plan .section-morioka .group .text-box .button-container a.button-day::before {
  content: "";
  display: block;
  padding-top: 17.166212534059948%;
}
.page-plan .section-tokyo .group .text-box .button-container a.button-day > *,
.page-plan .section-sendai .group .text-box .button-container a.button-day > *,
.page-plan .section-morioka .group .text-box .button-container a.button-day > * {
  position: absolute;
}
.page-plan .section-tokyo .group .text-box .button-container a.button-stay,
.page-plan .section-sendai .group .text-box .button-container a.button-stay,
.page-plan .section-morioka .group .text-box .button-container a.button-stay {
  width: 100%;
  position: relative;
}
.page-plan .section-tokyo .group .text-box .button-container a.button-stay::before,
.page-plan .section-sendai .group .text-box .button-container a.button-stay::before,
.page-plan .section-morioka .group .text-box .button-container a.button-stay::before {
  content: "";
  display: block;
  padding-top: 17.166212534059948%;
}
.page-plan .section-tokyo .group .text-box .button-container a.button-stay > *,
.page-plan .section-sendai .group .text-box .button-container a.button-stay > *,
.page-plan .section-morioka .group .text-box .button-container a.button-stay > * {
  position: absolute;
}
.page-plan .section-tokyo .group.img-left .img,
.page-plan .section-sendai .group.img-left .img,
.page-plan .section-morioka .group.img-left .img {
  margin-left: 4.6875%;
}
.page-plan .section-tokyo .group.img-left .text-box,
.page-plan .section-sendai .group.img-left .text-box,
.page-plan .section-morioka .group.img-left .text-box {
  margin-left: 25.46875%;
}
.page-plan .section-tokyo .group.img-right .img,
.page-plan .section-sendai .group.img-right .img,
.page-plan .section-morioka .group.img-right .img {
  margin-left: 12.968750000000002%;
}
.page-plan .section-tokyo .group.img-right .text-box,
.page-plan .section-sendai .group.img-right .text-box,
.page-plan .section-morioka .group.img-right .text-box {
  width: 53.59374999999999%;
  margin-left: 4.6875%;
}
.page-plan .section-tokyo .group-1,
.page-plan .section-sendai .group-1,
.page-plan .section-morioka .group-1 {
  z-index: 3;
}
.page-plan .section-tokyo .group-1 .snow,
.page-plan .section-sendai .group-1 .snow,
.page-plan .section-morioka .group-1 .snow {
  position: absolute;
  left: 4.6875%;
  top: 0;
  width: 20.15625%;
  margin-top: -29.375%;
}
.page-plan .section-tokyo .group-2 .snow,
.page-plan .section-sendai .group-2 .snow,
.page-plan .section-morioka .group-2 .snow {
  position: absolute;
  left: 64.53125%;
  top: 0;
  width: 26.875%;
  margin-top: 97.5%;
}
@media screen and (min-width: 768px) {
  .page-plan .section-tokyo,
  .page-plan .section-sendai,
  .page-plan .section-morioka {
    padding-top: 62px;
    margin-top: -62px;
  }
  .page-plan .section-tokyo .bg-map,
  .page-plan .section-sendai .bg-map,
  .page-plan .section-morioka .bg-map {
    max-width: 950px;
    margin: 0 auto;
  }
  .page-plan .section-tokyo .bg-map .bg-map-inner,
  .page-plan .section-sendai .bg-map .bg-map-inner,
  .page-plan .section-morioka .bg-map .bg-map-inner {
    width: 126.3157894736842%;
    max-width: 1200px;
    margin-left: -13.157894736842104%;
  }
  .page-plan .section-tokyo .group,
  .page-plan .section-sendai .group,
  .page-plan .section-morioka .group {
    width: 79.16666666666666%;
    max-width: 950px;
    margin: 0 auto 50px;
  }
  .page-plan .section-tokyo .group .img,
  .page-plan .section-sendai .group .img,
  .page-plan .section-morioka .group .img {
    width: 70.63157894736842%;
    box-shadow: 5px 5px #189f9c;
  }
  .page-plan .section-tokyo .group .text-box,
  .page-plan .section-sendai .group .text-box,
  .page-plan .section-morioka .group .text-box {
    width: 37.57894736842105%;
    padding: 30px 40px 28px;
    padding: 3.157894736842105% 4.210526315789473% 2.947368421052631%;
    box-shadow: 5px 5px #d53182;
    font-size: 20px;
    font-size: 2rem;
    line-height: 2;
  }
  .page-plan .section-tokyo .group .text-box .button-container,
  .page-plan .section-sendai .group .text-box .button-container,
  .page-plan .section-morioka .group .text-box .button-container {
    margin-top: 11px;
    padding-bottom: 14px;
    max-width: 275px;
  }
  .page-plan .section-tokyo .group .text-box .button-container a,
  .page-plan .section-sendai .group .text-box .button-container a,
  .page-plan .section-morioka .group .text-box .button-container a {
    box-shadow: 4px 4px #d53182;
  }
  .page-plan .section-tokyo .group .text-box .button-container a:hover,
  .page-plan .section-sendai .group .text-box .button-container a:hover,
  .page-plan .section-morioka .group .text-box .button-container a:hover {
    top: 4px;
    left: 4px;
    margin-top: 4px;
    background: #000;
    box-shadow: none;
  }
  .page-plan .section-tokyo .group .text-box .button-container a.button-reserve,
  .page-plan .section-sendai .group .text-box .button-container a.button-reserve,
  .page-plan .section-morioka .group .text-box .button-container a.button-reserve {
    width: 100%;
    position: relative;
  }
  .page-plan .section-tokyo .group .text-box .button-container a.button-reserve::before,
  .page-plan .section-sendai .group .text-box .button-container a.button-reserve::before,
  .page-plan .section-morioka .group .text-box .button-container a.button-reserve::before {
    content: "";
    display: block;
    padding-top: 16.363636363636363%;
  }
  .page-plan .section-tokyo .group .text-box .button-container a.button-reserve > *,
  .page-plan .section-sendai .group .text-box .button-container a.button-reserve > *,
  .page-plan .section-morioka .group .text-box .button-container a.button-reserve > * {
    position: absolute;
  }
  .page-plan .section-tokyo .group .text-box .button-container a.button-day,
  .page-plan .section-sendai .group .text-box .button-container a.button-day,
  .page-plan .section-morioka .group .text-box .button-container a.button-day {
    margin-bottom: 14px;
    width: 100%;
    position: relative;
  }
  .page-plan .section-tokyo .group .text-box .button-container a.button-day::before,
  .page-plan .section-sendai .group .text-box .button-container a.button-day::before,
  .page-plan .section-morioka .group .text-box .button-container a.button-day::before {
    content: "";
    display: block;
    padding-top: 16.363636363636363%;
  }
  .page-plan .section-tokyo .group .text-box .button-container a.button-day > *,
  .page-plan .section-sendai .group .text-box .button-container a.button-day > *,
  .page-plan .section-morioka .group .text-box .button-container a.button-day > * {
    position: absolute;
  }
  .page-plan .section-tokyo .group .text-box .button-container a.button-stay,
  .page-plan .section-sendai .group .text-box .button-container a.button-stay,
  .page-plan .section-morioka .group .text-box .button-container a.button-stay {
    width: 100%;
    position: relative;
  }
  .page-plan .section-tokyo .group .text-box .button-container a.button-stay::before,
  .page-plan .section-sendai .group .text-box .button-container a.button-stay::before,
  .page-plan .section-morioka .group .text-box .button-container a.button-stay::before {
    content: "";
    display: block;
    padding-top: 16.363636363636363%;
  }
  .page-plan .section-tokyo .group .text-box .button-container a.button-stay > *,
  .page-plan .section-sendai .group .text-box .button-container a.button-stay > *,
  .page-plan .section-morioka .group .text-box .button-container a.button-stay > * {
    position: absolute;
  }
  .page-plan .section-tokyo .group.img-left .img,
  .page-plan .section-sendai .group.img-left .img,
  .page-plan .section-morioka .group.img-left .img {
    margin-left: -1.578947368421053%;
  }
  .page-plan .section-tokyo .group.img-left .text-box,
  .page-plan .section-sendai .group.img-left .text-box,
  .page-plan .section-morioka .group.img-left .text-box {
    margin-left: 62%;
  }
  .page-plan .section-tokyo .group.img-right .img,
  .page-plan .section-sendai .group.img-right .img,
  .page-plan .section-morioka .group.img-right .img {
    margin-left: 30.94736842105263%;
  }
  .page-plan .section-tokyo .group.img-right .text-box,
  .page-plan .section-sendai .group.img-right .text-box,
  .page-plan .section-morioka .group.img-right .text-box {
    width: 36.63157894736842%;
    margin-left: 0.421052631578947%;
  }
  .page-plan .section-tokyo .group-1 .snow,
  .page-plan .section-sendai .group-1 .snow,
  .page-plan .section-morioka .group-1 .snow {
    left: 2.421052631578947%;
    width: 13.578947368421051%;
    margin-top: -18.421052631578945%;
  }
  .page-plan .section-tokyo .group-2 .snow,
  .page-plan .section-sendai .group-2 .snow,
  .page-plan .section-morioka .group-2 .snow {
    left: 207.8421052631579%;
    width: 52.10526315789474%;
    margin-top: 70.736842105263165%;
  }
}
.page-plan .section-tokyo .bg-map .bg-map-inner {
  padding-top: 13.90625%;
  padding-bottom: 23px;
  background: url("../img/plan/tokyo-bg-map-1.png?hash=0ba72f554efdf22e1c6b9c408500f364") left top no-repeat;
  background-size: 100%;
}
.page-plan .section-tokyo .heading {
  width: 52.1875%;
  margin-bottom: 28px;
}
.page-plan .section-tokyo .group-1 .text-box {
  margin-top: -7.03125%;
}
.page-plan .section-tokyo .group-2 {
  margin-top: -34.84375%;
  padding-top: 34.84375%;
  background: url("../img/plan/tokyo-bg-map-2.png?hash=65efa762ba053f5f4e6937351d4eea81") left top no-repeat;
  background-size: 100%;
}
.page-plan .section-tokyo .group-2 .text-box {
  margin-top: -6.875000000000001%;
}
.page-plan .section-tokyo .group-3 {
  /* padding-bottom: 87px; */
  padding-bottom: 50px;
}
.page-plan .section-tokyo .group-3 .text-box {
  margin-top: -6.5625%;
}
@media screen and (min-width: 768px) {
  .page-plan .section-tokyo .bg-map .bg-map-inner {
    padding-top: 98px;
    padding-bottom: 43px;
    background: url("../img/plan/pc/tokyo-bg-map.png?hash=defbc6745a41b93495f490cc80daec4f") center top no-repeat;
    background-size: 100%;
  }
  .page-plan .section-tokyo .heading {
    width: 56.21052631578948%;
    max-width: 534px;
    margin-bottom: 49px;
  }
  .page-plan .section-tokyo .group-1 .text-box {
    margin-top: -22.94736842105263%;
  }
  .page-plan .section-tokyo .group-1 .text-box .text {
    letter-spacing: -0.02em;
  }
  .page-plan .section-tokyo .group-2 {
    margin-top: 0;
    padding-top: 0;
    background: none;
  }
  .page-plan .section-tokyo .group-2 .text-box {
    margin-top: -14.526315789473685%;
  }
  .page-plan .section-tokyo .group-2 .text-box .text {
    letter-spacing: 0.03em;
  }
  .page-plan .section-tokyo .group-3 {
    /* padding-bottom: 87px; */
    padding-bottom: 0px;
    margin-bottom: 47px;
  }
  .page-plan .section-tokyo .group-3 .text-box {
    margin-top: -25.36842105263158%;
  }
  .page-plan .section-tokyo .banner-ika {
    width: 77.5%;
    max-width: 930px;
    margin-top: 53px;
  }
  .page-plan .section-tokyo .banner-ika a {
    position: relative;
  }
  .page-plan .section-tokyo .banner-ika a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.45);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-plan .section-tokyo .banner-ika a:hover::before {
    opacity: 1;
  }
}
.page-plan .section-sendai .bg-map .bg-map-inner {
  padding-top: 24.6875%;
  padding-bottom: 23px;
  background: url("../img/plan/sendai-bg-map-1.png?hash=dcd8e3091a811d24db75565f76035d49") left top no-repeat #d3f9f5;
  background-size: 100%;
}
.page-plan .section-sendai .heading {
  width: 32.8125%;
  margin-bottom: 22px;
}
.page-plan .section-sendai .group-1 .snow {
  margin-top: -27.34375%;
}
.page-plan .section-sendai .group-1 .text-box {
  margin-top: -7.03125%;
}
.page-plan .section-sendai .group-2 {
  margin-top: -32.1875%;
  padding-top: 32.1875%;
  background: url("../img/plan/sendai-bg-map-2.png?hash=ea3682051376b035c493c24ee60d913e") left top no-repeat;
  background-size: 100%;
}
.page-plan .section-sendai .group-2 .snow {
  margin-top: 94.6875%;
}
.page-plan .section-sendai .group-2 .text-box {
  margin-top: -7.187499999999999%;
}
.page-plan .section-sendai .group-3 {
  padding-bottom: 53px;
}
.page-plan .section-sendai .group-3 .text-box {
  margin-top: -6.875000000000001%;
}
.page-plan .section-sendai .group-3 .text-box .text {
  letter-spacing: 0.08em;
}
.page-plan .section-sendai .group-3 .text-box .button-container {
  margin-top: 14px;
  padding-bottom: 6px;
}
@media screen and (min-width: 768px) {
  .page-plan .section-sendai .bg-map .bg-map-inner {
    padding-top: 97px;
    padding-bottom: 36px;
    background: url("../img/plan/pc/sendai-bg-map.png?hash=f3f528e2fab7d9b0e86b6ce8f97847ed") left top no-repeat;
    background-size: 100%;
  }
  .page-plan .section-sendai .heading {
    width: 28.421052631578945%;
    max-width: 270px;
    margin-bottom: 49px;
  }
  .page-plan .section-sendai .group-1 .snow {
    margin-top: -18.210526315789473%;
  }
  .page-plan .section-sendai .group-1 .text-box {
    margin-top: -22.842105263157894%;
  }
  .page-plan .section-sendai .group-2 {
    margin-top: 0;
    padding-top: 0;
    background: none;
  }
  .page-plan .section-sendai .group-2 .snow {
    margin-top: 52.73684210526316%;
  }
  .page-plan .section-sendai .group-2 .text-box {
    margin-top: -14.736842105263156%;
  }
  .page-plan .section-sendai .group-3 {
    margin-bottom: 40px;
  }
  .page-plan .section-sendai .group-3 .text-box {
    margin-top: -35.578947368421055%;
  }
  .page-plan .section-sendai .group-3 .text-box .text {
    letter-spacing: 0.06em;
  }
  .page-plan .section-sendai .group-3 .text-box .button-container {
    margin-top: 14px;
    padding-bottom: 12px;
  }
}
.page-plan .section-morioka .bg-map .bg-map-inner {
  padding-top: 22.5%;
  padding-bottom: 58px;
  background: url("../img/plan/morioka-bg-map-1.png?hash=abdb78651b0b36c7d354a6a48df9bbaf") left top no-repeat;
  background-size: 100%;
}
.page-plan .section-morioka .heading {
  width: 55.00000000000001%;
  margin-bottom: 28px;
}
.page-plan .section-morioka .group-1 .snow {
  margin-top: -27.8125%;
}
.page-plan .section-morioka .group-1 .text-box {
  margin-top: -6.5625%;
}
.page-plan .section-morioka .group-2 {
  margin-top: -32.8125%;
  padding-top: 32.8125%;
  background: url("../img/plan/morioka-bg-map-2.png?hash=d65b1ee4df5688aa8f2ff2a6a521f7a5") left top no-repeat;
  background-size: 100%;
}
.page-plan .section-morioka .group-2 .snow {
  margin-top: 95.46875%;
}
.page-plan .section-morioka .group-2 .text-box {
  margin-top: -7.5%;
}
.page-plan .section-morioka .group-3 {
  padding-bottom: 83px;
}
.page-plan .section-morioka .group-3 .text-box {
  margin-top: -7.187499999999999%;
}
.page-plan .section-morioka .group-3 .text-box .text {
  letter-spacing: 0.08em;
}
.page-plan .section-morioka .group-3 .text-box .button-container {
  margin-top: 14px;
  padding-bottom: 6px;
}
@media screen and (min-width: 768px) {
  .page-plan .section-morioka .bg-map .bg-map-inner {
    padding-top: 98px;
    padding-bottom: 146px;
    background: url("../img/plan/pc/morioka-bg-map.png?hash=02064bcdb42eb354103523bc76a0c8ce") left top no-repeat;
    background-size: 100%;
  }
  .page-plan .section-morioka .heading {
    width: 48.84210526315789%;
    max-width: 464px;
    margin-bottom: 49px;
  }
  .page-plan .section-morioka .group-1 .snow {
    margin-top: -18.421052631578945%;
  }
  .page-plan .section-morioka .group-1 .text-box {
    margin-top: -18.63157894736842%;
  }
  .page-plan .section-morioka .group-1 .text-box .text {
    letter-spacing: 0.06em;
  }
  .page-plan .section-morioka .group-2 {
    margin-top: 0;
    margin-bottom: 55px;
    padding-top: 0;
    background: none;
  }
  .page-plan .section-morioka .group-2 .snow {
    margin-top: 60.73684210526316%;
  }
  .page-plan .section-morioka .group-2 .text-box {
    margin-top: -18.63157894736842%;
  }
  .page-plan .section-morioka .group-3 {
    margin-bottom: 40px;
  }
  .page-plan .section-morioka .group-3 .text-box {
    margin-top: -35.368421052631575%;
  }
  .page-plan .section-morioka .group-3 .text-box .text {
    letter-spacing: 0.06em;
  }
  .page-plan .section-morioka .group-3 .text-box .button-container {
    margin-top: 12px;
    padding-bottom: 12px;
  }
}
.price-area{
  width: 91.33333333333333%;
  margin: auto;
}
.accordion-check{
  display: none;
}
.accordion-label{
  background: #fff;
  margin-bottom: 1px;
  position: relative;
  width: 100%;
  height: 100px;
  display: block;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  border: solid 1px #e7e7e7;
  box-sizing: border-box;
  cursor: pointer;
}
.omiya-label{
  margin-top: 17px;
}
.accordion-label img{
  width: 93.04123711340206%;
  margin: auto;
  margin-top: 6%;
}
.accordion-label:after{
  content: "";
  position: absolute;
  display: block;
  top: 66%;
  left: 0;
  right: 0;
  margin: auto;
  width: 4.20155%;
  height: 8.875969%;
  background-image: url(../img/top/tab-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  /* opacity: 0; */
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.acd-content{
  border-bottom: solid 1px #e7e7e7;
  border-right: solid 1px #e7e7e7;
  border-left: solid 1px #e7e7e7;
  background: #fff;
  display: block;
  max-height: 0;
  opacity: 1;
  padding: 0 10px;
  transition: max-height, .5s ease-in-out;
  overflow: hidden;
  position: relative;
  top: -2px;
}
.omiya-content,
.sendai-content{
  margin-bottom: 32px;
}
.acd-content ul{
  width: 98.506494%;
  margin: auto;
  margin-bottom: 20px;
  padding: 0 !important;
  padding-left: 6px !important;
}
.acd-content ul li{
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 2% 0 0.9%;
  border-bottom: solid 1px #ccc;
}
.acd-content ul li:nth-child(1){
  padding: 2% 0 2%;
  margin-left: 0%;
}
.acd-content ul li:nth-child(2){
  padding: 6% 0 0%;
}
.acd-content ul li:nth-child(3){
  padding: 6% 0 3%;
}
.acd-content ul li:nth-child(4){
  padding: 6% 0 3%;
}
.acd-content ul li:nth-child(2) .price-txt img:nth-child(1){
  margin-bottom: 9px;
}
.acd-content ul li:nth-child(3) .price-txt{
  width: 40%;
  margin-left: 1%;
  margin-top: -0.5%;
}
.acd-content ul li:nth-child(3) .price-txt .price-info{
  width: 51%;
  margin-top: 4%;
  margin-left: 3%;
  margin-bottom: 0%;
}
.acd-content ul li:nth-child(4) .price-txt{
  width: 41%;
  margin-left: 1%;
  margin-top: -0.5%;
}
.acd-content ul li:nth-child(4) .price-txt .price-info{
  width: 49%;
  margin-top: 5%;
  margin-left: 3%;
  margin-bottom: -1%;
}
.acd-content ul li:nth-child(1) img{
  width: 86%;
}
.acd-content ul li:nth-child(5) .price-txt{
  margin-top: 2%;
}
.acd-content ul li .price-txt{
  width: 34%;
  margin-left: 1%;
  display: flex;
  flex-direction: column;
}
.acd-content ul li .price-txt img:nth-child(1){
  width: 115%;
}
.acd-content ul li:nth-child(4) .price-txt img{
  width: 118%;
}
.acd-content ul li .price-txt .price-info{
  width: 60%;
  margin: 0 auto 2%;
  margin-left: 1%;
}
.acd-content ul li:nth-child(5) .price-info{
  margin-top: 7%;
}
.acd-content ul li .price-num{
  width: 50%;
  margin-right: -0.6%;
  margin-top: -6%;
}
.acd-content .note{
  width: 93.5%;
  margin: auto;
  margin-bottom: 26px;
  font-family: 	YuMincho,'Yu Mincho',serif;
  font-weight: 600;
  font-size: 2.8125vw;
  /* font-size: 18px;
  font-size: 1.8rem; */
  line-height: 1.8;
  letter-spacing: 0.01em;
  text-indent: -1.6em;
  padding-left: 1.6em;
  text-align: justify;
  text-justify: inter-ideograph;
}
.acd-content .tab-btn{
  width: 98%;
  margin: auto;
  margin-bottom: 13px;
}
.accordion-check:checked + .accordion-label{
  border-color: #e7e7e7 #e7e7e7 #fff #e7e7e7;
}
.accordion-check:checked + .accordion-label:after{
  transform: rotate(180deg);
}
.accordion-check:checked + .accordion-label + .acd-content{
  max-height: 3000px;
  height: auto;
  opacity: 1;
  padding: 10px 15px;
  position: relative;
  top: -2px;
  border-top-color: #fff;
}
.page-plan .banner-container {
  width: 90.625%;
  margin: 0 auto;
}
.page-plan .banner-container h2{
  width: 76%;
  margin: auto;
  margin-bottom: 20px;
}
.page-plan .banner-container li {
  margin-bottom: 20px;
}
.page-plan .banner-container li:last-child {
  margin-bottom: 0;
}
.page-plan .banner-container a {
  display: block;
  color: #000;
  font-size: 10px;
  font-size: 1rem;
  text-decoration: none;
}
.page-plan .banner-container a p {
  margin-top: 6px;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .price-area{
    width: 64.33333333333333%;
    margin: auto;
    max-width: 772px;
  }
  .accordion-check{
    display: none;
  }
  .accordion-label{
    background: #fff;
    margin-bottom: 1px;
    position: relative;
    width: 100%;
    height: 116px;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    border: solid 1px #e7e7e7;
    box-sizing: border-box;
  }
  .omiya-label{
    margin-top: 32px;
  }
  .accordion-label img{
    width: 70.40155440414508%;
    margin: auto;
    margin-top: 4%;
  }
  .accordion-label:after{
    content: "";
    position: absolute;
    display: block;
    top: 75%;
    left: 0;
    right: 0;
    margin: auto;
    width: 2.20155%;
    height: 7.875969%;
    background-image: url(../img/top/tab-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
  }
  .omiya-content,
  .sendai-content{
    margin-bottom: 56px;
  }
  .acd-content ul{
    width: 93.50649350649351%;
    margin: auto;
    margin-bottom: 23px;
    padding: 0 !important;
  }
  .acd-content ul li{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 3% 0 2.8%;
    border-bottom: solid 1px #ccc;
  }
  .acd-content ul li:nth-child(1){
    padding-bottom: 1.5%;
    padding-left: 1%;
  }
  .acd-content ul li:nth-child(2) {
    padding: 3% 0 1.6%;
  }
  .acd-content ul li:nth-child(3){
    padding: 3% 0 2%;
  }
  .acd-content ul li:nth-child(4){
    padding: 3% 0 2%;
  }
  .acd-content ul li:nth-child(4) .price-txt{
    width: 31% !important;
  }
  .acd-content ul li:nth-child(3) .price-txt .price-info{
    width: 39% !important;
    margin-top: 1% !important;
  }
  .acd-content ul li:nth-child(4) .price-txt .price-info{
    width: 35% !important;
    margin-top: -1% !important;
  }
  .acd-content ul li:nth-child(4) .price-num{
    margin-top: -3%;
  }
  .acd-content ul li:nth-child(1) img{
    width: 91%;
  }
  .acd-content ul li:nth-child(5) .price-txt{
    margin-top: 0%;
  }
  .acd-content ul li .price-txt{
    width: 29% !important;
    display: flex;
    flex-direction: column;
  }
  .acd-content ul li .price-txt img:nth-child(2){
    width: 90%;
    margin-bottom: 4%;
    flex-shrink: 0;
  }
  .acd-content ul li .price-txt .price-info{
    width: 38% !important;
    margin-top: -2% !important;
  }
  .acd-content ul li .price-num{
    width: 40%;
    margin-top: -3%;
    margin-right: -2%;
  }
  .acd-content .note{
    width: 91.5%;
    margin: auto;
    margin-bottom: 56px;
    /* font-size: 1vw; */
    font-size: 12px;
    font-size: 1.2rem;
  }
  .acd-content .tab-btn{
    position: relative;
    width: 95%;
    margin: auto;
    margin-bottom: 28px;
  }
  .acd-content .tab-btn a:hover::before {
    opacity: 1;
  }
  .acd-content .tab-btn a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255,255,255,0.45);
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
  }
  .page-plan .banner-container {
    width: 64.33333333333333%;
    margin: auto;
    max-width: 485px;
  }
  .page-plan .banner-container h2{
    width: 51%;
    margin: auto;
    margin-bottom: 20px;
  }
  .page-plan .banner-container ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .page-plan .banner-container li {
    position: relative;
    width: 100%;
    margin-bottom: 0;
  }
  .page-plan .banner-container li a:hover::before {
    opacity: 1;
  }
  .page-plan .banner-container li a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255,255,255,0.45);
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
  }
  /* .page-plan .banner-container a {
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-plan .banner-container a:hover {
    opacity: 0.7;
  }
  .page-plan .banner-container a p {
    margin-top: 11px;
    margin-left: 2px;
    line-height: 1.9;
    letter-spacing: 0.06em;
  } */
}
.page-plan .section-plan {
  margin-top: -58px;
  padding-top: 58px;
}
.page-plan .section-plan .inner {
  position: relative;
  padding-top: 18.75%;
}
.page-plan .section-plan .heading-container {
  position: relative;
  width: 100%;
  position: relative;
  margin-bottom: 9.375%;
}
.page-plan .section-plan .heading-container::before {
  content: "";
  display: block;
  padding-top: 24.0625%;
}
.page-plan .section-plan .heading-container > * {
  position: absolute;
}
.page-plan .section-plan .heading-container .img-airplane {
  position: absolute;
  right: 0;
  top: -35.714285714285715%;
  width: 30%;
  margin-right: 3.4375%;
}
.page-plan .section-plan .heading-container .img-train {
  position: absolute;
  top: 108.44155844155846%;
  left: 0;
  width: 45.3125%;
  top: 108.44155844155846%;
  margin-left: -14.374999999999998%;
}
.page-plan .section-plan .heading-container .heading {
  position: absolute;
  top: 0;
  left: 0;
  width: 65.625%;
  margin-left: 17.34375%;
}
.page-plan .section-plan .text {
  margin-bottom: 29px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.09em;
}
.page-plan .section-plan .plan-list li {
  width: 90.625%;
  margin: 0 auto 40px;
  padding: 15px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
}
.page-plan .section-plan .plan-list li:last-child {
  margin-bottom: 0;
}
.page-plan .section-plan .plan-list li .img {
  float: left;
  width: 52.5%;
}
.page-plan .section-plan .plan-list li .contents {
  float: left;
  width: 40.76923076923077%;
  margin-left: 6.153846153846154%;
}
.page-plan .section-plan .plan-list li .contents .button a {
  position: relative;
  display: block;
  width: 100%;
  position: relative;
  background: #00aea9;
  box-shadow: 2px 2px #d53182;
}
.page-plan .section-plan .plan-list li .contents .button a::before {
  content: "";
  display: block;
  padding-top: 56.60377358490566%;
}
.page-plan .section-plan .plan-list li .contents .button a > * {
  position: absolute;
}
.page-plan .section-plan .plan-list li .contents .button a span {
  position: absolute;
  top: 0;
  left: 0;
}
.page-plan .section-plan .plan-list li.plan-1 .logo {
  margin-top: 33.0188679245283%;
  margin-bottom: 39.62264150943396%;
}
.page-plan .section-plan .plan-list li.plan-2 .logo {
  width: 81.13207547169812%;
  margin-left: 12.264150943396226%;
  margin-top: 33.0188679245283%;
  margin-bottom: 39.62264150943396%;
}
@media screen and (min-width: 768px) {
  .page-plan .section-plan .inner {
    max-width: 950px;
    margin: 0 auto;
    padding-top: 140px;
  }
  .page-plan .section-plan .heading-container {
    position: relative;
    width: 100%;
    position: relative;
    margin-bottom: 4.526315789473685%;
  }
  .page-plan .section-plan .heading-container::before {
    content: "";
    display: block;
    padding-top: 9.183673469387756%;
  }
  .page-plan .section-plan .heading-container > * {
    position: absolute;
  }
  .page-plan .section-plan .heading-container .img-airplane {
    position: absolute;
    right: 0;
    top: 123px;
    width: 25.684210526315788%;
    max-width: 244px;
    margin-right: -6.631578947368421%;
  }
  .page-plan .section-plan .heading-container .img-train {
    position: absolute;
    top: 140px;
    left: 0;
    width: 47.1578947368421%;
    max-width: 448px;
    margin-left: -24.31578947368421%;
  }
  .page-plan .section-plan .heading-container .heading {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    max-width: 950px;
    margin: 0 auto;
  }
  .page-plan .section-plan .heading-container .heading span {
    width: 103.15789473684211%;
    max-width: 980px;
    display: block;
    margin-left: -1.578947368421053%;
    margin-right: -1.578947368421053%;
  }
  .page-plan .section-plan .text {
    margin-bottom: 70px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.1;
  }
  .page-plan .section-plan .plan-list {
    margin-left: -1.578947368421053%;
    margin-right: -1.578947368421053%;
  }
  .page-plan .section-plan .plan-list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .page-plan .section-plan .plan-list li {
    width: 47.95918367346938%;
    max-width: 470px;
    margin: 0;
    padding: 26px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
  }
  .page-plan .section-plan .plan-list li .img {
    width: 51.91387559808612%;
  }
  .page-plan .section-plan .plan-list li .contents {
    width: 41.866028708133975%;
    margin-left: 5.980861244019139%;
  }
  .page-plan .section-plan .plan-list li .contents .button a {
    position: relative;
    display: block;
    width: 100%;
    position: relative;
    width: 100%;
    box-shadow: 3px 3px #d53182;
  }
  .page-plan .section-plan .plan-list li .contents .button a::before {
    content: "";
    display: block;
    padding-top: 57.14285714285714%;
  }
  .page-plan .section-plan .plan-list li .contents .button a > * {
    position: absolute;
  }
  .page-plan .section-plan .plan-list li .contents .button a span {
    position: absolute;
    top: 0;
    left: 0;
  }
  .page-plan .section-plan .plan-list li .contents .button a:hover {
    top: 4px;
    left: 4px;
    margin-top: 4px;
    background: #000;
    box-shadow: none;
  }
  .page-plan .section-plan .plan-list li.plan-1 .logo {
    width: 93.71428571428572%;
    margin-top: 32%;
    margin-bottom: 38.857142857142854%;
  }
  .page-plan .section-plan .plan-list li.plan-2 .logo {
    width: 75.42857142857143%;
    margin-left: 12.571428571428573%;
    margin-top: 35.42857142857142%;
    margin-bottom: 36.57142857142857%;
  }
}
@media screen and (max-width: 949px) and (min-width: 768px) {
  .page-plan .section-plan .inner {
    padding-top: 14.736842105263156%;
  }
  .page-plan .section-plan .heading-container {
    margin-bottom: 4.105263157894737%;
  }
  .page-plan .section-plan .heading-container .img-airplane {
    top: 136.66666666666666%;
  }
  .page-plan .section-plan .heading-container .img-train {
    top: 166.66666666666669%;
  }
  .page-plan .section-plan .heading-container .heading {
    margin: 0 auto 43.333333333333336%;
  }
}
.page-plan .section-event {
  padding-top: 105px;
  margin-top: -58px;
  padding-bottom: 40px;
}
.page-plan .section-event .heading {
  width: 60.62499999999999%;
  margin: 0 auto 27px;
}
.page-plan .section-event .text {
  margin-bottom: 34px;
  text-align: center;
}
.page-plan .section-event .goodday-area{
  width: 91.16666666666667%;
  margin: auto;
  margin-bottom: 22px;
}
.page-plan .section-event .goodday-area h2{
  width: 100%;
  margin: auto;
  margin-bottom: 16px;
}
.page-plan .section-event .goodday-area h2 img:nth-child(1){
  margin-bottom: 10px;
}
.page-plan .section-event .goodday-area h2 img:nth-child(2){
  width: 72%;
  margin: auto;
  display: block;
}
.page-plan .section-event .event-banner-container {
  width: 90.625%;
  margin: 0 auto;
}
.page-plan .section-event .event-banner-container li {
  margin-bottom: 10px;
}
.page-plan .section-event .event-banner-container li a {
  display: block;
  cursor: pointer;
}
.page-plan .section-event .event-banner-container li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .page-plan .section-event {
    margin-top: -62px;
    padding-top: 192px;
    padding-bottom: 140px;
  }
  .page-plan .section-event .heading {
    width: auto;
    max-width: 950px;
    margin: 0 auto 44px;
  }
  .page-plan .section-event .heading span {
    width: 103.15789473684211%;
    max-width: 980px;
    display: block;
    margin-left: -1.578947368421053%;
    margin-right: -1.578947368421053%;
  }
  .page-plan .section-event .text {
    margin-bottom: 64px;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .page-plan .section-event .goodday-area{
    max-width: 770px;
    margin-bottom: 40px;
  }
  .page-plan .section-event .goodday-area h2{
    width: 76%;
    margin-bottom: 20px;
  }
  .page-plan .section-event .goodday-area h2 img:nth-child(1){
    margin-bottom: 12px;
  }
  .page-plan .section-event .goodday-area h2 img:nth-child(2){
    width: 60%;
    margin: auto;
    display: block;
  }
  .page-plan .section-event .goodday-area .goodday-img{
    position: relative;
    width: 100%;
  }
  .page-plan .section-event .goodday-area .goodday-img a:hover::before {
    opacity: 1;
  }
  .page-plan .section-event .goodday-area .goodday-img a:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255,255,255,0.45);
      opacity: 0;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
  }
  .page-plan .section-event .event-banner-container {
    width: 81.05263157894737%;
    max-width: 770px;
  }
  .page-plan .section-event .event-banner-container li {
    margin-bottom: 25px;
  }
  .page-plan .section-event .event-banner-container li a {
    position: relative;
  }
  .page-plan .section-event .event-banner-container li a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.45);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .page-plan .section-event .event-banner-container li a:hover::before {
    opacity: 1;
  }
}
.page-plan .section-recommended {
  width: 90.625%;
  margin: 12.1875% auto 0;
  padding: 12.5% 6.25% 1.25%;
  background: #fff;
  box-shadow: 3px 3px #d53182;
  box-sizing: border-box;
}
.page-plan .section-recommended li:not(:last-child) {
  margin-bottom: 11.200000000000001%;
}
.page-plan .section-recommended .section-heading {
  width: 81.6%;
  margin: 0 auto;
}
.page-plan .section-recommended .section-contents {
  padding-top: 8%;
  padding-bottom: 12%;
}
.page-plan .section-recommended .section-contents .img {
  box-shadow: 3px 3px #189f9c;
}
.page-plan .section-recommended .section-contents .name {
  padding-top: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.09em;
  white-space: nowrap;
}
.page-plan .section-recommended .section-contents .name [data-ruby] {
  position: relative;
  display: inline-block;
}
.page-plan .section-recommended .section-contents .name [data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  top: -5px;
  left: 4px;
  margin: auto;
  font-size: 10px;
  font-size: 1rem;
  display: inline-block;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 140%;
}
.page-plan .section-recommended .section-contents .name rt {
  display: none;
}
.page-plan .section-recommended .section-contents .description {
  margin-top: 6px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.583333333333333;
  text-align: justify;
}
.page-plan .section-recommended .section-contents .access {
  position: relative;
  margin-top: 9px;
  padding-left: 14px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.545454545454545;
  letter-spacing: 0.06em;
}
.page-plan .section-recommended .section-contents .access::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 9px;
  height: 15px;
  background: url("../img/top/recommended-icon-pin.png?hash=16a5e77603350543740c325384bcf3a5") left top no-repeat;
  background-size: 100%;
}
.page-plan .section-recommended .button-accordion {
  display: block;
  width: 100%;
  margin-top: 3.2%;
  padding: 10px 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.page-plan .section-recommended .button-accordion span {
  display: block;
  margin: 0 auto;
}
.page-plan .section-recommended .button-accordion .text {
  width: 26px;
  height: 10px;
  margin-bottom: 4px;
  background: url("../img/top/recommended-text-open.png?hash=0174560b5b5a6edde1815e78e90675ea") left top no-repeat;
  background-size: 100%;
}
.page-plan .section-recommended .button-accordion .icon {
  width: 16px;
  height: 16px;
  background: url("../img/top/recommended-icon-open.png?hash=11dd82eea6ab2b4bc1edbba5b1469071") left top no-repeat;
  background-size: 100%;
}
.page-plan .section-recommended .accordion-contents {
  display: none;
}
.page-plan .section-recommended .accordion-container.is-shown .button-accordion .text {
  width: 27px;
  height: 8px;
  margin-bottom: 5px;
  background: url("../img/top/recommended-text-close.png?hash=4dc4afcb7055117dcaf1a9850d6e0a99") left top no-repeat;
  background-size: 100%;
}
.page-plan .section-recommended .accordion-container.is-shown .button-accordion .icon {
  background: url("../img/top/recommended-icon-close.png?hash=79804e27c675c5bf6a6caddc401a930b") left top no-repeat;
  background-size: 100%;
}
.page-plan .section-recommended .accordion-container.is-shown .accordion-contents {
  display: block;
}
@media screen and (min-width: 768px) {
  .page-plan .section-recommended {
    width: 81.66666666666667%;
    max-width: 980px;
    margin: 6.333333333333334% auto 0;
    padding: 5% 5% 0;
    box-shadow: 5px 5px #d53182;
  }
  .page-plan .section-recommended ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .page-plan .section-recommended li {
    width: 30.930232558139537%;
  }
  .page-plan .section-recommended li:not(:last-child) {
    margin-bottom: 0;
    margin-right: 4%;
  }
  .page-plan .section-recommended .section-heading {
    width: 62.7906976744186%;
    margin: 0 auto;
  }
  .page-plan .section-recommended .section-contents {
    padding-top: 4.651162790697675%;
    padding-bottom: 6.744186046511628%;
  }
  .page-plan .section-recommended .section-contents .img {
    box-shadow: 5px 5px #189f9c;
  }
  .page-plan .section-recommended .section-contents .name {
    padding-top: 19px;
    font-size: 22px;
    font-size: 2.2rem;
    white-space: nowrap;
  }
  .page-plan .section-recommended .section-contents .name [data-ruby]::before {
    position: absolute;
    top: -7px;
    left: 8px;
    font-size: 10px;
    font-size: 1rem;
    display: inline-block;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  .page-plan .section-recommended .section-contents .description {
    margin-top: 8px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.625;
    letter-spacing: -0.03em;
  }
  .page-plan .section-recommended .section-contents .access {
    margin-top: 11px;
    padding-left: 25px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.714285714285714;
  }
  .page-plan .section-recommended .section-contents .access::before {
    top: -2px;
    width: 18px;
    height: 30px;
  }
  .page-plan .section-recommended .button-accordion {
    display: none;
  }
  .page-plan .section-recommended .accordion-contents {
    display: block;
  }
}
@keyframes delayView {
  0% {
    opacity: 0;
  }
  99.999% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes delayView {
  0% {
    opacity: 0;
  }
  99.999% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*# sourceMappingURL=style.css.map */