@charset "UTF-8";
/* Scss Document */
@media screen and (max-width: 780px) {
  html {
    font-size: calc( 20vw / 750 * 100 );
  }

  body {
    -webkit-text-size-adjust: 100%;
    font-size: calc( 28vw / 750 * 100 );
  }

  * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  iframe {
    width: 100%;
  }

  .pcmode {
    display: none !important;
  }

  .spmode {
    display: inherit !important;
  }

  .container {
    overflow: hidden;
  }

  /*PCパーツ非表示*/
  #reservation_area .btn_submit input {
    display: none;
  }

  #reservation_area .bottom_menu {
    display: none;
  }

  footer .infoPhoto, footer .fnav {
    display: none;
  }

  .right_sp {
    display: block;
  }

  .breadcrumbs {
    font-size: 1.4rem;
  }

  /*
  --------------------------------------------------
  	header
  -------------------------------------------------- */
  .header_wrap {
    height: 6rem;
    position: absolute !important;
  }

  .menu_en_pc {
    position: absolute;
    right: 1rem;
    font-size: 1.4rem;
    width: 8.5rem;
  }
  .menu_en_pc img {
    width: 1.6rem;
  }

  .langnav {
    right: 1rem;
    width: 8.5rem;
    position: absolute;
  }
  .langnav li a {
    font-size: 1.4rem;
  }

  header {
    width: 100%;
    height: auto;
  }
  header .header-inner-inner {
    padding: 0;
  }
  header h1 {
    font-size: 1.6rem;
    width: 100%;
    height: 6rem;
    margin: auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header h1 a#logo {
    display: block;
    width: calc( 275vw / 750 * 100 );
    margin: auto;
    padding: 0;
  }
  header h1 a#logo img {
    width: 100%;
  }
  header h1.logo a {
    font-size: 1.8rem;
    padding: .8rem;
    height: 4rem;
    display: block;
  }

  .right_sp {
    position: fixed;
    bottom: 0;
    z-index: 1000;
  }
  .right_sp .hnavSP {
    display: inline;
  }
  .right_sp .hnavSP li.hnav01, .right_sp .hnavSP li.hnav02 {
    float: left;
    text-align: center;
    vertical-align: middle;
    background: #000;
    margin-right: .4rem;
    color: #fff;
    width: 5rem;
    height: 5rem;
    padding: .4rem 0;
  }
  .right_sp .hnavSP li a {
    color: #fff;
    display: block;
  }
  .right_sp .hnavSP .fa {
    font-size: 2.8rem;
  }
  .right_sp .hnavSP .text {
    display: block;
    line-height: 1.2rem;
  }
  .right_sp .langnav {
    top: 4.5rem;
    width: 10rem;
    right: 3.8rem;
    display: none;
    z-index: 10000;
  }
  .right_sp .langnav li {
    margin: 0;
  }
  .right_sp .langnav li a {
    display: block;
    width: 10rem;
    border: 1px solid #000000;
    padding: .6rem .6rem .6rem 2rem;
    border-top: none;
    background: #fff url(../img/langnav_arrow.png) no-repeat left 1rem center;
  }
  .right_sp .langnav li:first-child {
    border-top: 1px solid #000;
  }

  /*fixed*/
  header.fixed {
    /*	position:fixed;*/
    background: rgba(255, 255, 255, 0.9);
    top: 0;
    z-index: 1;
    box-shadow: 0px 0px 0.4rem 0.1rem rgba(0, 0, 0, 0.18);
  }

  /*navigation*/
  nav.gnav {
    display: none;
  }

  .floating_nav {
    width: calc(100% / 4);
    bottom: 0;
    top: auto;
    height: calc( 125vw / 750 * 100 );
    border: 1px solid #3fac56;
  }
  .floating_nav .floating_inner {
    width: 100%;
    height: 100%;
  }
  .floating_nav .floating_inner ul li.header_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .floating_nav .floating_inner ul li.header_nav .header_nav_inner {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    width: calc( 50vw / 750 * 100 );
    height: calc( 43vw / 750 * 100 );
  }
  .floating_nav .floating_inner ul li.header_nav .header_nav_inner .nav_line {
    width: 100%;
    height: 2px;
    background: #5b6b5e;
  }
  .floating_nav .floating_inner ul li.header_nav p {
    padding-top: calc( 10vw / 750 * 100 );
    color: #5b6b5e;
    font-size: calc( 28vw / 750 * 100 );
  }

  /*ヘッダボタン*/
  .header_tel {
    display: none;
  }

  .menu_en, .menu_btn {
    display: none;
  }

  .menu_tel {
    width: calc(100% / 4);
    height: calc( 125vw / 750 * 100 );
    position: fixed;
    right: calc(100% / 4);
    bottom: 0;
    z-index: 10001;
  }
  .menu_tel i {
    display: none;
  }
  .menu_tel span.name {
    font-size: calc( 28vw / 750 * 100 );
    color: #5b6b5e;
    display: block;
    line-height: 1;
  }
  .menu_tel span.name::before {
    content: "";
    display: block;
    width: calc( 35vw / 750 * 100 );
    height: calc( 52vw / 750 * 100 );
    background: url("../img/icon_smafo.png") center top no-repeat;
    background-size: 100% 100%;
    margin: 0 auto calc( 10vw / 750 * 100 );
  }
  .menu_tel a {
    display: block;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #3fac56;
    border-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .menu_btn a {
    text-decoration: none;
  }
  .menu_btn i {
    font-size: 2.7rem;
    margin-top: 1px;
  }
  .menu_btn .modal-open {
    text-align: center;
    position: absolute;
    display: block;
    top: .5rem;
    right: .6rem;
    height: 4rem;
    width: 4rem;
    cursor: pointer;
    border: 1px solid #000;
    text-decoration: none;
    color: #000;
  }

  /*navigation*/
  #headerMenu nav, #header .hnav, #header .tel {
    display: none;
  }

  /*問い合わせ・宿泊プラン・*/
  .cnav {
    display: none;
  }

  .right_sp .cnav {
    position: fixed !important;
    display: block;
    bottom: 0;
    left: 0;
    right: auto;
    top: auto !important;
    width: 100%;
    z-index: 10000;
  }
  .right_sp .cnav ul {
    flex-direction: row;
    width: auto;
    height: auto;
  }
  .right_sp .cnav ul li {
    width: calc(100% / 4);
    height: calc( 125vw / 750 * 100 );
    border: none;
  }
  .right_sp .cnav ul li a {
    width: 100%;
    height: 100%;
    font-size: calc( 28vw / 750 * 100 );
    flex-direction: column;
    line-height: 1;
  }
  .right_sp .cnav ul li a::before {
    content: "";
    display: block;
    height: calc( 38vw / 750 * 100 );
    margin: 0 auto calc( 10vw / 750 * 100 );
  }
  .right_sp .cnav ul li:nth-child(1) a::before {
    width: calc( 50vw / 750 * 100 );
    background: url("../img/icon_bag.png") center top no-repeat;
    background-size: 100%;
  }
  .right_sp .cnav ul li:nth-child(2) a::before {
    width: calc( 50vw / 750 * 100 );
    background: url("../img/icon_bed.png") center bottom no-repeat;
    background-size: 100%;
  }

  /* スマホ用モーダルメニュー */
  .nav {
    width: 100%;
    top: 0;
    left: 0;
    transform: none;
    overflow-y: scroll;
    padding: calc( 30vw / 750 * 100 ) calc( 60vw / 750 * 100 ) calc( 130vw / 750 * 100 );
    height: 100%;
    /*	height: calc( 100vh - ( 125vw / 750 * 100 ) );*/
  }
  .nav p {
    display: table-cell;
  }
  .nav ul.nav-inner {
    width: 100%;
  }
  .nav ul.nav-inner li {
    width: 100%;
    text-align: left;
    margin: 0 auto 1px;
    background: #fff;
    border-bottom: 1px solid #a2a2a2;
  }
  .nav ul.nav-inner li a {
    margin: 0 auto;
    height: 3.6rem;
    line-height: 3.6rem;
    display: block;
    color: #333;
    background: #fff;
    text-decoration: none;
  }
  .nav ul.nav-inner li:last-child {
    border-bottom: none;
  }
  .nav li.nav01 a {
    cursor: default;
    padding: 0 1rem;
  }
  .nav li.nav01 a.sp_hd {
    opacity: 1;
  }
  .nav li.nav01 .sp_hd {
    background: #4c4c4c;
    color: #fff;
    font-size: 1.4rem;
  }
  .nav li ul {
    background: #fff;
    width: 100%;
    display: block;
  }
  .nav li div.dropmenu-inner {
    background: #fff;
    width: 100%;
  }
  .nav li div.dropmenu-inner li {
    width: 100% !important;
    margin: 0;
    padding: 0;
    border-top: 1px solid #333;
  }
  .nav li div.dropmenu-inner li a {
    display: block;
    margin: 0 auto;
    padding: 0 1rem;
    font-size: 1.4rem;
  }
  .nav li.li12 a {
    font-size: 1rem !important;
  }
  .nav .sp_menu {
    width: 100%;
  }
  .nav .sp_menu li {
    width: 100%;
    text-align: left;
    margin: 0 auto 1px;
    background: #fff;
    font-size: 0.875em;
  }
  .nav .sp_menu li a {
    margin: 0 1rem;
    padding-left: 1.5rem;
    height: 4rem;
    line-height: 4rem;
    display: block;
    font-size: 1.4rem;
    color: #333;
    background-color: #fff;
    text-decoration: none;
    background-image: url(../img/common/arr_topics.png);
    background-position: 0 center;
    background-repeat: no-repeat;
  }
  .nav .menu_list {
    display: block;
  }
  .nav .menu_list ul {
    width: 100%;
    font-size: calc( 28vw / 750 * 100 );
  }
  .nav .menu_list ul li {
    margin-bottom: 0;
  }
  .nav .menu_list ul li a {
    padding: calc( 8vw / 750 * 100 ) 0;
  }
  .nav .menu_footer {
    margin-top: calc( 30vw / 750 * 100 );
  }
  .nav .menu_footer ul {
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: calc( 28vw / 750 * 100 );
  }
  .nav .menu_footer ul li {
    width: 49%;
    margin: 0 0 calc( 15vw / 750 * 100 );
  }
  .nav .menu_footer ul li a {
    width: 100%;
    padding: calc( 6vw / 750 * 100 ) 0;
  }
  .nav .menu_footer ul li:nth-last-child(1) {
    width: 100%;
  }

  .main_cover.active {
    padding-bottom: calc( 125vw / 750 * 100 );
  }

  /* 開閉用ボタンがクリックされた時のスタイル */
  .open .nav {
    cursor: url(../images/cross.svg), auto;
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
  }

  /*modal-menu*/
  .rightSP {
    display: initial;
  }

  .lock {
    overflow: hidden;
  }

  .modal-wrap {
    z-index: 9998;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }

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

  .modal-content {
    position: relative;
    display: none;
    width: 80%;
    margin: 5rem 3rem;
    padding: 0;
    z-index: 9999;
  }
  .modal-content p {
    margin: 0;
    padding: 0;
  }
  .modal-content .modal-open {
    color: #00f;
    text-decoration: underline;
  }
  .modal-content .modal-open:hover {
    cursor: pointer;
    color: #f00;
  }
  .modal-content .modal-close {
    color: #fff;
    font-size: 3rem;
    text-decoration: none;
    position: absolute;
    width: 100%;
    text-align: right;
    background: url(../img/drop_close.png) no-repeat center right 1rem;
    background-size: 2rem;
    height: 4rem;
  }
  .modal-content .modal-close:hover {
    cursor: pointer;
    color: #f00;
  }
  .modal-content .modal_nav_inner {
    margin: 0;
    border-bottom: 1px solid #ddd;
    overflow: scroll;
  }
  .modal-content .modal_nav_inner li a {
    display: block;
    height: 4.5rem;
    line-height: 4.5rem;
    color: #fff;
    text-decoration: none;
    font-size: 1.4rem;
    border-top: 1px solid #ddd;
    border-bottom: none;
  }

  /*スマホ用モーダルメニューここまで*/
  /*--------------------------------------------------
  	main
  -------------------------------------------------- */
  /*MVエラー調整*/
  .main-photo {
    height: auto !important;
  }

  .main-photo-inner img {
    width: 100% !important;
    height: calc( 500vw / 750 * 100 ) !important;
    object-fit: cover;
  }

  /*
  --------------------------------------------------
  	Page structure
  -------------------------------------------------- */
  .viewer {
    z-index: 0;
    height: calc(100vh - ( 125vw / 750 * 100 )) !important;
  }
  .viewer ul {
    width: 100% !important;
  }
  .viewer ul li {
    width: 100% !important;
  }

  .nav_wrap {
    display: none;
  }

  .content {
    margin: 0;
    padding: calc( 40vw / 750 * 100 ) calc( 50vw / 750 * 100 ) calc( 60vw / 750 * 100 );
  }
  .content .inner {
    width: 100%;
  }
  .content h2.hd {
    width: 100%;
    letter-spacing: 0;
    font-size: calc( 32vw / 750 * 100 );
    top: calc( 230vw / 750 * 100 );
    text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.4);
  }
  .content h2.hd::before {
    font-size: calc( 66vw / 750 * 100 );
    font-feature-settings: "palt";
  }

  div#top_1column {
    width: 100%;
  }

  /*--------------------------------------------------
  	記事
  -------------------------------------------------- */
  .column-inner h3 {
    margin: calc( 20vw / 750 * 100 ) 0;
  }

  /*
  --------------------------------------------------
  	Page structure
  -------------------------------------------------- */
  .content-inner {
    width: 96%;
    margin: 0 auto;
    padding: 0 20px;
  }

  .wrapper {
    word-wrap: break-word;
  }

  .plandetail {
    overflow: inherit;
  }

  .plandetail-left,
  .plandetail-right {
    float: none;
    margin: 10px 0;
  }

  /*photo*/
  .photos-top-headline {
    width: 100% !important;
  }

  .plandetail img {
    width: 100%;
    height: auto;
  }

  .photos-top-headline img, .photos-bottom img, .photos-left-headline img, .photos-right-headline img {
    width: 100% !important;
    height: auto !important;
  }

  .photos-conformity-left > div, .photos-conformity-right > div, .photos-bottom > div {
    width: 100% !important;
    height: auto !important;
  }

  .photos-left-headline, .photos-right-headline {
    float: none;
    margin: 0;
    width: 100% !important;
  }

  .photos-left, .photos-right, .photos-top, .photos-bottom {
    float: none;
    width: 100% !important;
    margin: 0;
  }

  .photos img,
  .photos-left img,
  .photos-right img,
  .photos-top img,
  .photos-top-headline img,
  .photos-center img,
  .photos-conformity img,
  .photos-conformity-left img,
  .photos-conformity-right img,
  .photos-conformity-center img {
    width: 100% !important;
    margin: 0 0 10px 0;
    height: auto !important;
  }

  .photos-top ul.clearfix,
  .photos-top-headline ul.clearfix,
  .photos-right ul.clearfix,
  .photos-right-headline ul.clearfix,
  .photos-left ul.clearfix,
  .photos-left-headline ul.clearfix,
  .photos-bottom ul.clearfix {
    width: 100% !important;
  }

  .photos-top li,
  .photos-top-headline li,
  .photos-right li,
  .photos-right-headline li,
  .photos-left li,
  .photos-left-headline li,
  .photos-bottom li {
    width: auto !important;
    height: 55px !important;
  }

  .photos-top li a,
  .photos-top li a img,
  .photos-top-headline li a,
  .photos-top-headline li a img,
  .photos-right li a,
  .photos-right li a img,
  .photos-right-headline li a,
  .photos-right-headline li a img,
  .photos-left li a,
  .photos-left li a img,
  .photos-left-headline li a,
  .photos-left-headline li a img,
  .photos-bottom li a,
  .photos-bottom li a img {
    width: auto !important;
    height: 100% !important;
  }

  .column-inner {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
  }

  /* Tab Style */
  ul.ui-tabs-nav li {
    width: 33%;
    margin-right: 1px;
  }
  ul.ui-tabs-nav li a {
    width: 100%;
    font-size: 1.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  ul.ui-tabs-nav li:last-child {
    margin: 0;
  }

  ul.ui-tabs-nav li#entries-tab-news.ui-tabs-selected:after, ul.ui-tabs-nav li#entries-tab-recommend.ui-tabs-selected:after, ul.ui-tabs-nav li#entries-tab-restaurant.ui-tabs-selected:after {
    content: "";
    width: 100%;
  }

  ul.ui-tabs-nav li#entries-tab-news a:hover, ul.ui-tabs-nav li#entries-tab-recommend a:hover, ul.ui-tabs-nav li#entries-tab-restaurant a:hover {
    opacity: 1;
  }

  /*ギャラリー形式*/
  .imagesurfingnormal {
    width: 100% !important;
    height: auto !important;
  }
  .imagesurfingnormal #photo {
    width: 100% !important;
    height: auto !important;
  }
  .imagesurfingnormal img {
    margin: 0 0 2px 0 !important;
  }

  /* Move */
  .move {
    right: 4%;
    margin-right: 0;
    bottom: 10px;
  }
  .move ul {
    margin-bottom: calc( 100vw / 750 * 100 );
  }
  .move ul li a {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    line-height: 50%;
    padding: 0;
    background-size: contain;
    transition: all 300ms 0s ease;
  }
  .move ul li a:hover {
    background: #000 url(../img/pagetop.png) no-repeat center right;
    background-size: 50px;
  }

  .move.stop {
    right: 0%;
    width: 100%;
    height: calc( 77vw / 750 * 100 );
  }
  .move.stop ul {
    margin-bottom: 0;
  }
  .move.stop a {
    position: absolute;
    background: #e1e3e7 url(../img/arrowtop2.png) no-repeat center center;
    background-size: 20px;
    width: 100%;
    height: calc( 77vw / 750 * 100 );
    border-radius: 0;
    padding: 0;
    line-height: 40px;
    color: #fff;
    text-align: left;
    text-indent: -100%;
  }

  /*reservation Area */
  #reservation_area {
    background: #f7f5f2;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0 0 calc( 20vw / 750 * 100 );
    overflow: visible;
  }
  #reservation_area .search_summary_over {
    padding: 0 calc( 50vw / 750 * 100 );
  }
  #reservation_area .search_summary_over {
    padding: 0 calc( 50vw / 750 * 100 );
  }
  #reservation_area .search_bottom_btn li.btn {
    width: 100%;
    font-size: calc( 34vw / 750 * 100 );
    font-weight: bold;
    margin-top: calc( 13vw / 750 * 100 );
    height: calc( 70vw / 750 * 100 );
    background: url("../img/reservation_area_btn2_2.png");
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #reservation_area .search_bottom_btn li.btn a {
    color: #fff;
    padding-bottom: calc( 10vw / 750 * 100 );
  }
  #reservation_area .search_bottom_btn li.tel {
    display: none;
  }
  #reservation_area select {
    text-align: center;
    padding: 0 1rem;
    font-size: calc( 55vw / 750 * 100 );
    background: #f7f5f2;
    -webkit-appearance: none;
    /* ベンダープレフィックス(Google Chrome、Safari用) */
    -moz-appearance: none;
    /* ベンダープレフィックス(Firefox用) */
    appearance: none;
    /* 標準のスタイルを無効にする */
  }
  #reservation_area input#datepicker {
    width: 100%;
    font-size: calc( 55vw / 750 * 100 );
    letter-spacing: calc( 6vw / 750 * 100 );
    background: #f7f5f2 url(../img/icon_calender.svg) no-repeat right 1rem top calc( 18vw / 750 * 100 );
    background-size: calc( 50vw / 750 * 100 );
  }
  #reservation_area .btn_submit.sp input {
    display: inherit;
    margin-top: 10px;
  }
  #reservation_area .btn_submit input {
    width: 100%;
    line-height: calc( 70vw / 750 * 100 );
    padding: 0;
    -webkit-appearance: none;
    background: url("../img/reservation_area_btn1_2.png");
    background-size: 100% 100%;
    height: calc( 70vw / 750 * 100 );
    font-size: calc( 34vw / 750 * 100 );
  }
  #reservation_area .btn_submit input.search {
    height: 50px;
  }
  #reservation_area .inner {
    width: 100%;
    margin: 0 auto;
  }
  #reservation_area .search_summary span {
    font-size: calc( 32vw / 750 * 100 );
    color: #686868;
    font-weight: bold;
  }
  #reservation_area .search_summary_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 calc( 120vw / 750 * 100 );
    margin: 1em 0;
  }
  #reservation_area .search_summary_inner .reservetitle {
    text-align: center;
    font-size: calc( 28vw / 750 * 100 );
  }
  #reservation_area h3.search_title {
    width: 100%;
    font-size: 2rem;
    margin: 0;
    padding: calc( 25vw / 750 * 100 );
    font-size: calc( 24vw / 750 * 100 );
    background: #70ac7c;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    line-height: 1;
  }
  #reservation_area h3.search_title::before {
    content: "RESERVATION";
    font-size: calc( 45vw / 750 * 100 );
    background: url("../img/icon_search_h3_sp.png") left center no-repeat;
    background-size: calc( 58vw / 750 * 100 );
    padding: 0 calc( 10vw / 750 * 100 ) 0 calc( 90vw / 750 * 100 );
    color: #fff7c6;
    font-family: 'Noto Serif JP',"游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  }
  #reservation_area .box_day {
    width: 100%;
    margin: 0;
  }
  #reservation_area .box_day input[type="checkbox"] {
    width: 16px !important;
    height: 16px;
  }
  #reservation_area .box_day input {
    width: 100%;
  }
  #reservation_area > li {
    width: 100%;
  }
  #reservation_area li.pulldown01, #reservation_area li.pulldown02 {
    width: 50%;
    text-align: left;
  }
  #reservation_area .search_btn01 {
    margin: 0 0 20px 0;
  }
  #reservation_area .search_btn01 ul {
    width: 100%;
  }
  #reservation_area .search_btn01, #reservation_area .search_btn05 {
    width: 100%;
    padding: 0;
  }
  #reservation_area .search_btn02, #reservation_area .search_btn03, #reservation_area .search_btn04 {
    width: 33%;
    padding-bottom: calc( 10vw / 750 * 100 );
  }
  #reservation_area .search_btn01, #reservation_area .search_btn02, #reservation_area .search_btn03, #reservation_area .search_btn04 {
    position: relative;
    /*		&::after{
    			display: block;
    			content: "";
    			position: absolute;
    			right: 0px;
    			left: 0;
    			bottom: 0;
    			margin: auto;
    			width: .7rem;
    			height: .7rem;
    			border-top: 2px solid #676767;
    			border-right: 2px solid #676767;
    			-webkit-transform: rotate(135deg);
    			transform: rotate(135deg);
    		}*/
  }
  #reservation_area .searchBtns li {
    float: none;
    margin: 4px 0;
  }
  #reservation_area .searchBtns li.btn_submit {
    width: 100%;
  }
  #reservation_area .searchBtns li.pulldownWrap {
    width: 100%;
  }
  #reservation_area .searchBtns li.pulldown01 {
    float: left;
    width: 48%;
    margin-right: 4px;
  }
  #reservation_area .searchBtns li.pulldown02 {
    float: left;
  }
  #reservation_area .searchBtns li.pulldown01 select, #reservation_area .searchBtns li.pulldown02 select {
    width: 100%;
  }
  #reservation_area .btnToday {
    display: initial;
  }
  #reservation_area .btnToday input {
    width: 100%;
    border-radius: 4px;
  }
  #reservation_area .texttop, #reservation_area .textbottom {
    display: none;
  }
  #reservation_area .bottom_menu ul {
    text-align: center;
    border-top: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
  }
  #reservation_area .bottom_menu ul li {
    float: left;
    width: 50%;
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
  }
  #reservation_area .bottom_menu ul li a {
    width: 100%;
    float: left;
    display: block;
  }

  /*予約カレンダー*/
  div#calid3 {
    width: 90% !important;
    background: pink;
  }
  div#calid3 tr {
    height: 40px;
  }

  /*news*/
  .news {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
  }
  .news h2 {
    font-size: 2rem;
    line-height: 50px;
    height: 50px;
    margin: 0 0 20px 0;
  }
  .news .recentPost {
    float: none;
    width: 100%;
    margin-right: 30px;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #000;
  }
  .news .recentPost img {
    float: right;
    width: 50%;
    height: auto;
    margin: 0 0 20px 10px;
  }
  .news .recentPost h3 {
    margin: 0 0 10px 0;
    height: auto;
  }
  .news .articleWrap a {
    width: 100%;
  }
  .news .more {
    padding: 0;
  }
  .news .more a {
    width: 100%;
  }

  /*すべての記事を見るボタン*/
  .more a {
    width: 100%;
    margin: calc( 20vw / 750 * 100 ) auto;
    font-size: calc( 34vw / 750 * 100 );
    height: calc( 93vw / 750 * 100 );
    line-height: calc( 93vw / 750 * 100 );
  }

  /*sns icons*/
  .snsIcon {
    width: 100%;
  }
  .snsIcon .inner {
    width: 100%;
    margin: 0 auto;
    padding: inherit;
  }
  .snsIcon ul li {
    margin-right: 10px;
  }

  /*Banner Area*/
  .bannerArea {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .bannerArea ul {
    width: 100%;
    margin: 0 auto;
  }
  .bannerArea ul li {
    width: 48%;
    float: left;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 8px;
  }
  .bannerArea ul li img {
    width: 100%;
    height: auto;
  }
  .bannerArea ul li:nth-of-type(even) {
    margin-right: 0px;
  }

  /*
  --------------------------------------------------
  	footer
  -------------------------------------------------- */
  .footer_bnr {
    padding: calc( 80vw / 750 * 100 ) 0;
  }
  .footer_bnr ul {
    max-width: none;
    width: calc( 600vw / 750 * 100 );
    padding: 0;
  }
  .footer_bnr ul .slick-prev, .footer_bnr ul .slick-next {
    width: calc( 70vw / 750 * 100 );
    height: calc( 70vw / 750 * 100 );
  }
  .footer_bnr ul .slick-prev {
    left: calc( -60vw / 750 * 100 );
  }
  .footer_bnr ul .slick-next {
    right: calc( -60vw / 750 * 100 );
  }
  .footer_bnr ul li a {
    padding: 0 calc( 20vw / 750 * 100 );
  }

  footer {
    color: #fff;
    margin: calc( 77vw / 750 * 100 ) 0 0 0;
    padding: 0 0 calc( 125vw / 750 * 100 );
    background: none;
    text-align: center;
  }
  footer .footer-inner {
    padding: calc( 70vw / 750 * 100 ) 0 0;
    background: url("../img/footer_bg_pc.jpg") center top no-repeat;
    background-size: cover;
  }
  footer .footer-inner-inner {
    width: 100%;
    padding: 0 calc( 50vw / 750 * 100 );
    display: block;
  }
  footer .infoPhoto img {
    width: 200px;
  }
  footer .rowWrap {
    margin: 20px 0;
  }
  footer .infoPhoto, footer .infoaddress, footer .infoText {
    float: none;
    width: auto;
  }
  footer .information {
    width: 100%;
  }
  footer .information .information-photo {
    width: 100%;
    float: none;
    text-align: center;
  }
  footer .information .information-access, footer .information .information-read {
    overflow: inherit;
  }
  footer .information .information-read {
    display: none;
  }
  footer .information .information-access h4 {
    font-size: calc( 60vw / 750 * 100 );
    line-height: 1;
    margin-bottom: calc( 45vw / 750 * 100 );
  }
  footer .information .information-access h4 img {
    width: calc( 250vw / 750 * 100 );
  }
  footer .information .information-access h4 span {
    font-size: calc( 30vw / 750 * 100 );
    padding: calc( 30vw / 750 * 100 ) 0;
  }
  footer .information .information-access .address, footer .information .information-access p {
    font-size: calc( 26vw / 750 * 100 );
  }
  footer .information .information-access a {
    color: #fff;
    text-decoration: underline;
  }
  footer .information .footer_plan {
    display: none;
  }
  footer .footer_sns {
    margin: calc( 80vw / 750 * 100 ) 0 calc( 100vw / 750 * 100 );
  }
  footer .footer_sns li {
    padding: 0 calc( (47vw / 2) / 750 * 100 );
  }
  footer .footer_sns li img {
    height: calc( 38vw / 750 * 100 );
  }
  footer nav#footerMenu {
    display: none;
  }
  footer .copyright {
    background: #fff;
    text-align: center;
    line-height: 30px;
    font-size: calc( 14vw / 750 * 100 );
    color: #1b1b1b;
  }

  .pagetop {
    right: 10px;
    margin-right: 0;
  }
  .pagetop a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
  }

  .pagetop.stop a {
    height: 30px;
    line-height: 30px;
  }

  p.statement_link a {
    margin: 2rem auto;
    font-size: 1.4rem;
  }

  /*--------------------------------------------------
  	下層テンプレート
  -------------------------------------------------- */
  .pagetop_txt {
    margin: 0 calc(50% - 50vw) calc( 60vw / 750 * 100 );
    padding: 0 calc(50vw - 50%);
    width: 100vw;
  }
  .pagetop_txt h3 {
    font-size: calc( 38vw / 750 * 100 );
    margin-bottom: calc( 30vw / 750 * 100 );
  }
  .pagetop_txt p {
    font-size: calc( 28vw / 750 * 100 );
  }

  #page-home .content {
    margin: 0;
    padding: 0;
  }
  #page-home .content img {
    width: 100%;
  }
  #page-home h2 {
    position: static;
  }
  #page-home .top_concept {
    background: url("../img/top_concept_bg_sp.jpg");
    background-size: cover;
    padding: calc( 120vw / 750 * 100 ) calc( 50vw / 750 * 100 ) calc( 80vw / 750 * 100 );
  }
  #page-home .top_concept .txt {
    font-size: calc( 48vw / 750 * 100 );
    line-height: 2;
  }
  #page-home .top_concept p.btn1 {
    font-size: calc( 36vw / 750 * 100 );
    width: 100%;
    height: calc( 96vw / 750 * 100 );
    margin-top: calc( 70vw / 750 * 100 );
  }
  #page-home .top_concept p.btn1 a {
    width: 100%;
    height: 100%;
  }
  #page-home #news {
    padding: calc( 85vw / 750 * 100 ) calc( 50vw / 750 * 100 );
  }
  #page-home #news h2 {
    margin-top: 0;
    margin-bottom: calc( 80vw / 750 * 100 );
  }
  #page-home #news h2::before {
    font-size: calc( 60vw / 750 * 100 );
    letter-spacing: 0.3rem !important;
  }
  #page-home #news .hd.title1 {
    font-size: calc( 26vw / 750 * 100 );
    color: #5e5e5e;
    flex-direction: row;
    justify-content: space-between;
  }
  #page-home #recommends {
    padding: calc( 85vw / 750 * 100 ) calc( 18vw / 750 * 100 );
  }
  #page-home #recommends .hd.title1 {
    margin-top: 0;
    margin-bottom: calc( 80vw / 750 * 100 );
    font-size: calc( 26vw / 750 * 100 );
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  #page-home #recommends .hd.title1::before {
    font-size: calc( 60vw / 750 * 100 );
    letter-spacing: 0.3rem !important;
    margin-right: calc( 14vw / 750 * 100 );
  }
  #page-home #recommends .column {
    margin-bottom: calc( 50vw / 750 * 100 );
  }
  #page-home #recommends .column .column-inner {
    padding: 0 calc( 30vw / 750 * 100 ) calc( 30vw / 750 * 100 );
  }
  #page-home #recommends .more {
    margin-left: calc( (50vw - 18vw) / 750 * 100 );
    margin-right: calc( (50vw - 18vw) / 750 * 100 );
  }
  #page-home .top_stay, #page-home .top_restaurant, #page-home .top_resort, #page-home .top_wedding, #page-home .top_banquet, #page-home .top_access {
    position: relative;
  }
  #page-home .top_stay h2, #page-home .top_restaurant h2, #page-home .top_resort h2, #page-home .top_wedding h2, #page-home .top_banquet h2, #page-home .top_access h2 {
    font-size: calc( 60vw / 750 * 100 );
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    margin: auto 0 calc( 30vw / 750 * 100 );
  }
  #page-home .top_stay h2 span, #page-home .top_restaurant h2 span, #page-home .top_resort h2 span, #page-home .top_wedding h2 span, #page-home .top_banquet h2 span, #page-home .top_access h2 span {
    font-size: calc( 26vw / 750 * 100 );
    margin-left: calc( 14vw / 750 * 100 );
  }
  #page-home .top_stay {
    padding: calc( 100vw / 750 * 100 ) 0 calc( 290vw / 750 * 100 );
    background: url("../img/top_contents_bg_left_sp.png") left top no-repeat;
    background-size: 100%;
  }
  #page-home .top_stay .ph {
    margin-left: calc( 50vw / 750 * 100 );
  }
  #page-home .top_stay .more {
    position: absolute;
    bottom: calc( -200vw / 750 * 100 );
    margin: 0;
    width: 100%;
    padding: 0 calc( 50vw / 750 * 100 );
  }
  #page-home .top_stay dl {
    background: rgba(255, 255, 255, 0.8);
    margin: calc( -77vw / 750 * 100 ) calc( 90vw / 750 * 100 ) 0 0;
    padding: calc( 60vw / 750 * 100 ) calc( 40vw / 750 * 100 );
    position: relative;
  }
  #page-home .top_stay dl h2 {
    margin: 0;
  }
  #page-home .top_stay dl dd {
    color: #5e5e5e;
    font-size: calc( 26vw / 750 * 100 );
    line-height: 2;
  }
  #page-home .top_restaurant {
    padding: calc( 70vw / 750 * 100 ) 0 calc( 104vw / 750 * 100 );
  }
  #page-home .top_restaurant h2 {
    flex-direction: column;
  }
  #page-home .top_restaurant h2 span {
    margin-left: 0;
    display: block;
  }
  #page-home .top_restaurant ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #page-home .top_restaurant ul li:nth-child(1) {
    padding: 0 calc( 50vw / 750 * 100 ) calc( 20vw / 750 * 100 );
  }
  #page-home .top_restaurant ul li:nth-child(2) {
    width: calc( 268vw / 750 * 100 );
    margin-right: calc( 5vw / 750 * 100 );
  }
  #page-home .top_restaurant ul li:nth-child(2) img {
    width: calc( 268vw / 750 * 100 );
    height: calc( 300vw / 750 * 100 );
    object-fit: cover;
    object-position: 60% 100%;
  }
  #page-home .top_restaurant ul li:nth-child(3) {
    flex: 1 0 0%;
  }
  #page-home .top_restaurant ul li:nth-child(3) img {
    width: 100%;
    height: calc( 300vw / 750 * 100 );
    object-fit: cover;
  }
  #page-home .top_restaurant .txtbox {
    padding: calc( 40vw / 750 * 100 ) calc( 50vw / 750 * 100 ) 0;
  }
  #page-home .top_restaurant .txtbox .txt {
    font-size: calc( 26vw / 750 * 100 );
    line-height: 2;
  }
  #page-home .top_resort {
    background: url("../img/top_contents_bg_left_sp2.png") left top no-repeat;
    background-size: 100%;
    padding: calc( 100vw / 750 * 100 ) calc( 50vw / 750 * 100 );
  }
  #page-home .top_resort h2 {
    flex-direction: column;
    align-items: center;
    width: calc( 350vw / 750 * 100 );
    text-align: center;
  }
  #page-home .top_resort h2 span {
    margin-left: 0;
    line-height: 1.5;
  }
  #page-home .top_resort ul:nth-child(2) {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: calc( -250vw / 750 * 100 );
  }
  #page-home .top_resort ul:nth-child(2)::before {
    content: "";
    width: 50%;
  }
  #page-home .top_resort ul:nth-child(2) li {
    width: 50%;
    overflow: hidden;
  }
  #page-home .top_resort ul:nth-child(2) li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #page-home .top_resort ul:nth-child(2) li:nth-child(1) {
    width: calc( 250vw / 750 * 100 );
  }
  #page-home .top_resort ul:nth-child(2) li:nth-child(1) img {
    width: 100%;
    height: calc( 250vw / 750 * 100 );
    object-fit: cover;
  }
  #page-home .top_resort p {
    font-size: calc( 26vw / 750 * 100 );
    line-height: 2;
    padding: calc( 60vw / 750 * 100 ) 0;
  }
  #page-home .top_wedding {
    padding: calc( 80vw / 750 * 100 ) 0 calc( 60vw / 750 * 100 );
    background: url("../img/top_contents_bg_right_sp.png") top no-repeat;
    background-size: 100%;
  }
  #page-home .top_wedding .txt {
    padding: calc( 45vw / 750 * 100 ) calc( 50vw / 750 * 100 ) calc( 70vw / 750 * 100 );
    font-size: calc( 26vw / 750 * 100 );
    line-height: 2;
  }
  #page-home .top_wedding .more {
    padding: 0 calc( 50vw / 750 * 100 );
    margin: 0;
  }
  #page-home .top_banquet {
    padding: calc( 50vw / 750 * 100 ) 0 calc( 100vw / 750 * 100 );
  }
  #page-home .top_banquet h2 {
    flex-direction: column;
  }
  #page-home .top_banquet h2 span {
    margin-left: 0;
  }
  #page-home .top_banquet ul {
    display: flex;
    margin-top: calc( 60vw / 750 * 100 );
  }
  #page-home .top_banquet ul li:nth-child(1) {
    width: 50%;
    margin-right: calc( 7vw / 750 * 100 );
  }
  #page-home .top_banquet ul li:nth-child(2) {
    flex: 1 0 0%;
    padding-top: calc( 180vw / 750 * 100 );
  }
  #page-home .top_banquet .txt {
    padding: calc( 40vw / 750 * 100 ) calc( 50vw / 750 * 100 ) calc( 60vw / 750 * 100 );
  }
  #page-home .top_banquet .more {
    padding: 0 calc( 50vw / 750 * 100 );
  }
  #page-home .top_access {
    padding: calc( 70vw / 750 * 100 ) calc( 50vw / 750 * 100 ) calc( 100vw / 750 * 100 );
  }
  #page-home .top_access iframe {
    height: calc( 556vw / 750 * 100 );
  }
  #page-home .top_access .access_cont {
    font-size: calc( 26vw / 750 * 100 );
  }
  #page-home .top_access .access_cont ul li {
    display: flex;
    align-items: center;
    margin-top: calc( 40vw / 750 * 100 );
  }
  #page-home .top_access .access_cont ul li::before {
    content: "";
    display: block;
    width: calc( 80vw / 750 * 100 );
    margin-right: calc( 45vw / 750 * 100 );
  }
  #page-home .top_access .access_cont ul li:nth-child(1)::before {
    background: url("../img/icon_taxi.png") top no-repeat;
    background-size: 100%;
    height: calc( 50vw / 750 * 100 );
  }
  #page-home .top_access .access_cont ul li:nth-child(2) {
    margin-top: calc( 30vw / 750 * 100 );
  }
  #page-home .top_access .access_cont ul li:nth-child(2)::before {
    background: url("../img/icon_hikouki.png") top no-repeat;
    background-size: 100%;
    height: calc( 60vw / 750 * 100 );
  }
  #page-home .top_access .access_cont ul li:nth-child(3)::before {
    background: url("../img/icon_car.png") top no-repeat;
    background-size: 100%;
    height: calc( 50vw / 750 * 100 );
  }
  #page-home .top_access .access_cont .address {
    text-align: center;
    display: none;
  }
  #page-home .top_access .btn_bus a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc( 167vw / 750 * 100 );
    background: url("../img/btn_bus_sp_bg.png") right bottom;
    background-size: cover;
    border-radius: 4px;
    margin: calc( 40vw / 750 * 100 ) 0 0;
    font-size: calc( 34vw / 750 * 100 );
    line-height: 1.3;
  }
  #page-home .top_access .btn_bus a::before {
    content: "";
    display: block;
    width: calc( 76vw / 750 * 100 );
    height: calc( 43vw / 750 * 100 );
    background: url("../img/icon_bus.png") no-repeat;
    background-size: 100%;
    margin-right: calc( 35vw / 750 * 100 );
  }

  #page-en #reservation_area .search_summary_inner {
    padding: 0;
  }
  #page-en #reservation_area .search_summary_inner #searchtypearea {
    display: none;
    justify-content: space-between;
    align-items: center;
  }
  #page-en #reservation_area .search_summary_inner #searchtypearea label {
    margin-right: 1rem;
  }
  #page-en #reservation_area h4 {
    width: 100%;
  }
  #page-en #reservation_area .box_day {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  #page-en #reservation_area .box_day input {
    width: 27%;
    background: none;
    font-size: calc( 55vw / 750 * 100 );
    text-align: center;
  }
  #page-en #reservation_area .search_btn02, #page-en #reservation_area .search_btn03, #page-en #reservation_area .search_btn04 {
    width: auto;
    margin: 0 1rem;
  }
  #page-en #reservation_area input.button {
    width: 100%;
    line-height: calc( 70vw / 750 * 100 );
    padding: 0;
    -webkit-appearance: none;
    background: url(../img/reservation_area_btn1_2.png);
    background-size: 100% 100%;
    height: calc( 70vw / 750 * 100 );
    font-size: calc( 34vw / 750 * 100 );
    margin-bottom: 10px;
  }
  #page-en .content {
    margin: 0;
    padding: 0;
  }
  #page-en .content img {
    width: 100%;
  }
  #page-en h2 {
    position: static;
  }
  #page-en .menu_tel {
    width: calc(100% / 2);
    right: 0;
  }
  #page-en .right_sp .cnav ul li {
    width: calc(100% / 2);
  }
  #page-en .top_concept {
    background: url("../img/top_concept_bg_sp.jpg");
    background-size: cover;
    padding: calc( 120vw / 750 * 100 ) calc( 50vw / 750 * 100 ) calc( 80vw / 750 * 100 );
  }
  #page-en .top_concept h3 {
    font-size: 3rem;
  }
  #page-en .top_concept .txt {
    font-size: 1.6rem;
    line-height: 2;
  }
  #page-en .top_concept ul {
    margin-top: 1rem;
  }
  #page-en .top_concept ul li {
    border: 1px solid;
    margin-top: -1px;
    padding: 1rem;
  }
  #page-en .top_access, #page-en .top_restaurant, #page-en .top_resort, #page-en .top_facilities, #page-en .top_banquet {
    position: relative;
  }
  #page-en .top_access h2, #page-en .top_restaurant h2, #page-en .top_resort h2, #page-en .top_facilities h2, #page-en .top_banquet h2 {
    font-size: calc( 60vw / 750 * 100 );
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    margin: auto 0 calc( 30vw / 750 * 100 );
  }
  #page-en .top_access h2 span, #page-en .top_restaurant h2 span, #page-en .top_resort h2 span, #page-en .top_facilities h2 span, #page-en .top_banquet h2 span {
    font-size: calc( 26vw / 750 * 100 );
    margin-left: calc( 14vw / 750 * 100 );
  }
  #page-en .room .room_box .close img {
    width: 4rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 120;
  }
  #page-en .room .room_box .photos-top li {
    height: auto !important;
  }
  #page-en .room .room_box .photos-top img {
    width: 100% !important;
    height: auto !important;
    margin: 0;
  }
  #page-en .room .room_box .inner {
    padding: 0 10%;
    height: 95vh;
    margin: auto;
    position: absolute;
    overflow-y: scroll;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #page-en .room .room_box .photos-top ul {
    display: flex;
    justify-content: center;
    margin: 1.3333333333vw 0;
  }
  #page-en .room .room_box .photos-top ul li {
    width: calc((100% - ( 40vw / 750 * 100 )) / 5) !important;
    margin: 0px 1.3333333333vw 0 !important;
  }
  #page-en .room .room_box .photos-top ul li:nth-last-child(1) {
    margin-left: 0;
  }
  #page-en .room .room_box .plandetail .txt h3 {
    font-size: calc( 60vw / 750 * 100 );
    line-height: 1;
  }
  #page-en .room .room_box .plandetail .txt h3 span {
    font-size: calc( 32vw / 750 * 100 );
    margin-top: calc( 10vw / 750 * 100 );
  }
  #page-en .room .room_box .plandetail .txt .catch {
    font-size: calc( 36vw / 750 * 100 );
    margin: calc( 36vw / 750 * 100 ) 0 calc( 20vw / 750 * 100 ) 0;
  }
  #page-en .room .room_box .plandetail .txt .more {
    margin: calc( 40vw / 750 * 100 ) 0;
  }
  #page-en .room .room_box .plandetail .syosai {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #page-en .room .room_box .plandetail .syosai table {
    margin: 0;
    width: 100%;
  }
  #page-en .room .room_box .plandetail .syosai table th, #page-en .room .room_box .plandetail .syosai table td {
    padding: 1rem;
  }
  #page-en .room .room_box .plandetail .syosai p:nth-child(2) {
    margin: 0;
  }
  #page-en .room h3 {
    font-size: calc( 60vw / 750 * 100 );
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    margin: calc( 30vw / 750 * 100 ) 0;
  }
  #page-en .room .stay_roomlist li {
    margin-top: calc( 30vw / 750 * 100 );
  }
  #page-en .room .stay_roomlist li a img {
    width: 100%;
    height: calc( 300vw / 750 * 100 );
    object-fit: cover;
  }
  #page-en .room .stay_roomlist li a p {
    text-shadow: 0 0 calc( 15vw / 750 * 100 ) rgba(0, 0, 0, 0.5);
  }
  #page-en .room .stay_roomlist li a p span {
    font-size: calc( 30vw / 375 * 100 );
  }
  #page-en .top_access {
    padding: 3rem 0;
    margin: 5rem 0 0;
  }
  #page-en .top_access .access_cont {
    font-size: calc( 26vw / 750 * 100 );
  }
  #page-en .top_access .access_cont dl {
    margin: 0 calc( 32vw / 750 * 100 ) 3rem;
  }
  #page-en .top_access .access_cont dl dd {
    padding: calc( 32vw / 750 * 100 );
    background: #fff;
  }
  #page-en .top_access .access_cont dl dd h3 {
    font-size: 2.4rem;
    display: flex;
    align-items: center;
  }
  #page-en .top_access .access_cont dl dd h3::before {
    content: "";
    display: block;
    width: 10rem;
    height: 4rem;
    background: url("../img/header_logo.png") center center no-repeat;
    background-size: 100%;
    margin-right: 1rem;
  }
  #page-en .top_access .access_cont dl dd ul li {
    align-items: center;
    margin: 0 0 0 5rem;
    text-indent: -1em;
    position: relative;
  }
  #page-en .top_access .access_cont dl dd ul li::before {
    content: "";
    display: block;
    width: 3rem;
    position: absolute;
    left: -5rem;
    top: .5rem;
  }
  #page-en .top_access .access_cont dl dd ul li:nth-child(1)::before {
    background: url("../img/icon_taxi_gray.png") top no-repeat;
    background-size: 100%;
    height: calc( 50vw / 750 * 100 );
  }
  #page-en .top_access .access_cont dl dd ul li:nth-child(2)::before {
    background: url("../img/icon_bus_gray.png") top no-repeat;
    background-size: 100%;
    height: calc( 60vw / 750 * 100 );
  }
  #page-en .top_access .access_cont .address {
    text-align: center;
    display: none;
  }
  #page-en .top_access .access_cont2 {
    padding: 3rem calc( 32vw / 750 * 100 );
  }
  #page-en .top_access .access_cont2 h3 {
    text-align: center;
    font-size: calc( 38vw / 750 * 100 );
    margin-bottom: calc( 40vw / 750 * 100 );
  }
  #page-en .top_access .access_cont2 h3::before {
    background: url("../img/access_icon_fryght.png") center top no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    width: calc( 50vw / 750 * 100 );
    height: calc( 40vw / 750 * 100 );
    margin: auto;
  }
  #page-en .top_access .access_cont2 .bus_route {
    background: #fff;
    margin: calc( 60vw / 750 * 100 ) calc(50% - 50vw) 0;
    padding: calc( 50vw / 750 * 100 ) calc(50vw - 50%);
  }
  #page-en .top_access .access_cont2 .bus_route h3 {
    font-size: calc( 38vw / 750 * 100 );
    margin-top: 0;
    padding-bottom: calc( 20vw / 750 * 100 );
  }
  #page-en .top_access .access_cont2 .bus_route h3::before {
    content: "";
    display: block;
    width: calc( 53vw / 750 * 100 );
    margin: 0 .5em 0 0;
    height: 1em;
    background: url("../img/access_icon_bus.png") center center no-repeat;
    background-size: contain;
  }
  #page-en .top_access .access_cont2 .bus_route ul li:nth-child(1) p {
    padding-bottom: .5rem;
  }
  #page-en .top_access .access_cont2 .bus_route ul li:nth-child(2) {
    text-align: center;
  }
  #page-en .top_access .access_cont2 .bus_route ul li:nth-child(2) img {
    width: 60% !important;
  }
  #page-en .top_resort {
    background: url("../img/top_contents_bg_left.png") left top no-repeat;
    background-size: 150%;
    padding: 5rem 0;
  }
  #page-en .top_resort h3, #page-en .top_resort p {
    padding: 0 calc( 32vw / 750 * 100 );
  }
  #page-en .top_resort h3 {
    margin-top: calc( 32vw / 750 * 100 );
    font-size: 2rem;
  }
  #page-en .top_resort p {
    padding-bottom: 0;
  }
  #page-en .top_resort ul {
    display: flex;
    margin-top: 2rem;
  }
  #page-en .top_resort ul li {
    width: 50%;
  }
  #page-en .top_resort ul li img {
    height: 13rem;
    object-fit: cover;
  }
  #page-en .top_facilities {
    padding: 3rem 0;
  }
  #page-en .top_facilities dl h4 {
    font-size: 1.8rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  #page-en .top_facilities dl dt .txt {
    padding: calc( 32vw / 750 * 100 );
  }
  #page-en .top_facilities dl dd .en_facilities {
    width: 70%;
    margin: auto;
  }
  #page-en .top_restaurant {
    padding: 3rem 0;
  }
  #page-en .top_restaurant .restaurant_box {
    padding: 0 0 2rem;
  }
  #page-en .top_restaurant .restaurant_box .slide {
    width: 70%;
    margin: auto;
  }
  #page-en .top_restaurant .restaurant_box .slick-prev {
    left: -6rem;
    background: none;
  }
  #page-en .top_restaurant .restaurant_box .slick-next {
    right: -6rem;
    background: none;
  }
  #page-en .top_restaurant .restaurant_box .txt {
    padding: calc( 32vw / 750 * 100 );
  }
  #page-en .top_restaurant .restaurant_box .txt h3 {
    font-size: 2rem;
  }
  #page-en .top_restaurant .restaurant_box:nth-child(2n) {
    background: url("../img/en_top_bg2.png") right center no-repeat;
    background-size: 100%;
  }
  #page-en .top_restaurant .restaurant_box:nth-child(2n+1) {
    background: url("../img/en_top_bg3.png") left center no-repeat;
    background-size: 100%;
  }
  #page-en .breakfast h2 {
    border-top: 1px solid #e5e5e5;
    padding-top: 2rem;
    margin: 0 calc( 32vw / 750 * 100 ) 2rem;
  }

  #page-detail .viewer {
    height: 25rem !important;
  }
  #page-detail .content h3 {
    font-size: 1.7rem;
  }
  #page-detail .content .column {
    margin-bottom: calc( 80vw / 750 * 100 );
  }
  #page-detail .content .column-inner {
    display: flex;
    flex-direction: column;
  }
  #page-detail .content .column-inner > div:nth-child(1) {
    order: 2;
  }

  #page-access .content {
    background: url("../img/access_contents_bg.png") center top no-repeat;
    background-size: 200%;
  }
  #page-access .content img {
    width: 100%;
  }
  #page-access .pagetop_txt p {
    text-align: left;
  }
  #page-access .gmap {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
  #page-access .access_address {
    margin: calc( 100vw / 750 * 100 ) calc(50% - 50vw);
    padding-bottom: calc( 50vw / 750 * 100 );
    background: #f2f7e5;
  }
  #page-access .access_address li:nth-child(1) {
    text-align: center;
    padding: calc( 50vw / 750 * 100 ) 0;
  }
  #page-access .access_address li:nth-child(1) img {
    width: calc( 250vw / 750 * 100 );
    margin-bottom: calc( 36vw / 750 * 100 );
  }
  #page-access .access_address li:nth-child(1) a {
    text-decoration: none;
  }
  #page-access .pagetop_list {
    margin-bottom: calc( 100vw / 750 * 100 );
  }
  #page-access .pagetop_list li {
    margin-bottom: 1.5em;
  }
  #page-access .pagetop_list li a {
    padding: calc( 20vw / 750 * 100 ) 0;
    border-radius: 2.3rem;
    text-decoration: none;
  }
  #page-access .column {
    margin-bottom: calc( 100vw / 750 * 100 );
  }
  #page-access .column .plandetail > h3 {
    text-align: center;
    font-size: calc( 38vw / 750 * 100 );
    margin-bottom: calc( 40vw / 750 * 100 );
  }
  #page-access .column .plandetail > h3::before {
    content: "";
    display: block;
    width: calc( 50vw / 750 * 100 );
    height: calc( 40vw / 750 * 100 );
    margin: auto;
  }
  #page-access .column.number2 .plandetail > h3::before {
    background: url("../img/access_icon_train.png") center top no-repeat;
    background-size: 100%;
  }
  #page-access .column.number3 .plandetail > h3::before {
    background: url("../img/access_icon_fryght.png") center top no-repeat;
    background-size: 100%;
  }
  #page-access .column.number3 .bus_route {
    background: #f1f6e2;
    margin: calc( 60vw / 750 * 100 ) calc(50% - 50vw) 0;
    padding: calc( 50vw / 750 * 100 ) calc(50vw - 50%);
  }
  #page-access .column.number3 .bus_route h3 {
    font-size: calc( 38vw / 750 * 100 );
    margin-top: 0;
    padding-bottom: calc( 20vw / 750 * 100 );
  }
  #page-access .column.number3 .bus_route h3::before {
    content: "";
    display: block;
    width: calc( 53vw / 750 * 100 );
    margin-right: .5em;
    height: 1em;
    background: url("../img/access_icon_bus.png") center center no-repeat;
    background-size: contain;
  }
  #page-access .column.number3 .bus_route ul li:nth-child(1) p {
    padding-bottom: .5rem;
  }
  #page-access .column.number3 .bus_route ul li:nth-child(2) {
    text-align: center;
  }
  #page-access .column.number3 .bus_route ul li:nth-child(2) img {
    width: 60% !important;
  }
  #page-access .column.last_child .plandetail > h3::before {
    background: url("../img/access_icon_car.png") center top no-repeat;
    background-size: 100%;
    width: calc( 65vw / 750 * 100 );
  }

  #page-faq .pagetop_txt {
    padding: calc( 30vw / 750 * 100 ) 0;
  }
  #page-faq .pagetop_list {
    margin-bottom: calc( 100vw / 750 * 100 );
  }
  #page-faq .pagetop_list li {
    border-width: 0 1px;
    margin-bottom: 2em;
  }
  #page-faq .pagetop_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: .5em 0;
    text-decoration: none;
  }
  #page-faq .pagetop_list li a::after {
    bottom: -.8em;
    left: 0;
    right: 0;
    margin: auto;
    border: .6rem solid;
    border-color: #5b6b5e transparent transparent transparent;
  }
  #page-faq .accordion {
    padding-top: 1px;
  }
  #page-faq .accordion dt {
    margin-top: 1em;
    padding: calc( 20vw / 750 * 100 );
    display: flex;
  }
  #page-faq .accordion dt::before {
    font-size: calc( 42vw / 750 * 100 );
    margin-right: .5rem;
  }
  #page-faq .accordion dt::after {
    line-height: 1.5;
  }
  #page-faq .accordion dd {
    padding: calc( 20vw / 750 * 100 );
    display: flex;
    align-items: flex-start;
  }
  #page-faq .accordion dd::before {
    font-size: calc( 42vw / 750 * 100 );
    margin: -.3em .5rem 0 0;
  }
  #page-faq .accordion dd::after {
    width: calc(100% - ( 40vw / 750 * 100 ));
  }
  #page-faq .column {
    margin-bottom: calc( 100vw / 750 * 100 );
  }
  #page-faq .column h3 {
    font-size: calc( 38vw / 750 * 100 );
    line-height: 1.3;
  }

  #page-sightseeing .content {
    background: url("../img/access_contents_bg.png") center top no-repeat;
    background-size: 200%;
  }
  #page-sightseeing .content img {
    width: 100%;
  }
  #page-sightseeing .pagetop_txt p {
    text-align: left;
  }
  #page-sightseeing .sightseeing_box {
    margin: 3rem 0 8rem;
  }
  #page-sightseeing .sightseeing_box .box1 {
    margin-bottom: 5rem;
  }
  #page-sightseeing .sightseeing_box .ph img {
    height: calc( 400vw / 750 * 100 ) !important;
    object-fit: cover;
    object-position: 50% 70%;
    margin: 0;
  }
  #page-sightseeing .sightseeing_box h3 {
    font-size: calc( 36vw / 750 * 100 );
  }
  #page-sightseeing .sightseeing_box ul li a {
    line-height: 2.5;
  }
  #page-sightseeing h3.pagetitle {
    font-family: 'Noto Serif JP',"游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
    font-size: 2rem;
    font-weight: normal;
  }
  #page-sightseeing h3.pagetitle::before {
    margin-left: 0;
  }
  #page-sightseeing h3.pagetitle::after {
    margin-right: 0;
  }
  #page-sightseeing .footer_link li {
    margin-bottom: 3rem;
  }
  #page-sightseeing .footer_link li a {
    font-size: calc( 16vw / 375 * 100 );
    height: calc( 100vw / 750 * 100 );
    line-height: calc( 100vw / 750 * 100 );
  }
  #page-sightseeing .footer_link li a::before {
    left: calc( 50vw / 750 * 100 ) !important;
    width: calc( 50vw / 750 * 100 ) !important;
  }
  #page-sightseeing .footer_link li a::after {
    right: calc( 50vw / 750 * 100 ) !important;
    width: calc( 40vw / 750 * 100 ) !important;
  }

  #page-company .pagetop_list {
    margin-bottom: calc( 100vw / 750 * 100 );
    display: flex;
  }
  #page-company .pagetop_list li {
    border-width: 0 1px;
    margin-bottom: 2em;
    width: 50%;
  }
  #page-company .pagetop_list li:nth-last-child(1) {
    border-left: none;
  }
  #page-company .pagetop_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: .5em 0;
  }
  #page-company .pagetop_list li a::after {
    bottom: -.8em;
    left: 0;
    right: 0;
    margin: auto;
    border: .6rem solid;
    border-color: #5b6b5e transparent transparent transparent;
  }
  #page-company .column {
    margin: calc( 100vw / 750 * 100 ) auto 0;
    width: 100%;
  }
  #page-company .column .column-inner h3 {
    font-size: calc( 40vw / 750 * 100 );
    margin-bottom: calc( 30vw / 750 * 100 );
  }
  #page-company .company_area {
    padding: calc( 60vw / 750 * 100 ) calc(50vw - 50%);
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    background: #f2f7e5 url("../img/company_company.png") center top -2px no-repeat;
    background-size: auto calc( 60vw / 750 * 100 );
  }
  #page-company table th, #page-company table td {
    display: block;
  }
  #page-company .recruit_area {
    padding: 0 calc(50vw - 50%) calc( 60vw / 750 * 100 );
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    background: #f7f6f2 url("../img/company_recruit.png") center top -2px no-repeat;
    background-size: auto calc( 60vw / 750 * 100 );
  }
  #page-company .recruit_area .recruit_txt {
    padding: calc( 100vw / 750 * 100 ) calc(50vw - 50%) calc( 60vw / 750 * 100 );
    margin: 0 calc(50% - 50vw);
    /*
    background: url("../img/company_recruit_bg3.png") top no-repeat;
    background-size: 100%;
    */
  }
  #page-company .recruit_area .recruit_txt h4 {
    font-size: calc( 40vw / 750 * 100 );
    width: 7em;
    margin: 0 auto calc( 60vw / 750 * 100 );
  }
  #page-company .recruit_area .recruit_txt p {
    display: block;
    line-height: 2;
  }
  #page-company .recruit_area .recruit_nav {
    padding: 0;
  }
  #page-company .recruit_area .recruit_nav li {
    margin-bottom: calc( 20vw / 750 * 100 );
  }
  #page-company .recruit_area .recruit_nav li a {
    line-height: 3;
  }
  #page-company .recruit_area .accordion {
    padding-top: 1px;
  }
  #page-company .recruit_area .accordion dt {
    margin-top: calc( 80vw / 750 * 100 );
    font-size: calc( 36vw / 750 * 100 );
  }
  #page-company .recruit_area .accordion dt::after {
    font-size: 1rem;
  }

  #page-concept .content {
    padding: 0;
  }
  #page-concept .ancnav {
    display: none;
  }
  #page-concept h3 {
    text-align: center;
    font-size: calc( 60vw / 750 * 100 );
  }
  #page-concept h3 span {
    font-size: calc( 28vw / 750 * 100 );
  }
  #page-concept .concept_box {
    padding: calc( 430vw / 750 * 100 ) calc( 36vw / 750 * 100 ) calc( 240vw / 750 * 100 );
    background: url("../img/concept_top_bg_pc.jpg") left -5.5rem bottom no-repeat;
    background-size: cover;
    font-size: calc( 15vw / 375 * 100 );
  }
  #page-concept .concept_box h3 {
    font-size: calc( 60vw / 750 * 100 );
    margin-bottom: 1.5em;
  }
  #page-concept .concept_box p {
    text-align: left;
    line-height: 2.5;
    letter-spacing: -.28px;
  }
  #page-concept .casualresort {
    padding: calc( 100vw / 750 * 100 ) calc( 50vw / 750 * 100 ) calc( 330vw / 750 * 100 );
    background: url("../img/concept_casualresort_bg_pc.jpg") center bottom no-repeat;
    background-size: 100%;
  }
  #page-concept .casualresort p {
    margin-top: calc( 40vw / 750 * 100 );
  }
  #page-concept .dayuse {
    padding: calc( 100vw / 750 * 100 ) 0 0;
  }
  #page-concept .dayuse ul {
    padding: 0 calc( 50vw / 750 * 100 );
  }
  #page-concept .dayuse ul li {
    padding: calc( 30vw / 750 * 100 ) 0;
  }
  #page-concept .dayuse ul li .more {
    padding-top: calc( 30vw / 750 * 100 );
  }
  #page-concept .hakusanview {
    padding: calc( 100vw / 750 * 100 ) calc( 50vw / 750 * 100 ) calc( 280vw / 750 * 100 );
    background: url("../img/concept_hakusanview_bg_pc.jpg") center bottom no-repeat;
    background-size: 100%;
  }
  #page-concept .hakusanview p {
    padding: calc( 30vw / 750 * 100 ) 0;
  }
  #page-concept .heart {
    padding: calc( 100vw / 750 * 100 ) 0 0;
  }
  #page-concept .heart h4 {
    text-align: center;
    font-size: 1.6rem;
  }
  #page-concept .heart p {
    padding: calc( 30vw / 750 * 100 ) calc( 50vw / 750 * 100 ) calc( 80vw / 750 * 100 );
  }
  #page-concept .access {
    padding: calc( 100vw / 750 * 100 ) 0 0;
  }
  #page-concept .access .txt_inner {
    padding: 0 calc( 50vw / 750 * 100 ) calc( 50vw / 750 * 100 );
  }
  #page-concept .access .txt_inner p {
    padding-top: calc( 30vw / 750 * 100 );
  }
  #page-concept .access .txt_inner ul {
    padding: calc( 30vw / 750 * 100 ) 0;
    list-style: none;
  }
  #page-concept .access .txt_inner ul li {
    padding: calc( 20vw / 750 * 100 ) 0 calc( 20vw / 750 * 100 ) calc( 80vw / 750 * 100 );
  }
  #page-concept .access .txt_inner ul li:nth-child(1) {
    background-size: calc( 75vw / 750 * 100 );
  }
  #page-concept .access .txt_inner ul li:nth-child(2) {
    background-size: calc( 70vw / 750 * 100 );
  }
  #page-concept .access .txt_inner ul li:nth-child(3) {
    background-size: calc( 75vw / 750 * 100 );
  }

  #page-stay .pagetop_txt .time {
    margin-top: calc( 50vw / 750 * 100 );
    font-size: calc( 36vw / 750 * 100 );
    padding-bottom: calc( 20vw / 750 * 100 );
  }
  #page-stay .pagetop_txt .time span {
    display: block;
  }
  #page-stay .column {
    margin-top: calc( 100vw / 750 * 100 );
  }
  #page-stay .more {
    margin-top: calc( 50vw / 750 * 100 );
  }
  #page-stay .stay_roomlist li {
    margin-top: calc( 30vw / 750 * 100 );
  }
  #page-stay .stay_roomlist li a img {
    width: 100%;
    height: calc( 300vw / 750 * 100 );
    object-fit: cover;
  }
  #page-stay .stay_roomlist li a p {
    text-shadow: 0 0 calc( 15vw / 750 * 100 ) rgba(0, 0, 0, 0.5);
  }
  #page-stay .stay_roomlist li a p span {
    font-size: calc( 30vw / 375 * 100 );
  }
  #page-stay .column.number3 {
    margin: calc( 150vw / 750 * 100 ) calc(50% - 50vw) 0;
    padding: 0 calc(50vw - 50%) calc( 50vw / 750 * 100 );
    width: 100vw;
    background: url("../img/stay_restaurant_bg.png") left top no-repeat;
    background-size: cover;
    overflow: visible;
  }
  #page-stay .column.number3 .column-inner .photos-left {
    overflow: visible;
  }
  #page-stay .column.number3 .column-inner .photos-left > div {
    overflow: visible;
  }
  #page-stay .column.number3 .column-inner .photos-left > div > div img {
    margin-top: calc( -50vw / 750 * 100 ) !important;
  }
  #page-stay .column.number3 .column-inner .photos-left ul li {
    width: calc((100% - calc( 20vw / 750 * 100 )) / 4) !important;
  }
  #page-stay .column.number3 .column-inner .photos-left ul li img {
    border: none;
    margin: 0 !important;
  }
  #page-stay .column.number3 .column-inner .txt {
    background: #fff;
    padding: calc( 50vw / 750 * 100 );
    margin-top: calc( 30vw / 750 * 100 );
  }
  #page-stay .column.number3 .column-inner .txt h3 {
    font-size: calc( 30vw / 375 * 100 );
    margin-top: 0;
  }
  #page-stay .column.number3 .column-inner .txt .catch {
    font-size: calc( 16vw / 375 * 100 );
    margin-bottom: calc( 30vw / 750 * 100 );
  }
  #page-stay .column.number3 .column-inner .txt p:nth-child(3) br {
    display: none;
  }
  #page-stay .column.last_child {
    margin: 0 calc(50% - 50vw);
    padding: calc( 100vw / 750 * 100 ) calc(50vw - 50%) calc( 50vw / 750 * 100 );
    width: 100vw;
  }
  #page-stay .column.last_child .footer_link li a {
    font-size: calc( 16vw / 375 * 100 );
    height: calc( 100vw / 750 * 100 );
    line-height: calc( 100vw / 750 * 100 );
  }
  #page-stay .column.last_child .footer_link li a::before {
    left: calc( 100vw / 750 * 100 );
    width: calc( 50vw / 750 * 100 );
  }
  #page-stay .column.last_child .footer_link li a::after {
    right: calc( 70vw / 750 * 100 );
    width: calc( 40vw / 750 * 100 );
  }
  #page-stay .column.last_child .footer_link li:nth-child(2) {
    margin-top: calc( 30vw / 750 * 100 );
  }
  #page-stay .column.last_child .footer_link li:nth-child(2) a::before {
    left: calc( 110vw / 750 * 100 );
    width: calc( 40vw / 750 * 100 );
  }

  #page-room .pagetop_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc( 100vw / 750 * 100 );
  }
  #page-room .pagetop_list li {
    width: 50%;
    margin-bottom: calc( 50vw / 750 * 100 );
  }
  #page-room .pagetop_list li:nth-child(2n+1) {
    border-width: 0 1px 0 1px;
  }
  #page-room .pagetop_list li a {
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: .5em 0;
    text-decoration: none;
    font-size: calc( 26vw / 750 * 100 );
  }
  #page-room .pagetop_list li a::after {
    bottom: -.8em;
    left: 0;
    right: 0;
    margin: auto;
    border: .6rem solid;
    border-color: #5b6b5e transparent transparent transparent;
  }
  #page-room .pagetop_list li a:hover::after {
    bottom: -.8em;
  }
  #page-room .pagetop_list li a span {
    font-size: calc( 38vw / 750 * 100 );
  }
  #page-room .column {
    margin-bottom: calc( 100vw / 750 * 100 );
  }
  #page-room .column .photos-top ul {
    display: flex;
    justify-content: center;
    margin: 1.3333333333vw 0;
  }
  #page-room .column .photos-top ul li {
    width: calc((100% - ( 40vw / 750 * 100 )) / 5) !important;
    margin: 0px 1.3333333333vw 0 !important;
  }
  #page-room .column .photos-top ul li:nth-last-child(1) {
    margin-left: 0;
  }
  #page-room .column .plandetail .txt h3 {
    font-size: calc( 60vw / 750 * 100 );
    line-height: 1;
  }
  #page-room .column .plandetail .txt h3 span {
    font-size: calc( 32vw / 750 * 100 );
    margin-top: calc( 10vw / 750 * 100 );
  }
  #page-room .column .plandetail .txt .catch {
    font-size: calc( 36vw / 750 * 100 );
    margin: calc( 36vw / 750 * 100 ) 0 calc( 20vw / 750 * 100 ) 0;
  }
  #page-room .column .plandetail .txt .more {
    margin: calc( 40vw / 750 * 100 ) 0;
  }
  #page-room .column .plandetail .syosai {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #page-room .column .plandetail .syosai table {
    margin: 0;
  }
  #page-room .column .plandetail .syosai p:nth-child(2) {
    margin: 0;
  }
  #page-room .column.last_child table th {
    padding: 1rem 1rem 1rem 2rem;
    font-size: calc( 32vw / 750 * 100 );
  }
  #page-room .column.last_child table th::before {
    width: .5em;
    height: 2px;
    left: .5rem;
  }

  #page-onedaytrip h2.hd::before {
    width: 75%;
    padding-top: calc( 28vw / 750 * 100 );
    background-size: auto 80%;
  }
  #page-onedaytrip .pagetop_txt .catch {
    line-height: 2;
    padding: calc( 20vw / 750 * 100 ) 0;
  }
  #page-onedaytrip .pagetop_txt h3 {
    line-height: 1.5;
    margin: calc( 40vw / 750 * 100 ) 0 calc( 80vw / 750 * 100 );
  }
  #page-onedaytrip .pagetop_txt h3 span {
    display: block;
    font-size: calc( 60vw / 750 * 100 );
  }
  #page-onedaytrip .pagetop_txt h3 span span {
    display: inline;
    font-size: calc( 80vw / 750 * 100 );
  }
  #page-onedaytrip .column {
    margin-bottom: calc( 100vw / 750 * 100 );
  }
  #page-onedaytrip .column h3 {
    font-size: calc( 28vw / 750 * 100 );
  }
  #page-onedaytrip .column h3 span {
    font-size: calc( 60vw / 750 * 100 );
  }
  #page-onedaytrip .btn {
    width: 70%;
    height: 2em;
    line-height: 2em;
    margin: 1em auto 0;
  }
  #page-onedaytrip .column.number2 .whats_txt {
    position: relative;
    border-radius: 50%;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
  #page-onedaytrip .column.number2 .whats_txt h3 span {
    font-size: calc( 38vw / 750 * 100 );
  }
  #page-onedaytrip .column.number2 .whats_txt h3 span span {
    font-size: calc( 50vw / 750 * 100 );
  }
  #page-onedaytrip .column.number2 .whats_txt h3 span span:nth-last-child(1) {
    font-size: calc( 38vw / 750 * 100 );
  }
  #page-onedaytrip .column.number2 .whats_txt::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  #page-onedaytrip .column.number2 .whats_txt .whats_txt_inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 3em;
  }
  #page-onedaytrip .column.number2 .whats_txt .whats_txt_inner h3 {
    margin-top: 0;
  }
  #page-onedaytrip .column.number2 .whats_txt .whats_txt_inner p br {
    display: none;
  }
  #page-onedaytrip .column.number2 .whats_movie {
    width: 100%;
    margin: calc( 50vw / 750 * 100 ) 0;
  }
  #page-onedaytrip .column.number4 {
    margin: 0 calc(50% - 50vw) calc( 100vw / 750 * 100 );
    padding: calc( 60vw / 750 * 100 ) calc(50vw - 50%);
    width: 100vw;
  }
  #page-onedaytrip .column.number4 .passport {
    padding: calc( 20vw / 750 * 100 );
    margin: 0 0 calc( 40vw / 750 * 100 );
  }
  #page-onedaytrip .column.number4 .passport .pass_img {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #page-onedaytrip .column.number4 .passport .pass_img p {
    width: 35%;
    border-radius: 50%;
  }
  #page-onedaytrip .column.number4 .passport .pass_img img {
    width: 60%;
  }
  #page-onedaytrip .column.number4 .passport .pass_txt h4 {
    font-size: calc( 17vw / 375 * 100 );
    padding-left: 1em;
    display: flex;
    flex-wrap: wrap;
  }
  #page-onedaytrip .column.number4 .passport .pass_txt h4::before {
    width: .7em;
    height: .3rem;
    top: .8em;
    bottom: auto;
  }
  #page-onedaytrip .column.number4 .passport .pass_txt ul li {
    margin-top: 1em;
  }
  #page-onedaytrip .column.number4 .passport .pass_txt dl {
    margin-top: 1em;
  }
  #page-onedaytrip .column.number4 .passport .pass_txt dl dt {
    padding-bottom: calc( 4vw / 750 * 100 );
  }
  #page-onedaytrip .column.number4 .passport .pass_txt dl dd {
    font-size: calc( 18vw / 375 * 100 );
    margin-right: 1em;
    font-weight: bold;
  }
  #page-onedaytrip .column.number4 .passport .pass_txt dl dd:nth-last-child(1) {
    margin: 0;
  }
  #page-onedaytrip .column.number4 .btn {
    margin-top: calc( 50vw / 750 * 100 );
  }
  #page-onedaytrip .column.number5 h3 {
    margin-bottom: calc( 50vw / 750 * 100 );
  }
  #page-onedaytrip .column.number5 .service {
    margin: 0 calc(50% - 50vw);
    padding: calc( 50vw / 750 * 100 ) calc(50vw - 50%);
    width: 100vw;
  }
  #page-onedaytrip .column.number5 .service h4 {
    font-size: calc( 36vw / 750 * 100 );
    line-height: 1.3;
    padding-bottom: calc( 20vw / 750 * 100 );
    margin-bottom: calc( 30vw / 750 * 100 );
  }
  #page-onedaytrip .column.number5 .service h4 img {
    width: calc( 120vw / 750 * 100 );
    margin-right: calc( 20vw / 750 * 100 );
  }
  #page-onedaytrip .column.number5 .service p {
    margin-bottom: 1em;
  }
  #page-onedaytrip .column.number5 .service p.attention {
    font-size: calc( 24vw / 750 * 100 );
    margin-top: -1em;
  }
  #page-onedaytrip .column.number5 .service .service_ph {
    margin: calc( 30vw / 750 * 100 ) 0 calc( 50vw / 750 * 100 );
  }
  #page-onedaytrip .column.number5 .service .service_ph p {
    width: calc( 80vw / 750 * 100 );
    top: calc( 20vw / 750 * 100 );
    right: calc( 20vw / 750 * 100 );
  }
  #page-onedaytrip .column.number5 .service .service_ph p img {
    margin-bottom: calc( 10vw / 750 * 100 );
  }
  #page-onedaytrip .column.number6 .hanbaityu {
    text-align: center;
    font-size: calc( 36vw / 750 * 100 );
    width: 100%;
    margin: calc( 40vw / 750 * 100 ) 0;
  }
  #page-onedaytrip .column.number6 .hanbaityu p {
    padding: 0 calc( 33vw / 750 * 100 );
    line-height: 2.5;
  }
  #page-onedaytrip .column.number6 .hanbaityu p span {
    font-size: calc( 26vw / 750 * 100 );
    line-height: 3;
  }
  #page-onedaytrip .column.number6 .hanbaityu p img {
    width: calc( 26vw / 750 * 100 );
    vertical-align: middle;
    margin: 0 calc( 5vw / 750 * 100 ) 0 calc( 10vw / 750 * 100 );
  }
  #page-onedaytrip .column.number6 ul {
    margin-bottom: calc( 40vw / 750 * 100 );
  }
  #page-onedaytrip .column.last_child h4 {
    text-align: center;
    font-size: calc( 36vw / 750 * 100 );
    line-height: 2;
    margin-bottom: calc( 30vw / 750 * 100 );
  }
  #page-onedaytrip .column.last_child .txt ul {
    margin-top: calc( 30vw / 750 * 100 );
  }
  #page-onedaytrip .column.last_child .txt ul li {
    margin-bottom: calc( 30vw / 750 * 100 );
    padding: .5em 1em;
    display: flex;
    justify-content: space-between;
  }
  #page-onedaytrip .column.last_child .txt ul li span:nth-last-child(1)::before {
    left: -2em;
    border-left: calc( 15vw / 750 * 100 ) solid;
    border-top: calc( 15vw / 750 * 100 ) solid transparent;
    border-bottom: calc( 15vw / 750 * 100 ) solid transparent;
  }
  #page-onedaytrip .column.last_child .ph {
    margin: calc( 20vw / 750 * 100 ) 0 calc( 40vw / 750 * 100 );
  }
  #page-onedaytrip .column.last_child .attention {
    text-align: right;
  }

  #page-restaurant .pagetop_txt {
    text-align: center;
  }
  #page-restaurant .pagetop_txt .col_2 p:nth-last-child(1) {
    margin: calc( 30vw / 750 * 100 ) 0 calc( 50vw / 750 * 100 );
  }
  #page-restaurant .pagetop_txt img {
    width: 100%;
  }
  #page-restaurant .pagetop_txt .restaurant_title {
    font-size: calc( 48vw / 750 * 100 );
  }
  #page-restaurant .pagetop_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc( 100vw / 750 * 100 );
  }
  #page-restaurant .pagetop_list li {
    width: 50%;
    margin-bottom: calc( 50vw / 750 * 100 );
  }
  #page-restaurant .pagetop_list li:nth-child(2n+1) {
    border-width: 0 1px 0 1px;
  }
  #page-restaurant .pagetop_list li a {
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: .5em 0;
    text-decoration: none;
    font-size: calc( 38vw / 750 * 100 );
  }
  #page-restaurant .pagetop_list li a::after {
    bottom: -.8em;
    left: 0;
    right: 0;
    margin: auto;
    border: .6rem solid;
    border-color: #5b6b5e transparent transparent transparent;
  }
  #page-restaurant .pagetop_list li a:hover::after {
    bottom: -.8em;
  }
  #page-restaurant .pagetop_list li a span {
    font-size: calc( 26vw / 750 * 100 );
  }
  #page-restaurant .column {
    margin-bottom: calc( 100vw / 750 * 100 );
  }
  #page-restaurant .column .restaurant_box {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    padding: calc( 32vw / 750 * 100 ) 0 calc( 50vw / 750 * 100 );
  }
  #page-restaurant .column .restaurant_box .txt {
    margin: 0 calc( 32vw / 750 * 100 ) calc( 50vw / 750 * 100 );
    padding: calc( 32vw / 750 * 100 );
  }
  #page-restaurant .column .restaurant_box .txt .txt_inner h3 > img {
    width: auto;
    height: calc( 100vw / 750 * 100 );
  }
  #page-restaurant .column .restaurant_box .txt .txt_inner h3 > span {
    flex: 1 0 0%;
  }
  #page-restaurant .column .restaurant_box .txt .txt_inner h3 a {
    width: calc( 70vw / 750 * 100 );
    height: calc( 70vw / 750 * 100 );
    font-size: calc( 30vw / 750 * 100 );
    border-radius: calc( 35vw / 750 * 100 );
  }
  #page-restaurant .column .restaurant_box .txt .txt_inner h3 a:nth-child(1) {
    width: 7rem;
  }
  #page-restaurant .column .restaurant_box .txt .txt_inner h3 a:nth-last-child(1) {
    width: 4rem;
    height: 4rem;
    font-size: 1.5rem;
  }
  #page-restaurant .column .restaurant_box .txt .txt_inner p span {
    display: block;
  }
  #page-restaurant .column .restaurant_box .txt .txt_inner ul li {
    margin-left: calc( 20vw / 750 * 100 );
  }

  #page-banquet h2.hd::before {
    width: 8em;
    margin: auto;
    padding-bottom: 1rem;
  }
  #page-banquet .point_list {
    margin-bottom: calc( 60vw / 750 * 100 );
  }
  #page-banquet .point_list li {
    margin-bottom: calc( 30vw / 750 * 100 );
    flex-direction: column;
    padding: 1em;
    background: url("../img/banquet_list_bg.png") center center no-repeat;
    background-size: 110%;
  }
  #page-banquet .point_list li p {
    text-align: center;
  }
  #page-banquet .point_list li p:nth-child(1) {
    border: none;
    font-size: calc( 20vw / 375 * 100 );
    line-height: 1;
  }
  #page-banquet .point_list li p:nth-child(1) span {
    font-size: calc( 30vw / 375 * 100 );
    padding-bottom: calc( 10vw / 750 * 100 );
  }
  #page-banquet .point_list li p:nth-child(2) {
    font-size: calc( 18vw / 375 * 100 );
    margin-bottom: calc( 30vw / 750 * 100 );
  }
  #page-banquet .column h3 {
    font-size: calc( 26vw / 375 * 100 );
  }
  #page-banquet .banquet_list .banquet_box {
    text-align: center;
  }
  #page-banquet .banquet_list .banquet_box p:nth-child(1) {
    margin-bottom: calc( 30vw / 750 * 100 );
  }
  #page-banquet .banquet_list .banquet_box p:nth-child(1) img {
    width: 100%;
    height: calc( 450vw / 750 * 100 );
    object-fit: cover;
  }
  #page-banquet .banquet_list .banquet_box p:nth-child(2) {
    font-size: calc( 18vw / 375 * 100 );
  }
  #page-banquet .banquet_list .banquet_box p:nth-last-child(1) {
    padding-bottom: calc( 30vw / 750 * 100 );
    margin-bottom: calc( 60vw / 750 * 100 );
  }
  #page-banquet .banquet_list .banquet_box p:nth-last-child(1) img {
    width: calc( 90vw / 750 * 100 );
  }
  #page-banquet .banquet_list .banquet_box p:nth-last-child(1) a {
    font-size: 1.5rem;
    width: 4rem;
    height: 4rem;
  }
  #page-banquet .banquet_list .banquet_box h4 {
    font-size: calc( 24vw / 375 * 100 );
    margin-bottom: calc( 30vw / 750 * 100 );
  }
  #page-banquet .banquet_list .banquet_box h4 span {
    font-size: calc( 18vw / 375 * 100 );
  }
  #page-banquet .bnr_access {
    font-size: 2rem;
    margin: 1.5rem 0;
  }
  #page-banquet .bnr_access a {
    padding: 1.5rem 0;
  }
  #page-banquet .bnr_access a span {
    font-size: 1.5rem;
    width: 4rem;
    height: 4rem;
  }
  #page-banquet .bnr_access a img {
    width: 3rem;
    margin-left: 1rem;
  }
  #page-banquet .bnr_contact {
    flex-wrap: wrap;
    padding: calc( 30vw / 750 * 100 ) 0;
  }
  #page-banquet .bnr_contact > span {
    display: block;
    width: 100%;
  }
  #page-banquet .bnr_contact > span:nth-child(1) {
    text-align: center;
    font-size: calc( 20vw / 375 * 100 );
    margin-bottom: calc( 30vw / 750 * 100 );
  }
  #page-banquet .bnr_contact > span:nth-child(2) {
    margin-bottom: calc( 10vw / 750 * 100 );
  }
  #page-banquet .bnr_contact > span:nth-child(2) span {
    margin-left: 4em;
  }
  #page-banquet .bnr_contact > span:nth-child(2), #page-banquet .bnr_contact > span:nth-child(3) {
    margin-left: calc( 100vw / 750 * 100 );
  }

  #page-bellavista .breadcrumbs, #page-beneore .breadcrumbs, #page-chikusui .breadcrumbs, #page-le_rivage .breadcrumbs {
    padding: 0 2.5rem;
  }
  #page-bellavista .pagetop_txt h3, #page-beneore .pagetop_txt h3, #page-chikusui .pagetop_txt h3, #page-le_rivage .pagetop_txt h3 {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 2.8rem;
    line-height: 1;
    margin-bottom: 3rem;
  }
  #page-bellavista .pagetop_txt h3 span, #page-beneore .pagetop_txt h3 span, #page-chikusui .pagetop_txt h3 span, #page-le_rivage .pagetop_txt h3 span {
    font-size: 1.4rem;
    margin: 1em;
  }
  #page-bellavista .pagetop_txt h3 img, #page-beneore .pagetop_txt h3 img, #page-chikusui .pagetop_txt h3 img, #page-le_rivage .pagetop_txt h3 img {
    width: 9.8rem;
  }
  #page-bellavista .pagetop_txt .restaurant_nav, #page-beneore .pagetop_txt .restaurant_nav, #page-chikusui .pagetop_txt .restaurant_nav, #page-le_rivage .pagetop_txt .restaurant_nav {
    padding: 0 calc( 50vw / 750 * 100 );
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #page-bellavista .pagetop_txt .restaurant_nav li, #page-beneore .pagetop_txt .restaurant_nav li, #page-chikusui .pagetop_txt .restaurant_nav li, #page-le_rivage .pagetop_txt .restaurant_nav li {
    width: 50%;
    line-height: 1.2;
    margin-bottom: 2em;
    height: 3em;
  }
  #page-bellavista .pagetop_txt .restaurant_nav li a, #page-beneore .pagetop_txt .restaurant_nav li a, #page-chikusui .pagetop_txt .restaurant_nav li a, #page-le_rivage .pagetop_txt .restaurant_nav li a {
    font-family: 'Sorts Mill Goudy', 'Noto Serif JP',"游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  }
  #page-bellavista .pagetop_txt .restaurant_nav li a::after, #page-beneore .pagetop_txt .restaurant_nav li a::after, #page-chikusui .pagetop_txt .restaurant_nav li a::after, #page-le_rivage .pagetop_txt .restaurant_nav li a::after {
    border: .5rem solid;
    border-color: #5b6b5e transparent transparent transparent;
    bottom: -1.5rem;
  }
  #page-bellavista .pagetop_txt .restaurant_nav li span:nth-child(2), #page-beneore .pagetop_txt .restaurant_nav li span:nth-child(2), #page-chikusui .pagetop_txt .restaurant_nav li span:nth-child(2), #page-le_rivage .pagetop_txt .restaurant_nav li span:nth-child(2) {
    font-size: 1.2rem;
    margin-left: .5em;
  }
  #page-bellavista .pagetop_txt .restaurant_nav li:nth-child(3), #page-beneore .pagetop_txt .restaurant_nav li:nth-child(3), #page-chikusui .pagetop_txt .restaurant_nav li:nth-child(3), #page-le_rivage .pagetop_txt .restaurant_nav li:nth-child(3) {
    border-left: 1px solid;
  }
  #page-bellavista .content, #page-beneore .content, #page-chikusui .content, #page-le_rivage .content {
    padding: 2rem 0 3rem;
  }
  #page-bellavista .content > .inner, #page-beneore .content > .inner, #page-chikusui .content > .inner, #page-le_rivage .content > .inner {
    background: none;
  }
  #page-bellavista .restaurant_summary, #page-beneore .restaurant_summary, #page-chikusui .restaurant_summary, #page-le_rivage .restaurant_summary {
    padding: 2.5rem;
  }
  #page-bellavista .restaurant_summary .box_slide, #page-beneore .restaurant_summary .box_slide, #page-chikusui .restaurant_summary .box_slide, #page-le_rivage .restaurant_summary .box_slide {
    margin-bottom: 1em;
  }
  #page-bellavista .restaurant_summary .box_slide .sum_slide_nav .slick-track, #page-beneore .restaurant_summary .box_slide .sum_slide_nav .slick-track, #page-chikusui .restaurant_summary .box_slide .sum_slide_nav .slick-track, #page-le_rivage .restaurant_summary .box_slide .sum_slide_nav .slick-track {
    display: flex;
    margin-top: .5rem;
  }
  #page-bellavista .restaurant_summary .box_slide .sum_slide_nav .slick-track li.slick-slide, #page-beneore .restaurant_summary .box_slide .sum_slide_nav .slick-track li.slick-slide, #page-chikusui .restaurant_summary .box_slide .sum_slide_nav .slick-track li.slick-slide, #page-le_rivage .restaurant_summary .box_slide .sum_slide_nav .slick-track li.slick-slide {
    width: calc((100% - 1rem) / 3) !important;
    margin-right: .5rem;
  }
  #page-bellavista .restaurant_summary .box_slide .sum_slide_nav .slick-track li.slick-slide:nth-last-child(1), #page-beneore .restaurant_summary .box_slide .sum_slide_nav .slick-track li.slick-slide:nth-last-child(1), #page-chikusui .restaurant_summary .box_slide .sum_slide_nav .slick-track li.slick-slide:nth-last-child(1), #page-le_rivage .restaurant_summary .box_slide .sum_slide_nav .slick-track li.slick-slide:nth-last-child(1) {
    margin: 0;
  }
  #page-bellavista .restaurant_summary .restaurant_txt ul, #page-beneore .restaurant_summary .restaurant_txt ul, #page-chikusui .restaurant_summary .restaurant_txt ul, #page-le_rivage .restaurant_summary .restaurant_txt ul {
    font-size: 1.4rem;
  }
  #page-bellavista .column, #page-beneore .column, #page-chikusui .column, #page-le_rivage .column {
    padding: 0 2.5rem;
    margin-bottom: 6rem;
  }
  #page-bellavista .column .column-inner, #page-beneore .column .column-inner, #page-chikusui .column .column-inner, #page-le_rivage .column .column-inner {
    flex-direction: column;
  }
  #page-bellavista .column .column-inner .photos-right img, #page-bellavista .column .column-inner .photos-left img, #page-beneore .column .column-inner .photos-right img, #page-beneore .column .column-inner .photos-left img, #page-chikusui .column .column-inner .photos-right img, #page-chikusui .column .column-inner .photos-left img, #page-le_rivage .column .column-inner .photos-right img, #page-le_rivage .column .column-inner .photos-left img {
    width: 100% !important;
    margin: 0 !important;
  }
  #page-bellavista .column .column-inner .plandetail, #page-beneore .column .column-inner .plandetail, #page-chikusui .column .column-inner .plandetail, #page-le_rivage .column .column-inner .plandetail {
    order: 2;
  }
  #page-bellavista .column .column-inner h3, #page-beneore .column .column-inner h3, #page-chikusui .column .column-inner h3, #page-le_rivage .column .column-inner h3 {
    font-size: 1.8rem;
    font-weight: normal;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  #page-bellavista .column .column-inner h3.title, #page-beneore .column .column-inner h3.title, #page-chikusui .column .column-inner h3.title, #page-le_rivage .column .column-inner h3.title {
    flex-direction: column;
    font-size: 3rem;
    font-weight: normal;
    margin-bottom: -4rem;
  }
  #page-bellavista .column .column-inner h3.title span, #page-beneore .column .column-inner h3.title span, #page-chikusui .column .column-inner h3.title span, #page-le_rivage .column .column-inner h3.title span {
    display: block;
    font-size: 1.8rem;
    margin-top: .5rem;
  }
  #page-bellavista .column .column-inner h3.title::before, #page-bellavista .column .column-inner h3.title::after, #page-beneore .column .column-inner h3.title::before, #page-beneore .column .column-inner h3.title::after, #page-chikusui .column .column-inner h3.title::before, #page-chikusui .column .column-inner h3.title::after, #page-le_rivage .column .column-inner h3.title::before, #page-le_rivage .column .column-inner h3.title::after {
    width: 10%;
  }
  #page-bellavista .column .column-inner h3.title#anothermenu, #page-beneore .column .column-inner h3.title#anothermenu, #page-chikusui .column .column-inner h3.title#anothermenu, #page-le_rivage .column .column-inner h3.title#anothermenu {
    margin-bottom: -4rem;
    padding: 1rem 0;
  }
  #page-bellavista .column .column-inner .restaurant_col2 .box:nth-child(1), #page-beneore .column .column-inner .restaurant_col2 .box:nth-child(1), #page-chikusui .column .column-inner .restaurant_col2 .box:nth-child(1), #page-le_rivage .column .column-inner .restaurant_col2 .box:nth-child(1) {
    margin-bottom: 6rem;
  }
  #page-bellavista .column .column-inner .alacarte, #page-beneore .column .column-inner .alacarte, #page-chikusui .column .column-inner .alacarte, #page-le_rivage .column .column-inner .alacarte {
    padding: 0 2rem 3rem;
    background: #fff;
  }
  #page-bellavista .column .column-inner .alacarte h4, #page-beneore .column .column-inner .alacarte h4, #page-chikusui .column .column-inner .alacarte h4, #page-le_rivage .column .column-inner .alacarte h4 {
    background: #fff;
    width: 13em;
    margin: -1em auto 1em;
    font-size: 2rem;
  }
  #page-bellavista .column .column-inner .alacarte ul li, #page-beneore .column .column-inner .alacarte ul li, #page-chikusui .column .column-inner .alacarte ul li, #page-le_rivage .column .column-inner .alacarte ul li {
    margin-bottom: .5em;
    flex-direction: column;
  }
  #page-bellavista .column .column-inner .alacarte ul li p:nth-child(1), #page-beneore .column .column-inner .alacarte ul li p:nth-child(1), #page-chikusui .column .column-inner .alacarte ul li p:nth-child(1), #page-le_rivage .column .column-inner .alacarte ul li p:nth-child(1) {
    flex: 1 0 0%;
    margin-left: 1em;
    text-indent: -1em;
  }
  #page-bellavista .column .column-inner .alacarte ul li p:nth-last-child(1), #page-beneore .column .column-inner .alacarte ul li p:nth-last-child(1), #page-chikusui .column .column-inner .alacarte ul li p:nth-last-child(1), #page-le_rivage .column .column-inner .alacarte ul li p:nth-last-child(1) {
    width: 7rem;
    text-align: right;
  }
  #page-bellavista .column .column-inner .anothermenu .pdf a, #page-beneore .column .column-inner .anothermenu .pdf a, #page-chikusui .column .column-inner .anothermenu .pdf a, #page-le_rivage .column .column-inner .anothermenu .pdf a {
    display: block;
    width: 20rem;
  }
  #page-bellavista .column .column-inner .anothermenu h4, #page-beneore .column .column-inner .anothermenu h4, #page-chikusui .column .column-inner .anothermenu h4, #page-le_rivage .column .column-inner .anothermenu h4 {
    font-size: 2rem;
    margin-bottom: .5em;
  }
  #page-bellavista .column .column-inner .anothermenu ul li span, #page-beneore .column .column-inner .anothermenu ul li span, #page-chikusui .column .column-inner .anothermenu ul li span, #page-le_rivage .column .column-inner .anothermenu ul li span {
    display: block;
    width: 100%;
  }
  #page-bellavista .column .column-inner .anothermenu .ph, #page-beneore .column .column-inner .anothermenu .ph, #page-chikusui .column .column-inner .anothermenu .ph, #page-le_rivage .column .column-inner .anothermenu .ph {
    margin-top: 1em;
  }
  #page-bellavista .column .column-inner .bottm_bnr h3.title, #page-beneore .column .column-inner .bottm_bnr h3.title, #page-chikusui .column .column-inner .bottm_bnr h3.title, #page-le_rivage .column .column-inner .bottm_bnr h3.title {
    margin-bottom: 1em;
    padding-top: 6rem;
  }
  #page-bellavista .column .column-inner .bottm_bnr ul, #page-beneore .column .column-inner .bottm_bnr ul, #page-chikusui .column .column-inner .bottm_bnr ul, #page-le_rivage .column .column-inner .bottm_bnr ul {
    flex-wrap: wrap;
  }
  #page-bellavista .column .column-inner .bottm_bnr ul li, #page-beneore .column .column-inner .bottm_bnr ul li, #page-chikusui .column .column-inner .bottm_bnr ul li, #page-le_rivage .column .column-inner .bottm_bnr ul li {
    width: 49%;
    margin-bottom: 2%;
  }
  #page-bellavista .column .column-inner .bottm_bnr p.attention, #page-beneore .column .column-inner .bottm_bnr p.attention, #page-chikusui .column .column-inner .bottm_bnr p.attention, #page-le_rivage .column .column-inner .bottm_bnr p.attention {
    text-align: right;
    position: absolute;
    width: 100%;
    bottom: -8rem;
  }

  #page-bellavista h2.hd::before {
    width: 60%;
    height: 4rem;
    background: url("../img/h2_restaurant-bellavista_sp.svg") no-repeat;
    background-size: 100%;
    margin: auto;
  }
  #page-bellavista .breadcrumbs {
    padding: 0 2.5rem;
  }
  #page-bellavista .pagetop_txt h3 {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 2.8rem;
    line-height: 1;
    margin-bottom: 3rem;
  }
  #page-bellavista .pagetop_txt h3 span {
    font-size: 1.4rem;
    margin: 1em;
  }
  #page-bellavista .pagetop_txt h3 img {
    width: 9.8rem;
  }
  #page-bellavista .pagetop_txt .restaurant_nav {
    padding: 0 calc( 50vw / 750 * 100 );
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #page-bellavista .pagetop_txt .restaurant_nav li {
    width: 50%;
    line-height: 1.2;
    margin-bottom: 2em;
    height: 3em;
  }
  #page-bellavista .pagetop_txt .restaurant_nav li a {
    font-family: 'Sorts Mill Goudy', 'Noto Serif JP',"游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  }
  #page-bellavista .pagetop_txt .restaurant_nav li a::after {
    border: .5rem solid;
    border-color: #5b6b5e transparent transparent transparent;
    bottom: -1.5rem;
  }
  #page-bellavista .pagetop_txt .restaurant_nav li span:nth-child(2) {
    font-size: 1.2rem;
    margin-left: .5em;
  }
  #page-bellavista .pagetop_txt .restaurant_nav li:nth-child(3) {
    border-left: 1px solid;
  }
  #page-bellavista .content {
    padding: 2rem 0 3rem;
  }
  #page-bellavista .content > .inner {
    background: none;
  }
  #page-bellavista .restaurant_summary {
    background: url("../img/restaurant_bg1.png") center center no-repeat;
    background-size: 120%;
  }
  #page-bellavista .column:nth-child(5n) {
    background: url("../img/restaurant_bg1.png") center top no-repeat;
    background-size: 150%;
  }

  #page-beneore h2.hd::before {
    width: 60%;
    height: 4rem;
    background: url("../img/h2_restaurant-beneore.svg") no-repeat;
    background-size: 100%;
    margin: auto;
  }
  #page-beneore .restaurant_summary {
    background: url("../img/restaurant_bg2.png") center center no-repeat;
    background-size: 120%;
  }
  #page-beneore .column:nth-child(5n) {
    background: url("../img/restaurant_bg2.png") center top no-repeat;
    background-size: 150%;
  }
  #page-beneore .column.number4 .attention {
    font-size: 1.8rem;
    margin-bottom: 5rem;
  }
  #page-beneore .column .alacarte ul li {
    width: 100%;
    align-items: flex-start;
  }

  #page-le_rivage h2.hd::before {
    width: 22.5rem;
    height: 4rem;
    background: url("../img/h2_restaurant-lerivage_sp.svg") no-repeat;
    background-size: 100%;
    margin: auto;
  }
  #page-le_rivage .restaurant_summary {
    background: url("../img/restaurant_bg3.png") center center no-repeat;
    background-size: 120%;
  }
  #page-le_rivage .column:nth-child(5n) {
    background: url("../img/restaurant_bg3.png") center top no-repeat;
    background-size: 150%;
  }
  #page-le_rivage .column .plandetail .banquet_leyout {
    flex-wrap: wrap;
  }
  #page-le_rivage .column .plandetail .banquet_leyout li {
    width: 80%;
    margin-bottom: 2rem;
    padding: 2rem 0;
  }
  #page-le_rivage .column .plandetail .banquet_leyout li img {
    width: 12rem;
  }
  #page-le_rivage .column .plandetail .banquet_leyout li .more a {
    width: 70%;
  }
  #page-le_rivage .column .plandetail .banquet_leyout li .more a::before {
    background-size: 70%;
  }

  #page-chikusui h2.hd::before {
    width: 21.1rem;
    height: 4rem;
    background: url("../img/h2_restaurant-chikusui_sp.svg") no-repeat;
    background-size: 100%;
    margin: auto;
  }
  #page-chikusui .restaurant_summary {
    background: url("../img/restaurant_bg3.png") center center no-repeat;
    background-size: 120%;
  }
  #page-chikusui .pagetop_txt .about_chikusui {
    display: block;
    position: relative;
    height: 20em;
    background: url("../img/restaurant_bg4_3.png") right bottom no-repeat;
    background-size: 60%;
    margin: 3rem 0 5rem;
  }
  #page-chikusui .pagetop_txt .about_chikusui .img1 {
    width: 40%;
  }
  #page-chikusui .pagetop_txt .about_chikusui .img1 img {
    height: 10em;
    object-fit: cover;
  }
  #page-chikusui .pagetop_txt .about_chikusui .img2 {
    width: 40%;
    margin-top: 1rem;
  }
  #page-chikusui .pagetop_txt .about_chikusui .img2 img {
    height: 9em;
    object-fit: cover;
  }
  #page-chikusui .pagetop_txt .about_chikusui .txt {
    position: absolute;
    right: 1rem;
    top: 0;
    width: 50%;
    height: 20em;
  }
  #page-chikusui .pagetop_txt .ryorityo {
    flex-wrap: wrap;
  }
  #page-chikusui .pagetop_txt .ryorityo img {
    width: 100%;
    margin-top: .5em;
  }
  #page-chikusui .pagetop_txt .ryorityo .ph {
    width: 40%;
  }
  #page-chikusui .pagetop_txt .ryorityo .txt {
    width: calc(60% - 2rem);
    margin: 0 1rem;
    text-align: left;
  }
  #page-chikusui .pagetop_txt .ryorityo .txt .name {
    margin: 0 calc(50% - 50vw) 1em;
    font-size: 1.6rem;
    width: 100vw;
  }
  #page-chikusui .pagetop_txt .ryorityo .img3 {
    width: 100%;
  }
  #page-chikusui .column:nth-child(5n) {
    background: url("../img/restaurant_bg3.png") center top no-repeat;
    background-size: 150%;
  }

  #page-mainhall .pagetop_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc( 100vw / 750 * 100 );
  }
  #page-mainhall .pagetop_list li {
    width: 50%;
    margin-bottom: calc( 50vw / 750 * 100 );
  }
  #page-mainhall .pagetop_list li:nth-child(2n+1) {
    border-width: 0 1px 0 1px;
  }
  #page-mainhall .pagetop_list li:nth-child(2) span {
    display: block;
    line-height: 1.3;
  }
  #page-mainhall .pagetop_list li a {
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: .5em 0;
    text-decoration: none;
    font-size: calc( 38vw / 750 * 100 );
  }
  #page-mainhall .pagetop_list li a::after {
    bottom: -.8em;
    left: 0;
    right: 0;
    margin: auto;
    border: .6rem solid;
    border-color: #5b6b5e transparent transparent transparent;
  }
  #page-mainhall .pagetop_list li a:hover::after {
    bottom: -.8em;
  }
  #page-mainhall .pagetop_list li a span {
    font-size: calc( 26vw / 750 * 100 );
  }
  #page-mainhall .column {
    margin-bottom: 5rem;
  }
  #page-mainhall .column h3 {
    font-family: 'Noto Serif JP',"游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
    font-weight: normal;
    font-size: 2.2rem;
  }
  #page-mainhall .column h3::before, #page-mainhall .column h3::after {
    width: 3rem;
  }
  #page-mainhall .column .hall_txt {
    padding: 2rem;
  }
  #page-mainhall .column .hall_txt h3 {
    font-size: 2.6rem;
  }
  #page-mainhall .column .hall_txt h3 span {
    font-size: 1.6rem;
  }
  #page-mainhall .column .gaiyo_txt p {
    margin-top: 1em;
  }
  #page-mainhall .column .gaiyo_txt p.attention {
    font-size: 1.2rem;
  }

  #page-mainhall .column .banquet_leyout {
    flex-wrap: wrap;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
  #page-mainhall .column .banquet_leyout li {
    width: calc((100% - 1rem) / 2);
    margin-bottom: 1rem;
    font-size: 1.2rem;
    padding: 3rem 1rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #page-mainhall .column .banquet_leyout li img {
    width: 13rem;
  }
  #page-mainhall .column .banquet_leyout li p.more {
    bottom: 0;
    margin-top: auto;
    width: 100%;
  }
  #page-mainhall .column .banquet_leyout li p.more a {
    font-size: 1.4rem;
    border-radius: calc( ((93vw / 750) 2) * 100 );
  }
  #page-mainhall .column .banquet_leyout li p.more a::before {
    width: 1.5rem;
  }
  #page-mainhall .column .banquet_leyout2 {
    margin: 0 calc(50% - 50vw);
    padding: 2rem calc(50vw - 50%);
    width: 100vw;
    font-size: 1.2rem;
  }
  #page-mainhall .column .banquet_leyout2 dt {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  #page-mainhall .column .price_box {
    padding-bottom: 5rem;
  }
  #page-mainhall .column .price_box .price {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  #page-mainhall .column .setubi {
    margin: 0 calc(50% - 50vw);
    padding: 2rem calc(50vw - 50%);
    width: 100vw;
  }
  #page-mainhall .column .setubi h4 {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }

  #page-banquet_plan .pagetop_list li {
    border-width: 1px;
    margin: 1rem auto;
    padding: 1rem 0;
    width: 50%;
  }
  #page-banquet_plan .content {
    padding: 2rem 0 3rem;
  }
  #page-banquet_plan .breadcrumbs {
    padding: 0 2.5rem;
  }
  #page-banquet_plan .column {
    padding: 0 2.5rem;
    margin-bottom: 6rem;
  }
  #page-banquet_plan .column .column-inner {
    flex-direction: column;
  }
  #page-banquet_plan .column .column-inner .photos-right img, #page-banquet_plan .column .column-inner .photos-left img {
    width: 100% !important;
    margin: 0 !important;
  }
  #page-banquet_plan .column .column-inner .plandetail {
    order: 2;
  }
  #page-banquet_plan .column .column-inner h3 {
    font-size: 1.8rem;
    font-weight: normal;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  #page-banquet_plan .column .column-inner h3.title {
    flex-direction: column;
    font-size: 3rem;
    font-weight: normal;
    margin-bottom: -4rem;
  }
  #page-banquet_plan .column .column-inner h3.title span {
    display: block;
    font-size: 1.8rem;
    margin-top: .5rem;
  }
  #page-banquet_plan .column .column-inner h3.title::before, #page-banquet_plan .column .column-inner h3.title::after {
    width: 10%;
  }
  #page-banquet_plan .column .column-inner h3.title#anothermenu {
    margin-bottom: -4rem;
    padding: 1rem 0;
  }
  #page-banquet_plan .column .column-inner h3.title#nijikai {
    margin-bottom: 0rem;
    font-size: 2.5rem;
  }
  #page-banquet_plan .column .column-inner .restaurant_col2 .box:nth-child(1) {
    margin-bottom: 6rem;
  }
  #page-banquet_plan .column .column-inner .plan_pdf {
    flex-direction: column;
  }
  #page-banquet_plan .column .column-inner .plan_pdf li {
    width: 100%;
    margin-bottom: 2rem;
  }
  #page-banquet_plan .column .column-inner .plan_pdf li a {
    padding: 1rem 8rem 1rem 3rem;
    font-size: 1.6rem;
  }
  #page-banquet_plan .column .column-inner .title_catch {
    margin-bottom: -4rem;
    text-align: center;
  }
  #page-banquet_plan .column .column-inner .alacarte {
    padding: 0 2rem 3rem;
    background: #fff;
  }
  #page-banquet_plan .column .column-inner .alacarte h4 {
    background: #fff;
    width: 13em;
    margin: -1em auto 1em;
    font-size: 2rem;
  }
  #page-banquet_plan .column .column-inner .alacarte ul li {
    margin-bottom: .5em;
    flex-direction: column;
  }
  #page-banquet_plan .column .column-inner .alacarte ul li p:nth-child(1) {
    flex: 1 0 0%;
    margin-left: 1em;
    text-indent: -1em;
  }
  #page-banquet_plan .column .column-inner .alacarte ul li p:nth-last-child(1) {
    width: 7rem;
    text-align: right;
  }
  #page-banquet_plan .column .column-inner .anothermenu .pdf a {
    display: block;
    width: 20rem;
  }
  #page-banquet_plan .column .column-inner .anothermenu h4 {
    font-size: 2rem;
    margin-bottom: .5em;
  }
  #page-banquet_plan .column .column-inner .anothermenu ul li span {
    display: block;
    width: 100%;
  }
  #page-banquet_plan .column .column-inner .anothermenu .ph {
    margin-top: 1em;
  }
  #page-banquet_plan .column .column-inner .bottm_bnr h3.title {
    margin-bottom: 1em;
    padding-top: 6rem;
  }
  #page-banquet_plan .column .column-inner .bottm_bnr ul {
    flex-wrap: wrap;
  }
  #page-banquet_plan .column .column-inner .bottm_bnr ul li {
    width: 49%;
    margin-bottom: 2%;
  }
  #page-banquet_plan .column .column-inner .bottm_bnr p.attention {
    text-align: right;
    position: absolute;
    width: 100%;
    bottom: -8rem;
  }

  #page-lunch .column {
    margin-bottom: calc( 100vw / 750 * 100 );
  }
  #page-lunch .column.number5 {
    margin: 0 calc(50% - 50vw) 5rem;
    padding: 5rem calc(50vw - 50%);
    width: 100vw;
  }
  #page-lunch .column .photos-top ul {
    display: flex;
    justify-content: center;
    margin: 1.3333333333vw 0;
  }
  #page-lunch .column .photos-top ul li {
    width: calc((100% - ( 40vw / 750 * 100 )) / 5) !important;
    margin: 0px 0.2rem 0 !important;
  }
  #page-lunch .column .photos-top ul li:nth-last-child(1) {
    margin-left: 0;
  }
  #page-lunch .column h3.main_title {
    font-size: 2.4rem;
    text-align: center;
  }
  #page-lunch .column h3.main_title span {
    font-size: 1.8rem;
  }
  #page-lunch .column h3.main_title span:nth-child(1) {
    display: block;
  }
  #page-lunch .column h4.title_catch {
    font-size: 1.8rem;
    margin-top: 3rem;
  }
  #page-lunch .column .plandetail table th, #page-lunch .column .plandetail table td {
    display: block;
    border-bottom-width: 0px;
  }
  #page-lunch .column .plandetail table tr:nth-last-child(1) td:nth-last-child(1) {
    border-bottom-width: 1px;
  }
  #page-lunch .column .plandetail p.attention {
    margin-top: 1em;
  }
  #page-lunch .column .plandetail p.catch {
    text-align: center;
    margin: 1em 0;
  }
  #page-lunch .column .plandetail p.more.pdf a {
    font-size: 1.6rem;
  }
  #page-lunch .column .plandetail .lunch_plan dl {
    margin-bottom: 3rem;
  }
  #page-lunch .column .plandetail .lunch_plan dl dd h4 {
    margin: 2rem 0 1rem;
    padding-bottom: 1rem;
    font-size: 1.8rem;
  }

  #page-facilities .pagetop_list {
    margin-bottom: calc( 100vw / 750 * 100 );
    display: flex;
  }
  #page-facilities .pagetop_list li {
    border-width: 0 1px;
    margin-bottom: 2em;
    width: 50%;
  }
  #page-facilities .pagetop_list li:nth-last-child(1) {
    border-left: none;
  }
  #page-facilities .pagetop_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: .5em 0;
  }
  #page-facilities .pagetop_list li a::after {
    bottom: -.8em;
    left: 0;
    right: 0;
    margin: auto;
    border: .6rem solid;
    border-color: #5b6b5e transparent transparent transparent;
  }
  #page-facilities .column h3 {
    font-family: 'Noto Serif JP',"游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
    font-weight: normal;
    margin-bottom: 2rem;
  }
  #page-facilities .column h3.title {
    font-size: 2rem;
  }
  #page-facilities .column h3.title::before, #page-facilities .column h3.title::after {
    width: 6rem;
  }
  #page-facilities .column.number3 {
    margin: 5rem calc(50% - 50vw);
    padding: 5rem calc(50vw - 50%);
    width: 100vw;
  }
  #page-facilities .column.number3 ul {
    display: block;
  }
  #page-facilities .column.number3 ul li {
    margin-bottom: 3rem;
  }
  #page-facilities .column.number3 ul li div:nth-child(2) {
    padding: 1.5rem;
    width: 90%;
    margin: -3rem auto 0;
  }
  #page-facilities .column.number3 ul li div:nth-child(2) h4 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  #page-facilities .column.number3 ul li div:nth-child(2) p:nth-child(2) {
    font-size: 1.3rem;
  }
  #page-facilities .column.number3 ul li div:nth-child(2) p:nth-last-child(1) {
    margin-top: 1em;
  }
  #page-facilities .column.number3 ul li div:nth-child(2) p:nth-last-child(1) a {
    height: calc( 93vw / 750 * 100 );
    line-height: calc( 93vw / 750 * 100 );
  }
  #page-facilities .column.number3 ul li div:nth-child(2) p:nth-last-child(1) a::after {
    content: "";
    display: block;
    background: url(../img/more_arrow_green.svg) center center no-repeat;
    background-size: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 2rem;
    width: 1.8rem;
  }
  #page-facilities .column.number3 ul li:nth-child(1) div:nth-child(2) p:nth-child(2) br {
    display: none;
  }
  #page-facilities .column.number3 .facilities_list .col_2_box {
    display: block;
    margin-bottom: 3rem;
  }
  #page-facilities .column.number3 .facilities_list .col_2_box .txt {
    padding: 1.5rem;
    width: 90%;
    margin: -3rem auto 0;
  }
  #page-facilities .column.number3 .facilities_list .col_2_box .txt h4 {
    font-size: 2rem;
    margin-bottom: 1rem;
    text-align: center;
  }
  #page-facilities .column.number3 .facilities_list .col_2_box .txt p.more a {
    font-size: 1.4rem;
  }
  #page-facilities .column.number3 .facilities_list .col_1_box {
    padding: 0 1.5rem 1.5rem;
  }
  #page-facilities .column.number3 .facilities_list .col_1_box h4 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    text-align: center;
  }
  #page-facilities .column.number3 .facilities_list .col_1_box h4 span {
    font-size: 1.6rem;
  }
  #page-facilities .column .service_list li {
    display: block;
    padding: 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  #page-facilities .column .service_list li h4 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  #page-facilities .column .service_list li h4 span {
    width: 4rem;
    margin-right: 2rem;
  }
  #page-facilities .column .footer_link {
    margin: 5rem 0 3rem;
  }
  #page-facilities .column .footer_link li a {
    font-size: calc( 16vw / 375 * 100 );
    height: calc( 100vw / 750 * 100 );
    line-height: calc( 100vw / 750 * 100 );
  }
  #page-facilities .column .footer_link li a::before {
    left: calc( 100vw / 750 * 100 );
    width: calc( 50vw / 750 * 100 );
  }
  #page-facilities .column .footer_link li a::after {
    right: calc( 70vw / 750 * 100 );
    width: calc( 40vw / 750 * 100 );
  }
  #page-facilities .column .footer_link li:nth-child(2) {
    margin-top: calc( 30vw / 750 * 100 );
  }
  #page-facilities .column .footer_link li:nth-child(2) a::before {
    left: calc( 110vw / 750 * 100 );
    width: calc( 40vw / 750 * 100 );
  }

  #page-spring .column {
    margin-bottom: 5rem;
  }
  #page-spring .column h3 {
    font-family: 'Noto Serif JP',"游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
    font-weight: normal;
    font-size: 2.4rem;
    text-align: center;
  }
  #page-spring .column .about_spring .spring_slide {
    width: 80%;
    margin: auto;
  }
  #page-spring .column .about_spring .spring_slide .slick-prev, #page-spring .column .about_spring .spring_slide .slick-next {
    width: 3rem;
  }
  #page-spring .column .about_spring .spring_slide .slick-prev::before, #page-spring .column .about_spring .spring_slide .slick-next::before {
    background-size: 100%;
  }
  #page-spring .column .about_spring .spring_slide .slick-next {
    right: -4rem;
  }
  #page-spring .column .about_spring .spring_slide .slick-prev {
    left: -4rem;
  }
  #page-spring .column .about_spring table {
    margin-top: 1em;
  }
  #page-spring .column .about_spring table th, #page-spring .column .about_spring table td {
    display: block;
    margin-top: -1px;
  }
  #page-spring .column.number3 {
    margin: 0 calc(50% - 50vw);
    padding: 5rem calc(50vw - 50%);
    width: 100vw;
  }
  #page-spring .column.number3 h3 {
    font-size: 2rem;
  }
  #page-spring .column.number3 dl {
    margin-top: 1em;
  }
  #page-spring .column.number3 dl dt, #page-spring .column.number3 dl dd {
    margin: 0 2rem;
    padding: 2rem 0;
  }
  #page-spring .column.number3 dl dt {
    border-right: none;
    border-bottom: 1px solid;
    font-size: 2rem;
  }
  #page-spring .column.number3 dl:nth-child(2) dd li {
    margin: .5em 0;
  }
  #page-spring .column.number3 dl:nth-child(2) dd li span {
    background: #fafcf1;
    display: inline-block;
    padding: 0 1rem;
  }
  #page-spring .column.number3 dl:nth-child(3) dd ul {
    display: flex;
    flex-wrap: wrap;
  }
  #page-spring .column.number3 dl:nth-child(3) dd ul li {
    width: 50%;
  }
  #page-spring .column.number3 dl:nth-child(3) dd ul li::before {
    content: "・";
  }
  #page-spring .column.number3 dl:nth-child(3) dd p {
    margin: 1em 0 0;
  }
  #page-spring .column.number4 {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
  #page-spring .column.number4 .spring_higaeri {
    padding: calc( 50vw / 750 * 100 );
    margin-bottom: 5rem;
  }
  #page-spring .column.number4 .spring_higaeri .time {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }

  #page-spa .pagetop_txt p {
    text-align: left;
  }
  #page-spa .pagetop_list {
    margin-bottom: calc( 100vw / 750 * 100 );
    display: flex;
  }
  #page-spa .pagetop_list li {
    border-width: 0 1px;
    margin-bottom: 2em;
    width: 50%;
  }
  #page-spa .pagetop_list li:nth-last-child(1) {
    border-left: none;
  }
  #page-spa .pagetop_list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: .5em 0;
  }
  #page-spa .pagetop_list li a::after {
    bottom: -.8em;
    left: 0;
    right: 0;
    margin: auto;
    border: .6rem solid;
    border-color: #5b6b5e transparent transparent transparent;
  }
  #page-spa .column h3 {
    font-family: 'Noto Serif JP',"游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
    font-weight: normal;
    font-size: 2.4rem;
    text-align: center;
  }
  #page-spa .column .about_spring h4 {
    font-size: 2rem;
    margin-top: 1em;
  }
  #page-spa .column .about_spring .spring_slide {
    width: 80%;
    margin: auto;
  }
  #page-spa .column .about_spring .spring_slide .slick-prev, #page-spa .column .about_spring .spring_slide .slick-next {
    width: 3rem;
  }
  #page-spa .column .about_spring .spring_slide .slick-prev::before, #page-spa .column .about_spring .spring_slide .slick-next::before {
    background-size: 100%;
  }
  #page-spa .column .about_spring .spring_slide .slick-next {
    right: -4rem;
  }
  #page-spa .column .about_spring .spring_slide .slick-prev {
    left: -4rem;
  }
  #page-spa .column .about_spring table {
    margin-top: 1em;
  }
  #page-spa .column .about_spring table th, #page-spa .column .about_spring table td {
    display: block;
    margin-top: -1px;
  }
  #page-spa .column .about_spring table tr:nth-child(2) span {
    font-size: 1.2rem;
  }
  #page-spa .column .about_spring table tr:nth-child(4) ul li::before {
    content: "・";
  }
  #page-spa .column .leisuire_box h3 {
    font-weight: normal;
  }
  #page-spa .column .leisuire_box h3 span {
    display: block;
    font-size: 1.4rem;
  }
  #page-spa .column .leisuire_box ul {
    margin: 3rem 0 0;
  }
  #page-spa .column .leisuire_box ul li {
    margin-bottom: 5rem;
  }
  #page-spa .column .leisuire_box ul li h4 {
    text-align: center;
    font-size: 2rem;
    padding: 1rem 0;
  }
  #page-spa .column.number3 .top_txt br {
    display: none;
  }
  #page-spa .column.number3 .top_txt span {
    display: block;
  }
  #page-spa .column.number3 .top_txt span.attention {
    text-align: left;
  }
  #page-spa .column.number3 .top_txt span.attention br {
    display: block;
  }

  #page-esthetic .column {
    margin-bottom: 5rem;
  }
  #page-esthetic .column h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Serif JP',"游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
    font-size: 2.4rem;
    font-weight: normal;
  }
  #page-esthetic .column h3 span {
    display: block;
    font-size: 1.6rem;
  }
  #page-esthetic .column h3::before, #page-esthetic .column h3::after {
    width: 8%;
  }
  #page-esthetic .column h3::before {
    margin-left: 0;
    margin-right: .5em;
  }
  #page-esthetic .column h3::after {
    margin-right: 0;
    margin-left: .5em;
  }
  #page-esthetic .column.number2 {
    margin-bottom: calc( 100vw / 750 * 100 );
  }
  #page-esthetic .column.number2 .photos-top ul {
    display: flex;
    justify-content: center;
    margin: 1.3333333333vw 0;
  }
  #page-esthetic .column.number2 .photos-top ul li {
    width: calc((100% - ( 40vw / 750 * 100 )) / 5) !important;
    margin: 0px 1.3333333333vw 0 !important;
  }
  #page-esthetic .column.number2 .photos-top ul li:nth-last-child(1) {
    margin-left: 0;
  }
  #page-esthetic .column.number2 .plandetail-conformity .yoyaku .you_yoyaku {
    font-size: 1.6rem;
  }
  #page-esthetic .column.number2 .plandetail-conformity .yoyaku .naisen {
    font-size: 2rem;
  }
  #page-esthetic .column.number2 .plandetail-conformity .yoyaku .jikan {
    display: flex;
    justify-content: center;
  }
  #page-esthetic .column.number2 .plandetail-conformity .yoyaku .jikan p {
    margin: 0 1em;
  }
  #page-esthetic .column dl dt {
    font-size: 1.6rem;
    padding: 0;
    margin-top: 0;
  }
  #page-esthetic .column dl dd {
    padding: 1rem 0rem;
    padding-top: 0;
  }
  #page-esthetic .column dl dd .txt > p {
    margin: 0;
    font-weight: bold;
    font-size: 1.6rem;
  }
  #page-esthetic .column dl dd .txt ul li {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dotted #ccc;
  }
  #page-esthetic .column dl dd .txt ul li p:nth-child(2) {
    text-align: right;
  }
  #page-esthetic .column .option {
    padding: 2rem;
  }
  #page-esthetic .column .option ul li {
    display: flex;
    font-size: 1.6rem;
  }
  #page-esthetic .column .option ul li p:nth-last-child(1) {
    margin: 0 0 0 auto;
  }
  #page-esthetic .column .option > p {
    text-align: right;
    margin-top: .5em;
  }
  #page-esthetic .column .zeinuki {
    text-align: right;
    margin-top: .5em;
  }
  #page-esthetic .column .attention p {
    margin-left: 1em;
    text-indent: -1em;
  }

  #page-sitemap .column-inner .sitemap {
    margin-top: 5rem;
  }
  #page-sitemap .column-inner .sitemap .box1 {
    width: 100%;
  }
  #page-sitemap .column-inner .sitemap .box1 .cont a {
    font-size: 1.6rem;
  }
  #page-sitemap .column-inner .sitemap .box1 .cont ul {
    padding: 0;
  }
  #page-sitemap .column-inner .sitemap .box1 .cont ul a {
    font-size: 1.4rem;
  }
}