@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Herr+Von+Muellerhoff&display=swap');


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

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

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

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

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

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






/*-----------------------------------------------------------------------------------------
6001 FORM関係
6002		PAGES		page-contact

7001 ARCHIVE

8001 single >>> TYPO
8002 single >>> img
8003 single >>> viewmoew
8004 single >>> .contents_page

9001 single >>> .contents_page
9002 page- 五色温泉オートキャンプ場予約〈注意事項〉 の「注意事項を確認しました。」
9003 page 固定ページのTYPO


----------------------------------------------------------------------------------------- */




/*-----------------------------------------------------------------------------------------
6001 FORM関係
----------------------------------------------------------------------------------------- */
#form input,
#form input[type="text"],
#form input[type="email"] {
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
}

#form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	background: transparent;
}

#form textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	resize: none;
	padding: 0;
	border: 0;
	outline: none;
	background: transparent;
}

#form {
	border: 0px solid #b0c1c8;
	padding: 0;
	margin: 1vw auto;
}

#form input[type="text"],
#form input[type="email"],
#form textarea,
#form select {
	width: 100% !important;
	border: 2px solid #D9E3E7;
	font-size: 1.5rem;
	line-height: 1.8;
	padding: 5px 15px;
	margin: 2.5px;
	color: #444;
	background: linear-gradient(#fafafa 0%, #fff 100%);
	border-radius: 2px;
}

#form input.tel-number {
	width: 6em !important;
}

#form input.date {
	width: 10em !important;
}

#form input.hour {
	width: 8em !important;
	margin-right: 0.4em;
}

#form textarea {
	height: 10em !important;
	width: 100%;
	border: 2px solid #D9E3E7;
}

#form input[type="button"] {
	border: none;
	background: #59493F;
	background: gradient(linear, center top, center bottom, from(#3f3d3d), to(#242323));
	background: -webkit-gradient(linear, center top, center bottom, from(#3f3d3d), to(#242323));
	background: -moz-linear-gradient(top, #3f3d3d, #242323);
	background: -ms-linear-gradient(top, #3f3d3d 0%, #242323 100%);
	background: -webkit-linear-gradient(#3f3d3d 0%, #242323 100%);
	text-shadow: none;
	font-size: 11px;
	line-height: 1;
	color: white;
	cursor: pointer;
	outline: none;
	padding: 0.4em 1em 0.5em 1em;
	margin: 0 0.5em;
	width: 13em;
	border-radius: 20px;
	text-align: center;
}

#form input[type="submit"],
#form input[type="reset"] {
	border: none;
	background: #242323;
	background: linear-gradient(180deg, #3f3d3d 0%, #242323 100%);
	text-shadow: none;
	font-size: 18px;
	line-height: 1;
	color: white;
	cursor: pointer;
	outline: none;
	letter-spacing: 0.01em;
	text-indent: 0.5em;
	padding: 1em 3em;
	width: calc(6em + 6em);
	border-radius: 4px;
	text-align: center;
}

#form input[type="submit"]:hover,
#form input[type="reset"]:hover {
	opacity: 0.5;
	transition: 0.8s;
}

#form .area-btn {
	border: 0px solid blue;
	padding: 0;
	margin: 60px 0;
	-webkit-justify-content: center;
	-ms-flex-pack: justify;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: transparent
}

.mw_wp_form .error {
	color: darkorange !important;
	font-weight: 600;
	display: block;
	margin-top: 1em;
}

.mw_wp_form .error:before {
	content: '!! ';
	font-style: italic;
}

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

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

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

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

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

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










/*-----------------------------------------------------------------------------------------
6002		PAGES		page-contact
----------------------------------------------------------------------------------------- */
.page-contact h2 {
	font-size: 4.5rem;
	line-height: 1.2;
	position: relative;
	font-weight: 400;
	margin-top: 1.5em;
	margin-bottom: 1em;
	padding-bottom: 0.25em;
	border-bottom: 1px solid var(--color-font);;
}

.page-contact h6 {
	text-align: left;
}

.page-contact blockquote {
	font-size: 2.0rem;
	line-height: 1.6;
	padding: 0;
	margin: 3vw 0;
}

.page-contact article dl {
	padding: 0;
	margin: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px solid #b0c1c8
}

.page-contact article dl dt,
.page-contact article dl dd {
	font-size: 1.5rem;
	line-height: 1.4;
	padding: 2em;
	margin: 0;
	width: 33.33333%;
	background: #D9E3E7;
}

.page-contact article dl dt {
	border-top: 0px solid #b0c1c8;
	font-weight: 600;
	padding-top: 1em;
	padding-bottom: 1em;
}

.page-contact article dl dd {
	background: rgba(241, 239, 237, 0.4);
	padding-bottom: 2em;
	font-size: 1.4rem;
	width: 66.66666%;
}

.page-contact article dl span.require {
	font-size: 10px;
	background: #B21511;
	color: white;
	padding: 1px 5px 2px;
	margin: 0 0 0 0.5em;
	vertical-align: super;
	border-radius: 2px;
}

.page-contact article ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.page-contact article ul li {
	font-size: 1.5rem;
	line-height: 1.4;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0.5em 0 0;
	margin: 0;
}

.page-contact strong {
	color: #B21511;
}

.page-contact article strong {
	display: block;
	font-size: 0.8em;
	padding: 0;
	margin: 0.1em 0;
}

.page-contact h6 {
	font-size: 2.0rem;
	line-height: 1.85;
	font-weight: 600;
	padding: 0;
	margin: 0;
}

.page-contact address {
	font-size: 1.3rem;
	line-height: 1.5;
	padding: 0;
	margin: 0 0 2.5vw 0;
}

.page-contact address strong {
	font-size: 1.38em;
	font-weight: inherit;
}

.page-contact small {
	font-size: 0.6em;
	font-weight: inherit;
	margin-left: 0.8em;
}

.page-contact aside {
	background: #F9F9F8;
	padding: 2.5vw;
	border: 1px solid rgba(176, 193, 200, 0.9);
}


.page-contact blockquote.thanks {
	background: #D9E3E6;
	padding: 3.0rem;
	margin-bottom: 10vw;
}

.page-contact blockquote.thanks p {
	font-size: 1.8rem;
	line-height: 1.8;
	font-weight: 600;
}

.page-contact blockquote.thanks p strong {
	font-size: 1.2em;
}



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

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

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

	.page-contact article dl dt,
	.page-contact article dl dd {
		padding: 1.5em 2em;
		width: 100%;
	}

	.page-contact article dl dt {
		border-top: 5px solid #b0c1c8;
		padding-top: 0.75em;
		padding-bottom: 0.75em;
	}

	.page-contact article dl dd {
		padding-bottom: 3em;
	}

	.page-contact aside .col-06 {
		width: 100%;
		padding: 2.0rem 0
	}
}

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

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

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










/*-----------------------------------------------------------------------------------------
7001 ARCHIVE
----------------------------------------------------------------------------------------- */
article.entry {
	border: 0px solid green;
	padding-right: 60px;
}


.archive article dl {
	border-bottom: 1px solid #ddd;
	padding: 2.5vw 0;
}

.archive article dl dt,
.archive article dl dd {
	border: 0px solid green;
	width: 25%;
	padding: 0;
	margin: 0;
}

.archive article dl dd {
	width: 75%;
	padding-left: 30px;
}

.archive article h3 {
	font-size: 2.1rem;
	line-height: 1.3;
	font-weight: 600;
	text-align: left;
	margin: 0 0 0.5em 0;
}

.archive article h3::before {
	display: none;
}

.archive article time {
	background:var(--color-blue);
	color: white;
	font-size: 1.2rem;
	display: block;
	width: 10em;
	padding: 0.25em 1em;
	margin: 0.75em 0;
	text-align: center;
}

.archive article p {
	font-size: 1.6rem;
	line-height: 1.5;
}

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

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

@media screen and (max-width: 768px) {
	article.entry {
		padding-right: 0;
	}

	.archive article dl {
		padding: 5vw 0;
	}


	.archive article dl dt {
		width: 33.33333%;
	}

	.archive article dl dd {
		width: 66.66666%;
		padding-left: 15px;
	}

}

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

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

@media screen and (max-width: 375px) {
	.archive article dl {
		padding: 10vw 0;
	}

	.archive article dl dt,
	.archive article dl dd {
		width: 100%;
	}

	.archive article dl dd {
		padding: 10px 0;
	}
}










/*-----------------------------------------------------------------------------------------
8001 single >>> TYPO
----------------------------------------------------------------------------------------- */
.single article h1,
.single article h2,
.single article h3,
.single article h4,
.single article h5,
.single article h6,
.single article p,
.single article dt,
.single article dd,
.single article li,
.single .contents_page article ol.content h1,
.single .contents_page article ol.content h2,
.single .contents_page article ol.content h3,
.single .contents_page article ol.content h4,
.single .contents_page article ol.content h5,
.single .contents_page article ol.content h6,
.single .contents_page article ol.content p,
.single .contents_page article ol.content dt,
.single .contents_page article ol.content dd,
.single .contents_page article ol.content li {
	font-size: 1rem;
	line-height: 1.8;
	letter-spacing: 0;
	font-weight: 400;
	color: #111;
	text-align: left;
	border: none;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;
	padding: 0;
	margin: 1em 0;
}

.single article a {
	text-decoration: underline;
	color:var(--color-blue);
}

.single article strong {
	font-weight: 600 !important;
	color: inherit;
}

.single article hr {
	margin: 0;
	padding: 0;
	clear: both;
	dipslay: block;
	height: 0;
	margin: 0;
	padding: .5rem 0;
	border: 0;
	width: 100%;
	height: 1px;
	border-top: 0px solid black;
}

.single article time {
	text-align: left;
	padding: 0;
	margin: 30px 0;
	display: block;
}

.single article time span {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.3;
	padding: 0;
	margin: 0.25em;
}

.single article h1,
.single .contents_page article ol.content h1 {
	font-size: 2.4rem;
}

.single article h2,
.single .contents_page article ol.content h2 {
	font-size: 1.8rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.single article .title h2,
.single .contents_page article ol.content h2 {
	font-size: 4.0rem;
	line-height: 1.2;
	padding: 0;
	margin: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;
}

.single article h3,
.single .contents_page article ol.content h3 {
	font-size: 1.8rem;
}

.single article h3::after,
.single .contents_page article ol.content h3::after {
	display: none;
}

.single article h4,
.single .contents_page article ol.content h4 {
	font-size: 1.6rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.single article h5,
.single .contents_page article ol.content h5 {
	font-size: 1.6rem;
}

.single article h6,
.single .contents_page article ol.content h6 {
	font-size: 1.6rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.single article p,
.single .contents_page article ol.content p {
	font-size: 1.6rem;
	line-height: 2;
}

.single article ul,
.single article ol,
.single .contents_page article ol.content ul,
.single .contents_page article ol.content ol {
	padding: 0 0 0 2.4em;
	margin: 4.5rem 0;
}

.single article ul li,
.single article ol li,
.single .contents_page article ol.content ul li,
.single .contents_page article ol.content ol li {
	list-style-type: disc;
	list-style-position: outside;
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 0;
	margin: 1em 0;
}

.single article ol li,
.single .contents_page article ol.content ol li {
	list-style-type: decimal;
}

.single article pre,
.single .contents_page article pre {
	position: static;
	font-size: 1.6rem;
	background: white;
	padding: 1.5em 0.5em;
	margin: 2em 0;
	width: 100%;
	overflow: auto;
	border: 1px solid #eee;
}

.single article blockquote {
	border: 2px solid #eee;
	background: #f9f9f9;
	padding: 6.0rem;
	margin: 3.0rem 0 !important;
}

.single article blockquote p {
	opacity: 0.8;
	opacity: 1;
	font-style: italic;
	margin: 0 0 0.75em 0;
}

.single article blockquote p:last-child {
	margin-bottom: 0;
}

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

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

@media screen and (max-width: 768px) {
	.single article blockquote {
		padding: 1.5rem;
	}
}

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

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

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










/*-----------------------------------------------------------------------------------------
8002 single >>> img
----------------------------------------------------------------------------------------- */
.single article img {
	border: 0px solid red;
	padding: 0.5rem 0.5rem !important;
	margin:  0;
	width: auto;
	max-width: 100%;
	height: auto;
	padding: 0;
	opacity: 1;
	background:transparent;
}

.single article img.size-thumbnail {
	width: 33.33333%;
}

.single article img.size-medium {
	width: 50%;
	border-color: blue;
}

.single article img.size-large {
	width: 100%;
	border-color: green;
}

.single article img.size-full {
	max-width: 100%;
	border-color: olive;
}

.single article img.alignleft {
	float: left;
}

.single article img.alignright {
	float: right;
}

.single article img.aligncenter {
	margin: 2.0rem auto !important;
	clear: both;
}


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

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

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

	.single article img {
		border: 0px solid red;
	}

}

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

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

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

	.single article img.alignleft,
	.single article img.alignright,
	.single article img.aligncenter {
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 0 !important;
		float: none;
	}
}










/*-----------------------------------------------------------------------------------------
8003 single >>> viewmoew
----------------------------------------------------------------------------------------- */
.single .accordion2 ul.accordion-container {
	border: 0px solid black;
	width: 100%;
	padding: 0;
	margin: 1.5rem 0;
}

.single .accordion2 ul.accordion-container li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.single .accordion2 ul.accordion-container li::before {}

.single .accordion2 ul.accordion-container li.title {
	padding: 1.0em 0 2.0em;
	margin: 0;
	position: relative;
	cursor: pointer;
	font-size: 1.7rem;
	line-height: 1;
	font-weight: 600;
	text-align: center;
	display: block;
	background: #f9f9f9;
	border: 1px solid #eee;
}

.single .accordion2 ul.accordion-container li.title.open {
	border-bottom: none;
}

.single .accordion2 ul.accordion-container li.title i {
	transition: 0.5s;
	position: absolute;
	bottom: 0.6em;
	left: 50%;
	font-weight: 900;
}

.single .accordion2 ul.accordion-container li.title.open i {
	transform: rotate(-180deg);
	color: #ee006b;
}

.single .accordion2 ul.accordion-container li a:hover,
.single .accordion2 ul.accordion-container li.title:hover {
	color: #00ADEE;
	transition: 0.5s;
	opacity: 1;
}

.single .accordion2 ol.content {
	display: none;
	padding: 1.5rem 3vw;
	margin: 0;
	background: #f9f9f9;
	border: 1px solid #eee;
	border-top: none;
}

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

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

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

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

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

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










/*-----------------------------------------------------------------------------------------
8004 single >>> .contents_page
----------------------------------------------------------------------------------------- */
.single article.contents_page_single blockquote {
	border: 0px solid red;
	width: 100%;
	max-width: 1200px;
	height: auto;
	padding: 4.5rem;
	margin: -9rem auto 0 !important;
	position: relative;
	z-index: 1;
	background: white;
}

.single .contents_page article.contents_page_single ol.content blockquote {
	margin-top: 0 !important;
}

.single article.contents_page_single h2 {
	background:var(--color-blue);
	font-size: 7.0rem;
	line-height: 1.1;
	color: white;
	padding: 0.75em 0.4em;
	margin: 0;
	text-align: left;
	font-weight: 200;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;
	position: absolute;
	top: -0.5em;
	right: .5em;
	letter-spacing: 0.1em;
	font-weight:600 !important;
}

.single article.contents_page_single h3 {
	font-size: 15.0rem;
	line-height: 1.0;
	color:var(--color-blue);
	padding: 0;
	margin: 0 0 0.5em 0;
	text-align: left;
	width: calc(100% - 250px);
	font-weight: 600;
}

.single article.contents_page_single h4 {
	font-size: 3.0rem;
	line-height: 1.3;
	padding: 0;
	margin: 0 0 0.5em 0;
	text-align: left;
}

.single article.contents_page_single blockquote p {
	font-style: normal;
}

.single article.contents_page_single ul.oowaku {
	border: 0px solid orange;
	padding: 0;
	margin: 0;
}

article.contents_page_single ul.oowaku li {
	border: 0px solid olive;
	padding: 0;
	margin: 0;
}


article.contents_page_single .kaku-contents {
	width: calc(100% - 250px);
	padding: 0;
	margin: 0;
}

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

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

@media screen and (max-width: 768px) {
	.single article.contents_page_single blockquote {
		border-color: green;
		padding: 3.0rem;
		margin-top: 1.0rem !important;
	}


	.single article.contents_page_single h2 {
		font-size: 6vw;
		padding: 1em 0.4em;
		top: -1.5em;
	}

	.single article.contents_page_single h3 {
		font-size: 15vw;
	}

	.single article.contents_page_single h3 br {
		display: block;
	}

	.single article.contents_page_single h4 {
		font-size: 4vw;
	}

	.single article.contents_page_single .kaku-contents {
		width: calc(100% - 20vw);
	}
}

@media screen and (max-width: 520px) {
	.single article.contents_page_single blockquote {
		padding: 1.5rem;
	}
}

@media screen and (max-width: 420px) {
	.single article.contents_page_single blockquote {
		padding: 1.0rem;
	}
}

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









/*-----------------------------------------------------------------------------------------
9001 single >>> .contents_page
contents_page-541　に料金表を追加
----------------------------------------------------------------------------------------- */
/* ----- 2024-04-03 ----- */
.single .area-price .accordion3 .accordion-container {
	border: 0px solid black;
	width: 100%;
	padding: 0;
	margin: 1.5rem 0;
}

.single .area-price .accordion3 .accordion-container li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.single .area-price .accordion3 .accordion-container .title {
	padding: 0;
	margin: 0;
	position: relative;
	cursor: pointer;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: 400;
	text-align: center;
	display: block;
	background: #d5d5d5;
	border-radius: 8px;
	padding: 1em 1em 0.25em 1em
}

.single .area-price .accordion3 .accordion-container .title::after {
	content: '\f0d7';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.5em;
	margin-top: -0.25em;
	display: block;
	transition: 0.4s;
}

.single .area-price .accordion3 .accordion-container .title.open:after {
	transform: rotate(-180deg);
	color: #E60012;
}


.single .area-price .accordion3 .accordion-container .title b {
	display: block;
	font-size: 1.4em;
}

.single .area-price .accordion3 .accordion-container .title.open {
	border-bottom: none;
}

.single .area-price .accordion3 ol.content {
	display: none;
}

.single .area-price .accordion3 .accordion-container a:hover,
.single .area-price .accordion3 .accordion-container .title:hover {
	transition: 0.5s;
	opacity: 1;
	background: #eee
}

.single .area-price .accordion3 ol.content {
	padding: 1.5rem 0.5rem;
	margin: 0;
	border-bottom: 10px solid #f5f5f5
}

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

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

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

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

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

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










.area-price .accordion3 table {
	width: auto;
	min-width: 66.66666%;
	margin: 1.0rem 0;
}

.area-price .accordion3 table th,
.area-price .accordion3 table td {
	font-size: 1.5rem;
	line-height: 1.5;
	padding: 0.25em 1em;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #555;
	width: 50%;
	letter-spacing: 0.05em;
}

.area-price .accordion3 table th {
	background: #E1E1E2
}

.area-price .text-title {
	font-size: 2.0rem;
	line-height: 1.5;
	letter-spacing: 0.05em;
	display: block;
	font-weight: 600;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 0.4em 0;
}

.area-price .text-price {
	justify-content: flex-start;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0.5em 0;
	width: 100%;
	font-size: 1.7rem;
	line-height: 1.5;
	letter-spacing: 0.05em
}

.area-price .text-price span:first-child {
	margin-right: 2em;
}

.area-price .text-price small {
	font-size: 0.7em;
	margin: 0 0.25em
}

.area-price .text-price strong {
	font-size: 1.2em;
	color: #E60012 !important
}

.area-price .text-comment {
	font-size: 1.5rem;
	padding: 0;
	margin: 0.5em 0
}

.area-price .single article .accordion2 hr {
	display: block;
	opacity: 1;
	width: 100%;
	height: 1px;
	background: #555;
	padding: 0;
	margin: 2vw 0
}

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

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

@media screen and (max-width: 768px) {
	.area-price .accordion2 table {
		width: 100%;
		min-width: initial;
	}

	.area-price .accordion3 table th,
	.area-price .accordion3 table td {
		letter-spacing: 0;
	}

	.area-price .text-title {
		font-size: calc(2.0rem * 1.1);
		letter-spacing: 0;
	}

	.area-price .text-price {
		justify-content: space-between;
		font-size: calc(1.7rem * 1.1);
		letter-spacing: 0
	}

	.area-price .text-price span:first-child {
		margin-right: 1em;
	}

	.area-price .text-comment {
		font-size: calc(1.5rem * 1.1);
	}
}

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

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

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











/*-----------------------------------------------------------------------------------------
9002 page- 五色温泉オートキャンプ場予約〈注意事項〉 の「注意事項を確認しました。」
----------------------------------------------------------------------------------------- */
input[type=checkbox] {
	display: none;
}

.checkbox01 {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding: 0 0 0 1.5em;
	margin: 6.0rem 0 3.0rem 0;
	position: relative;
	width: auto;
	font-size: 2.0rem;
}

.checkbox01::before {
	background: #fff;
	border: 1px solid #231815;
	content: '';
	display: block;
	height: 16px;
	left: 5px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	width: 16px;
}

.checkbox01::after {
	display: block;
	content: '\f00c';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.1em;
	color:var(--color-blue);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0.25em, -50%);
	opacity: 0;
}

input[type=checkbox]:checked+.checkbox01::after {
	opacity: 1;
}





/* ----- */
#check_content li {
	pointer-events: none;
	opacity: 0.3;
}

input[type=checkbox]:checked~#check_content li {
	pointer-events: auto;
	opacity: 1;
}

.doui {
	display: block;
	padding: 0;
	margin: 0 0 5vw 0;
	text-align: center;
}

.doui .btn-more {
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.doui .btn-more li {
	display: block;
	padding: 0.25em;
	margin: 0;
}

.doui .btn-more li a {
	display: block;
	padding: 1.5rem 4.0rem;
	margin: 0;
	background:var(--color-blue);
	height: 7.5rem;
	border-radius: 1.0rem
}

.doui .btn-more li a img {
	width: auto;
	height: 100%;
}


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

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

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

	.reservation_information article {
		padding-right: 3.5rem;
	}
}

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

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

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










/*-----------------------------------------------------------------------------------------
9003 page 固定ページのTYPO
----------------------------------------------------------------------------------------- */
article .post-type-page h1,
article .post-type-page h2,
article .post-type-page h3,
article .post-type-page h4,
article .post-type-page h5,
article .post-type-page h6,
article .post-type-page p,
article .post-type-page dt,
article .post-type-page dd,
article .post-type-page li,
article .post-type-page pre {
	color: Red;
	font-size: 1.6rem;
	line-height: 1.3;
	font-weigh: 400;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;
	position: static;
	padding: 0;
	margin: 0 0 0.9em 0;
	letter-spacing: 0.02em;
}

article .post-type-page ul,
article .post-type-page ol {
	font-size: 1.6rem;
	padding: 0;
	margin: 3.0rem 0;
}

article .post-type-page ul li,
article .post-type-page ol li {
	list-style-type: disc;
	list-style-position: outside;
	font-size: inherit;
	lone-height: inherit;
	font-weight: 400;
	color: var(--color-font);
	padding: 0;
	margin: 0 0 0.75em 1.75em;
	line-height: 1.4;

}

article .post-type-page ol li {
	list-style-type: demisc;
}

article .post-type-page p {
	padding: 0;
	color: var(--color-font);
	font-size: 1.6rem;
	line-height: 1.9;
	font-weight: 400;
}

article .post-type-page pre {
	font-size: 1.6rem;
	background: #f5f5f5;
	padding: 1.5em 0.5em;
	margin: 2em 0;
	width: 100%;
	overflow: auto;
	border: 1px solid #999;
	COLOR: var(--color-font);
}

article .post-type-page h1 {
	color: var(--color-font);
	font-size: calc(1.6rem * 2);
	font-weight: 600;
}

article .post-type-page h2 {
	color: var(--color-font);
	font-size: calc(1.6rem * 1.6);
	font-weight: 600;
}

article .post-type-page h3 {
	color: var(--color-font);
	font-size: calc(1.6rem * 1.4);
	font-weight: 400;
}

article .post-type-page h4 {
	color: var(--color-font);
	font-size: calc(1.6rem * 1.3);
	font-weight: 600;
}

article .post-type-page h5 {
	color: var(--color-font);
	font-size: calc(1.6rem * 1.2);
	font-weight: 400;
}

article .post-type-page h6 {
	color: var(--color-font);
	font-size: calc(1.6rem * 0.8);
	font-weight: 400;
}

h2.kotei-page-title {
	border-top: 2px solid var(--color-font);
	border-bottom: 2px solid var(--color-font);
	padding: 0.3em 0;
	margin: 0 0 4.5rem 0;
	line-height: 1.4;
	font-size: 5.0rem;
	font-weight: 600;
}

h2.kotei-page-title span,
h2.kotei-page-title small {
	display: block;
	text-align: center;
}


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

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

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

	.reservation_information article {
		padding-right: 3.5rem;
	}


	article .post-type-page h1 {
		color: var(--color-font);
		font-size: calc(1.6rem * 2 * 0.9);
		font-weight: 600;
	}

	article .post-type-page h2 {
		color: var(--color-font);
		font-size: calc(1.6rem * 1.6 * 0.9);
		font-weight: 600;
	}

	h2.kotei-page-title {
		font-size: 5.5vw;

	}
}

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

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

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







/*-----------------------------------------------------------------------------------------
9004 single >>> TYPO 調整
----------------------------------------------------------------------------------------- */
/* ----- ADD 2024-07-21 ----- */
.single article.contents_page_single h3 {
	word-break: keep-all;
	font-size: 12.0rem;
	width: 100%;
}

.single article.contents_page_single h4 {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;
	padding: 0.4em 0;
	margin: 2em 0 0.5em;
	line-height: 1.3;
	background:var(--color-blue);
	color: white;
	text-align: center;
	font-weight: 600;
	font-size: 2.7rem;
}

.single article.contents_page_single h4 span {
	display: block;
	font-size: inherit;
	border: none;
	padding-bottom: 0.4em;
}

.single article.contents_page_single h4 small {
	display: block;
	font-size: 0.7em;
	border-top: 1px solid white;
	padding-top: 0.5em;
}

.single article.contents_page_single table,
table.price {
	width: auto;
	margin: 1.5rem 0 0.5rem;
	width: 100%;
}

.single article.contents_page_single table th,
.single article.contents_page_single table td,
table.price th,
table.price td {
	border: 3px solid white;
	padding: 0.75em 1.5em;
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.5;
	background: #e1e1e1;
	text-align: center;
	vertical-align: middle;
}

.single article.contents_page_single table th,
table.price th {}

.single article.contents_page_single table td,
table.price td {
	background: #eee;
}

.single article.contents_page_single blockquote p {
	line-height:1.7;
}

/* .single article img.size-full {
	margin:0.5rem 0;
} */
/*
.single article img.aligncenter {
	padding: 0;
	margin: 1.5rem auto 0.25rem auto !important;
} */

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

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

@media screen and (max-width: 768px) {
	.single article.contents_page_single .kaku-contents {
		width: calc(100% - 4.0rem);
	}

	.single article.contents_page_single h2 {
		top: -60vw;
		right: 6.0rem;
	}

	.single article.contents_page_single h3 {
		font-size: calc(12.0vw * 0.8);
	}

	.single article.contents_page_single h4 {
		font-size: calc(2.5rem * 1.2);
	}
}

@media screen and (max-width: 520px) {
	.single article.contents_page_single .kaku-contents {
		width: calc(100% - 5.0rem);
	}
}

@media screen and (max-width: 420px) {
	.single article.contents_page_single .kaku-contents {
		width: calc(100% - 4.0rem);
	}

	.single article.contents_page_single h2 {
		right: 5.0rem;
	}

	.single article.contents_page_single h4 {
		font-size: calc(2.5rem * 1.0);
	}
}

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




















































/*-----------------------------------------------------------------------------------------
9005 single >>> CAMP スライド
----------------------------------------------------------------------------------------- */
 /* button.slick-arrow,
.slick-prev,
.slick-next {
	display: block !important;
	background: #1B4A68 !important;
	width: 30px;
	height: 30px;
	z-index: 100;
} */

.single article.contents_page_single .slider-2 .price-sheet blockquote {
	margin-top: 0 !important;
}

.single article.contents_page_single .slider-2 {
	display: block;
	padding: 0.5rem;
	margin: 0;
	border:0rem solid #f3f3f3;
}

.single article.contents_page_single .slider-2 .price-sheet {
	width: auto;
	height: auto;
	padding: 2.0rem;
	margin: 0;
	border: 0px solid red;
}
.single article.contents_page_single .slider-2 .price-sheet blockquote {
	background: rgba(87, 182, 198, 0.5);
	background:rgba(220, 240, 243, 0.5);
	border-radius: 2.0rem;
	width: 100%;
	height: 100%;
	box-shadow: 0rem 0rem 2.0rem rgba(53, 139, 152, 0);
	border: 0px solid rgba(53, 139, 152, 0.1);
	padding: 3.0rem !important;
	margin: 0 !important;
}

.single article.contents_page_single .slider-2 table.setsumei,
table.setsumei {
	width: 100%;
	margin: 0 0 1.5rem 0;
	border: none;
}

.single article.contents_page_single .slider-2 table.setsumei th,
.single article.contents_page_single .slider-2 table.setsumei td,
table.setsumei th,
table.setsumei td {
	border: 1px solid var(--color-blue);
	display: block;
	width: 100%;
	background: var(--color-blue);
	color: white;
	font-size: 2.0rem;
	line-height: 1.5;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	padding: 0.3em 0.1em;
	border-top: none;
}

.single article.contents_page_single .slider-2 table.setsumei td,
table.setsumei td {
	color: var(--color-font);
	background: white;
	font-weight: 400;
	font-size: 1.6rem;
}

.single article.contents_page_single .slider-2 p {
	font-size: 1.5rem;
	line-height: 1.7;
	padding: 0;
	margin: 1.5rem 0;
}

.single article.contents_page_single .slider-2 p.setsumeibun {
	min-height: 8em;
}

.single article.contents_page_single .slider-2 .setsumeibun-plus {
	border:0px solid red;
}

.single article.contents_page_single .slider-2 figure {
	padding: 0;
	margin: .5rem 0;
}

.single article.contents_page_single .slider-2 figure img {
	padding: 0;
	margin: 0;
}

.ticket {
	padding: 0;
	margin: 3.0rem auto;
	width: 55%;
}

.ticket img {
	padding: 0;
	margin: 0 !important;
}

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

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

@media screen and (max-width: 768px) {
	.single article.contents_page_single .slider-2 .price-sheet {
		padding: 1.5rem;
	}
	.single article.contents_page_single .slider-2 .price-sheet blockquote {
	}

	.single article.contents_page_single .slider-2 table.setsumei {
	}

	.single article.contents_page_single .slider-2 table.setsumei th,
	.single article.contents_page_single .slider-2 table.setsumei td,
	table.setsumei th,
  table.setsumei td {
		font-size: calc( 2.0rem * 1.1 );
	}

	.single article.contents_page_single .slider-2 table.setsumei td,
	table.setsumei td {

		font-size: calc( 1.6rem * 1.1 );
	}

	.single article.contents_page_single .slider-2 p {
		font-size: calc( 1.5rem * 1.1 );
	}

	.ticket {
		margin: 1.5rem auto;
	}
}

@media screen and (max-width: 520px) {
	.single article.contents_page_single .slider-2 .price-sheet {
		padding: .5rem;
	}
	.single article.contents_page_single .slider-2 .price-sheet blockquote {
		padding:2.0rem !important
	}

	.single article.contents_page_single .slider-2 table.setsumei th,
	.single article.contents_page_single .slider-2 table.setsumei td,
	table.setsumei th,
	table.setsumei td {
		font-size: calc( 2.0rem * 1.0 );
	}

	.single article.contents_page_single .slider-2 table.setsumei td,
	table.setsumei td {

		font-size: calc( 1.6rem * 1.0 );
	}

	.single article.contents_page_single .slider-2 p {
		font-size: calc( 1.5rem * 1.0 );
	}

	.ticket {
		width:100%;
	}

}

@media screen and (max-width: 420px) {
	.single article.contents_page_single .slider-2 .price-sheet blockquote {
		padding:1.5rem 1.0rem !important
	}
}

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



/*








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

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

@media screen and (max-width: 768px) {
	.single article.contents_page_single .slider-2 .price-sheet {
		padding: 1.0rem;
	}

	.single article.contents_page_single .slider-2 .price-sheet blockquote {
		padding: 2.0rem !important;
	}

	.single article.contents_page_single .slider-2 table th,
	.single article.contents_page_single .slider-2 table td {
		font-size: calc(2.0rem * 1.1);
	}

	.single article.contents_page_single .slider-2 table td {
		font-size: calc(1.6rem * 1.1);
	}

	.single article.contents_page_single .slider-2 p {
		font-size: calc(1.6rem * 1.1);
	}

	.ticket {
		padding: 0;
		margin: 3.0rem auto;
		width: 80%;
	}
}

@media screen and (max-width: 520px) {
	.single article.contents_page_single .slider-2 {
	padding: 1.5rem 0.5rem;
}
	.single article.contents_page_single .slider-2 .price-sheet {
		padding: 1.0rem;
	}

	.single article.contents_page_single .slider-2 .price-sheet blockquote {
		padding: 1.5rem !important;
	}

	.single article.contents_page_single .slider-2 table th,
	.single article.contents_page_single .slider-2 table td {
		font-size: calc(2.0rem * 0.9);
	}

	.single article.contents_page_single .slider-2 table td {
		font-size: calc(1.6rem * 0.9);
	}

	.single article.contents_page_single .slider-2 p {
		font-size: calc(1.6rem * 0.9);
	}

	.ticket {
		width: 85%;
	}
}

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

@media screen and (max-width: 370px) {} */