@charset "UTF-8";

.org-footer *,
.float__list * {
    color: #333333;
    font-weight: 400;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
}

a:hover {
    opacity: 1;
}

.org-footer {
    background: #fff url(/images/top/img_footer_up.webp) no-repeat center top / 1920px 400px;
    padding: 400px 0 0;
}

.org-footer__inner {
    width: 1140px;
    margin: 0 auto;
    padding: 50px 0 20px;
}

.org-footer__main {
    display: flex;
    justify-content: flex-start;
    align-items: self-start;
    gap: 220px;
    margin-bottom: 30px;
    padding: 0 0 0 10px;
}

.org-footer__left {
    width: 371px;
}

.org-footer__logo {
    padding: 10px 2px;
    margin: 0 0 20px;
}

.org-footer__logo a {
    display: block;
    width: 268px;
    height: 40px;
}

.org-footer__logo a img {
    width: 100%;
    height: 100%;
}

.org-footer__logo a:hover {
    opacity: 1;
}

.org-footer__info {
    margin-bottom: 20px;
}

.org-footer__info:last-of-type {
    margin-bottom: 0;
}

.org-footer__info-name {
    font-size: 18px;
    line-height: 1.778;
    margin: 0 0 6px;
}

.org-footer__text {
    font-size: 16px;
    line-height: 1.875;
    white-space: nowrap;
}

.org-footer__link-wrapper {
    flex: 1;
    display: flex;
    gap: 70px;
    padding: 79px 0 0;
}

.org-footer__link-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.org-footer__link-item a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.875;
    min-width: 95px;
    position: relative;
}

.org-footer__link-item a:hover {
    color: #76BBD8;
}

.copyright {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.75;
    text-align: center;
}

.reservation-side-link {
    display: none;
}

.float__list {
    position: fixed;
    top: 124px;
    right: 0;
    z-index: 8;
    display: flex;
    flex-direction: column;
    gap: 4px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.float__list.is-active {
    opacity: 1;
    visibility: visible;
}

[class*="float__item--"] a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 16px;
    color: #fff;
    position: relative;
    border-radius: 0;
    letter-spacing: 0.2em;
}

.float__item--contact a {
    background: linear-gradient(248deg, #76D8AE 11.07%, #A1CE63 88.54%);
    height: 172px;
}

.float__item--satei a {
    background: linear-gradient(248deg, #76BBD8 21.5%, #63BECE 88.53%);
    height: 128px;
}

.float__item--reserv a {
    background: linear-gradient(248deg, #76A1D8 21.5%, #63AECE 88.53%);
    height: 128px;
}

.float__item--top a {
    background: #fff;
    border: 2px solid #76BBD8;
    color: #76BBD8;
    height: 94px;
}

[class*="float__item--"] a:hover {
    background: #fff;
}

.float__item--contact a:hover {
    color: #A1CE63;
    border: 1px solid #A1CE63;
}

.float__item--contact:has(.float__contact--shop.is-visible-float)>a {
    background: #fff;
    color: #A1CE63;
    border: 1px solid #A1CE63;
    border-left: none;
}

.float__item--satei a:hover {
    color: #63BECE;
    border: 1px solid #63BECE;
}

.float__item--reserv a:hover {
    color: #63AECE;
    border: 1px solid #63AECE;
}

.float__item--top a:hover {
    background: #76BBD8;
    color: #FFF;
}

.l-wrapper:has(#map-search) .float__list {
    display: none;
}

.float__contact--shop {
    position: absolute;
    opacity: 1;
    visibility: hidden;
    width: 200px;
    height: 172px;
    background: #fff;
    left: 65px;
    display: flex;
    flex-direction: column;
    top: 0;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    border: 1px solid #A1CE63;
    border-right: none;
    transition: .4s;
}

.float__contact--shop.is-visible-float {
    opacity: 1;
    visibility: visible;
    left: -200px;
}

[class*="float__item--"] .float__contact--shop a {
    width: 180px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    writing-mode: horizontal-tb;
}

[class*="float__item--"] .float__contact--shop .btn__float--atami {
    background: #42C9EF;
}

[class*="float__item--"] .float__contact--shop .btn__float--atami:hover {
    background: #fff;
    color: #42C9EF;
    border: 1px solid #42C9EF;
}

.float__contact--shop a:after {
    background: url(/images/top/arw_btn.webp) no-repeat center / cover;
    width: 17px;
    height: 7px;
    right: 20px;
}

.float__contact--shop a:hover:after {
    background: url(/images/top/arw_btn_b.webp) no-repeat center / cover;
}

[class*="float__item--"] .float__contact--shop .btn__float--shimoda {
    background: #21BCB8;
}

[class*="float__item--"] .float__contact--shop .btn__float--shimoda:hover {
    background: #FFF;
    color: #21BCB8;
    border: 1px solid #21BCB8;
}

.org-footer__link-item:has(.js-footer__popup--list) {
    position: relative;
}

.js-footer__popup--list {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s, visibility 0.4s;
}

.js-footer__popup--list.is-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.org-footer__fukidashi {
    position: absolute;
    content: "";
    top: -156px;
    left: -59px;
    background: url(/images/top/bg_footer-popup.webp) no-repeat center / cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 180px;
    height: 159px;
    justify-content: center;
    padding: 0 0 10px;
}

.org-footer__popup--item {
    width: 150px;
    height: 34px;
}

[class^="org-footer__linkpopup--"] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 0 13px 0 0;
    position: relative;
}

.org-footer__linkpopup--atami {
    background: #42C9EF;
    border: 1px solid #42C9EF;
}

.org-footer__linkpopup--shimoda {
    background: #21BCB8;
    border: 1px solid #21BCB8;
}

.org-footer__linkpopup--us {
    background: #76BBD8;
    border: 1px solid #76BBD8;
}

.org-footer__linkpopup--atami:hover {
    color: #42C9EF;
    background: #fff;
}

.org-footer__linkpopup--shimoda:hover {
    color: #21BCB8;
    background: #fff;
}

.org-footer__linkpopup--us:hover {
    color: #76BBD8;
    background: #fff;
}

[class^="org-footer__linkpopup--"]:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: url(/images/top/arw_footer_pop.webp) no-repeat center / cover;
    width: 14px;
    height: 8px;
}

.org-footer__linkpopup--atami:hover:after {
    background: url(/images/top/arw_footer_pop_atami.webp) no-repeat center / cover;
}

.org-footer__linkpopup--shimoda:hover:after {
    background: url(/images/top/arw_footer_pop_shimoda.webp) no-repeat center / cover;
}