"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .more.window a:hover { color: rgb(156, 123, 43); } .more.window a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .more.window a:hover { color: rgb(156, 123, 43); } .more.window a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .more.window.white a { color: rgb(255, 255, 255); } .more.window.white a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .more.window.white:hover a { color: rgb(177, 151, 88); border-bottom: 1px solid rgb(177, 151, 88); } .more.window.white:hover a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .more.window.white:hover a { color: rgb(177, 151, 88); border-bottom: 1px solid rgb(177, 151, 88); } .more.window.white:hover a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn a, .dbtn .uncs { display: inline-block; font-family: Jost, "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-size: 1.5rem; font-weight: 500; border: 1px solid rgb(51, 51, 51); border-radius: 50px; letter-spacing: 0.08em; padding: 5px 65px 5px 24px; position: relative; transition: all 0.3s ease 0s; } .dbtn a::after, .dbtn .uncs::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 12px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn a:hover, .dbtn .uncs:hover { background: rgb(156, 123, 43); color: rgb(255, 255, 255); border: 1px solid rgb(156, 123, 43); } .dbtn a:hover::after, .dbtn .uncs:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn a:hover, .dbtn .uncs:hover { background: rgb(156, 123, 43); color: rgb(255, 255, 255); border: 1px solid rgb(156, 123, 43); } .dbtn a:hover::after, .dbtn .uncs:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn a span, .dbtn .uncs span { transition: all 0.3s ease 0s; } .dbtn a span::after, .dbtn .uncs span::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn a span:hover, .dbtn .uncs span:hover { color: rgb(255, 255, 255); background: rgb(51, 51, 51); } .dbtn a span:hover::after, .dbtn .uncs span:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn a span:hover, .dbtn .uncs span:hover { color: rgb(255, 255, 255); background: rgb(51, 51, 51); } .dbtn a span:hover::after, .dbtn .uncs span:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn .uncs::after { transform: rotate(90deg); } @media (hover: hover) and (pointer: fine) { .dbtn .uncs:hover { color: rgb(255, 255, 255); background: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); } .dbtn .uncs:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn .uncs:hover { color: rgb(255, 255, 255); background: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); } .dbtn .uncs:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn.active .uncs { color: rgb(255, 255, 255); background: rgb(51, 51, 51); } .dbtn.active .uncs::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn.active .uncs:hover { background: rgb(51, 51, 51); color: rgb(255, 255, 255); border: 1px solid rgb(51, 51, 51); } .dbtn.active .uncs:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn.active .uncs:hover { background: rgb(51, 51, 51); color: rgb(255, 255, 255); border: 1px solid rgb(51, 51, 51); } .dbtn.active .uncs:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn.white a { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); } .dbtn.white a::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn.white a:hover { background: rgb(177, 151, 88); border: 1px solid rgb(177, 151, 88); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn.white a:hover { background: rgb(177, 151, 88); border: 1px solid rgb(177, 151, 88); } } .dbtn.gold a { background: rgb(156, 123, 43); border: 1px solid rgb(156, 123, 43); color: rgb(255, 255, 255); } .dbtn.gold a::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn.gold a:hover { background: rgb(255, 255, 255); color: rgb(156, 123, 43); } .dbtn.gold a:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn.gold a:hover { background: rgb(255, 255, 255); color: rgb(156, 123, 43); } .dbtn.gold a:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn.pdf a { padding: 5px 25px 5px 52px; } .dbtn.pdf a::after { width: 14px; height: 19px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; left: 25px; right: auto; } .dbtn.window a { padding-left: 30px; padding-right: 55px; } .dbtn.window a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; right: 20px; } @media (hover: hover) and (pointer: fine) { .dbtn.window a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn.window a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn.window.gold a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn.window.gold a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn.window.gold a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn.window.white a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn.window.white a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn.window.white a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .table_wrap { display: table; width: 100%; height: 100%; } .table_wrap .table_inner { display: table-cell; vertical-align: middle; } .pnkz { padding: 30px 30px 0px; margin-bottom: 130px; display: flex; flex-wrap: wrap; } .pnkz li { display: inline; vertical-align: top; padding-right: 15px; margin-right: 8px; position: relative; font-size: 1.4rem; line-height: 1.5; } .pnkz li::after { content: ""; position: absolute; top: 7px; right: 0px; width: 8px; height: 8px; border-top: 1px solid rgb(51, 51, 51); border-right: 1px solid rgb(51, 51, 51); transform: rotate(45deg); vertical-align: top; } .pnkz li a { border-bottom: 1px solid rgb(153, 153, 153); } .pnkz li:last-child { padding-right: 0px; margin-right: 0px; } .pnkz li:last-child::after { display: none; } .pnkz li:last-child a { border-bottom: none; } .pnkz li:first-child { padding-left: 20px; } .pnkz li:first-child a { position: relative; line-height: 1.2; } .pnkz li:first-child::before { content: ""; position: absolute; top: 6px; left: 0px; width: 12px; height: 12px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media screen and (max-width: 834px) { .pnkz { padding: 15px 30px 0px; margin-bottom: 60px; } } .u_main { position: relative; } .u_main .img { position: absolute; inset: 0px; z-index: 1; } .u_main .img img { width: 100%; height: 100%; object-fit: cover; } .u_main .img::after { content: ""; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.3); } .u_main .txt { position: relative; z-index: 2; color: rgb(255, 255, 255); } .u_main .txt .pnkz li::after { border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); } .u_main .txt .pnkz li a { border-bottom: 1px solid rgb(255, 255, 255); } .u_main .txt .pnkz li:first-child::before { width: 12px; height: 12px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } .u_main .txt .pnkz li:last-child a { border: none; } .u_main .txt .pagettl { padding-bottom: 190px; margin-bottom: 0px; } .u_main .txt .pagettl span { color: rgb(255, 255, 255); } @media screen and (max-width: 834px) { .u_main .txt .pagettl { padding-bottom: 120px; } } .img_main { position: relative; } .img_main .img { line-height: 0; } .img_main .img img { width: 100%; height: 480px; object-fit: cover; } .img_main .txt { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 2; color: rgb(255, 255, 255); } .img_main .txt .pnkz li::after { border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); } .img_main .txt .pnkz li a { border-bottom: 1px solid rgb(255, 255, 255); } .img_main .txt .pnkz li:first-child::before { width: 12px; height: 12px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } .img_main .txt .pnkz li:last-child a { border: none; } .img_main .txt .pagettl { padding-bottom: 190px; margin-bottom: 0px; } .img_main .txt .pagettl span { color: rgb(255, 255, 255); } @media screen and (max-width: 1075px) { .img_main .img img { height: 360px; } } .pagettl { font-size: 2rem; letter-spacing: 0.1em; font-weight: 500; margin-bottom: 115px; } .pagettl span { font-family: Jost, sans-serif; font-size: 6rem; color: rgb(51, 51, 51); display: block; letter-spacing: 0.2em; } @media screen and (max-width: 834px) { .pagettl { font-size: 1.8rem; margin-bottom: 70px; } .pagettl span { font-size: 3.5rem; overflow-wrap: break-word; line-height: 1.4; } } .pnwrap { background: rgb(229, 229, 229); padding: 66px 30px; text-align: center; } .pnwrap .wp-pagenavi { position: relative; max-width: 1280px; margin: 0px auto; padding: 0px 40px; } .pnwrap .wp-pagenavi .pages, .pnwrap .wp-pagenavi .last, .pnwrap .wp-pagenavi .first { display: none; } .pnwrap .wp-pagenavi .previouspostslink, .pnwrap .wp-pagenavi .nextpostslink { font-size: 0px; position: absolute; top: 0px; bottom: 0px; margin: auto 0px; } .pnwrap .wp-pagenavi .previouspostslink { width: 24px; height: 24px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; left: 0px; transform: rotate(-180deg); } .pnwrap .wp-pagenavi .nextpostslink { width: 24px; height: 24px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; right: 0px; } .pnwrap .wp-pagenavi .current, .pnwrap .wp-pagenavi .page { width: 26px; height: 26px; text-align: center; line-height: 26px; border-radius: 50%; font-family: Jost, sans-serif; display: inline-block; margin: 0px 9px; font-size: 1.9rem; } .pnwrap .wp-pagenavi .current { background: rgb(156, 123, 43); color: rgb(255, 255, 255); } @media (hover: hover) and (pointer: fine) { .pnwrap .wp-pagenavi .page:hover { background: rgb(156, 123, 43); color: rgb(255, 255, 255); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .pnwrap .wp-pagenavi .page:hover { background: rgb(156, 123, 43); color: rgb(255, 255, 255); } } .pnwrap .wp-pagenavi .extend { margin: 0px 9px; } .has-text-align-center, .aligncenter { text-align: center; } .has-text-align-right, .alignright { text-align: right; } .has-text-align-left, .alignleft { text-align: left; } .block-flex-img46 { display: flex; margin-bottom: 80px; } .block-flex-img46 .img { width: 36%; margin: 0px 4% 0px 0px; line-height: 0; } .block-flex-img46 .img img { width: 100%; } .block-flex-img46 .txt { width: 60%; } @media screen and (max-width: 834px) { .block-flex-img46 { display: block; margin-bottom: 65px; } .block-flex-img46 .img, .block-flex-img46 .txt { width: 100%; } .block-flex-img46 .img { margin: 0px 0px 20px; } } .block-flex-img64 { display: flex; margin-bottom: 80px; } .block-flex-img64 .img { width: 36%; margin: 0px 0px 0px 4%; -webkit-box-ordinal-group: 3; order: 2; line-height: 0; } .block-flex-img64 .img img { width: 100%; } .block-flex-img64 .txt { width: 60%; } @media screen and (max-width: 834px) { .block-flex-img64 { display: block; margin-bottom: 65px; } .block-flex-img64 .img, .block-flex-img64 .txt { width: 100%; } .block-flex-img64 .img { margin: 0px 0px 20px; } } .block-flex-img37 { display: flex; margin-bottom: 80px; } .block-flex-img37 .img { width: 26%; margin: 0px 4% 0px 0px; line-height: 0; } .block-flex-img37 .img img { width: 100%; } .block-flex-img37 .txt { width: 70%; } @media screen and (max-width: 834px) { .block-flex-img37 { display: block; margin-bottom: 65px; } .block-flex-img37 .img, .block-flex-img37 .txt { width: 100%; } .block-flex-img37 .img { margin: 0px 0px 20px; } } .block-flex-img73 { display: flex; margin-bottom: 80px; } .block-flex-img73 .img { width: 26%; margin: 0px 0px 0px 4%; -webkit-box-ordinal-group: 3; order: 2; line-height: 0; } .block-flex-img73 .img img { width: 100%; } .block-flex-img73 .txt { width: 70%; } @media screen and (max-width: 834px) { .block-flex-img73 { display: block; margin-bottom: 65px; } .block-flex-img73 .img, .block-flex-img73 .txt { width: 100%; } .block-flex-img73 .img { margin: 0px 0px 20px; } } .block-flex-img82 { display: flex; margin-bottom: 80px; } .block-flex-img82 .img { width: 76%; margin: 0px 4% 0px 0px; line-height: 0; } .block-flex-img82 .img img { width: 100%; } .block-flex-img82 .txt { width: 20%; } @media screen and (max-width: 834px) { .block-flex-img82 { display: block; margin-bottom: 65px; } .block-flex-img82 .img, .block-flex-img82 .txt { width: 100%; } .block-flex-img82 .img { margin: 0px 0px 20px; } } .block-flex-img28 { display: flex; margin-bottom: 80px; } .block-flex-img28 .img { width: 76%; margin: 0px 0px 0px 4%; -webkit-box-ordinal-group: 3; order: 2; line-height: 0; } .block-flex-img28 .img img { width: 100%; } .block-flex-img28 .txt { width: 20%; } @media screen and (max-width: 834px) { .block-flex-img28 { display: block; margin-bottom: 65px; } .block-flex-img28 .img, .block-flex-img28 .txt { width: 100%; } .block-flex-img28 .img { margin: 0px 0px 20px; } } iframe#tripla-booking-widget-window { padding-top: 200px; } @media screen and (max-width: 1075px) { iframe#tripla-booking-widget-window { padding-top: 140px; } } .is-provider-youtube iframe { max-width: 100%; width: 80%; height: 100%; aspect-ratio: 16 / 9; margin-left: auto; margin-right: auto; margin-bottom: 20px; display: block; } @media screen and (max-width: 834px) { .is-provider-youtube iframe { width: 100%; } } @-webkit-keyframes slideDown { 0% { transform: translate(0px, -70px); } 100% { transform: translate(0px, 0px); } } @keyframes slideDown { 0% { transform: translate(0px, -70px); } 100% { transform: translate(0px, 0px); } } #header { background: rgb(51, 51, 51); color: rgb(255, 255, 255); padding: 20px 20px 20px 40px; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 2147483647 !important; } #header .head_sp { display: none; } #header .logo { float: left; padding-top: 38px; } #header .logo a { display: block; line-height: 0; } #header .logo a .top { display: none; } #header .content { float: right; padding-top: 52px; position: relative; width: calc(100% - 360px); } #header .content .main { float: right; padding-right: 10px; } #header .content .main li { float: left; position: relative; } #header .content .main li a, #header .content .main li span { padding: 0px 18px 3px; display: block; position: relative; cursor: pointer; } #header .content .main li a::after, #header .content .main li span::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; width: 30%; height: 1px; margin: 0px auto; background: rgb(51, 51, 51); transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #header .content .main li a:hover, #header .content .main li span:hover { color: rgb(177, 151, 88); } #header .content .main li a:hover::after, #header .content .main li span:hover::after { background: rgb(177, 151, 88); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .main li a:hover, #header .content .main li span:hover { color: rgb(177, 151, 88); } #header .content .main li a:hover::after, #header .content .main li span:hover::after { background: rgb(177, 151, 88); } } #header .content .main li a.current, #header .content .main li span.current { color: rgb(177, 151, 88); } #header .content .main li a.current::after, #header .content .main li span.current::after { background: rgb(177, 151, 88); } #header .content .main li .list_pc { background: rgb(51, 51, 51); position: absolute; top: calc(100% - 1px); display: none; } #header .content .main li .list_pc a { display: block; white-space: nowrap; padding: 10px 40px 10px 20px; } #header .content .main li .list_pc a::before { content: ""; position: absolute; top: 0px; right: 15px; bottom: 0px; margin: auto 0px; width: 9px; height: 9px; border-top: 1px solid rgb(156, 123, 43); border-right: 1px solid rgb(156, 123, 43); transform: rotate(45deg); } @media (hover: hover) and (pointer: fine) { #header .content .main li .list_pc a:hover { background: rgb(64, 64, 64); } #header .content .main li .list_pc a:hover::after { display: none; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .main li .list_pc a:hover { background: rgb(64, 64, 64); } #header .content .main li .list_pc a:hover::after { display: none; } } @media (hover: hover) and (pointer: fine) { #header .content .main li.head_pc:hover .list_pc { display: block; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .main li.head_pc:hover .list_pc { display: block; } } #header .content .ot { position: absolute; top: 0px; right: 0px; } #header .content .ot .sub, #header .content .ot .right { float: left; } #header .content .ot .sub { margin-right: 20px; margin-top: -8px; } #header .content .ot .sub li { display: inline-block; vertical-align: top; margin-right: 20px; } #header .content .ot .sub li a { font-size: 1.2rem; line-height: 1.5; } #header .content .ot .sub li a img, #header .content .ot .sub li a span { vertical-align: middle; } #header .content .ot .sub li a img { margin-right: 5px; } #header .content .ot .right .link { float: right; margin-left: 20px; } #header .content .ot .right .link li { float: left; margin-right: 10px; } #header .content .ot .right .link li a { display: block; width: 202px; height: 30px; text-align: center; border: 1px solid rgb(119, 119, 119); } #header .content .ot .right .link li a img, #header .content .ot .right .link li a span { display: inline-block; } #header .content .ot .right .link li a img { margin-right: 8px; } @media (hover: hover) and (pointer: fine) { #header .content .ot .right .link li a:hover { background: rgb(119, 119, 119); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .ot .right .link li a:hover { background: rgb(119, 119, 119); } } #header .content .ot .right .link li:last-child { margin-right: 0px; } #header .content .ot .right .link li:last-child a img { margin-bottom: -3px; } #header .content .ot .right .lang { float: left; margin-top: -8px; } #header .content .ot .right .lang .btn { width: 100px; font-size: 13px; border-bottom: 1px solid rgb(255, 255, 255); padding: 5px 0px; position: relative; cursor: pointer; transition: all 0.3s ease 0s; margin-bottom: 20px; } #header .content .ot .right .lang .btn::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 8px; height: 8px; border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); transform: rotate(135deg); } @media (hover: hover) and (pointer: fine) { #header .content .ot .right .lang .btn:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .ot .right .lang .btn:hover { opacity: 0.7; } } #header .content .ot .right .lang ul { background: rgb(90, 90, 90); border-radius: 6px; position: relative; display: none; } #header .content .ot .right .lang ul li { border-bottom: 1px solid rgb(75, 75, 75); } #header .content .ot .right .lang ul li:last-child { border: none; } #header .content .ot .right .lang ul li a { font-size: 1.3rem; display: block; padding: 8px 10px; position: relative; color: rgba(255, 255, 255, 0.5); text-align: center; } @media (hover: hover) and (pointer: fine) { #header .content .ot .right .lang ul li a:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .ot .right .lang ul li a:hover { opacity: 0.7; } } #header .content .ot .right .lang ul li.active a { color: rgb(255, 255, 255); } #header .content .ot .right .lang ul::before { content: ""; position: absolute; bottom: 100%; left: 0px; right: 0px; margin: 0px auto; box-sizing: border-box; width: 4px; height: 4px; border-width: 7px; border-style: solid; border-color: transparent transparent transparent rgb(90, 90, 90); border-image: initial; transform: rotate(-90deg); } @media (hover: hover) and (pointer: fine) { #header .content .ot .right .lang:hover ul { display: block; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .ot .right .lang:hover ul { display: block; } } #header .content .sns { display: none; } @media screen and (max-width: 1280px) { #header { padding: 22px 20px 22px 40px; } #header .logo { width: 280px; } #header .content { width: calc(100% - 280px); } #header .content .main li a { padding: 0px 13px; } #header .content .ot .sub { margin-right: 10px; } #header .content .ot .sub li { margin-right: 10px; } } @media screen and (max-width: 1115px) { #header .logo { width: 240px; } #header .content { width: calc(100% - 240px); } } @media screen and (max-width: 1075px) { #header { height: 60px; padding: 0px; } #header .head_pc { display: none; } #header .head_sp { display: block; } #header .logo { padding: 20px 0px 0px 17px; width: 195px; } #header .content { position: fixed; top: 60px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.5); width: 100%; padding: 0px; display: none; z-index: 2147483647; } #header .content .inner { width: 300px; height: calc(-60px + 100vh); background: rgb(64, 64, 64); position: absolute; top: 0px; right: 0px; padding: 35px 30px; overflow: auto; } #header .content .inner .main { float: none; margin-bottom: 25px; } #header .content .inner .main li { float: none; border-bottom: 1px solid rgb(255, 255, 255); margin-bottom: 10px; transition: all 0.3s ease 0s; font-size: 1.5rem; } #header .content .inner .main li a { padding: 0px 0px 10px; position: relative; } #header .content .inner .main li a::after { display: none; } #header .content .inner .main li a::before { content: ""; position: absolute; top: -6px; bottom: 0px; right: 4px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-size: 10px; transition: all 0.3s ease 0s; } } @media screen and (max-width: 1075px) and (hover: hover) and (pointer: fine) { #header .content .inner .main li:hover { border-bottom: 1px solid rgb(177, 151, 88); } #header .content .inner .main li:hover a::before { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-size: 10px; } } @media screen and (max-width: 1075px) and (-ms-high-contrast: none), screen and (max-width: 1075px) and (-ms-high-contrast: active) { #header .content .inner .main li:hover { border-bottom: 1px solid rgb(177, 151, 88); } #header .content .inner .main li:hover a::before { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-size: 10px; } } @media screen and (max-width: 1075px) { #header .content .inner .main li.head_sp p { margin-bottom: 10px; position: relative; } #header .content .inner .main li.head_sp p::after { content: "+"; font-size: 2rem; line-height: 1; position: absolute; right: 0px; top: 1px; } #header .content .inner .main li.head_sp p.active::after { content: "-"; font-size: 3rem; top: -10px; } #header .content .inner .main li.head_sp .list { font-size: 1.2rem; padding: 0px 0px 12px 30px; display: none; } #header .content .inner .main li.head_sp .list a { padding-bottom: 5px; } #header .content .inner .main li.head_sp .list a::before { display: none; } } @media screen and (max-width: 1075px) and (hover: hover) and (pointer: fine) { #header .content .inner .main li.head_sp:hover { border-bottom: 1px solid rgb(255, 255, 255); } } @media screen and (max-width: 1075px) and (-ms-high-contrast: none), screen and (max-width: 1075px) and (-ms-high-contrast: active) { #header .content .inner .main li.head_sp:hover { border-bottom: 1px solid rgb(255, 255, 255); } } @media screen and (max-width: 1075px) { #header .content .inner .ot { position: static; } #header .content .inner .ot .sub, #header .content .inner .ot .right { float: none; } #header .content .inner .ot .sub { display: flex; flex-wrap: wrap; margin-bottom: 30px; } #header .content .inner .ot .sub li { width: 50%; margin: 0px; } #header .content .inner .ot .sub li a { color: rgb(210, 210, 210); } #header .content .inner .ot .sub li a img { display: none; } #header .content .inner .ot .right .link { float: none; margin: 0px 0px 35px; } #header .content .inner .ot .right .link li { float: none; margin: 0px 0px 20px; } #header .content .inner .ot .right .link li a { width: 100%; } #header .content .inner .ot .right .lang { float: none; border-bottom: 1px solid rgb(119, 119, 119); border-top: 1px solid rgb(119, 119, 119); margin-bottom: 45px; } #header .content .inner .ot .right .lang .btn { display: none; } #header .content .inner .ot .right .lang ul { display: block; background: none; text-align: center; } #header .content .inner .ot .right .lang ul li { border-bottom: none; display: inline-block; margin-right: 10px; } #header .content .inner .ot .right .lang ul li:first-child { display: none; } #header .content .inner .ot .right .lang ul li:last-child { margin-right: 0px; } #header .content .inner .ot .right .lang ul li a { color: rgb(210, 210, 210); font-size: 1.2rem; padding: 10px 0px; } #header .content .inner .ot .right .lang ul li a::after { display: none; } #header .content .inner .ot .right .lang ul::before { display: none; } #header .content .inner .sns { display: flex; -webkit-box-pack: justify; justify-content: space-between; } #header .content .inner .sns li a { line-height: 0; } #header .sp_right { float: right; } #header .sp_right li { height: 60px; float: left; cursor: pointer; transition: all 0.3s ease 0s; } #header .sp_right li.head_rsv { line-height: 60px; width: 70px; background: rgb(156, 123, 43); text-align: center; font-family: "Zen Kaku Gothic Antique", sans-serif; } #header .sp_right li.head_menu { width: 60px; height: 60px; background: rgb(90, 90, 90); position: relative; } #header .sp_right li.head_menu span { display: block; width: 28px; height: 1px; background: rgb(255, 255, 255); position: absolute; right: 0px; left: 0px; margin: auto; } #header .sp_right li.head_menu span:first-child { top: 27px; } #header .sp_right li.head_menu span:last-child { bottom: 27px; } #header .sp_right li.head_menu::after { content: ""; position: absolute; left: 0px; right: 0px; top: 100%; box-sizing: border-box; width: 4px; height: 4px; border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(90, 90, 90); border-image: initial; transform: rotate(90deg); z-index: 10; margin: 0px auto; transition: all 0.3s ease 0s; display: none; } #header .sp_right li.head_menu.active span { top: 0px; bottom: 0px; } #header .sp_right li.head_menu.active span:first-child { transform: rotate(45deg); } #header .sp_right li.head_menu.active span:last-child { transform: rotate(-45deg); } #header .sp_right li.head_menu.active::after { display: block; } } @media screen and (max-width: 1075px) and (hover: hover) and (pointer: fine) { #header .sp_right li:hover { transition: all 0.3s ease 0s; } #header .sp_right li:hover.head_rsv { background: rgb(177, 151, 88); } #header .sp_right li:hover.head_menu { background: rgb(119, 119, 119); } #header .sp_right li:hover.head_menu::after { border-left: 8px solid rgb(119, 119, 119); } } @media screen and (max-width: 1075px) and (-ms-high-contrast: none), screen and (max-width: 1075px) and (-ms-high-contrast: active) { #header .sp_right li:hover { transition: all 0.3s ease 0s; } #header .sp_right li:hover.head_rsv { background: rgb(177, 151, 88); } #header .sp_right li:hover.head_menu { background: rgb(119, 119, 119); } #header .sp_right li:hover.head_menu::after { border-left: 8px solid rgb(119, 119, 119); } } #header.top .logo { float: none; text-align: center; margin: 10px auto 35px; padding-top: 5px; } #header.top .logo a { display: inline-block; } #header.top .logo .top { display: block; } #header.top .logo .scroll { display: none; } @media screen and (min-width: 1076px) { #header.top .logo { margin: 0px auto 25px; } #header.top .content { position: static; width: calc(100% - 60px); box-sizing: border-box; padding: 0px; float: none; } #header.top .content .ot { position: absolute; top: 0px; left: 0px; right: 0px; } #header.top .content .ot .sub, #header.top .content .ot .right { position: absolute; } #header.top .content .ot .sub { top: 30px; left: 40px; } #header.top .content .ot .right { top: 27px; right: 34px; } #header.top .content .ot .right .link li { float: none; margin-bottom: 15px; } #header.top .content .main { float: none; text-align: center; padding-bottom: 5px; } #header.top .content .main li { float: none; } #header.top .content .main li:not(.head_sp) { display: inline-block; } } @media screen and (max-width: 1115px) { #header.top .logo { width: 280px; } } @media screen and (max-width: 1075px) { #header.top { } #header.top .logo { width: 210px; margin: 0px auto; padding: 17px 0px 0px; } #header.top .sp_right { float: none; position: absolute; top: 0px; right: 0px; } #header.top .sp_right .head_rsv { display: none; } #header.top .sp_right .head_menu { background: none; } #header.top { } } @media screen and (max-width: 1075px) and (hover: hover) and (pointer: fine) { #header.top .sp_right .head_menu:hover { background: none; } } @media screen and (max-width: 1075px) and (-ms-high-contrast: none), screen and (max-width: 1075px) and (-ms-high-contrast: active) { #header.top .sp_right .head_menu:hover { background: none; } } @media screen and (max-width: 1075px) { #header.top .sp_right .head_menu.active::after { display: none; } } #header.scroll { position: fixed; padding: 19px 20px 18px 40px; animation: 0.3s linear 0s 1 normal both running slideDown; } #header.scroll .logo { padding-top: 0px; max-width: 260px; } #header.scroll .content { padding-top: 0px; width: calc(100% - 260px); } #header.scroll .content .ot { display: none; } @media screen and (max-width: 1115px) { #header.scroll .logo { padding-top: 5px; } #header.scroll .content .ot { display: block !important; } } @media screen and (max-width: 1075px) { #header.scroll { padding: 0px; } #header.scroll .logo { padding: 20px 0px 0px 17px; } } @media screen and (min-width: 1076px) { .fixbtn { position: fixed; top: 0px; bottom: 0px; right: 0px; width: 70px; height: 340px; margin: auto 0px; z-index: 2147483647; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px; } .fixbtn li { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; width: 70px; height: 170px; text-align: center; line-height: 70px; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.2rem; position: relative; cursor: pointer; transition: all 0.3s ease 0s; } .fixbtn li::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 100%; width: 6px; height: 6px; transform: rotate(-180deg); box-sizing: border-box; margin: auto 0px; display: none; transition: all 0.3s ease 0s; } .fixbtn li:first-child { background: rgb(156, 123, 43); color: rgb(255, 255, 255); } .fixbtn li:first-child::after { border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(156, 123, 43); border-image: initial; } .fixbtn li:last-child { background: rgb(255, 255, 255); color: rgb(156, 123, 43); } .fixbtn li:last-child::after { border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); border-image: initial; } .fixbtn li.active::after { display: block; } } @media screen and (min-width: 1076px) and (hover: hover) and (pointer: fine) { .fixbtn li:hover:first-child { background: rgb(177, 151, 88); } .fixbtn li:hover:first-child::after { border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(177, 151, 88); border-image: initial; } .fixbtn li:hover:last-child { background: rgb(238, 238, 238); color: rgb(156, 123, 43); } .fixbtn li:hover:last-child::after { border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(238, 238, 238); border-image: initial; } } @media screen and (min-width: 1076px) and (-ms-high-contrast: none), screen and (min-width: 1076px) and (-ms-high-contrast: active) { .fixbtn li:hover:first-child { background: rgb(177, 151, 88); } .fixbtn li:hover:first-child::after { border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(177, 151, 88); border-image: initial; } .fixbtn li:hover:last-child { background: rgb(238, 238, 238); color: rgb(156, 123, 43); } .fixbtn li:hover:last-child::after { border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(238, 238, 238); border-image: initial; } } .fix_rsv { position: fixed; inset: 0px; display: none; z-index: 2147483647; } .fix_rsv .bg { position: fixed; inset: 0px; z-index: 100; background: rgba(0, 0, 0, 0.85); } .fix_rsv .rsvcontent { position: absolute; top: 50%; left: 0px; right: 0px; transform: translate(0px, -50%); margin: 0px auto; z-index: 101; max-width: 1060px; width: calc(100% - 140px); background: rgb(64, 64, 64); color: rgb(255, 255, 255); border-radius: 6px; padding: 65px 70px 80px; } .fix_rsv .rsvcontent .ttl { padding-bottom: 25px; margin-bottom: 45px; border-bottom: 1px solid rgb(119, 119, 119); } .fix_rsv .rsvcontent .ttl img, .fix_rsv .rsvcontent .ttl span { vertical-align: middle; } .fix_rsv .rsvcontent .ttl img { margin-right: 10px; } .fix_rsv .rsvcontent .ttl span:nth-child(2) { font-size: 2.5rem; font-weight: 500; margin-right: 10px; } .fix_rsv .rsvcontent .ttl span:last-child { font-size: 1.4rem; font-weight: 500; } .fix_rsv .rsvcontent form #calender { margin-bottom: 40px; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline { width: 100% !important; padding: 0px !important; background: none !important; border: none !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header { color: rgb(255, 255, 255); font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-size: 1.7rem; padding: 0px; margin-bottom: 30px; background: none !important; border: none !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title { line-height: 1.5; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all { top: 120px; bottom: 0px; width: 25px !important; height: 25px !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all::before { content: ""; position: absolute; inset: 0px; width: 25px !important; height: 25px !important; border-top: 2px solid rgb(156, 123, 43) !important; border-right: 2px solid rgb(156, 123, 43) !important; transform: rotate(45deg) !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: -30px; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all.ui-datepicker-prev::before { transform: rotate(-135deg) !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: -30px; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all .ui-icon { background: none !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all.ui-state-hover { background: none !important; border: none !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline th, .fix_rsv .rsvcontent form #calender .ui-datepicker-inline td { padding: 0px; color: rgb(255, 255, 255); } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline th span, .fix_rsv .rsvcontent form #calender .ui-datepicker-inline td span { display: block; width: 24px; height: 24px; margin: 0px auto; line-height: 22px; text-align: center; border-radius: 50%; font-size: 1.5rem; font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-weight: 400; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline thead th { padding-bottom: 5px !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline thead th:first-child span { background: rgb(156, 123, 43); } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline thead th:last-child span { background: rgb(119, 119, 119); } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline tbody tr td { padding: 3px 0px; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline tbody tr td .ui-state-default { color: rgb(255, 255, 255); padding: 0px; display: block; width: 24px; height: 24px; margin: 0px auto; line-height: 22px; text-align: center; border-radius: 50%; font-size: 1.5rem; font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-weight: 400; border: none !important; background: none !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline tbody tr td .ui-state-default.ui-state-active, .fix_rsv .rsvcontent form #calender .ui-datepicker-inline tbody tr td .ui-state-default.ui-state-hover { background: rgb(156, 123, 43) !important; color: rgb(255, 255, 255) !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline tbody tr td:first-child .ui-state-default { color: rgb(156, 123, 43); } .fix_rsv .rsvcontent form .rsv_inner { background: rgb(51, 51, 51); border-radius: 6px; padding: 53px 50px 35px; margin-bottom: 30px; } .fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(2)::after, .fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(3)::after, .fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(4)::after { top: -13px !important; } .fix_rsv .rsvcontent .contact { overflow: hidden; } .fix_rsv .rsvcontent .contact .left { float: left; } .fix_rsv .rsvcontent .contact .left .cttl { font-size: 1.2rem; font-weight: 500; margin-bottom: 0px; } .fix_rsv .rsvcontent .contact .left .tel span, .fix_rsv .rsvcontent .contact .left .tel a { vertical-align: middle; } .fix_rsv .rsvcontent .contact .left .tel span { font-family: Jost, sans-serif; font-size: 1.388rem; margin-right: 5px; color: rgb(156, 123, 43); } .fix_rsv .rsvcontent .contact .left .tel a:nth-child(2) { font-family: Jost, sans-serif; font-size: 4rem; margin-right: 15px; line-height: 1.4; color: rgb(156, 123, 43); } .fix_rsv .rsvcontent .contact .left .tel a:last-child { font-size: 1.2rem; border-bottom: 1px solid rgb(119, 119, 119); } @media (hover: hover) and (pointer: fine) { .fix_rsv .rsvcontent .contact .left .tel a:last-child:hover { border-bottom: 1px solid rgb(64, 64, 64); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rsv .rsvcontent .contact .left .tel a:last-child:hover { border-bottom: 1px solid rgb(64, 64, 64); } } .fix_rsv .rsvcontent .contact .plan { float: right; width: 340px; padding-top: 25px; } .fix_rsv .rsvcontent .contact .plan a { font-size: 1.5rem; font-weight: 600; position: relative; padding-bottom: 13px; border-bottom: 1px solid rgb(255, 255, 255); display: block; width: 100%; } .fix_rsv .rsvcontent .contact .plan a img { position: absolute; top: -9px; bottom: 0px; right: 0px; margin: auto 0px; width: 10px; height: 10px; } @media (hover: hover) and (pointer: fine) { .fix_rsv .rsvcontent .contact .plan a:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rsv .rsvcontent .contact .plan a:hover { opacity: 0.7; } } .fix_rsv .rsvcontent .parts li:first-child { width: 0px; visibility: hidden; margin: 0px; } .fix_rsv .rsvcontent .parts li:nth-child(2), .fix_rsv .rsvcontent .parts li:nth-child(3), .fix_rsv .rsvcontent .parts li:nth-child(4) { width: 19.87%; } @media screen and (max-width: 1075px) { .fix_rsv .rsvcontent .parts li:nth-child(2), .fix_rsv .rsvcontent .parts li:nth-child(3), .fix_rsv .rsvcontent .parts li:nth-child(4) { width: 27.87%; } } .fix_rsv .rsvcontent .orsv_link { margin-bottom: 15px; } .fix_rsv .close { width: 60px; height: 60px; background: rgb(170, 170, 170); border-radius: 50%; position: absolute; top: -17px; right: -17px; cursor: pointer; transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { .fix_rsv .close:hover { background: rgb(90, 90, 90); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rsv .close:hover { background: rgb(90, 90, 90); } } .fix_rsv .close span { width: 24px; height: 2px; background: rgb(255, 255, 255); position: absolute; inset: 0px; margin: auto; } .fix_rsv .close span:first-child { transform: rotate(45deg); } .fix_rsv .close span:last-child { transform: rotate(-45deg); } .rsvcontent .parts { display: flex; } .rsvcontent .parts li { margin-right: 3.65%; } .rsvcontent .parts li:first-child { width: 25.92%; position: relative; } .rsvcontent .parts li:first-child::after { content: ""; position: absolute; right: 1px; top: 15px; width: 16px; height: 20px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; pointer-events: none; } .rsvcontent .parts li:first-child input { width: 100%; box-sizing: border-box; font-family: Jost, sans-serif; color: rgb(255, 255, 255); font-size: 2.5rem; border-bottom: 1px solid rgb(255, 255, 255); cursor: pointer; } .rsvcontent .parts li:nth-child(2), .rsvcontent .parts li:nth-child(3), .rsvcontent .parts li:nth-child(4) { width: 9.87%; position: relative; } .rsvcontent .parts li:nth-child(2) select, .rsvcontent .parts li:nth-child(3) select, .rsvcontent .parts li:nth-child(4) select { background: rgb(255, 255, 255); font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-size: 1.6rem; font-weight: 600; border-bottom: 1px solid rgb(255, 255, 255); padding: 10px; width: 100%; } .rsvcontent .parts li:nth-child(2) select option, .rsvcontent .parts li:nth-child(3) select option, .rsvcontent .parts li:nth-child(4) select option { color: rgb(26, 26, 26) !important; } .rsvcontent .parts li:nth-child(2)::after, .rsvcontent .parts li:nth-child(3)::after, .rsvcontent .parts li:nth-child(4)::after { content: ""; position: absolute; top: -4px; bottom: 0px; right: 10px; width: 9px; height: 9px; border-top: 1px solid rgb(64, 64, 64); border-right: 1px solid rgb(64, 64, 64); transform: rotate(135deg); margin: auto 0px; } .rsvcontent .parts li:last-child { width: 29.87%; margin-right: 0px; margin-top: -18px; } .rsvcontent .parts li:last-child span { display: block; text-align: center; font-size: 1.2rem; font-weight: 500; color: rgb(177, 151, 88); margin-bottom: 7px; } .rsvcontent .parts li:last-child input { display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: rgb(255, 255, 255); background: rgb(156, 123, 43); font-size: 1.6rem; font-weight: 600; } .rsvcontent .bottom { overflow: hidden; font-size: 1.2rem; } .rsvcontent .bottom li:first-child { float: left; } .rsvcontent .bottom li:last-child { float: right; width: 29.87%; text-align: center; margin: 7px 0px 0px; } .rsvcontent .orsv_link { display: flex; margin: 15px 0px 0px; } .rsvcontent .orsv_link li { width: calc(33.33% - 10px); margin-right: 15px; } .rsvcontent .orsv_link li a { display: flex; -webkit-box-align: center; align-items: center; border-bottom: 1px solid rgb(255, 255, 255); padding: 8px 20px 8px 0px; position: relative; text-align: left; } .rsvcontent .orsv_link li a img { margin-right: 10px; } .rsvcontent .orsv_link li a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .rsvcontent .orsv_link li a:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .rsvcontent .orsv_link li a:hover { opacity: 0.7; } } .rsvcontent .orsv_link li:last-child { margin-right: 0px; } .rsvcontent .orsv_link.sp { display: none; } @media screen and (max-width: 1075px) { .rsvcontent .parts { flex-wrap: wrap; margin-bottom: 16px; } .rsvcontent .parts li:first-child { width: 100%; margin-bottom: 25px; margin-right: 0px; } .rsvcontent .parts li:nth-child(2), .rsvcontent .parts li:nth-child(3), .rsvcontent .parts li:nth-child(4) { width: 28%; margin-right: 8%; margin-bottom: 24px; } .rsvcontent .parts li:nth-child(2) select, .rsvcontent .parts li:nth-child(3) select, .rsvcontent .parts li:nth-child(4) select { padding: 3px 10px 5px; } .rsvcontent .parts li:nth-child(4) { margin-right: 0px; } .rsvcontent .parts li:last-child { width: 100%; margin-top: 0px; } .rsvcontent .orsv_link { display: block; } .rsvcontent .orsv_link li { width: 100%; margin: 0px 0px 10px; } .rsvcontent .orsv_link.pc { display: none; } .rsvcontent .orsv_link.sp { display: block; } .rsvcontent .bottom li { float: none !important; } .rsvcontent .bottom li:first-child { font-weight: 600; } .rsvcontent .bottom li:last-child { width: 100%; text-align: left; } .rsvcontent .bottom li:last-child a { border-bottom: 1px solid rgb(119, 119, 119); } } .fix_rest { position: fixed; inset: 0px; display: none; z-index: 2147483647; } .fix_rest .bg { position: fixed; inset: 0px; z-index: 100; background: rgba(229, 229, 229, 0.85); } .fix_rest .restcontent { position: absolute; top: 50%; left: 0px; right: 0px; transform: translate(0px, -50%); margin: 0px auto; z-index: 101; max-width: 1060px; background: rgb(255, 255, 255); color: rgb(68, 68, 68); border-radius: 6px; padding: 65px 70px 80px; } .fix_rest .restcontent .ttl { padding-bottom: 25px; margin-bottom: 45px; border-bottom: 1px solid rgb(238, 238, 238); } .fix_rest .restcontent .ttl span { color: rgb(156, 123, 43); vertical-align: middle; display: inline-block !important; } .fix_rest .restcontent .ttl span:first-child { width: 20px; height: 25px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; } .fix_rest .restcontent .ttl span:nth-child(2) { font-size: 2.5rem; font-weight: 500; margin-right: 10px; } .fix_rest .restcontent .ttl span:last-child { font-size: 1.4rem; font-weight: 500; } .fix_rest .restcontent #tc-widget { margin-bottom: 40px; } .fix_rest .restcontent #tc-widget .tc-body { background: rgb(238, 238, 238) !important; border: none !important; border-radius: 6px !important; padding: 45px 50px !important; } .fix_rest .restcontent .rsv_link { text-align: center; } .fix_rest .restcontent .rsv_link a { display: inline-block; background: rgb(156, 123, 43); color: rgb(255, 255, 255); font-size: 1.6rem; font-weight: 700; padding: 15px 50px 15px 30px; line-height: 1.5; position: relative; margin: 0px 20px 10px 0px; } .fix_rest .restcontent .rsv_link a::after { content: ""; position: absolute; top: 0px; right: 15px; bottom: 0px; margin: auto 0px; width: 10px; height: 10px; border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); transform: rotate(45deg); } .fix_rest .restcontent .rsv_link a:last-child { margin: 0px 0px 10px; } @media (hover: hover) and (pointer: fine) { .fix_rest .restcontent .rsv_link a:hover { background: rgb(177, 151, 88); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rest .restcontent .rsv_link a:hover { background: rgb(177, 151, 88); } } .fix_rest .restcontent .contact { overflow: hidden; } .fix_rest .restcontent .contact .left { float: left; } .fix_rest .restcontent .contact .left .cttl { font-size: 1.2rem; font-weight: 500; margin-bottom: 0px; } .fix_rest .restcontent .contact .left .tel span, .fix_rest .restcontent .contact .left .tel a { vertical-align: middle; } .fix_rest .restcontent .contact .left .tel span { font-family: Jost, sans-serif; font-size: 1.388rem; margin-right: 5px; color: rgb(156, 123, 43); } .fix_rest .restcontent .contact .left .tel a:nth-child(2) { font-family: Jost, sans-serif; font-size: 4rem; margin-right: 15px; line-height: 1.4; color: rgb(156, 123, 43); } .fix_rest .restcontent .contact .left .tel a:last-child { font-size: 1.2rem; border-bottom: 1px solid rgb(119, 119, 119); } @media (hover: hover) and (pointer: fine) { .fix_rest .restcontent .contact .left .tel a:last-child:hover { border-bottom: 1px solid rgb(255, 255, 255); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rest .restcontent .contact .left .tel a:last-child:hover { border-bottom: 1px solid rgb(255, 255, 255); } } .fix_rest .restcontent .contact .plan { float: right; width: 340px; padding-top: 25px; } .fix_rest .restcontent .contact .plan a { font-size: 1.5rem; font-weight: 600; position: relative; padding-bottom: 13px; border-bottom: 1px solid rgb(51, 51, 51); display: block; width: 100%; } .fix_rest .restcontent .contact .plan a .arrow { position: absolute; top: -9px; bottom: 0px; right: 0px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .fix_rest .restcontent .contact .plan a:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rest .restcontent .contact .plan a:hover { opacity: 0.7; } } .fix_rest .restcontent .close { width: 60px; height: 60px; background: rgb(170, 170, 170); border-radius: 50%; position: absolute; top: -17px; right: -17px; cursor: pointer; transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { .fix_rest .restcontent .close:hover { background: rgb(90, 90, 90); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rest .restcontent .close:hover { background: rgb(90, 90, 90); } } .fix_rest .restcontent .close span { width: 24px; height: 2px; background: rgb(255, 255, 255); position: absolute; inset: 0px; margin: auto; } .fix_rest .restcontent .close span:first-child { transform: rotate(45deg); } .fix_rest .restcontent .close span:last-child { transform: rotate(-45deg); } #tc-widget { width: 100% !important; font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif !important; } #tc-widget .tc-header { display: none !important; } #tc-widget .tc-body form { display: flex; } #tc-widget .tc-body form .tc-content { width: 65.85%; margin-right: 4.64%; display: flex; padding-top: 5px; } #tc-widget .tc-body form .tc-content .tc-date, #tc-widget .tc-body form .tc-content .tc-time, #tc-widget .tc-body form .tc-content .tc-ppl { position: relative; margin-bottom: 0px; float: none !important; } #tc-widget .tc-body form .tc-content .tc-date .tc-icon, #tc-widget .tc-body form .tc-content .tc-time .tc-icon, #tc-widget .tc-body form .tc-content .tc-ppl .tc-icon { display: none; } #tc-widget .tc-body form .tc-content .tc-date input[type="text"], #tc-widget .tc-body form .tc-content .tc-date select, #tc-widget .tc-body form .tc-content .tc-time input[type="text"], #tc-widget .tc-body form .tc-content .tc-time select, #tc-widget .tc-body form .tc-content .tc-ppl input[type="text"], #tc-widget .tc-body form .tc-content .tc-ppl select { float: none; appearance: none; background: transparent; border-top: none; border-right: none; border-left: none; border-image: initial; border-radius: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; outline: none; width: 100%; height: 36.33px; box-sizing: border-box; font-family: Jost, "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; color: rgb(51, 51, 51); font-size: 1.6rem; font-weight: 500; border-bottom: 1px solid rgb(51, 51, 51); padding: 0px 0px 7px; } #tc-widget .tc-body form .tc-content .tc-date select option, #tc-widget .tc-body form .tc-content .tc-time select option, #tc-widget .tc-body form .tc-content .tc-ppl select option { font-size: 1.6rem; } #tc-widget .tc-body form .tc-content .tc-date { width: 37%; margin-right: 4%; } #tc-widget .tc-body form .tc-content .tc-date::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; width: 16px; height: 20px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; margin: auto 0px; cursor: pointer; pointer-events: none; } #tc-widget .tc-body form .tc-content .tc-time, #tc-widget .tc-body form .tc-content .tc-ppl { width: 27.5%; } #tc-widget .tc-body form .tc-content .tc-time::after, #tc-widget .tc-body form .tc-content .tc-ppl::after { content: ""; position: absolute; top: -10px; bottom: 0px; right: 2px; width: 9px; height: 9px; border-top: 1.5px solid rgb(64, 64, 64); border-right: 1.5px solid rgb(64, 64, 64); transform: rotate(135deg); margin: auto 0px; pointer-events: none; } #tc-widget .tc-body form .tc-content .tc-time { margin-right: 4%; } #tc-widget .tc-body form .tc-wrap-book { width: 29.51%; padding: 0px !important; } #tc-widget .tc-body form .tc-wrap-book input { appearance: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; outline: none; background: rgb(156, 123, 43); color: rgb(255, 255, 255); display: block; text-align: center; font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-weight: 600; font-size: 1.6rem; width: 100%; height: 50px; line-height: 50px; padding: 0px; border: none; border-radius: 0px; } @media screen and (max-height: 1075px) { .fix_rsv .rsvcontent .ttl { display: none; } } @media screen and (max-height: 900px) { .fix_rsv .rsvcontent { height: 85vh; } .fix_rsv .rsvcontent .inner { overflow: auto; height: 85vh; } } @media screen and (max-height: 900px) and (min-width: 835px) { .fix_rsv .rsvcontent { padding: 0px !important; } .fix_rsv .rsvcontent .inner { padding: 65px 70px 80px; } } @media screen and (max-width: 1075px) { .fixbtn { z-index: 2147483647; position: fixed; left: 20px; top: 36px; overflow: hidden; } .fixbtn li { float: left; border-radius: 6px 6px 0px 0px; height: 47px; line-height: 47px; text-align: center; font-weight: 500; font-size: 1.5rem; } .fixbtn li span { display: inline-block !important; vertical-align: middle; } .fixbtn li span:first-child { margin-right: 5px; } .fixbtn li span.head_sp { display: none !important; } .fixbtn li:first-child { width: 130px; margin-right: 5px; } .fixbtn li:first-child .icon { width: 19px; height: 12px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } .fixbtn li:last-child { width: 140px; } .fixbtn li:last-child .icon { display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; width: 15px; height: 19px; } .fix_cont { position: fixed; inset: 0px; z-index: 2147483647; display: none; } .fix_cont .fixbtn { display: block; z-index: 2147483647; position: fixed; left: 20px; top: 36px; overflow: hidden; } .fix_cont .fixbtn li { float: left; border-radius: 6px 6px 0px 0px; height: 47px; line-height: 47px; text-align: center; font-weight: 500; font-size: 1.5rem; cursor: pointer; } .fix_cont .fixbtn li span { display: inline-block !important; vertical-align: middle; } .fix_cont .fixbtn li span:first-child { margin-right: 5px; } .fix_cont .fixbtn li span.head_sp { display: none !important; } .fix_cont .fixbtn li:first-child { width: 130px; margin-right: 5px; } .fix_cont .fixbtn li:last-child { width: 140px; } .fix_cont.rsvslct .fixbtn li:first-child { background: rgb(64, 64, 64); color: rgb(255, 255, 255); } .fix_cont.rsvslct .fixbtn li:first-child .icon { width: 19px; height: 12px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } .fix_cont.rsvslct .fixbtn li:last-child { background: rgb(57, 57, 57); color: rgb(119, 119, 119); } .fix_cont.rsvslct .fixbtn li:last-child .icon { display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; width: 15px; height: 19px; } .fix_cont .fixbox { width: calc(-40px + 100vw); height: calc(-165px + 100vh); margin: auto; } .fix_cont .fixbox.show { display: block; } .fix_cont .fixbox .rsvcontent, .fix_cont .fixbox .restcontent { width: calc(-40px + 100vw); height: calc(-165px + 100vh); top: 0px; bottom: 0px; margin: auto; transform: none; padding: 0px; border-radius: 0px 6px 6px; } .fix_cont .fixbox .rsvcontent .inner, .fix_cont .fixbox .restcontent .inner { height: calc(-165px + 100vh); overflow: auto; padding: 36px 30px 50px; } .fix_cont .fixbox .rsvcontent .inner .ttl, .fix_cont .fixbox .restcontent .inner .ttl { padding-bottom: 10px; margin-bottom: 30px; } .fix_cont .fixbox .rsvcontent .inner .ttl img, .fix_cont .fixbox .rsvcontent .inner .ttl span:first-child, .fix_cont .fixbox .rsvcontent .inner .ttl span:nth-child(2), .fix_cont .fixbox .restcontent .inner .ttl img, .fix_cont .fixbox .restcontent .inner .ttl span:first-child, .fix_cont .fixbox .restcontent .inner .ttl span:nth-child(2) { display: none !important; } .fix_cont .fixbox .rsvcontent .inner .ttl span:last-child, .fix_cont .fixbox .restcontent .inner .ttl span:last-child { font-size: 1.309rem; } .fix_cont .fixbox .rsvcontent .inner .rsv_inner, .fix_cont .fixbox .restcontent .inner .rsv_inner { padding: 0px; background: none; } .fix_cont .fixbox.fix_rsv .rsvcontent form #calender { margin-bottom: 35px; } .fix_cont .fixbox.fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all { width: 15px !important; height: 15px !important; } .fix_cont .fixbox.fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all::before { width: 15px !important; height: 15px !important; border-width: 1.5px !important; } .fix_cont .fixbox.fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: -15px; } .fix_cont .fixbox.fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: -15px; } .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner { margin-bottom: 40px; } .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(2) select, .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(3) select, .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(4) select { padding: 3px 10px 5px !important; } .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(2)::after, .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(3)::after, .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(4)::after { top: -7px !important; } .fix_cont .fixbox.fix_rsv .rsvcontent .contact .left { float: none; } .fix_cont .fixbox.fix_rsv .rsvcontent .contact .left .tel a:nth-child(2) { font-size: 3rem; line-height: 1.3; } .fix_cont .fixbox.fix_rsv .rsvcontent .contact .plan { float: none; width: 100%; padding: 30px 0px 0px; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body { background: none !important; padding: 0px !important; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form { display: block; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content { width: 100%; margin: 0px 0px 35px; flex-wrap: wrap; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-date { width: 100%; margin: 0px 0px 25px; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-time, .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-ppl { width: 48%; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-time { margin-right: 4%; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form .tc-wrap-book { width: 100%; } .fix_cont .fixbox.fix_rest .restcontent .inner .contact .left { float: none; } .fix_cont .fixbox.fix_rest .restcontent .inner .contact .left .tel a:nth-child(2) { font-size: 3rem; line-height: 1.3; } .fix_cont .fixbox.fix_rest .restcontent .inner .contact .plan { float: none; width: 100%; padding: 30px 0px 0px; } .fix_cont .fixbox.fix_rest .restcontent .rsv_link a { width: 100%; } .fix_cont .fixbox .close { width: 50px; height: 50px; top: -10px; right: -10px; } .fix_cont.restslct .fixbtn li:first-child { background: rgb(238, 238, 238); color: rgb(90, 90, 90); } .fix_cont.restslct .fixbtn li:first-child .icon { width: 19px; height: 12px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } .fix_cont.restslct .fixbtn li:last-child { background: rgb(255, 255, 255); color: rgb(156, 123, 43); } .fix_cont.restslct .fixbtn li:last-child .icon { display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; width: 15px; height: 19px; } .fix_cont.restactive .fixbox .restcontent .inner { padding-left: 0px; padding-right: 0px; } } #footer { background: rgb(255, 255, 255); } #footer .bnr { background: rgb(229, 229, 229); padding: 40px 0px; } #footer .bnr .slick-slide { margin: 0px 7.5px; } #footer .bnr .slick-slide img { width: 100%; } #footer .wrap { padding-top: 45px; padding-bottom: 40px; display: flex; } #footer .wrap .hotel { width: 35.96%; border-right: 1px solid rgb(204, 204, 204); text-align: center; padding: 38px 0px 36px; } #footer .wrap .hotel .logo { line-height: 0; } #footer .wrap .hotel .address { font-size: 1.2rem; } #footer .wrap .hotel .tel { line-height: 0; margin-bottom: 10px; } #footer .wrap .hotel .tel img, #footer .wrap .hotel .tel span { vertical-align: middle; } #footer .wrap .hotel .tel img { margin-right: 8px; width: 19px; } #footer .wrap .hotel .tel span { font-family: Jost, sans-serif; font-size: 2.4rem; } #footer .wrap .hotel .check { font-size: 1.2rem; margin-bottom: 35px; } #footer .wrap .hotel .sns { margin-bottom: 45px; } #footer .wrap .hotel .sns li { display: inline-block; vertical-align: middle; margin: 0px 18px; } #footer .wrap .hotel .sns li img { width: 20px; height: auto; vertical-align: middle; } #footer .wrap .hotel .dbtn a { padding: 5px 58px 5px 48px; } #footer .wrap .sitemap { width: 64.04%; padding: 20px 0px 0px 100px; } #footer .wrap .sitemap h1 { font-weight: 400; font-size: 1.3rem; margin-bottom: 45px; } #footer .wrap .sitemap .nav { display: flex; flex-wrap: wrap; margin-bottom: 10px; } #footer .wrap .sitemap .nav li { width: 28.39%; margin: 0px 7.415% 18px 0px; } #footer .wrap .sitemap .nav li:nth-child(3n) { margin: 0px 0px 18px; } #footer .wrap .sitemap .nav li a { display: block; position: relative; border-bottom: 1px solid rgba(51, 51, 51, 0.2); padding-bottom: 10px; font-weight: 500; } #footer .wrap .sitemap .nav li a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; opacity: 0.2; } #footer .wrap .sitemap .nav li span { display: block; position: relative; border-bottom: 1px solid rgba(51, 51, 51, 0.2); padding-bottom: 10px; font-weight: 500; cursor: pointer; } #footer .wrap .sitemap .nav li span::after { content: "+"; position: absolute; top: 0px; bottom: 0px; right: 0px; font-size: 2rem; margin: auto 0px; color: rgba(51, 51, 51, 0.4); line-height: 1; } #footer .wrap .sitemap .nav li span.active::after { content: "-"; font-size: 2.8rem; } #footer .wrap .sitemap .nav li .inner { font-size: 1.3rem; margin-top: 20px; display: none; transition: none 0s ease 0s; } #footer .wrap .sitemap .nav li .inner a { display: block; padding: 0px 0px 0px 17px; border-bottom: none; position: relative; line-height: 1.5; margin-bottom: 5px; } #footer .wrap .sitemap .nav li .inner a::after { display: none; } #footer .wrap .sitemap .nav li .inner a::before { content: ""; position: absolute; top: 7px; left: 0px; width: 7px; height: 7px; border-top: 1px solid rgba(51, 51, 51, 0.4); border-right: 1px solid rgba(51, 51, 51, 0.4); transform: rotate(45deg); } @media (hover: hover) and (pointer: fine) { #footer .wrap .sitemap .nav li .inner a:hover { text-decoration: underline; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #footer .wrap .sitemap .nav li .inner a:hover { text-decoration: underline; } } #footer .wrap .sitemap .sub { margin-bottom: 50px; } #footer .wrap .sitemap .sub ul { display: inline-block; vertical-align: top; margin-right: 40px; } #footer .wrap .sitemap .sub ul:last-child { margin-right: 0px; } #footer .wrap .sitemap .sub ul li a { font-size: 1.2rem; text-decoration: underline; } @media (hover: hover) and (pointer: fine) { #footer .wrap .sitemap .sub ul li a:hover { text-decoration: none; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #footer .wrap .sitemap .sub ul li a:hover { text-decoration: none; } } #footer .wrap .sitemap .group { display: flex; } #footer .wrap .sitemap .group li { width: 19.16%; margin-right: 7.78%; } #footer .wrap .sitemap .group li:last-child { margin-right: 0px; } #footer .wrap .sitemap .group li a { display: block; line-height: 0; } @media (hover: hover) and (pointer: fine) { #footer .wrap .sitemap .group li a:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #footer .wrap .sitemap .group li a:hover { opacity: 0.7; } } #footer small { background: rgb(64, 64, 64); color: rgb(255, 255, 255); font-size: 1.1rem; display: block; width: 100%; text-align: center; letter-spacing: 0.1em; padding: 25px 0px; } @media screen and (max-width: 834px) { #footer .wrap { padding-top: 30px; padding-bottom: 65px; display: block; } #footer .wrap .hotel { width: 100%; border-right: none; border-bottom: 1px solid rgb(204, 204, 204); padding: 0px 0px 40px; margin-bottom: 40px; } #footer .wrap .hotel .logo img { width: 140px; } #footer .wrap .hotel .tel { margin-bottom: 5px; } #footer .wrap .hotel .tel span { font-size: 2rem; letter-spacing: 0.1em; } #footer .wrap .hotel .check { margin-bottom: 15px; } #footer .wrap .hotel .sns { margin-bottom: 30px; } #footer .wrap .hotel .sns li { margin: 0px 15px; } #footer .wrap .hotel .dbtn a { display: block; width: 100%; } #footer .wrap .sitemap { width: 100%; padding: 0px; } #footer .wrap .sitemap h1 { margin-bottom: 30px; } #footer .wrap .sitemap .nav { margin-bottom: 20px; } #footer .wrap .sitemap .nav li { width: 46.66%; margin-right: 6.68%; margin-bottom: 10px; } #footer .wrap .sitemap .nav li:nth-child(3n) { margin-right: 6.68%; } #footer .wrap .sitemap .nav li:nth-child(2n) { margin-right: 0px; } #footer .wrap .sitemap .sub.in834 { display: flex; flex-wrap: wrap; margin-bottom: 35px; } #footer .wrap .sitemap .sub.in834 ul { width: 46.66%; margin-right: 6.68%; } #footer .wrap .sitemap .sub.in834 ul:nth-child(2n) { margin-right: 0px; } #footer .wrap .sitemap .sub.in834 ul li a { display: inline-block; line-height: 1.4; } } .scroll_fix { line-height: 0; position: fixed; bottom: 20px; right: 20px; z-index: 10; cursor: pointer; } .video_modal { position: fixed; inset: 0px; z-index: 2147483647; display: none; } .video_modal .bg { background: rgba(0, 0, 0, 0.8); position: absolute; inset: 0px; z-index: 1; } .video_modal .close { width: 60px; height: 60px; background: rgb(170, 170, 170); border-radius: 50%; position: absolute; top: 20px; right: 20px; cursor: pointer; transition: all 0.3s ease 0s; z-index: 3; } @media (hover: hover) and (pointer: fine) { .video_modal .close:hover { background: rgb(90, 90, 90); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .video_modal .close:hover { background: rgb(90, 90, 90); } } .video_modal .close span { width: 24px; height: 2px; background: rgb(255, 255, 255); position: absolute; inset: 0px; margin: auto; } .video_modal .close span:first-child { transform: rotate(45deg); } .video_modal .close span:last-child { transform: rotate(-45deg); } .video_modal .video_inner { position: absolute; inset: 0px; z-index: 2; width: 75.16vw; height: 58.9%; margin: auto; } .video_modal .video_inner #bg-video { width: 75.16vw; padding-top: 58.9%; position: relative; } .video_modal .video_inner #bg-video video { width: 100%; height: 100%; position: absolute; inset: 0px; object-fit: cover; } @media screen and (max-width: 1075px) { .video_modal .video_inner { width: 100%; height: 28.9%; } .video_modal .video_inner #bg-video { width: 100%; padding-top: 71.9%; } .video_modal .close { width: 50px; height: 50px; top: 10px; right: 10px; } } @-webkit-keyframes zoomUp { 0% { transform: scale(1); } 100% { transform: scale(1.15); } } @keyframes zoomUp { 0% { transform: scale(1); } 100% { transform: scale(1.15); } } #top .main { position: relative; } #top .main .img { margin-inline: auto; overflow: hidden; width: 100%; } #top .main .img .slick-img img { width: 100%; height: calc(-123px + 100vh); object-fit: cover; } #top .main .img .add-animation { animation: 10s linear 0s 1 normal both running zoomUp; } #top .main #bg-video { height: calc(-123px + 100vh); position: relative; } #top .main #bg-video video { position: absolute; inset: 0px; object-fit: cover; width: 100%; height: 100%; } #top .main .catch { position: absolute; right: 90px; top: 25%; } #top .main .copy { position: absolute; top: calc(50% - 10px); transform: translate(0px, -50%); bottom: 0px; left: 120px; } #top .main .playbtn_wrap { position: absolute; bottom: 80px; right: 0px; left: 0px; margin: 0px auto; max-width: 1180px; text-align: right; padding: 0px 20px; } #top .main .playbtn_wrap .playbtn { cursor: pointer; transition: all 0.3s ease 0s; } #top .main .playbtn_wrap .playbtn .txt { font-weight: bold; font-size: 1.5rem; border-bottom: 1px solid rgb(255, 255, 255); padding-bottom: 5px; color: rgb(255, 255, 255); } @media (hover: hover) and (pointer: fine) { #top .main .playbtn_wrap .playbtn:hover { opacity: 0.8; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #top .main .playbtn_wrap .playbtn:hover { opacity: 0.8; } } @media screen and (max-width: 1075px) { #top .main .img .slick-img img { width: 100%; height: calc(-60px + 100vh); object-fit: cover; } #top .main .copy { width: 91px; left: 40px; } #top .main .copy img { height: auto !important; } #top .main .catch { width: 140px; right: 10px; } } #top .rsv_wrap { margin-top: -60px; position: relative; z-index: 8; } #top .rsv_wrap .tab_btn { padding: 0px 50px; display: flex; } #top .rsv_wrap .tab_btn li { width: 49.44%; background: rgb(50, 50, 50); border-radius: 6px 6px 0px 0px; height: 60px; line-height: 53px; text-align: center; color: rgba(255, 255, 255, 0.5); font-size: 1.7rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease 0s; } #top .rsv_wrap .tab_btn li span { vertical-align: middle; } #top .rsv_wrap .tab_btn li span.icon { opacity: 0.5; margin-right: 8px; transition: all 0.3s ease 0s; display: inline-block !important; } #top .rsv_wrap .tab_btn li:first-child { margin-right: 1.12%; } #top .rsv_wrap .tab_btn li:first-child .icon { display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; width: 24px; height: 15px; } #top .rsv_wrap .tab_btn li:last-child { margin-right: 1.12%; } #top .rsv_wrap .tab_btn li:last-child .icon { display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; width: 16px; height: 20px; } #top .rsv_wrap .tab_btn li.active { color: rgb(255, 255, 255); background: rgb(64, 64, 64); } #top .rsv_wrap .tab_btn li.active span.icon { opacity: 1; } @media (hover: hover) and (pointer: fine) { #top .rsv_wrap .tab_btn li:hover { color: rgb(255, 255, 255); background: rgb(64, 64, 64); } #top .rsv_wrap .tab_btn li:hover span.icon { opacity: 1; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #top .rsv_wrap .tab_btn li:hover { color: rgb(255, 255, 255); background: rgb(64, 64, 64); } #top .rsv_wrap .tab_btn li:hover span.icon { opacity: 1; } } #top .rsv_wrap .panel-area { background: rgb(64, 64, 64); } #top .rsv_wrap .panel-area .panel { text-align: center; color: rgb(255, 255, 255); background: rgb(64, 64, 64); } #top .rsv_wrap .panel-area .panel.opacity { opacity: 0; z-index: -1; } #top .rsv_wrap .panel-area .panel .wrap { max-width: 1135px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent { padding-top: 60px; padding-bottom: 50px; display: flex; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent .ttl { width: 143px; background: rgb(50, 50, 50); font-size: 1.3rem; font-weight: 600; text-align: center; padding: 15px 0px; position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent .ttl::after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 100%; box-sizing: border-box; width: 4px; height: 4px; border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(50, 50, 50); border-image: initial; margin: auto 0px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 { width: calc(100% - 143px); padding-left: 37px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:last-child { margin-top: 0px; padding-top: 11px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:last-child input { height: 40px; line-height: 40px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:last-child .head_sp { display: none !important; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .bottom li:first-child { padding-top: 5px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .bottom li:last-child a { border-bottom: 1px solid rgb(119, 119, 119); } @media screen and (max-width: 1075px) { #top .rsv_wrap .panel-area .panel.opacity { height: 200px; } #top .rsv_wrap .panel-area .panel .wrap { padding: 0px !important; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent { display: block; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent .ttl { display: none; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 { width: 100%; padding: 35px 20px 60px !important; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:nth-child(2), #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:nth-child(3), #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:nth-child(4) { margin-bottom: 15px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:last-child .head_sp { color: rgb(255, 255, 255); display: block !important; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .bottom { margin-bottom: 25px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .bottom li:first-child { text-align: left; font-weight: 400; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .acess_link a { display: block; font-size: 1.5rem; font-weight: 500; padding-bottom: 10px; border-bottom: 1px solid rgb(255, 255, 255); text-align: left; position: relative; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .acess_link a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media screen and (max-width: 1075px) and (hover: hover) and (pointer: fine) { #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .acess_link a:hover { opacity: 0.7; } } @media screen and (max-width: 1075px) and (-ms-high-contrast: none), screen and (max-width: 1075px) and (-ms-high-contrast: active) { #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .acess_link a:hover { opacity: 0.7; } } #top .benefits_boxs { padding-top: 0px; padding-bottom: 50px; } #top .benefits_boxs .img { max-width: 560px; margin: 0px auto; display: block; line-height: 0; } #top .benefits_boxs .img picture { display: block; } @media (hover: hover) and (pointer: fine) { #top .benefits_boxs .img:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #top .benefits_boxs .img:hover { opacity: 0.7; } } #top .benefits_boxs .dbtn { text-align: center; } @media screen and (max-width: 1075px) { #top .benefits_boxs .wrap { padding: 0px 20px; } } #top .info { background: rgb(119, 119, 119); color: rgb(255, 255, 255); padding: 75px 0px 70px; } #top .info .wrap { max-width: 860px; display: flex; } #top .info .wrap .ttl { width: 33.02%; font-size: 2rem; font-weight: 500; letter-spacing: 0.08em; } #top .info .wrap .box { width: 66.98%; } #top .info .wrap .box .more { margin: 40px 0px 0px; } #top .info .wrap .box .more span::after { transform: rotate(90deg); } #top .info .wrap .box .more span.off { display: none; } #top .info .wrap .box .more.active span::after { transform: rotate(-90deg); } #top .info .wrap .box .more.active span.on { display: none; } #top .info .wrap .box .more.active span.off { display: block; } #top .info .wrap .box dl + dl { display: none; } #top .info .wrap .box dl dt { float: left; clear: both; font-family: Jost, sans-serif; font-size: 1.4rem; font-weight: 500; padding-top: 2px; } #top .info .wrap .box dl dd a { display: block; position: relative; font-size: 1.5rem; font-weight: 500; padding: 0px 40px 10px 110px; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } #top .info .wrap .box dl dd a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media screen and (max-width: 834px) { #top .info { padding: 40px 0px; } #top .info .wrap { display: block; } #top .info .wrap .ttl { width: 100%; margin: 0px 0px 15px; font-size: 1.8rem; } #top .info .wrap .box { width: 100%; } #top .info .wrap .box dd a { padding: 0px 25px 7px 94px; } } #top .recbox { background: rgb(229, 229, 229); position: relative; } #top .recbox .bg { position: absolute; top: 297px; left: -365px; font-family: Jost, sans-serif; font-weight: 500; font-size: 11.4rem; color: rgb(255, 255, 255); letter-spacing: 0.04em; transform: rotate(90deg); z-index: 1; } #top .recbox .wrap { position: relative; z-index: 2; padding-top: 100px; padding-bottom: 206px; } #top .recbox .wrap h2 { text-align: center; font-size: 2.5rem; margin-bottom: 25px; font-weight: 500; letter-spacing: 0.1em; } #top .recbox .wrap .tab_btn { text-align: center; margin-bottom: 42px; } #top .recbox .wrap .tab_btn li { display: inline-block; margin: 0px 15px; color: rgb(64, 64, 64); border-bottom: 1px solid rgb(229, 229, 229); cursor: pointer; opacity: 0.5; transition: all 0.3s ease 0s; } #top .recbox .wrap .tab_btn li.active { opacity: 1; border-bottom: 1px solid rgb(64, 64, 64); } @media (hover: hover) and (pointer: fine) { #top .recbox .wrap .tab_btn li:hover { opacity: 1; border-bottom: 1px solid rgb(64, 64, 64); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #top .recbox .wrap .tab_btn li:hover { opacity: 1; border-bottom: 1px solid rgb(64, 64, 64); } } #top .recbox .wrap .panel-area .panel { display: none; } #top .recbox .wrap .panel-area .panel.active { display: block; } #top .recbox .wrap .panel-area .panel .flex { } #top .recbox .wrap .panel-area .panel .flex .slick-track { display: flex; } #top .recbox .wrap .panel-area .panel .flex .slick-track .slick-slide { height: auto !important; } #top .recbox .wrap .panel-area .panel .flex .box { margin: 0px 20px; position: relative; height: auto !important; } #top .recbox .wrap .panel-area .panel .flex .box .img { line-height: 0; margin-bottom: 22px; } #top .recbox .wrap .panel-area .panel .flex .box .img a { display: block; padding-top: 100%; position: relative; } #top .recbox .wrap .panel-area .panel .flex .box .img a img { width: 100%; height: 100%; position: absolute; inset: 0px; object-fit: cover; } #top .recbox .wrap .panel-area .panel .flex .box .txt { padding-bottom: 39px; } #top .recbox .wrap .panel-area .panel .flex .box .txt .new { width: 46px; height: 21px; line-height: 21px; background: rgb(232, 185, 31); color: rgb(255, 255, 255); text-align: center; margin: 0px 0px 5px; font-size: 13px; font-weight: bold; } #top .recbox .wrap .panel-area .panel .flex .box .txt .ttl { margin-bottom: 5px; letter-spacing: -0.06em; } #top .recbox .wrap .panel-area .panel .flex .box .txt .tag { font-size: 1.3rem; color: rgb(119, 119, 119); margin: 0px 10px 10px 0px; display: inline-block; } #top .recbox .wrap .panel-area .panel .flex .box .txt .more { position: absolute; bottom: 0px; left: 0px; right: 0px; } #top .recbox .wrap .panel-area .panel .flex .slick-list { margin-bottom: 50px; } #top .recbox .wrap .panel-area .panel .flex .slick-dots { text-align: center; line-height: 0; margin: 22px 0px 0px; } #top .recbox .wrap .panel-area .panel .flex .slick-dots li { display: inline-block; vertical-align: middle; } #top .recbox .wrap .panel-area .panel .flex .slick-dots li button { font-size: 0px; width: 60px; height: 3px; background: rgb(202, 202, 202); transition: all 0.3s ease 0s; } #top .recbox .wrap .panel-area .panel .flex .slick-dots li.slick-active button { background: rgb(145, 145, 145); } @media (hover: hover) and (pointer: fine) { #top .recbox .wrap .panel-area .panel .flex .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #top .recbox .wrap .panel-area .panel .flex .slick-dots li:hover button { background: rgb(145, 145, 145); } } #top .recbox .wrap .dbtn { text-align: right; margin-top: 50px; } @media screen and (max-width: 834px) { #top .recbox .bg { font-size: 9.884rem; left: -316px; top: 257px; } #top .recbox .wrap { padding: 70px 20px 130px; } #top .recbox .wrap .tab_btn { margin-bottom: 28px; } #top .recbox .wrap .tab_btn li { margin: 0px 10px; } #top .recbox .wrap .panel-area .panel .flex .box { margin: 0px 10px; } #top .recbox .wrap .panel-area .panel .flex .box .txt .ttl { font-size: 1.5rem; } #top .recbox .wrap .panel-area .panel .flex .slick-list { margin-bottom: 30px; } #top .recbox .wrap .panel-area .panel .flex .slick-dots li button { width: 30px; } #top .recbox .wrap .dbtn { margin-top: 40px; text-align: center; } } #top .nav { background: rgb(64, 64, 64); } #top .nav .stay { margin-top: -90px; margin-bottom: 115px; position: relative; z-index: 1; display: flex; } #top .nav .stay .img { width: 62.5%; } #top .nav .stay .img img { width: 100%; } #top .nav .stay .txt { color: rgb(255, 255, 255); width: 37.5%; padding: 0px 4.68vw; } #top .nav .stay .txt .i { line-height: 0; margin-bottom: 50px; } #top .nav .stay .txt h2 { font-weight: 500; line-height: 1.4; font-size: 2rem; letter-spacing: 0.1em; margin-bottom: 25px; } #top .nav .stay .txt h2 span { font-family: Jost, sans-serif; display: block; font-size: 4.5rem; letter-spacing: 0.3em; margin-bottom: 8px; } #top .nav .restaurant { position: relative; margin-bottom: 120px; } #top .nav .restaurant .img { position: absolute; top: 0px; bottom: 0px; right: 0px; width: 72.27vw; z-index: 1; } #top .nav .restaurant .img img { width: 100%; height: 100%; object-fit: cover; } #top .nav .restaurant .img .ac { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 3px; position: absolute; bottom: 10px; right: 10px; font-size: 1.1rem; line-height: 1.5; } #top .nav .restaurant .txt { width: 39.06%; color: rgb(255, 255, 255); padding: 60px 0px 100px 5.31vw; position: relative; z-index: 2; } #top .nav .restaurant .txt h2 { font-weight: 500; line-height: 1.4; font-size: 2rem; letter-spacing: 0.1em; margin-bottom: 55px; } #top .nav .restaurant .txt h2 span { font-family: Jost, sans-serif; display: block; font-size: 4.5rem; letter-spacing: 0.2em; margin-bottom: 15px; } #top .nav .restaurant .txt h2 + p { width: 56%; } #top .nav .sub { position: relative; color: rgb(255, 255, 255); padding-bottom: 120px; } #top .nav .sub::before { content: ""; position: absolute; inset: 80px 0px 0px; background: rgb(90, 90, 90); z-index: 1; } #top .nav .sub .wrap { position: relative; z-index: 2; display: flex; } #top .nav .sub .wrap .box { width: 29.82%; margin-right: 5.27%; position: relative; } #top .nav .sub .wrap .box:last-child { margin-right: 0px; } #top .nav .sub .wrap .box a { display: block; position: relative; } #top .nav .sub .wrap .box a .ttl { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.25); text-align: center; font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; letter-spacing: 0.15em; line-height: 1.533; margin-bottom: 0px; } #top .nav .sub .wrap .box a .img { line-height: 0; } #top .nav .sub .wrap .box a .kzr { line-height: 0; position: absolute; bottom: 0px; right: 0px; z-index: 2; } #top .nav .sub .wrap .box a::before { content: ""; position: absolute; inset: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0); z-index: 2; transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #top .nav .sub .wrap .box a:hover::before { background: rgba(51, 51, 51, 0.6); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #top .nav .sub .wrap .box a:hover::before { background: rgba(51, 51, 51, 0.6); } } #top .nav .sub .wrap .box .txt .ttl { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #top .nav .sub .wrap .box .txt .more { position: absolute; bottom: 0px; right: 0px; left: 0px; } #top .nav .sub .wrap .box .txt .more a { margin-bottom: 0px; } @media screen and (min-width: 1076px) { #top .nav .stay .txt { padding: 0px 8.68vw 0px 4.68vw; } } @media screen and (max-width: 834px) { #top .nav .stay { margin-top: -70px; margin-bottom: 60px; display: block; } #top .nav .stay .img { width: 91.66vw; line-height: 0; margin-bottom: 25px; } #top .nav .stay .txt { width: 100%; padding: 0px 30px; } #top .nav .stay .txt .i { display: none; } #top .nav .stay .txt h2 { font-size: 1.6rem; line-height: 1.4; margin-bottom: 18px; } #top .nav .stay .txt h2 span { font-size: 3rem; margin-bottom: 0px; } #top .nav .restaurant { margin-bottom: 65px; } #top .nav .restaurant .img { position: relative; padding-left: 30px; width: 100%; line-height: 0; margin-bottom: 30px; } #top .nav .restaurant .txt { width: 100%; padding: 0px 30px; } #top .nav .restaurant .txt h2 { font-size: 1.6rem; margin-bottom: 20px; } #top .nav .restaurant .txt h2 span { font-size: 3rem; margin-bottom: 10px; } #top .nav .restaurant .txt h2 + p { width: 100%; } #top .nav .sub { background: rgb(90, 90, 90); padding-bottom: 1px; } #top .nav .sub::before { display: none; } #top .nav .sub .wrap { display: block; padding: 0px; } #top .nav .sub .wrap .box { width: 100%; } #top .nav .sub .wrap .box a { } #top .nav .sub .wrap .box a .img img { width: 100%; } #top .nav .sub .wrap .box a .ttl { font-size: 2.5rem; } #top .nav .sub .wrap .box a .kzr { bottom: 20px; right: 20px; } #top .nav .sub .wrap .box .txt { padding: 0px 30px; } #top .nav .sub .wrap .box .txt .ttl { font-size: 1.6rem; margin-bottom: 15px; } #top .nav .sub .wrap .box .more { padding: 0px 30px; } } #top.top .main .img .slick-img img { width: 100%; height: calc(-331px + 100vh); object-fit: cover; } #top.top .main .copy img { height: 100%; width: auto; } @media screen and (max-width: 1075px) { #top.top .main .img .slick-img img { width: 100%; height: calc(-140px + 100vh); object-fit: cover; } } .restactive { position: absolute; left: 0px; right: 0px; top: 100vh; z-index: 9 !important; } .restactive .fix_rest { position: relative; inset: auto; } .restactive .fix_rest .bg { display: none; } .restactive .fix_rest .restcontent { position: relative; inset: auto; transform: none; max-width: none; padding-bottom: 0px; background: rgb(64, 64, 64); border-radius: 0px; } .restactive .fix_rest .restcontent .close { display: none; } .restactive .fix_rest .restcontent .inner .ttl { display: none; } .restactive .fix_rest .restcontent .inner #tc-widget { margin-bottom: 0px; } .restactive .fix_rest .restcontent .inner #tc-widget .tc-body { background: none !important; padding: 0px !important; } .restactive .fix_rest .restcontent .inner #tc-widget .tc-body form { max-width: 830px; margin: 0px auto; } .restactive .fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-date input[type="text"] { color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); } .restactive .fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-time select, .restactive .fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-ppl select { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); padding: 4px 0px 7px 10px; } .restactive .fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-time::after, .restactive .fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-ppl::after { border-top: 1.5px solid rgb(64, 64, 64); border-right: 1.5px solid rgb(64, 64, 64); top: -12px; right: 10px; } .restactive .fix_rest .restcontent .inner .rsv_link { margin-bottom: 0px; } .restactive .fix_rest .restcontent .inner .contact { display: none; } @media screen and (max-width: 1075px) { .restactive .fix_rest .restcontent { height: auto !important; } .restactive .fix_rest .restcontent .inner { height: auto; } } #ui-datepicker-div { padding: 40px 46px !important; max-width: 1040px !important; border: none !important; } #ui-datepicker-div .ui-datepicker-header { font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-size: 1.7rem; font-weight: 500; background: none !important; border: none !important; padding: 0px !important; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all { top: 98px; bottom: 0px; width: 22px !important; height: 22px !important; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all::before { content: ""; position: absolute; inset: 0px; width: 22px !important; height: 22px !important; border-top: 2px solid rgb(156, 123, 43) !important; border-right: 2px solid rgb(156, 123, 43) !important; transform: rotate(45deg) !important; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: -22px; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev::before { transform: rotate(-135deg) !important; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: -22px; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all .ui-icon { background: none !important; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-state-hover { background: none !important; border: none !important; } #ui-datepicker-div .ui-datepicker-group { width: 31%; margin-right: 3.5%; } #ui-datepicker-div .ui-datepicker-group.ui-datepicker-group-last { margin-right: 0px; } #ui-datepicker-div .ui-datepicker-calendar thead tr th { font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif !important; padding: 0px 0px 6px !important; } #ui-datepicker-div .ui-datepicker-calendar thead tr th span { display: block; width: 24px; height: 24px; text-align: center; line-height: 20px; font-weight: 400; margin: 0px auto; } #ui-datepicker-div .ui-datepicker-calendar thead tr th:first-child span { border-radius: 50%; border: 1px solid rgb(156, 123, 43); color: rgb(156, 123, 43); } #ui-datepicker-div .ui-datepicker-calendar thead tr th:last-child span { border-radius: 50%; border: 1px solid rgb(229, 229, 229); background: rgb(229, 229, 229); } #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-default { display: block; width: 24px; height: 24px; text-align: center; line-height: 22px; font-weight: 400; margin: 0px auto; border-radius: 50%; border: 1px solid rgb(255, 255, 255); background: none; padding: 0px !important; } #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-hover { border: 1px solid rgb(156, 123, 43); background: rgb(156, 123, 43); color: rgb(255, 255, 255) !important; } #ui-datepicker-div .ui-datepicker-calendar tbody tr td:first-child .ui-state-default { color: rgb(156, 123, 43); } .banner_modal { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.8); z-index: 2147483647; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .banner_modal .inner { position: relative; padding: 0px 30px; } .banner_modal .inner a { display: block; line-height: 0; } .banner_modal .inner .close { font-size: 2rem; color: rgb(255, 255, 255); width: 50px; height: 50px; border-radius: 50%; background: rgb(156, 123, 43); text-align: center; line-height: 50px; position: absolute; top: -20px; right: 12px; cursor: pointer; } #topics_index .inner { background: rgb(229, 229, 229); } #topics_index .inner .category { text-align: center; margin-bottom: 42px; } #topics_index .inner .category li { display: inline-block; margin: 0px 15px; color: rgb(64, 64, 64); border-bottom: 1px solid rgb(229, 229, 229); cursor: pointer; opacity: 0.5; transition: all 0.3s ease 0s; } #topics_index .inner .category li.active { opacity: 1; border-bottom: 1px solid rgb(64, 64, 64); } @media (hover: hover) and (pointer: fine) { #topics_index .inner .category li:hover { opacity: 1; border-bottom: 1px solid rgb(64, 64, 64); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #topics_index .inner .category li:hover { opacity: 1; border-bottom: 1px solid rgb(64, 64, 64); } } #topics_index .inner .flex { display: flex; flex-wrap: wrap; padding-bottom: 10px; } #topics_index .inner .flex .box { width: 21.05%; margin: 0px 5.26% 75px 0px; padding-bottom: 39px; position: relative; } #topics_index .inner .flex .box:nth-child(4n) { margin: 0px 0px 75px; } #topics_index .inner .flex .box .img { line-height: 0; margin-bottom: 22px; } #topics_index .inner .flex .box .img a { display: block; padding-top: 100%; position: relative; } #topics_index .inner .flex .box .img a img { width: 100%; height: 100%; position: absolute; inset: 0px; object-fit: cover; } #topics_index .inner .flex .box .txt .new { width: 46px; height: 21px; line-height: 21px; background: rgb(232, 185, 31); color: rgb(255, 255, 255); text-align: center; margin: 0px 0px 5px; font-size: 13px; font-weight: bold; } #topics_index .inner .flex .box .txt .ttl { margin-bottom: 5px; letter-spacing: -0.06em; } #topics_index .inner .flex .box .txt .tag { font-size: 1.3rem; color: rgb(119, 119, 119); margin-bottom: 25px; } #topics_index .inner .flex .box .txt .more { position: absolute; bottom: 0px; left: 0px; right: 0px; } @media screen and (max-width: 834px) { #topics_index .inner .flex .box { width: 46.66%; margin: 0px 6.68% 50px 0px; } #topics_index .inner .flex .box:nth-child(4n) { margin: 0px 6.68% 50px 0px; } #topics_index .inner .flex .box:nth-child(2n) { margin: 0px 0px 50px; } #topics_index .inner .flex .box .txt .ttl { font-size: 1.5rem; } } #news_index .inner { background: rgb(229, 229, 229); padding-bottom: 110px; } #news_index .inner .important { background: rgb(119, 119, 119); color: rgb(255, 255, 255); padding: 75px 0px 70px; margin-bottom: 40px; } #news_index .inner .important .wrap { display: flex; } #news_index .inner .important .wrap .ttl { width: 25.08%; font-size: 2rem; font-weight: 500; letter-spacing: 0.08em; } #news_index .inner .important .wrap .box { width: 74.92%; max-width: 460px; } #news_index .inner .important .wrap .box dt { float: left; clear: both; font-family: Jost, sans-serif; font-size: 1.4rem; font-weight: 500; padding-top: 2px; } #news_index .inner .important .wrap .box dd a { display: block; position: relative; font-size: 1.5rem; font-weight: 500; padding: 0px 40px 10px 110px; } #news_index .inner .important .wrap .box dd a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media screen and (max-width: 834px) { #news_index .inner .important { padding: 30px 0px 40px; margin-bottom: 20px; } #news_index .inner .important .wrap { display: block; } #news_index .inner .important .wrap .ttl { width: 100%; margin: 0px 0px 15px; font-size: 1.8rem; } #news_index .inner .important .wrap .box { width: 100%; } #news_index .inner .important .wrap .box dd a { padding: 0px 25px 7px 94px; } } #news_index .inner .newsbox { line-height: 1.5; } #news_index .inner .newsbox dt { float: left; clear: both; font-size: 1.4rem; font-weight: 500; font-family: Jost, sans-serif; padding: 15px 0px 15px 10px; } #news_index .inner .newsbox dd { border-bottom: 1px solid rgb(204, 204, 204); } #news_index .inner .newsbox dd a { display: block; font-weight: 500; font-size: 1.5rem; padding: 15px 44px 15px 126px; position: relative; } #news_index .inner .newsbox dd a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media screen and (max-width: 834px) { #news_index .inner .newsbox dt { float: none; padding: 15px 0px 10px 10px; } #news_index .inner .newsbox dd a { padding: 0px 25px 15px 15px; } } #kiji .inner { background: rgb(229, 229, 229); padding-bottom: 70px; } #kiji .inner .content h2 { font-size: 3rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.5; margin-bottom: 10px; } #kiji .inner .content .tag { margin-bottom: 50px; } #kiji .inner .content .tag li { display: inline-block; vertical-align: middle; font-size: 1.3rem; color: rgb(119, 119, 119); margin-right: 15px; } #kiji .inner .content .tag li:last-child { margin-right: 0px; } #kiji .inner .content .txt h1, #kiji .inner .content .txt h2, #kiji .inner .content .txt h3, #kiji .inner .content .txt h4, #kiji .inner .content .txt h5, #kiji .inner .content .txt h6 { font-size: 2rem; line-height: 1.5; font-weight: 500; margin: 70px 0px 30px; } #kiji .inner .content .txt a { color: rgb(156, 123, 43); text-decoration: underline; } @media (hover: hover) and (pointer: fine) { #kiji .inner .content .txt a:hover { text-decoration: none; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #kiji .inner .content .txt a:hover { text-decoration: none; } } #kiji .inner .content .txt .dbtn { margin-top: 50px; } #kiji .inner .content .txt .dbtn a { padding: 5px 50px 5px 40px; color: rgb(51, 51, 51); text-decoration: none; } @media (hover: hover) and (pointer: fine) { #kiji .inner .content .txt .dbtn a:hover { color: rgb(119, 119, 119); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #kiji .inner .content .txt .dbtn a:hover { color: rgb(119, 119, 119); } } #kiji .inner .content .txt .slide { margin-bottom: 95px; } #kiji .inner .content .txt .slide .slick-slide { margin: 0px 20px; line-height: 0; list-style-type: none !important; padding: 0px !important; } #kiji .inner .content .txt .slide .slick-slide img { width: 100%; } #kiji .inner .content .txt .slide .slick-slide p { display: block; line-height: 1.5; margin: 20px 0px 0px; font-size: 1.8rem; text-align: center; } #kiji .inner .content .txt .slide .slick-arrow { position: absolute; top: -30px; bottom: 0px; margin: auto 0px; width: 70px; height: 70px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; font-size: 0px; z-index: 8; } #kiji .inner .content .txt .slide .slick-arrow.slick-next { transform: rotate(180deg); right: calc(9.375% + 20px); } #kiji .inner .content .txt .slide .slick-arrow.slick-prev { left: calc(9.375% + 20px); } #kiji .inner .content .txt .slide .slick-dots { text-align: center; line-height: 0; margin: 22px 0px 0px; } #kiji .inner .content .txt .slide .slick-dots li { display: inline-block; vertical-align: middle; list-style-type: none !important; } #kiji .inner .content .txt .slide .slick-dots li::after { display: none; } #kiji .inner .content .txt .slide .slick-dots li button { font-size: 0px; width: 60px; height: 3px; background: rgb(202, 202, 202); transition: all 0.3s ease 0s; } #kiji .inner .content .txt .slide .slick-dots li.slick-active button { background: rgb(145, 145, 145); } @media (hover: hover) and (pointer: fine) { #kiji .inner .content .txt .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #kiji .inner .content .txt .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } #kiji .inner .content .txt .teigi { border-top: 1px solid rgb(204, 204, 204); margin-top: 70px; margin-bottom: 70px; } #kiji .inner .content .txt .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 0px; } #kiji .inner .content .txt .teigi dd { padding: 15px 0px 15px 180px; border-bottom: 1px solid rgb(204, 204, 204); } #kiji .inner .content .txt h2 + .teigi, #kiji .inner .content .txt h3 + .teigi, #kiji .inner .content .txt h4 + .teigi, #kiji .inner .content .txt h5 + .teigi, #kiji .inner .content .txt h6 + .teigi { margin-top: 0px; } #kiji .inner .content .txt ul { margin: 30px 0px; } #kiji .inner .content .txt ul li { position: relative; padding-left: 22px; } #kiji .inner .content .txt ul li::after { content: ""; position: absolute; top: 11px; left: 0px; width: 8px; height: 8px; border-radius: 50%; border: 1px solid rgb(119, 119, 119); } #kiji .inner .content .txt .clumbox { margin-top: 70px; } #kiji .inner .content .txt .clumbox .flex { display: flex; flex-wrap: wrap; } #kiji .inner .content .txt .clumbox .flex dl dt { line-height: 0; margin-bottom: 25px; } #kiji .inner .content .txt .clumbox .flex dl dd h4 { font-size: 1.7rem; line-height: 1.5; margin: 0px 0px 15px; } #kiji .inner .content .txt .clumbox .flex.double dl { width: 47.36%; margin: 0px 5.28% 50px 0px; } #kiji .inner .content .txt .clumbox .flex.double dl:nth-child(2n) { margin: 0px 0px 50px; } #kiji .inner .content .txt .clumbox .flex.triple dl { width: 31.57%; margin: 0px 2.645% 50px 0px; } #kiji .inner .content .txt .clumbox .flex.triple dl:nth-child(3n) { margin: 0px 0px 50px; } #kiji .inner .content .txt .clumbox .flex.imgbox .img { width: 47.36%; margin-right: 4.05%; line-height: 0; } #kiji .inner .content .txt .clumbox .flex.imgbox .txt { width: 48.59%; } #kiji .inner .content .txt .ot_menu { background: rgb(238, 238, 238); padding: 60px; margin-bottom: 50px; } #kiji .inner .content .txt .ot_menu h3 { font-size: 2rem; font-weight: 500; line-height: 1.5; margin-bottom: 35px; margin-top: 0px; } #kiji .inner .content .txt .ot_menu h3 + .remarks { margin-top: -20px; margin-bottom: 35px; } #kiji .inner .content .txt .ot_menu .list { display: flex; flex-wrap: wrap; } #kiji .inner .content .txt .ot_menu .list li { width: 21.27%; margin-right: 4.97%; padding-left: 20px; position: relative; } #kiji .inner .content .txt .ot_menu .list li:nth-child(4n) { margin-right: 0px; } #kiji .inner .content .txt .ot_menu .list li::after { content: ""; position: absolute; top: 12px; left: 0px; border: 1px solid rgb(119, 119, 119); border-radius: 50%; width: 8px; height: 8px; } #kiji .inner .content .txt .ot_menu .flex { display: flex; flex-wrap: wrap; } #kiji .inner .content .txt .ot_menu .flex .box { width: 47.64%; margin: 0px 4.72% 50px 0px; } #kiji .inner .content .txt .ot_menu .flex .box:nth-child(2n) { margin: 0px 0px 50px; } #kiji .inner .content .txt .ot_menu .flex .box h4 { font-size: 1.8rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 15px; margin-top: 0px; } #kiji .inner .content .txt .ot_menu .flex .box .list { display: block; } #kiji .inner .content .txt .ot_menu .flex .box .list li { width: 100%; margin: 0px; } #kiji .inner .content .txt .ot_menu .flex + h3 { margin-top: 20px; } #kiji .snsbox { padding: 80px 30px 90px; text-align: center; } #kiji .snsbox .ttl { font-size: 1.5rem; font-weight: 500; line-height: 1.5; margin-bottom: 10px; } #kiji .snsbox .list { margin-bottom: 55px; } #kiji .snsbox .list li { vertical-align: middle; font-size: 0px; margin: 0px 10px; display: inline-block !important; } #kiji .snsbox .list li:nth-child(1) a { width: 28px; height: 28px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #kiji .snsbox .list li:nth-child(2) a { width: 25px; height: 26px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #kiji .snsbox .list li:nth-child(3) a { width: 30px; height: 31px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #kiji .snsbox .list li:nth-child(4) a { width: 30px; height: 27px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #kiji .snsbox .dbtn a { padding: 5px 50px 5px 40px; } @media screen and (max-width: 834px) { #kiji .inner .content h2 { font-size: 2.4rem; } #kiji .inner .content .txt .slide { margin-bottom: 65px; } #kiji .inner .content .txt .slide .slick-slide { margin: 0px 10px; } #kiji .inner .content .txt .slide .slick-arrow { width: 35px; height: 35px; } #kiji .inner .content .txt .slide .slick-arrow.slick-prev { left: calc(9.375% + 10px); } #kiji .inner .content .txt .slide .slick-arrow.slick-next { right: calc(9.375% + 10px); } #kiji .inner .content .txt .teigi dt { padding: 15px 0px 10px; float: none; } #kiji .inner .content .txt .teigi dd { padding: 0px 0px 15px; } #kiji .inner .content .txt .clumbox .flex.double { display: block; } #kiji .inner .content .txt .clumbox .flex.double dl { width: 100%; margin: 0px 0px 40px; } #kiji .inner .content .txt .clumbox .flex.double dl:nth-child(2n) { margin: 0px 0px 40px; } #kiji .inner .content .txt .clumbox .flex.triple dl { width: 47.36%; margin: 0px 5.28% 50px 0px; } #kiji .inner .content .txt .clumbox .flex.triple dl:nth-child(3n) { margin: 0px 5.28% 50px 0px; } #kiji .inner .content .txt .clumbox .flex.triple dl:nth-child(2n) { margin: 0px 0px 50px; } #kiji .inner .content .txt .clumbox .flex.imgbox { display: block; } #kiji .inner .content .txt .clumbox .flex.imgbox .img { width: 100%; margin: 0px 0px 20px; } #kiji .inner .content .txt .clumbox .flex.imgbox .txt { width: 100%; } #kiji .inner .content .txt .ot_menu { padding: 30px; } #kiji .inner .content .txt .ot_menu h3 { margin-bottom: 20px; } #kiji .inner .content .txt .ot_menu .list { display: block; } #kiji .inner .content .txt .ot_menu .list li { width: 100%; margin: 0px; } #kiji .inner .content .txt .ot_menu .list li:nth-child(4n) { margin: 0px 4% 0px 0px; } #kiji .inner .content .txt .ot_menu .flex { display: block; } #kiji .inner .content .txt .ot_menu .flex .box { width: 100%; margin: 0px 0px 45px; } #kiji .inner .content .txt .ot_menu .flex .box:last-child { margin-bottom: 0px; } #kiji .inner .content .txt .ot_menu .flex + h3 { margin-top: 60px; } } #restaurant .u_main { margin-bottom: 90px; } #restaurant .list { margin-bottom: 80px; } #restaurant .list .restaurant .lead { margin-bottom: 130px; } #restaurant .list .restaurant .lead .img { line-height: 0; position: relative; margin-bottom: 35px; } #restaurant .list .restaurant .lead .img .ttl { position: absolute; inset: 0px; background: rgba(17, 17, 17, 0.2); width: 100%; height: 100%; color: rgb(255, 255, 255); font-family: Jost, sans-serif; font-size: 6rem; font-weight: 500; letter-spacing: 0.2em; text-align: center; } #restaurant .list .restaurant .lead .txt { overflow: hidden; } #restaurant .list .restaurant .lead .txt .logo { float: left; } #restaurant .list .restaurant .lead .txt .inner { padding: 0px 0px 0px 300px; } #restaurant .list .restaurant .lead .txt .inner h2 { font-size: 2rem; margin-bottom: 20px; font-weight: 500; } #restaurant .list .restaurant .flex { display: flex; flex-wrap: wrap; } #restaurant .list .restaurant .flex .box { width: 47.36%; margin: 0px 5.28% 140px 0px; position: relative; padding-bottom: 39px; } #restaurant .list .restaurant .flex .box:nth-child(2n) { margin: 0px 0px 140px; } #restaurant .list .restaurant .flex .box h2 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 30px; line-height: 1.5; } #restaurant .list .restaurant .flex .box h2 span { display: block; font-family: Jost, sans-serif; font-size: 4.5rem; font-weight: 500; letter-spacing: 0.2em; } #restaurant .list .restaurant .flex .box .img { margin-bottom: 30px; } #restaurant .list .restaurant .flex .box .img a { display: block; position: relative; line-height: 0; padding-top: 66.6666%; } #restaurant .list .restaurant .flex .box .img a::before, #restaurant .list .restaurant .flex .box .img a::after { position: absolute; left: 0px; right: 0px; opacity: 0; transition: all 0.3s ease 0s; } #restaurant .list .restaurant .flex .box .img a::before { content: ""; top: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.6); z-index: 1; } #restaurant .list .restaurant .flex .box .img a::after { content: "More"; color: rgb(255, 255, 255); font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; text-align: center; top: 50%; transform: translate(0px, -50%); z-index: 2; } #restaurant .list .restaurant .flex .box .img a .thum { width: 100%; height: 100%; position: absolute; inset: 0px; object-fit: cover; } #restaurant .list .restaurant .flex .box .img a .kzr { position: absolute; bottom: 0px; right: 0px; z-index: 3; } @media (hover: hover) and (pointer: fine) { #restaurant .list .restaurant .flex .box .img a:hover::before, #restaurant .list .restaurant .flex .box .img a:hover::after { opacity: 1; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #restaurant .list .restaurant .flex .box .img a:hover::before, #restaurant .list .restaurant .flex .box .img a:hover::after { opacity: 1; } } #restaurant .list .restaurant .flex .box .txt .tag { background: rgb(232, 185, 31); color: rgb(255, 255, 255); font-size: 1.3rem; font-weight: 600; width: 82px; height: 21px; line-height: 21px; text-align: center; margin-bottom: 5px; } #restaurant .list .restaurant .flex .box .txt .tag.now { background: rgb(232, 185, 31); } #restaurant .list .restaurant .flex .box .txt .tag.will { background: rgb(82, 41, 25); } #restaurant .list .restaurant .flex .box .txt .ttl { font-size: 1.7rem; font-weight: 500; line-height: 1.765; margin-bottom: 22px; } #restaurant .list .restaurant .flex .box .txt .teigi { border-top: 1px solid rgb(204, 204, 204); margin-bottom: 40px; } #restaurant .list .restaurant .flex .box .txt .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 0px; } #restaurant .list .restaurant .flex .box .txt .teigi dd { padding: 15px 0px 15px 140px; border-bottom: 1px solid rgb(204, 204, 204); } #restaurant .list .restaurant .flex .box .txt .btn_group { display: flex; position: absolute; bottom: 0px; left: 0px; right: 0px; } #restaurant .list .restaurant .flex .box .txt .btn_group .more { width: 100%; } #restaurant .list .restaurant .flex .box .txt .btn_group .more:last-child { margin: 0px; } #restaurant .list .restaurant .flex .box.ancbox { margin-top: -123px; } @media screen and (max-width: 1075px) { #restaurant .list .restaurant .flex .box.ancbox { margin-top: -60px; } } #restaurant .list .restaurant .wrap_block { margin-bottom: 70px; } #restaurant .list .restaurant .wrap_block h2 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 30px; line-height: 1.5; } #restaurant .list .restaurant .wrap_block h2 span { display: block; font-family: Jost, sans-serif; font-size: 4.5rem; font-weight: 500; letter-spacing: 0.2em; } #restaurant .list .restaurant .wrap_block .flex .box { margin-bottom: 80px; } #restaurant .list .restaurant .wrap_block .flex .box.ancbox { margin-top: -123px; } @media screen and (max-width: 1075px) { #restaurant .list .restaurant .wrap_block .flex .box.ancbox { margin-top: -60px; } } #restaurant .list .restaurant .anc { display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin-bottom: 100px; } #restaurant .list .restaurant .anc li { margin: 0px 15px 10px; } #restaurant .list .restaurant .anc li a, #restaurant .list .restaurant .anc li span { padding-bottom: 5px; border-bottom: 1px solid rgb(255, 255, 255); cursor: pointer; transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #restaurant .list .restaurant .anc li a:hover, #restaurant .list .restaurant .anc li span:hover { opacity: 1; border-bottom: 1px solid rgb(49, 49, 49); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #restaurant .list .restaurant .anc li a:hover, #restaurant .list .restaurant .anc li span:hover { opacity: 1; border-bottom: 1px solid rgb(49, 49, 49); } } #restaurant .list .restaurant .ancbox, #restaurant .list .restaurant .othersblock { margin-top: -123px; padding-top: 123px; } #restaurant .list .bar .lead { margin-bottom: 110px; } #restaurant .list .bar .lead .img { line-height: 0; position: relative; margin-bottom: 35px; } #restaurant .list .bar .lead .img .ttl { position: absolute; inset: 0px; background: rgba(17, 17, 17, 0.2); width: 100%; height: 100%; color: rgb(255, 255, 255); font-family: Jost, sans-serif; font-size: 6rem; font-weight: 500; letter-spacing: 0.2em; text-align: center; } #restaurant .list .bar .lead .txt { overflow: hidden; } #restaurant .list .bar .lead .txt .logo { float: left; } #restaurant .list .bar .lead .txt .inner { padding: 0px 0px 0px 300px; } #restaurant .list .bar .lead .txt .inner h2 { font-size: 2rem; margin-bottom: 20px; font-weight: 500; } #restaurant .list .txtbox { font-size: 1.3rem; background: rgb(238, 238, 238); padding: 60px; margin-bottom: 50px; } #restaurant .list .txtbox h3 { font-size: 1.6rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 25px; } #restaurant .list .txtbox .red { color: rgb(174, 0, 4); } #restaurant .list .txtbox .pdf { overflow: hidden; } #restaurant .list .txtbox .pdf span { background: rgb(139, 100, 6); color: rgb(255, 255, 255); font-size: 1.039rem; font-weight: 600; font-family: Jost, sans-serif; border-radius: 3px; width: 34px; height: 16px; line-height: 16px; text-align: center; display: block; float: left; margin: 5px 0px 0px; } #restaurant .list .txtbox .pdf a { display: block; padding-left: 48px; line-height: 1.6; font-size: 1.5rem; font-weight: 500; text-decoration: underline; color: rgb(156, 123, 43); } @media (hover: hover) and (pointer: fine) { #restaurant .list .txtbox .pdf a:hover { text-decoration: none; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #restaurant .list .txtbox .pdf a:hover { text-decoration: none; } } #restaurant .list .txtbox .img li { display: inline-block; margin: 0px 16px 10px 0px; } #restaurant .list .txtbox .img li:last-child { margin: 0px 0px 10px; } #restaurant .list .txtbox .img li span { display: block; text-align: center; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.07em; } #restaurant .list .txtbox.pictgram { padding: 60px 60px 50px; } #restaurant .list .btn_group.last { text-align: center; } #restaurant .list .btn_group.last li { display: inline-block; vertical-align: middle; margin: 0px 45px 0px 0px; } #restaurant .list .btn_group.last li:last-child { margin: 0px; } #restaurant .list .policy.more { text-align: right; } #restaurant .list .policy.more a { display: inline-block; padding-right: 60px; } #restaurant .others { background: rgb(51, 51, 51); color: rgb(238, 238, 238); padding: 120px 0px 82px; } #restaurant .others .wrap { display: flex; } #restaurant .others .wrap .left { width: 28.07%; margin-right: 10.53%; line-height: 2; } #restaurant .others .wrap .left h2 { font-size: 2rem; font-weight: 500; line-height: 1.956; margin-bottom: 20px; } #restaurant .others .wrap .right { width: 61.4%; border-top: 1px solid rgb(90, 90, 90); } #restaurant .others .wrap .right dl dt { float: left; clear: both; padding: 31px 0px; } #restaurant .others .wrap .right dl dd { padding: 35px 0px 44px 190px; border-bottom: 1px solid rgb(90, 90, 90); } #restaurant .others .wrap .right dl dd h3 { font-weight: 500; font-size: 2rem; letter-spacing: 0.1em; margin-bottom: 20px; } #restaurant .others .wrap .right dl dd h3 + p { color: rgb(170, 170, 170); font-size: 1.3rem; line-height: 1.923; } #restaurant .others .wrap .right dl dd .dbtn a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { #restaurant .others .wrap .right dl dd .dbtn a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #restaurant .others .wrap .right dl dd .dbtn a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media screen and (max-width: 1075px) { #restaurant .u_main { margin-bottom: 20px; } #restaurant .list { margin-bottom: 60px; } #restaurant .list .restaurant { margin-bottom: 75px; } #restaurant .list .restaurant .lead { margin-bottom: 50px; } #restaurant .list .restaurant .lead .img { margin: 0px -30px 25px; } #restaurant .list .restaurant .lead .img img { width: 100%; } #restaurant .list .restaurant .lead .img .ttl { font-size: 2.5rem; } #restaurant .list .restaurant .lead .txt .logo { float: none; width: 77.2926px; margin-bottom: 10px; } #restaurant .list .restaurant .lead .txt .inner { padding: 0px; } #restaurant .list .restaurant .lead .txt .inner h2 { font-size: 1.6rem; margin-bottom: 13px; } #restaurant .list .restaurant .flex { display: block; } #restaurant .list .restaurant .flex .box { width: 100%; margin: 0px 0px 50px; } #restaurant .list .restaurant .flex .box:nth-child(2n) { margin: 0px 0px 50px; } #restaurant .list .restaurant .flex .box h2 { font-size: 1.6rem; } #restaurant .list .restaurant .flex .box h2 span { font-size: 3rem; } #restaurant .list .restaurant .flex .box .txt .teigi dt { padding: 15px 0px 10px; float: none; } #restaurant .list .restaurant .flex .box .txt .teigi dd { padding: 0px 0px 15px; } #restaurant .list .restaurant .flex .box .txt .btn_group { display: block; } #restaurant .list .restaurant .flex .box .txt .btn_group .more { width: 100%; margin: 0px 0px 13px; } #restaurant .list .restaurant .wrap_block { margin-bottom: 50px; } #restaurant .list .restaurant .wrap_block h2 { font-size: 1.6rem; } #restaurant .list .restaurant .wrap_block h2 span { font-size: 3rem; } #restaurant .list .restaurant .wrap_block .flex .box { margin-bottom: 50px; } #restaurant .list .restaurant .ancbox, #restaurant .list .restaurant .othersblock { margin-top: -60px; padding-top: 60px; } #restaurant .list .bar .lead { margin-bottom: 50px; } #restaurant .list .bar .lead .img { margin: 0px -30px 25px; } #restaurant .list .bar .lead .img img { width: 100%; } #restaurant .list .bar .lead .img .ttl { font-size: 2.5rem; } #restaurant .list .bar .lead .txt .logo { float: none; width: 77.2926px; margin-bottom: 10px; } #restaurant .list .bar .lead .txt .inner { padding: 0px; } #restaurant .list .bar .lead .txt .inner h2 { font-size: 1.6rem; margin-bottom: 13px; } #restaurant .list .txtbox { padding: 44px 20px; font-size: 1.5rem; margin-bottom: 20px; } #restaurant .list .txtbox .img li { margin: 0px 13px 10px 0px; } #restaurant .list .txtbox .img li img { width: 52px; height: 52px; } #restaurant .list .txtbox.pictgram { padding: 50px 20px 40px; } #restaurant .list .btn_group { margin: 50px 0px 0px !important; } #restaurant .list .btn_group li { display: block !important; margin: 0px 0px 20px !important; } #restaurant .list .btn_group li a { width: 100% !important; } #restaurant .list .policy.more a { text-align: left; } #restaurant .others { padding: 55px 0px 65px; } #restaurant .others .wrap { display: block; } #restaurant .others .wrap .left, #restaurant .others .wrap .right { width: 100%; } #restaurant .others .wrap .left { margin: 0px 0px 50px; } #restaurant .others .wrap .left h2 { line-height: 2; font-size: 2rem; } #restaurant .others .wrap .right dl dt { width: 90px; height: 90px; padding: 30px 0px; } #restaurant .others .wrap .right dl dd { padding: 40px 0px 35px 114px; } #restaurant .others .wrap .right dl dd h3 { font-size: 1.8rem; margin-bottom: 10px; } } #lajyho_cms .lead { padding: 80px 0px; background: rgb(229, 229, 229); margin-bottom: 80px; } #lajyho_cms .lead .logo { margin-bottom: 25px; } #lajyho_cms .lead h2 { font-size: 3rem; font-weight: 500; line-height: 1.5; margin-bottom: 55px; } #lajyho_cms .lead .flex { display: flex; } #lajyho_cms .lead .flex .left { width: 46.05%; margin-left: 5.18%; -webkit-box-ordinal-group: 3; order: 2; } #lajyho_cms .lead .flex .right { width: 48.77%; } #lajyho_cms .lead .flex .right .teigi { border-top: 1px solid rgb(204, 204, 204); } #lajyho_cms .lead .flex .right .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 5px; } #lajyho_cms .lead .flex .right .teigi dd { padding: 15px 0px 15px 140px; border-bottom: 1px solid rgb(204, 204, 204); } #lajyho_cms .lead .flex .right .teigi dd .dbtn { margin: 10px 0px 0px; } #lajyho_cms .lead .flex .right .teigi dd .dbtn a { padding: 5px 55px 5px 40px; } #lajyho_cms .detail { padding-bottom: 115px; } #lajyho_cms .detail h1, #lajyho_cms .detail h2, #lajyho_cms .detail h3, #lajyho_cms .detail h4, #lajyho_cms .detail h5, #lajyho_cms .detail h6 { font-size: 2rem; line-height: 1.5; font-weight: 500; margin: 70px 0px 30px; } #lajyho_cms .detail .slide { margin-bottom: 95px; } #lajyho_cms .detail .slide .slick-slide { margin: 0px 20px; line-height: 0; } #lajyho_cms .detail .slide .slick-slide img { width: 100%; } #lajyho_cms .detail .slide .slick-slide p { display: block; line-height: 1.5; margin: 20px 0px 0px; font-size: 1.8rem; text-align: center; } #lajyho_cms .detail .slide .slick-arrow { position: absolute; top: -30px; bottom: 0px; margin: auto 0px; width: 70px; height: 70px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; font-size: 0px; z-index: 8; } #lajyho_cms .detail .slide .slick-arrow.slick-next { transform: rotate(180deg); right: calc(9.375% + 20px); } #lajyho_cms .detail .slide .slick-arrow.slick-prev { left: calc(9.375% + 20px); } #lajyho_cms .detail .slide .slick-dots { text-align: center; line-height: 0; margin: 22px 0px 0px; } #lajyho_cms .detail .slide .slick-dots li { display: inline-block; vertical-align: middle; } #lajyho_cms .detail .slide .slick-dots li button { font-size: 0px; width: 60px; height: 3px; background: rgb(202, 202, 202); transition: all 0.3s ease 0s; } #lajyho_cms .detail .slide .slick-dots li.slick-active button { background: rgb(145, 145, 145); } @media (hover: hover) and (pointer: fine) { #lajyho_cms .detail .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #lajyho_cms .detail .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } #lajyho_cms .detail .clumbox { margin-bottom: 80px; } #lajyho_cms .detail .clumbox h3 { font-size: 2rem; font-weight: 500; margin-bottom: 35px; letter-spacing: 0.1em; } #lajyho_cms .detail .clumbox .flex { display: flex; flex-wrap: wrap; } #lajyho_cms .detail .clumbox .flex dl dt { line-height: 0; margin-bottom: 25px; } #lajyho_cms .detail .clumbox .flex dl dd h4 { font-size: 1.7rem; font-weight: 500; line-height: 1.5; margin: 0px 0px 15px; } #lajyho_cms .detail .clumbox .flex.double dl { width: 47.36%; margin: 0px 5.28% 50px 0px; } #lajyho_cms .detail .clumbox .flex.double dl:nth-child(2n) { margin: 0px 0px 50px; } #lajyho_cms .detail .clumbox .flex.triple dl { width: 31.57%; margin: 0px 2.645% 50px 0px; } #lajyho_cms .detail .clumbox .flex.triple dl:nth-child(3n) { margin: 0px 0px 50px; } #lajyho_cms .detail .clumbox .flex.imgbox .img { width: 47.36%; margin-right: 4.05%; line-height: 0; } #lajyho_cms .detail .clumbox .flex.imgbox .txt { width: 48.59%; } #lajyho_cms .detail .ot_menu { background: rgb(238, 238, 238); padding: 60px; margin-bottom: 50px; } #lajyho_cms .detail .ot_menu h3 { font-size: 2rem; font-weight: 500; line-height: 1.5; margin-bottom: 40px; border-left: 3px solid rgb(68, 68, 68); padding-left: 0.5em; } #lajyho_cms .detail .ot_menu h3 + .remarks { margin-top: -20px; margin-bottom: 35px; } #lajyho_cms .detail .ot_menu h4 { color: rgb(156, 123, 43); margin-top: 0px; } #lajyho_cms .detail .ot_menu .list { display: flex; flex-wrap: wrap; } #lajyho_cms .detail .ot_menu .list li { width: 21.27%; margin-right: 4.97%; padding-left: 20px; position: relative; } #lajyho_cms .detail .ot_menu .list li:nth-child(4n) { margin-right: 0px; } #lajyho_cms .detail .ot_menu .list li::after { content: ""; position: absolute; top: 12px; left: 0px; border: 1px solid rgb(119, 119, 119); border-radius: 50%; width: 8px; height: 8px; } #lajyho_cms .detail .ot_menu .flex { display: flex; flex-wrap: wrap; } #lajyho_cms .detail .ot_menu .flex .box { width: 47.64%; margin: 0px 4.72% 50px 0px; } #lajyho_cms .detail .ot_menu .flex .box:nth-child(2n) { margin: 0px 0px 50px; } #lajyho_cms .detail .ot_menu .flex .box h4 { font-size: 1.8rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 15px; } #lajyho_cms .detail .ot_menu .flex .box .list { display: block; } #lajyho_cms .detail .ot_menu .flex .box .list li { width: 100%; margin: 0px; } #lajyho_cms .detail .ot_menu .flex + h3 { margin-top: 20px; } #lajyho_cms .detail .dbtn.last { text-align: center; margin-bottom: 75px; } #lajyho_cms .detail .dbtn.last a { padding: 5px 55px 5px 40px; } #lajyho_cms .detail .attent { font-size: 1.2rem; line-height: 1.667; } #lajyho_cms .plan { background: rgb(229, 229, 229); padding: 75px 0px 80px; margin-bottom: 100px; } #lajyho_cms .plan h3 { font-size: 2rem; font-weight: 500; margin-bottom: 30px; } #lajyho_cms .plan .flex { display: flex; } #lajyho_cms .plan .flex .img { width: 39.47%; -webkit-box-ordinal-group: 3; order: 2; margin: 0px 0px 0px 4.39%; line-height: 0; } #lajyho_cms .plan .flex .txt { width: 56.14%; } #lajyho_cms .plan .flex .txt .more { margin: 45px 0px 0px; } #lajyho_cms .plan .flex .txt .more a { display: inline-block; padding-right: 15px; font-weight: 500; } #lajyho_cms .plan .flex .txt .more a::after { top: -11px; } #lajyho_cms .lastblock { padding-bottom: 130px; } #lajyho_cms .lastblock h3 { font-size: 2rem; font-weight: 500; line-height: 1.5; margin-bottom: 30px; } #lajyho_cms .lastblock h3 span { display: block; width: 68px; height: 21px; line-height: 21px; color: rgb(255, 255, 255); background: rgb(232, 185, 31); font-size: 1.3rem; font-weight: bold; text-align: center; margin-bottom: 10px; } #lajyho_cms .lastblock .flex { display: flex; } #lajyho_cms .lastblock .flex .img { width: 47.36%; margin-right: 4.05%; line-height: 0; } #lajyho_cms .lastblock .flex .txt { width: 48.59%; } #lajyho_cms .lastblock .flex .txt .more { margin: 45px 0px 0px; } #lajyho_cms .lastblock .flex .txt .more a { display: inline-block; padding-right: 15px; font-weight: 500; } #lajyho_cms .lastblock .flex .txt .more a::after { top: -11px; } @media screen and (max-width: 834px) { #lajyho_cms .lead { padding: 55px 0px 60px; } #lajyho_cms .lead h2 { font-size: 2.4rem; margin-bottom: 35px; } #lajyho_cms .lead .flex { display: block; } #lajyho_cms .lead .flex .left, #lajyho_cms .lead .flex .right { width: 100%; } #lajyho_cms .lead .flex .left { margin: 0px 0px 50px; } #lajyho_cms .lead .flex .right .teigi dd { padding: 15px 0px 15px 90px; } #lajyho_cms .detail .slide { margin-bottom: 65px; } #lajyho_cms .detail .slide .slick-slide { margin: 0px 10px; } #lajyho_cms .detail .slide .slick-arrow { width: 35px; height: 35px; } #lajyho_cms .detail .slide .slick-arrow.slick-prev { left: calc(9.375% + 10px); } #lajyho_cms .detail .slide .slick-arrow.slick-next { right: calc(9.375% + 10px); } #lajyho_cms .detail .clumbox { margin-bottom: 65px; } #lajyho_cms .detail .clumbox h3 { margin-bottom: 25px; } #lajyho_cms .detail .clumbox .flex.double { display: block; } #lajyho_cms .detail .clumbox .flex.double dl { width: 100%; margin: 0px 0px 40px; } #lajyho_cms .detail .clumbox .flex.double dl:nth-child(2n) { margin: 0px 0px 40px; } #lajyho_cms .detail .clumbox .flex.triple dl { width: 47.36%; margin: 0px 5.28% 30px 0px; } #lajyho_cms .detail .clumbox .flex.triple dl:nth-child(3n) { margin: 0px 5.28% 30px 0px; } #lajyho_cms .detail .clumbox .flex.triple dl:nth-child(2n) { margin: 0px 0px 30px; } #lajyho_cms .detail .clumbox .flex.triple dl dt { margin-bottom: 15px; } #lajyho_cms .detail .clumbox .flex.imgbox { display: block; } #lajyho_cms .detail .clumbox .flex.imgbox .img { width: 100%; margin: 0px 0px 20px; } #lajyho_cms .detail .clumbox .flex.imgbox .txt { width: 100%; } #lajyho_cms .detail .ot_menu { padding: 30px; } #lajyho_cms .detail .ot_menu h3 { margin-bottom: 20px; } #lajyho_cms .detail .ot_menu .list { display: block; } #lajyho_cms .detail .ot_menu .list li { width: 100%; margin: 0px; } #lajyho_cms .detail .ot_menu .list li:nth-child(4n) { margin: 0px 4% 0px 0px; } #lajyho_cms .detail .ot_menu .flex { display: block; } #lajyho_cms .detail .ot_menu .flex .box { width: 100%; margin: 0px 0px 45px; } #lajyho_cms .detail .ot_menu .flex .box:last-child { margin-bottom: 0px; } #lajyho_cms .detail .ot_menu .flex + h3 { margin-top: 60px; } #lajyho_cms .detail .dbtn.last { padding-bottom: 0px; margin-bottom: 50px; } #lajyho_cms .plan .flex, #lajyho_cms .lastblock .flex { display: block; } #lajyho_cms .plan .flex .img, #lajyho_cms .plan .flex .txt, #lajyho_cms .lastblock .flex .img, #lajyho_cms .lastblock .flex .txt { width: 100%; } #lajyho_cms .plan .flex .img, #lajyho_cms .lastblock .flex .img { margin: 0px 0px 20px; } #lajyho_cms .plan .flex .txt .more, #lajyho_cms .lastblock .flex .txt .more { margin: 30px 0px 0px; display: block; width: 100%; } #lajyho_cms .plan .flex .txt .more a, #lajyho_cms .lastblock .flex .txt .more a { display: block; width: 100% !important; } #lajyho_cms .plan { padding: 65px 0px 70px; margin-bottom: 70px; } #lajyho_cms .lastblock { padding-bottom: 90px; } #lajyho_cms .sp-marginb { margin-bottom: 0px !important; } #lajyho_cms .sp-margint { margin-top: 0px !important; } #lajyho_cms .sp-none { display: none; } } #lajyho_cms.breakfast .lead .logo { margin-bottom: 45px; } #lajyho_cms.breakfast .lead h2 { font-size: 2rem; margin-bottom: 45px; } #lajyho_cms.breakfast .detail { padding-bottom: 50px; } @media screen and (max-width: 834px) { #lajyho_cms.breakfast .lead .logo { margin-bottom: 25px; } #lajyho_cms.breakfast .lead h2 { margin-bottom: 35px; } } #bar .lead { padding: 55px 0px 115px; background: rgb(229, 229, 229); margin-bottom: 120px; } #bar .lead .logo { margin-bottom: 45px; } #bar .lead h2 { font-size: 2rem; margin-bottom: 55px; font-weight: 500; line-height: 1.5; } #bar .lead .flex { display: flex; } #bar .lead .flex .left { width: 46.05%; margin-left: 5.18%; -webkit-box-ordinal-group: 3; order: 2; } #bar .lead .flex .right { width: 48.77%; } #bar .lead .flex .right .teigi { border-top: 1px solid rgb(204, 204, 204); } #bar .lead .flex .right .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 5px; } #bar .lead .flex .right .teigi dd { padding: 15px 0px 15px 140px; border-bottom: 1px solid rgb(204, 204, 204); } #bar .lead .flex .right .teigi dd .dbtn { margin: 10px 0px 0px; } #bar .lead .flex .right .teigi dd .dbtn a { padding: 5px 55px 5px 40px; } #bar .fair .wrap { display: flex; flex-wrap: wrap; } #bar .fair .wrap .box { width: 47.36%; margin: 0px 5.28% 140px 0px; } #bar .fair .wrap .box:nth-child(2n) { margin: 0px 0px 140px; } #bar .fair .wrap .box h2 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 30px; line-height: 1.5; } #bar .fair .wrap .box h2 span { display: block; font-family: Jost, sans-serif; font-size: 4.5rem; font-weight: 500; letter-spacing: 0.2em; } #bar .fair .wrap .box .img { margin-bottom: 30px; } #bar .fair .wrap .box .img a { display: block; position: relative; line-height: 0; } #bar .fair .wrap .box .img a::before, #bar .fair .wrap .box .img a::after { position: absolute; left: 0px; right: 0px; opacity: 0; transition: all 0.3s ease 0s; } #bar .fair .wrap .box .img a::before { content: ""; top: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.6); } #bar .fair .wrap .box .img a::after { content: "More"; color: rgb(255, 255, 255); font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; text-align: center; top: 50%; transform: translate(0px, -50%); } #bar .fair .wrap .box .img a .kzr { position: absolute; bottom: 0px; right: 0px; line-height: 0; } @media (hover: hover) and (pointer: fine) { #bar .fair .wrap .box .img a:hover::before, #bar .fair .wrap .box .img a:hover::after { opacity: 1; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #bar .fair .wrap .box .img a:hover::before, #bar .fair .wrap .box .img a:hover::after { opacity: 1; } } #bar .fair .wrap .box .txt h3 { font-size: 1.7rem; font-weight: 500; line-height: 1.765; margin-bottom: 22px; } #bar .fair .wrap .box .txt .teigi { border-top: 1px solid rgb(204, 204, 204); margin-bottom: 40px; } #bar .fair .wrap .box .txt .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 0px; } #bar .fair .wrap .box .txt .teigi dd { padding: 15px 0px 15px 55px; border-bottom: 1px solid rgb(204, 204, 204); } #bar .fair .wrap .box .txt .more a { width: 250px; } #bar .plan { background: rgb(51, 51, 51); color: rgb(255, 255, 255); padding: 110px 0px 120px; margin-bottom: 125px; } #bar .plan .wrap { display: flex; } #bar .plan .wrap .left { width: 28.07%; margin: 0px 10.53% 0px 0px; } #bar .plan .wrap .left h2 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 70px; line-height: 1.5; } #bar .plan .wrap .left h2 span { display: block; font-family: Jost, sans-serif; font-size: 4.5rem; font-weight: 500; letter-spacing: 0.2em; } #bar .plan .wrap .right { width: 61.4%; } #bar .plan .wrap .right .teigi { border-top: 1px solid rgb(90, 90, 90); margin-bottom: 40px; } #bar .plan .wrap .right .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 0px; } #bar .plan .wrap .right .teigi dd { padding: 15px 0px 15px 210px; border-bottom: 1px solid rgb(90, 90, 90); } #bar .plan .wrap .right .attent { color: rgb(170, 170, 170); font-size: 1.3rem; } #bar .slide { margin-bottom: 95px; } #bar .slide .slick-slide { margin: 0px 20px; line-height: 0; } #bar .slide .slick-slide img { width: 100%; } #bar .slide .slick-arrow { position: absolute; top: -30px; bottom: 0px; margin: auto 0px; width: 70px; height: 70px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; font-size: 0px; z-index: 8; } #bar .slide .slick-arrow.slick-next { transform: rotate(180deg); right: calc(9.375% + 20px); } #bar .slide .slick-arrow.slick-prev { left: calc(9.375% + 20px); } #bar .slide .slick-dots { text-align: center; line-height: 0; margin: 22px 0px 0px; } #bar .slide .slick-dots li { display: inline-block; vertical-align: middle; } #bar .slide .slick-dots li button { font-size: 0px; width: 60px; height: 3px; background: rgb(202, 202, 202); transition: all 0.3s ease 0s; } #bar .slide .slick-dots li.slick-active button { background: rgb(145, 145, 145); } @media (hover: hover) and (pointer: fine) { #bar .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #bar .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media screen and (max-width: 834px) { #bar .lead { padding: 55px 0px 60px; margin-bottom: 60px; } #bar .lead .logo { margin-bottom: 25px; } #bar .lead h2 { margin-bottom: 35px; } #bar .lead .flex { display: block; } #bar .lead .flex .left, #bar .lead .flex .right { width: 100%; } #bar .lead .flex .left { margin: 0px 0px 50px; } #bar .lead .flex .right .teigi dd { padding: 15px 0px 15px 90px; } #bar .fair { margin: 0px 0px 80px; } #bar .fair .wrap { display: block; } #bar .fair .wrap .box { width: 100%; margin: 0px 0px 50px; } #bar .fair .wrap .box:nth-child(2n) { margin: 0px 0px 50px; } #bar .fair .wrap .box h2 { font-size: 1.6rem; } #bar .fair .wrap .box h2 span { font-size: 3rem; } #bar .fair .wrap .box .txt .teigi dt { padding: 15px 0px 10px; float: none; } #bar .fair .wrap .box .txt .teigi dd { padding: 0px 0px 15px; } #bar .fair .wrap .box .txt .more a { width: 100%; margin: 0px 0px 13px; } #bar .plan { padding: 65px 0px; margin-bottom: 60px; } #bar .plan .wrap { display: block; } #bar .plan .wrap .left, #bar .plan .wrap .right { width: 100%; } #bar .plan .wrap .right .teigi dt { padding: 15px 0px 10px; float: none; } #bar .plan .wrap .right .teigi dd { padding: 0px 0px 15px; } #bar .plan .wrap .left { margin: 0px 0px 30px; } #bar .plan .wrap .left h2 { font-size: 1.6rem; margin-bottom: 35px; } #bar .plan .wrap .left h2 span { font-size: 3rem; } #bar .plan .wrap .left .img { text-align: center; } #bar .slide { margin-bottom: 65px; } #bar .slide .slick-slide { margin: 0px 10px; } #bar .slide .slick-arrow { width: 35px; height: 35px; } #bar .slide .slick-arrow.slick-prev { left: calc(9.375% + 10px); } #bar .slide .slick-arrow.slick-next { right: calc(9.375% + 10px); } } #sight { background: rgb(229, 229, 229); overflow: hidden; } #sight .map-wrap { position: relative; width: 100%; padding-top: 54.6875%; margin-bottom: 95px; display: none; } #sight .map-wrap .map { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #sight .fillter { font-size: 1.4rem; font-weight: 500; margin-bottom: 65px; } #sight .fillter dt { float: left; clear: both; width: 85px; position: relative; } #sight .fillter dt::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; margin: auto 0px; width: 1px; height: 45%; background: rgb(51, 51, 51); } #sight .fillter dd { padding-left: 106px; margin-bottom: 15px; } #sight .fillter dd ul li { display: inline-block; vertical-align: top; margin: 0px 20px 0px 0px; } #sight .fillter dd ul li:last-child { margin: 0px; } #sight .fillter dd ul li label { display: inline-block; } #sight .fillter dd ul li label input { display: none; } #sight .fillter dd ul li label input:checked + span { color: rgb(156, 123, 43); } #sight .fillter dd ul li label input:checked + span::after { content: ""; position: absolute; bottom: -5px; left: 0px; right: 0px; width: 100%; height: 1px; background: rgb(156, 123, 43); } #sight .fillter dd ul li label span { position: relative; } #sight .list { display: flex; flex-wrap: wrap; margin-right: -4.07%; padding-bottom: 50px; } #sight .list .list_item { width: 29.26%; margin: 0px 4.07% 85px 0px; position: relative; padding-bottom: 39px; } #sight .list .list_item .img { line-height: 0; margin-bottom: 25px; } #sight .list .list_item .txt h3 { font-weight: 500; font-size: 1.7rem; margin-bottom: 10px; line-height: 1.5; } #sight .list .list_item .txt .time { font-weight: 500; color: rgb(156, 123, 43); margin-bottom: 15px; } #sight .list .list_item .txt .teigi { border-top: 1px solid rgb(204, 204, 204); margin-bottom: 30px; } #sight .list .list_item .txt .teigi dt { float: left; clear: both; font-weight: 500; padding: 10px 5px; } #sight .list .list_item .txt .teigi dd { padding: 10px 0px 10px 100px; border-bottom: 1px solid rgb(204, 204, 204); } #sight .list .list_item .txt .teigi dd .dbtn { margin: 10px 0px 0px; } #sight .list .list_item .txt .teigi dd .dbtn a { padding: 5px 55px 5px 40px; } #sight .list .list_item .txt .more { position: absolute; bottom: 0px; left: 0px; right: 0px; } @media screen and (max-width: 834px) { #sight .iframe_wrap { margin-bottom: 65px; padding-top: 133.333%; } #sight .fillter dt { float: none; width: 100%; margin-bottom: 5px; padding-top: 15px; } #sight .fillter dt::after { display: none; } #sight .fillter dt:first-child { border-top: 1px solid rgb(204, 204, 204); } #sight .fillter dd { padding-left: 0px; border-bottom: 1px solid rgb(204, 204, 204); padding-bottom: 15px; margin-bottom: 0px; } #sight .fillter dd ul li { margin: 0px 20px 10px 0px; font-weight: 400; } #sight .list { margin-right: 0px; display: block; } #sight .list .list_item { width: 100%; margin: 0px 0px 50px; } #sight .list .list_item .txt h3 { font-size: 1.6rem; } #sight .list .list_item .txt .time, #sight .list .list_item .txt .teigi { font-size: 1.4rem; } } #release { background: rgb(229, 229, 229); padding-bottom: 170px; } #release .year { vertical-align: top; margin-bottom: 30px; } #release .year li { display: inline-block; margin: 0px 25px 5px 0px; } #release .year li a { font-family: Jost, sans-serif; display: inline-block; border-bottom: 1px solid rgb(229, 229, 229); opacity: 0.5; } #release .year li:last-child { margin: 0px 0px 5px; } #release .year li.active a { border-bottom: 1px solid rgb(64, 64, 64); opacity: 1; } @media (hover: hover) and (pointer: fine) { #release .year li:hover a { border-bottom: 1px solid rgb(64, 64, 64); opacity: 1; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #release .year li:hover a { border-bottom: 1px solid rgb(64, 64, 64); opacity: 1; } } #release .tab-area { margin-bottom: 70px; } #release .tab-area li { border-bottom: 1px solid rgb(229, 229, 229); cursor: pointer; transition: all 0.3s ease 0s; display: inline-block; margin: 0px 30px 10px 0px; padding: 0px; } #release .tab-area li:last-child { margin: 0px 0px 10px; } #release .tab-area li { } #release .panel-area .panel { display: none; } #release .panel-area .panel.active { display: block; } #release .panel-area .panel dt { float: left; clear: both; font-family: Jost, sans-serif; padding: 0px 15px; font-size: 1.4rem; height: 58px; line-height: 58px; font-weight: 500; } #release .panel-area .panel dd { padding: 0px 0px 0px 118px; border-bottom: 1px solid rgb(204, 204, 204); } #release .panel-area .panel dd a { display: block; padding: 15px 42px 15px 32px; position: relative; } #release .panel-area .panel dd a[href$=".pdf"]::before { content: ""; position: absolute; top: 20px; left: 0px; margin: auto 0px; width: 14px; height: 19px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #release .panel-area .panel dd a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media screen and (max-width: 834px) { #release { padding-bottom: 80px; } #release .tab-area { margin-bottom: 45px; } #release .panel-area .panel dt { float: none; padding: 15px 0px 0px; height: auto; line-height: 1.5; } #release .panel-area .panel dd { padding-left: 0px; } } #stay_index { background: rgb(229, 229, 229); } #stay_index .lead { margin-bottom: 50px; } #stay_index .lead .inner { max-width: 700px; } #stay_index .lead .inner .pagettl { margin-bottom: 30px; } #stay_index .list { margin-bottom: 61px; } #stay_index .list .fillter { font-size: 1.4rem; font-weight: 500; margin-bottom: 65px; } #stay_index .list .fillter dt { float: left; clear: both; width: 105px; position: relative; } #stay_index .list .fillter dt::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; margin: auto 0px; width: 1px; height: 45%; background: rgb(51, 51, 51); } #stay_index .list .fillter dd { padding-left: 126px; margin-bottom: 15px; } #stay_index .list .fillter dd ul li { display: inline-block; vertical-align: top; margin: 0px 20px 0px 0px; } #stay_index .list .fillter dd ul li:last-child { margin: 0px; } #stay_index .list .fillter dd ul li label { display: inline-block; } #stay_index .list .fillter dd ul li label input { display: none; } #stay_index .list .fillter dd ul li label input:checked + span { color: rgb(156, 123, 43); } #stay_index .list .fillter dd ul li label input:checked + span::after { content: ""; position: absolute; bottom: -5px; left: 0px; right: 0px; width: 100%; height: 1px; background: rgb(156, 123, 43); } #stay_index .list .fillter dd ul li label span { position: relative; } #stay_index .list .flex { display: flex; flex-wrap: wrap; margin-right: -5%; } #stay_index .list .flex .box { width: 45%; margin: 0px 5% 70px 0px; } #stay_index .list .flex .box .img { overflow: hidden; line-height: 0; margin-bottom: 25px; } #stay_index .list .flex .box .img a { display: block; position: relative; } #stay_index .list .flex .box .img a::before, #stay_index .list .flex .box .img a::after { position: absolute; left: 0px; right: 0px; opacity: 0; transition: all 0.3s ease 0s; } #stay_index .list .flex .box .img a::before { content: ""; top: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.6); } #stay_index .list .flex .box .img a::after { content: "More"; color: rgb(255, 255, 255); font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; text-align: center; top: 50%; transform: translate(0px, -50%); } @media (hover: hover) and (pointer: fine) { #stay_index .list .flex .box .img a:hover::before, #stay_index .list .flex .box .img a:hover::after { opacity: 1; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #stay_index .list .flex .box .img a:hover::before, #stay_index .list .flex .box .img a:hover::after { opacity: 1; } } #stay_index .list .flex .box .img a .kazari { position: absolute; bottom: 0px; right: 0px; } #stay_index .list .flex .box .txt .ttl { font-size: 1.7rem; font-weight: 500; margin-bottom: 5px; } #stay_index .list .flex .box .txt .capa { color: rgb(119, 119, 119); } #stay_index .list .flex .box .txt .btn_group { display: flex; } #stay_index .list .flex .box .txt .btn_group .more { width: 48%; margin: 0px 4% 0px 0px; } #stay_index .list .flex .box .txt .btn_group .more:last-child { margin: 0px; } #stay_index .facilities { background: rgb(255, 255, 255); padding: 85px 0px 110px; margin-bottom: 105px; } #stay_index .facilities .wrap { display: flex; } #stay_index .facilities .wrap .left { width: 38.59%; padding-right: 10.43%; } #stay_index .facilities .wrap .left h2 { font-family: Jost, sans-serif; font-size: 3.5rem; font-weight: 500; letter-spacing: 0.2em; margin-bottom: 20px; } #stay_index .facilities .wrap .right { width: 61.41%; } #stay_index .facilities .wrap .right dl { border-top: 1px solid rgb(229, 229, 229); } #stay_index .facilities .wrap .right dl dt { float: left; clear: both; line-height: 0; padding: 28px 0px; } #stay_index .facilities .wrap .right dl dd { padding: 38px 12px 48px 82px; border-bottom: 1px solid rgb(229, 229, 229); } #stay_index .facilities .wrap .right dl dd h3 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 15px; } #stay_index .features { margin-bottom: 150px; } #stay_index .features h2 { font-family: Jost, sans-serif; font-size: 3.5rem; font-weight: 500; letter-spacing: 0.2em; margin-bottom: 50px; } #stay_index .features .box { margin-bottom: 80px; } #stay_index .features .box:last-child { margin-bottom: 0px; } #stay_index .features .box h3 { overflow: hidden; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 7px 0px; display: flex; margin-bottom: 50px; } #stay_index .features .box h3 .pt, #stay_index .features .box h3 .ttl { display: block; } #stay_index .features .box h3 .pt { width: 118px; position: relative; color: rgb(119, 119, 119); font-family: Jost, sans-serif; font-size: 1.7rem; font-weight: 500; letter-spacing: 0.2em; margin-right: 34px; } #stay_index .features .box h3 .pt span { font-size: 3.5rem; color: rgb(51, 51, 51); margin-left: 7px; } #stay_index .features .box h3 .pt::after { content: ""; position: absolute; top: 19px; right: 0px; width: 1px; height: 30px; background: rgb(204, 204, 204); } #stay_index .features .box h3 .ttl { width: calc(100% - 152px); font-size: 2.5rem; line-height: 1.5; padding: 13px 0px 0px; } #stay_index .features .box .flex { display: flex; } #stay_index .features .box .flex .img { width: 39.47%; line-height: 0; margin: 0px 0px 0px 4.39%; } #stay_index .features .box .flex .txt { width: 56.14%; } #stay_index .pagenav { position: relative; color: rgb(255, 255, 255); padding-bottom: 120px; background: rgb(90, 90, 90); } #stay_index .pagenav::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; background: rgb(229, 229, 229); z-index: 1; width: 100%; height: 80px; } #stay_index .pagenav .wrap { position: relative; z-index: 2; display: flex; } #stay_index .pagenav .wrap .box { width: 29.82%; margin-right: 5.27%; position: relative; } #stay_index .pagenav .wrap .box .imgwrap { display: block; position: relative; } #stay_index .pagenav .wrap .box .imgwrap .ttl { position: absolute; inset: 0px; text-align: center; font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; letter-spacing: 0.15em; line-height: 1.533; z-index: 2; margin-bottom: 0px; } #stay_index .pagenav .wrap .box .imgwrap::after { content: ""; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.25); z-index: 1; } #stay_index .pagenav .wrap .box .imgwrap .img { line-height: 0; } #stay_index .pagenav .wrap .box .imgwrap .kzr { line-height: 0; position: absolute; bottom: 0px; right: 0px; z-index: 3; } #stay_index .pagenav .wrap .box .imgwrap::before { content: ""; position: absolute; inset: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0); z-index: 2; transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #stay_index .pagenav .wrap .box .imgwrap:hover::before { background: rgba(51, 51, 51, 0.6); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #stay_index .pagenav .wrap .box .imgwrap:hover::before { background: rgba(51, 51, 51, 0.6); } } #stay_index .pagenav .wrap .box:last-child { margin-right: 0px; } #stay_index .pagenav .wrap .box:last-child .imgwrap::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(62, 177, 170, 0.5) 0%, rgba(255, 165, 129, 0.5) 100%); z-index: 1; mix-blend-mode: hard-light; } #stay_index .pagenav .wrap .box:last-child .imgwrap::after { background: rgba(0, 0, 0, 0.15); transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #stay_index .pagenav .wrap .box:last-child .imgwrap:hover::after { background: rgba(51, 51, 51, 0.6); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #stay_index .pagenav .wrap .box:last-child .imgwrap:hover::after { background: rgba(51, 51, 51, 0.6); } } #stay_index .pagenav .wrap .box .txt .ttl { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #stay_index .pagenav .wrap .box .txt .more { position: absolute; bottom: 0px; right: 0px; left: 0px; } #stay_index .pagenav .wrap .box .txt .more a { margin-bottom: 0px; } @media screen and (max-width: 834px) { #stay_index .list { margin: 0px 0px 65px; } #stay_index .list .fillter { border-top: 1px solid rgb(204, 204, 204); } #stay_index .list .fillter dt { float: none; width: 100%; margin-bottom: 5px; padding-top: 15px; } #stay_index .list .fillter dt::after { display: none; } #stay_index .list .fillter dd { padding-left: 0px; border-bottom: 1px solid rgb(204, 204, 204); padding-bottom: 15px; margin-bottom: 0px; } #stay_index .list .fillter dd ul li { margin: 0px 20px 10px 0px; font-weight: 400; } #stay_index .list .flex { display: block; margin: 0px; } #stay_index .list .flex .box { width: 100%; margin: 0px 0px 50px; } #stay_index .facilities { padding: 60px 0px 75px; margin-bottom: 60px; } #stay_index .facilities .wrap { display: block; } #stay_index .facilities .wrap .left, #stay_index .facilities .wrap .right { width: 100%; } #stay_index .facilities .wrap .left { padding: 0px; margin: 0px 0px 50px; } #stay_index .facilities .wrap .left h2 { font-size: 3rem; margin-bottom: 13px; } #stay_index .features { margin-bottom: 70px; } #stay_index .features h2 { font-size: 3rem; margin-bottom: 35px; } #stay_index .features .box { margin-bottom: 60px; } #stay_index .features .box h3 { margin-bottom: 35px; } #stay_index .features .box h3 .pt { font-size: 1.5rem; width: 90px; margin-right: 20px; } #stay_index .features .box h3 .pt span { font-size: 2.5rem; } #stay_index .features .box h3 .pt::after { top: 10px; } #stay_index .features .box h3 .ttl { padding: 5px 0px 0px; width: calc(100% - 110px); } #stay_index .features .box .flex { display: block; } #stay_index .features .box .flex .img, #stay_index .features .box .flex .txt { width: 100%; } #stay_index .features .box .flex .txt { margin-bottom: 30px; } #stay_index .features .box .flex .img { margin: 0px; } #stay_index .pagenav { background: rgb(90, 90, 90); padding-bottom: 1px; } #stay_index .pagenav::before { display: none; } #stay_index .pagenav .wrap { display: block; padding: 0px; } #stay_index .pagenav .wrap .box { width: 100%; } #stay_index .pagenav .wrap .box a { } #stay_index .pagenav .wrap .box a .img img { width: 100%; } #stay_index .pagenav .wrap .box a .ttl { font-size: 2.5rem; } #stay_index .pagenav .wrap .box .txt { padding: 0px 30px; } #stay_index .pagenav .wrap .box .txt .ttl { font-size: 1.6rem; margin-bottom: 15px; } #stay_index .pagenav .wrap .box .more { padding: 0px 30px; } } #stay_detail { background: rgb(229, 229, 229); } #stay_detail .img_main { margin-bottom: 90px; } #stay_detail .lead .inner { margin-bottom: 50px; } #stay_detail .lead .inner h1 { font-size: 3rem; font-weight: 500; margin-bottom: 35px; letter-spacing: 0.1em; } #stay_detail .lead .inner p { max-width: 700px; } #stay_detail .lead .flex { display: flex; margin-bottom: 100px; } #stay_detail .lead .flex .left { width: 61.4%; margin-right: 10.53%; } #stay_detail .lead .flex .left .teigi { border-top: 1px solid rgb(204, 204, 204); margin-bottom: 50px; } #stay_detail .lead .flex .left .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 0px; } #stay_detail .lead .flex .left .teigi dd { padding: 15px 0px 15px 220px; border-bottom: 1px solid rgb(204, 204, 204); } #stay_detail .lead .flex .left .more a { width: 280px; } #stay_detail .lead .flex .right { width: 28.07%; } #stay_detail .lead .flex .right .img { margin-bottom: 15px; } #stay_detail .lead .flex .right .img a { display: block; line-height: 0; } #stay_detail .lead .flex .right .kakudai { text-align: right; } #stay_detail .lead .flex .right .kakudai img, #stay_detail .lead .flex .right .kakudai span { vertical-align: middle; } #stay_detail .lead .flex .right .kakudai img { margin-right: 5px; } #stay_detail .lead .slide { margin-bottom: 95px; } #stay_detail .lead .slide .slick-slide { margin: 0px 20px; line-height: 0; } #stay_detail .lead .slide .slick-slide span { display: block; padding-top: 56.25%; position: relative; } #stay_detail .lead .slide .slick-slide img { width: 100%; height: 100%; position: absolute; inset: 0px; object-fit: cover; } #stay_detail .lead .slide .slick-arrow { position: absolute; top: -30px; bottom: 0px; margin: auto 0px; width: 70px; height: 70px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; font-size: 0px; z-index: 8; } #stay_detail .lead .slide .slick-arrow.slick-next { transform: rotate(180deg); right: calc(9.375% + 20px); } #stay_detail .lead .slide .slick-arrow.slick-prev { left: calc(9.375% + 20px); } #stay_detail .lead .slide .slick-dots { text-align: center; line-height: 0; margin: 22px 0px 0px; } #stay_detail .lead .slide .slick-dots li { display: inline-block; vertical-align: middle; } #stay_detail .lead .slide .slick-dots li button { font-size: 0px; width: 60px; height: 3px; background: rgb(202, 202, 202); transition: all 0.3s ease 0s; } #stay_detail .lead .slide .slick-dots li.slick-active button { background: rgb(145, 145, 145); } @media (hover: hover) and (pointer: fine) { #stay_detail .lead .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #stay_detail .lead .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } #stay_detail .facilities { background: rgb(255, 255, 255); padding: 100px 0px 120px; } #stay_detail .facilities .wrap { display: flex; } #stay_detail .facilities .wrap .left { width: 38.59%; padding-right: 10.43%; } #stay_detail .facilities .wrap .left h2 { font-family: Jost, sans-serif; font-size: 3.5rem; font-weight: 500; letter-spacing: 0.2em; margin-bottom: 20px; line-height: 1.5; } #stay_detail .facilities .wrap .left h2 .en, #stay_detail .facilities .wrap .left h2 .jp { display: block; } #stay_detail .facilities .wrap .left h2 .en { margin-bottom: 35px; } #stay_detail .facilities .wrap .left h2 .jp { font-size: 1.5rem; font-weight: 500; } #stay_detail .facilities .wrap .left h2 .jp img, #stay_detail .facilities .wrap .left h2 .jp span { vertical-align: middle; letter-spacing: 0.1em; } #stay_detail .facilities .wrap .right { width: 61.41%; } #stay_detail .facilities .wrap .right ul { border-top: 1px solid rgb(229, 229, 229); } #stay_detail .facilities .wrap .right ul li { padding: 40px 0px; border-bottom: 1px solid rgb(229, 229, 229); } #stay_detail .facilities .wrap .right ul li .block-flex-img46 { margin-bottom: 40px; } #stay_detail .facilities .wrap .right ul li .block-flex-img46:last-child { margin-bottom: 0px; } #stay_detail .facilities .wrap .right ul li .block-flex-img46 .txt { display: flex; -webkit-box-align: center; align-items: center; } #stay_detail .facilities .wrap .right ul li .block-flex-img46 .txt .ttl { font-weight: 700; font-size: 1.8rem; margin-bottom: 15px; } #stay_detail .recbox { background: rgb(229, 229, 229); position: relative; } #stay_detail .recbox .wrap { position: relative; z-index: 2; padding-top: 100px; margin-bottom: 110px; } #stay_detail .recbox .wrap h2 { text-align: center; font-size: 2.5rem; margin-bottom: 25px; font-weight: 500; letter-spacing: 0.1em; } #stay_detail .recbox .wrap .flex { display: flex; flex-wrap: wrap; } #stay_detail .recbox .wrap .flex .box { width: 21.05%; margin: 0px 5.26% 75px 0px; padding-bottom: 39px; position: relative; } #stay_detail .recbox .wrap .flex .box:nth-child(4n) { margin: 0px 0px 75px; } #stay_detail .recbox .wrap .flex .box .img { line-height: 0; margin-bottom: 22px; } #stay_detail .recbox .wrap .flex .box .img a { display: block; } #stay_detail .recbox .wrap .flex .box .img a img { width: 100%; } #stay_detail .recbox .wrap .flex .box .txt .new { width: 46px; height: 21px; line-height: 21px; background: rgb(232, 185, 31); color: rgb(255, 255, 255); text-align: center; margin: 0px 0px 5px; font-size: 13px; font-weight: bold; } #stay_detail .recbox .wrap .flex .box .txt .ttl { margin-bottom: 5px; letter-spacing: -0.06em; } #stay_detail .recbox .wrap .flex .box .txt .tag { font-size: 1.3rem; color: rgb(119, 119, 119); margin-bottom: 25px; } #stay_detail .recbox .wrap .flex .box .txt .more { position: absolute; bottom: 0px; left: 0px; right: 0px; } #stay_detail .recbox .wrap .dbtn { text-align: right; margin-top: -25px; } @media screen and (max-width: 834px) { #stay_detail .recbox .bg { font-size: 9.884rem; left: -316px; top: 257px; } #stay_detail .recbox .wrap { padding-top: 70px; padding-bottom: 130px; } #stay_detail .recbox .wrap .tab_btn { margin-bottom: 28px; } #stay_detail .recbox .wrap .tab_btn li { margin: 0px 10px; } #stay_detail .recbox .wrap .panel-area .panel .flex .box { width: 46.66%; margin: 0px 6.68% 50px 0px; } #stay_detail .recbox .wrap .panel-area .panel .flex .box:nth-child(4n) { margin: 0px 6.68% 50px 0px; } #stay_detail .recbox .wrap .panel-area .panel .flex .box:nth-child(2n) { margin: 0px 0px 50px; } #stay_detail .recbox .wrap .panel-area .panel .flex .box .txt .ttl { font-size: 1.5rem; } #stay_detail .recbox .wrap .dbtn { margin-top: 0px; text-align: center; } } #stay_detail .pagenav { position: relative; color: rgb(255, 255, 255); padding-bottom: 120px; background: rgb(90, 90, 90); } #stay_detail .pagenav::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; background: rgb(229, 229, 229); z-index: 1; width: 100%; height: 80px; } #stay_detail .pagenav .wrap { position: relative; z-index: 2; display: flex; } #stay_detail .pagenav .wrap .box { width: 29.82%; margin-right: 5.27%; position: relative; } #stay_detail .pagenav .wrap .box .imgwrap { display: block; position: relative; } #stay_detail .pagenav .wrap .box .imgwrap .ttl { position: absolute; inset: 0px; text-align: center; font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; letter-spacing: 0.15em; line-height: 1.533; z-index: 2; margin-bottom: 0px; } #stay_detail .pagenav .wrap .box .imgwrap::after { content: ""; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.25); z-index: 1; } #stay_detail .pagenav .wrap .box .imgwrap .img { line-height: 0; } #stay_detail .pagenav .wrap .box .imgwrap .kzr { line-height: 0; position: absolute; bottom: 0px; right: 0px; z-index: 2; } #stay_detail .pagenav .wrap .box .imgwrap::before { content: ""; position: absolute; inset: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0); z-index: 2; transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #stay_detail .pagenav .wrap .box .imgwrap:hover::before { background: rgba(51, 51, 51, 0.6); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #stay_detail .pagenav .wrap .box .imgwrap:hover::before { background: rgba(51, 51, 51, 0.6); } } #stay_detail .pagenav .wrap .box:last-child { margin-right: 0px; } #stay_detail .pagenav .wrap .box:last-child .imgwrap::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(62, 177, 170, 0.5) 0%, rgba(255, 165, 129, 0.5) 100%); z-index: 1; mix-blend-mode: hard-light; } #stay_detail .pagenav .wrap .box:last-child .imgwrap::after { background: rgba(0, 0, 0, 0.15); transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #stay_detail .pagenav .wrap .box:last-child .imgwrap:hover::after { background: rgba(51, 51, 51, 0.6); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #stay_detail .pagenav .wrap .box:last-child .imgwrap:hover::after { background: rgba(51, 51, 51, 0.6); } } #stay_detail .pagenav .wrap .box .txt .ttl { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #stay_detail .pagenav .wrap .box .txt .more { position: absolute; bottom: 0px; right: 0px; left: 0px; } #stay_detail .pagenav .wrap .box .txt .more a { margin-bottom: 0px; } @media screen and (max-width: 834px) { #stay_detail .img_main { margin-bottom: 55px; } #stay_detail .lead { margin-bottom: 65px; } #stay_detail .lead .inner { margin-bottom: 45px; } #stay_detail .lead .inner h1 { font-size: 2.5rem; margin-bottom: 20px; } #stay_detail .lead .flex { display: block; margin-bottom: 55px; } #stay_detail .lead .flex .left, #stay_detail .lead .flex .right { width: 100%; } #stay_detail .lead .flex .left { margin: 0px 0px 60px; } #stay_detail .lead .flex .left .teigi dt { padding: 15px 0px 10px; float: none; } #stay_detail .lead .flex .left .teigi dd { padding: 0px 0px 15px; } #stay_detail .lead .flex .left .more a { width: 100%; } #stay_detail .lead .slide { margin-bottom: 65px; } #stay_detail .lead .slide .slick-slide { margin: 0px 10px; } #stay_detail .lead .slide .slick-arrow { width: 35px; height: 35px; } #stay_detail .lead .slide .slick-arrow.slick-prev { left: calc(9.375% + 10px); } #stay_detail .lead .slide .slick-arrow.slick-next { right: calc(9.375% + 10px); } #stay_detail .facilities { padding: 55px 0px 65px; } #stay_detail .facilities .wrap { display: block; } #stay_detail .facilities .wrap .left, #stay_detail .facilities .wrap .right { width: 100%; } #stay_detail .facilities .wrap .left { margin: 0px 0px 50px; } #stay_detail .facilities .wrap .left h2 { font-size: 3rem; } #stay_detail .facilities .wrap .left h2 .en { margin-bottom: 20px; } #stay_detail .facilities .wrap .right ul li { padding: 25px 0px 40px; } #stay_detail .recbox .wrap { padding-top: 55px; padding-bottom: 0px; margin-bottom: 60px; } #stay_detail .recbox .wrap .flex .box { width: 46.66%; margin: 0px 6.68% 50px 0px; } #stay_detail .recbox .wrap .flex .box:nth-child(4n) { margin: 0px 6.68% 50px 0px; } #stay_detail .recbox .wrap .flex .box:nth-child(2n) { margin: 0px 0px 50px; } #stay_detail .recbox .wrap .flex .box .txt .ttl { font-size: 1.5rem; } #stay_detail .recbox .wrap .dbtn { margin-top: 0px; text-align: center; } #stay_detail .pagenav { background: rgb(90, 90, 90); padding-bottom: 1px; } #stay_detail .pagenav::before { display: none; } #stay_detail .pagenav .wrap { display: block; padding: 0px; } #stay_detail .pagenav .wrap .box { width: 100%; } #stay_detail .pagenav .wrap .box a { } #stay_detail .pagenav .wrap .box a .img img { width: 100%; } #stay_detail .pagenav .wrap .box a .ttl { font-size: 2.5rem; } #stay_detail .pagenav .wrap .box .txt { padding: 0px 30px; } #stay_detail .pagenav .wrap .box .txt .ttl { font-size: 1.6rem; margin-bottom: 15px; } #stay_detail .pagenav .wrap .box .more { padding: 0px 30px; } } #amenity .point { background: rgb(229, 229, 229); padding: 85px 0px 100px; margin-bottom: 110px; } #amenity .point .lead { font-size: 3rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 105px; } #amenity .point .item { display: flex; margin-bottom: 65px; } #amenity .point .item dt { -webkit-box-ordinal-group: 3; order: 2; width: 39.47%; margin: 0px 0px 0px 4.39%; line-height: 0; } #amenity .point .item dt img { width: 100%; } #amenity .point .item dd { width: 56.14%; } #amenity .point .item dd h2 { font-size: 2.5rem; font-weight: 500; margin-bottom: 15px; letter-spacing: 0.1em; } #amenity .point .item:last-child { margin-bottom: 0px; } #amenity .others { margin-bottom: 130px; } #amenity .others .box { display: flex; margin-bottom: 100px; } #amenity .others .box .left { width: 34.73%; margin: 0px 3.88% 0px 0px; } #amenity .others .box .left img, #amenity .others .box .left span { vertical-align: middle; } #amenity .others .box .left img { margin-right: 15px; } #amenity .others .box .left span { font-size: 2.5rem; font-weight: 500; letter-spacing: 0.1em; } #amenity .others .box .right { width: 61.4%; } #amenity .others .box .right dl { border-top: 1px solid rgb(229, 229, 229); } #amenity .others .box .right dl dt { float: left; clear: both; font-weight: 500; padding: 15px 5px; } #amenity .others .box .right dl dd { padding: 15px 5px 15px 180px; border-bottom: 1px solid rgb(229, 229, 229); } #amenity .others .box.common .right { border-bottom: 1px solid rgb(229, 229, 229); border-top: 1px solid rgb(229, 229, 229); padding: 35px 0px; } #amenity .others .box:last-child { margin-bottom: 0px; } @media screen and (max-width: 834px) { #amenity .point { padding: 65px 0px 85px; } #amenity .point .lead { font-size: 2.2rem; margin-bottom: 50px; } #amenity .point .item { display: block; } #amenity .point .item dt, #amenity .point .item dd { width: 100%; } #amenity .point .item dt { margin: 0px 0px 20px; } #amenity .point .item dd h2 { font-size: 2rem; margin-bottom: 5px; } #amenity .others { margin-bottom: 85px; } #amenity .others .box { display: block; margin-bottom: 65px; } #amenity .others .box .left, #amenity .others .box .right { width: 100%; } #amenity .others .box .left { margin: 0px 0px 30px; } #amenity .others .box .left span { font-size: 2rem; } #amenity .others .box .right dl dt { float: none; padding: 15px 5px 7px; } #amenity .others .box .right dl dd { padding: 0px 5px 15px; } #amenity .others .box.common .right { padding: 25px 0px; } } #anniversary .detail { background: rgb(229, 229, 229); padding: 85px 0px 95px; } #anniversary .detail .room { margin-bottom: 105px; } #anniversary .detail .room .catch { font-size: 3rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 50px; } #anniversary .detail .room .inner { margin: 60px 0px 0px; padding: 70px 54px; background: rgb(156, 123, 43); color: rgb(255, 255, 255); display: flex; } #anniversary .detail .room .inner .img { line-height: 0; width: 43.85%; -webkit-box-ordinal-group: 3; order: 2; margin: 0px 0px 0px 6.06%; } #anniversary .detail .room .inner .img img { width: 100%; } #anniversary .detail .room .inner .txt { width: 50.09%; } #anniversary .detail .room .inner .txt h2 { font-size: 2.5rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #anniversary .detail .room .inner .txt .more { margin: 50px 0px 0px; } #anniversary .detail .room .inner .txt .more a { max-width: 240px; } #anniversary .detail .item { margin-bottom: 120px; } #anniversary .detail .item:last-child { margin-bottom: 0px; } #anniversary .detail .item h2 { font-size: 2.5rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #anniversary .detail .item .flex { display: flex; } #anniversary .detail .item .flex .txt { width: 56.14%; margin: 0px 4.39% 0px 0px; } #anniversary .detail .item .flex .txt dl { line-height: 1.467; border-top: 1px solid rgb(210, 210, 210); margin-bottom: 20px; } #anniversary .detail .item .flex .txt dl dt { float: left; clear: both; font-weight: 500; padding: 19px 5px; } #anniversary .detail .item .flex .txt dl dd { border-bottom: 1px solid rgb(210, 210, 210); padding: 19px 5px 19px 182px; min-height: 82px; } #anniversary .detail .item .flex .txt .more { margin: 50px 0px 0px; } #anniversary .detail .item .flex .txt .more span { max-width: 240px; } #anniversary .detail .item .flex .img { line-height: 0; width: 39.47%; } #anniversary .detail .item .flex .img img { width: 100%; } @media screen and (max-width: 1075px) { #anniversary .detail { padding: 65px 0px 85px; } #anniversary .detail .room { margin-bottom: 75px; } #anniversary .detail .room .catch { font-size: 2.4rem; margin-bottom: 30px; } #anniversary .detail .room .inner { padding: 40px 20px; display: block; } #anniversary .detail .room .inner .img, #anniversary .detail .room .inner .txt { width: 100%; } #anniversary .detail .room .inner .img { margin: 0px 0px 25px; } #anniversary .detail .room .inner .txt h2 { font-size: 2rem; margin-bottom: 10px; } #anniversary .detail .item { margin-bottom: 70px; } #anniversary .detail .item h2 { font-size: 2rem; margin-bottom: 10px; } #anniversary .detail .item .flex { display: block; } #anniversary .detail .item .flex .txt, #anniversary .detail .item .flex .img { width: 100%; } #anniversary .detail .item .flex .txt { margin: 0px 0px 40px; } #anniversary .detail .item .flex .txt dl dt { float: none; padding: 19px 5px 10px; } #anniversary .detail .item .flex .txt dl dd { padding: 0px 5px 19px; min-height: 0px; } } #anniversary .contact { background: rgb(255, 255, 255); padding: 65px 0px 95px; } #anniversary .contact .wrap { display: flex; } #anniversary .contact .wrap h2 { width: 340px; margin: 0px 5% 0px 0px; font-size: 2.5rem; font-weight: 500; letter-spacing: 0.1em; } #anniversary .contact .wrap .right { width: calc(95% - 340px); } #anniversary .contact .wrap .right p { margin-bottom: 20px; } #anniversary .contact .wrap .right .dbtn { margin-bottom: 0px; } #anniversary .contact .wrap .right .dbtn a { padding-left: 40px; padding-right: 50px; } @media screen and (max-width: 1075px) { #anniversary .contact { padding: 45px 0px 65px; } #anniversary .contact .wrap { display: block; text-align: center; } #anniversary .contact .wrap h2, #anniversary .contact .wrap .right { width: 100%; } #anniversary .contact .wrap h2 { margin: 0px 0px 20px; font-size: 2rem; } #anniversary .contact .wrap .right .dbtn a { width: 100%; } } #anniversary .bedmake_modal { position: fixed; inset: 0px; z-index: 2147483647; display: none; } #anniversary .bedmake_modal .bg { position: fixed; inset: 0px; z-index: 2; background: rgba(0, 0, 0, 0.2); } #anniversary .bedmake_modal .content { position: fixed; inset: 0px; width: 89.06vw; height: 80vh; max-width: 1140px; margin: auto; background: rgb(238, 238, 238); z-index: 3; } #anniversary .bedmake_modal .content .close { position: absolute; top: -18px; right: -20px; cursor: pointer; } #anniversary .bedmake_modal .content .inner { overflow: auto; height: 80vh; padding: 60px 50px; } #anniversary .bedmake_modal .content .inner h3 { margin-bottom: 25px; } #anniversary .bedmake_modal .content .inner h3 span { vertical-align: middle; } #anniversary .bedmake_modal .content .inner h3 span:first-child { font-size: 2.5rem; font-weight: 500; letter-spacing: 0.1em; margin-right: 18px; } #anniversary .bedmake_modal .content .inner h3 span:first-child + span { font-weight: 400; } #anniversary .bedmake_modal .content .inner .box { margin-bottom: 50px; } #anniversary .bedmake_modal .content .inner .box .flex { display: flex; flex-wrap: wrap; } #anniversary .bedmake_modal .content .inner .box .flex dl { width: 31.73%; margin: 0px 2.405% 50px 0px; } #anniversary .bedmake_modal .content .inner .box .flex dl:nth-child(3n) { margin: 0px 0px 50px; } #anniversary .bedmake_modal .content .inner .box .flex dl dt { line-height: 0; margin-bottom: 15px; } #anniversary .bedmake_modal .content .inner .others { display: flex; flex-wrap: wrap; margin-bottom: 60px; } #anniversary .bedmake_modal .content .inner .others .plan { width: 31.73%; margin: 0px 2.405% 50px 0px; } #anniversary .bedmake_modal .content .inner .others .plan:nth-child(3n) { margin: 0px 0px 50px; } #anniversary .bedmake_modal .content .inner .others .plan h3 span { display: block; } #anniversary .bedmake_modal .content .inner .others .plan dl dt { line-height: 0; margin-bottom: 15px; } @media screen and (max-width: 1075px) { #anniversary .bedmake_modal .content .inner { padding: 40px 30px; } #anniversary .bedmake_modal .content .inner h3 span { display: block; } #anniversary .bedmake_modal .content .inner h3 span:first-child { font-size: 2rem; } #anniversary .bedmake_modal .content .inner .box { margin-bottom: 80px; } #anniversary .bedmake_modal .content .inner .box .flex { display: block; } #anniversary .bedmake_modal .content .inner .box .flex dl { width: 100%; margin: 0px 0px 40px; } #anniversary .bedmake_modal .content .inner .box .flex dl:nth-child(3n) { margin: 0px 0px 40px; } #anniversary .bedmake_modal .content .inner .others { display: block; margin-bottom: 100px; } #anniversary .bedmake_modal .content .inner .others .plan { width: 100%; margin: 0px 0px 40px; } #anniversary .bedmake_modal .content .inner .others .plan:nth-child(3n) { margin: 0px 0px 40px; } } #contact .inner { background: rgb(229, 229, 229); padding-bottom: 75px; } #contact .inner .pagettl { margin-bottom: 50px; } #contact .inner .red { color: rgb(174, 0, 4); } #contact .inner .tel { background: rgb(238, 238, 238); padding: 39px 56px 40px; font-weight: 500; display: flex; flex-wrap: wrap; margin-top: 50px; } #contact .inner .tel dt { float: left; width: 278px; padding-top: 5px; } #contact .inner .tel dd { width: calc(100% - 278px); } #contact .inner .tel dd a { font-size: 2.4rem; display: inline-block; position: relative; padding-left: 26px; line-height: 1.5; font-family: Jost, sans-serif; letter-spacing: 0.1em; } #contact .inner .tel dd a::after { content: ""; position: absolute; top: 3px; bottom: 0px; left: 0px; margin: auto 0px; width: 15.99px; height: 20.87px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #contact .inner .tel.short { padding: 39px 56px 15px; } #contact .inner .tel.short dt { width: 210px; margin-bottom: 25px; } #contact .inner .tel.short dd { width: calc(100% - 210px); margin-bottom: 25px; } #contact .form { padding: 90px 0px 94px; } #contact .form dl { display: flex; flex-wrap: wrap; border-top: 1px solid rgb(192, 192, 192); max-width: 760px; margin: 0px auto; } #contact .form dl dt { width: 175px; border-bottom: 1px solid rgb(192, 192, 192); font-weight: 500; padding: 30px 5px; } #contact .form dl dt span { color: rgb(174, 0, 4); margin-left: 10px; } #contact .form dl dd { width: calc(100% - 175px); border-bottom: 1px solid rgb(192, 192, 192); padding: 17px 30px 17px 0px; } #contact .form dl dd input[type="text"], #contact .form dl dd input[type="tel"], #contact .form dl dd input[type="email"], #contact .form dl dd input[type="date"], #contact .form dl dd textarea { width: 100%; box-sizing: border-box; font-size: 1.5rem; padding: 10px 15px; border: 1px solid rgb(119, 119, 119); } #contact .form dl dd textarea { min-height: 300px; } #contact .form dl dd input[type="date"] { max-width: 251px; } #contact .form dl dd input[type="checkbox"] { appearance: checkbox; display: inline-block; margin-right: 10px; } #contact .form dl dd.check { width: 100%; border-bottom: none; padding-left: 175px; } #contact .form dl dd.check p { margin-bottom: 10px; } #contact .form dl dd.check p a { text-decoration: underline; } @media (hover: hover) and (pointer: fine) { #contact .form dl dd.check p a:hover { text-decoration: none; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #contact .form dl dd.check p a:hover { text-decoration: none; } } #contact .form .submit { position: relative; width: 240px; margin: 0px auto; } #contact .form .submit .wpcf7-spinner { display: none; } #contact .form .submit input { display: inline-block; font-family: Jost, "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-size: 1.5rem; font-weight: 500; border: 1px solid rgb(51, 51, 51); border-radius: 50px; letter-spacing: 0.08em; padding: 5px 0px; position: relative; width: 100%; transition: all 0.3s ease 0s; } #contact .form .submit::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 12px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { #contact .form .submit:hover input { background: rgb(51, 51, 51); color: rgb(119, 119, 119); } #contact .form .submit:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #contact .form .submit:hover input { background: rgb(51, 51, 51); color: rgb(119, 119, 119); } #contact .form .submit:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } #contact .screen-reader-response { max-width: 1200px; margin: 0px auto; padding: 90px 30px 0px; color: rgb(174, 0, 4); font-weight: 500; } #contact .screen-reader-response ul { display: none !important; } #contact .wpcf7-not-valid-tip { display: block; color: rgb(174, 0, 4); font-weight: 500; } #contact .wpcf7-response-output { display: none !important; } @media screen and (max-width: 1075px) { #contact .inner { padding-bottom: 50px; } #contact .inner .pagettl { margin-bottom: 30px; } #contact .inner .tel { display: block; padding: 35px 25px; text-align: center; } #contact .inner .tel dt, #contact .inner .tel dd { width: 100% !important; } #contact .inner .tel dt { margin: 0px 0px 10px !important; } #contact .form { padding: 70px 0px 80px; } #contact .form dl { display: block; } #contact .form dl dt, #contact .form dl dd { width: 100%; } #contact .form dl dt { border-bottom: none; padding-bottom: 12px; padding-top: 15px; } #contact .form dl dd { padding: 0px 5px 17px; } #contact .form dl dd textarea { min-height: 250px; } #contact .form dl dd.check { padding-top: 17px; padding-left: 5px; } #contact .screen-reader-response { padding: 70px 30px 0px; } } #about { background: rgb(229, 229, 229); } #about .inner { padding: 90px 20px 70px; } @media screen and (min-width: 1076px) { #about .inner { padding: 90px 100px 70px; } } #about .inner .lead { display: flex; margin-bottom: 130px; } #about .inner .lead .txt, #about .inner .lead .img { width: 47.36%; } #about .inner .lead .txt { margin: 0px 5.28% 0px 0px; } #about .inner .lead .txt h2 { font-size: 2rem; line-height: 2; font-weight: 500; margin-bottom: 30px; } #about .inner .lead .img { line-height: 0; } #about .inner .lead .img img { width: 100%; } #about .inner .contents { display: flex; flex-wrap: wrap; } #about .inner .contents .access, #about .inner .contents .rooms, #about .inner .contents .anniversary, #about .inner .contents .dining { width: 47.36%; padding-bottom: 54px; position: relative; } #about .inner .contents .access h2, #about .inner .contents .rooms h2, #about .inner .contents .anniversary h2, #about .inner .contents .dining h2 { font-size: 2rem; line-height: 2; font-weight: 500; margin-bottom: 30px; } #about .inner .contents .access .more, #about .inner .contents .rooms .more, #about .inner .contents .anniversary .more, #about .inner .contents .dining .more { position: absolute; bottom: 0px; left: 0px; right: 0px; } #about .inner .contents .access .img, #about .inner .contents .rooms .img, #about .inner .contents .anniversary .img, #about .inner .contents .dining .img { line-height: 0; margin-bottom: 35px; } #about .inner .contents .access .img img, #about .inner .contents .rooms .img img, #about .inner .contents .anniversary .img img, #about .inner .contents .dining .img img { width: 100%; } #about .inner .contents .access, #about .inner .contents .anniversary { margin-right: 5.28%; } #about .inner .contents .access, #about .inner .contents .rooms { margin-bottom: 100px; } #about .inner .contents .anniversary, #about .inner .contents .dining { margin-bottom: 135px; } #about .inner .contents .bar { display: flex; margin-bottom: 150px; } #about .inner .contents .bar .img, #about .inner .contents .bar .txt { width: 47.36%; } #about .inner .contents .bar .img { margin: 0px 5.28% 0px 0px; line-height: 0; } #about .inner .contents .bar .img img { width: 100%; } #about .inner .contents .bar .txt h2 { font-size: 2rem; line-height: 2; font-weight: 500; margin-bottom: 30px; } #about .inner .contents .bar .txt .more { margin: 50px 0px 0px; } #about .inner .contents .history h2 { font-size: 2rem; line-height: 2; font-weight: 500; margin-bottom: 30px; } #about .inner .contents .history dl { display: flex; margin-bottom: 80px; } #about .inner .contents .history dl:last-child { margin-bottom: 0px; } #about .inner .contents .history dl dt, #about .inner .contents .history dl dd { width: 47.36%; } #about .inner .contents .history dl dt { margin: 0px 5.28% 0px 0px; line-height: 0; } #about .inner .contents .history dl dt img { width: 100%; } #about .inner .contents .history dl dd h3 { font-weight: 500; font-size: 1.7rem; margin-bottom: 20px; } #about .inner .contents .history dl dd h3 span { display: block; font-family: Jost, sans-serif; font-weight: 400; font-size: 3rem; } #about .imgband { line-height: 0; } #about .imgband img { width: 100%; } #about .others { background: rgb(51, 51, 51); color: rgb(238, 238, 238); padding: 120px 0px 130px; } #about .others .wrap { display: flex; } #about .others .wrap .left { width: 28.07%; margin-right: 10.53%; line-height: 2; } #about .others .wrap .left h2 { font-size: 2rem; font-weight: 500; line-height: 1.956; margin-bottom: 20px; } #about .others .wrap .right { width: 61.4%; border-top: 1px solid rgb(90, 90, 90); } #about .others .wrap .right dl dt { float: left; clear: both; padding: 31px 0px; } #about .others .wrap .right dl dd { padding: 35px 0px 44px 190px; border-bottom: 1px solid rgb(90, 90, 90); } #about .others .wrap .right dl dd h3 { font-weight: 500; font-size: 2rem; letter-spacing: 0.1em; margin-bottom: 20px; } #about .others .wrap .right dl dd h3 + p { color: rgb(170, 170, 170); font-size: 1.3rem; line-height: 1.923; } #about .others .wrap .right dl dd .dbtn a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { #about .others .wrap .right dl dd .dbtn a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #about .others .wrap .right dl dd .dbtn a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media screen and (max-width: 834px) { #about .inner { padding: 65px 20px 90px; } #about .inner .lead { display: block; margin-bottom: 65px; } #about .inner .lead .txt, #about .inner .lead .img { width: 100%; } #about .inner .lead .txt { margin: 0px 0px 40px; } #about .inner .lead .txt h2 { margin-bottom: 15px; } #about .inner .lead .txt h2 br { display: none; } #about .inner .contents { display: block; } #about .inner .contents .access, #about .inner .contents .rooms, #about .inner .contents .anniversary, #about .inner .contents .dining { width: 100%; padding-bottom: 45px; } #about .inner .contents .access h2, #about .inner .contents .rooms h2, #about .inner .contents .anniversary h2, #about .inner .contents .dining h2 { margin-bottom: 15px; } #about .inner .contents .access, #about .inner .contents .anniversary { margin-right: 0px; } #about .inner .contents .access, #about .inner .contents .rooms, #about .inner .contents .anniversary { margin-bottom: 60px; } #about .inner .contents .dining { margin-bottom: 85px; } #about .inner .contents .bar { display: block; margin-bottom: 70px; } #about .inner .contents .bar .img, #about .inner .contents .bar .txt { width: 100%; } #about .inner .contents .bar .img { margin: 0px 0px 30px; } #about .inner .contents .bar .txt h2 { margin-bottom: 15px; } #about .inner .contents .bar .txt .more { margin: 35px 0px 0px; } #about .inner .contents .history dl { display: block; margin-bottom: 65px; } #about .inner .contents .history dl dt, #about .inner .contents .history dl dd { width: 100% !important; } #about .inner .contents .history dl dt { margin: 0px 0px 30px !important; } #about .inner .contents .history dl dd h3 span { font-size: 2.2rem; } #about .others { padding: 55px 0px 65px; } #about .others .wrap { display: block; } #about .others .wrap .left, #about .others .wrap .right { width: 100%; } #about .others .wrap .left { margin: 0px 0px 50px; } #about .others .wrap .left h2 { line-height: 2; font-size: 2rem; } #about .others .wrap .right dl dt { width: 90px; height: 90px; padding: 30px 0px; } #about .others .wrap .right dl dd { padding: 40px 0px 35px 114px; } #about .others .wrap .right dl dd h3 { font-size: 1.8rem; margin-bottom: 10px; } } #nostalgic { background: rgb(229, 229, 229); } #nostalgic .u_main { margin-bottom: 110px; } #nostalgic .u_main .pnkz { margin-bottom: 100px; } #nostalgic .u_main .txt .pagettl { padding-bottom: 100px; } #nostalgic .u_main .txt .catch { line-height: 0; margin-bottom: 40px; } #nostalgic .u_main .txt .catch + p { line-height: 2.059; font-size: 1.7rem; font-weight: 500; padding-bottom: 140px; } #nostalgic .taxi h2 { font-size: 1.7rem; font-weight: 500; margin-bottom: 30px; } #nostalgic .taxi h2 span { font-family: Jost, sans-serif; font-size: 3.5rem; font-weight: 500; letter-spacing: 0.2em; display: block; } #nostalgic .taxi h2 + p { margin-bottom: 55px; } #nostalgic .taxi h3 { font-size: 2.5rem; font-weight: 500; padding: 16px 6px; border-bottom: 1px solid rgb(204, 204, 204); border-top: 1px solid rgb(204, 204, 204); margin-bottom: 50px; } #nostalgic .taxi .flex { display: flex; margin-bottom: 70px; } #nostalgic .taxi .flex:last-child { margin-bottom: 120px; } #nostalgic .taxi .flex dt { width: 39.47%; margin: 0px 0px 0px 4.39%; line-height: 0; -webkit-box-ordinal-group: 3; order: 2; } #nostalgic .taxi .flex dt a { display: block; position: relative; line-height: 0; } #nostalgic .taxi .flex dt a::before, #nostalgic .taxi .flex dt a::after { position: absolute; left: 0px; right: 0px; opacity: 0; transition: all 0.3s ease 0s; } #nostalgic .taxi .flex dt a::before { content: ""; top: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.6); } #nostalgic .taxi .flex dt a::after { content: "More"; color: rgb(255, 255, 255); font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; text-align: center; top: 50%; transform: translate(0px, -50%); } #nostalgic .taxi .flex dt a .kzr { position: absolute; bottom: 0px; right: 0px; line-height: 0; } @media (hover: hover) and (pointer: fine) { #nostalgic .taxi .flex dt a:hover::before, #nostalgic .taxi .flex dt a:hover::after { opacity: 1; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #nostalgic .taxi .flex dt a:hover::before, #nostalgic .taxi .flex dt a:hover::after { opacity: 1; } } #nostalgic .taxi .flex dd { width: 56.14%; } #nostalgic .taxi .flex dd .more { width: 240px; margin: 45px 0px 0px; } #nostalgic .lounge { padding-bottom: 130px; } #nostalgic .lounge .ttl { position: relative; margin-bottom: 110px; } #nostalgic .lounge .ttl .img { line-height: 0; position: absolute; inset: 0px; z-index: 1; } #nostalgic .lounge .ttl .img img { width: 100%; height: 100%; object-fit: cover; } #nostalgic .lounge .ttl .img::after { content: ""; position: absolute; inset: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } #nostalgic .lounge .ttl .txt { position: relative; z-index: 2; color: rgb(255, 255, 255); padding: 215px 0px; } #nostalgic .lounge .ttl .txt h2 { font-size: 1.7rem; font-weight: 500; margin-bottom: 30px; } #nostalgic .lounge .ttl .txt h2 span { font-family: Jost, sans-serif; font-size: 3.5rem; font-weight: 500; letter-spacing: 0.2em; display: block; } #nostalgic .lounge .flex { display: flex; } #nostalgic .lounge .flex dt { width: 39.47%; margin: 0px 0px 0px 7.9%; -webkit-box-ordinal-group: 3; order: 2; line-height: 0; } #nostalgic .lounge .flex dd { width: 52.63%; } #nostalgic .lounge .flex dd h3 { font-size: 2rem; font-weight: 500; margin-bottom: 30px; } #nostalgic .lounge .flex dd .more { width: 240px; margin: 40px 0px 0px; } @media screen and (max-width: 834px) { #nostalgic .u_main { margin-bottom: 70px; } #nostalgic .u_main .txt .pnkz { margin-bottom: 60px; } #nostalgic .u_main .txt .pagettl { padding-bottom: 50px; } #nostalgic .u_main .txt .catch + p { font-size: 1.5rem; padding-bottom: 100px; } #nostalgic .taxi h2 { font-size: 1.5rem; } #nostalgic .taxi h2 span { font-size: 2.8rem; } #nostalgic .taxi h3 { font-size: 2rem; margin: 0px 0px 35px; } #nostalgic .taxi .flex { display: block; } #nostalgic .taxi .flex dt, #nostalgic .taxi .flex dd { width: 100%; } #nostalgic .taxi .flex dt { margin: 0px 0px 25px; } #nostalgic .lounge { padding-bottom: 90px; } #nostalgic .lounge .ttl { margin-bottom: 80px; } #nostalgic .lounge .ttl .txt { padding: 80px 0px; } #nostalgic .lounge .ttl .txt h2 { font-size: 1.5rem; } #nostalgic .lounge .ttl .txt h2 span { font-size: 2.8rem; } #nostalgic .lounge .flex { display: block; } #nostalgic .lounge .flex dt, #nostalgic .lounge .flex dd { width: 100%; } #nostalgic .lounge .flex dt { margin: 0px 0px 25px; } #nostalgic .lounge .flex dd h3 { font-size: 1.8rem; margin-bottom: 15px; } #nostalgic .lounge .flex dd .more { width: 100%; } } #nt_otona .contents { padding: 85px 0px 106px; background: rgb(229, 229, 229); } #nt_otona .contents h2 { font-size: 3rem; line-height: 1.5; font-weight: 500; margin-bottom: 50px; } #nt_otona .contents h2 + p { margin-bottom: 80px; } #nt_otona .contents .ex { background: rgb(238, 238, 238); padding: 70px 55px 75px; margin-bottom: 90px; } #nt_otona .contents .ex h3 { font-size: 2rem; font-weight: 500; margin-bottom: 25px; } #nt_otona .contents .flex .box { display: flex; margin-bottom: 110px; } #nt_otona .contents .flex .box dt { width: 39.47%; line-height: 0; } #nt_otona .contents .flex .box dd { width: 55.52%; } #nt_otona .contents .flex .box dd h3 { overflow: hidden; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 7px 0px; display: flex; margin-bottom: 40px; } #nt_otona .contents .flex .box dd h3 span { display: block; font-weight: 500; } #nt_otona .contents .flex .box dd h3 span:first-child { width: 108px; text-align: center; position: relative; font-family: Jost, sans-serif; font-size: 3.5rem; letter-spacing: 0.2em; margin-right: 34px; color: rgb(51, 51, 51); } #nt_otona .contents .flex .box dd h3 span:first-child::after { content: ""; position: absolute; top: 19px; right: 0px; width: 1px; height: 30px; background: rgb(204, 204, 204); } #nt_otona .contents .flex .box dd h3 span:last-child { width: calc(100% - 152px); font-size: 2.5rem; line-height: 1.5; padding: 13px 0px 0px; } #nt_otona .contents .flex .box:nth-child(2n+1) dt { margin: 0px 5.01% 0px 0px; } #nt_otona .contents .flex .box:nth-child(2n) dt { margin: 0px 0px 0px 5.01%; -webkit-box-ordinal-group: 3; order: 2; } #nt_otona .contents .flex .box:last-child { margin: 0px; } #nt_otona .contact { background: rgb(255, 255, 255); padding: 115px 0px 95px; } #nt_otona .contact .wrap { display: flex; } #nt_otona .contact .wrap h2 { width: 340px; margin: 0px 5% 0px 0px; font-size: 2.5rem; font-weight: 500; letter-spacing: 0.1em; } #nt_otona .contact .wrap .right { width: calc(95% - 340px); } #nt_otona .contact .wrap .right p { margin-bottom: 20px; } #nt_otona .contact .wrap .right .dbtn { margin-bottom: 0px; } #nt_otona .contact .wrap .right .dbtn a { padding-left: 40px; padding-right: 50px; } @media screen and (max-width: 834px) { #nt_otona .contents { padding: 65px 0px 85px; } #nt_otona .contents h2 { font-size: 2.5rem; margin-bottom: 30px; } #nt_otona .contents h2 + p { margin-bottom: 60px; } #nt_otona .contents .ex { padding: 40px 25px 45px; margin-bottom: 75px; } #nt_otona .contents .ex h3 { margin-bottom: 15px; } #nt_otona .contents .flex .box { display: block; margin: 0px 0px 70px; } #nt_otona .contents .flex .box dt, #nt_otona .contents .flex .box dd { width: 100%; } #nt_otona .contents .flex .box dt { margin: 0px 0px 30px !important; } #nt_otona .contents .flex .box dd h3 { margin: 0px 0px 25px; } #nt_otona .contents .flex .box dd h3 span:first-child { font-size: 2.5rem; width: 90px; margin-right: 20px; } #nt_otona .contents .flex .box dd h3 span:first-child::after { top: 10px; } #nt_otona .contents .flex .box dd h3 span:last-child { padding: 5px 0px 0px; width: calc(100% - 110px); } #nt_otona .contact { padding: 45px 0px 65px; } #nt_otona .contact .wrap { display: block; text-align: center; } #nt_otona .contact .wrap h2, #nt_otona .contact .wrap .right { width: 100%; } #nt_otona .contact .wrap h2 { margin: 0px 0px 20px; font-size: 2rem; } #nt_otona .contact .wrap .right .dbtn a { width: 100%; } } #access .inner { background: rgb(229, 229, 229); padding-bottom: 66px; margin-bottom: 65px; } #access .inner .pagettl { margin-bottom: 80px; } #access .inner h2 { font-size: 3rem; font-weight: 500; margin-bottom: 20px; letter-spacing: 0.1em; } #access .inner figure { line-height: 0; margin: 45px 0px 20px; } #access .inner figure img { width: 100%; } #access .inner .btn_group li { display: inline-block; vertical-align: top; margin: 0px 20px 10px 0px; } #access .inner .btn_group li:last-child { margin: 0px 0px 10px; } #access .howto .unc { text-align: center; margin-bottom: 55px; } #access .howto .unc li { display: inline-block; margin: 0px 30px 10px 0px; } #access .howto .unc li:last-child { margin: 0px 0px 10px; } #access .howto .unc li a { padding-bottom: 5px; border-bottom: 1px solid rgb(255, 255, 255); } @media (hover: hover) and (pointer: fine) { #access .howto .unc li a:hover { opacity: 1; border-bottom: 1px solid rgb(49, 49, 49); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #access .howto .unc li a:hover { opacity: 1; border-bottom: 1px solid rgb(49, 49, 49); } } #access .howto .uncbox { margin-top: -123px; padding-top: 123px; } @media screen and (max-width: 1075px) { #access .howto .uncbox { margin-top: -60px; padding-top: 60px; } } #access .howto .uncbox h2 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 40px; } #access .howto .uncbox dl { display: flex; flex-wrap: wrap; margin-bottom: 95px; } #access .howto .uncbox dl dt { width: 53.81%; text-align: center; line-height: 0; margin: 0px 3.12% 45px 0px; } #access .howto .uncbox dl dd { width: 43.07%; margin-bottom: 45px; } #access .parking { background: rgb(238, 238, 238); padding: 64px 60px 60px; margin-bottom: 50px; } #access .parking h2 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 30px; } #access .parking dl { border-top: 1px solid rgb(192, 192, 192); margin-bottom: 55px; } #access .parking dl dt { float: left; clear: both; padding: 15px 0px; font-weight: 500; } #access .parking dl dd { padding: 15px 0px 15px 180px; border-bottom: 1px solid rgb(192, 192, 192); } @media screen and (max-width: 834px) { #access .inner .pagettl { margin-bottom: 40px; } #access .inner h2 { font-size: 2.5rem; } #access .inner .btn_group li { display: block; margin: 0px 0px 10px; } #access .inner .btn_group li a { width: 100%; text-align: center; } #access .howto .unc li { display: block; margin: 0px 0px 10px; } #access .howto .uncbox dl { display: block; } #access .howto .uncbox dl dt, #access .howto .uncbox dl dd { width: 100%; } #access .howto .uncbox dl dt { margin: 0px 0px 20px; } #access .parking { padding: 45px 25px 50px; } #access .parking dl { margin: 0px 0px 35px; } #access .parking dl dt { float: none; padding: 15px 0px 10px; } #access .parking dl dd { padding: 0px 0px 15px; } } #faq { background: rgb(229, 229, 229); padding-bottom: 30px; } #faq .pagettl { margin-bottom: 70px; } #faq .unc { margin-bottom: 100px; } #faq .unc li { display: inline-block; margin: 0px 30px 10px 0px; } #faq .unc li:last-child { margin: 0px 0px 10px; } #faq .unc li { } #faq .unc { margin-top: -123px; padding-top: 123px; } @media screen and (max-width: 1075px) { #faq .unc { margin-top: -60px; padding-top: 60px; } } #faq .uncbox { padding-bottom: 100px; } #faq .uncbox h2 { font-size: 2rem; font-weight: 500; margin-bottom: 40px; letter-spacing: 0.1em; } #faq .uncbox dl { border-bottom: 1px solid rgb(204, 204, 204); } #faq .uncbox dl dt { padding: 24px 0px; position: relative; display: flex; border-top: 1px solid rgb(204, 204, 204); line-height: 1.5; cursor: pointer; transition: all 0.3s ease 0s; } #faq .uncbox dl dt span { display: block; } #faq .uncbox dl dt span:first-child { width: 90px; position: relative; font-size: 3.5rem; text-align: center; font-family: Jost, sans-serif; } #faq .uncbox dl dt span:first-child::after { content: ""; width: 1px; height: 70%; background: rgb(204, 204, 204); margin: auto 0px; display: block; position: absolute; top: 0px; bottom: 0px; right: 0px; } #faq .uncbox dl dt span:last-child { width: calc(100% - 90px); padding: 11px 70px 0px 28px; font-size: 1.7rem; font-weight: 500; } #faq .uncbox dl dt span:last-child::before, #faq .uncbox dl dt span:last-child::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 10px; margin: auto 0px; background: rgb(51, 51, 51); transition: all 0.3s ease 0s; } #faq .uncbox dl dt span:last-child::before { width: 10px; height: 2px; right: 17px; } #faq .uncbox dl dt span:last-child::after { width: 2px; height: 10px; right: 21px; } #faq .uncbox dl dt::before { content: ""; position: absolute; top: 0px; bottom: 0px; right: 10px; width: 24px; height: 24px; margin: auto 0px; border-radius: 50%; background: rgb(255, 255, 255); transition: all 0.3s ease 0s; } #faq .uncbox dl dt.active span:last-child::before, #faq .uncbox dl dt.active span:last-child::after { background: rgb(255, 255, 255); } #faq .uncbox dl dt.active::before { background: rgb(156, 123, 43); } @media (hover: hover) and (pointer: fine) { #faq .uncbox dl dt:hover span:last-child::before, #faq .uncbox dl dt:hover span:last-child::after { background: rgb(255, 255, 255); } #faq .uncbox dl dt:hover::before { background: rgb(156, 123, 43); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #faq .uncbox dl dt:hover span:last-child::before, #faq .uncbox dl dt:hover span:last-child::after { background: rgb(255, 255, 255); } #faq .uncbox dl dt:hover::before { background: rgb(156, 123, 43); } } #faq .uncbox dl dd { background: rgb(238, 238, 238); padding: 30px 0px; display: none; } #faq .uncbox dl dd .q-wrap { display: flex; } #faq .uncbox dl dd span { display: block; width: 90px; font-size: 3.5rem; text-align: center; font-family: Jost, sans-serif; color: rgb(156, 123, 43); line-height: 30px; height: 30px; } #faq .uncbox dl dd .txt { width: calc(100% - 90px); } #faq .uncbox dl dd .txt a { color: rgb(156, 123, 43); text-decoration: underline; } @media (hover: hover) and (pointer: fine) { #faq .uncbox dl dd .txt a:hover { text-decoration: none; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #faq .uncbox dl dd .txt a:hover { text-decoration: none; } } @media screen and (max-width: 834px) { #faq .pagettl { margin-bottom: 44px; } #faq .unc { margin-bottom: 75px; } #faq .unc li { display: block; margin: 0px 0px 10px; } #faq .unc li a { width: 100% !important; } #faq .uncbox dl dt span:first-child { width: 70px; font-size: 3rem; } #faq .uncbox dl dt span:first-child::after { margin: 0px; } #faq .uncbox dl dt span:last-child { width: calc(100% - 70px); padding: 0px 47px 0px 18px; } #faq .uncbox dl dd span { width: 70px; } #faq .uncbox dl dd .txt { width: calc(100% - 30px); padding-right: 20px; } } #company { background: rgb(229, 229, 229); padding-bottom: 120px; } #company .pagettl { margin-bottom: 135px; } #company h2 { font-size: 3rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #company h2 + p { margin-bottom: 40px; } #company .teigi { border-top: 1px solid rgb(192, 192, 192); } #company .teigi dt { float: left; clear: both; padding: 22px 0px; font-weight: 500; } #company .teigi dd { padding: 22px 0px 22px 174px; border-bottom: 1px solid rgb(192, 192, 192); } #company .teigi + h2 { margin-top: 100px; } @media screen and (max-width: 834px) { #company { padding-bottom: 90px; } #company .pagettl { margin-bottom: 60px; } #company h2 { font-size: 2.5rem; } #company .teigi dt { padding: 22px 0px 10px; float: none; } #company .teigi dd { padding: 0px 0px 22px; } #company .teigi + h2 { margin-top: 70px; } } #txtpage { background: rgb(229, 229, 229); padding-bottom: 120px; } #txtpage .box { margin-bottom: 120px; } #txtpage .box:last-child { margin-bottom: 0px; } #txtpage .box h2 { font-size: 3rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #txtpage .box .ubttl { font-size: 2rem; padding-bottom: 10px; border-bottom: 1px solid rgb(192, 192, 192); } #txtpage .box .teigi { margin: 55px 0px; border-top: 1px solid rgb(192, 192, 192); } #txtpage .box .teigi:last-child { margin-bottom: 0px; } #txtpage .box .teigi dt { float: left; clear: both; padding: 22px 0px; font-weight: 500; } #txtpage .box .teigi dd { padding: 22px 0px 22px 180px; border-bottom: 1px solid rgb(192, 192, 192); } #txtpage .box .list { margin-bottom: 30px; } #txtpage .box .list:last-child { margin-bottom: 0px; } #txtpage .box .list li { list-style-type: disc; margin-left: 20px; } @media screen and (max-width: 834px) { #txtpage { padding-bottom: 90px; } #txtpage .pagettl { margin-bottom: 60px; } #txtpage .box { margin-bottom: 80px; } #txtpage .box h2 { font-size: 2.5rem; } #txtpage .box .ubttl { font-size: 1.8rem; } #txtpage .box .teigi { margin: 40px 0px; } #txtpage .box .teigi dt { padding: 22px 0px 10px; float: none; } #txtpage .box .teigi dd { padding: 0px 0px 22px; } } #sitemap { background: rgb(229, 229, 229); padding-bottom: 80px; } #sitemap .flex { display: flex; } #sitemap .flex .list { width: 47.36%; margin: 0px 5.28% 0px 0px; } #sitemap .flex .list:last-child { margin: 0px; } #sitemap .flex .list a { padding-left: 22px; position: relative; display: inline-block; } #sitemap .flex .list a::before { content: ""; position: absolute; top: 10px; left: 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #sitemap .flex .list .pdf a::after { content: ""; width: 14px; height: 19px; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; display: inline-block; vertical-align: sub; margin-left: 10px; } #sitemap .flex .list .wd a::after { content: ""; width: 12px; height: 9px; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; display: inline-block; vertical-align: baseline; margin-left: 10px; } #sitemap .flex .list .top { margin-bottom: 24px; } #sitemap .flex .list .page { padding-left: 26px; } #sitemap .flex .list .page .first { margin-bottom: 24px; } #sitemap .flex .list .page .first:last-child { margin-bottom: 15px; } #sitemap .flex .list .page ul { padding-left: 22px; margin-bottom: 24px; margin-top: -10px; } @media screen and (max-width: 834px) { #sitemap .flex { display: block; } #sitemap .flex .list { width: 100%; margin: 0px; } } #floormap { background: rgb(229, 229, 229); padding-bottom: 130px; } #floormap figure { text-align: center; line-height: 0; margin-bottom: 160px; } #floormap .slide .slick-slide { margin: 0px 20px; text-align: center; } #floormap .slide .slick-slide p { font-weight: 500; } #floormap .slide .slick-slide img { width: 100%; margin: 0px 0px 10px; } #floormap .slide .slick-arrow { position: absolute; top: -30px; bottom: 0px; margin: auto 0px; width: 70px; height: 70px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; font-size: 0px; z-index: 8; } #floormap .slide .slick-arrow.slick-next { transform: rotate(180deg); right: calc(9.375% + 20px); } #floormap .slide .slick-arrow.slick-prev { left: calc(9.375% + 20px); } #floormap .slide .slick-dots { text-align: center; line-height: 0; margin: 50px 0px 0px; } #floormap .slide .slick-dots li { display: inline-block; vertical-align: middle; } #floormap .slide .slick-dots li button { font-size: 0px; width: 60px; height: 3px; background: rgb(202, 202, 202); transition: all 0.3s ease 0s; } #floormap .slide .slick-dots li.slick-active button { background: rgb(145, 145, 145); } @media (hover: hover) and (pointer: fine) { #floormap .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #floormap .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media screen and (max-width: 834px) { #floormap { padding-bottom: 100px; } #floormap figure { margin-bottom: 80px; } #floormap .slide .slick-slide { margin: 0px 10px; } #floormap .slide .slick-arrow { width: 35px; height: 35px; } #floormap .slide .slick-arrow.slick-prev { left: calc(9.375% + 10px); } #floormap .slide .slick-arrow.slick-next { right: calc(9.375% + 10px); } #floormap .slide .slick-dots { margin: 30px 0px 0px; } } "); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .more.window a:hover { color: rgb(156, 123, 43); } .more.window a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .more.window a:hover { color: rgb(156, 123, 43); } .more.window a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .more.window.white a { color: rgb(255, 255, 255); } .more.window.white a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .more.window.white:hover a { color: rgb(177, 151, 88); border-bottom: 1px solid rgb(177, 151, 88); } .more.window.white:hover a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .more.window.white:hover a { color: rgb(177, 151, 88); border-bottom: 1px solid rgb(177, 151, 88); } .more.window.white:hover a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn a, .dbtn .uncs { display: inline-block; font-family: Jost, "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-size: 1.5rem; font-weight: 500; border: 1px solid rgb(51, 51, 51); border-radius: 50px; letter-spacing: 0.08em; padding: 5px 65px 5px 24px; position: relative; transition: all 0.3s ease 0s; } .dbtn a::after, .dbtn .uncs::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 12px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn a:hover, .dbtn .uncs:hover { background: rgb(156, 123, 43); color: rgb(255, 255, 255); border: 1px solid rgb(156, 123, 43); } .dbtn a:hover::after, .dbtn .uncs:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn a:hover, .dbtn .uncs:hover { background: rgb(156, 123, 43); color: rgb(255, 255, 255); border: 1px solid rgb(156, 123, 43); } .dbtn a:hover::after, .dbtn .uncs:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn a span, .dbtn .uncs span { transition: all 0.3s ease 0s; } .dbtn a span::after, .dbtn .uncs span::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn a span:hover, .dbtn .uncs span:hover { color: rgb(255, 255, 255); background: rgb(51, 51, 51); } .dbtn a span:hover::after, .dbtn .uncs span:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn a span:hover, .dbtn .uncs span:hover { color: rgb(255, 255, 255); background: rgb(51, 51, 51); } .dbtn a span:hover::after, .dbtn .uncs span:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn .uncs::after { transform: rotate(90deg); } @media (hover: hover) and (pointer: fine) { .dbtn .uncs:hover { color: rgb(255, 255, 255); background: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); } .dbtn .uncs:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn .uncs:hover { color: rgb(255, 255, 255); background: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); } .dbtn .uncs:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn.active .uncs { color: rgb(255, 255, 255); background: rgb(51, 51, 51); } .dbtn.active .uncs::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn.active .uncs:hover { background: rgb(51, 51, 51); color: rgb(255, 255, 255); border: 1px solid rgb(51, 51, 51); } .dbtn.active .uncs:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn.active .uncs:hover { background: rgb(51, 51, 51); color: rgb(255, 255, 255); border: 1px solid rgb(51, 51, 51); } .dbtn.active .uncs:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn.white a { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); } .dbtn.white a::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn.white a:hover { background: rgb(177, 151, 88); border: 1px solid rgb(177, 151, 88); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn.white a:hover { background: rgb(177, 151, 88); border: 1px solid rgb(177, 151, 88); } } .dbtn.gold a { background: rgb(156, 123, 43); border: 1px solid rgb(156, 123, 43); color: rgb(255, 255, 255); } .dbtn.gold a::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn.gold a:hover { background: rgb(255, 255, 255); color: rgb(156, 123, 43); } .dbtn.gold a:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn.gold a:hover { background: rgb(255, 255, 255); color: rgb(156, 123, 43); } .dbtn.gold a:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn.pdf a { padding: 5px 25px 5px 52px; } .dbtn.pdf a::after { width: 14px; height: 19px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; left: 25px; right: auto; } .dbtn.window a { padding-left: 30px; padding-right: 55px; } .dbtn.window a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; right: 20px; } @media (hover: hover) and (pointer: fine) { .dbtn.window a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn.window a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn.window.gold a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn.window.gold a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn.window.gold a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .dbtn.window.white a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .dbtn.window.white a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .dbtn.window.white a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } .table_wrap { display: table; width: 100%; height: 100%; } .table_wrap .table_inner { display: table-cell; vertical-align: middle; } .pnkz { padding: 30px 30px 0px; margin-bottom: 130px; display: flex; flex-wrap: wrap; } .pnkz li { display: inline; vertical-align: top; padding-right: 15px; margin-right: 8px; position: relative; font-size: 1.4rem; line-height: 1.5; } .pnkz li::after { content: ""; position: absolute; top: 7px; right: 0px; width: 8px; height: 8px; border-top: 1px solid rgb(51, 51, 51); border-right: 1px solid rgb(51, 51, 51); transform: rotate(45deg); vertical-align: top; } .pnkz li a { border-bottom: 1px solid rgb(153, 153, 153); } .pnkz li:last-child { padding-right: 0px; margin-right: 0px; } .pnkz li:last-child::after { display: none; } .pnkz li:last-child a { border-bottom: none; } .pnkz li:first-child { padding-left: 20px; } .pnkz li:first-child a { position: relative; line-height: 1.2; } .pnkz li:first-child::before { content: ""; position: absolute; top: 6px; left: 0px; width: 12px; height: 12px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media screen and (max-width: 834px) { .pnkz { padding: 15px 30px 0px; margin-bottom: 60px; } } .u_main { position: relative; } .u_main .img { position: absolute; inset: 0px; z-index: 1; } .u_main .img img { width: 100%; height: 100%; object-fit: cover; } .u_main .img::after { content: ""; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.3); } .u_main .txt { position: relative; z-index: 2; color: rgb(255, 255, 255); } .u_main .txt .pnkz li::after { border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); } .u_main .txt .pnkz li a { border-bottom: 1px solid rgb(255, 255, 255); } .u_main .txt .pnkz li:first-child::before { width: 12px; height: 12px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } .u_main .txt .pnkz li:last-child a { border: none; } .u_main .txt .pagettl { padding-bottom: 190px; margin-bottom: 0px; } .u_main .txt .pagettl span { color: rgb(255, 255, 255); } @media screen and (max-width: 834px) { .u_main .txt .pagettl { padding-bottom: 120px; } } .img_main { position: relative; } .img_main .img { line-height: 0; } .img_main .img img { width: 100%; height: 480px; object-fit: cover; } .img_main .txt { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 2; color: rgb(255, 255, 255); } .img_main .txt .pnkz li::after { border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); } .img_main .txt .pnkz li a { border-bottom: 1px solid rgb(255, 255, 255); } .img_main .txt .pnkz li:first-child::before { width: 12px; height: 12px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } .img_main .txt .pnkz li:last-child a { border: none; } .img_main .txt .pagettl { padding-bottom: 190px; margin-bottom: 0px; } .img_main .txt .pagettl span { color: rgb(255, 255, 255); } @media screen and (max-width: 1075px) { .img_main .img img { height: 360px; } } .pagettl { font-size: 2rem; letter-spacing: 0.1em; font-weight: 500; margin-bottom: 115px; } .pagettl span { font-family: Jost, sans-serif; font-size: 6rem; color: rgb(51, 51, 51); display: block; letter-spacing: 0.2em; } @media screen and (max-width: 834px) { .pagettl { font-size: 1.8rem; margin-bottom: 70px; } .pagettl span { font-size: 3.5rem; overflow-wrap: break-word; line-height: 1.4; } } .pnwrap { background: rgb(229, 229, 229); padding: 66px 30px; text-align: center; } .pnwrap .wp-pagenavi { position: relative; max-width: 1280px; margin: 0px auto; padding: 0px 40px; } .pnwrap .wp-pagenavi .pages, .pnwrap .wp-pagenavi .last, .pnwrap .wp-pagenavi .first { display: none; } .pnwrap .wp-pagenavi .previouspostslink, .pnwrap .wp-pagenavi .nextpostslink { font-size: 0px; position: absolute; top: 0px; bottom: 0px; margin: auto 0px; } .pnwrap .wp-pagenavi .previouspostslink { width: 24px; height: 24px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; left: 0px; transform: rotate(-180deg); } .pnwrap .wp-pagenavi .nextpostslink { width: 24px; height: 24px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; right: 0px; } .pnwrap .wp-pagenavi .current, .pnwrap .wp-pagenavi .page { width: 26px; height: 26px; text-align: center; line-height: 26px; border-radius: 50%; font-family: Jost, sans-serif; display: inline-block; margin: 0px 9px; font-size: 1.9rem; } .pnwrap .wp-pagenavi .current { background: rgb(156, 123, 43); color: rgb(255, 255, 255); } @media (hover: hover) and (pointer: fine) { .pnwrap .wp-pagenavi .page:hover { background: rgb(156, 123, 43); color: rgb(255, 255, 255); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .pnwrap .wp-pagenavi .page:hover { background: rgb(156, 123, 43); color: rgb(255, 255, 255); } } .pnwrap .wp-pagenavi .extend { margin: 0px 9px; } .has-text-align-center, .aligncenter { text-align: center; } .has-text-align-right, .alignright { text-align: right; } .has-text-align-left, .alignleft { text-align: left; } .block-flex-img46 { display: flex; margin-bottom: 80px; } .block-flex-img46 .img { width: 36%; margin: 0px 4% 0px 0px; line-height: 0; } .block-flex-img46 .img img { width: 100%; } .block-flex-img46 .txt { width: 60%; } @media screen and (max-width: 834px) { .block-flex-img46 { display: block; margin-bottom: 65px; } .block-flex-img46 .img, .block-flex-img46 .txt { width: 100%; } .block-flex-img46 .img { margin: 0px 0px 20px; } } .block-flex-img64 { display: flex; margin-bottom: 80px; } .block-flex-img64 .img { width: 36%; margin: 0px 0px 0px 4%; -webkit-box-ordinal-group: 3; order: 2; line-height: 0; } .block-flex-img64 .img img { width: 100%; } .block-flex-img64 .txt { width: 60%; } @media screen and (max-width: 834px) { .block-flex-img64 { display: block; margin-bottom: 65px; } .block-flex-img64 .img, .block-flex-img64 .txt { width: 100%; } .block-flex-img64 .img { margin: 0px 0px 20px; } } .block-flex-img37 { display: flex; margin-bottom: 80px; } .block-flex-img37 .img { width: 26%; margin: 0px 4% 0px 0px; line-height: 0; } .block-flex-img37 .img img { width: 100%; } .block-flex-img37 .txt { width: 70%; } @media screen and (max-width: 834px) { .block-flex-img37 { display: block; margin-bottom: 65px; } .block-flex-img37 .img, .block-flex-img37 .txt { width: 100%; } .block-flex-img37 .img { margin: 0px 0px 20px; } } .block-flex-img73 { display: flex; margin-bottom: 80px; } .block-flex-img73 .img { width: 26%; margin: 0px 0px 0px 4%; -webkit-box-ordinal-group: 3; order: 2; line-height: 0; } .block-flex-img73 .img img { width: 100%; } .block-flex-img73 .txt { width: 70%; } @media screen and (max-width: 834px) { .block-flex-img73 { display: block; margin-bottom: 65px; } .block-flex-img73 .img, .block-flex-img73 .txt { width: 100%; } .block-flex-img73 .img { margin: 0px 0px 20px; } } .block-flex-img82 { display: flex; margin-bottom: 80px; } .block-flex-img82 .img { width: 76%; margin: 0px 4% 0px 0px; line-height: 0; } .block-flex-img82 .img img { width: 100%; } .block-flex-img82 .txt { width: 20%; } @media screen and (max-width: 834px) { .block-flex-img82 { display: block; margin-bottom: 65px; } .block-flex-img82 .img, .block-flex-img82 .txt { width: 100%; } .block-flex-img82 .img { margin: 0px 0px 20px; } } .block-flex-img28 { display: flex; margin-bottom: 80px; } .block-flex-img28 .img { width: 76%; margin: 0px 0px 0px 4%; -webkit-box-ordinal-group: 3; order: 2; line-height: 0; } .block-flex-img28 .img img { width: 100%; } .block-flex-img28 .txt { width: 20%; } @media screen and (max-width: 834px) { .block-flex-img28 { display: block; margin-bottom: 65px; } .block-flex-img28 .img, .block-flex-img28 .txt { width: 100%; } .block-flex-img28 .img { margin: 0px 0px 20px; } } iframe#tripla-booking-widget-window { padding-top: 200px; } @media screen and (max-width: 1075px) { iframe#tripla-booking-widget-window { padding-top: 140px; } } .is-provider-youtube iframe { max-width: 100%; width: 80%; height: 100%; aspect-ratio: 16 / 9; margin-left: auto; margin-right: auto; margin-bottom: 20px; display: block; } @media screen and (max-width: 834px) { .is-provider-youtube iframe { width: 100%; } } @-webkit-keyframes slideDown { 0% { transform: translate(0px, -70px); } 100% { transform: translate(0px, 0px); } } @keyframes slideDown { 0% { transform: translate(0px, -70px); } 100% { transform: translate(0px, 0px); } } #header { background: rgb(51, 51, 51); color: rgb(255, 255, 255); padding: 20px 20px 20px 40px; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 2147483647 !important; } #header .head_sp { display: none; } #header .logo { float: left; padding-top: 38px; } #header .logo a { display: block; line-height: 0; } #header .logo a .top { display: none; } #header .content { float: right; padding-top: 52px; position: relative; width: calc(100% - 360px); } #header .content .main { float: right; padding-right: 10px; } #header .content .main li { float: left; position: relative; } #header .content .main li a, #header .content .main li span { padding: 0px 18px 3px; display: block; position: relative; cursor: pointer; } #header .content .main li a::after, #header .content .main li span::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; width: 30%; height: 1px; margin: 0px auto; background: rgb(51, 51, 51); transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #header .content .main li a:hover, #header .content .main li span:hover { color: rgb(177, 151, 88); } #header .content .main li a:hover::after, #header .content .main li span:hover::after { background: rgb(177, 151, 88); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .main li a:hover, #header .content .main li span:hover { color: rgb(177, 151, 88); } #header .content .main li a:hover::after, #header .content .main li span:hover::after { background: rgb(177, 151, 88); } } #header .content .main li a.current, #header .content .main li span.current { color: rgb(177, 151, 88); } #header .content .main li a.current::after, #header .content .main li span.current::after { background: rgb(177, 151, 88); } #header .content .main li .list_pc { background: rgb(51, 51, 51); position: absolute; top: calc(100% - 1px); display: none; } #header .content .main li .list_pc a { display: block; white-space: nowrap; padding: 10px 40px 10px 20px; } #header .content .main li .list_pc a::before { content: ""; position: absolute; top: 0px; right: 15px; bottom: 0px; margin: auto 0px; width: 9px; height: 9px; border-top: 1px solid rgb(156, 123, 43); border-right: 1px solid rgb(156, 123, 43); transform: rotate(45deg); } @media (hover: hover) and (pointer: fine) { #header .content .main li .list_pc a:hover { background: rgb(64, 64, 64); } #header .content .main li .list_pc a:hover::after { display: none; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .main li .list_pc a:hover { background: rgb(64, 64, 64); } #header .content .main li .list_pc a:hover::after { display: none; } } @media (hover: hover) and (pointer: fine) { #header .content .main li.head_pc:hover .list_pc { display: block; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .main li.head_pc:hover .list_pc { display: block; } } #header .content .ot { position: absolute; top: 0px; right: 0px; } #header .content .ot .sub, #header .content .ot .right { float: left; } #header .content .ot .sub { margin-right: 20px; margin-top: -8px; } #header .content .ot .sub li { display: inline-block; vertical-align: top; margin-right: 20px; } #header .content .ot .sub li a { font-size: 1.2rem; line-height: 1.5; } #header .content .ot .sub li a img, #header .content .ot .sub li a span { vertical-align: middle; } #header .content .ot .sub li a img { margin-right: 5px; } #header .content .ot .right .link { float: right; margin-left: 20px; } #header .content .ot .right .link li { float: left; margin-right: 10px; } #header .content .ot .right .link li a { display: block; width: 202px; height: 30px; text-align: center; border: 1px solid rgb(119, 119, 119); } #header .content .ot .right .link li a img, #header .content .ot .right .link li a span { display: inline-block; } #header .content .ot .right .link li a img { margin-right: 8px; } @media (hover: hover) and (pointer: fine) { #header .content .ot .right .link li a:hover { background: rgb(119, 119, 119); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .ot .right .link li a:hover { background: rgb(119, 119, 119); } } #header .content .ot .right .link li:last-child { margin-right: 0px; } #header .content .ot .right .link li:last-child a img { margin-bottom: -3px; } #header .content .ot .right .lang { float: left; margin-top: -8px; } #header .content .ot .right .lang .btn { width: 100px; font-size: 13px; border-bottom: 1px solid rgb(255, 255, 255); padding: 5px 0px; position: relative; cursor: pointer; transition: all 0.3s ease 0s; margin-bottom: 20px; } #header .content .ot .right .lang .btn::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 8px; height: 8px; border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); transform: rotate(135deg); } @media (hover: hover) and (pointer: fine) { #header .content .ot .right .lang .btn:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .ot .right .lang .btn:hover { opacity: 0.7; } } #header .content .ot .right .lang ul { background: rgb(90, 90, 90); border-radius: 6px; position: relative; display: none; } #header .content .ot .right .lang ul li { border-bottom: 1px solid rgb(75, 75, 75); } #header .content .ot .right .lang ul li:last-child { border: none; } #header .content .ot .right .lang ul li a { font-size: 1.3rem; display: block; padding: 8px 10px; position: relative; color: rgba(255, 255, 255, 0.5); text-align: center; } @media (hover: hover) and (pointer: fine) { #header .content .ot .right .lang ul li a:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .ot .right .lang ul li a:hover { opacity: 0.7; } } #header .content .ot .right .lang ul li.active a { color: rgb(255, 255, 255); } #header .content .ot .right .lang ul::before { content: ""; position: absolute; bottom: 100%; left: 0px; right: 0px; margin: 0px auto; box-sizing: border-box; width: 4px; height: 4px; border-width: 7px; border-style: solid; border-color: transparent transparent transparent rgb(90, 90, 90); border-image: initial; transform: rotate(-90deg); } @media (hover: hover) and (pointer: fine) { #header .content .ot .right .lang:hover ul { display: block; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #header .content .ot .right .lang:hover ul { display: block; } } #header .content .sns { display: none; } @media screen and (max-width: 1280px) { #header { padding: 22px 20px 22px 40px; } #header .logo { width: 280px; } #header .content { width: calc(100% - 280px); } #header .content .main li a { padding: 0px 13px; } #header .content .ot .sub { margin-right: 10px; } #header .content .ot .sub li { margin-right: 10px; } } @media screen and (max-width: 1115px) { #header .logo { width: 240px; } #header .content { width: calc(100% - 240px); } } @media screen and (max-width: 1075px) { #header { height: 60px; padding: 0px; } #header .head_pc { display: none; } #header .head_sp { display: block; } #header .logo { padding: 20px 0px 0px 17px; width: 195px; } #header .content { position: fixed; top: 60px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.5); width: 100%; padding: 0px; display: none; z-index: 2147483647; } #header .content .inner { width: 300px; height: calc(-60px + 100vh); background: rgb(64, 64, 64); position: absolute; top: 0px; right: 0px; padding: 35px 30px; overflow: auto; } #header .content .inner .main { float: none; margin-bottom: 25px; } #header .content .inner .main li { float: none; border-bottom: 1px solid rgb(255, 255, 255); margin-bottom: 10px; transition: all 0.3s ease 0s; font-size: 1.5rem; } #header .content .inner .main li a { padding: 0px 0px 10px; position: relative; } #header .content .inner .main li a::after { display: none; } #header .content .inner .main li a::before { content: ""; position: absolute; top: -6px; bottom: 0px; right: 4px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-size: 10px; transition: all 0.3s ease 0s; } } @media screen and (max-width: 1075px) and (hover: hover) and (pointer: fine) { #header .content .inner .main li:hover { border-bottom: 1px solid rgb(177, 151, 88); } #header .content .inner .main li:hover a::before { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-size: 10px; } } @media screen and (max-width: 1075px) and (-ms-high-contrast: none), screen and (max-width: 1075px) and (-ms-high-contrast: active) { #header .content .inner .main li:hover { border-bottom: 1px solid rgb(177, 151, 88); } #header .content .inner .main li:hover a::before { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-size: 10px; } } @media screen and (max-width: 1075px) { #header .content .inner .main li.head_sp p { margin-bottom: 10px; position: relative; } #header .content .inner .main li.head_sp p::after { content: "+"; font-size: 2rem; line-height: 1; position: absolute; right: 0px; top: 1px; } #header .content .inner .main li.head_sp p.active::after { content: "-"; font-size: 3rem; top: -10px; } #header .content .inner .main li.head_sp .list { font-size: 1.2rem; padding: 0px 0px 12px 30px; display: none; } #header .content .inner .main li.head_sp .list a { padding-bottom: 5px; } #header .content .inner .main li.head_sp .list a::before { display: none; } } @media screen and (max-width: 1075px) and (hover: hover) and (pointer: fine) { #header .content .inner .main li.head_sp:hover { border-bottom: 1px solid rgb(255, 255, 255); } } @media screen and (max-width: 1075px) and (-ms-high-contrast: none), screen and (max-width: 1075px) and (-ms-high-contrast: active) { #header .content .inner .main li.head_sp:hover { border-bottom: 1px solid rgb(255, 255, 255); } } @media screen and (max-width: 1075px) { #header .content .inner .ot { position: static; } #header .content .inner .ot .sub, #header .content .inner .ot .right { float: none; } #header .content .inner .ot .sub { display: flex; flex-wrap: wrap; margin-bottom: 30px; } #header .content .inner .ot .sub li { width: 50%; margin: 0px; } #header .content .inner .ot .sub li a { color: rgb(210, 210, 210); } #header .content .inner .ot .sub li a img { display: none; } #header .content .inner .ot .right .link { float: none; margin: 0px 0px 35px; } #header .content .inner .ot .right .link li { float: none; margin: 0px 0px 20px; } #header .content .inner .ot .right .link li a { width: 100%; } #header .content .inner .ot .right .lang { float: none; border-bottom: 1px solid rgb(119, 119, 119); border-top: 1px solid rgb(119, 119, 119); margin-bottom: 45px; } #header .content .inner .ot .right .lang .btn { display: none; } #header .content .inner .ot .right .lang ul { display: block; background: none; text-align: center; } #header .content .inner .ot .right .lang ul li { border-bottom: none; display: inline-block; margin-right: 10px; } #header .content .inner .ot .right .lang ul li:first-child { display: none; } #header .content .inner .ot .right .lang ul li:last-child { margin-right: 0px; } #header .content .inner .ot .right .lang ul li a { color: rgb(210, 210, 210); font-size: 1.2rem; padding: 10px 0px; } #header .content .inner .ot .right .lang ul li a::after { display: none; } #header .content .inner .ot .right .lang ul::before { display: none; } #header .content .inner .sns { display: flex; -webkit-box-pack: justify; justify-content: space-between; } #header .content .inner .sns li a { line-height: 0; } #header .sp_right { float: right; } #header .sp_right li { height: 60px; float: left; cursor: pointer; transition: all 0.3s ease 0s; } #header .sp_right li.head_rsv { line-height: 60px; width: 70px; background: rgb(156, 123, 43); text-align: center; font-family: "Zen Kaku Gothic Antique", sans-serif; } #header .sp_right li.head_menu { width: 60px; height: 60px; background: rgb(90, 90, 90); position: relative; } #header .sp_right li.head_menu span { display: block; width: 28px; height: 1px; background: rgb(255, 255, 255); position: absolute; right: 0px; left: 0px; margin: auto; } #header .sp_right li.head_menu span:first-child { top: 27px; } #header .sp_right li.head_menu span:last-child { bottom: 27px; } #header .sp_right li.head_menu::after { content: ""; position: absolute; left: 0px; right: 0px; top: 100%; box-sizing: border-box; width: 4px; height: 4px; border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(90, 90, 90); border-image: initial; transform: rotate(90deg); z-index: 10; margin: 0px auto; transition: all 0.3s ease 0s; display: none; } #header .sp_right li.head_menu.active span { top: 0px; bottom: 0px; } #header .sp_right li.head_menu.active span:first-child { transform: rotate(45deg); } #header .sp_right li.head_menu.active span:last-child { transform: rotate(-45deg); } #header .sp_right li.head_menu.active::after { display: block; } } @media screen and (max-width: 1075px) and (hover: hover) and (pointer: fine) { #header .sp_right li:hover { transition: all 0.3s ease 0s; } #header .sp_right li:hover.head_rsv { background: rgb(177, 151, 88); } #header .sp_right li:hover.head_menu { background: rgb(119, 119, 119); } #header .sp_right li:hover.head_menu::after { border-left: 8px solid rgb(119, 119, 119); } } @media screen and (max-width: 1075px) and (-ms-high-contrast: none), screen and (max-width: 1075px) and (-ms-high-contrast: active) { #header .sp_right li:hover { transition: all 0.3s ease 0s; } #header .sp_right li:hover.head_rsv { background: rgb(177, 151, 88); } #header .sp_right li:hover.head_menu { background: rgb(119, 119, 119); } #header .sp_right li:hover.head_menu::after { border-left: 8px solid rgb(119, 119, 119); } } #header.top .logo { float: none; text-align: center; margin: 10px auto 35px; padding-top: 5px; } #header.top .logo a { display: inline-block; } #header.top .logo .top { display: block; } #header.top .logo .scroll { display: none; } @media screen and (min-width: 1076px) { #header.top .logo { margin: 0px auto 25px; } #header.top .content { position: static; width: calc(100% - 60px); box-sizing: border-box; padding: 0px; float: none; } #header.top .content .ot { position: absolute; top: 0px; left: 0px; right: 0px; } #header.top .content .ot .sub, #header.top .content .ot .right { position: absolute; } #header.top .content .ot .sub { top: 30px; left: 40px; } #header.top .content .ot .right { top: 27px; right: 34px; } #header.top .content .ot .right .link li { float: none; margin-bottom: 15px; } #header.top .content .main { float: none; text-align: center; padding-bottom: 5px; } #header.top .content .main li { float: none; } #header.top .content .main li:not(.head_sp) { display: inline-block; } } @media screen and (max-width: 1115px) { #header.top .logo { width: 280px; } } @media screen and (max-width: 1075px) { #header.top { } #header.top .logo { width: 210px; margin: 0px auto; padding: 17px 0px 0px; } #header.top .sp_right { float: none; position: absolute; top: 0px; right: 0px; } #header.top .sp_right .head_rsv { display: none; } #header.top .sp_right .head_menu { background: none; } #header.top { } } @media screen and (max-width: 1075px) and (hover: hover) and (pointer: fine) { #header.top .sp_right .head_menu:hover { background: none; } } @media screen and (max-width: 1075px) and (-ms-high-contrast: none), screen and (max-width: 1075px) and (-ms-high-contrast: active) { #header.top .sp_right .head_menu:hover { background: none; } } @media screen and (max-width: 1075px) { #header.top .sp_right .head_menu.active::after { display: none; } } #header.scroll { position: fixed; padding: 19px 20px 18px 40px; animation: 0.3s linear 0s 1 normal both running slideDown; } #header.scroll .logo { padding-top: 0px; max-width: 260px; } #header.scroll .content { padding-top: 0px; width: calc(100% - 260px); } #header.scroll .content .ot { display: none; } @media screen and (max-width: 1115px) { #header.scroll .logo { padding-top: 5px; } #header.scroll .content .ot { display: block !important; } } @media screen and (max-width: 1075px) { #header.scroll { padding: 0px; } #header.scroll .logo { padding: 20px 0px 0px 17px; } } @media screen and (min-width: 1076px) { .fixbtn { position: fixed; top: 0px; bottom: 0px; right: 0px; width: 70px; height: 340px; margin: auto 0px; z-index: 2147483647; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px; } .fixbtn li { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; width: 70px; height: 170px; text-align: center; line-height: 70px; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.2rem; position: relative; cursor: pointer; transition: all 0.3s ease 0s; } .fixbtn li::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 100%; width: 6px; height: 6px; transform: rotate(-180deg); box-sizing: border-box; margin: auto 0px; display: none; transition: all 0.3s ease 0s; } .fixbtn li:first-child { background: rgb(156, 123, 43); color: rgb(255, 255, 255); } .fixbtn li:first-child::after { border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(156, 123, 43); border-image: initial; } .fixbtn li:last-child { background: rgb(255, 255, 255); color: rgb(156, 123, 43); } .fixbtn li:last-child::after { border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); border-image: initial; } .fixbtn li.active::after { display: block; } } @media screen and (min-width: 1076px) and (hover: hover) and (pointer: fine) { .fixbtn li:hover:first-child { background: rgb(177, 151, 88); } .fixbtn li:hover:first-child::after { border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(177, 151, 88); border-image: initial; } .fixbtn li:hover:last-child { background: rgb(238, 238, 238); color: rgb(156, 123, 43); } .fixbtn li:hover:last-child::after { border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(238, 238, 238); border-image: initial; } } @media screen and (min-width: 1076px) and (-ms-high-contrast: none), screen and (min-width: 1076px) and (-ms-high-contrast: active) { .fixbtn li:hover:first-child { background: rgb(177, 151, 88); } .fixbtn li:hover:first-child::after { border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(177, 151, 88); border-image: initial; } .fixbtn li:hover:last-child { background: rgb(238, 238, 238); color: rgb(156, 123, 43); } .fixbtn li:hover:last-child::after { border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(238, 238, 238); border-image: initial; } } .fix_rsv { position: fixed; inset: 0px; display: none; z-index: 2147483647; } .fix_rsv .bg { position: fixed; inset: 0px; z-index: 100; background: rgba(0, 0, 0, 0.85); } .fix_rsv .rsvcontent { position: absolute; top: 50%; left: 0px; right: 0px; transform: translate(0px, -50%); margin: 0px auto; z-index: 101; max-width: 1060px; width: calc(100% - 140px); background: rgb(64, 64, 64); color: rgb(255, 255, 255); border-radius: 6px; padding: 65px 70px 80px; } .fix_rsv .rsvcontent .ttl { padding-bottom: 25px; margin-bottom: 45px; border-bottom: 1px solid rgb(119, 119, 119); } .fix_rsv .rsvcontent .ttl img, .fix_rsv .rsvcontent .ttl span { vertical-align: middle; } .fix_rsv .rsvcontent .ttl img { margin-right: 10px; } .fix_rsv .rsvcontent .ttl span:nth-child(2) { font-size: 2.5rem; font-weight: 500; margin-right: 10px; } .fix_rsv .rsvcontent .ttl span:last-child { font-size: 1.4rem; font-weight: 500; } .fix_rsv .rsvcontent form #calender { margin-bottom: 40px; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline { width: 100% !important; padding: 0px !important; background: none !important; border: none !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header { color: rgb(255, 255, 255); font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-size: 1.7rem; padding: 0px; margin-bottom: 30px; background: none !important; border: none !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title { line-height: 1.5; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all { top: 120px; bottom: 0px; width: 25px !important; height: 25px !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all::before { content: ""; position: absolute; inset: 0px; width: 25px !important; height: 25px !important; border-top: 2px solid rgb(156, 123, 43) !important; border-right: 2px solid rgb(156, 123, 43) !important; transform: rotate(45deg) !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: -30px; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all.ui-datepicker-prev::before { transform: rotate(-135deg) !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: -30px; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all .ui-icon { background: none !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all.ui-state-hover { background: none !important; border: none !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline th, .fix_rsv .rsvcontent form #calender .ui-datepicker-inline td { padding: 0px; color: rgb(255, 255, 255); } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline th span, .fix_rsv .rsvcontent form #calender .ui-datepicker-inline td span { display: block; width: 24px; height: 24px; margin: 0px auto; line-height: 22px; text-align: center; border-radius: 50%; font-size: 1.5rem; font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-weight: 400; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline thead th { padding-bottom: 5px !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline thead th:first-child span { background: rgb(156, 123, 43); } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline thead th:last-child span { background: rgb(119, 119, 119); } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline tbody tr td { padding: 3px 0px; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline tbody tr td .ui-state-default { color: rgb(255, 255, 255); padding: 0px; display: block; width: 24px; height: 24px; margin: 0px auto; line-height: 22px; text-align: center; border-radius: 50%; font-size: 1.5rem; font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-weight: 400; border: none !important; background: none !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline tbody tr td .ui-state-default.ui-state-active, .fix_rsv .rsvcontent form #calender .ui-datepicker-inline tbody tr td .ui-state-default.ui-state-hover { background: rgb(156, 123, 43) !important; color: rgb(255, 255, 255) !important; } .fix_rsv .rsvcontent form #calender .ui-datepicker-inline tbody tr td:first-child .ui-state-default { color: rgb(156, 123, 43); } .fix_rsv .rsvcontent form .rsv_inner { background: rgb(51, 51, 51); border-radius: 6px; padding: 53px 50px 35px; margin-bottom: 30px; } .fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(2)::after, .fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(3)::after, .fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(4)::after { top: -13px !important; } .fix_rsv .rsvcontent .contact { overflow: hidden; } .fix_rsv .rsvcontent .contact .left { float: left; } .fix_rsv .rsvcontent .contact .left .cttl { font-size: 1.2rem; font-weight: 500; margin-bottom: 0px; } .fix_rsv .rsvcontent .contact .left .tel span, .fix_rsv .rsvcontent .contact .left .tel a { vertical-align: middle; } .fix_rsv .rsvcontent .contact .left .tel span { font-family: Jost, sans-serif; font-size: 1.388rem; margin-right: 5px; color: rgb(156, 123, 43); } .fix_rsv .rsvcontent .contact .left .tel a:nth-child(2) { font-family: Jost, sans-serif; font-size: 4rem; margin-right: 15px; line-height: 1.4; color: rgb(156, 123, 43); } .fix_rsv .rsvcontent .contact .left .tel a:last-child { font-size: 1.2rem; border-bottom: 1px solid rgb(119, 119, 119); } @media (hover: hover) and (pointer: fine) { .fix_rsv .rsvcontent .contact .left .tel a:last-child:hover { border-bottom: 1px solid rgb(64, 64, 64); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rsv .rsvcontent .contact .left .tel a:last-child:hover { border-bottom: 1px solid rgb(64, 64, 64); } } .fix_rsv .rsvcontent .contact .plan { float: right; width: 340px; padding-top: 25px; } .fix_rsv .rsvcontent .contact .plan a { font-size: 1.5rem; font-weight: 600; position: relative; padding-bottom: 13px; border-bottom: 1px solid rgb(255, 255, 255); display: block; width: 100%; } .fix_rsv .rsvcontent .contact .plan a img { position: absolute; top: -9px; bottom: 0px; right: 0px; margin: auto 0px; width: 10px; height: 10px; } @media (hover: hover) and (pointer: fine) { .fix_rsv .rsvcontent .contact .plan a:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rsv .rsvcontent .contact .plan a:hover { opacity: 0.7; } } .fix_rsv .rsvcontent .parts li:first-child { width: 0px; visibility: hidden; margin: 0px; } .fix_rsv .rsvcontent .parts li:nth-child(2), .fix_rsv .rsvcontent .parts li:nth-child(3), .fix_rsv .rsvcontent .parts li:nth-child(4) { width: 19.87%; } @media screen and (max-width: 1075px) { .fix_rsv .rsvcontent .parts li:nth-child(2), .fix_rsv .rsvcontent .parts li:nth-child(3), .fix_rsv .rsvcontent .parts li:nth-child(4) { width: 27.87%; } } .fix_rsv .rsvcontent .orsv_link { margin-bottom: 15px; } .fix_rsv .close { width: 60px; height: 60px; background: rgb(170, 170, 170); border-radius: 50%; position: absolute; top: -17px; right: -17px; cursor: pointer; transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { .fix_rsv .close:hover { background: rgb(90, 90, 90); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rsv .close:hover { background: rgb(90, 90, 90); } } .fix_rsv .close span { width: 24px; height: 2px; background: rgb(255, 255, 255); position: absolute; inset: 0px; margin: auto; } .fix_rsv .close span:first-child { transform: rotate(45deg); } .fix_rsv .close span:last-child { transform: rotate(-45deg); } .rsvcontent .parts { display: flex; } .rsvcontent .parts li { margin-right: 3.65%; } .rsvcontent .parts li:first-child { width: 25.92%; position: relative; } .rsvcontent .parts li:first-child::after { content: ""; position: absolute; right: 1px; top: 15px; width: 16px; height: 20px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; pointer-events: none; } .rsvcontent .parts li:first-child input { width: 100%; box-sizing: border-box; font-family: Jost, sans-serif; color: rgb(255, 255, 255); font-size: 2.5rem; border-bottom: 1px solid rgb(255, 255, 255); cursor: pointer; } .rsvcontent .parts li:nth-child(2), .rsvcontent .parts li:nth-child(3), .rsvcontent .parts li:nth-child(4) { width: 9.87%; position: relative; } .rsvcontent .parts li:nth-child(2) select, .rsvcontent .parts li:nth-child(3) select, .rsvcontent .parts li:nth-child(4) select { background: rgb(255, 255, 255); font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-size: 1.6rem; font-weight: 600; border-bottom: 1px solid rgb(255, 255, 255); padding: 10px; width: 100%; } .rsvcontent .parts li:nth-child(2) select option, .rsvcontent .parts li:nth-child(3) select option, .rsvcontent .parts li:nth-child(4) select option { color: rgb(26, 26, 26) !important; } .rsvcontent .parts li:nth-child(2)::after, .rsvcontent .parts li:nth-child(3)::after, .rsvcontent .parts li:nth-child(4)::after { content: ""; position: absolute; top: -4px; bottom: 0px; right: 10px; width: 9px; height: 9px; border-top: 1px solid rgb(64, 64, 64); border-right: 1px solid rgb(64, 64, 64); transform: rotate(135deg); margin: auto 0px; } .rsvcontent .parts li:last-child { width: 29.87%; margin-right: 0px; margin-top: -18px; } .rsvcontent .parts li:last-child span { display: block; text-align: center; font-size: 1.2rem; font-weight: 500; color: rgb(177, 151, 88); margin-bottom: 7px; } .rsvcontent .parts li:last-child input { display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: rgb(255, 255, 255); background: rgb(156, 123, 43); font-size: 1.6rem; font-weight: 600; } .rsvcontent .bottom { overflow: hidden; font-size: 1.2rem; } .rsvcontent .bottom li:first-child { float: left; } .rsvcontent .bottom li:last-child { float: right; width: 29.87%; text-align: center; margin: 7px 0px 0px; } .rsvcontent .orsv_link { display: flex; margin: 15px 0px 0px; } .rsvcontent .orsv_link li { width: calc(33.33% - 10px); margin-right: 15px; } .rsvcontent .orsv_link li a { display: flex; -webkit-box-align: center; align-items: center; border-bottom: 1px solid rgb(255, 255, 255); padding: 8px 20px 8px 0px; position: relative; text-align: left; } .rsvcontent .orsv_link li a img { margin-right: 10px; } .rsvcontent .orsv_link li a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .rsvcontent .orsv_link li a:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .rsvcontent .orsv_link li a:hover { opacity: 0.7; } } .rsvcontent .orsv_link li:last-child { margin-right: 0px; } .rsvcontent .orsv_link.sp { display: none; } @media screen and (max-width: 1075px) { .rsvcontent .parts { flex-wrap: wrap; margin-bottom: 16px; } .rsvcontent .parts li:first-child { width: 100%; margin-bottom: 25px; margin-right: 0px; } .rsvcontent .parts li:nth-child(2), .rsvcontent .parts li:nth-child(3), .rsvcontent .parts li:nth-child(4) { width: 28%; margin-right: 8%; margin-bottom: 24px; } .rsvcontent .parts li:nth-child(2) select, .rsvcontent .parts li:nth-child(3) select, .rsvcontent .parts li:nth-child(4) select { padding: 3px 10px 5px; } .rsvcontent .parts li:nth-child(4) { margin-right: 0px; } .rsvcontent .parts li:last-child { width: 100%; margin-top: 0px; } .rsvcontent .orsv_link { display: block; } .rsvcontent .orsv_link li { width: 100%; margin: 0px 0px 10px; } .rsvcontent .orsv_link.pc { display: none; } .rsvcontent .orsv_link.sp { display: block; } .rsvcontent .bottom li { float: none !important; } .rsvcontent .bottom li:first-child { font-weight: 600; } .rsvcontent .bottom li:last-child { width: 100%; text-align: left; } .rsvcontent .bottom li:last-child a { border-bottom: 1px solid rgb(119, 119, 119); } } .fix_rest { position: fixed; inset: 0px; display: none; z-index: 2147483647; } .fix_rest .bg { position: fixed; inset: 0px; z-index: 100; background: rgba(229, 229, 229, 0.85); } .fix_rest .restcontent { position: absolute; top: 50%; left: 0px; right: 0px; transform: translate(0px, -50%); margin: 0px auto; z-index: 101; max-width: 1060px; background: rgb(255, 255, 255); color: rgb(68, 68, 68); border-radius: 6px; padding: 65px 70px 80px; } .fix_rest .restcontent .ttl { padding-bottom: 25px; margin-bottom: 45px; border-bottom: 1px solid rgb(238, 238, 238); } .fix_rest .restcontent .ttl span { color: rgb(156, 123, 43); vertical-align: middle; display: inline-block !important; } .fix_rest .restcontent .ttl span:first-child { width: 20px; height: 25px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; } .fix_rest .restcontent .ttl span:nth-child(2) { font-size: 2.5rem; font-weight: 500; margin-right: 10px; } .fix_rest .restcontent .ttl span:last-child { font-size: 1.4rem; font-weight: 500; } .fix_rest .restcontent #tc-widget { margin-bottom: 40px; } .fix_rest .restcontent #tc-widget .tc-body { background: rgb(238, 238, 238) !important; border: none !important; border-radius: 6px !important; padding: 45px 50px !important; } .fix_rest .restcontent .rsv_link { text-align: center; } .fix_rest .restcontent .rsv_link a { display: inline-block; background: rgb(156, 123, 43); color: rgb(255, 255, 255); font-size: 1.6rem; font-weight: 700; padding: 15px 50px 15px 30px; line-height: 1.5; position: relative; margin: 0px 20px 10px 0px; } .fix_rest .restcontent .rsv_link a::after { content: ""; position: absolute; top: 0px; right: 15px; bottom: 0px; margin: auto 0px; width: 10px; height: 10px; border-top: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); transform: rotate(45deg); } .fix_rest .restcontent .rsv_link a:last-child { margin: 0px 0px 10px; } @media (hover: hover) and (pointer: fine) { .fix_rest .restcontent .rsv_link a:hover { background: rgb(177, 151, 88); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rest .restcontent .rsv_link a:hover { background: rgb(177, 151, 88); } } .fix_rest .restcontent .contact { overflow: hidden; } .fix_rest .restcontent .contact .left { float: left; } .fix_rest .restcontent .contact .left .cttl { font-size: 1.2rem; font-weight: 500; margin-bottom: 0px; } .fix_rest .restcontent .contact .left .tel span, .fix_rest .restcontent .contact .left .tel a { vertical-align: middle; } .fix_rest .restcontent .contact .left .tel span { font-family: Jost, sans-serif; font-size: 1.388rem; margin-right: 5px; color: rgb(156, 123, 43); } .fix_rest .restcontent .contact .left .tel a:nth-child(2) { font-family: Jost, sans-serif; font-size: 4rem; margin-right: 15px; line-height: 1.4; color: rgb(156, 123, 43); } .fix_rest .restcontent .contact .left .tel a:last-child { font-size: 1.2rem; border-bottom: 1px solid rgb(119, 119, 119); } @media (hover: hover) and (pointer: fine) { .fix_rest .restcontent .contact .left .tel a:last-child:hover { border-bottom: 1px solid rgb(255, 255, 255); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rest .restcontent .contact .left .tel a:last-child:hover { border-bottom: 1px solid rgb(255, 255, 255); } } .fix_rest .restcontent .contact .plan { float: right; width: 340px; padding-top: 25px; } .fix_rest .restcontent .contact .plan a { font-size: 1.5rem; font-weight: 600; position: relative; padding-bottom: 13px; border-bottom: 1px solid rgb(51, 51, 51); display: block; width: 100%; } .fix_rest .restcontent .contact .plan a .arrow { position: absolute; top: -9px; bottom: 0px; right: 0px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { .fix_rest .restcontent .contact .plan a:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rest .restcontent .contact .plan a:hover { opacity: 0.7; } } .fix_rest .restcontent .close { width: 60px; height: 60px; background: rgb(170, 170, 170); border-radius: 50%; position: absolute; top: -17px; right: -17px; cursor: pointer; transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { .fix_rest .restcontent .close:hover { background: rgb(90, 90, 90); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .fix_rest .restcontent .close:hover { background: rgb(90, 90, 90); } } .fix_rest .restcontent .close span { width: 24px; height: 2px; background: rgb(255, 255, 255); position: absolute; inset: 0px; margin: auto; } .fix_rest .restcontent .close span:first-child { transform: rotate(45deg); } .fix_rest .restcontent .close span:last-child { transform: rotate(-45deg); } #tc-widget { width: 100% !important; font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif !important; } #tc-widget .tc-header { display: none !important; } #tc-widget .tc-body form { display: flex; } #tc-widget .tc-body form .tc-content { width: 65.85%; margin-right: 4.64%; display: flex; padding-top: 5px; } #tc-widget .tc-body form .tc-content .tc-date, #tc-widget .tc-body form .tc-content .tc-time, #tc-widget .tc-body form .tc-content .tc-ppl { position: relative; margin-bottom: 0px; float: none !important; } #tc-widget .tc-body form .tc-content .tc-date .tc-icon, #tc-widget .tc-body form .tc-content .tc-time .tc-icon, #tc-widget .tc-body form .tc-content .tc-ppl .tc-icon { display: none; } #tc-widget .tc-body form .tc-content .tc-date input[type="text"], #tc-widget .tc-body form .tc-content .tc-date select, #tc-widget .tc-body form .tc-content .tc-time input[type="text"], #tc-widget .tc-body form .tc-content .tc-time select, #tc-widget .tc-body form .tc-content .tc-ppl input[type="text"], #tc-widget .tc-body form .tc-content .tc-ppl select { float: none; appearance: none; background: transparent; border-top: none; border-right: none; border-left: none; border-image: initial; border-radius: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; outline: none; width: 100%; height: 36.33px; box-sizing: border-box; font-family: Jost, "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; color: rgb(51, 51, 51); font-size: 1.6rem; font-weight: 500; border-bottom: 1px solid rgb(51, 51, 51); padding: 0px 0px 7px; } #tc-widget .tc-body form .tc-content .tc-date select option, #tc-widget .tc-body form .tc-content .tc-time select option, #tc-widget .tc-body form .tc-content .tc-ppl select option { font-size: 1.6rem; } #tc-widget .tc-body form .tc-content .tc-date { width: 37%; margin-right: 4%; } #tc-widget .tc-body form .tc-content .tc-date::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; width: 16px; height: 20px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; margin: auto 0px; cursor: pointer; pointer-events: none; } #tc-widget .tc-body form .tc-content .tc-time, #tc-widget .tc-body form .tc-content .tc-ppl { width: 27.5%; } #tc-widget .tc-body form .tc-content .tc-time::after, #tc-widget .tc-body form .tc-content .tc-ppl::after { content: ""; position: absolute; top: -10px; bottom: 0px; right: 2px; width: 9px; height: 9px; border-top: 1.5px solid rgb(64, 64, 64); border-right: 1.5px solid rgb(64, 64, 64); transform: rotate(135deg); margin: auto 0px; pointer-events: none; } #tc-widget .tc-body form .tc-content .tc-time { margin-right: 4%; } #tc-widget .tc-body form .tc-wrap-book { width: 29.51%; padding: 0px !important; } #tc-widget .tc-body form .tc-wrap-book input { appearance: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; outline: none; background: rgb(156, 123, 43); color: rgb(255, 255, 255); display: block; text-align: center; font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-weight: 600; font-size: 1.6rem; width: 100%; height: 50px; line-height: 50px; padding: 0px; border: none; border-radius: 0px; } @media screen and (max-height: 1075px) { .fix_rsv .rsvcontent .ttl { display: none; } } @media screen and (max-height: 900px) { .fix_rsv .rsvcontent { height: 85vh; } .fix_rsv .rsvcontent .inner { overflow: auto; height: 85vh; } } @media screen and (max-height: 900px) and (min-width: 835px) { .fix_rsv .rsvcontent { padding: 0px !important; } .fix_rsv .rsvcontent .inner { padding: 65px 70px 80px; } } @media screen and (max-width: 1075px) { .fixbtn { z-index: 2147483647; position: fixed; left: 20px; top: 36px; overflow: hidden; } .fixbtn li { float: left; border-radius: 6px 6px 0px 0px; height: 47px; line-height: 47px; text-align: center; font-weight: 500; font-size: 1.5rem; } .fixbtn li span { display: inline-block !important; vertical-align: middle; } .fixbtn li span:first-child { margin-right: 5px; } .fixbtn li span.head_sp { display: none !important; } .fixbtn li:first-child { width: 130px; margin-right: 5px; } .fixbtn li:first-child .icon { width: 19px; height: 12px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } .fixbtn li:last-child { width: 140px; } .fixbtn li:last-child .icon { display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; width: 15px; height: 19px; } .fix_cont { position: fixed; inset: 0px; z-index: 2147483647; display: none; } .fix_cont .fixbtn { display: block; z-index: 2147483647; position: fixed; left: 20px; top: 36px; overflow: hidden; } .fix_cont .fixbtn li { float: left; border-radius: 6px 6px 0px 0px; height: 47px; line-height: 47px; text-align: center; font-weight: 500; font-size: 1.5rem; cursor: pointer; } .fix_cont .fixbtn li span { display: inline-block !important; vertical-align: middle; } .fix_cont .fixbtn li span:first-child { margin-right: 5px; } .fix_cont .fixbtn li span.head_sp { display: none !important; } .fix_cont .fixbtn li:first-child { width: 130px; margin-right: 5px; } .fix_cont .fixbtn li:last-child { width: 140px; } .fix_cont.rsvslct .fixbtn li:first-child { background: rgb(64, 64, 64); color: rgb(255, 255, 255); } .fix_cont.rsvslct .fixbtn li:first-child .icon { width: 19px; height: 12px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } .fix_cont.rsvslct .fixbtn li:last-child { background: rgb(57, 57, 57); color: rgb(119, 119, 119); } .fix_cont.rsvslct .fixbtn li:last-child .icon { display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; width: 15px; height: 19px; } .fix_cont .fixbox { width: calc(-40px + 100vw); height: calc(-165px + 100vh); margin: auto; } .fix_cont .fixbox.show { display: block; } .fix_cont .fixbox .rsvcontent, .fix_cont .fixbox .restcontent { width: calc(-40px + 100vw); height: calc(-165px + 100vh); top: 0px; bottom: 0px; margin: auto; transform: none; padding: 0px; border-radius: 0px 6px 6px; } .fix_cont .fixbox .rsvcontent .inner, .fix_cont .fixbox .restcontent .inner { height: calc(-165px + 100vh); overflow: auto; padding: 36px 30px 50px; } .fix_cont .fixbox .rsvcontent .inner .ttl, .fix_cont .fixbox .restcontent .inner .ttl { padding-bottom: 10px; margin-bottom: 30px; } .fix_cont .fixbox .rsvcontent .inner .ttl img, .fix_cont .fixbox .rsvcontent .inner .ttl span:first-child, .fix_cont .fixbox .rsvcontent .inner .ttl span:nth-child(2), .fix_cont .fixbox .restcontent .inner .ttl img, .fix_cont .fixbox .restcontent .inner .ttl span:first-child, .fix_cont .fixbox .restcontent .inner .ttl span:nth-child(2) { display: none !important; } .fix_cont .fixbox .rsvcontent .inner .ttl span:last-child, .fix_cont .fixbox .restcontent .inner .ttl span:last-child { font-size: 1.309rem; } .fix_cont .fixbox .rsvcontent .inner .rsv_inner, .fix_cont .fixbox .restcontent .inner .rsv_inner { padding: 0px; background: none; } .fix_cont .fixbox.fix_rsv .rsvcontent form #calender { margin-bottom: 35px; } .fix_cont .fixbox.fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all { width: 15px !important; height: 15px !important; } .fix_cont .fixbox.fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all::before { width: 15px !important; height: 15px !important; border-width: 1.5px !important; } .fix_cont .fixbox.fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: -15px; } .fix_cont .fixbox.fix_rsv .rsvcontent form #calender .ui-datepicker-inline .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: -15px; } .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner { margin-bottom: 40px; } .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(2) select, .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(3) select, .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(4) select { padding: 3px 10px 5px !important; } .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(2)::after, .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(3)::after, .fix_cont .fixbox.fix_rsv .rsvcontent form .rsv_inner .parts li:nth-child(4)::after { top: -7px !important; } .fix_cont .fixbox.fix_rsv .rsvcontent .contact .left { float: none; } .fix_cont .fixbox.fix_rsv .rsvcontent .contact .left .tel a:nth-child(2) { font-size: 3rem; line-height: 1.3; } .fix_cont .fixbox.fix_rsv .rsvcontent .contact .plan { float: none; width: 100%; padding: 30px 0px 0px; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body { background: none !important; padding: 0px !important; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form { display: block; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content { width: 100%; margin: 0px 0px 35px; flex-wrap: wrap; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-date { width: 100%; margin: 0px 0px 25px; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-time, .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-ppl { width: 48%; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-time { margin-right: 4%; } .fix_cont .fixbox.fix_rest .restcontent .inner #tc-widget .tc-body form .tc-wrap-book { width: 100%; } .fix_cont .fixbox.fix_rest .restcontent .inner .contact .left { float: none; } .fix_cont .fixbox.fix_rest .restcontent .inner .contact .left .tel a:nth-child(2) { font-size: 3rem; line-height: 1.3; } .fix_cont .fixbox.fix_rest .restcontent .inner .contact .plan { float: none; width: 100%; padding: 30px 0px 0px; } .fix_cont .fixbox.fix_rest .restcontent .rsv_link a { width: 100%; } .fix_cont .fixbox .close { width: 50px; height: 50px; top: -10px; right: -10px; } .fix_cont.restslct .fixbtn li:first-child { background: rgb(238, 238, 238); color: rgb(90, 90, 90); } .fix_cont.restslct .fixbtn li:first-child .icon { width: 19px; height: 12px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } .fix_cont.restslct .fixbtn li:last-child { background: rgb(255, 255, 255); color: rgb(156, 123, 43); } .fix_cont.restslct .fixbtn li:last-child .icon { display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; width: 15px; height: 19px; } .fix_cont.restactive .fixbox .restcontent .inner { padding-left: 0px; padding-right: 0px; } } #footer { background: rgb(255, 255, 255); } #footer .bnr { background: rgb(229, 229, 229); padding: 40px 0px; } #footer .bnr .slick-slide { margin: 0px 7.5px; } #footer .bnr .slick-slide img { width: 100%; } #footer .wrap { padding-top: 45px; padding-bottom: 40px; display: flex; } #footer .wrap .hotel { width: 35.96%; border-right: 1px solid rgb(204, 204, 204); text-align: center; padding: 38px 0px 36px; } #footer .wrap .hotel .logo { line-height: 0; } #footer .wrap .hotel .address { font-size: 1.2rem; } #footer .wrap .hotel .tel { line-height: 0; margin-bottom: 10px; } #footer .wrap .hotel .tel img, #footer .wrap .hotel .tel span { vertical-align: middle; } #footer .wrap .hotel .tel img { margin-right: 8px; width: 19px; } #footer .wrap .hotel .tel span { font-family: Jost, sans-serif; font-size: 2.4rem; } #footer .wrap .hotel .check { font-size: 1.2rem; margin-bottom: 35px; } #footer .wrap .hotel .sns { margin-bottom: 45px; } #footer .wrap .hotel .sns li { display: inline-block; vertical-align: middle; margin: 0px 18px; } #footer .wrap .hotel .sns li img { width: 20px; height: auto; vertical-align: middle; } #footer .wrap .hotel .dbtn a { padding: 5px 58px 5px 48px; } #footer .wrap .sitemap { width: 64.04%; padding: 20px 0px 0px 100px; } #footer .wrap .sitemap h1 { font-weight: 400; font-size: 1.3rem; margin-bottom: 45px; } #footer .wrap .sitemap .nav { display: flex; flex-wrap: wrap; margin-bottom: 10px; } #footer .wrap .sitemap .nav li { width: 28.39%; margin: 0px 7.415% 18px 0px; } #footer .wrap .sitemap .nav li:nth-child(3n) { margin: 0px 0px 18px; } #footer .wrap .sitemap .nav li a { display: block; position: relative; border-bottom: 1px solid rgba(51, 51, 51, 0.2); padding-bottom: 10px; font-weight: 500; } #footer .wrap .sitemap .nav li a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; opacity: 0.2; } #footer .wrap .sitemap .nav li span { display: block; position: relative; border-bottom: 1px solid rgba(51, 51, 51, 0.2); padding-bottom: 10px; font-weight: 500; cursor: pointer; } #footer .wrap .sitemap .nav li span::after { content: "+"; position: absolute; top: 0px; bottom: 0px; right: 0px; font-size: 2rem; margin: auto 0px; color: rgba(51, 51, 51, 0.4); line-height: 1; } #footer .wrap .sitemap .nav li span.active::after { content: "-"; font-size: 2.8rem; } #footer .wrap .sitemap .nav li .inner { font-size: 1.3rem; margin-top: 20px; display: none; transition: none 0s ease 0s; } #footer .wrap .sitemap .nav li .inner a { display: block; padding: 0px 0px 0px 17px; border-bottom: none; position: relative; line-height: 1.5; margin-bottom: 5px; } #footer .wrap .sitemap .nav li .inner a::after { display: none; } #footer .wrap .sitemap .nav li .inner a::before { content: ""; position: absolute; top: 7px; left: 0px; width: 7px; height: 7px; border-top: 1px solid rgba(51, 51, 51, 0.4); border-right: 1px solid rgba(51, 51, 51, 0.4); transform: rotate(45deg); } @media (hover: hover) and (pointer: fine) { #footer .wrap .sitemap .nav li .inner a:hover { text-decoration: underline; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #footer .wrap .sitemap .nav li .inner a:hover { text-decoration: underline; } } #footer .wrap .sitemap .sub { margin-bottom: 50px; } #footer .wrap .sitemap .sub ul { display: inline-block; vertical-align: top; margin-right: 40px; } #footer .wrap .sitemap .sub ul:last-child { margin-right: 0px; } #footer .wrap .sitemap .sub ul li a { font-size: 1.2rem; text-decoration: underline; } @media (hover: hover) and (pointer: fine) { #footer .wrap .sitemap .sub ul li a:hover { text-decoration: none; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #footer .wrap .sitemap .sub ul li a:hover { text-decoration: none; } } #footer .wrap .sitemap .group { display: flex; } #footer .wrap .sitemap .group li { width: 19.16%; margin-right: 7.78%; } #footer .wrap .sitemap .group li:last-child { margin-right: 0px; } #footer .wrap .sitemap .group li a { display: block; line-height: 0; } @media (hover: hover) and (pointer: fine) { #footer .wrap .sitemap .group li a:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #footer .wrap .sitemap .group li a:hover { opacity: 0.7; } } #footer small { background: rgb(64, 64, 64); color: rgb(255, 255, 255); font-size: 1.1rem; display: block; width: 100%; text-align: center; letter-spacing: 0.1em; padding: 25px 0px; } @media screen and (max-width: 834px) { #footer .wrap { padding-top: 30px; padding-bottom: 65px; display: block; } #footer .wrap .hotel { width: 100%; border-right: none; border-bottom: 1px solid rgb(204, 204, 204); padding: 0px 0px 40px; margin-bottom: 40px; } #footer .wrap .hotel .logo img { width: 140px; } #footer .wrap .hotel .tel { margin-bottom: 5px; } #footer .wrap .hotel .tel span { font-size: 2rem; letter-spacing: 0.1em; } #footer .wrap .hotel .check { margin-bottom: 15px; } #footer .wrap .hotel .sns { margin-bottom: 30px; } #footer .wrap .hotel .sns li { margin: 0px 15px; } #footer .wrap .hotel .dbtn a { display: block; width: 100%; } #footer .wrap .sitemap { width: 100%; padding: 0px; } #footer .wrap .sitemap h1 { margin-bottom: 30px; } #footer .wrap .sitemap .nav { margin-bottom: 20px; } #footer .wrap .sitemap .nav li { width: 46.66%; margin-right: 6.68%; margin-bottom: 10px; } #footer .wrap .sitemap .nav li:nth-child(3n) { margin-right: 6.68%; } #footer .wrap .sitemap .nav li:nth-child(2n) { margin-right: 0px; } #footer .wrap .sitemap .sub.in834 { display: flex; flex-wrap: wrap; margin-bottom: 35px; } #footer .wrap .sitemap .sub.in834 ul { width: 46.66%; margin-right: 6.68%; } #footer .wrap .sitemap .sub.in834 ul:nth-child(2n) { margin-right: 0px; } #footer .wrap .sitemap .sub.in834 ul li a { display: inline-block; line-height: 1.4; } } .scroll_fix { line-height: 0; position: fixed; bottom: 20px; right: 20px; z-index: 10; cursor: pointer; } .video_modal { position: fixed; inset: 0px; z-index: 2147483647; display: none; } .video_modal .bg { background: rgba(0, 0, 0, 0.8); position: absolute; inset: 0px; z-index: 1; } .video_modal .close { width: 60px; height: 60px; background: rgb(170, 170, 170); border-radius: 50%; position: absolute; top: 20px; right: 20px; cursor: pointer; transition: all 0.3s ease 0s; z-index: 3; } @media (hover: hover) and (pointer: fine) { .video_modal .close:hover { background: rgb(90, 90, 90); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .video_modal .close:hover { background: rgb(90, 90, 90); } } .video_modal .close span { width: 24px; height: 2px; background: rgb(255, 255, 255); position: absolute; inset: 0px; margin: auto; } .video_modal .close span:first-child { transform: rotate(45deg); } .video_modal .close span:last-child { transform: rotate(-45deg); } .video_modal .video_inner { position: absolute; inset: 0px; z-index: 2; width: 75.16vw; height: 58.9%; margin: auto; } .video_modal .video_inner #bg-video { width: 75.16vw; padding-top: 58.9%; position: relative; } .video_modal .video_inner #bg-video video { width: 100%; height: 100%; position: absolute; inset: 0px; object-fit: cover; } @media screen and (max-width: 1075px) { .video_modal .video_inner { width: 100%; height: 28.9%; } .video_modal .video_inner #bg-video { width: 100%; padding-top: 71.9%; } .video_modal .close { width: 50px; height: 50px; top: 10px; right: 10px; } } @-webkit-keyframes zoomUp { 0% { transform: scale(1); } 100% { transform: scale(1.15); } } @keyframes zoomUp { 0% { transform: scale(1); } 100% { transform: scale(1.15); } } #top .main { position: relative; } #top .main .img { margin-inline: auto; overflow: hidden; width: 100%; } #top .main .img .slick-img img { width: 100%; height: calc(-123px + 100vh); object-fit: cover; } #top .main .img .add-animation { animation: 10s linear 0s 1 normal both running zoomUp; } #top .main #bg-video { height: calc(-123px + 100vh); position: relative; } #top .main #bg-video video { position: absolute; inset: 0px; object-fit: cover; width: 100%; height: 100%; } #top .main .catch { position: absolute; right: 90px; top: 25%; } #top .main .copy { position: absolute; top: calc(50% - 10px); transform: translate(0px, -50%); bottom: 0px; left: 120px; } #top .main .playbtn_wrap { position: absolute; bottom: 80px; right: 0px; left: 0px; margin: 0px auto; max-width: 1180px; text-align: right; padding: 0px 20px; } #top .main .playbtn_wrap .playbtn { cursor: pointer; transition: all 0.3s ease 0s; } #top .main .playbtn_wrap .playbtn .txt { font-weight: bold; font-size: 1.5rem; border-bottom: 1px solid rgb(255, 255, 255); padding-bottom: 5px; color: rgb(255, 255, 255); } @media (hover: hover) and (pointer: fine) { #top .main .playbtn_wrap .playbtn:hover { opacity: 0.8; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #top .main .playbtn_wrap .playbtn:hover { opacity: 0.8; } } @media screen and (max-width: 1075px) { #top .main .img .slick-img img { width: 100%; height: calc(-60px + 100vh); object-fit: cover; } #top .main .copy { width: 91px; left: 40px; } #top .main .copy img { height: auto !important; } #top .main .catch { width: 140px; right: 10px; } } #top .rsv_wrap { margin-top: -60px; position: relative; z-index: 8; } #top .rsv_wrap .tab_btn { padding: 0px 50px; display: flex; } #top .rsv_wrap .tab_btn li { width: 49.44%; background: rgb(50, 50, 50); border-radius: 6px 6px 0px 0px; height: 60px; line-height: 53px; text-align: center; color: rgba(255, 255, 255, 0.5); font-size: 1.7rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease 0s; } #top .rsv_wrap .tab_btn li span { vertical-align: middle; } #top .rsv_wrap .tab_btn li span.icon { opacity: 0.5; margin-right: 8px; transition: all 0.3s ease 0s; display: inline-block !important; } #top .rsv_wrap .tab_btn li:first-child { margin-right: 1.12%; } #top .rsv_wrap .tab_btn li:first-child .icon { display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; width: 24px; height: 15px; } #top .rsv_wrap .tab_btn li:last-child { margin-right: 1.12%; } #top .rsv_wrap .tab_btn li:last-child .icon { display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; width: 16px; height: 20px; } #top .rsv_wrap .tab_btn li.active { color: rgb(255, 255, 255); background: rgb(64, 64, 64); } #top .rsv_wrap .tab_btn li.active span.icon { opacity: 1; } @media (hover: hover) and (pointer: fine) { #top .rsv_wrap .tab_btn li:hover { color: rgb(255, 255, 255); background: rgb(64, 64, 64); } #top .rsv_wrap .tab_btn li:hover span.icon { opacity: 1; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #top .rsv_wrap .tab_btn li:hover { color: rgb(255, 255, 255); background: rgb(64, 64, 64); } #top .rsv_wrap .tab_btn li:hover span.icon { opacity: 1; } } #top .rsv_wrap .panel-area { background: rgb(64, 64, 64); } #top .rsv_wrap .panel-area .panel { text-align: center; color: rgb(255, 255, 255); background: rgb(64, 64, 64); } #top .rsv_wrap .panel-area .panel.opacity { opacity: 0; z-index: -1; } #top .rsv_wrap .panel-area .panel .wrap { max-width: 1135px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent { padding-top: 60px; padding-bottom: 50px; display: flex; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent .ttl { width: 143px; background: rgb(50, 50, 50); font-size: 1.3rem; font-weight: 600; text-align: center; padding: 15px 0px; position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent .ttl::after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 100%; box-sizing: border-box; width: 4px; height: 4px; border-width: 8px; border-style: solid; border-color: transparent transparent transparent rgb(50, 50, 50); border-image: initial; margin: auto 0px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 { width: calc(100% - 143px); padding-left: 37px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:last-child { margin-top: 0px; padding-top: 11px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:last-child input { height: 40px; line-height: 40px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:last-child .head_sp { display: none !important; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .bottom li:first-child { padding-top: 5px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .bottom li:last-child a { border-bottom: 1px solid rgb(119, 119, 119); } @media screen and (max-width: 1075px) { #top .rsv_wrap .panel-area .panel.opacity { height: 200px; } #top .rsv_wrap .panel-area .panel .wrap { padding: 0px !important; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent { display: block; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent .ttl { display: none; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 { width: 100%; padding: 35px 20px 60px !important; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:nth-child(2), #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:nth-child(3), #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:nth-child(4) { margin-bottom: 15px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .parts li:last-child .head_sp { color: rgb(255, 255, 255); display: block !important; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .bottom { margin-bottom: 25px; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .bottom li:first-child { text-align: left; font-weight: 400; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .acess_link a { display: block; font-size: 1.5rem; font-weight: 500; padding-bottom: 10px; border-bottom: 1px solid rgb(255, 255, 255); text-align: left; position: relative; } #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .acess_link a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media screen and (max-width: 1075px) and (hover: hover) and (pointer: fine) { #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .acess_link a:hover { opacity: 0.7; } } @media screen and (max-width: 1075px) and (-ms-high-contrast: none), screen and (max-width: 1075px) and (-ms-high-contrast: active) { #top .rsv_wrap .panel-area .panel .wrap.rsvcontent #ZenSearchFrom2 .acess_link a:hover { opacity: 0.7; } } #top .benefits_boxs { padding-top: 0px; padding-bottom: 50px; } #top .benefits_boxs .img { max-width: 560px; margin: 0px auto; display: block; line-height: 0; } #top .benefits_boxs .img picture { display: block; } @media (hover: hover) and (pointer: fine) { #top .benefits_boxs .img:hover { opacity: 0.7; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #top .benefits_boxs .img:hover { opacity: 0.7; } } #top .benefits_boxs .dbtn { text-align: center; } @media screen and (max-width: 1075px) { #top .benefits_boxs .wrap { padding: 0px 20px; } } #top .info { background: rgb(119, 119, 119); color: rgb(255, 255, 255); padding: 75px 0px 70px; } #top .info .wrap { max-width: 860px; display: flex; } #top .info .wrap .ttl { width: 33.02%; font-size: 2rem; font-weight: 500; letter-spacing: 0.08em; } #top .info .wrap .box { width: 66.98%; } #top .info .wrap .box .more { margin: 40px 0px 0px; } #top .info .wrap .box .more span::after { transform: rotate(90deg); } #top .info .wrap .box .more span.off { display: none; } #top .info .wrap .box .more.active span::after { transform: rotate(-90deg); } #top .info .wrap .box .more.active span.on { display: none; } #top .info .wrap .box .more.active span.off { display: block; } #top .info .wrap .box dl + dl { display: none; } #top .info .wrap .box dl dt { float: left; clear: both; font-family: Jost, sans-serif; font-size: 1.4rem; font-weight: 500; padding-top: 2px; } #top .info .wrap .box dl dd a { display: block; position: relative; font-size: 1.5rem; font-weight: 500; padding: 0px 40px 10px 110px; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } #top .info .wrap .box dl dd a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media screen and (max-width: 834px) { #top .info { padding: 40px 0px; } #top .info .wrap { display: block; } #top .info .wrap .ttl { width: 100%; margin: 0px 0px 15px; font-size: 1.8rem; } #top .info .wrap .box { width: 100%; } #top .info .wrap .box dd a { padding: 0px 25px 7px 94px; } } #top .recbox { background: rgb(229, 229, 229); position: relative; } #top .recbox .bg { position: absolute; top: 297px; left: -365px; font-family: Jost, sans-serif; font-weight: 500; font-size: 11.4rem; color: rgb(255, 255, 255); letter-spacing: 0.04em; transform: rotate(90deg); z-index: 1; } #top .recbox .wrap { position: relative; z-index: 2; padding-top: 100px; padding-bottom: 206px; } #top .recbox .wrap h2 { text-align: center; font-size: 2.5rem; margin-bottom: 25px; font-weight: 500; letter-spacing: 0.1em; } #top .recbox .wrap .tab_btn { text-align: center; margin-bottom: 42px; } #top .recbox .wrap .tab_btn li { display: inline-block; margin: 0px 15px; color: rgb(64, 64, 64); border-bottom: 1px solid rgb(229, 229, 229); cursor: pointer; opacity: 0.5; transition: all 0.3s ease 0s; } #top .recbox .wrap .tab_btn li.active { opacity: 1; border-bottom: 1px solid rgb(64, 64, 64); } @media (hover: hover) and (pointer: fine) { #top .recbox .wrap .tab_btn li:hover { opacity: 1; border-bottom: 1px solid rgb(64, 64, 64); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #top .recbox .wrap .tab_btn li:hover { opacity: 1; border-bottom: 1px solid rgb(64, 64, 64); } } #top .recbox .wrap .panel-area .panel { display: none; } #top .recbox .wrap .panel-area .panel.active { display: block; } #top .recbox .wrap .panel-area .panel .flex { } #top .recbox .wrap .panel-area .panel .flex .slick-track { display: flex; } #top .recbox .wrap .panel-area .panel .flex .slick-track .slick-slide { height: auto !important; } #top .recbox .wrap .panel-area .panel .flex .box { margin: 0px 20px; position: relative; height: auto !important; } #top .recbox .wrap .panel-area .panel .flex .box .img { line-height: 0; margin-bottom: 22px; } #top .recbox .wrap .panel-area .panel .flex .box .img a { display: block; padding-top: 100%; position: relative; } #top .recbox .wrap .panel-area .panel .flex .box .img a img { width: 100%; height: 100%; position: absolute; inset: 0px; object-fit: cover; } #top .recbox .wrap .panel-area .panel .flex .box .txt { padding-bottom: 39px; } #top .recbox .wrap .panel-area .panel .flex .box .txt .new { width: 46px; height: 21px; line-height: 21px; background: rgb(232, 185, 31); color: rgb(255, 255, 255); text-align: center; margin: 0px 0px 5px; font-size: 13px; font-weight: bold; } #top .recbox .wrap .panel-area .panel .flex .box .txt .ttl { margin-bottom: 5px; letter-spacing: -0.06em; } #top .recbox .wrap .panel-area .panel .flex .box .txt .tag { font-size: 1.3rem; color: rgb(119, 119, 119); margin: 0px 10px 10px 0px; display: inline-block; } #top .recbox .wrap .panel-area .panel .flex .box .txt .more { position: absolute; bottom: 0px; left: 0px; right: 0px; } #top .recbox .wrap .panel-area .panel .flex .slick-list { margin-bottom: 50px; } #top .recbox .wrap .panel-area .panel .flex .slick-dots { text-align: center; line-height: 0; margin: 22px 0px 0px; } #top .recbox .wrap .panel-area .panel .flex .slick-dots li { display: inline-block; vertical-align: middle; } #top .recbox .wrap .panel-area .panel .flex .slick-dots li button { font-size: 0px; width: 60px; height: 3px; background: rgb(202, 202, 202); transition: all 0.3s ease 0s; } #top .recbox .wrap .panel-area .panel .flex .slick-dots li.slick-active button { background: rgb(145, 145, 145); } @media (hover: hover) and (pointer: fine) { #top .recbox .wrap .panel-area .panel .flex .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #top .recbox .wrap .panel-area .panel .flex .slick-dots li:hover button { background: rgb(145, 145, 145); } } #top .recbox .wrap .dbtn { text-align: right; margin-top: 50px; } @media screen and (max-width: 834px) { #top .recbox .bg { font-size: 9.884rem; left: -316px; top: 257px; } #top .recbox .wrap { padding: 70px 20px 130px; } #top .recbox .wrap .tab_btn { margin-bottom: 28px; } #top .recbox .wrap .tab_btn li { margin: 0px 10px; } #top .recbox .wrap .panel-area .panel .flex .box { margin: 0px 10px; } #top .recbox .wrap .panel-area .panel .flex .box .txt .ttl { font-size: 1.5rem; } #top .recbox .wrap .panel-area .panel .flex .slick-list { margin-bottom: 30px; } #top .recbox .wrap .panel-area .panel .flex .slick-dots li button { width: 30px; } #top .recbox .wrap .dbtn { margin-top: 40px; text-align: center; } } #top .nav { background: rgb(64, 64, 64); } #top .nav .stay { margin-top: -90px; margin-bottom: 115px; position: relative; z-index: 1; display: flex; } #top .nav .stay .img { width: 62.5%; } #top .nav .stay .img img { width: 100%; } #top .nav .stay .txt { color: rgb(255, 255, 255); width: 37.5%; padding: 0px 4.68vw; } #top .nav .stay .txt .i { line-height: 0; margin-bottom: 50px; } #top .nav .stay .txt h2 { font-weight: 500; line-height: 1.4; font-size: 2rem; letter-spacing: 0.1em; margin-bottom: 25px; } #top .nav .stay .txt h2 span { font-family: Jost, sans-serif; display: block; font-size: 4.5rem; letter-spacing: 0.3em; margin-bottom: 8px; } #top .nav .restaurant { position: relative; margin-bottom: 120px; } #top .nav .restaurant .img { position: absolute; top: 0px; bottom: 0px; right: 0px; width: 72.27vw; z-index: 1; } #top .nav .restaurant .img img { width: 100%; height: 100%; object-fit: cover; } #top .nav .restaurant .img .ac { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 3px; position: absolute; bottom: 10px; right: 10px; font-size: 1.1rem; line-height: 1.5; } #top .nav .restaurant .txt { width: 39.06%; color: rgb(255, 255, 255); padding: 60px 0px 100px 5.31vw; position: relative; z-index: 2; } #top .nav .restaurant .txt h2 { font-weight: 500; line-height: 1.4; font-size: 2rem; letter-spacing: 0.1em; margin-bottom: 55px; } #top .nav .restaurant .txt h2 span { font-family: Jost, sans-serif; display: block; font-size: 4.5rem; letter-spacing: 0.2em; margin-bottom: 15px; } #top .nav .restaurant .txt h2 + p { width: 56%; } #top .nav .sub { position: relative; color: rgb(255, 255, 255); padding-bottom: 120px; } #top .nav .sub::before { content: ""; position: absolute; inset: 80px 0px 0px; background: rgb(90, 90, 90); z-index: 1; } #top .nav .sub .wrap { position: relative; z-index: 2; display: flex; } #top .nav .sub .wrap .box { width: 29.82%; margin-right: 5.27%; position: relative; } #top .nav .sub .wrap .box:last-child { margin-right: 0px; } #top .nav .sub .wrap .box a { display: block; position: relative; } #top .nav .sub .wrap .box a .ttl { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.25); text-align: center; font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; letter-spacing: 0.15em; line-height: 1.533; margin-bottom: 0px; } #top .nav .sub .wrap .box a .img { line-height: 0; } #top .nav .sub .wrap .box a .kzr { line-height: 0; position: absolute; bottom: 0px; right: 0px; z-index: 2; } #top .nav .sub .wrap .box a::before { content: ""; position: absolute; inset: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0); z-index: 2; transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #top .nav .sub .wrap .box a:hover::before { background: rgba(51, 51, 51, 0.6); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #top .nav .sub .wrap .box a:hover::before { background: rgba(51, 51, 51, 0.6); } } #top .nav .sub .wrap .box .txt .ttl { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #top .nav .sub .wrap .box .txt .more { position: absolute; bottom: 0px; right: 0px; left: 0px; } #top .nav .sub .wrap .box .txt .more a { margin-bottom: 0px; } @media screen and (min-width: 1076px) { #top .nav .stay .txt { padding: 0px 8.68vw 0px 4.68vw; } } @media screen and (max-width: 834px) { #top .nav .stay { margin-top: -70px; margin-bottom: 60px; display: block; } #top .nav .stay .img { width: 91.66vw; line-height: 0; margin-bottom: 25px; } #top .nav .stay .txt { width: 100%; padding: 0px 30px; } #top .nav .stay .txt .i { display: none; } #top .nav .stay .txt h2 { font-size: 1.6rem; line-height: 1.4; margin-bottom: 18px; } #top .nav .stay .txt h2 span { font-size: 3rem; margin-bottom: 0px; } #top .nav .restaurant { margin-bottom: 65px; } #top .nav .restaurant .img { position: relative; padding-left: 30px; width: 100%; line-height: 0; margin-bottom: 30px; } #top .nav .restaurant .txt { width: 100%; padding: 0px 30px; } #top .nav .restaurant .txt h2 { font-size: 1.6rem; margin-bottom: 20px; } #top .nav .restaurant .txt h2 span { font-size: 3rem; margin-bottom: 10px; } #top .nav .restaurant .txt h2 + p { width: 100%; } #top .nav .sub { background: rgb(90, 90, 90); padding-bottom: 1px; } #top .nav .sub::before { display: none; } #top .nav .sub .wrap { display: block; padding: 0px; } #top .nav .sub .wrap .box { width: 100%; } #top .nav .sub .wrap .box a { } #top .nav .sub .wrap .box a .img img { width: 100%; } #top .nav .sub .wrap .box a .ttl { font-size: 2.5rem; } #top .nav .sub .wrap .box a .kzr { bottom: 20px; right: 20px; } #top .nav .sub .wrap .box .txt { padding: 0px 30px; } #top .nav .sub .wrap .box .txt .ttl { font-size: 1.6rem; margin-bottom: 15px; } #top .nav .sub .wrap .box .more { padding: 0px 30px; } } #top.top .main .img .slick-img img { width: 100%; height: calc(-331px + 100vh); object-fit: cover; } #top.top .main .copy img { height: 100%; width: auto; } @media screen and (max-width: 1075px) { #top.top .main .img .slick-img img { width: 100%; height: calc(-140px + 100vh); object-fit: cover; } } .restactive { position: absolute; left: 0px; right: 0px; top: 100vh; z-index: 9 !important; } .restactive .fix_rest { position: relative; inset: auto; } .restactive .fix_rest .bg { display: none; } .restactive .fix_rest .restcontent { position: relative; inset: auto; transform: none; max-width: none; padding-bottom: 0px; background: rgb(64, 64, 64); border-radius: 0px; } .restactive .fix_rest .restcontent .close { display: none; } .restactive .fix_rest .restcontent .inner .ttl { display: none; } .restactive .fix_rest .restcontent .inner #tc-widget { margin-bottom: 0px; } .restactive .fix_rest .restcontent .inner #tc-widget .tc-body { background: none !important; padding: 0px !important; } .restactive .fix_rest .restcontent .inner #tc-widget .tc-body form { max-width: 830px; margin: 0px auto; } .restactive .fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-date input[type="text"] { color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); } .restactive .fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-time select, .restactive .fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-ppl select { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); padding: 4px 0px 7px 10px; } .restactive .fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-time::after, .restactive .fix_rest .restcontent .inner #tc-widget .tc-body form .tc-content .tc-ppl::after { border-top: 1.5px solid rgb(64, 64, 64); border-right: 1.5px solid rgb(64, 64, 64); top: -12px; right: 10px; } .restactive .fix_rest .restcontent .inner .rsv_link { margin-bottom: 0px; } .restactive .fix_rest .restcontent .inner .contact { display: none; } @media screen and (max-width: 1075px) { .restactive .fix_rest .restcontent { height: auto !important; } .restactive .fix_rest .restcontent .inner { height: auto; } } #ui-datepicker-div { padding: 40px 46px !important; max-width: 1040px !important; border: none !important; } #ui-datepicker-div .ui-datepicker-header { font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-size: 1.7rem; font-weight: 500; background: none !important; border: none !important; padding: 0px !important; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all { top: 98px; bottom: 0px; width: 22px !important; height: 22px !important; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all::before { content: ""; position: absolute; inset: 0px; width: 22px !important; height: 22px !important; border-top: 2px solid rgb(156, 123, 43) !important; border-right: 2px solid rgb(156, 123, 43) !important; transform: rotate(45deg) !important; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: -22px; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev::before { transform: rotate(-135deg) !important; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: -22px; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all .ui-icon { background: none !important; } #ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-state-hover { background: none !important; border: none !important; } #ui-datepicker-div .ui-datepicker-group { width: 31%; margin-right: 3.5%; } #ui-datepicker-div .ui-datepicker-group.ui-datepicker-group-last { margin-right: 0px; } #ui-datepicker-div .ui-datepicker-calendar thead tr th { font-family: "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif !important; padding: 0px 0px 6px !important; } #ui-datepicker-div .ui-datepicker-calendar thead tr th span { display: block; width: 24px; height: 24px; text-align: center; line-height: 20px; font-weight: 400; margin: 0px auto; } #ui-datepicker-div .ui-datepicker-calendar thead tr th:first-child span { border-radius: 50%; border: 1px solid rgb(156, 123, 43); color: rgb(156, 123, 43); } #ui-datepicker-div .ui-datepicker-calendar thead tr th:last-child span { border-radius: 50%; border: 1px solid rgb(229, 229, 229); background: rgb(229, 229, 229); } #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-default { display: block; width: 24px; height: 24px; text-align: center; line-height: 22px; font-weight: 400; margin: 0px auto; border-radius: 50%; border: 1px solid rgb(255, 255, 255); background: none; padding: 0px !important; } #ui-datepicker-div .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-hover { border: 1px solid rgb(156, 123, 43); background: rgb(156, 123, 43); color: rgb(255, 255, 255) !important; } #ui-datepicker-div .ui-datepicker-calendar tbody tr td:first-child .ui-state-default { color: rgb(156, 123, 43); } .banner_modal { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.8); z-index: 2147483647; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .banner_modal .inner { position: relative; padding: 0px 30px; } .banner_modal .inner a { display: block; line-height: 0; } .banner_modal .inner .close { font-size: 2rem; color: rgb(255, 255, 255); width: 50px; height: 50px; border-radius: 50%; background: rgb(156, 123, 43); text-align: center; line-height: 50px; position: absolute; top: -20px; right: 12px; cursor: pointer; } #topics_index .inner { background: rgb(229, 229, 229); } #topics_index .inner .category { text-align: center; margin-bottom: 42px; } #topics_index .inner .category li { display: inline-block; margin: 0px 15px; color: rgb(64, 64, 64); border-bottom: 1px solid rgb(229, 229, 229); cursor: pointer; opacity: 0.5; transition: all 0.3s ease 0s; } #topics_index .inner .category li.active { opacity: 1; border-bottom: 1px solid rgb(64, 64, 64); } @media (hover: hover) and (pointer: fine) { #topics_index .inner .category li:hover { opacity: 1; border-bottom: 1px solid rgb(64, 64, 64); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #topics_index .inner .category li:hover { opacity: 1; border-bottom: 1px solid rgb(64, 64, 64); } } #topics_index .inner .flex { display: flex; flex-wrap: wrap; padding-bottom: 10px; } #topics_index .inner .flex .box { width: 21.05%; margin: 0px 5.26% 75px 0px; padding-bottom: 39px; position: relative; } #topics_index .inner .flex .box:nth-child(4n) { margin: 0px 0px 75px; } #topics_index .inner .flex .box .img { line-height: 0; margin-bottom: 22px; } #topics_index .inner .flex .box .img a { display: block; padding-top: 100%; position: relative; } #topics_index .inner .flex .box .img a img { width: 100%; height: 100%; position: absolute; inset: 0px; object-fit: cover; } #topics_index .inner .flex .box .txt .new { width: 46px; height: 21px; line-height: 21px; background: rgb(232, 185, 31); color: rgb(255, 255, 255); text-align: center; margin: 0px 0px 5px; font-size: 13px; font-weight: bold; } #topics_index .inner .flex .box .txt .ttl { margin-bottom: 5px; letter-spacing: -0.06em; } #topics_index .inner .flex .box .txt .tag { font-size: 1.3rem; color: rgb(119, 119, 119); margin-bottom: 25px; } #topics_index .inner .flex .box .txt .more { position: absolute; bottom: 0px; left: 0px; right: 0px; } @media screen and (max-width: 834px) { #topics_index .inner .flex .box { width: 46.66%; margin: 0px 6.68% 50px 0px; } #topics_index .inner .flex .box:nth-child(4n) { margin: 0px 6.68% 50px 0px; } #topics_index .inner .flex .box:nth-child(2n) { margin: 0px 0px 50px; } #topics_index .inner .flex .box .txt .ttl { font-size: 1.5rem; } } #news_index .inner { background: rgb(229, 229, 229); padding-bottom: 110px; } #news_index .inner .important { background: rgb(119, 119, 119); color: rgb(255, 255, 255); padding: 75px 0px 70px; margin-bottom: 40px; } #news_index .inner .important .wrap { display: flex; } #news_index .inner .important .wrap .ttl { width: 25.08%; font-size: 2rem; font-weight: 500; letter-spacing: 0.08em; } #news_index .inner .important .wrap .box { width: 74.92%; max-width: 460px; } #news_index .inner .important .wrap .box dt { float: left; clear: both; font-family: Jost, sans-serif; font-size: 1.4rem; font-weight: 500; padding-top: 2px; } #news_index .inner .important .wrap .box dd a { display: block; position: relative; font-size: 1.5rem; font-weight: 500; padding: 0px 40px 10px 110px; } #news_index .inner .important .wrap .box dd a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media screen and (max-width: 834px) { #news_index .inner .important { padding: 30px 0px 40px; margin-bottom: 20px; } #news_index .inner .important .wrap { display: block; } #news_index .inner .important .wrap .ttl { width: 100%; margin: 0px 0px 15px; font-size: 1.8rem; } #news_index .inner .important .wrap .box { width: 100%; } #news_index .inner .important .wrap .box dd a { padding: 0px 25px 7px 94px; } } #news_index .inner .newsbox { line-height: 1.5; } #news_index .inner .newsbox dt { float: left; clear: both; font-size: 1.4rem; font-weight: 500; font-family: Jost, sans-serif; padding: 15px 0px 15px 10px; } #news_index .inner .newsbox dd { border-bottom: 1px solid rgb(204, 204, 204); } #news_index .inner .newsbox dd a { display: block; font-weight: 500; font-size: 1.5rem; padding: 15px 44px 15px 126px; position: relative; } #news_index .inner .newsbox dd a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media screen and (max-width: 834px) { #news_index .inner .newsbox dt { float: none; padding: 15px 0px 10px 10px; } #news_index .inner .newsbox dd a { padding: 0px 25px 15px 15px; } } #kiji .inner { background: rgb(229, 229, 229); padding-bottom: 70px; } #kiji .inner .content h2 { font-size: 3rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.5; margin-bottom: 10px; } #kiji .inner .content .tag { margin-bottom: 50px; } #kiji .inner .content .tag li { display: inline-block; vertical-align: middle; font-size: 1.3rem; color: rgb(119, 119, 119); margin-right: 15px; } #kiji .inner .content .tag li:last-child { margin-right: 0px; } #kiji .inner .content .txt h1, #kiji .inner .content .txt h2, #kiji .inner .content .txt h3, #kiji .inner .content .txt h4, #kiji .inner .content .txt h5, #kiji .inner .content .txt h6 { font-size: 2rem; line-height: 1.5; font-weight: 500; margin: 70px 0px 30px; } #kiji .inner .content .txt a { color: rgb(156, 123, 43); text-decoration: underline; } @media (hover: hover) and (pointer: fine) { #kiji .inner .content .txt a:hover { text-decoration: none; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #kiji .inner .content .txt a:hover { text-decoration: none; } } #kiji .inner .content .txt .dbtn { margin-top: 50px; } #kiji .inner .content .txt .dbtn a { padding: 5px 50px 5px 40px; color: rgb(51, 51, 51); text-decoration: none; } @media (hover: hover) and (pointer: fine) { #kiji .inner .content .txt .dbtn a:hover { color: rgb(119, 119, 119); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #kiji .inner .content .txt .dbtn a:hover { color: rgb(119, 119, 119); } } #kiji .inner .content .txt .slide { margin-bottom: 95px; } #kiji .inner .content .txt .slide .slick-slide { margin: 0px 20px; line-height: 0; list-style-type: none !important; padding: 0px !important; } #kiji .inner .content .txt .slide .slick-slide img { width: 100%; } #kiji .inner .content .txt .slide .slick-slide p { display: block; line-height: 1.5; margin: 20px 0px 0px; font-size: 1.8rem; text-align: center; } #kiji .inner .content .txt .slide .slick-arrow { position: absolute; top: -30px; bottom: 0px; margin: auto 0px; width: 70px; height: 70px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; font-size: 0px; z-index: 8; } #kiji .inner .content .txt .slide .slick-arrow.slick-next { transform: rotate(180deg); right: calc(9.375% + 20px); } #kiji .inner .content .txt .slide .slick-arrow.slick-prev { left: calc(9.375% + 20px); } #kiji .inner .content .txt .slide .slick-dots { text-align: center; line-height: 0; margin: 22px 0px 0px; } #kiji .inner .content .txt .slide .slick-dots li { display: inline-block; vertical-align: middle; list-style-type: none !important; } #kiji .inner .content .txt .slide .slick-dots li::after { display: none; } #kiji .inner .content .txt .slide .slick-dots li button { font-size: 0px; width: 60px; height: 3px; background: rgb(202, 202, 202); transition: all 0.3s ease 0s; } #kiji .inner .content .txt .slide .slick-dots li.slick-active button { background: rgb(145, 145, 145); } @media (hover: hover) and (pointer: fine) { #kiji .inner .content .txt .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #kiji .inner .content .txt .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } #kiji .inner .content .txt .teigi { border-top: 1px solid rgb(204, 204, 204); margin-top: 70px; margin-bottom: 70px; } #kiji .inner .content .txt .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 0px; } #kiji .inner .content .txt .teigi dd { padding: 15px 0px 15px 180px; border-bottom: 1px solid rgb(204, 204, 204); } #kiji .inner .content .txt h2 + .teigi, #kiji .inner .content .txt h3 + .teigi, #kiji .inner .content .txt h4 + .teigi, #kiji .inner .content .txt h5 + .teigi, #kiji .inner .content .txt h6 + .teigi { margin-top: 0px; } #kiji .inner .content .txt ul { margin: 30px 0px; } #kiji .inner .content .txt ul li { position: relative; padding-left: 22px; } #kiji .inner .content .txt ul li::after { content: ""; position: absolute; top: 11px; left: 0px; width: 8px; height: 8px; border-radius: 50%; border: 1px solid rgb(119, 119, 119); } #kiji .inner .content .txt .clumbox { margin-top: 70px; } #kiji .inner .content .txt .clumbox .flex { display: flex; flex-wrap: wrap; } #kiji .inner .content .txt .clumbox .flex dl dt { line-height: 0; margin-bottom: 25px; } #kiji .inner .content .txt .clumbox .flex dl dd h4 { font-size: 1.7rem; line-height: 1.5; margin: 0px 0px 15px; } #kiji .inner .content .txt .clumbox .flex.double dl { width: 47.36%; margin: 0px 5.28% 50px 0px; } #kiji .inner .content .txt .clumbox .flex.double dl:nth-child(2n) { margin: 0px 0px 50px; } #kiji .inner .content .txt .clumbox .flex.triple dl { width: 31.57%; margin: 0px 2.645% 50px 0px; } #kiji .inner .content .txt .clumbox .flex.triple dl:nth-child(3n) { margin: 0px 0px 50px; } #kiji .inner .content .txt .clumbox .flex.imgbox .img { width: 47.36%; margin-right: 4.05%; line-height: 0; } #kiji .inner .content .txt .clumbox .flex.imgbox .txt { width: 48.59%; } #kiji .inner .content .txt .ot_menu { background: rgb(238, 238, 238); padding: 60px; margin-bottom: 50px; } #kiji .inner .content .txt .ot_menu h3 { font-size: 2rem; font-weight: 500; line-height: 1.5; margin-bottom: 35px; margin-top: 0px; } #kiji .inner .content .txt .ot_menu h3 + .remarks { margin-top: -20px; margin-bottom: 35px; } #kiji .inner .content .txt .ot_menu .list { display: flex; flex-wrap: wrap; } #kiji .inner .content .txt .ot_menu .list li { width: 21.27%; margin-right: 4.97%; padding-left: 20px; position: relative; } #kiji .inner .content .txt .ot_menu .list li:nth-child(4n) { margin-right: 0px; } #kiji .inner .content .txt .ot_menu .list li::after { content: ""; position: absolute; top: 12px; left: 0px; border: 1px solid rgb(119, 119, 119); border-radius: 50%; width: 8px; height: 8px; } #kiji .inner .content .txt .ot_menu .flex { display: flex; flex-wrap: wrap; } #kiji .inner .content .txt .ot_menu .flex .box { width: 47.64%; margin: 0px 4.72% 50px 0px; } #kiji .inner .content .txt .ot_menu .flex .box:nth-child(2n) { margin: 0px 0px 50px; } #kiji .inner .content .txt .ot_menu .flex .box h4 { font-size: 1.8rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 15px; margin-top: 0px; } #kiji .inner .content .txt .ot_menu .flex .box .list { display: block; } #kiji .inner .content .txt .ot_menu .flex .box .list li { width: 100%; margin: 0px; } #kiji .inner .content .txt .ot_menu .flex + h3 { margin-top: 20px; } #kiji .snsbox { padding: 80px 30px 90px; text-align: center; } #kiji .snsbox .ttl { font-size: 1.5rem; font-weight: 500; line-height: 1.5; margin-bottom: 10px; } #kiji .snsbox .list { margin-bottom: 55px; } #kiji .snsbox .list li { vertical-align: middle; font-size: 0px; margin: 0px 10px; display: inline-block !important; } #kiji .snsbox .list li:nth-child(1) a { width: 28px; height: 28px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #kiji .snsbox .list li:nth-child(2) a { width: 25px; height: 26px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #kiji .snsbox .list li:nth-child(3) a { width: 30px; height: 31px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #kiji .snsbox .list li:nth-child(4) a { width: 30px; height: 27px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #kiji .snsbox .dbtn a { padding: 5px 50px 5px 40px; } @media screen and (max-width: 834px) { #kiji .inner .content h2 { font-size: 2.4rem; } #kiji .inner .content .txt .slide { margin-bottom: 65px; } #kiji .inner .content .txt .slide .slick-slide { margin: 0px 10px; } #kiji .inner .content .txt .slide .slick-arrow { width: 35px; height: 35px; } #kiji .inner .content .txt .slide .slick-arrow.slick-prev { left: calc(9.375% + 10px); } #kiji .inner .content .txt .slide .slick-arrow.slick-next { right: calc(9.375% + 10px); } #kiji .inner .content .txt .teigi dt { padding: 15px 0px 10px; float: none; } #kiji .inner .content .txt .teigi dd { padding: 0px 0px 15px; } #kiji .inner .content .txt .clumbox .flex.double { display: block; } #kiji .inner .content .txt .clumbox .flex.double dl { width: 100%; margin: 0px 0px 40px; } #kiji .inner .content .txt .clumbox .flex.double dl:nth-child(2n) { margin: 0px 0px 40px; } #kiji .inner .content .txt .clumbox .flex.triple dl { width: 47.36%; margin: 0px 5.28% 50px 0px; } #kiji .inner .content .txt .clumbox .flex.triple dl:nth-child(3n) { margin: 0px 5.28% 50px 0px; } #kiji .inner .content .txt .clumbox .flex.triple dl:nth-child(2n) { margin: 0px 0px 50px; } #kiji .inner .content .txt .clumbox .flex.imgbox { display: block; } #kiji .inner .content .txt .clumbox .flex.imgbox .img { width: 100%; margin: 0px 0px 20px; } #kiji .inner .content .txt .clumbox .flex.imgbox .txt { width: 100%; } #kiji .inner .content .txt .ot_menu { padding: 30px; } #kiji .inner .content .txt .ot_menu h3 { margin-bottom: 20px; } #kiji .inner .content .txt .ot_menu .list { display: block; } #kiji .inner .content .txt .ot_menu .list li { width: 100%; margin: 0px; } #kiji .inner .content .txt .ot_menu .list li:nth-child(4n) { margin: 0px 4% 0px 0px; } #kiji .inner .content .txt .ot_menu .flex { display: block; } #kiji .inner .content .txt .ot_menu .flex .box { width: 100%; margin: 0px 0px 45px; } #kiji .inner .content .txt .ot_menu .flex .box:last-child { margin-bottom: 0px; } #kiji .inner .content .txt .ot_menu .flex + h3 { margin-top: 60px; } } #restaurant .u_main { margin-bottom: 90px; } #restaurant .list { margin-bottom: 80px; } #restaurant .list .restaurant .lead { margin-bottom: 130px; } #restaurant .list .restaurant .lead .img { line-height: 0; position: relative; margin-bottom: 35px; } #restaurant .list .restaurant .lead .img .ttl { position: absolute; inset: 0px; background: rgba(17, 17, 17, 0.2); width: 100%; height: 100%; color: rgb(255, 255, 255); font-family: Jost, sans-serif; font-size: 6rem; font-weight: 500; letter-spacing: 0.2em; text-align: center; } #restaurant .list .restaurant .lead .txt { overflow: hidden; } #restaurant .list .restaurant .lead .txt .logo { float: left; } #restaurant .list .restaurant .lead .txt .inner { padding: 0px 0px 0px 300px; } #restaurant .list .restaurant .lead .txt .inner h2 { font-size: 2rem; margin-bottom: 20px; font-weight: 500; } #restaurant .list .restaurant .flex { display: flex; flex-wrap: wrap; } #restaurant .list .restaurant .flex .box { width: 47.36%; margin: 0px 5.28% 140px 0px; position: relative; padding-bottom: 39px; } #restaurant .list .restaurant .flex .box:nth-child(2n) { margin: 0px 0px 140px; } #restaurant .list .restaurant .flex .box h2 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 30px; line-height: 1.5; } #restaurant .list .restaurant .flex .box h2 span { display: block; font-family: Jost, sans-serif; font-size: 4.5rem; font-weight: 500; letter-spacing: 0.2em; } #restaurant .list .restaurant .flex .box .img { margin-bottom: 30px; } #restaurant .list .restaurant .flex .box .img a { display: block; position: relative; line-height: 0; padding-top: 66.6666%; } #restaurant .list .restaurant .flex .box .img a::before, #restaurant .list .restaurant .flex .box .img a::after { position: absolute; left: 0px; right: 0px; opacity: 0; transition: all 0.3s ease 0s; } #restaurant .list .restaurant .flex .box .img a::before { content: ""; top: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.6); z-index: 1; } #restaurant .list .restaurant .flex .box .img a::after { content: "More"; color: rgb(255, 255, 255); font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; text-align: center; top: 50%; transform: translate(0px, -50%); z-index: 2; } #restaurant .list .restaurant .flex .box .img a .thum { width: 100%; height: 100%; position: absolute; inset: 0px; object-fit: cover; } #restaurant .list .restaurant .flex .box .img a .kzr { position: absolute; bottom: 0px; right: 0px; z-index: 3; } @media (hover: hover) and (pointer: fine) { #restaurant .list .restaurant .flex .box .img a:hover::before, #restaurant .list .restaurant .flex .box .img a:hover::after { opacity: 1; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #restaurant .list .restaurant .flex .box .img a:hover::before, #restaurant .list .restaurant .flex .box .img a:hover::after { opacity: 1; } } #restaurant .list .restaurant .flex .box .txt .tag { background: rgb(232, 185, 31); color: rgb(255, 255, 255); font-size: 1.3rem; font-weight: 600; width: 82px; height: 21px; line-height: 21px; text-align: center; margin-bottom: 5px; } #restaurant .list .restaurant .flex .box .txt .tag.now { background: rgb(232, 185, 31); } #restaurant .list .restaurant .flex .box .txt .tag.will { background: rgb(82, 41, 25); } #restaurant .list .restaurant .flex .box .txt .ttl { font-size: 1.7rem; font-weight: 500; line-height: 1.765; margin-bottom: 22px; } #restaurant .list .restaurant .flex .box .txt .teigi { border-top: 1px solid rgb(204, 204, 204); margin-bottom: 40px; } #restaurant .list .restaurant .flex .box .txt .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 0px; } #restaurant .list .restaurant .flex .box .txt .teigi dd { padding: 15px 0px 15px 140px; border-bottom: 1px solid rgb(204, 204, 204); } #restaurant .list .restaurant .flex .box .txt .btn_group { display: flex; position: absolute; bottom: 0px; left: 0px; right: 0px; } #restaurant .list .restaurant .flex .box .txt .btn_group .more { width: 100%; } #restaurant .list .restaurant .flex .box .txt .btn_group .more:last-child { margin: 0px; } #restaurant .list .restaurant .flex .box.ancbox { margin-top: -123px; } @media screen and (max-width: 1075px) { #restaurant .list .restaurant .flex .box.ancbox { margin-top: -60px; } } #restaurant .list .restaurant .wrap_block { margin-bottom: 70px; } #restaurant .list .restaurant .wrap_block h2 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 30px; line-height: 1.5; } #restaurant .list .restaurant .wrap_block h2 span { display: block; font-family: Jost, sans-serif; font-size: 4.5rem; font-weight: 500; letter-spacing: 0.2em; } #restaurant .list .restaurant .wrap_block .flex .box { margin-bottom: 80px; } #restaurant .list .restaurant .wrap_block .flex .box.ancbox { margin-top: -123px; } @media screen and (max-width: 1075px) { #restaurant .list .restaurant .wrap_block .flex .box.ancbox { margin-top: -60px; } } #restaurant .list .restaurant .anc { display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin-bottom: 100px; } #restaurant .list .restaurant .anc li { margin: 0px 15px 10px; } #restaurant .list .restaurant .anc li a, #restaurant .list .restaurant .anc li span { padding-bottom: 5px; border-bottom: 1px solid rgb(255, 255, 255); cursor: pointer; transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #restaurant .list .restaurant .anc li a:hover, #restaurant .list .restaurant .anc li span:hover { opacity: 1; border-bottom: 1px solid rgb(49, 49, 49); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #restaurant .list .restaurant .anc li a:hover, #restaurant .list .restaurant .anc li span:hover { opacity: 1; border-bottom: 1px solid rgb(49, 49, 49); } } #restaurant .list .restaurant .ancbox, #restaurant .list .restaurant .othersblock { margin-top: -123px; padding-top: 123px; } #restaurant .list .bar .lead { margin-bottom: 110px; } #restaurant .list .bar .lead .img { line-height: 0; position: relative; margin-bottom: 35px; } #restaurant .list .bar .lead .img .ttl { position: absolute; inset: 0px; background: rgba(17, 17, 17, 0.2); width: 100%; height: 100%; color: rgb(255, 255, 255); font-family: Jost, sans-serif; font-size: 6rem; font-weight: 500; letter-spacing: 0.2em; text-align: center; } #restaurant .list .bar .lead .txt { overflow: hidden; } #restaurant .list .bar .lead .txt .logo { float: left; } #restaurant .list .bar .lead .txt .inner { padding: 0px 0px 0px 300px; } #restaurant .list .bar .lead .txt .inner h2 { font-size: 2rem; margin-bottom: 20px; font-weight: 500; } #restaurant .list .txtbox { font-size: 1.3rem; background: rgb(238, 238, 238); padding: 60px; margin-bottom: 50px; } #restaurant .list .txtbox h3 { font-size: 1.6rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 25px; } #restaurant .list .txtbox .red { color: rgb(174, 0, 4); } #restaurant .list .txtbox .pdf { overflow: hidden; } #restaurant .list .txtbox .pdf span { background: rgb(139, 100, 6); color: rgb(255, 255, 255); font-size: 1.039rem; font-weight: 600; font-family: Jost, sans-serif; border-radius: 3px; width: 34px; height: 16px; line-height: 16px; text-align: center; display: block; float: left; margin: 5px 0px 0px; } #restaurant .list .txtbox .pdf a { display: block; padding-left: 48px; line-height: 1.6; font-size: 1.5rem; font-weight: 500; text-decoration: underline; color: rgb(156, 123, 43); } @media (hover: hover) and (pointer: fine) { #restaurant .list .txtbox .pdf a:hover { text-decoration: none; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #restaurant .list .txtbox .pdf a:hover { text-decoration: none; } } #restaurant .list .txtbox .img li { display: inline-block; margin: 0px 16px 10px 0px; } #restaurant .list .txtbox .img li:last-child { margin: 0px 0px 10px; } #restaurant .list .txtbox .img li span { display: block; text-align: center; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.07em; } #restaurant .list .txtbox.pictgram { padding: 60px 60px 50px; } #restaurant .list .btn_group.last { text-align: center; } #restaurant .list .btn_group.last li { display: inline-block; vertical-align: middle; margin: 0px 45px 0px 0px; } #restaurant .list .btn_group.last li:last-child { margin: 0px; } #restaurant .list .policy.more { text-align: right; } #restaurant .list .policy.more a { display: inline-block; padding-right: 60px; } #restaurant .others { background: rgb(51, 51, 51); color: rgb(238, 238, 238); padding: 120px 0px 82px; } #restaurant .others .wrap { display: flex; } #restaurant .others .wrap .left { width: 28.07%; margin-right: 10.53%; line-height: 2; } #restaurant .others .wrap .left h2 { font-size: 2rem; font-weight: 500; line-height: 1.956; margin-bottom: 20px; } #restaurant .others .wrap .right { width: 61.4%; border-top: 1px solid rgb(90, 90, 90); } #restaurant .others .wrap .right dl dt { float: left; clear: both; padding: 31px 0px; } #restaurant .others .wrap .right dl dd { padding: 35px 0px 44px 190px; border-bottom: 1px solid rgb(90, 90, 90); } #restaurant .others .wrap .right dl dd h3 { font-weight: 500; font-size: 2rem; letter-spacing: 0.1em; margin-bottom: 20px; } #restaurant .others .wrap .right dl dd h3 + p { color: rgb(170, 170, 170); font-size: 1.3rem; line-height: 1.923; } #restaurant .others .wrap .right dl dd .dbtn a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { #restaurant .others .wrap .right dl dd .dbtn a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #restaurant .others .wrap .right dl dd .dbtn a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media screen and (max-width: 1075px) { #restaurant .u_main { margin-bottom: 20px; } #restaurant .list { margin-bottom: 60px; } #restaurant .list .restaurant { margin-bottom: 75px; } #restaurant .list .restaurant .lead { margin-bottom: 50px; } #restaurant .list .restaurant .lead .img { margin: 0px -30px 25px; } #restaurant .list .restaurant .lead .img img { width: 100%; } #restaurant .list .restaurant .lead .img .ttl { font-size: 2.5rem; } #restaurant .list .restaurant .lead .txt .logo { float: none; width: 77.2926px; margin-bottom: 10px; } #restaurant .list .restaurant .lead .txt .inner { padding: 0px; } #restaurant .list .restaurant .lead .txt .inner h2 { font-size: 1.6rem; margin-bottom: 13px; } #restaurant .list .restaurant .flex { display: block; } #restaurant .list .restaurant .flex .box { width: 100%; margin: 0px 0px 50px; } #restaurant .list .restaurant .flex .box:nth-child(2n) { margin: 0px 0px 50px; } #restaurant .list .restaurant .flex .box h2 { font-size: 1.6rem; } #restaurant .list .restaurant .flex .box h2 span { font-size: 3rem; } #restaurant .list .restaurant .flex .box .txt .teigi dt { padding: 15px 0px 10px; float: none; } #restaurant .list .restaurant .flex .box .txt .teigi dd { padding: 0px 0px 15px; } #restaurant .list .restaurant .flex .box .txt .btn_group { display: block; } #restaurant .list .restaurant .flex .box .txt .btn_group .more { width: 100%; margin: 0px 0px 13px; } #restaurant .list .restaurant .wrap_block { margin-bottom: 50px; } #restaurant .list .restaurant .wrap_block h2 { font-size: 1.6rem; } #restaurant .list .restaurant .wrap_block h2 span { font-size: 3rem; } #restaurant .list .restaurant .wrap_block .flex .box { margin-bottom: 50px; } #restaurant .list .restaurant .ancbox, #restaurant .list .restaurant .othersblock { margin-top: -60px; padding-top: 60px; } #restaurant .list .bar .lead { margin-bottom: 50px; } #restaurant .list .bar .lead .img { margin: 0px -30px 25px; } #restaurant .list .bar .lead .img img { width: 100%; } #restaurant .list .bar .lead .img .ttl { font-size: 2.5rem; } #restaurant .list .bar .lead .txt .logo { float: none; width: 77.2926px; margin-bottom: 10px; } #restaurant .list .bar .lead .txt .inner { padding: 0px; } #restaurant .list .bar .lead .txt .inner h2 { font-size: 1.6rem; margin-bottom: 13px; } #restaurant .list .txtbox { padding: 44px 20px; font-size: 1.5rem; margin-bottom: 20px; } #restaurant .list .txtbox .img li { margin: 0px 13px 10px 0px; } #restaurant .list .txtbox .img li img { width: 52px; height: 52px; } #restaurant .list .txtbox.pictgram { padding: 50px 20px 40px; } #restaurant .list .btn_group { margin: 50px 0px 0px !important; } #restaurant .list .btn_group li { display: block !important; margin: 0px 0px 20px !important; } #restaurant .list .btn_group li a { width: 100% !important; } #restaurant .list .policy.more a { text-align: left; } #restaurant .others { padding: 55px 0px 65px; } #restaurant .others .wrap { display: block; } #restaurant .others .wrap .left, #restaurant .others .wrap .right { width: 100%; } #restaurant .others .wrap .left { margin: 0px 0px 50px; } #restaurant .others .wrap .left h2 { line-height: 2; font-size: 2rem; } #restaurant .others .wrap .right dl dt { width: 90px; height: 90px; padding: 30px 0px; } #restaurant .others .wrap .right dl dd { padding: 40px 0px 35px 114px; } #restaurant .others .wrap .right dl dd h3 { font-size: 1.8rem; margin-bottom: 10px; } } #lajyho_cms .lead { padding: 80px 0px; background: rgb(229, 229, 229); margin-bottom: 80px; } #lajyho_cms .lead .logo { margin-bottom: 25px; } #lajyho_cms .lead h2 { font-size: 3rem; font-weight: 500; line-height: 1.5; margin-bottom: 55px; } #lajyho_cms .lead .flex { display: flex; } #lajyho_cms .lead .flex .left { width: 46.05%; margin-left: 5.18%; -webkit-box-ordinal-group: 3; order: 2; } #lajyho_cms .lead .flex .right { width: 48.77%; } #lajyho_cms .lead .flex .right .teigi { border-top: 1px solid rgb(204, 204, 204); } #lajyho_cms .lead .flex .right .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 5px; } #lajyho_cms .lead .flex .right .teigi dd { padding: 15px 0px 15px 140px; border-bottom: 1px solid rgb(204, 204, 204); } #lajyho_cms .lead .flex .right .teigi dd .dbtn { margin: 10px 0px 0px; } #lajyho_cms .lead .flex .right .teigi dd .dbtn a { padding: 5px 55px 5px 40px; } #lajyho_cms .detail { padding-bottom: 115px; } #lajyho_cms .detail h1, #lajyho_cms .detail h2, #lajyho_cms .detail h3, #lajyho_cms .detail h4, #lajyho_cms .detail h5, #lajyho_cms .detail h6 { font-size: 2rem; line-height: 1.5; font-weight: 500; margin: 70px 0px 30px; } #lajyho_cms .detail .slide { margin-bottom: 95px; } #lajyho_cms .detail .slide .slick-slide { margin: 0px 20px; line-height: 0; } #lajyho_cms .detail .slide .slick-slide img { width: 100%; } #lajyho_cms .detail .slide .slick-slide p { display: block; line-height: 1.5; margin: 20px 0px 0px; font-size: 1.8rem; text-align: center; } #lajyho_cms .detail .slide .slick-arrow { position: absolute; top: -30px; bottom: 0px; margin: auto 0px; width: 70px; height: 70px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; font-size: 0px; z-index: 8; } #lajyho_cms .detail .slide .slick-arrow.slick-next { transform: rotate(180deg); right: calc(9.375% + 20px); } #lajyho_cms .detail .slide .slick-arrow.slick-prev { left: calc(9.375% + 20px); } #lajyho_cms .detail .slide .slick-dots { text-align: center; line-height: 0; margin: 22px 0px 0px; } #lajyho_cms .detail .slide .slick-dots li { display: inline-block; vertical-align: middle; } #lajyho_cms .detail .slide .slick-dots li button { font-size: 0px; width: 60px; height: 3px; background: rgb(202, 202, 202); transition: all 0.3s ease 0s; } #lajyho_cms .detail .slide .slick-dots li.slick-active button { background: rgb(145, 145, 145); } @media (hover: hover) and (pointer: fine) { #lajyho_cms .detail .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #lajyho_cms .detail .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } #lajyho_cms .detail .clumbox { margin-bottom: 80px; } #lajyho_cms .detail .clumbox h3 { font-size: 2rem; font-weight: 500; margin-bottom: 35px; letter-spacing: 0.1em; } #lajyho_cms .detail .clumbox .flex { display: flex; flex-wrap: wrap; } #lajyho_cms .detail .clumbox .flex dl dt { line-height: 0; margin-bottom: 25px; } #lajyho_cms .detail .clumbox .flex dl dd h4 { font-size: 1.7rem; font-weight: 500; line-height: 1.5; margin: 0px 0px 15px; } #lajyho_cms .detail .clumbox .flex.double dl { width: 47.36%; margin: 0px 5.28% 50px 0px; } #lajyho_cms .detail .clumbox .flex.double dl:nth-child(2n) { margin: 0px 0px 50px; } #lajyho_cms .detail .clumbox .flex.triple dl { width: 31.57%; margin: 0px 2.645% 50px 0px; } #lajyho_cms .detail .clumbox .flex.triple dl:nth-child(3n) { margin: 0px 0px 50px; } #lajyho_cms .detail .clumbox .flex.imgbox .img { width: 47.36%; margin-right: 4.05%; line-height: 0; } #lajyho_cms .detail .clumbox .flex.imgbox .txt { width: 48.59%; } #lajyho_cms .detail .ot_menu { background: rgb(238, 238, 238); padding: 60px; margin-bottom: 50px; } #lajyho_cms .detail .ot_menu h3 { font-size: 2rem; font-weight: 500; line-height: 1.5; margin-bottom: 40px; border-left: 3px solid rgb(68, 68, 68); padding-left: 0.5em; } #lajyho_cms .detail .ot_menu h3 + .remarks { margin-top: -20px; margin-bottom: 35px; } #lajyho_cms .detail .ot_menu h4 { color: rgb(156, 123, 43); margin-top: 0px; } #lajyho_cms .detail .ot_menu .list { display: flex; flex-wrap: wrap; } #lajyho_cms .detail .ot_menu .list li { width: 21.27%; margin-right: 4.97%; padding-left: 20px; position: relative; } #lajyho_cms .detail .ot_menu .list li:nth-child(4n) { margin-right: 0px; } #lajyho_cms .detail .ot_menu .list li::after { content: ""; position: absolute; top: 12px; left: 0px; border: 1px solid rgb(119, 119, 119); border-radius: 50%; width: 8px; height: 8px; } #lajyho_cms .detail .ot_menu .flex { display: flex; flex-wrap: wrap; } #lajyho_cms .detail .ot_menu .flex .box { width: 47.64%; margin: 0px 4.72% 50px 0px; } #lajyho_cms .detail .ot_menu .flex .box:nth-child(2n) { margin: 0px 0px 50px; } #lajyho_cms .detail .ot_menu .flex .box h4 { font-size: 1.8rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 15px; } #lajyho_cms .detail .ot_menu .flex .box .list { display: block; } #lajyho_cms .detail .ot_menu .flex .box .list li { width: 100%; margin: 0px; } #lajyho_cms .detail .ot_menu .flex + h3 { margin-top: 20px; } #lajyho_cms .detail .dbtn.last { text-align: center; margin-bottom: 75px; } #lajyho_cms .detail .dbtn.last a { padding: 5px 55px 5px 40px; } #lajyho_cms .detail .attent { font-size: 1.2rem; line-height: 1.667; } #lajyho_cms .plan { background: rgb(229, 229, 229); padding: 75px 0px 80px; margin-bottom: 100px; } #lajyho_cms .plan h3 { font-size: 2rem; font-weight: 500; margin-bottom: 30px; } #lajyho_cms .plan .flex { display: flex; } #lajyho_cms .plan .flex .img { width: 39.47%; -webkit-box-ordinal-group: 3; order: 2; margin: 0px 0px 0px 4.39%; line-height: 0; } #lajyho_cms .plan .flex .txt { width: 56.14%; } #lajyho_cms .plan .flex .txt .more { margin: 45px 0px 0px; } #lajyho_cms .plan .flex .txt .more a { display: inline-block; padding-right: 15px; font-weight: 500; } #lajyho_cms .plan .flex .txt .more a::after { top: -11px; } #lajyho_cms .lastblock { padding-bottom: 130px; } #lajyho_cms .lastblock h3 { font-size: 2rem; font-weight: 500; line-height: 1.5; margin-bottom: 30px; } #lajyho_cms .lastblock h3 span { display: block; width: 68px; height: 21px; line-height: 21px; color: rgb(255, 255, 255); background: rgb(232, 185, 31); font-size: 1.3rem; font-weight: bold; text-align: center; margin-bottom: 10px; } #lajyho_cms .lastblock .flex { display: flex; } #lajyho_cms .lastblock .flex .img { width: 47.36%; margin-right: 4.05%; line-height: 0; } #lajyho_cms .lastblock .flex .txt { width: 48.59%; } #lajyho_cms .lastblock .flex .txt .more { margin: 45px 0px 0px; } #lajyho_cms .lastblock .flex .txt .more a { display: inline-block; padding-right: 15px; font-weight: 500; } #lajyho_cms .lastblock .flex .txt .more a::after { top: -11px; } @media screen and (max-width: 834px) { #lajyho_cms .lead { padding: 55px 0px 60px; } #lajyho_cms .lead h2 { font-size: 2.4rem; margin-bottom: 35px; } #lajyho_cms .lead .flex { display: block; } #lajyho_cms .lead .flex .left, #lajyho_cms .lead .flex .right { width: 100%; } #lajyho_cms .lead .flex .left { margin: 0px 0px 50px; } #lajyho_cms .lead .flex .right .teigi dd { padding: 15px 0px 15px 90px; } #lajyho_cms .detail .slide { margin-bottom: 65px; } #lajyho_cms .detail .slide .slick-slide { margin: 0px 10px; } #lajyho_cms .detail .slide .slick-arrow { width: 35px; height: 35px; } #lajyho_cms .detail .slide .slick-arrow.slick-prev { left: calc(9.375% + 10px); } #lajyho_cms .detail .slide .slick-arrow.slick-next { right: calc(9.375% + 10px); } #lajyho_cms .detail .clumbox { margin-bottom: 65px; } #lajyho_cms .detail .clumbox h3 { margin-bottom: 25px; } #lajyho_cms .detail .clumbox .flex.double { display: block; } #lajyho_cms .detail .clumbox .flex.double dl { width: 100%; margin: 0px 0px 40px; } #lajyho_cms .detail .clumbox .flex.double dl:nth-child(2n) { margin: 0px 0px 40px; } #lajyho_cms .detail .clumbox .flex.triple dl { width: 47.36%; margin: 0px 5.28% 30px 0px; } #lajyho_cms .detail .clumbox .flex.triple dl:nth-child(3n) { margin: 0px 5.28% 30px 0px; } #lajyho_cms .detail .clumbox .flex.triple dl:nth-child(2n) { margin: 0px 0px 30px; } #lajyho_cms .detail .clumbox .flex.triple dl dt { margin-bottom: 15px; } #lajyho_cms .detail .clumbox .flex.imgbox { display: block; } #lajyho_cms .detail .clumbox .flex.imgbox .img { width: 100%; margin: 0px 0px 20px; } #lajyho_cms .detail .clumbox .flex.imgbox .txt { width: 100%; } #lajyho_cms .detail .ot_menu { padding: 30px; } #lajyho_cms .detail .ot_menu h3 { margin-bottom: 20px; } #lajyho_cms .detail .ot_menu .list { display: block; } #lajyho_cms .detail .ot_menu .list li { width: 100%; margin: 0px; } #lajyho_cms .detail .ot_menu .list li:nth-child(4n) { margin: 0px 4% 0px 0px; } #lajyho_cms .detail .ot_menu .flex { display: block; } #lajyho_cms .detail .ot_menu .flex .box { width: 100%; margin: 0px 0px 45px; } #lajyho_cms .detail .ot_menu .flex .box:last-child { margin-bottom: 0px; } #lajyho_cms .detail .ot_menu .flex + h3 { margin-top: 60px; } #lajyho_cms .detail .dbtn.last { padding-bottom: 0px; margin-bottom: 50px; } #lajyho_cms .plan .flex, #lajyho_cms .lastblock .flex { display: block; } #lajyho_cms .plan .flex .img, #lajyho_cms .plan .flex .txt, #lajyho_cms .lastblock .flex .img, #lajyho_cms .lastblock .flex .txt { width: 100%; } #lajyho_cms .plan .flex .img, #lajyho_cms .lastblock .flex .img { margin: 0px 0px 20px; } #lajyho_cms .plan .flex .txt .more, #lajyho_cms .lastblock .flex .txt .more { margin: 30px 0px 0px; display: block; width: 100%; } #lajyho_cms .plan .flex .txt .more a, #lajyho_cms .lastblock .flex .txt .more a { display: block; width: 100% !important; } #lajyho_cms .plan { padding: 65px 0px 70px; margin-bottom: 70px; } #lajyho_cms .lastblock { padding-bottom: 90px; } #lajyho_cms .sp-marginb { margin-bottom: 0px !important; } #lajyho_cms .sp-margint { margin-top: 0px !important; } #lajyho_cms .sp-none { display: none; } } #lajyho_cms.breakfast .lead .logo { margin-bottom: 45px; } #lajyho_cms.breakfast .lead h2 { font-size: 2rem; margin-bottom: 45px; } #lajyho_cms.breakfast .detail { padding-bottom: 50px; } @media screen and (max-width: 834px) { #lajyho_cms.breakfast .lead .logo { margin-bottom: 25px; } #lajyho_cms.breakfast .lead h2 { margin-bottom: 35px; } } #bar .lead { padding: 55px 0px 115px; background: rgb(229, 229, 229); margin-bottom: 120px; } #bar .lead .logo { margin-bottom: 45px; } #bar .lead h2 { font-size: 2rem; margin-bottom: 55px; font-weight: 500; line-height: 1.5; } #bar .lead .flex { display: flex; } #bar .lead .flex .left { width: 46.05%; margin-left: 5.18%; -webkit-box-ordinal-group: 3; order: 2; } #bar .lead .flex .right { width: 48.77%; } #bar .lead .flex .right .teigi { border-top: 1px solid rgb(204, 204, 204); } #bar .lead .flex .right .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 5px; } #bar .lead .flex .right .teigi dd { padding: 15px 0px 15px 140px; border-bottom: 1px solid rgb(204, 204, 204); } #bar .lead .flex .right .teigi dd .dbtn { margin: 10px 0px 0px; } #bar .lead .flex .right .teigi dd .dbtn a { padding: 5px 55px 5px 40px; } #bar .fair .wrap { display: flex; flex-wrap: wrap; } #bar .fair .wrap .box { width: 47.36%; margin: 0px 5.28% 140px 0px; } #bar .fair .wrap .box:nth-child(2n) { margin: 0px 0px 140px; } #bar .fair .wrap .box h2 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 30px; line-height: 1.5; } #bar .fair .wrap .box h2 span { display: block; font-family: Jost, sans-serif; font-size: 4.5rem; font-weight: 500; letter-spacing: 0.2em; } #bar .fair .wrap .box .img { margin-bottom: 30px; } #bar .fair .wrap .box .img a { display: block; position: relative; line-height: 0; } #bar .fair .wrap .box .img a::before, #bar .fair .wrap .box .img a::after { position: absolute; left: 0px; right: 0px; opacity: 0; transition: all 0.3s ease 0s; } #bar .fair .wrap .box .img a::before { content: ""; top: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.6); } #bar .fair .wrap .box .img a::after { content: "More"; color: rgb(255, 255, 255); font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; text-align: center; top: 50%; transform: translate(0px, -50%); } #bar .fair .wrap .box .img a .kzr { position: absolute; bottom: 0px; right: 0px; line-height: 0; } @media (hover: hover) and (pointer: fine) { #bar .fair .wrap .box .img a:hover::before, #bar .fair .wrap .box .img a:hover::after { opacity: 1; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #bar .fair .wrap .box .img a:hover::before, #bar .fair .wrap .box .img a:hover::after { opacity: 1; } } #bar .fair .wrap .box .txt h3 { font-size: 1.7rem; font-weight: 500; line-height: 1.765; margin-bottom: 22px; } #bar .fair .wrap .box .txt .teigi { border-top: 1px solid rgb(204, 204, 204); margin-bottom: 40px; } #bar .fair .wrap .box .txt .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 0px; } #bar .fair .wrap .box .txt .teigi dd { padding: 15px 0px 15px 55px; border-bottom: 1px solid rgb(204, 204, 204); } #bar .fair .wrap .box .txt .more a { width: 250px; } #bar .plan { background: rgb(51, 51, 51); color: rgb(255, 255, 255); padding: 110px 0px 120px; margin-bottom: 125px; } #bar .plan .wrap { display: flex; } #bar .plan .wrap .left { width: 28.07%; margin: 0px 10.53% 0px 0px; } #bar .plan .wrap .left h2 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 70px; line-height: 1.5; } #bar .plan .wrap .left h2 span { display: block; font-family: Jost, sans-serif; font-size: 4.5rem; font-weight: 500; letter-spacing: 0.2em; } #bar .plan .wrap .right { width: 61.4%; } #bar .plan .wrap .right .teigi { border-top: 1px solid rgb(90, 90, 90); margin-bottom: 40px; } #bar .plan .wrap .right .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 0px; } #bar .plan .wrap .right .teigi dd { padding: 15px 0px 15px 210px; border-bottom: 1px solid rgb(90, 90, 90); } #bar .plan .wrap .right .attent { color: rgb(170, 170, 170); font-size: 1.3rem; } #bar .slide { margin-bottom: 95px; } #bar .slide .slick-slide { margin: 0px 20px; line-height: 0; } #bar .slide .slick-slide img { width: 100%; } #bar .slide .slick-arrow { position: absolute; top: -30px; bottom: 0px; margin: auto 0px; width: 70px; height: 70px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; font-size: 0px; z-index: 8; } #bar .slide .slick-arrow.slick-next { transform: rotate(180deg); right: calc(9.375% + 20px); } #bar .slide .slick-arrow.slick-prev { left: calc(9.375% + 20px); } #bar .slide .slick-dots { text-align: center; line-height: 0; margin: 22px 0px 0px; } #bar .slide .slick-dots li { display: inline-block; vertical-align: middle; } #bar .slide .slick-dots li button { font-size: 0px; width: 60px; height: 3px; background: rgb(202, 202, 202); transition: all 0.3s ease 0s; } #bar .slide .slick-dots li.slick-active button { background: rgb(145, 145, 145); } @media (hover: hover) and (pointer: fine) { #bar .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #bar .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media screen and (max-width: 834px) { #bar .lead { padding: 55px 0px 60px; margin-bottom: 60px; } #bar .lead .logo { margin-bottom: 25px; } #bar .lead h2 { margin-bottom: 35px; } #bar .lead .flex { display: block; } #bar .lead .flex .left, #bar .lead .flex .right { width: 100%; } #bar .lead .flex .left { margin: 0px 0px 50px; } #bar .lead .flex .right .teigi dd { padding: 15px 0px 15px 90px; } #bar .fair { margin: 0px 0px 80px; } #bar .fair .wrap { display: block; } #bar .fair .wrap .box { width: 100%; margin: 0px 0px 50px; } #bar .fair .wrap .box:nth-child(2n) { margin: 0px 0px 50px; } #bar .fair .wrap .box h2 { font-size: 1.6rem; } #bar .fair .wrap .box h2 span { font-size: 3rem; } #bar .fair .wrap .box .txt .teigi dt { padding: 15px 0px 10px; float: none; } #bar .fair .wrap .box .txt .teigi dd { padding: 0px 0px 15px; } #bar .fair .wrap .box .txt .more a { width: 100%; margin: 0px 0px 13px; } #bar .plan { padding: 65px 0px; margin-bottom: 60px; } #bar .plan .wrap { display: block; } #bar .plan .wrap .left, #bar .plan .wrap .right { width: 100%; } #bar .plan .wrap .right .teigi dt { padding: 15px 0px 10px; float: none; } #bar .plan .wrap .right .teigi dd { padding: 0px 0px 15px; } #bar .plan .wrap .left { margin: 0px 0px 30px; } #bar .plan .wrap .left h2 { font-size: 1.6rem; margin-bottom: 35px; } #bar .plan .wrap .left h2 span { font-size: 3rem; } #bar .plan .wrap .left .img { text-align: center; } #bar .slide { margin-bottom: 65px; } #bar .slide .slick-slide { margin: 0px 10px; } #bar .slide .slick-arrow { width: 35px; height: 35px; } #bar .slide .slick-arrow.slick-prev { left: calc(9.375% + 10px); } #bar .slide .slick-arrow.slick-next { right: calc(9.375% + 10px); } } #sight { background: rgb(229, 229, 229); overflow: hidden; } #sight .map-wrap { position: relative; width: 100%; padding-top: 54.6875%; margin-bottom: 95px; display: none; } #sight .map-wrap .map { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #sight .fillter { font-size: 1.4rem; font-weight: 500; margin-bottom: 65px; } #sight .fillter dt { float: left; clear: both; width: 85px; position: relative; } #sight .fillter dt::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; margin: auto 0px; width: 1px; height: 45%; background: rgb(51, 51, 51); } #sight .fillter dd { padding-left: 106px; margin-bottom: 15px; } #sight .fillter dd ul li { display: inline-block; vertical-align: top; margin: 0px 20px 0px 0px; } #sight .fillter dd ul li:last-child { margin: 0px; } #sight .fillter dd ul li label { display: inline-block; } #sight .fillter dd ul li label input { display: none; } #sight .fillter dd ul li label input:checked + span { color: rgb(156, 123, 43); } #sight .fillter dd ul li label input:checked + span::after { content: ""; position: absolute; bottom: -5px; left: 0px; right: 0px; width: 100%; height: 1px; background: rgb(156, 123, 43); } #sight .fillter dd ul li label span { position: relative; } #sight .list { display: flex; flex-wrap: wrap; margin-right: -4.07%; padding-bottom: 50px; } #sight .list .list_item { width: 29.26%; margin: 0px 4.07% 85px 0px; position: relative; padding-bottom: 39px; } #sight .list .list_item .img { line-height: 0; margin-bottom: 25px; } #sight .list .list_item .txt h3 { font-weight: 500; font-size: 1.7rem; margin-bottom: 10px; line-height: 1.5; } #sight .list .list_item .txt .time { font-weight: 500; color: rgb(156, 123, 43); margin-bottom: 15px; } #sight .list .list_item .txt .teigi { border-top: 1px solid rgb(204, 204, 204); margin-bottom: 30px; } #sight .list .list_item .txt .teigi dt { float: left; clear: both; font-weight: 500; padding: 10px 5px; } #sight .list .list_item .txt .teigi dd { padding: 10px 0px 10px 100px; border-bottom: 1px solid rgb(204, 204, 204); } #sight .list .list_item .txt .teigi dd .dbtn { margin: 10px 0px 0px; } #sight .list .list_item .txt .teigi dd .dbtn a { padding: 5px 55px 5px 40px; } #sight .list .list_item .txt .more { position: absolute; bottom: 0px; left: 0px; right: 0px; } @media screen and (max-width: 834px) { #sight .iframe_wrap { margin-bottom: 65px; padding-top: 133.333%; } #sight .fillter dt { float: none; width: 100%; margin-bottom: 5px; padding-top: 15px; } #sight .fillter dt::after { display: none; } #sight .fillter dt:first-child { border-top: 1px solid rgb(204, 204, 204); } #sight .fillter dd { padding-left: 0px; border-bottom: 1px solid rgb(204, 204, 204); padding-bottom: 15px; margin-bottom: 0px; } #sight .fillter dd ul li { margin: 0px 20px 10px 0px; font-weight: 400; } #sight .list { margin-right: 0px; display: block; } #sight .list .list_item { width: 100%; margin: 0px 0px 50px; } #sight .list .list_item .txt h3 { font-size: 1.6rem; } #sight .list .list_item .txt .time, #sight .list .list_item .txt .teigi { font-size: 1.4rem; } } #release { background: rgb(229, 229, 229); padding-bottom: 170px; } #release .year { vertical-align: top; margin-bottom: 30px; } #release .year li { display: inline-block; margin: 0px 25px 5px 0px; } #release .year li a { font-family: Jost, sans-serif; display: inline-block; border-bottom: 1px solid rgb(229, 229, 229); opacity: 0.5; } #release .year li:last-child { margin: 0px 0px 5px; } #release .year li.active a { border-bottom: 1px solid rgb(64, 64, 64); opacity: 1; } @media (hover: hover) and (pointer: fine) { #release .year li:hover a { border-bottom: 1px solid rgb(64, 64, 64); opacity: 1; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #release .year li:hover a { border-bottom: 1px solid rgb(64, 64, 64); opacity: 1; } } #release .tab-area { margin-bottom: 70px; } #release .tab-area li { border-bottom: 1px solid rgb(229, 229, 229); cursor: pointer; transition: all 0.3s ease 0s; display: inline-block; margin: 0px 30px 10px 0px; padding: 0px; } #release .tab-area li:last-child { margin: 0px 0px 10px; } #release .tab-area li { } #release .panel-area .panel { display: none; } #release .panel-area .panel.active { display: block; } #release .panel-area .panel dt { float: left; clear: both; font-family: Jost, sans-serif; padding: 0px 15px; font-size: 1.4rem; height: 58px; line-height: 58px; font-weight: 500; } #release .panel-area .panel dd { padding: 0px 0px 0px 118px; border-bottom: 1px solid rgb(204, 204, 204); } #release .panel-area .panel dd a { display: block; padding: 15px 42px 15px 32px; position: relative; } #release .panel-area .panel dd a[href$=".pdf"]::before { content: ""; position: absolute; top: 20px; left: 0px; margin: auto 0px; width: 14px; height: 19px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #release .panel-area .panel dd a::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 2px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media screen and (max-width: 834px) { #release { padding-bottom: 80px; } #release .tab-area { margin-bottom: 45px; } #release .panel-area .panel dt { float: none; padding: 15px 0px 0px; height: auto; line-height: 1.5; } #release .panel-area .panel dd { padding-left: 0px; } } #stay_index { background: rgb(229, 229, 229); } #stay_index .lead { margin-bottom: 50px; } #stay_index .lead .inner { max-width: 700px; } #stay_index .lead .inner .pagettl { margin-bottom: 30px; } #stay_index .list { margin-bottom: 61px; } #stay_index .list .fillter { font-size: 1.4rem; font-weight: 500; margin-bottom: 65px; } #stay_index .list .fillter dt { float: left; clear: both; width: 105px; position: relative; } #stay_index .list .fillter dt::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 0px; margin: auto 0px; width: 1px; height: 45%; background: rgb(51, 51, 51); } #stay_index .list .fillter dd { padding-left: 126px; margin-bottom: 15px; } #stay_index .list .fillter dd ul li { display: inline-block; vertical-align: top; margin: 0px 20px 0px 0px; } #stay_index .list .fillter dd ul li:last-child { margin: 0px; } #stay_index .list .fillter dd ul li label { display: inline-block; } #stay_index .list .fillter dd ul li label input { display: none; } #stay_index .list .fillter dd ul li label input:checked + span { color: rgb(156, 123, 43); } #stay_index .list .fillter dd ul li label input:checked + span::after { content: ""; position: absolute; bottom: -5px; left: 0px; right: 0px; width: 100%; height: 1px; background: rgb(156, 123, 43); } #stay_index .list .fillter dd ul li label span { position: relative; } #stay_index .list .flex { display: flex; flex-wrap: wrap; margin-right: -5%; } #stay_index .list .flex .box { width: 45%; margin: 0px 5% 70px 0px; } #stay_index .list .flex .box .img { overflow: hidden; line-height: 0; margin-bottom: 25px; } #stay_index .list .flex .box .img a { display: block; position: relative; } #stay_index .list .flex .box .img a::before, #stay_index .list .flex .box .img a::after { position: absolute; left: 0px; right: 0px; opacity: 0; transition: all 0.3s ease 0s; } #stay_index .list .flex .box .img a::before { content: ""; top: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.6); } #stay_index .list .flex .box .img a::after { content: "More"; color: rgb(255, 255, 255); font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; text-align: center; top: 50%; transform: translate(0px, -50%); } @media (hover: hover) and (pointer: fine) { #stay_index .list .flex .box .img a:hover::before, #stay_index .list .flex .box .img a:hover::after { opacity: 1; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #stay_index .list .flex .box .img a:hover::before, #stay_index .list .flex .box .img a:hover::after { opacity: 1; } } #stay_index .list .flex .box .img a .kazari { position: absolute; bottom: 0px; right: 0px; } #stay_index .list .flex .box .txt .ttl { font-size: 1.7rem; font-weight: 500; margin-bottom: 5px; } #stay_index .list .flex .box .txt .capa { color: rgb(119, 119, 119); } #stay_index .list .flex .box .txt .btn_group { display: flex; } #stay_index .list .flex .box .txt .btn_group .more { width: 48%; margin: 0px 4% 0px 0px; } #stay_index .list .flex .box .txt .btn_group .more:last-child { margin: 0px; } #stay_index .facilities { background: rgb(255, 255, 255); padding: 85px 0px 110px; margin-bottom: 105px; } #stay_index .facilities .wrap { display: flex; } #stay_index .facilities .wrap .left { width: 38.59%; padding-right: 10.43%; } #stay_index .facilities .wrap .left h2 { font-family: Jost, sans-serif; font-size: 3.5rem; font-weight: 500; letter-spacing: 0.2em; margin-bottom: 20px; } #stay_index .facilities .wrap .right { width: 61.41%; } #stay_index .facilities .wrap .right dl { border-top: 1px solid rgb(229, 229, 229); } #stay_index .facilities .wrap .right dl dt { float: left; clear: both; line-height: 0; padding: 28px 0px; } #stay_index .facilities .wrap .right dl dd { padding: 38px 12px 48px 82px; border-bottom: 1px solid rgb(229, 229, 229); } #stay_index .facilities .wrap .right dl dd h3 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 15px; } #stay_index .features { margin-bottom: 150px; } #stay_index .features h2 { font-family: Jost, sans-serif; font-size: 3.5rem; font-weight: 500; letter-spacing: 0.2em; margin-bottom: 50px; } #stay_index .features .box { margin-bottom: 80px; } #stay_index .features .box:last-child { margin-bottom: 0px; } #stay_index .features .box h3 { overflow: hidden; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 7px 0px; display: flex; margin-bottom: 50px; } #stay_index .features .box h3 .pt, #stay_index .features .box h3 .ttl { display: block; } #stay_index .features .box h3 .pt { width: 118px; position: relative; color: rgb(119, 119, 119); font-family: Jost, sans-serif; font-size: 1.7rem; font-weight: 500; letter-spacing: 0.2em; margin-right: 34px; } #stay_index .features .box h3 .pt span { font-size: 3.5rem; color: rgb(51, 51, 51); margin-left: 7px; } #stay_index .features .box h3 .pt::after { content: ""; position: absolute; top: 19px; right: 0px; width: 1px; height: 30px; background: rgb(204, 204, 204); } #stay_index .features .box h3 .ttl { width: calc(100% - 152px); font-size: 2.5rem; line-height: 1.5; padding: 13px 0px 0px; } #stay_index .features .box .flex { display: flex; } #stay_index .features .box .flex .img { width: 39.47%; line-height: 0; margin: 0px 0px 0px 4.39%; } #stay_index .features .box .flex .txt { width: 56.14%; } #stay_index .pagenav { position: relative; color: rgb(255, 255, 255); padding-bottom: 120px; background: rgb(90, 90, 90); } #stay_index .pagenav::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; background: rgb(229, 229, 229); z-index: 1; width: 100%; height: 80px; } #stay_index .pagenav .wrap { position: relative; z-index: 2; display: flex; } #stay_index .pagenav .wrap .box { width: 29.82%; margin-right: 5.27%; position: relative; } #stay_index .pagenav .wrap .box .imgwrap { display: block; position: relative; } #stay_index .pagenav .wrap .box .imgwrap .ttl { position: absolute; inset: 0px; text-align: center; font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; letter-spacing: 0.15em; line-height: 1.533; z-index: 2; margin-bottom: 0px; } #stay_index .pagenav .wrap .box .imgwrap::after { content: ""; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.25); z-index: 1; } #stay_index .pagenav .wrap .box .imgwrap .img { line-height: 0; } #stay_index .pagenav .wrap .box .imgwrap .kzr { line-height: 0; position: absolute; bottom: 0px; right: 0px; z-index: 3; } #stay_index .pagenav .wrap .box .imgwrap::before { content: ""; position: absolute; inset: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0); z-index: 2; transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #stay_index .pagenav .wrap .box .imgwrap:hover::before { background: rgba(51, 51, 51, 0.6); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #stay_index .pagenav .wrap .box .imgwrap:hover::before { background: rgba(51, 51, 51, 0.6); } } #stay_index .pagenav .wrap .box:last-child { margin-right: 0px; } #stay_index .pagenav .wrap .box:last-child .imgwrap::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(62, 177, 170, 0.5) 0%, rgba(255, 165, 129, 0.5) 100%); z-index: 1; mix-blend-mode: hard-light; } #stay_index .pagenav .wrap .box:last-child .imgwrap::after { background: rgba(0, 0, 0, 0.15); transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #stay_index .pagenav .wrap .box:last-child .imgwrap:hover::after { background: rgba(51, 51, 51, 0.6); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #stay_index .pagenav .wrap .box:last-child .imgwrap:hover::after { background: rgba(51, 51, 51, 0.6); } } #stay_index .pagenav .wrap .box .txt .ttl { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #stay_index .pagenav .wrap .box .txt .more { position: absolute; bottom: 0px; right: 0px; left: 0px; } #stay_index .pagenav .wrap .box .txt .more a { margin-bottom: 0px; } @media screen and (max-width: 834px) { #stay_index .list { margin: 0px 0px 65px; } #stay_index .list .fillter { border-top: 1px solid rgb(204, 204, 204); } #stay_index .list .fillter dt { float: none; width: 100%; margin-bottom: 5px; padding-top: 15px; } #stay_index .list .fillter dt::after { display: none; } #stay_index .list .fillter dd { padding-left: 0px; border-bottom: 1px solid rgb(204, 204, 204); padding-bottom: 15px; margin-bottom: 0px; } #stay_index .list .fillter dd ul li { margin: 0px 20px 10px 0px; font-weight: 400; } #stay_index .list .flex { display: block; margin: 0px; } #stay_index .list .flex .box { width: 100%; margin: 0px 0px 50px; } #stay_index .facilities { padding: 60px 0px 75px; margin-bottom: 60px; } #stay_index .facilities .wrap { display: block; } #stay_index .facilities .wrap .left, #stay_index .facilities .wrap .right { width: 100%; } #stay_index .facilities .wrap .left { padding: 0px; margin: 0px 0px 50px; } #stay_index .facilities .wrap .left h2 { font-size: 3rem; margin-bottom: 13px; } #stay_index .features { margin-bottom: 70px; } #stay_index .features h2 { font-size: 3rem; margin-bottom: 35px; } #stay_index .features .box { margin-bottom: 60px; } #stay_index .features .box h3 { margin-bottom: 35px; } #stay_index .features .box h3 .pt { font-size: 1.5rem; width: 90px; margin-right: 20px; } #stay_index .features .box h3 .pt span { font-size: 2.5rem; } #stay_index .features .box h3 .pt::after { top: 10px; } #stay_index .features .box h3 .ttl { padding: 5px 0px 0px; width: calc(100% - 110px); } #stay_index .features .box .flex { display: block; } #stay_index .features .box .flex .img, #stay_index .features .box .flex .txt { width: 100%; } #stay_index .features .box .flex .txt { margin-bottom: 30px; } #stay_index .features .box .flex .img { margin: 0px; } #stay_index .pagenav { background: rgb(90, 90, 90); padding-bottom: 1px; } #stay_index .pagenav::before { display: none; } #stay_index .pagenav .wrap { display: block; padding: 0px; } #stay_index .pagenav .wrap .box { width: 100%; } #stay_index .pagenav .wrap .box a { } #stay_index .pagenav .wrap .box a .img img { width: 100%; } #stay_index .pagenav .wrap .box a .ttl { font-size: 2.5rem; } #stay_index .pagenav .wrap .box .txt { padding: 0px 30px; } #stay_index .pagenav .wrap .box .txt .ttl { font-size: 1.6rem; margin-bottom: 15px; } #stay_index .pagenav .wrap .box .more { padding: 0px 30px; } } #stay_detail { background: rgb(229, 229, 229); } #stay_detail .img_main { margin-bottom: 90px; } #stay_detail .lead .inner { margin-bottom: 50px; } #stay_detail .lead .inner h1 { font-size: 3rem; font-weight: 500; margin-bottom: 35px; letter-spacing: 0.1em; } #stay_detail .lead .inner p { max-width: 700px; } #stay_detail .lead .flex { display: flex; margin-bottom: 100px; } #stay_detail .lead .flex .left { width: 61.4%; margin-right: 10.53%; } #stay_detail .lead .flex .left .teigi { border-top: 1px solid rgb(204, 204, 204); margin-bottom: 50px; } #stay_detail .lead .flex .left .teigi dt { float: left; clear: both; font-weight: 500; padding: 15px 0px; } #stay_detail .lead .flex .left .teigi dd { padding: 15px 0px 15px 220px; border-bottom: 1px solid rgb(204, 204, 204); } #stay_detail .lead .flex .left .more a { width: 280px; } #stay_detail .lead .flex .right { width: 28.07%; } #stay_detail .lead .flex .right .img { margin-bottom: 15px; } #stay_detail .lead .flex .right .img a { display: block; line-height: 0; } #stay_detail .lead .flex .right .kakudai { text-align: right; } #stay_detail .lead .flex .right .kakudai img, #stay_detail .lead .flex .right .kakudai span { vertical-align: middle; } #stay_detail .lead .flex .right .kakudai img { margin-right: 5px; } #stay_detail .lead .slide { margin-bottom: 95px; } #stay_detail .lead .slide .slick-slide { margin: 0px 20px; line-height: 0; } #stay_detail .lead .slide .slick-slide span { display: block; padding-top: 56.25%; position: relative; } #stay_detail .lead .slide .slick-slide img { width: 100%; height: 100%; position: absolute; inset: 0px; object-fit: cover; } #stay_detail .lead .slide .slick-arrow { position: absolute; top: -30px; bottom: 0px; margin: auto 0px; width: 70px; height: 70px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; font-size: 0px; z-index: 8; } #stay_detail .lead .slide .slick-arrow.slick-next { transform: rotate(180deg); right: calc(9.375% + 20px); } #stay_detail .lead .slide .slick-arrow.slick-prev { left: calc(9.375% + 20px); } #stay_detail .lead .slide .slick-dots { text-align: center; line-height: 0; margin: 22px 0px 0px; } #stay_detail .lead .slide .slick-dots li { display: inline-block; vertical-align: middle; } #stay_detail .lead .slide .slick-dots li button { font-size: 0px; width: 60px; height: 3px; background: rgb(202, 202, 202); transition: all 0.3s ease 0s; } #stay_detail .lead .slide .slick-dots li.slick-active button { background: rgb(145, 145, 145); } @media (hover: hover) and (pointer: fine) { #stay_detail .lead .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #stay_detail .lead .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } #stay_detail .facilities { background: rgb(255, 255, 255); padding: 100px 0px 120px; } #stay_detail .facilities .wrap { display: flex; } #stay_detail .facilities .wrap .left { width: 38.59%; padding-right: 10.43%; } #stay_detail .facilities .wrap .left h2 { font-family: Jost, sans-serif; font-size: 3.5rem; font-weight: 500; letter-spacing: 0.2em; margin-bottom: 20px; line-height: 1.5; } #stay_detail .facilities .wrap .left h2 .en, #stay_detail .facilities .wrap .left h2 .jp { display: block; } #stay_detail .facilities .wrap .left h2 .en { margin-bottom: 35px; } #stay_detail .facilities .wrap .left h2 .jp { font-size: 1.5rem; font-weight: 500; } #stay_detail .facilities .wrap .left h2 .jp img, #stay_detail .facilities .wrap .left h2 .jp span { vertical-align: middle; letter-spacing: 0.1em; } #stay_detail .facilities .wrap .right { width: 61.41%; } #stay_detail .facilities .wrap .right ul { border-top: 1px solid rgb(229, 229, 229); } #stay_detail .facilities .wrap .right ul li { padding: 40px 0px; border-bottom: 1px solid rgb(229, 229, 229); } #stay_detail .facilities .wrap .right ul li .block-flex-img46 { margin-bottom: 40px; } #stay_detail .facilities .wrap .right ul li .block-flex-img46:last-child { margin-bottom: 0px; } #stay_detail .facilities .wrap .right ul li .block-flex-img46 .txt { display: flex; -webkit-box-align: center; align-items: center; } #stay_detail .facilities .wrap .right ul li .block-flex-img46 .txt .ttl { font-weight: 700; font-size: 1.8rem; margin-bottom: 15px; } #stay_detail .recbox { background: rgb(229, 229, 229); position: relative; } #stay_detail .recbox .wrap { position: relative; z-index: 2; padding-top: 100px; margin-bottom: 110px; } #stay_detail .recbox .wrap h2 { text-align: center; font-size: 2.5rem; margin-bottom: 25px; font-weight: 500; letter-spacing: 0.1em; } #stay_detail .recbox .wrap .flex { display: flex; flex-wrap: wrap; } #stay_detail .recbox .wrap .flex .box { width: 21.05%; margin: 0px 5.26% 75px 0px; padding-bottom: 39px; position: relative; } #stay_detail .recbox .wrap .flex .box:nth-child(4n) { margin: 0px 0px 75px; } #stay_detail .recbox .wrap .flex .box .img { line-height: 0; margin-bottom: 22px; } #stay_detail .recbox .wrap .flex .box .img a { display: block; } #stay_detail .recbox .wrap .flex .box .img a img { width: 100%; } #stay_detail .recbox .wrap .flex .box .txt .new { width: 46px; height: 21px; line-height: 21px; background: rgb(232, 185, 31); color: rgb(255, 255, 255); text-align: center; margin: 0px 0px 5px; font-size: 13px; font-weight: bold; } #stay_detail .recbox .wrap .flex .box .txt .ttl { margin-bottom: 5px; letter-spacing: -0.06em; } #stay_detail .recbox .wrap .flex .box .txt .tag { font-size: 1.3rem; color: rgb(119, 119, 119); margin-bottom: 25px; } #stay_detail .recbox .wrap .flex .box .txt .more { position: absolute; bottom: 0px; left: 0px; right: 0px; } #stay_detail .recbox .wrap .dbtn { text-align: right; margin-top: -25px; } @media screen and (max-width: 834px) { #stay_detail .recbox .bg { font-size: 9.884rem; left: -316px; top: 257px; } #stay_detail .recbox .wrap { padding-top: 70px; padding-bottom: 130px; } #stay_detail .recbox .wrap .tab_btn { margin-bottom: 28px; } #stay_detail .recbox .wrap .tab_btn li { margin: 0px 10px; } #stay_detail .recbox .wrap .panel-area .panel .flex .box { width: 46.66%; margin: 0px 6.68% 50px 0px; } #stay_detail .recbox .wrap .panel-area .panel .flex .box:nth-child(4n) { margin: 0px 6.68% 50px 0px; } #stay_detail .recbox .wrap .panel-area .panel .flex .box:nth-child(2n) { margin: 0px 0px 50px; } #stay_detail .recbox .wrap .panel-area .panel .flex .box .txt .ttl { font-size: 1.5rem; } #stay_detail .recbox .wrap .dbtn { margin-top: 0px; text-align: center; } } #stay_detail .pagenav { position: relative; color: rgb(255, 255, 255); padding-bottom: 120px; background: rgb(90, 90, 90); } #stay_detail .pagenav::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; background: rgb(229, 229, 229); z-index: 1; width: 100%; height: 80px; } #stay_detail .pagenav .wrap { position: relative; z-index: 2; display: flex; } #stay_detail .pagenav .wrap .box { width: 29.82%; margin-right: 5.27%; position: relative; } #stay_detail .pagenav .wrap .box .imgwrap { display: block; position: relative; } #stay_detail .pagenav .wrap .box .imgwrap .ttl { position: absolute; inset: 0px; text-align: center; font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; letter-spacing: 0.15em; line-height: 1.533; z-index: 2; margin-bottom: 0px; } #stay_detail .pagenav .wrap .box .imgwrap::after { content: ""; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.25); z-index: 1; } #stay_detail .pagenav .wrap .box .imgwrap .img { line-height: 0; } #stay_detail .pagenav .wrap .box .imgwrap .kzr { line-height: 0; position: absolute; bottom: 0px; right: 0px; z-index: 2; } #stay_detail .pagenav .wrap .box .imgwrap::before { content: ""; position: absolute; inset: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0); z-index: 2; transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #stay_detail .pagenav .wrap .box .imgwrap:hover::before { background: rgba(51, 51, 51, 0.6); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #stay_detail .pagenav .wrap .box .imgwrap:hover::before { background: rgba(51, 51, 51, 0.6); } } #stay_detail .pagenav .wrap .box:last-child { margin-right: 0px; } #stay_detail .pagenav .wrap .box:last-child .imgwrap::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(62, 177, 170, 0.5) 0%, rgba(255, 165, 129, 0.5) 100%); z-index: 1; mix-blend-mode: hard-light; } #stay_detail .pagenav .wrap .box:last-child .imgwrap::after { background: rgba(0, 0, 0, 0.15); transition: all 0.3s ease 0s; } @media (hover: hover) and (pointer: fine) { #stay_detail .pagenav .wrap .box:last-child .imgwrap:hover::after { background: rgba(51, 51, 51, 0.6); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #stay_detail .pagenav .wrap .box:last-child .imgwrap:hover::after { background: rgba(51, 51, 51, 0.6); } } #stay_detail .pagenav .wrap .box .txt .ttl { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #stay_detail .pagenav .wrap .box .txt .more { position: absolute; bottom: 0px; right: 0px; left: 0px; } #stay_detail .pagenav .wrap .box .txt .more a { margin-bottom: 0px; } @media screen and (max-width: 834px) { #stay_detail .img_main { margin-bottom: 55px; } #stay_detail .lead { margin-bottom: 65px; } #stay_detail .lead .inner { margin-bottom: 45px; } #stay_detail .lead .inner h1 { font-size: 2.5rem; margin-bottom: 20px; } #stay_detail .lead .flex { display: block; margin-bottom: 55px; } #stay_detail .lead .flex .left, #stay_detail .lead .flex .right { width: 100%; } #stay_detail .lead .flex .left { margin: 0px 0px 60px; } #stay_detail .lead .flex .left .teigi dt { padding: 15px 0px 10px; float: none; } #stay_detail .lead .flex .left .teigi dd { padding: 0px 0px 15px; } #stay_detail .lead .flex .left .more a { width: 100%; } #stay_detail .lead .slide { margin-bottom: 65px; } #stay_detail .lead .slide .slick-slide { margin: 0px 10px; } #stay_detail .lead .slide .slick-arrow { width: 35px; height: 35px; } #stay_detail .lead .slide .slick-arrow.slick-prev { left: calc(9.375% + 10px); } #stay_detail .lead .slide .slick-arrow.slick-next { right: calc(9.375% + 10px); } #stay_detail .facilities { padding: 55px 0px 65px; } #stay_detail .facilities .wrap { display: block; } #stay_detail .facilities .wrap .left, #stay_detail .facilities .wrap .right { width: 100%; } #stay_detail .facilities .wrap .left { margin: 0px 0px 50px; } #stay_detail .facilities .wrap .left h2 { font-size: 3rem; } #stay_detail .facilities .wrap .left h2 .en { margin-bottom: 20px; } #stay_detail .facilities .wrap .right ul li { padding: 25px 0px 40px; } #stay_detail .recbox .wrap { padding-top: 55px; padding-bottom: 0px; margin-bottom: 60px; } #stay_detail .recbox .wrap .flex .box { width: 46.66%; margin: 0px 6.68% 50px 0px; } #stay_detail .recbox .wrap .flex .box:nth-child(4n) { margin: 0px 6.68% 50px 0px; } #stay_detail .recbox .wrap .flex .box:nth-child(2n) { margin: 0px 0px 50px; } #stay_detail .recbox .wrap .flex .box .txt .ttl { font-size: 1.5rem; } #stay_detail .recbox .wrap .dbtn { margin-top: 0px; text-align: center; } #stay_detail .pagenav { background: rgb(90, 90, 90); padding-bottom: 1px; } #stay_detail .pagenav::before { display: none; } #stay_detail .pagenav .wrap { display: block; padding: 0px; } #stay_detail .pagenav .wrap .box { width: 100%; } #stay_detail .pagenav .wrap .box a { } #stay_detail .pagenav .wrap .box a .img img { width: 100%; } #stay_detail .pagenav .wrap .box a .ttl { font-size: 2.5rem; } #stay_detail .pagenav .wrap .box .txt { padding: 0px 30px; } #stay_detail .pagenav .wrap .box .txt .ttl { font-size: 1.6rem; margin-bottom: 15px; } #stay_detail .pagenav .wrap .box .more { padding: 0px 30px; } } #amenity .point { background: rgb(229, 229, 229); padding: 85px 0px 100px; margin-bottom: 110px; } #amenity .point .lead { font-size: 3rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 105px; } #amenity .point .item { display: flex; margin-bottom: 65px; } #amenity .point .item dt { -webkit-box-ordinal-group: 3; order: 2; width: 39.47%; margin: 0px 0px 0px 4.39%; line-height: 0; } #amenity .point .item dt img { width: 100%; } #amenity .point .item dd { width: 56.14%; } #amenity .point .item dd h2 { font-size: 2.5rem; font-weight: 500; margin-bottom: 15px; letter-spacing: 0.1em; } #amenity .point .item:last-child { margin-bottom: 0px; } #amenity .others { margin-bottom: 130px; } #amenity .others .box { display: flex; margin-bottom: 100px; } #amenity .others .box .left { width: 34.73%; margin: 0px 3.88% 0px 0px; } #amenity .others .box .left img, #amenity .others .box .left span { vertical-align: middle; } #amenity .others .box .left img { margin-right: 15px; } #amenity .others .box .left span { font-size: 2.5rem; font-weight: 500; letter-spacing: 0.1em; } #amenity .others .box .right { width: 61.4%; } #amenity .others .box .right dl { border-top: 1px solid rgb(229, 229, 229); } #amenity .others .box .right dl dt { float: left; clear: both; font-weight: 500; padding: 15px 5px; } #amenity .others .box .right dl dd { padding: 15px 5px 15px 180px; border-bottom: 1px solid rgb(229, 229, 229); } #amenity .others .box.common .right { border-bottom: 1px solid rgb(229, 229, 229); border-top: 1px solid rgb(229, 229, 229); padding: 35px 0px; } #amenity .others .box:last-child { margin-bottom: 0px; } @media screen and (max-width: 834px) { #amenity .point { padding: 65px 0px 85px; } #amenity .point .lead { font-size: 2.2rem; margin-bottom: 50px; } #amenity .point .item { display: block; } #amenity .point .item dt, #amenity .point .item dd { width: 100%; } #amenity .point .item dt { margin: 0px 0px 20px; } #amenity .point .item dd h2 { font-size: 2rem; margin-bottom: 5px; } #amenity .others { margin-bottom: 85px; } #amenity .others .box { display: block; margin-bottom: 65px; } #amenity .others .box .left, #amenity .others .box .right { width: 100%; } #amenity .others .box .left { margin: 0px 0px 30px; } #amenity .others .box .left span { font-size: 2rem; } #amenity .others .box .right dl dt { float: none; padding: 15px 5px 7px; } #amenity .others .box .right dl dd { padding: 0px 5px 15px; } #amenity .others .box.common .right { padding: 25px 0px; } } #anniversary .detail { background: rgb(229, 229, 229); padding: 85px 0px 95px; } #anniversary .detail .room { margin-bottom: 105px; } #anniversary .detail .room .catch { font-size: 3rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 50px; } #anniversary .detail .room .inner { margin: 60px 0px 0px; padding: 70px 54px; background: rgb(156, 123, 43); color: rgb(255, 255, 255); display: flex; } #anniversary .detail .room .inner .img { line-height: 0; width: 43.85%; -webkit-box-ordinal-group: 3; order: 2; margin: 0px 0px 0px 6.06%; } #anniversary .detail .room .inner .img img { width: 100%; } #anniversary .detail .room .inner .txt { width: 50.09%; } #anniversary .detail .room .inner .txt h2 { font-size: 2.5rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #anniversary .detail .room .inner .txt .more { margin: 50px 0px 0px; } #anniversary .detail .room .inner .txt .more a { max-width: 240px; } #anniversary .detail .item { margin-bottom: 120px; } #anniversary .detail .item:last-child { margin-bottom: 0px; } #anniversary .detail .item h2 { font-size: 2.5rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #anniversary .detail .item .flex { display: flex; } #anniversary .detail .item .flex .txt { width: 56.14%; margin: 0px 4.39% 0px 0px; } #anniversary .detail .item .flex .txt dl { line-height: 1.467; border-top: 1px solid rgb(210, 210, 210); margin-bottom: 20px; } #anniversary .detail .item .flex .txt dl dt { float: left; clear: both; font-weight: 500; padding: 19px 5px; } #anniversary .detail .item .flex .txt dl dd { border-bottom: 1px solid rgb(210, 210, 210); padding: 19px 5px 19px 182px; min-height: 82px; } #anniversary .detail .item .flex .txt .more { margin: 50px 0px 0px; } #anniversary .detail .item .flex .txt .more span { max-width: 240px; } #anniversary .detail .item .flex .img { line-height: 0; width: 39.47%; } #anniversary .detail .item .flex .img img { width: 100%; } @media screen and (max-width: 1075px) { #anniversary .detail { padding: 65px 0px 85px; } #anniversary .detail .room { margin-bottom: 75px; } #anniversary .detail .room .catch { font-size: 2.4rem; margin-bottom: 30px; } #anniversary .detail .room .inner { padding: 40px 20px; display: block; } #anniversary .detail .room .inner .img, #anniversary .detail .room .inner .txt { width: 100%; } #anniversary .detail .room .inner .img { margin: 0px 0px 25px; } #anniversary .detail .room .inner .txt h2 { font-size: 2rem; margin-bottom: 10px; } #anniversary .detail .item { margin-bottom: 70px; } #anniversary .detail .item h2 { font-size: 2rem; margin-bottom: 10px; } #anniversary .detail .item .flex { display: block; } #anniversary .detail .item .flex .txt, #anniversary .detail .item .flex .img { width: 100%; } #anniversary .detail .item .flex .txt { margin: 0px 0px 40px; } #anniversary .detail .item .flex .txt dl dt { float: none; padding: 19px 5px 10px; } #anniversary .detail .item .flex .txt dl dd { padding: 0px 5px 19px; min-height: 0px; } } #anniversary .contact { background: rgb(255, 255, 255); padding: 65px 0px 95px; } #anniversary .contact .wrap { display: flex; } #anniversary .contact .wrap h2 { width: 340px; margin: 0px 5% 0px 0px; font-size: 2.5rem; font-weight: 500; letter-spacing: 0.1em; } #anniversary .contact .wrap .right { width: calc(95% - 340px); } #anniversary .contact .wrap .right p { margin-bottom: 20px; } #anniversary .contact .wrap .right .dbtn { margin-bottom: 0px; } #anniversary .contact .wrap .right .dbtn a { padding-left: 40px; padding-right: 50px; } @media screen and (max-width: 1075px) { #anniversary .contact { padding: 45px 0px 65px; } #anniversary .contact .wrap { display: block; text-align: center; } #anniversary .contact .wrap h2, #anniversary .contact .wrap .right { width: 100%; } #anniversary .contact .wrap h2 { margin: 0px 0px 20px; font-size: 2rem; } #anniversary .contact .wrap .right .dbtn a { width: 100%; } } #anniversary .bedmake_modal { position: fixed; inset: 0px; z-index: 2147483647; display: none; } #anniversary .bedmake_modal .bg { position: fixed; inset: 0px; z-index: 2; background: rgba(0, 0, 0, 0.2); } #anniversary .bedmake_modal .content { position: fixed; inset: 0px; width: 89.06vw; height: 80vh; max-width: 1140px; margin: auto; background: rgb(238, 238, 238); z-index: 3; } #anniversary .bedmake_modal .content .close { position: absolute; top: -18px; right: -20px; cursor: pointer; } #anniversary .bedmake_modal .content .inner { overflow: auto; height: 80vh; padding: 60px 50px; } #anniversary .bedmake_modal .content .inner h3 { margin-bottom: 25px; } #anniversary .bedmake_modal .content .inner h3 span { vertical-align: middle; } #anniversary .bedmake_modal .content .inner h3 span:first-child { font-size: 2.5rem; font-weight: 500; letter-spacing: 0.1em; margin-right: 18px; } #anniversary .bedmake_modal .content .inner h3 span:first-child + span { font-weight: 400; } #anniversary .bedmake_modal .content .inner .box { margin-bottom: 50px; } #anniversary .bedmake_modal .content .inner .box .flex { display: flex; flex-wrap: wrap; } #anniversary .bedmake_modal .content .inner .box .flex dl { width: 31.73%; margin: 0px 2.405% 50px 0px; } #anniversary .bedmake_modal .content .inner .box .flex dl:nth-child(3n) { margin: 0px 0px 50px; } #anniversary .bedmake_modal .content .inner .box .flex dl dt { line-height: 0; margin-bottom: 15px; } #anniversary .bedmake_modal .content .inner .others { display: flex; flex-wrap: wrap; margin-bottom: 60px; } #anniversary .bedmake_modal .content .inner .others .plan { width: 31.73%; margin: 0px 2.405% 50px 0px; } #anniversary .bedmake_modal .content .inner .others .plan:nth-child(3n) { margin: 0px 0px 50px; } #anniversary .bedmake_modal .content .inner .others .plan h3 span { display: block; } #anniversary .bedmake_modal .content .inner .others .plan dl dt { line-height: 0; margin-bottom: 15px; } @media screen and (max-width: 1075px) { #anniversary .bedmake_modal .content .inner { padding: 40px 30px; } #anniversary .bedmake_modal .content .inner h3 span { display: block; } #anniversary .bedmake_modal .content .inner h3 span:first-child { font-size: 2rem; } #anniversary .bedmake_modal .content .inner .box { margin-bottom: 80px; } #anniversary .bedmake_modal .content .inner .box .flex { display: block; } #anniversary .bedmake_modal .content .inner .box .flex dl { width: 100%; margin: 0px 0px 40px; } #anniversary .bedmake_modal .content .inner .box .flex dl:nth-child(3n) { margin: 0px 0px 40px; } #anniversary .bedmake_modal .content .inner .others { display: block; margin-bottom: 100px; } #anniversary .bedmake_modal .content .inner .others .plan { width: 100%; margin: 0px 0px 40px; } #anniversary .bedmake_modal .content .inner .others .plan:nth-child(3n) { margin: 0px 0px 40px; } } #contact .inner { background: rgb(229, 229, 229); padding-bottom: 75px; } #contact .inner .pagettl { margin-bottom: 50px; } #contact .inner .red { color: rgb(174, 0, 4); } #contact .inner .tel { background: rgb(238, 238, 238); padding: 39px 56px 40px; font-weight: 500; display: flex; flex-wrap: wrap; margin-top: 50px; } #contact .inner .tel dt { float: left; width: 278px; padding-top: 5px; } #contact .inner .tel dd { width: calc(100% - 278px); } #contact .inner .tel dd a { font-size: 2.4rem; display: inline-block; position: relative; padding-left: 26px; line-height: 1.5; font-family: Jost, sans-serif; letter-spacing: 0.1em; } #contact .inner .tel dd a::after { content: ""; position: absolute; top: 3px; bottom: 0px; left: 0px; margin: auto 0px; width: 15.99px; height: 20.87px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #contact .inner .tel.short { padding: 39px 56px 15px; } #contact .inner .tel.short dt { width: 210px; margin-bottom: 25px; } #contact .inner .tel.short dd { width: calc(100% - 210px); margin-bottom: 25px; } #contact .form { padding: 90px 0px 94px; } #contact .form dl { display: flex; flex-wrap: wrap; border-top: 1px solid rgb(192, 192, 192); max-width: 760px; margin: 0px auto; } #contact .form dl dt { width: 175px; border-bottom: 1px solid rgb(192, 192, 192); font-weight: 500; padding: 30px 5px; } #contact .form dl dt span { color: rgb(174, 0, 4); margin-left: 10px; } #contact .form dl dd { width: calc(100% - 175px); border-bottom: 1px solid rgb(192, 192, 192); padding: 17px 30px 17px 0px; } #contact .form dl dd input[type="text"], #contact .form dl dd input[type="tel"], #contact .form dl dd input[type="email"], #contact .form dl dd input[type="date"], #contact .form dl dd textarea { width: 100%; box-sizing: border-box; font-size: 1.5rem; padding: 10px 15px; border: 1px solid rgb(119, 119, 119); } #contact .form dl dd textarea { min-height: 300px; } #contact .form dl dd input[type="date"] { max-width: 251px; } #contact .form dl dd input[type="checkbox"] { appearance: checkbox; display: inline-block; margin-right: 10px; } #contact .form dl dd.check { width: 100%; border-bottom: none; padding-left: 175px; } #contact .form dl dd.check p { margin-bottom: 10px; } #contact .form dl dd.check p a { text-decoration: underline; } @media (hover: hover) and (pointer: fine) { #contact .form dl dd.check p a:hover { text-decoration: none; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #contact .form dl dd.check p a:hover { text-decoration: none; } } #contact .form .submit { position: relative; width: 240px; margin: 0px auto; } #contact .form .submit .wpcf7-spinner { display: none; } #contact .form .submit input { display: inline-block; font-family: Jost, "Zen Kaku Gothic New", YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif; font-size: 1.5rem; font-weight: 500; border: 1px solid rgb(51, 51, 51); border-radius: 50px; letter-spacing: 0.08em; padding: 5px 0px; position: relative; width: 100%; transition: all 0.3s ease 0s; } #contact .form .submit::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 12px; margin: auto 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { #contact .form .submit:hover input { background: rgb(51, 51, 51); color: rgb(119, 119, 119); } #contact .form .submit:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #contact .form .submit:hover input { background: rgb(51, 51, 51); color: rgb(119, 119, 119); } #contact .form .submit:hover::after { width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } #contact .screen-reader-response { max-width: 1200px; margin: 0px auto; padding: 90px 30px 0px; color: rgb(174, 0, 4); font-weight: 500; } #contact .screen-reader-response ul { display: none !important; } #contact .wpcf7-not-valid-tip { display: block; color: rgb(174, 0, 4); font-weight: 500; } #contact .wpcf7-response-output { display: none !important; } @media screen and (max-width: 1075px) { #contact .inner { padding-bottom: 50px; } #contact .inner .pagettl { margin-bottom: 30px; } #contact .inner .tel { display: block; padding: 35px 25px; text-align: center; } #contact .inner .tel dt, #contact .inner .tel dd { width: 100% !important; } #contact .inner .tel dt { margin: 0px 0px 10px !important; } #contact .form { padding: 70px 0px 80px; } #contact .form dl { display: block; } #contact .form dl dt, #contact .form dl dd { width: 100%; } #contact .form dl dt { border-bottom: none; padding-bottom: 12px; padding-top: 15px; } #contact .form dl dd { padding: 0px 5px 17px; } #contact .form dl dd textarea { min-height: 250px; } #contact .form dl dd.check { padding-top: 17px; padding-left: 5px; } #contact .screen-reader-response { padding: 70px 30px 0px; } } #about { background: rgb(229, 229, 229); } #about .inner { padding: 90px 20px 70px; } @media screen and (min-width: 1076px) { #about .inner { padding: 90px 100px 70px; } } #about .inner .lead { display: flex; margin-bottom: 130px; } #about .inner .lead .txt, #about .inner .lead .img { width: 47.36%; } #about .inner .lead .txt { margin: 0px 5.28% 0px 0px; } #about .inner .lead .txt h2 { font-size: 2rem; line-height: 2; font-weight: 500; margin-bottom: 30px; } #about .inner .lead .img { line-height: 0; } #about .inner .lead .img img { width: 100%; } #about .inner .contents { display: flex; flex-wrap: wrap; } #about .inner .contents .access, #about .inner .contents .rooms, #about .inner .contents .anniversary, #about .inner .contents .dining { width: 47.36%; padding-bottom: 54px; position: relative; } #about .inner .contents .access h2, #about .inner .contents .rooms h2, #about .inner .contents .anniversary h2, #about .inner .contents .dining h2 { font-size: 2rem; line-height: 2; font-weight: 500; margin-bottom: 30px; } #about .inner .contents .access .more, #about .inner .contents .rooms .more, #about .inner .contents .anniversary .more, #about .inner .contents .dining .more { position: absolute; bottom: 0px; left: 0px; right: 0px; } #about .inner .contents .access .img, #about .inner .contents .rooms .img, #about .inner .contents .anniversary .img, #about .inner .contents .dining .img { line-height: 0; margin-bottom: 35px; } #about .inner .contents .access .img img, #about .inner .contents .rooms .img img, #about .inner .contents .anniversary .img img, #about .inner .contents .dining .img img { width: 100%; } #about .inner .contents .access, #about .inner .contents .anniversary { margin-right: 5.28%; } #about .inner .contents .access, #about .inner .contents .rooms { margin-bottom: 100px; } #about .inner .contents .anniversary, #about .inner .contents .dining { margin-bottom: 135px; } #about .inner .contents .bar { display: flex; margin-bottom: 150px; } #about .inner .contents .bar .img, #about .inner .contents .bar .txt { width: 47.36%; } #about .inner .contents .bar .img { margin: 0px 5.28% 0px 0px; line-height: 0; } #about .inner .contents .bar .img img { width: 100%; } #about .inner .contents .bar .txt h2 { font-size: 2rem; line-height: 2; font-weight: 500; margin-bottom: 30px; } #about .inner .contents .bar .txt .more { margin: 50px 0px 0px; } #about .inner .contents .history h2 { font-size: 2rem; line-height: 2; font-weight: 500; margin-bottom: 30px; } #about .inner .contents .history dl { display: flex; margin-bottom: 80px; } #about .inner .contents .history dl:last-child { margin-bottom: 0px; } #about .inner .contents .history dl dt, #about .inner .contents .history dl dd { width: 47.36%; } #about .inner .contents .history dl dt { margin: 0px 5.28% 0px 0px; line-height: 0; } #about .inner .contents .history dl dt img { width: 100%; } #about .inner .contents .history dl dd h3 { font-weight: 500; font-size: 1.7rem; margin-bottom: 20px; } #about .inner .contents .history dl dd h3 span { display: block; font-family: Jost, sans-serif; font-weight: 400; font-size: 3rem; } #about .imgband { line-height: 0; } #about .imgband img { width: 100%; } #about .others { background: rgb(51, 51, 51); color: rgb(238, 238, 238); padding: 120px 0px 130px; } #about .others .wrap { display: flex; } #about .others .wrap .left { width: 28.07%; margin-right: 10.53%; line-height: 2; } #about .others .wrap .left h2 { font-size: 2rem; font-weight: 500; line-height: 1.956; margin-bottom: 20px; } #about .others .wrap .right { width: 61.4%; border-top: 1px solid rgb(90, 90, 90); } #about .others .wrap .right dl dt { float: left; clear: both; padding: 31px 0px; } #about .others .wrap .right dl dd { padding: 35px 0px 44px 190px; border-bottom: 1px solid rgb(90, 90, 90); } #about .others .wrap .right dl dd h3 { font-weight: 500; font-size: 2rem; letter-spacing: 0.1em; margin-bottom: 20px; } #about .others .wrap .right dl dd h3 + p { color: rgb(170, 170, 170); font-size: 1.3rem; line-height: 1.923; } #about .others .wrap .right dl dd .dbtn a::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } @media (hover: hover) and (pointer: fine) { #about .others .wrap .right dl dd .dbtn a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #about .others .wrap .right dl dd .dbtn a:hover::after { width: 12px; height: 9px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } } @media screen and (max-width: 834px) { #about .inner { padding: 65px 20px 90px; } #about .inner .lead { display: block; margin-bottom: 65px; } #about .inner .lead .txt, #about .inner .lead .img { width: 100%; } #about .inner .lead .txt { margin: 0px 0px 40px; } #about .inner .lead .txt h2 { margin-bottom: 15px; } #about .inner .lead .txt h2 br { display: none; } #about .inner .contents { display: block; } #about .inner .contents .access, #about .inner .contents .rooms, #about .inner .contents .anniversary, #about .inner .contents .dining { width: 100%; padding-bottom: 45px; } #about .inner .contents .access h2, #about .inner .contents .rooms h2, #about .inner .contents .anniversary h2, #about .inner .contents .dining h2 { margin-bottom: 15px; } #about .inner .contents .access, #about .inner .contents .anniversary { margin-right: 0px; } #about .inner .contents .access, #about .inner .contents .rooms, #about .inner .contents .anniversary { margin-bottom: 60px; } #about .inner .contents .dining { margin-bottom: 85px; } #about .inner .contents .bar { display: block; margin-bottom: 70px; } #about .inner .contents .bar .img, #about .inner .contents .bar .txt { width: 100%; } #about .inner .contents .bar .img { margin: 0px 0px 30px; } #about .inner .contents .bar .txt h2 { margin-bottom: 15px; } #about .inner .contents .bar .txt .more { margin: 35px 0px 0px; } #about .inner .contents .history dl { display: block; margin-bottom: 65px; } #about .inner .contents .history dl dt, #about .inner .contents .history dl dd { width: 100% !important; } #about .inner .contents .history dl dt { margin: 0px 0px 30px !important; } #about .inner .contents .history dl dd h3 span { font-size: 2.2rem; } #about .others { padding: 55px 0px 65px; } #about .others .wrap { display: block; } #about .others .wrap .left, #about .others .wrap .right { width: 100%; } #about .others .wrap .left { margin: 0px 0px 50px; } #about .others .wrap .left h2 { line-height: 2; font-size: 2rem; } #about .others .wrap .right dl dt { width: 90px; height: 90px; padding: 30px 0px; } #about .others .wrap .right dl dd { padding: 40px 0px 35px 114px; } #about .others .wrap .right dl dd h3 { font-size: 1.8rem; margin-bottom: 10px; } } #nostalgic { background: rgb(229, 229, 229); } #nostalgic .u_main { margin-bottom: 110px; } #nostalgic .u_main .pnkz { margin-bottom: 100px; } #nostalgic .u_main .txt .pagettl { padding-bottom: 100px; } #nostalgic .u_main .txt .catch { line-height: 0; margin-bottom: 40px; } #nostalgic .u_main .txt .catch + p { line-height: 2.059; font-size: 1.7rem; font-weight: 500; padding-bottom: 140px; } #nostalgic .taxi h2 { font-size: 1.7rem; font-weight: 500; margin-bottom: 30px; } #nostalgic .taxi h2 span { font-family: Jost, sans-serif; font-size: 3.5rem; font-weight: 500; letter-spacing: 0.2em; display: block; } #nostalgic .taxi h2 + p { margin-bottom: 55px; } #nostalgic .taxi h3 { font-size: 2.5rem; font-weight: 500; padding: 16px 6px; border-bottom: 1px solid rgb(204, 204, 204); border-top: 1px solid rgb(204, 204, 204); margin-bottom: 50px; } #nostalgic .taxi .flex { display: flex; margin-bottom: 70px; } #nostalgic .taxi .flex:last-child { margin-bottom: 120px; } #nostalgic .taxi .flex dt { width: 39.47%; margin: 0px 0px 0px 4.39%; line-height: 0; -webkit-box-ordinal-group: 3; order: 2; } #nostalgic .taxi .flex dt a { display: block; position: relative; line-height: 0; } #nostalgic .taxi .flex dt a::before, #nostalgic .taxi .flex dt a::after { position: absolute; left: 0px; right: 0px; opacity: 0; transition: all 0.3s ease 0s; } #nostalgic .taxi .flex dt a::before { content: ""; top: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.6); } #nostalgic .taxi .flex dt a::after { content: "More"; color: rgb(255, 255, 255); font-family: Jost, sans-serif; font-size: 3rem; font-weight: 500; text-align: center; top: 50%; transform: translate(0px, -50%); } #nostalgic .taxi .flex dt a .kzr { position: absolute; bottom: 0px; right: 0px; line-height: 0; } @media (hover: hover) and (pointer: fine) { #nostalgic .taxi .flex dt a:hover::before, #nostalgic .taxi .flex dt a:hover::after { opacity: 1; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #nostalgic .taxi .flex dt a:hover::before, #nostalgic .taxi .flex dt a:hover::after { opacity: 1; } } #nostalgic .taxi .flex dd { width: 56.14%; } #nostalgic .taxi .flex dd .more { width: 240px; margin: 45px 0px 0px; } #nostalgic .lounge { padding-bottom: 130px; } #nostalgic .lounge .ttl { position: relative; margin-bottom: 110px; } #nostalgic .lounge .ttl .img { line-height: 0; position: absolute; inset: 0px; z-index: 1; } #nostalgic .lounge .ttl .img img { width: 100%; height: 100%; object-fit: cover; } #nostalgic .lounge .ttl .img::after { content: ""; position: absolute; inset: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } #nostalgic .lounge .ttl .txt { position: relative; z-index: 2; color: rgb(255, 255, 255); padding: 215px 0px; } #nostalgic .lounge .ttl .txt h2 { font-size: 1.7rem; font-weight: 500; margin-bottom: 30px; } #nostalgic .lounge .ttl .txt h2 span { font-family: Jost, sans-serif; font-size: 3.5rem; font-weight: 500; letter-spacing: 0.2em; display: block; } #nostalgic .lounge .flex { display: flex; } #nostalgic .lounge .flex dt { width: 39.47%; margin: 0px 0px 0px 7.9%; -webkit-box-ordinal-group: 3; order: 2; line-height: 0; } #nostalgic .lounge .flex dd { width: 52.63%; } #nostalgic .lounge .flex dd h3 { font-size: 2rem; font-weight: 500; margin-bottom: 30px; } #nostalgic .lounge .flex dd .more { width: 240px; margin: 40px 0px 0px; } @media screen and (max-width: 834px) { #nostalgic .u_main { margin-bottom: 70px; } #nostalgic .u_main .txt .pnkz { margin-bottom: 60px; } #nostalgic .u_main .txt .pagettl { padding-bottom: 50px; } #nostalgic .u_main .txt .catch + p { font-size: 1.5rem; padding-bottom: 100px; } #nostalgic .taxi h2 { font-size: 1.5rem; } #nostalgic .taxi h2 span { font-size: 2.8rem; } #nostalgic .taxi h3 { font-size: 2rem; margin: 0px 0px 35px; } #nostalgic .taxi .flex { display: block; } #nostalgic .taxi .flex dt, #nostalgic .taxi .flex dd { width: 100%; } #nostalgic .taxi .flex dt { margin: 0px 0px 25px; } #nostalgic .lounge { padding-bottom: 90px; } #nostalgic .lounge .ttl { margin-bottom: 80px; } #nostalgic .lounge .ttl .txt { padding: 80px 0px; } #nostalgic .lounge .ttl .txt h2 { font-size: 1.5rem; } #nostalgic .lounge .ttl .txt h2 span { font-size: 2.8rem; } #nostalgic .lounge .flex { display: block; } #nostalgic .lounge .flex dt, #nostalgic .lounge .flex dd { width: 100%; } #nostalgic .lounge .flex dt { margin: 0px 0px 25px; } #nostalgic .lounge .flex dd h3 { font-size: 1.8rem; margin-bottom: 15px; } #nostalgic .lounge .flex dd .more { width: 100%; } } #nt_otona .contents { padding: 85px 0px 106px; background: rgb(229, 229, 229); } #nt_otona .contents h2 { font-size: 3rem; line-height: 1.5; font-weight: 500; margin-bottom: 50px; } #nt_otona .contents h2 + p { margin-bottom: 80px; } #nt_otona .contents .ex { background: rgb(238, 238, 238); padding: 70px 55px 75px; margin-bottom: 90px; } #nt_otona .contents .ex h3 { font-size: 2rem; font-weight: 500; margin-bottom: 25px; } #nt_otona .contents .flex .box { display: flex; margin-bottom: 110px; } #nt_otona .contents .flex .box dt { width: 39.47%; line-height: 0; } #nt_otona .contents .flex .box dd { width: 55.52%; } #nt_otona .contents .flex .box dd h3 { overflow: hidden; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 7px 0px; display: flex; margin-bottom: 40px; } #nt_otona .contents .flex .box dd h3 span { display: block; font-weight: 500; } #nt_otona .contents .flex .box dd h3 span:first-child { width: 108px; text-align: center; position: relative; font-family: Jost, sans-serif; font-size: 3.5rem; letter-spacing: 0.2em; margin-right: 34px; color: rgb(51, 51, 51); } #nt_otona .contents .flex .box dd h3 span:first-child::after { content: ""; position: absolute; top: 19px; right: 0px; width: 1px; height: 30px; background: rgb(204, 204, 204); } #nt_otona .contents .flex .box dd h3 span:last-child { width: calc(100% - 152px); font-size: 2.5rem; line-height: 1.5; padding: 13px 0px 0px; } #nt_otona .contents .flex .box:nth-child(2n+1) dt { margin: 0px 5.01% 0px 0px; } #nt_otona .contents .flex .box:nth-child(2n) dt { margin: 0px 0px 0px 5.01%; -webkit-box-ordinal-group: 3; order: 2; } #nt_otona .contents .flex .box:last-child { margin: 0px; } #nt_otona .contact { background: rgb(255, 255, 255); padding: 115px 0px 95px; } #nt_otona .contact .wrap { display: flex; } #nt_otona .contact .wrap h2 { width: 340px; margin: 0px 5% 0px 0px; font-size: 2.5rem; font-weight: 500; letter-spacing: 0.1em; } #nt_otona .contact .wrap .right { width: calc(95% - 340px); } #nt_otona .contact .wrap .right p { margin-bottom: 20px; } #nt_otona .contact .wrap .right .dbtn { margin-bottom: 0px; } #nt_otona .contact .wrap .right .dbtn a { padding-left: 40px; padding-right: 50px; } @media screen and (max-width: 834px) { #nt_otona .contents { padding: 65px 0px 85px; } #nt_otona .contents h2 { font-size: 2.5rem; margin-bottom: 30px; } #nt_otona .contents h2 + p { margin-bottom: 60px; } #nt_otona .contents .ex { padding: 40px 25px 45px; margin-bottom: 75px; } #nt_otona .contents .ex h3 { margin-bottom: 15px; } #nt_otona .contents .flex .box { display: block; margin: 0px 0px 70px; } #nt_otona .contents .flex .box dt, #nt_otona .contents .flex .box dd { width: 100%; } #nt_otona .contents .flex .box dt { margin: 0px 0px 30px !important; } #nt_otona .contents .flex .box dd h3 { margin: 0px 0px 25px; } #nt_otona .contents .flex .box dd h3 span:first-child { font-size: 2.5rem; width: 90px; margin-right: 20px; } #nt_otona .contents .flex .box dd h3 span:first-child::after { top: 10px; } #nt_otona .contents .flex .box dd h3 span:last-child { padding: 5px 0px 0px; width: calc(100% - 110px); } #nt_otona .contact { padding: 45px 0px 65px; } #nt_otona .contact .wrap { display: block; text-align: center; } #nt_otona .contact .wrap h2, #nt_otona .contact .wrap .right { width: 100%; } #nt_otona .contact .wrap h2 { margin: 0px 0px 20px; font-size: 2rem; } #nt_otona .contact .wrap .right .dbtn a { width: 100%; } } #access .inner { background: rgb(229, 229, 229); padding-bottom: 66px; margin-bottom: 65px; } #access .inner .pagettl { margin-bottom: 80px; } #access .inner h2 { font-size: 3rem; font-weight: 500; margin-bottom: 20px; letter-spacing: 0.1em; } #access .inner figure { line-height: 0; margin: 45px 0px 20px; } #access .inner figure img { width: 100%; } #access .inner .btn_group li { display: inline-block; vertical-align: top; margin: 0px 20px 10px 0px; } #access .inner .btn_group li:last-child { margin: 0px 0px 10px; } #access .howto .unc { text-align: center; margin-bottom: 55px; } #access .howto .unc li { display: inline-block; margin: 0px 30px 10px 0px; } #access .howto .unc li:last-child { margin: 0px 0px 10px; } #access .howto .unc li a { padding-bottom: 5px; border-bottom: 1px solid rgb(255, 255, 255); } @media (hover: hover) and (pointer: fine) { #access .howto .unc li a:hover { opacity: 1; border-bottom: 1px solid rgb(49, 49, 49); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #access .howto .unc li a:hover { opacity: 1; border-bottom: 1px solid rgb(49, 49, 49); } } #access .howto .uncbox { margin-top: -123px; padding-top: 123px; } @media screen and (max-width: 1075px) { #access .howto .uncbox { margin-top: -60px; padding-top: 60px; } } #access .howto .uncbox h2 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 40px; } #access .howto .uncbox dl { display: flex; flex-wrap: wrap; margin-bottom: 95px; } #access .howto .uncbox dl dt { width: 53.81%; text-align: center; line-height: 0; margin: 0px 3.12% 45px 0px; } #access .howto .uncbox dl dd { width: 43.07%; margin-bottom: 45px; } #access .parking { background: rgb(238, 238, 238); padding: 64px 60px 60px; margin-bottom: 50px; } #access .parking h2 { font-size: 2rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 30px; } #access .parking dl { border-top: 1px solid rgb(192, 192, 192); margin-bottom: 55px; } #access .parking dl dt { float: left; clear: both; padding: 15px 0px; font-weight: 500; } #access .parking dl dd { padding: 15px 0px 15px 180px; border-bottom: 1px solid rgb(192, 192, 192); } @media screen and (max-width: 834px) { #access .inner .pagettl { margin-bottom: 40px; } #access .inner h2 { font-size: 2.5rem; } #access .inner .btn_group li { display: block; margin: 0px 0px 10px; } #access .inner .btn_group li a { width: 100%; text-align: center; } #access .howto .unc li { display: block; margin: 0px 0px 10px; } #access .howto .uncbox dl { display: block; } #access .howto .uncbox dl dt, #access .howto .uncbox dl dd { width: 100%; } #access .howto .uncbox dl dt { margin: 0px 0px 20px; } #access .parking { padding: 45px 25px 50px; } #access .parking dl { margin: 0px 0px 35px; } #access .parking dl dt { float: none; padding: 15px 0px 10px; } #access .parking dl dd { padding: 0px 0px 15px; } } #faq { background: rgb(229, 229, 229); padding-bottom: 30px; } #faq .pagettl { margin-bottom: 70px; } #faq .unc { margin-bottom: 100px; } #faq .unc li { display: inline-block; margin: 0px 30px 10px 0px; } #faq .unc li:last-child { margin: 0px 0px 10px; } #faq .unc li { } #faq .unc { margin-top: -123px; padding-top: 123px; } @media screen and (max-width: 1075px) { #faq .unc { margin-top: -60px; padding-top: 60px; } } #faq .uncbox { padding-bottom: 100px; } #faq .uncbox h2 { font-size: 2rem; font-weight: 500; margin-bottom: 40px; letter-spacing: 0.1em; } #faq .uncbox dl { border-bottom: 1px solid rgb(204, 204, 204); } #faq .uncbox dl dt { padding: 24px 0px; position: relative; display: flex; border-top: 1px solid rgb(204, 204, 204); line-height: 1.5; cursor: pointer; transition: all 0.3s ease 0s; } #faq .uncbox dl dt span { display: block; } #faq .uncbox dl dt span:first-child { width: 90px; position: relative; font-size: 3.5rem; text-align: center; font-family: Jost, sans-serif; } #faq .uncbox dl dt span:first-child::after { content: ""; width: 1px; height: 70%; background: rgb(204, 204, 204); margin: auto 0px; display: block; position: absolute; top: 0px; bottom: 0px; right: 0px; } #faq .uncbox dl dt span:last-child { width: calc(100% - 90px); padding: 11px 70px 0px 28px; font-size: 1.7rem; font-weight: 500; } #faq .uncbox dl dt span:last-child::before, #faq .uncbox dl dt span:last-child::after { content: ""; position: absolute; top: 0px; bottom: 0px; right: 10px; margin: auto 0px; background: rgb(51, 51, 51); transition: all 0.3s ease 0s; } #faq .uncbox dl dt span:last-child::before { width: 10px; height: 2px; right: 17px; } #faq .uncbox dl dt span:last-child::after { width: 2px; height: 10px; right: 21px; } #faq .uncbox dl dt::before { content: ""; position: absolute; top: 0px; bottom: 0px; right: 10px; width: 24px; height: 24px; margin: auto 0px; border-radius: 50%; background: rgb(255, 255, 255); transition: all 0.3s ease 0s; } #faq .uncbox dl dt.active span:last-child::before, #faq .uncbox dl dt.active span:last-child::after { background: rgb(255, 255, 255); } #faq .uncbox dl dt.active::before { background: rgb(156, 123, 43); } @media (hover: hover) and (pointer: fine) { #faq .uncbox dl dt:hover span:last-child::before, #faq .uncbox dl dt:hover span:last-child::after { background: rgb(255, 255, 255); } #faq .uncbox dl dt:hover::before { background: rgb(156, 123, 43); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #faq .uncbox dl dt:hover span:last-child::before, #faq .uncbox dl dt:hover span:last-child::after { background: rgb(255, 255, 255); } #faq .uncbox dl dt:hover::before { background: rgb(156, 123, 43); } } #faq .uncbox dl dd { background: rgb(238, 238, 238); padding: 30px 0px; display: none; } #faq .uncbox dl dd .q-wrap { display: flex; } #faq .uncbox dl dd span { display: block; width: 90px; font-size: 3.5rem; text-align: center; font-family: Jost, sans-serif; color: rgb(156, 123, 43); line-height: 30px; height: 30px; } #faq .uncbox dl dd .txt { width: calc(100% - 90px); } #faq .uncbox dl dd .txt a { color: rgb(156, 123, 43); text-decoration: underline; } @media (hover: hover) and (pointer: fine) { #faq .uncbox dl dd .txt a:hover { text-decoration: none; } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #faq .uncbox dl dd .txt a:hover { text-decoration: none; } } @media screen and (max-width: 834px) { #faq .pagettl { margin-bottom: 44px; } #faq .unc { margin-bottom: 75px; } #faq .unc li { display: block; margin: 0px 0px 10px; } #faq .unc li a { width: 100% !important; } #faq .uncbox dl dt span:first-child { width: 70px; font-size: 3rem; } #faq .uncbox dl dt span:first-child::after { margin: 0px; } #faq .uncbox dl dt span:last-child { width: calc(100% - 70px); padding: 0px 47px 0px 18px; } #faq .uncbox dl dd span { width: 70px; } #faq .uncbox dl dd .txt { width: calc(100% - 30px); padding-right: 20px; } } #company { background: rgb(229, 229, 229); padding-bottom: 120px; } #company .pagettl { margin-bottom: 135px; } #company h2 { font-size: 3rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #company h2 + p { margin-bottom: 40px; } #company .teigi { border-top: 1px solid rgb(192, 192, 192); } #company .teigi dt { float: left; clear: both; padding: 22px 0px; font-weight: 500; } #company .teigi dd { padding: 22px 0px 22px 174px; border-bottom: 1px solid rgb(192, 192, 192); } #company .teigi + h2 { margin-top: 100px; } @media screen and (max-width: 834px) { #company { padding-bottom: 90px; } #company .pagettl { margin-bottom: 60px; } #company h2 { font-size: 2.5rem; } #company .teigi dt { padding: 22px 0px 10px; float: none; } #company .teigi dd { padding: 0px 0px 22px; } #company .teigi + h2 { margin-top: 70px; } } #txtpage { background: rgb(229, 229, 229); padding-bottom: 120px; } #txtpage .box { margin-bottom: 120px; } #txtpage .box:last-child { margin-bottom: 0px; } #txtpage .box h2 { font-size: 3rem; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 20px; } #txtpage .box .ubttl { font-size: 2rem; padding-bottom: 10px; border-bottom: 1px solid rgb(192, 192, 192); } #txtpage .box .teigi { margin: 55px 0px; border-top: 1px solid rgb(192, 192, 192); } #txtpage .box .teigi:last-child { margin-bottom: 0px; } #txtpage .box .teigi dt { float: left; clear: both; padding: 22px 0px; font-weight: 500; } #txtpage .box .teigi dd { padding: 22px 0px 22px 180px; border-bottom: 1px solid rgb(192, 192, 192); } #txtpage .box .list { margin-bottom: 30px; } #txtpage .box .list:last-child { margin-bottom: 0px; } #txtpage .box .list li { list-style-type: disc; margin-left: 20px; } @media screen and (max-width: 834px) { #txtpage { padding-bottom: 90px; } #txtpage .pagettl { margin-bottom: 60px; } #txtpage .box { margin-bottom: 80px; } #txtpage .box h2 { font-size: 2.5rem; } #txtpage .box .ubttl { font-size: 1.8rem; } #txtpage .box .teigi { margin: 40px 0px; } #txtpage .box .teigi dt { padding: 22px 0px 10px; float: none; } #txtpage .box .teigi dd { padding: 0px 0px 22px; } } #sitemap { background: rgb(229, 229, 229); padding-bottom: 80px; } #sitemap .flex { display: flex; } #sitemap .flex .list { width: 47.36%; margin: 0px 5.28% 0px 0px; } #sitemap .flex .list:last-child { margin: 0px; } #sitemap .flex .list a { padding-left: 22px; position: relative; display: inline-block; } #sitemap .flex .list a::before { content: ""; position: absolute; top: 10px; left: 0px; width: 10px; height: 10px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; } #sitemap .flex .list .pdf a::after { content: ""; width: 14px; height: 19px; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; display: inline-block; vertical-align: sub; margin-left: 10px; } #sitemap .flex .list .wd a::after { content: ""; width: 12px; height: 9px; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; display: inline-block; vertical-align: baseline; margin-left: 10px; } #sitemap .flex .list .top { margin-bottom: 24px; } #sitemap .flex .list .page { padding-left: 26px; } #sitemap .flex .list .page .first { margin-bottom: 24px; } #sitemap .flex .list .page .first:last-child { margin-bottom: 15px; } #sitemap .flex .list .page ul { padding-left: 22px; margin-bottom: 24px; margin-top: -10px; } @media screen and (max-width: 834px) { #sitemap .flex { display: block; } #sitemap .flex .list { width: 100%; margin: 0px; } } #floormap { background: rgb(229, 229, 229); padding-bottom: 130px; } #floormap figure { text-align: center; line-height: 0; margin-bottom: 160px; } #floormap .slide .slick-slide { margin: 0px 20px; text-align: center; } #floormap .slide .slick-slide p { font-weight: 500; } #floormap .slide .slick-slide img { width: 100%; margin: 0px 0px 10px; } #floormap .slide .slick-arrow { position: absolute; top: -30px; bottom: 0px; margin: auto 0px; width: 70px; height: 70px; display: block; background-image: url("data:image/svg+xml;utf8,"); background-size: 100%; background-repeat: no-repeat; font-size: 0px; z-index: 8; } #floormap .slide .slick-arrow.slick-next { transform: rotate(180deg); right: calc(9.375% + 20px); } #floormap .slide .slick-arrow.slick-prev { left: calc(9.375% + 20px); } #floormap .slide .slick-dots { text-align: center; line-height: 0; margin: 50px 0px 0px; } #floormap .slide .slick-dots li { display: inline-block; vertical-align: middle; } #floormap .slide .slick-dots li button { font-size: 0px; width: 60px; height: 3px; background: rgb(202, 202, 202); transition: all 0.3s ease 0s; } #floormap .slide .slick-dots li.slick-active button { background: rgb(145, 145, 145); } @media (hover: hover) and (pointer: fine) { #floormap .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { #floormap .slide .slick-dots li:hover button { background: rgb(145, 145, 145); } } @media screen and (max-width: 834px) { #floormap { padding-bottom: 100px; } #floormap figure { margin-bottom: 80px; } #floormap .slide .slick-slide { margin: 0px 10px; } #floormap .slide .slick-arrow { width: 35px; height: 35px; } #floormap .slide .slick-arrow.slick-prev { left: calc(9.375% + 10px); } #floormap .slide .slick-arrow.slick-next { right: calc(9.375% + 10px); } #floormap .slide .slick-dots { margin: 30px 0px 0px; } } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } .top.ad, a[href^="https://m.do.co/c/"] > img, [href="https://ourgoldguy.com/contact/"] img, a[href^="https://tour.mrskin.com/"] { display: none !important; } :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { animation-duration: var(--animate-duration); animation-fill-mode: both; } .animate__animated.animate__infinite { animation-iteration-count: infinite; } @-webkit-keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } } @keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } } .animate__tada { animation-name: tada; } @-webkit-keyframes bounce { 0%, 20%, 53%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); } 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px) scaleY(0.95); } 90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); } } @keyframes bounce { 0%, 20%, 53%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); } 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px) scaleY(0.95); } 90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); } } .animate__bounce { animation-name: bounce; transform-origin: center bottom; } @-webkit-keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } } @keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } } .animate__pulse { animation-name: pulse; animation-timing-function: ease-in-out; } .tripla-scale-enter-active[data-v-05914518], .tripla-scale-leave-active[data-v-05914518] { transition: all 0.25s ease-in-out 0s; transform: scale(1); opacity: 1; } .tripla-scale-enter[data-v-05914518], .tripla-scale-leave-to[data-v-05914518] { transform: scale(0); opacity: 0; } #tripla-chat-window[data-v-05914518] { transform: scale(0); opacity: 0; transition: all 0.25s ease-in-out 0s; transform-origin: right bottom; } #tripla-chat-window.tripla-chat-window--show[data-v-05914518] { transform: scale(1); opacity: 1; } .tripla-mobile-messenger-active { overflow: visible !important; } .tripla-mobile-messenger-active > body { overflow: hidden; height: 100%; width: 100%; position: fixed; } .triplabot-icon-container[data-v-1e891c32] { box-sizing: border-box; width: 100%; height: 100%; position: relative; border-radius: 50% 0px 50% 50%; } .triplabot-icon-container.is-mobile .triplabot-minimizer[data-v-1e891c32], .triplabot-icon-container:hover .triplabot-minimizer[data-v-1e891c32] { display: block; } .triplabot-icon-container .triplabot-minimizer[data-v-1e891c32] { position: absolute; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; background: rgb(255, 255, 255); right: 10px; top: -6px; width: 20px; height: 20px; transform: translate(50%, -50%); display: none; } .triplabot-icon-container .triplabot-minimizer[data-v-1e891c32]:hover { cursor: pointer; } .triplabot-icon-container .triplabot-minimizer[data-v-1e891c32]::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 2px; background: rgb(0, 0, 0); } .triplabot-icon-container.is-minimizer-left[data-v-1e891c32] { border-radius: 0px 50% 50%; } .triplabot-icon-container.is-minimizer-left .triplabot-minimizer[data-v-1e891c32] { left: -6px; top: 6px; right: unset; transform: translate(-50%, -50%); } .triplabot-icon-circle[data-v-1e891c32] { display: inline-flex; border-radius: 50%; width: 100%; height: 100%; border: 2px solid var(--tripla-theme-color); } .triplabot-icon-container .icon-pulse-effect[data-v-1e891c32] { display: inline-block; margin: auto; position: absolute; content: ""; width: 100%; height: 100%; border-radius: 50%; z-index: -20; animation: 2s linear 0s infinite normal none running pulse-effect-data-v-1e891c32; background: var(--tripla-theme-color); } .triplabot-icon-container .tripla-icon[data-v-1e891c32] { width: 100%; height: 100%; border-radius: 50%; } .triplabot-icon-container .tripla-icon.v2[data-v-1e891c32] { filter: drop-shadow(rgba(0, 0, 0, 0.1) -1px -1px 4px) drop-shadow(rgba(0, 0, 0, 0.15) 2px 2px 4px); } @keyframes pulse-effect-data-v-1e891c32 { 0% { transform: scale(1); opacity: 0.5; } 30% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(2); opacity: 0; } } #CDSRATINGWIDGET820 { width: 200px; } (cache)不正アクセスとフィッシングメッセージ配信に関するお詫びとお知らせ | 京都センチュリーホテル【公式】

icon宿泊予約[ 京都センチュリーホテル ]

<前
2026年 6月
 123456
78910111213
14151617181920
21222324252627
282930    
2026年 7月
   1234
567891011
12131415161718
19202122232425
262728293031 
次>
2026年 8月
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
  • \ 自社HPからの予約がお得です /

▼ 宿泊に関するお問い合わせ/ご予約

TEL : 075-351-0111
メールでのお問い合わせ

  • 宿泊予約
  • レストラン予約
  1. HOME
  2. 不正アクセスとフィッシングメッセージ配信に関するお詫びとお知らせ

不正アクセスとフィッシングメッセージ配信に関するお詫びとお知らせ

  • 2026/05/21

平素は格別のご高配を賜り、厚く御礼申し上げます。

このたび、京都センチュリーホテルが利用しているBooking.com社の宿泊予約情報管理システムにおいて、当ホテルのアカウントが第三者による不正アクセスを受けた可能性が判明いたしました。

調査の結果、同社経由で当ホテルをご予約された一部のお客さまに対し、フィッシングサイトへ誘導する不審なメッセージが配信された事実を確認しております。
お客さまには多大なるご迷惑とご心配をおかけしますことを、深くお詫び申し上げます。

1. 事象の概要
・対象: Booking.com経由で京都センチュリーホテルをご予約された一部のお客さま
・内容: 個人情報等の詐取を目的とした、フィッシングサイト(偽サイト)へ誘導するメッセージの配信

2. お客さまへのお願い
不審なメッセージを受信された場合は、メッセージに添付されているURLリンクへは絶対にアクセスしないようお願い申し上げます。

3. 現在の状況と今後の対応
不正アクセスの原因や詳細については、現在、Booking.com社および関係機関と連携して調査を進めております。明確な事実が判明次第、必要な対策を講じ、再発防止に万全を期してまいります。

Icon image
当サイトでは、お客様の利便性や品質向上のためCookieを使用しています。
Cookieの利用およびCookieポリシーに同意をする場合は、以下の「Yes」ボタンを押してください。
詳細については、当社のプライバシーポリシーをご覧ください。
Yes No