/*-------------------------------------------------*/
/* [ 他社様編集用 ]
/*-------------------------------------------------*/

/* フォント */
.page-ms html,
.page-ms body,
.page-ms div,
.page-ms span,
.page-ms applet,
.page-ms object,
.page-ms iframe,
.page-ms h1,
.page-ms h2,
.page-ms h3,
.page-ms h4,
.page-ms h5,
.page-ms h6,
.page-ms p,
.page-ms blockquote,
.page-ms pre,
.page-ms a,
.page-ms abbr,
.page-ms acronym,
.page-ms address,
.page-ms big,
.page-ms cite,
.page-ms code,
.page-ms del,
.page-ms dfn,
.page-ms em,
.page-ms img,
.page-ms ins,
.page-ms kbd,
.page-ms q,
.page-ms s,
.page-ms samp,
.page-ms small,
.page-ms strike,
.page-ms strong,
.page-ms sub,
.page-ms sup,
.page-ms tt,
.page-ms var,
.page-ms b,
.page-ms u,
.page-ms i,
.page-ms center,
.page-ms dl,
.page-ms dt,
.page-ms dd,
.page-ms ol,
.page-ms ul,
.page-ms li,
.page-ms fieldset,
.page-ms form,
.page-ms label,
.page-ms legend,
.page-ms table,
.page-ms caption,
.page-ms tbody,
.page-ms tfoot,
.page-ms thead,
.page-ms tr,
.page-ms th,
.page-ms td,
.page-ms article,
.page-ms aside,
.page-ms canvas,
.page-ms details,
.page-ms embed,
.page-ms figure,
.page-ms figcaption,
.page-ms footer,
.page-ms header,
.page-ms hgroup,
.page-ms menu,
.page-ms nav,
.page-ms output,
.page-ms ruby,
.page-ms section,
.page-ms summary,
.page-ms time,
.page-ms mark,
.page-ms audio,
.page-ms video,
.page-ms dialog {
  font-family: Helvetica, Arial, Meiryo, メイリオ, 游ゴシック, YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  /* font-family: "Barlow Semi Condensed", YuGothic, 游ゴシック, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; */
}

/* Mobile Submenu Text */
.page-ms .ms-mod-headmenu .ms-mod-headmenu-content .ms-mod-headmenu-content-item a span {
  width: 248px;
}

/* Main Visual Subtitle */
.page-ms.ms-top .ms-top-mv .ms-top-sub {
  left: unset;
}

/* Anchor Link Text */
.page-ms.ms-guide .ms-guide-head .ms-guide-nav .ms-guide-nav-item a span {
  line-height: 1.4;
  text-align: center;
  height: 51px;
}
@media only screen and (max-width: 1024px) {
  .page-ms.ms-guide .ms-guide-head .ms-guide-nav .ms-guide-nav-item a span {
    height: 40px;
  }
}
@media only screen and (max-width: 639px) {
  .page-ms.ms-guide .ms-guide-head .ms-guide-nav .ms-guide-nav-item a span {
    text-align: unset;
    height: unset;
  }
}

/* Booking Online form */
.page-ms.ms-guide .ms-guide-reserve .ms-guide-reserve-info {
    justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .page-ms.ms-guide .ms-guide-reserve .ms-guide-reserve-info .ms-guide-reserve-info-web {
    justify-content: space-around;
    width: 50%;
  }
}
.page-ms.ms-guide .ms-guide-reserve .ms-guide-reserve-info .ms-guide-reserve-info-web .ms-mod-squarelink {
  width : 300px;
}

/* Calendar Intro */
@media only screen and (max-width: 639px) {
  .page-ms.ms-guide .ms-guide-open .ms-guide-open-calendar .ms-guide-open-calendar-intro {
    font-size: min(3.2vw, 16px);
  }
}


/* Public Transportation, By Car Style */
.page-ms.ms-guide .ms-guide-access .ms-guide-access-transport,
.page-ms.ms-guide .ms-guide-access .ms-guide-access-car {
  margin-top: 50px;
}
.page-ms.ms-guide .ms-guide-access .ms-guide-access-transport .ms-guide-access-transport-item {
  margin-top: 14px;
}
.page-ms.ms-guide .ms-guide-access .ms-guide-access-car .ms-guide-access-car-list {
  margin-top: 14px;
}


/* li style for Infomation by visitor type */
.page-ms.ms-guide .ms-guide-visitor .ms-guide-visitor-notice .ms-guide-visitor-notice-list li::before {
    content: "*: ";
}

/* SubNavigation Text */
.page-ms .ms-mod-menu .ms-mod-menu-item a span {
    text-align: center;
}

/* Case Use font "Barlow Semi Condensed" */
.page-ms .ms-mod-squarelink.--large {
    width: 324px;
}

@media (max-width: 639px) {
  .page-ms .ms-mod-squarelink.--large {
    width: 100%;
  }
}
/* */

/* Float Navi Reservation */
@media only screen and (min-width: 1025px) {
  .page-ms .ms-mod-fixlink {
    width: 50px; /* unset; */
  }
  .page-ms .ms-mod-fixlink a {
    height: unset;
    padding-bottom: 48px;
    writing-mode: vertical-lr;
  }
}

@media only screen and (min-width: 640px) {
  .page-ms.ms-guide .ms-guide-head .ms-guide-nav .ms-guide-nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E7EAF5;
    position: relative;
  }
  .page-ms.ms-guide .ms-guide-head .ms-guide-nav .ms-guide-nav-item::after {
    content: '';
    display: block;
    width: 17.5px;
    height: 8.75px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.497" height="8.751" viewBox="0 0 17.497 8.751"><path d="M.166-10.426a.662.662,0,0,1,.459-.234.623.623,0,0,1,.424.166l7.7,7.074,7.7-7.074a.623.623,0,0,1,.883.035.624.624,0,0,1-.035.882l-8.125,7.5a.623.623,0,0,1-.848,0L.2-9.576A.586.586,0,0,1,.166-10.426Z" transform="translate(0 10.66)" fill="%23000"/></svg>');
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 12px;
  }

  .page-ms.ms-guide .ms-guide-head .ms-guide-nav .ms-guide-nav-item a {
    display: block;
    padding-top: 16px;
    padding-bottom: 28px;
    text-align: center;
  }

  .page-ms.ms-guide .ms-guide-head .ms-guide-nav .ms-guide-nav-item a::after {
    content: unset;
  }
}