@font-face {
font-family: "icon"; src: url('./font/icon.eot'); src: url('./font/icon.eot#iefix') format('embedded-opentype'), url('./font/icon.woff') format('woff'), url('./font/icon.ttf') format('truetype'), url('./font/icon.svg#icon') format('svg'); font-weight: normal; font-style: normal; }

 [class^="ico-"]:before, [class*=" ico-"]:before { display: inline-block; font-family: "icon"; font-size: 120%; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1em; margin-left: .2em; margin-right: .2em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ico-down-dir:before { content: '\e800'; } /* '' */
.ico-up-dir:before { content: '\e801'; } /* '' */
.ico-pagetop:before { content: '\e802'; } /* '' */
.ico-left-dir:before { content: '\e803'; } /* '' */
.ico-right-dir:before { content: '\e804'; } /* '' */
.ico-hotel:before { content: '\e807'; } /* '' */
.ico-air:before { content: '\e808'; } /* '' */
.ico-train:before { content: '\e809'; } /* '' */
.ico-angle-left:before { content: '\f104'; } /* '' */
.ico-angle-right:before { content: '\f105'; } /* '' */
.ico-angle-up:before { content: '\f106'; } /* '' */
.ico-angle-down:before { content: '\f107'; } /* '' */


.jtb-nav-breadcrumb { margin-bottom: 25px; max-width: 1120px; }
.l-page { font-size: 16px; line-height: 1.6; text-align: center; }
.l-page * { -ms-box-sizing: border-box; box-sizing: border-box; }
.l-page h1 { font-size: 18px; font-weight: bold; line-height: 1; margin: 0 auto 25px; max-width: 1120px; text-align: left; }
.l-page a { outline: none; }
.l-page a, .l-page a img { transition: all .4s ease; transform: rotate(0.0001deg); }
.l-page img { display: block; margin: 0 auto; max-width: 100%; }
.l-page a:hover img { opacity: .75; }
.l-page strong { font-weight: bold; }
.l-page .f-heading { font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; }
.l-page .sp-item { display: none; }
.l-content { margin: 0 auto; max-width: 1120px; width: 100%; }
.js-btn-page-top { bottom: 50px; cursor: pointer; display: none; position: fixed; right: 50px; z-index: 100; }
.js-btn-page-top a { display: block; height: 17px; position: relative; width: 35px; }
.js-btn-page-top a::before { color: #000; content: "\e802"; display: inline-block; font-family: "icon"; font-size: 17px; height: 17px; width: 35px; }
.js-btn-page-top a:hover { opacity: .8; }

.l-mv { align-items: center; background: no-repeat 50% 0; display: flex; justify-content: center; position: relative; }
.l-mv__title { display: inline-block; margin: 0 auto; text-align: left; }
.l-mv .main_title { text-shadow: .25em .25em .75em #1e2177, -.25em .25em .75em #1e2177, .25em -.25em .75em #1e2177, -.25em -.25em .75em #1e2177; }
.l-mv .main_title span { color: #f7f4e9; font-size: 3.25em; font-weight: bold;}
.l-mv .catch { background-color: #29375c; color: #fff; display: inline-block; font-size: 1.125em; font-weight: bold; position: relative; padding: 0 2.2222em; }
.l-mv .catch::before, .l-mv .catch::after { background-color: #fff; content: ""; display: inline-block; height: .1111em; position: absolute; top: 50%; width: 2em; }
.l-mv .catch::before { left:0; }
.l-mv .catch::after { right: 0; }
.l-anchor { background: url(../images/bg_menu.png) repeat; padding: 1.375em 1.75em; }
.l-anchor__list { display: flex; justify-content: space-evenly; width: 100%; }
.l-anchor__item { width: calc(25% - .75em); }
.l-anchor__item a { background-color: #1e2177; border-bottom: 2px solid #fff; color: #f7f4e9; display: block; font-weight: bold; line-height: 3.5; position: relative; }
.l-anchor__item a:hover { background-color:#00a3c1; }
.l-anchor__item a::after { border-color: #fff transparent transparent transparent; border-style: solid; border-width: .3125em .28125em 0 .28125em; bottom: -.4375em; content: ""; display: block; height: 0; left: 50%; position: absolute; width: 0; }

.c-sec__title { display: flex; justify-content: flex-start; margin-bottom: 2em; }
.c-sec__title h2 { background-color: #dbdbd5; color: #6f6f5a; display: inline-block; font-size: 1.5625em; font-weight: bold; line-height: 1.68; padding: 0 .56em 0 1.12em; position: relative; }
.c-sec__title h2::after { border-right: .8em solid transparent; border-top: 1.68em solid #dbdbd5; content: ""; display: block; height: 0; position: absolute; top: 0; right: -.8em; width: 0; }
.c-sec__title em { background-color: #6f6f5a; color: #fff; line-height: 2.625; padding: 0 1.25em; }
.c-tab__group { display: flex; flex-wrap: wrap; justify-content: space-between; }
.c-tab__group li { background-color: #9bc8f6; border-top-right-radius: .625em; color: #534741; cursor: pointer; display: block; font-weight: bold; line-height: 3; text-align: center; transition: all .4s ease; }
.c-tab__group li:hover, .c-tab__group .is-select { background-color: #1a326e; color: #fff; }
.c-tab__block { display: none; }

.hotel-search { background: url(../images/bg_search.png) no-repeat 50% 0 / cover; padding: 2.5em; }
.hotel-search .search-tab { position: relative; width: 100%; }
.hotel-search .search-tab__box { padding-top: 0; }

.hotel-search .search-tab__box { border: 1px solid #1a326e; }
.hotel-search .search-tab__box--inner { background-color: rgba(255,255,255,.75); padding: 2em 2em 1em; text-align: left; }
/*.hotel-search .hotel-tabbox .search-tab__box--inner { padding: 2em 4em; }*/
.hotel-search .c-form__inner { width: 100%; }
.hotel-search .form_btn { text-align: center; }
#form_to_jtb { width: 100%; }
#form_to_jtb select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../images/img_downarr.png) no-repeat right 8px center; border: 1px solid #999; color: #333; font-size: .8125em; line-height: 2.7692em; padding: 0 2.3077em 0 .7692em; }
#form_to_jtb select::-ms-expand { display: none; }
#form_to_jtb input[type="text"] { border: 1px solid #999; color: #333; font-family: Arial; font-size: .875em; line-height: 3; padding: 0 1em; }
#form_to_jtb #select_date, #form_to_jtb #select_days_date { background: #fff url(../images/form_calendar.png) no-repeat right .6531em center !important; width: 13em; }
#form_to_jtb #select_date::-ms-expand, #form_to_jtb #select_days_date::-ms-expand  { display: none; }
#form_to_jtb dl { font-size: .875em; text-align: left; }
#form_to_jtb dt {font-weight: bold; line-height: 1.7857; }
#form_to_jtb .side dl { width: 44%; }
#form_to_jtb .side dt { width: 5em; }
#form_to_jtb .side dd { margin: 0 0 1em 5.5em; }
#form_to_jtb .select_date_box { position: relative; }
#form_to_jtb .view-date { left: 1px; padding: 0 2em 0 1em; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); }
#form_to_jtb #select_days_date { color: #fff; width: 13em; }
/*#form_to_jtb #select_date_text { background-color:#fff; left: 1px; line-height: 18px; padding-left: 10px; pointer-events: none; position: absolute; top: 4px; width: 155px; }*/
#form_to_jtb .search_kodawari { width: 55%; }
#form_to_jtb .search_kodawari dt { clear: left; width: 9em; }
#form_to_jtb .search_kodawari dd { margin: 0 0 1em 9.5em; }
#form_to_jtb .search_kodawari dd label { margin-right: .625em; }
#form_to_jtb .form_btn { padding-top: .3125em; }
#form_to_jtb #btn_search { background-color: #29a4db; border: none; border-radius: .2222em; box-shadow: 0 2px 0 0 rgba(0,75,160,.7); color: #fff; cursor: pointer; font-size: 1.125em; font-weight: bold; height: 2.2222em; width: 16.6666em; }
#form_to_jtb #btn_search:hover { opacity: .8; }

@media screen and (max-width:767px){
#form_to_jtb #btn_search { height: 2.5em; width: 100%; }
}

.ui-datepicker.ui-datepicker { max-width: initial !important; width: 20em !important; }
.ui-datepicker.ui-datepicker-multi { max-width: 20em !important; }
.ui-datepicker { padding: 20px 40px !important; }
.ui-datepicker .dom-form-checkbox { left: 16px; top: 7px; }
.ui-datepicker .ui-datepicker-prev { left: -30px; }
.ui-datepicker .ui-datepicker-next { right: -30px; }
.dom-top-search__btm { padding: 0; }
.dom-top-search__place { width: 100%; }
.dom-search-option__more-content { border: 0; display: block !important; margin: 0; padding: .625em 0; }
.dom-search-option__selected { display: none; }

.hotel-plan { background: url("../images/bg_recommend.png") repeat; padding: 2.5em; }
.hotel-plan__list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.hotel-plan__item { background-color: #fff; padding: 1em; }
.hotel-plan__item .plan-head .pic img { width: 100%; }
.hotel-plan__item .plan-head .txt { text-align: left; }
.hotel-plan__item .plan-head h3 { font-weight: bold; line-height: 1.3; margin-bottom: .75em; }
.hotel-plan__item .plan-bottom { display: flex; justify-content: space-between; margin-top: 1em; }
.hotel-plan__item .plan-bottom .btn { align-items: center; border-radius: .375em; color: #fff; display: flex; font-size: .875em; height: 3.7143em; justify-content: center; text-align: left; }
.hotel-plan__item .plan-bottom .btn::before { display: inline-block; font-family: "icon"; font-size: 1.3846em; margin-right: .5em; }
.hotel-plan__item .plan-bottom .btn:hover { opacity: .75; }
.hotel-plan__item .plan-bottom .btn-stay { background-color: #00bcc5; }
.hotel-plan__item .plan-bottom .btn-stay::before { content: "\e807"; }
.hotel-plan__item .plan-bottom .btn-air { background-color: #2864b5; }
.hotel-plan__item .plan-bottom .btn-air::before { content: "\e808"; }
.hotel-plan__item .plan-bottom .btn-train { background-color: #00b0eb; }
.hotel-plan__item .plan-bottom .btn-train::before { content: "\e809"; }
.hotel-plan__item .plan-bottom.c-single .btn { width: 100%; }
.hotel-plan__item .plan-bottom.c-single .btn .sp-item { display: none; }

.hotel-near .area_btn { background-color: rgba(255,255,255,.2); flex: 1; margin-right: 1em; padding: 0 1em 1em 1em; }
.hotel-near .area_btn dt, .hotel-near .areamap dt { padding: 1em 0; text-align: left; }
.hotel-near .area_btn dt span, .hotel-near .areamap dt span { color: #fff; display: block; font-weight: bold; line-height: 2; }
.hotel-near .area_btn dd ul { overflow: hidden; }
.hotel-near .area_btn dt.airport span { background: url(../images/icon_airplane.png) no-repeat left top / contain; padding-left: 2.8125em; }
.hotel-near .area_btn dt.station span { background: url(../images/icon_train.png) no-repeat left top / contain; padding-left: 2.5em; }
.hotel-near .areamap { background-color: rgba(255,255,255,.2); padding: 0 1em 1em 1em; width: 43.25em; }
.hotel-near .areamap dt span { background: url(../images/icon_map2.png) no-repeat left top / contain; padding-left: 2.5em; }
.hotel-near #building_list { background-color: #1a326e; padding: 1em; }
.hotel-near .c-tab__block dd li { display: inline-block; float: left; margin: 0 .625em .625em 0; line-height: 2.5; }
.hotel-near .c-tab__block dd li a:after { border: .25em solid transparent; border-left: .375em solid #534741; content: ""; display: block; position: absolute; right: 4%; top: 50%; transform: translateY(-50%); }
.hotel-near .c-tab__block dd li a { background-color: #fff; color: #0063b9; display: block; font-weight: bold; padding: 0 2em 0 1em; position: relative; z-index: 2; }
.hotel-near .c-tab__block dd li a:hover { color: #35a7e7; text-decoration: none; }

#hokkaido { background: url(../images/hokkaido.jpg) no-repeat 50% 0 / 100% auto; height: 21.5em; }
#tohoku { background: url(../images/tohoku.jpg) no-repeat 50% 0 / 100% auto; height: 27.875em; }
#shutoken { background: url(../images/shutoken.jpg) no-repeat 50% 0 / 100% auto; height: 24em; }
#chubu { background: url(../images/chubu.jpg) no-repeat 50% 0 / 100% auto; height: 25.0625em; }
#kansai { background: url(../images/kansai.jpg) no-repeat 50% 0 / 100% auto; height: 23em; }
#chugoku { background: url(../images/chugoku.jpg) no-repeat 50% 0 / 100% auto; height: 31.375em; }
#kyushu { background: url(../images/kyushu.jpg) no-repeat 50% 0 / 100% auto; height: 28.375em; }
.areamap .area { position: relative; }
.areamap .area li { border-radius: .25em; position: absolute; text-align: center; width: 4em; }
.areamap .area li a { background-color: #0071bc !important; border-radius: 4px; display: block; color: #fff !important; font-size: .8125em; font-weight: bold; line-height: 1.8; padding:0 12% 0 2% !important; text-decoration: none; position: relative; }
.areamap .area li a::after { border: .2308em solid transparent !important; border-left: .3846em solid #fff !important; content: ""; display: block; position: absolute; right: .1538em !important; }
.areamap .area li.ap a { background-color: #00b0e7 !important; }
.areamap .area li.ap a:after { background-image: url(../images/icon_airplane.png); background-size: 1.2308em; border: none !important; content: ""; display: inline-block; height: 1.2308em; width: 1.2308em; }
.areamap .area li a:hover { background-color: #3f94cd !important; }
.areamap .area li.ap a:hover { background-color: #2ebeeb !important; }
.areamap .area li.widebtn { width: 5.55em !important; }
.areamap .area li.widebtn1 { width: 4.375em !important; }
#hokkaido .area li:nth-child(1) { left: 6.875em; margin-top: 7.5em; }
#hokkaido .area li:nth-child(2) { left: 6.875em; margin-top: 9.0625em; }
#hokkaido .area li:nth-child(3) { left: 16.0625em; margin-top: 13.875em; }
#hokkaido .area li:nth-child(4) { right: 11.875em; margin-top: 16.5625em; }
#hokkaido .area li:nth-child(5) { right: 11.875em; margin-top: 18.125em; }
#hokkaido .area li:nth-child(6) { right: 7.5em; margin-top: 7.8125em; }
#hokkaido .area li:nth-child(7) { right: 7.5em; margin-top: 9.375em; }
#tohoku .area li:nth-child(1) { left: 11.625em; margin-top: 4.25em; }
#tohoku .area li:nth-child(2) { left: 9.75em; margin-top: 10.3125em; }
#tohoku .area li:nth-child(3) { left: 15.75em; margin-top: 4.25em; }
#tohoku .area li:nth-child(4) { left: 13.875em; margin-top: 10.3125em; }
#tohoku .area li:nth-child(5) { left: 18.75em; margin-top: 9.375em; }
#tohoku .area li:nth-child(6) { left: 15.9375em; margin-top: 19em; }
#tohoku .area li:nth-child(7) { left: 21.375em; margin-top: 17.5em; }
#tohoku .area li:nth-child(8) { left: 18.75em; margin-top: 21.25em; }
#shutoken .area li:nth-child(1) { left: 20.625em; margin-top: 18.125em; }
#shutoken .area li:nth-child(2) { left: 30.625em; margin-top: 3.4375em; }
#shutoken .area li:nth-child(3) { left: 23.75em; margin-top: 10em; }
#shutoken .area li:nth-child(4) { left: 10.625em; margin-top: 7.1875em; }
#shutoken .area li:nth-child(5) { left: 16.25em; margin-top: 16.5625em; }
#shutoken .area li:nth-child(6) { left: 12.1875em; margin-top: 5em; }
#shutoken .area li:nth-child(7) { left: 21.875em; margin-top: 13.75em; }
#shutoken .area li:nth-child(8) { left: 21.25em; margin-top: 4em; }
#shutoken .area li:nth-child(9) { left: 10.625em; margin-top: 11.25em; }
#shutoken .area li:nth-child(10) { left: 2.1875em; margin-top: 18.4375em; }
#shutoken .area li:nth-child(11) { left: 2.1875em; margin-top: 20em; }
#shutoken .area li:nth-child(12) { left: 2.1875em; margin-top: 21.5625em; }
#shutoken .area li:nth-child(13) { left: 18.125em; margin-top: .9375em; }
#chubu .area li:nth-child(1) { left: 15.625em; margin-top: 7.8125em; }
#chubu .area li:nth-child(2) { left: 12.5em; margin-top: 15.625em; }
#chubu .area li:nth-child(3) { left: 33.75em; margin-top: 2.0625em; }
#chubu .area li:nth-child(4) { left: 31.875em; margin-top: 3.625em; }
#chubu .area li:nth-child(5) { left: 36.25em; margin-top: 13.125em; }
#chubu .area li:nth-child(6) { left: 26.5625em; margin-top: 18.4375em; }
#chubu .area li:nth-child(7) { left: 11.75em; margin-top: 10em; }
#chubu .area li:nth-child(8) { left: 15.875em; margin-top: 10em; }
#chubu .area li:nth-child(9) { left: 21.25em; margin-top: 17.75em; }
#kansai .area li:nth-child(1) { left: 1.5625em; margin-top: 82px; }
#kansai .area li:nth-child(2) { left: 1.5625em; margin-top: 9.375em; }
#kansai .area li:nth-child(3) { left: 12.75em; margin-top: 4.375em; }
#kansai .area li:nth-child(4) { left: 16.875em; margin-top: 7.1875em; }
#kansai .area li:nth-child(5) { left: 16.875em; margin-top: 9.0625em; }
#kansai .area li:nth-child(6) { left: 3.75em; margin-top: 20.625em; }
#kansai .area li:nth-child(7) { right: 0; margin-top: .5em; }
#kansai .area li:nth-child(8) { right: 0; margin-top: 13.125em; }
#chugoku .area li:nth-child(1) { left: 25em; margin-top: 8.125em; }
#chugoku .area li:nth-child(2) { left: 17.125em; margin-top: 12.3125em; }
#chugoku .area li:nth-child(3) { left: 28.4375em; margin-top: 14.375em; }
#chugoku .area li:nth-child(4) { left: 16.25em; margin-top: 18.75em; }
#chugoku .area li:nth-child(5) { left: 23.75em; margin-top: 22.25em; }
#chugoku .area li:nth-child(6) { left: 33.125em; margin-top: 15em; }
#chugoku .area li:nth-child(7) { left: 15.9375em; margin-top: 2.5em; }
#chugoku .area li:nth-child(8) { left: 5em; margin-top: 17.5em; }
#chugoku .area li:nth-child(9) { left: 27.625em; margin-top: 9.6875em; }
#chugoku .area li:nth-child(10) { left: 26.875em; margin-top: 11.25em; }
#chugoku .area li:nth-child(11) { left: 22em; margin-top: 11.875em; }
#chugoku .area li:nth-child(12) { left: 13em; margin-top: 12.3125em; }
#chugoku .area li:nth-child(13) { left: 28.4375em; margin-top: 12.8125em; }
#chugoku .area li:nth-child(14) { left: 16.25em; margin-top: 20.3125em; }
#kyushu .area li:nth-child(1) { left: 21.875em; margin-top: 2.1875em; }
#kyushu .area li:nth-child(2) { left: 20.625em; margin-top: 9.375em; }
#kyushu .area li:nth-child(3) { left: 576px; margin-top: 5.3125em; }
#kyushu .area li:nth-child(4) { left: 29.5em; margin-top: 12em; }
#kyushu .area li:nth-child(5) { left: 33.3125em; margin-top: 20.3125em; }
#kyushu .area li:nth-child(6) { left: 25em; margin-top: 20.3125em; }
#kyushu .area li:nth-child(7) { left: 2.1875em; margin-top: 22.8125em; }
#kyushu .area li:nth-child(8) { left: 30.625em; margin-top: 1.5625em; }
#kyushu .area li:nth-child(9) { left: 24.0625em; margin-top: 3.75em; }
#kyushu .area li:nth-child(10) { left: 20.625em; margin-top: 10.9375em; }
#kyushu .area li:nth-child(11) { left: 25.375em; margin-top: 12em; }
#kyushu .area li:nth-child(12) { left: 25em; margin-top: 21.875em; }
#kyushu .area li:nth-child(13) { left: 33.3125em; margin-top: 18.75em; }
#kyushu .area li:nth-child(14) { left: 35.3125em; margin-top: 6.875em; }

.hotel-chain { background: url("../images/bg_chain.jpg") repeat; padding: 1.875em 2.5em; }
.hotel-chain h2 { color: #fff; display: inline-block; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; font-size: 1.5em; font-weight: bold; margin-bottom: 1em; position: relative; width: 100%; }
.hotel-chain h2::before, .hotel-chain h2::after { background-color: #fff; content: ""; display: inline-block; height: 2px; position: absolute; top: 50%; width: 13.5em; }
.hotel-chain h2::before { left:0; }
.hotel-chain h2::after { right: 0; }
.hotel-chain ul.box li { background-color: #f6f6f6; margin-bottom: 1.5em; padding: 1em; }
.hotel-chain ul.box li h3 { background: url("../images/icon_hotel.png") no-repeat; color: #29375c; font-size: 1.0625em; font-weight:bold; padding: 0 0 .3em 2em; text-align: left; }
.hotel-chain .hotel-info { display: flex; justify-content: space-between; }
.hotel-chain .photo { width: 50%; }
.hotel-chain .photo img { width: 100%; }
.hotel-chain .text { font-size: .8125em; line-height: 1.5; padding-left: 1.25em; text-align: left; width: 50%; }
.hotel-chain .btn { background-color: #bf9556; border-radius: 2em; box-shadow: 0 2px 3px 0 #ccc; color: #fff; display: block; font-weight: bold; line-height: 2; margin: 1em auto 0; padding-right: .5em; position: relative; width: 12.5em; }
.hotel-chain .btn::after { content: "\f105"; display: inline-block; font-family: "icon"; position: absolute; right: 1em; top: 50%; transform: translateY(-50%); }
.hotel-chain .btn:hover { opacity: .85; }

.bottom-nav { padding: 1.875em 2.5em; }
.bottom-nav h2 { color: #645245; display: inline-block; /*font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;*/ font-size: 1.5em; font-weight: bold; margin-bottom: 1em; position: relative; width: 100%; text-align: center;}
.bottom-nav h2::before, .bottom-nav h2::after { background-color: #645245; content: ""; display: inline-block; height: 2px; position: absolute; top: 50%; width: 13.5em; }
.bottom-nav h2::before { left: 0; }
.bottom-nav h2::after { right: 0; }
.bottom-nav li a:hover { color: #ff6800; text-decoration: none; }
.bottom-nav p.hotel_list_ini { background-color: #fff; border: 1px solid #005ba8; border-radius: 2px; color: #005ba8; display: block; float: left; font-size: .875em; margin-right: 1em; padding: 1px 0; text-align: center; width: 4.5em; }
.bottom-nav .bottom-nav__area ul {text-align: left; }
.bottom-nav .cat-biz .hotel_list li::before { background-color: #015194; border-radius: 50%; color: #fff; content: "\f105"; display: inline-block; font-family: "icon"; display: inline-block; height: 1.1429em; margin-right: .5em; vertical-align: middle; text-align: center; width: 1.1429em; }

.dark-tooltip { display: none; }

@media screen and (min-width:768px){
.l-mv { background-image: url(../images/bg_main-pc.jpg); border-top: .375em solid #29375c; height: 16.25em; }
.c-sec + .c-sec { margin-top: 2.5em; }
.c-tab__block.is-show { display: flex; justify-content: space-between; }
.hotel-search .c-form__inner { display: flex; justify-content: space-between; }
.hotel-plan__item { width: calc(50% - .5em); }
.hotel-plan__item:nth-child(n + 3) { margin-top: 1em; }
.hotel-plan__item .plan-head { display: flex; }
.hotel-plan__item .plan-head .pic { width: 40%; }
.hotel-plan__item .plan-head .txt { padding-left: 1em; width: 60%; }
.hotel-plan__item .plan-head p { font-size: .875em; }
.hotel-plan__item .plan-bottom .btn { width: 33%; }
.hotel-near .c-tab__group li { width: calc(calc(100% - 18px) / 7); margin-top: 40px;}
.hotel-chain ul.box { display: flex; flex-wrap: wrap; justify-content: space-between; }
.hotel-chain ul.box li { width: calc(50% - .75em); }
.dom-search-option__more-content { width: 90%; }
.bottom-nav .bottom-nav__sec + .bottom-nav__sec { margin-top: 2.5em; }
.bottom-nav .bottom-nav__area { display: flex; }
.bottom-nav .bottom-nav__area .c-nav__list { flex: 1; padding-left: 1.5em; }
.bottom-nav .bottom-nav__area li { border-right: 1px solid #808080; text-align: center; }
.bottom-nav li { display: inline-block; font-size: .875em; line-height: 1; margin: .5em 0; padding: 0 1em; text-align: left; }
.bottom-nav li a { color: #005ba8; display: inline-block; }
.bottom-nav .cat-prev { align-items: flex-start; }
.bottom-nav h3 { align-items: center; background-color: #005ba8; color: #fff; display: flex; font-size: .8125em; justify-content: center; text-align: center; width: 8em; }
.bottom-nav .cat-prev h3 { height: 8em; }
.bottom-nav .cat-prev li a { width: 4.5em; }
.bottom-nav .cat-area li a { width: 4em; }
.bottom-nav .cat-biz h3 { display: block; margin-bottom: 1.5em; padding: 1em 0; width: 23em; }
.bottom-nav .cat-biz .bottom-nav__panel { display: block !important; }
.bottom-nav .cat-biz .hotel_list { display: flex; flex-wrap: wrap; margin-bottom: 1.25em; padding-top: .375em; }
.bottom-nav .cat-biz .hotel_list li { font-weight: normal; margin: 0 0 1em 0!important; position: relative; width: calc(100% / 3); }
}
@media all and (-ms-high-contrast:none){
  /**::-ms-backdrop, .c-movie__item { width: 32.6%; }*/
  **::-ms-backdrop, .hotel-near .c-tab__group li { width: 14%; }
}
@media screen and (min-width:768px) and ( max-width:1120px) {
.l-page { font-size: 1.294498vw; margin: 0 3%; }
.l-page input { font-size: 1.294498vw; }
.kkrs-search-label { font-size: 1em; }
}
@media screen and (max-width:767px){
.js-btn-page-top { bottom: 20px; right: 20px; }
.js-btn-page-top a { background-color: #999; border-radius: 6px; display: block; height: 30px; width: 30px; }
.js-btn-page-top a::before { color: #fff; content: "\f106"; display: inline-block; font-family: "icon"; line-height: 29px; width: auto; }
.l-page { font-size: 3.2vw; padding: 20px 0 0; }
.l-page h1 { margin-bottom: 20px; padding: 0 3%; }
.l-page .sp-item { display: block; }
.l-content { overflow: hidden; }
.l-mv { background: url(../images/bg_main-sp.jpg) no-repeat 50% 0 / cover; border-top: .5em solid #29375c; padding-top: 63.4667%; position: relative; }
.l-mv__title { padding: 0 4%; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 100%; }
.l-mv .main_title span { font-size: 2.1667em; }
.l-anchor { padding: 1.375em 3%; }
.l-anchor__list { flex-wrap: wrap; }
.l-anchor__item { width: calc(50% - .25em); }
.l-anchor__item:nth-child(n + 3) { margin-top: .5em; }
.c-sec__title { display: inline-block; width: 100%; }
.c-sec__title h2 { display: block; font-size: 1.3333em; margin: 0 auto; padding: .4em 0; transform: skewX(-25deg); width: 94%; }
.c-sec__title h2::after { content: none; }
.c-sec__title h2 span { display: block; line-height: 1.3; transform: skewX(25deg); }
.c-sec__title em { padding: .2em 1.5em; }
.c-tab__block.is-show { display: block; }
.hotel-search { padding: 1.5em 3%; }
.hotel-search .search-tab__box { padding: 0; }
.hotel-search .search-tab__box--inner { padding: 2em 0; }
#form_to_jtb dl { font-size: 1.0833em; }
#form_to_jtb select, #form_to_jtb input[type="text"] { border-radius: 0; }
#form_to_jtb .search_kodawari { width: 100%; }
#form_to_jtb .search_kodawari dt { display: block; float: none; width: 100%; }
#form_to_jtb .search_kodawari dd { margin: 0 0 1em 0; width: 100%; }
.search-tab { padding-top: 0; }
.ui-datepicker { padding: 1em; }
.ui-datepicker.ui-datepicker { left: 3% !important; width: 94% !important; }
.hotel-plan { padding: 1.5em 3%; }
.hotel-plan__item { width: 100%; }
.hotel-plan__item + .hotel-plan__item { margin-top: 1em; }
.hotel-plan__item .plan-head .pic { margin-bottom: .5em; }
.hotel-plan__item .plan-head h3 { font-size: 1.1667em; margin-bottom: .25em; }
.hotel-plan__item .plan-bottom .btn { font-size: 1em; line-height: 1.3; width: calc(calc(100% - .5em) / 3); }
.hotel-near .c-tab__group::after { content:""; display: block; width: calc(calc(100% - 6px) / 4); }
.hotel-near .c-tab__group li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 0;
    line-height: 2;
    height: 54px;
    width: calc(calc(100% - 6px) / 4);
}
.hotel-near .c-tab__group li { margin-top: 2px; }
.hotel-near .area_btn { margin-right: 0; width: 100%; }
.hotel-near .areamap { display: none; width: 100%; }
.hotel-chain { padding: 1.5em 3%; }
.hotel-chain h2::before, .hotel-chain h2::after { width: 2.5em; }
.hotel-chain ul.box li { margin-bottom: 0; }
.hotel-chain ul.box li + li { margin-top: 1em; }
.hotel-chain ul.box li h3 { font-size: 1.3333em; padding-bottom: 0; }
.hotel-chain .btn { width: 100%; }
.bottom-nav { padding: 1.5em 0 0; }
.bottom-nav h2 { margin: 0 auto 1em; width: 94%; }
.bottom-nav h2::before, .bottom-nav h2::after { width: 1.5em; }
.bottom-nav h3 { background-color: #d7d7d7; border-top: solid 1px #ccc; cursor: pointer; font-size: 1em; font-weight: bold; line-height: 1.2; padding: 1em 2em 1em 1em; position: relative; text-align: left; }
.bottom-nav h3::after { border-right: 2px solid #333; border-bottom: 2px solid #333; content: ""; height: 8px; margin-top: -8px; position: absolute; right: 18px; top: 50%; transform: rotate(45deg); transition: all .3s ease; width: 8px; }
.bottom-nav h3.is-show::after { margin-top: -4px; transform: rotate(225deg); }
.bottom-nav__area .c-nav__list { display: none; }
.bottom-nav__area ul { display: flex; flex-wrap: wrap;}
.bottom-nav__area ul::after { content:""; display: block; width: 25%; }
.bottom-nav__area li { background-color: #fff; border-right: 1px solid #eee; border-top: 1px solid #eee; width: 25%; }
.bottom-nav__area li:nth-of-type(4n) { border-right: none; }
.bottom-nav__area li a { display: block; padding: .5em 1em; }
.bottom-nav p.hotel_list_ini { display: none; }
.bottom-nav__panel { padding-top: 1em; text-align: left; }
.cat-biz .c-hotel__tab { display: none; padding: 1em; }
.cat-biz .c-tab__group { display: flex; flex-wrap: wrap; justify-content: space-between; }
.cat-biz .c-tab__group .tab { background-color: #fff; border: 1px solid #ccc; border-radius: 0; display: block; line-height: 3; padding: .5em; width: calc(calc(100% - 8px) / 5); }
.cat-biz .c-tab__group .tab:nth-child(n + 6) { margin-top: 2px; }
.cat-biz .c-tab__group .is-select { background-color: #1a326e; border-color: #1a326e; }
.jtb-nav-breadcrumb { border-bottom: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4; font-size: 12px; letter-spacing: -.4em; margin-top: 1.5em; padding: .6em 1em; text-align: left; }
.jtb-nav-breadcrumb li { display: inline-block; letter-spacing: normal; }
.jtb-nav-breadcrumb li + li { padding-left: .5em;}
.jtb-nav-breadcrumb li + li:before { color: #999; content: ">"; font-size: 1.1rem; padding-right: .3em; }
}

.hotel-chain .photo figcaption {
	position: absolute;
	padding-top: 2px;
	color: #fff;
	line-height: 1.1;
	font-size: 1.0rem;
	font-feature-settings: "palt";
	text-align: right;
	text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px;
}
.hotel-chain p {
	text-align: right;
}