@charset "UTF-8";

:root {
--main-color: #4586c9;
--main-back-color: #f2fcff;
--accent-back-color: #cfe8c6;
--text-color: #232f18;
} .mt_10 {
margin-top: 10px;
}
.mt_20 {
margin-top: 20px;
}
.mt_30 {
margin-top: 30px;
}
.mt_40 {
margin-top: 40px;
}
.mt_50 {
margin-top: 50px;
}
.mt_60 {
margin-top: 60px;
}
.mt_70 {
margin-top: 70px;
}
.mt_80 {
margin-top: 80px;
}
.mt_90 {
margin-top: 90px;
}
.mt_100 {
margin-top: 100px;
}
.mb_10 {
margin-bottom: 10px;
}
.mb_20 {
margin-bottom: 20px;
}
.mb_30 {
margin-bottom: 30px;
}
.mb_40 {
margin-bottom: 40px;
}
.mb_50 {
margin-bottom: 50px;
}
.mb_60 {
margin-bottom: 60px;
}
.mb_70 {
margin-bottom: 70px;
}
.mb_80 {
margin-bottom: 80px;
}
.mb_90 {
margin-bottom: 90px;
}
.mb_100 {
margin-bottom: 100px;
}
body {
font-family: "Zen Kaku Gothic New", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-feature-settings: "palt";
font-feature-settings: "palt" 1;
line-height: 1.6;
letter-spacing: 0.1rem;
color: var(--text-color);
background-color: var(--main-back-color);
}
body.fixed {
position: fixed;
width: 100%;
height: 100%;
}
body::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
body * {
font-weight: 600;
}
a {
text-decoration: none;
color: var(--text-color);
}
img {
max-width: 100%;
}
.eng {
font-family: "Lexend", sans-serif;
font-weight: 600;
}
.tcenter {
text-align: center;
}
.link_btn a {
display: inline-block;
width: 200px;
padding: 0.75rem 2rem;
color: var(--text-color);
border: 1px solid var(--text-color);
line-height: 1;
position: relative;
transition: 0.3s ease-in-out;
}
.link_btn a::before {
font-style: normal;
font-family: "Font Awesome 6 Free";
font-variant: normal;
text-rendering: auto;
letter-spacing: 0;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
content: "\f0da";
font-weight: 900;
margin-right: 10px;
}
.link_btn a:hover {
background: var(--text-color);
color: #fcfdfe;
}
.gmap {
position: relative;
padding-top: 66.6666666667%;
}
.gmap iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
filter: grayscale(50%);
}
.r_bg {
position: relative;
}
.r_bg::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: var(--accent-back-color);
border-radius: 0 200px 0 0;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.r_bg.separate {
margin: 100px 0;
}
.l_bg {
position: relative;
}
.l_bg::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: var(--accent-back-color);
border-radius: 200px 0 0 0;
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.l_bg.separate {
margin: 100px 0;
}
.color_w {
color: #fcfdfe;
}
.container {
width: calc(100vw - 436px);
max-width: 100%;
margin: auto;
padding: 100px 0;
}
.container.pt_0 {
padding-top: 0;
}
.container2 {
width: calc(100vw - 218px);
max-width: 100%;
margin: auto;
padding: 100px 0;
}
.container2.pt_0 {
padding-top: 0;
}
.m_box {
padding: 80px;
background: var(--accent-back-color);
border-radius: 0 100px 0 100px;
}
.news_box {
background: #fff;
}
.h_ttl {
font-size: 1rem;
font-weight: 600;
margin-bottom: 1.5rem;
}
.h_ttl span {
display: block;
color: var(--text-color);
font-size: 4rem;
}
.h_ttl.beige {
color: var(--main-back-color);
}
.h_ttl.beige span {
color: var(--main-back-color);
}
.h_ttl.v2 {
margin-bottom: 40px;
}
.h_ttl_middle {
font-size: 1.5rem;
font-weight: 600;
padding-bottom: 1rem;
margin-bottom: 30px;
border-bottom: 2px solid var(--accent-back-color);
position: relative;
}
.h_ttl_middle::before {
content: "";
display: block;
width: 120px;
height: 2px;
background: var(--text-color);
position: absolute;
bottom: -2px;
left: 0;
}
.h_ttl_sub {
font-size: 1.125rem;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
border-bottom: 1px solid var(--text-color);
font-weight: 600;
}
.h_ttl_sub3 {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 0.5rem;
}
.h_ttl_sub3::before {
content: "";
display: block;
width: 4px;
height: 1.25rem;
background: var(--main-color);
margin-right: 5px;
}
.vertical_ttl {
writing-mode: vertical-rl;
font-size: 3rem;
color: var(--main-back-color);
}
.vertical_ttl span {
display: block;
color: var(--accent-back-color);
font-size: 1rem;
letter-spacing: 0.1rem;
}
.m_text {
font-size: 1.5rem;
}
.m_text2 {
font-size: 1rem;
}
.m_text3 {
font-size: 1.5rem;
}
.bold {
font-weight: 600;
}
#under {
margin-top: 100px;
}
#under .page_ttl h2 {
margin-top: 1rem;
line-height: 3.7rem;
}
#under .feature_btn {
margin-top: 20px;
}
.page_ttl {
position: relative;
}
.page_ttl figure {
position: relative;
}
.page_ttl figure::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
}
.page_ttl img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 4/1;
}
.page_ttl .ttl_wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--main-back-color);
font-size: 3rem;
font-weight: 600;
line-height: 1;
text-align: center;
}
.page_ttl .ttl_wrap span {
display: inline-flex;
align-items: center;
font-size: 1.5rem;
font-weight: 400;
}
.ac_h2-wrapper {
text-align: center;
margin: 0px 0 60px;
}
.ac_h2 {
display: inline-flex;
align-items: center;
font-size: 24px;
font-weight: bold;
margin-bottom: 1rem;
}
.breadcrumbs {
width: calc(100vw - 218px);
max-width: 100%;
margin: auto;
padding: 1rem;
}
.breadcrumbs ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}
.breadcrumbs ul li a {
color: var(--text-color);
}
.breadcrumbs ul li:nth-of-type(2) a {
pointer-events: none;
}
.breadcrumbs ul li:not(:first-child) a::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f054";
display: inline-block;
margin: 0 0.5rem;
}
.list_disc li {
padding-left: 0.75rem;
margin-bottom: 0.5rem;
position: relative;
}
.list_disc li::before {
content: "";
display: inline-block;
width: 4px;
height: 4px;
background: var(--text-color);
border-radius: 50%;
margin-right: 5px;
position: absolute;
top: 12px;
left: 0;
}
.list_disc.v2 li {
width: 100%;
}
.list_disc.v2 li a {
text-decoration: underline;
}
.slide_anim {
opacity: 0;
overflow: hidden;
}
.slide_anim.on {
animation-name: maskIn;
animation-duration: 0.5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
position: relative;
opacity: 1 !important;
}
.slide_anim.on::before {
animation-name: maskOut;
animation-duration: 0.5s;
animation-delay: 0.5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.8, 0, 0.5, 1);
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}
@keyframes maskIn {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes maskOut {
from {
transform: translateX(0);
}
to {
transform: translateX(101%);
}
}
.slide_anim2 {
opacity: 0;
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.slide_anim2.delay {
animation-delay: 0.3s;
}
.slide_anim2.on {
animation: forwards slideAnim2 0.5s linear;
}
@keyframes slideAnim2 {
0% {
opacity: 0;
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
100% {
opacity: 1;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
} header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10;
transition: 0.5s ease-in-out;
}
header.fixed {
background: var(--main-back-color);
}
header.under {
background: var(--main-back-color);
}
.h_nav {
width: calc(100vw - 211px);
max-width: 100%;
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
height: 100px;
align-items: center;
justify-content: space-between;
}
.logo_wrap {
height: 70px;
}
.logo_wrap img {
height: 100%;
transition: 0.5s ease-in-out;
}
.nav_wrap {
width: 957px;
max-width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-items: center;
}
.nav_wrap nav ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}
.nav_wrap nav ul li {
padding: 10px;
} .nav_wrap {
width: clamp(47.5rem, 53vw, 67rem);
margin-right: unset;
}
@media screen and (max-width: 1498px) {
.h_nav {
width: calc(100vw - 20px);
}
.nav_wrap {
width: clamp(38rem, 57vw, 40rem);
margin-right: 80px;
}
.nav_wrap nav ul li {
padding: 10px 8px;
}
}
@media screen and (min-width: 1656px) {
.nav_wrap {
width: auto;
}
} .nav_wrap nav ul li a {
font-weight: 600;
font-family: "Lexend", sans-serif;
color: var(--main-back-color);
font-size: 1.125rem;
transition: 0.5s ease-in-out;
}
.nav_wrap nav .nav_reserve {
display: none;
}
.nav_wrap .h_reserv {
position: fixed;
top: 0;
right: 0;
}
.nav_wrap .h_reserv a {
width: 100px;
height: 100px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--main-color);
text-align: center;
background: var(--main-back-color);
}
.fixed .nav_wrap .h_reserv a {
color: var(--main-back-color);
background: var(--main-color);
}
.nav_wrap .h_reserv a i {
font-size: 1.5rem;
}
.nav_wrap .h_reserv a span {
display: block;
line-height: 1.4;
margin-top: 0.5rem;
}
.nav_wrap #nav_toggle {
display: none;
}
.fixed .nav_wrap nav ul li a {
color: var(--main-color);
}
.under .nav_wrap nav ul li a {
color: var(--text-color);
} footer {
color: var(--main-back-color);
position: relative;
}
footer::before {
content: "";
display: block;
width: 100%;
height: 100%;
background:
linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(//www.izu-dogresort.com/wp-content/themes/memoria-collina-izu80-26-1/img/footer-bg.jpg) no-repeat center/cover;
border-radius: 0 200px 0 0;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
footer a {
color: var(--main-back-color);
}
footer .f_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 60px 0;
}
footer .f_wrap .f_left {
width: 48%;
}
footer .f_wrap .f_right {
width: 48%;
}
footer .f_access_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
footer .f_access_wrap .f_access_left,
footer .f_access_wrap .f_access_right {
width: 48%;
}
footer .f_logo {
width: 240px;
margin: auto;
margin-bottom: 40px;
}
footer .f_access {
margin-bottom: 20px;
}
footer .f_access dl {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}
footer .f_access dl dt {
width: 200px;
margin: 10px 0px;
}
footer .f_access dl dd {
width: calc(100% - 200px);
}
footer .f_navi {
margin-bottom: 20px;
}
footer .f_navi ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
justify-content: center;
}
footer .f_navi ul li {
padding: 0.5rem 0;
margin: 0 1rem;
text-align: center;
}
footer .f_navi ul li a {
font-family: "Lexend", sans-serif;
font-size: 1.125rem;
}
footer .f_sns {
margin-bottom: 30px;
}
footer .f_sns ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-items: center;
justify-content: center;
}
footer .f_sns ul li {
margin: 0 1rem;
}
footer .f_sns ul li a {
font-size: 2rem;
}
.footer_btn_box {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.contact_btn {
text-align: center;
}
.contact_btn a {
display: inline-block;
padding: 1rem 2rem;
background: var(--accent-back-color);
color: var(--text-color);
border-radius: 10px;
}
.contact_btn a::before {
font-style: normal;
font-family: "Font Awesome 6 Free";
font-variant: normal;
text-rendering: auto;
letter-spacing: 0;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
content: "\f0e0";
font-weight: 900;
margin-right: 5px;
}
.footer_reserve_btn {
text-align: center;
}
.footer_reserve_btn a {
display: inline-block;
padding: 1rem 2rem;
background: var(--main-color);
color: #fff;
border-radius: 10px;
}
.copyright {
padding: 2rem;
text-align: center;
font-family: "Lexend", sans-serif;
}
.copyright span {
display: inline-block;
margin-left: 0.5rem;
} .slide_bg {
position: relative;
}
.slide_bg::before {
content: "";
display: block;
width: calc(100vw - 425px);
height: 100%;
position: absolute;
top: 0;
right: 0;
background: var(--main-color);
border-radius: 0 0 0 200px;
}
#mainvisual {
width: calc(100vw - 218px);
max-width: 100%;
margin: auto;
padding: 100px 0;
position: relative;
}
#mainvisual .catch {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
text-align: center;
opacity: 1;
transition: opacity 2s ease-in-out;
-webkit-transition: opacity 2s ease-in-out;
}
#mainvisual .catch img {
width: 100%;
}
#mainvisual .catch.fade-out {
opacity: 0;
}
.top_slider {
width: 100%;
height: calc(100vh - 200px);
}
.top_slider .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.top_slider .swiper-slide {
overflow: hidden;
}
.top_slider .swiper-slide .slide_content {
height: 100%;
position: relative;
overflow: hidden;
}
.top_slider .swiper-slide .slide_content img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: 3s;
}
.top_slider .swiper-slide[class*="-prev"] .slide_content img {
transform: translateX(80vw);
}
.top_slider .swiper-slide[class*="-next"] .slide_content img {
transform: translateX(-80vw);
} .top_slider .swiper-wrapper {
display: flex !important;
}
.top_slider .swiper-slide:first-child {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
}
.top_news_box {
width: 80%;
margin: 50px auto;
}
.top_news_box h3 {
width: 100%;
margin-bottom: 20px;
font-size: 2.8rem;
font-weight: bold;
color: var(--main-color);
}
.top_news_box ul.top_news_list {
width: 100%;
margin: 0 auto;
align-items: stretch;
list-style: none;
padding: 0;
overflow: hidden;
}
.top_news_box ul.top_news_list li.top_news_list_box {
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 20px;
list-style: none;
}
.top_news_box ul.top_news_list li.top_news_list_box .top_news_list_img {
width: 100%;
height: 250px;
}
.top_news_box ul.top_news_list li.top_news_list_box .top_news_list_img img {
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 20px 20px 0 0;
}
.top_news_box ul.top_news_list li.top_news_list_box .top_news_list_note {
width: 100%;
padding: 5%;
}
.top_news_box ul.top_news_list li.top_news_list_box .top_news_list_date {
width: 100%;
}
.top_news_box ul.top_news_list li.top_news_list_box h4.top_news_list_title {
width: 100%;
margin-top: 10px;
}
.top_news_box .top_news_slider .slick-list {
margin: 0 -15px;
max-width: unset;
}
.top_news_box .top_news_slider .slick-slide {
margin: 0 15px;
height: auto !important;
display: flex !important;
flex-wrap: wrap;
}
.top_news_box .top_news_slider .slick-slide > div {
height: 100%;
width: 100%;
}
.top_news_box .top_news_slider .slick-track {
display: flex !important;
}
.top_news_control_box {
width: 100%;
margin-top: 30px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.top_news_arrow_box {
width: 50%;
height: auto;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.top_news_arrow_box .prev-arrow,
.top_news_arrow_box .next-arrow {
display: block;
width: 50px;
height: 50px;
background: var(--main-color);
border-radius: 50%;
transition: all 0.3s ease;
cursor: pointer;
position: relative;
}
.top_news_arrow_box .prev-arrow::before,
.top_news_arrow_box .next-arrow::before {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transform: rotate(45deg);
}
.top_news_arrow_box .prev-arrow {
transform: rotate(180deg);
margin-right: 20px;
}
.top_news_more_box {
width: 50%;
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.top_news_more_box a {
width: 80%;
max-width: 300px;
padding: 15px;
text-align: left;
display: block;
border-radius: 99999px; background: var(--main-color);
color: #fff;
position: relative;
transition: 0.3s;
font-size: 16px;
margin: auto 0;
}
.top_news_more_box a::after {
position: absolute;
top: 50%;
right: 1em;
width: 0.5em;
height: 0.5em;
transform: translateY(-50%) rotate(45deg);
border-right: 2px solid currentColor;
border-top: 2px solid currentColor;
content: "";
}
.top_news_more_box a:hover {
opacity: 1;
background: linear-gradient(to right, #0064cb, #e6e6e6);
}
.bg_concept {
position: relative;
}
.bg_concept::before {
content: "";
display: block;
width: calc(100% - 100px);
height: 100%;
position: absolute;
top: 0;
right: 0;
background: var(--accent-back-color);
border-radius: 0 0 0 200px;
z-index: -1;
}
.top_concept_wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 100px 0;
}
.top_concept_wrap .top_concept_left {
width: 45%;
border-radius: 0 200px 0 0;
overflow: hidden;
}
.top_concept_wrap .top_concept_center {
width: 33%;
padding: 60px;
}
.top_concept_wrap .top_concept_center .txt p {
margin-top: 20px;
}
.top_concept_wrap .top_concept_right {
width: 22%;
border-radius: 0 0 0 200px;
overflow: hidden;
}
.feture_ttl {
font-size: 2rem;
font-weight: 600;
text-align: center;
margin-bottom: 80px;
}
.feture_ttl span {
font-size: 6rem;
display: block;
color: var(--text-color);
}
.feture_ttl span::first-letter {
color: var(--accent-back-color);
}
.feture_ttl b {
font-size: 3rem;
font-weight: 900;
color: var(--accent-back-color);
}
.feature_wrap {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
justify-content: space-between;
}
.feature_wrap .feature_box {
width: 49%;
margin-bottom: 60px;
position: relative;
}
.feature_wrap .feature_box .num {
display: inline-block;
padding: 1.5rem;
font-size: 6rem;
color: var(--main-back-color);
position: absolute;
top: 0;
left: 0;
z-index: 1;
line-height: initial;
}
.feature_wrap .feature_box figure {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
border-radius: 0 100px 0 0;
aspect-ratio: 16 / 9; }
.swiper-content-box {
overflow: hidden;
}
.swiper-content-box .swiper {
box-sizing: border-box;
position: relative;
}
.swiper-content-box .swiper img {
max-width: 100%;
}
.swiper-content-box .swiper .swiper-slide {
background: #fff;
}
.swiper-content-box .swiper .swiper-slide .img-box {
box-sizing: border-box;
position: relative;
padding-bottom: 60%;
}
.swiper-content-box .swiper .swiper-slide .img-box > img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
}
.swiper-content-box .swiper .swiper-pagination {
display: block !important;
opacity: 1 !important;
z-index: 9999 !important;
position: absolute !important;
bottom: 30px !important;
left: 50% !important;
transform: translateX(-50%);
}
.swiper-content-box .swiper .swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
background: var(--main-back-color);
display: inline-block !important;
margin: 0 8px !important;
}
.swiper-content-box .swiper .swiper-pagination-bullet-active {
opacity: 1;
background: var(--main-color);
}
.feature_wrap .feature_box img {
width: 100%;
height: 100%;
object-fit: cover;
}
.feature_wrap .feature_box h3 {
width: 100%;
padding: 2rem;
font-size: 1.5rem;
font-weight: 600;
color: var(--main-back-color);
text-shadow: 0 0 8px var(--text-color);
position: absolute;
bottom: 0;
left: 0; pointer-events: none;
}
.feature_wrap .feature_box .txt {
padding: 20px;
}
.activity_wrap {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin-top: 60px;
}
.activity_wrap .activity_box {
width: 31%;
background: var(--main-back-color);
border-radius: 0 0 0 50px;
margin-bottom: 60px;
margin-right: 3.5%;
}
.activity_wrap .activity_box:nth-of-type(3n) {
margin-right: 0;
}
.activity_wrap .activity_box figure {
overflow: hidden;
}
.activity_wrap .activity_box img {
width: 100%;
height: 240px;
object-fit: cover;
transition: 0.3s ease-in-out;
}
.activity_wrap .activity_box .txt {
padding: 2rem;
}
.activity_wrap .activity_box a:hover img {
transform: scale(1.2);
}
.activity_wrap.top_ac .activity_box {
width: 48%;
}
.activity_wrap.top_ac .activity_box:nth-of-type(1) {
order: 3;
}
.activity_wrap.top_ac .activity_box:nth-of-type(2) {
order: 2;
}
.activity_wrap.top_ac .activity_box:nth-of-type(3) {
order: 1;
}
.activity_wrap .link_btn {
margin: 0 auto;
}
.activity_wrap .link_btn a {
width: 265px;
}
.activity_wrap.v2 {
justify-content: flex-start;
}
.activity_wrap.v2 .activity_box {
margin-right: 2%;
}
.activity_wrap.v2 .activity_box:nth-of-type(3n) {
margin-right: 0;
}
.contents_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
margin-top: 60px;
}
.contents_wrap .contents_box {
width: 49%;
margin-bottom: 20px;
position: relative;
}
.contents_wrap .contents_box figure {
height: 300px;
overflow: hidden;
background: var(--text-color);
}
.contents_wrap .contents_box figure img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s ease-in-out;
opacity: 0.9;
}
.contents_wrap .contents_box h2 {
padding: 1rem;
color: var(--main-back-color);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.contents_wrap .contents_box:nth-of-type(2) figure {
border-radius: 0 100px 0 0;
}
.contents_wrap .contents_box:nth-of-type(3) figure {
border-radius: 0 0 0 100px;
}
.contents_wrap .contents_box .link_txt {
font-weight: 600;
display: inline-block;
padding: 0.5rem;
color: var(--main-back-color);
border-bottom: 1px solid var(--main-back-color);
position: absolute;
bottom: 1rem;
right: 1rem;
}
.contents_wrap .contents_box .link_txt::after {
font-style: normal;
font-family: "Font Awesome 6 Free";
font-variant: normal;
text-rendering: auto;
letter-spacing: 0;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
content: "\f0a9";
font-weight: 900;
margin-left: 10px;
}
.contents_wrap .contents_box a:hover figure img {
transform: scale(1.2);
opacity: 1;
}
.room_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 80px;
position: relative;
}
.room_wrap .room_slide {
width: 50%;
}
.room_wrap .txt {
width: 50%;
padding: 60px;
}
.room_wrap:nth-of-type(even) {
flex-direction: row-reverse;
}
.room_wrap:nth-of-type(even) figure {
border-radius: 0 100px 0 0;
}
.room_wrap:nth-of-type(even) .txt {
right: inherit;
left: 0;
border-radius: 0 0 0 100px;
}
.room_wrap:last-of-type {
margin-bottom: 0;
}
.room-facility .h_ttl_middle {
border-bottom: none;
text-align: center;
}
.room-facility .h_ttl_middle::before {
content: none;
}
.room-facility .tbl01 {
width: 80%;
margin: 0 auto;
}
.room-facility .tbl01 th {
vertical-align: middle;
}
.facility {
padding: 80px 0;
}
.facility h2 {
margin-bottom: 30px;
font-size: 1.5rem;
background-color: white;
padding: 0.5rem;
}
.faciSwiper {
width: 100%;
padding-bottom: 40px;
}
.faciSwiper .swiper-slide {
overflow: hidden;
text-align: center;
}
.faciSwiper p.title {
margin-top: 20px;
}
.faciSwiper div.content {
padding: 1rem 0.5rem;
margin: 0 auto;
}
.faciSwiper .swiper-slide {
height: auto;
background: #fff;
}
.facility_content__img {
width: 100%;
height: 200px;
overflow: hidden;
}
.facility_content__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.meal_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 80px;
position: relative;
}
.meal_wrap .meal_slide {
width: 50%;
}
.meal_wrap .txt {
width: 50%;
padding: 40px;
}
.meal_wrap:nth-of-type(even) {
flex-direction: row-reverse;
}
.meal_wrap:last-of-type {
margin-bottom: 0;
}
.meal_detail {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 80px;
position: relative;
width: 100%;
}
.meal_detail:nth-of-type(odd) {
flex-direction: row-reverse;
}
p.meal-title {
font-size: 1.25rem;
margin-bottom: 20px;
}
.pet-friendly_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 80px;
position: relative;
}
.pet-friendly_wrap .pet-friendly_image {
width: 50%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.pet-friendly_wrap .pet-friendly_image > p {
width: 48%;
}
.pet-friendly_wrap .txt {
width: 50%;
padding: 40px;
}
.pet-friendly_wrap:nth-of-type(even) {
flex-direction: row-reverse;
}
.pet-friendly_wrap:nth-of-type(even) figure {
border-radius: 0 100px 0 0;
}
.pet-friendly_wrap:nth-of-type(even) .txt {
right: inherit;
left: 0;
border-radius: 0 0 0 100px;
}
.pet-friendly_wrap:last-of-type {
margin-bottom: 0;
}
.entry_content {
background: #fcfdfe;
padding: 40px;
border-radius: 60px;
}
.entry_content .post_date {
display: inline-block;
margin-bottom: 1rem;
font-size: 1.5rem;
color: var(--text-color);
}
.entry_content .entry_title {
font-size: 1.25rem;
font-weight: 600;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
border-bottom: 2px solid var(--text-color);
position: relative;
}
.entry_content .entry_title::before {
content: "";
display: block;
width: 5rem;
height: 2px;
background: var(--text-color);
position: absolute;
bottom: -2px;
left: 0;
}
.entry_content .entry_box figure {
width: 100%;
text-align: center;
}
.entry_content .entry_box img {
width: 100%;
height: auto;
}
.entry_content .entry_box h3 {
margin-bottom: 20px;
}
.entry_content .entry_box .entry_body {
width: 100%;
padding: 40px 0;
}
.tbl01 {
width: 100%;
}
.tbl01 th,
.tbl01 td {
padding: 0.5rem;
}
.tbl01 th {
width: 30%;
border-bottom: 1px solid var(--text-color);
}
.tbl01 td {
border-bottom: 1px solid var(--accent-back-color);
}
.nextend-thumbnail-horizontal .nextend-thumbnail-inner {
background: transparent !important;
padding: 0 !important;
}
.n2-thumbnail-dot {
margin: 0 !important;
background: #333;
}
.feature_btn {
text-align: center;
}
.feature_btn a {
font-weight: 600;
display: inline-block;
padding: 0.5rem;
color: var(--text-color);
border-bottom: 1px solid var(--text-color);
}
.feature_btn a::after {
font-style: normal;
font-family: "Font Awesome 6 Free";
font-variant: normal;
text-rendering: auto;
letter-spacing: 0;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
content: "\f0a9";
font-weight: 900;
margin-left: 10px;
}
.faq_wrap h3:not(:first-of-type) {
padding-top: 60px;
}
.faq_list {
margin-bottom: 20px;
border-bottom: 1px dashed var(--main-back-color);
}
.faq_list .question {
position: relative;
padding: 0.3rem 0 1rem 3.5rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq_list .question::before {
content: "Q.";
display: inline-block;
font-size: 2.5rem;
color: var(--text-color);
line-height: 1;
font-family: "Lexend", sans-serif;
position: absolute;
top: 0;
left: 0;
}
.faq-toggle-icon {
font-size: 20px;
margin-left: 10px;
transition: transform 0.3s ease;
font-weight: 900;
color: var(--text-color);
}
.faq_list .answer {
position: relative;
padding: 0.3rem 0 1rem 3.5rem;
display: none;
}
.faq_list .answer::before {
content: "A.";
display: inline-block;
font-size: 2.5rem;
color: var(--text-color);
line-height: 1;
font-family: "Lexend", sans-serif;
position: absolute;
top: 0;
left: 0;
}
.gallery_wrap {
padding: 100px 0;
}
.gallery_wrap .gallery_list {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease;
margin-top: 60px;
}
.infiniteslide_wrap .gallery_list,
.infiniteslide_container .gallery_list,
.gallery_list.infiniteslide {
opacity: 1;
visibility: visible;
}
.gallery_wrap .gallery_list li {
width: 400px;
height: 300px;
}
.gallery_wrap .gallery_list li a {
display: block;
width: 100%;
height: 100%;
}
.gallery_wrap .gallery_list li a img {
width: 100%;
height: 100%;
object-fit: cover;
}
.text1 {
background: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 0;
color: #fff;
text-align: center;
padding: 6px 12px;
width: 200px;
min-width: 21%;
max-width: 400px;
font-size: 14px;
}
.inuyado_box {
margin-top: 60px;
}
.inuyado_box ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.inuyado_box ul li {
width: 31%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1rem;
}
.inuyado_box ul li .txt {
width: calc(100% - 90px);
padding-left: 10px;
}
.inuyado_box ul li .txt a {
font-size: 16px;
}
.inuyado_details {
display: flex;
}
.inuyado_details dl {
float: left;
padding-right: 3%;
width: 32%;
font-size: 16px;
line-height: 1.5;
}
.inuyado_details dl:last-child {
padding-right: 0;
}
.inuyado_details dt {
height: 1.6em;
font-weight: bold;
text-align: center;
margin: 0.75rem auto 0.75rem;
font-size: 16px;
text-decoration-line: underline;
}
.inuyado_details dd {
margin-left: 0px;
}
.sp {
display: none;
}
.pc {
display: block;
} .bnrCarousel {
overflow: hidden;
padding: 50px 0 80px;
}
.bnrCarousel .slick-list {
max-width: unset;
}
.bnrCarousel__slider .bnrCarousel__item {
padding: 0 10px;
}
.bnrCarousel__slider img {
width: 100%;
display: block;
border-radius: 4px;
}
.insta_btn {
display: flex;
align-items: center;
text-align: center;
}
.insta_btn .insta {
position: relative;
display: inline-block;
width: 45px;
height: 45px;
background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow: hidden;
border-radius: 10px;
margin-right: 10px;
}
.insta_btn .insta:before {
content: "";
position: absolute;
top: 12px;
left: -20px;
width: 55px;
height: 55px;
background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}
.insta_btn .fa-instagram {
color: #fff;
position: absolute;
top: calc(50% + 1px);
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
font-size: 38px;
}
.instagram-feed {
width: 100%;
}
#footer_sp {
display: none;
}
h4 {
font-size: 18px;
color: var(--text-color);
}
@media screen and (max-width: 896px) {
h4 {
font-size: 14px;
color: var(--text-color);
}
}  @media screen and (min-width: 897px) {
.br_sp {
display: none;
}
}
@media screen and (max-width: 896px) {
.br_pc {
display: none;
}
} .flex_img_box {
display: flex;
justify-content: center;
margin: 80px auto;
}
.flex_img_box div {
padding: 0 20px;
} .callout-banner {
position: fixed;
z-index: 50;
max-width: 90%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 10px;
overflow: hidden;
}
.callout-banner img {
width: 100%;
height: auto;
display: block;
} .banner-close {
position: absolute;
top: 8px;
right: 8px;
font-size: 15px;
color: #fff;
background-color: rgb(111 110 110 / 70%);
border-radius: 50%;
padding: 2px 6px;
cursor: pointer;
transition: background 0.3s ease;
}
.banner-pc {
bottom: 0px;
left: 0;
width: 28%;
display: block;
}
.banner-sp {
display: none;
}
section.bnr {
width: 80%;
margin: 50px auto;
text-align: center;
} .top-title {
color: var(--text-color);
font-size: 2.5rem;
font-weight: bold;
width: 90%;
margin: 0px auto;
line-height: 3rem;
}
.top-title span {
font-size: 1.5rem;
}
.bg_top-title {
position: relative;
margin: 0px auto;
}
.bg_top-title::before {
content: "";
display: block;
width: 94%;
height: 100%;
position: absolute;
top: 0px;
left: 0;
background: var(--accent-back-color); border-radius: 50px 100px 50px 100px;
z-index: -1;
}
.bg_top-title h2 {
font-weight: 600;
margin-bottom: 3.5rem;
display: block;
color: var(--text-color);
font-size: 4rem; padding: 40px 0;
line-height: 3.5rem;
font-family: "Noto Sans JP", sans-serif;
}
.bg_top-title h2 span {
font-size: 2rem;
line-height: 3rem;
margin-bottom: -2rem;
font-weight: normal;
}
.googlemap {
margin-top: 40px;
}
.googlemap iframe {
width: 100%;
} .features .page_ttl img {
aspect-ratio: 3 / 1;
}
.features .point {
display: flex;
justify-content: center;
align-items: center;
gap: 5rem;
width: 60%;
margin: 6rem auto;
}
.features .point .h_ttl {
width: auto;
text-align: left;
line-height: normal;
}
.features .point div {
width: 50%;
}
.features .point div img {
border-radius: 100%;
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
}
.features .feture_ttl span::first-letter {
color: unset;
}
.features .feture_ttl span {
font-size: 3rem;
}
.features .feature_txt {
position: relative;
}
.features .feature_txt::before {
content: "";
display: block;
width: 100%; height: 100%;
position: absolute;
top: 0;
right: 0;
background: var(--accent-back-color);
border-radius: 0px 0px 100px 10px; z-index: -1;
}
.features .feature_wrap .feature_box h3,
.features .feature_wrap .feature_box .num {
position: unset;
}
.features .feature_wrap .feature_box .num::first-letter {
color: var(--main-back-color);
text-shadow: 0 0 8px var(--text-color);
}
.features .feature_wrap .feature_box .num {
color: var(--main-text-color);
padding: 0rem 2rem 0 0rem;
}
.features .feature_wrap .feature_box h3,
.features .others h3 {
padding: 2rem 2rem 0 2rem;
color: var(--text-color);
text-shadow: unset;
font-size: 1.5rem;
}
.features .feature_wrap .feature_box .txt,
.features .others p {
padding: 20px 20px 40px;
}
.features .feature_wrap .feature_box figure {
border-radius: unset;
aspect-ratio: 3 / 2;
border-radius: 100px 10px 0 0;
}
.features .feature_box figure.diagram {
height: 100%;
}
.features .pc_flex {
display: flex;
gap: 20px;
}
.features .feature_wrap .feature_box,
.features .feature_txt {
width: 100%;
}
.features .feature_box:last-child .pc_flex {
align-items: center;
}
.features .feature_wrap .feature_box h3 { }
.feature_box .pc_flex .img_on_message {
position: relative;
}
.feature_box .pc_flex .img_on_message p {
width: 100%;
padding: 2rem;
font-weight: 600;
color: var(--main-back-color);
text-shadow: 0 0 8px var(--text-color);
position: absolute;
bottom: 0;
left: 0;
pointer-events: none;
}
.features .feature_wrap .feature_box h3.farmers {
padding: 2rem 2rem 2rem 9rem;
}
.features .feature_wrap .feature_box .txt { }
.features .others {
margin: 0 auto;
}
.features .others img {
width: 100%;
}
.features .feature_grid_layout {
display: flex;
flex-direction: column;
}
.features .feature_grid_layout .pc_flex {
display: flex;
gap: 20px;
}
.features .feature_grid_layout .pc_flex figure {
width: 50%;
}
.features .swiper-content-box .swiper .swiper-pagination {
bottom: 90px !important;
}