@charset "UTF-8";
 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;
}
@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 {
padding: 10px 0;
text-align: center;
}
p.text_c {
text-align: center;
}
ul li {
font-size: 1.5rem;
color: #333;
}
a {
color: #333;
text-decoration: none;
transition: all 0.3s;
}
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%;
}
}
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: 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 {
height: 60px;
}
}
header h1 img {
padding: 10px 0 5px 10px;
width: 70px;
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: 52px;
padding: 3px 0 5px 25px;
}
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;
}
.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;
}
}
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: #587979;
}
h2.btm_border:after {
right: 50%;
margin-right: -51px;
background: #f2f6f9;
}
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.nature-glamping.com/wp-content/themes/glvillage_kawaguchiko/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; }
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: 1.5rem;
color: #559898;
}
span.en2 {
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: 1.5rem;
color: #3E5B5B;
}
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 {
color: #fff;
background: #88AD8D;
border-radius: 24px;
padding: 12px 30px;
display: block;
transition: all 0.2s; }
.btn_link p a {
width: 200px;
color: #659F83;
font-weight: bold;
background: #fff;
border-radius: 24px;
padding: 12px 30px;
display: block;
transition: all 0.2s;
text-align: center;
margin: 0 auto;
border: #ececec 1px solid;
}
.btn_link p a:hover {
background: #f2f6f9;
}
.btn_link_color p a {
width: 180px;
padding: 10px 30px;
display: block;
transition: all 0.2s;
text-align: center;
margin: 0 auto;
border-radius: 27px;
border: #436552 1px solid; }
.btn_link_color p a:hover {
background: #436552;
color: #fff;
}
.pad_80 {
padding: 80px 0;
}
.pl_25 {
padding-left: 25px;
}
.mt_10 {
margin-top: 10px;
}
.mt_20 {
margin-top: 20px;
}
.mt_30 {
margin-top: 30px;
}
.mt_40 {
margin-top: 40px;
}
.mt_50 {
margin-top: 50px;
}
.mt_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;
}
} .group_t {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.group_t .img,
.group_t .txt {
width: 49%;
}
.group_t .img img {
width: 100%;
}
.group_t .txt h3 {
padding: 30px 20px;
font-size: 24px;
}
@media screen and (max-width:896px) {
.group_t .img,
.group_t .txt {
width: 100%;
}
} #resort-rg {
background: #7F908F;
padding: 10px 0 40px;
}
.rg_group h2 {
color: #fff;
}
.rg_group h4.rg_group {
font-size: 1.6rem;
text-align: left;
margin-bottom: 0;
color: #fff;
}
.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: #fff;
}
@media screen and (max-width:896px) {
.rg_group .rg_details dt {
text-align: left;
}
}
.rg_group .rg_details dd {
margin-left: 0px;
color: #fff;
}
footer {
text-align: right;
padding: 80px 0 10px;  background: #3E4748;
}
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 a {
color: #fff;
display: block;
}
#menu-item-891 {
display: block;
}
#menu-item-1674 {
background: #779A9A;
border-radius: 20px;
border: 1px solid #fff;
}
#menu-item-1674:hover {
background: #fff;
}
#menu-item-1674 a:hover {
color: #779A9A;
font-weight: bold;
}
#menu-item-2053 {
padding: 20px 55px 10px;
}
footer h2 {
text-align: left;
font-size: 32px;
color: #fff;
}
footer p {
text-align: left;
color: #fff;
}
#footer-menu ul {
max-width: 640px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@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;
}
}
footer .info .logo_image {
width: 360px;
}
@media screen and (max-width:896px) {
footer .info .logo_image {
margin: 20px auto;
}
}
footer .info .logo_image img {
width: 200px;
}
@media screen and (max-width:896px) {
footer .info .logo_image img {
width: 50%;
margin: 0 auto;
}
}
footer .info p.tel {
font-size: 2.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 .info a {
color: #fff;
}
footer p.address {
margin-bottom: 20px;
}
footer a.recruit {
color: #5d87b7;
}
footer p.company {
font-size: 13px;
text-align: center;
}
.reserve_pc {
position: fixed;
bottom: 110px;
right: 0;
width: 200px;
height: 107px;
z-index: 100;
background: #f7f5fa;
color: #436552;
text-align: center;
}
@media screen and (max-width:896px) {
.reserve_pc {
display: none;
}
}
.reserve_pc p {
background: #829DA8;
font-size: 2.0rem;
color: #fff;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 7px;
}
.reserve_pc a {
font-size: 2.0rem;
color: #474157;
}
.reserve_pc a.to489 {
font-size: 1.6rem;
color: #fff;
margin-top: 7px;
}
.reserve_pc a.to489:hover {
text-decoration: underline;
}
.reserve_pc .reserve_to489 {
background: #455A63;
padding: 10px 0;
margin-top: 7px;
}
.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: #779A7B;
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: 33.333%;
}
.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: .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: #779A7B;
}
#menu-item-288:hover {
background: #fff;
}
#menu-item-288 a {
color: #fff;
}
#menu-item-288 a:hover {
color: #779A7B;
}
.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: #CBCBCB; -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;
margin-right: 20px;
}
.menu-top-container {
max-width: 1200px;
margin: 0 auto;
}
#menu-item-891 {
display: none;
}
#menu-item-288 {
border-radius: 20px;
border: 1px solid #559898;
}
#menu-item-288:hover {
background: #fff;
}
#menu-item-288 a {
color: #559898;
}
#menu-item-288 a:hover {
color: #5d87b7;
}
.menu-item {
display: inline-block;
padding: 20px 45px 10px;
text-align: center;
margin: 24px auto 0;
position: relative;
}
.menu-item a {
color: #559898;
display: block;
position: absolute;
top: 8px;
left: 0;
width: 100%;
height: 100%;
font-weight: bold;
}
.check,
.menu-btn {
display: none;
}
#menu-item-2054 {
padding: 20px 66px 10px;
}
#menu-item-2190 {
padding: 20px 60px 10px;
}
#menu-item-2080 {
padding: 20px 38px 10px;
}
#menu-item-947,
#menu-item-893,
#menu-item-1128,
#menu-item-1875 {
padding: 20px 30px 10px;
}
#menu-item-2190 {}
#menu-item-2190 {}
} .pankuzu {
background: #E4E9E5;
padding: 8px 0;
font-size: 1.3rem;
color: #333;
margin-top: 80px;
}
.page_top_view {
padding: 45px 0 40px;
}
@media screen and (max-width:896px) {
.pankuzu {
margin-top: 60px;
}
.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.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: 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: #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: 2.0rem;
font-weight: bold;
}
.qa_orange_text {
color: #5d87b7;
font-size: 2.0rem;
font-weight: bold;
}
.qa_mb {
margin-bottom: 20px;
}  footer .info {
margin-bottom: 2em;
padding-left: 15px;
}
@media screen and (max-width:896px) {
footer .info {
margin-bottom: 50px;
padding-left: 0
}
}
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: #559898;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.external::after {
right: 1px;
width: 8px;
height: 8px;
border-top: 2px solid #559898;
border-right: 2px solid #559898;
}
.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: 10px;
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;
} .pet {
text-align: center;
}
.pet p {
font-size: 1.7em;
}
.pet_container {
display: flex;
}
.pet_container_re {
display: flex;
flex-direction: row-reverse;
}
.pet section.top_bnr.magazine {
padding: unset;
}
.pet .top_bnr.magazine a {
width: 40%;
}
@media screen and (max-width:896px) {
.pet_container {
display: flex;
flex-direction: column;
}
.pet_container_re {
display: flex;
flex-direction: column;
}
.pet_mainimg {
width: 100% !important;
}
.pet_mainimg img {
width: 100%;
margin: 30px 0 30px;
}
.pet_txtarea {
width: 100% !important;
}
.pet .top_bnr.magazine a {
width: 100%;
}
}
.pet_mainimg {
width: 50%;
}
.pet_mainimg img {
width: 100%;
margin: 30px 0 30px;
}
.pet_txtarea {
width: 50%;
}
.pet_ame {
background-color: #E7E7E7;
padding: 40px 0 10px;
width: 40%;
margin: 0 auto 50px;
}
@media screen and (max-width:896px) {
.pet_ame {
background-color: #E7E7E7;
padding: 40px 0 10px;
width: 95%;
margin: 0 auto 50px;
}
}
.pet_ame ul {
text-align: left;
width: 300px;
margin: 0 auto 50px;
line-height: 3.0rem;
}
.pet_ame li {
font-size: 1.6rem;
}
.pet_bg {
width: 1200px;
margin: 0 auto;
}
.pet_h3 {
padding-bottom: 10px;
font-size: 2.4rem;
line-height: 1.3;
position: relative;
color: orange !important;
margin-bottom: 20px;
border-bottom: solid 1px orange !important;
}
.bignumber {
font-size: 48px;
color: orange;
margin-bottom: 15px;
} .language {
z-index: 9999;
position: absolute;
right: 20px;
top: 22px;
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;
letter-spacing: 0.5px;
} .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:1475px) {
.language {
top: 85px;
}
}
@media screen and (max-width:896px) {
.language {
left: 95px;
top: 12px;
width: 110px;
}
} .formediapic {
margin-top: 5%;
}
.formediapic img {
margin: 0 auto;
width: 50%;
}
.formediatitle {
width: 100%;
height: 100%;
min-height: 50px;
padding-top: 30px;
text-align: center;
font-size: 5rem;
letter-spacing: 5px;
line-height: 4.2rem;
}
.formediacontents {
text-align: center;
display: block;
}
.formediacontents .text {
text-align: left;
display: inline-block;
padding-bottom: 20px;
letter-spacing: 1.5px;
}
@media only screen and (max-width: 768px) {
.formedia {
padding: 5%;
padding-top: 15%;
}
}  .contents_mainimg {
width: 90%;
margin: 0 auto;
}
.contents_mainimg img {
height: 100%;
margin: 0 auto;
}
.food_content__desc {
display: none;
} .bwg_thumbnail.bwg_container {
padding: 0 0 !important;
}