/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
body{
	font-family: "Noto Sans TC", sans-serif;
	font-weight: 400;
}
/*all bg*/
.container{
	background: url(../img/all_bg.jpg) center repeat;
	position: relative;
	overflow: hidden;
}
.container::before{
	content: '';
	background: url(../img/all_laef.png) top left no-repeat;
	background-size: contain;
	width: 450px;
	height: 912px;
	position: absolute;
	top: -200px;
	right: -20px;
	z-index: -1;
	animation: leaf_bg 5s infinite;
	transform-origin: right top;
}
@media (max-width:768px) {
.container::before{background-size: contain;width: 30vw;height: 70vw;right: -20px;top: -30vw;}
}
/*all banner*/
.mainPagePic {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50vw;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.mainPagePic h2{
	position: initial;
	transform: none;
	font-family: "Noto Serif TC", serif;
	font-size: 42px;
	font-weight: 400;
	letter-spacing: 0.16em;
	writing-mode: vertical-rl;
	position: relative;
	top: auto;
	left: auto;
	padding: 0;
}
.mainPagePic h2::after{
	display: block;
	margin: 0;
	width: auto;
	height: auto;
	background: none;
	font-family: "Josefin Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: normal;
	position: absolute;
	top: 0;
	bottom: auto;
	left: auto;
	right: -10px;
}
/* .mainPagePic h2 {display:none; } */
@media (max-width:768px) {
.mainPagePic{min-height: 60vw;}
.mainPagePic h2{font-size: 38px;}
}
@media (max-width:500px) {
.mainPagePic{min-height: 75vw;}
.mainPagePic h2{font-size: 34px;}
}
@media (max-width:375px) {
.mainPagePic h2{font-size: 30px;}
}
	
/*promotions_index */
body.promotions-page .mainPagePic{
	background-image: url(../img/news_ban.jpg);
}
body.promotions-page .mainPagePic h2::after{
	content: 'News';
}

/*other-select-page*/
body.other-select-page {}
body.other-select-page .mainPagePic {}

/*other_page*/
body.other-page .mainPagePic {}
body.other-page .stepImg {}

/*camp-page*/
body.camp-page .mainPagePic {
	background-image: url(../img/glamping_ban.jpg);
}
body.camp-page .mainPagePic h2::after{
	content: 'Glamping Site';
}

/*campOrder.php*/

/*map_index*/
body.map-page .mainPagePic {}

/*camp-page*/
body.camp-page .mainPagePic {}

/*campCalendar*/
body.order-page .mainPagePic,body.order_finish_page .mainPagePic,body.remit-page .mainPagePic,body.recheck-page .mainPagePic{
	background-image: url(../img/booking_ban.jpg);
	min-height: 300px;
}
body.order-page .mainPagePic h2,body.order_finish_page .mainPagePic h2,body.remit-page .mainPagePic h2,body.recheck-page .mainPagePic h2{
	display: flex;
	flex-flow: wrap-reverse;
	align-items: center;
	justify-content: center;
	writing-mode: initial;
	text-align: center;
}
body.order-page .mainPagePic h2::after,body.order_finish_page .mainPagePic h2::after{
	content: 'Reservation';
	position: initial;
	width: 100%;
}
body.remit-page .mainPagePic h2::after{
	content: 'Remittance Advice';
	position: initial;
	width: 100%;
}
body.recheck-page .mainPagePic h2::after{
	content: 'Order Recheck';
	position: initial;
	width: 100%;
}
/*contact-page*/
body.contact-page .mainPagePic {
	background-image: url(../img/ct_ban.jpg);
}
body.contact-page .mainPagePic h2::after{
	content: 'Contact';
}
body.contact-page .content {}
body.contact-page .bigTel dd {}
/* body.contact-page .bigTel dd::before { content:""; width:44px; height:44px; background-image: url('../images/thn-img045.png'); position: absolute; left:-57px;} */
/* body.contact-page .bigTel dd a { color: #578A48; font-size: 32px; font-weight: bold; line-height: 130%;} */
/* body.contact-page .bigTel dd i { display:block; color:#578A47; font-size:18px; font-style: normal; font-weight:400; line-height:130%; margin-bottom:15px; border:none; padding:0;} */
@media (max-width:500px) {
/* body.contact-page .content{ padding:0 15px 30px 15px;} */
body.order-page .mainPagePic,body.order_finish_page .mainPagePic,body.remit-page .mainPagePic,body.recheck-page .mainPagePic{
	min-height: 250px;
}
}

/*remit-page*/
/* body.remit-page .mainPagePic { background-image: url(../images/thn-bg014.png); background-position: center bottom;} */
/* body.remit-page .content { padding:90px 15px 80px 15px; padding: 115px 15px 87px 15px; overflow: hidden;} */
/* body.remit-page .bigTel dd { max-width: 976px; width: 100%; display: flex; flex-direction: column; position: relative;} */
/* body.remit-page .bigTel dd::before { content:""; width:44px; height:44px; background-image: url('../images/thn-img045.png'); position: absolute; left:-57px;} */
/* body.remit-page .bigTel dd a { color: #578A48; font-size: 32px; font-weight: bold; line-height: 130%;} */
/* body.remit-page .bigTel dd i { display:block; color:#578A47; font-size:18px; font-style: normal; font-weight:400; line-height:130%; margin-bottom:15px; border:none; padding:0;} */
@media (max-width:768px) {
/* body.remit-page .content{ padding:0 15px 30px 15px;} */
}

/*recheck-page*/
body.recheck-page .mainPagePic {}

.calendar .month{
	/* background-color: #93C257; */
}
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */

/* animation */
@keyframes leaf_bg{
0% {transform: rotate(-2deg);}
50% {transform: rotate(2deg);}
100% {transform: rotate(-2deg);}
}

@keyframes updown {
0% {transform: translate(0px, 0px);}
50% {transform: translate(0px, -50px);}
100% {transform: translate(0px, 0px);}
}
@keyframes loading_logo {
from {transform: translateY(50px);opacity: 0;}
to {transform: translateY(0);opacity: 1;}
}

/*header*/
.center{
	/* display: block; */
}
.header{
	display: block;
	background: transparent;
	position: fixed;
}
.header.sticky{
	position: fixed;
}
/* 漢堡包調整 */
#nav-toggle{
	left: auto;
	right: 15px;
	top: 50px;
	transition: 1s linear;
}
.header_active #nav-toggle{
	top: 20%;
	right: 10%;
}
#nav-toggle span, #nav-toggle:before, #nav-toggle:after{
	background: #FFFFFF;
	transition: 1s ease;
}
#nav-toggle:after{
	width: 50%;
	margin: 0 0 0 auto;
}
#nav-toggle:hover::after{
	width: 100%;
}
#nav-toggle.active:after{
	width: 100%;
}
.header.sticky #nav-toggle span,.header.sticky #nav-toggle::before,.header.sticky #nav-toggle::after,#nav-toggle.active:before, #nav-toggle.active:after{
	background: #AAAAAA;
}
.header.sticky #nav-toggle.active span{
	background: transparent;
}

/* top center */
.top_center{
	max-width: 100%;
	height: 80px;
	padding: 0 30px;
	justify-content: flex-start;
	transition: 1s ease;
	/* transform: translateY(-20px); */
}
.top_center.header_active{
	/* display: block; */
	justify-content: center;
	max-width: 100%;
	height: 100%;
	position: fixed;
	inset: 0;
	background: url(../images/menu_bg.jpg) center no-repeat;
	background-size: cover;
	transition: 1s ease;
	/* transform: translateY(0); */
}

/* header active */
.header_active::before{
	content: '';
	display: block;
	max-width: 703px;
	width: 100%;
	height: 906px;
	position: absolute;
	top: -20px;
	left: -20px;
	background: url(../images/menu_01.png) center no-repeat;
	animation: leaf_bg 5s infinite;
	transform-origin: left top;
}
.header_active::after{
	content: '';
	display: block;
	max-width: 622px;
	width: 100%;
	height: 904px;
	position: absolute;
	bottom: -20px;
	right: -20px;
	background: url(../images/menu_02.png) center no-repeat;
	animation: leaf_bg 5s infinite;
	transform-origin: right bottom;
}

/* menu logo */
.top_logo{
	max-width: 115px;
	filter: brightness(20);
	z-index: 999;
	margin: 0;
	
}
.header.sticky .top_logo,.header_active .top_logo{
	filter: none;
}
.header_active .top_logo{
	max-width: 195px;
	margin: 0 auto;
}

/* menu 按鈕 */

.nav{
	display: none;
	max-width: 100%;
	height: auto;
	position: initial;
	background: transparent;
	overflow: initial;
}
.header_active .nav{
	display: block;
}
.nav>ul{
	max-width: 1200px;
	background: none;
	align-items: flex-start;
	flex-flow: row;
	position: relative;
	z-index: 999;
	padding-top: 50px;
}
.nav>ul>li.dropli u::after{
	content: '+';
	margin-left: 10px;
}
.nav>ul>li>a>span{
	display: block;
	padding-top: 5px;
	font-family: "Josefin Sans", sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: rgba(25,25,24,0.3);
}
.nav>ul>li>a::before,.nav>ul>li>a::after{
	display: none;
}
.nav ul li a{
	text-align: left;
	margin: 0;
	padding: 0;
}
.nav ul li ul{
	position: absolute;
	top: 50px;
	border-left: 1px solid rgba(0,0,0,0.1);
}
.nav>ul>li>ul>li>a{
	color: #888888;
	border-bottom:none;
	padding: 10px 0;
	margin: 0 0 0 10px;
}
.nav ul li li:hover a{
	background: none;
	color: #4B4847;
}
@media (max-width:1100px) {
.top_center{
	display: block;
	/* align-content: flex-start;
	justify-content: center; */
}
}
@media (max-width:1024px) {
.header_active::before{
	max-width: 30vw;
	height: 40vw;
	background-size: contain;
}
.header_active::after{
	max-width: 30vw;
	height: 40vw;
	background-size: contain;
}
}
@media (max-width:890px) {
.flexslider .slides > li img{max-width: 100%;height: auto;}
}
@media (max-width:768px) {

.header_active #nav-toggle{
	top: 10%;
	right: 5%;
}
.nav>ul{
	flex-flow: wrap;
}
.nav ul li ul{
	position: initial;
}
}
@media (max-width:768px) {
#fls01{
	display: none;
}
#fls02{
	display: block !important;
}
}
@media (max-width:600px) {
.header{
	padding: 20px 0;
}
#nav-toggle{
	transform: none;
	top: 25px;
}
.top_center{
	height: 60px;
}
.top_logo{
	max-width: 90px;
}
.header_active .top_logo{
	max-width: 150px;
}
}
@media (max-width:400px) {
.top_logo{
	max-width: 65px;
}
}

/* footer */
.footer{
	background: url(../images/ft_bg.jpg) top center repeat;
	color: #4B4847;
}
.footer_logo{
	display: block;
}
.footer_infoContain{
	max-width: 1200px;
}
.footer h5,.footer_mainInfo dt{
	font-family: "Josefin Sans", sans-serif;
	font-size: 15px;
	color: #AC855E;
	letter-spacing: 1px;
}
.footer_infoContain::before{
	content: '';
	display: block;
	width: 1px;
	min-height: 400px;
	background: rgba(0,0,0,0.1);
	margin: 0 15px;
}
.footer_logo{
	order: -1;
	max-width: 245px;
	width: 100%;
}
.footer_logo section{
	padding: 80px 0 50px;
}
.footer_logo h6{
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: 700;
	color: #AC855E;
}
.footer_logo section > a{
	display: block;
	font-family: "Jost", sans-serif;
	font-size: 30px;
	font-weight: 400;
	font-style: italic;
	color: #4B4847;
	letter-spacing: 2px;
	line-height: 1;
}
.footer_logo section > a:hover{
	transform: scale(1.1);
}
.footer_logo figure{
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 220px;
}
.footer_logo figure a{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 45px;
	width: 100%;
	min-height: 45px;
	border-radius: 50%;
	background: rgba(51,51,51,0.05);
}
.footer_logo figure a:hover{
	background-color: #4B4847;
}
.footer_logo figure a:hover img{
	filter: brightness(20);
}
.footer_right{
	display: grid;
	gap: 25px 0;
	max-width: 605px;
	width: 100%;
}
.footer_link{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px 30px;
	max-width: 350px;
	width: 100%;
	margin: 0;
	padding: 0;
	justify-content: flex-start;
}
.footer_link h5{
	grid-column: span 2;
}
.footer_link a{
	width: 100%;
	max-width: 100%;
	background: none;
	margin: 0;
	padding: 10px;
	border-radius: initial;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	justify-content: space-between;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.25em;
}
.footer_link a:hover{
	border-color: #4B4847;
}
.footer_link a:nth-last-of-type(1){
	max-width: 300px;
	grid-column: span 2;
}
.footer_link a:hover{
	box-shadow: none;
}
.footer_link a::after{
	content: '';
	display: block;
	max-width: 10px;
	width: 100%;
	min-height: 10px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #191817;
	transform: rotate(45deg)
}
.footer_right section{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer_link a span{
	max-width: fit-content;
}
.footer_mainInfo{
	max-width: 320px;
	width: 100%;
	padding: 0;
}
.footer_mainInfo p+p{
	padding-top: 10px;
}
.footer_mainInfo a{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	font-family: "Noto Sans TC","Josefin Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #4B4847;
}
.footer_mainInfo b{
	display: flex;
	justify-content: space-between;
	max-width: 60px;
	width: 100%;
	font-weight: 400;
}
.ft_line b::before{
	content: 'line';
}
.ft_line b::after{
	content: 'ID';
}
.ft_mail b::before{
	content: '信';
}
.ft_mail b::after{
	content: '箱';
}
.ft_add b::before{
	content: '地';
}
.ft_add b::after{
	content: '址';
}
.footer_mainInfo u{
	display: block;
	width: calc(100% - 70px);
}
.footer_mainInfo dt,.footer_menu h5{
	padding-bottom: 10px;
}
.footer_menu{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	max-width: 180px;
	width: 100%;
	margin: 0;
}
.footer_menu h5{
	grid-column: span 2;
}
.footer_menu a{
	max-width: fit-content;
	padding: 0;
	margin: 10px 0;
	border: none;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 2px;
	color: #4B4847;
}
.footer_menu a:nth-of-type(1){
	display: none;
}
.footer_menu a::after{
	display: none;
}
.footer_menu b{
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 60px;
}
.double_key{
	position: initial;
	padding: 0;
	text-align: left;
}
.footer_bottom_link{
	max-width: 1200px;
	margin: 0 auto;
	border-top: 1px solid rgba(0,0,0,0.1);
	background: none;
	padding: 30px 10px;
}
.copy{
	font-size: 13px;
	color: #4B4847;
	padding: 0;
}
.copy a{
	color: #4B4847;
}
.total_view{
	display: none;
}
@media (max-width:910px) {
.footer_logo{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	max-width: 500px;
}
.footer_logo a{
	grid-row: span 2;
}
.footer_logo section{
	padding: 0 0 20px;
}
.footer_infoContain::before{
	width: 100%;
	min-height: 1px;
	margin: 50px 0;
}
}
@media (max-width:890px) {
.footer_infoContain{
	text-align: left;
	padding: 50px 20px;
}
}
@media (max-width:520px) {
.footer_infoContain::before{
	margin: 20px 0;
}
.footer_logo{
	grid-template-columns: 1fr;
	max-width: 275px;
	width: 100%;
	margin: 0;
}
.footer_logo a{
	grid-row: initial;
}
.footer_logo section{
	padding: 20px 0;
}
.footer_right section{
	flex-flow: wrap;
}
.footer_menu{
	max-width: 100%;
	grid-template-columns: repeat(3,1fr);
	padding-top: 40px;
}
.footer_menu h5{
	grid-column: span 3;
}
.footer_bottom_link{
	padding: 20px 10px;
}
}
@media (max-width:480px) {
.footer_infoContain .footer_logo > a{
	width: 130px;
}
.footer_link{
	max-width: 100%;
	grid-template-columns: repeat(4,1fr);
	gap: 0;
}
.footer_link h5{
	display: none;
}
.footer_link a:nth-last-of-type(1){
	grid-column: span 2;
}
.footer_link a::after{
	display: none;
}
.footer_link a+a{
	border-left: 1px solid rgba(0,0,0,0.1);
}
.footer_link a span{
	font-size: 12px;
	letter-spacing: 1px;
}
}

/* loading */
.loading{
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../img/all_bg.jpg);
	position: fixed;
	inset: 0;
	z-index: 9999999;
}
.loading::before{
	content: '';
	display: block;
	background: url(../img/loading_01.png) no-repeat;
	width: 740px;
	height: 746px;
	position: absolute;
	top: -50px;
	left: -10px;
	transform-origin: top left;
	animation: leaf_bg 4s infinite;
}
.loading::after{
	content: '';
	display: block;
	background: url(../img/loading_02.png) no-repeat;
	width: 632px;
	height: 904px;
	position: absolute;
	bottom: 0;
	right: -10px;
	transform-origin: bottom right;
	animation: leaf_bg 4s infinite;
}
.loading figure{
	animation: loading_logo 1s linear;
}

/* index */
.index_blog{
	display: none;
}

/* page */
.page li{
	display: block;
	font-family: "Josefin Sans", sans-serif;
	font-size: 17px;
	font-weight: 400;
	text-align: center;
	margin: 0 5px;
}
.page li a{
	color: rgba(82,82,82,0.4);
}
.page li.now{
	background: none;
	color: #4B4847;
}
.page li.now::after{
	content: '';
	display: block;
	width: 20px;
	height: 1px;
	margin: 0 auto;
	background: #4B4847;
}

/* more_content */
.more_content{
	display: none;
}

/* news */
.blog_box{
	
}
.blog_search input[type=search]{
	border-radius: initial;
	border: none;
	color: #F7F7F7;
}
.blog_le .accordion{
	border-radius: initial;
	border: none;
	background: transparent;
}
.blog_le .accordion>li{
	border-bottom: 1px solid #E1E1E0;
	transition: .5s ease;
}
.blog_le .accordion>li:hover,.blog_le .accordion>li.on_this_category{
	background: #F7F7F7 !important;
	/* border-color: #F7F7F7; */
}
.blog_le .accordion>li .link{
}
.accordion li .link a{
	font-size: 14px;
	font-weight: 400;
	color: #545454;
}
.blog_le .accordion>li:hover .link,.blog_le .accordion>li.on_this_category .link,
.blog_le .accordion>li:hover .link a,.blog_le .accordion>li.on_this_category .link a{
	color: #545454 !important;
}
.accordion li.active .link.subTitle, .accordion li.active .link:not(.link.subTitle)>a, .accordion li.active>a{
	background: #F7F7F7;
	color: #545454;
}
.blog_subbox{
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
.subbox_item{
	width: 100%;
}
.subbox_item a{
	display: grid;
	grid-template-columns: 1fr 1.26fr;
	gap: 0 5%;
	border: none;
}
.subbox_item a:before,.subbox_item a:after{
	display: none;
}
.subbox_item dl dd{
	margin: 0;
	font-family: "Josefin Sans", sans-serif;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0.07em;
	color: #AC855E;
}
.subbox_item dl h5{
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0.07em;
	color: #000000;
	margin: 30px 0 10px;
}
.subbox_item dl p{
	letter-spacing: 0.07em;
	line-height: 200%;
}
.subbox_item u{
	display: block;
   max-width: 100px;
   padding-bottom: 10px;
   position: relative;
   overflow: hidden;
	margin-top: 50px;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0.2em;
   color: #545454;
}
.subbox_item u:hover{
   color: #111111;
}
.subbox_item u::before{
   content: '';
   display: block;
   width: 300%;
   min-height: 1px;
   background: linear-gradient(to left,#CCCCCC,#CCCCCC 33%,transparent 33%,transparent 66%,#444444 66%,#444444);
   position: absolute;
   bottom: 0;
   right: 0;
   transition: 1s ease;
}
.subbox_item a:hover u::before{
   right: -200%;
}

.news_main_title h2{
	width: 100%;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0.07em;
	color: #333333;
}
.promotions-page .edit{
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.07em;
	line-height: 250%;
	color: #535353;
}
.blog_back a.article_btn_next,.blog_back a.article_btn_prev,.blog_back a.article_btn_back{
	background: none;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.2em;
	color: #4B4847;
	position: relative;
}
.blog_back a.article_btn_next:hover,.blog_back a.article_btn_prev:hover,.blog_back a.article_btn_back:hover{
	letter-spacing: 0.3em;
}
.blog_back a.article_btn_prev::after{
	content: '';
	display: block;
	width: 1px;
	min-height: 15px;
	background: #CCCCCC;
	position: absolute;
	right: -5px;
	top: calc(50% - 7.5px);
}
.blog_back a.article_btn_next::after{
	content: '';
	display: block;
	width: 1px;
	min-height: 15px;
	background: #CCCCCC;
	position: absolute;
	left: -5px;
	top: calc(50% - 7.5px);
}
.blog_back a.article_btn_back{
	background: none;
	color: #AC855E;
}
@media (max-width:900px) {
.subbox_item u{margin-top: 20px;}
}
@media (max-width:600px) {
.subbox_item dl h5{font-size: 20px;margin: 20px 0 0;}
.news_main_title h2{font-size: 20px;}
}
@media (max-width:550px) {
.subbox_item a{gap: 0 20px;}
}
@media (max-width:450px) {
.subbox_item a{grid-template-columns: 1fr;}
.blog_coverImg{width: 100%;padding-top: 90%;}
.subbox_item dl{width: 100%;padding: 40px 0 0;}
}
@media (max-width:320px) {
.blog_coverImg img{position: absolute;height: 100%;}
}

/* camp */
.camp_center{
}
.camps_list li{
	width: calc((100% / 2) - 10px);
}
.camp_pic{
	aspect-ratio: 5 / 3;
}
.camp_name{
	width: calc(100% - 20px);
	background: none;
	padding: 35px 0 10px;
	margin: 0 auto;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0.07em;
}
.camp_price{
	width: calc(100% - 20px);
	margin: 0 auto 20px;
}
.camp_price>p{
	display: flex;
	align-items: center;
}
.camp_price>p b{
	line-height: 1;
	margin-top: -5px;
}
.camp_price>span{
	height: 20px;
}
.half_box{
}
.camp_info_name{
	font-weight: 400;
	letter-spacing: 0.07em;
}
.info_title{
	background: #F2F2F2;
	width: 130px;
	border-radius: initial;
	padding: 5px;
	font-size: 15px;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0.2em;
	color: #333333;
}
.out_link .info_title{
	background: none;
	text-align: left;
}
.out_link .share_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 35px;
	width: 100%;
	min-height: 35px;
	padding: 0;
	margin: 0;
}
.info_text{
	width: calc(100% - 130px);
	font-size: 17px;
	letter-spacing: 0.07em;
	line-height: 150%;
}
.out_link .info_text{
	display: flex;
	align-items: center;
}
#go_calendar{
	max-width: 100%;
	border-radius: initial;
	background: #F2F2F2;
	padding: 10px;
	height: auto;
	margin-top: 20px;
	position: relative;
	overflow: hidden;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.2em;
	color: #333333;
}
#go_calendar:hover{
	margin: 20px 0 0;
}
#go_calendar::after{
	content: '';
	display: block;
	max-width: 8px;
	width: 100%;
	min-height: 8px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #191817;
	transform: rotate(45deg);
}
#go_calendar::before{
   content: '';
   display: block;
   width: 300%;
   min-height: 1px;
   background: linear-gradient(to left,#CCCCCC,#CCCCCC 33%,transparent 33%,transparent 66%,#444444 66%,#444444);
   position: absolute;
   bottom: 0;
   right: 0;
   transition: 1s ease;
}
#go_calendar:hover::before{
   right: -200%;
}

ul.tabs li{
	background-color: #F2F2F2;
	font-size: 15px;
	color: #4B4847;
}
ul.tabs li a{
	color: #4B4847;
}
ul.tabs li:hover{
	background: #545454;
}
ul.tabs li.active{
	background: #545454;
}
ul.tabs li.active:after{
	border-color: #545454 transparent transparent transparent;
}
.camps_list li a>b{
	background: #F7F7F7;
	border-radius: initial;
	font-size: 15px;
	letter-spacing: 0.1em;
	color: #545454;
}
.camps_list li:hover a>b{
	background: #E7E7E6;
}
@media (max-width:1064px) {
.camp_info li{align-items: flex-start;}
}
@media (max-width:860px) {
.camp_price>p{flex-flow: wrap;}
.camp_price>p span{width: 100%;padding: 0 0 10px;}
.camp_price>span{height: calc(100% - .4em);}
}
@media (max-width:890px) {
.camps_list li {
	width: calc(50% - 10px);
}
}
@media screen and (max-width:824px) {
ul.tabs li{
	width: 80px;
	margin-right: 10px;
}
ul.tabs li:nth-last-of-type(1){
	margin: 0;
}
}
@media (max-width:650px) {
.camp_name{
	padding: 20px 0 10px;
}
.camp_price>p{
	max-width: 100%;
	margin-bottom: 10px;
}
.camp_price>p span{
	width: fit-content;
	padding: 0;
}
.camp_price>span{
	display: none;
	/* width: 100%;
	height: 1px;
	position: initial;
	transform: none;
	margin: 10px 0; */
}
}
@media (max-width:600px) {
.stay_notice_02 dl{
	padding: 20px 0;
}
.stay_notice_02 h6,.stay_notice_03 h6{
	padding: 0 20px 10px;
}
.camp_name{
	width: 100%;
	font-size: 20px;
}
.camp_price{
	width: 100%;
}
.camp_price>p{
	font-size: 14px;
}
.camps_tabs{
	margin: 0 0 20px;
}
}
@media (max-width:425px) {
.camps_list li {
	width: 100%;
}
.camp_price>p{
	width: calc(50% - 10px);
	margin: 0;
}
.camp_price>span{
	display: block;
}
.camp_info li:nth-last-of-type(1){
	flex-flow: wrap;
}
.camp_info li:nth-last-of-type(1) .info_text{
	width: 100%;
	padding: 10px 0 0;
}
}
@media (max-width:380px) {
.camp_price>p span{width: 100%;padding-bottom: 5px;}
}


/* contact */
body.contact-page .content{
}
.bigTel{
	max-width: 1100px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.bigTel dt{
	width: fit-content;
	transition: .5s ease;
}
.bigTel dt:hover{
	transform: scale(1.1);
}
.bigTel dt>img{
	position: initial;
	margin-right: 10px;
}

.bigTel dt a{
	font-family: "Josefin Sans", sans-serif;
	font-weight: 400;
	letter-spacing: normal;
}
.bigTel dl dd,.bigTel p{
	letter-spacing: 0.07em;
}
.bigTel p{
	padding: 20px 0;
}
.contact_form{
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 0 30px;
}
.contact_form h3{
	font-size: 30px;
	font-weight: 500;
}
.contact_form li:first-child{
	border-top: 2px solid #4B4847;
}
.contact_form li .table-td .inputR{
	background: #F9F9F9;
}
.button_cart{
	background-color: #F2F2F2;
	color: #535353;
}
.button_cart.next{
	background-color: #4B4847;
	color: #FFFFFF;
}
.button_cart:hover {
	border-radius: initial;
	transition: ease-in .3s;
	box-shadow: none;
	background: rgba(242,242,242,0.8);
}
.button_cart.next:hover{
	background: rgba(75,72,71,0.8);
}
@media (max-width:1110px) {
.bigTel dt{
	flex-flow: row;
}
.bigTel dt>img{
	margin-bottom: 0;
}
}
/* camp */
.order-page{
}
.order-page .content{
	max-width: 1300px;
}
.order-page .container::after{
	content: '';
	display: block;
	background: url(../img/introduce_bg02.png) no-repeat;
	width: 632px;
	height: 904px;
	position: absolute;
	top: 55vw;
	left: -10px;
	z-index: -1;
	transform-origin: center left;
	animation: leaf_bg 3s infinite;
}
.stepImg p{
	font-weight: 400;
	color: #4B4847;
}
.stepImg p.act_step b{
	background: #4B4847;
	border-color: #4B4847;
}
.stepImg.step01_img>i::before{
	background: #4B4847;
}
.stepImg>i{
	background: #F4F4F4;
}
.stepImg p.next_step b,.stepImg p b{
	background: #F4F4F4;
	border-color: #F4F4F4;
	color: #4B4847;
}
.stepImg p.done_step b{
	background: #4B4847;
	color: #FFFFFF;
}
.stepImg p.done_step b::after{
	border-color: #4B4847;
}
.stepImg>i::before{
	background: #4B4847;
}
.calendar h2.month{
	background: #FFFFFF;
}
.calendar h2.month .month_choice{
	background: #4B4847;
}
.calendar ol li{
	background: rgba(255,255,255,0.3);
}
.calendar ol.days li.weekend{
	background: #EEE7DF;
}
.calendar ol.days li a.event{
	border-radius: initial;
	border-color: var(--mainColor01);
}
.calendar ol.days li a.event:hover{
	background: #535353;
}
.calendar ol.days li.closed{
	color: #E7E7E7;
}
.calendar ol.days li.holiday {
  background: #DAE0DB;
}
.rule_txt{
	padding: 20px 0 50px;
	text-align: center;
	line-height: 200%;
}
.date_and_nights{
	max-width: 600px;
	width: 100%;
	padding: 7px;
	background: #FFFFFF;
}
*+.date_and_nights{
	border-radius: initial;
	border: 1px solid #DDDDDD;
}
.title_snd{
	border-radius: initial;
	padding: 35px 0;
	background: #F5F5F5;
}
.title_snd p span.checkname{
	font-size: 25px;
	font-weight: 500;
	color: var(--mainColor01);
	letter-spacing: 0.12em;
	margin: 0;
	padding: 0 0 20px;
}
.title_snd p span.checktime{
	font-size: 25px;
	padding: 0;
	margin: 0;
}
.date_and_nights ul{
	padding: 15px 0;
}
.date_and_nights li .date_night_choice span{
	font-size: 15px;
}
.camp_lists{
	padding: 5%;
	margin: 0 auto;
}
.camp_lists h4.article_title b{
	opacity: 0.7;
	color: var(--mainColor01);
}
.camp_lists h4.article_title span{
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.07em;
}
.camp_lists h5.part_title{
	max-width: 250px;
	width: 100%;
	border: 1px solid #CCCCCC;
	border-radius: initial;
	padding: 10px 5px;
	background: none;
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0.2em;
	color: #333333;
	text-align: center;
}
.camp_small_txt h6{
	font-weight: 500;
	color: #4B4847;
}
.camp_small_txt cite{
	font-size: 15px;
	line-height: 150%;
	letter-spacing: 0.07em;
	height: 95px;
}
.camp_small_txt cite::-webkit-scrollbar {
	border-radius: 10px;
  	width: 5px;
}
.camp_small_txt cite::-webkit-scrollbar-thumb {
  	background-color: #E9E9E9;
}
.first_choice b{
	font-size: 15px;
	font-weight: 400;
	color: var(--mainColor01);
}
.first_choice p span{
	font-weight: 500;
	color: #CC0000;
}
.camp_small_txt blockquote b{
	color: #CC0000;
}
.price_total{
	background: #F5F5F5;
	border-bottom: 2px solid #545454;
	padding: 20px 4%;
	margin-bottom: 0;
}
.price_total h5 em{
	color: #000000;
}
.camporder_bottom_20201220{
	padding: 40px;
}
.camporder_bottom_20201220 h5:not(.rule_txt2 h5){
	font-weight: 500;
	color: var(--mainColor01);
}
.camporder_bottom_20201220 input[type="text"]::-webkit-input-placeholder ,.camporder_bottom_20201220 input[type="tel"]::-webkit-input-placeholder{ color: #CCCCCC; }/*webkit瀏覽器專用*/
.camporder_bottom_20201220 input[type="text"]::-moz-placeholder ,.camporder_bottom_20201220 input[type="tel"]::-moz-placeholder{ color: #CCCCCC; }/*Firefox 4-18瀏覽器專用*/
.camporder_bottom_20201220 input[type="text"]::-moz-placeholder,.camporder_bottom_20201220 input[type="tel"]::-moz-placeholder{color:#CCCCCC;}/*Firefox 19+瀏覽器專用*/
.camporder_bottom_20201220 input[type="text"]:-ms-input-placeholder,.camporder_bottom_20201220 input[type="tel"]:-ms-input-placeholder{color: #CCCCCC;}/*IE10瀏覽器專用*/
.camporder_bottom_20201220 strong:not(.rule_txt2 strong){
	font-size: 15px;
	font-weight: 400;
	color: #CC0000;
}
.camp_b_info02 > h5{
	display: none;
}
.rule_txt2 .stay_notice_02{
	display: none;
}
.rule_txt2 div.stay_notice_03:nth-of-type(3) section{
	padding-top: 0;
}
.little_check input[type="checkbox"]{
	margin-right: 5px;
}
.camporder_bottom_20201220 section+section{
	margin: 0;
}

@media (max-width:768px) {
.camporder_bottom_20201220{padding: 20px;}
}
@media (max-width:600px) {
.camporder_bottom_20201220{padding: 10px;}
.camporder_bottom_20201220 p:not(.rule_txt2 p){margin-top: 20px;}
}




.pure_notice h4{
	padding: 7px;
	border-radius: initial;
	font-weight: 400;
}

.pure_notice h5{
	font-size: 24px;
	font-weight: 400;
	color: var(--mainColor01);
	text-align: center;
}

.pure_notice p{
	font-size: 14px;
	color: #525252;
	text-align: center;
	padding-top: 20px;
}
.bankAccount_data{
	margin: 50px auto 20px;
}
.bankAccount_data table{
	max-width: 650px;
	width: 100%;
	border: 1px solid #CCCCCC;
	margin: 0 auto;
}
.pure_notice td{
	color: #000000;
}
.pure_notice td:nth-child(1){
	width: 170px;
	background: #F2F2F2;
	color: #000000;
}
.pure_notice td:nth-child(1),.bankAccount_data table tr+tr td,.bankAccount_data table tr+tr td:first-child{
	border-color: #CCCCCC;
}

.giinn_order_notice p{
	max-width: 585px;
	width: 100%;
	position: relative;
	padding: 0 0 0 15px;
	font-size: 16px;
	font-weight: 400;
	line-height: 250%;
	text-align: left;
}
.giinn_order_notice p:nth-of-type(1){
	color: #CC0000;
}
.giinn_order_notice p::before{
	content: '*';
	position: absolute;
	top: 0;
	left: 0;
}
@media (max-width:768px) {
.pure_notice h5{font-size: 20px;}
.pure_notice td:nth-child(1){width: 100px;}
}

.date_and_nights{
	border-radius: initial;
	border: 1px solid #CCCCCC;
}
table.Rtable thead th{
	background: #4B4847;
	font-weight: 400;
}
table.Rtable tbody td.nameL, table.Rtable thead th.nameL{
	font-weight: 400;
}
.note_red{
	color: #CC0000;
}
.note_red span{
	font-weight: 400;
}
.note_red span.title{
	background: var(--mainColor01);
}
.price_total h6{
	font-weight: 400;
	color: #000000;
}

.order_list li span{
	background: #4B4847;
}
.order_list li a{
	background: var(--mainColor01);
	border: 1px solid var(--mainColor01);
	border-radius: initial;
}
.order_list li a:hover{
	color: var(--mainColor01);
}
.box_head{
	background: #4B4847;
}