@charset "UTF-8";
.top_slid {position: relative;}
.top_slid h2 {
color: #fff;
width: 100%;
margin: 0 auto;
line-height: 1.5;
font-weight: bold;
font-size: 29px;
text-shadow:2px 2px 3px #333;
position: absolute;
top: 53%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
z-index: 3;
}
.top_slid h2 img {
width: 320px;
margin: 0 auto;
}
@media screen and (max-width:896px) {
.top_slid h2 img {
width: 160px;
}
}
.top_slid h2 span.le-nido {
font-size: 50px;
}
.top_slid h2 span.openday {
font-size: 40px; 
padding-right: 10px;
}
@media screen and (max-width:896px) {
.top_slid {padding-top: 0;}
.top_slid h2 {top: 60%; font-size: 15px;}
.top_slid h2 span.le-nido {
font-size: 30px;
}
.top_slid h2 span.openday {font-size: 24px;}
} @keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15);
}
}
.swiper-slide-active .swiper-img,
.swiper-slide-duplicate-active .swiper-img,
.swiper-slide-prev .swiper-img {
animation: zoomUp 7s linear 0s normal both;
} p.top_p {
text-align: center;
margin-bottom: 40px;
line-height: 2.0;
color: #fff;
}
p.color_p {
text-align: center;
margin-bottom: 40px;
line-height: 2.0;
}
.chiba_glamping_top_bk {
background: url(//www.fuji-glamping.com/wp-content/themes/rg_sazanami/img/top/nightsky.jpg);
background-size: contain;
}
.top_location_txt {
background: #fff;
width: 46%;
}
@media screen and (max-width:896px) {
.chiba_glamping_top_bk {
background-size: cover;
}
.top_location_txt {
padding: 0 0 60px;
width: 100%;
}
}
.top_corona {
padding: 30px 0;
background: #cae0e3;
}
.top_corona a:hover {
text-decoration-line: underline;
}
.top_corona h3 {
text-align: center;
border: 3px double #555;
width: 70%;
margin: 0 auto;
}
@media screen and (max-width:896px) {
.top_corona h3 {
width: 90%;
font-size: 16px;
}
}
.top_corona a {
display: block;
padding: 30px;
}
@media screen and (max-width:896px) {
.top_corona a {
padding: 20px;
}
}
.top_info {
padding: 30px 0;
background: #fff;
}
.top_info p {
text-align: center;
font-size: 18px;
}
@media screen and (max-width:896px) {
.top_info p {
font-size: 16px;
width: 90%;
margin: 0 auto;
}
}
.top_news {
padding: 30px 0;
}
.top_news .container {
display: flex;
}
@media screen and (max-width:896px) {
.top_news .container {
flex-direction: column;
}
}
.top_news h2 {
border-right: 1px solid #808080;
width: 165px;
display: flex;
align-items: center;
}
@media screen and (max-width:896px) {
.top_news h2 {
border-right: none;
border-bottom: 1px solid #808080;
padding-bottom: 3%;
margin-bottom: 10px;
flex-direction: column;
width: 100%;
}
}
.top_news ul li {
padding: 15px 0;
}
@media screen and (max-width:896px) {
.top_news ul li {
padding: 2% 0;
line-height: 1.8;
}
}
.top_news ul li span.date {
padding: 0 20px;
display: inline-block;
width: 78px;
}
.top_news ul li span.cate {
color: #fff;
background: #808080;
padding: 4px 10px;
margin-right: 30px;
font-size: 1.4rem;
}
@media screen and (max-width:896px) {
.top_news ul li span.date {
padding: 0;
}
.top_news ul li span.cate {
padding: 1% 2%;
font-size: 1.2rem;
}
}
.top_news ul li span.cate a {
color: #fff;
}
.top_msg {
height: 400px;
padding: 100px 0 0 0!important;
}
@media screen and (max-width:896px) {
.top_msg {
height: auto;
padding: 0 0 8%;
background-size: cover;
}
}
.top_msg h2 {
text-align: center;
font-size: 2.6rem;
line-height: 2.2;
padding-bottom: 15px;
margin-bottom: 34px;
color: #fff;
}
.top_msg h2 span {
font-size: 1.6rem;
color: #ededed;
letter-spacing: 0.1em;
}
@media screen and (max-width:896px) {
.top_msg h2 {
font-size: 1.6rem;
line-height: 1.4;
padding: 10% 5% 5%;
}
.top_msg h2 span {
font-size: 1.4rem;
}
}
.top_msg p {
text-align: center;
line-height: 1.7;
color: #fff;
}
@media screen and (max-width:896px) {
.top_msg p {
padding: 0 5% 80px;
}
}
.top_location {
padding: 80px 0 0;
display: flex;
}
@media screen and (max-width:896px) {
.top_location {
flex-direction: column;
}
}
.top_location img {
display: inline;
max-width: 100%;
width: 54%;
}
@media screen and (max-width:896px) {
.top_location img {
width: 100%;
}
}
.top_location .txt {
padding: 68px 0;
}
@media screen and (max-width:896px) {
.top_location .txt {
padding: 20px 0 0;
width: 100%;
}
}
.top_location .txt h2 {
font-size: 2.1rem;
line-height: 1.6;
}
@media screen and (max-width:896px) {
.top_location .txt h2 {
font-size: 1.8rem;
}
}
.top_location .txt h2 span {
color: #ededed;
font-size: 1.8rem;
}
.top_location .txt p {
margin-top: 40px;
line-height: 1.7;
padding: 0 5%;
text-align: center;
}
.top_feature {  }
.top_feature_bk {
padding: 85px 0;
}
@media screen and (max-width:896px) {
.top_feature_bk {
padding: 10% 0;
}
} @media screen and (max-width:896px) {
.top_feature h2 {
font-size: 2.4rem;
margin: 0 0 25px;
}
}
.top_feature h2 span {
font-size: 1.5rem;
color: #333;
}
.top_box {
display: flex;
width: 100%;
margin: 0 auto;
flex-direction: row;
}
@media screen and (max-width:1024px) {
.w-container {
width: 96%;
margin: auto;
}
.top_box {
flex-direction: column;
}
}
.top_box_re {
flex-direction: row-reverse;
}
@media screen and (max-width:1024px) {
.top_box_re {
flex-direction: column;
}
}
.feature_mainimg {
width: 50%;
}
.feature_mainimg img {
width: 100%;
max-width: 600px;
height: 480px;
object-fit: cover;
margin: 0 auto;
}
@media screen and (max-width:1024px) {
.feature_mainimg {
width: 100%;
}
.feature_mainimg img {
height: auto;
max-width: none;
}
} .swiper-content-box {
overflow: hidden;
}
.swiper-content-box .swipers {
box-sizing: border-box;
position: relative;
}
.swiper-content-box .swipers img {
max-width: 100%;
}
.swiper-content-box .swipers .swiper-slide .img-box,
.swiper-content-box .swipers .swiper-slide .thumb-box {
box-sizing: border-box;
position: relative;
}
.swiper-content-box .swipers .swiper-slide .img-box > img,
.swiper-content-box .swipers .swiper-slide .thumb-box > img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.swiper-content-box .swipers .swiper-slide .img-box { padding-bottom: 68.5%;
}
.swiper-content-box .swipers .swiper-slide .thumb-box { padding-bottom: 60%;
opacity: 0.6;
cursor: pointer;
transition: 0.3s;
}
.swiper-content-box .swipers .swiper-slide .thumb-box:hover {
opacity: 1;
}
.swiper-content-box .swipers .swiper-slide.swiper-slide-thumb-active .thumb-box {
opacity: 1;
}
.swiper-content-box .swipers .swiper-button-next,
.swiper-content-box .swipers .swiper-button-prev {
text-align: center;
line-height: 40px; width: 40px; height: 40px; background: #fff;
border-radius: 50%;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
top: 50%;
transform: translateY(-50%);
margin: 0;
}
.swiper-content-box .swipers .swiper-button-next:after,
.swiper-content-box .swipers .swiper-button-prev:after { font-size: 20px; color: #575757;
}
@media only screen and (max-width: 768px) {
.swiper-content-box .swipers .swiper-button-next,
.swiper-content-box .swipers .swiper-button-prev {
width: 25px;
height: 25px;
}
.swiper-content-box .swipers .swiper-button-next:after,
.swiper-content-box .swipers .swiper-button-prev:after {
font-size: 12px;
}
} .img-slider-thumbnail.swiper-button-lock .swiper-button-next,
.img-slider-thumbnail.swiper-button-lock .swiper-button-prev,
.img-slider-thumbnail .swiper-button-lock {
display: none !important;
} .feature_txtarea {
background: #2a3c67;
max-width: 600px;
height: 480px;
margin: 0 auto;
width: 50%;
}
.feature_txtarea .inner {
border: 1px solid #888;
height: 468px;
width: 98%;
margin: 5px;
}
@media screen and (max-width:1024px) {
.feature_txtarea {
margin: 0 auto 10px;
height: auto;
width: 100%;
max-width: none;
}
.feature_txtarea .inner {
height: auto;
width: auto;
}
}
.textarea_p {
padding: 2rem;
}
.textarea_p h3 {
padding-bottom: 16px;
font-size: 2.2rem;
line-height: 1.2;
position: relative;
color: #ededed;
}
.textarea_p h3 span.sub_title {
font-size: 1.6rem;
} .textarea_p h3 span.point_n {
font-size: 5rem;
font-style:italic;
}
.textarea_p p{
color: #fff;
}
@media screen and (max-width:1024px) {
.textarea_p h3 {
padding-bottom: 20px;
}
}
.top_facility {
padding: 60px 0;
background: #fff;
}
.top_facility_title {
font-size: 2.0rem;
text-align: center;
margin-bottom: 40px;
font-weight: 500;
}
@media screen and (max-width:896px) {
.top_facility {
padding: 10% 0;
}
}
.facility_mainimg img {
width: 100%;
height: 500px;
object-fit: cover;
margin: 0 auto;
}
@media screen and (max-width:896px) {
.facility_title {width: 94%; padding: 0 3%;}
.top_facility h2 {text-align: center;}
.facility_caption {width: 94%; padding: 0 3%;}
.facility_mainimg img {
height: auto;
}
}
.facility_subimg_flex {display: flex; width: 100%;}
.facility_subimg {width: 50%;}
.facility_subimg img {width: 100%;}
.facility_txtarea {
background: rgba(255,255,255,0.2);
margin: 0 auto;
display: flex;
width: 100%;
padding: 40px 0 60px;
}
.facility_txtarea .btn_more {
margin-left: 40px;
}
@media screen and (max-width:896px) {
.facility_txtarea {
flex-direction: column;
}
.facility_txtarea .btn_more {
margin: 0 auto;
}
}
ul.glam_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
ul.glam_list li {
width: 46%;
margin: 0 auto 20px;
}
ul.glam_list li p {
padding-top: 20px;
}
ul.glam_list li dl {
display:flex;
flex-wrap: wrap;
}
ul.glam_list li dt {
width: 40%;
padding: 10px;
box-sizing: border-box;
}
ul.glam_list li dd {
padding: 10px;
margin: 0;
width: 60%;
box-sizing: border-box;
}
@media screen and (max-width:896px) {
ul.glam_list li {
margin: 0 auto 12%;
width: 100%;
}
}
ul.glam_list li img {
position: relative;
z-index: 10;
height: 260px;
object-fit: cover;
width: 100%;
}
ul.glam_list li .txt {
background: #fff;
width: 85%;
padding: 5px;
margin: -30px auto 0;
position: relative;
z-index: 20;
height: 200px;
}
ul.glam_list li .txt .inner {
border: 1px solid #ebebec;
padding: 0 32px 20px;
height: 178px;
}
ul.glam_list li .txt h3 {
font-size: 2.0rem;
text-align: center;
margin: 30px 0 20px;
font-weight: 500;
}  .top_pickup h2 {
margin-bottom: 30px;
}
.top_pickup ul {
align-items: stretch; justify-content: center;
margin-bottom: 40px;
}
.top_pickup ul li {
width: 29%;
margin: 10px;
display: inline-grid;
}
@media screen and (max-width:896px) {
.top_pickup ul li {
width: 100%;
display: inline-grid;
}
}
.top_pickup ul li .pickup-ttl {
background: #fff;
width: 90%;
padding: 5px;
margin: -30px auto 0;
position: relative;
z-index: 20;
}
.top_pickup ul li .pickup-ttl::after {
content: "";
position: absolute;
top: 3.5%;
width: 96%;
height: 91%;
display: block;
border: 1px solid #ccc;
}
.top_pickup ul li .inner {
z-index: 30;
}
.top_pickup ul li a:hover {
opacity: 1;
}
.top_pickup ul li p.pickup-title {
font-size: 1.4rem;
text-align: center;
margin: 30px 0;
font-weight: 500;
padding: 0 10px;
}
.top_pickup ul li p.period {
font-size: 14px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
margin-bottom: 0;
padding: 0 32px 20px;
}
.top_pickup ul li a {
color:#333;
}
.top_pickup ul li img {
width: 100%;
height: 200px;
object-fit: cover;
} .top_activity_bk {
padding: 80px 0;
background: #96a8d3;
}
@media screen and (max-width:896px) {
.top_activity_bk {
padding: 10% 0;
}
}
.top_activity_bk ul li {
margin: 10px;
}
.top_content__img img {
width: 100%;
height: 260px;
object-fit: cover;
}
@media screen and (max-width:896px) {
.top_content__img img {
height: 200px;
}
}
.top_content__desc {
width: 90%;
margin: 20px auto;
text-align: left;
height: 80px;
} .top_insta { padding: 30px 0;
background: #c5ccd3;
}
@media screen and (max-width:896px) {
.top_insta { padding-bottom: 10%;
}
}
.top_insta p {
text-align: center;
}
.top_insta ul {
width: 820px;
margin: 30px auto;
display: flex;
justify-content: space-between;
} .top_rental_bk {padding: 80px 0 40px; background: #fff;}
.top_rental ul.rental_area {
display: flex;
-webkit-flex-wrap: wrap; -ms-flex-wrap    : wrap; flex-wrap        : wrap;
justify-content: space-around;
}
.top_rental ul.rental_area > li {
width: 30%;
}
@media screen and (max-width:896px) {
.top_rental ul.rental_area > li {
width: 48%;
}
}
.top_rental ul.rental_area li.tag {
display: flex;
padding: 10px 0;
}
@media screen and (max-width:896px) {
.top_rental ul.rental_area li.tag {
flex-direction: column;
}
}
.top_rental ul.rental_area img {
width: 100%;
height: 200px;
object-fit: cover;
}
@media screen and (max-width:896px) {
.top_rental ul.rental_area img {
height: 120px;
}
}
.top_rental ul.rental_area h3.spot {
background: #f0f1f1;
padding: 10px 0;
text-align: center;
font-size:13px;
}
.top_rental ul.rental_area .rental_tag {
border: 1px solid #808080;
border-radius: 16px;
width: 100px;
text-align: center;
}
.top_rental ul.rental_area .sell_tag {
color: #fff;
background: #425356;
border-radius: 16px;
width: 100px;
text-align: center;
}
.top_rental ul.rental_area .price {
text-indent: 20px;
}
.top_rental ul.rental_area .p_desc {
padding: 10px;
}
@media screen and (max-width:896px) {
.top_rental ul.rental_area .rental_tag {
width: 100%;
}
.top_rental ul.rental_area .sell_tag {
width: 100%;
}
.top_rental ul.rental_area .price {
text-indent: 0;
text-align: right;
}
.top_rental ul.rental_area .p_desc {
padding: 5px;
}
} .top_area {
padding: 80px 0;
}
@media screen and (max-width:896px) {
.top_area {
padding: 10% 0;
}
}
.top_area h2 {
margin-bottom: 30px;
}
.top_area ul {
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.top_area ul li {
margin: 10px;
}
.top_area ul li img {
width: 100%;
height: 220px;
object-fit: cover;
}
@media screen and (max-width:896px) {
.top_area ul {
display: flex;
justify-content: space-around;
margin-bottom: 20px;
flex-wrap : wrap;
}
.top_area ul li {
margin-bottom: 60px;
}
}
.top_area ul li h3 {
padding: 18px 0 14px;
text-align: center;
margin-bottom: 6px;
font-size: 1.8rem;
border-bottom: 1px dotted #808080;
} .top_area ul li p {
margin: 15px 0 0;
padding: 0 14px;
font-size: 1.4rem;
line-height: 1.8;
} ul.plan_list_flex {
display: flex;
-webkit-flex-wrap: wrap; -ms-flex-wrap    : wrap; flex-wrap        : wrap;
justify-content: center;
}
ul.plan_list_flex > li {
background: #fff;
width: 30%;
margin: 0 10px;
}
ul.plan_list .plan_list__in {
width: 100%;
}
ul.plan_list li img {
width: 100%;
height: 220px;
object-fit: cover;
}
ul.plan_list h3 ,.top_plan_list .p_desc {
width: 85%;
margin: 20px auto;
line-height: 1.6;
}
.top_plan {
padding: 80px 0;
background: #2a3c67;
}
@media screen and (max-width:896px) {
.top_plan {
padding: 10% 0;
}
}
.top_plan_list .p-plan_cat p {
border: 1px solid #ccc;
padding: 2px 16px;
border-radius: 20px;
background: #fff;
width: 100px;
text-align: center;
margin-left: 38px;
}
@media screen and (max-width:896px) {
ul.plan_list_flex {
flex-direction: column;
}
ul.plan_list_flex > li {
background: #fff;
width: 100%;
margin: 0 auto 20px;
}
ul.plan_list li img {
height: 240px;
}
}
.top_plan {padding: 45px 85px 80px;}
.top_plan_list ul li {
display: flex;
position: relative;
}
.top_plan_list ul li img {
width: 720px;
height: 486px;
object-fit: cover;
}
.top_plan_list ul li .p-plan__txtbox {
position: absolute;
background: #dcdede;
padding: 40px 60px;
top: 240px;
right: 0;
max-width: 460px;
}
.top_plan_list ul li .p-plan__txtbox h3 {
line-height: 1.6;
padding-bottom: 20px;
} @media screen and (max-width:896px) {
.top_plan {padding: 10% 0;}
.top_plan_list ul li img {
height: 200px;
object-fit: cover;
}
.top_plan_list ul li .p-plan__txtbox {
top:200px;
padding: 3rem 3rem;
}
.top_plan p.msg {margin-top: 220px;}
.top_plan .btn_link_color {margin-top: 220px;}
}
.top_access {
padding: 80px 0;
background: #fff;
}
@media screen and (max-width:896px) {
.top_access {
padding: 10% 0;
}
}
.top_access h2 {
margin-bottom: 40px;
}
.top_access .g_map {
height: 360px;
}
.top_access .g_map iframe {
width: 100%;
height: 360px;
}
@media screen and (max-width:896px) {
.top_access .g_map {
height: 240px;
}
.top_access .g_map iframe {
height: 240px;
}
}
.top_access ul {
width: 94%;
margin: 0 auto;
}
@media screen and (max-width:896px) {
.top_access ul {
width: 100%;
}
}
.top_access li {
display: flex;
border-bottom: 1px solid #ccc;
color: #333;
padding: 14px 0;
}
@media screen and (max-width:896px) {
.top_access li {
flex-direction: column;
}
}
.top_access li h3 {
background: #e9edf6;
font-size: 1.8rem;
font-weight: 500;
width: 26%;
padding: 25px 15px;
box-sizing: border-box;
}
@media screen and (max-width:896px) {
.top_access li h3 {
width: 100%;
text-align: center;
}
}
.top_access li p {
width: 74%;
padding: 16px 14px;
}
@media screen and (max-width:896px) {
.top_access li p {
width: 94%;
}
}
.top_access li p span {
font-size: 1.8rem;
font-weight: 500;
line-height: 2.4;
}
.top_access p.msg {
text-align: center;
font-size: 1.8rem;
font-weight: 500;
margin: 50px 0;
}
.top_access .checkin_box {
width: 100%;
margin: 0 auto 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.top_access .checkin_wrapper {
padding: 1em;
border: 1px solid #ededed;
}
.top_access address {
font-size: 1.5rem;
margin-top: 1em;
margin-bottom: 20px;
}
.top_access p.checkin {
font-size: 1.8rem;
}
.top_access p.checkin a {
font-size: 1.8rem;
padding-right: 1em;
}
.top_access p.checkin_ttl {
position: relative;
text-align: center;
font-size: 2.0rem;
margin: 60px auto 20px;
display: inline-block;
padding: 0 30px;
}
.top_access p.checkin_ttl::before {
content: "";
height: 1px;
background: #ccc;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.top_access p.checkin_ttl span {
background: #fff;
padding: 0 30px;
z-index: 20;
position: relative;
}
.top_access p.note {
color: #f00;
} .fixedbnr {
position: fixed;
z-index: 10;
bottom: 0;
left: 0;
width: 400px;
height: auto;
}
.fixedbnr img {
width: 100%;
}
.bnr_close{
position: absolute;
top: -10px;
right: -10px;
color: white;
font-size: 45px;
padding: 5px;
line-height: 1;
cursor: pointer;
z-index: 1;
}
.bnr_close:hover{
color: lightgrey;
}
.fixedbnr .pc_bnr{
display: block;
}
.fixedbnr .sp_bnr {
display: none;
}
@media screen and (max-width: 1200px) {
.fixedbnr {
bottom: 110px;
width: 100%;
}
.fixedbnr .pc_bnr{
display: none;
}
.fixedbnr .sp_bnr {
display: block;
}
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix:after	{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}.contentlist-plg p {text-align: center;}
@media screen and (max-width:480px){
.food_content
{
padding-top:0;
}
}
.food_content ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
flex-direction: row;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
vertical-align: top;
}
.food_content li {
width: 32%;
margin-right: 1.9%;
min-width: 300px;
text-align: center;
background: #fff;
margin-bottom: 30px;
position: relative;
}
.food_content li:nth-of-type(3n) {
margin-right: 0;
}
@media screen and (max-width:480px) {
.food_content li {
width: 48%;
min-width: auto;
}
.food_content li:nth-of-type(3n) {
margin-right: 1%;
}
.food_content li:nth-of-type(2n) {
margin-right: 0;
}
}
.food_content li:last-child {
margin-right: 0px;
}
.food_content__img {
width: 100%;
height: 250px;
overflow: hidden;
position: relative;
}
@media screen and (max-width:896px) {
.food_content__img {
height: 30vw;
}
}
.food_content__img img {
width: 100%;
height: 240px;
object-fit: cover;
}
@media screen and (max-width:896px) {
.food_content__img img {
height: 160px;
}
}
.food_content__period {
padding: 10px 0;
width: 100%;
background: #120012;
color: #fff;
}
.food_content__ttl {
width: 90%;
margin: 15px auto;
text-align: center;
}
.food_content__ttl h3 {
font-size: 1.8rem;
}
.food_content__desc {
width: 90%;
margin: 20px auto;
text-align: left;
}
.food_content_period {
text-align: center;
}
.food_content_period dl {
display: inline-block;
margin: 20px auto 0;
width: 90%;
}
.food_content_period dt,
.food_content_period dd {
padding: 8px 24px;
display: table-cell;
vertical-align: middle;
border: 1px solid #ececec;
box-sizing: border-box;
}
.food_content_period dt {
width: 25%;
background: #ececec;
font-size: 14px;
}
.food_content_period dd {
text-align: left;
width: 65%;
font-size: 1.4rem;
}
@media screen and (max-width:480px) {
.food_content_period dt,
.food_content_period dd {
display: block;
width: 100%;
}
.food_content_period dd {
font-size: 1.2rem;
padding: 8px 10px;
}
}
.food_content_btn {
display: block;
width: 50%;
min-width: 200px;
height: 45px;
padding: 15px 10px 10px;
box-sizing: border-box;
background: #b9c8ca;
color: #fff;
text-align: center;
border-radius: 25px;
margin: 20px auto;
}
@media screen and (max-width:480px) {
.food_content_btn {
width: 90%;
min-width: auto;
}
} .content_width {padding: 0 20px 40px;}
.a_text {
text-decoration-line: underline;
font-size: 24px;
font-style: italic;
}
.main_contents_bk {
background: #fff; max-width: 1200px;
margin: 40px auto!important;
}
.main_contents h2.article_title {
position: relative;
padding: 60px 20px 20px;
font-size: 24px;
}
@media screen and (max-width:896px) {
.main_contents h2.article_title {
margin-top: 24px;
}
} .main_contents .content_img {
margin: 32px auto;
max-width: 1000px; height: 500px; position: relative;
overflow: hidden;
}
@media screen and (max-width:896px) {
.main_contents .content_img {
max-width: 500px;
height: 50vw;
}
}
.main_contents .content_img img {
min-width: 100%;
min-height: 100%;
max-width: inherit;
max-height: inherit;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.main_contents .sub_title h3.sub_title {
padding: 8px;
font-size: 18px;
color: #120012;
max-width: 1000px;
margin: 8px auto;
}
.main_contents .sub_title .opening_text {
padding: 8px;
max-width: 1000px;
margin: 0 auto 4%;
}
.main_contents .content_in { 
max-width: 1000px;
margin: 2% auto;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
@media screen and (max-width:896px) {
.main_contents .content_in {
flex-direction: column;
}
}
.main_contents .content_in p.sub_image {
width: 46%;
margin-right: 4%;
margin-bottom: 2%;
}
.main_contents .content_in p.sub_image img{
width: 100%;
height: auto;
object-fit: cover;
}
@media screen and (max-width:896px) {
.main_contents .content_in p.sub_image {
width: 100%;
margin-bottom: 0;
}
}
.main_contents .content_in p.sub_text span {
font-size: 24px;
color: #120012;
line-height: 2;
}
.main_contents .content_in p.sub_text {
padding: 16px 0 40px;
width: 50%;
}
@media screen and (max-width:896px) {
.main_contents .content_in p.sub_text {
width: 100%;
}
}
#overImg{
position: relative;
max-width: 800px;
margin: 0 auto;
}
#overImg #main_image {
margin: 48px auto 0;
text-align: center;
}
#overImg #main_image img {
width: 800px;
height: 480px;
object-fit: cover;
}
@media screen and (max-width:896px) {
#overImg #main_image {
display: none;
}
}
#overImg ul.gallery {
max-width: 800px;
margin: 0 auto;
display: flex;
overflow-x: scroll;
}
#overImg ul.gallery li img.gallery_img_s {
width: 200px;
height: 119px;
object-fit: cover;
}
@media screen and (max-width:896px) {
#overImg ul.gallery li img.gallery_img_s {
width: 300px;
height: 240px;
max-width: none!important;
}
}
#overImg a:hover> img {
opacity: 1;
}
#overImg a:hover {opacity: 1;}
#overImg a .gallery_img_l {display: none;}
#overImg a:hover .gallery_img_l {
display: block;
position: absolute;
bottom: 150px;
left: 0;
z-index:2;
margin: 32px auto;
width: 800px;
height: 480px;
overflow: hidden;
object-fit: cover;
}
@media screen and (max-width:896px) {
#overImg a:hover .gallery_img_l {
display: none;
}
}
.main_contents .image-text {
max-width: 1000px;
margin: 0 auto;
color: #818181;
} p.lp_qa_q {
max-width: 800px;
margin: 0 auto;
color:#994d53;
}
p.lp_qa_a {
padding: 2rem 1rem 5rem;
text-indent: 1rem;
max-width: 800px;
margin: 0 auto;
}
a.link-color {
font-weight: bold;
color:#994d53;
}
.green-belt {
text-align: center;
padding: 60px 0 40px;
font-size: 2.2rem;
} .contents_mainimg img {
width: 100%;
height: 700px;
object-fit: cover;
}
.activity_img{
height: 500px;
width: 67%;
margin: 0px auto 33px auto;
}
.table-dot {
font-size: 1.5rem;
border-bottom: #999 1px dotted;
padding: 1em;
}
.table-dot:first-of-type {
border-top: #999 1px solid;
margin-top: 40px;
}
.table-dot:last-of-type {
border-bottom: #999 1px solid;
margin-bottom: 40px;
}
.table-dot dt {
width: 190px;
}
.table-dot dd {
width: calc(100% - 190px);
margin-left: 190px;
margin-top: -15px;
}
.googlemap iframe {width: 100%;} @media screen and (min-width: 897px) {
}  @media screen and (max-width: 896px) {
.contents_mainimg img {
height: auto;
}
.table-dot {
font-size: 1.3rem;
padding: 20px 4%;
}
.table-dot:last-of-type {
margin-bottom: 20px;
}
.table-dot dt {
width: 100px;
}
.table-dot dd {
margin-left: 100px;
width: 70%;
}
.activity_img{
height: auto;
width: auto;
}
.googlemap iframe {height: 260px;}
}.qa_bk h3 {
padding: 20px;
margin: 40px 0 10px;
border-bottom: 1px solid #ebebec;
border-top: 1px solid #ebebec;
}
.qa_bk li {
padding: 20px;
border-bottom: 1px dotted #eee;
}
.qa_bk dt {
padding-bottom: 20px;
font-weight: bold;
}
.qa_bk dt span,
.qa_bk dd span {
display: inline-block;
margin-left: 40px;
margin-top: 5px;
line-height: 1.6;
}
.qa_bk dt::before {
content: "Q";
display: inline-block;
font-size: 3rem;
padding-right: 10px;
color: #808080;
position: absolute;
}
.qa_bk dd::before {
content: "A";
display: inline-block;
font-size: 3rem;
padding-right: 10px;
color: #66455b;
position: absolute;
} @media screen and (min-width: 897px) {}  @media screen and (max-width:896px) {}  #room h4 {
font-size: 2.0rem;
text-align: center;
margin-bottom: 40px;
font-weight: 500;
}
#room .room_map {
margin: 0 auto;
}
#room .room_map img {
width: 100%;
}
#room .box {
margin: 60px 0;
}
#room .inner {
display: flex;
justify-content: space-between;
padding: 20px;
background: #fff;
}
#room .txt {
width: 600px;
padding-left: 20px;
}
#room .table-max {
width: 100%;
}
#room .txt table {
border-top: 1px solid #dcdddd;
border-bottom: 1px solid #dcdddd;
width: 100%;
}
#room .txt table tr {
font-size: 1.4rem;
border-bottom: 1px dotted #dcdddd;
text-align: left;
}
#room .txt table th {
padding: 16px 25px;
width: 35%;
}
#room .txt table td {
padding: 16px 25px;
width: 65%;
}
#room .list_a table {
border-top: 1px solid #dcdddd;
border-bottom: 1px solid #dcdddd;
width: 100%;
}
#room .list_a table tr {
font-size: 1.6rem;
border-bottom: 1px dotted #dcdddd;
text-align: left;
}
#room .list_a table th {
padding: 16px 25px;
width: 20%;
}
#room .list_a table td {
padding: 16px 25px;
width: 80%;
line-height: 1.6;
}
#room ul li .content_text_area {
margin: 20px;
}
#room .list_a ul li {
display: flex;
padding: 10px 0;
border-top: 1px solid #dcdddd;
}
#room .list_b ul li {
display: flex;
flex-direction: column;
}
#room .list_a ul li a {
padding: 10px;
}
#room .list_a ul li img {
width: 140px;
height: 100px;
object-fit: cover;
max-width: none;
}
@media screen and (max-width:896px) {
#room .list_a ul li img {
width: 90%;
max-width: 450px;
height: auto;
margin: auto;
}
}
#room ul.label {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#room ul.label li {
width: 48%;
display: flex;
margin-bottom: 14px;
}
#room ul.label li p {
padding: 20px 0;
font-size: 1.6rem;
}
#room ul.label li .green {
width: 40%;
color: #fff;
background: #19a495;
text-align: center;
font-weight: 500;
}
#room ul.label li .white {
width: 60%;
background: #fff;
padding: 20px 30px;
box-sizing: border-box;
} @media screen and (min-width: 897px) {
#room .list_a ul {
display: flex;
flex-wrap: wrap;
}
#room .list_a ul li {
display: flex;
padding: 10px 0;
border-top: 1px solid #dcdddd;
width: 49%;
margin-right: 2%;
}
#room .list_a ul li:nth-child(even) {
margin-right: 0;
}
#room .list_b ul li {
flex-direction: row;
}
}  @media screen and (max-width:896px) {
#room .map {
padding: 0;
}
#room .inner {
flex-direction: column;
padding: 10px;
}
#room .txt {
width: auto;
padding-left: 0;
}
#room .table-max table th {
width: 40%;
}
.text_box tr th {
width: 20%;
}
.text_box tr td {
width: 80%;
}
} @media screen and (min-width:1400px) {
#room .txt {
width: 800px;
}
#room .box .room_slider {
width: 800px;
}
}
@media screen and (min-width:1800px) {
#room .txt {
width: 1000px;
}
#room .box .room_slider {
width: 1000px;
}
} #meal {
padding: 80px 0;
}
#meal h3 span {
background: #fff;
}
#meal h4 {
font-size: 2.0rem;
text-align: center;
margin-bottom: 40px;
font-weight: 500;
}
#meal h5 {
font-size: 1.8rem;
margin-bottom: 20px;
font-weight: 500;
}
#meal .box {
background: #fff;
padding: 60px 30px;
}
#meal .box_color {
background: #2b2e2e;
}
#meal .box_color h3,
#meal .box_color p {
color: #fff;
}
.meal_sli {
width: 530px;
height: 360px;
object-fit: cover;
} .p_menu {
padding: 10px 0;
font-size: 1.4rem;
color: #888;
}
#meal img {
width: 530px;
height: 360px;
object-fit: cover;
}
#meal .inner {
display: flex;
justify-content: space-between;
}
#meal .txt {
width: 540px;
}
#meal .txt p.type {
font-weight: bold;
}
#meal .txt ul {
width: 100%;
}
#meal .txt ul li {
font-size: 1.6rem;
padding: 12px 16px;
text-align: left;
}
#meal .meal_list {
font-size: 1.6rem;
padding: 12px 16px;
text-align: left;
color: #fff;
}
#meal .meal_list table {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
width: 100%;
}
#meal .meal_list table th,
#meal .meal_list table td {
padding: 20px;
border-bottom: 1px dotted #eee;
}
#meal .meal_list table th {
width: calc(30% - 20px);
}
#meal .meal_list table td {
width: calc(70% - 20px);
} @media screen and (min-width: 897px) {}  @media screen and (max-width:896px) {
#meal img {
width: 100%;
height: auto;
object-fit: cover;
}
#meal .inner {
flex-direction: column;
}
#meal .txt {
width: auto;
}
#meal .txt ul li {
font-size: 1.4rem;
padding: 12px 4px;
text-align: left;
}
#meal .meal_list table th,
#meal .meal_list table td {
display: block;
text-align: left;
border-bottom: none;
width: calc(100% - 40px);
}
#meal .meal_list table th:first-child,
#meal .meal_list table td:first-child {
width: calc(100% - 40px);
border-bottom: 1px dotted #eee;
}
#meal .meal_list table th.line_sp {
border-top: 1px solid #fff;
}
.meal_sli {
width: 100%;
height: auto;
object-fit: cover;
}
}  .sin_tag {
padding-top: 20px;
}
.sin-art-title {
position: relative;
padding: 36px 20px 20px;
font-size: 24px;
}  .corona .box .corona_mainimg {
position: relative;
width: 100%;
}
.corona .box .corona_mainimg p.corona_cap {
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
padding: 10px 40px;
color: #fff;
}
.corona_mainimg img {
width: 100%;
max-width: 600px;
height: 360px;
object-fit: cover;
margin: 0 auto;
}
.corona_txtarea {
background: #fff;
max-width: 600px;
height: 360px;
margin: 0 auto;
width: 100%;
}
.c_textarea_p {
padding: 4rem 2rem;
}
.c_textarea_p h3 {
padding-bottom: 40px;
font-size: 3.6rem;
line-height: 1.3;
}
.corona .box .inner {
display: flex;
justify-content: space-between;
width: 100%;
}
.corona .box .inner .main_txt {
width: 50%;
padding-right: 20px;
padding-top: 20px;
} .corona .box .inner {
display: flex;
justify-content: space-between;
width: 100%;
}
.corona .box .inner .main_txt {
width: 50%;
padding-right: 20px;
padding-top: 20px;
}
.corona .box .inner .main_image {
width: 50%;
}
.corona .box .inner .main_image img {
width: 100%;
height: 400px;
object-fit: cover;
}
h3.check_mark {
position: relative;
padding-left: 4rem; line-height: 1.4;
}
h3.check_mark:before {
font-family: "Font Awesome 5 Free";
content: "\f00c"; font-weight: 900;
position: absolute; font-size: 3rem; left: 0; top: 0.5rem; color: #808080; }
.corona .c_point_box {
width: 100%;
display: flex;
-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start;
}
.corona .c_point_box .c_point {
width: 31%;
padding-right: 3%;
}
.corona .c_point_box .c_point:nth-child(3) {
width: 31%;
padding-right: 0;
}
.corona .c_point_box .c_point p {
padding: 1rem;
height: 160px;
}
.corona .c_point_box .c_point p.common {
height: 100px;
}
.corona .c_point_box .c_point img {
width: 100%;
height: 200px;
object-fit: cover;
}
.box_frame {
position: relative;
margin: 2rem 1rem;
padding: 5px 1rem;
border: solid 1px #808080;
border-radius: 8px;
}
.box_frame .box-title {
position: absolute;
display: inline-block;
top: -8px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 15px;
background: #f0f1f1;
color: #888;
font-weight: bold;
}
.box_frame p {
margin: 0;
padding: 0;
}
.corona .table-corona table {
border-top: 1px solid #9cadad;
border-bottom: 1px solid #9cadad;
width: 100%;
}
.corona .table-corona table tr {
font-size: 1.6rem;
border-bottom: 1px dotted #9cadad;
text-align: left;
line-height: 1.5;
display: flex;
flex-direction: column;
}
.corona .table-corona table tr:last-child {
border-bottom: none;
}
.corona .table-corona table th {
padding: 16px 25px;
}
.corona .table-corona table th span {
color: #696319;
font-size: 2rem;
}
.corona .table-corona table td {
padding: 16px 25px 16px 80px;
}
.corona .table-corona table td span {
color: #808080;
font-size: 2rem;
} @media screen and (min-width: 897px) {}  @media screen and (max-width:896px) {
.corona_mainimg {
width: 100%;
height: auto;
}
.corona_mainimg img {
height: 240px;
max-width: 100%;
}
.corona_txtarea {
height: auto;
width: 100%;
max-width: 100%;
}
.c_textarea_p h3 {
font-size: 2.4rem;
}
.corona .box .corona_mainimg p.corona_cap {
padding: 10px 20px;
}
.corona .box .inner {
flex-direction: column;
}
.corona .box .inner .main_txt {
width: 100%;
padding-right: 0;
padding-bottom: 20px;
padding-top: 0;
}
.corona .box .inner .main_image {
width: 100%;
}
.corona .box .inner .main_image img {
height: 240px;
}
h3.check_mark {
position: relative;
padding-left: 4rem; line-height: 1.4;
}
h3.check_mark:before {
font-family: "Font Awesome 5 Free";
content: "\f00c"; font-weight: 900;
position: absolute; font-size: 2.4rem; left: 0; top: 0; color: #808080; }
.corona .c_point_box .c_point {
width: 48%;
}
.corona .c_point_box .c_point:nth-child(3) {
width: 48%;
padding-right: 3%;
}
.corona .c_point_box .c_point:nth-child(even) {
width: 48%;
padding-right: 0;
}
.corona .c_point_box .c_point p {
padding: 2rem 0 1rem;
font-size: 14px;
height: auto;
}
.corona .c_point_box .c_point p.common {
height: auto;
}
.corona .c_point_box .c_point img {
height: 140px;
}
.box_frame {
margin: 2rem 0;
}
.box_frame .box-title {
padding: 0 2px;
}
.corona .table-corona table td {
padding: 16px 25px 16px 25px;
}
} @media screen and (min-width:1800px) {
.corona .c_point_box .c_point img {
height: 400px;
}
}   .resort_glamping_back h2 {
text-align: center;
padding: 120px 0 20px;
}
.resort_glamping_back h2 span.resort_glamping_title {
font-size: 3.2rem;
}
.resort_glamping_back h2 span.ttl-vertical--en {
font-size: 1.6rem;
}
.resort_glamping_list {
display: flex;
justify-content: center;
}
.resort_glamping_list li {
margin-right: 1px;
margin: 0 0.5px 40px;
background: #808080;
width: 300px;
text-align: center;
}
.resort_glamping_list li a {
color: #fff;
display: block;
padding: 10px 0;
}
.resort_glamping_list li a:hover {
color: #333;
background: #fff;
}
.resort_glamping_list li:last-child {
margin-right: 0;
}
.resort_glamping_content>ul>li {
background: #fff;
padding-bottom: 10px;
margin-bottom: 40px;
}
.resort_glamping_content .slider--box .rg-group {
position: relative;
}
.resort_glamping_content .slider--box .rg-group img {
width: 140px;
height: auto;
position: absolute;
bottom: 30px;
right: 0;
padding: 5px;
background-color: #fff;
}
.slider--box li img {
width: 100%;
height: 210px;
object-fit: cover;
}
.resort_glamping_content__ttl h3 {
font-size: 18px;
font-weight: bold;
padding: 0 10px;
}
.resort_glamping_content__ttl p.rg_name_en {
font-size: 12px;
color: #808080;
padding: 0 10px;
}
.resort_glamping_content__ttl p.rg_text {
font-size: 14px;
padding: 10px;
}
.resort_glamping_content__grey {
background: #f0f1f1;
margin: 10px;
}
.resort_glamping_content__grey dl {
padding: 10px;
display: flex;
flex-wrap: wrap;
}
.resort_glamping_content__grey dt {
font-weight: bold;
width: 20%;
box-sizing: border-box;
margin-bottom: 16px;
}
.resort_glamping_content__grey dd {
width: 80%;
box-sizing: border-box;
margin-bottom: 16px;
}
.resort_glamping_content__grey dt:last-child {
margin-bottom: 0;
}
.resort_glamping_content__grey dd:last-child {
margin-bottom: 0;
}
.rg_btn {
text-align: center;
padding: 10px 0;
max-width: 260px;
border: 1px #ccc solid;
margin-top: 5px;
background: #fff;
}
.rg_tag { font-weight: bold;
}
.rg_tag a.conma:last-of-type {
display: none;
}
.rg_tag p a {
color: #2a3c67; }
.rg_cat p {
padding: 14px 0 0;
}
.rg_cat p a {
color: #fff;
padding: 5px 10px;
background: #808080;
margin: 10px;
border-radius: 20px;
}
.rg-bnr {
width: 100%;
margin: 40px auto;
position: relative;
}
.rg-bnr img {
width: 100%;
height: 200px;
object-fit: cover;
}
.bk_black {
width: 72vw;
height: 160px;
margin: 0 auto;
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.rg-bnr-logo {
width: 100%;
}
.rg-bnr img.rg-bnr-logo {
width: 240px;
height: auto;
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.rg-text {
min-width: 240px;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
line-height: 1.2;
font-size: 14px;
color: #fff;
} @media screen and (min-width: 897px) {
.container_rg {
max-width: 1200px;
margin: 0 auto;
}
.resort_glamping_back {
padding-bottom: 60px;
}
.slider--box li img {
height: 400px;
}
.resort_glamping_content .slider--box .rg-group img {
right: 54%;
}
.resort_glamping_content__ttl {
width: 50%;
float: right;
margin-top: -430px !important;
margin-right: 1% !important;
}
.resort_glamping_content__ttl h3 {
font-size: 22px;
padding: 30px 0 0;
}
.resort_glamping_content__grey {
line-height: 1;
}
.resort_glamping_content>ul>li {
padding: 0;
margin: 0;
}
.rg_btn {
margin-top: 0;
}
.rg-bnr {
width: 100%;
margin: 80px auto 0;
}
.rg-bnr img {
width: 100%;
height: 300px;
object-fit: cover;
}
.bk_black {
height: 220px;
width: 720px;
}
.rg-bnr img.rg-bnr-logo {
width: 400px;
top: 35%;
}
.rg-text {
width: 600px;
font-size: 16px;
line-height: normal;
}
}  @media screen and (max-width:896px) {
.container_rg {
max-width: 94%;
margin: 0 auto;
}
}  .s-around-table {
font-size: 1.5rem;
line-height: 1.6;
width: 100%;
table-layout: fixed;
}
.s-around-table caption {
text-align: left;
margin-bottom: -27px;
margin-top: 40px;
}
.s-around-table th {
width: 190px;
}
.s-around-table td {
line-height: 1.6;
}
.s-around-table td a {
word-break: break-all;
text-decoration: underline;
}
.s-around-table tr {
font-size: 1.5rem;
border-bottom: #999 1px dotted;
padding: 1rem;
display: flex;
flex-wrap: wrap;
}
.s-around-table tr:first-of-type {
border-top: #999 1px solid;
margin-top: 40px;
}
.s-around-table tr:last-of-type {
border-bottom: #999 1px solid;
margin-bottom: 40px;
}
.s-around-table tr th {
width: 190px;
}
.s-around-table tr td {
line-height: 1.6;
width: calc(100% - 190px);
}
.map-responsive {
overflow: unset;
position: unset;
height: auto;
width: calc(100%);
}
.map-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: relative;
}
@media screen and (max-width:896px) {
.s-around-table caption {
text-align: center;
}
.s-around-table th {
width: 100px;
}
.s-around-table td {
width: calc(100% - 110px);
text-align: left;
margin-top: unset;
margin-left: 10px;
}
.s-around-table tr {
font-size: 1.3rem;
padding: 20px 4%;
}
.s-around-table tr:last-of-type {
margin-bottom: 20px;
}
.s-around-table tr th {
width: 100px;
}
.s-around-table tr td {
width: calc(100% - 120px);
}
}  .page_top_anniversary{
width: 100%;
height: 750px;
position: relative;
}
.page_top_anniversary img{
width: 100%;
height: 750px;
object-fit: cover;
}
.page_top_anniversary .page_top_anniversary_title{
position: absolute;
top: 50%;
right: 10%;
transform: translateY(-50%);
width: 80%;
}
.page_top_anniversary .page_top_anniversary_title h2{
color: #fff;
font-size: 3.6rem;
text-align: right;
}
.page_top_anniversary .page_top_anniversary_title h2 span{
font-size: 2.5rem;
}
.anniversary_about{
width: 100%;
padding: 100px 0;
box-sizing: border-box;
background: linear-gradient(-20deg, #326181 0%, #0d1718 100%);
}
.anniversary_about .anniversary_about_inner{
width: 94%;
max-width: 1200px;
text-align: center;
margin: 0 auto;
}
.anniversary_about .anniversary_about_inner h3{
width: 100%;
font-size: 3.0rem;
margin-bottom: 20px;
color: #fff5de;
}
.anniversary_about .anniversary_about_inner p{
color: #fff;
}
.anniversary_container{
width: 94%;
max-width: 1500px;
margin: 0 auto;
}
.anniversary_h_box{
width: 100%;
text-align: center;
padding: 100px 0 50px 0;
}
.anniversary_h_box h3{
width: 100%;
font-weight: bold;
font-size: 2.2rem;
}
.anniversary_h_box .h_en{
margin-bottom: 20px;
}
.anniversary_plan_area{
width: 100%;
margin-bottom: 100px;
}
.anniversary_plan_box{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content:space-between;
margin-bottom: 100px;
padding: 50px;
box-sizing: border-box;
background-color: #fff;
box-shadow:0 0 15px #c4c7d1;
}
.anniversary_plan_box.box_left{
flex-direction: row-reverse;
}
.anniversary_plan_box .plan_photo_box{
width: 60%;
}
.anniversary_plan_box .plan_photo_box img{
width: 100%;
}
.anniversary_plan_box .plan_note_box{
width: 37%;
}
.anniversary_plan_box .plan_note_box h4{
width: 100%;
text-align: left;
font-weight: bold;
font-size: 3.0rem;
line-height: 2.0;
color: #2a3c67;
text-shadow:0 0 15px #ffeb38;
}
.anniversary_plan_link{
width: 100%;
margin-top: 50px;
text-align: center;
}
.anniversary_plan_link a{
width: 80%;
max-width: 500px;
text-align: center;
display: block;
margin: 0 auto;
padding: 20px 10px;
font-size: 1.7rem;
background-color: #0d1718;
font-weight: bold;
border-radius: 99999px;
}
.anniversary_plan_link a.btn_light{
background-color: #fff5de;
color: #0d1718;
box-shadow:0 0 15px #393c47;
}
.anniversary_plan_link a.btn_dark{
background-color: #0d1718;
color: #fff;
box-shadow:0 0 15px #c4c7d1;
}
@media screen and (max-width:896px) {
.page_top_anniversary{
height: 400px;
}
.page_top_anniversary img{
height: 400px;
object-fit: cover;
}
.page_top_anniversary .page_top_anniversary_title{
top: auto;
right: 10%;
bottom:40px;
transform: none;
width: 80%;
}
.page_top_anniversary .page_top_anniversary_title h2{
font-size: 3.0rem;
text-align: right;
}
.page_top_anniversary .page_top_anniversary_title h2 span{
font-size: 1.5rem;
}
.anniversary_about{
padding: 70px 0;
}
.anniversary_h_box{
width: 100%;
text-align: center;
padding: 70px 0 25px 0;
}
.anniversary_h_box h3{
font-size: 2.0rem;
}
.anniversary_h_box .h_en{
margin-bottom: 15px;
}
.anniversary_plan_box{
margin-bottom: 40px;
padding: 30px 20px;
}
.anniversary_plan_box .plan_photo_box{
width: 100%;
margin-bottom: 20px;
}
.anniversary_plan_box .plan_note_box{
width: 100%;
}
.anniversary_plan_box .plan_note_box h4{
font-size: 2.0rem;
line-height: 1.7;
}
}@keyframes pulse {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0.25;
transform: scale(0.75);
}
}
.qa-chart {
position: fixed;
z-index: 101;
right: 0;
bottom: 0;
background: #EDEFF4;
width: 201px;
height: 40px;
box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
border-radius: 10px 0 0 0;
overflow: hidden;
transition: 0.2s;
transform-origin: bottom right;
}
.qa-chart .chart-qa-ttl {
font-size: 13px;
line-height: 40px;
height: 40px;
font-weight: 700;
color: #fff;
margin: 0;
background: #2a3c67;
padding: 0 15px;
box-sizing: border-box;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.qa-chart .chart-qa-ttl>svg {
width: 18px;
fill: #fff;
margin-right: 10px;
}
.qa-chart .chart-qa-ttl:before {
content: "+";
text-align: center;
line-height: 19px;
width: 20px;
height: 20px;
border: 1px solid #fff;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
border-radius: 2px;
}
.qa-chart .chart-message {
min-height: 535px;
max-height: 535px;
overflow: auto;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.qa-chart .chart-message .chart-list {
margin: 0;
padding: 0;
box-sizing: border-box;
padding: 20px;
}
.qa-chart .chart-message .chart-list li {
list-style: none;
}
.qa-chart .chart-message .chart-list>li {
font-size: 13px;
margin-bottom: 20px;
}
.qa-chart .chart-message .chart-list>li:last-child {
margin-bottom: 0;
}
.qa-chart .chart-message .chart-list>li.left-chart {
text-align: left;
}
.qa-chart .chart-message .chart-list>li.left-chart .text-chart {
background: #f9f9f9;
white-space: break-spaces;
}
.qa-chart .chart-message .chart-list>li.left-chart .text-chart:before {
background: #f9f9f9;
left: -8px;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%);
clip-path: polygon(100% 0, 100% 100%, 0 50%);
}
.qa-chart .chart-message .chart-list>li.right-chart {
text-align: right;
}
.qa-chart .chart-message .chart-list>li.right-chart .text-chart {
color: #fff;
background: #2a3c67;
}
.qa-chart .chart-message .chart-list>li.right-chart .text-chart:before {
background: #2a3c67;
right: -8px;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.qa-chart .chart-message .chart-list>li .robot-loading-field .circle {
width: 10px;
height: 10px;
background-color: var(--primary);
border-radius: 50%;
display: inline-block;
}
.qa-chart .chart-message .chart-list>li .robot-loading-field .circle:nth-of-type(1) {
animation: pulse 0.4s ease 0s infinite alternate;
}
.qa-chart .chart-message .chart-list>li .robot-loading-field .circle:nth-of-type(2) {
animation: pulse 0.4s ease 0.2s infinite alternate;
margin: 0 3px;
}
.qa-chart .chart-message .chart-list>li .robot-loading-field .circle:nth-of-type(3) {
animation: pulse 0.4s ease 0.4s infinite alternate;
}
.qa-chart .chart-message .chart-list>li .text-chart {
text-align: left;
display: inline-block;
max-width: 85%;
padding: 10px;
border-radius: 5px;
position: relative;
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.16));
}
.qa-chart .chart-message .chart-list>li .text-chart:before {
content: "";
width: 8px;
height: 8px;
position: absolute;
top: 5px;
}
.qa-chart .chart-message .chart-list>li .text-chart .choice-box {
margin-top: 10px;
padding: 0;
}
.qa-chart .chart-message .chart-list>li .text-chart .choice-box>*+* {
margin-top: 5px;
}
.qa-chart .chart-message .chart-list>li .text-chart .choice-box>li>button {
font-size: 12px;
line-height: 1.4;
width: 100%;
border: 0;
background: #fff;
cursor: pointer;
transition: 0.3s;
color: #3A4B60;
border: 1px solid #3A4B60;
border-radius: 3px;
padding: 8px 15px;
}
.qa-chart .chart-message .chart-list>li .text-chart .choice-box>li>button.-back {
color: #fff;
border: 1px solid #898989;
background: #898989;
}
.qa-chart .chart-message .chart-list>li .text-chart .choice-box>li>button>br {
display: none;
}
.qa-chart .chart-message .chart-list>li .text-chart .choice-box>li>button:hover {
background: #3A4B60;
color: #fff;
}
.qa-chart .chart-message .chart-list>li .text-chart .choice-box>li>button.-back:hover {
background: #fff;
color: #898989;
}
.qa-chart .chart-message .chart-list>li .text-chart .choice-box>li>button:disabled {
pointer-events: none;
color: rgba(58, 75, 96, 0.3);
border: 1px solid rgba(58, 75, 96, 0.3);
}
.qa-chart .chart-message .chart-list>li .text-chart .choice-box>li>button.-back:disabled {
background: rgba(137, 137, 137, 0.3);
color: rgba(255, 255, 255, 0.3);
}
.qa-chart .chart-message .chart-list>li .text-chart a {
color: inherit;
}
.qa-chart .chart-message .chart-list>li .text-chart a:hover {
text-decoration: none;
}
.qa-chart .chart-message .chart-list>li .text-chart a[href^="#"] {
text-decoration: none;
pointer-events: none;
}
@media only screen and (min-width: 897px) {
.qa-chart .chart-message .chart-list>li .text-chart a[href^="tel:"] {
text-decoration: none;
pointer-events: none;
}
}
.qa-chart .chart-message .chart-list>li .text-chart.-btn {
display: block;
}
.qa-chart .chart-message .chart-list>li .text-chart.-btn>.back-btn {
font-size: 12px;
width: 100%;
border: 0;
background: #fff;
cursor: pointer;
padding: 5px;
transition: 0.3s;
color: #3A4B60;
border: 1px solid #3A4B60;
padding: 8px 20px;
border-radius: 3px;
}
.qa-chart .chart-message .chart-list>li .text-chart.-btn>.back-btn:disabled {
pointer-events: none;
color: rgba(58, 75, 96, 0.3);
border: 1px solid rgba(58, 75, 96, 0.3);
}
.qa-chart .chart-message .chart-list>li .text-chart.-btn>.back-btn:hover {
color: #fff;
background: #3A4B60;
}
.qa-chart .chart-message::-webkit-scrollbar {
width: 12px;
background: rgba(255, 255, 255, 0);
}
.qa-chart .chart-message::-webkit-scrollbar-thumb {
background: var(--primary);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
background-clip: padding-box;
}
.qa-chart .chart-message::-webkit-scrollbar-track {
margin: 5px;
}
.qa-chart .chart-search-box {
border-top: 1px solid #d3d3d3;
box-sizing: border-box;
display: flex;
}
.qa-chart .chart-search-box>input {
width: calc(100% - 70px);
height: 35px;
border: 0;
padding: 0;
margin: 0;
padding: 0 15px;
outline: none;
}
.qa-chart .chart-search-box>.chartsearch-btn {
font-size: 13px;
font-weight: 500;
color: #fff;
background: var(--primary);
border: 0;
width: 70px;
height: 35px;
padding: 0;
cursor: pointer;
transition: 0.3s;
}
.qa-chart .chart-search-box>.chartsearch-btn:hover {
opacity: 0.7;
}
.qa-chart.-open {
width: 350px;
height: 575px;
}
.qa-chart.-open:hover {
transform: scale(1);
}
.qa-chart.-open>.chart-qa-ttl:before {
content: "-";
}
@media only screen and (min-width: 897px) {
.qa-chart:hover {
transform: scale(1.1);
}
}
@media only screen and (max-width: 896px) {
.qa-chart {
width: 170px;
bottom: 60px;
}
.qa-chart>.chart-qa-ttl {
font-size: 14px;
}
.qa-chart>.chart-qa-ttl>svg {
width: 13px;
margin-right: 5px;
}
.qa-chart>.chart-qa-ttl:before {
width: 15px;
height: 15px;
line-height: 13px;
font-size: 10px;
}
.qa-chart .chart-message {
min-height: 380px;
max-height: 380px;
}
.qa-chart .chart-message>.chart-list>li .text-chart {
max-width: 80%;
}
.qa-chart.-open {
width: 90%;
max-width: 300px;
height: 420px;
}
}
 html {
font-size: 62.5%;
}
body {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "MS P明朝", "MS 明朝", serif;
position: relative;
}
html, body {
width: 100%;
}
h1 {
font-size: 3.2rem;
}
h2 {
font-size: 3.6rem;
color: #222;
text-align: center;
}
h4 {
font-size: 2rem;
color: #222;
text-align: center;
margin-bottom: 20px;
}
.color_w {
color: #fff;
}
#room .txt table th {
padding: 16px 25px;
width: 27%;
}
#room .txt table td {
padding: 16px 25px;
width: 36%;
}
@media screen and (max-width:896px) {
h2 {
font-size: 2.6rem;
}
}
h3 {
font-size: 1.8rem;
color: #222;
}
p {
line-height: 1.7;
font-size: 1.5rem;
color: #333;
}
p.image-text {
color: #818181;
padding: 10px 0;
text-align: center;
}
p.p_bold {
font-weight: bold;
}
ul li {
font-size: 1.5rem;
color: #333;
}
a {
color: #333;
text-decoration: none;
transition: all 0.3s;
}
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%;
}
}
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: rgba(43, 46, 46, 0.8);
transition: all 0.5s ease;
}
.hidden {
background: none;
transition: all 0.5s ease;
}
@media screen and (max-width:896px) {
header {
display: flex;
height: 60px;
}
}
header h1 {
max-width: 1200px;
margin: 0 auto;
height: 80px;
}
@media screen and (max-width:896px) {
header h1 {
text-align: center;
height: 60px;
}
}
header h1 img {
padding: 10px 0 5px 20px;
width: 168px;
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: 9999;
}
@media screen and (max-width:896px) {
header h1 img {
width: 146px;
padding: 6px 0 0 8px;
}
header h1 .logo_image {
position: static;
}
header h1 .logo_image a {
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 .5s;
transition: ease .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 .5s;
transition: ease .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: 1200px;
margin: 0 auto;
padding: 0 10px;
}
.br_sp {
display: none;
}
.br_pc {
display: block;
}
@media screen and (max-width:896px) {
.container {
width: 94%;
padding: 0 3%;
}
.br_sp {
display: block;
}
.br_pc {
display: none;
}
}
a.a_link {
text-decoration: underline;
}
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: #97c2c8;
}
h2.btm_border:after {
right: 50%;
margin-right: -51px;
background: #2a3c67;
}
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.fuji-glamping.com/wp-content/themes/rg_sazanami/img/stripe.png) no-repeat;
}
.mincho {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "MS P明朝", "MS 明朝", serif;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.1em;
}
h2.top {
font-size: 2.6rem;
margin: 45px 0 30px;
line-height: 1.4;
color: #fff;
}
h2.color {
font-size: 2.6rem;
margin: 45px 0 30px;
line-height: 1.4;
color: #333;
}
span.en {
letter-spacing: 0.1em;
font-family: 'Yu Gothic UI', "游ゴシック", YuGothic, "ヒラギノゴシック Pro W3", "Hiragino Gothic Pro", "HGゴシックE", "MS Pゴシック", "MS ゴシック", sans-serif;
font-weight: normal;
font-size: 2.0rem;
color: #97c2c8;
}
span.tax_in {
font-size: 1.4rem;
color: #555;
}
.btn_orange {
text-align: center;
}
.btn_orange p {
text-align: center;
display: inline-block;
margin: 25px auto 0;
line-height: 1.5 !important;
}
.btn_orange p a {
background: #97c2c8;
border-radius: 24px;
padding: 12px 30px;
display: block;
transition: all 0.2s; }
.btn_link p a {
width: 180px;
color: #2a3c67;
background: #fff;
border-radius: 24px;
padding: 12px 30px;
display: block;
transition: all 0.2s;
text-align: center;
margin: 0 auto;
border: 1px solid #ccc;
}
.btn_link_color p a {
width: 185px;
padding: 5px 30px;
display: block;
transition: all 0.2s;
text-align: center;
margin: 0 auto;
border-radius: 27px;
border: #808080 1px solid;
color: #fff;
}
.btn_link_color p a:hover {
background: #808080;
color: #fff;
}
.btn_link_black p a {
width: 185px;
padding: 5px 30px;
display: block;
transition: all 0.2s;
text-align: center;
margin: 0 auto;
border-radius: 27px;
border: black 1px solid;
color: black;
}
.btn_link_black p a:hover {
background: #808080;
color: #fff;
}
.pad_80 {
padding: 80px 0;
}
.pl_25 {
padding-left: 25px;
}
.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_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_120 {
margin-bottom: 120px;
}
.mb_200 {
margin-bottom: 200px;
}
.ta_c {
text-align: center;
}
@media screen and (max-width:896px) {
.sp_mb_40 {
margin-bottom: 40px;
}
}  #resort-rg {
background: #707888;
padding: 10px 0 40px;
}
.rg_group h3.rg_group {
color: #ccc;
font-size: 1.6rem;
text-align: left;
margin-bottom: 0;
}
.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%;
}
}
.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
}
@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: #ccc;
}
.rg_group .rg_details dd {
color: #ccc;
}
@media screen and (max-width:896px) {
.rg_group .rg_details dt {
text-align: left;
}
}
.rg_group .rg_details dd {
margin-left: 0px;
}
footer {
text-align: right;
padding: 80px 0 10px;
background: #0d1718;
}
footer .f_menu {
display: flex;
justify-content: space-between;
padding-bottom: 80px;
}
@media screen and (max-width:896px) {
footer {
text-align: center;
padding: 68px 0 68px;
}
footer .f_menu {
flex-direction: column;
}
}
#footer-menu {
width: calc(100% - 410px);
margin: auto;
}
@media screen and (max-width:896px) {
#footer-menu {
width: 96%;
}
}
#footer-menu a {
color: #fff;
display: block;
}
#menu-item-891 {
display: block;
}
#menu-item-1114 {
background: #97c2c8;
border-radius: 20px;
border: 1px solid #fff;
}
#menu-item-1114 a {
color: #222;
}
#menu-item-1114 a:hover {
font-weight: bold;
}
footer h2 {
text-align: left;
font-size: 32px;
color: #fff;
}
footer p {
text-align: left;
color: #fff;
}
#footer-menu ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
#footer-menu ul li#menu-item-2193, #footer-menu ul li#menu-item-2070 {
padding: 20px 60px 10px;
}
@media screen and (max-width:896px) {
footer h2 {
text-align: center;
}
footer p {
text-align: center;
}
#footer-menu ul li, #footer-menu ul li#menu-item-2193, #footer-menu ul li#menu-item-2070 {
padding: 10px 20px;
margin-bottom: 10px;
}
}
footer .info {
margin: 0 auto 2em auto;
width: 410px;
}
footer .info .logo_image {
width: 140px;
margin: 0 auto 25px auto;
}
@media screen and (max-width:896px) {
footer .info .logo_image {
margin: 20px auto;
width: 100%;
max-width: 400px;
}
}
footer .info .logo_image img {
width: 100%;
}
@media screen and (max-width:896px) {
footer .info {
width: 100%;
}
footer .info .logo_image img {
width: 40%;
margin: 0 auto;
}
}
footer .info p.tel {
font-size: 1.8rem;
}
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: #97c2c8;
}
footer p.company {
font-size: 13px;
text-align: center;
}
.reserve_pc {
position: fixed;
bottom: 68px;
right: 0;
width: 200px;
height: 102px;
z-index: 100;
background: #fff;
color: #fff;
text-align: center;
}
@media screen and (max-width:896px) {
.reserve_pc {
display: none;
}
}
.reserve_pc p {
background: #97c2c8;
font-size: 2.0rem;
color: #2a3c67;
padding-top: 5px; }
.reserve_pc a {
font-size: 2.0rem;
}
.reserve_pc a.to489 {
font-size: 1.6rem; margin-top: 7px;
}
.reserve_pc a.to489:hover {
text-decoration: underline;
}
.reserve_pc .reserve_to489 {
background: #97c2c8;
padding: 10px 0;
margin-top: 1px;
}
.reserve_pc p span {
display: block;
font-size: 60%;
}
#footer_sp {
display: none;
}
@media screen and (max-width:896px) {
#footer_sp {
display: block;
}
.reserve_sp {
width: 100%;
height: 60px;
display: flex;
position: fixed;
bottom: 0;
right: 0;
z-index: 100;
background: #97c2c8;
color: #fff;
text-align: center;
}
.reserve_sp p {
padding-top: 10px;
text-align: center;
}
.reserve_sp p a {
display: block;
}
.reserve_web, .reserve_tel, .reserve_btn {
width: 33%;
}
.reserve_web, .reserve_tel, .reserve_btn {
border-right: #fff solid 1px;
}
.reserve_btn:last-of-type {
border-right: none;
}
.reserve_btn {
background: #8a8a8a;
}
.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: #bfbfbf;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .5s;
transition-duration: .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;
}
#menu-item-288 {
background: #97c2c8;
}
#menu-item-288:hover {
background: #fff;
}
#menu-item-288 a {
color: #fff;
}
#menu-item-288 a:hover {
color: #97c2c8;
}
.drawer-menu li {
text-align: center;
}
.drawer-menu li a {
display: block;
height: 50px;
line-height: 50px;
font-size: 14px;
-webkit-transition: all .8s;
transition: all .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: #97c2c8; -webkit-transition: all .5s;
transition: all .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: .3s;
transition-duration: .3s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
visibility: hidden;
opacity: 0;
} .check:checked ~ .drawer-menu {
-webkit-transition-delay: .3s;
transition-delay: .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: .3s;
transition-delay: .3s;
background: rgba(0, 0, 0, .5);
visibility: visible;
opacity: 1;
z-index: 3;
}
} @media screen and (min-width:897px) {
.drawer-menu {
width: 100%;
height: 80px;
}
.menu {
max-width: 1200px;
float: right;
}
.menu-top-container {
max-width: 1200px;
margin: 0 auto;
}
#menu-item-891 {
display: none;
}
#menu-item-288 {
border-radius: 20px;
border: 1px solid #97c2c8;
}
#menu-item-288:hover {
background: #dcdede;
}
#menu-item-288 a {
color: #dcdede;
}
#menu-item-288 a:hover {
color: #222;
}
.menu-item {
display: inline-block;
padding: 20px clamp(35px, 2.436px + 3.63vw, 46px) 10px;
text-align: center;
margin: 24px auto 0;
position: relative;
}
.menu-item a {
color: #dcdede;
display: block;
position: absolute;
top: 8px;
left: 0;
width: 100%;
height: 100%;
}
.check, .menu-btn {
display: none;
}
#menu-item-2201,#menu-item-2207,#menu-item-2199{
padding: 20px clamp(18px, -5.683px + 2.64vw, 26px) 10px;
}
#menu-item-2194, #menu-item-2069{
padding: 20px 60px 10px;
}
} .pankuzu {
background: #555;
padding: 8px 0;
font-size: 1.3rem;
color: #fff;
padding-top: 80px;
}
.pankuzu a {
color: #fff;
}
.wrapper {
background: #e9edf6;
}
.page_top_view {
padding: 45px 0 60px;
}
@media screen and (max-width:896px) {
.pankuzu {
margin-top: 0;
}
.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;
}
.page_top_view .ttl_area {
text-align: center;
}
.page_top_view .ttl_area h2 {
padding: 0 0 24px;
}
.page_top_view .ttl_area .en {
color: #444;
}
.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;
}
}
h3.border {
color: #97c2c8;
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 #97c2c8;
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: #97c2c8;
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: 4.0rem;
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.0;
}
.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;
}
.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: 240px;
object-fit: cover;
}
}
.container.news_single .article_content p {
line-height: 2.0;
word-break: break-word;
}
.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: #808080;
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: #97c2c8;
font-size: 2.0rem;
font-weight: bold;
}
.qa_orange_text {
color: #97c2c8;
font-size: 2.0rem;
font-weight: bold;
}
.qa_mb {
margin-bottom: 20px;
}  footer .info {
margin-bottom: 2em;
}
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;
}
.external::before {
width: 12px;
height: 2px;
background: #97c2c8;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.external::after {
right: 1px;
width: 8px;
height: 8px;
border-top: 2px solid #97c2c8;
border-right: 2px solid #97c2c8;
}
.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: 182px;
color: #fff;
text-align: center;
line-height: 60px;
text-decoration: none;
vertical-align: middle;
display: none;
width: 60px;
height: 60px;
border-radius: 50%;
background: rgba(50, 50, 50, 0.5);
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;
} .language {
z-index: 9999;
position: absolute;
right: 20px;
top: 92px;
width: 140px;
height: 20px;
}
.language > li { width: 100%;
} .language li {
list-style: none;
position: relative;
}
.language li p.lan-ja, .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: .5s;
margin-top: 1px;
margin-bottom: 6px;
}
.language li:hover > ul > li {
height: 2rem;
overflow: visible;
}
@media screen and (max-width:896px) {
.language {
left: 12px;
top: 10px;
width: 98px;
}
}  .swiper-wrapper {
width: 100%;
height: 250px;
} .swiper-slide {
width: 100%;
height: 100%;
}
.swiper-slide img {
width: 100%;
height: 850px;
object-fit: cover;
}
@media screen and (max-width:896px) {
.swiper-slide img {
height: 50vh;
}
} .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
color: #000;
} .meal-box {
padding: 90px 0 130px;
}
.meal-box ul li {
width: 32%;
}
.meal-box ul li img {
width: 100%;
object-fit: cover;
}
.inr {
padding: 0 20px;
box-sizing: border-box;
}
.mb45 {
margin-bottom: 45px;
}
.meal-box h2 {
font-size: 2.6rem;
text-align: center;
margin-bottom: 45px;
line-height: 1.8;
} @media screen and (min-width: 768px) {}  @media screen and (max-width:896px) {
.meal-box {
padding: 40px 0 90px;
margin-bottom: 60px;
}
.meal-box ul li {
width: 49%;
}
.meal-box ul li img {
width: 100%;
height: auto;
object-fit: cover;
}
.inr {
padding: 10px;
box-sizing: border-box;
}
.mb45 {
margin-bottom: 20px;
}
}
@media screen and (max-width:896px) {
} .fb {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fb-both { justify-content: space-between;
-webkit-justify-content: space-between;
}
.fb-right { justify-content: flex-end;
-webkit-justify-content: flex-end;
}
.fb-center { justify-content: center;
-webkit-justify-content: center;
}
.fb-rev {
flex-direction: row-reverse;
}
.fb-col-rev {
flex-direction: column-reverse;
}
.fb-al-center {
align-items: center;
}
.fb-al-top {
align-items: flex-start;
}
.fb-al-bottom {
align-items: flex-end;
}
.inb {
display: inline-block;
} @media screen and (min-width: 768px) {
.pc-t-center {
text-align: center;
}
.pc-t-center img {
margin-right: auto;
margin-left: auto;
}
.pc-t-left {
text-align: left;
}
.pc-t-right {
text-align: right;
}
.pc-t-jus {
text-align: justify;
}
.pc-fb {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pc-fb-both { justify-content: space-between;
-webkit-justify-content: space-between;
}
.pc-fb-right { justify-content: flex-end;
-webkit-justify-content: flex-end;
}
.pc-fb-center { justify-content: center;
-webkit-justify-content: center;
}
.pc-fb-rev {
flex-direction: row-reverse;
}
.pc-fb-col-rev {
flex-direction: column-reverse;
}
.pc-fb-al-center {
align-items: center;
}
}  .readmore {
position: relative;
box-sizing: border-box;
}
.readmore-content {
position: relative;
overflow: hidden;
height: 520px;
}
.readmore-content::before {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
content: ""; height: 50px;
background: -webkit-linear-gradient(top, rgba(233, 237, 246, 0) 0%, rgba(233, 237, 246, 0.8) 50%, rgba(233, 237, 246, 0.8) 50%, #e9edf6 100%);
background: linear-gradient(top, rgba(233, 237, 246, 0) 0%, rgba(233, 237, 246, 0.8) 50%, rgba(233, 237, 246, 0.8) 50%, #e9edf6 100%);
} .readmore-label {
display: table;
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
margin: 0 auto;
z-index: 2;
width: 200px;
font-size: 20px;
margin-top: 30px;
text-align: center;
background: #fff;
color: #767C83;
border: #767C83 solid 1px;
padding: 12px 20px;
}
.readmore-label:hover {
color: #fff;
background: #767C83;
}
.readmore-label:before {
content: 'See more';
}
.readmore-check {
display: none;
} .readmore-check:checked ~ .readmore-label {
position: static;
transform: translateX(0);
-webkit-transform: translateX(0);  }
.readmore-check:checked ~ .readmore-label:before {
content: 'Close up';
} .readmore-check:checked ~ .readmore-content {
height: auto;
}
@media screen and (max-width:896px) {
.readmore-check:checked ~ .readmore-content {
height: auto;
}
.readmore-label:hover {
background: #fff;
color: #767C83;
}
} .readmore-check:checked ~ .readmore-content::before {
display: none;
}body.lb-disable-scrolling {
overflow: hidden;
position: static;
height: 100vh;
width: 100vw;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: rgba(255,255,255,.9);
display: none;
}
.lightbox {
position: fixed;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
outline: none;
top: 50%!important;
transform: translateY(-50%);
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto; }
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
}
.lb-nav a.lb-prev::after {
content: "";
display: block;
width: 28px;
height: 28px;
position: absolute;
left: 15px;
top: calc(100% + 5px);
border-top: solid 2px;
border-right: solid 2px;
transform: rotate(-135deg) translateY(-50%);
color: #666;
}
.lb-nav a.lb-next {
}
.lb-nav a.lb-next::after {
content: "";
display: block;
width: 28px;
height: 28px;
position: absolute;
right: 15px;
top: calc(100% + 25px);
border-top: solid 2px;
border-right: solid 2px;
transform: rotate(45deg) translateY(-50%);
color: #666;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*: ;
zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
position: absolute;
position: a;
bottom: calc(100% - -35px);
left: 50%;
transform: translateX(-50%);
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 2.0rem;
color: #000;
line-height: 0;
transform: translateY(10px);
display: block;
} @media screen and (max-width: 767px) {
.lb-data .lb-caption {
font-size: 1.6rem;
}
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: none!important;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: inline-block;
width: 30px;
height: 30px;
position: absolute;
cursor: pointer;
top: 0;
right: -4px;
}
.lb-data .lb-close::before,
.lb-data .lb-close::after {
display: block;
content: "";
position: absolute;
top: 0%;
left: 45%;
width: 1px;
height: 30px;
margin: 0;
background: #666;
}
.lb-data .lb-close::before {
transform: rotate(-45deg);
}
.lb-data .lb-close::after {
transform: rotate(45deg);
}main {
background-image: url(//www.fuji-glamping.com/wp-content/themes/rg_sazanami/img/black_linen_v2.png);
background-repeat: repeat; }
main .mv {
width: 100%;
overflow: hidden;
max-height: 600px;
}
main .mv img {
width: 100%;
min-height: 100%;
max-height: 600px;
display: block;
object-fit: cover;
}
main .list {
font-size: 1.3rem;
}
main .list li {
line-height: 2.5;
padding-left: 32px;
position: relative;
}
main .list li::after {
content: "";
width: 27px;
height: 27px;
background-size: contain;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
main .list li::after {
background-image: url(//www.fuji-glamping.com/wp-content/themes/rg_sazanami/images/meal/ico.png);
}
.inr {
width: 100%;
max-width: 1280px;
margin-right: auto;
margin-left: auto;
}
main .txt {
line-height: 1.7em;
}
.chef-box {
background-color: #F6F6F6;
padding-top: 90px;
}
.chef-box .t-grey {
color: #888;
}
.chef-box-inr {
display: flex;	
}
.chef-box-inr img {
width: 100%;
height: auto;
object-fit: cover;
}
.meal_b,section.b_b {
background-image: url(//www.fuji-glamping.com/wp-content/themes/rg_sazanami/img/black_linen_v2.png);
}
.pop-box {
padding-bottom: 140px;
}
.pop-box .img-list li {
width: 24%;
max-width: 400px;
}
.meal_gal {
height: 200px; 
}
.meal_gal_img {
width: 100%;
height: 200px;
object-fit: cover;
}
.chef_flex {
display: flex;
justify-content: center;
align-items: center;
}
.chef_text {
width: 85%;
}
@media screen and (max-width: 767px) {
.chef_flex {
padding: 15px;
}
} @media screen and (min-width: 768px) {
main .page-title h1 {
color: #fff;
text-shadow:
black 1px 1px 4px, black -1px 1px 4px,
black 1px -1px 4px, black -1px -1px 4px;
position: absolute;
font-size: 50px;
top:200px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
letter-spacing: 6px;
}
main .page-title h2 {
color: #fff;
text-shadow:
black 1px 1px 8px, black -1px 1px 8px,
black 1px -1px 8px, black -1px -1px 8px;
position: absolute;
font-size: 22px;
top:300px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
main .page-title p {
color: #fff;
text-shadow:
black 1px 1px 10px, black -1px 1px 10px,
black 1px -1px 10px, black -1px -1px 10px;
position: absolute;
font-size: 16px;
top:340px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
line-height: 1.8;
}
.chef-box-inr {
flex-direction: row;
}
.chef-box-inr-in {
width: 50%;
padding: 1px;
}
}  @media screen and (max-width: 767px) { main .page-title h1 {
color: #fff;
text-shadow:
black 1px 1px 2px, black -1px 1px 2px,
black 1px -1px 2px, black -1px -1px 2px;
position: absolute;
font-size: 28px;
top:100px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
letter-spacing: 6px;
}
main .page-title h2 { font-size: 16px;
}
main .page-title p { font-size: 14px;
}
main .list {
font-size: 1.2rem;
}
main .list li {
padding-left: 18px;
}
main .list li::after {
width: 15px;
height: 15px;
}
main .txt {
line-height: 1.3em;
}
.chef-box {
padding-top: 30px;
}
.chef-box-inr {
flex-direction: column;
}
.chef-box-inr img {
height: 300px;
}
.pop-box {
padding-bottom: 70px;
}
.pop-box .img-list li {
width: 49.5%;
margin-bottom: 5px;
max-width: none;
}
.meal_gal {
height: 150px; 
}
.meal_gal_img {
width: 100%;
height: 150px;
object-fit: cover;
}
}