@charset "UTF-8";
  @media screen and (max-width: 1580px) {
.feature_wrap .feature_box figure {
height: auto;
}
}
@media screen and (max-width: 1380px) {
.room_wrap .txt {
padding: 20px;
}
.meal_wrap .txt {
padding: 20px;
}
.pet-friendly_wrap .pet-friendly_slide {
width: 100%;
}
.pet-friendly_wrap .txt {
width: 100%;
padding: 20px;
}
}
@media screen and (max-width: 1498px) {
.container {
width: calc(100vw - 109px);
padding: 100px 0;
}
.news_container {
width: 98%;
}
.container2 {
width: calc(100vw - 109px);
padding: 100px 0;
}
#mainvisual {
width: calc(100vw - 109px);
}
.top_slider {
height: 100vh;
}
.nav_wrap {
width: calc(100vw - 500px);
margin-right: 40px;
}
.bg_concept::before {
width: calc(100vw - 59px);
}
.top_concept_wrap .top_concept_center {
width: 35%;
padding: 30px;
}
.top_concept_wrap .top_concept_right {
width: 20%;
border-radius: 0 0 0 100px;
}
.feature_wrap .feature_box h3 {
font-size: 1.25rem;
}
.camp_wrap figure {
width: 100%;
border-radius: 0 100px 0 0;
}
.camp_wrap .txt {
width: 100%;
position: static;
transform: none;
border-radius: 0;
}
.slide_bg::before {
width: calc(100vw - 400px);
}
.h_nav {
width: calc(100vw - 114px);
}
}
@media screen and (max-width: 1024px) {
.h_ttl {
font-size: 24px;
margin-bottom: 1.5rem;
}
.vertical_ttl {
writing-mode: inherit;
margin-bottom: 1.5rem;
}
.gmap {
padding-top: 66.6666666667%;
}
.container { width: 100%; padding: 20px;
}
.container2 {
width: 100%;
padding: 50px 1rem;
}
.m_box {
padding: 60px 7px;
border-radius: 0 60px 0 60px;
}
.news_box {
padding: 0;
border-radius: 0 60px 0 60px;
}
.r_bg {
position: relative;
}
.r_bg::before {
border-radius: 0 60px 0 0;
}
.r_bg.separate {
margin: 50px 0;
}
.l_bg {
position: relative;
}
.l_bg::before {
border-radius: 60px 0 0 0;
}
.l_bg.separate {
margin: 50px 0;
}
#under {
margin-top: 60px;
background-color: #f2fcff;
}
#under .page_ttl h2 {
line-height: 1.5rem;
}
#under .feature_btn {
margin-top: 10px;
}
.page_ttl {
line-height: 2;
}
.page_ttl figure {
height: 160px;
}
.page_ttl .ttl_wrap {
width: 100%;
padding: 0 1rem;
font-size: 1.5rem;
}
.page_ttl .ttl_wrap span {
font-size: 1rem;
}
.page_ttl .ttl_wrap span::after {
width: 160px;
}
.page_ttl .m_text2 {
font-size: 1.25rem;
}
.ac_h2 {
font-size: 23px;
}
.breadcrumbs {
width: 100%;
}
.breadcrumbs ul {
justify-content: center;
}
.list_disc li {
margin-right: 0;
} header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99;
background: var(--main-back-color);
}
.h_nav {
width: 100%;
height: auto;
}
.logo_wrap {
height: 60px;
padding: 0.25rem 1rem;
}
.nav_wrap {
width: auto;
display: block;
}
.nav_wrap::before {
content: "";
display: block;
width: 180%;
height: 120%;
background: #4586c9;
border-radius: 50%;
transform: translate(50%, -50%) scale(0.5);
position: fixed;
top: -100%;
right: -100%;
transition: all 0.5s linear;
}
.nav_wrap.open::before {
top: 0;
right: 0;
transform: translate(50%, -50%) scale(2);
}
.nav_wrap nav {
width: 100%;
height: 100%;
padding: 100px 1rem 1rem;
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: all 0.5s linear;
}
.nav_wrap nav ul {
justify-content: space-between;
}
.nav_wrap nav ul li {
width: 48%;
border-bottom: 1px solid #fcfdfe;
margin-bottom: 1rem;
}
.nav_wrap nav ul li a {
color: #fcfdfe;
}
.nav_wrap nav .nav_reserve {
display: block;
margin-top: 1rem;
text-align: center;
}
.nav_wrap nav .nav_reserve a {
display: inline-block;
padding: 1rem 2rem;
background: #fcfdfe;
font-weight: 600;
}
.nav_wrap nav .nav_reserve a i {
margin-right: 5px;
}
.nav_wrap .h_tel {
display: none;
}
.nav_wrap .h_reserv {
display: none;
}
.nav_wrap #nav_toggle {
display: block;
width: 2.5rem;
height: 1.75rem;
position: fixed;
top: 1rem;
right: 1rem;
}
.nav_wrap #nav_toggle span {
display: block;
width: 100%;
height: 2px;
background: var(--text-color);
position: absolute;
left: 0;
transition: all 0.3s ease-in-out;
}
.nav_wrap #nav_toggle span:nth-of-type(1) {
top: 0;
}
.nav_wrap #nav_toggle span:nth-of-type(2) {
top: 0.875rem;
}
.nav_wrap #nav_toggle span:nth-of-type(3) {
top: 1.75rem;
}
.nav_wrap.open nav {
opacity: 1;
visibility: visible;
}
.nav_wrap.open #nav_toggle span {
background: var(--main-back-color);
}
.nav_wrap.open #nav_toggle span:nth-of-type(1) {
top: 50%;
transform: translateY(-50%) rotate(-135deg);
}
.nav_wrap.open #nav_toggle span:nth-of-type(2) {
width: 0;
opacity: 0;
}
.nav_wrap.open #nav_toggle span:nth-of-type(3) {
top: 50%;
transform: translateY(-50%) rotate(135deg);
}
.fixed .nav_wrap nav ul li a {
color: #fcfdfe;
}
.under .nav_wrap nav ul li a {
color: #fcfdfe;
} .f_reserve_wrap {
padding: 50px 0 0px;
}
.f_reserve_wrap .f_reserve_ttl {
width: 100%;
text-align: center;
}
.f_reserve_wrap .f_reserve_txt {
width: 100%;
}
footer::before {
border-radius: 0 60px 0 0;
}
footer .f_wrap {
margin: 30px 0;
}
footer .f_wrap .f_left {
width: 100%;
}
footer .f_wrap .f_right {
width: 100%;
}
footer .f_access {
margin-top: 20px;
}
footer .f_access_wrap .f_access_left {
width: 100%;
}
footer .f_access_wrap .f_access_right {
width: 100%;
}
footer .f_logo {
width: 200px;
margin: 20px auto;
}
footer .f_navi {
width: 100%;
}
footer .f_navi ul li {
margin: 0.5rem;
}
footer .f_sns ul {
justify-content: center;
}
footer .f_access dl dt {
width: 100%;
}
footer .f_access dl dd {
width: 100%;
} .slide_bg::before {
width: calc(100vw - 80px);
border-radius: 0 0 0 100px;
}
#mainvisual {
width: calc(100vw - 42px);
padding: 60px 0 0px;
}
#mainvisual .catch img {
width: 320px;
max-width: unset;
}
.slide_bg {
height: 70vh;
}
.top_slider {
height: 70vh;
}
.top_slider .swiper-slide img {
height: 80%;
}
.slide_bg::before {
height: 100%;
}
}
@media screen and (max-width: 896px) {
.top_news_box {
width: 100%;
margin: 40px auto;
}
.top_news_box h3 {
width: 94%;
font-size: 2rem;
margin: 0 auto 20px auto;
}
.top_news_box ul.top_news_list li.top_news_list_box {
border-radius: 10px;
}
.top_news_box ul.top_news_list li.top_news_list_box .top_news_list_img {
height: 180px;
}
.top_news_box ul.top_news_list li.top_news_list_box .top_news_list_img img {
height: 180px;
border-radius: 10px 10px 0 0;
}
.top_news_box .top_news_slider .slick-list {
margin: 0 -10px;
}
.top_news_box .top_news_slider .slick-slide {
margin: 0 10px;
}
.top_news_control_box {
width: 94%;
margin: 15px auto 0 auto;
}
.top_news_more_box a {
width: 100%;
max-width: 300px;
}
}
@media screen and (max-width: 896px) {
.bg_concept::before {
width: calc(100vw - 21px);
border-radius: 0 0 0 100px;
}
.top_concept_wrap {
padding: 50px 0;
}
.top_concept_wrap .top_concept_left {
width: 90%;
border-radius: 0 100px 0 0;
order: 1;
}
.top_concept_wrap .top_concept_center {
width: 100%;
padding: 0 1rem;
order: 3;
}
.top_concept_wrap .top_concept_right {
width: 35%;
margin-top: -120px;
margin-left: auto;
border-radius: 0 0 0 60px;
order: 2;
}
.feture_ttl {
margin-bottom: 40px;
}
.feature_wrap .feature_box {
width: 100%;
margin-bottom: 30px;
}
.feature_wrap .feature_box .num {
font-size: 3rem;
padding: 0.7rem;
line-height: normal;
}
.feature_wrap .feature_box figure {
height: 240px;
border-radius: 0 60px 0 0;
}
.swiper-content-box .swiper .swiper-slide .img-box {
padding-bottom: 80%;
}
.swiper-content-box .swiper .swiper-pagination {
bottom: 20% !important;
}
.activity_wrap {
justify-content: space-between;
}
.activity_wrap .activity_box {
width: 48%;
margin-bottom: 30px;
margin-right: 0;
border-radius: 0 0 0 30px;
}
.activity_wrap .activity_box .txt {
padding: 1rem;
}
.activity_wrap.top_ac .activity_box {
width: 100%;
}
.activity_wrap.v2 .activity_box {
margin-right: 0;
}
.contents_wrap .contents_box {
width: 100%;
}
.contents_wrap .contents_box figure {
height: 180px;
}
.contents_wrap .contents_box:nth-of-type(1) figure {
border-radius: 0 60px 0 0;
}
.contents_wrap .contents_box:nth-of-type(2) figure {
border-radius: 0;
}
.contents_wrap .contents_box:nth-of-type(3) figure {
border-radius: 0;
}
.contents_wrap .contents_box:nth-of-type(4) figure {
border-radius: 0 0 0 60px;
}
.room_wrap {
margin-bottom: 40px;
}
.room_wrap .room_slide {
width: 100%;
}
.room_wrap .txt {
width: 100%;
}
.room_wrap:last-of-type {
margin-bottom: 0;
}
.room-facility .tbl01 {
width: 100%;
}
.room-facility .tbl01 th {
padding-top: 2rem;
}
.room-facility .h_ttl_middle {
margin-bottom: 0px;
}
.meal_wrap {
margin-bottom: 40px;
}
.meal_wrap .meal_slide {
width: 100%;
}
.meal_wrap .txt {
width: 100%;
}
.meal_wrap:last-of-type {
margin-bottom: 0;
}
p.meal-title {
font-size: 1.1rem;
margin-bottom: 10px;
}
.meal_detail {
margin-bottom: unset;
}
.pet-friendly_wrap {
margin-bottom: 40px;
}
.pet-friendly_wrap figure {
width: 100%;
height: auto;
border-radius: 0 60px 0 0;
}
.pet-friendly_wrap .pet-friendly_image > p.note {
width: 100%;
}
.pet-friendly_wrap .txt {
width: 100%;
padding: 20px;
position: static;
transform: translateY(0);
border-radius: 0 0 0 60px;
}
.pet-friendly_wrap:nth-of-type(even) {
flex-direction: row-reverse;
}
.pet-friendly_wrap:nth-of-type(even) figure {
border-radius: 0 60px 0 0;
}
.pet-friendly_wrap:nth-of-type(even) .txt {
border-radius: 0 0 0 60px;
}
.pet-friendly_wrap:last-of-type {
margin-bottom: 0;
}
.camp_wrap figure {
width: 100%;
height: auto;
border-radius: 0 60px 0 0;
}
.camp_wrap .txt {
width: 100%;
padding: 20px 20px 40px;
position: static;
transform: translateY(0);
border-radius: 0 0 0 60px;
}
.camp_wrap .camp_ttl {
font-size: 1.125rem;
margin-bottom: 1rem;
}
.camp_wrap:nth-of-type(even) {
flex-direction: row-reverse;
}
.camp_wrap:nth-of-type(even) figure {
border-radius: 0 60px 0 0;
}
.camp_wrap:nth-of-type(even) .txt {
border-radius: 0 0 0 60px;
}
.camp_wrap:last-of-type {
margin-bottom: 0;
}
.entry_content {
padding: 1rem;
border-radius: 30px;
}
.entry_content .entry_box .entry_body {
padding: 1rem 0;
}
.news_box .entry_content {
padding: 0;
}
.tbl01 th,
.tbl01 td {
display: block;
width: 100%;
text-align: left;
word-break: break-all;
}
.gallery_wrap {
padding: 50px 0;
}
.gallery_wrap .gallery_list li {
width: 200px;
height: 160px;
}
.sp {
display: block;
}
.pc {
display: none;
}
}
@media screen and (max-width: 768px) {
.h_ttl {
font-size: 1.25rem;
}
.h_ttl span {
font-size: 3rem;
}
.h_ttl.v2 {
margin-bottom: 20px;
}
.h_ttl_middle {
font-size: 1.25rem;
padding-bottom: 0.5rem;
margin-bottom: 20px;
}
.feture_ttl {
font-size: 1.5rem;
}
.feture_ttl span { line-height: 1.3;
font-size: 3rem;
}
.feture_ttl b {
font-size: 2rem;
}
.activity_wrap .activity_box {
width: 100%;
}
.pet-friendly_wrap .pet-friendly_image {
width: 100%;
margin-bottom: 1rem;
}
.pet-friendly_wrap .txt {
width: 100%;
}
.inuyado_box {
margin-top: 30px;
}
.inuyado_box ul li {
width: 100%;
}
.inuyado_details {
flex-direction: column;
}
.inuyado_details dl {
width: 100%;
}
.inuyado_details dt {
text-align: left;
margin: 1rem auto 0.2rem;
height: unset;
}
#footer_sp {
display: block;
}
.reserve_sp {
width: 100%;
height: 60px;
display: flex;
position: fixed;
bottom: 0;
right: 0;
z-index: 100;
text-align: center;
background: var(--text-color);
}
.reserve_sp p {
padding-top: 7px;
}
.reserve_sp p a {
color: #fff;
display: block;
}
.reserve_web,
.reserve_web1,
.reserve_reviews,
.reserve_mail,
.reserve_menu {
width: 33.33333%;
}
.reserve_web,
.reserve_web1,
.reserve_reviews,
.reserve_mail {
border-right: #fff solid 1px;
}
.reserve_web1 {
background: var(--main-color);
}
.reserve_mail,
.reserve_reviews {
background: var(--accent-back-color);
}
.reserve_mail:last-of-type {
border-right: none;
} .flex_img_box {
flex-direction: column;
margin: 20px auto;
}
.flex_img_box div {
padding: 20px;
} .faq_list {
padding-bottom: unset;
margin-bottom: 10px;
}
.faq_list .question,
.faq_list .answer {
padding: 0.75rem 0px 1rem 3.5rem;
} .banner-close {
right: 4px;
font-size: 10px;
}
.banner-sp {
bottom: 60px;
width: 100%;
max-width: 100%;
display: block;
}
.banner-pc {
display: none;
}
section.bnr {
margin: 2rem;
} .top-title {
font-size: 0.95rem; margin: 0 0 1.5rem 1.5rem;
line-height: 1.5rem;
width: auto;
}
.bg_top-title::before {
width: 99%; height: 125%;  border-radius: 40px 70px 40px 70px;
}
.bg_top-title h2 span {
font-size: 0.57em;
line-height: 1.25;
letter-spacing: normal;
}
.bg_top-title h2 {
margin-bottom: 1.5rem;
display: block;
color: var(--text-color);
font-size: clamp(1.2rem, 8vw, 2.5rem);
padding: 25px 0 0px;
line-height: 2.5rem;
font-weight: bold;
letter-spacing: -2px;
} #news .container {
width: 100%;
padding: 50px 0rem;
}
#news .m_box {
padding: 60px 20px;
border-radius: 0 60px 0 60px;
}  footer,
.inuyado_box,
.inuyado_details {
padding: 0 1rem;
} .dogmeal-top {
width: 99%;
margin: 2rem auto 0;
}
.dogmeal-top .ac_h2-wrapper {
margin: unset;
} .features .point {
display: flex;
align-items: center;
width: 96%;
justify-content: center;
margin: 2rem auto;
gap: 0.5rem;
}
.features .point .h_ttl {
width: 38%;
text-align: left;
}
.features .h_ttl span {
font-size: 2.3rem;
line-height: 2.5rem;
margin-top: 1rem;
}
.features .page_ttl img {
aspect-ratio: unset;
}
.features .feture_ttl span {
font-size: 1.5rem;
}
.features .feature_txt {
position: relative;
text-align: center;
z-index: 1;
}
.features .feature_txt::before { width: 100%;
}
.features .feature_wrap .feature_box h3,
.features .others h3 {
padding: 1.5rem 1rem 0 1rem;
font-size: 1.5rem;
}
.features .feature_wrap .feature_box .num {
padding: 0rem 0.8rem 0 0rem;
}
.features span.subtitle {
font-size: 1.35rem;
}
.features .feature_wrap .feature_box .txt {
padding: 1rem 1rem 2rem 1rem;
}
.features .feature_txt.right::before { }
.features .feature_wrap .feature_box h3.farmers {
font-size: 1.25rem;
padding: 0.5rem 2rem;
}
.features .feature_box .pc_flex div:nth-of-type(2) {
margin-top: 2rem;
}
.features .others {
text-align: center;
}
.features .others p {
padding: 1rem 0rem 2rem 0.25rem;
}
.features .pc_flex {
display: block;
}
.features .feature_grid_layout {
display: flex;
flex-direction: column;
}
.features .feature_grid_layout .pc_flex {
display: contents;
}
.features .feature_grid_layout .pc_flex figure:first-child {
order: 1;
}
.features .feature_grid_layout .feature_txt {
order: 2;
}
.features .feature_grid_layout .pc_flex figure.diagram {
order: 3;
margin-top: 2rem;
}
.features .feature_wrap .feature_box figure {
height: unset;
}
.features .feature_grid_layout .pc_flex figure,
.features .feature_grid_layout .slide_anim,
.features .feature_grid_layout .pc_flex figure img {
width: 100%;
height: auto;
object-fit: contain;
}
.features .swiper-content-box .swiper .swiper-pagination {
bottom: 8vh !important;
}
.features .container {
width: 100%;
} }