@charset "UTF-8";

/*  hotel
===================================*/
/*
.lodging .pgtitle {
    border-bottom: 2px solid #0097d7;
    border-left: 6px solid #0097d7;
}
.lodging .pgtitle:before {
    background: #0097d7;
}
*/


/*
.hotel .cent-btn {
    border-radius: 8px;
    color: #fff;
    background-color: #3188e2;
    width: auto;
    height: 56px;
    letter-spacing: 0.05em;
    font-size: 1.5rem;
    padding: 0 30px;
    padding-right: 35px;
}


.hotel {
    display: -webkit-flex;
    display: flex;
}
.hotel.item {
    position: relative;
    padding-bottom: 10px;
    border-top: 3px solid #f5cb56;
    padding-top: 3px;
}
.hotel .pho {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    width: 240px;
}
.hotel .txt {
    margin: 0 30px;
    margin-left: 25px;
}
.hotel .number {
    font-size: 1.4rem;
}
.hotel .number span {
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hotel .name {
    display: -webkit-flex;
    display: flex;
    font-size: 1.7rem;
    line-height: 1.3;
    margin-bottom: 20px;
    margin-top: 5px;
}
.hotel .name span {
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
}

.hotel-are .hotel .name {
    padding: 0;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.7rem;
}

.hotel .sub {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.4;
    border: 1px solid #bbb;
    padding: 2px 7px;
    color: #666;
}
.hotel .time {
    margin-top: 10px;
}
.hotel .time li {
    display: -webkit-flex;
    display: flex;
    line-height: 1.4;
    margin-top: 5px;
    font-size: 1.3rem;
}
.hotel .time li i {
    font-size: 1.8rem;
    color: #f9a816;
}
.hotel .time li span {
}

.hotel .price {
    font-size: 1.75rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: -webkit-flex;
    display: flex;
}
.hotel .price span {
    font-size: 1.4rem;
    font-weight: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    align-self: center;
    margin-left: 3px;
}

.hotel .prc {
    flex-basis: 22%;
    flex-shrink: 0;
    margin-left: auto;
}
.hotel .prc .waku {
    border: 1px solid #ccc;
    border-top: 0;
}

.hotel .prc .waku .tai {
    background-color: #ffd55e;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1;
    padding: 5px 0;
}
.hotel .prc .waku .day {
    font-size: 1.35rem;
    line-height: 1.4;
    letter-spacing: normal;
    font-feature-settings: "palt";
    padding: 6px 10px;
}

.hotel .prc .link {
    margin-top: 10px;
    margin-left: 5px;
}
.hotel .prc .link li {
    font-size: 0;
    margin-top: 5px;
}
.hotel .prc .link li a {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    color: #085cb5;
    font-size: 1.25rem;
    line-height: 1.4;
}
.hotel .prc .link li a i {
    font-size: 1.5rem;
    color: #0b73e2;
    margin-right: 5px;
}
.hotel .prc .link li a span {
    transition: 0.2s ease-out;
}
.hotel .prc .link li a:hover span {
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #4e9cf1 inset;
}

.hotel.search {
}
.hotel.search .search-a {
    border: 0;
    background: none;
    padding: 0 15px;
    padding-bottom: 10px;
}
.hotel.search .search-a .tai span {
    font-size: 1.35rem;
}
.hotel.search .search-a .people .fm-select select {
    width: 60px;
    height: 30px;
    font-size: 1.4rem;
}
*/


/*  hotel-toplist
===================================
.hotel-toplist {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    margin-left: -18px;
    margin-right: -18px;
}
.hotel-toplist .hotel {
    width: calc(100% / 3 - 36px);
    margin: 0 18px;
    border: 0;
    padding: 0;
    padding-top: 30px;
}


.hotel-toplist .hotel .pho {
    width: auto;
}
.hotel-toplist .hotel .txt {
    margin: 0;
    padding: 0;
    flex: 1;
    margin-top: 5px;
}
.hotel-toplist .hotel .sub {
    display: block;
}

.hotel-toplist .hotel .price {
    margin: 0;
    font-size: inherit;
}
.hotel-toplist .hotel .name {
    font-size: 1.55rem;
    margin-bottom: 3px;
}

.hotel-toplist .cent-btn {
    border-radius: 6px;
    max-width: 240px;
    height: 50px;
    font-size: 1.4rem;
}
*/


/*  hotel-contact
===================================
.hotel-contact {
    margin: 0 10px;
}
.hotel-contact dl {
    margin-top: 20px;
}
.hotel-contact dt {
    font-weight: bold;
    color: #1e2b52;
}
.hotel-contact dd {
    font-size: 1.45rem;
    margin-top: 5px;
}
.hotel-contact dd a {
    display: inline;
    color: #085cb5;
    box-shadow: 0 0px 0 transparent inset, 0px -1px 0px #4e9cf1 inset;
    padding-bottom: 2px;
}
.hotel-contact dd a:hover {
    box-shadow: none;
}
*/


/*  hotel
===================================*/
article.hotel {
    padding-bottom: 140px;
}
.hotel .wrbody {
    margin: 0 auto;
    margin-top: 20px;
}
.hotel.top .wrbody {
}
.hotel.user .slideon {
    margin-top: 10px;
}
.hotel.user .title-entry .userin {
    top: auto;
    bottom: 0;
}

.hotel-cop {
}
.hotel-cop p {
    font-size: 1.5rem;
    text-indent: 1em;
    letter-spacing: 0.03em;
    font-feature-settings: "pkna" 1;
}
.hotel-cop p.rig {
    text-align: right;
}

#ex-login.modal {
    max-width: 600px;
}
#ex-login .login-are {
    margin: 0;
}
#ex-login .login-are .login-box {
    margin: 0;
}
#ex-login .login-are .login-box.lef {
   flex-basis: initial;
}


/*  search-are
===================================*/
.search-are {
    display: -webkit-flex;
    display: flex;
    border: 1px solid #ccc;
}
.search-are .title {
    font-size: 1.7rem;
    font-weight: bold;
    flex-shrink: 0;
    background-color: #f1f7e6;
    background-color: #efefef;
    border-right: 1px solid #ccc;
    padding: 0 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    max-width: 240px;
}
.search-are .title i {
    margin-right: 5px;
    font-size: 2.0rem;
    position: relative;
    top: -4px;
    color: #1e2b52;
}
.search-are .title .tai span {
}

.search-are .area {
    flex: auto;
}

.search-a {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 15px;
    padding-left: 20px;
    padding-bottom: 8px;
}
.search-a .tai {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 10px;
}
.search-a .tai i {
    margin-right: 6px;
    color: #f19d02;
    font-size: 3.0rem;
}
.search-a .tai span {
}
.search-a .people {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.search-a .come {
    font-size: 1.1rem;
    line-height: 1.3;
    margin-left: auto;
    color: #525252;
}

.search-a .people .fm-select {
    width: auto;
}
.search-a .people .fm-select select {
    width: 65px;
    height: 32px;
    font-size: 1.5rem;
    background-color: #fff;
}
.search-a .people .fm-select:after {
    right: 6px;
}

.search-a .people span {
    margin-left: 7px;
    font-weight: bold;
    color: #e58400;
}
.search-a .people ul {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 10px;
}
.search-a .people ul li {
    margin: 0 2px;
}
.search-a .people ul li i {
    font-size: 2.3rem;
    color: #1e2b52;
}

.search-b {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 15px;
    padding-left: 20px;
    padding-top: 8px;
}
.search-b .tai {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 10px;
}
.search-b .tai i {
    margin-right: 6px;
    color: #f19d02;
    font-size: 3.0rem;
}
.search-b .flx {
    -webkit-align-items: center;
    align-items: center;
}
.search-b .flx span {
    white-space: nowrap;
    font-size: 1.35rem;
    letter-spacing: normal;
    font-feature-settings: "palt";
    margin-right: 5px;
}
.search-b .flx input {
    width: 150px;
    height: 34px;
    border: 1px solid #bbb;
    background-color: #fff;
    padding: 5px 8px;
    padding-left: 33px;
    border-radius: 5px;
    font-size: 1.45rem;
}
.search-b .jscale {
    position: relative;
}
.search-b .jscale i {
    position: absolute;
    top: 6px;
    left: 5px;
    color: #a5a5a5;
    font-size: 2.2rem;
    pointer-events: none;
}
.search-b .checkin {
}
.search-b .checkout {
    margin-left: 10px;
}
.search-b .days {
    margin-left: 12px;
}
.search-b .days strong {
    font-size: 1.8rem;
    font-weight: bold;
    color: #e58400;
}
.search-b .days span {
    margin: 0;
    margin-left: 3px;
    font-size: 1.7rem;
    color: #e58400;
}

.ui-datepicker {
    font-size: 90%;
    z-index: 2 !important;
}

.search-are .btn-are {
    width: auto;
    align-self: flex-start;
    padding-right: 15px;
    padding-top: 12px;
}
.search-are .btn-are .clear-btn {
    font-size: 1.2rem;
    padding: 6px 6px;
}

.search-come {
    font-size: 1.3rem;
    line-height: 1.2;
    color: #e02300;
    margin-top: 5px;
}


/*  title-entry
===================================*/
.hotel .title-entry .userin .hotel-modoru {
}

.hotel .title-entry .userin .prof {
}
.hotel .title-entry .userin .prof li {
    margin-left: 10px;
    align-self: center;
}
.hotel .title-entry .userin .prof li:first-of-type {
    margin-left: 0;
}

.hotel .title-entry .userin .prof li .name {
    white-space: nowrap;
    font-size: 1.5rem;
}
.hotel .title-entry .userin .prof li .mylg-btn {
}

.hotel .title-entry .userin .prof .lef {
}
.hotel .title-entry .userin .prof .rig {
    display: -webkit-flex;
    display: flex;
    margin-left: auto;
}



/*  hotel-list
===================================*/
.hotel-are {
}

.hotel-list {
    margin-top: 30px;
}

.market {
    display: -webkit-flex;
    display: flex;
}
.market .pho {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    width: 300px;
}
.market .txt {
    margin-left: 30px;
    margin-right: 10px;
}
.market .number {
    font-size: 1.4rem;
}
.market .number span {
    font-weight: bold;
}

.market .hotel {
    display: -webkit-flex;
    display: flex;
    font-size: 2.2rem;
    line-height: 1.3;
    margin-bottom: 13px;
    margin-top: 12px;
    color: #1F2667;
}
.market .hotel span {
    font-weight: bold;
    display: inline-block;
}

.market-are .market .hotel {
    padding: 0;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.7rem;
}
/*/// アレンジ ///
.market-are .market .hotel {
    background-color: #ffd55e;
    border-radius: 2px;
    min-height: 40px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    margin: 0;
    position: relative;
    top: -15px;
    left: -45px;
    width: 100%;
    width: calc(100% / 1 + 30px );
    min-width: 260px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 55px;
    padding-right: 10px;
    margin-bottom: 5px;
    font-size: 1.65rem;
}*/

.market .sub {
    display: block;
    line-height: 1.4;
    color: #555;
}
.market .time {
}
.market .time li {
    display: -webkit-flex;
    display: flex;
    line-height: 1.4;
    margin-top: 5px;
    font-size: 1.35rem;
}
.market .time li i {
    font-size: 1.8rem;
    color: #adadad;
}
.market .time li span {
}

.market .link {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 15px;
}
.market .link li {
    font-size: 0;
    margin-right: 15px;
}
.market .link li:last-of-type {
    margin-right: 0;
}
.market .link li a {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    color: #085cb5;
    font-size: 1.4rem;
    line-height: 1.4;
}
.market .link li a i {
    font-size: 1.8rem;
    color: #0b73e2;
    margin-right: 3px;
}
.market .link li a span {
    font-weight: normal;
    transition: 0.2s ease-out;
}
.market .link li a:hover span {
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #4e9cf1 inset;
}

.market.item {
    position: relative;
    padding-bottom: 10px;
    border-top: 2px solid #f3cc5c;
    padding-top: 3px;
}
.market.item .area {
    flex: auto;
}
.market.item .area .flx {
}
.market.item .area .flx .txt {
    flex: auto;
}

.market.item .search-a {
    border: 0;
    padding: 0;
    margin-top: 15px;
    display: block;
    margin-left: auto;
    width: auto;
    flex-shrink: 0;
}
.market.item .search-a .tai {
    margin-right: 0;
}
.market.item .search-a .tai i {
    color: #f19d02;
}
.market.item .search-a .people {
    -webkit-justify-content: center;
    justify-content: center;
}
.market.item .search-a .people .fm-select select {
    width: 65px;
    height: 36px;
    font-size: 1.5rem;
}
.market.item .search-a .people span {
    font-size: 1.7rem;
}

.market .taiflx {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.market .taiflx .link {
    margin: 0;
    margin-left: 30px;
}


.room-list {
}
.room-list .roomlist {
    border-top: 1px solid #d5d5d5;
    padding: 15px 0;
}

.roomlist .pho {
    width: 160px;
}
.roomlist .txt {
    margin-left: 15px;
    margin-right: 50px;
}
.roomlist .room {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    line-height: 1.2;
    font-weight: bold;
    font-size: 1.75rem;
    color: #1F2667;
}
.roomlist .room i {
    font-size: 2.9rem;
    color: #f19d02;
    margin-right: 5px;
    position: relative;
    top: -1px;
}
.roomlist .room span {
}
.roomlist .room b {
    margin-left: 4px;
}

.roomlist .room-sub {
    line-height: 1.4;
    color: #555;
}
.roomlist .room-txi {
    font-size: 1.3rem;
    line-height: 1.4;
    color: #555;
    margin-top: 5px;
}

.roomlist .term {
    margin-left: auto;
    flex-shrink: 0;
    width: 100%;
    max-width: 330px;
}
.roomlist .term li {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    line-height: 1.3;
    padding-top: 3px;
    padding-bottom: 3px;
    font-feature-settings: "palt";
}
.roomlist .term li p {
}
.roomlist .term li b {
    margin-left: 5px;
    font-weight: 500;
}

.roomlist .term li span {
    white-space: nowrap;
    margin-left: 10px;
    font-size: 1.3rem;
    line-height: 1;
    color: #0d9200;
}
.roomlist .term li span.red {
    color: #e02300;
}

.roomlist .term li.out p,
.roomlist .term li.out b {
    color: #999;
    font-weight: normal;
}
.roomlist .term li.out span {
    color: #e02300;
}

.roomlist .chk {
    flex-shrink: 0;
}
.roomlist .chk .delet {
    line-height: 1;
    text-align: right;
    margin-top: 5px;
}

.roomlist .search-b {
    border: 0;
    padding: 0;
    margin: 0;
    display: block;
    background: none;
}
.roomlist .search-b input {
    width: 140px;
    height: 30px;
    border: 1px solid #bbb;
    background-color: #fff;
    padding: 0 8px;
    padding-left: 30px;
    border-radius: 4px;
    font-size: 1.4rem;
}
.roomlist .search-b .jscale {
    margin-bottom: 6px;
}
.roomlist .search-b .jscale i {
    top: 6px;
    left: 5px;
    font-size: 2.0rem;
}

.roomlist .search-b dl {
    display: -webkit-flex;
    display: flex;
    font-size: 1.5rem;
    margin-bottom: 5px;
}
.roomlist .search-b dl dt {
    background-color: #ef9400;
    font-weight: 500;
    font-size: 1.35rem;
    line-height: 1;
    color: #fff;
    padding: 5px 8px;
    text-align: center;
}
.roomlist .search-b dl dd {
    margin-left: 8px;
    line-height: 1;
    align-self: center;
    font-weight: 500;
    font-size: 1.6rem;
}

.roomlist .btn-are {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-top: 10px;
}
.roomlist .cart-btn {
    box-shadow: none;
    color: #848484;
    background-color: #dcdcdc;
    width: 140px;
    height: 34px;
    border-radius: 4px;
    font-size: 1.3rem;
    pointer-events: none;
}
.roomlist .cart-btn.on {
    border: 1px solid #ecb413;
    box-shadow: none;
    color: inherit;
    background: #ffd14f;
    pointer-events: inherit;
}
.roomlist .cart-btn.on:hover {
    background: #ffab27;
    color: inherit;
}

.roomlist .btn-are .days {
    margin-right: 15px;
    align-self: center;
}
.roomlist .btn-are .days strong {
    margin-right: 2px;
    color: #f39218;
}
.roomlist .btn-are .days span {
}
.roomlist .notxt {
    text-align: center;
    padding: 10px 0;
    width: 100%;
}

.roomlist .price {
    font-size: 1.7rem;
    line-height: 1;
    font-weight: bold;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: 13px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.roomlist .price .stay {
    color: #d75d00;
    margin-right: 10px;
    flex-shrink: 0;
    font-weight: 500;
    font-size: 1.5rem;
}
.roomlist .price .stay span {
    font-weight: normal;
    align-self: center;
    margin-left: 2px;
}
.roomlist .price .total {
    font-weight: 500;
}


.hotel-nav {
}
.hotel-nav ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    border-bottom: 2px solid #f3cc5c;
}
.hotel-nav ul li {
    position: relative;
    margin: 0 10px;
}
.hotel-nav ul li a {
    border: 2px solid #d1d1d1;
    border-bottom: 0;
    color: #444;
    font-size: 1.6rem;
    letter-spacing: 0.03em;
    line-height: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 45px;
    font-weight: bold;
    padding: 0 30px;
}
.hotel-nav ul li a:hover {
    color: #e58400;
}
.hotel-nav ul li.on a {
    border: 2px solid #ef9400;
    background-color: #ef9400;
    color: #fff;
}
.hotel-nav ul li.on a:hover {
    pointer-events: none; 
}

.hotel-nav ul li em {
    font-style: normal;
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 25px;
    height: 25px;
    padding: 0 4px;
    background-color: #ef9400;
    background-color: #24ac16;
    color: #fff;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    line-height: 1;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.05em;
}



/*  reserve
===================================*/
.hotel.reserve .wrbody {
}
.reserve .roomlist .term {
    max-width: 230px;
}
.reserve .roomlist .price {
    -webkit-justify-content: center;
    justify-content: center;
    border: 1px solid #ef9400;
    margin: 0;
    margin-top: 8px;
    padding: 10px 0;
}
.reserve .market .txt {
    margin-right: 0;
}
.reserve .market.roomlist .txt {
    margin-right: 50px;
}
.reserve .roomlist .term li b {
    font-weight: normal;
}

.modoru {
}
.hotel-modoru {
    background: #ef9400;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 38px;
    border-top: 0;
    font-weight: bold;
    width: 140px;
}
.hotel-modoru i {
    margin-right: 5px;
    margin-left: -10px;
    font-size: 2.0rem;
}
.hotel-modoru:hover {
    background: #ffdb48;
    color: initial;
}

.yoyaku-title {
    font-size: 2.2rem;
    letter-spacing: 0.1em;
    font-weight: bold;
    flex-shrink: 0;
    background-color: #f9d77c;
    padding: 0 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 50px;
}

.hotel-total {
    margin-top: 30px;
}
.hotel-total .area {
    text-align: right;
}
.hotel-total dl {
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 500;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-bottom: 5px;
}
.hotel-total dl dt {
}
.hotel-total dl dd {
}
.hotel-total .come {
    font-size: 1.35rem;
    letter-spacing: 0.03em;
    line-height: 1.2;
    color: #e02300;
    margin-bottom: 20px;
}

.hotel-total .regt-btn {
    width: auto;
    padding: 0 50px;
}

.hotel-no {
}
.hotel-no .area {
    margin-top: 100px;
    text-align: center;
}
.hotel-no .area p {
    font-size: 1.6rem;
    letter-spacing: 0.05em
}


.hotel.reserve .market .time {
    margin-top: 10px;
}


/*  privacy
===================================*/
.hotel.privacy .wrbody {
    margin-top: 30px;
}


/*  entry
===================================*/
.hotel.entry .wrbody {
    margin-top: 50px;
}

.form-are .roomlist .price {
    -webkit-justify-content: center;
    justify-content: center;
    border: 1px solid #ef9400;
    margin: 0;
    margin-top: 8px;
    padding: 8px 0;
}
.form-are .roomlist .term {
    max-width: 230px;
}
.form-are .roomlist .term li b {
    font-weight: normal;
}
.form-are .roomlist .txt {
    margin-right: 30px;
}

.form-are .market.item {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 -15px;
}

.form-are .market .pho {
    width: 130px;
}
.form-are .market .hotel {
    font-size: 2.0rem;
    margin-bottom: 0;
    margin-top: 12px;
}

.form-are .room-list .roomlist {
    border-top: 0;
    padding: 0;
    padding-bottom: 10px;
}

.form-are .hotel-list {
    margin-top: 0;
}
.form-are .hotel-list:first-of-type .market.item {
    border-top: 0;
    padding-top: 0;
}

.form-are .hotel-total {
    border-top: 1px solid #ccc;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 -15px;
    margin-top: 0;
    text-align: right;
}
.form-are .hotel-total .area {
    display: inline-block;
    margin-top: 20px;
    text-align: right;
}
.form-are .hotel-total .come {
    margin-bottom: 0;
}

.hotel .paylist {
    display: -webkit-flex;
    display: flex;
}
.hotel .paylist .title {
    flex-shrink: 0;
    width: 220px;
}
.hotel .paylist .area {
    margin-left: 0;
    margin-top: 0;
    width: 100%;
}
.hotel .paylist.card .area {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 5px;
}
.hotel .paylist .waku {
    margin-top: 0;
}
.hotel .paylist.card .waku {
    margin-top: 20px;
}

.fm-box.hotlit .reed {
    padding-left: 18px;
}

.hotel .thak-are .message-bank {
    max-width: 700px;
    margin: 0 auto;
    margin-top: 30px;
}
.message-bank {
    padding: 20px;
    border: 1px solid #e02300;
    background-color: #fffef1;
}
.message-bank ul {
}
.message-bank ul li {
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
    text-indent: -0.8em;
    padding-left: 0.8em;
    margin-bottom: 5px;
    color: #e02300;
}
.message-bank ul li i {
    display: inline;
    font-size: 1.0rem;
    position: relative;
    top: -2px;
    padding-right: 2px;
}

.message-bank dl {
    text-align: center;
    margin-top: 10px;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
}
.message-bank dl dt {
    font-weight: bold;
}
.message-bank dl dd {
    margin-top: 6px;
}
.message-bank dl dd a {
    display: inline;
    color: #026baf;
    box-shadow: 0 0px 0 transparent inset, 0px -1px 0px #4e9cf1 inset;
    padding-bottom: 1px;
}
.message-bank dl dd a:hover {
    box-shadow: none;
}

.title-entry .flow.logon {
}
.title-entry .flow.logon li {
    flex: 1;
    max-width: 15%;
    text-align: center;
}


.hotel .slmenu ul {
    margin-top: 0;
}
.hotel .slmenu ul li:first-of-type {
    background-color: #fff;
    padding-bottom: 6px;
}
.hotel .slmenu ul li .hotel-modoru {
    -webkit-justify-content: initial;
    justify-content: initial;
    font-weight: bold;
    width: auto;
    height: 45px;
}
.hotel .slmenu ul li .hotel-modoru i {
    margin-right: 10px;
    margin-left: 0;
    font-size: 2.0rem;
}
.hotel .slmenu ul li .hotel-modoru:hover {
    background: #ffdb48;
    color: initial;
}

.hotel .title-nav li {
    min-width: 150px;
    text-align: center;
}

.hotel.user .board {
    border: 1px solid #ccc;
    padding-bottom: 0;
}
.hotel.user .board .hed {
    margin-bottom: 15px;
}
.hotel.user .board .hed .txt-btx {
    font-size: 1.3rem;
    font-weight: 400;
    color: #888;
    margin-left: auto;
    margin-right: 10px;
}
.hotel.user .board .hed .txt-btx i {
    font-size: 1.8rem;
    color: #999;
    width: 16px;
}
.hotel.user .board .hed .txt-btx:hover {
    color: #085cb5;
}
.hotel.user .board .hed .txt-btx:hover i {
    color: #085cb5;
}

.hotel.user .form-are .hotel-list {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.hotel.user .board .fm-box {
    border: 0;
    border-top: 1px solid #ccc;
}
.hotel.user .board .fm-box .moku {
    background-color: #faf5da;
}
.hotel.user .board .fm-box .reed {
    background-color: #faf5da;
}

.hotel.user .board .fm-box .reed.bankno {
    background-color: #fff1f0;
}
.hotel.user .board .fm-box .reed.bankno p {
    color: #e02300;
}
.hotel.user .board .roomlist .room,
.hotel.user .board .roomlist .room b {
    font-weight: 500;
    font-size: 1.65rem;
}
.hotel.user .board .roomlist .room i {
    font-size: 2.6rem;
}
.hotel.user .board .form-are .room-list .roomlist {
    padding-bottom: 20px;
}



.hotel .fm-box .reed p {
    line-height: 1.3;
}

.hotel.user .form-are .hotel-total {
    border-top: 1px solid #ddd;
    background-color: #faf5da;
    margin: 0;
    padding: 0;
    padding-top: 5px;
}
.hotel.user .form-are .hotel-total .area {
    margin-top: 0;
    padding: 10px;
    padding-right: 20px;
}
.hotel.user .hotel-total dl {
    font-weight: 500;
}
.hotel.user .hotel-total .come {
    font-size: 1.3rem;
}
.hotel.user .hotel-total .come-pay {
    margin-top: 10px;
}


.hotel .rireki-hed .info table {
}
.hotel .rireki-hed .info table th {
    font-size: 1.4rem;
    text-align: left;
    padding: 0 10px;
}
.hotel .rireki-hed .info table td {
    font-size: 1.45rem;
    text-align: left;
    padding: 0 10px;
}


.doct-are .area {
}
.doct-are .area .hotel {
    padding: 30px;
}
.doct-are .area .hotel dl {
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #bbb;
}
.doct-are .area .hotel dt {
    flex: 1;
    padding-top: 15px;
    padding-right: 40px;
}
.doct-are .area .hotel dd {
    flex: 1;
}
.doct-are .area .hotel dd p {
    border-bottom: 1px solid #bbb;
    padding: 15px 0;
}
.doct-are .area .hotel dd p:last-of-type {
    border-bottom: 0;
}


.hotel.userpay .form-are .roomlist .term {
    display: none;
}
.hotel.userpay .roomlist .chk .delet {
    display: none;
}


.hotel .title-sub {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 25px;
}
.hotel .title-sub:before {
    content: "";
    width: 6px;
    height: 50px;
    background-color: #0168b6;
    margin-right: 15px;
}
.hotel .title-sub h3 {
    font-size: 2.0rem;
    letter-spacing: 0.03em;
    line-height: 1;
    font-weight: bold;
}


.hotel .slbody .notxt-are {
    margin-top: 30px;
}
.hotel .slbody .notxt-are p {
    border: 1px solid #ccc;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f5f5f5;
}


/*  HOTEL TOP
===================================*/
.hotel.top .hotel-list:nth-of-type(1) {
    margin-top: 0;
    border-top: 0;
}
.hotel.top .hotel-list:nth-of-type(1) .market.item {
    border-top: 0;
}


/*  HOTEL reserve
===================================*/
.hotel.reserve .hotel-list {
    margin-top: 20px;
    border: 1px solid #bbb;
    padding: 15px;
}
.hotel.reserve .market.item {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 15px;
}
.hotel.reserve .room-list .roomlist {
    padding-bottom: 0;
}



/*  display: none
===================================*/
.market.item .search-a {
    display: none;
}