/* mainVisual */
#mainVisual {width: 100%; height: 550px;position: relative;z-index: 0;background: #0A162D;background-image: url(../images/common/forest.png);background-position: bottom center;background-size: cover;background-repeat: no-repeat;}
#mainVisual .container-sm {position: relative;height: 550px;}
#mainVisual h1 {display: block;position: relative;padding-top:200px;color: #fff;}
#mainVisual h1 img {width: 60px;margin-bottom: 20px;}
#mainVisual h1 .en {display:block;font-size: 3.2rem;line-height: 1em;letter-spacing: 10px;margin-bottom: 20px;}
#mainVisual h1 .en.min {display:block;font-size: 1.4rem;line-height: 1em;letter-spacing: 5px;margin-bottom: 15px;}
#mainVisual h1 .ja {display:block;font-size: 1.6rem;letter-spacing: 3px;color:#FFF;}
#mainVisual .crumbs {position: absolute;bottom: 50px;left: 0;}
#mainVisual .sns {width: 120px; height: 40px;position: absolute; bottom:40px;right: 0px;z-index: 99;color: #fff;}
#mainVisual .sns ul {font-size: 0; text-align: right;width:123px;}
#mainVisual .sns ul li {display: inline-block;width: 40px;height:40px;}
#mainVisual .sns ul li a {display: block;width: 40px; height: 40px;line-height: 40px;font-size: 1.6rem;text-align: center;color: #FFF;transition: all .3s ease;-webkit-transition:all .3s ease;}
#mainVisual .sns ul li a:hover {color: #7A6E0F;}
@media screen and (max-width: 1279px) {
    #mainVisual .crumbs {left:50px;}
    #mainVisual .sns {right: 50px;}
}
@media screen and (max-width: 1023px) {
    #mainVisual {height: 450px;}
    #mainVisual .container-sm {height: 450px;}
    #mainVisual h1 img {width: 50px;margin-bottom: 20px;}
    #mainVisual h1 {padding-top:130px;}
    #mainVisual h1 .en {font-size: 2.8rem;letter-spacing: 8px;}
    #mainVisual h1 .en.min {font-size: 1.2rem;letter-spacing: 4px;}
    #mainVisual h1 .ja {font-size: 1.4rem;letter-spacing: 3px;}
}
@media screen and (max-width: 767px) {
    #mainVisual {height: 350px;}
    #mainVisual .container-sm {height: 350px;}
    #mainVisual h1 img {width: 40px;margin-bottom: 20px;}
    #mainVisual h1 {padding-top:100px;}
    #mainVisual h1 .en {font-size: 2.4rem;letter-spacing: 4px;}
    #mainVisual h1 .en.min {font-size: 1rem;letter-spacing: 2px;}
    #mainVisual h1 .ja {font-size: 1.2rem;letter-spacing: 2px;}
    #mainVisual .crumbs {left:25px;bottom: 25px;}
    #mainVisual .sns {display: none;}
}

/* common */
#contents {min-height:700px;padding-bottom: 350px;background-image: url(../images/common/forest.png);background-position: bottom center;background-size: contain;background-repeat: no-repeat;}
@media screen and (max-width: 1023px) {
    #contents {min-height:auto;padding-bottom: 200px;}
}
@media screen and (max-width: 767px) {
    #contents {min-height:auto;padding-bottom: 120px;}
}

.subTitle {margin-bottom: 50px;padding-bottom: 35px;text-align: center;font-size: 2.4rem;letter-spacing: 3px; position:relative;}
.subTitle span {color:#7A6E0F;font-size: 1.3rem;display: block;letter-spacing: 4px;margin-top: 20px;}
.subTitle img {width: 55px;height:auto;margin: 0 auto 30px;display: block;}
.subTitle::before {content: '';width: 20px; height: 2px; background-color:#7A6E0F;display: block;position: absolute;bottom: 0;left: 50%;margin-left: -10px;}
.blockTitle {font-size:1.8rem;margin-top: 25px;margin-bottom: 20px;margin-left: 60px;letter-spacing: 3px;position: relative;}
.blockTitle::before {width: 40px; height: 1px;content: '';background-color: #7A6E0F; position: absolute;left: -60px;top: 13px;}
.note {background-color: #E8F1F4;border: 1px dashed #ccc;padding: 20px 30px; line-height: 3rem;margin-bottom: 50px;}
.note a {text-decoration: underline;}
.note.center {text-align: center;}
.reserveBtn {width: 360px;height: 80px;line-height:80px;display: block;margin: 0 auto;}
.reserveBtn a {font-size: 1.8rem;color: #fff!important;display: block; text-align: center;background-color:#7A6E0F;}
.reserveBtn a img {width: 30px;height: auto;position: relative;margin-right: 20px;top: -2px;}
.reserveBtn a:hover {background-color:#524721; }
.tag {font-size: 0;text-align: center;margin-bottom: 35px;}
.tag li {text-align: center;border: 1px solid #0A162D;color: #0A162D;font-size: 1.3rem;display: inline-block;margin: 0 5px;height: 50px;line-height: 50px;padding: 0 25px;border-radius: 25px;-webkit-border-radius: 25px;}

@media screen and (min-width: 768px) {
.interval {background-attachment: fixed;}
}
.interval {height: 600px;background-position:bottom center;}

.interval.autosite-s {background-image: url(../images/misc/autosite/autosite-s_itvl.jpg);}
.interval.autosite-l {background-image: url(../images/misc/autosite/autosite-l_itvl.jpg);}
.interval.autoresortsite {background-image: url(../images/misc/autosite/autoresortsite_itvl.jpg);}

.interval.mercedes {background-image: url(../images/misc/permanent/mercedes_itvl.jpg);}
.interval.trailer {background-image: url(../images/misc/permanent/trailer_itvl.jpg);}

.interval.forests {background-image: url(../images/misc/forest/forestsite-s_itvl.jpg);}
.interval.forestm {background-image: url(../images/misc/forest/forestsite-m_itvl.jpg);}
.interval.forestl {background-image: url(../images/misc/forest/forestsite-l_itvl.jpg);}
.interval.forestresort {background-image: url(../images/misc/forest/forestresortsite-s_itvl.jpg);}
.interval.forestresortl {background-image: url(../images/misc/forest/forestresortsite-l_itvl.jpg);}

.interval.dogruns {background-image: url(../images/misc/dogrun/dogrunsite-s_itvl.jpg);}
.interval.dogrunl {background-image: url(../images/misc/dogrun/dogrunsite-l_itvl.jpg);}

@media screen and (max-width: 767px) {
    .interval.autosite-s,
    .interval.autosite-l,
    .interval.autoresortsite,
    .interval.mercedes,
    .interval.trailer,
    .interval.forests,
    .interval.forestm,
    .interval.forestl,
    .interval.forestresort,
    .interval.forestresortl,
    .interval.dogruns,
    .interval.dogrunl
    {
        background-size:cover
    }
    
}


.interval.gramping-a {background-image: url(../images/misc/gramping/gramping_a_itvl.jpg);}
.interval.gramping-b {background-image: url(../images/misc/gramping/gramping_b_itvl.jpg);}
.interval.gramping-c {background-image: url(../images/misc/gramping/gramping_c_itvl.jpg);}
@media screen and (max-width: 1600px) {
    .interval {height: 500px;}
}
@media screen and (max-width: 1023px) {
    .subTitle {margin-bottom: 50px;padding-bottom: 25px;font-size: 2.1rem;}
    .subTitle span {font-size: 1.1rem;letter-spacing: 3px;margin-top: 15px;}
    .subTitle::before {width: 20px; height: 2px;margin-left: -10px;}
    .subTitle img {width: 50px;margin: 0 auto 25px;}
    .blockTitle {font-size:1.6rem;margin-top: 20px;margin-bottom: 20px;margin-left: 50px;letter-spacing: 2px;}
    .blockTitle::before {width: 30px;left: -50px;top: 10px;}
    .note {padding: 20px 25px; line-height: 2.4rem;margin-bottom: 50px;}
    .tag {font-size: 0;text-align: center;margin-bottom: 35px;}
    .tag li {text-align: center;border: 1px solid #0A162D;color: #0A162D;font-size: 1rem;display: inline-block;margin: 0 2px;height: 40px;line-height: 40px;padding: 0 10px;border-radius: 5px;-webkit-border-radius: 5px;}
    .reserveBtn {width: 320px;height: 60px;line-height:60px;}
    .reserveBtn a {font-size: 1.6rem;}
    .reserveBtn a img {width: 25px;margin-right: 20px;top: -2px;}
    .interval {height: 400px;}
}
@media screen and (max-width: 767px) {
    .subTitle {margin-bottom: 40px;padding-bottom: 20px;font-size: 1.8rem;letter-spacing: 1px;}
    .subTitle span {font-size: 1rem;letter-spacing: 2px;margin-top: 15px;}
    .subTitle img {width: 40px;margin: 0 auto 20px;}
    .subTitle::before {width: 14px; height: 2px;margin-left: -7px;}
    .blockTitle {font-size:1.4rem;margin-top: 30px;margin-bottom: 15px;margin-left: 40px;letter-spacing: 2px;}
    .blockTitle::before {width: 20px;left: -40px;top: 10px;}
    .note {padding: 20px 20px; line-height: 2.2rem;margin-bottom: 40px;font-size: 1.1rem;letter-spacing: 0;}
    .tag {font-size: 0;text-align: left;margin-bottom: 20px;}
    .tag li {width:calc(50% - 11px);text-align:center;border: 1px solid #0A162D;color: #0A162D;font-size: 1.1rem;letter-spacing: 0;display: inline-block;margin: 5px;padding: 0 10px;}
    .reserveBtn {width:auto;margin: 0 20px;height: 50px;line-height:50px;}
    .reserveBtn a {font-size: 1.4rem;}
    .reserveBtn a img {width: 20px;margin-right: 20px;top: -1px;}
    .interval {height: 300px;}
}

/* mainArea */
.mainArea {margin: 100px 0;}
@media screen and (max-width: 1023px) {
    .mainArea {margin: 50px 0;}
}
@media screen and (max-width: 767px) {
    .mainArea {margin: 20px 0;}
}

/* introArea */
.intro {padding: 0 0 100px;margin-bottom:0px;position: relative;background-color: #F2F3F4;}
.intro.none {padding-bottom: 0;}
.intro .arrow {height: 80px; display: block;position: absolute; bottom:-40px;left:50%;width:1px;}
.intro .arrow .inner {height: 100%;position: absolute;bottom: 0;left: 50%;margin-left: -0.5px;width: 1px; display: block;background-color:transparent;overflow: hidden;}
.intro .arrow .inner .scrl {height: 100%;background-color:#0A162D;position: absolute; top:0px; left: 0px;width: 1px; z-index: 100;-webkit-animation: scrl 2s infinite;animation: scrl 2s infinite;}
.intro .arrow .inner .scrl::before {content:'';background-color:#0A162D;height: 1px; width: 10px; transform: rotate(-45deg); position: absolute; bottom: 2px; left: -1px; }
.intro .mainImg {width:100%;min-height: 500px;background-color: #000;margin-bottom: 80px;}
.intro .mainImg.guide_mv {background-image: url(../images/misc/guide_mv.jpg);}

.intro .mainImg.camp_mv {background-image: url(../images/misc/camp_mv.jpg);}
.intro .mainImg.auto_mv {background-image: url(../images/misc/autosite/autosite_mv.jpg);}
.intro .mainImg.gram_mv {background-image: url(../images/misc/gramping/gram_mv.jpg);}
.intro .mainImg.dogrun_mv {background-image: url(../images/misc/dogrun/dogrun_mv.jpg);}
.intro .mainImg.permanent_mv {background-image: url(../images/misc/permanent/trailer_itvl.jpg);}
.intro .mainImg.forest_mv {background-image: url(../images/misc/forest/forest_mv.jpg);}

.intro .mainImg.option_mv {background-image: url(../images/misc/option_mv.jpg);}
.intro .mainImg.dinner_mv {background-image: url(../images/misc/dinner_mv.jpg);}
.intro .mainImg.facility_mv {background-image: url(../images/misc/facility_mv.jpg);}
.intro .mainImg.activity_mv {background-image: url(../images/misc/activity_mv.jpg);}

.intro .desc {color: #0A162D;}
.intro .desc h2 {font-size: 2.1rem;line-height: 2.2em;letter-spacing: 2px;margin-bottom: 35px;}
.intro .desc h3 {font-size: 1.3rem;line-height: 2.4em;letter-spacing: 1px;}
.intro .gallery-top {padding-top: 100px;margin-bottom: 20px;}
.intro .gallery-top .swiper-next {cursor:pointer; position: absolute; top: 60%;right: 50px;z-index:99;font-size: 2.4rem;margin-top: -12px;}
.intro .gallery-top .swiper-prev {cursor:pointer;position: absolute; top: 60%;left: 50px;z-index:99;font-size: 2.4rem;margin-top: -12px;}
.intro .deco {width: 30%;position: absolute; top: 50px;right: 0;z-index: 99;}
.intro .introBtn {width: 300px;height: 70px;line-height:70px;display: block;margin: 50px auto 0;position: relative;bottom: -35px;}
.intro .introBtn a {position: relative;letter-spacing: 2px;padding-left: 30px;font-size: 1.6rem;color: #fff;display: block; text-align: left;background-color:#0A162D;}
.intro .introBtn a img {width: 40px;height: auto;position: absolute;right: 30px;top: 50%;margin-top: -1px;transition:all .3s ease;-webkit-transition:all .3s ease;}
.intro .introBtn a:hover {background-color:#153061; }
.intro .introBtn a:hover img {right: 25px;}
@media screen and (max-width: 1023px) {
    .intro {padding: 0 0 60px;margin-bottom: 60px;}
    .intro .arrow {height: 50px;bottom:-25px;}
    .intro .mainImg {min-height: 400px;margin-bottom: 60px;}
    .intro .desc {padding: 0 15px;}
    .intro .desc h2 {font-size:1.5rem;line-height: 2.0em;letter-spacing: 2px;margin-bottom:25px;}
    .intro .desc h3 {font-size: 1.2rem;line-height: 2.2em;letter-spacing: 1px;}
    .intro .introBtn {width: 250px;height: 60px;line-height:60px;margin: 25px auto 0;bottom: -30px;}
    .intro .introBtn a {padding-left: 20px;font-size: 1.4rem;}
    .intro .introBtn a img {width: 30px;right: 25px;margin-top: -1px;}
    .intro .introBtn a:hover {background-color:#153061; }
    .intro .introBtn a:hover img {right: 20px;}
}
@media screen and (max-width: 767px) {
    .intro {padding: 0 0 40px;margin-bottom:0px;}
    .intro .arrow {display: none;}
    .intro .mainImg {min-height: 300px;margin-bottom: 40px;}
    .intro .desc {padding: 0 15px;}
    .intro .desc h2 {font-size:1.4rem;line-height: 2.0em;letter-spacing: 2px;margin-bottom:20px;}
    .intro .desc h3 {font-size: 1.1rem;line-height: 2.2em;letter-spacing: 1px;}
    .intro .introBtn {width: 240px;height: 50px;line-height:50px;margin: 20px auto 0;bottom: -25px;}
    .intro .introBtn a {padding-left: 20px;font-size: 1.3rem;}
    .intro .introBtn a img {width: 25px;right: 20px;margin-top: -1px;}
    .intro .introBtn a:hover {background-color:#153061; }
    .intro .introBtn a:hover img {right: 15px;}
}

.areaMap {position: relative;padding:100px 0 100px;}
.areaMap .container-lg {padding: 0 150px;}
.areaMap .inner {position: relative;}
.areaMap .inner h1 {position: absolute; top: 35px;left: 35px;z-index: 9;}
.areaMap .inner h1 {font-size: 2.4rem;letter-spacing: 3px;}
.areaMap .inner h1 span {color:#7A6E0F;font-size: 1.3rem;letter-spacing: 4px;margin-left: 20px;}
.areaMap .inner .mainMap {}
@media screen and (max-width: 1600px) {
 .areaMap .container-lg {padding: 0 100px;}
}
@media screen and (max-width: 1124px) {
 .areaMap .container-lg {padding: 0 0px;}
}
@media screen and (max-width: 1023px) {
    .areaMap {position: relative;padding:0 0 50px;}
    .areaMap .container-lg {padding: 0 50px;}
    .areaMap .inner {position: relative;}
    .areaMap .inner .areaList {display: none;}
    .areaMap .inner h1 {position: absolute; top: 25px;left: 25px;letter-spacing: 2px;}
    .areaMap .inner h1 span {color:#7A6E0F;font-size: 1.2rem;letter-spacing: 3px;margin-left: 20px;}
}
@media screen and (max-width: 767px) {
    .areaMap {position: relative;padding:40px 15px 40px}
    .areaMap .inner {padding-top: 40px;}
    .areaMap .inner h1 {position: absolute; top: 0px;left: 20px;}
    .areaMap .inner h1 {font-size: 1.8rem;letter-spacing: 2px;}
    .areaMap .inner h1 span {color:#7A6E0F;font-size: 1rem;letter-spacing: 2px;margin-left: 0px;display: block;}
    .areaMap .container-lg {padding: 0px 10px;}
    .areaMap {position: relative;padding-bottom: 25px;}
}


/* guide */
.guide {padding-top: 100px;}
.guide .block {font-size: 1.4rem;padding-bottom: 50px;border-top: 1px solid #ddd;padding-top: 20px;}
.guide .block p {font-size: 1.8rem;padding:10px 0 25px;}
.guide .block p br {display: none;}
.guide .block p span {margin:0 40px 0 20px; }
@media screen and (max-width: 1023px) {
    .guide .block {font-size: 1.3rem;padding-left: 0px;padding-bottom: 50px;border-top: 1px solid #ddd;padding-top: 20px;}
    .guide .block p {font-size: 1.6rem;padding:10px 0 25px;}
    .guide .block p span {margin:0 40px 0 20px; }
}
@media screen and (max-width: 767px) {
    .guide .block {font-size: 1.2rem;padding-left: 0px;padding-bottom: 20px;padding-top: 15px;}
    .guide .block p {font-size: 1.4rem;padding:10px 0 10px;line-height: 2.4em;}
    .guide .block p br {display: block;}
}

/* faq */
.faq {padding-top: 100px;}
.faq .pageScrl {padding-bottom: 75px;}
.faq .pageScrl ul {margin: 0 -5px;display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;flex-wrap: wrap;flex-wrap:-webkit-wrap;-ms-flex-wrap: wrap;}
.faq .pageScrl ul li {width: 25%;margin: 0;padding: 5px;display: block;}
.faq .pageScrl ul li a {color: #000;font-size: 13px;letter-spacing: 1px;border: 1px solid #ccc;height: 40px;line-height: 40px;text-align: center;display: block;border-radius: 20px;-webkit-border-radius: 20px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.faq .pageScrl ul li a:hover {background-color: rgba(163,135,69,0.05);}
@media screen and (max-width: 1023px) {
    .faq .pageScrl {padding-bottom: 50px;}
    .faq .pageScrl ul li {width: 33.3333%;padding: 0px 5px;margin-bottom: 10px;}
    .faq .pageScrl ul li a {font-size: 1.2rem;}
}
@media screen and (max-width: 767px) {
    .faq .pageScrl {padding-bottom: 50px;}
    .faq .pageScrl ul li {width: 50%;}
    .faq .pageScrl ul li a {color: #000;font-size: 1.1rem;letter-spacing: 0;}
}

.faq h2 {font-size: 1.8rem;margin-bottom: 25px;margin-left: 80px;letter-spacing: 3px;position: relative;}
.faq h2::before {width: 40px; height: 1px;content: '';background-color: #7A6E0F; position: absolute;left: -60px;top: 13px;}
.faq dl {margin-bottom: 75px;letter-spacing: 2px;border-bottom: 1px solid #ddd;}
.faq dl dt {font-weight: normal;border-top: 1px solid #ddd;margin: 0;padding: 25px 80px;position: relative;line-height: 1.8em;font-size:14px;cursor: pointer;transition: all .3s ease;-webkit-transition: all .3s ease;}
.faq dl dt .plus {width: 20px; height: 20px;position: absolute; top: 50%;margin-top: -10px; right:25px;transition:all .3s ease;-webkit-transition:all .3s ease;}
.faq dl dt .plus span {height:1px; width: 100%;background-color:#7A6E0F;display: block; position: absolute;}
.faq dl dt .plus span:nth-of-type(1) {top: 10px;}
.faq dl dt .plus span:nth-of-type(2) {top: 10px;transform: rotate(90deg);}
.faq dl dt.open .plus {transform: rotate(45deg);}
.faq dl dt:hover {background-color: rgba(122,110,15,0.05);}
.faq dl dt.open {background-color: rgba(122,110,15,0.05);border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.faq dl dt > span {color: #7A6E0F;font-size: 18px;position: absolute; top: 25px;left: 30px;}
.faq dl dd {display: none;margin: 0;padding: 30px 80px;position: relative;line-height: 2em;background-color: rgba(122,110,15,0.1);}
.faq dl dd > span {color: #7A6E0F;font-size: 18px;position: absolute; top: 25px;left: 30px;}
@media screen and (max-width: 1023px) {
    .faq h2 {font-size:1.6rem;margin-bottom: 20px;margin-left: 50px;letter-spacing: 2px;}
    .faq h2::before {width: 30px;left: -50px;top: 10px;}
    .faq ul {margin-bottom: 75px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .faq ul li {width: 20%;padding: 0 5px;height: 42px;}
    .faq ul li a {color: #000;font-size: 13px;letter-spacing: 1px;border: 1px solid #ddd;height: 40px;line-height: 40px;text-align: center;display: block;border-radius: 20px;-webkit-border-radius: 20px;transition: all .3s ease;-webkit-transition: all .3s ease;}
    .faq ul li a:hover {background-color: rgba(163,135,69,0.05);}
}
@media screen and (max-width: 767px) {
    .faq ul {margin-bottom: 50px;display:block;-ms-flex-wrap:inherit;flex-wrap:inherit;}
    .faq ul li {width: 100%;height: 42px;margin-top: 10px;}
    .faq ul li:first-child {margin-top: 0;}

    .faq h2 {font-size:1.4rem;margin-bottom: 15px;margin-left: 40px;letter-spacing: 2px;}
    .faq h2::before {width: 20px;left: -40px;top: 10px;}
    .faq dl {margin-bottom: 50px;}
    .faq dl dt {padding: 20px 40px;padding-right: 45px;line-height: 1.8em;font-size:1.2rem;letter-spacing: 1px;}
    .faq dl dt .plus {width: 14px; height: 14px;position: absolute; top: 50%;margin-top: -10px; right:15px;}
    .faq dl dt .plus span:nth-of-type(1) {top: 7px;}
    .faq dl dt .plus span:nth-of-type(2) {top: 7px;}
    .faq dl dt > span {font-size: 14px;top: 20px;left: 10px;}
    .faq dl dd {padding: 20px 40px;padding-right: 20px;position: relative;line-height: 1.8em;letter-spacing: 1px;}
    .faq dl dd > span {font-size: 14px;top: 20px;left: 12px;}
}

/* camp archive */
.campfield {padding: 150px 100px 0;margin: 0 auto;max-width: 1600px;}
.campfield .item {margin-bottom: 150px;}
.campfield .item.mbnon {margin-bottom: 50px;}
.campfield .item figure {position: relative;background-color: #000;width: calc(100% - 450px);height: 600px;}
.campfield .item figure > p {position: absolute;}

.campfield.autosite .item figure > p > img {width: 100%;height: auto;}
.campfield.autosite .item:nth-child(1) figure {background-image: url(../images/misc/autosite/autosite_list_01.jpg);}
.campfield.autosite .item:nth-child(2) figure {background-image: url(../images/misc/autosite/autosite_list_02.jpg);}
.campfield.autosite .item:nth-child(3) figure {background-image: url(../images/misc/autosite/autosite_list_03.jpg);}

.campfield.gramping .item:nth-child(1) figure {background-image: url(../images/misc/gramping/gramping_01.jpg);}
.campfield.gramping .item:nth-child(2) figure {background-image: url(../images/misc/gramping/gramping_02.jpg);}
.campfield.gramping .item:nth-child(3) figure {background-image: url(../images/misc/gramping/gramping_03.jpg);}

.campfield.forestsite .item:nth-child(1) figure {background-image: url(../images/misc/forest/forestsite_01.jpg);}
.campfield.forestsite .item:nth-child(2) figure {background-image: url(../images/misc/forest/forestsite_02.jpg);}
.campfield.forestsite .item:nth-child(3) figure {background-image: url(../images/misc/forest/forestsite_03.jpg);}
.campfield.forestsite .item:nth-child(4) figure {background-image: url(../images/misc/forest/forestsite_04.jpg);}
.campfield.forestsite .item:nth-child(5) figure {background-image: url(../images/misc/forest/forestsite_05.jpg);}

.campfield.dogrunsite .item:nth-child(1) figure {background-image: url(../images/misc/dogrun/dogrunsite_01.jpg);}
.campfield.dogrunsite .item:nth-child(2) figure {background-image: url(../images/misc/dogrun/dogrunsite_02.jpg);}
.campfield.dogrunsite .item:nth-child(3) figure {background-image: url(../images/misc/autosite/autosite_list_01.jpg);}
.campfield.dogrunsite .item:nth-child(4) figure {background-image: url(../images/misc/autosite/autoresortsite_02.jpg);}
.campfield.dogrunsite .item:nth-child(5) figure {background-image: url(../images/misc/dogrun/autodogrun-m_01_real.jpg);}
.campfield.dogrunsite .item:nth-child(6) figure {background-image: url(../images/misc/dogrun/autodogrun-s_01_real.jpg);}

.campfield.permanent .item:nth-child(1) figure {background-image: url(../images/misc/permanent/permanent_02.jpg);}
.campfield.permanent .item:nth-child(2) figure {background-image: url(../images/misc/permanent/permanent_02.jpg);}

.campfield .item .inner {width: 450px;padding: 200px 0px 50px;padding-left: 75px;}
.campfield .item .inner h2 {font-size:1.8rem;margin-bottom: 40px;}
.campfield .item .inner h2 span {font-size: 1rem;color: #7A6E0F;margin-top: 10px;display: block;}
.campfield .item .inner h3 {font-size: 1.2rem;line-height:1em;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 10px;}
.campfield .item .inner h4 {font-size: 1.2rem;height: 80px;line-height: 2.4em;}
.campfield .item .inner > p {margin-top: 20px;display: block;height: 50px;line-height: 50px;text-align: center;background-color: #0A162D;color: #fff;border-radius: 25px;-webkit-border-radius: 25px;}
.campfield .item .inner .btn {margin-top: 50px;}
.campfield .item.reverse .inner {padding-left: 0px;padding-right: 75px;}
@media screen and (max-width: 1600px) {
    .campfield {padding: 100px 100px 0;margin: 0 auto;max-width: 1600px;}
    .campfield .item {margin-bottom: 100px;}
    .campfield .item .inner {padding: 100px 0px 50px;padding-left: 75px;}
    .campfield .item figure {height: 500px;}
}
@media screen and (max-width: 1023px) {
    .campfield {padding: 50px 0px 0;}
    .campfield .item {margin-bottom: 50px;}
    .campfield .item figure {position: relative;background-color: #000;width: calc(100% - 280px);height: 350px;}
    .campfield .item .inner {width: 280px;padding: 50px 40px 25px;}
    .campfield .item .inner h2 {font-size:1.4rem;margin-bottom: 30px;}
    .campfield .item .inner h3 {font-size: 1rem;margin-bottom: 10px;}
    .campfield .item .inner h4 {font-size: 1rem;height:auto;line-height: 2.2em;}
    .campfield .item.reverse .inner {padding: 50px 40px 25px;}
    .campfield.camp .item figure > p.deco01 {width: 40%;top: -30px;left: 25px;}
    .campfield.camp .item figure > p.deco02 {width: 65%;bottom: -30px;right: 0px;}
    .campfield.camp .item figure > p.deco03 {width: 65%;bottom: -30px;left: 0px;}
    .campfield .item .inner > p {font-size: 1.3rem;margin-top: 50px;display: block;height: 40px;line-height: 40px;border-radius: 20px;-webkit-border-radius: 20px;}
    .campfield .item .inner .btn {margin-top: 40px;}
}
@media screen and (max-width: 767px) {
    .campfield {padding: 0px 0px 50px;}
    .campfield .item {margin-bottom: 50px;}
    .campfield .item.mbnon {margin-bottom: 0px;}
    .campfield .item figure {position: relative;background-color: #000;width:100%;margin-left: 0px;height: 300px;}
    .campfield .item .inner {width: 280px;padding: 35px 0;margin: 0 auto;}
    .campfield .item .inner h2 {font-size:1.6rem;margin-bottom: 25px;}
    .campfield .item .inner h3 {font-size: 1rem;}
    .campfield .item .inner h4 {font-size: 1.2rem;height:auto;line-height: 2.2em;}
    .campfield .item .inner .btn {float: right;margin-top: 40px;}
    .campfield .item.reverse .inner {width: 320px;padding: 35px 0;margin: 0 auto;}
    .campfield.camp .item figure > p.deco01 {width: 40%;top: -25px;left: 0px;}
    .campfield.camp .item figure > p.deco02 {width: 65%;top: -25px;left: 0px;}
    .campfield.camp .item figure > p.deco03 {width: 65%;top: -25px;left: 0px;}
    .campfield.gramping .item figure > p.deco01 {width: 50%;top: -25px;right: 25px;}
    .campfield.gramping .item figure > p.deco02 {width: 50%;top: -25px;right: 25px;}
    .campfield.gramping .item figure > p.deco03 {width: 50%;top: -25px;right: 25px;}
    .campfield .item .inner > p {font-size: 1.3rem;margin-top: 50px;display: block;height: 40px;line-height: 40px;border-radius: 20px;-webkit-border-radius: 20px;}
}
@media screen and (max-width: 374px) {
    .campfield .item.reverse .inner {width: 280px;}
}

.campDetail {overflow: hidden;padding: 100px 0;}
.campDetail .camp-slider  {margin: 0 -300px;padding-bottom: 25px;}
.campDetail .camp-slider figure {background-color: #0A162D;}
.campDetail .camp-slider .camp-next {cursor: pointer;display: block;z-index: 9999;background-color: #fff;padding-left:19px;line-height: 50px;width: 50px;height: 50px;position: absolute; top: 50%;right: 300px;font-size: 2.4rem;margin-top: -25px;}
.campDetail .camp-slider .camp-prev {cursor: pointer;display: block;z-index: 9999;background-color: #fff;padding-left:16px;line-height: 50px;width: 50px;height: 50px;position: absolute; top: 50%;left: 300px;font-size: 2.4rem;margin-top: -25px;}
.campDetail .camp-pagination {text-align: center;position: relative;left:50%;width: 50%;margin-left: -25%;margin-bottom: 75px;}
.campDetail .swiper-pagination-bullet {height: 8px;width: 8px;background-color:#eee;margin: 0 15px;opacity: 1;}
.campDetail .swiper-pagination-bullet-active {background-color:#7A6E0F;opacity: 1;}
@media screen and (max-width: 1023px) {
    .campDetail {overflow: hidden;padding: 50px 0;}
    .campDetail .camp-slider  {margin: 0 -300px;padding-bottom: 50px;}
    .campDetail .camp-slider .camp-next {font-size: 2.1rem;position: absolute; top: 50%;right: 300px;z-index:99;margin-top: -25px;padding-left:15px;line-height: 41px;width: 40px;height: 40px;margin-top: -40px;}
    .campDetail .camp-slider .camp-prev {font-size: 2.1rem;position: absolute; top: 50%;left: 300px;z-index:99;margin-top: -25px;padding-left:10px;line-height: 41px;width: 40px;height: 40px;margin-top: -40px;}
}
@media screen and (max-width: 767px) {
    .campDetail {overflow: hidden;padding: 0 0 50px;}
    .campDetail .camp-slider  {margin: 0px;padding-bottom: 10px;}
    .campDetail .camp-slider .camp-next {font-size: 1.6rem;right: 0px;padding-left:12px;line-height: 30px;width: 30px;height: 30px;margin-top: -30px;}
    .campDetail .camp-slider .camp-prev {font-size: 1.6rem;left: 0px;padding-left:9px;line-height: 30px;width: 30px;height: 30px;margin-top: -30px;}
    .campDetail .camp-pagination {text-align: center;position: relative;left:0;width: 100%;margin-left: 0;margin-bottom: 25px;}
    .campDetail .swiper-pagination-bullet {height: 6px;width: 6px;background-color:#eee;margin: 0 7px;opacity: 1;}
}

/* youtube */
.youtube {padding: 0px;}
.youtube .inner.autosite { position: relative;background-image: url(../images/misc/autosite/autosite-l_youtube.jpg); }
.youtube .inner.resortsite { position: relative;background-image: url(../images/misc/autosite/autoresortsite_06.jpg); }
.youtube .inner.dogrunsite { position: relative;background-image: url(../images/misc/dogrun/dogrunsite-s_06.jpg); }
.youtube .inner .play { position: absolute; top: 0;left: 0; bottom: 0;right: 0; margin: auto;width: 130px; height: 148px;}
.youtube .inner .play img {width: 100%; height: auto;}
.youtube .inner figure {background-color: rgba(10,22,45,0.5);}
@media screen and (max-width: 1023px) {
    .youtube {padding: 0px 0px 0px;border-top: 1px solid #666;}
    .youtube .inner .play { position: absolute; top: 0;left: 0;width: 100%; height: 100%;}
    .youtube .inner .play img {width: 100px; height:114px;position: absolute; top: 0;left: 0; bottom: 0;right: 0; margin: auto;}
}
@media screen and (max-width: 767px) {
    .youtube .inner .play img {width:80px; height:91px;}
}

.facilities {margin: 100px 0 0;}
.facilities .facility-slider figure {background-color: #0A162D;}
.facilities .facility-slider .facility-next {cursor: pointer;display: block;z-index: 9999;background-color: #fff;padding-left:12px;line-height: 30px;width: 30px;height: 30px;position: absolute; top: 50%;right: 0px;font-size: 1.6rem;margin-top: -30px;}
.facilities .facility-slider .facility-prev {cursor: pointer;display: block;z-index: 9999;background-color: #fff;padding-left:8px;line-height: 30px;width: 30px;height: 30px;position: absolute; top: 50%;left: 0px;font-size: 1.6rem;margin-top: -30px;}
.facilities .facility-slider .facility-pagination {text-align: center;position: absolute;bottom:40px;left:0;width: 100%;margin-bottom: 0px;z-index: 9;}
.facilities .facility-slider .swiper-pagination-bullet {height: 6px;width: 6px;background-color:#FFF;margin:0 10px!important;opacity: 1;}
.facilities .facility-slider .swiper-pagination-bullet-active {background-color:#7A6E0F;opacity: 1;}

.facilities .flexWrap {margin-bottom: 100px;}
.facilities .flexWrap figure {margin-bottom: 25px;}
.facilities .flexWrap .inner {padding: 0 25px;}
.facilities .flexWrap h3 {margin-bottom: 25px;text-align: center;font-size: 1.8rem;letter-spacing: 2px;}
.facilities .flexWrap h4 {font-size: 1.2rem;line-height: 2em;}
.facilities .flexWrap ul {font-size: 1.2rem;}
.facilities .flexWrap p {margin-top: 20px;padding-top: 20px;border-top: 1px solid #ddd;text-align: center;font-size: 1.4rem;}
@media screen and (max-width: 1023px) {
    .facilities {margin: 75px 0 0;}
    .facilities .flexWrap {margin-bottom: 75px;}
    .facilities .flexWrap figure {margin-bottom: 20px;}
    .facilities .flexWrap .inner {padding: 0 20px;}
    .facilities .flexWrap h3 {margin-bottom: 20px;text-align: center;font-size: 1.6rem;letter-spacing: 2px;}
    .facilities .flexWrap h4 {font-size: 1.1rem;line-height: 2em;}
    .facilities .flexWrap ul {font-size: 1.1rem;}
    .facilities .flexWrap p {margin-top: 15px;padding-top: 15px;border-top: 1px solid #ddd;text-align: center;font-size: 1.3rem;}
}
@media screen and (max-width: 767px) {
    .facilities {margin: 50px 0 0;}
    .facilities .flexWrap {margin-bottom: 75px;}
    .facilities .flexWrap .item {margin-bottom: 50px;}
    .facilities .flexWrap figure {margin: 0 -20px 25px;}
    .facilities .flexWrap .inner {padding: 0 20px;}
    .facilities .flexWrap h3 {margin-bottom: 20px;text-align: center;font-size: 1.5rem;letter-spacing: 2px;}
    .facilities .flexWrap h4 {font-size: 1.0rem;line-height: 2em;}
    .facilities .flexWrap ul {font-size: 1.0rem;line-height: 2em;}
    .facilities .flexWrap p {margin-top: 15px;padding-top: 10px;border-top: 1px solid #ddd;text-align: center;font-size: 1.2rem;}
}

.rental {padding-top: 150px;}
.tabs {text-align:center;margin:0px -1px;}
.tabs li {padding: 0 1px;width: 50%;font-size: 1.6rem;display:block;line-height: 60px; text-align: center; font-weight: bold;cursor: pointer;letter-spacing: 2px;}
.tabs li span {display: block;background-color:#F2F3F4;color: #0A162D;transition:all .3s ease;-webkit-transition:all .3s ease;}
.tabs li.active span {background-color: #0A162D;color: #fff;position: relative;}
.tabs li.active span::before {content: '';width: 0;position: absolute; bottom: -28px;left: 50%; margin-left: -15px;height: 0;border: 14px solid transparent;border-top: 14px solid #0A162D;transition:all .3s ease;-webkit-transition:all .3s ease;}
.tabs li span:hover {background-color: #153061;color: #fff;}
.tabs li.active span:hover {background-color:  #153061;color: #FFF;}


.tab_content {display: block;border-top: 3px solid #0A162D;padding-top: 75px;}
.tab_content .flexWrap {margin-bottom: 75px;margin-top: 50px;}
.tab_content .tb_item {display: none;}
.tab_content .tb_item.active {display: block;}
.tab_content .tb_item .item .inner {padding: 0 25px;}
.tab_content .tb_item dl {width:calc(50% - 25px);font-size: 1.5rem;margin-top: 25px;margin-bottom: 100px;float: left;border-bottom: 1px solid #ddd;}
.tab_content .tb_item dl.first {margin-right: 50px;}
.tab_content .tb_item dl > dt {font-size: 1.4rem;letter-spacing: 2px;width: 60%;line-height: 50px;border-top: 1px solid #ddd;display: block;margin: 0;padding:15px;padding-left: 25px;float: left;}
.tab_content .tb_item dl > dt img {width: 50px;height: 50px;margin-right: 20px;line-height: 50px;}
.tab_content .tb_item dl > dd {text-align: right;width: 40%;line-height: 52px;border-top: 1px solid #ddd;display: block;margin: 0;padding:15px;padding-right: 25px;margin-left: 60%;}
.tab_content .tb_item figure {margin-bottom: 25px;}
.tab_content .tb_item h3 {margin-bottom: 25px;text-align: center;font-size: 1.6rem;letter-spacing: 1px;}
.tab_content .tb_item h4 {font-size: 1.2rem;line-height: 2em;}
.tab_content .tb_item ul {font-size: 1.3rem;}
.tab_content .tb_item p {margin-top: 20px;padding-top: 20px;border-top: 1px solid #ddd;text-align: center;font-size: 1.6rem;}
@media screen and (max-width: 1023px) {
    .rental {padding-top: 100px;}
    .tabs {text-align:center;margin:0px -1px;}
    .tabs li {padding: 0 1px;width: 50%;font-size: 1.4rem;line-height: 50px;letter-spacing: 1px;}
    .tabs li.active span::before {content: '';width: 0;position: absolute; bottom: -22px;left: 50%; margin-left: -10px;height: 0;border: 10px solid transparent;border-top: 10px solid #0A162D;}
    .tab_content {border-top: 2px solid #0A162D;padding-top: 50px;}
    .tab_content .flexWrap {margin-bottom: 50px;margin-top: 50px;}

    .tab_content .tb_item .item .inner {padding: 0 10px;}
    .tab_content .tb_item figure {margin-bottom: 15px;}
    .tab_content .tb_item h3 {margin-bottom: 15px;text-align: center;font-size: 1.3rem;letter-spacing: 1px;}
    .tab_content .tb_item h4 {font-size: 1.1rem;line-height: 1.8em;}
    .tab_content .tb_item ul {font-size: 1.2rem;}
    .tab_content .tb_item p {margin-top: 15px;padding-top: 15px;border-top: 1px solid #ddd;text-align: center;font-size: 1.3rem;}
    .tab_content .tb_item dl {width:calc(50% - 15px);font-size: 1.2rem;margin-bottom:50px;float: left;border-bottom: 1px solid #ddd;}
    .tab_content .tb_item dl.first {margin-right: 30px;}
    .tab_content .tb_item dl > dt {font-size: 1.2rem;letter-spacing: 1px;width: 70%;line-height: 30px;border-top: 1px solid #ddd;display: block;margin: 0;padding:10px;padding-left: 20px;float: left;}
    .tab_content .tb_item dl > dt img {width: 25px;height: 25px;margin-right: 15px;line-height: 30px;}
    .tab_content .tb_item dl > dd {text-align: right;width: 30%;line-height: 30px;border-top: 1px solid #ddd;display: block;margin: 0;padding:10px;padding-right: 20px;margin-left: 70%;}
}
@media screen and (max-width: 767px) {
    .rental {padding-top: 25px;}
    .tabs {margin: 0 -1px;display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;flex-wrap: wrap;flex-wrap:-webkit-wrap;-ms-flex-wrap: wrap;}
    .tabs li {font-size: 1.2rem;line-height: 40px;}
    .tabs li.active span::before {bottom: -15px;margin-left: -7px;height: 0;border: 7px solid transparent;border-top: 7px solid #0A162D;}
    .tab_content {margin: 0 0px;padding: 60px 0px 0;}
    .tab_content .tb_item .flexWrap {margin-top: 50px;}
    .tab_content .tb_item .item {padding-left: 0px;position: relative;margin-bottom: 35px;}
    .tab_content .tb_item .item .inner {padding: 0 20px;}
    .tab_content .tb_item figure {margin-bottom: 20px;}
    .tab_content .tb_item h3 {margin-bottom:15px;text-align: left;font-size: 1.6rem;letter-spacing: 2px;}
    .tab_content .tb_item h4 {font-size: 1.1rem;line-height: 1.8em;}
    .tab_content .tb_item ul {font-size: 1.1rem;margin-top: 30px;letter-spacing: 0;}
    .tab_content .tb_item p {margin-top: 0px;padding-top: 10px;border-top:none;text-align: right;font-size: 1.4rem;}

    .tab_content .tb_item dl {width:100%;font-size: 1.2rem;margin-bottom:0px;float:none;border-bottom: 1px solid #ddd;margin-top: 0;}
    .tab_content .tb_item dl.first {margin-right: 0px;border-bottom:none;margin-bottom: 0;padding-bottom: 0;}
    .tab_content .tb_item dl > dt {font-size: 1.3rem;letter-spacing: 1px;width: 70%;line-height: 25px;border-top: 1px solid #ddd;display: block;margin: 0;padding:10px;padding-left: 10px;float: left;}
    .tab_content .tb_item dl > dt img {width: 25px;height: 25px;margin-right: 15px;line-height: 25px;}
    .tab_content .tb_item dl > dd {font-size: 1.3rem;text-align: right;width: 30%;line-height: 27px;border-top: 1px solid #ddd;display: block;margin: 0;padding:10px;padding-right: 10px;margin-left: 70%;}
}

.option {margin-bottom: 50px;}
.option .block {padding-top: 150px;}
.option .block.last {padding-bottom: 0px;}
.option .block .option-slider  {margin: 0 -300px;padding-bottom: 25px;}
.option .block .option-slider .option-next {cursor: pointer;display: block;z-index: 9999;background-color: #fff;padding-left:19px;line-height: 50px;width: 50px;height: 50px;position: absolute; top: 50%;right: 300px;font-size: 2.4rem;margin-top: -25px;}
.option .block .option-slider .option-prev {cursor: pointer;display: block;z-index: 9999;background-color: #fff;padding-left:16px;line-height: 50px;width: 50px;height: 50px;position: absolute; top: 50%;left: 300px;font-size: 2.4rem;margin-top: -25px;}
.option .block .option-pagination {text-align: center;position: relative;left:50%;width: 50%;margin-left: -25%;margin-bottom: 50px;}
.option .block .swiper-pagination-bullet {height: 8px;width: 8px;background-color:#eee;margin: 0 15px;opacity: 1;}
.option .block .swiper-pagination-bullet-active {background-color:#7A6E0F;opacity: 1;}
.option .block .container-sm {padding-top: 0px;}
.option .block .container-sm.mB50 {margin-bottom: 50px;}
.option .block .dinner {font-size: 1.8rem;line-height: 1em;letter-spacing: 2px;background-color: #E8F1F4;padding: 15px 25px;margin-bottom: 25px;margin-top: 7px;}
.option .block h2 {font-size: 1.6rem;line-height: 2.2em;letter-spacing: 2px;margin-bottom: 50px;}
.option .block h2 span {font-size: 1.1rem;display: block;margin-top: 10px;}
.option .block h3 {font-size: 1.4rem;margin-bottom: 25px;line-height: 2.4em;}
.option .block h4 {font-size: 1.6rem;margin-top:8px;padding-top: 20px;margin-bottom: 25px;border-top: 1px solid #0A162D;padding-left: 25px;}
.option .block .text {line-height: 2.4em;font-size: 1.4rem;}
.option .block .price {margin-top: 25px;padding: 25px 35px;width: 100%;display: block;font-size: 1.4rem;text-align: right;background-color: #E8F1F4;}
.option .block .price span {font-size: 3rem;margin: 0 10px 0 20px;}
.option .caution {display: block;text-align: right;font-size: 1.2rem;margin-top: 10px;margin-bottom: 50px;}
@media screen and (max-width: 1023px) {
    .option {margin-bottom: 50px;}
    .option .block .option-slider  {margin: 0 -300px;padding-bottom: 50px;}
    .option .block .option-slider .slider-next {font-size: 2.1rem;position: absolute; top: 50%;right: 300px;z-index:99;margin-top: -25px;padding-left:15px;line-height: 41px;width: 40px;height: 40px;margin-top: -40px;}
    .option .block .option-slider .slider-prev {font-size: 2.1rem;position: absolute; top: 50%;left: 300px;z-index:99;margin-top: -25px;padding-left:10px;line-height: 41px;width: 40px;height: 40px;margin-top: -40px;}
    .option .block {padding-bottom: 100px;}
    .option .block h2 {font-size: 1.4rem;line-height: 2.2em;letter-spacing: 1px;margin-bottom: 40px;}
    .option .block h2 span {font-size: 1.1rem;line-height: 1.8em;}
    .option .block h3 {font-size: 1.2rem;margin-bottom: 20px;}
    .option .block h4 {font-size: 1.4rem;margin-top:8px;padding-top: 20px;margin-bottom: 20px;padding-left: 20px;}
    .option .block .dinner {font-size: 1.4rem;}
    .option .block .text {line-height: 2.2em;font-size: 1.3rem;}
    .option .block .price {margin-top: 20px;padding: 20px 30px;font-size: 1.3rem;}
    .option .block .price span {font-size: 2.4rem;margin: 0 10px 0 20px;}
}
@media screen and (max-width: 767px) {
    .option {margin-bottom: 50px;}
    .option .block .option-slider  {margin: 0px;padding-bottom: 25px;}
    .option .block .option-slider .option-next {font-size: 1.6rem;right: 0px;padding-left:12px;line-height: 30px;width: 30px;height: 30px;margin-top: -30px;}
    .option .block .option-slider .option-prev {font-size: 1.6rem;left: 0px;padding-left:9px;line-height: 30px;width: 30px;height: 30px;margin-top: -30px;}
    .option .block .container-sm.mB50 {margin-bottom: 0px;padding-bottom: 40px;}
    .option .block {padding-bottom: 100px;}
    .option .block h2 {font-size: 1.4rem;line-height: 2.2em;letter-spacing: 1px;margin-bottom: 40px;}
    .option .block h2 span {font-size: 1.1rem;}
    .option .block h3 {font-size: 1.1rem;margin-bottom: 20px;letter-spacing: 0;}
    .option .block h4 {font-size: 1.2rem;margin-top:8px;padding-top: 20px;margin-bottom: 20px;padding-left: 20px;margin-top: 40px;}
    .option .block .dinner {margin: 0 -20px 20px;padding: 25px 0px;text-align: center;}
    .option .block .text {line-height: 2.2em;font-size: 1.2rem;}
    .option .block .price {width: auto;margin: 40px -20px 0;padding: 20px 30px;font-size: 1.1rem;}
    .option .block .price span {font-size: 2.1rem;margin: 0 5px 0 10px;}
    .option .block .option-pagination {margin-bottom: 25px;}
    .option .block .swiper-pagination-bullet {height: 8px;width: 8px;background-color:#eee;margin: 0 10px;opacity: 1;}
}

.event figure {width: 500px;margin: 150px auto;}
@media screen and (max-width: 1023px) {
    .event figure {width: 300px;margin: 120px auto 100px;}
}
@media screen and (max-width:767px) {
    .event figure {width: 200px;margin: 100px auto 40px;}
}

.activity {padding: 100px 0px 0;}
.activity figure {margin-bottom: 25px;}
.activity .inner {padding: 0 25px;}
.activity h2 {margin-bottom: 20px;font-size: 1.8rem;letter-spacing: 2px;}
.activity h3 {margin-bottom: 35px;font-size: 1.2rem;color: #666;line-height: 2.0em;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.activity ul {margin-bottom: 15px;font-size: 1.3rem;}
.activity .btn {float: right;}
@media screen and (max-width: 1023px) {
    .activity figure {margin-bottom: 20px;}
    .activity .inner {padding: 0 20px;}
    .activity h2 {margin-bottom: 15px;font-size: 1.6rem;letter-spacing: 2px;}
    .activity h3 {margin-bottom: 15px;font-size: 1.1rem;}
    .activity ul {margin-bottom: 10px;font-size: 1.2rem;}
}
@media screen and (max-width: 767px) {
    .activity figure {margin:0 -20px 30px;}
    .activity .inner {padding: 0 20px 40px;}
    .activity h2 {margin-bottom: 15px;font-size: 1.6rem;letter-spacing: 2px;}
    .activity h3 {margin-bottom: 15px;font-size: 1.2rem;}
    .activity ul {margin-bottom: 10px;font-size: 1.2rem;}
}

/* price */
.priceList {background-color: #E8F1F4;padding: 50px 0;margin-bottom: 100px;}
.priceList .inner {margin: 0 auto;width: 600px;}
.priceList h2 {text-align: center;font-size: 2rem;}
.priceList h2 span {position: relative;position: relative;padding: 0 35px;}
.priceList h2 span::before {content: '';display: block;width: 25px;height: 1px;background-color: #000;position:absolute;left: -20px; top: 50%;}
.priceList h2 span::after {content: '';display: block;width: 25px;height: 1px;background-color: #000;position:absolute;right: -20px; top: 50%;}
.priceList ul {margin-top: 35px;}
.priceList ul li {height: 70px;line-height: 70px;display: block;position: relative;letter-spacing: 2px;}
.priceList ul li::before {content:'';width: 100%;height: 1px;display: block;background-color: #FFF;position: absolute;left: 0;top: 50%;}
.priceList ul li h3 {display: block;background-color: #E8F1F4;font-size: 1.6rem;position: absolute;left: 0;top: 0;height: 70px;padding-right: 25px;}
.priceList ul li p {display: block;background-color: #E8F1F4;font-size: 1.4rem;position: absolute;right: 0;top: 0;height: 70px;padding-left: 25px;}
.priceList ul li p span {font-size: 2.4rem;margin:0 10px 0 20px;}
@media screen and (max-width: 1023px) {
    .priceList {background-color: #E8F1F4;padding: 40px 0;margin-bottom: 50px;}
    .priceList .inner {margin: 0 auto;width: 500px;}
    .priceList h2 {text-align: center;font-size: 1.8rem;}
    .priceList h2 span {position: relative;position: relative;padding: 0 25px;}
    .priceList ul {margin-top: 25px;}
    .priceList ul li {height: 60px;line-height: 60px;}
    .priceList ul li h3 {font-size: 1.5rem;height: 60px;padding-right: 20px;}
    .priceList ul li p {font-size: 1.3rem;height: 60px;padding-left: 20px;}
    .priceList ul li p span {font-size: 2.1rem;margin:0 5px 0 15px;}
}
@media screen and (max-width: 767px) {
    .priceList {background-color: #E8F1F4;padding: 30px 25px;margin-bottom: 50px;}
    .priceList .inner {margin: 0;width:auto;}
    .priceList h2 {text-align: center;font-size: 1.6rem;}
    .priceList h2 span {position: relative;position: relative;padding: 0 20px;}
    .priceList ul {margin-top: 25px;}
    .priceList ul li {height: 60px;line-height: 60px;}
    .priceList ul li h3 {font-size: 1.2rem;height: 60px;padding-right: 15px;}
    .priceList ul li p {font-size: 1rem;height: 60px;padding-left: 15px;}
    .priceList ul li p span {font-size: 1.6rem;margin:0 2px 0 10px;}
}

/* infoList */
.infoList {margin: 100px 0;}
.infoList ul {margin: 0 -10px;padding-bottom: 20px;}
.infoList ul li {width: 50%;padding: 0 10px;display: block;float: left;}
.infoList ul li a {line-height:50px;display: block;text-align: center;font-size: 1.6rem;color: #0A162D;border: 1px solid #0A162D;position: relative;}
.infoList ul li a:hover {background-color: #0A162D; color: #fff;}
.infoList ul li a .fa-chevron-right {position: absolute; top: 50%;margin-top: -8px;right: 20px;}
@media screen and (max-width: 1023px) {
	.infoList ul li a {line-height:40px;font-size: 1.4rem;color: #0A162D;}
}
@media screen and (max-width: 767px) {
    .infoList ul {margin: 0 0px;padding-bottom: 20px;}
    .infoList ul li {width: 100%;padding: 0px;display: block;float: none;margin-bottom: 15px;}
	.infoList ul li a {line-height:40px;font-size: 1.3rem;color: #0A162D;}
}

.infoList.detail {margin: 100px 0 0;}
.infoList .item {transition: all .3s ease;-webkit-transition:all .3s ease;}
.infoList .item a {color: #222;}
.infoList .item a figure {margin-bottom: 25px;overflow: hidden;position: relative;}
.infoList .item a figure.gray {background-color: #0A162D;}
.infoList .item a figure span.new {position: absolute;top: 20px;right: 0;width: 70px;height: 20px;font-size: 1.3rem;display: block;background-color: #7A6E0F;color: #fff;line-height: 20px;text-align: center;}
.infoList .item a figure::before {position: absolute;top: 0;left: -60%;z-index: 0;content: '';width: 180%;height: 105%;background:rgba(255,255,255,0.5);transform-origin: right top;transform: skewX(30deg) scale(0, 1);transition: transform .3s;-webkit-transition:transform .3s ease;}
.infoList .item a:hover figure::before {  transform-origin: left top;transform: skewX(30deg) scale(1, 1);z-index: 999;}
.infoList .item a h2 {margin-bottom: 15px;font-size: 1.6rem;letter-spacing: 2px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .3s ease;-webkit-transition:all .3s ease;}
.infoList .item a h3 {margin-bottom: 10px;color: #666;font-size: 1.3rem;line-height: 2em;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .3s ease;-webkit-transition:all .3s ease;}
.infoList .item a p {margin: 0;padding: 0;width: 100%;height: 30px;line-height: 30px;display: block;position: relative;}
.infoList .item a p .cat {font-size: 1.4rem;color: #7A6E0F;height:30px;position: absolute;left: 0;top: 0;display: block;}
.infoList .item a p .date {font-size: 1.3rem;height: 30px;position: absolute;right: 0;top: 0;display: block;}
.infoList .item:hover {background-color: #fff;box-shadow: 0px 0px 20px 0.5px rgba(0,0,0,0.1);position: relative;z-index: 99;}
.infoList.video {overflow: inherit;min-height: auto;height: auto;padding-bottom: 0;}
.infoList.video .item a figure .main {opacity: 0.5;}
.infoList.video .item a figure .play {width: 80px;height: 91px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.infoList.video .item a .fa-youtube {color: #c4302b;margin-right: 10px;}
@media screen and (max-width: 1023px) {
    .infoList {margin: 75px 0 60px;min-height: auto;padding-bottom: 0;}
    .infoList.detail {margin: 75px 0 0;}
    .infoList .container-sm {margin-top: -25px;}
    .infoList .item a figure {margin-bottom: 20px;}
    .infoList .item a h2 {margin-bottom: 10px;font-size: 1.3rem;}
    .infoList .item a h3 {margin-bottom: 5px;font-size: 1.1rem;}
    .infoList .item a p {height: 25px;line-height: 25px;}
    .infoList .item a p .cat {font-size: 1.3rem;height:25px;}
    .infoList .item a p .date {font-size: 1.2rem;height: 25px;}
    .infoList .item:hover {box-shadow:none;}
    .infoList.video .flexWrap {min-height: auto;padding-bottom: 0;margin-bottom: 0;}
    .infoList .item a figure span.new {letter-spacing: 0.5px; position: absolute;top: 0px;right: 0;width: 40px;height: 15px;font-size: 1rem;display: block;background-color: #7A6E0F;color: #fff;line-height: 16px;text-align: center;}
}
@media screen and (max-width: 767px) {
    .infoList {margin: 40px 0 60px;}
    .infoList.detail {margin: 60px 0 0;}
    .infoList .container-sm {margin: 0;width: auto;}
    .infoList .item {margin: 0;padding: 0;}
    .infoList .item a {padding-left: 140px;position: relative;display: block;margin-bottom: 20px;}
    .infoList .item a figure {margin-bottom: 0px;width: 120px;position: absolute; top: 0;left: 0;}
    .infoList .item a h2 {margin-bottom: 10px;font-size: 1.2rem;letter-spacing: 0px;}
    .infoList .item a h3 {display: none;}
    .infoList .item a p {margin-bottom: 10px;height: 20px;line-height: 20px;display: block;position: relative;}
    .infoList .item a p .cat {font-size: 1.2rem;color: #7A6E0F;height:20px;position: relative;left: inherit;top: inherit;display: inline-block;}
    .infoList .item a p .date {font-size: 1.1rem;height: 20px;position: relative;right: inherit;top: inherit;display: inline-block;margin-left: 15px;}

    .infoList.video {}
    .infoList.video .container-sm {margin: 0;width: auto;min-height: auto;height: auto;}
    .infoList.video .item {margin-bottom: 35px;}
    .infoList.video .item a {padding-left: 0px;position: relative;display: block;margin-bottom: 0px;}
    .infoList.video .item a figure {margin-bottom:10px;width: 100%;position:relative; top: inherit;left: inherit;}
    .infoList.video .item a figure .play {width: 60px;height: 68px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    .infoList.video .item a h3 {display: block;} 
}

/* campNav */
.campNav {padding-top: 50px;padding-bottom: 0px;}
.campNav .container-sm {border-bottom: 1px solid #ddd;padding-bottom: 35px;}
.campNav ul {margin: 0px -15px;}
.campNav ul li {width: 50%;padding: 15px;}
.campNav ul li a {padding:15px 15px 35px;background-color: #fff;color: #0A162D;display: block;transition: all .5s ease;-webkit-transition:all .5s ease;}
.campNav ul li a h2 {font-size: 1.6rem;text-align: center;line-height: 1em;margin-top: 35px;}
.campNav ul li a h2 span {display: block;margin-top: 15px;font-size: 1rem;color: #7A6E0F;}
.campNav ul li a:hover {background-color: #fff;box-shadow: 0px 0px 20px 0.5px rgba(0,0,0,0.1);position: relative;z-index: 99;}
@media screen and (max-width: 1023px) {
    .campNav {padding-top: 25px;}
    .campNav .container-sm {padding-bottom: 20px;}
    .campNav ul {margin: 0px -10px;}
    .campNav ul li {width: 50%;padding: 10px;}
    .campNav ul li a {padding:10px 10px 30px;}
    .campNav ul li a h2 {font-size: 1.3rem;letter-spacing: 0px;text-align: center;line-height: 1em;margin-top: 25px;}
}
@media screen and (max-width: 767px) {
    .campNav {padding-top: 25px;}
    .campNav .container-sm {padding-bottom: 10px;}
    .campNav ul {margin: 0px;}
    .campNav ul li {width: 100%;padding: 0px;margin-bottom: 15px;}
    .campNav ul li a {position: relative;padding:0px;padding-left: 130px;height:80px;}
    .campNav ul li a figure {position: absolute;top: 0;left: 0;width: 120px;}
    .campNav ul li a h2 {font-size: 1.4rem;text-align: left;line-height: 1em;margin-top:0;padding-top: 20px;}
    .campNav ul li a h2 span {display: block;margin-top: 15px;font-size: 1rem;color: #7A6E0F;margin-left: 3px;}
    .campNav ul li a:hover {background-color: #fff;box-shadow: 0px 0px 20px 0.5px rgba(0,0,0,0.1);position: relative;z-index: 99;}
}

/* pageNav */
.pageNav {padding-top:25px;}
.pageNav ul {margin: 0 -15px;}
.pageNav hr {height: 0;margin: 25px 0;padding: 0;border: 0;border-bottom: 1px solid #ddd;}
.pageNav ul li {width: 33.3333%;padding:15px;}
.pageNav ul li a {position: relative;background-color: #fff;color: #0A162D;display: block;line-height: 68px;border: 1px solid #0A162D;padding: 0 25px;height: 70px;font-size: 1.3rem;transition: all .5s ease;-webkit-transition:all .5s ease;}
.pageNav ul li a span {margin-left: 15px;font-size: 1rem;color: #7A6E0F;}
.pageNav ul li a .fa-chevron-right {position: absolute; top: 50%;right: 20px;margin-top: -6px;transition: all .5s ease;-webkit-transition:all .5s ease;}
.pageNav ul li a:hover .fa-chevron-right {right: 15px;color: #0A162D;}
.pageNav ul li a:hover {background-color:#E8F1F4;color: #0A162D;}
@media screen and (max-width: 1023px) {
    .pageNav {padding: 50px 0px 0;}
    .pageNav ul {margin: 0 -10px;}
    .pageNav ul li {width: 50%;padding:10px;}
    .pageNav ul li a {padding: 0 20px;font-size: 1.2rem;line-height: 58px;height: 60px;}
}
@media screen and (max-width: 767px) {
    .pageNav {padding-top: 50px;}
    .pageNav hr {height: 0;margin: 10px -5px 20px;padding: 0;border: 0;border-bottom: 1px solid #ddd;}
    .pageNav ul {display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;flex-wrap: wrap;flex-wrap:-webkit-wrap;-ms-flex-wrap: wrap;}
    .pageNav ul li {width: 50%;padding:0 5px 10px;}
    .pageNav ul li a {font-size: 1rem;line-height: 38px;border: 1px solid #0A162D;padding: 0 15px;height: 40px;}
    .pageNav ul li a span {display: none;}
    .pageNav ul li a .fa-chevron-right {right: 10px;margin-top: -6px;}
    .pageNav ul li a:hover .fa-chevron-right {right: 10px;}
}

.access {padding-top: 100px;}
.access .btn {margin: -16px auto 0;}
.access .title {color:#7A6E0F;}
.access .container-sm {padding-top: 75px;padding-bottom: 75px;color: #0A162D;text-align: center;font-size: 1.3rem;}
.access .container-sm .address {font-size: 1.8rem;margin-bottom: 25px;}
.access .inner{opacity: 0;}
.access.active .inner{-webkit-animation: btmin 1s forwards;animation: btmin 1s forwards;}
@media screen and (max-width: 1279px) {
    .access .container-sm {font-size: 1.2rem;}
    .access .container-sm .address {font-size: 1.6rem;}
}
@media screen and (max-width: 1023px) {
    .access {padding-top: 75px;}
    .access .container-sm {font-size: 1.1rem;padding-bottom: 25px;}
    .access .container-sm .address {font-size: 1.5rem;}
}
@media screen and (max-width: 767px) {
    .access {padding-top: 50px;}
    .access .container-sm {padding-top: 50px;padding-bottom: 0px;font-size: 1rem;text-align: left;}
    .access .container-sm .address {font-size: 1.3rem;text-align: center;}
    .access .container-sm .root {padding: 0 15px;}
    .access .container-sm .root br {display:none;}
}

#campfieldList {padding-bottom: 50px;}
#campfieldList .flexWrap figure {background-color: #333;margin-bottom: 50px;position: relative;}
#campfieldList .flexWrap figure::before {content: '';height: 15px;width: 1px;display: block;position: absolute;left: 50%;bottom: -15px;background-color:#0A162D;}
#campfieldList .flexWrap .inner {max-width: 420px;margin: 0 auto;}
#campfieldList .flexWrap h2 {font-size: 1.7rem;line-height: 1.8em;margin-bottom:10px;text-align: center;}
#campfieldList .flexWrap p {font-size: 1rem;line-height: 1em;margin-bottom: 25px;color:#7A6E0F;letter-spacing: 2px;text-align: center;}
#campfieldList .flexWrap h3 {font-size: 1.2rem;line-height: 2.2em;margin-bottom: 10px;text-align: center; border-bottom: 1px solid #ddd;padding-bottom: 10px;}
#campfieldList .flexWrap h4 {font-size: 1.2rem;line-height: 2.2em;height: 75px;margin-bottom: 35px;}
#campfieldList .flexWrap h5 {height: 40px;border-radius: 20px;-webkit-border-radius: 20px;background-color: #7A6E0F;text-align: center;color: #FFF;line-height: 40px;}
#campfieldList .flexWrap .btn {margin: 0 auto 75px;}
@media screen and (max-width: 1279px) {
    #campfieldList .flexWrap .inner {padding: 0 25px;}
    #campfieldList .flexWrap h2 {font-size: 1.6rem;line-height: 1.8em;}
    #campfieldList .flexWrap p {letter-spacing: 1px;}
    #campfieldList .flexWrap h3 {font-size: 1.1rem;}
    #campfieldList .flexWrap h4 {font-size: 1.1rem;}
    #campfieldList .flexWrap h5 {font-size: 1.2rem;}
}
@media screen and (max-width: 1023px) {
    #campfieldList {padding-bottom: 0px;}
    #campfieldList .flexWrap {padding: 0 15px;}
    #campfieldList .flexWrap .item {width: 50%;}
    #campfieldList .flexWrap figure {margin-bottom: 25px;}
    #campfieldList .flexWrap figure::before {content:none;}
    #campfieldList .flexWrap .inner {}
    #campfieldList .flexWrap h2 {font-size: 1.8rem;line-height: 1.8em;text-align: left;height: auto;padding-top: 0px;}
    #campfieldList .flexWrap h2 br {display: none;}
    #campfieldList .flexWrap p {letter-spacing: 1px;text-align: left;}
    #campfieldList .flexWrap h3 {font-size: 1.1rem;;text-align: left;}
    #campfieldList .flexWrap h4 {font-size: 1.1rem;text-align: left;height: auto;margin-bottom: 50px;}
    #campfieldList .flexWrap h5 {font-size: 1.2rem;border-radius: 0 20px 20px 0;margin-top: -20px;}
    #campfieldList .flexWrap .btn {margin: 0;float: right;}
}
@media screen and (max-width: 767px) {
    #campfieldList {padding-top: 50px;}
    #campfieldList .flexWrap {padding: 0px;}
    #campfieldList .flexWrap .item {width: 100%;float: none;}
    #campfieldList .flexWrap figure {width:auto;margin-left: 0px;float: none;margin-bottom: 35px;}
    #campfieldList .flexWrap .inner {padding: 0px;padding: 0 40px 50px;margin: 0;min-height:auto;display: block;}
    #campfieldList .flexWrap h2 {font-size: 1.6rem;line-height: 1.8em;text-align: left;height: auto;padding-top: 0px;margin-bottom: 10px;}
    #campfieldList .flexWrap p {letter-spacing: 1px;}
    #campfieldList .flexWrap h4 {font-size: 1.1rem;margin-bottom:35px;}
    #campfieldList .flexWrap h5 {font-size: 1.2rem;border-radius:20px;margin-top: -10px;}
    #campfieldList .flexWrap .btn {margin: 0 0 50px;float: right;}
}

.socialWrap {padding: 100px 0;}
.socialWrap .item a {text-align: center;border: 1px solid #0A162D;color: #0A162D;display: block;font-size: 6rem;padding: 50px 0;}
.socialWrap .item a p {font-weight: bold;margin-top: 25px;font-size: 1.4rem;letter-spacing: 2px;line-height: 1;}
.socialWrap .item a:hover {background-color:#0A162D; color: #fff;}
@media screen and (max-width: 767px) {
    .socialWrap {padding: 50px 0 0;}
    .socialWrap .item {}
    .socialWrap .item a {font-size: 4.8rem;padding: 25px 0;margin-bottom: 25px;}
    .socialWrap .item a p {margin-top: 10px;font-size: 1.3rem;letter-spacing: 1px;}
}

.applyBox{
    background:#e8f1f4;
    text-align: center;
    padding:25px;
}

.applyBox .check{
    display: block;
}

.applyBox .check input[type="checkbox"]{
    vertical-align: middle;
    margin-right:5px;
}

.applyBox  .reserveBtn{
    width: 200px;
    height: 44px;
    color: #fff;
    display: block;
    background-color: #737a88;
    line-height: 44px;
    text-align: center;
    border-radius:30px;
    margin-top:30px;
}

@media screen and (max-width: 767px) {
    .applyBox  .reserveBtn{
        margin:0 auto;
        margin-top:30px;
    }
}

.applyBox  .reserveBtn.active{
    background:#0a162d;

}

.guide h1 .sub{
    font-size:1.6rem;
    margin-top:10px;
}

.reserveCorner{
    padding-bottom:100px;
}


@media screen and (max-width: 767px) {
.single-post .pctab{
display: none;
}
}