@charset "UTF-8"; /* CSS Document <!-- ?debug=18 --> */
/* ///////////////////////////////////////////////////////////////////// 
// common
/////////////////////////////////////////////////////////////////////*/
.sp { display: none !important; }
@media (min-width: 480px) {.pc_re { position:relative }}
/* ///////////////////////////////////////////////////////////////////// 
// Media Queries
/////////////////////////////////////////////////////////////////////*/
@media (max-width: 768px) { 
  .pc { display: none; }  
  .sp { display: block !important; }
  #wrap { width: 100% !important; }
  input { margin: 0 0 5px 0; }
  #contents { max-width: 95%; min-width: 95%; padding: 0; margin: 5% auto 15% !important; }
  .tax-info.style-1 {position: absolute; top:inherit; bottom: 0; border-bottom: none; }
  body.fs-sm .item-price-list[data-component="result"] dl dd .main { font-size: 1.7rem; }  
.item-price-list[data-component="result"] dl dt { float: none; }
  #wrapper.padding { padding: 0 0 30px 0 !important; }  
  #col-left { width: 100%; float: none; }
  #col-left { position: static !important; }
 .toggle-side-bar-btn { display: none !important; }
  #col-right { margin-left: 0; background-color: #fff; visibility: visible; }
  .dropdown { top :20px; }
  #gloval-nav ul {width: 100%; max-width: 100%; min-width: 100%; margin: 2% auto; }
  #gloval-nav > ul > li { min-width: 100%; }
  #gloval-nav li { float: left; border-left: none; position: relative; text-align: center; }
  #gloval-nav li:last-child { border-right: none; }
  #header-contents { max-width: 100%; min-width: 100%; margin: 0 auto; padding: 15px 10px; position: relative; }
  #cwrap { width: 100% !important; }
  .cbox { width: 100% !important; } 
  .frm-header { width: 100% !important; } 
  #header > div { width: 100% !important; }  
 
  #world-map, #japan-map { width: 100% !important; display: block !important; border-right: none !important; }  
  .area-list { width: 100% !important; display: block !important; }
  #loginwrap { width: 100% !important;}
  #loginwrap { margin: 0 auto !important; padding: 10px !important; }
  #loginfrm { width: 100% !important; padding: 10px 5px !important; font-size: 12px !important; line-height: 1.5 !important; text-shadow: none !important; box-shadow: none !important; }
  #loginfrm .logo {display: none !important;}
  #newaccountwrap { margin: 10px auto !important; text-align: left !important; font-size: 10px !important; }
  #login { width: 100% !important; }
  #newaccountwrap { width: 100% !important; }
  #hotel-detail-primary { display: block !important; }
  #hotel-detail-primary #primary .header-1 { float: none !important; }
  #hotel-detail-primary #primary .header-3 { float: none !important; margin: 0px !important; }
  .img-slider[data-component="hotel-detail"] { width: 100% !important; margin: 0 !important; }
  .thumbnail-slider[data-component="hotel-detail"] { padding: 0 !important; margin: 0 0 2% 0 !important; }
  .blockPage { width: 100% !important; left: 0 !important; border-radius: none !important; }
  .dropdown li { width: 100% !important; display: block !important; text-align: center; }
  .col-item-detail.lg { width: 100% !important; padding: 10px 0 0 0 !important; }
  .col-item-detail { padding: 0 !important; display: block !important; }
  .item-thumbnail[data-component="result"] { margin: 10px !important; }
  .col-item-spec { overflow: auto !important; }  
  #result-list-soter .soter-primary li.kind { width: 100% !important; }
  /*
  #result-list-soter .soter-primary li:first-child { width: 100% !important; }
  #result-list-soter .soter-primary li:nth-child(7) { width: 100% !important; }
  #result-list-soter .soter-primary li:nth-child(8) { width: 50% !important; }
  #result-list-soter .soter-primary li:nth-child(9) { width: 50% !important; }
  */
  #result-list-soter .soter-primary li { 
  /*font-size: .6rem; */
  width: 20% !important; display: block !important; border-right: none !important; float: left !important; }
  .col-item-spec div { position: static !important; }
  .col-item-spec div label.custom-cbox { display: none; }
  .col-item-detail.md { width: 100% !important;padding: 0 0 40px 0 !important; }
  #col-right { padding: 0 !important; } 
  .item-price-list[data-component="result"]:not(.air) { margin-top: 10px; }
  #map-wrap { width: 100% !important; position: static!important; }
  #gmap { width: 100% !important; }
  .time-sale-list-col { padding: 0 !important; }
  .tabs li { width: 31%; text-align: center; margin: 1%; }
  .tabs li a { padding: 10px 0; }
  .rinfo2 div:last-child { bottom: -20px !important; left: 0 !important; }
  .room-type { padding: 0 !important; }
  .one-room-price-info h1 div { width: 100% !important; }
  .one-room-price-info { display: block !important; padding: 10px !important; }
  #result-list-soter .soter-secondary { width: 100% !important; display: block !important; }
  #site-id { float: none !important; }  
  #header-utility { float: none !important; width: 100% !important; } 
  .hotel-room-soter-secondary { display: block !important; }
  .room-box-area { width: 100% !important; }
  .hotel-room-soter-primary .filter .form-group, .hotel-room-soter-primary .select-filter .form-group { margin: 5px 8px 0 0 !important; } 
  .cont-header-lg > *:not(a) { display: block !important; padding:5px 10px !important; }  
  body.fs-sm h1 { font-size: 1.4rem; }
  .accordion-container { position: relative; width: 100%; border-top: none; outline: 0; 
  /*cursor: pointer;*/ }
  .accordion-container .accordion-title { display: block; position: relative; margin: 0; padding: 3% 0; font-size: 16px; font-weight: bold; color: #fff; text-shadow: 0 1px 0 #853702; background: #ea6103; background: -moz-linear-gradient(top,#ea6103 0%,#fc7c24 100%); background: -webkit-linear-gradient(top,#ea6103 0%,#fc7c24 100%); background: linear-gradient(to bottom,#ea6103 0%,#fc7c24 100%); border-bottom: solid 3px #b84c02; cursor: pointer; }
  .accordion-title{ border-radius: 6px; position: relative; text-align: center; }
  .accordion-title:after { content: ""; position: absolute; right: 25px; top: 38%; transition: all 0.2s ease-in-out; display: block; width: 8px; height: 8px; border-top: solid 2px #fff; border-right: solid 2px #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  .open_search:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 45%; }
  .accordion-map_btn { background: #f67704; font-size: 16px; font-weight: 600; color: #FFF; text-align: center; padding: 8px; margin: 5px auto 15px; }
  .accordion-map_btn:hover {background: #FFA95B; color: #B55600; transition: all 0.5s ease-in-out; }
  .my-parts { display: inline-block; width: 25px; height: 25px; font-size: 25px; vertical-align: bottom; margin: 0 10px 0 0; position: relative; cursor: pointer; }
  .my-parts span { position: absolute; display: block; top: 50%; left: 50%; width: 56%; height: 56%; border-radius: 50%; margin: -.28em 0 0 -.28em; border: .12em solid #FFF; }
  .my-parts span::after { position: absolute; display: block; content: ""; top: 50%; left: 50%; width: 72%; height: 36%; background: #FFF; margin: .2em 0 0 .14em; transform: rotate(45deg); }
  .accordion-container { width: 100%; margin: 0 auto 5%; }  
  .accordion-content { display: block; background: #FFF; padding: 2%; background: #FFF; } 
  .accordion-content_map {display: block; transition: all 0.5s ease-in-out; }
  .accordion-content2 {display: none; transition: all 0.5s ease-in-out; }
  .js-accordion-title2 { text-align: center; letter-spacing: 2px; padding: 10px 0; font-size: 14px; font-weight: bold; color: #FFF; background: #003281; }
  .js-accordion-title2 .open {background: #EEE !important; color: #111!important; transition: all 0.5s ease-in-out; }
  .js-accordion-title2:hover {background: #EEE; color: #111; transition: all 0.5s ease-in-out; }
  .open_search { display: none; transition: all 0.2s ease-in-out; }
  .open_map { display: block; transition: all 0.2s ease-in-out; }
  .open { display: block; transition: all 0.2s ease-in-out; }
  .theme-header-bg-color-1 h2.title { display: inline-block !important; }
  .room-box-area .room-box > div { padding-left: 5px; }
  .gmap-img img {width: 100% !important; }
  .list-group-amenity[data-column="3"] li { width: 100%; }
  .div-tbl .th { padding: 0 !important; text-align: center; font-size: 10px; }
  .room-spec-box { text-align: left !important; padding: 10px 0 0 10px; font-size: 14px; }
  .room-detail-section .div-tbl .td .div-nest-tbl { height: 100% !important; padding:0 !important; } 
  #room-detail-header .div-tbl-header .th:nth-child(1), .room-detail-section .div-tbl .td:nth-child(1) { width: 100%; padding: 10px; box-sizing: border-box;}
  .item-thumbnail[data-component="hotel-room-detail"] { width: 100%; }
  #room-detail-header .div-tbl-header .th:nth-child(2), .room-detail-section .div-tbl .td:nth-child(2) { width: 100%; padding:0 10px; }
  #room-detail-header .div-tbl-header .th:nth-child(3), .room-detail-section .div-tbl .td:nth-child(3) { width: 100%; }
  #room-detail-header .div-tbl-header .th:nth-child(4), .room-detail-section .div-tbl .td:nth-child(4) { width: 100%; padding:0 10px; }
  #room-detail-header .div-tbl-header .th:nth-child(5), .room-detail-section .div-tbl .td:nth-child(5) { width: 100%; padding: 0 10px; } 
  #room-detail-header .div-tbl-header .th:nth-child(5), .room-detail-section .div-tbl .td:last-child { margin-bottom: 40px; }   
  .room-thumbnail { padding: 0 !important; width: 100% !important; display: block !important; }
  .item-thumbnail .img-fluid { width: 100% !important; height: auto !important; }
  #ui-datepicker-div { left: 0 !important; }
  .div-tbl .th, .div-tbl .td, .div-tbl-header .th { display: block; border: none; }
  .room-detail-section .room-thumbnail-td { position: inherit; top: inherit; bottom: inherit;}
  .room-type p.bold { font-size: 16px; text-align: center; padding: 10px 0; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; margin-bottom: 10px; }
  .member_s {display: inline !important;}
  .sp .pricebtn { padding: 8px 0 !important; margin: 5px auto !important; width: 100% !important; display: block !important; border: none !important; text-align: center; }
  .pri_title { text-align: center; font-size: 16px; font-weight: bold; padding: 10px 0 0 0; }
  .div-nest-tbl label { display: none; }
  .sp_posi_btn { }
  .sp_posi_btn a { width: 90%; display: block; position: absolute; bottom: 0; left: 20px; z-index: 999; }
  .btn-room-detail { max-width: 90% !important; margin: 0 auto 10px !important; display: block  !important; padding: 8px 0  !important; }  
  .sp_re { position:relative }
  .cont-header-lg > .title, .cont-header-md > .title, .cont-header-xs > .title, .cont-header-lg-radius > .title, .cont-header-md-radius > .title, .cont-header-xs-radius > .title, .cont-header-nest > .title, .cont-header-nest-2 > .title { white-space: inherit !important; }
  .room-add-info { width: 100%; }
  .one-room-price-info h1 { padding: 0; }
  .one-room-price-info h1 div { font-size: 10px; text-align: left !important; padding: 10px 10px 10px 30px !important; }
  .room-detail-section .div-tbl:nth-child(n+2) .td:nth-child(2), .room-detail-section .div-tbl:nth-child(n+2) .td:nth-child(3), .room-detail-section .div-tbl:nth-child(n+2) .td:nth-child(4), .room-detail-section .div-tbl:nth-child(n+2) .td:nth-child(5) { border: none !important; }
  .btn-scroll-top { position: absolute; bottom: 0px !important; }
  /* // carouse //*/
  .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
  .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
  .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; padding: 0; }
  .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
  .owl-carousel .owl-item{ float: left; }
  .owl-carousel .owl-item img { width: 100%; display: block; max-height: 200px; object-fit: cover; }
  #gallery { position: relative; }
  .customNavigation a.btn { cursor: pointer; display: inline-block; padding: 10px; background: #00B1FF; opacity: .5; color: #FFF; font-weight: bold; }
  .customNavigation a.prev { position: absolute; top:80px; z-index: 999; left: 0; }
  .customNavigation a.next { position: absolute; top:80px; z-index: 999; right: 0; }
  .customNavigation a.btn:hover { opacity: 1; }
  .brand_title { text-align: center; padding: 5px 0 0 0; }
  .owl-controls .owl-page,
  .owl-controls .owl-buttons div{ cursor: pointer; }
  .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .grabbing { cursor:url(grabbing.png) 8 8, move; }
  .owl-carousel  .owl-wrapper,
  .owl-carousel  .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
  .owl-theme .owl-controls{margin-top: 10px; text-align: center; }
  .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); opacity: 0.5; }
  .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; }
  .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;　}
  .owl-theme .owl-controls .owl-page span{ display: block; width: 8px; height: 8px; margin: 3px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
  .owl-theme .owl-controls .owl-page.active span,
  .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100); opacity: 1; }
  .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
  .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center;}
  #home-col-left { 
	width: 100% !important;
	float: none !important; }
  #home-col-right { width: 100% !important; }  
  #home-col-right { float: none !important; margin-bottom: 150px; }
  .top-banner { background: #009b9a; }
  .top-banner div:nth-child(1) { text-align: left !important; position: inherit !important; top: 0 !important; font-size: 16px !important; padding:  10px 10px 5px 10px; }
  .top-banner div:nth-child(2) { padding: 0 5px; position: inherit !important; top: 0 !important; font-size: 11px !important; }
  /*.img-fluid { margin: -30px 0 0 0 ;}*/
  .cont-header-lg > *:not(a), .cont-header-md > *:not(a), .cont-header-xs > *:not(a), .cont-header-lg-radius > *:not(a), .cont-header-md-radius > *:not(a), .cont-header-xs-radius > *:not(a) { display: block !important; }
  .floating_cart {right: 0 !important; bottom: 50px !important; background-color: rgb(191 239 255 / 90%) !important; }
  .mfp-container:before { vertical-align: top !important; }  
  .cart-item-inner .cart-footer li { display: block !important; padding: 5px 0 !important; width: 48%; float: left; box-sizing: border-box !important; margin: 0 5px 0 0 !important; }
  .cart-footer::after { display: block; content:""; clear: both;}
  .mfp-auto-cursor .mfp-content { width: 100% !important; }
  .mfp-content .container { padding: 0 !important; }
  .btn-lg { padding: 10px 0 !important; font-size: 14px; }
  .btn-close-shopping-cart { min-width: 100% !important; }  
  .cart-item-inner .cart-footer { padding: 5px !important; }
  .cart-item-inner { padding: 5px !important; }
  .cont-header-lg, .cont-header-md, .cont-header-xs, .cont-header-lg-radius, .cont-header-md-radius, .cont-header-xs-radius { border-radius:0 !important; }
  .mfp-container { padding: 0 !important; }
  #gmapbox #gmap { height: 250px !important; }
  #check-list-3 h3.title { width: 30%; float: left; }
  .tbody_table_box tr { display: block; }
  .tbody_table_box tr td:first-child { font-size: 16px; font-weight: bold; }
  .tbody_table_box select { display: inherit; }
  .table_list_box::after { content:""; display: block; clear: both; }
  .table_list_title,.table_list_td { text-align: left; float: left; padding: 0 !important; }
  .table_list_title { width: 35%; padding:0 10px 0 0; border-right: 1px solid #ddd; font-weight: bold; }
  .table_list_td { width: 60%; padding:0 0 0 10px !important; }
  .tbody_table_box td { width: 100%; display: block; }
  .btn-step-list li a { min-width: 100% !important; width: 100% !important; padding: 15px 0 !important; }
  .btn-step-list li { display: block !important; margin: 0 2% !important; width: 45%; float: left; }
  .btn-step-list::after { content:""; display: block; clear: both; } 
  .mg-b-15 .box-w-250 { width: 90px !important; } 
  .cf { margin: 5px auto !important; }
  .tr_list th ,.tr_list td { display: block; width: 100%; border:none !important; text-align: left; padding:0 10px 10px 10px !important; }
  .tr_list th { padding: 10px !important; }
  .reserved_title { font-weight: bold; }
  .tr_list select { width: 100%; }
  .res-box { display: block !important; }
  .item-number { width: 100% !important; display: block !important; text-align: left !important; }
  .res-detail { width: 100% !important; display: block !important; }
  .res-detail-left { width: 100% !important; display: block !important; padding: 10px !important; border-right: none !important; }
  .res-info-list { width: 100% !important; float: none !important; }
  .head01 { width: 100% !important; }
  .table_layout tbody tr th, .table_layout tbody tr td { display: block !important; width: 100%; border: none !important; }
  .table_layout b { display: block; }
  .table_layout .easyui-linkbutton { display: block; width: 50%; margin: 5px 0; }
  .table_layout2 th { width: 30% !important; font-size: 12px; }
  .cancelbtn { float: inherit !important; } 
  .theme-header-bg-color-1 h3.title { width: 50%; float: left; }
  .theme-header-bg-color-1::after { content:""; display: block; clear: both; }
  #header .info_login { margin: 20px !important; }
  .NightlyRate2 { display: block !important; }
  .table_layout3 .left,.table_layout3 .right { float: none !important; width: 100% !important; }
  .table_layout3 tr th:nth-child(1) { width: 15% !important; }
  .table_layout3 tr th:nth-child(2) { width: 28% !important; }
  .table_layout3 tr th:nth-child(3) { width: 28% !important; }
  #hotel-photo-box img { width: 100% !important; height: auto !important; }
  #hotel-photo-box { float: none !important; width: 100% !important; }
  #hotel-map-box { width: 100% !important; height: auto !important; float: none !important; padding:10px 0 0 0 !important; border: none !important; }
  #hotel-map-box img { width: 100% !important; height: auto !important; }
  .table_layout4 { display: block !important; }
  .voncher_body { width: 100% !important; line-height: 1.5;  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
  .table-inline-01 th,.table-inline-02 th { width: 25% !important; padding: 0 !important; }
  .printbtn { font-size: 14px !important; margin-top: 10px !important; margin-right: 5px !important; width: 20% !important; }
  .lx_sp { float: left !important; padding: 10px; }
  .room-table th ,.room-table td { font-size: 10px; }
  .room-table th:nth-child(1) { width: 5% !important; }
  .room-table th:nth-child(4) { width: 5% !important; }
  .table_layout5 th,.table_layout5 td { display: block; float: left; text-align: left !important; border-bottom: 1px solid #ddd !important; }
  .table_layout5 th { width: 35%; }
  .table_layout5 td { width: 65%; }
  .table_layout5::after { content:""; display: block; clear: both; }
  .table_layout6 th { width: 35%; }
  #cancelbox { border: none !important; }  
  .white-popup { padding: 20px !important; margin: 0px auto !important; }  
  #loadingbox { width: 100% !important; }  
  
  .form-tbl-1 {
	  padding-right:10px;
  }
  .form-tbl-1 input {
	  width:100%;
  }
  .index-block-cf {
	clear:both;
	margin-bottom:20px;	  
  }
}