@charset "UTF-8";
.gmap {
  width: 100%;
  height: 450px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%); }
  @media (min-width: 1024px) {
    .gmap {
      height: 650px; } }

.Access {
  max-width: 450px;
  width: 90%;
  margin: 100px auto 100px;
  position: relative; }
  @media (min-width: 1024px) {
    .Access {
      max-width: 900px;
      margin: 100px auto 250px; } }
  .Access .Hotel {
    margin: 0 0px 20px 0; }
    @media (min-width: 1024px) {
      .Access .Hotel {
        margin: 0 40px 20px 0; } }
    .Access .Hotel h1 {
      font-size: 1.8em;
      margin-top: 5px; }
    .Access .Hotel h2 {
      font-size: 0.8em;
      margin-top: 8px; }
    .Access .Hotel p {
      font-size: 0.9em;
      margin-top: 10px; }
  @media (min-width: 1024px) {
    .Access ul {
      position: absolute;
      top: 0;
      right: 0; } }
  .Access ul li {
    font-size: 0.9em;
    line-height: 1.8em;
    text-align: left; }
    .Access ul li.Tell {
      margin-bottom: 20px; }
    .Access ul li.kome1 {
      font-size: 0.75em;
      margin-top: 20px; }
    .Access ul li.kome2 {
      font-size: 0.75em; }

.Mapillust {
  overflow-x: scroll;
  white-space: nowrap; }
  .Mapillust img {
    width: 100%;
    min-width: 1500px;
    height: auto; }

@media (max-width: 1300px) {
  .Mapillust::-webkit-scrollbar {
    height: 10px; }

  .Mapillust::-webkit-scrollbar-track {
    margin: 0 0px;
    background: #F7F7F7;
    border-radius: 0px; }

  .Mapillust::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666; } }
h2.AREA {
  text-align: center;
  font-size: 1.3em;
  margin: 30px auto 0;
  line-height: 1.4em; }
  @media (min-width: 1024px) {
    h2.AREA {
      margin: 100px auto 0; } }
  h2.AREA.PRIVATE {
    margin: 100px auto 0; }
    @media (min-width: 1024px) {
      h2.AREA.PRIVATE {
        margin: 200px auto 0; } }

.StayPrice {
  max-width: 1000px;
  width: 90%;
  margin: auto;
  padding: 50px 0px 50px; }
  @media (min-width: 1024px) {
    .StayPrice {
      padding: 100px 0px 50px; } }
  .StayPrice .RoomBox {
    margin-bottom: 100px; }
    .StayPrice .RoomBox .RoomPh {
      margin-bottom: 20px;
      transition: .5s; }
      @media (min-width: 1024px) {
        .StayPrice .RoomBox .RoomPh {
          margin-bottom: 0px; } }
      .StayPrice .RoomBox .RoomPh img {
        width: 100%;
        height: auto;
        border-radius: 5px; }
      .StayPrice .RoomBox .RoomPh a {
        transition: .5s; }
        .StayPrice .RoomBox .RoomPh a:hover {
          opacity: 0.9; }
    .StayPrice .RoomBox .RoomTextBox {
      margin: auto;
      position: relative;
      height: 100%; }
      .StayPrice .RoomBox .RoomTextBox h3 {
        font-size: 1.7em;
        color: #333333;
        font-family: "FOT-筑紫ゴシック Pro B";
        margin-bottom: 20px;
        font-feature-settings: "palt"; }
        @media (min-width: 768px) {
          .StayPrice .RoomBox .RoomTextBox h3 {
            font-size: 2em; } }
      .StayPrice .RoomBox .RoomTextBox .RoomInfo2 {
        display: flex; }
        .StayPrice .RoomBox .RoomTextBox .RoomInfo2 ul li {
          font-size: 0.9em;
          padding: 4px 0;
          font-feature-settings: "palt"; }
          @media (min-width: 1024px) {
            .StayPrice .RoomBox .RoomTextBox .RoomInfo2 ul li {
              padding: 8px 0; } }
          .StayPrice .RoomBox .RoomTextBox .RoomInfo2 ul li .rubiSp {
            font-size: 0.5em;
            letter-spacing: 0.05em; }
            @media (min-width: 768px) {
              .StayPrice .RoomBox .RoomTextBox .RoomInfo2 ul li .rubiSp {
                display: none; } }
          .StayPrice .RoomBox .RoomTextBox .RoomInfo2 ul li.Item {
            font-family: "FOT-筑紫ゴシック Pr5 M";
            font-size: 1.20em;
            margin-right: 10px;
            width: 85px; }
            @media (min-width: 768px) {
              .StayPrice .RoomBox .RoomTextBox .RoomInfo2 ul li.Item {
                margin-right: 8px;
                margin-top: -2px; } }
          .StayPrice .RoomBox .RoomTextBox .RoomInfo2 ul li.rubiPc {
            display: none; }
            @media (min-width: 768px) {
              .StayPrice .RoomBox .RoomTextBox .RoomInfo2 ul li.rubiPc {
                display: inherit;
                font-size: 0.7em;
                width: 60px;
                letter-spacing: 0.05em; } }
      .StayPrice .RoomBox .RoomTextBox .RoomInfo p {
        font-size: 0.9em;
        line-height: 1.6em;
        text-align: justify; }
      .StayPrice .RoomBox .RoomTextBox .RoomInfo h6 {
        font-size: 0.8em;
        margin: 10px 0 30px -5px; }
      .StayPrice .RoomBox .RoomTextBox .RoomInfo ul {
        margin-top: 10px; }
        .StayPrice .RoomBox .RoomTextBox .RoomInfo ul li {
          font-size: 0.8em;
          line-height: 1.6em; }
      .StayPrice .RoomBox .RoomTextBox .BtnPosition {
        width: 100%; }
        @media (min-width: 1024px) {
          .StayPrice .RoomBox .RoomTextBox .BtnPosition {
            position: absolute;
            bottom: 0; }
            .StayPrice .RoomBox .RoomTextBox .BtnPosition.HORSE {
              bottom: 40px; } }
        .StayPrice .RoomBox .RoomTextBox .BtnPosition .Btn {
          text-align: center;
          font-size: 0.9em;
          border-radius: 2px;
          padding: 5px;
          font-feature-settings: "palt";
          letter-spacing: 0.08em;
          transition: .5s;
          border: 1px solid #333333; }
          .StayPrice .RoomBox .RoomTextBox .BtnPosition .Btn.Detail {
            margin-top: 20px;
            background-color: #F7F7F7;
            color: #333333; }
            .StayPrice .RoomBox .RoomTextBox .BtnPosition .Btn.Detail:hover {
              background-color: #757575;
              color: #fff; }
          .StayPrice .RoomBox .RoomTextBox .BtnPosition .Btn.Reserve {
            margin-top: 10px;
            background-color: #333333;
            color: #fff; }
            .StayPrice .RoomBox .RoomTextBox .BtnPosition .Btn.Reserve:hover {
              background-color: #fff;
              color: #333333; }

@media only screen and (max-width: 1249px) {
  .Stay-column .col-lg-6 {
    padding: 0 10px; }

  .Stay-column {
    margin: 0 -10px; } }
@media only screen and (min-width: 1250px) {
  .Stay-column .col-lg-6 {
    padding: 0 30px; }

  .Stay-column {
    margin: 0 -30px; } }
.Space {
  padding-bottom: 200px; }