@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Roboto:wght@300&display=swap" rel="stylesheet');
/*
 "Noto Sans JP" is lisenced under the SIL Open Font License, 1.1
 https://fonts.google.com/specimen/Noto+Sans+JP?query=Noto&preview.text_type=custom
 https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL

 "Roboto" is lisenced under the Apache License, version 2.0
 https://fonts.google.com/specimen/Roboto?query=roboto&preview.text_type=custom
 http://www.apache.org/licenses/LICENSE-2.0.html

 https://www.google.com/fonts/attribution
*/

/*---- common ----*/
html {
    font-size: 87.5%;
}
body {
    color: #000000;
    font-size: 1em;
}
body {
    font-weight: normal;
    font-display: swap;
}
.dispPC {
    display: block;
}
.dispSP {
    display: none;
}

/* input, select */
input, select {
    font-size: 16px;
    color: #000000;
}
input {
    padding: 7px;
    background: #ffffff;
}
.resetIconWrap01 input,
.resetIconWrap02 input,
.resetIconWrap input {
    padding-right: 20px;
}
input::-webkit-credentials-auto-fill-button {
    margin-right: 30px;
}

.formBox_inputCol {
    display: flex;
    align-items: center;
}
.formBox_inputCol input,
.formBox_contents .passwordIconWrap input{
    width: 100%;
}
input:disabled, select:disabled, textarea:disabled {
    -webkit-text-fill-color: #aaaaaa;
}
select {
    padding: 5px;
    height: 36px;
    vertical-align: middle;
}
.inputLabel_txt {
    margin: 8px 0;
}
.inputBtn_checkbox + .inputLabel_txt {
    line-height: 1.7rem;
}

/* mark */
.markType01 {
    padding: 0;
    background: none;
    border-radius: 0;
    text-align: left;
    color: #000000;
    font-size: 0.86rem;
}
.markType03 {
    display: inline;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    font-size: 1rem;
}
.markType03::after {
    content: "：";
    display: inline;
}
.markType04 {
    margin: 0 0 0 4px;
    padding: 1px 8px;
    font-size: 12px;
    border: none;
    border-radius: 0;
    color: #fff;
    background: #d00000;
    display: inline-block;
    line-height: 1.4;
}
.markType05, .markType06, .markType07 {
    margin: 0;
    padding: 1px 8px;
    font-size: 12px;
    background: #ffffff;
}
.markType05:after,
.markType06:after,
.markType07:after {
    display: none;
}
.markType05 {
    color: #c2740d;
    border: 1px solid #c2740d;
    line-height: 16px;
}
.markType06 {
    color: #4ebaaa;
    border: 1px solid #4ebaaa;
}
.markType07 {
    color: #ff0033;
    border: 1px solid #ff0033;
}


.i_info::before {
    content: "※";
    width: unset;
    height: unset;
    margin: 0 2px 0 0;
    background: none;
    vertical-align: 0;
}
.tagIcon_red {
    padding: 0 0 0 16px;
    font-size: 1rem;
    border: none;
    color: #000000;
    background-color: transparent;
    background-size: 14px 14px;
    background-position: left center;
    white-space: nowrap;
}

.tagIcon_gray {
    padding: 0 0 0 18px;
    font-size: 1rem;
    border: none;
    background-position: left center;
    background-size: 14px 14px;
    background-color: transparent;
}
.infoBox_icon {
    margin: 0;
}
.infoBox_iconItem {
    font-size: 0.86rem;
    color: #666666;
    border: 1px solid #aaaaaa;
    background: #ffffff;
}
.moreTxtWrap {
    position: relative;
    margin-top: 10px;
}
.moreTxtWrap .moreTxt {
    padding: 0;
    background: #eef0f3;
    font-size: 1rem;
}
.moreTxtWrap .moreTxt.long {
    border-bottom: 8px solid #f3f3f3;
}
.moreTxtWrap .moreTxt.long::before {
    content: none;
    position: relative;
    top: -20px;
}
.moreTxtWrap .moreTxt pre {
    margin: 8px 10px;
    line-height: 1.45;
}
.moreTxtWrap .moreTxt.fullTxt pre {
    padding-bottom: 8px;
}
.moreTxtWrap .moreBtn {
    margin-bottom: 0px;
    padding-left: 20px;
    font-size: 0.86rem;
    font-weight: bold;
    text-align: unset;
    position: absolute;
    bottom: 5px;
    right: 10px;
    background: linear-gradient(-90deg, rgba(243,243,243,1) 80%, rgba(243,243,243, 0));
}

.textBox{
    margin: 0;
}
.text_small{
    font-size: 0.86rem;
}
.text_gold {
    color:#c2740d;
}
.border_gold {
    border: 1px solid #c2740d;
}
.operationMessage {
    margin: 0 0 8px;
    padding: 0;
}

/* margin */
.marginTopBottom_10px {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*---- heading ----*/
h2{
    margin: 0 0 20px;
    font-size: 1.64rem;
    line-height: 1.45;
}
h3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 1.35rem;
    border: none;
    line-height: 1.45;
}
h4 {
    font-size: 1.35rem;
    font-weight: normal;
}
.facility_name {
    line-height: 1.2;
    font-size: 1.64rem;
    font-weight: normal;
}
.facility_name a {
    color: #000000;
}
.facility_name a:hover {
    text-decoration: none;
}
.hgroup_titlePlan {
    margin: 0 0 8px;
    padding: 0;
}
.hgroup_titlePlan * {
    display: inline;
}
.hgroup_titlePlan h2 {
    padding: 0;
}
.hgroup_titlePlan .markType05 {
    margin-right: 8px;
}
.itemWrap .hgroup_titlePlan h3 {
    padding: 0;
}
/*---- menu open btn ----*/
.headerMenu_wrap {
    display: block;
}
.headerMenu_hidden {
    display: none;
}
.menu_btn {
    width: 1024px;
    margin: 0 auto;
    position: relative;
}
.menu_btn button {
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 0;
}
.menu_btn .menu_btn_line {
    width: 30px;
    height: 2px;
    display: block;
    background-color: #000;
    position: relative;
    transition: background-color 0.5s 0s ease;
}
.menu_btn .menu_btn_line::before,
.menu_btn .menu_btn_line::after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background-color: #000;
    position: absolute;
    transition: background-color 0.5s 0s ease;
}
.menu_btn .menu_btn_line::before {
    top: -8px;
}
.menu_btn .menu_btn_line::after {
    bottom: -8px;
}
.menu_btn button.sideMenu_open .menu_btn_line,
.menu_btn button.sideMenu_open .menu_btn_line::before,
.menu_btn button.sideMenu_open .menu_btn_line::after {
    background: transparent;
}

/*---- menu close btn ----*/
.side_menu button {
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 16px;
}
.side_menu .menu_btn_line {
    width: 30px;
    height: 2px;
    display: block;
    background: transparent;
    position: relative;
}
.side_menu .menu_btn_line::before,
.side_menu .menu_btn_line::after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background-color: #000;
    position: absolute;
}
.side_menu .menu_btn_line::before {
    top: 0;
    transform: rotate(-45deg);
}
.side_menu .menu_btn_line::after {
    bottom: 0;
    transform: rotate(45deg);
}

/*---- sideMenu ----*/
.side_menu_wrap {
    background: transparent;
    position: relative;
}
.side_menu {
    width: 300px;
    height: 100%;
    margin: 0;
    padding: 60px 0 0;
    background: #fff;
    display: block;
    z-index: 10;
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(105%);
    transition: transform 0.3s 0s ease;
    transition: transform 0.3s 0s ease, -webkit-transform 0.3s 0s ease;
    -webkit-overflow-scrolling: touch;
}
.side_menu.sideMenu_open {
    transform: translateX(0%);
    overflow-x: hidden;
    box-shadow: 0 0 5px 2px rgba(80, 80, 90, 0.1);
}

.side_menu li.hp_link {
    margin: 20px 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.side_menu > ul > li > a,
.side_menu > ul > li.side_menu_logout a,
.side_menu > ul > li.side_menu_memberReserve a,
.side_menu > ul > li.side_menu_planSearch a {
    padding: 20px;
    color: #000;
    text-align: left;
    font-size: 1.35rem;
    display: block;
}
.side_menu > ul > li > a:hover,
.side_menu > ul > li.side_menu_logout a:hover,
.side_menu > ul > li.side_menu_memberReserve a:hover,
.side_menu > ul > li.side_menu_planSearch a:hover {
    color: #9e9e9e;
    text-decoration: none;
    cursor: pointer;
}
.side_menu_login {
    margin-bottom: 20px;
    padding: 0 20px 20px;
    border-bottom: 1px solid #dddddd;
    display: flex;
    justify-content: space-between;
}
.side_menu_login li {
    flex-grow: 1;
}
.side_menu_login li + li {
    margin-left: 8px;
}
.side_menu_login li a:hover {
    cursor: pointer;
}
.side_menu_memberInfo {
    margin-bottom: 20px;
    padding: 0 20px 20px;
    border-bottom: 1px solid #dddddd;
    cursor: default;
}
.side_menu_memberInfo a {
    width: auto;
    min-width: 90px;
    margin-left: 60px;
    padding: 6px;
    display: inline-block;
}
.side_menu_memberName {
    font-size: 1.35rem;
    display: flex;
    align-items: center;
}
.icon_name_initials {
    content: "";
    width: 48px;
    height: 48px;
    margin-right: 12px;
    color: #ffffff;
    background: #4e4e4e;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 1.2rem;
    line-height: 48px;
}
.side_menu_bg {
    display: none;
    animation: sideMenu_close 0.3s linear 0s;
}
@keyframes sideMenu_close {
    0% { opacity: 1; }
    100% { opacity: 0;}
}
.side_menu_bg.sideMenu_open {
    width: 100%;
    height: 100%;
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 20%);
    z-index: 5;
    animation: sideMenu_open 0.3s linear 0s;
}
@keyframes sideMenu_open {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/*---- header_wrap ----*/
.header_wrap {
    width: 100%;
    min-height: 60px;
    background: #ffffff;
    box-shadow: 0 0 5px 2px rgba(80, 80, 90, 0.1);
}
.header_wrap_inner {
    margin: 0 auto;
    padding: 16px 38px 16px 0;
}
/*---- WidgetWrap ----*/
.side_menu_wrap .i18nWidgetWrap {
    padding: 0 0 0 20px;
}
.side_menu_wrap .i18nWidgetWrap .language-selector__dropdown--rectangle.noTranslatable::before {
    content: url(../images/icon_lang.png);
    display: inline-block;
    vertical-align: middle;
}
.side_menu_wrap .i18nWidgetWrap div {
    display: inline-block;
}
.side_menu_wrap .i18nWidgetWrap select {
    margin: 0 0 0 5px;
    padding: 5px 0;
    border: none;
}
.side_menu_wrap .i18nWidgetWrap select:disabled {
    background-color: transparent;
}

/*----  login ----*/
.snsLoginText {
    font-size: 1rem;
}
/*---- page top ----*/
.pagetop {
    z-index: 5;
}
.pagetop a::before{
    top: 8px;
}
.pagetop a::after {
    width: 0;
    height: 0;
    top: 0;
    left: 0;
}
/*---- footer ----*/
.footer_wrap {
    color: #000000;
    background: #f3f3f3;
}

.footer_wrap_inner .japanese_only {
    display: none; /* default: hidden */
}

/*---- layout ----*/
/*Column*/
.contents {
    margin: 20px auto 0;
}
.contents.contentsSmall {
    width: 824px;
}
.contents_mainColumn {
    width: 616px;
    margin-left: 0;
    margin-bottom: 40px;
}
.contents_sideColumn {
    width: 384px;
    margin-bottom: 20px;
    padding: 16px 32px;
    font-size: 1.14rem;
    background: #f3f3f3;
    border: 1px solid #dddddd;
    border-radius: 8px;
    float: right;
    position: sticky;
    top: 0;
}
.contents_menuColumn {
    width: 243px;
    margin: 0 32px 0 0;
    border-radius: 8px;
}
.contents_menuColumn + .contents_mainColumn {
    width: 748px;
    margin-top: 0;
    margin-bottom: 0;
}
.contents_mainWrap {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
.separator {
    border-top: 1px dashed #aaaaaa;
}
.layoutCenter {
    text-align: center;
}
.layoutCenter .contents_mainColumn {
    margin: 0 auto;
    float: none;
}
#mainContents .loginCol2,
#mainContents .boxSmall {
    text-align: center;
}
.contents #mainContents .boxSmall ul {
    margin-top: 10px;
    text-align: left;
}
.contents #mainContents .textBox .btnSmall {
    margin-bottom: 16px
}
/* section */
.sectionWrap {
    margin: 0 0 20px;
    padding: 0 0 24px;
    border-bottom: 1px solid #dddddd;
}
.sectionWrapCard {
    margin: 0 0 20px;
    padding: 20px 32px;
    border: 1px solid #dddddd;
    border-radius: 8px;
}
.loginWrap {
    margin: 0 0 24px;
}

/* slider */
.slick-slider {
    margin-bottom: 0;
}
.slick-dots {
    height: 30px;
    top: 196px;
}
.slider_area .slick-dots {
    top: 270px;
}
.slick-dots li {
    margin: 0 2px;
}
.slider_itemTxt {
    min-height: 34px;
    font-size: 0.86rem;
    margin: 5px 16px 0;
}
.slider_area .slider_wrap {
    min-height: 340px;
}

/* modal */
.modalWindow {
    width: 800px;
    max-height: calc(100% - 220px);
    padding: 24px;
    border-radius: 3px;
}
.displaySwitch {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    max-height: calc(100% - 220px);
    padding: 24px;
    border-radius: 3px;
    position: fixed;
    line-height: 1.7;
    background: #ffffff;
    z-index: 10;
    overflow: auto;
    animation: sideMenu_open 0.3s linear 0s;
}
.modalWindow_inner {
    width: 450px;
    margin: 0 auto;
}
.modalWindow_inner .buttonType01 {
    width: 400px;
}
.modalWindow_inner .inputArea dt {
    font-size: 0.86rem;
    font-weight: normal;
}
.modalWindow .closeArea,
.modalWindow .closeArea:hover{
    background: none;
}
.modalWindow .formBox_detail {
    margin: 0 0 10px;
    padding: 10px 16px 14px;
    border: 1px solid #dddddd;
    border-radius: 8px;
}
.modalWindow .formBox_ttl {
    font-size: 1rem;
    font-weight: bold;
    display: block;
}
.modalWindow .formBox_ttl span.markType01{
    font-weight: bold;
}
.modalWindow .formBox_detailList::before,
.modalWindow .formBox_detailList::after {
    content: "";
    display: none;
}
.modalWindow .formBox_detail .formBox_detailList {
    /*margin: 0 0 10px;*/
    padding: 0 0 10px;
    text-align: right;
    /*border-bottom: 1px solid #dddddd;*/
    display: block;
}
.modalWindow .formBox_detail .formBox_detailList:nth-last-of-type(1) {
    margin: 0;
    border: none;
}

.modalWindow .formBox_detailList dd {
    margin: 0;
}
.modalWindow .formBox_detail .total {
    padding: 10px 0 0;
    border-top: 1px solid #aaaaaa;
}
.modalWindow .totalList {
    padding: 10px 16px 10px 0;
    border-radius: 8px;
    background: #f3f3f3;
    font-size: 0.86rem;
    font-weight: normal;
}
.modalWindow .totalList li.total .value {
    padding: 0 0 0 10px;
    font-size: 1.35rem;
    font-weight: bold;
}
.modalWindow .formBox_totalTxt {
    font-size: 0.86rem;
}
.modalWindow .textBox {
    margin-bottom: 16px;
}
.modalWindow .infoBox_icon:nth-last-of-type(1) {
    margin-bottom: 16px;
}

.modalWindow .numInput_ttl {
    margin-bottom: 10px;
    font-size: 1rem;
}
.modalWindow .numInput_list {
    padding: 10px 16px;
    background: #f3f3f3;
    border: 1px solid #dddddd;
}
.modalWindow form > .numInput_list:nth-of-type(1) {
    padding: 0 16px 16px;
    background: none;
    border: none;
    border-bottom: 1px solid #dddddd;
}
.modalWindow .numInput_list li {
    border: none;
    word-break: normal;
}
.modalWindow .numInput_list li,
.modalWindow .numInput_list li p {
    font-size: 1rem;
}
.modalWindow .numInput_list li select {
    margin: 0 5px;
}
.modalWindow .numInput {
    margin-bottom: 10px;
}
.modalWindow .btnBox li {
    margin: 0 15px 5px 0;
}
.modalWindow .btnBox li:nth-last-of-type(1) {
    margin-right: 0;
}

/* Price */
.totalList {
    margin: 0;
    padding: 0;
    background: none;
}
/*GSEA001F01300*/
/* mainColumn */
/* tab */
.resultHeader {
    position: relative;
}
.tab_outWrap {
    border-bottom: 1px solid #aaaaaa;
}
.tab_area {
    margin-bottom: -1px;
}
.tab_label {
    /*width: 244px;*/
    margin-left: 16px;
    font-size: 1rem;
    font-weight: normal;
    border: 1px solid #aaaaaa;
    border-radius: 8px 8px 0 0;
    background: #f3f3f3;
}
.tab_label.active {
    font-weight: bold;
    border: 1px solid #aaaaaa;
    border-bottom: none;
    background: #ffffff;
}
.tab_label a,
.tab_label.active a {
    color: #000000;
}
.tab_label:hover a {
    color: #000000;
    border-radius: 8px 8px 0 0;
    background: #f9f9f9;
}
.tab_area .tab_label.active::after {
    display: none;
}

/* line_up */
.line_up {
    height: auto;
    float: none;
    position: static;
}
.line_up_list {
    font-size: 1rem;
}
.line_up_item {
    margin: 0 10px 0 0;
}
.line_up_item:nth-last-of-type(1) {
    margin: 0;
}
.line_up_item a {
    padding: 4px 0 0;
    color: #9e9e9e;
    border-bottom: 4px solid #9e9e9e;
}
.line_up_item a:hover {
    color: #aaaaaa;
    border-bottom: 4px solid #aaaaaa;
}
.line_up_item.active a {
    color: #000000;
    border-bottom: 4px solid #000000;
}

/* plan */
.itemWrap {
    margin: 24px 0 0;
    padding: 0;
    border: 1px solid #dddddd;
    border-radius: 8px;
    box-shadow: 0 0 5px 2px rgba(80, 80, 90, 0.1);
}
.itemWrap:nth-of-type(1) {
    margin: 8px 0 0;
}
.infoBox {
    padding: 16px 32px;
}
.infoBox .infoBox_wrap {
    display: flex;
    margin: 0 auto;
    padding: 0;
}

.infoBox_detail, .infoBox .infoItemList,
.infoBox_summary,.chooseBox .infoItemList {
    font-size: 1rem;
}
.slider_tabArea .slider_inner,
.slider_modalArea .slider_inner {
    width: 300px;
}
.slider_tabArea .slider_itemImg,
.slider_modalArea .slider_itemImg{
    width: 300px;
    height: 226px;
    background: #eef0f3;
}
.slider_tabArea .slider_itemImg img,
.slider_modalArea .slider_itemImg img {
    max-width: 300px;
    max-height: 226px;
    object-fit: contain;
}
.infoBox_summary {
    border: none;
    display: block;
    margin: 10px 0 20px;
    padding: 0;
}
.infoBox_summary li {
    margin-right: 0;
    margin: 0 0 6px;
}
.infoBox_summary .infoBox_summary_item_Wrap {
    margin: 0;
}
.infoBox_summary .infoBox_summary_item_layout {
    display: flex;
    flex-wrap: wrap;
}
li.infoBox_summary_checkInOut {
    padding: 0 0 0 16px;
    background: url(../images/icon_time.png) left top 6px no-repeat;
    background-size: 12px 12px;
}
li.infoBox_summary_paymentMethod {
    padding: 0 0 0 16px;
    background: url(../images/icon_yen.png) left top 8px no-repeat;
    background-size: 12px 12px;
}
li.infoBox_summary_lodger {
    margin-right: 16px;
    padding: 0 0 0 18px;
    background: url(../images/icon_persons.png) left top 5px no-repeat;
    background-size: 12px 12px;
}
li.infoBox_summary_roomWidth {
    margin-right: 16px;
    padding: 0 0 0 18px;
    background: url(../images/icon_roomsize.png) left top 5px no-repeat;
    background-size: 12px 12px;
}
li.infoBox_summary_bedWidth {
    padding: 0 0 0 18px;
    background: url(../images/icon_bed.png) left top 5px no-repeat;
    background-size: 12px 12px;
}
.infoItemList dt {
    margin-right: 0;
}
.infoItemList dd {
    height: 27px;
    display: flex;
    align-items: center;
}
.infoItemList dd::after,
.infoItemList li::after {
    margin: 0 2px;
}
p.paymentPayPay {
    height: 27px;
}
p.paymentPayPay img {
    object-fit: contain;
}

.paymentDP {
    margin-top: 4px;
    font-size: 0.86rem;
}
.infoBox_detail .chooseBox_priceNum {
    font-size: 1.64rem;
}
.priceWrap {
    margin-bottom: 16px;
    padding-bottom: 16px;
}
.priceWrap p.text_gold:nth-of-type(1) {
    margin-bottom: 6px;
}
.chooseBox_list {
    margin: 0;
    padding: 10px 32px;
    border-top: 1px solid #dddddd;
}
.chooseBox_list ul.infoItemList {
    display: none;
}
.chooseBox_list_more, .chooseBox_list_close {
    border-top: 1px solid #dddddd;
    color: #135e92;
    font-weight: bold;
}
.chooseBox_list_more:hover,
.chooseBox_list_close:hover {
    color: #135e92;
    text-decoration: underline;
}
.chooseBox_img-info {
    display: flex;
}
.chooseBox_ttl {
    font-size: 1rem;
    margin: 0;
    line-height: 1.4;
}
.chooseBox_ttl a {
    color: #135e92;
    font-weight: bold;
}
.chooseBox_price {
    margin: 0;
    font-size: 0.86rem;
    font-weight: normal;
    text-align: left;
}
.chooseBox_priceNum {
    font-size: 1.64rem;
    font-weight: bold;
}
.chooseBox_resist {
    width:auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.chooseBox_resistBtn {
    margin-left: 16px;
    white-space: nowrap;
}
.chooseBox_resistBtn li {
    display: inline-block;
}
.chooseBox_resistBtn li + li {
    margin: 0 0 0 10px;
}

.chooseBox_resist_DP {
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
}
.chooseBox_resist_regular {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/*.chooseBox_info*/
.chooseBox_info {
    line-height: 1.4;
    display: flex;
    align-items: center;
}
.chooseBox_info .chooseBox_ttl {
    display: inline-block;
}
.chooseBox_info .chooseBox_ttl .tagIcon_gray,
.chooseBox_info .chooseBox_ttl .tagIcon_red {
    margin-left: 8px;
}
.chooseBox_priceWrap p {
    text-align: right;
    line-height: 1.2;
    white-space: nowrap;
}
.chooseBox_info > div.chooseBox_ttl_wrap {
    margin: 0;
    text-align: left;
}
.chooseBox_info .chooseBox_ttl .badgeWrap .markType05 {
    margin: 0 8px 8px 0;
}
.chooseBox_list_more, .chooseBox_list_close,
.chooseBox_list_more:hover, .chooseBox_list_close:hover {
    background: none;
}

/* loading */
.loading {
    background: none;
    /*border: 1px solid #dddddd;*/
    /*border-radius: 8px;*/
}

/* no plan */
.searchPlan_noItemBox {
    margin: 10px 0;
    padding: 150px 20px 40px;
    background: url(../images/icon_noplan.png) center top 65px no-repeat;
    text-align: center;
}
.searchPlan_noItemBox a {
    font-weight: bold;
}
.searchPlan_noItemBox a:hover {
    cursor: pointer;
}
/* api error */
.searchPlan_apiErrorBox {
    margin: 10px 0;
    padding: 150px 20px 40px;
    background: url(../images/icon_apiError.png) center top 65px no-repeat;
    text-align: center;
}

/* pager */
.pager_result {
    margin-bottom: 10px;
    font-size: 0.86rem;
}
.pager li a {
    color: #000000;
    font-size: 1rem;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
}
.pager li a:hover {
    background: none;
    color: #000;
    opacity: 0.7;
}
.pager .active a {
    color: #000000;
    background: #f3f3f3;
}
.pager {
    font-size: 1em;
    text-align: center;
}
.pager_result {
    margin-bottom: 10px;
}
.pager .pagination {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.pager .pagination li {
    margin: 0 10px 0 0;
    padding: 0;
    display: inline-block;
}
.pager .pagination li:nth-last-of-type(1) {
    margin: 0;
}
.pager .pagination li button {
    width: 30px;
    height: 30px;
    padding: 0;
    display: block;
    color: #000000;
    background: #f6f6f6;
    text-decoration: none;
    border: none;
}
.pager .pagination li button:hover {
    cursor: pointer;
}
.pager .pagination li button:not([disabled]):hover,
.pager .pagination li.current button {
    color: #000000;
    background: #e0e0e0;
}
.pager .pagination li.current button:hover,
.pager .pagination li button:disabled:hover {
    cursor: default;
}
.pager .pagination li.first button,
.pager .pagination li.pre button,
.pager .pagination li.next button,
.pager .pagination li.end button {
    background: none;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    position: relative;
}
.pager .pagination li.first button:hover,
.pager .pagination li.pre button:hover,
.pager .pagination li.next button:hover,
.pager .pagination li.end button:hover {
    background: none;
}
.pager .pagination li.first button::before,
.pager .pagination li.first button::after,
.pager .pagination li.pre button::after {
    content: "";
    width: 10px;
    height: 10px;
    border-left: 3px solid #000000;
    border-top: 3px solid #000000;
    transform: rotate(-45deg);
    display: block;
    position: absolute;
}
.pager .pagination li.first button::before {
    top: calc(50% - 5px);
    left: calc(50% - 7px);
}
.pager .pagination li.first button::after {
    top: calc(50% - 5px);
    left: 50%;
}
.pager .pagination li.pre button::after {
    top: calc(50% - 5px);
    left: calc(50% - 5px);
}
.pager .pagination li.next button::after,
.pager .pagination li.end button::before,
.pager .pagination li.end button::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 3px solid #000000;
    border-bottom: 3px solid #000000;
    transform: rotate(-45deg);
    display: block;
    position: absolute;
}
.pager .pagination li.next button::after {
    top: calc(50% - 5px);
    left: calc(50% - 5px);
}
.pager .pagination li.end button::before {
    top: calc(50% - 5px);
    left: 50%;
}
.pager .pagination li.end button::after {
    top: calc(50% - 5px);
    left: calc(50% - 7px);
}
.pager .pagination li.disabled button:hover {
    cursor: default;
}

/* searchPanel */
.Calendar_searchItem_wrap {
    margin: 0 0 16px;
    padding: 16px 0 24px;
    background:#f3f3f3;
    border: 1px solid #aaaaaa;
    border-radius: 8px;
}
.Calendar_searchItem_inner {
    margin: 0 16px;
}
.Calendar_searchItem_wrap a {
    cursor: pointer;
}
.Calendar_searchItem_inner + .Calendar_searchItem_inner {
    border-top: 1px solid #aaaaaa;
}
.Calendar_searchItem_wrap .searchItem_ttl {
    margin: 0 0 16px;
    padding: 40px 0 0;
    background: url(../images/icon_search.png) center top -5px no-repeat;
    font-size: 1rem;
    text-align: center;
}
.tab_area03 {
    padding: 0 16px;
    display: flex;
    position: relative;
    top: 1px;
}
.tab_area03 .tab_label {
    width: 100px;
    font-size: 12px;
    background: #dddddd;
}
.tab_area03 .tab_label.active {
    font-weight: normal;
}
.tab_area03 .tab_label a {
    padding: 4px 0;
}
.tab_area03 .tab_label.active {
    background: #f3f3f3;
}
.inputCalendar, .searchItemWrap, .searchItem_peopleTxt {
    background: none;
}
.inputCalendar {
    margin: 0;
    padding: 16px 0 0;
    /*border-top: 1px solid #dddddd;*/
}
.searchItemWrap {
    padding: 0;
}
#searchPane .buttonType04 {
    margin: 0 0 10px;
    font-size: 0.86rem;
}
.searchItem_peopleTxt {
    padding: 0;
    text-align: left;
}
.searchItem_peopleTxt a {
    margin: 0 0 16px;
    color: #000000;
    display: block;
}
.searchItem_peopleTxt a:hover {
    text-decoration: none;
}
.searchItem_peopleTxt p {
    font-weight: normal;
}

.changePeopleRoom {
    padding: 8px;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    background: url(../images/icon_persons.png) left 8px center no-repeat #ffffff;
    text-align: center;
    font-weight: normal;
    background-size: 22px 22px;
}
.search_inputBtn {
    margin-top: 0;
}
.inputCalendar_item input {
    padding: 8px 8px 8px 40px;
    background: url(../images/icon_calendar.png) left 8px center no-repeat #ffffff;
    background-size: 24px 24px;
}
input:disabled, select:disabled, textarea:disabled {
    background-color: #f9f9f9;
}
.linkCalendar {
    margin-top: 16px;
    padding: 16px 0 0;
    border-top: 1px solid #aaaaaa;
    text-align: center;
    font-weight: bold;
    line-height: 1;
}
.inputCalendar_check {
    flex-direction: column;
    align-items: normal;
    margin-top: 4px;
    margin-bottom: 4px;
}
.inputCalendar_check .inputLabel_txt{
    margin: 4px;
}
.inputCalendar_check .infoIcon {
        position: relative;
        padding: 0px;
        display: inline-block;
     }
/* Calendar */
.ui-widget.ui-widget-content {
    border: 2px solid #aaaaaa !important;
    border-radius: 8px;
}
.ui-datepicker::before {
    border: 2px solid #aaaaaa !important;
}

/* .searchingOption */
.searchingOption {
    padding: 16px 16px 24px;
    border: 1px solid #dddddd;
    border-radius: 8px;
}
.searchingOption .inputLabel_txt {
    margin: 0;
}
.searchingOption .searchItem_ttl {
    margin: 0 0 16px;
    padding: 40px 0 0;
    background: url(../images/icon_searchingOption.png) center top -5px no-repeat;
    font-size: 1rem;
    text-align: center;
}
.searchingOption .grad_btn {
    display: none;
}
.searchingOption .grad_item {
    overflow: visible;
    height: auto;
    padding-bottom: 0;
}
.searchingOption .grad_item::before {
    background: none;
    height: 0;
}
.search_checkList dt {
    border-bottom: none;
}
.grad_item div {
    padding: 10px 0 0;
    border-top: 1px solid #dddddd;
}
.searchingOption .search_checkList div:nth-last-of-type(1) {
    margin-bottom: 10px;
}
.grad_btn {
    font-size: 1rem;
}

/* cartModal */
.modal.cartModal {
    width: 600px;
}
.modal.cartModal .text_red {
    margin-bottom: 20px;
}
.modal {
    width: 800px;
    max-height: calc(100% - 220px);
    padding: 24px;
    display: block;
    border-radius: 3px;
    line-height: inherit;
    background: #ffffff;
    z-index: 10;
    overflow: auto;
    position: fixed;
    bottom: inherit;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.modal .button-close-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.modal .button-close {
    position: fixed;
    width: 30px;
    height: 30px;
}
.modal .button-close::before {
    content: "";
    display: block;
    width: 2px;
    height: 15px;
    position: absolute;
    top: 8px;
    left: 14px;
    transform: rotate(45deg);
    background: #666666;
}
.modal .button-close::after {
    content: "";
    width: 2px;
    height: 15px;
    display: block;
    position: absolute;
    top: 8px;
    left: 14px;
    transform: rotate(-45deg);
    background: #666666;
}
.modalHeader_caution {
    padding-top: 85px;
    background: url(../images/icon_noplan.png) center top no-repeat;
}
.modalHeader_completed {
    padding-top: 60px;
    background: url(../images/icon_complete.png) center top no-repeat;
    background-size: 50px 50px;
}
.addCartBox {
    width: 80%;
    margin: 0 auto;
}
.addCartBox h3 {
    margin-bottom: 24px;
    text-align: center;
}
.addCartBox .addCart_detailTitle {
    font-weight: bold;
}
.addCartBox .addCart_summary {
    margin-bottom: 20px;
}
.addCartBox .addCart_summary dt {
    margin-bottom: 4px;
    font-weight: bold;
}
.addCartBox .addCart_summary dd {
    margin-bottom: 4px;
}
.addCartBox .addCart_priceNum {
    font-size: 1.64rem;
    font-weight: bold;
    margin: 0 0 30px;
}
.addCartBox .cautionMessage {
    margin-bottom: 20px;
}
.addCartFloatBtn {
    position: fixed;
    right: calc(50% - (1024px / 2));
    bottom: 20px;
    display: block;
    z-index: 4;
    padding: 12px 12px 12px 38px;
    text-align: center;
    border-radius: 4px;
    font-weight: normal;
    border: 1px solid #000000;
    color: #000000;
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, .3);
    background: url(../images/icon_cart.png) #fff left 10px center no-repeat;
    cursor: pointer;
}
@media screen and (max-width: 1180px) {
    .addCartFloatBtn {
        right: 90px;
    }
}
.addCartFloatBtn:hover {
    text-decoration: none;
}
.cartIcon {
    width: 22px;
    height: 22px;
    background: #d00000;
    position: absolute;
    top: -6px;
    right: -10px;
    border-radius: 12px;
    font-size: 0.86rem;
    color: #ffffff;
}

/* GSEA002F01400 */
/* infoBox */
.infoBox_wrap {
    margin: 0 auto 40px;
    padding: 0;
    display: block;
}
.infoBox_detailTxt {
    margin: 0;
    font-size: 1rem;
}
.infoBox_wrap_inner {
    margin-bottom: 32px;
    display: flex;
}
.infoBox_wrap_inner .infoBox_summary {
    display: block;
}
.infoBox_wrap_inner .infoBox_summary li.infoBox_summary_lodger,
.infoBox_wrap_inner .infoBox_summary li.infoBox_summary_roomWidth {
    display: inline-block;
}
.infoBox_detail {
    margin-left: 20px;
}
.planDetail_optionList li {
    background: #f3f3f3;
    font-size: 0.86rem;
}
section.textBox {
    margin-bottom: 40px;
}
.anchorButton {
    display: inline-block;
}
.anchorButton a::before {
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 10px;
    display: inline-block;
    background: url(../images/icon_calendar_w.png) 0 0 no-repeat;
    background-size: cover;
    vertical-align: bottom;
}

/* calendar */
.calendar {
    background: none;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.calendarLayout {
    padding: 24px 32px;
    background: #ffffff;
    border: 1px solid #dddddd;
}
.vacancy {
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 0;
}
.vacancyInput {
    margin: 0 0 16px;
    padding: 8px;
    background: #f3f3f3;
    border: 1px solid #aaaaaa;
    border-radius: 8px;
    justify-content: center;
}
.vacancyInput_modalLink {
    margin-right: 10px;
    padding-left: 50px;
    background: url(../images/icon_search.png) left 8px center no-repeat;
    background-size: 28px 28px;
}
.vacancyInput_modalLink:hover {
    text-decoration: none;
}
.vacancyInput_stay select {
    margin: 0 10px 0 0;
    border: 1px solid #aaaaaa;
}
.vacancyInput_submit {
    width: auto;
}
.vacancyInput_submitBtn {
    padding: 8px 24px;
}
.vacancyInput_people {
    min-width: 144px;
    height: 36px;
    padding-left: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #aaaaaa;
    color: #000000;
    background: url(../images/icon_persons.png) left 8px center no-repeat #ffffff;
    background-size: 18px 18px;
}
.vacancy_side {
    margin: 0 32px 0 0;
}
.vacancy_sideBox {
    width: 238px;
    height: 328px;
    border: 1px solid #aaaaaa;
}
.vacancyDetail {
    margin-top: 10px;
    background: #f3f3f3;
}
.vacancyDetail::after {
        border-bottom: 20px solid #f3f3f3;
}
.vacancyDetail .detailBox + p {
    margin-bottom: 24px;
}
.vacancyDetail .infoBox_icon {
    display: none;
}
.vacancyDetail_txt h4 {
    margin: 0 16px 0 0;
    display: inline-block;
    font-size: 1rem;
}
.vacancyDetail_link {
    margin: 0;
    font-size: 1rem;
}
.vacancyDetail .slider_itemTxt {
    height: auto;
}
.vacancyDetail .slider_minImgArea .slider_inner {
    width: 106px;
    height: 80px;
}
.vacancyDetail .slider_minImgArea .slider_itemImg {
    width: auto;
    height: 80px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}
.vacancyDetail .slider_minImgArea .slider_itemImg img {
    width: 100%;
    height: 100%;
    max-width: unset;
    max-height: unset;
}
.calendar th {
    background: none;
}
.calendar td {
    border: none;
    border-top: 1px solid #dddddd;
    background: #ffffff;
}
.calendar th,
.calendar td a {
    color: #000000;
    font-weight: normal;
}
.calendar td a:hover::after {
    display: none;
}
.calendar .checkInDate {
    border: none;
    border-top: 1px solid #dddddd;
}
.vacancy_sideBox,
.calendar th,
.calendar .day {
    font-size: 1rem;
}
.vacancy_note,
.calendar .price,
.calendar .stock {
    font-size: 0.86rem;
}
.calendar .day {
    padding: 4px 0 0;
    text-align: center;
}
.vacancy_note p {
    display: inline-block;
}
.vacancy_note p + p {
    margin-left: 10px;
}
.vacancy_headList li.now,
.vacancy_headList li.prev,
.vacancy_headList li.next {
    font-size: 1.35rem;
    font-weight: normal;
    color: #000000;
}
.vacancy_headList li.prev a,
.vacancy_headList li.next a {
    color: #000000;
}
.vacancyInput_peopleList {
    display: inline-block;
}
.vacancy_ttl {
    margin-top: 14px;
    font-size: 1rem;
}
/* calendar_loading */
.calendar_loading {
    width: 100%;
    position: relative;
}
.calendar_loading::before {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 5px);
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: "";
    background: transparent;
    animation: loadingAnime 2s linear 0s infinite normal;
    box-shadow: 0 -15px 0 rgba(19, 94, 146, 1),
    20px -5px 0 rgba(19, 94, 146, .1),
    30px 15px 0 rgba(19, 94, 146, .1),
    20px 35px 0 rgba(19, 94, 146, .1),
    0 45px 0 rgba(19, 94, 146, .1),
    -20px 35px 0 rgba(19, 94, 146, .1),
    -30px 15px 0 rgba(19, 94, 146, .3),
    -20px -5px 0 rgba(19, 94, 146, .3);
    backface-visibility: hidden;
    z-index: 3;
}
.calendar_loading::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.6);
    z-index: 2;
    content: "";
}
.calendar_noMatch::before {
    background: rgba(255, 255, 255, 0.6);
}
.calendar_noMatchTxt {
    padding: 0 16px;
    font-size: 1.35rem;
    color: #000000;
}

/* section */
.sectionText_box {
    margin-bottom: 48px;
}

/* other */
.colW dt {
    font-size: 1rem;
}
.colW dd {
    font-size: 0.86rem;
}
.modalWindow h4,
.infoBox_wrap h4 {
    margin: 10px 0;
}

/*GRES001F02100*/
/* hotelNotice*/
.hotelNotice_wrap {
    background: rgba(80,80,90,0.1);
    border-bottom: 1px solid #dddddd;
}
.hotelNotice_wrap + .contents {
    margin-top: 20px;
}
.hotelNotice_wrap .moreTxt.long::before {
    height: 30px;
    background: linear-gradient(0deg, rgba(237,237,238,1) 10%, rgba(237,237,238, 0));
}
.hotelNotice_wrap_inner {
    width: 1024px;
    margin: 0 auto;
    padding: 8px 0;
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.searchTtl {
    margin: 0;
    padding: 0 0 0 24px;
    font-size: 1.35rem;
    font-weight: normal;
    background: url(../images/icon_hotelinfo.png) left top 6px no-repeat;
    background-size: 18px 18px;
}
.hotelNotice_wrap_inner .textBox {
    width: 850px;
    padding: 0;
}
.hotelNotice_wrap_inner .textBox .moreTxt {
    font-size: 1rem;
}

/* loginCompany */
.loginCompany {
    margin: 0 0 20px;
    display: flex;
}
.loginCompany p {
    display: inline-block;
    margin-right: 8px;
}
.contractCompanyLoginUrl {
    white-space: nowrap;
    cursor: pointer;
}
.contents_mainArea > .loginCompany.textBox {
    margin-bottom: 8px;
}
.contractCompanyLabel {
    width: auto;
    margin: 20px 0 8px;
}
.emBox {
    border: 1px solid #aaa;
    border-radius: 3px;
    margin: 0 0 20px;
    background: transparent;
}

/* sideColumn */
.contents_sideColumn .markType02 {
    font-size: 1rem;
}
.contents_sideColumn .btnMiddle {
    width: 100%;
}
.contents_sideColumn .formBox_block {
    display: block;
}
.contents_sideColumn .formBox_head {
    width: 100%;
    padding: 0 0 10px;
    font-size: 0.86rem;
}
.contents_sideColumn .formBox_contents {
    width: 100%;
    padding: 0 0 10px;
    font-size: 16px;
}
.contents_sideColumn .formBox_priceList dt,
.contents_sideColumn .formBox_priceList dd{
    padding: 0 10px;
    border: none;
}
.contents_sideColumn .formBox_priceList .total {
    color: #000000;
    font-size: 1rem;
}
.contents_sideColumn .formBox_priceTxt {
    color: #000000;
    font-size: 0.86rem;
    font-weight: normal;
    text-align: left;
}
.contents_sideColumn .formBox_priceList dt#reservePriceTotalTitle,
.contents_sideColumn .formBox_priceList dd#reservePriceTotal {
    margin: 8px 0 0;
    border-top: 1px solid #000000;
    font-weight: bold;
}
.contents_sideColumn .totalList {
    margin: 0;
    padding: 0;
    background: none;
    font-weight: normal;
    text-align: left;
}
.contents_sideColumn .totalList li {
    margin: 0 10px 0 0;
}
.contents_sideColumn .formBox_detail .formBox_ttl{
    font-size: 0.86rem;
    font-weight: normal;
    display: inline;
}
.contents_sideColumn .formBox_ttl .markType01 {
    margin-right: 0;
}
.contents_sideColumn .formBox_detail {
    line-height: 1.2rem;
}
.contents_sideColumn .formBox_detail .formBox_detailList {
    margin: 0;
    display: inline;
}
.contents_sideColumn .formBox_detail .formBox_detailList::before {
    content: "(";
    font-size: 0.86rem;
}
.contents_sideColumn .formBox_detail .formBox_detailList::after {
    content: ")";
    font-size: 0.86rem;
}
.contents_sideColumn .formBox_detail .formBox_detailList div {
    display: inline;
    font-size: 0.86rem;
}
.contents_sideColumn .formBox_detail .formBox_detailList div::before {
    content: "・";
    display: inline;
}
.contents_sideColumn .formBox_detail .formBox_detailList div:nth-of-type(1)::before {
    content: "";
}
.contents_sideColumn .formBox_block {
    padding: 10px 0;
    border-top: 1px dotted #aaaaaa;
}
.contents_sideColumn .total {
    margin-right: 10px;
}
.contents_sideColumn #reservePriceTotal.total {
    margin-right: 0;
}
.contents_sideColumn .total,
.contents_sideColumn .text_right {
    display: inline-block;
}
.contents_sideColumn .formBox_priceList dt {
    width: 60%;
    background: none;
}
.contents_sideColumn .formBox_priceList dd {
    width: 40%;
}
.contents_sideColumn .formBox_priceList dt,
.contents_sideColumn .formBox_priceList dd {
    font-size: 1rem;
    padding: 0;
}
.contents_sideColumn .formBox_priceList #reservePriceTotal,
.contents_sideColumn .formBox_priceList #reservePriceTotalTitle {
    line-height: 1.7;
    font-size:1.35rem;
}
.contents_sideColumn .inputLabel_txt {
    margin: 0;
}

/* bottomButtonWrap */
.bottomButtonWrap {
    width: 608px;
    float: left;
}
.bottomButtonWrap .formBox_check {
    margin: 0 0 16px;
    padding: 10px;
    font-size: 1rem;
    background: #fff;
}
.bottomButtonWrap .formBox_check .inputLabel_txt {
    margin: 0;
}
.bottomButtonWrap .markType02 {
    font-size: 1rem;
}

/* button */
.buttonType01,
.buttonType03 {
    background-color: #000000;
    font-weight: normal;
}
.buttonType01 {
    box-shadow: 0px 2px 3px 0 rgba(0,0,0, 0.1);
}
.buttonType04 {
    font-weight: normal;
    border: 1px solid #000000;
    background-color: #ffffff;
    color: #000000;
    box-shadow: none;
}
.buttonType05 {
    min-width: 55px;
    padding: 6px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #000000;
    border-radius: 3px;
    font-weight: normal;
    background-color: #ffffff;
    color: #000000;
    cursor: pointer;
    box-shadow: 0px 2px 3px 0 rgba(0,0,0, 0.1);
}
.buttonType05:hover {
    opacity: 0.7;
    text-decoration: none;
}
.buttonType06 {
    width: 100px;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 3px;
    font-weight: normal;
    background-color: #000000;
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.1);
}
.buttonType06:hover {
    opacity: 0.7;
    text-decoration: none;
}
.buttonType07 {
    display: inline-block;
    width: 120px;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 3px;
    font-weight: normal;
    background-color: #000000;
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.1);
}
.buttonType07:hover {
    opacity: 0.7;
    text-decoration: none;
}
.buttonTypeDP {
    display: inline-block;
    padding: 0 0 0 25px;
    background: url(../images/icon_flight.png) left top no-repeat;
    background-size: 22px 22px;
    font-weight: bold;
    cursor: pointer;
}
.buttonTypeDP:hover {
    opacity: 0.7;
    text-decoration: none;
}
.disabledDPBtn {
    color: #000000;
    opacity: 0.6;
    pointer-events: none;
}
.disabledBtn {
    border: 1px solid #dddddd;
    background-color: #f6f6f6;
    color: #bbbbbb;
    box-shadow: none;
}
.buttonType01.disabledBtn,
.buttonType03.disabledBtn,
.buttonType06.disabledBtn,
.buttonType07.disabledBtn {
    background-color: #000000;
    color: #ffffff;
    opacity: 0.6;
    border: none;
}
.buttonTypeDP.disabledBtn {
    border: none;
    background-color: unset;
}
.buttonTypesmall {
    padding: 3px;
    font-size: 0.86rem;
}
.logoutBtnsmall {
    width: 90px;
    margin: 0;
}
.moreBtn {
    font-size: 1rem;
    text-align: center;
}
.backBtn {
    width: 180px;
}

/* table */
.formBox {
    width: 100%;
    margin: 0;
    border: none;
}
.formBox_block {
    /*margin-bottom: 14px;*/
    border: none;
}
.formBox_line {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dotted #dddddd;
}
.formBox_head {
    padding: 0 0 24px;
    background: none;
    font-size: 1rem;
}
.formBox_contents {
    padding: 0 0 24px;
    font-size: 1rem;
}
.formBox_block_checkIn .formBox_head {
    width: 15%;
}
.formBox_block_question .formBox_head,
.formBox_block_question .formBox_contents {
    width: 100%;
}
.formBox_block_question .formBox_head {
    margin: 0 0 10px;
    padding: 0;
}
.formBox_block_question .formBox_contents {
    padding: 0;
}
.formBox_answerColumn {
    margin-top: 4px;
}
.formBox_answerColumn .inputLabel_txt {
    margin: 0;
}
.formBox_contents .markType02{
    font-size: 1rem;
}
.formBox dl.formBox_block:nth-last-of-type(1) .formBox_head,
.formBox dl.formBox_block:nth-last-of-type(1) .formBox_contents {
    padding: 0;
}
.formBox_inputCol input {
    margin: 0 5px;
}
.formBox_inputCol input:nth-of-type(1) {
    margin-left: 0;
}
.formBox_inputCol input:nth-last-of-type(1) {
    margin-right: 0;
}

/* icon Img */
.infoIcon {
  position: relative;
  padding: 0 10px;
  display: inline-block;
}

.infoIcon::before {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../images/icon_info.png") no-repeat 0 0;
  background-size: contain;
  content: "";
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-80%);
}

.infoIcon_txt {
  display: none;
  position: absolute;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  font-size: 1rem;
  font-weight: normal;
  z-index: 5;
  text-align: left;
  white-space: nowrap;
}

.infoIcon:hover .infoIcon_txt,
.infoIcon:focus .infoIcon_txt {
  display: block;
  top: auto;
  transform: translate(-61%, 5%)
}

.infoDPButton_txt {
  display: none;
  position: absolute;
  padding: 8px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  font-size: 1rem;
  font-weight: normal;
  z-index: 5;
  text-align: left;
  white-space: nowrap;
}

/*iPhone 14 Proの画面幅未満だとはみ出してしまうため。*/
@media screen and (max-width: 430px) {
    .infoDPButton_txt {
        white-space: normal;
        word-wrap: break-word;
        width: 300px;
    }
}

.infoDPButton:hover .infoDPButton_txt,
.infoDPButton:focus .infoDPButton_txt {
  display: block;
  top: auto;
  transform: translate(-70%, 5%)
}

/* option */
.formBox_optionwrap .sectionWrap > div,
.formBox_optionwrap .detailTable {
    margin: 0 0 10px;
    padding: 10px 16px;
    border: 1px solid #dddddd;
    border-radius: 8px;
}
.detailTable .total {
    padding: 10px 0 0;
}
.formBox_optionwrap h4 {
    font-size: 1.35rem;
    font-weight: normal;
}
.formBox_optionwrap div[id^="optionDetail_"] {
    font-size: 1rem;
}
.formBox_optionwrap .detailTable .detailTable_label .markType01 {
    font-size: 1rem;
}
.detailTable .detailTable_tr {
    padding: 10px 0;
}
.detailTable .detailTable_tr {
    margin: 0;
    border: none;
    border-bottom: 1px solid #dddddd;
}
.detailTable .detailTable_tr:nth-last-of-type(1) {
    border: none;
}
.formBox_optionwrap .detailTable .detailTable_tr .detailTable_cell {
    font-size: 1rem;
}
.formBox_optionwrap .detailTable .total {
    padding: 0;
    font-size: 1.35rem;
}
.formBox_optionwrap .detailTable .total span {
    padding: 0 8px 0 0;
    font-size: 0.86rem;
    font-weight: normal;
}
.totalList {
    margin-top: 10px;
    padding: 10px 36px 10px 0;
    border-radius: 8px;
    background: #f3f3f3;
    font-size: 0.86rem;
    font-weight: normal;
}
.formBox_block .totalList {
    padding: 10px 10px 10px 0;
}
.formBox_optionwrap .totalList li.total .value {
    padding: 0 0 0 10px;
    font-size: 1.35rem;
    font-weight: bold;
}
.detailTable + p.subtotal {
    padding: 0 16px 0 0;
    text-align: right;
    font-size: 1.35rem;
    font-weight: bold;
}
.detailTable + p.subtotal span:nth-of-type(1) {
    font-size: 0.86rem;
    font-weight: normal;
    padding: 0 8px 0 0;
}
.optionBox .slick-dots {
    top: 90px;
    bottom: 0;
}
.slick-dots li button::before {
    content: " ";
    display: block;
    width: 15px;
    height: 15px;
    background: #000000;
    border-radius: 50%;
    margin: 5px;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    background: #135e92;
}

/* toHotelNotice */
#sexBreakDownTitle,
#commnetTitle {
    margin: 0 0 10px;
}
#sexBreakDownTitle + .formBox_contents {
    margin: 0 0 20px;
}
#sexBreakDownTitle,
#sexBreakDownTitle + .formBox_contents,
#commnetTitle,
#commnetTitle + .formBox_contents{
    width: 100%;
    padding: 0;
}
.detailTable_cell {
    font-size: 1rem;
}
.detailTable_type02 {
    margin: 0 0 10px;
    padding: 10px 16px;
    border: 1px solid #dddddd;
    border-radius: 8px;
}
.detailTable_type02 > div {
    margin: 0;
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #dddddd;
}
.detailTable_type02 > div:nth-last-of-type(1) {
    border: none;
}
.detailTable_type02 .formBox_ttl ,
.detailTable_type02 .formBox_ttl .markType01 {
    font-size: 1rem;
}
.detailTable_type02 .detailTable_ttl {
    padding: 0 0 10px;
    font-size: 0.86rem;
    font-weight: normal;
}

/* input */
.formBox_contents input[type="text"]{
    width: 250px;
}
.formBox input.formBox_short {
    width: 20%;
}
.formBox #representativeTelCountryContents input.formBox_short {
    width: 75%;
}
.formBox input.formBox_long {
    width: 580px;
}
input#firstName,
input#lastName,
input#firstNameKana,
input#lastNameKana {
    width: 214px;
}
.formBox_subTxt,
#memberRegisterZipMark {
    font-size: 0.86rem;
}
span#lastNameTitle,
span#firstNameTitle,
span#lastNameKanaTitle,
span#firstNameKanaTitle {
    display: block;
    margin: 0;
}
.formBox_contents > label {
    display: inline-block;
}

/* infotext */
.formBox_info {
    padding: 0;
    text-indent: 0;
    font-size: 0.86rem;
}
.formBox_check {
    width: 100%;
    margin: 24px 0 0;
    padding: 16px 32px;
    border: 1px solid #dddddd;
    border-radius: 8px;
    box-shadow: 0 0 5px 2px rgba(80, 80, 90, 0.1);
    text-align: center;
}
.formBox_check dl {
    text-align: left;
}
.formBox_check label {
    font-size: 1rem;
}
.formBox_check .formBox_info {
    margin: 2px 0 5px;
}
.formBox_cardImg img:not(:last-child){
    margin-right: 10px;
}

/* memberApplyArea */
#memberApplyArea {
    margin-top: 24px;
}
#memberRegisterZipSearch {
    margin-left: 6px;
    padding: 4px;
    font-size: 0.86rem;
}
.formBox_check .importantMessage li {
    font-size: 1rem;
    font-weight: normal;
}

/*---- sns ---*/
.loginBox_form {
    width: 100%;
    margin: 0 0 10px;
    padding: 20px 20px 50px;
    border: 1px solid #dddddd;
    border-radius: 8px;
    box-shadow: 0 0 5px 2px rgba(80, 80, 90, 0.1);
    background: url(../images/sns_list.png) center bottom 7px no-repeat;
}
.loginBox_form .inputArea input{
    width: 100%;
}
.loginBox_form .inputArea > div:not(:last-child) {
    margin: 0;
}
#loginButton {
    margin-bottom: 10px;
}
#snsLoginText.textBox {
    margin: 24px 0 0;
    padding: 0;
}
#snsLoginText {
    margin: 0;
}
#snsLoginText p.snslogin_ttl {
    margin-bottom: 16px;
    color: #aaaaaa;
    display: flex;
    align-items: center;
}
#snsLoginText p.snslogin_ttl::before,
#snsLoginText p.snslogin_ttl::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    border-top: 1px solid #aaaaaa;
    display: inline;
}
#snsLoginText p.snslogin_ttl::before {
    margin-right: 1rem;
}
#snsLoginText p.snslogin_ttl::after {
    margin-left: 1rem;
}
.loginBox_note{
    font-size: 0.86rem;
}
.snsList.snsList_reserveBox li {
    margin: 0 0 10px;
}
.snsList.snsList_reserveBox li:nth-child(odd) {
    margin-right: 10px;
}
.snsList li a, .snsList .snsList_item a {
    font-size: 0.9rem;
}
.snsList #yahoo a{
    font-size: 0.7rem;
}

/* loginBox */
.chooseBox_login {
    padding: 0 80px;
}
.chooseBox_loginBtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chooseBox_loginBtn li {
    flex-grow: 1;
}
.chooseBox_loginBtn li:last-child {
    margin-left: 10px;
}
.chooseBox_loginBtn .buttonType01,
.chooseBox_loginBtn .buttonType04 {
    padding-left: 0;
    padding-right: 0;
}
.loginBox_form_text {
    margin-bottom: 16px;
}
.loginBox_form_text .text_gold {
    font-weight: bold;
}
.memberReserveTitle,
.nonMemberReserveTitle {
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: 16px;
}
.memberReserveTitle::after,
.nonMemberReserveTitle::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #aaaaaa;
    position: relative;
    top: -1px;
    left: 0;
    z-index: -10;
}
.memberReserveTitle span,
.nonMemberReserveTitle span {
    min-width: 170px;
    padding: 6px 8px;
    display: inline-block;
    text-align: center;
    background: #fff;
    border: 1px solid #aaaaaa;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
}

/* GRES002F02200 */
.reserveNumber_info {
    margin: 16px 0 10px;
    padding: 10px 0;
    border-radius: 8px;
    background: #f3f3f3;
}
.reserveNumber_info .noTranslatable {
    margin-left: 16px;
    font-weight: bold;
}
.infotext {
    font-size: 0.86rem;
}
.borderBox {
    margin: 24px 0 32px;
    padding: 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: left;
}
.buttonWrap {
    margin-top: 32px;
    display: flex;
    justify-content: center;
}
.buttonWrap li {
    width: 210px;
}
.buttonWrap li:nth-of-type(1) {
    margin-right: 16px;
}

/* GRES008F02800 */
.formBox_priceList dt {
    width: 50%;
    padding: 0;
    background: none;
    border-bottom: none;
}
.formBox_priceList dd {
    width: 50%;
    padding: 0;
    border-bottom: none;
    text-align: right;
}
.formBox_priceList dt:nth-last-of-type(1),
.formBox_priceList dd:nth-last-of-type(1) {
    margin-top: 10px;
    border-top: 1px solid #000;
}
.formBox_priceList .total,
.formBox_priceList #totalPriceT,
.formBox_priceList #reservePriceTotalTitle,
.sectionWrapCard #cancelTotalPriceWord,
#cancelTotalPriceTitle {
    color: #000;
    line-height: 1.7;
    font-weight: bold;
    font-size: 1.35rem;
}
.sectionWrapCard .formBox_totalTxt {
    font-size: 0.86rem;
}

.sectionWrapCard .formBox_head {
    width: 25%;
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid #ddd;
}
.sectionWrapCard .formBox_contents {
    width: 75%;
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid #ddd;
}
.sectionWrapCard dl:nth-last-of-type(1) .formBox_head,
.sectionWrapCard dl:nth-last-of-type(1) .formBox_contents {
    margin: 0;
    border: none;
}
.sectionWrapCard .formBox_totalTxt {
    text-align: left;
}
.formBox_ttl,
.formBox_ttl span.markType01 {
    margin: 0;
    font-size: 1rem;
    font-weight: normal;
    display: inline;
}
.formBox_detailList {
    margin: 0;
}
.formBox_detailList dd {
    margin: 0;
}
.formBox_ttl,
.formBox_detailList,
.formBox_detailList div,
.formBox_detailList dt::before {
    display: inline;
}
.formBox_detailList::before {
    content: "(";
    display: inline;
}
.formBox_detailList::after {
    content: ")";
    display: inline;
}
.formBox_detailList div::before {
    content: "・";
    display: inline;
}
.formBox_detailList div:nth-of-type(1)::before {
    content: "";
}
.totalList li.total .value {
    font-size: 1.35rem;
    font-weight: bold;
}
.sectionWrapCard .markType02 {
    font-size: 1rem;
}

/* GRES006F02600 */
.detail_option > div,
.detail_option .detailTable {
    margin: 0 0 10px;
    padding: 10px 16px;
    border: 1px solid #dddddd;
    border-radius: 8px;
}
.detailTable_tr {
    padding: 0 10px;
    border: none;
}
.totalList li.total .value {
    font-size: 1.35rem;
}
.detailTable .detailTable_tr:nth-last-of-type(1) {
    border: none;
}
.formBox_priceTxt {
    color: #000;
    font-weight: normal;
    font-size: 0.86rem;
}
.formBox_ttl {
    font-size: 1rem;
    font-weight: normal;
}
.formBox .optionBox_wrap {
    font-size: 1rem;
}

/* GRES003F02300 */
.formBox_totalTxt {
    font-size: 0.86rem;
}

/* GMEM008F01000 */
.navBlock_listItem a {
    color: #000;
}
.tab_item {
    border: none;
}
.text_redBox {
    margin: 24px;
    font-size: 1.2rem;
}
.tab_wrap {
    margin: 0 auto 20px;
}
.tab_area02 .tab_label,
.tab_area02 .tab_label.active {
    border: 1px solid #aaaaaa;
}
.tab_area02 .tab_label:hover {
    border: 1px solid #aaaaaa;
}
.tab_area02 .tab_label:hover a {
    color: #000;
    background: #f9f9f9;
}
.tab_area02 .tab_label.active {
    border-bottom: none;
}
.tab_area02 .tab_label,
.tab_area02 .tab_label.active {
    border-radius: 8px 8px 0 0;
}
.tab_area02 .tab_label {
    background: #f3f3f3;
}
.tab_area02 .tab_label a,
.tab_area02 .tab_label.active a {
    color: #000;
}
.tab_item {
    padding: 24px 0 0;
    border-radius: 0 0 8px 8px;
}
.sectionBox {
    margin: 0 0 24px;
    padding: 16px;
    background: #f3f3f3;
    border: 1px solid #aaa;
    border-radius: 8px;
}
.sectionBox_inner {
    padding: 10px 0 0 0;
}
.sectionBox_ttl {
    font-size: 1.35rem;
    padding: 0;
    background: none;
}
.panel_area .sectionBox {
    margin: 0 0 24px;
    padding: 32px 40px;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 8px;
    box-shadow: 0 0 5px 2px rgb(80 80 90 / 10%);
}
.panel_area .sectionBox_ttl {
    margin: 0 0 8px;
    display: block;
    background: none;
}
.panel_area .sectionBox_planttlWrap {
    margin-bottom: 16px;
    padding: 8px 0;
    border-top: 1px dashed #aaaaaa;
    border-bottom: 1px dashed #aaaaaa;
}
.panel_area .sectionBox .text_red {
    margin-bottom: 8px;
    font-size: 1.2rem;
}
.panel_area .sectionBox_planttlWrap h4 {
    margin: 6px 0 0;
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.4;
}
.panel_area .sectionBox_ttl .sectionBox_ttlSub {
    margin: 0 0 0 16px;
    display: inline;
}
.panel_area .sectionBox_inner {
    padding: 0;
    display: flex;
}
.panel_area .sectionBox_inner .sectionBox_layout01 {
    margin-right: 30px;
    flex-grow: 1;
    font-size: 1.2rem;
}
.panel_area .sectionBox_inner .sectionBox_layout01 ul li {
    padding-left: 20px;
    line-height: 1.4;
}
.panel_area .sectionBox_inner .sectionBox_layout01 ul li.infoBox_summary_lodger {
    margin-bottom: 8px;
}
.panel_area .sectionBox_inner .sectionBox_layout02 {
    width: 195px;
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
}
.panel_area .sectionBox_inner .sectionBox_layout02 .sectionBox_reservinfoList {
    margin-bottom: 8px;
    font-size: 0.86rem;
    color: #515253;
}
.panel_area .sectionBox_inner .sectionBox_layout02 .sectionBox_reservinfoList li.sectionBox_ttlSub span::after {
    margin-left: 12px;
}
.panel_area .sectionBox_inner .sectionBox_layout02 .sectionBox_btnWrap {
    margin: 0;
}
.panel_area .sectionBox_btnList {
    width: auto;
    display: block;
}
.panel_area .sectionBox_btnList li {
    margin: 0 0 10px;
}
.panel_area .sectionBox_btnList li:nth-last-of-type(1) {
    margin-bottom: 0;
}
.userInfo {
    margin-bottom: 0;
    display: block;
}
.userInfo_item {
    margin: 0;
    padding: 0;
    justify-content: flex-end;
}
.navBlock_list {
    justify-content: flex-end;
}
.navBlock_listItem {
    margin: 0;
    font-size: 12px;
}
.navBlock_listItem::before {
    content: "";
    width: 1px;
    height: 15px;
    display: block;
    border: none;
    border-left: 1px solid #000;
    position: absolute;
    top: 8px;
    left: 0;
    transform: translateY(0px);
}
.navBlock_listItem:nth-last-of-type(1)::after {
    content: "";
    width: 1px;
    height: 15px;
    display: block;
    border: none;
    border-left: 1px solid #000;
    position: absolute;
    top: 8px;
    right: 0;
}
.navBlock_listItem a {
    padding: 5px 10px;
}
.sectionBox_btnList li {
    width: 195px;
}

/* GRES010F03000 */
.reserveListArea {
    margin-top: 16px;
}
.reserveListArea .sectionBox {
    margin: 0 0 24px;
    padding: 32px 40px;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: 0 8px 8px 8px;
    box-shadow: 0 0 5px 2px rgb(80 80 90 / 10%);
}
.reserveListArea .sectionBox_ttl {
    margin: 0 0 8px;
    padding: 0 0 8px;
    display: block;
    background: none;
}
.reserveListArea .sectionBox_ttl #reserveDateTitle_1 {
    margin: 0 0 0 16px;
}
.reserveListArea .sectionBox_inner {
    padding: 0;
    display: flex;
}
.reserveListArea .sectionBox_inner .sectionBox_layout01 {
    margin-right: 30px;
    flex-grow: 1;
    font-size: 1.2rem;
}
.reserveListArea .sectionBox_inner .sectionBox_layout01 .sectionBox_ttl01 {
    margin-bottom: 8px;
}
.reserveListArea .sectionBox_planttlWrap {
    margin-bottom: 16px;
    padding: 8px 0;
    border-top: 1px dashed #aaaaaa;
    border-bottom: 1px dashed #aaaaaa;
}
.reserveListArea .sectionBox_planttlWrap h4 {
    margin: 0;
    font-size: 1.2rem;
}
.reserveListArea .sectionBox_planinfoList li {
    padding-left: 20px;
    line-height: 1.4;
}
.reserveListArea .sectionBox_planinfoList li#adultReserveLodgingNum_1 {
    margin-bottom: 8px;
}
.reserveListArea .sectionBox_inner .sectionBox_layout02 {
    width: 195px;
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
}
.reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_reservinfoList {
    margin-bottom: 8px;
    font-size: 0.86rem;
    color: #515253;
}
.reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_reservinfoList li#reserveDateTitle_1 span::after {
    margin-left: 12px;
}
.reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_btnWrap {
    margin: 0;
}
.reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_btnWrap .sectionBox_btnList {
    width: auto;
    display: block;
}
.reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_btnWrap .sectionBox_btnList li {
    margin: 0 0 10px;
}
.reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_btnWrap .sectionBox_btnList li:nth-last-of-type(1) {
    margin-bottom: 0;
}

.sectionBox .moreTxt.long::before {
    background: linear-gradient(0deg, rgba(238, 240, 243, 1) 10%, rgba(238, 240, 243, 0));
}
h3.reserve_ttl01,
h3.reserve_ttl02 {
    margin: 0;
    padding: 8px 0;
    border-radius: 10px 10px 0 0;
    font-size: 1.2em;
    font-weight: normal;
}

/* GMEM003F00500 */
.formBox_inputBtn {
    font-size: 1rem;
}

/* GMEM003F00600 */
.contentsSmall h2 {
    text-align: center;
}
.mypage_snsList .snsList.snsList_memberRegist {
    font-size: 1.2rem;
}
.snsList .snsList_item {
    display: block;
    justify-content: space-between;
}
.snsList .snsList_item i {
    width: 35px;
    height: 30px;
    margin-right: 10px;
    background: url(../images/sns_list.png) 0 0 no-repeat;
    overflow: hidden;
    vertical-align: bottom;
    display: inline-block;
}
.snsList .snsList_item i.snsicon_yahoo {
    background-position: -5px 0;
}
.snsList .snsList_item i.snsicon_line {
    background-position: -47px 0;
}
.snsList .snsList_item i.snsicon_google {
    background-position: -87px 0;
}
.snsList .snsList_item i.snsicon_facebook {
    background-position: -125px 0;
}
.mypage_snsList .snsListButton {
    width: 118px;
    padding: 4px 10px;
    display: inline-block;
    font-size: 1rem;
    float: right;
}
.contentsSmall input#memberFamilyName,
.contentsSmall input#memberGivenName,
.contentsSmall input#memberFamilyNameKana,
.contentsSmall input#memberGivenNameKana {
    width: 200px;
}
.contentsSmall input[type="email"],
.contentsSmall input#memberAddressCity,
.contentsSmall input.formBox_long {
    width: 480px;
}
.contentsSmall .sectionWrapCard {
    margin-bottom: 48px;
    padding: 32px;
}
.contentsSmall .sectionWrapCard .btnSmall {
    margin-top: 32px;
}
.withdrawal_txt {
    margin-bottom: 48px;
}
.JBI_text {
    white-space: pre-wrap;
}

/* calendar */
.contents_calendar {
    margin: 20px 8px;
}
.calendarSearchPanel {
    margin-bottom: 40px;
    padding: 16px;
    border: 1px solid #aaaaaa;
    border-radius: 8px;
}
.search_panel_title {
    font-size: 12px;
    color: #9e9e9e;
}
.calendarSearchPanel_inner {
    display: flex;
    align-items: center;
}
.calendarSearchPanel_inner h2 {
    margin: 0 40px 0 0;
    font-size: 1rem;
    font-weight: normal;
}
.calendarSearchPanel_inner select {
    color: #000000;
}
.calendarSearchPanel_inner input,
.calendarSearchPanel_inner select {
    height: 36px;
}
.calendarSearchPanel_wrap {
    display: flex;
    align-items: flex-end;
    flex-wrap: nowrap;
    margin-bottom: 8px;
}
.calendarSearchPanel_layout {
    display: flex;
}
.calendarSearchPanel_date {
    width: 210px;
    margin-right: 8px;
}
.calendarSearchPanel_date input {
    width: 100%;
    padding-left: 36px;
    background: url(../images/icon_calendar.png) 8px 6px no-repeat;
    background-size: 20px 20px;
}
.calendarSearchPanel_people {
    display: flex;
    align-items: center;
    margin-right: 16px;
}
.calendarSearchPanel_people span {
    white-space: nowrap;
}
.calendarSearchPanel_people .changePeopleRoom {
    padding: 5px 7px 5px 36px;
    margin-right: 4px;
    min-width: 100px;
    cursor: pointer;
}
.calendarSearchPanel_message {
    background: #eeeeee;
    text-align: center;
    font-weight: bold;
}
.calendarSearchPanel_button {
    width: 200px;
    margin: 0 0 0 40px;
}

.calendarBody {
    margin: 5px 0 24px 0;
}
.calendarBody a {
    cursor: pointer;
}
.calendarBody_date_PC {
    padding-right: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    background: #ffffff;
}
.calendarBody_date_PC_inner {
    display: flex;
}
.calendarBody_date_PC .calendarBody_date_PC_item {
    width: 91px;
    padding: 8px 0 4px;
    text-align: center;
    line-height: 1.4;
}
.calendarBody_date_SP {
    display: none;
}
.calendarBody_date {
    display: flex;
    justify-content: space-between;
    padding: 0 14px;
}
.calendarBody_date p {
    width: calc((100% - 40px) / 7);
    flex-grow: 1;
    font-size: 12px;
    text-align: center;
}
.calendarBody .saturday,
.calendarBody .saturdayCheckInDate {
    color: #0055bb;
}
.calendarBody .sunday,
.calendarBody .sundayCheckInDate,
.calendarBody .holiday,
.calendarBody .holidayCheckInDate {
    color: #d00000;
}
.calendarBody_date_small {
    font-size: 0.86rem;
}
.calendarBody_roomList {
    display: flex;
    justify-content: space-between;
}
.calendarBody_roomInfo {
    display: flex;
    padding-top: 8px;
    flex-grow: 1;
}
.calendarBody_roomList:nth-last-of-type(1) .calendarBody_roomInfo {
    padding: 8px 0;
}
.calendarBody_roomInfo .calendarBody_roomImage {
    height: 80px;
    margin-right: 16px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}
.calendarBody_roomInfo .calendarBody_roomImage img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}
.calendarBody_text_wrap {
    flex-grow: 1;
    display: flex;
    align-items: center;
}
.calendarBody_text_wrap > div {
    max-width: 230px;
}
.calendarBody_room_name {
    margin-bottom: 4px;
    font-weight: bold;
    line-height: 1.4;
}
.calendarBody_room_conditions {
    display: flex;
    align-items: center;
    font-size: 0.86rem;
    flex-wrap: wrap;
}
.calendarBody_room_conditions span + span::before {
    content: "/";
    display: inline-block;
    padding: 0 2px 0 4px;
}
.calendarBody_room_conditions img[src*="icon_"] {
    width: 16px;
    height: 16px;
    margin: 0 2px 0 0;
    vertical-align: text-bottom;
}
.calendarBody_vacancy {
    display: flex;
}
.calendarBody_vacancy .calendarBody_vacancy_date {
    width: 91px;
    text-align: center;
    line-height: 1.2;
}
.calendarBody_vacancy .calendarBody_vacancy_date a {
    width: 100%;
    height: 100%;
    display: inline-block;
    color: #000000;
}
.calendarBody_vacancy .calendarBody_vacancy_date a:hover {
    text-decoration: none;
    background: #ddeef8;
}
.calendarBody_vacancy .calendarBody_vacancy_date,
.calendarBody_vacancy .calendarBody_vacancy_date a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.calendarBody_vacancy_sold_out,
.calendarBody_vacancy_no_sale {
    color: #9e9e9e;
    cursor: default;
}
.calendarBody_vacancy_few_stock .calendarBody_vacancy_salesStatus,
.calendarBody_vacancy_no_sale .calendarBody_vacancy_salesStatus {
    font-weight: bold;
}
.calendarBody_vacancy_salesStatus {
    font-size: 1.64rem;
    line-height: 1.6;
}
.calendarBody_vacancy_small {
    font-size: 0.72rem;
}
.calendarBody_vacancy_no_price {
    display: none;
}
.calendarBody_vacancy_prev,
.calendarBody_vacancy_next {
    width: 14px;
    display: flex;
    align-items: center;
}
.calendarBody_vacancy_prev a,
.calendarBody_vacancy_next a {
    height: 100%;
    display: flex;
    align-items: center;
}
.calendarBody_vacancy_prev img,
.calendarBody_vacancy_next img {
    width: 100%;
}
.calendarBody_vacancy_division_SP {
    display: none;
}
.calendarBody {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.calendarBody_date_PC,
.calendarBody_text_wrap,
.calendarBody_vacancy {
    border-bottom: 1px solid #dddddd;
}
.calendarBody_roomList:nth-last-of-type(1) .calendarBody_text_wrap,
.calendarBody_roomList:nth-last-of-type(1) .calendarBody_vacancy {
    border-bottom: none;
}
.calendarBody_date_PC p,
.calendarBody_vacancy .calendarBody_vacancy_date {
    border-right: 1px solid #dddddd;
}
.calendarBody_date_PC p:nth-last-of-type(1),
.calendarBody_vacancy div:nth-last-of-type(2) {
    border-right: none;
}
.calendarBody_date_PC .checkInDate,
.calendarBody_date_PC .saturdayCheckInDate,
.calendarBody_date_PC .sundayCheckInDate,
.calendarBody_date_PC .holidayCheckInDate {
    padding-top: 5px;
    background: #ddeef8;
    border-top: 3px solid #b8dcf0;
    border-left: 3px solid #b8dcf0;
    border-right: 3px solid #b8dcf0;
}
.calendarBody_vacancy .calendarBody_vacancy_date.checkInDate {
    border-left: 3px solid #b8dcf0;
    border-right: 3px solid #b8dcf0;
}
.calendarBody_roomList:nth-last-of-type(1) .calendarBody_vacancy_date.checkInDate {
    border-bottom: 3px solid #b8dcf0;
}
/* hotelNotice */
.longDetails {
    height: auto;
    display: block;
}
 .long.shortDetails {
    height: 70px;
    display: block;
}
.moreBtn a:hover {
    cursor: pointer;
}
/* swiper-slide */
.swiper.detailBox_img {
    max-width: 300px;
    height: 100%;
    background: none;
    position: relative;
}
.swiper.detailBox_img .detailBox_img_bg {
    max-width: 300px;
    max-height: 226px;
    background: #eeeeee;
    display: flex;
    justify-content: center;
    aspect-ratio: 4 / 3;
}
.swiper.detailBox_img .swiper-pagination-bullets.swiper-pagination-horizontal {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 195px;
    left: 0;
    right: 0;
}
.swiper.detailBox_img .swiper-pagination-bullet {
    width: 12px;
    height: 12px
}
.swiper.detailBox_img .swiper-pagination-bullet-active {
    background: #135e92;
}
.swiper.detailBox_img img {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 300px;
  max-height: 226px;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  object-fit: contain;
}
.swiper.detailBox_img .detailBox_img_text {
    height: 30px;
    margin-top: 5px;
    font-size: 0.86rem;
    line-height: 1.2;
    text-align: center;
}
.detailBox_img {
    width: 300px;
    height: auto;
    position: relative;
    background: none;
}
.detailBox_img .detailBox_img_bg {
    width: 300px;
    aspect-ratio: 4 / 3;
    background: #eeeeee;
    display: flex;
    justify-content: center;
}
.detailBox_img img {
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 226px;
    object-fit: contain;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}

.calendarBody_facilityList.itemWrap {
    margin: 8px 0 16px;
    padding: 16px 32px;
    display: grid;
    grid-template-rows: 1fr auto auto;
    grid-template-columns: 230px 1fr;
}
.Neighboring_facilities {
    padding: 16px 0;
    border-top: 1px solid #aaaaaa;
}
.Neighboring_facilities .calendarBody {
    margin: 0;
    border: none;
}
.Neighboring_facilities .calendarBody_facilityImage {
    grid-area: 1 / 1 / 4 / 2;
}
.Neighboring_facilities .calendarBody_facilityInfo {
    grid-area: 1 / 2 / 2 / 3;
}
.Neighboring_facilities .calendarBody_date {
    grid-area: 2 / 2 / 3 / 3;
}
.Neighboring_facilities .calendarBody_vacancy {
    grid-area: 3 / 2 / 4 / 3;
}
.Neighboring_facilities .calendarBody_facilityInfo {
    padding: 0 0 8px;
}
.Neighboring_facilities .calendarBody_vacancy .calendarBody_vacancy_date {
    width: calc((100% - 40px) / 7);
    flex-grow: 1;
    font-size: 12px;
    text-align: center;
}
.Neighboring_facilities .calendarBody_facilityImage {
    width: 214px;
    margin-right: 16px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}
.Neighboring_facilities .calendarBody_facilityImage img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: pointer;
}
.Neighboring_facilities .calendarBody_text_wrap {
    height: 100%;
    align-items: flex-start;
}
.Neighboring_facilities .calendarBody_facility_name {
    margin-bottom: 4px;
    font-weight: bold;
    line-height: 1.4;
}
.Neighboring_facilities .calendarBody_facility_address {
    display: flex;
    align-items: center;
    font-size: 0.86rem;
    flex-wrap: wrap;
}
.Neighboring_facilities .calendarBody_facility_address::before {
    content: "";
    width: 10px;
    height: 16px;
    margin-right: 4px;
    display: inline-block;
    background: url(../images/icon_pin.png) 0 0 no-repeat;
    background-size: contain;
}
.Neighboring_facilities .calendarBody_vacancy .calendarBody_vacancy_date {
    width: auto;
}
.Neighboring_facilities .calendarBody_date .checkInDate,
.Neighboring_facilities .calendarBody_date .saturdayCheckInDate,
.Neighboring_facilities .calendarBody_date .sundayCheckInDate,
.Neighboring_facilities .calendarBody_date .holidayCheckInDate,
.Neighboring_facilities .calendarBody_vacancy .calendarBody_vacancy_date.checkInDate {
    background-color: #ddeef8;
}
.Neighboring_facilities .calendarBody_date .checkInDate,
.Neighboring_facilities .calendarBody_date .saturdayCheckInDate,
.Neighboring_facilities .calendarBody_date .sundayCheckInDate,
.Neighboring_facilities .calendarBody_date .holidayCheckInDate {
    border-radius: 4px 4px 0 0;
}
.Neighboring_facilities .calendarBody_vacancy .calendarBody_vacancy_date.checkInDate {
    border-radius: 0 0 4px 4px;
}
.Neighboring_facilities .calendarBody_vacancy .calendarBody_vacancy_date,
.Neighboring_facilities .calendarBody_vacancy {
    border: none;
}

/*---- coupon ----*/
.couponModal .caution {
    display: flex;
    justify-content: center;
    margin: 10px 10px;
    padding: 10px 10px;
    font-size: 0.86rem;
}
.couponModal .caution li {
    list-style: disc;
}
.couponModal .itemContainer {
    margin: 24px 0 0;
    padding: 24px 0;
    border: 1px solid #dddddd;
    border-radius: 8px;
    box-shadow: 0 0 5px 2px rgba(80, 80, 90, 0.1);
}
.couponModal .item {
    display: flex;
}
.couponModal .item .aside {
    width: 20%;
    min-width: 152px;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
}
.couponModal .item .aside strong {
    font-size: 1.35rem;
}
.couponModal .item .article {
    flex-grow: 1;
}
.couponModal .item .article dt {
    white-space: nowrap;
}
.couponModal .item .acquire {
    width: 10%;
    min-width: 140px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-right: 20px;
}
.couponModal .item .acquire button {
    height: auto;
}
.couponModal .item .acquire .couponAcquired {
    font-size: 1.35rem;
}
.couponModal .pl10 {
    padding-left: 10px;
}
.couponModal .couponName {
    margin: 0 0 10px 0;
}
.couponModal h5 {
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: normal;
}
.couponModal .couponDescription,
.couponModal .boxWrap,
.couponModal .plans {
    margin: 10px 0 16px;
}
.couponModal .boxWrap .border {
    margin: 0 5px 5px 0;
    padding: 1px 5px;
    font-size: 0.86rem;
    border-radius: 3px;
    border: 1px solid #aaaaaa;
    background: #ffffff;
    display: inline-block;
}
.couponModal .moreClose {
    margin: 10px 0 0;
}
.couponModal .plans h4 {
    font-size: 1rem;
    margin: 0 0 4px;
}
.couponModal .plans li {
    font-size: 0.86rem;
}
.couponModal .membership {
    margin: 10px 10px;
}
.couponModal .membership .coupon_registration {
    width: 216px;
    margin: 0 auto 12px;
}
.couponModal .membership .coupon_login {
    text-align: center;
}
.couponModal .membership .coupon_login > * {
    display: inline-block;
}
.couponModal .membership .coupon_login form {
    margin-left: 8px;
}
.couponArea {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.couponArea a {
    margin: 8px 0 0;
}
.couponArea a:hover {
    opacity: 0.7;
    text-decoration: none;
}
.couponBanner {
    width: 746px;
    padding: 12px 72px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.4;
    cursor: pointer;
}
.couponBanner strong {
    font-size: 1.35rem;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.couponBanner .couponBannerBtn {
    display: block;
    width: 160px;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    background-color: #c2740d;
    color: #ffffff;
}
.couponBtn_layout_list {
    position: absolute;
    top: 0;
    right: 0;
}
.couponBtn_layout_detail {
    margin-bottom: 10px;
}

.couponBadge + .infoBox_summary {
    margin-top: 10px;
}
.couponBadge {
    padding: 1px 5px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #c2740d;
    background-color: #c2740d;
    color: #ffffff;
    font-size: 12px;
    letter-spacing: -0.01em;
    line-height: 16px;
}
.chooseBox_info .chooseBox_ttl .badgeWrap .couponBadge {
    margin: 0;
    display: inline-block;
    margin: 0 0 8px 0;
}
.couponBadgeBanner {
    display: flex;
}
.couponBadgeBanner a {
    margin-bottom: 3px;
    padding: 6px 16px;
    border: 1px solid #c2740d;
    border-radius: 4px;
    display: block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0px 2px 3px 0 rgba(0,0,0, 0.1);
    background: #ffffff;
}
.calendarCouponWrap .couponBadgeBanner {
    margin: 0 auto;
    line-height: 1.7;
}
.coupon_loginCompany_wrap::after {
    content:"";
    clear: both;
    display: block;
}
.coupon_loginCompany_wrap .loginCompany {
    margin-bottom: 0;
    float: left;
}
.coupon_loginCompany_wrap .calendarCouponWrap {
    float: right;
}
.item-coupon-detail-conditions {
    margin-bottom: 16px;
}
.item-coupon-detail-conditions dt {
    font-weight: bold;
}
.item-coupon-detail-conditions li {
    margin-left: 16px;
    list-style: disc;
}
.banner_wrap {
    margin-top: 60px;
}
.image_wrap {
    margin-top: 15px;
}
.banner_contents + .banner_contents {
    margin-top: 24px;
}
.banner_contents h3 {
    font-size: 1.35rem;
}
.banner_contents .bn_shortText {
    margin-bottom: 4px;
}
.banner_contents .bn_longText {
    margin-bottom: 4px;
    text-align: left;
}
.banner_contents a img:hover {
    opacity: 0.7;
}

/*---- dual pricing ----*/
.dualPricing {
    line-height: 1.4;
}
.priceWrap .dualPricing p.text_gold {
    margin: 0;
}
.dualPricing .type {
    font-size: .86rem;
    font-weight: bold;
    letter-spacing: -0.06rem;
    white-space: nowrap;
}
.dualPricing .original {
    text-decoration: line-through;
    color: grey;
    font-size: .86rem;
}
.dualPricing + .chooseBox_price {
    margin: 2px 0;
}

@media screen and (max-width: 768px) {
    /*---- common ----*/
    .dispPC {
        display: none;
    }
    .dispSP {
        display: block;
    }
    /* input,select */
    input[type="checkbox"] {
        height: 14px;
    }
    /*.formBox_contents label input {*/
    /*    width: 100%;*/
    /*}*/
    .passwordIconWrap, .resetIconWrap {
        width: 100%;
    }
    /* mark */
    .markType04 {
        margin: 0 0 0 4px;
    }
    .tagIcon_red {
        letter-spacing: -0.05em;
    }
    .tagIcon_red, .tagIcon_gray {
        font-size: 0.86rem;
        background-size: 14px 14px;
        background-position: left center;
    }
    .operationMessage {
        margin: 0 8px 8px;
    }
    /*---- heading ----*/
    h2 {
        line-height: 1.45;
    }
    h3 {
        margin: 0 0 8px;
        line-height: 1.45;
    }
    .facility_name {
        padding: 0;
    }
    .hgroup_titlePlan {
        padding: 0 16px;
    }
    .hgroup_titlePlan > h2.infoBox_ttl {
        padding: 0;
    }
    .modalWindow .hgroup_titlePlan {
        padding: 0;
    }
    /*----  login ----*/
    .logoutBtn{
        margin: 0 0 0 auto;
        width: 120px;
        display: block;
    }
    /*---- footer ----*/
    .footer_wrap {
        padding: 0;
        color: #000000;
    }
    .footer_wrap {
        padding: 10px 10px 20px;
    }
    .footer_address {
        margin: 10px 0 0;
    }
    .footer_address a {
        color: #515253;
    }
    /*---- headerNav ----*/
    .headerNav {
        width: 65%;
        max-width: 260px;
    }
    .headerNav li {
        display: block;
        height: auto;
        line-height: 30px;
        font-size: 1rem;
    }
    .headerNav li a {
        padding: 16px 20px;
    }
    /*---- header_wrap ----*/
    .header_wrap_inner {
        padding: 16px 54px 16px 16px;
    }
    .menu_btn {
        width: 100%;
    }
    .menu_btn button {
        right: 16px;
    }
    /*---- layout ----*/
    /*Column*/
    .contents_mainColumn,
    .contents_sideColumn {
        width: 100%;
        margin: 20px 0 32px;
        padding: 0 16px;
        float: none;
        position: static;
    }
    .contents_sideColumn {
        width: 94%;
        margin: 0 3% 24px;
        padding: 16px;
    }
    .contents_menuColumn {
        width: 100%;
        padding: 20px 0;
        float: none;
        background: unset;
        border-radius: 0;
    }
    .contents_menuColumn + .contents_mainColumn {
        width: 100%;
        margin-top: 0;
        padding: 0;
        float: none;
    }
    .hotelNotice_wrap + .contents,
    .contents {
        margin-top: 0;
    }
    .contents,
    .contents.contentsSmall {
        width: 100%;
    }
    .contents_mainWrap {
        margin-top: 20px;
        padding: 0;
    }
    .contents_mainWrap h2 {
        padding: 0 16px;
    }
    .contents_mainArea {
        padding: 0 16px;
    }
    .contents #mainContents {
        /*padding: 0 16px;*/
    }

    /* section */
    .sectionWrapCard {
        padding: 16px;
    }

    /* slider */
    .slider_area .slick-dots {
        top: 220px;
    }
    .slick-dots li {
        margin: 0;
    }
    .slick-dots li,
    .slick-dots li button {
        width: 25px;
        height: 25px;
    }

    /* modal */
    .modalWindow {
        width: 92%;
        max-height: calc(100% - 100px);
    }
    .modalWindow_inner {
        width: auto;
        margin: 0;
    }
    .modalWindow_inner .buttonType01 {
        width: 100%;
    }
    .modalWindow .btnBox li {
        width: 100%;
        margin: 0 0 16px;
    }

    /* slider */
    .slider_tabArea .slider_inner,
    .slider_modalArea .slider_inner,
    .slider_tabArea .slider_itemImg,
    .slider_modalArea .slider_itemImg {
        width: 100%;
    }
    .slider_tabArea .slider_itemImg img,
    .slider_modalArea .slider_itemImg img {
        max-width: 100%;
        max-height: none;
        height: 100%;
        object-fit: contain;
    }
    .slider_area .slider_wrap {
        min-height: 290px;
    }

    /* GSEA001F01300 */
    /* hotelNotice */
    .hotelNotice_wrap {
        margin-top: 0;
        padding: 16px 16px 0px;
        background: unset;
        border: none;
    }
    .hotelNotice_wrap .moreTxt.long::before {
        background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(238,231,232, 0));
    }
    .hotelNotice_wrap_inner {
        width: 100%;
        padding: 0;
        display: block;
        min-height: 0;
    }
    .hotelNotice_wrap_inner .textBox {
        width: 100%;
        /*padding-top: 10px;*/
    }
    .hotelNotice_wrap_inner .textBox .moreTxt {
        padding: 4px 0;
    }
    .hotelNotice_wrap_inner .textBox .moreBtn {
        margin: 0;
    }
    .searchTtl {
        padding: 0;
        background: none;
    }

    /* loginCompany */
    .loginCompany{
        margin: 0;
        padding: 16px 0 8px;
    }
    .loginCompany p {
        display: block;
    }
    .loginCompanyWrap {
        padding: 16px 16px 0;
    }

    /* panel */
    .Calendar_searchItem_wrap {
        padding: 0;
        border: none;
        background: unset;
    }
    .Calendar_searchItem_wrap .searchItem_ttl {
        display: none;
    }
    .Calendar_searchItem_wrap .tab_outWrap {
        margin-bottom: -1px;
    }
    .tab_area03 {
        padding: 0;
    }
    .tab_area03 .tab_label,
    .tab_area03 .tab_label.active {
        border: 1px solid #aaaaaa;
    }
    .tab_area03 .tab_label {
        border-radius: 0 8px 0 0;
        background: #f3f3f3;
        flex-grow: 1;
    }
    .tab_area03 .tab_label a {
        padding: 5px 0 5px;
        background: transparent;
    }
    .tab_area03 .tab_label:first-child {
        margin-left: 0;
    }
    .tab_area03 .tab_label:nth-of-type(1) {
         border-right: 1px solid #dddddd;
         border-radius: 8px 0 0 0;
    }
    .tab_area03 .tab_label.active {
        background: #ffffff;
        border-bottom: none;
        box-shadow: -2px -5px 5px -4px rgba(80,80,90, 0.1);
    }
    .Calendar_searchItem_inner {
            margin: 0;
            background: #fff;
    }
    .Calendar_searchItem_inner + .Calendar_searchItem_inner {
        padding: 16px 0;
        border: 1px solid #aaaaaa;
        border-radius: 8px;
        box-shadow: 0 0 5px 2px rgba(80,80,90, 0.1);
    }
    .tab_outWrap + .Calendar_searchItem_inner {
        padding: 16px 0;
        border: 1px solid #aaaaaa;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 0 5px 2px rgba(80,80,90, 0.1);
    }
    .Calendar_peopleTxt_Wrap {
        display: flex;
        width: 94%;
        margin: 0 3%;
    }
    .inputCalendar {
        margin-right: 2px;
        padding: 8px 4px 8px 22px;
        border-top: none;
        background: url(../images/icon_calendar.png) left 8px center no-repeat;
        background-size: 12px 12px;
        border: 1px solid #aaaaaa;
        border-radius: 3px;
    }
    .inputCalendar_item div + div {
        margin: 0;
        padding-left: 0;
    }
    .inputCalendar_check {
        flex-direction: row;
        padding: 0px;
        gap: 15px;
    }
    .inputCalendar_check .inputLabel_txt {
        font-size: 12px;
    }
    .inputCalendar > li {
        margin: 0;
    }
    .inputCalendar_item {
        padding: 0;
        background: none;
        line-height: 1.4;
        align-items: flex-end;
    }
    .searchItem_peopleTxt p + p a, .inputCalendar_itemTtl {
        color: #9e9e9e;
        font-size: 0.86rem;
    }
    .inputCalendar_itemTtl {
        display: none;
    }
    .inputCalendar_checkout {
        display: flex;
        align-items: center;
    }
    .inputCalendar_checkout.disabled::before {
        color: #9e9e9e;
    }
    .inputCalendar_checkout::before {
        content: "-";
        display: inline-block;
    }
    .inputCalendar_item .inputCalendar_checkin,
    .inputCalendar_item .inputCalendar_checkout {
        width: 90px;
    }
    .inputCalendar_item input {
        width: 100px;
        height: 20px;
        padding: 0;
        border: none;
        background: none;
        font-size: 16px;
        transform: scale(0.8) translateX(-0.4em);
        letter-spacing: -0.07em;
    }
    .inputCalendar_item > div {
        width: auto;
    }
    .searchItem_peopleTxt {
        margin: 0;
        padding: 0;
        border-top: none;
    }
    .searchItem_peopleTxt a {
        padding: 0;
        border: 1px solid #aaaaaa;
        border-radius: 3px;
    }
    .searchItem_peopleTxt .inputCalendar_itemTtl {
        display: none;
    }
    .searchItemWrap .buttonType01 {
        width: 94%;
        margin: 0 3%;
    }
    .searchItem_peopleTxt p {
        padding: 8px 8px 8px 20px;
        font-size: 0.86rem;
    }
    .changePeopleRoom {
        border: none;
        background-size: 18px 18px;
        background-position: left 8px center;
    }
    .searchItem_peopleTxt .changePeopleRoom {
        border: none;
        background-size: 12px 12px;
        background-position: left 4px center;
    }
    .modalWindow .btnSmall {
        padding-bottom: 32px;
    }
    .modalWindow .detailBox {
        margin-bottom: 0;
    }
    .modalWindow .detailBox + p,
    .modalWindow .detailBox + h4,
    .modalWindow .detailBox + .textBox {
        padding-top: 10px;
        border-top: 1px dashed #aaaaaa;
    }
    .modalWindow .textBox {
        font-size: 0.86rem;
    }

    .linkCalendar {
        margin-top: 0;
        padding: 12px 0 0;
        border-top: none;
    }

    /* searchingOption */
    #searchPane .searchingOption {
        padding: 0;
        border: none;
        border-radius: 0;
    }
    .searchingOption h4 {
        display: none;
    }
    .searchingOption .grad_btn {
        width: 55%;
        margin: 10px auto;
        padding: 5px;
        text-align: center;
        position: static;
        display: block;
        border: 1px solid #000;
        border-radius: 4px;
        background: #fff;
        font-size: 0.86rem;
    }
    .searchingOption .grad_btn:hover  {
        text-decoration: none;
    }
    .searchingOption .grad_btn span {
        color: #000000;
    }
    .searchingOption .grad_btn span:hover {
        opacity: 1;
    }
    .searchingOption .grad_item {
        overflow: hidden;
        height: 0;
    }
    .searchingOption .grad_item.check {
        height: auto;
        margin-top: 10px;
        padding: 16px;
        border: 1px solid #dddddd;
        border-radius: 8px;
    }
    .searchingOption .search_checkList div:nth-of-type(1){
        padding-top: 0;
        border-top: none;
    }
    .searchingOption .search_inputBtn {
        margin-bottom: 20px;
    }

    /* menuColumn */
    .searchItem:first-child {
        padding: 0 16px;
        background: none;
        border-bottom: none;
    }

    /* tab */
    .tab_label {
        margin: 0;
        background: #f3f3f3;
    }
    .tab_label,
    .tab_label.active {
        border-left: none;
        border-right: none;
    }
    .tab_label:nth-of-type(1) {
        border-right: 1px solid #aaaaaa;
    }
    .tab_label:hover a {
        background: transparent;
    }
    .resultHeader {
        position: static;
    }
    .line_up {
        width: 90%;
        margin: 10px auto;
    }
    .line_up #search_vclickBtn {
        display: none;
    }
    .line_up_list {
        width: 100%;
    }
    .line_up_item a {
        border-bottom: 1px solid #9e9e9e;
        min-width: 80px;
    }
    .line_up_item a:hover {
        border-bottom: 1px solid #aaaaaa;
    }
    .line_up_item.active a {
        border-bottom: 2px solid #000000;
    }

    /* plan */
    .itemWrap {
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
    .itemWrap h3 {
        padding: 0 16px;
        line-height: 1.4;
    }
    .itemWrap .infoBox_icon {
        padding: 0 8px;
    }
    .infoBox {
        padding: 8px 0 0;
    }
    .infoBox .infoBox_wrap {
        margin-top: 0;
        display: block;
    }
    .priceWrap {
        margin-bottom: 16px;
        padding: 0;
    }
    .moreTxtWrap {
        margin: 0 16px;
    }
    .moreTxtWrap .moreTxt.long {
        border-bottom: 10px solid #f3f3f3;
    }
    .moreTxtWrap .moreTxt pre {
        margin: 10px;
        line-height: 1.45;
    }
    .moreTxtWrap .moreTxt.fullTxt pre {
        padding-bottom: 4px;
    }
    .moreTxtWrap .moreTxt {
        font-size: 0.86rem;
    }
    .moreTxtWrap .moreBtn {
        bottom: 7px;
    }
    .moreTxtWrap .fullTxt + .moreBtn {
        bottom: 4px;
    }
    .chooseBox_info {
        width: 100%;
        margin: 0;
    }
    .chooseBox_list {
        margin-top: 8px;
        padding: 12px 16px 0;
    }
    .itemWrap .chooseBox_list:nth-last-of-type(1) {
        padding-bottom: 10px;
    }
    .chooseBox_list_more {
        padding: 10px 8px;
    }
    .chooseBox_info,
    .chooseBox_listWrap {
        display: block;
    }
    .chooseBox_img-info {
        margin-bottom: 16px;
    }
    .chooseBox_info,
    .chooseBox_resist {
        width: 100%;
    }
    .chooseBox_resist {
        display: block;
    }
    .chooseBox_info .chooseBox_ttl span {
        margin-left: 8px;
    }
    .chooseBox_info .chooseBox_ttl .markType05 {
        margin: 0 8px 8px 0;
    }
    .chooseBox_priceWrap p {
        text-align: left;
    }
    .chooseBox_priceWrap {
        margin-bottom: 10px;
    }
    .chooseBox_resist_regular:has(> :nth-child(2)) {
        justify-content: space-between;
    }
    .chooseBox_resistBtn {
        justify-content: flex-end;
        align-items: flex-start;
        margin-left: 8px;
    }
    .chooseBox_resistBtn li {
        width: auto;
    }
    .chooseBox_resistBtn li + li {
        margin: 0 0 0 8px;
    }
    .chooseBox_ttl_wrap h4 {
        max-width: 100%;
    }
    .infoBox_detail {
        padding: 0 8px;
    }
    .itemWrap .infoBox_detail {
        padding-bottom: 0;
        border-bottom: none;
    }
    .infoBox_summary {
        margin: 4px 0 16px;
    }
    .slick-dotted.slick-slider {
        margin: 0 auto 10px;
    }
    .infoBox_detail,
    .infoBox .infoItemList,
    .infoBox_summary,
    .infoBox_summary span,
    .chooseBox .infoItemList {
        font-size: 0.86rem;
    }

    /* pager */
    .itemWrap + .pager {
        margin-top: 20px;
    }

    /* other */
    .itemWrap .infoBox_detail .infoBox_summary > li ,
    .modalWindow .infoBox_summary > li {
        margin-right: 16px;
        margin-left: 0;
    }
    .modalWindow .infoBox_summary.planDetail_summary li + li {
        margin-top: 0;
    }
    li.infoBox_summary_checkInOut,
    li.infoBox_summary_lodger,
    li.infoBox_summary_roomWidth {
        background-position: left top 5px;
        background-size: 12px 12px;
    }
    li.infoBox_summary_paymentMethod {
        background-position: left top 8px;
        background-size: 12px 12px;
    }
    li.infoBox_summary_bedWidth {
        background-position: left center;
        background-size: 14px 14px;
    }
    /* Cart */
    .addCartFloatBtn {
        right: calc(50% - 88px);
    }
    .addCartBox {
        width: auto;
        margin: 0;
    }
    .addCartBox  .btnBox li:nth-last-of-type(1) {
        order: -1;
    }
    .modal.cartModal {
        width: 92%;
        max-height: calc(100% - 100px);
    }

    /* GSEA002F01400 */
    /* infoBox */
    .infoBox_ttl {
        margin-bottom: 10px;
        padding:  0 8px;
    }
    .memberLabel {
        width: auto;
        padding-left: 16px;
    }
    .infoBox_wrap_inner {
        margin-bottom: 10px;
        display: block;
    }
    .infoBox_detailTxt{
        padding: 0 8px;
    }
    .infoBox_wrap_inner .infoBox_summary {
        margin: 4px 0 8px;
        display: block;
    }
    .infoBox_summary > li {
        margin-bottom: 6px;
    }
    .infoBox_detail {
        margin: 0;
        padding: 0 16px 16px;
        border-bottom: 1px dashed #aaaaaa;
    }
    .anchorButton {
        display: block;
    }
    .emBox, .contractCompanyLabel {
        margin-right: 8px;
        margin-left: 8px;
        text-align: left;
    }
    /* calendar */
    #anchor_calendar h3 {
        padding: 0 8px;
    }
    .calendarLayout {
        padding: 0;
        border: 1px solid #dddddd;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        background: #ffffff;
        box-shadow: 0 0 5px 2px rgba(80, 80, 90, 0.1);
    }
    .calendar_loading::after {
        background: rgba(255, 255, 255, 0.6);
    }
    .vacancyInput {
        margin: 0 0 10px;
        padding: 16px 8px;
        border: none;
        border-bottom: 1px dashed #aaaaaa;
        border-radius: 0;
    }
    .vacancyInput_modalLink {
        margin-right: 4px;
        padding-left: 30px;
        display: inline-block;
        background-position: left -2px center;
    }
    .vacancyInput_stay {
        display: inline-block;
    }
    .vacancyInput_stay select {
        margin: 0 4px 0 0;
        padding: 0;
    }
    .vacancyInput_submit {
        height: 36px;
        font-size: 0.86rem;
        display: inline-block;
    }
    .vacancyInput_submit button {
        width: auto;
        height: 100%;
    }
    .vacancyInput_submitBtn {
        padding: 8px 16px;
    }
    .vacancyInput_people {
        min-width: 120px;
        padding-left: 30px;
    }
    .vacancyInput_peopleList {
        width: auto;
    }
    .vacancyInput_peopleList + div {
        min-width: 30px;
    }
    .vacancyInput_room {
        margin: 0;
    }
    .vacancy_headList li.now,
    .vacancy_headList li.prev,
    .vacancy_headList li.next {
        font-size: 1rem;
    }
    .calendar {
        background: #f3f3f3;
    }
    .calendar thead th {
        font-size: 0.86rem;
    }
    .calendar th {
        background: #ffffff;
    }
    .calendar td {
        height: auto;
        border-right: none;
        border-bottom: 1px solid #dddddd;
        vertical-align: middle;
        background:#ffffff;
    }
    .calendar td:last-child {
        border-right: none;
    }
    .calendar .price {
        font-size: 10px;
    }
    .calendar .stock {
        font-size: 0.86rem;
        padding-bottom: 4px;
    }
    .calendar .day {
        padding: 0;
        font-weight: normal;
    }
    .vacancy_note {
        padding: 0 8px;
    }
    .vacancy_note p + p {
        margin-left: 0;
    }
    .vacancy_ttl {
        margin-top: 16px;
    }
    .vacancy_side {
        margin: 0;
        padding: 0 8px;
    }
    .vacancy_sideList li {
        font-size: 1rem;
    }
    .vacancy_sideBox {
        width: 100%;
        height: 160px;
    }
    .vacancyDetail {
        margin: 30px 0 0;
        padding: 16px 8px;
        background:#f3f3f3;
        border-radius: 0;
        display: flex;
        align-items: center;
    }
    .vacancyDetail::after {
        border-bottom: 20px solid #f3f3f3;
    }
    .vacancyDetail .slider_minImgArea .slider_inner {
        margin: 0;
    }
    .vacancyDetail .vacancyDetail_imgArea {
        width: 106px;
        margin: 0 16px 0 0;
    }
    .vacancyDetail .slider_minImgArea {
        width: 106px;
        margin: 0 16px 0 0;
    }
    .vacancyDetail .detailBox {
        display: flex;
        margin-bottom: 8px;
    }
    .vacancyDetail .detailBox + p {
        padding-top: 8px;
        border-top: 1px dashed #aaaaaa;
    }
    .vacancyDetail .slider_modalArea {
        width: auto;
        margin-right: 8px;
    }
    .vacancyDetail .slider_modalArea .slider_inner {
        width: 200px;
        margin-bottom: 0;
    }
    .vacancyDetail .slider_modalArea .slider_itemImg {
        height: 100%;
        aspect-ratio: 4 / 3;
    }
    .vacancyDetail .slider_modalArea .slider_itemImg img {
        object-fit: contain;
    }
    .vacancyDetail .slider_modalArea .slick-dots {
        top: 120px;
    }
    .vacancyDetail .infoBox_icon {
        /*display: flex;*/
    }
    .vacancyDetail .slider_itemTxt {
        height: auto;
        font-size: 0.72rem;
    }
    .calendar_noMatchTxt {
        font-size: 1rem;
    }

    /* section */
    .sectionText_box {
        padding: 0 8px;
    }
    section.textBox {
        padding: 0 8px;
    }
    section.textBox .infoBox_icon {
        padding: 0;
    }
    #anchor_calendar.sectionText_box {
        padding: 0;
    }

    /* GRES001F02100 */
    /* sideColumn */
    .contents_sideColumn .formBox_head {
        margin: 0;
        font-weight: normal;
    }
    .contents_sideColumn .formBox_block{
        margin: 0;
    }
    .contents_sideColumn .formBox_detail{
        margin: 0;
    }
    .contents_sideColumn .formBox_check {
        text-align: center;
    }
    .inputBtn_checkbox + .inputLabel_txt {
        display: inline-block;
    }
    /* bottomButtonWrap */
    .bottomButtonWrap {
        width: 94%;
        margin: 0 3% 24px;
        float: none;
        clear: both;
    }
    /* table */
    .formBox_head {
        margin: 0 0 4px;
        padding: 0;
    }
    .formBox_block_checkIn .formBox_head {
        width: 100%;
    }
    .formBox_contents {
        margin: 0;
        padding: 0;
    }
    .formBox_block {
        margin: 0 0 24px;
    }
    .formBox_block_question {
    }
    .formBox_block_question .formBox_head {
        margin: 0 0 4px;
        padding: 0;
    }
    .formBox_block_question select {
        width: 100%;
    }
    .formBox dl.formBox_block:nth-last-of-type(1) {
        margin: 0;
    }
    /* toHotelNotice */
    .detailTable_type02 .detailTable_ttl {
        padding: 0;
    }
    /* input */
    input#firstName,
    input#lastName,
    input#firstNameKana,
    input#lastNameKana {
        width: 100%;
    }
    .formBox_contents > label {
        display: block;
    }
    /* option */
    .detailTable_type02 .detailTable_cell {
        width: auto;
        margin-right: 8px;
        display: inline-block;
        text-align: center;
    }
    #memberRegisterZipSearch,
    .formBox_subTxt, #memberRegisterZipMark,
    #postInputBtn {
        font-size: 0.7rem;
    }
    /*---- sns ---*/
    .loginBox_wrap {
        padding: 24px;
    }
    .loginBox_form .inputArea > div{
        width: 100%;
    }
    #snsLoginText p.snslogin_ttl {
        font-size: 0.86rem;
    }
    #snsLoginText p.snslogin_ttl::before,
    #snsLoginText p.snslogin_ttl::after {
        width: 15%;
    }
    .snsList.snsList_reserveBox li:nth-child(odd) {
        margin-right: 0;
    }
    .loginMessage > p:not(.logoutBtn) {
        margin-bottom: 4px;
        font-size: 1rem;
        text-align: left;
    }
    #snsLoginText {
        margin: 0 0 4px;
    }
    #loginMessage .logoutBtn {
        margin: 0 auto;
    }
    .loginMessage {
        display: flex;
    }
    .loginMessage #snsLoginText {
        font-size: 0.86rem;
        display: inline-block;
    }

    /* other */
    .formBox_check {
        padding: 16px 24px;
    }
    /* option */
    .formBox_optionwrap .detailTable,
    .formBox_optionwrap .sectionWrap > div,
    .detailTable_type02 {
        padding: 8px 10px;
    }
    .modalWindow .formBox_detail {
        padding: 8px 10px 10px;
    }
    .formBox_optionwrap .detailTable {
        margin-bottom: 4px;
    }
    .optionBox_wrap {
        margin-bottom: 8px;
    }
    .optionBox_wrap::after {
        content: "";
        display: block;
        clear: both;
    }
    .formBox_optionwrap .detailTable .detailTable_tr {
        margin-bottom: 8px;
        padding: 0 0 8px;
    }
    .formBox_optionwrap .detailTable .detailTable_tr:nth-last-of-type(1) {
        margin: 0;
        padding: 0;
    }
    .detailTable_label {
        margin: 0;
    }
    .formBox_contents input[type="text"],
    .formBox_contents input[type="email"] {
        width: 100%;
    }
    .formBox input.formBox_short {
        width: 20%;
    }
    .formBox_contents textarea {
        font-size: 16px;
    }
    .optionBox_img {
        width: 49%;
        margin-left: 2%;
    }
    .slider_minImgArea .slider_inner {
        width: 100%;
        margin: 0;
    }
    .formBox_optionwrap div[id^="optionDetail_"] {
        width: 49%;
        float: left;
    }
    /* loginBox */
    .loginBox_form {
        padding: 16px 16px 50px;
    }
    .chooseBox_login {
        padding: 0;
    }

    /* GRES002F02200 */
    .layoutCenter .contents_mainColumn {
        margin: 20px auto 32px;
    }
    .reserveNumber_info,
    .borderBox {
        width: 100%;
    }
    .buttonWrap{
        padding: 0 16px;
        display: block;
    }
    .buttonWrap li {
        width: 100%;
    }
    .buttonWrap li:nth-of-type(1) {
        margin: 0 0 16px;
    }
    .loginBox_form_text {
        margin-bottom: 8px;
    }

    /* GRES008F02800 */
    .sectionWrapCard .formBox_head,
    .sectionWrapCard .formBox_contents {
        width: 100%;
    }
    .sectionWrapCard .formBox_head {
        margin: 0 0 4px;
        padding: 0;
        border: none;
    }
    .formBox dl.formBox_block:nth-last-of-type(1) .formBox_head {
        margin: 0 0 4px;
    }
    .sectionWrapCard .formBox_contents {
        margin: 0;
        padding: 0;
        border: none;
    }
    .sectionWrapCard .formBox_block {
        margin: 0 0 8px;
        padding:  0 0 8px;
        border-bottom: 1px solid #ddd;
    }
    .formBox_priceList dt {
        width: 60%;
    }
    .formBox_priceList dd {
        width: 40%;
    }
    .formBox_priceList dt:nth-last-of-type(1),
    .formBox_priceList dd:nth-last-of-type(1) {
        margin-top: 4px;
    }
    .formBox_priceList dt {
        font-size: 1rem;
    }
    .formBox_priceList .total,
    .sectionWrapCard #cancelTotalPriceWord {
        font-size: 1.35rem;
    }
    .sectionWrapCard .formBox_priceList {
        width: 100%;
    }
    .formBox dl.formBox_block:nth-last-of-type(1) {
        border: none;
    }

    /* GMEM008F01000 */
    .userInfo {
        padding: 0;
    }
    .userInfo_item {
        padding-right: 16px;
    }
    .userInfo_itemText {
        width: auto;
        margin-right: 10px;
        font-size: 0.86rem;
    }
    .navBlock_listItem {
        width: auto;
        flex: initial;
    }
    .sectionBox {
        padding: 16px;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
    h3.sectionBox_ttl ,
    .sectionBox_inner .moreTxt {
        padding: 0 16px;
    }
    .tab_area02 .tab_label,
    .tab_area02 .tab_label.active {
        border-radius: 0;
    }
    .tab_item {
        padding: 16px 0;
        border-radius: 0;
        border: none;
    }
    .tab_label:hover a {
        border-radius: 0;
    }
    .panel_area .sectionBox {
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
    .panel_area .sectionBox {
        padding: 16px;
    }
    .sectionBox h3.sectionBox_ttl,
    .sectionBox_inner {
        padding: 0;
    }
    .panel_area .sectionBox_ttl {
        font-size: 1.2rem;
    }
    .panel_area .sectionBox_ttl .sectionBox_ttlSub {
        margin: 0;
        display: block;
    }
    .panel_area .sectionBox_inner {
        flex-flow: row wrap;
    }
    .panel_area .sectionBox_inner .sectionBox_layout01 {
        margin: 0 0 12px;
        font-size: 1rem;
    }
    .panel_area h4 {
        font-size: 1rem;
    }
    .panel_area .sectionBox_inner .sectionBox_layout02 {
        width: 100%;
        flex-flow: column wrap;
    }
    .panel_area .sectionBox_inner .sectionBox_layout02 .sectionBox_reservinfoList {
        margin-bottom: 0;
        order: 2;
        font-size: 0.8rem;
    }
    .panel_area .sectionBox_inner .sectionBox_layout02 .sectionBox_btnWrap {
        width: 100%;
        order: 1;
        margin-bottom: 8px;
        justify-content: flex-start;
    }
    .panel_area .sectionBox_inner .sectionBox_layout02 .sectionBox_btnWrap .sectionBox_btnList {
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }
    .panel_area .sectionBox_inner .sectionBox_layout02 .sectionBox_reservinfoList li {
        display: inline-block;
    }
    .panel_area .sectionBox_inner .sectionBox_layout02 .sectionBox_reservinfoList .noTranslatable {
        margin-right: 10px;
    }
    .panel_area .sectionBox_inner .sectionBox_layout02 .sectionBox_reservinfoList li.sectionBox_ttlSub span::after {
        margin: 0;
    }
    .panel_area .sectionBox_planttlWrap {
        margin-bottom: 12px;
    }
    .panel_area .sectionBox_btnList li {
        margin: 0;
    }
    .panel_area .sectionBox_btnList li:nth-of-type(2) {
        margin: 0 0 0 10px;
    }
    .panel_area .sectionBox .text_red {
        font-size: 1rem;
    }
    .sectionBox_btnList li {
        width: 100%;
    }
    .sectionBox + .pager {
        margin-top: 20px;
    }
    .tab_area02 .tab_label,
    .tab_area02 .tab_label.active {
        border: none;
        border-top: 1px solid #aaa;
        /*border-left: 1px solid #aaa;*/
        border-bottom: 1px solid #aaa;
    }
    .tab_area02 .tab_label:hover {
        border-left: none;
    }
    .tab_area02 .tab_label:not(:first-child) {
        border-left: 1px solid #aaa;
        border-right: none;
    }
    .tab_area02 .tab_label.active {
        border-bottom: 1px solid #fff;
    }
    .navBlock_list {
        padding-right: 16px;
        font-size: 0.86rem;
    }
    .navBlock_listItem {
        border: none;
    }

    /* GRES010F03000 */
    .reserveListArea h3 {
        width: 160px;
        margin: 0 0 0 16px;
        padding: 6px 0;
        font-size: 1.2rem;
    }
    .reserveListArea .sectionBox {
        padding: 16px;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
    .reserveListArea .sectionBox_inner {
        flex-flow: row wrap;
    }
    .reserveListArea .sectionBox_inner .sectionBox_layout01 {
        margin: 0 0 12px;
        font-size: 1rem;
    }
    .reserveListArea .sectionBox_ttl {
        font-size: 1.2rem;
    }
    .reserveListArea .sectionBox_planttlWrap {
        margin-bottom: 8px;
    }
    .reserveListArea .sectionBox_planttlWrap h4 {
        font-size: 1rem;
    }
    .reserveListArea .sectionBox_inner .sectionBox_layout02 {
        width: 100%;
        flex-flow: column wrap;
    }
    .reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_reservinfoList {
        margin-bottom: 0;
        order: 2;
        font-size: 0.8rem;
    }
    .reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_reservinfoList li {
        display: inline-block;
    }
    .reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_reservinfoList #reserveNumber_1 {
        margin-right: 10px;
    }
    .reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_reservinfoList li#reserveDateTitle_1 span::after {
        margin: 0;
    }
    .reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_btnWrap {
        width: 100%;
        order: 1;
        margin-bottom: 8px;
        justify-content: flex-start;
    }
    .reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_btnWrap .sectionBox_btnList {
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }
    .reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_btnWrap .sectionBox_btnList li {
        margin: 0;
    }
    .reserveListArea .sectionBox_inner .sectionBox_layout02 .sectionBox_btnWrap .sectionBox_btnList li:nth-of-type(2) {
        margin: 0 0 0 10px;
    }
    .reserve_ttl01, .reserve_ttl02 {
        margin: 0 0 10px;
        font-size: 1rem;
        font-weight: normal;
    }

    /* GMEM003F00600 */
    .snsListButton {
        padding: 9px;
        font-size: 1rem;
    }
    .mypage_snsList .snsList.snsList_memberRegist {
        font-size: 1rem;
    }
    .contentsSmall input#memberFamilyName,
    .contentsSmall input#memberGivenName,
    .contentsSmall input#memberFamilyNameKana,
    .contentsSmall input#memberGivenNameKana {
        width: 100%;
    }
    .contentsSmall .sectionWrapCard {
        margin-bottom: 32px;
        padding: 16px;
    }
    .contentsSmall .sectionWrapCard .formBox_block {
        margin: 0 0 16px;
        padding: 0 0 16px;
    }
    .contentsSmall .sectionWrapCard .btnSmall {
        margin-top: 16px;
    }
    .contentsSmall input[type="email"],
    .contentsSmall input#memberAddressCity,
    .contentsSmall input.formBox_long {
        width: 100%;
    }
    .withdrawal_txt {
        margin-bottom: 48px;
    }
    /* calendar */
    .calendarBody {
        margin: 0;
    }
    .contents_calendar {
        margin: 0;
        padding: 6px 0 8px;
    }
    .calendarSearchPanel {
        margin: 16px;
        padding: 16px;
        background: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 8px;
        box-shadow: 0 0 5px 2px rgba(80,80,90, 0.1);
    }
    .calendarSearchPanel_inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .calendarSearchPanel_inner h2 {
        margin: 0 0 8px;
        font-size: 1.2rem;
    }
    .calendarSearchPanel_inner > div {
        width: 100%;
    }
    .calendarSearchPanel_wrap {
        margin-bottom: 8px;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }
    .calendarSearchPanel_date {
        width: 100%;
        margin: 0 0 8px;
    }
    .calendarSearchPanel_layout {
        flex-wrap: wrap;
    }
    .calendarSearchPanel_people {
        margin: 0 16px 8px 0;
    }
    .calendarSearchPanel_date input {
        width: 100%;
    }
    .calendarSearchPanel_inner .changePeopleRoom {
        border: 1px solid #aaaaaa;
    }
    .calendarSearchPanel_message {
        margin: 16px 0;
    }
    .calendarSearchPanel_button {
         width: 100%;
         margin: 0;
     }
    .calendarSearchPanel_button .primary_button {
        padding: 12px 16px;
    }
    .calendarBody_date_PC {
        display: none;
    }
    .calendarBody_date,
    .calendarBody_date_SP {
        display: flex;
        padding: 0 24px;
    }
    .calendarBody_date p,
    .calendarBody_date_SP p {
        line-height: 1.4;
        padding: 4px 0;
    }
    .calendarBody_date_small {
        font-size: 0.72rem;
    }
    .calendarBody_roomList {
        margin: 0 0 24px;
        padding: 8px 0;
        border: 1px solid #dddddd;
        border-left: none;
        border-right: none;
        box-shadow: 0 0 5px 2px rgba(80, 80, 90, 0.1);
        justify-content: flex-start;
        flex-direction: column;
    }
    .calendarBody_roomList.itemWrap{
        padding: 8px 0;
    }
    .calendarBody_roomInfo {
        margin: 0 0 8px 8px;
    }
    .calendarBody_roomInfo,
    .calendarBody_roomList:nth-last-of-type(1) .calendarBody_roomInfo {
        padding: 0 8px 8px 0;
    }
    .calendarBody_roomInfo .calendarBody_roomImage {
        width: 110px;
        height: auto;
    }
    .calendarBody_text_wrap {
        width: calc(100% - 126px);
    }
    .calendarBody_text_wrap > div {
        max-width: unset;
    }
    .calendarBody_vacancy .calendarBody_vacancy_date,
    .calendarBody_date p,
    .calendarBody_date_SP p {
        width: calc((100% - 40px) / 7);
        flex-grow: 1;
        font-size: 12px;
        text-align: center;
    }
    .calendarBody_vacancy .calendarBody_vacancy_date {
        font-size: 9px;
        line-height: 1.6;
    }
    .calendarBody_vacancy .calendarBody_vacancy_date a,
    .calendarBody_vacancy_sold_out,
    .calendarBody_vacancy_no_sale  {
        padding: 0 0 8px;
    }
    .calendarBody_vacancy .calendarBody_vacancy_date a:hover {
        background: none;
    }
    .calendarBody_vacancy .calendarBody_vacancy_date,
    .calendarBody_vacancy .calendarBody_vacancy_date a {
        align-items: flex-start;
    }
    .calendarBody_vacancy_small {
        font-size: 7px;
        white-space: nowrap;
    }
    .calendarBody_vacancy_membersText {
        display: none;
    }
    .calendarBody_vacancy_no_price {
        display: inline;
    }
    .calendarBody_vacancy_prev,
    .calendarBody_vacancy_next {
        width: 24px;
        position: relative;
    }
    .calendarBody_vacancy_prev a {
        position: absolute;
        top: 8px;
        right: 0;
    }
    .calendarBody_vacancy_next a {
        position: absolute;
        top: 8px;
        left: 0;
    }
    .calendarBody_vacancy_prev a,
    .calendarBody_vacancy_next a {
        width: 100%;
        height: 100%;
        height: auto;
        display: block;
        text-align: center;
    }
    .calendarBody_vacancy_division_SP {
        display: inline-block;
        line-height: 1.6;
        position: absolute;
        bottom: 8px;
        right: 0;
        text-align: center;
    }
    .calendarBody_vacancy_prev img,
    .calendarBody_vacancy_next img{
        width: 14px;
    }
    .calendarBody,
    .calendarBody_text_wrap,
    .calendarBody_vacancy,
    .calendarBody_vacancy .calendarBody_vacancy_date,
    .calendarBody_vacancy .calendarBody_vacancy_date.checkInDate,
    .calendarBody_roomList:nth-last-of-type(1) .calendarBody_vacancy_date.checkInDate,
    .calendarBody_date,
    .calendarBody_date p,
    .calendarBody_date_SP,
    .calendarBody_date_SP p {
        border: none;
    }
    .calendarBody_date .checkInDate,
    .calendarBody_date .saturdayCheckInDate,
    .calendarBody_date .sundayCheckInDate,
    .calendarBody_date_SP .holidayCheckInDate,
    .calendarBody_date_SP .checkInDate,
    .calendarBody_date_SP .saturdayCheckInDate,
    .calendarBody_date_SP .sundayCheckInDate,
    .calendarBody_date_SP .holidayCheckInDate {
        background: #ddeef8;
        border-radius: 4px 4px 0 0;
    }
    .calendarBody_vacancy .calendarBody_vacancy_date.checkInDate {
        background: #ddeef8;
        border-radius: 0 0 4px 4px;
    }
    .calendarBody_roomInfo {
        border-bottom: 1px solid #dddddd;
    }
    .detailBox_img {
        width: 100%;
    }
    .detailBox_img .detailBox_img_bg {
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
    }
    .detailBox_img img {
        width: 100%;
        margin: 0 auto 10px;
    }

    .calendarBody_facilityList.itemWrap {
        padding: 8px 0;
        grid-template-rows: auto auto auto;
        grid-template-columns: 134px 1fr;
    }
    .Neighboring_facilities .calendarBody_facilityImage {
        grid-area: 1 / 1 / 2 / 2;
    }
    .Neighboring_facilities .calendarBody_facilityInfo {
        grid-area: 1 / 2 / 2 / 3;
    }
    .Neighboring_facilities .calendarBody_date {
        grid-area: 2 / 1 / 3 / 3;
    }
    .Neighboring_facilities .calendarBody_vacancy {
        grid-area: 3 / 1 / 4 / 3;
    }
    .Neighboring_facilities > h3 {
        margin: 0 8px 8px;
        font-size: 1.35rem;
    }
    .Neighboring_facilities > p {
        margin: 0 8px;
    }
    .Neighboring_facilities .calendarBody_facilityImage {
        width: 110px;
        margin-right: 16px;
        margin-left: 8px;
    }
    .Neighboring_facilities .calendarBody_facilityImage img {
        width: 100%;
    }
    .Neighboring_facilities .calendarBody_text_wrap {
        width: 100%;
    }
    .Neighboring_facilities .calendarBody_date {
        margin: 8px 8px 0;
        padding: 8px 16px 0;
        border-top: 1px solid #dddddd;
    }
    /*---- coupon ----*/
    .couponModal .itemContainer {
        padding: 20px;
    }
    .couponModal .item {
        display: flex;
        flex-direction: column;
    }
    .couponModal .item .aside {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        align-items: start;
        width: 100%;
        margin-bottom: 24px;
        padding: 0;
    }
    .couponModal .item .article {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .couponModal .item .article .plans {
        margin-bottom: 16px;
    }
    .couponModal .item .acquire {
        width: 100%;
        min-width: unset;
        margin: 0;
        text-align: center;
    }
    .couponModal .item .acquire .buttonType01,
    .couponModal .item .acquire p {
        width: 100%;
    }
    .couponModal .couponName {
        display: block;
    }
    .couponModal .membership .coupon_registration {
        width: 100%;
    }
    .couponArea {
        padding: 0 8px;
    }
    .couponArea a {
        width: 100%;
    }
    .couponBanner {
        width: 100%;
        padding: 16px;
        flex-direction: column;
        text-align: center;
    }
    .couponBanner strong {
        font-size: 1.15rem;
        letter-spacing: 0em;
    }
    .couponBanner .couponBannerBtn {
        margin-top: 10px;
        padding: 4px 16px;
        font-size: 0.86rem;
    }
    .couponBadge {
        margin-bottom: 4px;
    }
    .chooseBox_info .chooseBox_ttl .badgeWrap .markType05,
    .chooseBox_info .chooseBox_ttl .badgeWrap .couponBadge {
        margin-top: 4px;
    }
    .couponBadgeBanner a {
        padding: 12px 16px;
        flex-grow: 1;
    }
    .couponBtn_layout_list {
        display: block;
        line-height: 1.4;
        position: static;
        top: 0;
        left: 0;
    }
    .couponBtn_layout_list .couponBadgeBanner {
        margin: 16px 8px 8px;
    }
    .couponBtn_layout_detailCalendar .couponBadgeBanner a {
        margin-top: 12px;
        padding: 8px;
        font-size: 0.86rem;
    }
    .calendarCouponWrap .couponBadgeBanner {
        width: auto;
        margin: 20px 16px 0;
        justify-content: center;
    }
    .coupon_loginCompany_wrap {
        display: block;
    }
    .coupon_loginCompany_wrap .loginCompany,
    .coupon_loginCompany_wrap .calendarCouponWrap {
        float: none;
    }

    .banner_contents img {
        width: 100%;
    }

    /* @media screen and (max-width:768px) //END */
}