@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Oooh+Baby&family=Zen+Kaku+Gothic+Antique:wght@400;500&display=swap');

@media screen and (min-width: 481px) {

html{
    overflow-x: hidden;
max-width:100%;
min-width:1320px;
}
body {
max-width:100%;
min-width:1320px;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size:18px;
    line-height:1.75em;
    text-align: center;
    font-weight: 500;
    color: #000;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #000;
    font-weight:500;
}

a.instagram:hover,
a.twitterx:hover,
a.reserve:hover {
    filter: brightness(1.25);
}

a:hover {
    color: #ED6C00;
}

.onsp {
    display: none;
}

.tc {
    text-align: center;
}

ul.cbtn li a {
    text-align: center;
    font-size: 16px;
    line-height: 67px;
    display: inline-block;
    width: 263px;
    height: 67px;
    color: #fff;
    background-color: #ED6C00;
    transition-property: all;
    transition: 0.2s linear;
    margin-top: 50px;
}

ul.cbtn li a:hover {
    opacity: 0.65;
}

.gf {
    font-family: "Oooh Baby", cursive;
}

.inner{
width:1320px;
min-width:1320px;
margin:0 auto;
}

.innerw{
width:1280px;
min-width:1280px;
margin:0 auto;
}

.inners{
width:1026px;
min-width:1026px;
margin:0 auto;
}

.inner.tou{
text-align:left;
}

.inner.tou h3+p{
padding-top:25px;
}

#map .cmap{
padding-top:50px;
}

.twobed{
background-color:#fff;
margin-top:100px;
padding-bottom:150px;
}


.cmap iframe{
width:100%;
aspect-ratio:2.157/1;
}

main{
max-width:100%;
}

/*******************Header*************************/

header {
    text-align: center;
    width: 100%;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.15);
    top: 0;
    left: 0;
    position: fixed;
    z-index: 9999;
    transition-property: all;
    transition: 0.5s linear;
}

header.sub {
    background-color: #fff;
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.2));
}

header div.header {
display:flex;
justify-content: space-between;
    width: 1320px;
    min-width: 1320px;
    margin: 0 auto;
    position: relative;
    height:100px;
}

header div.header h1 {
    width: 200px;
    height: 58px;
    float: left;
    margin-top: 23px;
    margin-left:20px;
}

header div.header h1 a {
    display: block;
    width: 200px;
    height: 58px;
    background: url(../images/logo.png) no-repeat center center /cover;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    font-weight: normal;
    transition-property: all;
    transition: 0.2s linear;
}

header div.header h1 a:hover {
    filter: brightness(1.5);
}

.navbar_toggle {
    display: none;
}
/*******************Header Nav*************************/

nav#p{display:block; height:100px; margin-right:20px;}
nav#s{display:none;}



header div.header nav ul.globalnav {
    padding-top: 35px;
}

header div.header nav ul.globalnav li {
    float: left;
}

header div.header nav ul.globalnav li a {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    display: block;
    padding-right: 0.5em;
    transition-property: all;
    transition: 0.2s linear;
    color: #fff;
}

header.sub div.header nav ul.globalnav li a {
    color: #000;
}

header div.header nav ul.globalnav li a::after {
    content: "｜";
    padding-left: 0.5em;
}

header div.header nav ul.globalnav li:nth-of-type(n+5) a::after {
    content: "";
    padding-left: 0.5em;
}

header div.header nav ul.globalnav li a.reserve {
    background-color: #ED6C00;
    padding: 0.25em 1em 0.25em 1.5em;
    margin-right: 1em;
    margin-top: -0.25em;
    border-radius: 25px;
}

header.sub div.header nav ul.globalnav li a.reserve {
    color: #fff;
}

header div.header nav ul.globalnav li a.instagram {
    width: 33px;
    height: 33px;
    background: url(../images/ico_instagram.png) no-repeat center center /cover;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    margin-right: 1em;
    margin-top: -2px;
}

header div.header nav ul.globalnav li a.twitterx {
    width: 33px;
    height: 33px;
    background: url(../images/ico_x.png) no-repeat center center /cover;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    margin-top: -2px;
}
/* Page Top ****************************************/

#page-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 9999;
}

#page-top img {
    font-size: 12px;
    width: 42px;
    filter: drop-shadow(0 0 5px #fff);
    transition-property: all;
    transition: 0.2s linear;
}

#page-top img:hover {
    filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 8px #fff);
}
/*******************footer*************************/

footer {
    margin: 0 auto;
    background-color: #F6CFAF;
    width: 100%;
}

footer.top {
    margin-top: 198px;
}

footer .footer {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 90px 0 290px;
}

footer .footer address,
footer .footer p {
    font-size: 15px;
    line-height: 1.55em;
    text-align: left;
    font-weight:500;
}

footer .footer address p:first-child {
    width: 324px;
    height: 83px;
    background: url(../images/logo_f.png) no-repeat center center /cover;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 24px;
}

footer div.ft_nav {
    width: calc(100% - 330px);
    display: flex;
    justify-content: flex-end;
    text-align: left;
}

footer div.ft_nav ul {
    display: inline-block;
    text-align: left;
    margin-left: 3em;
}

footer div.ft_nav li {
    width: 100%;
}

footer div.ft_nav li span,
footer div.ft_nav li a {
    font-weight:500;
    font-size: 15px;
    line-height: 35px;
    display: block;
    transition-property: all;
    transition: 0.2s linear;
    color: #222;
    transition-property: all;
    transition: 0.2s linear;
}

footer div.ft_nav li a {
    color: #ED6C00;
}

footer div.ft_nav li span {
    color: #222;
}

footer div.ft_nav li span.soon {
    color: #c4a480;
}

footer div.ft_nav li a:hover {
    color: #ED6C00
}

footer div.ft_nav li a.instagram {
    width: 33px;
    height: 33px;
    background: url(../images/ico_instagram.png) no-repeat center center /cover;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    margin-top: 6px;
}

footer div.ft_nav li a.twitterx {
    width: 33px;
    height: 33px;
    background: url(../images/ico_x.png) no-repeat center center /cover;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    margin-top: 6px;
}

footer p.copy {
    font-size: 14px;
    line-height: 1em;
    padding-bottom: 30px;
}
/*******************Top  page*************************/

section {
    width: 100%;
    box-sizing: border-box;
}
section p {
    font-weight: 400;
}

/***Slider*******************/

section.opening{
position:relative;
    width: 100%;
    min-width: 1320px;
}

section.opening video{
position:absolute;
top:0;
left:0;
z-index:-1;
  object-fit: cover;
width:100%;
height:100%;
background: url(../images/cover_pc.jpg) no-repeat center center /cover;
}


/***end video****/

#textContainer {
    width: 100%;
    min-width: 1320px;
    display:flex;
    justify-content: center;
    align-items:center;
    height: 1082px;
}

#textContainer .text{
font-size:48px;
color:#fff;
    position: absolute;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: opacity 2s ease;
        text-shadow: 0 0 12px #000;
  }


#textContainer .active {
    opacity: 1;
  }



/*******************Top  h2*************************/

section#info_access h2,
section#info_spots h2,
section#info_facility h2,
section#info_areamap h2,
section#top_news .news h2 {
    text-align: center;
    font-size: 18px;
    line-height: 1.5em;
    color: #ED6C00;
    padding: 120px 0 22px;
}

section#info_access h2 span,
section#info_spots h2 span,
section#info_facility h2 span,
section#info_areamap h2 span,
section#top_news .news h2 span {
    font-size: 60px;
    line-height: 1em;
    padding-bottom:12px;
    display: block;
}
/*******************Top  news*************************/

section#top_news {
    margin-top: 50px;
}

section#top_news .news {
    width: 1022px;
    display: block;
    text-align: left;
    margin: 0 auto;
}

section#top_news .news dl {
    width: 100%;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 400;
}

section#top_news .news dl dt {
    float: left;
    clear: left;
    width: 7em;
    padding: 25px 0 25px;
}

section#top_news .news dl dd {
    border-bottom: 1px solid #707070;
    padding: 25px 0 25px 7em;
}

section#top_news .news ul {
    display: block;
    text-align: center;
    padding-top: 30px;
}

section ul.btn li p{
font-size:20px;
line-height:1.75em;
margin-top:1em;
}


section#top_attraction ul li dl dd a,
section#info_garnpeaks ul a.btn,
section ul.btn li a {
    text-align: center;
    color: #fff;
    background-color: #068D6B;
    font-size: 22px;
    line-height: 1em;
    padding:19px 0 25px;
    display: inline-block;
    width: 264px;
    transition-property: all;
    transition: 0.2s linear;
}

section#top_attraction ul li dl dd a,
section#info_garnpeaks ul a.btn {
    margin: 30px auto 0;
}

section ul.btn li a span{
display:block;
padding-top:0.5em;
}

section ul.btn.wide li a {
    width: 600px;
}

section ul.btn.area li a {
    width: 486px;
}

section ul.btn.full li a {
    width: 1024px;
}

section.sub_area_notice ul.btn.area{
margin-top:40px;
}

section ul.btn.area.wfx li{
display:inline-block;
padding:0 27px;
}

section ul.btn.area.reg {
text-align:center;
margin-top:60px;
}


section#top_news .news ul li a:hover {
    filter: brightness(1.25);
}

section#top_news .ad_bnr {
    margin-top: 90px;
}

section#top_news .ad_bnr a {
    display: block;
    padding:0 20px;
}
/*******************Top  section garnpeaks*************************/

section#info_garnpeaks {}

section#info_garnpeaks .wide {
    min-width: 1320px;
    width: 100%;
    aspect-ratio:2.64/1;
    margin-top: 114px;
    background: url(../images/fbk_faciliy.jpg) no-repeat right top /cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

section#info_garnpeaks .wide h2 img {
    width: 466px;
}

section#info_garnpeaks .wide p {
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.75em;
    color: #fff;
    width: 1260px;
    text-align: center;
}

section#info_garnpeaks ul {
    min-width: 1320px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

section#info_garnpeaks ul li {
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
}

section#info_garnpeaks ul li div {
    display: flex;
    align-items: center;
    aspect-ratio: 1.6/1;
}

section#info_garnpeaks ul li:nth-of-type(1) div {
    background: url(../images/top_f1.jpg) no-repeat center center /cover;
}

section#info_garnpeaks ul li:nth-of-type(2) div {
    background: url(../images/top_f2.jpg) no-repeat center center /cover;
}

section#info_garnpeaks ul li:nth-of-type(3) div {
    background: url(../images/top_f3.jpg) no-repeat center center /cover;
}

section#info_garnpeaks ul li p {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 1.5em;
    padding: 6px 0 10px;
}

section#info_garnpeaks ul li p span {
    font-size: 60px;
    line-height: 1.2em;
    display: block;
}
/*******************Top  section faciity*************************/

section#info_facility {}

section#info_facility h2+p {
    text-align: center;
    font-size: 18px;
    line-height: 1.75em;
}

section#info_spots ul,
section#info_facility ul {
    width: 1280px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 70px auto 0;
    gap: 160px 20px;
}

section#info_spots ul {
    gap: 20px;
    margin: 50px auto 30px;
}

section#info_facility ul::after {
    content: "";
    display: block;
    width: calc(25% - 20px);
}

section#info_spots ul li,
section#info_facility ul li {
    text-align: left;
    display: block;
    width: calc(25% - 20px);
}

section#info_spots ul li img,
section#info_facility ul li img {
    width: 100%;
}

section#info_facility ul li h3 {
    font-size: 23px;
    line-height: 2em;
    color: #ED6C00;
}

section#info_facility ul li a,
section#info_facility ul li p {
    font-size: 18px;
    line-height: 1.75em;
}

section#info_facility ul li a {
    color: #068D6B;
}
/*******************Top  section spots*************************/

section#info_spots {
    margin-top: 180px;
    padding: 70px 0 90px;
    background-color: #FEF6E6;
}

section#info_spots ul.btn li {
    width: 100%;
    text-align: center;
}
/*******************Top  section AreaMap*************************/

section#info_areamap {
    margin-top: 200px;
    min-width: 1320px;
}

section#info_areamap p {
    font-size: 18px;
    line-height: 2em;
    width: 1260px;
    text-align: left;
    margin: 40px auto 0;
}

section#info_areamap .cmap img {
    width: 100%;
}
/*******************Top  section Atraction*************************/

section#top_attraction {
    margin-top: 200px;
    padding-bottom: 300px;
    min-width: 1320px;
    background: url(../images/bk_atraction.jpg) no-repeat center top /cover;
}

section#top_attraction h2 {
    font-size: 60px;
    line-height: 1em;
    color: #ED6C00;
}

section#top_attraction ul {
    margin-top: 100px;
}

section#top_attraction ul li {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

section#top_attraction ul li:nth-of-type(odd) {
    flex-direction: row-reverse;
}

section#top_attraction ul li div {
    width: 50%;
    aspect-ratio: 1.6/1;
}

section#top_attraction ul li div:first-child {
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
}

section#top_attraction ul li div * {
    display: block;
    width: 100%;
    color: #ED6C00;
}

section#top_attraction ul li div dl {
height:100%;
}

section#top_attraction ul li div:first-child span {
    font-size: 60px;
    line-height: 1.25em;
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

section#top_attraction ul li div:first-child span::after {
    position: absolute;
    bottom: 0;
    content: '';
    width: 1em;
    height: 1px;
    background: #ED6C00;
}

section#top_attraction ul li div:first-child dt {
    font-size: 30px;
    line-height: 1.75em;
    height:50%;
      align-items: flex-end;
    display:flex;
    margin-bottom: 12px;
}

section#top_attraction ul li div:first-child dd {
    font-size: 18px;
    line-height: 1.75em;
    color: #000;
    padding: 0 3em;
    margin-top: 12px;
    height:50%;
}
section#top_attraction ul li div:first-child dd p{
padding-top:0px;
}

section#top_attraction ul li div:first-child dd.more {
    text-align: center;
}

section#top_attraction ul li:nth-of-type(1) div:last-child {
    background: url(../images/top_at1.jpg) no-repeat center center /cover;
}

section#top_attraction ul li:nth-of-type(2) div:last-child {
    background: url(../images/top_at2.jpg) no-repeat center center /cover;
}

section#top_attraction ul li:nth-of-type(3) div:last-child {
    background: url(../images/top_at3.jpg) no-repeat center center /cover;
}

section#top_attraction ul li:nth-of-type(4) div:last-child {
    background: url(../images/top_at4.jpg) no-repeat center center /cover;
}

section#top_attraction ul li:nth-of-type(5) div:last-child {
    background: url(../images/top_at5.jpg) no-repeat center center /cover;
}

section#top_attraction ul li:nth-of-type(6) div:last-child {
    background: url(../images/top_at6.jpg) no-repeat center center /cover;
}

section#top_attraction ul li div:last-child {
    display: flex;
    flex-direction: column-reverse;
}

section#top_attraction ul li div:last-child p {
    font-size: 60px;
    color: #fff;
    line-height: 1.5em;
    text-align: right;
    padding-right: 0.5em;
}

section#top_attraction ul li:nth-of-type(even) div:last-child p {
    text-align: left;
    padding-left: 0.5em;
}
/*******************Top  section howto*************************/

section#top_howto {
    min-width: 1320px;
}

section#top_howto .h2howto {
    width: 100%;
    height: 570px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/bk_top_howto.jpg) no-repeat center center /cover;
}

section#top_howto .h2howto h2 {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 1.5em;
    padding: 6px 0 10px;
}

section#top_howto .h2howto h2 span {
    font-size: 60px;
    line-height: 1.2em;
    display: block;
}

section#top_howto .h2howto + ul {
    margin-top: 30px;
}

section#top_howto h3.top_instagram img {
    margin-top: 160px;
    width: 204px;
}

section#top_howto h3+p {
    text-align: center;
    padding-top: 30px;
    color: #068D6B;
}

section#top_howto .instagram-feed {
    background-color: #ccc;
    margin: 30px auto;
    height: 350px;
}

section#top_howto .movie {
    width: 1320px;
    margin: 200px auto 0;
}

section#top_howto .movie iframe {
    width: 100%;
    aspect-ratio: 16/9;
}

/******************* section meal *************************/

.meal{
display:flex;
margin:50px auto 150px;
justify-content: space-between;
gap:40px;
text-align:left;
}

.meal.botch{
  justify-content: center;

}

.meal .fx{
width:50%;
}

.meal img{
width:100%;
}

.meal p em{
display:block;
    color: #ED6C00;
    font-size:30px;
    line-height:2.25em;
    font-weight:500;
    padding-bottom:5px;
}


.meal2{
display:flex;
margin:50px auto 150px;
justify-content: space-between;
gap:40px;
text-align:left;
}


.meal2 .fx{
width:50%;
}

.meal2 img{
width:50%;
}

.meal2 p em{
display:block;
    color: #ED6C00;
    font-size:30px;
    line-height:2.25em;
    font-weight:500;
    padding-bottom:5px;
}

p.inner,
p.innerw{
text-align:left;
}
p.inner.bbq{
text-align:center;
padding-top:100px;
}

p.innerw+ul,
p.inner+ul{
margin-top:80px;
}

.pp{text-align:left;}

.pp .btn.area {text-align:center;}

/*******************Top  section Access*************************/

section#info_access {
    min-width: 1320px;
    text-align: left;
}

section#info_access .inner {
    text-align: left;
    width: 1320px;
    margin: 0 auto;
}

section#info_access .inner h2 span {
    font-size: 23px;
    padding-left: 2em;
    color: #000;
}

section#info_access .inner iframe {
    width: 100%;
    height: 600px;
}

section#info_access dl {
    font-size: 18px;
    line-height: 1.55em;
    padding: 10px 20px 0;
}

section#info_access dl dt {
    color: #ED6C00;
}
/*******************Top  section Contact*************************/

section.info_contact {
    min-width: 1320px;
    text-align: left;
}





/*******************■■■Sub pages common■■■*************/

.sub_title {
    width: 100%;
}

.sub_title .inner {
    width: 1320px;
    min-width: 1320px;
    margin: 0 auto;
    height: 570px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sub_title h2 {
    font-size: 24px;
    line-height: 1em;
    color: #fff;
    padding-top: 50px;
}
.sub_title h2 span{
display:block;
    font-size: 60px;
    line-height: 1.5em;
    color: #fff;
}

.sub_title.event {
    background: url(../images/h2_event.jpg) no-repeat center center / cover;
}

.sub_title.event h2 {
    font-size: 10px;
    filter: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.sub_title.local {
    background: url(../images/h2_local.jpg) no-repeat center center / cover;
}

.sub_title.area_granping {
    background: url(../images/h2_area_granping.jpg) no-repeat center bottom / cover;
}

.sub_title.with_pet {
    background: url(../images/h2_with_pet.jpg) no-repeat center center / cover;
    height:600px;

}

.sub_title.area_camp {
    background: url(../images/h2_area_camp.jpg) no-repeat center bottom / cover;
}

.sub_title.area_bbq {
    background: url(../images/h2_area_bbq.jpg) no-repeat center bottom / cover;
}

.sub_title.area_pet {
    background: url(../images/h2_area_pet.jpg) no-repeat center bottom / cover;
}
.sub_title.area_guide {
    background: url(../images/h2_area_guide.jpg) no-repeat center center / cover;
}

.sub_title.news {
    background: url(../images/h2_news.jpg) no-repeat center center / cover;
}

.sub_title.gp {
    background: url(../images/h2_granpeaks.jpg) no-repeat center center / cover;
}

.sub_title.enjoy {
    background: url(../images/h2_enjoy.jpg) no-repeat center center / cover;
}

.sub_title.meal {
    background: url(../images/h2_meal.jpg) no-repeat center center / cover;
    margin:0;
}


section.topic_path {
    width: 1320px;
    min-width: 1320px;
    margin: 0 auto;
}

section.topic_path ul {
    display: flex;
    font-size: 15px;
    line-height: 2em;
    padding: 12px 20px 0;
}

section.topic_path ul li a {
    font-weight: 500;
    display: block;
    text-decoration: none;
}

section.topic_path ul li a::after {
    content: "　〉　";
    color: #222;
}


h3.h3sub{
font-size:48px;
line-height:1.5em;
color:#ED6C00;
letter-spacing:0.075em;
}

h3.h3sub+p{
padding-top:0.5em;
}

.bk_marble {
    background: url(../images/bk_atraction.jpg) no-repeat center top /cover;
}
.bk_marbles {
margin-top:40px;
    background: url(../images/bk_atraction.jpg) no-repeat center center /cover;
}
.bk_beige {
    background: #FEF6E6;
padding-top:180px;
margin-top:180px;
}


h3.h3main{
    text-align: center;
    font-size: 22px;
    line-height: 1em;
    color: #ED6C00;
    padding: 120px 0 22px;
}

h3.h3main span {
    font-size: 60px;
    line-height: 1.5em;
    display: block;
}

h3.h3main em {
    font-size: 49px;
    line-height: 1em;
    display: block;
    padding: 32px 0px 18px;
}
.bk_marbles h3.h3main{
    padding: 10px 0px 30px;
}

h3.h3def{
    text-align: center;
    font-size: 48px;
    line-height: 1.5em;
    color: #ED6C00;
    padding: 120px 0 22px;
}

h4.h4def{
font-weight:400;
    text-align: center;
    font-size: 58px;
    line-height: 1.5em;
    color: #ED6C00;
    padding: 100px 0 22px;
}

h4.h4sub{
font-size:30px;
line-height:1.5em;
color:#ED6C00;
margin-left:20px;
text-align:left;
}
h4.h4sub.g{
color:#068D6B;
}

p.att{
font-size:48px;
line-height:1.5em;
color:#ED6C00;
text-align:center;
margin-top:180px;
}

/***Sub Area Granping*************/

section.sub_area_notice{
padding:70px 0 0;
}

section.sub_area_notice.pet{
padding:0 0;
}
section.sub_area_notice.gp{
padding-bottom:270px;
}

section.sub_area_notice ul.nav-icon {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 70px auto 90px;
    gap:25px;
}

section.sub_area_notice ul.nav-icon li{
width:calc(25% - 25px);
}

section.sub_area_notice ul.nav-icon li a{
display:flex;
width:100%;
border:2px solid #068D6B;
background-color:#fff;
}
section.sub_area_notice ul.nav-icon li img{
height:64px;
}

section.sub_area_notice ul.nav-icon li span{
font-weight:500;
font-size:30px;
line-height:1em;
padding:14px 0 10px;
color:#068D6B;
text-align:center;
display:block;
width:calc(100% - 64px);
letter-spacing:0.025em;
}



.type{
display:flex;
justify-content: space-between;
}

.type.bbqs{
width:950px;
margin:0 auto;
padding:70px 0 30px;
gap:40px;
}

.type.inner.bbq{
padding:70px 20px 60px;
}

.type.inner.bbq.c{
padding:100px 20px 30px;
}


.type.inner.camp{
padding:90px 20px 60px;
}

.type.innerw.gp{
padding:50px 0 0;
}


.type div.fx{
width:50%;
}
    .type .swiper{
        overflow:hidden;
}

    .type .swiper img{
    cursor:pointer;
        width: 100%;
    }

    .type .swiper.mySwiper1s,
    .type .swiper.mySwiper2s,
    .type .swiper.mySwiper3s,
    .type .swiper.mySwiper4s,
    .type .swiper.mySwiper5s,
    .type .swiper.mySwiper6s{
    margin-top:10px;
}

    .type .swiper.mySwiper1,
    .type .swiper.mySwiper2,
    .type .swiper.mySwiper3,
    .type .swiper.mySwiper4,
    .type .swiper.mySwiper5,
    .type .swiper.mySwiper6{
    position:relative;
    }

    .swiper-slider .swiper-button-next,
    .type .swiper-button-next{
    transform: rotate(180deg);
}


section.sub_area_notice .type div.fx.dtl{
display:flex;
  align-items: center;
  text-align:left;
}
section.sub_area_notice .type div.fx.dtl dl{
padding-right:50px;
padding-bottom:177px;
color:#ED6C00;
}

section.sub_area_notice .type div.fx.dtl dl dt{
font-size:30px;
line-height:1em;
padding-bottom:2em;
}

section.sub_area_notice .type div.fx.dtl dl dd{
font-size:22px;
line-height:1.75em;
}

section.sub_area_notice .type div.fx.dtl dl dd p{
color:#000;
padding-top:1em;
font-size:18px;
line-height:1.5em;
}
section.sub_area_notice .type div.dtlc{
text-align:left;
padding-right:50px;
position:relative;
height:517px;
}
section.sub_area_notice .type div.dtlc p{
font-size:18px;
line-height:1.75em;
}

section.sub_area_notice .type div.dtlc p:nth-of-type(1){
font-weight:500;
font-size:30px;
line-height:1.5em;
color:#ED6C00;
padding-bottom:15px;
}

section.sub_area_notice .type div.dtlc p:last-child{
position:absolute;
bottom:0;
}

section.sub_area_notice .type div.dtlc p:nth-of-type(1) span{
display:block;
font-size:22px;
line-height:1em;
padding:0.5em 0.75em;
text-align:center;
background-color:#fff;
border:1px solid #ED6C00;
width:9em;
margin-bottom:8px;
}


section.sub_area_notice .type div.dtlbp{
text-align:left;
position:relative;
}
section.sub_area_notice .type div.ddlb img{
width:calc(100% - 36px);
}

section.sub_area_notice .type div.dtlbp h3{
font-size:30px;
line-height:1.75em;
color:#ED6C00;
}

section.sub_area_notice .type div.dtlbp p{
font-size:20px;
line-height:1.75em;
padding-top:0.75em;
}


section.sub_area_notice .type div.dtlb{
text-align:left;
padding-left:50px;
position:relative;
}

section.sub_area_notice .type div.dtlb p span,
section.sub_area_notice .type div.dtlb h3{
font-size:30px;
line-height:1.75em;
padding-bottom:0.25em;
}

section.sub_area_notice .type div.dtlb p span{
display:block;
padding-bottom:0;
}

section.sub_area_notice .type div.dtlb p{
font-weight:500;
font-size:18px;
line-height:1.75em;
padding-bottom:15px;
}

section.sub_area_notice .type div.dtlb.c{
display:flex;
justify-content:left;
align-items:center;
}




section.sub_area_notice .bed_detail{
display:flex;
padding-top:64px;
justify-content: space-between;
flex-wrap:wrap;
gap:25px;
}

section.sub_area_notice .bed_detail li{
width:calc(50% - 25px);
display:flex;
flex-wrap:wrap;
align-items: flex-start;
justify-content: space-between;
text-align:left;
gap:15px;
}


section.sub_area_notice .bed_detail li img,
section.sub_area_notice .bed_detail li div{
position:relative;
width:calc(50% - 15px);
height:100%;
color:#ED6C00;
}


section.sub_area_notice .bed_detail li h4,
section.sub_area_notice .bed_detail li p{
font-weight:500;
font-size:22px;
line-height:1.75em;
}
section.sub_area_notice .bed_detail li h4{
padding-bottom:10px;
}

section.sub_area_notice .bed_detail li a{
position:absolute;
width:100%;
text-align:center;
font-size:20px;line-height:2em;
background-color:#068D6B;
color: #fff;
bottom:0;
}

.sub_title.with_pet .inner{
    width: 1320px;
    padding-right:500px;
    min-width: 1320px;
    margin: 0 auto;
    height: 600px;
    display: flex;
  flex-direction: column;
color:#fff;
}

.sub_title.with_pet h2 {
padding-top:0;
}


.sub_title.with_pet .inner dl{
margin:80px 0 70px;
text-align:left;
font-size:18px;
line-height:1.75em;
}

.sub_title.with_pet.tou {
    margin-top:260px;
    }

.sub_title.with_pet .inner dl.pet_tou{
margin:80px auto 70px 35px;
text-align:left;
font-size:18px;
line-height:1.75em;
}
.sub_title.with_pet .inner dl.pet_tou dt{
font-size:48px;
line-height:1em;
font-weight:500;
padding-bottom:40px;
}

.sub_area_list{
padding :0 20px 198px;

}

.sub_area_list h3.h3main{
color:#068D6B;
}

ul.grid + p{
text-align:left;
padding-top:15px;
}

.sub_area_list ul + p{
width:1320px;
margin:0 auto;
}


section .grid-container img{
width:100%;}
section .grid-container p{
font-size:18px;
line-height:3em;

}
section .grid-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 30px;
      margin-top:30px;
      margin-bottom:70px;
    }

section .grid-item{
      text-align: center;
    }

section .grid-container+p {
text-align:left;
margin-top:-30px;
}

ul.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px;
  margin-top:30px;
}

ul.grid.btn li a {
display:block;
width:300px;
 }

ul.grid.btn li a span{
padding-bottom:10px;
}

ul.grid.btn.faq li a {
display:flex;
line-height:1.35em;
align-items: center;
justify-content: center;
padding:0px;
height:3.75em;
 }


ul.fx-container{
display:flex;
justify-content: space-between;
gap:40px;
flex-wrap:wrap;
margin-top:100px;
}

ul.fx-container li{
width:calc(50% - 20px);
}

ul.fx-container li h4{
width:100%;
aspect-ratio:1.6/1;
display:flex;
  justify-content: center;
  align-items: center;
  color:#fff;
  font-size:48px;
  line-height:1.25em;
  font-weight:500;
}

ul.fx-container li:nth-of-type(1) h4{
background: url(../images/camp_am1.jpg) no-repeat center center /cover;}
ul.fx-container li:nth-of-type(2) h4{
background: url(../images/camp_am2.jpg) no-repeat center center /cover;}
ul.fx-container li:nth-of-type(3) h4{
background: url(../images/camp_am3.jpg) no-repeat center center /cover;}
ul.fx-container li:nth-of-type(4) h4{
background: url(../images/camp_am4.jpg) no-repeat center center /cover;}

ul.fx-container li p{
text-align:left;
font-size:18.5px;
line-height:1.75em;
padding:8px 0;
}

ul.fx-container li a{
font-size:18.5px;
line-height:1.75em;
display:block;
text-align:left;
color:#068D6B;
}


/********* section With pet ************/

div.howto{
width:1320px;
min-width:1320px;
margin:0 auto;
padding:0 20px;
display:flex;
justify-content:
space-between;
margin-top:80px;
}

div.howto + h3{
margin-top:100px;
}

section.sub_area_granping div.howto img{
width:700px;
margin:0;
}

section.sub_area_granping .visual{
margin:150px auto 0;
}

section.sub_area_granping .visual.f{
margin-bottom:250px;
}

div.howto div{
padding:15px;
width:calc(100% - 720px);
text-align:left;
background-color:#FBE5B9;
position:relative;
}


div.howto div h3{
    font-size: 42px;
    line-height: 1.25em;
    color: #ED6C00;
}

div.howto div h3 span{
font-size:30px;
line-height:1.75em;
display:block;
}

div.howto div p{
text-align:left;
padding:25px 0 0;
word-break:break-all;
}
div.howto div::after{
position:absolute;
content:"";
display:block;
width:130px;
height:130px;
z-index:1;
}

div.howto:nth-of-type(odd) div::after{
background: url(../images/arr_r.png) no-repeat center center /cover;
left:0;
bottom:-105px;
}

div.howto:nth-of-type(even) div::after{
background: url(../images/arr_l.png) no-repeat center center /cover;
right:0;
bottom:-105px;
}

div.howto div.fin:after{
background:none;
}


/********* section how to enjoy ************/

.pet_ttl{
background-color:#FBE5B9;
padding:20px;
display:flex;
justify-content: space-between;
margin-top:170px;
}

.pet_ttl img{
width:550px;
}

.pet_ttl .fxp{
display:flex;
  flex-wrap: wrap;
align-items: center;
width:calc(100% - 550px);
padding:40px;
}

.pet_ttl .fxp h3{
text-align:left;
line-height:1.25em;
padding:0 0 25px 0;
}

.pet_ttl .fxp p{
text-align:left;
}

/********* section local inforamtion ************/

.local {
    width: 1320px;
    text-align:left;
    margin:0 auto 50px;
    min-width: 1320px;
    padding:50px 20px;
    background-color:#fff;
    display:flex;
    position:relative;
}

.local img{
width:834px;
}
.local h3{
font-size:30px;
line-height:1.5em;
padding-bottom:10px;
    color: #ED6C00;
}
.local p:last-child{
position:absolute;
bottom:50px;
}

.local p a{
display:block;
color:#068D6B;
}

.local_map{
width:1320px;
max-width:1320px;
margin:0 auto;
padding-bottom:240px;
}

.local_map iframe{
width:100%;
height:800px;
}

/********* section sub_news ************/

section.sub_news p a {
    color: #ED6C00;
}

section.sub_news .visual {
    width: 1172px;
    margin: 0 auto;
    padding: 90px 0 0;
}

section.sub_news h3 {
    font-size: 48px;
    color: #ED6C00;
    line-height: 1.25em;
    padding-bottom: 50px;
    text-align: left;
}

section.sub_news h4 {
    font-size: 24px;
    color: #ED6C00;
    line-height: 1.25em;
    padding: 50px 0 10px;
    text-align: left;
}

section.sub_news p {
    font-size: 18px;
    line-height: 1.95em;
    text-align: justify;
}

section.sub_news img {
    margin: 24px 0 80px;
}

section.sub_news ul.list {
    width: 1070px;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin:0 auto;
}

section.sub_news ul.list li {
    width: 320px;
    display: block;
    padding-bottom: 20px;
}

section.sub_news ul.list li a img {
    width: 320px;
    height: 180px;
    margin: 0;
    object-fit: cover;
    transition-property: all;
    transition: 0.2s linear;
}

section.sub_news ul.list li p {
    font-size: 18px;
    line-height: 1.95em;
    text-align: justify;
    text-overflow: ellipsis;
    padding-top: 10px;
    max-height: 4em;
    min-height: 4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

section.sub_news ul.list li img+p {
    color: #ED6C00;
}

section.sub_news a:hover {
    color: #000;
}

section.sub_news ul.list li a:hover img {
    opacity: 0.75;
}
section.sub_news .inner{
}

section.sub_news .inner h3{
font-size:60px;
padding:240px 0 150px;
}
section.sub_news .inners img{
margin:0;
}

section.sub_news .inners h4{
font-size:30px;
padding:20px 0 0;
}

section.sub_news .inners h4+p{
padding:10px 0 0;
}

section.sub_news .inners p+h4{
padding:100px 0 0;
}

section.sub_news .inners p+img{
margin-top:100px;
}

section.sub_news .inners img+img{
margin-top:50px;
}

div#send {
    margin-top: 100px;
    position: relative;
    text-align: center;
}

.submit_btn {
    width: 490px;
    line-height: 65px;
    color: #fff;
    background-color: #068D6B;
    border:none;
    font-weight:500;
    font-size: 22px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    transition-property: all;
    transition: 0.2s linear;
}

.submit_btn:hover {
    background-color: #068D6B;
    color: #fff;
}




/***Sub pages gp common *************/

section.sub_gp {
    min-width: 1320px;
    text-align: center;
    padding-bottom:198px;
    text-align:left;
}

section.sub_gp.reg {
padding:160px 0 200px;
text-align:center;
}


section.sub_gp h3{
font-weight:500;
font-size:30px;
line-height:1em;
    color: #ED6C00;
    }
section.sub_gp dl.faq{
margin-top:30px;
}


section.sub_gp h3+p {
padding-top:25px;
}


section.sub_gp dl.faq+h3{
margin-top:120px;
}

section.sub_gp dl.faq dt{
font-size:20px;
line-height:1.5em;
padding:1em 1em;
border-bottom:1px solid #707070;
cursor:pointer;
transition : all 0.2s linear;
}

section.sub_gp dl.faq dt:hover{
background-color: rgba(255, 255, 255, 0.75);
}


section.sub_gp dl.faq dt:before{
content:"＋ ";
font-size:28px;
}

section.sub_gp dl.faq dt.open:before{
content:"－ ";
}

section.sub_gp dl.faq dd{
display:none;
font-size:20px;
line-height:1.75em;
padding:1em 2.5em 2em;
border-bottom:1px solid #707070;
}

section.sub_gp dl.faq dd.open{
display:block;
}


section.sub_gp dl.regulation{
text-align:left;
margin:200px auto 60px;
}

section.sub_gp dl.regulation dt{
font-size:18px;
line-height:1.75em;
color: #ED6C00;
}

section.sub_gp dl.regulation dd{
font-size:18px;
line-height:1.75em;
font-weight:400;
margin-bottom:1.75em;
}

div.inner.pp p{
text-align:left;
}

section.sub_gp.inq{
margin-top:60px;
}

section.sub_gp.inq form{
margin-top:100px;
}

section.sub_gp.inq form dl{
font-size:20px;
line-height:1.75em;
}

section.sub_gp.inq form dl dt span{
color:#ED6C00;
}


textarea,
input[type='text']{
border:none;
background-color:#fff;
width:100%;
padding:0.5em 1.5em;
margin-top:0.25em;
margin-bottom:1.75em;
font-size:20px;
line-height:1.75em;
}


input:-webkit-autofill {
box-shadow: 0 0 0 1000px #E9AC33 inset;
}

textarea{
height:15em;
}


/******PC END******/
}
/*■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■SP■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■*/

@media screen and (max-width: 480px) {


body {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
    text-align: center;
    font-weight: 400;
    font-size:14px;line-height:1.6em;
    color: #000;
    background-attachment: scroll;
    margin: 0;
    padding: 0;
    width: 100%;
}

a {
    text-decoration: none;
    color: #222;
}

.onpc {
    display: none;
}

.tc {
    text-align: center;
}

img {
    max-width: 100%;
}

ul.cbtn li a {
    text-align: center;
    font-size: 16px;
    line-height: 67px;
    display: inline-block;
    width: 263px;
    height: 67px;
    color: #fff;
    background-color: #ED6C00;
    margin-bottom: 30px;
}

.gf {
    font-family: "Oooh Baby", cursive;
}


.inner{
width:100%;
margin:0 auto;
}

.inners{
width:100%;
margin:0 auto;
}

.inner.tou{
text-align:left;
padding-top:25px;
}

.inner.tou p{
width:86%;margin:0 7%;
}

#map .cmap{
padding-top:10px;
}

.twobed{
background-color:#fff;
margin-top:50px;
padding-bottom:10px;
}

div.cmap
{height:126vw;margin-top:50px;}

.cmap iframe{
	width:84vw;
aspect-ratio:1/1.5;
margin:0 7%;
}
.dw{
width:86%;margin:0 7%;
}
/*******************Header*************************/

header {
    text-align: center;
    width: 100%;
    height: 58px;
    background-color: rgba(0, 0, 0, 0.15);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

header.sub {
    background-color: #fff;
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.2));
}

header div.header {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

header div.header h1 {
    display: block;
    width: 148px;
    height: 40px;
    float: left;
    margin-top: 10px;
    margin-left: 12px;
}

header div.header h1 a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/logo.png) no-repeat center center /cover;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    font-weight: normal;
}

.navbar_toggle {
    display: block;
    z-index: 99999;
    padding: 18px 14px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ED6C00;
}

.navbar_toggle i {
    display: none;
}

.navbar_toggle_icon {
    position: relative;
    display: block;
    height: 2px;
    width: 30px;
    background-color: #fff;
    transition: ease .1s;
}

.navbar_toggle_icon:nth-child(1) {
    top: 0;
}

.navbar_toggle_icon:nth-child(2) {
    margin: 8px 0px;
}

.navbar_toggle_icon:nth-child(3) {
    top: 0;
}

.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
    top: 10px;
    -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: -10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

nav {
    display: none;
}

nav.open {
    clear: both;
    display: block;
    position: absolute;
    top: 68px;
    z-index: 9999;
    width: 94%;
    margin: 0 3%;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ED6C00;
    padding-bottom: 0px;
}
/*******************Header Nav*************************/

nav#s{display:block;}
nav#p{display:none;}


/* グローバルメニュー */
nav#s {
  position: fixed;
  margin: 0;
  top:68px;
  left:100vw;
}

nav#s.open {
  position: fixed;
  top:68px;
  left:3%;
      }
      
nav#s.open .nav-list li:nth-of-type(3) div ul li:last-child {
  display: none;
}

nav#s .nav-list {
display:none;
}

nav#s .nav-list .nav-item {
}

nav#s .nav-list .nav-item a {
  color: #ED6C00;
  display: block;
  padding: 0.6em 0.4em;
  text-align: center;
  text-decoration: none;
      background: url(../images/ar_2.png) no-repeat 71vw center / 6.5%;
}

nav#s .nav-list .nav-item:last-child a {
  border-right: none;
}

 nav#s .nav-list {
    padding: 10px;
    width: 90%;
    margin:0 5%;
  }

  nav#s.open .nav-list {
display:block;
}

 nav#s .nav-list .nav-item span,
  nav#s .nav-list .nav-item a {
    border-bottom: 1px solid #ED6C00;
    display:block;
    border-right: none;
    color: #000;
    padding: 0.8rem 1rem;
    text-align: left;
  }
  nav#s .nav-list .nav-item a {
  font-size:16px;line-height:1.75em;
      color: #ED6C00;
      }
  
 nav#s .nav-list .nav-item span{
      background: url(../images/ar_3.png) no-repeat 70vw center / 6.5%;
}
 nav#s .nav-list .nav-item span.open{
      background: url(../images/ar_1.png) no-repeat 70vw center / 6.5%;
      border-bottom:none;
}

  nav#s .nav-list .nav-item .nav-item_sub a {
    border-bottom: none;
    border-right: none;
    color: #ED6C00;
    padding: 0.25rem 1rem;
    text-align: left;
  }

  nav#s .nav-list .nav-item .nav-item_sub .inner {
    padding: 0.5rem 0;
    border-bottom: 1px solid #ED6C00;
  }
  

  
  nav#s .nav-list .nav-item:last-child a {
    border-bottom: none;
  }

  nav#s-icon {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-size: 28px;
    position: absolute;
    right: 5px;
    top: 15px;
    z-index: 2;
  }



  .nav-item_sub {
    display: none;
  }

  nav#s {
    position: fixed;
    top: 0;
  }

  .nav-list {

  }
  

/* Page Top ****************************************/

#page-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 9999;
}

#page-top img {
    font-size: 12px;
    width: 50px;
    filter: drop-shadow(0 0 5px #fff);
}
/*******************footer*************************/

footer {
    width: 100%;
    padding: 0 8%;
    background-color: #F6CFAF;
}

footer .footer {
    display: flex;
    flex-direction: column;
    padding-top: 40px;
}

footer .footer address,
footer .footer p {
    font-size: 16px;
    line-height: 1.85em;
    text-align: left;
}

footer .footer address p:first-child {
    text-align: center;
    width: 80%;
    margin: 0 10%;
    height: 16vw;
    background: url(../images/logo_f.png) no-repeat center center /cover;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 24px;
}

footer div.ft_nav {
    width: 100%;
    text-align: center;
    padding: 40px 0 30px;
    display:flex;
      flex-direction: column-reverse;
}

footer div.ft_nav ul:nth-of-type(1),
footer div.ft_nav ul:nth-of-type(2),
footer div.ft_nav ul:nth-of-type(3){
display:none;
}

footer div.ft_nav ul:nth-of-type(5){
margin-bottom:40px;
}

footer div.ft_nav li {
    width: 50%;
    float: left;
    position: relative;
}
footer div.ft_nav ul:nth-of-type(5) li{
padding:0 20px;
}

footer div.ft_nav ul:nth-of-type(5) li:nth-of-type(1){
display:flex;
  flex-direction: row-reverse;

}

footer div.ft_nav li span,
footer div.ft_nav li a {
    font-size: 14px;
    line-height: 35px;
    display: block;
    padding: 5px 0;
    color: #222;
    background-color: #fff;
    margin: 1px;
    border-radius: 5px;
}

footer div.ft_nav li span {
    color: #c4a480;
    background-color: rgba(255, 255, 255, 0.75);
}


footer div.ft_nav li a.instagram {
display:block;
    width: 48px;
    height: 48px;
    background: url(../images/ico_instagram.png) no-repeat center center /cover;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    margin-top: 6px;
}

footer div.ft_nav li a.twitterx {
display:block;
    width: 48px;
    height: 48px;
    background: url(../images/ico_x.png) no-repeat center center /cover;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    margin-top: 6px;
}

footer p.copy {
    font-size: 12px;
    line-height: 1.5em;
    padding-bottom: 30px;
}
/*******************Top  page*************************/

section p {
    text-align: justify;
    font-weight: 400;
}
/***Slider*******************/

section.opening{
position:relative;
width:100%;
height:100vh;
}

section.opening video{
position:absolute;
top:0;
left:0;
z-index:-1;
object-fit: cover;
width:100%;
height:100%;
background: url(../images/cover_sp.jpg) no-repeat center center /cover;
}



/***end video****/

#textContainer {
    width: 100%;
    display:flex;
    justify-content: center;
    align-items:center;
    height: 100%;
}

#textContainer .text{
font-size:26px;
line-height:1.5em;
color:#fff;
    position: absolute;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: opacity 2s ease;
        text-shadow: 0 0 6px #000;
  }


#textContainer .active {
    opacity: 1;
  }


/*******************Top  h2*************************/

section#info_access h2,
section#info_spots h2,
section#info_facility h2,
section#info_areamap h2,
section#top_news .news h2 {
    text-align: center;
    font-size: 16px;
    line-height: 1.5em;
    color: #ED6C00;
    padding: 50px 0 12px;
}

section#info_access h2 span,
section#info_spots h2 span,
section#info_facility h2 span,
section#info_areamap h2 span,
section#top_news .news h2 span {
    font-size: 40px;
    line-height: 1em;
    padding-bottom:12px;
    display: block;
}


/*******************Top  news*************************/



section#top_news .news {
    width: 90%;
    display: block;
    text-align: left;
    margin: 0 5%;
}

section#top_news .news dl {
    width: 100%;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
}

section#top_news .news dl dt {
    padding: 18px 0 10px;
}

section#top_news .news dl dd {
    border-bottom: 1px solid #707070;
    padding: 0 0 18px;
}

section#top_news .news ul {
    display: block;
    text-align: center;
    padding-top: 30px;
}

section#top_news .news ul.news_btn li a,
section#top_news .news ul.blog_btn li a {
    color: #fff;
    background-color: #ED6C00;
    font-size: 16px;
    line-height: 58px;
    display: inline-block;
    width: 80%;
}


section#top_attraction ul li dl dd a,
section#info_garnpeaks ul a.btn,
section ul.btn li a {
    text-align: center;
    color: #fff;
    background-color: #068D6B;
    font-size: 16px;
    line-height: 1em;
    line-height: 58px;
    display: inline-block;
    width: 80%;
}

section#top_attraction ul li dl dd a,
section#info_garnpeaks ul a.btn {
    margin: 30px auto 0;
}

section ul.btn li p{
font-size:15px;
text-align:center;
line-height:1.75em;
margin-top:0.5em;
}

section#WithPet ul.btn li a{
    text-align: center;
    color: #fff;
    background-color: #068D6B;
    font-size: 16px;
    line-height: 1em;
    display: inline-block;
    width: 80%;
    padding:10px 0;
}

section ul.btn li a span{
display:block;
padding-top:0.5em;
}


section ul.btn.wide li a {
    width: 100%;
}
section#top_howto ul.btn.wide li a {
    width: 80%;
}

section ul.btn.area li a {
    width: 100%;
}

section ul.btn.full li a {
width:80%;margin:0 10%;
}

section.sub_area_notice ul.btn.area{
margin-top:25px;
width:80%;margin:25px 10% 0;
}

.inner .btn.area{
width:80%;
margin:0 10%;
}

section ul.btn.area.wfx li{
display:inline-block;
padding:0 27px;
}

section ul.btn.area.reg {
text-align:center;
margin-top:60px;
}


section#top_news .news ul li a:hover {
    filter: brightness(1.25);
}

section#top_news .ad_bnr {
    margin-top: 90px;
}

section#top_news .ad_bnr a {
    display: block;
}


/*Ver2******************Top  section garnpeaks*************************/

section#info_garnpeaks {}

section#info_garnpeaks .wide {
    width: 100%;
    aspect-ratio:2.64/1;
    margin-top: 64px;
    background: url(../images/fbk_faciliy.jpg) no-repeat right top /cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

section#info_garnpeaks .wide h2 img {
    width: 70%;
    margin-top:32px;
}

section#info_garnpeaks .wide p {
    margin: 14px 7% 32px;
    font-size: 14px;
    line-height: 1.75em;
    color: #fff;
    width: 86%;
    text-align: justify;
}

section#info_garnpeaks ul {
width:86%;
    margin: 0 7%;
    display: flex;
  flex-direction: column;
}

section#info_garnpeaks ul li {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

section#info_garnpeaks ul li div {
    display: flex;
    align-items: center;
    aspect-ratio: 1.6/1;
}

section#info_garnpeaks ul li:nth-of-type(1) div {
    background: url(../images/top_f1.jpg) no-repeat center center /cover;
}

section#info_garnpeaks ul li:nth-of-type(2) div {
    background: url(../images/top_f2.jpg) no-repeat center center /cover;
}

section#info_garnpeaks ul li:nth-of-type(3) div {
    background: url(../images/top_f3.jpg) no-repeat center center /cover;
}

section#info_garnpeaks ul li p {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 1.5em;
    padding: 6px 0 10px;
}

section#info_garnpeaks ul li p span {
    font-size: 32px;
    line-height: 1.2em;
    display: block;
}






/*ver2******************Top  section faciity*************************/

section#info_facility {}

section#info_facility h2+p {
    text-align: justify;
    font-size: 14px;
    line-height: 1.6em;
        width: 86%;
        margin:0 7%;
        
}

section#info_spots ul,
section#info_facility ul {
    width: 86%;
    display: flex;
  flex-direction: column;
    margin: 30px 7% 0;
}

section#info_spots ul {
    margin: 25px auto;
}


section#info_spots ul li,
section#info_facility ul li {
    text-align: left;
    display: block;
width:100%;
margin-bottom:20px;
}

section#info_spots ul li img,
section#info_facility ul li img {
    width: 100%;
}

section#info_facility ul li h3 {
    font-size: 22px;
    line-height: 2em;
    color: #ED6C00;
}

section#info_facility ul li a,
section#info_facility ul li p {
    font-size: 14px;
    line-height: 1.6em;
}

section#info_facility ul li a {
    color: #068D6B;
}

/*ver2******************Top  section spots*************************/

section#info_spots {
    padding: 0 0 42px;
    background-color: #FEF6E6;
}

section#info_spots ul.btn li {
    width: 100%;
    text-align: center;
}
/***
/*******************Top  section AreaMap*************************/

section#info_areamap {
    margin-top: 30px;
width:100%;
}

section#info_areamap p {
    font-size: 15px;
    line-height: 1.75em;
    width: 86%;
    text-align: left;
    margin: 40px 7% 0;
}

section#info_areamap .cmap img {
    width: 100%;
}


/*******************Top  section Atraction*************************/

section#top_attraction {
    margin-top: 32px;
    padding-bottom: 32px;
width:100%;
    background: url(../images/bk_atraction.jpg) no-repeat center top /cover;
}

section#top_attraction h2 {
    font-size: 26px;
    line-height: 1em;
    color: #ED6C00;
}

section#top_attraction ul {
    margin-top: 5px;
}

section#top_attraction ul li {
    display: flex;
  flex-direction: column;
  margin-bottom:20px;
}


section#top_attraction ul li div {
    width: 100%;
    aspect-ratio: 1.6/1;
}

section#top_attraction ul li div:first-child {
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
    aspect-ratio:inherit;
    padding:20px 0 15px;
}

section#top_attraction ul li div * {
    display: block;
    width: 100%;
    color: #ED6C00;
}

section#top_attraction ul li div dl {
}

section#top_attraction ul li div:first-child span {
    font-size: 48px;
    line-height: 1.25em;
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

section#top_attraction ul li div:first-child span::after {
    position: absolute;
    bottom: 0;
    content: '';
    width: 1em;
    height: 1px;
    background: #ED6C00;
}
section#top_attraction ul li div dt p{
text-align:center;
font-size:18px;
}

section#top_attraction ul li div:first-child dt {
    font-size: 22px;
    line-height: 1.75em;
    height:50%;
      align-items: flex-end;
    display:flex;
    margin-bottom: 12px;
}

section#top_attraction ul li div:first-child dd {
    font-size: 14px;
    line-height: 1.75em;
    color: #000;
    margin: 12px 0;
}
section#top_attraction ul li div:first-child dd p{
padding-bottom:15px;
text-align:center;
}

section#top_attraction ul li div:first-child dd.more {
    text-align: center;
}

section#top_attraction ul li:nth-of-type(1) div:last-child {
    background: url(../images/top_at1.jpg) no-repeat center center /cover;
}

section#top_attraction ul li:nth-of-type(2) div:last-child {
    background: url(../images/top_at2.jpg) no-repeat center center /cover;
}

section#top_attraction ul li:nth-of-type(3) div:last-child {
    background: url(../images/top_at3.jpg) no-repeat center center /cover;
}

section#top_attraction ul li:nth-of-type(4) div:last-child {
    background: url(../images/top_at4.jpg) no-repeat center center /cover;
}

section#top_attraction ul li:nth-of-type(5) div:last-child {
    background: url(../images/top_at5.jpg) no-repeat center center /cover;
}

section#top_attraction ul li:nth-of-type(6) div:last-child {
    background: url(../images/top_at6.jpg) no-repeat center center /cover;
}

section#top_attraction ul li div:last-child {
    display: flex;
    flex-direction: column-reverse;
}

section#top_attraction ul li div:last-child p {
    font-size: 48px;
    color: #fff;
    line-height: 1.5em;
    text-align: right;
    padding-right: 0.5em;
}

section#top_attraction ul li:nth-of-type(even) div:last-child p {
    text-align: left;
    padding-left: 0.5em;
}
/*******************Top  section howto*************************/

section#top_howto {
width:100%;
}

section#top_howto .h2howto {
    width: 100%;
    height: 570px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/bk_top_howto.jpg) no-repeat center center /cover;
}

section#top_howto .h2howto h2 {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 1.5em;
    padding: 6px 0 10px;
}

section#top_howto .h2howto h2 span {
    font-size: 48px;
    line-height: 1.2em;
    display: block;
}

section#top_howto .h2howto + ul {
    margin-top: 30px;
}

section#top_howto h3.top_instagram img {
    margin-top: 80px;
    width: 204px;
}

section#top_howto h3+p {
    text-align: center;
    padding-top: 25px;
    color: #068D6B;
}

section#top_howto .instagram-feed {
    background-color: #ccc;
    margin: 20px auto;
    height: 350px;
}

section#top_howto .movie {
width:100%;
    margin: 80px auto 0;
}

section#top_howto .movie iframe {
    width: 100%;
    aspect-ratio: 16/9;
}

/******************* section meal *************************/

.meal{
display:block;
width:86%;margin:30px 7% 0;
text-align:left;
}

.meal.botch{
  justify-content: center;

}

.meal .fx{
width:100%;
padding-bottom:35px;
}

.meal img{
width:100%;
}

.meal p em{
display:block;
    color: #ED6C00;
    font-size:21px;
    line-height:1em;
    font-weight:500;
    padding:11px 0 6px;
}


.meal2{
display:block;
margin:0 auto 35px;
text-align:left;
}

.meal2 .fx{
width:86%;margin:0 7%;
}

.meal2 img{
width:86%;margin:25px 7% 0;
}

.meal2 p em{
display:block;
    color: #ED6C00;
    font-size:21px;
    line-height:2.25em;
    font-weight:500;
    padding-bottom:5px;
}
bk.marble+p.inner{
display:none;
text-align:left;
}

p.inner.bbq{
text-align:center;
padding:30px 7% 0;
}

p.inner+ul{
padding-top:20px;
}

/*******************Top  section Access*************************/

section#info_access {
width:100%;
    text-align: left;
}

section#info_access .inner {
    text-align: left;
width:100%;
    margin: 0 auto;
}

section#info_access .inner h2 span {
    font-size: 23px;
    padding-left: 2em;
    color: #000;
}

section#info_access .inner iframe {
    width: 100%;
    height: 100vw;
    margin-top:10px;
}

section#info_access dl {
width:86%;margin:0 7%;
text-align: left;
font-size:14px;line-height:1.5em;
    padding: 14px 0 40px;
}

section#info_access dl dt {
    color: #ED6C00;
}
section#info_access dl dd {
padding-bottom:10px;
}
/*******************Top  section Contact*************************/

section.info_contact {
width:100%;
text-align: left;
}


/*******************■■■Sub pages common■■■*************/

.sub_title {
    width: 100%;
}

.sub_title .inner {
    width: 100%;
    margin: 0 auto;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sub_title h2 {
    font-size: 18px;
    line-height: 1em;
    color: #fff;
    padding-top: 50px;
}
.sub_title h2 span{
display:block;
    font-size: 40px;
    line-height: 1.5em;
    color: #fff;
}

.sub_title.event {
    background: url(../images/h2_event.jpg) no-repeat center center / cover;
}

.sub_title.event h2 {
    font-size: 10px;
    filter: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.sub_title.local {
    background: url(../images/h2_local.jpg) no-repeat center center / cover;
}

.sub_title.area_granping {
    background: url(../images/h2_area_granping.jpg) no-repeat center bottom / cover;
}

.sub_title.with_pet {
    background: url(../images/h2_with_pets.jpg) no-repeat center bottom / cover;
    height:675px;

}

.sub_title.area_camp {
    background: url(../images/h2_area_camp.jpg) no-repeat center bottom / cover;
}

.sub_title.area_bbq {
    background: url(../images/h2_area_bbq.jpg) no-repeat center bottom / cover;
}

.sub_title.area_pet {
    background: url(../images/h2_area_pet.jpg) no-repeat center bottom / cover;
}
.sub_title.area_guide {
    background: url(../images/h2_area_guide.jpg) no-repeat center center / cover;
}

.sub_title.news {
    background: url(../images/h2_news.jpg) no-repeat center center / cover;
}

.sub_title.gp {
    background: url(../images/h2_granpeaks.jpg) no-repeat center center / cover;
}

.sub_title.enjoy {
    background: url(../images/h2_enjoy.jpg) no-repeat center center / cover;
}

.sub_title.meal {
    background: url(../images/h2_meal.jpg) no-repeat center center / cover;
width:86%;
}


section.topic_path {
display:none;
}

section.topic_path ul {
    display: flex;
    font-size: 15px;
    line-height: 2em;
    padding-top: 12px;
}


h3.h3sub{
font-size:20px;
line-height:1.5em;
color:#ED6C00;
letter-spacing:0.075em;
padding:0 7%;
}

h3.h3sub+p{
padding:1em 7% 0;
font-size:15px;line-height:1.6em;
}

.bk_marble {
    background: url(../images/bk_atraction.jpg) no-repeat center top /cover;
}

.bk_marbles {
    background: url(../images/bk_atraction.jpg) no-repeat center center /cover;
}

.bk_beige {
    background: #FEF6E6;
padding-top:40px;
margin-top:50px;
}


h3.h3main{
    text-align: center;
    font-size: 18px;
    line-height: 1em;
    color: #ED6C00;
    padding: 40px 0 22px;
}

h3.h3main em {
    font-size: 32px;
    line-height: 1em;
    display: block;
    padding: 22px 0px 20px;
}

.bk_marbles h3.h3main{
    padding: 5px 0px 12px;
    margin-top:60px;
}

h3.h3def+p,
h3.h3main+p{
margin:0 7%;
}

h3.h3main span {
    font-size: 40px;
    line-height: 1.5em;
    display: block;
}

h3.h3def{
    text-align: center;
    font-size: 21px;
    line-height: 1.5em;
    color: #ED6C00;
    padding: 32px 7% 11px;
}

h4.h4def{
font-weight:400;
    text-align: center;
    font-size: 21px;
    line-height: 1.5em;
    color: #ED6C00;
    padding: 0px 7% 14px;
}

h4.h4def+p{
width:86%;margin:0 7%;
}

h4.h4sub{
font-size:26px;
line-height:1.5em;
color:#ED6C00;
text-align:center;
margin:30px 0 20px;
}
h4.h4sub.g{
color:#068D6B;
}

h4.h4sub+img{
width:90%;
margin:0 5%;
}

p.att{
font-size:20px;
font-weight:700;
line-height:1.5em;
color:#ED6C00;
text-align:center;
margin:40px 7% 0;
}

/***Sub Area Granping*************/

section.sub_area_notice{
padding:0px 0 0;
}

section.sub_area_notice.pet{
padding:0 0 50px 0;
}
section.sub_area_notice.gp{
padding-bottom:20px;
}

section.sub_area_notice ul.nav-icon {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px 7% 52px;
    gap:5px;
    width:86%;
}

section.sub_area_notice ul.nav-icon li{
width:calc(50% - 5px);
}

section.sub_area_notice ul.nav-icon li a{
display:flex;
width:100%;
border:2px solid #068D6B;
background-color:#fff;
}
section.sub_area_notice ul.nav-icon li img{
height:52px;
}

section.sub_area_notice ul.nav-icon li span{
font-weight:500;
font-size:16px;
font-weight:700;
line-height:52px;
color:#068D6B;
text-align:center;
display:block;
width:calc(100% - 64px);
letter-spacing:0.025em;
}

.type{
display:flex;
width:86%;
margin:0 7%;
  flex-direction: column;
}
.type.bbqs{
width:950px;
margin:0 auto;
padding:70px 0 30px;
gap:1.5em;
}
.type.inner.bbq{
padding:30px 0 0;
}

.type.inner.bbq.c{
padding:40px 0 30px;
}


.type.inner.camp{
padding:35px 0 0;
}

.type.inner.gp{
}


.type div.fx{
width:100%;
}
    .type .swiper{
        overflow:hidden;
}

    .type .swiper img{
    cursor:pointer;
        width: 100%;
    }

    .type .swiper.mySwiper1s,
    .type .swiper.mySwiper2s,
    .type .swiper.mySwiper3s,
    .type .swiper.mySwiper4s,
    .type .swiper.mySwiper5s,
    .type .swiper.mySwiper6s{
    margin-top:10px;
}

    .type .swiper.mySwiper1,
    .type .swiper.mySwiper2,
    .type .swiper.mySwiper3,
    .type .swiper.mySwiper4,
    .type .swiper.mySwiper5,
    .type .swiper.mySwiper6{
    position:relative;
    }

    .swiper-slider .swiper-button-next,
    .type .swiper-button-next{
    transform: rotate(180deg);
}


section.sub_area_notice .type div.fx.dtl{
display:flex;
  align-items: center;
  text-align:left;
}
section.sub_area_notice .type div.fx.dtl dl{
padding-bottom:20px;
color:#ED6C00;
}

section.sub_area_notice .type div.fx.dtl dl dt{
font-size:22px;
font-weight:700;
line-height:1.35em;
text-align:center;
padding-bottom:0.5em;
}

section.sub_area_notice .type div.fx.dtl dl dd{
font-size:18px;
line-height:1.75em;
}

section.sub_area_notice .type div.fx.dtl dl dd p{
color:#000;
padding-top:1em;
font-size:15px;
line-height:1.75em;
}
section.sub_area_notice .type div.dtlc{
text-align:left;
position:relative;
padding-bottom:25px;
}
section.sub_area_notice .type div.dtlc p{
font-size:14px;
line-height:1.5em;
}

section.sub_area_notice .type div.dtlc p.spec{
padding-top:0.75em;
}

section.sub_area_notice .type div.dtlc p:nth-of-type(1){
font-weight:500;
font-size:18px;
line-height:1.5em;
color:#ED6C00;
padding-bottom:10px;
}

section.sub_area_notice .type div.dtlc p:last-child{
padding-bottom:30px;
}

section.sub_area_notice .type div.dtlc p:nth-of-type(1) span{
display:block;
font-size:16px;
line-height:1em;
padding:0.35em 0.35em;
text-align:center;
background-color:#fff;
border:1px solid #ED6C00;
width:9em;
margin:8px 0;
}

section.sub_area_notice .type div.dtlbp{
text-align:left;
position:relative;
}

section.sub_area_notice .type div.dtlbp h3{
font-size:30px;
line-height:1.75em;
color:#ED6C00;
}

section.sub_area_notice .type div.dtlbp p{
font-size:20px;
line-height:1.75em;
padding-top:0.75em;
}

section.sub_area_notice .type div.dtlb{
text-align:left;
position:relative;
padding-bottom:15px;
}

section.sub_area_notice .type div.dtlb p{
font-size:15px;
line-height:1.5em;
padding-top:20px;
padding-bottom:0.75em;
}

section.sub_area_notice .type div.dtlb div p{
padding-top:0;
}

section.sub_area_notice .type div.dtlb{
text-align:left;
position:relative;
}

section.sub_area_notice .type div.dtlb p span,
section.sub_area_notice .type div.dtlb h3{
font-size:24px;
line-height:1.75em;
padding-bottom:0.25em;
margin-top:32px;
}

section.sub_area_notice .type div.dtlb p span{
display:block;
padding-bottom:0;
margin-top:0;
}

section.sub_area_notice .type div.dtlb p{
font-weight:500;
font-size:15px;
line-height:1.75em;
padding-bottom:15px;
}

section.sub_area_notice .type div.dtlb.c{
display:flex;
justify-content:left;
align-items:center;
}

section.sub_area_notice .bed_detail{
width:86%;
margin:0 7%;
display:flex;
padding-top:48px;
  flex-direction: column;
}

section.sub_area_notice .bed_detail li{
width:100%;
display:flex;
flex-direction: column;
text-align:left;
}


section.sub_area_notice .bed_detail li img,
section.sub_area_notice .bed_detail li div{
position:relative;
width:100%;
color:#ED6C00;
}


section.sub_area_notice .bed_detail li p{
font-weight:500;
font-size:18px;
line-height:1.5em;
}


section.sub_area_notice .bed_detail li h4{
font-size:20px;
font-weight:700;
padding:15px 0 5px;
line-height:1.75em;
}

section.sub_area_notice .bed_detail li a{
width:100%;
display:block;
text-align:center;
width:80%;
margin:1.5em auto 3em;
font-size:15px;line-height:3em;
background-color:#068D6B;
color: #fff;
}

.sub_title.with_pet .inner{
    width: 100%;
    padding:50px 7%;

    display: block;
  flex-direction: column;
color:#fff;
}

.sub_title.with_pet h2 {
padding-top:0;
margin:0 auto
}


.sub_title.with_pet .inner dl{
margin:25px 0 30px;
text-align:justify;
font-size:15px;
line-height:1.75em;
}

.sub_title.with_pet.tou {
    margin-top:0;
    }

.sub_title.with_pet .inner dl.pet_tou{
margin:0 auto 10px 0;
text-align:left;
font-size:15px;
line-height:1.75em;
}
.sub_title.with_pet .inner dl.pet_tou dt{
font-size:22px;
line-height:1em;
font-weight:500;
padding-bottom:20px;
}

.sub_area_list{
padding-bottom:64px;
margin:0 5%;
}

.sub_area_list h3.h3main{
color:#068D6B;
}

ul.grid + p{
text-align:left;
padding-top:15px;
}

.sub_area_list ul + p{
    width: 100%;
margin:0 auto;
}


section .grid-container img{
width:100%;}
section .grid-container p{
font-size:14px;
line-height:2.5em;

}
section .grid-container {
width:86%;margin:0 7%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 10px;
      margin-top:30px;
      margin-bottom:70px;
    }

section .grid-item{
      text-align: center;
    }

section .grid-container+p {
width:86%;margin:0 7%;
text-align:left;
}

ul.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3px;
  margin-top:3px;
}

ul.grid.howto {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 3px;
  width:80%;margin:25px 10% 0;
}
ul.grid.btn.howto li a {
display:block;
width:100%;
font-size:15px;line-height:25px;
font-weight:700;
padding-top:12px;
 }

ul.grid.btn li a {
display:block;
width:100%;
font-size:14px;line-height:1.5em;
padding:5px 0 15px;
font-weight:700;
 }



ul.grid.btn li a span{
padding-bottom:0px;
}

ul.grid.btn.faq li a {
display:flex;
line-height:1.35em;
align-items: center;
justify-content: center;
padding:0px;
height:3.75em;
 }


ul.fx-container{
display:block;
width:86%;margin:0 7%;
}

ul.fx-container li{
width:100%;
margin-top:30px;
}

ul.fx-container li h4{
width:100%;
aspect-ratio:1.6/1;
display:flex;
  justify-content: center;
  align-items: center;
  color:#fff;
  font-size:26px;
  line-height:1.25em;
  font-weight:500;
}

ul.fx-container li:nth-of-type(1) h4{
background: url(../images/camp_am1.jpg) no-repeat center center /cover;}
ul.fx-container li:nth-of-type(2) h4{
background: url(../images/camp_am2.jpg) no-repeat center center /cover;}
ul.fx-container li:nth-of-type(3) h4{
background: url(../images/camp_am3.jpg) no-repeat center center /cover;}
ul.fx-container li:nth-of-type(4) h4{
background: url(../images/camp_am4.jpg) no-repeat center center /cover;}

ul.fx-container li p{
text-align:left;
font-size:15px;
line-height:1.5em;
padding:8px 0;
}

ul.fx-container li a{
font-size:18.5px;
line-height:1.75em;
display:block;
text-align:left;
color:#068D6B;
}


/********* section With pet ************/

div.howto{
    width: 82%;
margin:0 9%;
display:flex;
  flex-direction: column-reverse;
margin-top:20px;
}

div.howto + h3{
margin-top:0px;
}

section.sub_area_granping{
padding-bottom:0;
}


section.sub_area_granping .swiper-slider{
position:relative;
}

section.sub_area_granping .swiper-pagination{
bottom:-30px;
}
section.sub_area_granping .swiper-pagination-bullet{
width:10px; height:10px;
}

section.sub_area_granping .swiper-button-next,
section.sub_area_granping .swiper-button-prev{
top:50%;
}

section.sub_area_granping div.howto img{
    width: 100%;
margin:0;
}

section.sub_area_granping .visual{
margin:32px auto 30px;
}

section.sub_area_granping .visual.f{
margin-bottom:50px;
}

div.howto div{
padding:15px;
    width: 100%;
text-align:left;
background-color:#FBE5B9;
position:relative;
}


div.howto div h3{
    font-size: 22px;
    line-height: 1.25em;
    color: #ED6C00;
}

div.howto div h3 span{
font-size:18px;
line-height:1.75em;
display:block;
}

div.howto div p{
text-align:left;
padding:1em 0 0;
word-break:break-all;
}
div.howto div::after{
position:absolute;
content:"";
display:block;
    width: 50px;
height:50px;
z-index:1;
}

div.howto:nth-of-type(odd) div::after{
background: url(../images/arrs_r.png) no-repeat center center /cover;
left:0;
bottom:-35px;
}

div.howto:nth-of-type(even) div::after{
background: url(../images/arrs_l.png) no-repeat center center /cover;
right:0;
bottom:-35px;
}

div.howto div.fin:after{
background:none;
}


/********* section how to enjoy ************/

.pet_ttl{
background-color:#FBE5B9;
padding:7%;
display:block;
margin-top:50px;
}

.pet_ttl img{
    width: 100%;
}

.pet_ttl .fxp{
display:flex;
  flex-wrap: wrap;
align-items: center;
    width: 100%;
    padding:25px 0 0;
}

.pet_ttl .fxp h3{
text-align:left;
line-height:1.5em;
padding:0 0 10px 0;
}

.pet_ttl .fxp p{
margin:0;
text-align:left;

}

/********* section local inforamtion ************/

.local {
    width: 90%;
    text-align:left;
    margin:0 5% 20px;
    padding:25px 20px;
    background-color:#fff;
    position:relative;
}

.local img{
    width: 100%;
}
.local h3{
font-size:20px;
line-height:1.5em;
padding-bottom:10px;
    color: #ED6C00;
}
.local p:last-child{
padding-bottom:20px;
}

.local p a{
display:block;
margin:10px 0;
line-height:2.5em;
border:1px solid #068D6B;
width:8em;
text-align:center;
font-weight:700;
color:#068D6B;
}

.local_map{
    width: 100%;
margin:0 auto;
padding-bottom:25px;
}

.local_map iframe{
width:90%;
margin:0 auto;
height:100vw;
}

/********* section sub_news ************/

section.sub_news p a {
    color: #ED6C00;
}

section.sub_news .visual {
    width: 100%;
    margin: 0 auto;
    padding: 90px 0 0;
}

section.sub_news h3 {
    font-size: 48px;
    color: #ED6C00;
    line-height: 1.25em;
    padding-bottom: 50px;
    text-align: left;
}

section.sub_news h4 {
    font-size: 24px;
    color: #ED6C00;
    line-height: 1.25em;
    padding: 50px 0 10px;
    text-align: left;
}

section.sub_news p {
    font-size: 18px;
    line-height: 1.95em;
    text-align: justify;
}

section.sub_news img {
    margin: 24px 0 80px;
}

section.sub_news ul.list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin:0 auto;
}

section.sub_news ul.list li {
    width: 100%;
    display: block;
    padding-bottom: 20px;
}

section.sub_news ul.list li a img {
    width: 100%;
    height: 180px;
    margin: 0;
    object-fit: cover;
}

section.sub_news ul.list li p {
    font-size: 18px;
    line-height: 1.95em;
    text-align: justify;
    text-overflow: ellipsis;
    padding-top: 10px;
    max-height: 4em;
    min-height: 4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

section.sub_news ul.list li img+p {
    color: #ED6C00;
}

section.sub_news a:hover {
    color: #000;
}

section.sub_news ul.list li a:hover img {
    opacity: 0.75;
}
section.sub_news .inner{
}

section.sub_news .inner h3{
font-size:60px;
padding:240px 0 150px;
}
section.sub_news .inners img{
margin:0;
}

section.sub_news .inners h4{
font-size:30px;
padding:20px 0 0;
}

section.sub_news .inners h4+p{
padding:10px 0 0;
}

section.sub_news .inners p+h4{
padding:100px 0 0;
}

section.sub_news .inners p+img{
margin-top:100px;
}

section.sub_news .inners img+img{
margin-top:50px;
}

div#send {
    margin-top: 0px;
    position: relative;
    text-align: center;
}

.submit_btn {
    width: 100%;
    line-height: 65px;
    color: #fff;
    background-color: #068D6B;
    border:none;
    font-weight:500;
    font-size: 22px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}

.submit_btn:hover {
    background-color: #068D6B;
    color: #fff;
}




/***Sub pages gp common *************/

section.sub_gp {
    width: 100%;
    text-align: center;
    padding:0 7% 64px;
    text-align:left;
}

section.sub_gp.reg {
padding:50px 7%;
text-align:center;
}


section.sub_gp h3{
font-weight:500;
font-size:21px;
line-height:1.5em;
    color: #ED6C00;
    }
section.sub_gp dl.faq{
margin-top:1em;
}


section.sub_gp h3+p {
padding-top:25px;
font-size:14px;
line-height:1.5em;
}


section.sub_gp dl.faq+h3{
margin-top:64px;
}

section.sub_gp dl.faq dt{
font-size:15px;
line-height:1.5em;
padding:1em 0.5em 1em 2em;
border-bottom:1px solid #707070;
cursor:pointer;
position:relative;
}


section.sub_gp dl.faq dt:before{
content:"＋ ";
font-size:22px;
position:absolute;
display:inline-block;
left:0;
top:30%;
}

section.sub_gp dl.faq dt.open:before{
content:"－ ";
}

section.sub_gp dl.faq dd{
display:none;
text-align:justify;
font-size:15px;
line-height:1.75em;
padding:1em 0.5em 1em 2em;
border-bottom:1px solid #707070;
}

section.sub_gp dl.regulation{
text-align:left;
margin:25px auto;
}

section.sub_gp dl.regulation dt{
font-size:16px;
line-height:1.75em;
color: #ED6C00;
}

section.sub_gp dl.regulation dd{
font-size:14px;
line-height:1.75em;
font-weight:400;
margin-bottom:1.75em;
}

div.inner.pp p{
text-align:left;
}

section.sub_gp.inq{
margin-top:60px;
}

section.sub_gp.inq form{
margin-top:50px;
}

section.sub_gp.inq form dl{
font-size:16px;
line-height:1.75em;
}

section.sub_gp.inq form dl dt span{
color:#ED6C00;
font-size:14px;
}


textarea,
input[type='text']{
border:none;
background-color:#fff;
width:100%;
padding:0.25em 0.5em;
margin-top:0.25em;
margin-bottom:1.75em;
font-size:16px;
line-height:1.75em;
}


input:-webkit-autofill {
box-shadow: 0 0 0 1000px #E9AC33 inset;
}

textarea{
height:15em;
}



.type.bbqs{
width:86%;
margin:0 7%;
padding:35px 0 15px;
}


section.sub_area_notice .type div.dtlbp{
text-align:left;
position:relative;
}

section.sub_area_notice .type div.dtlbp:first-child{
padding-bottom:0;
}

section.sub_area_notice .type div.dtlbp h3{
font-size:20px;
line-height:1.5em;
color:#ED6C00;
}

section.sub_area_notice .type div.dtlbp p{
font-size:15px;
line-height:1.75em;
padding-top:0.75em;
}

#map.bbq{margin-bottom:60px;}

/***SP　END****/
}