@charset "UTF-8";
 html {
font-size: 62.5%;
}
body {
font-family: "Noto Sans JP", sans-serif, "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "MS P明朝", "MS 明朝", serif;
position: relative;
}
html,
body {
width: 100%;
}
h1 {
font-size: 3.2rem;
letter-spacing: 0.05em;
}
h2 {
font-size: 2.8rem;
color: #222;
text-align: center;
letter-spacing: 0.05em;
}
h3 {
font-size: 2.4rem;
color: #222;
}
h4 {
font-size: 2rem;
color: #222;
text-align: center;
margin-bottom: 20px;
}
.color_w {
color: #fff;
}
@media screen and (max-width: 896px) {
h2 {
font-size: 2.4rem;
}
h3 {
font-size: 1.8rem;
padding: 30px 0;
}
}
p,
address {
line-height: 1.7;
font-size: 1.5rem;
color: #333;
letter-spacing: 0.05em;
}
p.image-text {
padding: 10px 0 0;
text-align: center;
color: rgba(196, 196, 196, 1);
}
p.text_c {
text-align: center;
}
ul li {
font-size: 1.5rem;
color: #333;
}
a {
color: #333;
text-decoration: none;
transition: all 0.3s;
word-break: break-all;
}
a.white {
color: #fff;
}
a:hover {
opacity: 0.8;
}
a:hover>img {
opacity: 0.8;
}
img {
display: block;
}
@media screen and (max-width: 896px) {
img {
display: block;
max-width: 100%;
}
p.image-text {
font-size: 1.4rem;
text-align: left;
}
}
i.fa {
display: inline;
}
header {
display: block;
justify-content: space-between;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 400;
}
.header {
position: fixed;
top: 0;
width: 100%;
background: #fff; transition: all 0.5s ease;
}
.hidden {
background: #fff;
transition: all 0.5s ease;
}
@media screen and (max-width: 896px) {
header {
display: flex;
height: 60px;
}
}
header h1 {
height: 70px;
}
@media screen and (max-width: 896px) {
header h1 {
height: 60px;
}
}
header h1 img {
padding: 2px 0 0px 20px;
width: 240px;
height: auto;
display: inline;
}
header h1 .logo_image {
position: relative;
}
header h1 .logo_image a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 333;
margin-top: 0px;
}
@media screen and (max-width: 896px) {
header h1 img {
width: 163px;
padding: 5px 0 0px 10px;
}
header h1 .logo_image {
position: static;
}
} nav {
position: absolute;
right: 0;
top: 0;
} .navbar_toggle {
z-index: 20;
}
.navbar_toggle_icon {
position: relative;
display: block;
height: 2px;
width: 52px;
background: #fff;
-webkit-transition: ease 0.5s;
transition: ease 0.5s;
}
@media screen and (max-width: 896px) {
.navbar_toggle_icon {
width: 30px;
}
}
.navbar_toggle_icon:nth-child(1) {
top: 0;
}
.navbar_toggle_icon:nth-child(2) {
margin: 14px 0;
}
.navbar_toggle_icon:nth-child(3) {
top: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
top: 15px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
top: -15px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu_list {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: ease 0.5s;
transition: ease 0.5s;
z-index: 250;
width: 100%;
background: #fff;
position: absolute;
top: 0;
}
.menu_list li {
border-bottom: 1px solid #ccc;
font-size: 1.6rem;
}
.menu_list li a {
display: block;
padding: 30px;
}
@media screen and (max-width: 896px) {
.menu_list li a {
padding: 24px;
}
}
.menu_list.open {
-webkit-transform: translateY(0);
transform: translateY(0);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
top: 100px;
}
@media screen and (max-width: 896px) {
.menu_list.open {
top: 60px;
}
} .container { max-width: 1400px;
margin: 0 auto;
}
.br_sp {
display: none;
}
.br_pc {
display: block;
}
@media screen and (max-width: 896px) {
.container {
width: 94%;
}
.br_sp {
display: block;
}
.br_pc {
display: none !important;
}
}
a.a_link {
text-decoration: underline;
word-break: break-all;
}
a.scroll_point {
height: 1px;
margin-top: -80px;
padding-top: 80px;
display: block;
}
@media screen and (max-width: 896px) {
a.scroll_point {
display: block;
margin-top: 0;
padding-top: 0;
}
}
h2.btm_border {
position: relative;
}
h2.btm_border:before,
h2.btm_border:after {
content: "";
position: absolute;
bottom: 0;
width: 51px;
height: 4px;
}
h2.btm_border:before {
left: 50%;
margin-left: -51px;
background: #7ccccf;
}
h2.btm_border:after {
right: 50%;
margin-right: -51px;
background: #f0f2f1;
}
h2.btm_stripe {
position: relative;
}
h2.btm_stripe:after {
position: absolute;
content: "";
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: auto;
height: 8px;
background: url(//www.glamping-aichi.com/wp-content/themes/shitara_vl/img/stripe.png) no-repeat;
width: 40%;
height: 400px;
}
.mincho {
line-height: 1.1;
letter-spacing: 0.1em;
}
.btn_more {
border: 2px solid #17787c;
border-radius: 50px;
margin-top: 20px;
width: 200px;
}
@media screen and (max-width: 896px) {
.btn_more {
margin: 20px auto 0;
}
}
.btn_more a {
text-align: center;
color: #17787c;
font-weight: bold;
display: block;
height: 100%;
padding: 5px;
}
.btn_more:hover {
opacity: 0.8;
background-color: #17787c;
}
.btn_more a:hover {
color: #fff;
}
.pad_80 {
padding: 80px 0;
}
.pl_25 {
padding-left: 25px;
}
.mt_10 {
margin-top: 10px;
}
.mt_15 {
margin-top: 15px;
}
.mt_20 {
margin-top: 20px;
}
.mt_30 {
margin-top: 30px;
}
.mt_40 {
margin-top: 40px;
}
.mt_50 {
margin-top: 50px;
}
.mt_80 {
margin-top: 80px;
}
.mt_120 {
margin-top: 120px;
}
.mb_10 {
margin-bottom: 10px;
}
.mb_15 {
margin-bottom: 15px;
}
.mb_20 {
margin-bottom: 20px;
}
.mb_25 {
margin-bottom: 25px;
}
.mb_30 {
margin-bottom: 30px;
}
.mb_40 {
margin-bottom: 40px;
}
.mb_60 {
margin-bottom: 60px;
}
.mb_80 {
margin-bottom: 80px;
}
.mb_100 {
margin-bottom: 120px;
}
.mb_120 {
margin-bottom: 120px;
}
.mb_140 {
margin-bottom: 140px;
}
.mb_200 {
margin-bottom: 200px;
}
.mb_260 {
margin-bottom: 260px;
}
.mb_460 {
margin-bottom: 460px;
}
.ta_c {
text-align: center;
}
.ma_a {
margin: 0 auto;
}
@media screen and (max-width: 896px) {
.sp_mb_40 {
margin-bottom: 40px;
}
.mb_260,
.mb_460 {
margin-bottom: 60px;
}
}  #resort-rg {
background: #d4d4d4; padding: 60px 0;
}
.rg_group h2 {
color: #666;
line-height: 1.5;
}
.rg_group h2 span {
font-size: 2rem;
}
.rg_group h4.rg_group {
font-size: 1.6rem;
text-align: left;
margin-bottom: 0;
color: #666;
}
.rg_group .box {
display: flex;
flex-direction: column;
}
.rg_group .box ul {
display: flex;
-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
@media screen and (max-width: 896px) {
.rg_group .box ul {
flex-direction: column;
}
}
.rg_group .box p.type {
text-align: center;
padding: 8px 0;
font-size: 1.8rem;
margin-bottom: 15px;
color: #fff;
}
.rg_group .box li {
display: flex;
margin-bottom: 32px;
margin-left: 8px;
width: 32%;
}
@media screen and (max-width: 896px) {
.rg_group .box li {
width: 100%;
margin-left: 0;
}
}
.rg_group .box li img {
width: 65px;
height: 45px;
object-fit: cover;
}
.rg_group .box li .txt {
padding: 5px 0 0 10px;
width: 100%;
}
.rg_group .box li .txt p {
font-size: 1.3rem;
line-height: 1.4;
margin-bottom: 5px;
color: #fff;
}
.rg_group .box li .txt h3 {
font-size: 1.6rem;
font-weight: 500;
line-height: 1.5;
color: #fff;
}
.rg_group .rg_details {
display: flex;
padding-left: 10px;
}
@media screen and (max-width: 896px) {
.rg_group .rg_details {
flex-direction: column;
}
}
.rg_group .rg_details dl {
float: left;
padding-right: 3%;
width: 32%;
font-size: 14px;
line-height: 1.5;
}
@media screen and (max-width: 896px) {
.rg_group .rg_details dl {
width: 100%;
}
}
.rg_group .rg_details dl:last-child {
padding-right: 0;
}
.rg_group .rg_details dt {
height: 1.6em;
font-weight: bold;
text-align: center;
padding: 20px 0 10px;
font-size: 16px;
text-decoration-line: underline;
color: #666;
}
@media screen and (max-width: 896px) {
.rg_group .rg_details dt {
text-align: left;
}
}
.rg_group .rg_details dd {
margin-left: 0px;
color: #666;
}
footer {
text-align: right;
padding: 80px 0 0;
}
footer .f_menu {
display: flex;
justify-content: space-between;
padding-bottom: 80px;
}
#footer-menu li {
padding: 9px 27px;
margin-top: 10px;
}
@media screen and (max-width: 896px) {
footer {
text-align: center;
padding: 68px 0 68px;
}
footer .f_menu {
flex-direction: column;
}
}
#footer-menu a {
display: block;
}
#menu-item-891 {
display: block;
}
#menu-item-1961 {
width: 43px;
}
#menu-item-1674 {
background: #7ccccf;
border-radius: 20px;
border: 1px solid #fff;
}
#menu-item-1674 a {
color: #fff;
}
#menu-item-1674:hover {
background: #fff;
}
#menu-item-1674 a:hover {
color: #7ccccf;
font-weight: bold;
opacity: 1;
}
footer h2 {
text-align: left;
font-size: 32px;
}
footer p {
text-align: left;
}
#footer-menu ul {
max-width: 640px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media screen and (min-width: 897px) {
#menu-item-1960 {
width: 43px;
}
}
@media screen and (max-width: 896px) {
footer h2 {
text-align: center;
}
footer p {
text-align: center;
}
#footer-menu ul li {
padding: 10px 20px;
margin-bottom: 10px;
}
#menu-item-1961 {
width: 129px;
}
}
footer .info .logo_image {
width: 360px;
line-height: 1.5;
}
@media screen and (max-width: 896px) {
footer .info .logo_image {
margin: 20px auto;
width: 100%;
}
}
footer .info .logo_image img {
width: 200px;
}
@media screen and (max-width: 896px) {
footer .info .logo_image img {
width: 42%;
margin: 0 auto;
}
}
footer .info p.tel {
font-size: 2.5rem;
}
footer .info p.tel a {
color: #fff;
}
footer .info p.time {
font-size: 1.8rem;
}
footer .info .btn_orange a {
border-radius: 0;
padding: 12px 50px;
}
footer p.address {
margin-bottom: 20px;
}
footer a.recruit {
color: #5d87b7;
}
footer p.company {
font-size: 13px;
text-align: center;
}
footer .form_btn {
border: solid 1px #7ccccf;
padding: 3px 15px;
width: 200px;
}
@media screen and (max-width: 896px) {
footer .form_btn {
margin: 0 auto;
}
}
.reserve_pc {
position: fixed;
bottom: 110px;
right: 0;
width: 200px;
height: 107px;
z-index: 100;
background: #f7f5fa;
color: #5fb6ba;
text-align: center;
}
@media screen and (max-width: 896px) {
.reserve_pc {
display: none;
}
}
.reserve_pc p {
background: #a3c1ad;
font-size: 2rem;
color: #fff;
padding-top: 5px;
padding-bottom: 5px;
}
.reserve_pc a {
font-size: 2rem;
color: #474157;
}
.reserve_pc a.to489 {
font-size: 1.6rem;
color: #fff;
}
.reserve_pc a.to489:hover {
text-decoration: underline;
}
.reserve_pc .reserve_to489 {
background: #a3c1ad;
padding: 10px 0;
}
.reserve_pc .mailbox {
padding: 8px 5px 7px;
display: flex;
justify-content: center;
align-items: center;
width: 162px;
margin: 0 auto;
}
.reserve_pc .mailbox a {
padding: 0;
font-size: 1.4rem;
}
.reserve_pc p span {
display: block;
font-size: 60%;
}
#footer_sp {
display: none;
}
@media screen and (max-width: 1299px) {
#footer_sp {
display: block;
}
.reserve_sp {
width: 100%;
height: 60px;
display: flex;
position: fixed;
bottom: 0;
right: 0;
z-index: 555;
background: #7ccccf;
color: #fff;
text-align: center;
}
.reserve_sp p {
padding-top: 10px;
text-align: center;
}
.reserve_sp p a {
color: #fff;
display: block;
}
.reserve_web,
.reserve_tel,
.reserve_btn {
width: 25%;
}
.reserve_web,
.reserve_tel,
.reserve_btn {
border-right: #fff solid 1px;
}
.reserve_btn:last-of-type {
border-right: none;
}
.reserve_btn {
background: #e6ebec;
}
.reserve_btn p a {
color: #1d1d1e;
}
.drawer-menu {
box-sizing: border-box;
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 30%;
min-width: 300px;
height: 100%;
padding: 50px 0;
background: #e2e2e2;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: perspective(500px) rotateY(-90deg);
transform: perspective(500px) rotateY(-90deg);
opacity: 0;
z-index: 999 !important;
}
.drawer-menu .menu {
overflow-y: auto;
height: 100%;
}
.menu-item {
display: block;
}
.drawer-menu li {
text-align: center;
}
#menu-item-4095 {
background: #7ccccf;
}
#menu-item-4095 a {
color: #fff;
}
.drawer-menu li a {
display: block;
height: 50px;
line-height: 50px;
font-size: 14px;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.drawer-menu li a:hover {
color: #1a1e24;
background: #fff;
} .check {
display: none;
} .menu-btn {
position: fixed;
display: block;
top: 12px;
right: 6%;
width: 50px;
height: 40px;
font-size: 10px;
text-align: center;
cursor: pointer;
z-index: 9999;
}
.bar {
position: absolute;
top: 0;
left: 0;
display: block;
width: 50px;
height: 3px;
background: #cbcbcb; -webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.bar.middle {
top: 15px;
opacity: 1;
}
.bar.bottom {
top: 30px;
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
}
.menu-btn:hover .bar {
background: #999;
}
.close-menu {
position: fixed;
top: 0;
right: 30%;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0);
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
visibility: hidden;
opacity: 0;
} .check:checked~.drawer-menu {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
z-index: 2;
}
.check:checked~.contents {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translateX(-300px);
-ms-transform: translateX(-300px);
transform: translateX(-300px);
}
.check:checked~.menu-btn .bar.top {
width: 56px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.check:checked~.menu-btn .bar.middle {
opacity: 0;
}
.check:checked~.menu-btn .bar.bottom {
width: 56px;
top: 39px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.check:checked~.close-menu {
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
background: rgba(0, 0, 0, 0.5);
visibility: visible;
opacity: 1;
z-index: 3;
}
} @media screen and (min-width: 1300px) {
.drawer-menu {
height: 70px;
}
.drawer-menu .menu {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.drawer-menu .menu li:not(:first-child) {
margin-left: 20px;
}
#menu-item-891 {
display: none;
}
#menu-item-4095 {
padding: 35px 120px;
background-color: #7ccccf;
position: relative;
}
#menu-item-4095 a {
color: #fff;
font-weight: 500;
letter-spacing: 0.06em;
font-size: 1.6rem;
position: absolute;
top: 25px;
left: 50%;
transform: translateX(-50%);
}
#menu-item-4095 a .fa-chevron-right {
padding-left: 10px;
}
.menu-item {
display: inline-block;
text-align: center;
margin: 0 auto;
position: relative;
}
.menu-item a {
color: #333;
}
.check,
.menu-btn {
display: none;
}
} .pankuzu {
background: #f0f2f1;
padding: 8px 0 8px 5px;
font-size: 1.3rem;
color: #333;
padding-top: 80px;
}
.page_top_view {
padding: 45px 0 60px;
}
@media screen and (max-width: 896px) {
.page_top_view {
padding: 0 0 8%;
}
}
.page_top_view img {
width: 100%;
max-width: 1200px;
height: 400px;
object-fit: cover;
}
@media screen and (max-width: 896px) {
.page_top_view img {
width: 100%;
height: 240px;
}
}
.page_top_view img.page_top {
margin: 0 auto 40px;
object-position: 0 40%;
}
.page_top_view .ttl_area {
text-align: center;
}
.page_top_view .ttl_area h2 {
padding: 0 0 24px;
}
.page_top_view .ttl_area .en {
font-family: "Allura", cursive;
font-size: 10rem;
color: #d7ecec;
}
.page_top_view .ttl_area p.msg {
margin-top: 50px;
font-size: 1.6rem;
}
ul.room_slide li img {
margin-bottom: 15px;
}
ul.cate_btn {
margin: 45px 0 0;
display: flex;
justify-content: space-around;
}
ul.cate_btn li {
text-align: center;
}
ul.cate_btn li a {
background: #fff;
border: 1px solid #ccc;
padding: 18px 0 16px;
display: block;
}
ul.cate_btn li.btn_2 {
width: 346px;
}
ul.cate_btn li.btn_3 {
width: 310px;
}
ul.cate_btn li.btn_4 {
width: 240px;
}
h3.stripe {
position: relative;
text-align: center;
font-size: 2.6rem;
margin-bottom: 50px;
}
@media screen and (max-width: 896px) {
h3.stripe {
font-size: 2rem;
}
.page_top_view .ttl_area .en {
font-size: 6rem;
}
}
h3.stripe span {
padding: 0 25px;
position: relative;
z-index: 20;
}
@media screen and (max-width: 896px) {
h3.stripe span {
padding: 0 0;
}
}
h3.border {
color: #5d87b7;
position: relative;
text-align: center;
font-size: 2.6rem;
margin-bottom: 20px;
}
@media screen and (max-width: 896px) {
h3.border {
font-size: 2rem;
}
}
h3.border span {
background: #f1f4f4;
padding: 0 25px;
position: relative;
z-index: 20;
}
h3.border:before {
content: "";
display: block;
position: absolute;
height: 8px;
width: 100%;
border-top: 1px solid #ccc;
top: 0;
bottom: 0;
margin: auto;
z-index: 10;
}
#group_plan {
padding: 80px 0;
}
ul.plan_list {
display: flex;
justify-content: space-between;
}
ul.plan_list li {
width: 100%;
}
.plan_item {
width: 478px;
margin-bottom: 50px;
}
.plan_item .photo {
position: relative;
}
.plan_item .photo img {
object-fit: cover;
width: 100%;
height: 240px;
}
.plan_item .photo p.plan_num {
background: #648bb8;
color: #fff;
font-size: 1.4rem;
padding: 4px 25px;
position: absolute;
bottom: 0;
left: 0;
}
.plan_item .txt {
background: #fff;
padding: 2% 4% 3%;
}
.plan_item .txt .ttl {
border-bottom: 1px solid #5d87b7;
padding: 10px 0 20px;
text-align: center;
}
.plan_item .txt .ttl h4 {
font-size: 2.4rem;
margin: 15px 0 0;
}
.plan_item .txt .sub p {
font-size: 1.4rem;
margin-top: 15px;
}
.plan_item .txt .sub p.gray {
background: #ededed;
padding: 2%;
}
.plan_item .txt .sub .btn_orange {
margin-top: 5px;
}
.plan_large {
width: 100%;
margin-bottom: 65px;
}
#check_place {
padding: 40px 0;
}
#check_place p.msg {
margin-bottom: 40px;
font-size: 1.6rem;
color: #222;
text-align: center;
}
#check_place p.caution {
color: #444;
text-align: center;
margin-bottom: 60px;
}
#without_meals {
padding: 80px 0;
}
.detail {
width: 776px;
margin: 0 auto;
}
.name {
display: flex;
margin-bottom: 30px;
}
.name p {
font-size: 1.6rem;
}
.name p.green {
background: #19a495;
border: 1px solid #19a495;
color: #fff;
width: 25%;
text-align: center;
padding: 25px 0;
}
.name p.white {
background: #fff;
border: 1px solid #999;
width: 75%;
padding: 25px;
box-sizing: border-box;
}
#with_meals {
padding: 80px 0;
}
#day_plan {
padding: 80px 0;
}
#option {
padding: 80px 0;
}
.plan_content p.msg {
text-align: center;
margin-bottom: 40px;
font-size: 1.6rem;
color: #222;
}
#menu .menu_detail {
width: 800px;
margin: 0 auto;
}
#menu .menu_detail .txt {
background: #fff;
padding: 5px;
}
#menu .menu_detail .inner {
border: 1px solid #a5c9c2;
padding: 30px 0;
}
#menu .menu_detail li {
text-align: center;
margin-bottom: 25px;
color: #222;
font-size: 1.6rem;
}
#menu .menu_detail p {
text-align: center;
}
.glamping_content p.msg {
text-align: center;
margin-bottom: 40px;
font-size: 1.6rem;
color: #222;
}
.glamping_content .sche_head {
display: flex;
justify-content: space-around;
margin-bottom: 70px;
}
.glamping_content .sche_head .txt {
background: #fff;
width: 554px;
padding: 5px;
}
.glamping_content .sche_head .txt .inner {
border: 1px solid #eec9af;
padding: 40px 50px 35px;
box-sizing: border-box;
height: 100%;
}
.glamping_content .sche_head .txt .inner.night {
border: 1px solid #adc2d5;
}
.glamping_content .sche_head .txt .inner.morning {
border: 1px solid #a0c7b5;
}
.glamping_content .sche_head .txt h3 {
font-size: 4rem;
text-align: center;
}
.glamping_content .sche_head .txt h3.day {
color: #bd806c;
}
.glamping_content .sche_head .txt h3.night {
color: #6c808e;
}
.glamping_content .sche_head .txt h3.morning {
color: #648bb8;
}
.glamping_content .sche_head .txt .time {
text-align: center;
margin: 10px auto 20px;
width: 200px;
}
.glamping_content .sche_head .txt .time p {
padding: 5px 0;
}
.glamping_content .sche_head .txt .time p.en {
border-bottom: 2px solid #eec9af;
}
.glamping_content .sche_head .txt .time p.en.night {
border-bottom: 2px solid #adc2d5;
}
.glamping_content .sche_head .txt .time p.en.morning {
border-bottom: 2px solid #a0c7b5;
}
.glamping_content .sche_head .txt p.under {
line-height: 2;
}
.glamping_content .sche_head.reverse {
flex-direction: row-reverse;
}
.glamping_content .slides {
width: 900px;
margin: 0 auto;
}
.glamping_content .slides .slide {
margin-bottom: 20px;
}
.glamping_content .slides ul.slide_pager {
display: flex;
}
.container.news_single {
background: #fff;
padding: 80px 100px 100px;
min-height: 500px;
}
@media screen and (max-width: 896px) {
.container.news_single {
background: #fff;
padding: 10% 5%;
min-height: 300px;
box-sizing: border-box;
}
}
.container.news_single p.date {
text-align: center;
}
.container.news_single h2 {
padding: 15px 0 25px;
margin-bottom: 55px;
font-size: 2.4rem;
line-height: 1.2;
}
.container.news_single .article_content img {
margin: 0 auto 45px;
max-width: 100%;
height: auto;
}
@media screen and (max-width: 896px) {
.container.news_single .article_content img {
height: auto;
object-fit: cover;
}
}
.container.news_single .article_content p {
line-height: 2;
word-break: break-word;
}
@media screen and (min-width: 897px) {
.container.news_single .article_content p {
margin: auto 10%;
}
}
.container.news_list p.news_list {
text-align: center;
font-size: 2rem;
font-weight: bold;
}
ul.news_list li {
padding: 20px;
border-bottom: 1px solid #ccc;
line-height: 1.5;
}
ul.news_list li .cate {
color: #5d87b7;
font-size: 1.4rem;
}
.qa_dl {
font-size: 1.6rem;
line-height: 1.7em;
margin-bottom: 50px;
}
.qa_dl dd {
text-indent: 1em;
}
@media screen and (max-width: 896px) {
.qa_dl dd {
text-indent: 0;
}
}
.qa_green_text {
color: #5d87b7;
font-size: 2rem;
font-weight: bold;
}
.qa_orange_text {
color: #5d87b7;
font-size: 2rem;
font-weight: bold;
}
.qa_mb {
margin-bottom: 20px;
}  footer .info {
margin-bottom: 2em;
padding-left: 15px;
padding-right: 15px;
}
@media screen and (max-width: 896px) {
footer .info {
margin-bottom: 50px;
}
}
footer p.checkin a {
color: #fff;
padding-right: 1em;
}
.checkin_box {
margin-bottom: 1em;
} .arrow {
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
} .wrapper_video {
margin: 0 auto;
width: 800px;
text-align: left;
position: relative;
visibility: hidden;
}
#video {
width: 100%;
margin: 0 auto;
padding: 0;
background-color: #000;
}
.video_box {
width: 800px;
height: auto;
margin: 0 auto;
text-align: center;
}
.video_box video {
width: 100%;
height: auto;
margin: 0 auto;
} #fixedTop {
right: 10px;
bottom: 100px;
color: #fff;
text-align: center;
line-height: 60px;
text-decoration: none;
vertical-align: middle;
display: none;
width: 60px;
height: 60px;
border-radius: 50%;
background: #5fb6ba;
position: fixed;
z-index: 99;
font-size: 20px;
}
#fixedTop:hover {
background: rgba(50, 50, 50, 1);
}
@media screen and (max-width: 896px) {
#fixedTop {
display: none !important;
}
} #content h2 {
font-size: 4rem;
text-align: center;
padding: 10rem 0 6rem;
margin: 0 auto;
}
#content p {
text-align: center;
padding: 3rem 0;
}
.pc {
display: none !important;
}  .swiper-wrapper {
width: 100%;
height: 250px;
} .swiper-slide {
width: 100%;
height: 100%;
}
.swiper-slide img {
width: 100%;
height: 100vh;
object-fit: cover;
object-position: bottom;
}
@media screen and (max-width: 896px) {
.swiper-slide img {
height: 400px;
}
} .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
color: #000;
}
.recruit_image {
width: 45%;
margin-top: 20px;
}
.recruit_image img {
width: 100%;
}
@media screen and (max-width: 896px) {
.recruit_image {
margin: 20px auto;
}
}
.c-video2,
.c-video3 {
position: relative;
}
.c-video3 {
width: 400px;
max-width: 100%;
margin: auto;
}
.c-video__frame,
.c-video__frame2 {
overflow: hidden;
position: relative;
width: 100%;
height: 0;
padding-top: calc(9 / 16 * 100%);
background: #000;
}
.c-video__frame3 {
overflow: hidden;
position: relative;
width: 100%;
height: 0;
padding-top: calc(16 / 9 * 100%);
background: #000;
}
.c-video__frame iframe,
.c-video__frame2 iframe,
.c-video__frame3 iframe {
pointer-events: none; position: absolute;
top: -60px;
left: 0;
width: 100%;
height: calc(100% + 120px);
transition: 0.1s ease;
transition-property: opacity, visibility;
}
#audioBtn {
position: absolute;
top: 100px;
right: 20px;
cursor: pointer;
color: #fff;
font-size: 22px;
opacity: 0.3;
}
#audioBtn .on_audio {
display: none;
}
#audioBtn.unmuted .off_audio {
display: none;
}
#audioBtn.unmuted .on_audio {
display: block;
}
.c-video3 #audioBtn {
top: 20px;
}
#playBtn {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
#playBtn img {
width: 100%;
height: 100%;
object-fit: cover;
}
#splash {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 9999;
background: #333;
text-align: center;
color: #fcfdfe;
}
#splash_logo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#splash_logo img {
width: 260px;
}
.fadeUp {
-webkit-animation-name: fadeUpAnime;
animation-name: fadeUpAnime;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
opacity: 0;
}
@-webkit-keyframes fadeUpAnime {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeUpAnime {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@media screen and (max-width: 896px) {
.c-video__frame {
padding-top: calc(12 / 11 * 100%);
}
.c-video__frame iframe {
left: 50%;
width: 195%;
transform: translateX(-50%);
}
#audioBtn {
top: 20px;
}
}
span {
display: inline-block;
} .language {
z-index: 9999;
position: absolute;
right: 83px;
top: 92px;
width: 140px;
height: 20px;
}
.language>li { width: 100%;
} .language li {
list-style: none;
position: relative;
}
.language li p.lan-en,
.language li a {
background: #eee;
display: block;
text-align: center;
text-decoration: none;
width: 100%;
padding: 5px 0;
border-radius: 18px;
} .language li li {
height: 0;
overflow: hidden;
transition: 0.5s;
margin-top: 1px;
margin-bottom: 6px;
}
.language li:hover>ul>li {
height: 2rem;
overflow: visible;
}
@media screen and (max-width: 896px) {
.language {
left: 185px;
top: 10px;
width: 110px;
}
}
.room_btn {
display: flex;
justify-content: center;
margin-bottom: 5%;
}
.room_btn .btn_more {
margin-right: 1%;
width: 250px;
}
@media screen and (max-width: 896px) {
.room_btn {
display: block;
}
.room_btn .btn_more {
margin: 1% auto;
}
}
h3.room_type {
display: block;
padding-top: 70px;
margin-top: -70px;
} img {
max-width: 100%;
}
html {
scroll-behavior: smooth;
}
* {
scroll-margin-top: 70px;
}
.container.-pd {
width: 100%;
box-sizing: border-box;
padding: 0 20px;
max-width: 1440px;
}
.key-visual {
padding: 80px 0;
overflow: hidden;
}
.key-visual .content-box>.txt-box {
margin-bottom: 50px;
}
.key-visual .content-box>.txt-box>.en-ttl {
font-size: 66px;
font-family: "Allura", cursive;
color: #17787c;
}
.key-visual .content-box>.txt-box>h2 {
font-size: 30px;
text-align: left;
margin-bottom: 25px;
}
.key-visual .content-box>.txt-box>.txt {
line-height: 2;
}
.key-visual .content-box>.img-box {
margin-right: calc(0px - (50vw - 700px));
position: relative;
padding-bottom: 40%;
}
.key-visual .content-box>.img-box>img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
left: 0;
}
.key-visual .content-box>.img-box>img.meal_op {
object-position: 50% 20%;
}
@media only screen and (max-width: 1410px) {
.key-visual .content-box>.txt-box>.en-ttl {
font-size: 50px;
}
.key-visual .content-box>.txt-box>h2 {
font-size: 26px;
}
.key-visual .content-box>.img-box {
margin-right: 0;
margin-left: auto;
}
}
@media only screen and (max-width: 896px) {
.key-visual {
padding: 60px 0;
}
.key-visual .content-box>.img-box {
margin: 0 -6%;
margin-right: 0;
width: 110%;
}
}
.in-page-link {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px 20px;
margin-bottom: 120px;
}
.in-page-link>li {
min-width: 206px;
}
.in-page-link>li>a {
font-size: 16px;
text-align: center;
color: #17787c;
border: 1px solid #17787c;
background: #fff;
border-radius: 30px;
padding: 12px 30px;
display: block;
position: relative;
}
.in-page-link>li>a:after {
content: "\f107";
font-weight: 900;
font-family: "Font Awesome 5 Free";
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
@media only screen and (min-width: 897px) {
.in-page-link>li>a {
transition: 0.3s;
}
.in-page-link>li>a:hover {
color: #fff;
background: #17787c;
}
}
@media only screen and (max-width: 896px) {
.in-page-link {
gap: 15px;
margin-bottom: 80px;
}
.in-page-link>li {
min-width: 160px;
}
.in-page-link>li>a {
font-size: 14px;
padding: 10px 20px;
}
.in-page-link>li>a:after {
right: 5px;
}
}
.img-swiper .main-img .slide-arrow {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
z-index: 2;
border: 3px solid #fff;
border-bottom: 0;
border-left: 0;
cursor: pointer;
transform-origin: center;
}
.img-swiper .main-img .slide-arrow.prev-arrow {
left: 15px;
transform: translateY(-50%) rotate(225deg);
}
.img-swiper .main-img .slide-arrow.next-arrow {
right: 15px;
transform: translateY(-50%) rotate(45deg);
}
.img-swiper .sub-img-list .item {
opacity: 0.6;
cursor: pointer;
transition: 0.3s;
}
.img-swiper .sub-img-list .item.slick-current,
.img-swiper .sub-img-list .item:hover {
opacity: 1;
}
.meal-menu {
margin-bottom: 120px;
}
.meal-menu>*+* {
margin-top: 80px;
}
.meal-menu>.item {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
background: #f6f6f6;
padding: 50px;
border-radius: 50px;
}
.meal-menu>.item>.main-ttl {
font-size: 30px;
text-align: center;
width: 100%;
margin-bottom: 50px;
}
.meal-menu>.item .img-box {
width: 100%;
padding-bottom: 65%;
position: relative;
}
.meal-menu>.item .img-box>img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.meal-menu>.item>.left-box {
width: 50%;
}
.meal-menu>.item>.right-box {
width: 47%;
}
.meal-menu>.item>.right-box>.txt-box {
background: #fff;
border-radius: 20px;
padding: 40px;
box-sizing: border-box;
}
.meal-menu>.item>.right-box>.txt-box>.ttl {
font-size: 18px;
font-weight: 700;
color: #17787c;
line-height: 1.6;
margin-bottom: 5px;
}
.meal-menu>.item>.right-box>.txt-box>.ttl>span {
font-size: 14px;
}
.meal-menu>.item>.right-box>.txt-box>.sub-ttl {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
border-bottom: 2px solid #17787c;
margin: 0 -40px;
padding: 0 40px 15px;
margin-bottom: 30px;
}
.meal-menu>.item>.right-box>.txt-box .menu-list>*+* {
margin-top: 15px;
}
.meal-menu>.item>.right-box>.txt-box .menu-list>li>*+* {
margin-top: 10px;
}
.meal-menu>.item>.right-box>.txt-box .menu-list>li>.txt {
font-size: 14px;
font-weight: 700;
}
.meal-menu>.item>.right-box>.txt-box>.txt-box {
margin-bottom: 50px;
}
.meal-menu>.item>.right-box>.txt-box>.btn-box {
display: flex;
gap: 0 13px;
}
.meal-menu>.item>.right-box>.txt-box>.btn-box .button01 {
padding: 15px 26px 15px 15px;
}
@media only screen and (max-width: 1232px) {
.meal-menu {
margin-bottom: 70px;
}
.meal-menu>*+* {
margin-top: 50px;
}
.meal-menu>.item {
padding: 30px 20px;
border-radius: 10px;
}
.meal-menu>.item>.main-ttl {
font-size: 20px;
margin-bottom: 20px;
}
.meal-menu>.item>.left-box {
width: 100%;
margin-bottom: 20px;
}
.meal-menu>.item>.right-box {
width: 100%;
}
.meal-menu>.item>.right-box>.txt-box {
padding: 20px;
border-radius: 5px;
}
.meal-menu>.item>.right-box>.txt-box>.ttl {
font-size: 16px;
}
.meal-menu>.item>.right-box>.txt-box>.sub-ttl {
font-size: 13px;
margin: 0 -20px 20px;
padding: 0 20px 15px;
}
.meal-menu>.item>.right-box>.txt-box>.btn-box {
flex-wrap: wrap;
gap: 10px 0;
}
.meal-menu>.item>.right-box>.txt-box>.btn-box>.item {
text-align: center;
width: 100%;
}
}
.dot-list>*+* {
margin-top: 10px;
}
.dot-list>li {
font-size: 14px;
position: relative;
padding-left: 18px;
}
.dot-list>li:before {
content: "-";
font-weight: 700;
color: #17787c;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width: 896px) {
.dot-list>li {
font-size: 13px;
}
}
.asterisk-list>*+* {
margin-top: 10px;
}
.asterisk-list>li {
font-size: 14px;
color: #888;
position: relative;
padding-left: 20px;
}
.asterisk-list>li:before {
content: "※";
position: absolute;
top: 0;
left: 0;
}
.button01 {
font-size: 16px;
font-weight: 700;
text-align: center;
color: #17787c;
border: 2px solid #17787c;
padding: 15px 40px;
border-radius: 30px;
display: inline-block;
width: 100%;
max-width: 220px;
transition: 0.3s;
box-sizing: border-box;
position: relative;
}
.button01:before {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 5 Free";
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
.button01:hover {
color: #fff;
background: #17787c;
opacity: 1;
}
@media only screen and (max-width: 896px) {
.button01 {
font-size: 14px;
padding: 12px 40px;
}
}
.meal-vegetables,
.meal-activities {
background: #f2f1ea;
padding: 90px 0;
}
.meal-vegetables h3,
.meal-activities h3 {
text-align: center;
margin-bottom: 30px;
}
.meal-vegetables .vegetables-content,
.meal-vegetables .activities-content,
.meal-activities .vegetables-content,
.meal-activities .activities-content {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 80px;
}
.meal-vegetables .vegetables-content>.txt,
.meal-vegetables .activities-content>.txt,
.meal-activities .vegetables-content>.txt,
.meal-activities .activities-content>.txt {
text-align: center;
margin-bottom: 20px;
}
@media only screen and (max-width: 896px) {
.meal-vegetables,
.meal-activities {
padding: 50px 0;
}
.meal-vegetables .activities-content>.txt,
.meal-activities .activities-content>.txt {
text-align: left;
}
.meal-vegetables .vegetables-content,
.meal-activities .vegetables-content {
margin-bottom: 0;
}
}
.tab-box {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.tab-box .tab-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tab-box .tab-list>li {
font-size: 16px;
text-align: center;
width: 25%;
background: #ecf7f8;
padding: 20px 20px;
box-sizing: border-box;
cursor: pointer;
transition: 0.3s;
border-bottom: 5px solid #a1dadc;
}
.tab-box .tab-list>li>span {
font-size: 33px;
font-weight: 700;
margin-right: 5px;
}
.tab-box .tab-list>li.-current,
.tab-box .tab-list>li:hover {
color: #fff;
background: #a1dadc;
}
.tab-box .tab-content .content-box {
background: #fff;
padding: 40px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.tab-box .tab-content .content-box>.img-swiper {
width: 50%;
background: #000;
}
.tab-box .tab-content .content-box>.img-box {
width: 50%;
}
.tab-box .tab-content .content-box>.txt-box {
width: 47%;
}
.tab-box .tab-content .content-box>.txt-box>.ttl {
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
}
.tab-box .tab-content .content-box>.txt-box>.txt {
margin-bottom: 30px;
}
@media only screen and (max-width: 896px) {
.tab-box>.tab-list>li {
font-size: 12px;
padding: 20px 2px;
}
.tab-box>.tab-list>li>span {
font-size: 22px;
margin-right: 1px;
}
.tab-box .tab-content .content-box {
padding: 30px 20px;
}
.tab-box .tab-content .content-box .img-swiper,
.tab-box .tab-content .content-box>.img-box {
width: 100%;
margin-bottom: 20px;
}
.tab-box .tab-content .content-box>.txt-box {
width: 100%;
}
.tab-box .tab-content .content-box>.txt-box>.btn-box {
text-align: center;
}
}
.meal-ingredients {
padding: 100px 0;
}
.meal-ingredients>h3 {
text-align: center;
margin-bottom: 50px;
}
.meal-ingredients .ingredients-list>*+* {
margin-top: 50px;
}
.meal-ingredients .ingredients-list>li .content-box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.meal-ingredients .ingredients-list>li .content-box>.img-box {
width: 50%;
position: relative;
}
.meal-ingredients .ingredients-list>li .content-box>.img-box>.ttl {
font-size: 20px;
font-weight: 700;
color: #fff;
position: absolute;
width: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
padding: 12px 20px;
box-sizing: border-box;
}
.meal-ingredients .ingredients-list>li .content-box>.txt-box {
width: 47%;
}
@media only screen and (max-width: 896px) {
.meal-ingredients {
padding: 60px 0;
}
.meal-ingredients .ingredients-list>li .content-box>.img-box,
.meal-ingredients .ingredients-list>li .content-box>.txt-box {
width: 100%;
}
.meal-ingredients .ingredients-list>li .content-box>.img-box {
margin-bottom: 20px;
}
}
.activity-sub-box {
padding-bottom: 200px;
}
.activity-sub-box>*+* {
margin-top: 150px;
}
.activity-sub-box>section>h3 {
text-align: center;
margin-bottom: 50px;
}
.card-list {
display: flex;
flex-wrap: wrap;
gap: 30px 2%;
}
.card-list>li {
width: 32%;
position: relative;
transition: 0.3s;
}
.card-list>li>a {
position: absolute;
display: block;
font-size: 0;
width: 100%;
height: 100%;
z-index: 7;
top: 0;
left: 0;
}
.card-list>li>.img-box {
width: 100%;
position: relative;
padding-bottom: 60%;
border-radius: 10px;
overflow: hidden;
}
.card-list>li>.img-box>img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.card-list>li>.txt-box {
padding: 20px;
box-sizing: border-box;
}
.card-list>li>.txt-box>.ttl {
font-size: 20px;
font-weight: 700;
text-align: center;
}
.card-list>li:hover {
opacity: 0.7;
}
@media only screen and (max-width: 896px) {
.card-list>li {
width: 49%;
}
.card-list>li>.txt-box>.ttl {
font-size: 16px;
}
}
@media only screen and (max-width: 500px) {
.card-list>li {
width: 100%;
}
} .movie_box {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.movie_box div {
width: 475px;
}
.movie_box div iframe {
width: 475px;
height: 845px;
}
@media only screen and (max-width: 500px) {
.movie_box div {
width: 380px;
margin-bottom: 15px;
}
.movie_box div iframe {
width: 380px;
height: 800px;
}
} .title_Allura {
font-family: "Allura", cursive;
color: #7ccccf;
}
.boldtext {
font-weight: bold;
}