@charset "UTF-8";
                                                                                                                                                                                                                                                                                                                                                                                                                                                                          *,
::before,
::after {
box-sizing: border-box;
border-style: solid;
border-width: 0;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }   body {
margin: 0;
} main {
display: block;
}  p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}  h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
margin: 0;
}  ul,
ol,
li {
margin: 0;
padding: 0;
list-style: none;
}  dt {
font-weight: normal;
}
dd {
margin-left: 0;
}   hr {
box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px;
margin: 0;
clear: both;
color: inherit;
} pre {
font-family: monospace, monospace; font-size: inherit; }
address {
font-style: inherit;
}   a {
background-color: transparent;
text-decoration: none;
color: inherit;
} abbr[title] {
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: inherit; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}   svg,
img,
embed,
object,
iframe {
vertical-align: bottom;
}   button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none; -moz-appearance: none;
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 0;
margin: 0;
border-radius: 0;
text-align: inherit;
text-transform: inherit; }
textarea {
resize: vertical;
}
input[type=checkbox],
input[type=radio] {
display: none;
}
input[type=submit],
input[type=button],
label,
button,
select {
cursor: pointer;
}
select::-ms-expand {
display: none;
} [type=checkbox] {
-webkit-appearance: checkbox;
appearance: checkbox;
}
[type=radio] {
-webkit-appearance: radio;
appearance: radio;
} button,
[type=button],
[type=reset],
[type=submit] {
cursor: pointer;
}
button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
cursor: default;
} :-moz-focusring {
outline: auto;
}
select:disabled {
opacity: inherit;
} option {
padding: 0;
} fieldset {
margin: 0;
padding: 0;
min-width: 0;
}
legend {
padding: 0;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } label[for] {
cursor: pointer;
}   details {
display: block;
} summary {
display: list-item;
} [contenteditable]:focus {
outline: auto;
}   table {
border-color: inherit; border-collapse: collapse;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: bold;
} @font-face {
font-family: "Gill Sans";
src: url(//hotel.inc/wp-content/themes/hotelier/assets/fonts/gill-sans-bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Gill Sans";
src: url(//hotel.inc/wp-content/themes/hotelier/assets/fonts/gill-sans.otf) format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Gill Sans";
src: url(//hotel.inc/wp-content/themes/hotelier/assets/fonts/gillsans-light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}    body {
position: relative;
font-family: "Noto Sans JP", serif;
font-weight: 400;
color: #333333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #fff;
}
main {
position: relative;
}
img {
max-width: 100%;
height: auto;
}
.md {
display: block;
}
@media (max-width: 599px) {
.md {
display: none !important;
}
}
.sm {
display: none;
}
@media (max-width: 599px) {
.sm {
display: block !important;
}
} .c-btn {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
position: relative;
display: block;
width: 20.1389vw;
padding: 1.388888vw 0;
font-size: 1.04167vw;
text-align: center;
}
.c-btn:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
.c-btn {
width: 100%;
padding: 5.06666vw 0;
font-size: 4vw;
}
}
.c-btn:hover {
text-decoration: underline;
}
.c-btn::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 1.04167vw;
width: 0.4166666667vw;
height: 0.83333vw;
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/common/icon/icon__btn-arrow-white.svg);
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 599px) {
.c-btn::after {
right: 4vw;
width: 1.6vw;
height: 3.2vw;
}
}
.ylw {
color: #b29e69;
} .fixed-line-cta {
position: fixed;
bottom: 1.388888vw;
right: 1.388888vw;
z-index: 999;
}
@media (max-width: 599px) {
.fixed-line-cta {
display: none;
}
}
.fixed-line-cta a {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
display: block;
padding: 1.388888vw 2.22222vw;
background-color: #8d7f56;
border-radius: 0.69444vw;
}
.fixed-line-cta a:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.fixed-line-cta a p {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.05em;
color: #ffffff;
}
.fixed-line-cta a p.txt {
font-size: 0.83333vw;
line-height: 1.9;
}
.fixed-line-cta a .flex {
display: flex;
justify-content: center;
align-items: center;
gap: 0.3472222222vw;
margin-top: 0.2083333333vw;
font-size: 1.25vw;
line-height: 1.26;
} .c-link,
.c-link-white {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
font-family: "Gill Sans";
font-weight: 400;
font-style: normal;
position: relative;
display: block;
width: fit-content;
padding: 0 4.167vw 0.764vw 0;
font-size: 1.11111vw;
letter-spacing: 0.08em;
}
.c-link:hover,
.c-link-white:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
.c-link,
.c-link-white {
padding: 0 6.667vw 2.9333333333vw 0;
font-size: 4.26666vw;
}
}
.c-link:hover,
.c-link-white:hover {
border-bottom: none;
}
.c-link:hover::after,
.c-link-white:hover::after {
right: 0;
}
.c-link:hover::before,
.c-link-white:hover::before {
content: none;
}
.c-link::after,
.c-link-white::after {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
content: "";
position: absolute;
top: 0.2083333333vw;
right: 0.3472222222vw;
width: 0.3472222222vw;
height: 0.69444vw;
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 599px) {
.c-link::after,
.c-link-white::after {
top: 1.3333333333vw;
right: 1.3333333333vw;
width: 1.3333333333vw;
height: 2.6666666667vw;
}
}
.c-link:before,
.c-link-white:before {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 0.5px;
}
.c-link {
color: #555555;
}
.c-link::after {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/common/icon/icon__btn-arrow-gray.svg);
}
.c-link::before {
background-color: rgba(34, 34, 34, 0.2);
}
.c-link-white {
color: #fff;
}
.c-link-white::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/common/icon/icon__btn-arrow-white.svg);
}
.c-link-white::before {
background-color: #fff;
}
@media (max-width: 599px) {
.c-link-white::before {
background-color: rgba(255, 255, 255, 0.2);
}
}
.c-link-back,
.c-link-white-back {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
position: relative;
display: block;
width: fit-content;
padding: 0 0 0.764vw 4.167vw;
font-size: 0.97222vw;
letter-spacing: 0.08em;
}
.c-link-back:hover,
.c-link-white-back:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
.c-link-back,
.c-link-white-back {
padding: 0 0 2.9333333333vw 6.667vw;
font-size: 4.26666vw;
}
}
.c-link-back:hover,
.c-link-white-back:hover {
border-bottom: none;
}
.c-link-back:hover::after,
.c-link-white-back:hover::after {
left: 0;
}
.c-link-back:hover::before,
.c-link-white-back:hover::before {
content: none;
}
.c-link-back::after,
.c-link-white-back::after {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
content: "";
position: absolute;
top: 0.2083333333vw;
left: 0.3472222222vw;
width: 0.3472222222vw;
height: 0.69444vw;
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 599px) {
.c-link-back::after,
.c-link-white-back::after {
top: 1.3333333333vw;
left: 1.3333333333vw;
width: 1.3333333333vw;
height: 2.6666666667vw;
}
}
.c-link-back:before,
.c-link-white-back:before {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 0.5px;
}
.c-link-back {
color: #393a40;
}
.c-link-back::after {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/common/icon/icon__btn-arrow-black-back.svg);
}
.c-link-back::before {
background-color: rgba(34, 34, 34, 0.2);
}
.c-link-white-back {
color: #fff;
}
.c-link-white-back::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/common/icon/icon__btn-arrow-white-back.svg);
}
.c-link-white-back::before {
background-color: #fff;
}
@media (max-width: 599px) {
.c-link-white-back::before {
background-color: rgba(255, 255, 255, 0.2);
}
} .c-ttl {
font-family: "Gill Sans";
font-weight: 400;
font-style: normal;
font-size: 2.777777vw;
letter-spacing: 0.05em;
color: #222222;
}
@media (max-width: 599px) {
.c-ttl {
font-size: 8.8vw;
}
}
.c-ttl span {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
display: block;
margin-top: 0.69444vw;
font-size: 0.97222vw;
letter-spacing: 0.06em;
color: #b29e69;
}
@media (max-width: 599px) {
.c-ttl span {
margin-top: 4vw;
font-size: 3.73333vw;
}
}
.s-ttl {
font-family: "shippori-mincho", sans-serif;
font-weight: 500;
font-style: normal;
color: #393a40;
}
.s-ttl span.en {
font-family: "Gill Sans";
font-weight: 400;
font-style: normal;
display: block;
font-size: 1.25vw;
letter-spacing: 0.08em;
color: #b29e69;
}
@media (max-width: 599px) {
.s-ttl span.en {
font-size: 4.26666vw;
}
} .date-inner {
display: flex;
align-items: center;
gap: 0.4861111111vw;
color: #393a40;
}
@media (max-width: 599px) {
.date-inner {
align-items: baseline;
gap: 1.3333333333vw;
margin-top: 5.33333vw;
}
}
.date-inner .date {
font-family: "Gill Sans";
font-weight: 400;
font-style: normal;
font-size: 2.22222vw;
}
@media (max-width: 599px) {
.date-inner .date {
font-size: 8.53333vw;
}
}
.date-inner .col {
font-family: "Gill Sans";
font-weight: 600;
font-style: normal;
text-align: center;
}
@media (max-width: 599px) {
.date-inner .col {
display: flex;
align-items: flex-start;
gap: 3px;
}
}
.date-inner .col span {
display: block;
}
.date-inner .col .year {
margin-bottom: 1px;
font-size: 0.69444vw;
letter-spacing: 0.01em;
border-bottom: 0.5px solid #393a3f;
}
@media (max-width: 599px) {
.date-inner .col .year {
font-size: 3.46666vw;
border-bottom: none;
}
}
.date-inner .col .dayOfWeek {
font-size: 0.83333vw;
letter-spacing: 0.1em;
}
@media (max-width: 599px) {
.date-inner .col .dayOfWeek {
font-size: 3.46666vw;
letter-spacing: inherit;
}
} .c-cat-btn {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 500;
font-style: normal;
display: block;
width: fit-content;
padding: 0.3472222222vw 1.04167vw;
font-size: 0.90278vw;
color: #b29e69;
border: 1px solid #b29e69;
border-radius: 1.388888vw;
}
.c-cat-btn:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
.c-cat-btn {
padding: 1.3333333333vw 4vw;
font-size: 3.46666vw;
border-radius: 4.8vw;
}
} .c-bdc {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 0.69444vw;
margin-top: 6.25vw;
padding: 2.08333vw 6.25vw 1.04167vw;
}
@media (max-width: 599px) {
.c-bdc {
justify-content: flex-start;
gap: 2.6666666667vw;
margin-top: 17.333vw;
padding: 8vw 5.33333vw 4vw;
border-bottom: 1px solid rgba(57, 58, 63, 0.15);
overflow: scroll;
}
}
.c-bdc a,
.c-bdc p {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.97222vw;
letter-spacing: 0.08em;
color: #393a40;
}
@media (max-width: 599px) {
.c-bdc a,
.c-bdc p {
white-space: nowrap;
font-size: 3.2vw;
}
}
.c-bdc a {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.c-bdc a:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.c-bdc a:hover {
text-decoration: underline;
}
.c-bdc span {
position: relative;
}
.c-bdc span::after {
content: "";
display: block;
width: 0.2777777778vw;
height: 0.5555555556vw;
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/common/icon/icon__btn-arrow-gray.svg);
background-repeat: no-repeat;
background-size: contain;
opacity: 0.4;
}
@media (max-width: 599px) {
.c-bdc span::after {
width: 1.067vw;
height: 2.133vw;
}
} .gmap-window {
margin-top: 0.69444vw;
text-align: left;
}
@media (max-width: 599px) {
.gmap-window {
margin-top: 2.6666666667vw;
}
}
.gmap-window h3.ttl {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 1.11111vw;
letter-spacing: 0.03em;
color: #393a40;
}
@media (max-width: 599px) {
.gmap-window h3.ttl {
font-size: 3.73333vw;
}
}
.gmap-window p.location {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
margin-top: 0.69444vw;
font-size: 0.97222vw;
line-height: 1.8;
color: #393a40;
}
@media (max-width: 599px) {
.gmap-window p.location {
margin-top: 2.6666666667vw;
font-size: 3.2vw;
}
}
.gmap-window a.c-btn {
width: 100%;
margin-top: 1.7361vw;
padding: 0.69444vw 0;
font-size: 1.04167vw;
color: #fff;
background-color: #8d7f56;
}
@media (max-width: 599px) {
.gmap-window a.c-btn {
margin-top: 4vw;
padding: 2.6666666667vw 0;
font-size: 3.2vw;
}
}
.gmnoprint.gm-style-mtc-bbw,
.gm-svpc,
.gm-fullscreen-control,
.gm-control-active {
display: none !important;
}
.gm-style-iw.gm-style-iw-c {
max-width: 18.0556vw !important;
max-height: none !important;
padding: 1.388888vw 1.388888vw !important;
}
@media (max-width: 599px) {
.gm-style-iw.gm-style-iw-c {
max-width: 53.3333vw !important;
padding: 2.6666666667vw 2.6666666667vw !important;
}
}
.gm-style-iw-d {
padding: 0 !important;
overflow: unset !important;
max-height: none !important;
}
.gm-ui-hover-effect {
top: 0;
right: 0;
width: 1.7361vw !important;
height: 1.7361vw !important;
border: 1px solid #393a3f !important;
border-radius: 50%;
}
@media (max-width: 599px) {
.gm-ui-hover-effect {
width: 5.33333vw !important;
height: 5.33333vw !important;
}
}
.gm-ui-hover-effect span {
margin: 0 !important;
width: 100% !important;
height: 100% !important;
} @keyframes infinity-scroll-left {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.scroll-infinity__list--left {
animation: infinity-scroll-left 40s infinite linear 0.5s both;
}
@media (max-width: 599px) {
.scroll-infinity__list--left {
animation: infinity-scroll-left 40s infinite linear 0.1s both;
}
} .grecaptcha-badge {
bottom: 9.0278vw !important;
}
@media (max-width: 768px) {
.grecaptcha-badge {
bottom: 90px !important;
}
}
@media (max-width: 599px) {
.grecaptcha-badge {
bottom: 4vw !important;
}
} .global-nav {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100vh;
background-color: #9f8c52;
z-index: 1001;
overflow-y: scroll;
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.global-nav .global-nav-inner {
position: relative;
margin-top: 6.25vw;
padding: 5.764vw 11.8056vw 4.167vw;
}
@media (max-width: 599px) {
.global-nav .global-nav-inner {
margin-top: 12.267vw;
padding: 16vw 5.06666vw 8vw 8vw;
}
}
.global-nav .global-nav-inner .list-wrap {
display: flex;
align-items: flex-start;
gap: 12.7083vw;
}
@media (max-width: 599px) {
.global-nav .global-nav-inner .list-wrap {
flex-direction: column;
gap: 7.467vw;
}
}
.global-nav .global-nav-inner .list-wrap .anchor-list {
display: flex;
flex-direction: column;
gap: 1.7361vw;
}
@media (max-width: 599px) {
.global-nav .global-nav-inner .list-wrap .anchor-list {
gap: 7.467vw;
}
}
.global-nav .global-nav-inner .list-wrap .anchor-list li a {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
font-family: "Gill Sans";
font-weight: 400;
font-style: normal;
position: relative;
font-size: 1.7361vw;
letter-spacing: 0.08em;
color: #ffffff;
}
.global-nav .global-nav-inner .list-wrap .anchor-list li a:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
.global-nav .global-nav-inner .list-wrap .anchor-list li a {
font-size: 4.8vw;
}
}
.global-nav .global-nav-inner .list-wrap .anchor-list li a:hover::after {
content: "";
position: absolute;
bottom: -2px;
right: 0;
width: 100%;
height: 1px;
background-color: #ffffff;
}
.global-nav .global-nav-inner .list-wrap .anchor-list li a span {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
margin-left: 1.04167vw;
font-size: 0.83333vw;
letter-spacing: 0.06em;
color: #ffffff;
opacity: 0.5;
}
@media (max-width: 599px) {
.global-nav .global-nav-inner .list-wrap .anchor-list li a span {
margin-left: 3.73333vw;
font-size: 2.9333333333vw;
white-space: nowrap;
}
}
.global-nav .global-nav-inner .btn-list {
display: flex;
align-items: center;
margin-top: 10.4167vw;
gap: 1.388888vw;
}
@media (max-width: 599px) {
.global-nav .global-nav-inner .btn-list {
flex-direction: column;
margin-top: 13.6vw;
gap: 4vw;
}
}
@media (max-width: 599px) {
.global-nav .global-nav-inner .btn-list li {
width: 100%;
}
}
.global-nav .global-nav-inner .btn-list li a {
display: block;
color: #ffffff;
border: 1px solid #ffffff;
}
.global-nav .global-nav-inner .btn-list li a:hover {
color: #9f8c52;
background-color: #ffffff;
border: 1px solid #9f8c52;
opacity: 1;
text-decoration: none;
}
.global-nav .global-nav-inner .btn-list li a:hover::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/common/icon/icon__btn-arrow-yellow.svg);
}
.nav__open {
visibility: visible;
opacity: 1;
pointer-events: visible;
}
.l-header {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
position: fixed;
top: 0;
right: 0;
display: block;
width: 100%;
background-color: #fff;
z-index: 1000;
}
.l-header .l-header-wrap {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.666666vw 6.25vw;
}
@media (max-width: 599px) {
.l-header .l-header-wrap {
padding: 3.73333vw 5.33333vw;
}
}
.l-header .l-header-wrap h1 {
z-index: 1002;
}
.l-header .l-header-wrap h1 a {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-header .l-header-wrap h1 a:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-header .l-header-wrap h1 a svg {
width: 11.8056vw;
}
@media (max-width: 599px) {
.l-header .l-header-wrap h1 a svg {
width: 36.5333vw;
}
}
.l-header .l-header-wrap h1 a .headerLogo__open g path,
.l-header .l-header-wrap h1 a .headerLogo__open g rect {
fill: #fff;
}
.l-header .l-header-wrap .flex-box {
display: flex;
justify-content: center;
align-items: center;
gap: 1.388888vw;
}
.l-header .l-header-wrap .flex-box .btn-list {
display: flex;
justify-content: center;
align-items: center;
gap: 0.2777777778vw;
}
@media (max-width: 599px) {
.l-header .l-header-wrap .flex-box .btn-list {
display: none;
}
}
.l-header .l-header-wrap .flex-box .btn-list a.btn {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
display: block;
padding: 0.5555555556vw 1.944444vw 0.625vw;
font-size: 0.97222vw;
text-align: center;
letter-spacing: 0.03em;
border-radius: 1.3194444444vw;
color: #ffffff;
}
.l-header .l-header-wrap .flex-box .btn-list a.btn:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-header .l-header-wrap .flex-box .btn-list a.btn:hover {
text-decoration: underline;
}
.l-header .l-header-wrap .flex-box .btn-list .bk {
background-color: #222222;
}
.l-header .l-header-wrap .flex-box .btn-list .bn {
background-color: #8d7f56;
}
.l-header .l-header-wrap .flex-box .global-nav__btn {
position: relative;
cursor: pointer;
width: 3.47222vw;
height: 0.69444vw;
z-index: 1002;
}
@media (max-width: 599px) {
.l-header .l-header-wrap .flex-box .global-nav__btn {
width: 10.66666vw;
height: 2.4vw;
}
}
.l-header .l-header-wrap .flex-box .global-nav__btn span {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
position: absolute;
right: 0;
display: block;
width: 100%;
height: 2px;
background-color: #404040;
}
.l-header .l-header-wrap .flex-box .global-nav__btn span:first-child {
top: 0;
right: 0;
}
.l-header .l-header-wrap .flex-box .global-nav__btn span:last-child {
bottom: 0;
right: 0;
}
.l-header .l-header-wrap .flex-box .btn__open span {
background-color: #d8d8d8;
}
.l-header .l-header-wrap .flex-box .btn__open span:first-child {
transform: translateX(0%) translateY(0.3472222222vw) rotate(20deg);
}
@media (max-width: 599px) {
.l-header .l-header-wrap .flex-box .btn__open span:first-child {
transform: translateX(0%) translateY(1.067vw) rotate(20deg);
}
}
.l-header .l-header-wrap .flex-box .btn__open span:last-child {
transform: translateX(0%) translateY(-0.2083333333vw) rotate(-20deg);
}
@media (max-width: 599px) {
.l-header .l-header-wrap .flex-box .btn__open span:last-child {
transform: translateX(0%) translateY(-0.8vw) rotate(-20deg);
}
}
.l-header-top {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
background-color: transparent;
}
.l-header-top .l-header-wrap {
padding: 1.666666vw 6.25vw;
}
@media (max-width: 599px) {
.l-header-top .l-header-wrap {
padding: 3.73333vw 5.33333vw;
}
}
.l-header-top .l-header-wrap h1 a svg g path,
.l-header-top .l-header-wrap h1 a svg g rect {
fill: #fff;
}
.l-header-top .l-header-wrap .global-nav__btn span {
background-color: #d8d8d8 !important;
}
.l-footer {
position: relative;
padding: 6.9444vw 0 3.47222vw;
background-color: #222222;
color: #ffffff;
z-index: 999;
}
@media (max-width: 599px) {
.l-footer {
padding: 16vw 5.33333vw 8vw;
}
}
.l-footer .footer-wrap .footer-top {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 9.1667vw;
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-top {
flex-direction: column;
gap: 16vw;
}
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-top .info {
width: fit-content;
margin: 0 auto;
}
}
.l-footer .footer-wrap .footer-top .info h1 a {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .footer-top .info h1 a:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .footer-top .info h1 a img {
width: 15.2778vw;
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-top .info h1 a img {
width: 58.6667vw;
}
}
.l-footer .footer-wrap .footer-top .info p.address {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
margin-top: 2.5vw;
font-size: 0.97222vw;
line-height: 1.75;
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-top .info p.address {
margin-top: 6.667vw;
font-size: 3.2vw;
letter-spacing: 0.05em;
text-align: center;
}
}
.l-footer .footer-wrap .footer-top .info .sns-list {
display: flex;
align-items: center;
gap: 1.04167vw;
margin-top: 2.08333vw;
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-top .info .sns-list {
justify-content: center;
gap: 4vw;
margin-top: 5.33333vw;
}
}
.l-footer .footer-wrap .footer-top .info .sns-list li a {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
display: block;
}
.l-footer .footer-wrap .footer-top .info .sns-list li a:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .footer-top .info .sns-list li a .x {
width: 1.666666vw;
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-top .info .sns-list li a .x {
width: 6.4vw;
}
}
.l-footer .footer-wrap .footer-top .info .sns-list li a .line {
width: 1.944444vw;
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-top .info .sns-list li a .line {
width: 7.2vw;
}
}
.l-footer .footer-wrap .footer-top .anchor {
display: flex;
align-items: flex-start;
gap: 4.862vw;
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-top .anchor {
flex-direction: column;
flex-wrap: wrap;
width: 100%;
height: 65.3333vw;
gap: 6.667vw 20.27vw;
}
}
.l-footer .footer-wrap .footer-top .anchor .anchor-list {
display: flex;
flex-direction: column;
gap: 1.04167vw;
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-top .anchor .anchor-list {
gap: 4vw;
}
}
.l-footer .footer-wrap .footer-top .anchor .anchor-list li a,
.l-footer .footer-wrap .footer-top .anchor .anchor-list li p {
display: block;
font-size: 0.97222vw;
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-top .anchor .anchor-list li a,
.l-footer .footer-wrap .footer-top .anchor .anchor-list li p {
font-size: 3.46666vw;
}
}
.l-footer .footer-wrap .footer-top .anchor .anchor-list li a {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .footer-top .anchor .anchor-list li a:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .footer-top .anchor .anchor-list li a:hover {
text-decoration: underline;
}
.l-footer .footer-wrap .footer-top .anchor .anchor-list li p {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 500;
font-style: normal;
}
.l-footer .footer-wrap .footer-top .anchor .anchor-list .second-list {
display: flex;
flex-direction: column;
gap: 0.69444vw;
padding-left: 1.04167vw;
border-left: 0.5px solid rgba(255, 255, 255, 0.4);
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-top .anchor .anchor-list .second-list {
gap: 2.133vw;
padding-left: 3.2vw;
}
}
.l-footer .footer-wrap .btn-list {
display: flex;
justify-content: center;
align-items: center;
gap: 1.388888vw;
margin-top: 6.9444vw;
}
@media (max-width: 599px) {
.l-footer .footer-wrap .btn-list {
flex-direction: column;
gap: 5.33333vw;
margin-top: 16vw;
}
}
@media (max-width: 599px) {
.l-footer .footer-wrap .btn-list li {
width: 100%;
}
}
.l-footer .footer-wrap .btn-list li a {
background-color: #8d7f56;
}
.l-footer .footer-wrap .footer-bottom {
display: flex;
justify-content: center;
align-items: center;
gap: 28.8889vw;
margin-top: 6.9444vw;
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-bottom {
flex-direction: column-reverse;
gap: 4vw;
margin-top: 10.66666vw;
}
}
.l-footer .footer-wrap .footer-bottom .copyRight {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.90278vw;
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-bottom .copyRight {
font-size: 3.2vw;
}
}
.l-footer .footer-wrap .footer-bottom ul {
display: flex;
gap: 1.388888vw;
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-bottom ul {
gap: 5.33333vw;
}
}
.l-footer .footer-wrap .footer-bottom ul li a {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.90278vw;
}
.l-footer .footer-wrap .footer-bottom ul li a:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
.l-footer .footer-wrap .footer-bottom ul li a {
font-size: 3.2vw;
}
}
.l-footer .footer-wrap .footer-bottom ul li a:hover {
text-decoration: underline;
}  .c-cta {
background-color: #222222;
}
.c-cta .sec-wrap .anchor-item a {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
position: relative;
display: block;
color: #ffffff;
overflow: hidden;
z-index: 1;
}
.c-cta .sec-wrap .anchor-item a:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.c-cta .sec-wrap .anchor-item a::after {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
}
.c-cta .sec-wrap .anchor-item a:hover::after {
opacity: 0.9;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.c-cta .sec-wrap .anchor-item a:hover p::before {
content: none;
}
.c-cta .sec-wrap .anchor-item a:hover p::after {
right: 0;
}
.c-cta .sec-wrap .anchor-item a h3 {
font-family: "Gill Sans";
font-weight: 300;
font-style: normal;
font-size: 4.167vw;
letter-spacing: 0.1em;
}
@media (max-width: 599px) {
.c-cta .sec-wrap .anchor-item a h3 {
font-size: 8vw;
}
}
.c-cta .sec-wrap .anchor-item a h3 span {
font-family: "shippori-mincho", sans-serif;
font-weight: 600;
font-style: normal;
display: block;
margin-top: 0.69444vw;
font-size: 1.388888vw;
letter-spacing: 0.05em;
}
@media (max-width: 599px) {
.c-cta .sec-wrap .anchor-item a h3 span {
margin-top: 2.133vw;
font-size: 3.73333vw;
}
}
.c-cta .sec-wrap .anchor-item a p.c-link-white {
margin: 6.9444vw auto 0;
}
@media (max-width: 599px) {
.c-cta .sec-wrap .anchor-item a p.c-link-white {
margin-top: 7.467vw;
}
}
.c-cta .sec-wrap .top a {
width: 100%;
padding: 11.1111vw 0 7.5vw;
}
@media (max-width: 599px) {
.c-cta .sec-wrap .top a {
padding: 12vw 0 10.66666vw;
}
}
.c-cta .sec-wrap .top a::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/parts/cta__top-bg.webp);
}
@media (max-width: 599px) {
.c-cta .sec-wrap .top a::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/parts/sp/sp__cta__top-bg.webp);
}
}
.c-cta .sec-wrap .top a h3 {
text-align: center;
}
.c-cta .sec-wrap .flex-item {
display: flex;
}
@media (max-width: 599px) {
.c-cta .sec-wrap .flex-item {
display: block;
}
}
.c-cta .sec-wrap .flex-item .left,
.c-cta .sec-wrap .flex-item .right {
width: 50%;
flex-shrink: 0;
text-align: center;
}
@media (max-width: 599px) {
.c-cta .sec-wrap .flex-item .left,
.c-cta .sec-wrap .flex-item .right {
width: 100%;
}
}
.c-cta .sec-wrap .flex-item .left a,
.c-cta .sec-wrap .flex-item .right a {
padding: 5.555555vw 2.777777vw 6.111vw;
}
@media (max-width: 599px) {
.c-cta .sec-wrap .flex-item .left a,
.c-cta .sec-wrap .flex-item .right a {
padding: 12vw 0 10.66666vw;
}
}
.c-cta .sec-wrap .flex-item .left a p.c-link-white,
.c-cta .sec-wrap .flex-item .right a p.c-link-white {
margin: 6.9444vw auto 0;
}
@media (max-width: 599px) {
.c-cta .sec-wrap .flex-item .left a p.c-link-white,
.c-cta .sec-wrap .flex-item .right a p.c-link-white {
margin-top: 7.467vw;
}
}
.c-cta .sec-wrap .flex-item .left a::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/parts/cta__left-bg.webp);
}
@media (max-width: 599px) {
.c-cta .sec-wrap .flex-item .left a::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/parts/sp/sp__cta__left-bg.webp);
}
}
.c-cta .sec-wrap .flex-item .right a::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/parts/cta__right-bg.webp);
}
@media (max-width: 599px) {
.c-cta .sec-wrap .flex-item .right a::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/parts/sp/sp__cta__right-bg.webp);
}
} .kv {
position: relative;
}
.kv .sec-wrap {
position: relative;
height: 100vh;
z-index: 1;
}
.kv .sec-wrap::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(8, 8, 8, 0.55);
z-index: 0;
}
.kv .sec-wrap::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(rgba(0, 0, 0, 0.35) 20%, transparent 20%), radial-gradient(rgba(0, 0, 0, 0.35) 20%, transparent 20%);
background-size: 0.2777777778vw 0.2777777778vw;
background-position: 0.4166666667vw 0.4166666667vw;
z-index: -1;
}
@media (max-width: 599px) {
.kv .sec-wrap::after {
background-size: 1.067vw 1.067vw;
background-position: 1.6vw 1.6vw;
}
}
.kv .sec-wrap .txt {
position: absolute;
bottom: 6.9444vw;
display: flex;
flex-direction: column;
gap: 3vw;
padding-left: 10.4167vw;
}
@media (max-width: 599px) {
.kv .sec-wrap .txt {
bottom: 25.867vw;
gap: 8vw;
padding-left: 8vw;
}
}
.kv .sec-wrap .txt h2 {
font-family: "shippori-mincho", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 4.167vw;
letter-spacing: 0.04em;
color: #d8d8d8;
}
@media (max-width: 599px) {
.kv .sec-wrap .txt h2 {
font-size: 12.8vw;
line-height: 1.38;
}
}
.kv .sec-wrap .txt h2 span {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
display: block;
margin-top: 1.388888vw;
font-size: 1.25vw;
letter-spacing: 0.03em;
color: #e6e6e6;
}
@media (max-width: 599px) {
.kv .sec-wrap .txt h2 span {
margin-top: 5.33333vw;
font-size: 3.46666vw;
}
}
.kv .sec-wrap .txt p.en {
font-family: "Gill Sans";
font-weight: 300;
font-style: normal;
font-size: 1.180555vw;
letter-spacing: 0.08em;
color: #a28a3f;
}
@media (max-width: 599px) {
.kv .sec-wrap .txt p.en {
font-size: 3.46666vw;
}
}
.kv .sec-wrap .scroll-down-wrap {
position: absolute;
bottom: max(0.69444vw, 10px);
left: 50%;
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 599px) {
.kv .sec-wrap .scroll-down-wrap {
bottom: 2.6666666667vw;
}
}
.kv .sec-wrap .scroll-down-wrap p {
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
font-size: max(0.69444vw, 10px);
letter-spacing: 0.08em;
line-height: 0.6;
color: #d8d8d8;
}
@media (max-width: 599px) {
.kv .sec-wrap .scroll-down-wrap p {
font-size: max(2.6666666667vw, 10px);
}
}
.kv .sec-wrap .scroll-down-wrap .scroll-down {
height: 27px;
margin-top: max(0.5555555556vw, 8px);
}
@media (max-width: 599px) {
.kv .sec-wrap .scroll-down-wrap .scroll-down {
height: 7.2vw;
margin-top: max(2.133vw, 8px);
}
}
.kv .sec-wrap .scroll-down-wrap .scroll-down::before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 3px;
height: 3px;
border-radius: 50%;
background: #d8d8d8;
animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
}
.kv .sec-wrap .scroll-down-wrap .scroll-down::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 1px;
height: 27px;
background: #d8d8d8;
opacity: 0.3;
}
@media (max-width: 599px) {
.kv .sec-wrap .scroll-down-wrap .scroll-down::after {
height: 5.33333vw;
}
}
.kv .fv-video {
position: absolute;
top: 0;
right: 0;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@keyframes circlemove {
0% {
bottom: 27px;
@media (max-width: 599px) {
bottom: 5.33333vw;
}
}
100% {
bottom: 0px;
}
}
@keyframes cirlemovehide {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
80% {
opacity: 0.9;
}
100% {
opacity: 0;
}
}
.co {
position: relative;
padding: 7.6389vw 0;
}
@media (max-width: 599px) {
.co {
padding: 21.335vw 0 21.335vw;
}
}
.co .sec-wrap .txt-wrap {
display: flex;
align-items: flex-start;
gap: 2.08333vw;
padding-left: 10.4167vw;
}
@media (max-width: 599px) {
.co .sec-wrap .txt-wrap {
flex-direction: column;
align-items: unset;
gap: 8vw;
padding: 0 5.33333vw;
}
}
.co .sec-wrap .txt-wrap h2.c-ttl small {
font-size: 0.83333vw;
letter-spacing: 0;
font-family: sans-serif;
opacity: 0.5;
}
@media (max-width: 599px) {
.co .sec-wrap .txt-wrap h2.c-ttl small {
font-size: 3.2vw;
}
}
.co .sec-wrap .txt-wrap p {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
width: 33.4722vw;
margin-top: 0.69444vw;
font-size: 0.97222vw;
letter-spacing: 0.05em;
line-height: 1.8;
color: #393a40;
}
@media (max-width: 599px) {
.co .sec-wrap .txt-wrap p {
width: auto;
margin-top: 0;
font-size: 3.73333vw;
}
}
.co .sec-wrap .txt-wrap p span {
font-size: 0.90278vw;
}
@media (max-width: 599px) {
.co .sec-wrap .txt-wrap p span {
font-size: 3.46666vw;
}
}
.co .sec-wrap .infinit-slider {
margin-top: 6.25vw;
overflow-x: hidden;
}
@media (max-width: 599px) {
.co .sec-wrap .infinit-slider {
margin-top: 13.33333vw;
}
}
.co .sec-wrap .infinit-slider ul {
display: flex;
align-items: center;
gap: 4.862vw;
}
@media (max-width: 599px) {
.co .sec-wrap .infinit-slider ul {
gap: 8vw;
}
}
.co .sec-wrap .infinit-slider ul li {
flex-shrink: 0;
}
.co .sec-wrap .infinit-slider ul li img {
height: 3.47222vw;
}
@media (max-width: 599px) {
.co .sec-wrap .infinit-slider ul li img {
height: 10.66666vw;
}
}
.co .sec-wrap span.annotation {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
display: block;
margin-top: 9.0278vw;
padding-right: 6.111vw;
font-size: 0.90278vw;
letter-spacing: 0.05em;
text-align: right;
}
@media (max-width: 599px) {
.co .sec-wrap span.annotation {
margin-top: 16vw;
padding: 0 5.33333vw;
font-size: 3.46666vw;
text-align: left;
line-height: 1.5;
}
}
.news {
position: relative;
padding: 10.4167vw 0;
background-color: #fafafa;
}
@media (max-width: 599px) {
.news {
padding: 21.335vw 5.33333vw;
}
}
.news::before {
content: "";
position: absolute;
bottom: 4.792vw;
left: -2.08333vw;
display: block;
width: 17.1528vw;
height: 15.9722vw;
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/common/company__mark.svg);
background-repeat: no-repeat;
background-size: contain;
opacity: 0.04;
}
@media (max-width: 599px) {
.news::before {
content: none;
}
}
.news .sec-wrap {
display: flex;
align-items: flex-start;
justify-content: center;
gap: 13.8889vw;
}
@media (max-width: 599px) {
.news .sec-wrap {
flex-direction: column;
align-items: flex-start;
gap: 16vw;
}
}
.news .sec-wrap .txt-wrap .c-link {
margin-top: 6.9444vw;
}
@media (max-width: 599px) {
.news .sec-wrap .txt-wrap .c-link {
display: none;
}
}
.news .sec-wrap ul.news-wrap {
display: flex;
flex-direction: column;
gap: 2.777777vw;
}
@media (max-width: 599px) {
.news .sec-wrap ul.news-wrap {
gap: 10.66666vw;
}
}
.news .sec-wrap ul.news-wrap li.news-item {
display: flex;
align-items: center;
}
@media (max-width: 599px) {
.news .sec-wrap ul.news-wrap li.news-item {
align-items: flex-start;
}
}
.news .sec-wrap ul.news-wrap li.news-item p.date {
font-family: "Gill Sans";
font-weight: 400;
font-style: normal;
height: 100%;
margin-right: 4.167vw;
padding-right: 2.777777vw;
font-size: 1.7361vw;
letter-spacing: 0.03em;
color: #222222;
border-right: 1px solid #cccccc;
}
@media (max-width: 599px) {
.news .sec-wrap ul.news-wrap li.news-item p.date {
margin-right: 4vw;
padding-right: 4vw;
font-size: 5.06666vw;
}
}
.news .sec-wrap ul.news-wrap li.news-item p.date span {
display: block;
margin-bottom: 2px;
font-size: 0.97222vw;
}
@media (max-width: 599px) {
.news .sec-wrap ul.news-wrap li.news-item p.date span {
margin-bottom: 1.3333333333vw;
font-size: 3.46666vw;
}
}
.news .sec-wrap ul.news-wrap li.news-item .inner {
width: 29.1667vw;
}
@media (max-width: 599px) {
.news .sec-wrap ul.news-wrap li.news-item .inner {
width: 100%;
}
}
.news .sec-wrap ul.news-wrap li.news-item .inner a.cat {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
font-family: "Gill Sans";
font-weight: 400;
font-style: normal;
display: flex;
align-items: center;
gap: 1.04167vw;
font-size: 1.11111vw;
letter-spacing: 0.05em;
color: #b29e69;
}
.news .sec-wrap ul.news-wrap li.news-item .inner a.cat:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
.news .sec-wrap ul.news-wrap li.news-item .inner a.cat {
gap: 4vw;
font-size: 4.26666vw;
}
}
.news .sec-wrap ul.news-wrap li.news-item .inner a.cat span {
display: block;
padding: 0 1.180555vw;
font-size: 0.90278vw;
color: #ffffff;
background-color: #cc261f;
}
@media (max-width: 599px) {
.news .sec-wrap ul.news-wrap li.news-item .inner a.cat span {
padding: 0 4.53333vw;
font-size: 3.46666vw;
}
}
.news .sec-wrap ul.news-wrap li.news-item .inner a.text {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
display: block;
margin-top: 0.764vw;
font-size: 0.97222vw;
letter-spacing: 0.05em;
line-height: 1.8;
color: #393a40;
}
.news .sec-wrap ul.news-wrap li.news-item .inner a.text:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
.news .sec-wrap ul.news-wrap li.news-item .inner a.text {
margin-top: 2.9333333333vw;
font-size: 3.46666vw;
line-height: 1.75;
}
}
.news .sec-wrap .sm-link {
display: none;
}
@media (max-width: 599px) {
.news .sec-wrap .sm-link {
display: flex;
margin-left: auto;
}
}
.works .sec-wrap {
padding-top: 12.5vw;
background: linear-gradient(to bottom, #9f8c52, #b29e69);
}
@media (max-width: 599px) {
.works .sec-wrap {
padding-top: 21.335vw;
}
}
.works .sec-wrap .text-wrap {
width: 45.1667vw;
margin: 0 auto;
text-align: center;
color: #fff;
}
@media (max-width: 599px) {
.works .sec-wrap .text-wrap {
width: 100%;
margin: 0;
padding: 0 5.33333vw;
}
}
.works .sec-wrap .text-wrap h2 {
font-family: "shippori-mincho", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 2.22222vw;
line-height: 2;
}
@media (max-width: 599px) {
.works .sec-wrap .text-wrap h2 {
font-size: 6.667vw;
line-height: 1.85;
}
}
.works .sec-wrap .text-wrap p.lead {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
margin-top: 4.862vw;
font-size: 1.04167vw;
letter-spacing: 0.05em;
line-height: 2.5;
}
@media (max-width: 599px) {
.works .sec-wrap .text-wrap p.lead {
margin-top: 9.3333vw;
font-size: 3.73333vw;
}
}
.works .sec-wrap .text-wrap a.c-link-white {
margin: 6.25vw auto 0;
color: #fff;
}
@media (max-width: 599px) {
.works .sec-wrap .text-wrap a.c-link-white {
margin: 13.33333vw auto 0;
}
}
.works .sec-wrap .text-wrap a.c-link-white::before {
background-color: #fff;
}
.works .sec-wrap .text-wrap a.c-link-white::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/common/icon/icon__btn-arrow-white.svg);
}
.works .sec-wrap ul.works-list {
display: flex;
margin-top: 10.2083vw;
}
@media (max-width: 599px) {
.works .sec-wrap ul.works-list {
display: block;
margin-top: 25.867vw;
}
}
.works .sec-wrap ul.works-list li {
position: relative;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 599px) {
.works .sec-wrap ul.works-list li {
width: 100%;
}
}
.works .sec-wrap ul.works-list li::after {
content: "";
position: absolute;
top: -4.653vw;
right: 50%;
transform: translateX(50%);
display: block;
width: 6.9444vw;
height: 6.9444vw;
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/top/works__num-01.svg);
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
@media (max-width: 599px) {
.works .sec-wrap ul.works-list li::after {
top: -9.06666vw;
right: 13.33333vw;
transform: none;
width: 18.667vw;
height: 18.667vw;
}
}
@media (max-width: 599px) {
.works .sec-wrap ul.works-list li:nth-child(2) {
margin: 17.867vw 0;
}
}
.works .sec-wrap ul.works-list li:nth-child(2)::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/top/works__num-02.svg);
}
@media (max-width: 599px) {
.works .sec-wrap ul.works-list li:nth-child(2) a {
margin: 0 0 0 auto;
border-radius: 13.33333vw 0 0 0;
}
}
.works .sec-wrap ul.works-list li:nth-child(2) a::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/top/works__list-item-02.webp);
}
.works .sec-wrap ul.works-list li:last-child::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/top/works__num-03.svg);
}
.works .sec-wrap ul.works-list li:last-child a::after {
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/top/works__list-item-03.webp);
}
.works .sec-wrap ul.works-list li a {
position: relative;
display: block;
height: 100%;
padding: 18.0556vw 3.47222vw 3.47222vw;
color: #fff;
border-radius: 3.47222vw 3.47222vw 0 0;
background-color: #222;
z-index: 0;
overflow: hidden;
}
@media (max-width: 599px) {
.works .sec-wrap ul.works-list li a {
width: 92vw;
padding: 36.5333vw 5.33333vw 5.33333vw;
border-radius: 0 13.33333vw 0 0;
}
}
.works .sec-wrap ul.works-list li a::after {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
width: 100%;
height: 101%;
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/top/works__list-item-01.webp);
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
}
.works .sec-wrap ul.works-list li a:hover::after {
opacity: 0.5;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.works .sec-wrap ul.works-list li a:hover p.c-link-white::before {
content: none;
}
.works .sec-wrap ul.works-list li a:hover p.c-link-white::after {
right: 0;
}
.works .sec-wrap ul.works-list li a h3 {
font-family: "shippori-mincho", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.666666vw;
}
@media (max-width: 599px) {
.works .sec-wrap ul.works-list li a h3 {
font-size: 5.33333vw;
}
}
.works .sec-wrap ul.works-list li a p {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
width: 26.3889vw;
margin-top: 1.7361vw;
font-size: 1.04167vw;
line-height: 2;
}
@media (max-width: 599px) {
.works .sec-wrap ul.works-list li a p {
width: auto;
margin-top: 6.4vw;
font-size: 3.46666vw;
line-height: 1.75;
}
}
.works .sec-wrap ul.works-list li a .c-link-white {
width: fit-content;
margin: 2.777777vw 0 0 auto;
line-height: inherit;
}
@media (max-width: 599px) {
.works .sec-wrap ul.works-list li a .c-link-white {
margin: 4vw 0 0 auto;
}
}
.feature {
position: relative;
padding: 17.3611vw 0 13.8889vw;
}
@media (max-width: 599px) {
.feature {
padding: 34.4vw 5.33333vw 21.335vw;
}
}
.feature::after {
content: "";
position: absolute;
top: 2.292vw;
right: 4.028vw;
display: block;
width: 29.8611vw;
height: 27.7778vw;
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/common/company__mark.svg);
background-repeat: no-repeat;
background-size: cover;
opacity: 0.04;
z-index: -1;
pointer-events: none;
}
@media (max-width: 599px) {
.feature::after {
top: 10.66666vw;
right: auto;
left: -5.06666vw;
display: block;
width: 71.2vw;
height: 66.1333vw;
}
}
.feature .sec-wrap {
position: relative;
display: flex;
align-items: flex-start;
gap: 20.5556vw;
padding-left: 17.3611vw;
}
@media (max-width: 599px) {
.feature .sec-wrap {
flex-direction: column-reverse;
align-items: center;
gap: 13.33333vw;
padding-left: 0;
}
}
.feature .sec-wrap .txt-wrap {
position: relative;
width: 31.9444vw;
margin-top: 9.0278vw;
}
@media (max-width: 599px) {
.feature .sec-wrap .txt-wrap {
width: 100%;
}
}
.feature .sec-wrap .txt-wrap h2 {
font-family: "Gill Sans";
font-weight: 300;
font-style: normal;
position: absolute;
top: -5.069vw;
left: -18.3333vw;
font-size: 8.3333vw;
letter-spacing: 0.08em;
color: #927121;
opacity: 0.1;
}
@media (max-width: 599px) {
.feature .sec-wrap .txt-wrap h2 {
top: -7.2vw;
left: -7.2vw;
font-size: 16vw;
}
}
.feature .sec-wrap .txt-wrap p {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.11111vw;
line-height: 2.5;
color: #555555;
}
@media (max-width: 599px) {
.feature .sec-wrap .txt-wrap p {
font-size: 3.73333vw;
}
}
.feature .sec-wrap .txt-wrap a.c-link {
margin: 6.9444vw 0 0 auto;
}
@media (max-width: 599px) {
.feature .sec-wrap .txt-wrap a.c-link {
margin-top: 16vw;
}
}
.feature .sec-wrap .phrase {
display: flex;
gap: 2.777777vw;
}
@media (max-width: 599px) {
.feature .sec-wrap .phrase {
display: none;
}
}
.feature .sec-wrap .phrase p {
font-family: "shippori-mincho", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 2.36111vw;
letter-spacing: 0.05em;
writing-mode: vertical-rl;
color: #555555;
}
.feature .sec-wrap .sp-phrase {
display: none;
}
@media (max-width: 599px) {
.feature .sec-wrap .sp-phrase {
display: flex;
gap: 5.33333vw;
}
.feature .sec-wrap .sp-phrase p {
font-family: "shippori-mincho", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 8vw;
letter-spacing: 0.05em;
writing-mode: vertical-rl;
color: #555555;
}
}
.cp {
padding: 10.0694vw 0 13.8889vw;
background-color: #b29e69;
color: #ffffff;
}
@media (max-width: 599px) {
.cp {
padding: 21.335vw 0;
}
}
.cp .sec-wrap h2 {
text-align: center;
}
@media (max-width: 599px) {
.cp .sec-wrap h2 {
padding: 0 5.33333vw;
}
}
.cp .sec-wrap h2 img {
width: 59.0278vw;
margin: 0 auto;
}
@media (max-width: 599px) {
.cp .sec-wrap h2 img {
width: 100%;
}
}
.cp .sec-wrap p.phrase {
font-family: "shippori-mincho", sans-serif;
font-weight: 500;
font-style: normal;
margin-top: 8.3333vw;
font-size: 2.22222vw;
line-height: 2;
text-align: center;
}
@media (max-width: 599px) {
.cp .sec-wrap p.phrase {
margin-top: 21.867vw;
font-size: 6.667vw;
line-height: 1.85;
}
}
.cp .sec-wrap p.lead {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
width: 37.5vw;
margin: 3vw auto 0;
font-size: 0.97222vw;
line-height: 2.14;
text-align: center;
}
@media (max-width: 599px) {
.cp .sec-wrap p.lead {
width: 100%;
margin: 10.66666vw auto 0;
padding: 0 5.33333vw;
font-size: 3.73333vw;
line-height: 2.5;
}
}
.cp .sec-wrap .slide {
position: relative;
width: 76.3889vw;
margin: 5.903vw auto 0;
}
@media (max-width: 599px) {
.cp .sec-wrap .slide {
width: 100%;
margin: 18.667vw auto 0;
}
}
.cp .sec-wrap .slide .cpSwiper {
overflow: hidden;
}
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper {
align-items: center;
}
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide {
font-family: "Gill Sans";
font-weight: 400;
font-style: normal;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 31.25vw;
text-align: center;
opacity: 0.5;
}
@media (max-width: 599px) {
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide {
height: 82.6667vw;
}
}
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide img {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
width: 18.0556vw;
}
@media (max-width: 599px) {
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide img {
width: 48vw;
}
}
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide p.department {
margin-top: 1.7361vw;
font-size: 1.04167vw;
letter-spacing: 0.05em;
opacity: 0.5;
}
@media (max-width: 599px) {
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide p.department {
margin-top: 4vw;
font-size: 3.2vw;
}
}
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide h4.name {
margin-top: 1.04167vw;
font-size: 1.527777vw;
letter-spacing: 0.2em;
color: #eaeaea;
}
@media (max-width: 599px) {
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide h4.name {
margin-top: 3.2vw;
font-size: 5.867vw;
}
}
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide-active {
opacity: 1;
z-index: 1;
}
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide-active img {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
width: 24.7222vw;
}
@media (max-width: 599px) {
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide-active img {
width: 65.6vw;
}
}
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide-prev {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
transform: translateX(5.555555vw);
}
@media (max-width: 599px) {
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide-prev {
transform: translateX(12vw);
}
}
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide-next {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
transform: translateX(-5.555555vw);
}
@media (max-width: 599px) {
.cp .sec-wrap .slide .cpSwiper .swiper-wrapper .swiper-slide-next {
transform: translateX(-12vw);
}
}
.cp .sec-wrap .slide .swiper-btn-next,
.cp .sec-wrap .slide .swiper-btn-prev {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.cp .sec-wrap .slide .swiper-btn-next:hover,
.cp .sec-wrap .slide .swiper-btn-prev:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
.cp .sec-wrap .slide .swiper-btn-next,
.cp .sec-wrap .slide .swiper-btn-prev {
top: 32%;
transform: none;
}
}
.cp .sec-wrap .slide .swiper-btn-next img,
.cp .sec-wrap .slide .swiper-btn-prev img {
transform: rotate(-90deg);
}
.cp .sec-wrap .slide .swiper-btn-prev {
left: 0;
}
@media (max-width: 599px) {
.cp .sec-wrap .slide .swiper-btn-prev {
left: 5.06666vw;
}
}
.cp .sec-wrap .slide .swiper-btn-next {
right: 0;
}
@media (max-width: 599px) {
.cp .sec-wrap .slide .swiper-btn-next {
right: 5.06666vw;
}
}
.cp .sec-wrap .cp-bottom-link {
margin: 6.806vw auto 0;
color: #ffffff;
}
@media (max-width: 599px) {
.cp .sec-wrap .cp-bottom-link {
margin-top: 16vw;
}
}
.journal {
padding: 12.5vw 0 10.4167vw 6.25vw;
}
@media (max-width: 599px) {
.journal {
padding: 21.335vw 0;
}
}
.journal .sec-wrap {
display: flex;
align-items: center;
gap: 5.555555vw;
}
@media (max-width: 599px) {
.journal .sec-wrap {
flex-direction: column;
align-items: flex-start;
gap: 16vw;
overflow-x: hidden;
}
}
@media (max-width: 599px) {
.journal .sec-wrap .txt-wrap {
padding-left: 5.33333vw;
}
}
.journal .sec-wrap .txt-wrap a.c-link {
margin-top: 6.9444vw;
}
@media (max-width: 599px) {
.journal .sec-wrap .txt-wrap a.c-link {
display: none;
}
}
.journal .sec-wrap .slide {
padding: 1.527777vw 0 0 1.597vw;
overflow-x: hidden;
}
@media (max-width: 599px) {
.journal .sec-wrap .slide {
padding: 5.867vw 0 0 5.33333vw;
overflow-x: hidden;
}
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper {
padding-left: 5.33333vw;
}
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper {
padding-bottom: 3.47222vw;
will-change: transform;
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper {
width: 100vw;
padding-bottom: 8vw;
}
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide {
position: relative;
width: 24.3056vw;
height: 100%;
margin-right: 4.862vw;
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide {
width: 74.9333vw;
margin-right: 9.3333vw;
}
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
position: relative;
height: 100%;
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .new-label {
font-family: "Gill Sans";
font-weight: 400;
font-style: normal;
position: absolute;
top: -1.388888vw;
left: -1.388888vw;
width: 4.513888vw;
height: 4.513888vw;
font-size: 1.25vw;
text-align: center;
line-height: 4.513888vw;
letter-spacing: 0.05em;
color: #ffffff;
background-color: #cc261f;
border-radius: 50%;
z-index: 1;
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .new-label {
top: -5.33333vw;
left: -5.33333vw;
width: 14.66666vw;
height: 14.66666vw;
font-size: 4vw;
text-align: center;
line-height: 14.66666vw;
}
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .thmb-wrap {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .thmb-wrap:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .thmb-wrap img {
width: 24.3056vw;
height: 16.6667vw;
object-fit: cover;
object-position: center;
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .thmb-wrap img {
width: 74.6667vw;
height: 48vw;
}
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .date-inner {
display: flex;
align-items: center;
gap: 0.4861111111vw;
margin-top: 1.7361vw;
color: #393a40;
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .date-inner {
align-items: baseline;
gap: 1.3333333333vw;
margin-top: 5.33333vw;
}
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .date-inner .date {
font-family: "Gill Sans";
font-weight: 400;
font-style: normal;
font-size: 2.22222vw;
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .date-inner .date {
font-size: 8.53333vw;
}
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .date-inner .col {
font-family: "Gill Sans";
font-weight: 600;
font-style: normal;
text-align: center;
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .date-inner .col {
display: flex;
align-items: flex-start;
gap: 3px;
}
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .date-inner .col span {
display: block;
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .date-inner .col .year {
margin-bottom: 1px;
font-size: 0.69444vw;
letter-spacing: 0.01em;
border-bottom: 0.5px solid #393a3f;
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .date-inner .col .year {
font-size: 3.46666vw;
border-bottom: none;
}
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .date-inner .col .dayOfWeek {
font-size: 0.83333vw;
letter-spacing: 0.1em;
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .date-inner .col .dayOfWeek {
font-size: 3.46666vw;
letter-spacing: inherit;
}
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .ttl {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
display: block;
margin: 1.04167vw 0 2.08333vw;
font-size: 1.11111vw;
line-height: 2.13;
color: #222222;
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .ttl:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .ttl {
margin: 2.6666666667vw 0 5.33333vw;
font-size: 3.46666vw;
letter-spacing: 0.05em;
line-height: 1.75;
}
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .cat-list {
display: flex;
align-items: center;
gap: 0.69444vw;
flex-wrap: wrap;
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .cat-list {
gap: 2.6666666667vw;
flex-wrap: wrap;
}
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .cat-list li a {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 500;
font-style: normal;
display: block;
padding: 0.5555555556vw 0.90278vw;
font-size: 0.90278vw;
color: #ffffff;
background-color: #b29e69;
border-radius: 1.25vw;
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .cat-list li a:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide .swiper-inner .cat-list li a {
padding: 2.133vw 3.46666vw;
font-size: 3.2vw;
border-radius: 4.8vw;
}
}
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide-next .swiper-inner {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
transform: translateY(3.47222vw);
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .journalSwiper .swiper-wrapper .swiper-slide-next .swiper-inner {
transform: translateY(8vw);
}
}
.journal .sec-wrap .slide .pager-wrap {
display: flex;
align-items: center;
gap: 3.47222vw;
margin-top: 2.777777vw;
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .pager-wrap {
gap: 5.867vw;
margin-top: 8vw;
}
}
.journal .sec-wrap .slide .pager-wrap .journalSwiper-pagination {
position: relative;
width: 48.2222vw;
height: 2px;
background-color: rgba(57, 58, 63, 0.08);
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .pager-wrap .journalSwiper-pagination {
width: 57.3333vw;
}
}
.journal .sec-wrap .slide .pager-wrap .journalSwiper-pagination span.swiper-pagination-progressbar-fill {
background-color: #b29e69;
}
.journal .sec-wrap .slide .pager-wrap .btn-wrap {
display: flex;
align-items: center;
gap: 0.69444vw;
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .pager-wrap .btn-wrap {
gap: 2.133vw;
}
}
.journal .sec-wrap .slide .pager-wrap .btn-wrap .journalSwiper-btn-prev,
.journal .sec-wrap .slide .pager-wrap .btn-wrap .journalSwiper-btn-next {
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.journal .sec-wrap .slide .pager-wrap .btn-wrap .journalSwiper-btn-prev:hover,
.journal .sec-wrap .slide .pager-wrap .btn-wrap .journalSwiper-btn-next:hover {
opacity: 0.5;
transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.journal .sec-wrap .slide .pager-wrap .btn-wrap .journalSwiper-btn-prev img,
.journal .sec-wrap .slide .pager-wrap .btn-wrap .journalSwiper-btn-next img {
width: 3.47222vw;
transform: rotate(-90deg);
}
@media (max-width: 599px) {
.journal .sec-wrap .slide .pager-wrap .btn-wrap .journalSwiper-btn-prev img,
.journal .sec-wrap .slide .pager-wrap .btn-wrap .journalSwiper-btn-next img {
width: 12vw;
}
}
.about {
padding: 6.9444vw 0 9.0278vw;
background-color: #fafafa;
overflow-x: hidden;
}
@media (max-width: 599px) {
.about {
padding: 21.335vw 0;
}
}
.about .sec-wrap {
position: relative;
left: -2.847vw;
display: flex;
align-items: flex-end;
gap: 10.9028vw;
}
@media (max-width: 599px) {
.about .sec-wrap {
left: auto;
flex-direction: column-reverse;
gap: 8vw;
}
}
.about .sec-wrap .visual {
width: 52.3611vw;
flex-shrink: 0;
}
@media (max-width: 599px) {
.about .sec-wrap .visual {
width: 122.4vw;
max-width: none;
transform: translateX(5.06666vw);
}
}
@media (max-width: 599px) {
.about .sec-wrap .txt-wrap {
padding: 0 5.33333vw;
}
}
.about .sec-wrap .txt-wrap .phrase {
font-family: "shippori-mincho", sans-serif;
font-weight: 500;
font-style: normal;
margin-top: 6.9444vw;
font-size: 2.22222vw;
letter-spacing: 0.05em;
line-height: 1.88;
color: #555555;
}
@media (max-width: 599px) {
.about .sec-wrap .txt-wrap .phrase {
margin-top: 16vw;
font-size: 6.667vw;
letter-spacing: 0.03em;
line-height: 1.85;
}
}
.about .sec-wrap .txt-wrap .text {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
width: 26.3889vw;
margin-top: 3.82vw;
font-size: 0.97222vw;
letter-spacing: 0.05em;
line-height: 2.14;
color: #555555;
}
@media (max-width: 599px) {
.about .sec-wrap .txt-wrap .text {
width: auto;
margin-top: 12vw;
font-size: 3.73333vw;
line-height: 1.8;
}
}
.about .sec-wrap .txt-wrap a.c-link {
margin-top: 5.069vw;
}
@media (max-width: 599px) {
.about .sec-wrap .txt-wrap a.c-link {
margin-top: 16vw;
}
}
.where {
padding: 6.25vw 0 10.4167vw 11.8056vw;
background-color: #b29e69;
}
@media (max-width: 599px) {
.where {
padding: 21.335vw 0 16vw;
}
}
.where .sec-wrap {
display: flex;
align-items: center;
gap: 6.25vw;
}
@media (max-width: 599px) {
.where .sec-wrap {
flex-direction: column;
align-items: unset;
gap: 13.33333vw;
}
}
.where .sec-wrap .txt-wrap {
flex-shrink: 0;
width: 26.3889vw;
color: #ffffff;
}
@media (max-width: 599px) {
.where .sec-wrap .txt-wrap {
width: 100%;
padding: 0 5.33333vw;
}
}
.where .sec-wrap .txt-wrap h2 {
font-family: "shippori-mincho", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 2.917vw;
letter-spacing: 0.05em;
}
@media (max-width: 599px) {
.where .sec-wrap .txt-wrap h2 {
font-size: 6.667vw;
}
}
.where .sec-wrap .txt-wrap span.semibold {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 600;
font-style: normal;
display: flex;
align-items: baseline;
margin-top: 4.862vw;
font-size: 1.11111vw;
}
@media (max-width: 599px) {
.where .sec-wrap .txt-wrap span.semibold {
margin-top: 8vw;
font-size: 4.26666vw;
}
}
.where .sec-wrap .txt-wrap span.semibold span {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.97222vw;
}
@media (max-width: 599px) {
.where .sec-wrap .txt-wrap span.semibold span {
font-size: 3.73333vw;
}
}
.where .sec-wrap .txt-wrap .txt {
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
margin-top: 1.388888vw;
font-size: 0.97222vw;
letter-spacing: 0.05em;
line-height: 2.14;
}
@media (max-width: 599px) {
.where .sec-wrap .txt-wrap .txt {
margin-top: 8vw;
font-size: 3.73333vw;
line-height: 1.8;
}
}
.where .sec-wrap .txt-wrap span.gs {
font-family: "Gill Sans";
font-weight: 400;
font-style: normal;
display: flex;
align-items: baseline;
gap: 0.2083333333vw;
margin-top: 0.69444vw;
font-size: 3.47222vw;
line-height: normal;
}
@media (max-width: 599px) {
.where .sec-wrap .txt-wrap span.gs {
margin-top: 2.6666666667vw;
font-size: 10.66666vw;
}
}
.where .sec-wrap .txt-wrap span.gs span.fs25 {
font-size: 1.7361vw;
}
@media (max-width: 599px) {
.where .sec-wrap .txt-wrap span.gs span.fs25 {
font-size: 5.33333vw;
}
}
.where .sec-wrap .txt-wrap a.c-link-white {
margin-top: 4.167vw;
}
@media (max-width: 599px) {
.where .sec-wrap .txt-wrap a.c-link-white {
display: none;
}
}
.where .sec-wrap img.visual {
width: 49vw;
}
@media (max-width: 599px) {
.where .sec-wrap img.visual {
width: 100%;
}
}
.where .sec-wrap .api-gmap {
width: 46.2778vw;
height: 30.9722vw;
border-radius: 0.69444vw;
}
@media (max-width: 599px) {
.where .sec-wrap .api-gmap {
width: 100%;
height: 86.9333vw;
border-radius: 0;
}
}
.recruit {
padding: 9.0278vw 11.8056vw 8.125vw;
background-color: #ffffff;
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/top/recruit__bg.webp);
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 599px) {
.recruit {
padding: 21.335vw 5.33333vw;
background-image: url(//hotel.inc/wp-content/themes/hotelier/assets/img/top/sp/sp__recruit__bg.webp);
}
}
.recruit .sec-wrap {
width: fit-content;
margin-left: auto;
}
@media (max-width: 599px) {
.recruit .sec-wrap {
width: auto;
margin-left: auto;
}
}
.recruit .sec-wrap p.phrase {
font-family: "shippori-mincho", sans-serif;
font-weight: 400;
font-style: normal;
margin-top: 3vw;
font-size: 1.805555vw;
line-height: 1.92;
color: #555555;
}
@media (max-width: 599px) {
.recruit .sec-wrap p.phrase {
font-family: "shippori-mincho", sans-serif;
font-weight: 500;
font-style: normal;
margin-top: 13.33333vw;
font-size: 6.667vw;
line-height: 1.85;
color: #393a3f;
}
}
.recruit .sec-wrap a.c-link {
margin-top: 6.9444vw;
}
@media (max-width: 599px) {
.recruit .sec-wrap a.c-link {
margin-top: 13.33333vw;
}
} .u-pc-only-flex {
display: flex !important;
}
@media (max-width: 599px) {
.u-pc-only-flex {
display: none !important;
}
}
.u-pc-only-block {
display: block !important;
}
@media (max-width: 599px) {
.u-pc-only-block {
display: none !important;
}
}
.u-sp-only-block {
display: none !important;
}
@media (max-width: 599px) {
.u-sp-only-block {
display: block !important;
}
}