@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Gupter&display=swap");
.newscovid19-wrap {
  background-color: #DFF0EB; }

.newscovid19 {
  padding: 10px 0;
  width: 100%;
  max-width: 1020px;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  box-sizing: border-box;
  /* height:100px; */ }
  .newscovid19 a.boxinner {
    width: 32.5%;
    text-align: center;
    display: inline-flex;
    /* background: #ffe358; */
    padding: 10px;
    color: #232323;
    text-decoration: none;
    box-sizing: border-box;
    border: solid 1px #CCC;
    line-height: 1.3em;
    background-image: url(img/common/arrow-dropright-circle.svg);
    background-repeat: no-repeat;
    background-position: 5px center;
    font-size: .8em; }
    @media screen and (max-width: 768px) {
      .newscovid19 a.boxinner {
        width: 98%;
        margin: 2px auto;
        font-size: 10pt; } }
    .newscovid19 a.boxinner .small {
      font-size: .9em;
      margin-top: .3em; }
    .newscovid19 a.boxinner span {
      font-family: serif;
      font-size: 1.2em;
      line-height: 1.4em; }
    .newscovid19 a.boxinner:hover {
      background-color: #BFE1D7; }
    .newscovid19 a.boxinner > div {
      display: inline-block;
      margin: auto;
      font-size: 1.1em;
      font-weight: bold; }
      .newscovid19 a.boxinner > div .boxinner {
        padding: 5px;
        font-size: 1em;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        font-family: serif;
        display: block;
        line-height: 1.467; }
    .newscovid19 a.boxinner .btn {
      display: inline-block;
      background-color: #85C9B5;
      color: #fff;
      padding: .2em .8em;
      margin-top: .5em; }
      @media screen and (max-width: 768px) {
        .newscovid19 a.boxinner .btn {
          display: none; } }

.covid19btn {
  display: inline-block;
  background-color: #85C9B5;
  color: #fff;
  padding: .2em .8em;
  margin-top: .5em; }

.idcard {
  background: #FFF;
  padding: .5em 1em;
  margin-top: 5em;
  text-align: left; }
  .idcard h4, .idcard h5 {
    font-size: 1em;
    font-weight: normal;
    margin: 0; }
  .idcard ul {
    font-size: .9em;
    margin-bottom: 1em; }
    .idcard ul p {
      padding: 0;
      margin-left: 3em; }

.slidewrap {
  position: relative;
  clear: both;
  overflow: hidden;
  width: 100%;
  text-align: center;
  z-index: 1;
  background-color: #232323;
  margin: 0 auto;
  padding: 0; }
  @media screen and (max-width: 768px) {
    .slidewrap {
      height: auto; } }
  .slidewrap img {
    width: 100%; }

.bx-viewport {
  max-width: 1400px;
  margin: 0 auto !important; }

.top_slide_text {
  position: absolute;
  text-align: center;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  left: 50%;
  top: 50%; }
  @media screen and (max-width: 768px) {
    .top_slide_text {
      transform: translate(-50%, -30%);
      height: 100%;
      width: auto; }
      .top_slide_text img {
        height: 70%;
        width: auto; } }

.slide {
  margin-top: 0px; }

.contentWrap {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  max-width: 2000px; }
  @media screen and (max-width: 768px) {
    .contentWrap {
      overflow: hidden; } }

#ypro .contentWrap {
  text-align: left; }

#blogmenublock {
  display: flex;
  align-items: flex-start;
  margin: 3em auto;
  position: relative;
  width: 98%;
  max-width: 1200px; }
  @media screen and (max-width: 768px) {
    #blogmenublock {
      display: block;
      margin: 1em auto 3rem; } }
  #blogmenublock .imgnewsblock {
    width: 73%;
    padding: 0 0 0 1%; }
    @media screen and (max-width: 768px) {
      #blogmenublock .imgnewsblock {
        width: 100%;
        margin: 0;
        padding: 0 0 0 0; } }
  #blogmenublock .textnewsblock {
    width: 23%;
    margin: 0 1%;
    background: #FFF; }
    @media screen and (max-width: 768px) {
      #blogmenublock .textnewsblock {
        width: 98%;
        height: 150px;
        overflow: hidden;
        padding: .5rem 0;
        overflow-y: scroll;
        margin-bottom: 2rem; } }

.blogtitle {
  margin-top: 20px;
  color: #565656;
  font-size: 12pt;
  font-family: serif; }

.news {
  margin: .5rem auto;
  text-align: left; }
  .news li {
    font-family: serif;
    line-height: 1.3em;
    font-size: 10pt;
    margin: .3rem 10px; }
    .news li.linktext {
      padding-left: 1.5em;
      text-indent: -1em; }
      .news li.linktext .date {
        font-size: 8pt;
        color: #5E5E5E; }
      .news li.linktext .list-style {
        color: #26B58E; }
    .news li a {
      color: #232323;
      font-size: 9pt;
      line-height: 1.2;
      font-family: sans-serif;
      display: block; }

@media screen and (max-width: 576px) {
  .imgnewsblock {
    white-space: nowrap; } }

.imgnews {
  max-height: inherit;
  letter-spacing: -.467em;
  background: none;
  text-align: center; }
  @media screen and (max-width: 576px) {
    .imgnews {
      overflow-y: inherit;
      overflow-x: scroll; } }
  .imgnews li {
    display: inline-block;
    margin: .5rem 1% 1rem;
    width: 30.6333%;
    vertical-align: top;
    letter-spacing: normal;
    position: relative;
    text-align: left; }
    @media screen and (max-width: 768px) {
      .imgnews li {
        margin: 5px 3px 0;
        width: calc(33.3333% - 6px); } }
    @media screen and (max-width: 576px) {
      .imgnews li {
        width: calc(40% - 2px);
        white-space: normal; } }
    .imgnews li .imgblock {
      display: block;
      width: 100%;
      padding-top: 76%;
      background: #F1F1F1;
      vertical-align: middle;
      position: relative; }
      .imgnews li .imgblock a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        white-space: initial; }
        .imgnews li .imgblock a img {
          height: 100%;
          width: 100%;
          object-fit: cover;
          font-family: "object-fit: contain;"; }
    .imgnews li .textblock {
      width: 100%;
      min-height: 2rem;
      text-align: left;
      display: inline-block;
      padding: 0.3em 0 0; }
      @media screen and (max-width: 768px) {
        .imgnews li .textblock {
          position: relative; } }
      @media screen and (max-width: 576px) {
        .imgnews li .textblock {
          height: inherit;
          white-space: initial; } }

a.label-inagawa {
  background: #08521E !important;
  color: #FFF !important; }
a.label-skyvilla {
  background: #442E2E !important;
  color: #FFF !important; }
a.label-arima {
  background: #85C9B5 !important;
  color: #333 !important; }
a.label-rokko {
  background: #A59C50 !important; }
a.label {
  display: inline-block;
  margin: 0 5px;
  background: #A5D060;
  border-radius: 5px;
  color: #333;
  font-size: 8px;
  padding: 0 5px; }

.blog a.label {
  display: inline-block;
  margin: 0 5px;
  background: #A5D060;
  border-radius: 5px;
  color: #333;
  font-size: 8px;
  padding: 0 5px; }

.vi-facility {
  height: 300px;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)), url(../img/top_img01.jpg);
  background-size: cover;
  background-position: center center; }
  @media screen and (max-width: 576px) {
    .vi-facility {
      display: none; } }

.top_content {
  max-width: 1300px;
  margin: 30px auto;
  letter-spacing: -.467em; }
  .top_content li {
    position: relative;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: calc(33.3% - 10px);
    margin: 20px 5px;
    background-size: cover;
    background-position: center center;
    height: 380px; }
    @media screen and (max-width: 768px) {
      .top_content li {
        width: 100% !important;
        height: 180px;
        margin: 10px 0; } }
    .top_content li.top_box01 {
      background-image: url(../img/top_img01.jpg); }
    .top_content li.top_box02 {
      background-image: url(../img/top_img02.jpg); }
    .top_content li.top_box03 {
      background-image: url(../img/top_img03.jpg); }
    .top_content li.top_box04 {
      width: calc(66.6% - 10px);
      background-image: url(../img/top_img04.jpg); }
    .top_content li.top_box05 {
      background-image: url(../img/party_img03_1.jpg); }
  .top_content .contentdata {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: auto;
    transform: translate(0, 55px);
    -webkit-transform: translate(0, 55px), translateY(55px);
    -moz-transform: translate(0, 55px), translateY(55px);
    transition: transform 0.2s ease-out;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .top_content .contentdata {
        transform: none; } }
    .top_content .contentdata h2 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: end;
      -moz-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      align-items: flex-end;
      margin: auto 20px 15px 20px;
      width: 100%; }
      @media screen and (max-width: 768px) {
        .top_content .contentdata h2 {
          margin-bottom: 10px; } }
      .top_content .contentdata h2 i {
        font-family: 游明朝, 游明朝体, Yu Mincho, YuMincho, ヒラギノ明朝 ProN W3, ヒラギノ明朝 Pro W3, HiraMinProN-W3, HG明朝E, Hiragino Mincho ProN, Hiragino Mincho Pro, HGS明朝E, ヒラギノ明朝 Pro W6, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
        font-size: 28px;
        font-style: normal;
        display: block; }
        @media screen and (max-width: 768px) {
          .top_content .contentdata h2 i {
            font-size: 18pt; } }
      .top_content .contentdata h2 span {
        display: block;
        font-size: .9rem;
        background-color: #26B58E;
        padding: .3rem;
        line-height: 1;
        margin-left: .5rem; }
    .top_content .contentdata p {
      text-align: left;
      margin: 0 20px 0;
      line-height: 1.467;
      display: block;
      height: 55px; }
      @media screen and (max-width: 576px) {
        .top_content .contentdata p {
          font-size: .8rem; } }
  .top_content a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff; }
    @media screen and (max-width: 768px) {
      .top_content a {
        background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)); } }
    .top_content a:hover {
      text-decoration: none !important; }
      .top_content a:hover .contentdata {
        transform: translate(0, -15%);
        -webkit-transform: translate(0, -15%);
        -moz-transform: translate(0, -15%);
        transition: transform 0.2s ease-in; }
        @media screen and (max-width: 768px) {
          .top_content a:hover .contentdata {
            transform: none; } }

.plan_invite_menu {
  background: #fff;
  display: block;
  margin-top: 5vw;
  padding-bottom: 2vw; }
  .plan_invite_menu .spendingtime-inarima {
    max-width: 1200px;
    margin: auto; }
    .plan_invite_menu .spendingtime-inarima h2 {
      background: url(../img/top_bg_06_1.png) left no-repeat, url(../img/top_bg_06_2.png) right no-repeat;
      font-family: 游明朝, 游明朝体, Yu Mincho, YuMincho, ヒラギノ明朝 ProN W3, ヒラギノ明朝 Pro W3, HiraMinProN-W3, HG明朝E, Hiragino Mincho ProN, Hiragino Mincho Pro, HGS明朝E, ヒラギノ明朝 Pro W6, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
      font-weight: normal;
      padding: 3em 1em; }
      @media screen and (max-width: 576px) {
        .plan_invite_menu .spendingtime-inarima h2 {
          font-size: 1.2em;
          padding: 2em 1em; } }
    .plan_invite_menu .spendingtime-inarima ul {
      overflow: hidden;
      max-width: 1200px;
      margin: 0 auto;
      background: #FFF;
      letter-spacing: -.467em; }
      .plan_invite_menu .spendingtime-inarima ul li {
        letter-spacing: normal;
        text-align: left;
        width: calc(50% - 10px);
        margin: 10px 5px;
        display: inline-block;
        vertical-align: top; }
        @media screen and (max-width: 576px) {
          .plan_invite_menu .spendingtime-inarima ul li {
            width: 100%;
            min-height: 150px;
            margin: 10px 0px; } }
        @media screen and (min-width: 576px) {
          .plan_invite_menu .spendingtime-inarima ul li:nth-of-type(3) a, .plan_invite_menu .spendingtime-inarima ul li:nth-of-type(4) a, .plan_invite_menu .spendingtime-inarima ul li:nth-of-type(7) a, .plan_invite_menu .spendingtime-inarima ul li:nth-of-type(8) a {
            -webkit-box-direction: reverse;
            -webkit-box-orient: horizontal;
            -moz-box-direction: reverse;
            -moz-box-orient: horizontal;
            -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; } }
        .plan_invite_menu .spendingtime-inarima ul li a {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          color: inherit;
          text-decoration: none; }
        .plan_invite_menu .spendingtime-inarima ul li .pic-block {
          -webkit-box-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          overflow: hidden;
          height: 230px; }
          @media screen and (max-width: 576px) {
            .plan_invite_menu .spendingtime-inarima ul li .pic-block {
              height: 180px; } }
          .plan_invite_menu .spendingtime-inarima ul li .pic-block img {
            max-height: 100%;
            width: auto;
            margin-left: 50%;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%); }
            @media screen and (max-width: 576px) {
              .plan_invite_menu .spendingtime-inarima ul li .pic-block img {
                max-width: inherit;
                max-height: 100%;
                width: auto;
                height: 100%; } }
        .plan_invite_menu .spendingtime-inarima ul li .txtdata-block {
          -webkit-box-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%; }
          .plan_invite_menu .spendingtime-inarima ul li .txtdata-block h3 {
            padding: .8em;
            line-height: 1;
            background: #C9C185;
            font-family: 游明朝, 游明朝体, Yu Mincho, YuMincho, ヒラギノ明朝 ProN W3, ヒラギノ明朝 Pro W3, HiraMinProN-W3, HG明朝E, Hiragino Mincho ProN, Hiragino Mincho Pro, HGS明朝E, ヒラギノ明朝 Pro W6, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
            font-weight: normal; }
            .plan_invite_menu .spendingtime-inarima ul li .txtdata-block h3.special {
              background: #e20000;
              color: #FFF; }
          .plan_invite_menu .spendingtime-inarima ul li .txtdata-block p {
            font-size: .9rem;
            padding: .5rem;
            line-height: 1.467; }
            @media screen and (max-width: 576px) {
              .plan_invite_menu .spendingtime-inarima ul li .txtdata-block p {
                font-size: .8rem; } }
          .plan_invite_menu .spendingtime-inarima ul li .txtdata-block .linkbtn {
            display: inline-block;
            padding: .3rem .6rem;
            margin: .5rem;
            font-size: .9rem;
            background-color: #26B58E;
            color: #FFF;
            line-height: 1; }

.searchform-block {
  -webkit-flex-basis: 70%;
  flex-basis: 70%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 2%; }
  @media screen and (max-width: 768px) {
    .searchform-block {
      -webkit-flex-basis: 95%;
      flex-basis: 95%; } }

#searchdate:checked ~ .box_date select,
#searchdate_foot:checked ~ .box_date select {
  background-color: #ADADAD;
  color: #555;
  pointer-events: none; }

.obj_no_date {
  margin-bottom: 8px; }

.obj_no_datetext {
  color: #FFF;
  margin-bottom: 5px; }

.box_date {
  order: -1; }

.searchrelate-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }
  @media screen and (max-width: 768px) {
    .searchrelate-link {
      margin: 0 -10px; } }
  .searchrelate-link .searchrelate-btn {
    margin: 0 10px 10px; }
    .searchrelate-link .searchrelate-btn a {
      background-color: #B0DDCF;
      color: #353535;
      display: block;
      width: 100%;
      height: 100%;
      padding: .5em 1em;
      font-size: .8em;
      line-height: 1; }
      .searchrelate-link .searchrelate-btn a:hover {
        text-decoration: none;
        background-color: #FFFFFF; }

#searchbox {
  margin: 0 0 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }

#searchform-block-foot {
  padding: 1em 1em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end; }
  #searchform-block-foot .box_date, #searchform-block-foot .box_count {
    white-space: nowrap; }
    @media screen and (min-width: 992px) {
      #searchform-block-foot .box_date, #searchform-block-foot .box_count {
        width: 100%;
        padding-left: 0 !important; } }

#searchbox select, #searchform-block-foot select {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFF;
  font-size: 1.2em;
  padding: .2rem .3rem;
  border-radius: 3px;
  margin: 0 1px; }
@media screen and (max-width: 768px) {
  #searchbox, #searchform-block-foot {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; } }
#searchbox .box_date, #searchbox .box_count, #searchform-block-foot .box_date, #searchform-block-foot .box_count {
  text-align: left;
  padding: 5px 0 5px 10px;
  margin-left: 1px;
  color: #FFF; }
  @media screen and (max-width: 768px) {
    #searchbox .box_date, #searchbox .box_count, #searchform-block-foot .box_date, #searchform-block-foot .box_count {
      padding: 5px 0 5px 0;
      font-size: .8em;
      white-space: nowrap; } }
  #searchbox .box_date p, #searchbox .box_count p, #searchform-block-foot .box_date p, #searchform-block-foot .box_count p {
    font-size: 13px;
    padding: 3px 0;
    margin-bottom: 5px; }
#searchbox .serchbtnblock, #searchform-block-foot .serchbtnblock {
  margin: 10px; }
  @media screen and (max-width: 768px) {
    #searchbox .serchbtnblock, #searchform-block-foot .serchbtnblock {
      margin: 10px auto 3px; } }
  #searchbox .serchbtnblock input, #searchform-block-foot .serchbtnblock input {
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    display: block;
    background: #F30000;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
    border: none;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      #searchbox .serchbtnblock input, #searchform-block-foot .serchbtnblock input {
        padding: 10px 60px; } }
    #searchbox .serchbtnblock input:hover, #searchform-block-foot .serchbtnblock input:hover {
      opacity: 0.7; }

.reserve_box {
  margin: 0;
  padding: 10px;
  background: #000; }
  .reserve_box .reserve {
    max-width: 1200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: auto; }
    @media screen and (max-width: 576px) {
      .reserve_box .reserve {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.bnr_area {
  -webkit-flex-basis: 30%;
  flex-basis: 30%;
  text-align: center;
  margin: auto; }
  @media screen and (max-width: 768px) {
    .bnr_area {
      -webkit-flex-basis: 100%;
      flex-basis: 100%; } }
  .bnr_area img {
    max-width: 100%;
    height: auto; }
    @media screen and (max-width: 768px) {
      .bnr_area img {
        max-width: 80%; } }

@media screen and (max-width: 768px) {
  ul.reserve_menu {
    width: 94%;
    margin: 0 auto; } }
ul.reserve_menu li {
  display: inline-block; }
  @media screen and (max-width: 768px) {
    ul.reserve_menu li {
      width: 30%; } }
  @media screen and (max-width: 576px) {
    ul.reserve_menu li {
      width: 80%;
      margin-bottom: 10px; } }
  ul.reserve_menu li a {
    display: block;
    background: #DFF0EB;
    margin: 0 60px;
    width: 250px;
    text-align: center;
    padding: 15px 0;
    color: #000; }
    @media screen and (max-width: 768px) {
      ul.reserve_menu li a {
        margin: 0 2%;
        width: 100%;
        text-align: center; } }
    @media screen and (max-width: 576px) {
      ul.reserve_menu li a {
        margin: 0;
        width: 100%; } }
    ul.reserve_menu li a:hover {
      text-decoration: none;
      background: #BFE1D7; }

/*サブページ共通*/
.sub_head {
  position: relative;
  margin-bottom: 2em; }
  .sub_head ul {
    display: block;
    letter-spacing: -.467em;
    white-space: nowrap;
    width: 100%; }
    .sub_head ul li {
      letter-spacing: normal;
      width: 25%;
      display: inline-block; }
      .sub_head ul li img {
        width: 100%;
        height: auto; }
  .sub_head h2.pagetitle {
    font-family: serif;
    font-size: 24px;
    display: inline-block;
    position: absolute;
    letter-spacing: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background: #0000009c;
    line-height: 1;
    padding: .5em;
    color: #fff;
    white-space: nowrap; }
    @media screen and (max-width: 576px) {
      .sub_head h2.pagetitle {
        font-size: 18px; } }

h2.maincopy {
  font-size: 18px;
  padding: 20px 0;
  line-height: 160%;
  font-weight: normal;
  font-family: serif; }
  @media screen and (max-width: 576px) {
    h2.maincopy {
      font-size: 14px;
      padding: 0 10px 10px; } }
  h2.maincopy.text {
    font-size: 24px; }
  h2.maincopy img {
    margin-bottom: 15px; }
  h2.maincopy span.name {
    font-size: 13px;
    letter-spacing: 3px; }

/*温泉*/
.spa h2.maincopy {
  background: url(../img/top_bg_01.png) no-repeat 70% center; }

.spa_box01 li {
  position: relative;
  max-width: 1200px;
  height: 600px; }
  @media screen and (max-width: 768px) {
    .spa_box01 li {
      width: 100%;
      height: auto;
      margin-bottom: 10px; } }
  .spa_box01 li img {
    position: absolute;
    left: 0; }
    @media screen and (max-width: 768px) {
      .spa_box01 li img {
        position: inherit; } }
  .spa_box01 li div.over {
    position: absolute;
    right: 0;
    width: 300px;
    background: rgba(77, 124, 111, 0.5);
    height: 600px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 50px;
    box-sizing: border-box;
    color: #fff;
    line-height: 180%; }
    @media screen and (max-width: 768px) {
      .spa_box01 li div.over {
        position: inherit;
        background: rgba(77, 124, 111, 0.8);
        width: 100%;
        height: auto;
        padding: 20px 5%;
        font-size: 14px; }
        .spa_box01 li div.over br {
          display: none; } }
  .spa_box01 li:nth-child(2n) div.over {
    left: 0; }
  .spa_box01 li div.over h3 {
    padding-top: 100px;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .spa_box01 li div.over h3 {
        padding-top: 0;
        font-size: 20px;
        margin-bottom: 10px; } }
  .spa_box01 li a.popup {
    position: absolute;
    width: 300px;
    display: block;
    background: #FFF000;
    color: #000;
    height: 90px;
    bottom: 0;
    padding: 0;
    right: 0;
    line-height: 130%;
    padding: 10px 50px;
    box-sizing: border-box; }
    .spa_box01 li a.popup:hover {
      text-decoration: none;
      opacity: 0.7;
      cursor: pointer; }
    .spa_box01 li a.popup p {
      font-size: 12px; }
      .spa_box01 li a.popup p span {
        font-size: 10px; }
    .spa_box01 li a.popup h4 {
      font-size: 18px;
      font-weight: normal; }

#modal-content {
  width: 50%;
  margin: 0;
  padding: 50px;
  background: #FFF000;
  color: #000;
  position: fixed;
  display: none;
  z-index: 5;
  text-align: left; }
  #modal-content h3 {
    font-size: 28px;
    font-weight: normal;
    margin: 20px 0; }
  #modal-content .left {
    width: 50%;
    float: left; }

#modal-close {
  text-align: center;
  display: block;
  margin-top: 30px; }

#modal-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75); }

/*クーポン*/
.coupon_box01 {
  position: relative;
  z-index: 1;
  width: 1200px;
  height: 600px; }
  .coupon_box01 img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0; }
  .coupon_box01 p {
    position: absolute;
    margin-top: 0;
    z-index: 2;
    top: 270px;
    left: 100px;
    color: #fff;
    letter-spacing: 1px;
    font-size: 18px; }

.coupon_box02 {
  text-align: left;
  overflow: hidden;
  width: 94%;
  max-width: 980px;
  margin: 50px auto; }
  @media screen and (max-width: 768px) {
    .coupon_box02 {
      margin: 50px auto; } }
  .coupon_box02 h3 {
    float: left;
    width: 600px;
    font-size: 25px;
    font-weight: normal;
    line-height: 180%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #CCC; }
    @media screen and (max-width: 768px) {
      .coupon_box02 h3 {
        float: none;
        width: 100%;
        font-size: 18px;
        text-align: left; } }
  .coupon_box02 img {
    float: right;
    margin-top: 10px; }
    @media screen and (max-width: 576px) {
      .coupon_box02 img {
        float: none;
        width: 50%;
        max-width: 300px;
        height: auto;
        margin-top: 0; } }
  .coupon_box02 p {
    float: left;
    width: 600px;
    font-size: 18px; }
    @media screen and (max-width: 576px) {
      .coupon_box02 p {
        float: none;
        width: 100%;
        font-size: 14px;
        text-align: left;
        margin-top: 10px; } }

.coupon_box03 {
  width: 980px;
  margin: 30px auto; }
  .coupon_box03 p {
    text-align: left;
    border: 1px solid #aaa;
    padding: 20px 180px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 150%; }
  .coupon_box03 a {
    display: block;
    background: #85C9B5;
    padding: 30px 0;
    color: #fff; }
    .coupon_box03 a:hover {
      text-decoration: none;
      background: #B0DDCF; }

/*料理*/
.food h2.maincopy {
  background: url(../img/top_bg_02_1.png) no-repeat 70% center, url(../img/top_bg_02_2.png) no-repeat 30% center; }

.food_box01 {
  position: relative;
  background: #86CAB5;
  color: #fff;
  padding: 40px 3%;
  font-size: 14px; }
  .food_box01 h3 {
    font-weight: normal;
    font-size: 24px;
    margin-bottom: 20px;
    font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif; }
  .food_box01:after {
    position: absolute;
    display: block;
    width: 100px;
    text-align: center;
    margin-left: -50px;
    left: 50%;
    content: "▼";
    transform: scale(1, 0.5);
    font-size: 80px;
    bottom: -15px;
    color: #86CAB5; }

.food_box02 ul {
  margin: 30px 0 100px; }
  .food_box02 ul li {
    display: inline-block; }
.food_box02 .tab_photo_content {
  margin-top: -30px;
  margin-bottom: 0;
  overflow: hidden; }
  .food_box02 .tab_photo_content img {
    width: 100% !important; }

.food #tab, .room #tab {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px; }
  .food #tab li, .room #tab li {
    width: 100%;
    background: #FFFFFF;
    padding: 20px 0;
    margin: 0.5%;
    color: #000;
    cursor: pointer;
    vertical-align: top;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
    @media screen and (max-width: 576px) {
      .food #tab li, .room #tab li {
        padding: 10px 0; } }
    .food #tab li:hover, .room #tab li:hover {
      text-decoration: none;
      background: #B0DDCF;
      color: #fff;
      box-shadow: none; }
    .food #tab li.select, .room #tab li.select {
      background: #85C9B5;
      color: #fff;
      box-shadow: none; }
.food #tab_small01,
.food #tab_small02,
.food #tab_small03, .room #tab_small01,
.room #tab_small02,
.room #tab_small03 {
  display: flex;
  justify-content: space-around;
  margin-bottom: 80px; }
  @media screen and (max-width: 576px) {
    .food #tab_small01,
    .food #tab_small02,
    .food #tab_small03, .room #tab_small01,
    .room #tab_small02,
    .room #tab_small03 {
      justify-content: left;
      margin-bottom: 30px; } }
  .food #tab_small01 li,
  .food #tab_small02 li,
  .food #tab_small03 li, .room #tab_small01 li,
  .room #tab_small02 li,
  .room #tab_small03 li {
    background: #FFFFFF;
    padding: 10px 0;
    margin: 0.5%;
    color: #000;
    cursor: pointer;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center; }
    @media screen and (max-width: 768px) {
      .food #tab_small01 li,
      .food #tab_small02 li,
      .food #tab_small03 li, .room #tab_small01 li,
      .room #tab_small02 li,
      .room #tab_small03 li {
        width: calc(33% - 4px);
        padding: 10px 0;
        margin: 0 2px 5px;
        vertical-align: top; } }
    .food #tab_small01 li:hover,
    .food #tab_small02 li:hover,
    .food #tab_small03 li:hover, .room #tab_small01 li:hover,
    .room #tab_small02 li:hover,
    .room #tab_small03 li:hover {
      text-decoration: none;
      background: #B0DDCF;
      color: #fff; }
    .food #tab_small01 li.select,
    .food #tab_small02 li.select,
    .food #tab_small03 li.select, .room #tab_small01 li.select,
    .room #tab_small02 li.select,
    .room #tab_small03 li.select {
      background: #85C9B5;
      color: #fff; }
.food .foodBtnSmall, .food .roomBtnSmall, .room .foodBtnSmall, .room .roomBtnSmall {
  display: flex;
  justify-content: center;
  margin-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .food .foodBtnSmall, .food .roomBtnSmall, .room .foodBtnSmall, .room .roomBtnSmall {
      flex-wrap: wrap;
      justify-content: left;
      margin-bottom: 40px; } }
  .food .foodBtnSmall li, .food .roomBtnSmall li, .room .foodBtnSmall li, .room .roomBtnSmall li {
    background: #FFFFFF;
    padding: 10px 0;
    margin: 0.5%;
    color: #000;
    cursor: pointer;
    border-radius: 3px;
    -webkit-box-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    overflow: hidden; }
    @media screen and (max-width: 576px) {
      .food .foodBtnSmall li, .food .roomBtnSmall li, .room .foodBtnSmall li, .room .roomBtnSmall li {
        -webkit-box-flex: 1 1 32%;
        -ms-flex: 1 1 32%;
        flex: 1 1 32%;
        width: calc(33% - 4px);
        padding: 10px 0;
        margin: 0 2px 5px; } }
    .food .foodBtnSmall li:hover, .food .roomBtnSmall li:hover, .room .foodBtnSmall li:hover, .room .roomBtnSmall li:hover {
      text-decoration: none;
      background: #B0DDCF;
      color: #fff; }
    .food .foodBtnSmall li.select, .food .roomBtnSmall li.select, .room .foodBtnSmall li.select, .room .roomBtnSmall li.select {
      background: #85C9B5;
      color: #fff; }
    .food .foodBtnSmall li a, .food .roomBtnSmall li a, .room .foodBtnSmall li a, .room .roomBtnSmall li a {
      font-size: 11px;
      color: #5D5D5D;
      line-height: 1.3em;
      text-decoration: none;
      display: block;
      padding: 5px; }

.food_explain {
  display: block;
  margin: 60px auto 20px;
  max-width: 600px;
  padding: 0 2% 0 5%;
  text-align: left; }
  .food_explain p {
    text-indent: -1em;
    font-size: .9em; }

.food_big {
  display: none; }

.food #tabContent {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; }
  .food #tabContent li.food_big:first-child, .food #tabContent li.food_small:first-child {
    display: block; }

/*  メニューボタン*/
.foodBtnSmall li, .roomBtnSmall li {
  display: inline-block;
  width: 100px;
  height: 50px; }

.food_small h3 {
  font-size: 28px;
  font-weight: normal;
  margin: 80px 0 20px;
  font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif; }
  @media screen and (max-width: 576px) {
    .food_small h3 {
      font-size: 18px;
      margin: 30px 0 20px; } }
  .food_small h3 span {
    font-size: 18px;
    display: block; }
    @media screen and (max-width: 576px) {
      .food_small h3 span {
        font-size: 12px; } }
.food_small img {
  width: 100%; }
.food_small p {
  margin-top: 20px; }
.food_small .vertical {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  text-align: left;
  margin: 40px auto;
  display: inline-block;
  line-height: 180%; }
  @media screen and (max-width: 576px) {
    .food_small .vertical {
      -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: tb-rl;
      writing-mode: horizontal-tb;
      margin: 20px auto;
      width: 100%;
      max-width: 450px; } }
  .food_small .vertical p.list {
    padding-top: 5em;
    line-height: 1.3em;
    margin: .3em; }
    .food_small .vertical p.list span {
      display: inline-block;
      height: 5em;
      margin-top: -5em; }
    @media screen and (max-width: 576px) {
      .food_small .vertical p.list {
        font-size: 12px;
        margin: .5em 1em;
        padding-top: 0;
        padding-left: 5em;
        line-height: 1.3em;
        width: calc(100% - 10px); }
        .food_small .vertical p.list span {
          width: 5em;
          height: 1em;
          margin-left: -5em; }
        .food_small .vertical p.list br {
          display: none; } }
.food_small h4 {
  font-size: 28px;
  font-weight: normal;
  margin-left: 30px;
  font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif; }
  @media screen and (max-width: 768px) {
    .food_small h4 {
      font-size: 18px;
      margin-left: 10px;
      margin-bottom: 20px;
      margin-top: 0; } }
  .food_small h4 span {
    margin-top: 30px;
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      .food_small h4 span {
        margin: 0 0 0 30px; } }
.food_small .btn_plan {
  display: block;
  background: #F30000;
  color: #fff;
  padding: .8em .5em;
  line-height: 1;
  margin: auto 3px 3px;
  max-height: 12em;
  text-align: center;
  font-family: serif; }
  @media screen and (max-width: 576px) {
    .food_small .btn_plan {
      padding: .5em .8em;
      margin: 3px 3px 3px auto;
      max-width: 12em; } }
  .food_small .btn_plan:hover {
    background: #840101;
    text-decoration: none; }
.food_small .englishmenu {
  margin: 20px auto;
  display: inline-block;
  line-height: 180%;
  text-align: left; }
  .food_small .englishmenu p.list span {
    display: inline-block;
    min-width: 12rem;
    height: 1em;
    text-align: right;
    white-space: nowrap; }
.food_small .swiper-slide img {
  width: 100%; }

.food .tab_photo_content li {
  display: none; }
  .food .tab_photo_content li:first-child {
    display: block; }
.food .tab_photo {
  margin-top: 20px; }
  .food .tab_photo li {
    width: 15%;
    display: inline-block;
    background: #FFF;
    cursor: pointer; }
    .food .tab_photo li:hover {
      opacity: 0.7; }
    .food .tab_photo li.select {
      opacity: 0.5; }
    .food .tab_photo li img {
      width: 100%;
      margin-bottom: 0; }

/*神戸牛*/
.kobe {
  padding-top: 50px;
  border-top: 1px solid #000;
  margin-top: 100px; }

.kobe_content {
  margin-top: 100px;
  overflow: hidden; }
  .kobe_content li {
    text-align: left;
    width: 1000px;
    margin: 0 auto 100px;
    clear: both; }
    .kobe_content li h3 {
      font-weight: normal;
      font-size: 20px;
      border-bottom: 1px solid #aaa;
      padding-bottom: 15px;
      margin-bottom: 15px;
      margin-top: 50px; }
    .kobe_content li p {
      font-size: 20px;
      line-height: 160%; }
    .kobe_content li img {
      float: right;
      margin-top: -50px;
      margin-bottom: 100px; }
    .kobe_content li:nth-child(2n) img {
      float: left;
      margin-right: 80px; }

.kobe_plan {
  font-size: 20px;
  margin-top: 80px; }
  .kobe_plan a {
    font-size: 18px;
    display: inline-block;
    text-decoration: none;
    background: #86CAB5;
    color: #fff;
    text-align: center;
    padding: 10px 30px;
    margin: 10px 10px 0 0; }
    .kobe_plan a:hover {
      opacity: 0.7; }

/*部屋*/
.room h2.maincopy {
  background: url(../img/top_bg_02_1.png) no-repeat 70% center, url(../img/top_bg_02_2.png) no-repeat 30% center; }
.room #tab {
  display: flex;
  justify-content: space-around;
  margin: 0 0 20px;
  width: 100%; }
  .room #tab li {
    width: 100%;
    background: #FFFFFF;
    padding: 20px 0;
    margin: 0.5%;
    color: #000;
    cursor: pointer;
    vertical-align: top; }
    @media screen and (max-width: 576px) {
      .room #tab li {
        padding: 10px 0; } }
    .room #tab li:hover {
      text-decoration: none;
      background: #B0DDCF;
      color: #fff; }
    .room #tab li.select {
      background: #85C9B5;
      color: #fff; }
.room #tab_small01, .room #tab_small02, .room #tab_small03 {
  margin-bottom: 80px;
  text-align: left; }
.room #tab_small01 li {
  width: 48%;
  display: inline-block;
  background: #FFFFFF;
  padding: 20px 0;
  margin: 0.5%;
  color: #000;
  cursor: pointer;
  vertical-align: top;
  text-align: center; }
.room #tab_small03 li {
  width: 31.8%;
  display: inline-block;
  background: #FFFFFF;
  padding: 20px 0;
  margin: 0.5%;
  color: #000;
  cursor: pointer;
  vertical-align: top;
  text-align: center; }
.room #tab_small02 li {
  width: 23.5%;
  display: inline-block;
  background: #FFFFFF;
  padding: 20px 0;
  margin: 0.5%;
  color: #000;
  cursor: pointer;
  vertical-align: top;
  text-align: center; }
.room #tab_small01 li:hover, .room #tab_small02 li:hover, .room #tab_small03 li:hover {
  text-decoration: none;
  background: #B0DDCF;
  color: #fff; }
.room #tab_small01 li.select, .room #tab_small02 li.select, .room #tab_small03 li.select {
  background: #85C9B5;
  color: #fff; }

.room_big {
  display: none; }

.lb-outerContainer {
  box-sizing: initial; }

.room #tabContent li.room_big:first-child, .room #tabContent li.room_small:first-child {
  display: block; }

.room_small h3 {
  font-size: 28px;
  font-weight: normal;
  margin: 80px 0;
  font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif; }
  @media screen and (max-width: 576px) {
    .room_small h3 {
      font-size: 20px;
      margin: 30px 0; } }
  .room_small h3 span {
    font-size: 18px;
    display: block; }
    @media screen and (max-width: 576px) {
      .room_small h3 span {
        font-size: 14px; } }
.room_small p {
  display: inline-block;
  text-align: left;
  margin: 20px auto;
  max-width: 700px;
  width: 94%; }
  @media screen and (max-width: 576px) {
    .room_small p {
      font-size: 14px; }
      .room_small p br {
        display: none; } }

.room .tab_photo {
  margin-top: 20px; }
  .room .tab_photo li {
    width: 18%;
    display: inline-block;
    background: #FFF;
    cursor: pointer; }
    .room .tab_photo li:hover {
      opacity: 0.7; }
    .room .tab_photo li.select {
      opacity: 0.5; }
    .room .tab_photo li img {
      width: 100%;
      margin-bottom: 0; }

.room_small .room_discription {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: auto;
  width: 98%;
  max-width: 800px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: left; }
  .room_small .room_discription .planimageblock {
    margin-right: 1vw;
    -webkit-box-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%; }
    @media screen and (max-width: 576px) {
      .room_small .room_discription .planimageblock {
        -webkit-box-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%; } }
.room_small a {
  display: inline-block;
  margin: 2%;
  padding: 10px;
  text-decoration: none;
  background: #fff;
  color: #85C9B5; }
  .room_small a:hover {
    background: #fff;
    background: #F3FAF8; }
  .room_small a.planimage img {
    width: auto;
    height: 200px;
    margin-bottom: 5px;
    display: block; }
    @media screen and (max-width: 576px) {
      .room_small a.planimage img {
        width: 100%;
        height: auto; } }
  .room_small a.room_plan {
    max-width: 400px;
    width: 80%;
    margin: 30px 0;
    background: #f31102;
    padding: 10px 0 !important;
    display: inline-block !important;
    color: #fff !important;
    text-align: center; }
    @media screen and (max-width: 576px) {
      .room_small a.room_plan {
        margin: 30px auto; } }
    .room_small a.room_plan:hover {
      opacity: 0.7;
      text-decoration: none; }

.room_amenity {
  max-width: 1000px;
  width: 94%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.467; }
  @media screen and (max-width: 576px) {
    .room_amenity {
      font-size: 12px; } }
  .room_amenity tr {
    border-bottom: 1px solid #000; }
    .room_amenity tr:last-child {
      border-bottom: none; }
  .room_amenity th {
    width: 20%; }
  .room_amenity th, .room_amenity td {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    padding: 20px 0; }
    @media screen and (max-width: 576px) {
      .room_amenity th, .room_amenity td {
        padding: 10px 0; } }
    .room_amenity th span, .room_amenity td span {
      font-size: 0.8em; }

/*施設-----------------------------*/
.facility h2.maincopy {
  background: url(../img/facility_bg_01.png) no-repeat 70% center, url(../img/facility_bg_02.png) no-repeat 30% center; }
.facility .tab_facility {
  margin: 0 0 20px;
  width: 98.5%;
  letter-spacing: -.467em; }
  .facility .tab_facility li {
    letter-spacing: normal;
    width: 24%;
    display: inline-block;
    background: #FFFFFF;
    font-size: 14px;
    margin: 0.5%;
    color: #000;
    vertical-align: top; }
    @media screen and (max-width: 576px) {
      .facility .tab_facility li {
        width: 48.8%; } }
    .facility .tab_facility li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 10px 0;
      line-height: 1.3;
      color: #000; }
    .facility .tab_facility li:hover {
      text-decoration: none;
      background: #B0DDCF;
      color: #fff; }

.facility_content:first-child {
  display: block; }
.facility_content #tabContent li.room_big:first-child, .facility_content #tabContent li.room_small:first-child {
  display: block; }
.facility_content .tab_photo_content li {
  display: none; }
  .facility_content .tab_photo_content li:first-child {
    display: block; }
.facility_content .tab_photo {
  margin-top: 20px; }
  .facility_content .tab_photo li {
    width: 18%;
    display: inline-block;
    background: #FFF;
    cursor: pointer; }
    .facility_content .tab_photo li:hover {
      opacity: 0.7; }
    .facility_content .tab_photo li.select {
      opacity: 0.5; }
    .facility_content .tab_photo li img {
      width: 100%;
      margin-bottom: 0; }
.facility_content h3 {
  font-size: 28px;
  font-weight: normal;
  margin: 80px 0;
  font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif; }
  @media screen and (max-width: 576px) {
    .facility_content h3 {
      font-size: 20px;
      margin: 30px 0; } }
.facility_content h4 {
  font-weight: normal;
  font-size: 18px;
  margin: 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #000; }
  @media screen and (max-width: 576px) {
    .facility_content h4 {
      font-size: 14px;
      margin: 10px; } }
  .facility_content h4 span {
    display: block;
    font-weight: normal;
    font-size: 14px; }
    @media screen and (max-width: 576px) {
      .facility_content h4 span {
        font-size: 12px; } }
.facility_content p {
  display: inline-block;
  text-align: left;
  margin: 10px auto; }
  @media screen and (max-width: 576px) {
    .facility_content p {
      font-size: 12px;
      margin: 5px 10px;
      line-height: 1.467; } }
.facility_content .table1 {
  width: 600px;
  margin: 0 auto 50px;
  border-collapse: collapse; }
  .facility_content .table1 td {
    border: 1px solid #000;
    padding: 5px 0; }
.facility_content .table2 {
  width: 1000px;
  margin: 0 auto;
  border-collapse: collapse; }
  .facility_content .table2 th {
    background: #86CAB5;
    border-right: 1px solid #FFF;
    font-size: 14px;
    font-weight: normal;
    color: #FFF;
    padding: 15px 0; }
    .facility_content .table2 th:last-child {
      border-right: none; }
  .facility_content .table2 td {
    border-right: 1px solid #000;
    padding: 5px 0;
    width: 111px;
    text-align: center;
    vertical-align: top; }
    .facility_content .table2 td:last-child {
      border-right: none; }
    .facility_content .table2 td img {
      display: block;
      margin: 30px auto;
      text-align: center; }
.facility_content a {
  width: 1000px;
  text-align: left;
  color: #000;
  display: block;
  margin: 10px auto; }

/*宴会*/
.party h2.maincopy {
  background: url(../img/party_bg_01.png) no-repeat 70% center, url(../img/party_bg_02.png) no-repeat 30% center; }
.party .tab_seminer-party {
  margin: 0 0 5px;
  width: 98.5%; }
  .party .tab_seminer-party li {
    width: 30%;
    display: inline-block;
    background: #FFFFFF;
    margin: 0.5%;
    cursor: pointer;
    vertical-align: top; }
    @media screen and (max-width: 768px) {
      .party .tab_seminer-party li {
        width: 32%;
        box-sizing: border-box; } }
    @media screen and (max-width: 576px) {
      .party .tab_seminer-party li {
        width: 100%; } }
    .party .tab_seminer-party li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 10px 0;
      line-height: 1.8;
      color: #000; }
    .party .tab_seminer-party li:hover {
      text-decoration: none;
      background: #B0DDCF;
      color: #fff; }
    .party .tab_seminer-party li.select {
      background: #85C9B5;
      color: #fff; }

.party_content #tabContent li.room_big:first-child, .party_content #tabContent li.room_small:first-child {
  display: block; }
.party_content .tab_photo_content li {
  display: none; }
  .party_content .tab_photo_content li:first-child {
    display: block; }
.party_content .tab_photo {
  margin-top: 20px; }
  .party_content .tab_photo li {
    width: 18%;
    display: inline-block;
    background: #FFF;
    cursor: pointer; }
    .party_content .tab_photo li:hover {
      opacity: 0.7; }
    .party_content .tab_photo li.select {
      opacity: 0.5; }
    .party_content .tab_photo li img {
      width: 100%;
      margin-bottom: 0; }
.party_content h3 {
  font-size: 28px;
  font-weight: normal;
  margin: 80px 0;
  font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif; }
  @media screen and (max-width: 576px) {
    .party_content h3 {
      font-size: 18px;
      margin: 30px 0; } }
.party_content h4 {
  font-weight: normal;
  font-size: 18px;
  margin: 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #000; }
  @media screen and (max-width: 768px) {
    .party_content h4 {
      width: 94%;
      margin: 10px;
      font-size: 12px; } }
  @media screen and (max-width: 576px) {
    .party_content h4 {
      text-align: left; } }
  .party_content h4 span {
    display: block;
    font-weight: normal;
    font-size: 14px; }
.party_content p.text01 {
  display: inline-block;
  text-align: left;
  margin: 10px auto; }
  @media screen and (max-width: 768px) {
    .party_content p.text01 {
      width: 94%;
      margin: 10px;
      font-size: 12px; } }
.party_content h5 {
  margin: 60px 0 15px;
  font-size: 20px;
  font-weight: normal; }
.party_content .plan {
  width: 94%;
  max-width: 1000px;
  margin: 10px auto 50px;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari */
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap; }
  .party_content .plan li {
    width: 100%;
    max-width: 480px;
    margin-right: 30px; }
    @media screen and (max-width: 768px) {
      .party_content .plan li {
        margin-right: 0;
        margin-bottom: 50px;
        display: inline-block; } }
    .party_content .plan li:last-child {
      margin-right: 0; }
    .party_content .plan li h6 {
      font-size: 18px;
      font-weight: normal;
      background: #86CAB5;
      color: #FFF; }
    .party_content .plan li img {
      width: 100%;
      height: auto;
      margin-bottom: 15px; }
      @media screen and (max-width: 768px) {
        .party_content .plan li img {
          margin-bottom: 10px; } }
    .party_content .plan li p {
      text-align: left;
      font-size: 18px; }
      .party_content .plan li p span {
        font-size: 14px; }
      @media screen and (max-width: 576px) {
        .party_content .plan li p {
          font-size: 12px; }
          .party_content .plan li p span {
            font-size: 10px; } }

.party_box01 {
  width: 94%;
  max-width: 1000px;
  margin: 10px auto 30px;
  overflow: hidden;
  padding-top: 50px;
  border-top: 1px solid #000; }
  .party_box01 img {
    float: right; }
    @media screen and (max-width: 576px) {
      .party_box01 img {
        margin: 0 auto 10px;
        float: none; } }
  .party_box01 p {
    float: left;
    width: 100%;
    max-width: 685px;
    text-align: left; }
    @media screen and (max-width: 768px) {
      .party_box01 p {
        float: none; } }
    .party_box01 p.bb {
      border-bottom: 1px solid #000;
      margin-bottom: 10px;
      padding-bottom: 10px; }
      @media screen and (max-width: 768px) {
        .party_box01 p.bb {
          font-size: 12px; } }

.party_box02 {
  width: 94%;
  max-width: 500px;
  margin: 50px auto; }
  .party_box02 table {
    background: #FFF;
    width: 100%;
    margin: 5px 0; }
    .party_box02 table td {
      border: 1px solid #000;
      padding: 3px 0; }
      .party_box02 table td span {
        font-size: 12px; }

.party_box03 {
  width: 94%;
  margin: 0 auto; }
  .party_box03 ul li {
    display: inline-block;
    text-align: right;
    margin: 15px; }
  .party_box03 p {
    font-size: 14px; }
    @media screen and (max-width: 768px) {
      .party_box03 p {
        text-align: left; } }

/*ご挨拶*/
.greeting_box01 {
  text-align: left; }
  .greeting_box01 li {
    overflow: hidden; }
    .greeting_box01 li img {
      float: left; }
    .greeting_box01 li:nth-child(2) img {
      float: right; }
    .greeting_box01 li p {
      float: left;
      width: 250px;
      padding: 100px 0 0 30px;
      font-size: 14px; }
      .greeting_box01 li p.signature {
        padding: 30px 0 0 30px;
        font-size: 18px; }
        .greeting_box01 li p.signature span {
          font-size: 16px; }

/*アクセス*/
.access iframe {
  margin-bottom: 50px; }

.access_box01 li {
  margin-bottom: 100px; }
  .access_box01 li h3 {
    font-weight: normal;
    margin-bottom: 50px; }
    .access_box01 li h3 img {
      margin-right: 15px; }

/*会員様限定特典*/
.member h3 {
  font-size: 25px; }

.member_box01 {
  margin-bottom: 40px; }
  .member_box01 img {
    margin: 30px; }

.member_box02 {
  width: 860px;
  margin: 0 auto 80px; }
  .member_box02 h3 {
    text-align: left;
    margin-bottom: 20px; }
  .member_box02 p {
    text-align: left;
    margin-bottom: 30px; }
  .member_box02 img {
    margin-bottom: 40px; }
  .member_box02 a {
    display: block;
    background: #FFF000;
    border: 1px solid #2AB6B3;
    color: #000;
    font-size: 20px;
    padding: 15px 0; }
    .member_box02 a:hover {
      text-decoration: none;
      opacity: 0.7; }

.member_box03 {
  width: 860px;
  margin: 0 auto 80px; }
  .member_box03 h3 {
    margin-bottom: 40px; }
  .member_box03 ul {
    text-align: left; }
    .member_box03 ul li {
      list-style: decimal;
      padding-left: 15px;
      margin: 0 0 30px 30px; }
      .member_box03 ul li ul {
        margin-top: 10px; }
        .member_box03 ul li ul li {
          list-style-type: none;
          counter-increment: cnt;
          text-indent: -3em;
          margin-left: 1em; }
          .member_box03 ul li ul li:before {
            content: "（" counter(cnt) "） "; }
  .member_box03 p {
    text-align: left; }
  .member_box03 a {
    display: inline-block;
    background: #FFF000;
    border: 1px solid #2AB6B3;
    color: #000;
    font-size: 20px;
    padding: 15px 0;
    width: 46%;
    margin: 10px 2% 0 0; }
    .member_box03 a:hover {
      text-decoration: none;
      opacity: 0.7; }

/*ダウンロード*/
.download_box01 {
  text-align: left; }
  .download_box01 li {
    width: 50%;
    display: inline-block;
    text-align: center;
    padding: 50px 0;
    border-top: 1px solid #86CAB5;
    border-left: 1px solid #86CAB5;
    border-right: 1px solid #86CAB5;
    box-sizing: border-box; }
    .download_box01 li img {
      margin-bottom: 20px; }
    .download_box01 li a {
      color: #000; }
    .download_box01 li:nth-child(4n-3), .download_box01 li:nth-child(4n) {
      background: #86CAB5; }
    .download_box01 li:nth-child(4n-3) a, .download_box01 li:nth-child(4n) a {
      color: #FFF; }

.room #tabContent ul#tab_small01 {
  display: -webkit-flex;
  /* Safari */
  display: flex !important;
  -webkit-flex-direction: row;
  /* Safari */
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  /* Safari */
  justify-content: flex-start; }
.room #tabContent li ul#tab_small01 > li {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari */
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  -webkit-align-content: center;
  /* Safari */
  align-content: center;
  margin: 8px 0.5% !important; }
.room #tabContent ul#tab_small02 {
  display: -webkit-flex;
  /* Safari */
  display: flex !important;
  -webkit-flex-direction: row;
  /* Safari */
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  /* Safari */
  justify-content: flex-start; }
.room #tabContent li ul#tab_small02 > li {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari */
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  -webkit-align-content: center;
  /* Safari */
  align-content: center;
  margin: 8px 0.5% !important; }
.room #tabContent ul#tab_small03 {
  display: -webkit-flex;
  /* Safari */
  display: flex !important;
  -webkit-flex-direction: row;
  /* Safari */
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  /* Safari */
  justify-content: flex-start; }
.room #tabContent li ul#tab_small03 > li {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari */
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
  -webkit-align-items: center;
  /* Safari */
  align-items: center;
  -webkit-align-content: center;
  /* Safari */
  align-content: center;
  margin: 8px 0.5% !important; }

.facility #tab,
.faq #tab {
  display: flex !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  /* Safari */
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  /* Safari */
  flex-wrap: wrap;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center; }
  @media screen and (max-width: 768px) {
    .facility #tab,
    .faq #tab {
      margin: 0 0 20px;
      width: 98.5%; } }
  .facility #tab li,
  .faq #tab li {
    display: -webkit-flex;
    /* Safari */
    display: flex !important;
    -webkit-flex-direction: row;
    /* Safari */
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: center;
    /* Safari */
    justify-content: center;
    -webkit-align-items: center;
    /* Safari */
    align-items: center;
    -webkit-align-content: center;
    /* Safari */
    align-content: center;
    margin: 8px 0.5% !important; }
    @media screen and (max-width: 768px) {
      .facility #tab li,
      .faq #tab li {
        width: 24%;
        display: inline-block;
        background: #FFFFFF;
        padding: 10px 0;
        margin: 0.5%;
        color: #000;
        cursor: pointer;
        vertical-align: top;
        font-size: 10pt; }
        .facility #tab li:hover,
        .faq #tab li:hover {
          text-decoration: none;
          background: #B0DDCF;
          color: #fff; }
        .facility #tab li.select,
        .faq #tab li.select {
          background: #85C9B5;
          color: #fff; } }

/*よくある質問*/
.faq #tab li {
  width: 45%;
  display: inline-block;
  background: #FFFFFF;
  padding: 10px 0;
  margin: 1%;
  color: #000;
  cursor: pointer;
  vertical-align: top; }
  .faq #tab li:hover {
    text-decoration: none;
    background: #B0DDCF;
    color: #fff; }
  .faq #tab li.select {
    background: #85C9B5;
    color: #fff; }

.faq_content {
  text-align: left;
  width: 1000px;
  margin: 60px auto; }
  .faq_content li {
    margin-bottom: 70px; }

.faq #tabContent li.faq_content:first-child {
  display: block; }

.faq_content h3 {
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1.467;
  font-weight: normal; }
  @media screen and (max-width: 576px) {
    .faq_content h3 {
      font-size: 18px;
      text-indent: -2em;
      padding-left: 2em; }
      .faq_content h3 br.spDisplay {
        display: none; } }
.faq_content p {
  list-style-type: none;
  counter-increment: cnt;
  text-indent: -2em;
  margin-left: 2em; }
  .faq_content p:before {
    content: "A.　"; }

/*会社概要*/
.about {
  width: 96%;
  max-width: 1000px;
  margin: 0 auto; }
  .about #tab {
    text-align: left;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center; }
    .about #tab li {
      width: 32%;
      background: #FFFFFF;
      padding: 60px 0;
      margin: 0.5%;
      color: #000;
      cursor: pointer;
      vertical-align: top;
      text-align: center;
      display: flex;
      display: -webkit-flex;
      /* Safari */
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-align-content: center;
      align-content: center; }
      @media screen and (max-width: 576px) {
        .about #tab li {
          display: inline-block;
          padding: 40px 0; } }
      .about #tab li:hover {
        text-decoration: none;
        background: #B0DDCF;
        color: #fff; }
      .about #tab li.select {
        background: #85C9B5;
        color: #fff; }

.about_content {
  display: none;
  text-align: left;
  width: 100%;
  max-width: 1000px;
  margin: 60px auto; }

.about #tabContent li.about_content:first-child {
  display: block; }

#about_profile table {
  width: 100%;
  font-size: 18px;
  margin: 0 auto; }
  #about_profile table th {
    font-weight: normal;
    width: 32%;
    text-align: center;
    vertical-align: top;
    padding: 30px 0; }
  #about_profile table td {
    padding: 30px 0; }

#about_group li {
  overflow: hidden;
  font-size: 18px;
  margin-bottom: 50px; }
#about_group h3 {
  float: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  width: 700px;
  font-weight: normal; }
#about_group img {
  float: right; }
#about_group p {
  float: left;
  width: 700px; }
#about_group a {
  display: inline-block;
  background: #86CAB5;
  color: #FFF;
  padding: 8px 13px;
  margin-top: 10px;
  font-size: 14px; }
  #about_group a:hover {
    text-decoration: none;
    opacity: 0.7; }

#about_recruit {
  font-size: 18px; }
  #about_recruit h3 {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 15px; }

.about_recruitbox01 li {
  overflow: hidden;
  margin-bottom: 50px; }
  .about_recruitbox01 li h3 {
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    width: 700px; }
  .about_recruitbox01 li img {
    float: right; }
  .about_recruitbox01 li p {
    float: left;
    line-height: 180%;
    width: 700px; }

.about_recruitbox02 {
  margin: 50px 0;
  overflow: hidden; }
  .about_recruitbox02 h3 {
    float: left;
    padding-bottom: 10px;
    width: 500px; }
  .about_recruitbox02 p {
    line-height: 180%;
    font-size: 15px;
    float: left; }
  .about_recruitbox02 img {
    float: right; }

.about_recruitbox03 p {
  font-size: 24px;
  line-height: 150%; }
  .about_recruitbox03 p span {
    font-size: 18px; }

/*プライバシーポリシー*/
.privacy {
  font-size: 18px;
  line-height: 160%;
  text-align: left; }
  .privacy h3 {
    font-weight: normal;
    font-size: 24px;
    margin-bottom: 10px; }
  .privacy ul {
    margin: 50px 0; }
    .privacy ul li {
      margin-bottom: 60px; }
      .privacy ul li p {
        padding: 0 3em; }
      .privacy ul li ul {
        margin: 10px 0; }
        .privacy ul li ul li {
          list-style-type: none;
          counter-increment: cnt;
          text-indent: -2em;
          margin-left: 1em;
          margin-bottom: 10px;
          padding: 0 2em; }
          .privacy ul li ul li:before {
            content: counter(cnt) "） "; }

/*ブログ*/
.blog {
  text-align: left;
  overflow: hidden;
  padding: 0px 15px; }
  .blog a {
    color: #494DDA; }
  .blog a[href^="https://www.489pro.com/"] {
    display: inline-block;
    background-color: #e24f4f;
    color: #fff;
    padding: .5em 1em;
    line-height: 1.3;
    border-radius: 5px;
    border-right: solid 1px #DEDEDE;
    border-bottom: solid 1px #DEDEDE; }
  .blog .main {
    float: left;
    width: 70%;
    line-height: 160%; }
    .blog .main .date {
      color: #47A086;
      margin-bottom: 5px; }
    .blog .main > h3, .blog .main .blog_list > h3 {
      border-bottom: 1px solid #000;
      font-size: 18px;
      font-weight: normal;
      margin-bottom: 10px;
      padding-bottom: 10px;
      color: #232323; }
    .blog .main section {
      margin-bottom: 20px;
      display: -webkit-inline-flex;
      /* Safari */
      display: inline-flex;
      -webkit-flex-direction: row;
      /* Safari */
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      /* Safari */
      flex-wrap: wrap;
      -webkit-justify-content: flex-start;
      /* Safari */
      justify-content: flex-start;
      -webkit-align-items: center;
      /* Safari */
      align-items: center; }
    .blog .main .main_content ul, .blog .main .main_content ol {
      margin: 1em; }
      .blog .main .main_content ul li, .blog .main .main_content ol li {
        list-style-type: inherit;
        margin: .5em 1em;
        padding: inherit; }
    .blog .main .main_content h2, .blog .main .main_content h3, .blog .main .main_content h4 {
      margin: 2em 0 1em; }
  .blog .side {
    float: right;
    width: 25%;
    font-size: 0.9em; }
    .blog .side h3 {
      border-bottom: 1px solid #333;
      padding: 0 0 5px; }
    .blog .side ul {
      margin-bottom: 30px; }
      .blog .side ul li {
        margin: 7px 0; }
        .blog .side ul li:before {
          font-family: "FontAwesome";
          content: "\f054";
          display: inline-block;
          color: #85C9B5;
          margin-right: 3px; }
        .blog .side ul li ul {
          margin: 0; }
          .blog .side ul li ul li {
            margin-left: 2em; }
        .blog .side ul li a {
          color: #000; }
  .blog .alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0; }
  .blog .alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em; }
  .blog .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  @media screen and (max-width: 576px) {
    .blog .alignleft, .blog .alignright {
      float: none;
      display: block;
      margin: 0.5em auto; } }

.tagblock {
  margin-top: 3rem; }
  .tagblock ul {
    margin: 0; }
    .tagblock ul li {
      display: inline-block;
      margin: 0 !important; }
  .tagblock a {
    line-height: 26px;
    position: relative;
    display: inline-block;
    height: 26px;
    margin: 0 0px 10px 10px;
    padding: 0 10px 0 13px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #ffffff;
    font-size: 9pt;
    border-radius: 0 3px 3px 0;
    background: #2ab6b3; }
    .tagblock a::before, .tagblock a::after {
      background: #faf5e1;
      /*背景色*/ }
    .tagblock a::before {
      position: absolute;
      top: 10px;
      left: 3px;
      width: 6px;
      height: 6px;
      content: '';
      border-radius: 10px; }
    .tagblock a::after {
      position: absolute;
      top: -1px;
      left: -6px;
      width: 0;
      height: 0;
      content: '';
      border-style: solid;
      border-width: 14px 8px 14px 0;
      border-color: transparent #2ab6b3 transparent transparent;
      border-radius: 4px; }
    .tagblock a:hover {
      background: #555555; }
    .tagblock a:hover:after {
      border-color: transparent #555555 transparent transparent; }

a.readmoreBtn {
  display: inline-block;
  background-color: #FFF;
  color: #2ab6b3;
  border-radius: 5px;
  padding: 5px 8px;
  font-size: 10pt;
  line-height: 1;
  clear: both; }
  a.readmoreBtn:hover {
    background: #EEEEEE;
    text-decoration: none; }

.blog_list,
.blog .main_content {
  padding-bottom: 30px;
  border-bottom: 1px dashed #aaa;
  margin-bottom: 40px; }
  @media screen and (max-width: 576px) {
    .blog_list,
    .blog .main_content {
      font-size: .9em; } }

.blog_list > div {
  color: #232323;
  font-size: .9em; }

.thumbnail {
  display: block;
  position: relative;
  width: 210px;
  height: 210px;
  float: left;
  margin: 0 20px 0 0; }
  @media screen and (max-width: 576px) {
    .thumbnail {
      float: none;
      margin: 0 auto 20px;
      width: 100%;
      height: auto; } }
  .thumbnail img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    padding: 5px;
    background: #FFF;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }
    @media screen and (max-width: 576px) {
      .thumbnail img {
        width: 100%;
        height: auto; } }

/*prime strategy page navi*/
.page_navi {
  text-align: center;
  margin: 20px auto;
  color: #555555;
  font-size: 10pt; }
  .page_navi li {
    display: inline-block;
    list-style: none;
    margin: 0 8px; }
    .page_navi li.current span {
      font-weight: bold;
      padding: 5px 5px; }
    .page_navi li a {
      padding: 5px;
      background-color: #ffffff;
      display: block;
      width: 100%;
      height: 100%;
      color: #2ab6b3;
      border-radius: 3px; }
      .page_navi li a:hover {
        background-color: #86cab5;
        color: #fff;
        text-decoration: none; }
    .page_navi li.page_nums span {
      padding: 3px 7px;
      display: inline-block;
      border: solid 1px #333; }

/*********************************************

contact


********************************************/
.contact_table {
  width: 100%;
  margin: 30px auto;
  max-width: 800px; }
  .contact_table tr {
    border-bottom: 1px solid #DDD; }
  .contact_table td, .contact_table th {
    padding: 30px 0; }
    @media screen and (max-width: 768px) {
      .contact_table td, .contact_table th {
        display: block;
        width: 90%; } }

.contact_btn input[type="submit"] {
  max-width: 100%;
  padding: 8px 15px;
  cursor: pointer;
  color: #FFF;
  background: #C7161D; }
  .contact_btn input[type="submit"]:hover {
    opacity: 0.8; }

/*******    ページトップ  ****************/
.page-top {
  position: fixed;
  bottom: 100px;
  right: 30px;
  background: #85C9B5;
  opacity: 0.5;
  padding: 15px;
  color: #FFF;
  border-radius: 100%;
  font-size: 20px;
  z-index: 6; }
  .page-top:hover {
    opacity: 1;
    text-decoration: none; }

.calendar {
  max-width: 800px;
  width: 100%;
  padding: 0;
  overflow: hidden;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .calendar iframe {
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  .calendar embed, .calendar iframe, .calendar object {
    max-width: 100%; }

.contact_us_lead {
  display: block;
  max-width: 700px;
  width: 100%;
  margin: auto; }
  .contact_us_lead p {
    padding: .5em; }
    @media screen and (max-width: 576px) {
      .contact_us_lead p {
        font-size: 14px;
        text-align: left;
        padding: .5em 10px; }
        .contact_us_lead p br {
          display: none; } }

#ypro .contentWrap {
  max-width: 1024px !important;
  width: 100% !important;
  margin: 0 auto;
  position: relative; }
  #ypro .contentWrap #ypro_wrapper {
    max-width: 1024px !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: auto; }
#ypro .breadcrumb {
  width: 100% !important;
  margin: 6px auto 20px auto !important; }
#ypro a img:hover {
  opacity: 0.7; }
#ypro .right_box img {
  width: 100%;
  height: auto; }
#ypro #search_box #ypro_search .search_table th {
  width: 25% !important;
  max-width: 240px !important; }
#ypro #search_box #ypro_search .search_table td, #ypro #search_box #ypro_search .search_table th {
  padding: 5px !important; }
  #ypro #search_box #ypro_search .search_table td select, #ypro #search_box #ypro_search .search_table th select {
    padding: 3px;
    margin: 2px; }

#ypro_body #ypro_wrapper #search_box #ypro_search input {
  padding: 5px 8px; }
#ypro_body #ypro_wrapper #search_box #ypro_search table {
  margin: 10px;
  width: calc(100% - 20px); }
  #ypro_body #ypro_wrapper #search_box #ypro_search table th {
    background-color: #e1f0ea; }
#ypro_body #ypro_wrapper #search_box #ypro_search #key_box .key_box_item {
  float: none;
  width: inherit;
  display: contents; }
  #ypro_body #ypro_wrapper #search_box #ypro_search #key_box .key_box_item br {
    display: none; }
  #ypro_body #ypro_wrapper #search_box #ypro_search #key_box .key_box_item label {
    display: inline-block;
    width: 12em;
    white-space: nowrap; }
#ypro_body #ypro_wrapper #search_box #ypro_search #ypro_form_kensaku_button {
  background-color: #72b19d;
  color: #FFF;
  border: none;
  padding: 5px 10px; }
  #ypro_body #ypro_wrapper #search_box #ypro_search #ypro_form_kensaku_button:hover {
    cursor: pointer;
    background-color: #5c8e7e; }

.ypro_cell_text input {
  padding: 5px 8px;
  font-size: 1.2em;
  background: #FFF;
  margin: 0 2px; }

.wrp_room_info .detail_room_info .info_txt table.tbl {
  /*お部屋の紹介ブロック*/
  margin-left: 0;
  width: 100%; }
  .wrp_room_info .detail_room_info .info_txt table.tbl th {
    width: 25%;
    max-width: 240px; }

.detail_info .tb_detail_info th {
  width: 25%;
  max-width: 240px;
  padding: 0 5px; }

#ypro_wrapper #cal_r_box {
  /*お部屋の選択divテーブル カレンダーの左カラム*/
  height: 450px; }

.ypro_cal .border_style_100 a {
  font-size: 14px;
  line-height: 1.3; }

#ypro .breadcrumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px; }
  #ypro .breadcrumb .breadcrumb_left {
    margin-right: 15px; }

#ypro_body #y_planlist p a {
  color: #232323;
  font-size: 14px; }

table.ypro_form_normal td input {
  padding: 3px 5px;
  font-size: 15px; }

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none; } }
* {
  box-sizing: border-box; }

.bx-pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center; }
  .bx-pager img {
    width: 20%; }

.bx-wrapper .bx-next {
  right: 15px !important; }
.bx-wrapper .bx-prev {
  left: 15px !important; }

.spDisplay {
  display: none !important; }
  @media screen and (max-width: 768px) {
    .spDisplay {
      display: inherit !important; } }

@media screen and (max-width: 768px) {
  .pcDisplay {
    display: none !important; } }

a img:hover {
  opacity: 0.7; }

@media screen and (max-width: 768px) {
  img {
    max-width: 100%;
    height: auto; } }

body {
  font-size: 16px;
  background: url(../img/body_bg.jpg) repeat;
  line-height: 1.467em; }
  body#maple_arima {
    padding-top: 107px; }

header {
  width: 100%;
  max-width: 1200px;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  overflow: hidden;
  position: fixed;
  z-index: 3;
  background-color: rgba(249, 244, 222, 0.8); }

#ypro header {
  position: inherit;
  left: inherit;
  transform: translate(0);
  -webkit-transform: translate(0);
  margin: 0 auto; }

.com-logoblock {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  .com-logoblock h1 {
    margin: 5px;
    display: inline-block;
    width: 230px;
    height: 58px; }
    @media screen and (max-width: 576px) {
      .com-logoblock h1 {
        width: 150px;
        height: 43px; } }
    .com-logoblock h1 a {
      display: block;
      width: 100%;
      height: 100%;
      text-indent: -9999px;
      background-image: url(../img/common/logo-maple.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left center; }
  .com-logoblock a.com-telblock-img {
    background-image: url(../img/common/head-tel.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 165px;
    height: 33px;
    text-indent: -9999px; }
    .com-logoblock a.com-telblock-img:hover {
      opacity: 0.8; }

.header-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-family: 'Gupter', serif; }
  .header-top .com-logoblock .headtitle {
    font-size: .8em; }
  .header-top .com-logoblock .headtel {
    font-size: 1.9em; }
  .header-top .header-submenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
    .header-top .header-submenu .submenu-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      background: #545454;
      margin-left: 5px; }
      .header-top .header-submenu .submenu-list a {
        color: #FFF;
        font-size: .8em;
        padding: 1.4em 1em;
        line-height: 1; }

.menuBtn {
  background: #000;
  color: #FFF;
  border: none;
  border-radius: 50%;
  padding: 10px;
  cursor: pointer;
  right: 10px;
  z-index: 2;
  font-size: 9pt; }
  @media screen and (max-width: 576px) {
    .menuBtn {
      font-size: 7pt; } }
  @media screen and (max-width: 768px) {
    .menuBtn {
      padding: 8px 10px;
      float: right;
      margin: 0 2% 0 0;
      right: 0;
      z-index: 2; } }
  @media screen and (min-width: 992px) {
    .menuBtn {
      top: 15px;
      z-index: 2; } }
  @media screen and (min-width: 576px) {
    .menuBtn {
      display: none; } }
  .menuBtn:hover {
    opacity: 0.7;
    z-index: 2; }
  .menuBtn i {
    font-size: 40px; }
    @media screen and (max-width: 768px) {
      .menuBtn i {
        font-size: 26px; } }
    @media screen and (max-width: 576px) {
      .menuBtn i {
        font-size: 20px; } }

.drawer-open .menuBtn .fa-reorder::before {
  font-family: "FontAwesome";
  content: "\f00d" !important; }

.lang_btn {
  width: 71px;
  text-align: center;
  border: 3px solid #000;
  margin: 5px;
  background: #FFF;
  cursor: pointer;
  line-height: 1.5;
  font-size: 14px; }
  @media screen and (max-width: 768px) {
    .lang_btn {
      width: 60px;
      margin: 0 2% 0 0;
      float: right; } }
  @media screen and (max-width: 576px) {
    .lang_btn {
      font-size: 12px;
      border: 1px solid #000;
      margin: 0 5% 0 0; } }
  @media screen and (max-width: 768px) {
    .lang_btn div.jpn {
      background: #000;
      color: #FFF; } }
  .lang_btn .active {
    background: #000;
    color: #FFF; }
    .lang_btn .active a {
      background: #000;
      color: #FFF;
      text-decoration: none; }
      .lang_btn .active a:hover {
        background: #000;
        color: #FFF;
        text-decoration: none;
        cursor: none; }
  .lang_btn li a {
    color: #000;
    display: block; }
    .lang_btn li a:hover {
      background: #555;
      color: #FFF;
      text-decoration: none; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .header_right .menuBtn span:not(:target) {
    font-size: 10px;
    /* IE10（\9なしでIE11にも適用） */ }
  .header_right .menuBtn i:not(:target) {
    font-size: 35px;
    /* IE10（\9なしでIE11にも適用） */ }
  .header_right .menuBtn:not(:target) {
    width: 85px; } }
.main-nav {
  background-color: rgba(223, 240, 235, 0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 576px) {
    .main-nav {
      display: none; } }
  .main-nav .md-nav {
    -webkit-flex-basis: 11.1111111111%;
    flex-basis: 11.1111111111%;
    border-left: solid 1px #ADADAD; }
    .main-nav .md-nav:first-child {
      border-left: none; }
  .main-nav a {
    display: block;
    width: 100%;
    height: 100%;
    color: #232323;
    overflow: hidden;
    text-align: center;
    padding-top: .8rem;
    padding-bottom: .8rem;
    line-height: 1;
    font-size: .8em;
    font-family: 'Gupter', serif; }
    .main-nav a:hover {
      background-color: #fff;
      text-decoration: none; }
  .main-nav i {
    font-style: normal;
    margin: auto;
    white-space: nowrap;
    display: block; }

.nav-confirmbtn a {
  background: #545454;
  color: #fff; }
  .nav-confirmbtn a:hover {
    background: #232323; }

.nav-bookbtn a {
  background: #F30000;
  color: #fff; }
  .nav-bookbtn a:hover {
    background: #840101; }

.mobile-nav {
  background-color: rgba(223, 240, 235, 0.8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 576px) {
    .mobile-nav {
      display: none; } }
  .mobile-nav li {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    border-left: solid 1px #ADADAD; }
    .mobile-nav li:first-child {
      border-left: none; }
  .mobile-nav a {
    display: block;
    text-align: center;
    padding: .8em;
    font-size: 7pt;
    line-height: 1.2;
    color: #232323; }
    .mobile-nav a i {
      display: block;
      width: 30%;
      height: 5vw;
      margin: auto;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      margin-bottom: 2px; }
  .mobile-nav .icon-tel {
    background-image: url(../img/common/icon-tel.svg); }
  .mobile-nav .icon-access {
    background-image: url(../img/common/icon-access.svg); }
  .mobile-nav .icon-faq {
    background-image: url(../img/common/icon-faq.svg); }
  .mobile-nav .icon-booking {
    background-image: url(../img/common/icon-booking.svg); }
  .mobile-nav .booking-btn {
    background: #F30000; }
    .mobile-nav .booking-btn a {
      color: #FFF; }

.drawer-nav .drawer-menu {
  background: rgba(0, 0, 0, 0.8);
  padding-top: 110px;
  letter-spacing: -.467;
  padding-bottom: 25px; }
  .drawer-nav .drawer-menu li {
    letter-spacing: normal;
    border-top: 1px solid #444444;
    width: 49%;
    display: inline-block;
    vertical-align: top; }
  .drawer-nav .drawer-menu a {
    color: #FFF; }
    .drawer-nav .drawer-menu a:hover {
      text-decoration: none;
      opacity: 0.7; }
    .drawer-nav .drawer-menu a.orange {
      color: #FF9326; }
  .drawer-nav .drawer-menu .drawer-menu-item {
    letter-spacing: 1px;
    font-family: 游明朝, 游明朝体, Yu Mincho, YuMincho, ヒラギノ明朝 ProN W3, ヒラギノ明朝 Pro W3, HiraMinProN-W3, HG明朝E, Hiragino Mincho ProN, Hiragino Mincho Pro, HGS明朝E, ヒラギノ明朝 Pro W6, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
    text-align: left; }
  .drawer-nav .drawer-menu #qtranslate-chooser a {
    padding: 1.5rem;
    display: block;
    text-align: center;
    letter-spacing: 1px; }
  .drawer-nav .drawer-menu #qtranslate-chooser .active {
    display: none; }
  .drawer-nav .drawer-menu #qtranslate-chooser li {
    padding-bottom: 0; }

.foot_nav {
  border-top: solid 1px #585858;
  margin: 60px auto;
  padding: 20px 0 30px; }
  .foot_nav h2 {
    font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif;
    font-size: 1.4rem;
    padding: 20px 0 30px;
    margin: 20px 0 10px; }
  .foot_nav .foot_nav_list {
    letter-spacing: -.467em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    text-align: left;
    max-width: 1200px;
    justify-content: center; }
    @media screen and (max-width: 992px) {
      .foot_nav .foot_nav_list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  .foot_nav .nav1, .foot_nav .nav2, .foot_nav .nav3 {
    letter-spacing: normal;
    display: inline-block;
    -webkit-flex-basis: 24.5%;
    flex-basis: 24.5%;
    max-width: 24.5%; }
    @media screen and (max-width: 992px) {
      .foot_nav .nav1, .foot_nav .nav2, .foot_nav .nav3 {
        -webkit-flex-basis: 33%;
        flex-basis: 33%;
        max-width: 33%; } }
  @media screen and (max-width: 576px) {
    .foot_nav .nav1, .foot_nav .nav2 {
      -webkit-flex-basis: 49.5%;
      flex-basis: 49.5%;
      max-width: 49.5%; } }
  .foot_nav .nav1 a:before, .foot_nav .nav2 a:before {
    content: "–";
    margin-right: 3px; }
  @media screen and (max-width: 576px) {
    .foot_nav .nav3 {
      border-top: solid 1px #585858;
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      max-width: 100%; } }
  .foot_nav .nav3 .blog-btn {
    color: #232323; }
  .foot_nav .booking {
    letter-spacing: normal;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%; }
    @media screen and (max-width: 992px) {
      .foot_nav .booking {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
  .foot_nav .nav1 li, .foot_nav .nav2 li, .foot_nav .nav3 li, .foot_nav .booking li {
    letter-spacing: normal;
    margin: 0 5px; }
    @media screen and (max-width: 576px) {
      .foot_nav .nav1 li, .foot_nav .nav2 li, .foot_nav .nav3 li, .foot_nav .booking li {
        margin: 0 1%; } }
    .foot_nav .nav1 li a, .foot_nav .nav2 li a, .foot_nav .nav3 li a, .foot_nav .booking li a {
      color: #353535;
      display: block;
      width: 100%;
      height: 100%;
      line-height: 1;
      padding: 8px 10px; }
      @media screen and (max-width: 768px) {
        .foot_nav .nav1 li a, .foot_nav .nav2 li a, .foot_nav .nav3 li a, .foot_nav .booking li a {
          width: 100%;
          padding: 8px 5px;
          font-size: .8em; } }
      .foot_nav .nav1 li a:hover, .foot_nav .nav2 li a:hover, .foot_nav .nav3 li a:hover, .foot_nav .booking li a:hover {
        text-decoration: none;
        background: #B0DDCF; }
  .foot_nav .nav1 .footnav-inner, .foot_nav .nav2 .footnav-inner, .foot_nav .nav3 .footnav-inner, .foot_nav .booking .footnav-inner {
    font-size: .8em;
    padding: .5em 2em; }
    @media screen and (max-width: 768px) {
      .foot_nav .nav1 .footnav-inner, .foot_nav .nav2 .footnav-inner, .foot_nav .nav3 .footnav-inner, .foot_nav .booking .footnav-inner {
        padding: .5em 1em; } }
    .foot_nav .nav1 .footnav-inner a, .foot_nav .nav2 .footnav-inner a, .foot_nav .nav3 .footnav-inner a, .foot_nav .booking .footnav-inner a {
      padding: 5px 15px; }
      @media screen and (max-width: 768px) {
        .foot_nav .nav1 .footnav-inner a, .foot_nav .nav2 .footnav-inner a, .foot_nav .nav3 .footnav-inner a, .foot_nav .booking .footnav-inner a {
          padding: 5px 5px;
          font-size: .7em; } }
  .foot_nav .nav1 .foot-comdata, .foot_nav .nav2 .foot-comdata, .foot_nav .nav3 .foot-comdata, .foot_nav .booking .foot-comdata {
    margin-top: 1em;
    padding-top: 1em;
    border-top: solid 1px #ADADAD; }
  .foot_nav .nav1, .foot_nav .nav2, .foot_nav .nav3 {
    padding: .8em; }
  .foot_nav .booking {
    background-color: #232323; }
    .foot_nav .booking .foot-booklink {
      margin: 1em;
      padding: 0;
      letter-spacing: -.467em; }
      .foot_nav .booking .foot-booklink li {
        letter-spacing: normal;
        display: inline-block;
        vertical-align: top;
        font-size: .8em;
        text-align: center;
        margin: .5em 2px; }
        @media screen and (min-width: 768px) {
          .foot_nav .booking .foot-booklink li {
            min-width: 180px; } }
        @media screen and (max-width: 768px) {
          .foot_nav .booking .foot-booklink li {
            width: calc(49% - 4px); } }
        .foot_nav .booking .foot-booklink li a {
          background: #B0DDCF;
          display: block;
          width: 100%;
          height: 100%; }
          .foot_nav .booking .foot-booklink li a:hover {
            background: #FFF; }

.foot_profile {
  margin: 30px auto;
  overflow: hidden;
  max-width: 700px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }
  @media screen and (max-width: 768px) {
    .foot_profile {
      width: 95%;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media screen and (max-width: 768px) {
    .foot_profile img {
      float: none;
      max-width: 270px; } }
  .foot_profile p {
    margin: 5px 0 0 20px;
    font-size: 14px; }
    @media screen and (max-width: 768px) {
      .foot_profile p {
        float: none;
        margin: 5px 0 0 0;
        font-size: 12px; } }

.group_link {
  margin: 0 auto 60px; }
  @media screen and (max-width: 768px) {
    .group_link {
      width: 96%; } }
  .group_link h2 {
    margin-bottom: 30px;
    text-align: center; }
  .group_link ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto; }
    @media screen and (max-width: 576px) {
      .group_link ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .group_link ul li {
      display: inline-block;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .group_link ul li {
          float: none; } }
      .group_link ul li a img {
        width: 100%;
        height: auto; }

@media screen and (min-width: 992px) {
  .d-large-none {
    display: none; } }

@media screen and (max-width: 768px) {
  .d-md-none {
    display: none; } }

@media screen and (max-width: 576px) {
  .d-sm-none {
    display: none; } }

* {
  box-sizing: border-box; }

#aicco-chatbot {
  position: fixed;
  bottom: 1vw;
  right: 1vw;
  width: 177px;
  z-index: 9999; }
  @media screen and (max-width: 576px) {
    #aicco-chatbot {
      bottom: 4vw;
      width: 20vw;
      height: auto;
      right: 0; }
      #aicco-chatbot img {
        width: 100%; } }

/*# sourceMappingURL=style.css.map */