@charset "UTF-8";
/* Scss Document */
@media screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: 100%;
    font-size: 1.4rem;
    position: relative;
    width: 100vw;
    overflow-x: hidden;
  }

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

  iframe {
    width: 100%;
  }

  .pcmode {
    display: none;
  }

  .spmode {
    display: inherit;
  }

  .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;
  }

  .container img {
    width: 100%;
    vertical-align: bottom;
  }

  /*
  --------------------------------------------------
  	header
  -------------------------------------------------- */
  .headerWrap {
    height: 60px;
    z-index: 100;
  }

  .header_wrap {
    z-index: 100;
  }
.top_copy{
	display: none!important;
}
  #page-home .top_copy {
    display: none !important;
  }

  #page_home header h1 .top_logo {
    display: block;
  }
  #page_home header h1 .ud_logo {
    display: none;
  }

  header {
    width: 100%;
    height: auto;
  }
  header .header-inner {
    width: 100%;
  }
  header .header-inner-inner {
    display: block;
  }
  header h1 {
    font-size: 16px;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
  }
  header h1 .top_logo {
    display: none;
  }
  header h1 .ud_logo {
    display: block;
  }
  header h1 a#logo {
    display: block;
    padding: 0 0 0 10px;
  }
  header h1.logo a {
    font-size: 18px;
    padding: 8px;
    height: 40px;
    display: block;
  }
  header .hnavSP {
    display: inline;
  }
  header .hnavSP li.hnav01, header .hnavSP li.hnav02 {
    float: left;
    text-align: center;
    vertical-align: middle;
    background: #000;
    margin-right: 4px;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 4px 0;
  }
  header .hnavSP li a {
    color: #fff;
    display: block;
  }
  header .hnavSP .fa {
    font-size: 28px;
  }
  header .hnavSP .text {
    display: block;
    line-height: 12px;
  }
  header .langnav {
    top: 45px;
    width: 100px;
    right: 38px;
    display: none;
    z-index: 10000;
  }
  header .langnav li {
    margin: 0;
  }
  header .langnav li a {
    display: block;
    width: 100px;
    border: 1px solid #000000;
    padding: 6px 6px 6px 20px;
    border-top: none;
    background: #fff url(../img/langnav_arrow.png) no-repeat left 10px center;
  }
  header .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 4px 1px rgba(0, 0, 0, 0.18);
  	}*/
  /*navigation*/
  nav.gnav {
    display: none;
  }

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

  .menu_en a, .menu_tel a {
    width: calc(100vw / 4);
    /*	height: 65px;*/
    height: calc(130vw/750 * 100);
    border: 1px solid #fff;
    background: #52abae;
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
  }
  .menu_en a span, .menu_tel a span {
    display: block;
  }
  .menu_en i, .menu_tel i {
    font-size: 3rem;
    margin-top: 8px;
  }

  .menu_en {
    right: 98px;
    cursor: pointer;
  }

  .menu_tel a {
    right: 52px;
  }

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

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

  /*問い合わせ・宿泊プラン・*/
  .cnav {
    display: flex;
    right: 0;
  }
  .cnav label {
    margin: -30px 10px 0 auto;
  }
  .cnav label::after {
    bottom: auto;
    top: 15px;
    right: 8px;
  }
  .cnav #menuOn:checked + menu::after {
    content: none;
  }
  .cnav .header_tel, .cnav .header_plan, .cnav .header_form {
    display: none;
  }

  /* スマホ用モーダルメニュー */
  .nav {
    width: 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: 36px;
    line-height: 36px;
    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 10px;
  }
  .nav li.nav01 a.sp_hd {
    opacity: 1;
  }
  .nav li.nav01 .sp_hd {
    background: #4c4c4c;
    color: #fff;
    font-size: 14px;
  }
  .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 10px;
    font-size: 14px;
  }
  .nav li.li12 a {
    font-size: 10px !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 10px;
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    text-decoration: none;
    background-image: url(../img/common/arr_topics.png);
    background-position: 0 center;
    background-repeat: no-repeat;
  }

  /* 開閉用ボタンがクリックされた時のスタイル */
  .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: 50px 30px;
    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: 30px;
    text-decoration: none;
    position: absolute;
    width: 100%;
    text-align: right;
    background: url(../img/drop_close.png) no-repeat center right 10px;
    background-size: 20px;
    height: 40px;
  }
  .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: 45px;
    line-height: 45px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    border-top: 1px solid #ddd;
    border-bottom: none;
  }
  /*スマホ用モーダルメニューここまで*/
  .floating_nav, .floating_nav2 {
	bottom: 0;
	height: calc(130vw/750 * 100);
	position: fixed;
  }
  .floating_nav{
  	right: 0;
    width: calc(100%/4);
  }
  .floating_nav2{
    width: calc(100%/4);
  }
  .floating_nav ul, .floating_nav2 ul {
    width: calc(100vw / 4);
    height: calc(130vw/750 * 100);
    border: 1px solid #fff;
    background: #52abae;
	margin: 0;
  }
  .floating_nav .header_nav p, .floating_nav .header_bk_nav p, .floating_nav2 .header_nav p, .floating_nav2 .header_bk_nav p {
    padding-top: calc( 90vw/750 * 100);
  }
  .floating_nav .header_nav .header_nav_inner, .floating_nav .header_bk_nav .header_nav_inner, .floating_nav2 .header_nav .header_nav_inner, .floating_nav2 .header_bk_nav .header_nav_inner {
    top: calc( 20vw/750 * 100);
  }

  .floating_nav2 {
    right: calc(100vw / 4 * 2);
  }
  .floating_nav2 .header_bk_nav img {
    width: calc( 75vw/750 * 100);
    top: calc( 20vw/750 * 100);
  }

  .floating_faq {
    bottom: 0;
    top: auto;
    width: calc(100vw / 4);
    /*	height: 65px;*/
    height: calc(130vw/750 * 100);
    border: 1px solid #fff;
    background: #52abae;
    right: calc(100vw / 4);
    text-align: center;
  }
  .floating_faq img.sp {
    width: calc( 75vw/750 * 100);
    margin-top: calc( 10vw/750 * 100);
    display: inline;
  }
  .floating_faq img.pc {
    display: none;
  }
  .floating_faq a {
    color: #fff;
    background: none;
    border: none;
    line-height: 1;
    padding: 0;
  }
  .floating_faq a span {
    display: none;
  }
  .floating_faq a::after {
    content: "FAQ";
    transform: rotate(0deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
    border: none;
    left: -50%;
    right: -50%;
    display: block;
    margin: auto;
    position: absolute;
    top: calc( 90vw/750 * 100);
  }

  .main_cover, .main_cover2 {
    height: calc(100% - calc(130vw/750 * 100));
  }

  .nav.menu, .nav.bk {
    height: calc(100% - calc(130vw/750 * 100));
    top: 0;
    left: 0;
    transform: none;
    padding: 0;
    overflow-y: scroll;
  }

  .nav.menu div {
    width: 100%;
    display: block;
  }
  .nav.menu ul {
    border: 1px solid #fff;
    border-bottom: none;
  }
  .nav.menu ul li {
    margin: 0;
    border-bottom: 1px solid #fff;
    position: relative;
  }
  .nav.menu ul li a {
    margin-left: 1em;
    display: block;
    padding: 10px 0;
  }
  .nav.menu ul li::before {
    position: absolute;
    left: auto;
    right: 0;
    top: 25%;
  }

  .nav.bk {
    width: 100%;
  }
  .nav.bk .nav_inner {
    padding: 15px;
  }
  .nav.bk .nav_inner select, .nav.bk .nav_inner input {
    padding: 5px;
    font-size: 1.6rem;
  }
  .nav.bk .nav_inner .day_start {
    margin-bottom: 10px;
  }
  .nav.bk .nav_inner .day_start select, .nav.bk .nav_inner .day_end select {
    margin-right: 5px;
  }
  .nav.bk .nav_inner .day img {
    width: 20px;
  }
  .nav.bk .nav_inner .ui-datepicker-multi .ui-datepicker-group {
    float: none !important;
  }

  /*--------------------------------------------------
  	main
  -------------------------------------------------- */
  /*MVエラー調整*/
  .main-photo {
    height: auto !important;
  }

  .main-photo-inner {
    height: auto !important;
  }
  .main-photo-inner img {
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-top: 0px !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    position: static !important;
  }

  /*
  --------------------------------------------------
  	Page structure
  -------------------------------------------------- */
  .viewer {
    z-index: 0;
  }
  .viewer ul {
    width: 100% !important;
  }
  .viewer ul li {
    width: 100% !important;
  }

  .nav_wrap {
    display: none;
  }

  .content {
    margin: 20px 0;
  }
  .content .inner {
    margin: 0 20px;
    width: calc(100% - 40px);
  }
  .content h2 {
    width: 100%;
    letter-spacing: 0;
    font-size: 18px;
    margin: 30px 0 10px 0;
  }
  .content h2.hd {
    position: absolute;
    top: 0;
    z-index: -1;
  }

  div#top_1column {
    width: 100%;
  }

  /*--------------------------------------------------
  	記事
  -------------------------------------------------- */
  .column-inner {
    width: 100%;
    margin-bottom: 50px;
    padding: 0;
    border: none;
  }
  .column-inner h3 {
    color: #27969a;
    text-align: center;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro",  serif;
    font-size: 2.4rem;
    letter-spacing: 0rem;
    margin: 10px 0;
  }
  .column-inner h4 {
    font-size: 1.8rem;
  }

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

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

  .plandetail {
    overflow: inherit;
  }
  .plandetail img {
    width: 100%;
  }

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

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

  .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;
  }

  /* Tab Style */
  ul.ui-tabs-nav li {
    width: 33%;
    margin-right: 1px;
  }
  ul.ui-tabs-nav li a {
    width: 100%;
    font-size: 14px;
    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;
    margin-bottom: 50px;
    z-index: 40;
  }
  .move ul li a {
    width: 50px;
    height: 50px;
    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: 40px;
    margin-bottom: 0;
  }
  .move.stop a {
    position: absolute;
    background: #526894 url(../img/arrowtop_w.png) no-repeat center right 10px;
    background-size: 20px;
    width: 100%;
    height: 40px;
    border-radius: 0;
    padding: 0;
    line-height: 40px;
    text-indent: 1px;
    color: #fff;
    text-align: center;
  }

  /*reservation Area */
  #reservation_area {
    background: #474747;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 20px 0 20px 0;
    margin-top: -0.5em;
    overflow: hidden;
  }
  #reservation_area select {
    padding: 6px;
  }
  #reservation_area input {
    padding: 6px 4px;
  }
  #reservation_area input#datepicker {
    width: 100%;
    float: left;
    margin-right: 20px;
    font-size: 18px;
  }
  #reservation_area .btn_submit.sp input {
    display: inherit;
    margin-top: 10px;
  }
  #reservation_area .btn_submit input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0;
    -webkit-appearance: none;
  }
  #reservation_area .btn_submit input.search {
    height: 50px;
  }
  #reservation_area .inner {
    width: 90%;
    margin: 0 auto;
  }
  #reservation_area h3.search_title {
    width: 100%;
    font-size: 20px;
    margin: 0;
  }
  #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: 32%;
  }
  #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: 20px;
    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 {
    width: calc( 590vw/750 * 100);
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .more a {
    width: 100%;
    margin: 10px auto;
    height: 40px;
    line-height: 40px;
  }

  /*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 {
    background: #27969a;
    color: #fff;
    padding: 10px 0 65px;
    margin: 50px 0 0;
  }
  footer .infoPhoto img {
    width: 200px;
  }
  footer .rowWrap {
    margin: 20px 0;
  }
  footer .infoPhoto, footer .infoaddress, footer .infoText {
    float: none;
    width: auto;
  }
  footer .information {
    margin: 0 20px;
    width: calc(100% - 40px);
  }
  footer .information .information-inner {
    padding: calc( 25vw/750 * 100) 0;
  }
  footer .information .footer_sns li {
    margin-left: 10px;
  }
  footer .information .footer_sns img {
    width: calc( 65vw/750 * 100);
  }
  footer .information .information-access h4 {
    margin-bottom: 8px;
  }
  footer .information .information-access .tel a {
    color: #fff;
    text-decoration: underline;
  }
  footer .information .information-access .address {
    font-size: 1rem;
    margin-bottom: 5px;
  }
  footer .information .information-access .footer_tel, footer .information .information-access .footer_fax {
    font-size: 1rem;
    display: inline-block;
    margin-right: 1em;
  }
  footer .information-photo {
    width: 100%;
    float: none;
    text-align: center;
  }
  footer .information-access, footer .information-read {
    overflow: inherit;
    width: 90%;
    margin: 0 auto;
  }
  footer nav#footerMenu {
    display: none;
  }
  footer .copyright {
    background: #001732;
    text-align: center;
    line-height: 30px;
    font-size: 10px;
  }
  footer .copyright small {
    font-size: calc( 24vw/750 * 100);
  }

  .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;
  }

  /*--------------------------------------------------
  	下層テンプレート
  -------------------------------------------------- */
  .foot_group_link {
    padding: 0 20px;
  }
  .foot_group_link ul {
    flex-direction: column;
  }
  .foot_group_link ul li {
    margin-bottom: 10px;
  }

  .slide_banner {
    margin-bottom: 22px;
  }
  .slide_banner .slider {
    background: #ccc;
    width: calc( 640vw/750 * 100);
    padding: 10px 0;
    margin: auto;
  }
  .slide_banner .slider .slick-slide {
    font-size: 0;
    border: 1px solid #333;
    margin: 0 5px;
  }
  .slide_banner .slider .slick-prev, .slide_banner .slider .slick-next {
    width: 25px;
  }
  .slide_banner .slider .slick-prev {
    left: -18px;
  }
  .slide_banner .slider .slick-prev:before {
    opacity: 1;
    content: "　";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin: auto 0 auto auto;
    border-right: solid 3px #27969a;
    border-bottom: solid 3px #27969a;
    -webkit-transform: rotate(-225deg) translate3d(0, 0, 0);
    transform: rotate(-225deg) translate3d(0, 0, 0);
  }
  .slide_banner .slider .slick-next {
    right: -20px;
  }
  .slide_banner .slider .slick-next:before {
    opacity: 1;
    content: "　";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px;
    margin: auto 0 auto auto;
    border-right: solid 3px #27969a;
    border-bottom: solid 3px #27969a;
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    transform: rotate(-45deg) translate3d(0, 0, 0);
  }

  #page-home .mv_slider .slick-dots, #page-en .mv_slider .slick-dots, #page-tw .mv_slider .slick-dots, #page-cn .mv_slider .slick-dots, #page-kr .mv_slider .slick-dots {
    bottom: 50vw;
    margin: auto;
  }
  #page-home .content .inner, #page-en .content .inner, #page-tw .content .inner, #page-cn .content .inner, #page-kr .content .inner {
    margin: 0;
    width: 100%;
  }
  #page-home h3, #page-en h3, #page-tw h3, #page-cn h3, #page-kr h3 {
    color: #27969a;
    text-align: center;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro",  serif;
    font-size: 2.5rem;
    letter-spacing: .5rem;
  }
  #page-home .top_pickup, #page-en .top_pickup, #page-tw .top_pickup, #page-cn .top_pickup, #page-kr .top_pickup {
    padding-bottom: calc( 75vw/750 * 100);
  }
  #page-home .top_pickup ul, #page-en .top_pickup ul, #page-tw .top_pickup ul, #page-cn .top_pickup ul, #page-kr .top_pickup ul {
    flex-wrap: wrap;
    margin: 0 20px;
	justify-content: space-between;
  }
  #page-home .top_pickup ul li, #page-en .top_pickup ul li, #page-tw .top_pickup ul li, #page-cn .top_pickup ul li, #page-kr .top_pickup ul li {
    width: 48%;
    margin-top: calc( 33vw/750 * 100);
	margin-left: 0;
	margin-right: 0;
  }
  #page-home .top_pickup ul li a, #page-en .top_pickup ul li a, #page-tw .top_pickup ul li a, #page-cn .top_pickup ul li a, #page-kr .top_pickup ul li a {
    display: block;
    font-size: 0;
  }
  #page-home .top_pickup ul li img, #page-en .top_pickup ul li img, #page-tw .top_pickup ul li img, #page-cn .top_pickup ul li img, #page-kr .top_pickup ul li img {
    border: 2px solid #888;
  }
  #page-home #news, #page-en #news, #page-tw #news, #page-cn #news, #page-kr #news {
    background: url("../img/top_news_bg_sp.jpg") center top;
    background-size: cover;
    padding: calc( 80vw/750 * 100) 0 calc( 80vw/750 * 100);
  }
  #page-home #news h2.hd, #page-en #news h2.hd, #page-tw #news h2.hd, #page-cn #news h2.hd, #page-kr #news h2.hd {
    font-size: 2.5rem;
  }
  #page-home #news .column .plandetail, #page-en #news .column .plandetail, #page-tw #news .column .plandetail, #page-cn #news .column .plandetail, #page-kr #news .column .plandetail {
    margin: 0 20px 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed;
  }
  #page-home #news .column h3, #page-en #news .column h3, #page-tw #news .column h3, #page-cn #news .column h3, #page-kr #news .column h3 {
    letter-spacing: 0;
    font-size: 1.4rem;
    text-align: left;
  }
  #page-home #news .column .statement_link a, #page-en #news .column .statement_link a, #page-tw #news .column .statement_link a, #page-cn #news .column .statement_link a, #page-kr #news .column .statement_link a {
    margin: 5px 0 0 auto;
  }
  #page-home #news .more, #page-en #news .more, #page-tw #news .more, #page-cn #news .more, #page-kr #news .more {
    margin-top: 20px;
  }
  #page-home .top_stayplan, #page-en .top_stayplan, #page-tw .top_stayplan, #page-cn .top_stayplan, #page-kr .top_stayplan {
    margin: calc( 80vw/750 * 100) 20px;
  }
  #page-home .top_stayplan ul, #page-en .top_stayplan ul, #page-tw .top_stayplan ul, #page-cn .top_stayplan ul, #page-kr .top_stayplan ul {
    flex-direction: column;
  }
  #page-home .top_stayplan ul a, #page-en .top_stayplan ul a, #page-tw .top_stayplan ul a, #page-cn .top_stayplan ul a, #page-kr .top_stayplan ul a {
    color: #333;
  }
  #page-home .top_stayplan ul li, #page-en .top_stayplan ul li, #page-tw .top_stayplan ul li, #page-cn .top_stayplan ul li, #page-kr .top_stayplan ul li {
    margin-top: calc( 50vw/750 * 100);
  }
  #page-home .top_stayplan ul img, #page-en .top_stayplan ul img, #page-tw .top_stayplan ul img, #page-cn .top_stayplan ul img, #page-kr .top_stayplan ul img {
    height: calc( 400vw/750 * 100);
    object-fit: cover;
  }
  #page-home .top_stayplan .plan_caption a, #page-en .top_stayplan .plan_caption a, #page-tw .top_stayplan .plan_caption a, #page-cn .top_stayplan .plan_caption a, #page-kr .top_stayplan .plan_caption a {
    color: #3b221c;
    font-weight: bold;
    font-size: 1.6rem;
  }
  #page-home .top_stayplan .more, #page-en .top_stayplan .more, #page-tw .top_stayplan .more, #page-cn .top_stayplan .more, #page-kr .top_stayplan .more {
    margin-top: 20px;
  }
  #page-home .top_room, #page-en .top_room, #page-tw .top_room, #page-cn .top_room, #page-kr .top_room {
    padding: calc( 80vw/750 * 100) 20px;
    background: #eee;
  }
  #page-home .top_room ul, #page-en .top_room ul, #page-tw .top_room ul, #page-cn .top_room ul, #page-kr .top_room ul {
    flex-direction: column;
    color: #3b221c;
  }
  #page-home .top_room ul li, #page-en .top_room ul li, #page-tw .top_room ul li, #page-cn .top_room ul li, #page-kr .top_room ul li {
    margin-top: 25px;
  }
  #page-home .top_room .more, #page-en .top_room .more, #page-tw .top_room .more, #page-cn .top_room .more, #page-kr .top_room .more {
    margin-top: 20px;
  }
  #page-home .top_access, #page-en .top_access, #page-tw .top_access, #page-cn .top_access, #page-kr .top_access {
    padding: calc( 80vw/750 * 100) 0;
  }
  #page-home .top_access iframe, #page-en .top_access iframe, #page-tw .top_access iframe, #page-cn .top_access iframe, #page-kr .top_access iframe {
    margin-top: calc( 30vw/750 * 100);
  }
  #page-home .top_access .top_access_list, #page-en .top_access .top_access_list, #page-tw .top_access .top_access_list, #page-cn .top_access .top_access_list, #page-kr .top_access .top_access_list {
    padding: 0 20px 20px;
  }
  #page-home .top_access .top_access_list img, #page-en .top_access .top_access_list img, #page-tw .top_access .top_access_list img, #page-cn .top_access .top_access_list img, #page-kr .top_access .top_access_list img {
    margin-top: 20px;
  }

  .pagetop_caption {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }

  #page-home .mv_slider .slick-dots, #page-detail .mv_slider .slick-dots, #page-en .mv_slider .slick-dots, #page-tw .mv_slider .slick-dots, #page-cn .mv_slider .slick-dots, #page-kr .mv_slider .slick-dots {
    bottom: 300px;
  }
  #page-home .content, #page-home .wrapper, #page-detail .content, #page-detail .wrapper, #page-en .content, #page-en .wrapper, #page-tw .content, #page-tw .wrapper, #page-cn .content, #page-cn .wrapper, #page-kr .content, #page-kr .wrapper {
    margin-top: 0;
  }
  #page-home .top_pickup, #page-detail .top_pickup, #page-en .top_pickup, #page-tw .top_pickup, #page-cn .top_pickup, #page-kr .top_pickup {
    padding-top: 40px;
  }
  #page-home #panel, #page-detail #panel, #page-en #panel, #page-tw #panel, #page-cn #panel, #page-kr #panel {
    background: rgba(39, 150, 154, 0.8);
    color: #fff;
    position: relative;
    margin-top: -295px;
    height: 295px;
    /*		overflow: hidden;*/
  }
  #page-home #panel a, #page-detail #panel a, #page-en #panel a, #page-tw #panel a, #page-cn #panel a, #page-kr #panel a {
    color: #fff;
  }
  #page-home #panel h3, #page-detail #panel h3, #page-en #panel h3, #page-tw #panel h3, #page-cn #panel h3, #page-kr #panel h3 {
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    letter-spacing: 0;
    line-height: 1.2;
    font-size: 2.3rem;
  }
  #page-home #panel h3::before, #page-detail #panel h3::before, #page-en #panel h3::before, #page-tw #panel h3::before, #page-cn #panel h3::before, #page-kr #panel h3::before {
    content: "RESERVATION";
    font-size: 1.2rem;
    display: block;
  }
  #page-home #panel h4, #page-detail #panel h4, #page-en #panel h4, #page-tw #panel h4, #page-cn #panel h4, #page-kr #panel h4 {
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 5px;
  }
  #page-home #panel .search, #page-home #panel .hotel_link, #page-detail #panel .search, #page-detail #panel .hotel_link, #page-en #panel .search, #page-en #panel .hotel_link, #page-tw #panel .search, #page-tw #panel .hotel_link, #page-cn #panel .search, #page-cn #panel .hotel_link, #page-kr #panel .search, #page-kr #panel .hotel_link {
    display: none;
  }
  #page-home #panel input, #page-home #panel select, #page-detail #panel input, #page-detail #panel select, #page-en #panel input, #page-en #panel select, #page-tw #panel input, #page-tw #panel select, #page-cn #panel input, #page-cn #panel select, #page-kr #panel input, #page-kr #panel select {
    padding: 5px;
    font-size: 1.6rem;
  }
  #page-home #panel #form, #page-detail #panel #form, #page-en #panel #form, #page-tw #panel #form, #page-cn #panel #form, #page-kr #panel #form {
    padding: calc( 20vw / 750 * 100 ) calc( 20vw / 750 * 100 ) 0;
    position: relative;
  }
  #page-home #panel #form .bestrate, #page-detail #panel #form .bestrate, #page-en #panel #form .bestrate, #page-tw #panel #form .bestrate, #page-cn #panel #form .bestrate, #page-kr #panel #form .bestrate {
    position: absolute;
    left: calc( 15vw/750 * 100);
    top: calc( -136vw/750 * 100);
    width: calc( 183vw/750 * 100);
  }
  #page-home #panel .ui-datepicker-trigger, #page-detail #panel .ui-datepicker-trigger, #page-en #panel .ui-datepicker-trigger, #page-tw #panel .ui-datepicker-trigger, #page-cn #panel .ui-datepicker-trigger, #page-kr #panel .ui-datepicker-trigger {
    width: 20px;
  }
  #page-home #panel .room, #page-detail #panel .room, #page-en #panel .room, #page-tw #panel .room, #page-cn #panel .room, #page-kr #panel .room {
    margin-left: 20px;
  }
  #page-home #panel .day, #page-detail #panel .day, #page-en #panel .day, #page-tw #panel .day, #page-cn #panel .day, #page-kr #panel .day {
    display: flex;
    flex-wrap: wrap;
  }
  #page-home #panel .search_main, #page-detail #panel .search_main, #page-en #panel .search_main, #page-tw #panel .search_main, #page-cn #panel .search_main, #page-kr #panel .search_main {
    display: flex;
    flex-wrap: wrap;
  }
  #page-home #panel .search_main h4, #page-detail #panel .search_main h4, #page-en #panel .search_main h4, #page-tw #panel .search_main h4, #page-cn #panel .search_main h4, #page-kr #panel .search_main h4 {
    width: 100%;
  }
  #page-home #panel .search_main .day_start, #page-home #panel .search_main .day_end, #page-home #panel .search_main .day_count, #page-detail #panel .search_main .day_start, #page-detail #panel .search_main .day_end, #page-detail #panel .search_main .day_count, #page-en #panel .search_main .day_start, #page-en #panel .search_main .day_end, #page-en #panel .search_main .day_count, #page-tw #panel .search_main .day_start, #page-tw #panel .search_main .day_end, #page-tw #panel .search_main .day_count, #page-cn #panel .search_main .day_start, #page-cn #panel .search_main .day_end, #page-cn #panel .search_main .day_count, #page-kr #panel .search_main .day_start, #page-kr #panel .search_main .day_end, #page-kr #panel .search_main .day_count {
    position: relative;
  }
  #page-home #panel .search_main .day_start select, #page-home #panel .search_main .day_end select, #page-home #panel .search_main .day_count select, #page-detail #panel .search_main .day_start select, #page-detail #panel .search_main .day_end select, #page-detail #panel .search_main .day_count select, #page-en #panel .search_main .day_start select, #page-en #panel .search_main .day_end select, #page-en #panel .search_main .day_count select, #page-tw #panel .search_main .day_start select, #page-tw #panel .search_main .day_end select, #page-tw #panel .search_main .day_count select, #page-cn #panel .search_main .day_start select, #page-cn #panel .search_main .day_end select, #page-cn #panel .search_main .day_count select, #page-kr #panel .search_main .day_start select, #page-kr #panel .search_main .day_end select, #page-kr #panel .search_main .day_count select {
    margin-right: 5px;
  }
  #page-home #panel .search_main .day_count select, #page-detail #panel .search_main .day_count select, #page-en #panel .search_main .day_count select, #page-tw #panel .search_main .day_count select, #page-cn #panel .search_main .day_count select, #page-kr #panel .search_main .day_count select {
    margin-left: 5px;
  }
  #page-home #panel .search_main .day_end, #page-detail #panel .search_main .day_end, #page-en #panel .search_main .day_end, #page-tw #panel .search_main .day_end, #page-cn #panel .search_main .day_end, #page-kr #panel .search_main .day_end {
    padding-top: 10px;
  }
  #page-home #panel .btn, #page-detail #panel .btn, #page-en #panel .btn, #page-tw #panel .btn, #page-cn #panel .btn, #page-kr #panel .btn {
    text-align: center;
  }
  #page-home #panel .btn input, #page-detail #panel .btn input, #page-en #panel .btn input, #page-tw #panel .btn input, #page-cn #panel .btn input, #page-kr #panel .btn input {
    width: 180px;
    padding: 0px;
    margin: 10px auto 0;
  }

  #page-detail .mv_slider .slick-dots {
    bottom: 50px;
  }

  #page-room .pagetop_caption {
    margin-bottom: 0px;
  }

  #page-room .room_navi, #page-meeting .room_navi {
    margin-top: 20px;
    font-size: 1.8rem;
    background: #fbfbfb;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 20px 0;
    margin-bottom: 30px;
  }
  #page-room .room_navi ul, #page-meeting .room_navi ul {
    width: 16em;
    margin: auto;
    /*			li::before{
    				content: "";
    				display: block;
    				position: absolute;
    				top: -5px;
    				bottom: 0;
    				left: -15px;
    				width: 30px;
    				height: 15px;
    				margin: auto 0 auto auto;
    				border-bottom: solid 1px #27969a;
    				-webkit-transform: rotate(-65deg) translate3d(0, 0, 0);
    				transform: rotate(-65deg) translate3d(0, 0, 0);
    			}
    			li::after{
    				content: "";
    				display: block;
    				position: absolute;
    				top: -5px;
    				right: 0px;
    				bottom: 0;
    				left: 0;
    				width: 30px;
    				height: 15px;
    				margin: auto 0 auto auto;
    				border-bottom: solid 1px #27969a;
    				-webkit-transform: rotate(-65deg) translate3d(0, 0, 0);
    				transform: rotate(-65deg) translate3d(0, 0, 0);
    			}*/
  }
  #page-room .room_navi ul li, #page-meeting .room_navi ul li {
    position: relative;
    text-align: center;
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
  }
  #page-room .room_navi ul li:nth-last-child(1), #page-meeting .room_navi ul li:nth-last-child(1) {
    border: none;
  }
  #page-room .room_outline table th, #page-room .room_outline table td, #page-meeting .room_outline table th, #page-meeting .room_outline table td {
    display: block;
    text-align: left;
  }
  #page-room .room_outline table th, #page-meeting .room_outline table th {
    border-bottom: 1px solid #e5e5e5;
  }
  #page-room .caption_icon img, #page-meeting .caption_icon img {
    width: 10%;
  }
  #page-room .room_summary table th, #page-room .room_summary table td, #page-meeting .room_summary table th, #page-meeting .room_summary table td {
    display: block;
    text-align: left;
  }
  #page-room .room_summary table th, #page-meeting .room_summary table th {
    border-bottom: 1px solid #e5e5e5;
  }
  #page-room .more, #page-meeting .more {
    margin: auto;
  }

  .box_slide .sum_slide div, .box_slide .sum_slide2 div, .box_slide .sum_slide3 div, .box_slide .sum_slide4 div, .box_slide .sum_slide5 div, .box_slide .sum_slide6 div, .box_slide .sum_slide7 div, .box_slide .sum_slide8 div, .box_slide .sum_slide9 div, .box_slide .sum_slide10 div, .box_slide .sum_slide11 div, .box_slide .sum_slide12 div {
    font-size: 0;
  }
  .box_slide .sum_slide .slick-prev, .box_slide .sum_slide .slick-next, .box_slide .sum_slide2 .slick-prev, .box_slide .sum_slide2 .slick-next, .box_slide .sum_slide3 .slick-prev, .box_slide .sum_slide3 .slick-next, .box_slide .sum_slide4 .slick-prev, .box_slide .sum_slide4 .slick-next, .box_slide .sum_slide5 .slick-prev, .box_slide .sum_slide5 .slick-next, .box_slide .sum_slide6 .slick-prev, .box_slide .sum_slide6 .slick-next, .box_slide .sum_slide7 .slick-prev, .box_slide .sum_slide7 .slick-next, .box_slide .sum_slide8 .slick-prev, .box_slide .sum_slide8 .slick-next, .box_slide .sum_slide9 .slick-prev, .box_slide .sum_slide9 .slick-next, .box_slide .sum_slide10 .slick-prev, .box_slide .sum_slide10 .slick-next, .box_slide .sum_slide11 .slick-prev, .box_slide .sum_slide11 .slick-next, .box_slide .sum_slide12 .slick-prev, .box_slide .sum_slide12 .slick-next {
    height: 100%;
    width: 50%;
  }
  .box_slide .sum_slide .slick-prev::before, .box_slide .sum_slide .slick-next::before, .box_slide .sum_slide2 .slick-prev::before, .box_slide .sum_slide2 .slick-next::before, .box_slide .sum_slide3 .slick-prev::before, .box_slide .sum_slide3 .slick-next::before, .box_slide .sum_slide4 .slick-prev::before, .box_slide .sum_slide4 .slick-next::before, .box_slide .sum_slide5 .slick-prev::before, .box_slide .sum_slide5 .slick-next::before, .box_slide .sum_slide6 .slick-prev::before, .box_slide .sum_slide6 .slick-next::before, .box_slide .sum_slide7 .slick-prev::before, .box_slide .sum_slide7 .slick-next::before, .box_slide .sum_slide8 .slick-prev::before, .box_slide .sum_slide8 .slick-next::before, .box_slide .sum_slide9 .slick-prev::before, .box_slide .sum_slide9 .slick-next::before, .box_slide .sum_slide10 .slick-prev::before, .box_slide .sum_slide10 .slick-next::before, .box_slide .sum_slide11 .slick-prev::before, .box_slide .sum_slide11 .slick-next::before, .box_slide .sum_slide12 .slick-prev::before, .box_slide .sum_slide12 .slick-next::before {
    height: 100%;
    opacity: 1;
  }
  .box_slide .sum_slide .slick-prev::before, .box_slide .sum_slide2 .slick-prev::before, .box_slide .sum_slide3 .slick-prev::before, .box_slide .sum_slide4 .slick-prev::before, .box_slide .sum_slide5 .slick-prev::before, .box_slide .sum_slide6 .slick-prev::before, .box_slide .sum_slide7 .slick-prev::before, .box_slide .sum_slide8 .slick-prev::before, .box_slide .sum_slide9 .slick-prev::before, .box_slide .sum_slide10 .slick-prev::before, .box_slide .sum_slide11 .slick-prev::before, .box_slide .sum_slide12 .slick-prev::before {
    /*				background: url("/img/slick_allow_prev.png") center center no-repeat;*/
    background: none;
    background-size: 50%;
  }
  .box_slide .sum_slide .slick-next::before, .box_slide .sum_slide2 .slick-next::before, .box_slide .sum_slide3 .slick-next::before, .box_slide .sum_slide4 .slick-next::before, .box_slide .sum_slide5 .slick-next::before, .box_slide .sum_slide6 .slick-next::before, .box_slide .sum_slide7 .slick-next::before, .box_slide .sum_slide8 .slick-next::before, .box_slide .sum_slide9 .slick-next::before, .box_slide .sum_slide10 .slick-next::before, .box_slide .sum_slide11 .slick-next::before, .box_slide .sum_slide12 .slick-next::before {
    /*				background: url("/img/slick_allow_next.png") center center no-repeat;*/
    background: none;
    background-size: 50%;
  }
  .box_slide .sum_slide .slick-prev:hover::before, .box_slide .sum_slide .slick-next:hover::before, .box_slide .sum_slide2 .slick-prev:hover::before, .box_slide .sum_slide2 .slick-next:hover::before, .box_slide .sum_slide3 .slick-prev:hover::before, .box_slide .sum_slide3 .slick-next:hover::before, .box_slide .sum_slide4 .slick-prev:hover::before, .box_slide .sum_slide4 .slick-next:hover::before, .box_slide .sum_slide5 .slick-prev:hover::before, .box_slide .sum_slide5 .slick-next:hover::before, .box_slide .sum_slide6 .slick-prev:hover::before, .box_slide .sum_slide6 .slick-next:hover::before, .box_slide .sum_slide7 .slick-prev:hover::before, .box_slide .sum_slide7 .slick-next:hover::before, .box_slide .sum_slide8 .slick-prev:hover::before, .box_slide .sum_slide8 .slick-next:hover::before, .box_slide .sum_slide9 .slick-prev:hover::before, .box_slide .sum_slide9 .slick-next:hover::before, .box_slide .sum_slide10 .slick-prev:hover::before, .box_slide .sum_slide10 .slick-next:hover::before, .box_slide .sum_slide11 .slick-prev:hover::before, .box_slide .sum_slide11 .slick-next:hover::before, .box_slide .sum_slide12 .slick-prev:hover::before, .box_slide .sum_slide12 .slick-next:hover::before {
    opacity: 1;
  }
  .box_slide .sum_slide_nav, .box_slide .sum_slide_nav2, .box_slide .sum_slide_nav3, .box_slide .sum_slide_nav4, .box_slide .sum_slide_nav5, .box_slide .sum_slide_nav6, .box_slide .sum_slide_nav7, .box_slide .sum_slide_nav8, .box_slide .sum_slide_nav9, .box_slide .sum_slide_nav10, .box_slide .sum_slide_nav11, .box_slide .sum_slide_nav12 {
    background: #ccc;
    padding: 10px 40px;
  }
  .box_slide .sum_slide_nav .slick-current li, .box_slide .sum_slide_nav2 .slick-current li, .box_slide .sum_slide_nav3 .slick-current li, .box_slide .sum_slide_nav4 .slick-current li, .box_slide .sum_slide_nav5 .slick-current li, .box_slide .sum_slide_nav6 .slick-current li, .box_slide .sum_slide_nav7 .slick-current li, .box_slide .sum_slide_nav8 .slick-current li, .box_slide .sum_slide_nav9 .slick-current li, .box_slide .sum_slide_nav10 .slick-current li, .box_slide .sum_slide_nav11 .slick-current li, .box_slide .sum_slide_nav12 .slick-current li {
    background: #333;
  }
  .box_slide .sum_slide_nav .slick-current li img, .box_slide .sum_slide_nav2 .slick-current li img, .box_slide .sum_slide_nav3 .slick-current li img, .box_slide .sum_slide_nav4 .slick-current li img, .box_slide .sum_slide_nav5 .slick-current li img, .box_slide .sum_slide_nav6 .slick-current li img, .box_slide .sum_slide_nav7 .slick-current li img, .box_slide .sum_slide_nav8 .slick-current li img, .box_slide .sum_slide_nav9 .slick-current li img, .box_slide .sum_slide_nav10 .slick-current li img, .box_slide .sum_slide_nav11 .slick-current li img, .box_slide .sum_slide_nav12 .slick-current li img {
    opacity: .5;
  }
  .box_slide .sum_slide_nav .slick-slide div, .box_slide .sum_slide_nav2 .slick-slide div, .box_slide .sum_slide_nav3 .slick-slide div, .box_slide .sum_slide_nav4 .slick-slide div, .box_slide .sum_slide_nav5 .slick-slide div, .box_slide .sum_slide_nav6 .slick-slide div, .box_slide .sum_slide_nav7 .slick-slide div, .box_slide .sum_slide_nav8 .slick-slide div, .box_slide .sum_slide_nav9 .slick-slide div, .box_slide .sum_slide_nav10 .slick-slide div, .box_slide .sum_slide_nav11 .slick-slide div, .box_slide .sum_slide_nav12 .slick-slide div {
    font-size: 0;
    padding: 0 5px;
  }
  .box_slide .sum_slide_nav li, .box_slide .sum_slide_nav2 li, .box_slide .sum_slide_nav3 li, .box_slide .sum_slide_nav4 li, .box_slide .sum_slide_nav5 li, .box_slide .sum_slide_nav6 li, .box_slide .sum_slide_nav7 li, .box_slide .sum_slide_nav8 li, .box_slide .sum_slide_nav9 li, .box_slide .sum_slide_nav10 li, .box_slide .sum_slide_nav11 li, .box_slide .sum_slide_nav12 li {
    padding: 0;
  }
  .box_slide .sum_slide_nav .slick-prev, .box_slide .sum_slide_nav .slick-next, .box_slide .sum_slide_nav2 .slick-prev, .box_slide .sum_slide_nav2 .slick-next, .box_slide .sum_slide_nav3 .slick-prev, .box_slide .sum_slide_nav3 .slick-next, .box_slide .sum_slide_nav4 .slick-prev, .box_slide .sum_slide_nav4 .slick-next, .box_slide .sum_slide_nav5 .slick-prev, .box_slide .sum_slide_nav5 .slick-next, .box_slide .sum_slide_nav6 .slick-prev, .box_slide .sum_slide_nav6 .slick-next, .box_slide .sum_slide_nav7 .slick-prev, .box_slide .sum_slide_nav7 .slick-next, .box_slide .sum_slide_nav8 .slick-prev, .box_slide .sum_slide_nav8 .slick-next, .box_slide .sum_slide_nav9 .slick-prev, .box_slide .sum_slide_nav9 .slick-next, .box_slide .sum_slide_nav10 .slick-prev, .box_slide .sum_slide_nav10 .slick-next, .box_slide .sum_slide_nav11 .slick-prev, .box_slide .sum_slide_nav11 .slick-next, .box_slide .sum_slide_nav12 .slick-prev, .box_slide .sum_slide_nav12 .slick-next {
    width: 52px;
    height: 100%;
  }
  .box_slide .sum_slide_nav .slick-prev::before, .box_slide .sum_slide_nav .slick-next::before, .box_slide .sum_slide_nav2 .slick-prev::before, .box_slide .sum_slide_nav2 .slick-next::before, .box_slide .sum_slide_nav3 .slick-prev::before, .box_slide .sum_slide_nav3 .slick-next::before, .box_slide .sum_slide_nav4 .slick-prev::before, .box_slide .sum_slide_nav4 .slick-next::before, .box_slide .sum_slide_nav5 .slick-prev::before, .box_slide .sum_slide_nav5 .slick-next::before, .box_slide .sum_slide_nav6 .slick-prev::before, .box_slide .sum_slide_nav6 .slick-next::before, .box_slide .sum_slide_nav7 .slick-prev::before, .box_slide .sum_slide_nav7 .slick-next::before, .box_slide .sum_slide_nav8 .slick-prev::before, .box_slide .sum_slide_nav8 .slick-next::before, .box_slide .sum_slide_nav9 .slick-prev::before, .box_slide .sum_slide_nav9 .slick-next::before, .box_slide .sum_slide_nav10 .slick-prev::before, .box_slide .sum_slide_nav10 .slick-next::before, .box_slide .sum_slide_nav11 .slick-prev::before, .box_slide .sum_slide_nav11 .slick-next::before, .box_slide .sum_slide_nav12 .slick-prev::before, .box_slide .sum_slide_nav12 .slick-next::before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
  }
  .box_slide .sum_slide_nav .slick-prev::before, .box_slide .sum_slide_nav2 .slick-prev::before, .box_slide .sum_slide_nav3 .slick-prev::before, .box_slide .sum_slide_nav4 .slick-prev::before, .box_slide .sum_slide_nav5 .slick-prev::before, .box_slide .sum_slide_nav6 .slick-prev::before, .box_slide .sum_slide_nav7 .slick-prev::before, .box_slide .sum_slide_nav8 .slick-prev::before, .box_slide .sum_slide_nav9 .slick-prev::before, .box_slide .sum_slide_nav10 .slick-prev::before, .box_slide .sum_slide_nav11 .slick-prev::before, .box_slide .sum_slide_nav12 .slick-prev::before {
    background: url("/osaka/img/slick_allow_prev.png") center center no-repeat;
    background-size: 18px;
  }
  .box_slide .sum_slide_nav .slick-next::before, .box_slide .sum_slide_nav2 .slick-next::before, .box_slide .sum_slide_nav3 .slick-next::before, .box_slide .sum_slide_nav4 .slick-next::before, .box_slide .sum_slide_nav5 .slick-next::before, .box_slide .sum_slide_nav6 .slick-next::before, .box_slide .sum_slide_nav7 .slick-next::before, .box_slide .sum_slide_nav8 .slick-next::before, .box_slide .sum_slide_nav9 .slick-next::before, .box_slide .sum_slide_nav10 .slick-next::before, .box_slide .sum_slide_nav11 .slick-next::before, .box_slide .sum_slide_nav12 .slick-next::before {
    background: url("/osaka/img/slick_allow_next.png") center center no-repeat;
    background-size: 18px;
  }

  #page-service .top_navi {
    margin-bottom: 30px;
  }
  #page-service .top_navi ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #page-service .top_navi ul li {
    width: 49.5%;
    margin-bottom: 1%;
  }
  #page-service .sevice_cont h3 {
    margin-bottom: 20px;
  }
  #page-service .service_cont_txt p {
    margin-bottom: 1em;
  }
  #page-service .service_cont_txt p:nth-last-child(1) {
    margin: 0;
  }
  #page-service .service_cont_txt p:nth-last-child(1) span {
    font-size: 1.2rem;
  }
  #page-service .service_cont_ph {
    margin-top: 20px;
  }
  #page-service .add {
    display: flex;
  }
  #page-service .add p {
    margin: 0;
  }
  #page-service .add p span {
    font-size: 1.4rem;
  }
  #page-service .add p:nth-child(1) {
    border: 1px solid #b5b5b5;
    padding: 0 10px;
    margin-right: 15px;
  }
  #page-service .attention {
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-right: 0;
    padding: 10px;
    margin-top: 20px;
    font-size: 1.2rem;
  }
  #page-service .cont_box:nth-last-child(1) {
    margin-top: 20px;
  }
  #page-service .icon_list_box .icon_list p {
    font-weight: bold;
    font-size: 1.6rem;
  }
  #page-service .icon_list_box .icon_list li {
    border-bottom: 1px dashed #bfbfbf;
    padding: 15px 15px;
  }
  #page-service .icon_list_box .icon_list li ul {
    display: flex;
    flex-wrap: wrap;
  }
  #page-service .icon_list_box .icon_list li ul li {
    border: none;
    padding: 0;
    margin-right: 5px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    width: calc(100% / 2 - 5px);
  }
  #page-service .icon_list_box .icon_list li ul li img {
    width: 40px;
    margin-right: 5px;
  }
  #page-service .icon_list_box .icon_list li ul li img:hover {
    opacity: 0.1;
  }
  #page-service .icon_list_box .icon_list li ul li span {
    font-size: 1.2rem;
    margin: 0;
  }
  #page-service #anc4 .box_2col:nth-last-child(1) {
    margin-top: 20px;
  }

  #page-meeting .pagetop_caption {
    margin-bottom: 30px;
  }
  #page-meeting .pagetop_caption .caption_attention {
    font-size: 1.4rem;
  }
  #page-meeting .table_container {
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  #page-meeting .table_container table th, #page-meeting .table_container table td {
    white-space: nowrap;
  }
  #page-meeting .box_slide {
    margin-top: 20px;
  }
  #page-meeting .meeting_box .meeting_summary p {
    margin-bottom: 10px;
  }
  #page-meeting .meeting_box .meeting_summary p span {
    display: block;
    font-size: 1.2rem;
  }
  #page-meeting .meeting_box .meeting_summary li {
    margin-bottom: 20px;
  }
  #page-meeting .meeting_box table.short {
    width: 100%;
  }
  #page-meeting .meeting_box table.short th {
    width: 50%;
  }
  #page-meeting .meeting_box table.txt_left {
    border-collapse: collapse;
  }
  #page-meeting .meeting_box table.txt_left th, #page-meeting .meeting_box table.txt_left td {
    display: block;
  }
  #page-meeting .meeting_box table.txt_left th {
    border-left: none;
    border-top: none;
    border-right: none;
  }
  #page-meeting .meeting_box table.txt_left td {
    border: none;
  }

  #page-access .gmap {
    margin-bottom: 50px;
  }
  #page-access .access_map_box, #page-access .access_route {
    margin-top: 30px;
  }
  #page-access .access_route img {
    margin-top: 20px;
  }
  #page-access .access_guide li {
    margin-top: 50px;
  }
  #page-access .access_guide table {
    width: 100%;
  }
  #page-access .access_guide table th, #page-access .access_guide table td {
    display: block;
  }
  #page-access .guide ul li {
    width: 49%;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
  }
  #page-access .guide ul li .title {
    font-size: 1.6rem;
    margin: 5px 0 10px;
  }
  #page-access .guide ul li .caption, #page-access .guide ul li a {
    margin-left: 0;
    margin-right: 0;
    font-size: 1.2rem;
  }
  #page-access .guide .accordion {
    margin-top: 10px;
  }
  #page-access .guide .print_btn {
    margin-top: 20px;
  }
  #page-access .guide dt, #page-access .guide div.close {
    width: 100%;
  }

  #page-breakfast .box_slide {
    margin-top: 20px;
  }
  #page-breakfast .container table th, #page-breakfast .container table td {
    display: block;
  }

  #page-parking .print_btn {
    margin-top: 20px;
  }
  #page-parking h4 span {
    display: block;
    font-size: 1.2rem;
    text-align: right;
  }
  #page-parking table {
    margin-bottom: 20px;
    width: 100%;
  }
  #page-parking .container table th, #page-parking .container table td {
    display: block;
  }

  #page-faq .faq_navi {
    margin-top: 20px;
    font-size: 1.8rem;
    background: #fbfbfb;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 20px 0;
    margin-bottom: 30px;
  }
  #page-faq .faq_navi ul {
    width: 14em;
    margin: auto;
  }
  #page-faq .faq_navi ul li {
    position: relative;
    text-align: center;
    margin: 15px 0;
  }
  #page-faq .faq_navi ul li::before {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    bottom: 0;
    left: -15px;
    width: 30px;
    height: 15px;
    margin: auto 0 auto auto;
    border-bottom: solid 1px #27969a;
    -webkit-transform: rotate(-65deg) translate3d(0, 0, 0);
    transform: rotate(-65deg) translate3d(0, 0, 0);
  }
  #page-faq .faq_navi ul li::after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    right: 0px;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 15px;
    margin: auto 0 auto auto;
    border-bottom: solid 1px #27969a;
    -webkit-transform: rotate(-65deg) translate3d(0, 0, 0);
    transform: rotate(-65deg) translate3d(0, 0, 0);
  }
  #page-faq h3 {
    margin-bottom: 20px;
  }
  #page-faq h4 {
	text-indent: 0;
  }
  #page-faq table th,#page-faq table td{
  	display: block;
	text-indent: 0;
  }

  #page-booking h3 span {
    font-size: 1.6rem;
    line-height: 1.5;
    display: block;
  }

  #page-en #panel h3::before, #page-tw #panel h3::before, #page-cn #panel h3::before, #page-kr #panel h3::before {
    content: none;
  }
  #page-en .day_end select, #page-tw .day_end select, #page-cn .day_end select, #page-kr .day_end select {
    margin-left: 5px;
    margin-right: 0 !important;
  }
  #page-en .maincol, #page-tw .maincol, #page-cn .maincol, #page-kr .maincol {
    margin: 20px 20px;
  }
  #page-en .slide_banner, #page-tw .slide_banner, #page-cn .slide_banner, #page-kr .slide_banner {
    display: none;
  }
  #page-en .foot_group_link, #page-tw .foot_group_link, #page-cn .foot_group_link, #page-kr .foot_group_link {
    display: none;
  }
  #page-en .column .foot_group_link, #page-tw .column .foot_group_link, #page-cn .column .foot_group_link, #page-kr .column .foot_group_link {
    display: block;
    padding: 0;
  }
  #page-en .column ul.pagenav, #page-tw .column ul.pagenav, #page-cn .column ul.pagenav, #page-kr .column ul.pagenav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  #page-en .column ul.pagenav li, #page-tw .column ul.pagenav li, #page-cn .column ul.pagenav li, #page-kr .column ul.pagenav li {
    margin: 0;
    width: 48.5%;
  }
  #page-en .column ul.pagenav li .more, #page-tw .column ul.pagenav li .more, #page-cn .column ul.pagenav li .more, #page-kr .column ul.pagenav li .more {
    width: 100%;
  }
  #page-en .column ul.pagenav li .more a, #page-tw .column ul.pagenav li .more a, #page-cn .column ul.pagenav li .more a, #page-kr .column ul.pagenav li .more a {
    width: 100%;
    margin: 10px auto 0;
  }
  #page-en .column ul.pagenav li .more a::after, #page-tw .column ul.pagenav li .more a::after, #page-cn .column ul.pagenav li .more a::after, #page-kr .column ul.pagenav li .more a::after {
    top: -5px;
    right: 10px;
    transform: rotate(45deg) translate3d(0, 0, 0);
  }
  #page-en .column ul.pagenav li::before, #page-tw .column ul.pagenav li::before, #page-cn .column ul.pagenav li::before, #page-kr .column ul.pagenav li::before {
    content: none;
  }
  #page-en .column h3 span, #page-tw .column h3 span, #page-cn .column h3 span, #page-kr .column h3 span {
    display: block;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  #page-en .column .box_slide, #page-tw .column .box_slide, #page-cn .column .box_slide, #page-kr .column .box_slide {
    margin-top: 30px;
  }
  #page-en .column .box_slide .sum_slide .slick-slide, #page-tw .column .box_slide .sum_slide .slick-slide, #page-cn .column .box_slide .sum_slide .slick-slide, #page-kr .column .box_slide .sum_slide .slick-slide {
    position: relative;
  }
  #page-en .column .box_slide .sum_slide .slick-slide p, #page-tw .column .box_slide .sum_slide .slick-slide p, #page-cn .column .box_slide .sum_slide .slick-slide p, #page-kr .column .box_slide .sum_slide .slick-slide p {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
  }
  #page-en .column h4, #page-tw .column h4, #page-cn .column h4, #page-kr .column h4 {
    margin-top: 50px;
  }
  #page-en .column .lang_toptxt, #page-tw .column .lang_toptxt, #page-cn .column .lang_toptxt, #page-kr .column .lang_toptxt {
    font-weight: bold;
    font-size: 1.8rem;
  }
  #page-en .column .lang_toptxt:nth-child(2), #page-tw .column .lang_toptxt:nth-child(2), #page-cn .column .lang_toptxt:nth-child(2), #page-kr .column .lang_toptxt:nth-child(2) {
    margin-top: 15px;
  }
  #page-en .column .lang_2col p, #page-tw .column .lang_2col p, #page-cn .column .lang_2col p, #page-kr .column .lang_2col p {
    margin: 5px 0 20px;
  }
  #page-en .column .FBrighi, #page-tw .column .FBrighi, #page-cn .column .FBrighi, #page-kr .column .FBrighi {
    margin: auto;
  }
  #page-en .column ul li, #page-tw .column ul li, #page-cn .column ul li, #page-kr .column ul li {
    margin-left: 1em;
    text-indent: -1em;
  }
  #page-en .column ul li::before, #page-tw .column ul li::before, #page-cn .column ul li::before, #page-kr .column ul li::before {
    content: "";
    background: #790206;
    display: inline-block;
    margin-top: 0.55em;
    width: 0.5em;
    height: 0.5em;
    border-radius: 0.5em;
    margin-right: 0.5em;
  }
  #page-en .column .accordion1 dt, #page-tw .column .accordion1 dt, #page-cn .column .accordion1 dt, #page-kr .column .accordion1 dt {
    color: #a41e20;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    padding-left: 2em;
    text-indent: -1.8em;
  }
  #page-en .column .accordion1 dt::before, #page-tw .column .accordion1 dt::before, #page-cn .column .accordion1 dt::before, #page-kr .column .accordion1 dt::before {
    content: "Q. ";
    font-size: 2rem;
  }
  #page-en .column .accordion1 dd, #page-tw .column .accordion1 dd, #page-cn .column .accordion1 dd, #page-kr .column .accordion1 dd {
    background: #fbfbfb;
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
  }

  /* ---------------------------------------------------
  			社会貢献活動
   --------------------------------------------------- */
  #page-csr .content {
    background: url("../img/csr_bg1_sp.jpg") center top no-repeat, url("../img/csr_bg2_sp.jpg") center top repeat-y;
    background-size: 100%;
  }
  #page-csr .pagetop_caption h3 {
    margin: 50px 0;
  }
  #page-csr .pagetop_caption h3 span {
    border-bottom: 1px solid #52abae;
  }
  #page-csr .column-inner {
    display: flex;
    flex-direction: column;
  }
  #page-csr .column-inner .photos-left {
    order: 2;
    margin-top: 15px;
  }
  #page-csr .column-inner h3 {
    font-size: 1.8rem;
  }
  #page-csr .column-inner table th, #page-csr .column-inner table td {
    display: block;
  }
  #page-csr .column-inner .more {
    width: 100%;
  }
  #page-csr .column-inner .more a {
    margin: 20px 0 0 auto;
    width: 100%;
    font-size: 1.5rem;
  }
}