@charset "utf-8";
/*============================
#tent
============================*/
section#tent {}
section#tent p.cntents-head_icon {}
section#tent p.cntents-head_icon img {}
section#tent h3.cntents-head_h3 {}
section#tent p.cntents-head_det {}
section#tent dl.tent_inout {display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto 20px;}
section#tent dl.tent_inout dt,
section#tent dl.tent_inout dd {margin: 0 0 10px;}
section#tent dl.tent_inout dt {width: 21%;/* background: cadetblue; */border-bottom: 1px solid #EEEEEE;font-weight: bold;padding: 0 0 0 12px;font-size: 14px;}
section#tent dl.tent_inout dd {width: 76%;border-bottom: 1px solid #EEEEEE;/* background: #8bc34a; */}
section#tent div.tent_basic {border: 1px solid #000000;text-align: center;margin: 0 auto 14px;}
section#tent div.tent_basic p {text-align: center;padding: 6px 0 6px;font-size: 20px;}
section#tent div.tent_basic p.ttl {background-color: #000000;color: #FFFFFF;letter-spacing: 2.5px;}
section#tent div.tent_basic p.det {text-align: center;padding: 36px 0;font-weight: bold;}
section#tent div.tent_basic p.det span {font-size: 14px;font-weight: normal;padding: 10px 0 0;display: block;}
section#tent div.tent_op {margin: 0 auto 45px;}
section#tent div.tent_op p.midashi {border-bottom: 1px solid #000000;font-weight: bold;margin: 0 0 9px;font-size: 16px;}
section#tent div.tent_op p {font-size: 13px;line-height: 2.0;}

/* #carsite */
section#tent div#carsite {background-color: #F1EEE5;background-image: url(img/01/map_pc@2x.jpg);background-repeat: no-repeat;background-position: bottom right;background-size: 50%;width: 980px;height: 480px;margin-bottom: 47px;}
section#tent div#carsite .carsite_inner {width: 100%;max-width: 360px;margin: 0 0 0 4em;padding-top: 4em;}
section#tent .plan_txt{margin: 60px auto; text-align: center;}

/* #car_info */
section#tent div#car_info{}
section#tent div#car_info ul{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 1rem;}
section#tent div#car_info ul li{width: 46.6%;}
section#tent div#car_info ul li p{margin: 0.8em 0 2em;font-size: 16px;line-height: 1.8;}
section#tent div#car_info ul li p span{display: inline-block;margin-bottom: 0.2em;font-size: 20px;font-weight: bold;}

/**/
section#tent div.cols {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
section#tent div.cols > div {width: 30.5%;margin-bottom: 2em;position: relative;}
/**/
section#tent div.cols p.midashi {font-weight: bold;font-size: 18.5px;margin: 12px 0 5px;}
section#tent div.cols dl.tent_dtl {display: flex;flex-wrap: wrap;}
section#tent div.cols dl.tent_dtl dt,
section#tent div.cols dl.tent_dtl dd {margin: 0 0 5px;font-size: 14px;}
section#tent div.cols dl.tent_dtl dt {width: 30%;border-bottom: 1px solid #EEEEEE;font-weight: bold;}
section#tent div.cols dl.tent_dtl dd {width: 70%;border-bottom: 1px solid #EEEEEE;}
section#tent div.cols dl.tent_dtl + p {font-size: 13px;line-height: 1.8;margin: 10px 0 0;}
/**/
section#tent .btn-reserve {margin-top: 0;margin-bottom: 90px;}

/*============================
#charges
============================*/
section#charges{}
section#charges p.ttl_middle {margin: 0 0 9px;border-bottom: 1px solid #000000;font-size: 20px;font-weight: bold;text-align: center;}
section#charges .calendar_img{width: 980px;margin: auto;}
section#charges .calendar_img img{max-width: 300px;margin: 0 10px;}
section#charges .calendar_img .slick-prev{left: -15px!important;}
section#charges .calendar_img .slick-next {right: -15px!important;}
section#charges .charges_info{margin: 40px auto;}
section#charges .charges_info table{width: 316px;margin: 0 auto;font-size: 14px;line-height: 2.5;}
section#charges .charges_info table th{font-weight: normal;width: 36px;border-bottom: 1px solid #fff;}
section#charges .charges_info table th.th_top{padding: 0.5em 0; background: #999;color: #fff;}
section#charges .charges_info table th.th_a{background: #d6efff;}
section#charges .charges_info table th.th_b{background: #ace58c;}
section#charges .charges_info table th.th_c{background: #fefa00;}
section#charges .charges_info table th.th_d{background: #fecaf7;}
section#charges .charges_info table th.th_e{background: #cac4e9;}
section#charges .charges_info table th.th_f{background: #fdc900;}
section#charges .charges_info table th.th_g{background: #974706; color:#FFF;}
section#charges .charges_info table td{width: 280px;background: #eee;text-align: center; vertical-align: middle;border-left: 1px solid #fff;border-bottom: 1px solid #fff;}

section#charges .charges_info.table_icon{width: 980px;margin: 1.5em auto 0.8em;padding-left: 12px;}
section#charges .charges_info.table_icon table{width: 300px;margin: 0;border: 1px solid #000;line-height: 2.2;}
section#charges .charges_info.table_icon table th{border-left: 1px solid #000;border-bottom: 0;}
section#charges .charges_info.table_icon table th.th_a{border-left: none;}

section#charges .charges_info .charges_info_txt{max-width: 500px;margin: 30px auto;padding-left: 1em;text-indent: -1em;}

/*============================
#bbq_menu
============================*/
section#bbq_menu {margin: 0 auto 60px;}

/*.bbq_menu_other*/
section#bbq_menu div.bbq_menu_other {margin: 0 0 60px;}
section#bbq_menu div.bbq_menu_other h3.cntents-head_h3 {margin: 0 0 30px;}
section#bbq_menu div.bbq_menu_other h3.cntents-head_h3 .small{font-size: 20px;}
section#bbq_menu div.bbq_menu_other div.spc {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 0 0 2em 290px;width: 460px;}
section#bbq_menu div.bbq_menu_other div.spc p.spc_ttl {width: 100%;font-weight: bold;font-size: 20px;padding-bottom: 18px;}
section#bbq_menu div.bbq_menu_other div.spc img {width: 43%;height: 100%;}
section#bbq_menu div.bbq_menu_other div.spc p.spc_txt {width: 53%;padding: 0 0 0;margin: -8px 0 0;line-height: 1.9;}



/*sp*/
@media screen and (max-width: 960px) {
/*============================
#tent
============================*/
section#tent {}
section#tent p.cntents-head_icon {padding-top: 13vw;}
section#tent p.cntents-head_icon img {}
section#tent h3.cntents-head_h3 {}
section#tent p.cntents-head_det {width: 87%;margin: 0 auto 5vw;text-align: left;}
section#tent dl.tent_inout {}
section#tent dl.tent_inout dt,
section#tent dl.tent_inout dd {padding: 0vw 1vw 1vw 0;font-size: 3.2vw;margin: 0 0 2.2vw;}
section#tent dl.tent_inout dt {width: 36%;}
section#tent dl.tent_inout dd {width: 64%;padding-left: 0;padding-right: 0;}
section#tent div.tent_basic {margin-bottom: 6vw;}
section#tent div.tent_basic p {font-size: 3.8vw;}
section#tent div.tent_basic p.ttl {}
section#tent div.tent_basic p.det {text-align: left;font-size: 5.4vw;line-height: 1.5;padding: 6vw 6vw;}
section#tent div.tent_basic p.det span {font-size: 3.5vw;padding: 2vw 0 0;}
section#tent div.tent_op {}
section#tent div.tent_op p.midashi {font-size: 3.5vw;margin-bottom: 1vw;padding-bottom: 1vw;}
section#tent div.tent_op p {line-height: 1.7;}

/* #carsite */
section#tent div#carsite {width: 100%;height: 192vw;background-size: 100%;background-image: url(img/01/map_sp.jpg);}
section#tent div#carsite .carsite_inner {margin: auto;padding-top: 10.6; width: 73%;max-width: none;}
section#tent div#carsite .carsite_inner p.align-c {font-size: 5.5vw;padding: 13vw 0 5vw 0;}
section#tent div#carsite .carsite_inner dl {font-size: 3.8vw;}
section#tent div#carsite .carsite_inner dl a {margin-bottom: 3.2vw;}
section#tent div#carsite .carsite_inner dl a dt {padding: 2vw;}
section#tent div#carsite .carsite_inner dl a dt div.maru {height: 6vw;width: 6vw;margin: 0 3vw 0 1vw;}

section#tent .plan_txt{margin: 9% 0; font-size: 4vw;line-height: 2;}

/* #car_info */
section#tent div#car_info{}
section#tent div#car_info ul{display: block;}
section#tent div#car_info ul li{width: 73%;margin: auto;}
section#tent div#car_info ul li p{margin: 0.8em 0 1.6em;font-size: 4vw;}
section#tent div#car_info ul li p span{font-size: 5.33vw;line-height: 1.5;}

/**/
section#tent div.cols {}
section#tent div.cols > div {width: 74%;/* background: cadetblue; */margin: 0 auto 9vw;}
/**/
section#tent div.cols p.midashi {font-size: 5vw;margin: 4vw 0 4vw;}
section#tent div.cols dl.tent_dtl {}
section#tent div.cols dl.tent_dtl dt,
section#tent div.cols dl.tent_dtl dd {margin: 0 0 3vw;font-size: 3vw;}
section#tent div.cols dl.tent_dtl dt {}
section#tent div.cols dl.tent_dtl dd {}
section#tent div.cols dl.tent_dtl + p {font-size: 3.5vw;}
/**/
section#tent .btn-reserve {margin-top: 0;margin-bottom: 28%;}

/*============================
#charges
============================*/
section#charges{}
section#charges h3.cntents-head_h3{line-height: 1.4;}
section#charges p.ttl_middle {width: 86.67%; margin: 0 auto 5%;font-size: 5vw;padding-bottom: 2%;}
section#charges .calendar_img{width: 73.33%;margin: auto;}
section#charges .calendar_img img{margin: 0;}
section#charges .calendar_img .slick-prev{left: -7vw!important;}
section#charges .calendar_img .slick-next {right: -7vw!important;}
section#charges .charges_info{margin: 5vw auto;}
section#charges .charges_info table{width: 73.33%;font-size: 3.5vw;}
section#charges .charges_info table th{width: auto;background: #999;}
section#charges .charges_info table th.th_a{width: 18%;}
/**/
section#charges .charges_info table th.th_top{padding: 0.5em 0;}

section#charges .charges_info table td{width: 280px;background: #eee;text-align: center; vertical-align: middle;}
section#charges .charges_info.table_icon{width: 73.33%;margin: 1.5em auto 0.8em;padding-left: 0;}
section#charges .charges_info.table_icon table{width: 100%;margin: 0;}

section#charges .charges_info .charges_info_txt{width: 73%;}

/*============================
#bbq_menu
============================*/
section#bbq_menu {margin-bottom: 13vw;}



}


/*タブレット用補助*/
@media screen and (min-width: 600px) and (max-width: 960px) {
}


/*============================
granpingcar
============================*/
div#kv {background-image: url(/glamping/glampingcar/img/01/kv_glamcar@1.5x.jpg);background-position: center -15vw;}
section#lead h2 img {height: 50px;}
section#tent p.midashi_det{border-bottom: 1px solid #000000;font-weight: bold;margin: 0 auto 9px;font-size: 16px;}
section#tent dl.tent_inout dd {width: 79%;}
section#bbq_menu div.attention{max-width: 720px;}

/* sp */
@media screen and (max-width: 960px) {
div#kv {background-position: center -8vw;}
section#lead h2 img{height:17.47vw;}
section#tent p.midashi_det{padding-bottom: 1%;font-size: 3.5vw;}
section#tent dl.tent_inout dd {width: 64%;}

/*.bbq_menu_other*/
section#bbq_menu div.bbq_menu_other {margin-bottom: 16vw;}
section#bbq_menu div.bbq_menu_other p.cntents-head_icon{padding-top: 20vw;}
section#bbq_menu div.bbq_menu_other h3.cntents-head_h3 {}
section#bbq_menu div.bbq_menu_other h3.cntents-head_h3 span{font-size: 4vw;}
section#bbq_menu div.bbq_menu_other h3.cntents-head_h3 .small{font-size: 4vw;}
section#bbq_menu div.bbq_menu_other div.spc {width: 86%;margin: 0 auto 9vw;}
section#bbq_menu div.bbq_menu_other div.spc p.spc_ttl {font-size: 4.1vw;}
section#bbq_menu div.bbq_menu_other div.spc img {width: 46%;}
section#bbq_menu div.bbq_menu_other div.spc p.spc_txt {width: 50%;line-height: 1.78;}

}/* sp end */