@charset "UTF-8";
/* ===================================================================
CSS information

file name  : facilities.css
author     : Abilive
style info : 館内施設
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.con_int_main {
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) {
  .con_int_main {
    max-width: 1265px;
    width: calc(1265 / 1440 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1441px) {
  .con_int_main {
    max-width: calc(1265px * ((18 + 1) / 15));
  }
}

@media only screen and (max-width: 767px) {
  .con_int_main {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .con_int_main .fac_st {
    order: 1;
    width: calc(630 / 750 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
.con_int_main .fac_st .jp {
  letter-spacing: .08em;
  line-height: 1.875;
}
@media only screen and (min-width: 1025px) {
  .con_int_main .fac_st .jp {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_int_main .fac_st .jp {
    font-size: 1.47rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_int_main .fac_st .jp {
    font-size: 1.21rem;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .con_int_main .fac_st .jp {
    font-size: 1.47rem;
  }
}
@media only screen and (min-width: 897px) and (max-width: 1024px) {
  .con_int_main .fac_st .jp {
    font-size: 1.33rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_int_main .box_txt {
    width: calc(840 / 1265 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_int_main .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_int_main .box_txt {
    margin-top: 2.66rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_int_main .box_txt {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_int_main .box_txt {
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_int_main .box_txt {
    order: 3;
  }
}
.con_int_main .box_txt > .inner {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_int_main .box_txt > .inner {
    width: calc(710 / 840 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_int_main .box_txt > .inner {
    width: 75%;
  }
}
@media only screen and (max-width: 767px) {
  .con_int_main .box_txt > .inner {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 1441px) {
  .con_int_main .box_txt > .inner {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_int_main .box_txt > .inner {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_int_main .box_txt > .inner .txt {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_int_main .box_txt > .inner .txt {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .con_int_main .box_txt > .inner .txt {
    margin-top: 1.33rem;
  }
}
.con_int_main .box_img {
  display: flex;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .con_int_main .box_img {
    width: calc(425 / 1265 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_int_main .box_img {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_int_main .box_img {
    order: 2;
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_int_main .box_img .img:first-child {
    width: calc(425 / 425 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_int_main .box_img .img:first-child {
    width: 75%;
  }
}
.con_int_main .box_img .img:last-child {
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .con_int_main .box_img .img:last-child {
    width: calc(278 / 425 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_int_main .box_img .img:last-child {
    width: 35%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_int_main .box_img .img:last-child {
    left: calc(-196 / 425 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_int_main .box_img .img:last-child {
    left: calc(-140 / 425 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .con_int_main .box_img .img:last-child {
    bottom: -9em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_int_main .box_img .img:last-child {
    bottom: -6em;
  }
}
@media only screen and (max-width: 767px) {
  .con_int_main .box_img .img:last-child {
    bottom: -1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_int_main .box_img .img:last-child {
    right: 0;
  }
}

.box_map {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .box_map {
    margin-top: 2.66rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_map {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .box_map {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 1025px) {
  .box_map {
    max-width: 1150px;
    width: calc(1150 / 1440 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .box_map {
    max-width: calc(1150px * ((18 + 1) / 15));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
  .box_map {
    max-width: none;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_map {
    overflow-x: auto;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
  }
  .box_map .img_map {
    width: 100%;
    min-width: 850px;
  }
}
.box_map > ul li {
  line-height: 1.3;
  text-align: center;
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .box_map > ul li {
    line-height: 1.3;
  }
}
@media only screen and (max-width: 767px) {
  .box_map > ul li {
    line-height: 1.1;
  }
}
.box_map > ul li a {
  text-decoration: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_map > ul li a {
    font-size: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .box_map > ul li a {
    display: block;
    font-size: 11px;
    white-space: nowrap;
  }
}
.box_map > ul li.map1 {
  top: 7%;
  left: 20.6%;
}
@media only screen and (min-width: 1100px) and (max-width: 1735px) {
  .box_map > ul li.map1 {
    left: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 820px) {
  .box_map > ul li.map1 {
    left: 19.2%;
  }
}
@media only screen and (max-width: 767px) {
  .box_map > ul li.map1 {
    top: 7%;
    left: 169px;
  }
}
.box_map > ul li.map2 {
  top: 7%;
  left: 32.2%;
}
@media only screen and (min-width: 1100px) and (max-width: 1735px) {
  .box_map > ul li.map2 {
    left: 31.6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 820px) {
  .box_map > ul li.map2 {
    left: 31%;
  }
}
@media only screen and (max-width: 767px) {
  .box_map > ul li.map2 {
    top: 7%;
    left: 268px;
  }
}
.box_map > ul li.map3 {
  top: 26.5%;
  left: 17.5%;
}
@media only screen and (min-width: 1735px) and (max-width: 1920px) {
  .box_map > ul li.map3 {
    left: 19%;
  }
}
@media only screen and (max-width: 767px) {
  .box_map > ul li.map3 {
    top: 26%;
    left: 147px;
  }
}
.box_map > ul li.map4 {
  top: 54%;
  left: 23.5%;
}
@media only screen and (min-width: 1735px) and (max-width: 1920px) {
  .box_map > ul li.map4 {
    left: 24.5%;
  }
}
@media only screen and (max-width: 767px) {
  .box_map > ul li.map4 {
    top: 53%;
    left: 206px;
  }
}
.box_map > ul li.map5 {
  top: 67.8%;
  left: 21%;
}
@media only screen and (min-width: 1735px) and (max-width: 1920px) {
  .box_map > ul li.map5 {
    left: 22%;
  }
}
@media only screen and (max-width: 767px) {
  .box_map > ul li.map5 {
    top: 66%;
    left: 185px;
  }
}
.box_map > ul li.map6 {
  top: 54%;
  left: 57%;
}
@media only screen and (max-width: 767px) {
  .box_map > ul li.map6 {
    top: 53%;
    left: 452px;
    display: flex;
  }
}
.box_map > ul li.map7 {
  top: 67.8%;
  left: 59%;
}
@media only screen and (max-width: 767px) {
  .box_map > ul li.map7 {
    top: 66%;
    left: 500px;
  }
}
.box_map > ul li.map8 {
  top: 66.2%;
  left: 81.3%;
}
@media only screen and (max-width: 767px) {
  .box_map > ul li.map8 {
    top: 64.8%;
    left: 690px;
  }
}

.con_lobby {
  background: url("../images/common/bg_k.jpg") #eee7d8 repeat center top;
}
@media only screen and (min-width: 1025px) {
  .con_lobby {
    padding-top: 9.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_lobby {
    padding-top: 6.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby {
    padding-top: 4em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_lobby {
    margin-top: 11.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_lobby {
    margin-top: 8rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby {
    margin-top: 6em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_lobby {
    padding-bottom: 9.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_lobby {
    padding-bottom: 6.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby {
    padding-bottom: 6em;
  }
}
.con_lobby .box_img {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .con_lobby .box_img {
    width: calc(1355 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_img {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_lobby .box_img {
    margin-top: 3.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_lobby .box_img {
    margin-top: 2.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_img {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .con_lobby .box_img .img:first-child {
    width: calc(1000 / 1355 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_img .img:first-child {
    width: 90%;
  }
}
@media only screen and (min-width: 768px) {
  .con_lobby .box_img .img:last-child {
    width: calc(420 / 1355 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_img .img:last-child {
    width: 35%;
  }
}
@media only screen and (min-width: 768px) {
  .con_lobby .box_img .img:last-child {
    margin-left: calc(-68 / 1355 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_img .img:last-child {
    margin-left: -25%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_lobby .box_img .img:last-child {
    margin-top: 22.66rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_lobby .box_img .img:last-child {
    margin-top: 11.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_img .img:last-child {
    margin-top: 9em;
  }
}
.con_lobby .box_lob_intro {
  max-width: 1000px;
  width: calc(1000 / 1440 * 100%);
  margin-right: auto;
  margin-left: auto;
  display: flex;
}
@media only screen and (min-width: 1441px) {
  .con_lobby .box_lob_intro {
    max-width: calc(1000px * ((18 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) {
  .con_lobby .box_lob_intro {
    margin-top: 6rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_lobby .box_lob_intro {
    margin-top: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_lob_intro {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_lobby .box_lob_intro {
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_lob_intro {
    width: calc(630 / 750 * 100%);
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .con_lobby .box_lob_intro .img {
    width: calc(360 / 1000 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_lob_intro .img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_lobby .box_lob_intro .box_txt {
    width: calc(583 / 1000 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_lob_intro .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_lobby .box_lob_intro .box_txt {
    margin-left: calc(57 / 1000 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_lob_intro .box_txt {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_lobby .box_lob_intro .box_txt .txt {
    margin-top: 1.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_lobby .box_lob_intro .box_txt .txt {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_lob_intro .box_txt .txt {
    margin-top: 1em;
  }
}
.con_lobby .box_service {
  max-width: 1000px;
  width: calc(1000 / 1440 * 100%);
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1441px) {
  .con_lobby .box_service {
    max-width: calc(1000px * ((18 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) {
  .con_lobby .box_service {
    margin-top: 6.66rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_lobby .box_service {
    margin-top: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_service {
    margin-top: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_service {
    width: calc(630 / 750 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_lobby .box_service .box {
    width: calc(490 / 1000 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_service .box {
    width: 48%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_lobby .box_service .box .box_txt {
    margin-top: 1.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_lobby .box_service .box .box_txt {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_service .box .box_txt {
    margin-top: 0.6em;
  }
}
@media only screen and (min-width: 768px) {
  .con_lobby .box_service .box .box_txt .txt {
    margin-top: 0.3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_lobby .box_service .box .box_txt .txt {
    margin-top: 0;
  }
}

.con_hotspring {
  max-width: 1100px;
  width: calc(1100 / 1440 * 100%);
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1441px) {
  .con_hotspring {
    max-width: calc(1100px * ((18 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) {
  .con_hotspring {
    margin-top: 10rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotspring {
    margin-top: 6.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotspring {
    margin-top: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotspring {
    width: 100%;
  }
}
.con_hotspring .box_img {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 1025px) {
  .con_hotspring .box_img {
    margin-top: 3.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotspring .box_img {
    margin-top: 2.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotspring .box_img {
    margin-top: 2em;
  }
}
.con_hotspring .box_img .img:first-child {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .con_hotspring .box_img .img:nth-child(n+2) {
    width: calc(540 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_hotspring .box_img .img:nth-child(n+2) {
    width: 49%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_hotspring .box_img .img:nth-child(n+2) {
    margin-top: 1.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotspring .box_img .img:nth-child(n+2) {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotspring .box_img .img:nth-child(n+2) {
    margin-top: 0.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_hotspring .box_txt {
    margin-top: 2.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotspring .box_txt {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotspring .box_txt {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_hotspring .box_txt {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotspring .box_txt {
    width: calc(630 / 750 * 100%);
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .con_hotspring .box_txt .txt {
    margin-top: 1.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotspring .box_txt .txt {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotspring .box_txt .txt {
    margin-top: 0.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_hotspring .box_txt .tmp_btn {
    margin-top: 2.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotspring .box_txt .tmp_btn {
    margin-top: 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotspring .box_txt .tmp_btn {
    margin-top: 2em;
  }
}

.con_restaurant {
  background: url("../images/common/bg_k.jpg") #eee7d8 repeat center top;
}
@media only screen and (min-width: 1025px) {
  .con_restaurant {
    padding-top: 9.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_restaurant {
    padding-top: 6.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant {
    padding-top: 4em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_restaurant {
    margin-top: 11.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_restaurant {
    margin-top: 6.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant {
    margin-top: 6em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_restaurant {
    padding-bottom: 9.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_restaurant {
    padding-bottom: 6.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant {
    padding-bottom: 6em;
  }
}
.con_restaurant .box_res_main {
  max-width: 1100px;
  width: calc(1100 / 1440 * 100%);
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1441px) {
  .con_restaurant .box_res_main {
    max-width: calc(1100px * ((18 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) {
  .con_restaurant .box_res_main {
    margin-top: 3.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_restaurant .box_res_main {
    margin-top: 2.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_res_main {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_res_main {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_restaurant .box_res_main .txt {
    margin-top: 2.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_restaurant .box_res_main .txt {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_res_main .txt {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .con_restaurant .box_res_main .txt {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_res_main .txt {
    width: calc(630 / 750 * 100%);
    margin-left: auto;
    margin-right: auto;
  }
}
.con_restaurant .box_pri_main {
  display: flex;
}
@media only screen and (min-width: 1025px) {
  .con_restaurant .box_pri_main {
    margin-top: 10.66rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_restaurant .box_pri_main {
    margin-top: 6.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_main {
    margin-top: 4em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_restaurant .box_pri_main {
    align-items: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_main {
    width: calc(630 / 750 * 100%);
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .con_restaurant .box_pri_main .box_left {
    width: calc(690 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_main .box_left {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_main .box_left {
    order: 2;
    margin-top: 1.5em;
  }
}
.con_restaurant .box_pri_main .box_left .inner {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .con_restaurant .box_pri_main .box_left .inner {
    width: calc(470 / 690 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_main .box_left .inner {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_restaurant .box_pri_main .box_left .inner {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_main .box_left .inner {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_main .box_left .inner .box_txt {
    width: 48%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_restaurant .box_pri_main .box_left .inner .box_txt .txt {
    margin-top: 1.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_restaurant .box_pri_main .box_left .inner .box_txt .txt {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_main .box_left .inner .box_txt .txt {
    margin-top: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_restaurant .box_pri_main .box_left .inner .img {
    width: calc(400 / 470 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_main .box_left .inner .img {
    width: 48%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_restaurant .box_pri_main .box_left .inner .img {
    margin-top: 4rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_restaurant .box_pri_main .box_left .inner .img {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .con_restaurant .box_pri_main .img {
    width: calc(750 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_main .img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_main .img {
    order: 1;
  }
}
.con_restaurant .box_pri_sub {
  display: flex;
}
@media only screen and (min-width: 1025px) {
  .con_restaurant .box_pri_sub {
    margin-top: 8rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_restaurant .box_pri_sub {
    margin-top: 5.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_sub {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_restaurant .box_pri_sub {
    max-width: 1100px;
    width: calc(1100 / 1440 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_restaurant .box_pri_sub {
    max-width: calc(1100px * ((18 + 1) / 15));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_restaurant .box_pri_sub {
    max-width: 1260px;
    width: calc(1260 / 1440 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 1441px) {
  .con_restaurant .box_pri_sub {
    max-width: calc(1260px * ((18 + 1) / 15));
  }
}

@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_sub {
    justify-content: space-between;
    width: calc(630 / 750 * 100%);
    margin-left: auto;
    margin-right: auto;
  }
}
.con_restaurant .box_pri_sub .box_img {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .con_restaurant .box_pri_sub .box_img {
    width: calc(600 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_sub .box_img {
    width: 48%;
  }
}
@media only screen and (min-width: 768px) {
  .con_restaurant .box_pri_sub .box_img {
    display: flex;
  }
}
@media only screen and (min-width: 1025px) {
  .con_restaurant .box_pri_sub .box_img {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 768px) {
  .con_restaurant .box_pri_sub .box_img .img:first-child {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_sub .box_img .img:first-child {
    width: 100%;
  }
}
.con_restaurant .box_pri_sub .box_img .img:last-child {
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .con_restaurant .box_pri_sub .box_img .img:last-child {
    width: calc(460 / 600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_sub .box_img .img:last-child {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_restaurant .box_pri_sub .box_img .img:last-child {
    right: calc(-434 / 600 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .con_restaurant .box_pri_sub .box_img .img:last-child {
    bottom: -6em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_restaurant .box_pri_sub .box_img .img:last-child {
    bottom: -10em;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_sub .box_img .img:last-child {
    margin-top: .5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_restaurant .box_pri_sub .box_txt {
    width: calc(500 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_sub .box_txt {
    width: 48%;
  }
}
.con_restaurant .box_pri_sub .box_txt .txt {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .con_restaurant .box_pri_sub .box_txt .txt {
    width: calc(300 / 500 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_restaurant .box_pri_sub .box_txt .txt {
    width: calc(360 / 500 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .box_pri_sub .box_txt .txt {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .con_restaurant .tmp_btn {
    margin-top: 12rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_restaurant .tmp_btn {
    margin-top: 13.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .tmp_btn {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_restaurant .tmp_btn {
    width: calc(630 / 750 * 100%);
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 1025px) {
  .con_shop {
    margin-top: 11.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_shop {
    margin-top: 6.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_shop {
    margin-top: 4em;
  }
}
.con_shop .box_shop_main {
  max-width: 1100px;
  width: calc(1100 / 1440 * 100%);
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1441px) {
  .con_shop .box_shop_main {
    max-width: calc(1100px * ((18 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) {
  .con_shop .box_shop_main {
    margin-top: 3.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_shop .box_shop_main {
    margin-top: 2.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_shop .box_shop_main {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_shop .box_shop_main {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_shop .box_shop_main .txt {
    margin-top: 2.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_shop .box_shop_main .txt {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_shop .box_shop_main .txt {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .con_shop .box_shop_main .txt {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_shop .box_shop_main .txt {
    width: calc(630 / 750 * 100%);
    margin-left: auto;
    margin-right: auto;
  }
}
.con_shop .box_shop_sub {
  display: flex;
}
@media only screen and (min-width: 1025px) {
  .con_shop .box_shop_sub {
    margin-top: 5.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_shop .box_shop_sub {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_shop .box_shop_sub {
    margin-top: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .con_shop .box_shop_sub {
    max-width: 1100px;
    width: calc(1100 / 1440 * 100%);
    margin-right: auto;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1441px) {
  .con_shop .box_shop_sub {
    max-width: calc(1100px * ((18 + 1) / 15));
  }
}

@media only screen and (max-width: 767px) {
  .con_shop .box_shop_sub {
    justify-content: space-between;
    width: calc(630 / 750 * 100%);
    margin-left: auto;
    margin-right: auto;
  }
}
.con_shop .box_shop_sub .box_img {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .con_shop .box_shop_sub .box_img {
    width: calc(600 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_shop .box_shop_sub .box_img {
    width: 48%;
  }
}
@media only screen and (min-width: 768px) {
  .con_shop .box_shop_sub .box_img {
    display: flex;
  }
}
@media only screen and (min-width: 1025px) {
  .con_shop .box_shop_sub .box_img {
    align-items: flex-end;
  }
}
@media only screen and (min-width: 768px) {
  .con_shop .box_shop_sub .box_img .img:first-child {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_shop .box_shop_sub .box_img .img:first-child {
    width: 100%;
  }
}
.con_shop .box_shop_sub .box_img .img:last-child {
  position: absolute;
}
@media only screen and (min-width: 768px) {
  .con_shop .box_shop_sub .box_img .img:last-child {
    width: calc(460 / 600 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_shop .box_shop_sub .box_img .img:last-child {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .con_shop .box_shop_sub .box_img .img:last-child {
    left: calc(-434 / 600 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .con_shop .box_shop_sub .box_img .img:last-child {
    bottom: -8em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_shop .box_shop_sub .box_img .img:last-child {
    bottom: -10em;
  }
}
@media only screen and (max-width: 767px) {
  .con_shop .box_shop_sub .box_img .img:last-child {
    margin-top: .5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_shop .box_shop_sub .box_txt {
    width: calc(500 / 1100 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_shop .box_shop_sub .box_txt {
    width: 48%;
  }
}
.con_shop .box_shop_sub .box_txt .txt {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .con_shop .box_shop_sub .box_txt .txt {
    width: calc(300 / 500 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_shop .box_shop_sub .box_txt .txt {
    width: calc(460 / 500 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_shop .box_shop_sub .box_txt .txt {
    width: calc(690 / 750 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_shop .box_shop_sub .box_txt .txt {
    margin-left: 0;
  }
}

.con_info {
  max-width: 1000px;
  width: calc(1000 / 1440 * 100%);
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1441px) {
  .con_info {
    max-width: calc(1000px * ((18 + 1) / 15));
  }
}
@media only screen and (min-width: 1025px) {
  .con_info {
    margin-top: 17.33rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_info {
    margin-top: 16rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_info {
    margin-top: 6em;
  }
}
@media only screen and (max-width: 767px) {
  .con_info {
    width: calc(630 / 750 * 100%);
    margin-left: auto;
    margin-right: auto;
  }
}
.con_info .tmp_st_m {
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .con_info table {
    margin-top: 2.66rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_info table {
    margin-top: 2.66rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_info table {
    margin-top: 2em;
  }
}
.con_info table tr td span {
  padding-left: .5em;
  padding-right: .5em;
}
.con_info table tr td span.colon1 {
  padding-right: 1em;
}
.con_info table tr td span.colon2 {
  padding-left: 1em;
  padding-right: 1em;
}