/* NOTE single */
/*====================================================
////id | single
====================================================*/
.column-wrapper {
font-weight: 400;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 1220.0px) {
.single #contents {
padding-top: min(26.5vw, 150px);
}
}
/* ////////// PC ////////// */
@media print,screen and (min-width: 1220.1px) {
.single #contents {
padding-top: 200px;
}
#contents .column-wrapper:has(#sidebar) {
grid-gap: 40px;
grid-template-columns: 250px 1fr;
}
#sidebar {
grid-column: 1;
grid-row: 1;
}
main#single {
grid-column: 2;
}
}
@media (hover: hover) {}
/*====================================================
////id | post_title
====================================================*/
#post_title {
margin-bottom: min(9.33vw, 48px);
}
#post_title h1.title {
color: var(--color_1);
font-size: min(6.4vw, 3rem);
margin-bottom: 0;
}
#post_title .catch_copy {
margin-top: 16px;
}
#post_title .category {
margin-top: 16px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {}
/* ////////// PC ////////// */
@media print,screen and (min-width: 769.1px) {}
@media (hover: hover) {}
/*====================================================
////id | gallery
====================================================*/
#gallery {
margin-bottom: min(11vw, 64px);
}
.swiper-controls {
font-size: min(1.926vw, 1.3158rem);
}
.swiper-controls .swiper-controls-button-prev,
.swiper-controls .swiper-controls-button-next {
width: 35px;
}
.swiper-controls .swiper-controls-button-prev::before,
.swiper-controls .swiper-controls-button-next::before {
filter: none;
}
#gallery .thumbnail-slider {
margin-top: min(5.33vw, 36px);
}
#gallery .thumbnail-slider .swiper-wrapper {
display: grid;
grid-gap: 5px;
grid-template-columns: repeat(9, 1fr);
transform: none !important;
width: 100% !important;
}
#gallery .thumbnail-slide {
cursor: pointer;
width: 100% !important;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960.0px) {
#gallery .thumbnail-slider .swiper-wrapper {
grid-template-columns: repeat(7, 1fr);
}
}
@media screen and (max-width: 769.0px) {
.gallery-slide .coverImg {
padding-top: 75%;
}
#gallery .thumbnail-slider .swiper-wrapper {
grid-template-columns: repeat(5, 1fr);
}
}
/* ////////// PC ////////// */
@media print,screen and (min-width: 769.1px) {
.gallery-slide .coverImg {
padding-top: 55%;
}
}
@media (hover: hover) {
#gallery .thumbnail-slide:hover img {
transform: scale(1.1)
}
}
/*====================================================
////id | detail
====================================================*/
#detail {
display: grid;
grid-gap: min(5vw, 40px);
margin-top: min(13vw, 56px);
}
.detail-head {
border: solid 1px var(--color_1);
color: var(--color_1);
display: flex;
gap: .5em;
align-items: center;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: min(4.266vw, 24px);
padding: .7em 1.33em;
}
.detail-head::before {
content: '';
display: block;
width: 1.666em;
height: 1.1em;
}
/*====================================================
////id | facility
====================================================*/
.facility-head::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.facility-item {
border-bottom: solid 1px var(--gray);
display: grid;
padding: 1.25em 0;
}
.facility-item:first-child {
padding-top: 0;
}
.facility-item dt {
font-weight: 500;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {}
/* ////////// PC ////////// */
@media print,screen and (min-width: 769.1px) {
.facility-item-wrapper {
display: grid;
grid-gap: 0 min(3vw, 60px);
grid-template-columns: auto 1fr;
}
.facility-item {
display: grid;
grid-template-columns: subgrid;
grid-column: span 2;
}
}
@media (hover: hover) {}
/*====================================================
////id | amenities
====================================================*/
.amenities-head::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {}
/* ////////// PC ////////// */
@media print,screen and (min-width: 769.1px) {}
@media (hover: hover) {}
/*====================================================
////id | link_area
====================================================*/
#link_area {
margin-top: min(8.5vw, 72px);
}
.link_area-btn {
background: var(--color_1);
border-radius: 5px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
gap: 1em;
font-size: min(4.2666vw, 2.2rem);
font-weight: 500;
min-height: 5.45em;
}
.link_area-btn .icon {
background: url('../img/cmn/icon-reservation.svg') no-repeat center / contain;
display: block;
filter: brightness(0) invert(10);
width: 2.3em;
height: 2em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
.link_area-btn {
margin: auto;
min-height: 3.25em;
width: 88%;
}
}
/* ////////// PC ////////// */
@media print,screen and (min-width: 769.1px) {
.link_area-btn {
margin: auto;
width: 78.5%;
}
}
@media (hover: hover) {
.link_area-btn:hover {
filter: brightness(1.15);
box-shadow: 0 .2em .4em rgba(0, 0, 0, .2);
opacity: 1;
}
}
/*====================================================
////id | sidebar
====================================================*/
.sidebar-inner {
grid-gap: 0;
}
.sideberBox {
border-bottom: solid 1px var(--gray);
padding: 24px 0;
}
.sideberBox:first-child {
border-top: solid 1px var(--gray);
}
.stay-sideber-head {
display: flex;
align-items: center;
gap: .4em;
line-height: 1.4;
}
.stay-sideber-head::before {
content: '';
display: block;
height: 1.25em;
width: 1em;
}
.capacity-sideber-head::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.room_type-sideber-head::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: 1.375em;
}
.design-sideber-head::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
}
.facility-sideber-head::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
width: 1.2em;
}
.sideber_link-wrapper {
display: grid;
grid-gap: .5em;
}
.sideber_link {
line-height: 1.4;
padding: 0 .5em 0 .8em;
position: relative;
}
.sideber_link::before {
border-top: solid 1px;
content: '';
display: block;
margin: auto;
position: absolute;
top: .7em;
left: 0;
transition: .2s ease-in-out;
width: .3em;
height: 0;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {}
/* ////////// PC ////////// */
@media print,screen and (min-width: 769.1px) {}
@media (hover: hover) {
.sideber_link:hover {
padding: 0 0 0 1.3em;
}
.sideber_link:hover::before {
width: .8em;
}
}
/*====================================================
////id | archive
====================================================*/
.stay_archive-item-wrapper {
display: grid;
grid-gap: min(6.66vw, 42px) min(3.2vw, 23px);
}
.stay_archive-item {
display: grid;
grid-gap: min(2.133vw, 12px);
grid-template-rows: auto auto 1fr;
font-size: min(2.666vw, 1.8rem);
}
.stay_archive-item-img {
width: 100%;
}
.stay_archive-item-img .coverImg {
padding-top: 100%;
}
.stay_archive-item .cate_item {
font-size: min(1.866vw, 1.2rem);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
.stay_archive-item-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
/* ////////// PC ////////// */
@media print,screen and (min-width: 769.1px) {
.stay_archive-item-wrapper {
grid-template-columns: repeat(3, 1fr);
}
}
@media (hover: hover) {
.stay_archive-item:hover .title {
color: var(--color_1);
}
}