/*----------------------------------------------------
** MARINE RESORT SHODOSHIMA / top.css
** Ver.1.0.0
** copyright 2020 GRANTEST Inc.
**----------------------------------------------------
** common settings
**----------------------------------------------------*/
#wcDebugWrap {
	display: none;
}

.container {
	position: relative;
	z-index: 2;
}
div.wccatchcopy {
	background-color: rgba(0,0,0,0) !important;
}
div.wccatchcopy div.wcinner > * {
	color: #fff !important;
}



/*kome*/
.kome{
	display: flex;
	font-size: 0.9rem;
}
.kome.white{
	color: #fff;
}
.kome::before{
	content: "※";
	flex: none;
	font-size: 0.9rem;
	margin-right: 0.25rem;
}
.kome.white::before{
	color: #fff;
}
/*----------------------------------------------------
** slider settings
**----------------------------------------------------*/
.topslider {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}
body[wc-view-type="pc"] .topslider,
body[wc-view-type="tb-l"] .topslider {
	--dotcolor: rgba(0,0,0,0.8);
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .topslider {
	--dotcolor: rgba(0,0,0,0.4);
}
.topslider > * {
	height: 100%;
}
.topslider::before {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	background: radial-gradient(var(--dotcolor) 1px, rgba(0,0,0,0.2) 0),radial-gradient(var(--dotcolor) 1px, rgba(0,0,0,0.2) 0);
	background-position: 0px 0,3px 3px;
	background-size: 6px 6px;
	mix-blend-mode: multiply;
}
.topslider::after {
	content: "";
	position: absolute;
	z-index: 3;
	height: 30vw;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
	mix-blend-mode: multiply;
}


/*----------------------------------------------------
** topimage settings
**----------------------------------------------------*/
.topimage {
	height: calc(var(--windowfixdheight) - var(--topcontentspos));
	position: relative;
	z-index: 1;
}
.topimage::after {
	bottom: -1px;
}
.topimage::after,
.popularity::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	width: 100%;
	padding-top: 10%;
	left: 0;
	background-image: url("../img/waveanime.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.topimage .inner {
	display: flex;
	width: var(--innerWidth);
	height: inherit;
	box-sizing: border-box;
	padding-bottom: 10vw;
}
body[wc-view-type="pc"] .topimage .inner,
body[wc-view-type="tb-l"] .topimage .inner {
	margin: 0 auto;
}
body[wc-view-type="pc"] .topimage .inner > *,
body[wc-view-type="tb-l"] .topimage .inner > * {
	width: 50%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .topimage .inner {
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.topimage .inner .logoarea {
	order: 1;
	transition: opacity 3s ease, transform 3s ease;
}
.topimage .inner .logoarea,
html.wcscrollheader .topimage .inner .logoarea {
	opacity: 0;
	transform: translateY(-10%);
}
html:not(.wcscrollheader) .topimage .inner .logoarea {
	opacity: 1;
	transform: translateY(0);
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .topimage .inner .logoarea {
	padding-bottom: 15vw;
}
body[wc-view-type="tb"] div.logoarea{
  padding-bottom: 10vw !important;
}
.topimage .inner .catchcopyarea {
	order: 2;
}
.topimage .inner .catchcopyarea h1 {
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 1.15rem;
	transition: opacity 3s 0.5s ease, transform 3s 0.5s ease;
}
.topimage .inner .catchcopyarea h1,
html.wcscrollheader .topimage .inner .catchcopyarea h1 {
	opacity: 0;
	transform: translateY(-10%);
}
html:not(.wcscrollheader) .topimage .inner .catchcopyarea h1 {
	opacity: 1;
	transform: translateY(0);
}
body[wc-view-type="pc"] .topimage .inner .catchcopyarea h1,
body[wc-view-type="tb-l"] .topimage .inner .catchcopyarea h1 {
	padding-bottom: 72px;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .topimage .inner .catchcopyarea h1 {
	padding-bottom: 15vw;
}
body[wc-view-type="tb"] div.catchcopyarea h1{
  padding-bottom: 10vw !important;
}
.topimage .inner .catchcopyarea .btnarea {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: auto;
	margin-left: auto;
	height: var(--headerBtnSize);
}
div.btnarea.insta{
  margin-top: 1rem;
}
body[wc-view-type="pc"] div.btnarea.insta{
  width:266px;
}
.topimage .inner .logomark {
	background-color: #fff;
	-webkit-mask-image: url("/img/mark.svg?1305");
	mask-image: url("/img/mark.svg?1305");
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-size: cover;
}
.topimage .inner .logotype {
	background-color: #fff;
	-webkit-mask-image: url("/img/type.svg?1323");
	mask-image: url("/img/type.svg?1323");
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-size: cover;
}
body[wc-view-type="pc"] .topimage .inner .logomark,
body[wc-view-type="tb-l"] .topimage .inner .logomark {
	width: 240px;
	height: 240px;
}
body[wc-view-type="pc"] .topimage .inner .logotype,
body[wc-view-type="tb-l"] .topimage .inner .logotype {
	width: 240px;
	height: 72px;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .topimage .inner .logomark {
	width: 50vw;
	height: 50vw;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .topimage .inner .logotype {
	width: 50vw;
	height: 15vw;
}
/*スライダーchrome修正*/
div.topslider div.cs_inner{
  height: calc(var(--fixdvh) * 100) !important;
}
div.topslider div.comboslider{
  height: calc(var(--fixdvh) * 100) !important;
}
div.topslider .cs_wrap[class*="fade"] .comboslider .cs_item{
  height: calc(var(--fixdvh) * 100) !important;
}
div.topslider .cs_wrap[class*="fade"] .comboslider .cs_item video:not(.wcnotinterfere){
  height: calc(var(--fixdvh) * 100) !important;
}
section.topimage{
  height: calc((var(--fixdvh) * 100) - var(--topcontentspos)) !important;
}
/*----------------------------------------------------
** location settings
**----------------------------------------------------*/
.location {
	background-color: #09e;
	padding-top: var(--headerHeight);
}
.location .infovideoarea {
}
.location > h1 {
	padding: 1rem 0;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	background-color: rgba(0,0,0,0);
	text-align: center;
}
.location > h1::before {
	width: 100%;
	font-family: 'Oswald';
	font-size: 3rem;
	font-weight: 700;
	display: block;
	opacity: 0.3;
	line-height: 3rem;
}
.location article {
	display: flex;
	padding: 1rem 0 3rem;
	position: relative;
	z-index: 1;
}
body[wc-view-type="sp"] .location article {
	flex-flow: column;
}
.location article.type_01 {
	background: -webkit-linear-gradient(top, rgba(0,153,238,1) 0%,rgba(19,172,103,1) 100%);
	background: linear-gradient(to bottom, rgba(0,153,238,1) 0%,rgba(19,172,103,1) 100%);
}
.location article.type_02 {
	background: -webkit-linear-gradient(top, rgba(19,172,103,1) 0%,rgba(0,74,115,1) 100%);
	background: linear-gradient(to bottom, rgba(19,172,103,1) 0%,rgba(0,74,115,1) 100%);
}
.location article.type_03 {
	background-color: rgba(0,74,115,1);
	padding-bottom: calc(10vw + 4rem + var(--headerBtnSize));
}
.location article::before,
.location article::after {
	content: "";
	display: block;
	position: absolute;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.location article::before {
	background-color: #fff;
	opacity: 0.5;
	z-index: 2;
}
body[wc-view-type="sp"] .location article::before {
	top: 0;
	width: 120px;
	height: 120px;
}
body:not([wc-view-type="sp"]) .location article::before {
	top: -80px;
	width: 240px;
	height: 240px;
}
body:not([wc-view-type="sp"]) .location article.type_01::before,
body:not([wc-view-type="sp"]) .location article.type_03::before {
	left: calc((var(--windowwidth,100vw) - var(--innerWidth)) / 2 );
}
body:not([wc-view-type="sp"]) .location article.type_02::before {
	right: calc((var(--windowwidth,100vw) - var(--innerWidth)) / 2 );
}
body[wc-view-type="sp"] .location article.type_01::before,
body[wc-view-type="sp"] .location article.type_03::before {
	right: 0;
}
body[wc-view-type="sp"] .location article.type_02::before {
	left: 0;
}
.location article.type_01::before {
	-webkit-mask-image: url("/img/moji_umi.svg");
	mask-image: url("/img/moji_umi.svg");
}
.location article.type_02::before {
	-webkit-mask-image: url("/img/moji_yama.svg");
	mask-image: url("/img/moji_yama.svg");
}
.location article.type_03::before {
	-webkit-mask-image: url("/img/moji_hoshi.svg");
	mask-image: url("/img/moji_hoshi.svg");
}
.location .bottombg {
	background-color: #000;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	-webkit-mask-image: -webkit-linear-gradient(top, transparent 10%,rgba(0,0,0,0.8) 60%,black 100%);
	mask-image: linear-gradient(to bottom, transparent 10%,rgba(0,0,0,0.8) 60%,black 100%);
}
.location .bottombg img {
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
}
.location article dl,
.location article .carouselwrap {
	position: relative;
	z-index: 1;
}
body:not([wc-view-type="sp"]) .location article dl {
	flex: none;
	width: 50%;
	box-sizing: border-box;
}
body[wc-view-type="sp"] .location article dl {
	order: 2;
}
.location article dl dt > * {
	font-size: 1.2rem;
	font-weight: 700;
	color: #fff;
	background-color: rgba(0,0,0,0);
}
body[wc-view-type="sp"] .location article dl {
	margin-top: -2rem;
	position: relative;
	z-index: 2;
}
body[wc-view-type="sp"] .location article.type_03 dl {
	padding-bottom: 2rem;
}
.location article dl > * {
	position: relative;
	z-index: 2;
}
body[wc-view-type="sp"] .location article dl dt > * {
	text-align: center;
}
.location article dl dd p {
	padding: 1rem 1.2rem 0;
	line-height: 1.8rem;
	color: #fff;
	background-color: rgba(0,0,0,0);
}
body:not([wc-view-type="sp"]) .location article .carouselwrap {
	flex: none;
	padding-top: 2rem;
	width: 50%;
}
body[wc-view-type="sp"] .location article .carouselwrap {
	order: 1;
	position: relative;
	z-index: 1;
}
body:not([wc-view-type="sp"]) .location article.type_01 .carouselwrap,
body:not([wc-view-type="sp"]) .location article.type_03 .carouselwrap {
	order: 1;
	-webkit-mask-image: -webkit-linear-gradient(left, black 0,black calc( 100% - 4.5rem),transparent calc( 100% - 0.75rem));
	mask-image: linear-gradient(to right, black 0,black calc( 100% - 4.5rem),transparent calc( 100% - 0.75rem));
}
body:not([wc-view-type="sp"]) .location article.type_02 .carouselwrap {
	-webkit-mask-image: -webkit-linear-gradient(left, transparent 0.75rem,black 4.5rem,black 100%);
	mask-image: linear-gradient(to right, transparent 0.75rem,black 4.5rem,black 100%);
}
body:not([wc-view-type="sp"]) .location article.type_01 dl,
body:not([wc-view-type="sp"]) .location article.type_03 dl {
	order: 2;
	padding-right: calc((var(--windowwidth) - var(--innerWidth)) / 2 );
}
body:not([wc-view-type="sp"]) .location article.type_02 dl {
	padding-left: calc((var(--windowwidth) - var(--innerWidth)) / 2 );
}
body[wc-view-type="sp"] .location article.type_01 .carouselwrap,
body[wc-view-type="sp"] .location article.type_03 .carouselwrap {
	clip-path: polygon(0 0, 100% 25%, 100% 100%, 0 75%);
}
body[wc-view-type="sp"] .location article.type_02 .carouselwrap {
	clip-path: polygon(0 25%, 100% 0%, 100% 75%, 0% 100%);
}
.location .carousel {
	height: 240px;
}
.location article.type_03 .btnarea {
	position: absolute;
	z-index: 3;
	display: flex;
	justify-content: center;
	bottom: calc(10vw + 2rem);
	left: 0;
	width: 100%;
}
.linkbtn {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	padding: 0 calc(var(--headerBtnSize) + 1rem ) 0 1.5rem;
	text-decoration: none;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	font-weight: 700;
	height: var(--headerBtnSize);
  white-space: nowrap;
}
div.btnarea.insta a.linkbtn{
  width: 100%;
}
div.slider a.linkbtn span{
  font-weight: 700;
  position: relative;
  z-index: 1;
  padding-left: 10px;
  display: block;
}
div.slider a.linkbtn span::before{
  content: "";
  position: absolute;
  display: block;
  width: calc(var(--headerBtnSize) - 6px);
  height: calc(var(--headerBtnSize) - 6px);
  left: -22px;
  top: -4px;
  background-color: #fff;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;  
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
@supports (-webkit-backdrop-filter: brightness(0.9) blur(4rem) saturate(1.1)) {
  .linkbtn {
		-webkit-backdrop-filter: brightness(0.9) blur(4rem) saturate(1.1);
		background-color: rgba(0,0,0,0.3);
	}
}
@supports (backdrop-filter: brightness(0.9) blur(4rem) saturate(1.1)) {
  .linkbtn {
		backdrop-filter: brightness(0.9) blur(4rem) saturate(1.1);
		background-color: rgba(0,0,0,0.3);
	}
}
.linkbtn::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	box-sizing: border-box;
	border: solid 1px #fff;
}
.linkbtn::after {
	content: "";
	position: absolute;
	z-index: 1;
	display: block;
	width: calc(var(--headerBtnSize) - 6px);
	height: calc(var(--headerBtnSize) - 6px);
	right: 3px;
	top: 3px;
	background-color: #fff;
	-webkit-mask-image: var(--wciconsrc);
	mask-image: var(--wciconsrc);
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-size: cover;
}


.popularity {
	position: relative;
	z-index: 1;
	background: -webkit-linear-gradient(top, #09e 0%, #09e calc(100% - 30vw),#7eccf0 100%);
	background: linear-gradient(to bottom, #09e 0%, #09e calc(100% - 30vw),#7eccf0 100%);
}
.popularity::before {
	top: 0;
	transform: translateY(calc(-100% + 1px));
}
.popularity .title {
	padding: var(--headerHeight) 0 2rem 0;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	background-color: rgba(0,0,0,0);
	text-align: center;
}
.popularity ul {
	list-style: none;
	list-style-position: outside;
	margin: 0 auto;
	max-width: 680px;
}
body[wc-view-type="sp"] .popularity ul {
	padding-bottom: 30vw;
	overflow: hidden;
}
body[wc-view-type="tb"] .popularity ul{
  padding-bottom: 30vw;
}
body[wc-view-type="pc"] .popularity ul {
	padding-bottom: 180px;
}
.popularity ul::after {
	content: "";
	display: block;
	width: 100%;
	height: 20vw;
	max-height: 180px;
	background-image: var(--cloud_right), var(--cloud_left);
	background-repeat: no-repeat;
	background-position: right bottom,left bottom;
	background-size: contain;
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	left: 0;
}
.popularity ul li {
	position: relative;
	z-index: 1;
}
@keyframes cloud-bound {
	0% {
		transform: scale(1) translate(0,0);
	}
	25% {
		transform: scale(1.05,0.95) translate(-10%,-3%);
	}
	50% {
		transform: scale(1,1.05) translate(2%,2%);
	}
	75% {
		transform: scale(0.95,1.02) translate(5%,-1%);
	}
	100% {
		transform: scale(1) translate(0,0);
	}
}
@keyframes csloaderfadeout {
	0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}



.popularity ul li::before,
.popularity ul li::after {
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	opacity: 0.4;
	position: absolute;
	z-index: -1;
	background-color: #fff;
	-webkit-mask-image: var(--wciconsrc);
	mask-image: var(--wciconsrc);
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-size: cover;
}
.popularity ul li.wcvisible::before {
	animation: cloud-bound 10s ease infinite;
}
.popularity ul li.wcvisible::after {
	animation: cloud-bound 12s ease infinite reverse;
}
.popularity ul li::before {
	top: 0;
	left: 0;
	-webkit-mask-image: url("/img/cloud_left.svg");
	mask-image: url("/img/cloud_left.svg");
}
.popularity ul li::after {
	bottom: calc( var(--headerHeight) * -1);
	right: 0;
	-webkit-mask-image: url("/img/cloud_right.svg");
	mask-image: url("/img/cloud_right.svg");
}
.popularity ul li dl > * {
	color: #fff;
	background-color: rgba(0,0,0,0);
}
.popularity ul li dt {
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5em;
	padding: var(--headerHeight) 1.2rem 1rem;
}
.popularity ul li dd {
	padding: 0 1.5rem;
	line-height: 1.8rem;
}



.lodgingarea > h1.title {
	position: relative;
	z-index: 1;
	background-color: rgba(0,0,0,0);
	color: #fff;
	font-weight: 700;
	text-align: center;
}
body[wc-view-type="sp"] .lodgingarea > h1.title {
	padding-top: 5vw;
	padding-bottom: 10vw;
	font-size: 1.5rem;
}
body:not([wc-view-type="sp"]) .lodgingarea > h1.title {
	padding-top: 5vw;
	padding-bottom: 5vw;
	font-size: 3.5rem;
}
body[wc-view-type="tb"] .lodgingarea > h1.title {
  font-size: 1.8rem;
}
body[wc-view-type="pc"] .lodgingarea > h1.title br{
  display: none;
}
/*
body:not([wc-view-type="sp"]) .lodgingarea > h1.title br {
	display: none;
}
*/
.lodgingarea > h1.title::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: -webkit-linear-gradient(top, #399 0%, #399 30%,#cce0cc calc(100% - 1vw),#cce0cc 100%);
	background: linear-gradient(to bottom, #399 0%, #399 30%,#cce0cc calc(100% - 1vw),#cce0cc 100%);
}
.lodgingarea > h1.title::after {
  content: "";
  position: absolute;
  z-index: -1;
	bottom: -1px;
  left: 0;
  display: block;
  width: 100%;
  height: 10vw;
  background-color: #fff8e5;
  -webkit-mask-image: url("/img/beach.svg");
  mask-image: url("/img/beach.svg");
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.lodgingarea > h1.title span.deco {
  font-weight: 700;
}
body[wc-view-type="sp"] .lodgingarea > h1.title span.deco {
  font-size: 3.5rem;
  line-height: 3.5rem;
}
body[wc-view-type="tb"] .lodgingarea > h1.title span.deco {
  font-size: 4.2rem;
  line-height: 4.2rem;
}
.lodgingarea > .explanation {
	background-color: #fff8e5;
	padding: 2rem 1.5rem;
	line-height: 1.8rem;
	font-size: 0.9rem;
	color: var(--defaultcolor);
}
body:not([wc-view-type="sp"]) .lodgingarea > .explanation {
	text-align: center;
}

.lodgingarea article.lodgingplanwrap,
.lodgingarea article.lodgingplanwrap [swipemenu][swipemenu-view="tab"] {
	background-color: #fff8e5;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .lodgingarea article.lodgingplanwrap .lodgingplanblock {
	position: relative;
	z-index: 1;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea article.lodgingplanwrap .lodgingplanblock {
	position: relative;
	z-index: 2;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .enjoymentcontent .enjoymenttitle {
	position: relative;
	z-index: 1;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .enjoymentcontent .enjoymenttitle h1 {
	position: relative;
	z-index: 2;
	background-color: rgba(0,0,0,0);
	color: #fff;
	height: 70vw;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	font-weight: 700;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea article.lodgingplanwrap .lodgingplanblock h1 {
	margin-left: var(--columnDif);
	line-height: 47px;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--defaultcolor);
}
.enjoymentcontent .enjoymenttitle h1::before,
.enjoymentcontent .enjoymenttitle h1::after {
	font-family: "Oswald";
	color: #399;
	opacity: 0.3;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .enjoymentcontent .enjoymenttitle h1::before,
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .enjoymentcontent .enjoymenttitle h1::after {
	font-size: 4rem;
	position: absolute;
	z-index: 1;
	line-height: 4rem;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .enjoymentcontent .enjoymenttitle h1::before {
	top: 0;
	left: 0;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .enjoymentcontent .enjoymenttitle h1::after {
	top: calc(70vw - 4rem);
	right: 0;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea article.lodgingplanwrap .lodgingplanblock h1::before,
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea article.lodgingplanwrap .lodgingplanblock h1::after {
	font-family: "Oswald";
	font-size: 7rem;
	position: absolute;
	z-index: 1;
	line-height: 7rem;
	color: #fff;
	opacity: 0.3;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea article.lodgingplanwrap .lodgingplanblock h1::before {
	top: 0;
	left: 0;
	transform: translate(7rem,47px) rotate(90deg);
	transform-origin: left top;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea article.lodgingplanwrap .lodgingplanblock h1::after {
	bottom: 0;
	left: 100%;
	transform: rotate(-90deg);
	transform-origin: left bottom;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .enjoymentcontent figure.titleimg[bg-webp] {
	position: absolute;
	z-index: -1;
	top: 47px;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: center center;
}
.enjoymentcontent figure.titleimg {
	background-image: var(--targetsrc);
	background-repeat: no-repeat;
	background-size: cover;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .enjoymentcontent .enjoymenttitle figure {
	display: block;
	overflow: hidden;
	clip-path: polygon(0 15vw, 100% 0%, 100% calc(100% - 15vw), 0% 100%);
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 70vw;
}
.lodgingarea article.lodgingplanwrap .lodgingplanblock p.explanation {
	color: var(--defaultcolor);
	font-size: 0.9rem;
	line-height: 1.8rem;
	position: relative;
	z-index: 1;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .lodgingarea article.lodgingplanwrap .lodgingplanblock p.explanation {
	padding: 2rem 1.5rem 1rem;
	z-index: 2;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .lodgingarea article.lodgingplanwrap .lodgingplanblock p.explanation::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	background: -webkit-linear-gradient(left, var(--wcBg) 0%,var(--wcBg) 38%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, var(--wcBg) 0%,var(--wcBg) 38%,rgba(255,255,255,0) 100%);
	clip-path: polygon(0 15vw, 100% 0%, 100% calc(100% - 15vw), 0% 100%);
	opacity: 0.5;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea article.lodgingplanwrap .lodgingplanblock .textwrap {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 2;
	top: 47px;
	left: 0;
	right: 0;
	bottom: 0;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea article.lodgingplanwrap .lodgingplanblock .textwrap::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	background: -webkit-linear-gradient(left, var(--wcBg) 0%,var(--wcBg) 38%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, var(--wcBg) 0%,var(--wcBg) 38%,rgba(255,255,255,0) 100%);
	clip-path: polygon(0 15vw, 100% 0%, 100% calc(100% - 15vw), 0% 100%);
	opacity: 0.5;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea article.lodgingplanwrap .lodgingplanblock p.explanation {
	color: #fff;
	writing-mode: vertical-rl;
	margin: auto 7rem;
	position: relative;
	z-index: 2;
	height: 60%;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea article.lodgingplanwrap {
	display: flex;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea article.lodgingplanwrap .lodgingplanblock {
	flex: none;
	width: calc( 360px + var(--columnDif));
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea article.lodgingplanwrap .servicelist {
	flex: none;
	position: relative;
	z-index: 2;
	width: calc( var(--windowwidth,100%) - 360px - var(--columnDif));
}


.lodgingarea [swipemenu-wrap="enjoyment"] article[swipemenu-item="vipglampingsite"],
.lodgingarea [swipemenu-wrap="enjoyment"] article[swipemenu-item="glampingsite"],
.lodgingarea [swipemenu-wrap="enjoyment"] article[swipemenu-item="glamorous"],
.lodgingarea [swipemenu-wrap="enjoyment"] article[swipemenu-item="angel"]{
	--baseMainColor: #974397;
	--baseMainAlphaColor: #ff716b00;
	--baseSubColor: #d5b4d5;
	--baseBgColor: #eee1ee;
}
/*.lodgingarea [swipemenu-wrap="enjoyment"] article[swipemenu-item="glampingsite"] {
	--baseMainColor: #ca5288;
	--baseMainAlphaColor: #ff716b00;
	--baseSubColor: #eabacf;
	--baseBgColor: #f4dce7;
}*/
.lodgingarea [swipemenu-wrap="enjoyment"] article[swipemenu-item="autosite"] {
	--baseMainColor: #ff915d;
	--baseMainAlphaColor: #ff915d00;
	--baseSubColor: #ffd3b6;
	--baseBgColor: #fff2e9;
}
.lodgingarea [swipemenu-wrap="enjoyment"] article[swipemenu-item="carsite"] {
	--baseMainColor: #a4cc6f;
	--baseMainAlphaColor: #a4cc6f00;
	--baseSubColor: #dcedc1;
	--baseBgColor: #f4faec;
}
.lodgingarea [swipemenu-wrap="enjoyment"] article[swipemenu-item="freesite"] {
	--baseMainColor: #f8b62d;
	--baseMainAlphaColor: #49bb8800;
	--baseSubColor: #fce2ab;
	--baseBgColor: #fef1d8;
}

.lodgingarea [swipemenu-wrap="enjoyment"] article[swipemenu-item] .swipeiteminner {
	background-color: var(--baseMainColor);
}



.lodgingarea [swipemenu-wrap="enjoyment"] article[swipemenu-item] .swipeiteminner::before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	background-color: var(--baseSubColor);
	opacity: 0.3;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea [swipemenu-wrap="enjoyment"] article[swipemenu-item] .swipeiteminner::before {
	width: 6rem;
	right: 4rem;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .lodgingarea [swipemenu-wrap="enjoyment"] article[swipemenu-item] .swipeiteminner::before {
	width: 2rem;
	right: 1rem;
}

.lodgingarea [swipemenu-wrap="enjoyment"] figure.titleimg {
	display: block;
	width: 100%;
}
.lodgingarea [swipemenu-wrap="enjoyment"] figure.titleimg::before {
	color: #fff;
	font-family: "Oswald";
	font-weight: 700;
	position: absolute;
	z-index: 3;
	white-space: nowrap;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea [swipemenu-wrap="enjoyment"] figure.titleimg::before {
	font-size: 7rem;
	line-height: 7rem;
	top: 0;
	right: 0;
	transform: rotate(-90deg) translate(0,-7rem);
	transform-origin: right top;
	opacity: 0.5;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]):not([wc-view-type="tb"]) .lodgingarea [swipemenu-wrap="enjoyment"] figure.titleimg::before {
	font-size: 5rem;
	line-height: 5rem;
	top: 0;
	right: 0;
	transform: rotate(-90deg) translate(0,-5rem);
	transform-origin: right top;
	opacity: 0.3;
}
body[wc-view-type="tb"] .lodgingarea [swipemenu-wrap="enjoyment"] figure.titleimg::before{
  font-size: 5.5rem;
  line-height: 5.5rem;
  top: 0;
	right: 0;
	transform: rotate(-90deg) translate(0,-5.5rem);
	transform-origin: right top;
	opacity: 0.3;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .lodgingarea [swipemenu-wrap="enjoyment"] figure.titleimg::after {
  content: "";
  background: -webkit-linear-gradient(top, var(--baseMainColor) 0%,var(--baseMainColor) 15%,var(--baseMainAlphaColor) 100%);
  background: linear-gradient(to bottom, var(--baseMainColor) 0%,var(--baseMainColor) 15%,var(--baseMainAlphaColor) 100%);
  position: absolute;
  z-index: 2;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
	height: 6rem;
  mix-blend-mode: lighten;
}
.lodgingarea [swipemenu-wrap="enjoyment"] figure.titleimg picture {
	display: block;
	position: relative;
	z-index: 1;
}
.lodgingarea [swipemenu-wrap="enjoyment"] figure.titleimg img {
	width: 100%;
	object-fit: cover;
}
body:not([wc-view-type="sp"]) .lodgingarea [swipemenu-wrap="enjoyment"] figure.titleimg img {
	height: 400px;
}
body[wc-view-type="tb"] .lodgingarea [swipemenu-wrap="enjoyment"] figure.titleimg img{
  height: 50vw;
}
.lodgingarea [swipemenu-wrap="enjoyment"] h1.servicetitle {
	position: relative;
	z-index: 2;
	font-size: 1.2rem;
	font-weight: 700;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea [swipemenu-wrap="enjoyment"] h1.servicetitle {
	font-size: 1.2rem;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .lodgingarea [swipemenu-wrap="enjoyment"] h1.servicetitle {
	font-size: 1.1rem;
}
.lodgingarea [swipemenu-wrap="enjoyment"] h1.servicetitle::before {
  content: "";
  display: block;
  background-image: var(--targetsrc);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  z-index: 2;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea [swipemenu-wrap="enjoyment"] h1.servicetitle::before {
	width: 316px;
	height: 316px;
	border-radius: 50%;
	border: solid 2px var(--baseMainColor);
	left: -60px;
	top: calc( -220px + 2rem);
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]):not([wc-view-type="tb"]) .lodgingarea [swipemenu-wrap="enjoyment"] h1.servicetitle::before {
  width: calc( 45vw - 4px);
  height: calc( 45vw - 4px);
  top: -15vw;
  left: -5vw;
  border-radius: 50%;
  border: solid 2px var(--baseMainColor);
}
body[wc-view-type="tb"] h1.servicetitle::before{
  width: calc( 40vw - 4px);
  height: calc( 40vw - 4px);
  top: calc(-29.5vw + 2rem);
  left: -8vw;
  border-radius: 50%;
  border: solid 2px var(--baseMainColor);
}
.lodgingarea [swipemenu-wrap="enjoyment"] h1.servicetitle::after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea [swipemenu-wrap="enjoyment"] h1.servicetitle::after {
	background: -webkit-linear-gradient(left, var(--baseMainColor) 0%,var(--baseMainAlphaColor) 100%);
	background: linear-gradient(to right, var(--baseMainColor) 0%,var(--baseMainAlphaColor) 100%);
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .lodgingarea [swipemenu-wrap="enjoyment"] h1.servicetitle::after {
	background: -webkit-linear-gradient(left, var(--baseMainAlphaColor) 0%,var(--baseMainColor) 100%);
	background: linear-gradient(to right, var(--baseMainAlphaColor) 0%,var(--baseMainColor) 100%);
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea [swipemenu-wrap="enjoyment"] h1.servicetitle {
	background-color: rgba(0,0,0,0);
	color: #fff;
	line-height: 3rem;
	padding-left: calc(260px + 1rem);
	margin-bottom: 100px;
	margin-top: -100px;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]):not([wc-view-type="tb"]) .lodgingarea [swipemenu-wrap="enjoyment"] h1.servicetitle {
	background-color: rgba(0,0,0,0);
	color: #fff;
	line-height: 3rem;
	padding-left: 43vw;
	margin-bottom: 5rem;
	margin-top: -5rem;
}
body[wc-view-type="tb"] h1.servicetitle{
  padding-left: calc(32vw + 1rem);
  background-color: rgba(0,0,0,0);
	color: #fff;
	line-height: 3rem;
  margin-bottom: 5rem;
	margin-top: -5rem;
}
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationwrap {
	position: relative;
	z-index: 3;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea [swipemenu-wrap="enjoyment"] .explanationwrap {
	display: flex;
	align-items: flex-end;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock {
	flex: none;
	width: calc(100% - 260px);
	padding-bottom: 1rem;
}
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock dl {
	padding-bottom: 1rem;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock dl {
	padding-left: 1.5rem;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock dl {
	padding-right: 3.5rem;
	padding-left: 1.5rem;
}
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock dl dt {
	background-color: rgba(0,0,0,0);
	color: #fff;
	font-size: 1.2rem;
	font-weight: 700;
}
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock dl dd {
	padding-top: 1rem;
	background-color: rgba(0,0,0,0);
	color: #fff;
	font-size: 0.9rem;
	line-height: 1.8rem;
}
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock dl dd {
	padding-top: 1rem;
	background-color: rgba(0,0,0,0);
	color: #fff;
	font-size: 0.9rem;
	line-height: 1.8rem;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock .scene {
	padding-left: 1.5rem;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock .scene {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock .scene h2.scenetitle {
	padding-right: 3rem;
	padding-left: 3rem;
	display: table;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--baseMainColor);
	background-color: rgba(0,0,0,0);
	line-height: 3rem;
	padding-bottom: 1rem;
	text-align: center;
}
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock .scene h2.scenetitle::before {
	content: "";
	display: block;
	width: 100%;
	height: 4rem;
	background-color: var(--baseBgColor);
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	clip-path: polygon( 10% 0, 10% 25%, 0 25%, 5% 62.5%, 0 100%, 15% 100%, 15% 75%, 85% 75%, 85% 100%, 100% 100%, 95% 62.5%, 100% 25%, 90% 25%, 90% 0);
}
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock .scene h2.scenetitle::after {
	content: "";
	display: block;
	width: 100%;
	height: 1rem;
	background-color: var(--baseMainColor);
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	clip-path: polygon(10% 0%, 15% 100%, 15% 0%, 85% 0%, 85% 100%, 90% 0%);
	opacity: 0.5;
}
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock .scene ul {
  list-style: none;
  list-style-position: outside;
  padding: 0.625rem 1.5rem 1.5rem 3rem;
  background-color: #fff;
  overflow: hidden;
  margin-top: -1.625rem;
	width: 100%;
  box-sizing: border-box;
}
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock .scene ul li {
	position: relative;
	z-index: 1;
	margin-top: 2rem;
	line-height: 1.5rem;
	font-weight: 700;
	color: var(--defaultcolor);
}
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock .scene ul li::before,
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock .scene ul li::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
}
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock .scene ul li::before {
	width: calc( 1.5rem - 4px);
	height: calc( 1.5rem - 4px);
	background-color: var(--baseBgColor);
	border: solid 2px var(--baseSubColor);
	top: 0;
	left: -2rem;
}
.lodgingarea [swipemenu-wrap="enjoyment"] .explanationblock .scene ul li::after {
	width: calc( 1.5rem - 8px);
	height: calc(( 1.5rem - 8px ) / 2);
	border-bottom: solid 2px var(--baseMainColor);
	border-left: solid 2px var(--baseMainColor);
	top: 0.25rem;
	left: -1.8rem;
	transform: rotate(-45deg);
}

body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) .enjoymentcontent .btnwrap {
	flex: none;
	width: 260px;
	box-sizing: border-box;
	padding: 0 1rem 1rem;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) .enjoymentcontent .btnwrap {
	display: table;
	width: 240px;
	box-sizing: border-box;
	padding: 2rem 1rem;
	margin: 0 auto;
}
.enjoymentcontent .btnwrap .btnarea + .btnarea {
	margin-top: 1rem;
}



section.bbqarea {
	background: -webkit-linear-gradient(top, #fff8e5 0%,var(--wcBg) 100%);
	background: linear-gradient(to bottom, #fff8e5 0%,var(--wcBg) 100%);
	--baseMainColor: #b08047;
	--baseMainAlphaColor: #b0804700;
	--baseSubColor: #c7ba9a;
	--baseBgColor: #e1dac8;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) section.bbqarea {
	padding-top: var(--headerHeight);
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) section.bbqarea {
	display: flex;
	flex-flow: row-reverse;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) section.bbqarea .enjoymenttitle {
	flex: none;
	width: calc( 360px + var(--columnDif));
	position: relative;
	z-index: 1;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) section.bbqarea .enjoymenttitle figure.titleimg {
	top: 0;
}
section.bbqarea .enjoymenttitle h1 {
	text-shadow: 0px 0px 0.25rem var(--baseMainColor),0px 0px 0.75rem var(--baseMainColor);
}
section.bbqarea .enjoymenttitle h1::before,
section.bbqarea .enjoymenttitle h1::after {
	text-shadow: none;
	color: var(--baseMainColor);
}
section.bbqarea .bbqblock > h2 {
	position: relative;
	z-index: 1;
	font-weight: 700;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) section.bbqarea .bbqblock {
	flex: none;
	position: relative;
	z-index: 2;
	width: calc( var(--windowwidth,100%) - 360px - var(--columnDif));
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) section.bbqarea .bbqblock > h2 {
	font-size: 1.2rem;
	background-color: rgba(0,0,0,0);
	color: #fff;
	line-height: 3rem;
	padding-left: calc(260px + 1rem);
	margin-bottom: 100px;
	margin-top: -100px;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) section.bbqarea .bbqblock > h2 {
	font-size: 1.1rem;
	background-color: rgba(0,0,0,0);
	color: var(--defaultcolor);
	line-height: 1.5rem;
	padding-left: 36vw;
	margin-bottom: 1rem;
	margin-top: 1rem;
	text-align: right;
	padding-right: 1rem;
}
section.bbqarea .bbqblock > h2::before {
  content: "";
  display: block;
  background-image: var(--targetsrc);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  z-index: 2;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) section.bbqarea .bbqblock > h2::before {
	width: 316px;
	height: 316px;
	border-radius: 50%;
	border: solid 2px var(--baseMainColor);
	left: -60px;
	top: calc( -220px + 2rem);
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) section.bbqarea .bbqblock > h2::before {
  width: calc( 45vw - 4px);
  height: calc( 45vw - 4px);
  bottom: -1rem;
  left: -5vw;
  border-radius: 50%;
  border: solid 2px var(--baseMainColor);
}
section.bbqarea .explanationwrap {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
body:not([wc-view-type="sp"]):not([wc-view-type="tb"]) section.bbqarea .explanationwrap {
	display: flex;
	align-items: flex-end;
}
section.bbqarea .explanation {
	color: var(--defaultcolor);
	line-height: 1.8rem;
	font-size: 0.9rem;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) section.bbqarea .explanation {
	margin: 0.5rem 1.5rem 0;
	padding: 1rem;
	position: relative;
	z-index: 2;
	background-color: var(--brightColorA75);
}
section.bbqarea .explanationwrap .imgbg {
  display: block;
  background-image: var(--targetsrc);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}
body:not([wc-view-type="pc"]):not([wc-view-type="tb-l"]) section.bbqarea .explanationwrap .imgbg {
  width: 45vw;
  height: 45vw;
  right: -1rem;
  bottom: 1rem;
}
section.bbqarea .btnwrap {
	position: relative;
	z-index: 2;
}




.enjoyment .explanationarea {
	background: -webkit-linear-gradient(top, #399 0%, #399 30%,#cce0cc calc(100% - 1vw),#cce0cc 100%);
	background: linear-gradient(to bottom, #399 0%, #399 30%,#cce0cc calc(100% - 1vw),#cce0cc 100%);
}
.enjoyment .explanationarea h1.title {
	position: relative;
	z-index: 1;
	padding-top: var(--headerHeight);
	padding-bottom: 10vw;
}
.enjoyment .explanationarea h1.title {
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	background-color: rgba(0,0,0,0);
	text-align: center;
}
.enjoyment .explanationarea h1.title span.deco {
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 3.5rem;
}
.enjoyment .explanationarea h1.title::before {
	width: 100%;
	font-family: 'Oswald';
	font-size: 3rem;
	font-weight: 700;
	display: block;
	opacity: 0.3;
	line-height: 3rem;
}
.enjoyment p.explanation {
	position: relative;

	z-index: 1;
	color: #333;
	padding: 1rem 1.2rem 2rem;
	line-height: 1.8rem;
}
.enjoyment .explanationarea p.explanation {
	background-color: #fff8e5;
}
body[wc-view-type="pc"] .enjoyment p.explanation {
	margin-bottom: auto;
	text-align: center;
}
body[wc-view-type="sp"] .enjoyment .enjoymentitem p.explanation {
	padding: 3.5rem 1.2rem 2rem;
	margin-top: -2.5rem;
	background-color: #fdfdfb;
}
.enjoyment .explanationarea p.explanation::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: calc(-10vw + 1px);
	left: 0;
	display: block;
	width: 100%;
	height: 10vw;
	background-color: #fff8e5;
	-webkit-mask-image: url("/img/beach.svg");
	mask-image: url("/img/beach.svg");
	-webkit-mask-position: center bottom;
	mask-position: center bottom;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-size: cover;
}
body[wc-view-type="pc"] .enjoyment .enjoymentitem {
	display: flex;
}
body[wc-view-type="pc"] .enjoyment .enjoymentitem.daytripwrap {
	flex-flow: row-reverse;
	padding-top: var(--headerHeight);
}
body[wc-view-type="pc"] .enjoyment .enjoymentitem > * {
	flex: none;
}
body[wc-view-type="pc"] .enjoyment .enjoymentitem .enjoymentitemblock {
	width: 360px;
	overflow: hidden;
	background-color: var(--wcBg);
	box-sizing: border-box;
}
body[wc-view-type="pc"] .enjoyment .enjoymentitem:not(.daytripwrap) .enjoymentitemblock {
	border-radius: 3rem 0 0 0;
	margin-left: var(--columnDif);
}
body[wc-view-type="pc"] .enjoyment .enjoymentitem.daytripwrap .enjoymentitemblock {
	border-radius: 0 3rem 0 0;
	margin-right: var(--columnDif);
}
body[wc-view-type="pc"] .enjoyment .enjoymentitem:not(.daytripwrap) .enjoymentitemblock {
	margin-top: calc(48px - var(--bordersize));
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
body[wc-view-type="pc"] .enjoyment .enjoymentitem .servicelist {
	width: calc(100% - 360px - var(--columnDif) * 2);
	margin-right: var(--columnDif);
}
body[wc-view-type="pc"] .enjoyment .enjoymentitem .scenelist {
	width: calc(100% - 360px - var(--columnDif) * 2);
	margin-left: var(--columnDif);
	background-color: var(--wcBg);
}
.enjoyment .enjoymentitem {
	background-color: var(--wcBg);
}
.enjoyment .enjoymentitem {
	background-color: #fff8e5;
}
.enjoyment .enjoymentitem .titleimg {
	display: block;
	position: relative;
	z-index: 1;
}
.enjoyment .enjoymentitem .titleimg.outdoor {
	display: table;
}
body[wc-view-type="sp"] .enjoyment .enjoymentitem .titleimg.maintype {
	-webkit-mask-image:  -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 10%,rgba(0,0,0,1) 60%);
	mask-image: radial-gradient(ellipse at center, rgba(0,0,0,0) 10%,rgba(0,0,0,1) 60%);
	-webkit-mask-position: center bottom;
	mask-position: center bottom;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 800% 200%;
	mask-size: 800% 200%;
	margin: 0 auto;
}
.enjoyment .enjoymentitem .titleimg picture {
	display: block;
}
.enjoyment .enjoymentitem .titleimg img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
body[wc-view-type="pc"] .enjoyment .enjoymentitem .titleimg.maintype,
body[wc-view-type="pc"] .enjoyment .enjoymentitem .titleimg.maintype picture,
body[wc-view-type="pc"] .enjoyment .enjoymentitem .titleimg.maintype picture img {
	height: 480px;
}
.enjoyment .enjoymentitem .enjoymenttitle {
	position: relative;
	z-index: 2;
	display: table;
	padding: 0 2rem;
	margin: -2.5rem auto 1rem;
}
.enjoyment .enjoymentitem .enjoymenttitle::before {
	content: "";
	display: block;
	width: 100%;
	height: 4rem;
	background: linear-gradient(to bottom, rgba(0,153,238,1) 0%,rgba(19,172,103,1) 100%);
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	clip-path: polygon( 10% 0, 10% 25%, 0 25%, 5% 62.5%, 0 100%, 15% 100%, 15% 75%, 85% 75%, 85% 100%, 100% 100%, 95% 62.5%, 100% 25%, 90% 25%, 90% 0);
}
.enjoyment .enjoymentitem .enjoymenttitle::after {
	content: "";
	display: block;
	width: 100%;
	height: 1rem;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	clip-path: polygon(10% 0%, 15% 100%, 15% 0%, 85% 0%, 85% 100%, 90% 0%);
}
.enjoyment .enjoymentitem .enjoymenttitle h1 {
	font-size: 1.2rem;
	font-weight: 700;
	position: relative;
	z-index: 2;
	color: #fff;
	background-color: rgba(0,0,0,0);
	line-height: 3rem;
	padding-bottom: 1rem;
	text-align: center;
	margin: 0 1.7rem;
}
.enjoyment .enjoymentitem .enjoymenttitle h1::after {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100%;
	line-height: 1rem;
	text-align: center;
	left: 0;
	bottom: -1rem;
	font-family: var(--alphabetType);
	color: rgba(0,0,0,0.5);
	font-size: 1rem;
}
.enjoyment .servicelist [swipemenu][swipemenu-view="tab"] {
	background-color: #fdfdfb;
}
body[wc-view-type="pc"] .enjoyment .servicelist[custom-height-check="false"] [swipemenu][swipemenu-view="tab"] {
	background-color: transparent;
}
body[wc-view-type="pc"] .enjoyment .servicelist[custom-height-check="true"] [swipemenu][swipemenu-view="tab"] {
	background-color: var(--wcBg);
}

/*
body[wc-view-type="sp"] .enjoyment .enjoymentitem h1 {
	background-color: #936134;
	cursor: #fff;
	font-size: 1.2rem;
	font-weight: 700;
	padding-left: 1rem;
}
*/

.enjoyment .servicelist {
	background-color: #fff8e5;
}
.enjoyment .servicelist [swipemenu][swipemenu-view="tab"] {
	background-color: #fdfdfb;
}
.enjoyment [swipemenu-wrap="enjoyment"] article[swipemenu-item="glampingsite"] {
	--baseMainColor: #ff716b;
	--baseMainAlphaColor: #ff716b00;
	--baseSubColor: #ffaaa5;
	--baseBgColor: #ffe5e4;
}
.enjoyment [swipemenu-wrap="enjoyment"] article[swipemenu-item="autosite"] {
	--baseMainColor: #ff915d;
	--baseMainAlphaColor: #ff915d00;
	--baseSubColor: #ffd3b6;
	--baseBgColor: #fff2e9;
}
.enjoyment [swipemenu-wrap="enjoyment"] article[swipemenu-item="carsite"] {
	--baseMainColor: #a4cc6f;
	--baseMainAlphaColor: #a4cc6f00;
	--baseSubColor: #dcedc1;
	--baseBgColor: #f4faec;
}
.enjoyment [swipemenu-wrap="enjoyment"] article[swipemenu-item="freesite"] {
	--baseMainColor: #49bb88;
	--baseMainAlphaColor: #49bb8800;
	--baseSubColor: #a8e6cf;
	--baseBgColor: #e5f7f1;
}
.enjoyment .servicelist [swipemenu][swipemenu-view="tab"] .swipemenuinner [swipemenu-target] {
	color: #fff;
}

body[wc-view-type="pc"] .service [swipemenu-wrap="service"] article .swipeiteminner {
	background-size: 80px 140px;
}
body[wc-view-type="sp"] .service [swipemenu-wrap="service"] article .swipeiteminner {
	background-size: 40px 70px;
}
body[wc-view-type="pc"] .enjoyment [swipemenu-wrap="enjoyment"] article figure,
body[wc-view-type="pc"] .enjoyment [swipemenu-wrap="enjoyment"] article figure picture,
body[wc-view-type="pc"] .enjoyment [swipemenu-wrap="enjoyment"] article figure picture img {
	height: 476px;
}
body[wc-view-type="pc"] .enjoyment [swipemenu-wrap="enjoyment"] article figure {
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 315px, 0 100%);
}
.enjoyment [swipemenu-wrap="enjoyment"] article figure::before {
	font-family: var(--alphabetType);
	color: #fff;
	position: absolute;
	z-index: 3;
	display: block;
	opacity: 0.5;
	mix-blend-mode: overlay;
}
body[wc-view-type="sp"] .enjoyment [swipemenu-wrap="enjoyment"] article figure::before {
	top: 0;
	right: 0;
	left: 0;
	font-size: 3rem;
	line-height: 2.5rem;
}
body[wc-view-type="pc"] .enjoyment [swipemenu-wrap="enjoyment"] article figure::before {
	top: 1rem;
	right: 1rem;
	left: 1rem;
	font-size: 5rem;
	line-height: 4rem;
}
body[wc-view-type="sp"] .enjoyment [swipemenu-wrap="enjoyment"] article figure:not(.bottomimg) {
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 20vw), 0% 100%);
}
body[wc-view-type="sp"] .enjoyment [swipemenu-wrap="enjoyment"] article figure.bottomimg {
	overflow: hidden;
	clip-path: polygon(0 0, 100% 20vw, 100% 100%, 0% 100%);
	position: absolute;
	bottom: 0;
}
body[wc-view-type="pc"] .enjoyment [swipemenu-wrap="enjoyment"] article figure.bottomimg {
	display: none;
}
.enjoyment .daytripwrap .sceneitem.bbqarea {
	position: relative;
	z-index: 1;
}
.enjoyment .daytripwrap figure.bottomimg {
	display: block;
	position: absolute;
	z-index: -1;
	width: 100%;
	bottom: 0;
	left: 0;
}
.enjoyment .daytripwrap figure.bottomimg img {
	width: 100%;
	height: auto;
}
.enjoyment [swipemenu-wrap="enjoyment"] article figure:not(.bottomimg)::after {
	content: "";
	background: -webkit-linear-gradient(top, var(--baseMainColor) 0%,var(--baseMainColor) 15%,var(--baseMainAlphaColor) 100%);
	background: linear-gradient(to bottom, var(--baseMainColor) 0%,var(--baseMainColor) 15%,var(--baseMainAlphaColor) 100%);
	position: absolute;
	z-index: 2;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	mix-blend-mode: lighten;
}
body[wc-view-type="sp"] .enjoyment [swipemenu-wrap="enjoyment"] article figure:not(.bottomimg)::after {
	height: 4rem;
}
body[wc-view-type="pc"] .enjoyment [swipemenu-wrap="enjoyment"] article figure:not(.bottomimg)::after {
	height: 6rem;
}


.enjoyment [swipemenu-wrap="enjoyment"] article figure picture {
	width: 100%;
	position: relative;
	z-index: 1;
}





.enjoyment [swipemenu-wrap="enjoyment"] article figure img {
	width: 100%;
	height: auto;
	object-fit: cover;
}




.enjoyment [swipemenu-wrap="enjoyment"] article .titleblock {
	position: relative;
	z-index: 2;
}
body[wc-view-type="sp"] .enjoyment [swipemenu-wrap="enjoyment"] article .titleblock {
	margin-top: -20vw;
}
.enjoyment [swipemenu-wrap="enjoyment"] article .titleblock::before {
	content: "";
	display: block;
	background-image: var(--targetsrc);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	z-index: 2;
	transition: opacity 0.6s ease, transform 0.6s ease;
}
body[wc-view-type="sp"] .enjoyment [swipemenu-wrap="enjoyment"] article .titleblock[bg-webp]::before {
  width: calc( 45vw - 4px);
  height: calc( 45vw - 4px);
  top: -15vw;
	left: -5vw;
	border-radius: 50%;
	border: solid 2px var(--baseMainColor);
}
body[wc-view-type="pc"] .enjoyment [swipemenu-wrap="enjoyment"] article .titleblock[bg-webp]::before {
  width: 50%;
	height: 320px;
	top: 0;
	left: 0;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.enjoyment [swipemenu-wrap="enjoyment"] article .titleblock h1 {
	font-weight: 700;
}
body[wc-view-type="sp"] .enjoyment [swipemenu-wrap="enjoyment"] article .titleblock h1 {
	background-color: var(--baseMainColor);
	clip-path: polygon(25vw 50%, 100% 0%, 100% 100%);
	margin-bottom: 1rem;
	color: #fff;
	text-align: right;
	line-height: 30vw;
	padding-right: 1rem;
}
body[wc-view-type="pc"] .enjoyment [swipemenu-wrap="enjoyment"] article .titleblock h1 {
	background-color: var(--baseMainColor);
	clip-path: polygon(50% 50%, 100% 0%, 100% 100%);
	margin-bottom: 1rem;
	color: #fff;
	text-align: right;
	line-height: 320px;
	padding-right: 2rem;
	margin-top: -320px;
	font-size: 1.5rem;
}
body[wc-view-type="pc"] .enjoyment [swipemenu-wrap="enjoyment"] article .titleblock dl {
	margin: -60px 3rem 0;
}
.enjoyment [swipemenu-wrap="enjoyment"] article .titleblock dl dt {
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--defaultcolor);
	text-align: center;
}
.enjoyment [swipemenu-wrap="enjoyment"] article .titleblock dl dd {
	padding: 2rem 1.5rem;
	position: relative;
	z-index: 1;
	font-size: 0.9rem;
	line-height: 1.8rem;
	color: var(--defaultcolor);
}
body[wc-view-type="sp"] .enjoyment [swipemenu-wrap="enjoyment"] article .titleblock dl dd::after {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	clip-path: polygon(0 25vw, 100% 0%, 100% calc(100% - 25vw), 0% 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 38%,rgba(255,255,255,0) 100%);
}




body[wc-view-type="sp"] .enjoyment [swipemenu-wrap="service"] article figure {
	background-color: #ff716b;
}
body[wc-view-type="sp"] .enjoyment [swipemenu-wrap="service"] article figure picture {
	display: block;
}



.enjoyment [swipemenu-wrap="enjoyment"] article .swipeiteminner {
	background: -webkit-linear-gradient(top, var(--wcBg) 0%,var(--baseBgColor) 100%);
	background: linear-gradient(to bottom, var(--wcBg) 0%,var(--baseBgColor) 100%);
}
.enjoyment .scene {
	position: relative;
	z-index: 2;
}
body[wc-view-type="sp"] .enjoyment .scene::before {
	content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff8e5;
}
body[wc-view-type="sp"] .enjoyment .scene::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 10vw;
  background-color: #fff8e5;
  -webkit-mask-image: url("/img/beach.svg");
  mask-image: url("/img/beach.svg");
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
body[wc-view-type="pc"] .enjoyment .servicecontents {
	padding-bottom: 2rem;
}
.enjoyment .scene h2.scenetitle {
	font-size: 1.2rem;
	font-weight: 700;
	position: relative;
	z-index: 1;
	color: #fff;
	background-color: rgba(0,0,0,0);
	line-height: 3rem;
	padding-bottom: 1rem;
	text-align: center;
	margin: 0 1.7rem;
}
body[wc-view-type="pc"] .enjoyment .scene h2.scenetitle {
	padding-right: 3rem;
	padding-left: 3rem;
	display: table;
	margin: 0 auto;
}
.enjoyment .scene h2.scenetitle::before {
	content: "";
	display: block;
	width: 100%;
	height: 4rem;
	background-color: var(--baseMainColor);
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	clip-path: polygon( 10% 0, 10% 25%, 0 25%, 5% 62.5%, 0 100%, 15% 100%, 15% 75%, 85% 75%, 85% 100%, 100% 100%, 95% 62.5%, 100% 25%, 90% 25%, 90% 0);
}
.enjoyment .scene h2.scenetitle::after {
	content: "";
	display: block;
	width: 100%;
	height: 1rem;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	clip-path: polygon(10% 0%, 15% 100%, 15% 0%, 85% 0%, 85% 100%, 90% 0%);
}
.enjoyment .scene ul {
	list-style: none;
	list-style-position: outside;
	padding: 1.625rem 0.5rem 1.5rem 3rem;
	background-color: #fff;
	overflow: hidden;
}
body[wc-view-type="sp"] .enjoyment .scene ul {
	margin: -1.625rem 0.5rem 0;
}
body[wc-view-type="pc"] .enjoyment .scene .btnwrap,
body[wc-view-type="sp"] .enjoyment .pcbtnarea,
body[wc-view-type="pc"] .enjoyment [act-swipemenu-id="glampingsite"] .pcbtnarea .btnwrap:not(.glampingsite),
body[wc-view-type="pc"] .enjoyment [act-swipemenu-id="autosite"] .pcbtnarea .btnwrap:not(.autosite),
body[wc-view-type="pc"] .enjoyment [act-swipemenu-id="carsite"] .pcbtnarea .btnwrap:not(.carsite),
body[wc-view-type="pc"] .enjoyment [act-swipemenu-id="freesite"] .pcbtnarea .btnwrap:not(.freesite) {
	display: none;
}
.enjoyment .pcbtnarea {
	margin-bottom: 1rem;
}
.enjoyment .pcbtnarea .linkbtn {
	background-color: rgba(0,0,0,0);
	max-width: 200px;
	margin: 0 auto 1rem;
}
.enjoyment .pcbtnarea .linkbtn span {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
body[wc-view-type="pc"] .enjoyment .btnwrap.glampingsite .linkbtn span {
	background-color: #ff716b;
}
body[wc-view-type="pc"] .enjoyment .btnwrap.autosite .linkbtn span {
	background-color: #ff915d;
}
body[wc-view-type="pc"] .enjoyment .btnwrap.carsite .linkbtn span {
	background-color: #a4cc6f;
}
body[wc-view-type="pc"] .enjoyment .btnwrap.freesite .linkbtn span {
	background-color: #49bb88;
}
body[wc-view-type="pc"] .enjoyment .scene ul {
	margin: -1.625rem 3rem 0;
	width: calc(100% - 6rem);
	box-sizing: border-box;
}
.enjoyment .scene ul li {
	position: relative;
	z-index: 1;
	margin-top: 2rem;
	line-height: 1.5rem;
	font-weight: 700;
	color: #333;
}
.enjoyment .scene ul li::before,
.enjoyment .scene ul li::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
}
.enjoyment .scene ul li::before {
	width: calc( 1.5rem - 4px);
	height: calc( 1.5rem - 4px);
	background-color: var(--baseBgColor);
	border: solid 2px var(--baseSubColor);
	top: 0;
	left: -2rem;
}
.enjoyment .scene ul li::after {
	width: calc( 1.5rem - 8px);
	height: calc(( 1.5rem - 8px ) / 2);
	border-bottom: solid 2px var(--baseMainColor);
	border-left: solid 2px var(--baseMainColor);
	top: 0.25rem;
	left: -1.8rem;
	transform: rotate(-45deg);
}
body[wc-view-type="sp"] .enjoyment .scene .btnarea.morebtnwrap {
  padding: 1rem 0 2rem;
  margin: 0 0.5rem;
  background-color: #fff;
  display: flex;
  justify-content: center;
}
body[wc-view-type="sp"] .enjoyment .scene .btnarea a.linkbtn,
.enjoyment .enjoymentitem.daytripwrap .btnwrap a.linkbtn {
	background-color: rgba(0,0,0,0);
}
body[wc-view-type="sp"] .enjoyment .scene .btnarea a.linkbtn::before,
.enjoyment .enjoymentitem.daytripwrap .btnwrap a.linkbtn::before {
	border: solid 1px var(--baseMainColor);
}
body[wc-view-type="sp"] .enjoyment .scene .btnarea a.linkbtn span:not(.wctextnone),
.enjoyment .enjoymentitem.daytripwrap .btnwrap a.linkbtn span:not(.wctextnone) {
	background-color:  var(--baseMainColor);
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
body[wc-view-type="sp"] .enjoyment .scene .btnarea:not(.morebtnwrap) a.linkbtn,
.enjoyment .enjoymentitem.daytripwrap .btnwrap .btnarea:not(.morebtnwrap) a.linkbtn {
	box-shadow: 0 0 .6rem -.3rem rgba(0,0,0,.4);
}
body[wc-view-type="sp"] .enjoyment .scene .btnarea:not(.morebtnwrap) a.linkbtn::before,
.enjoyment .enjoymentitem.daytripwrap .btnwrap .btnarea:not(.morebtnwrap) a.linkbtn::before {
	z-index: -1;
	background-color: rgba(0,0,0,0.25);
}
body[wc-view-type="sp"] .enjoyment .scene .btnarea:not(.morebtnwrap) a.linkbtn span:not(.wctextnone),
.enjoyment .enjoymentitem.daytripwrap .btnwrap .btnarea:not(.morebtnwrap) a.linkbtn span:not(.wctextnone) {
	opacity: 0.75;
}
body[wc-view-type="sp"] .enjoyment .servicecontents div.btnarea:not(.morebtnwrap),
.enjoyment .enjoymentitem.daytripwrap .btnwrap .btnarea:not(.morebtnwrap) {
  padding: var(--headerHeight) 0 calc(var(--headerHeight) * 1.5);
}
.enjoyment .servicecontents div.btnarea:not(.morebtnwrap),
.enjoyment .enjoymentitem.daytripwrap .btnwrap .btnarea:not(.morebtnwrap) {
  display: flex;
  justify-content: center;
  width: 100%;
}

.enjoyment .sceneitem.bbqarea {
	--baseMainColor: #b08047;
	--baseMainAlphaColor: #b0804700;
	--baseSubColor: #c7ba9a;
	--baseBgColor: #e1dac8;
	background-color: var(--baseBgColor);
}
.enjoyment .sceneitem.bbqarea figure.titleimg::before {
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	text-align: center;
	color: var(--baseBgColor);
	width: 100%;
	font-family: var(--alphabetType);
	font-size: 3rem;
	mix-blend-mode: overlay;
	opacity: 0.5;
	line-height: 2.5rem;
}
.enjoyment .sceneitem.bbqarea .tabblock {
	margin-top: calc(var(--headerBtnSize,2.5rem) * -1);
	background-color: var(--baseBgColor);
}
.enjoyment .sceneitem.bbqarea .tabblock .title {
	position: relative;
	z-index: 1;
	padding: 0 0.75rem;
	border-radius: 6px 6px 0 0;
	font-size: 0.95rem;
	font-weight: 700;
	color: #fff;
	box-shadow: 0 0 .6rem -.3rem rgba(0,0,0,.4);
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: var(--headerBtnSize,2.5rem);
	box-sizing: border-box;
	user-select: none;
	background-color: var(--baseMainColor);
	margin: 0 auto;
	width: max-content;
}
.enjoyment .sceneitem.bbqarea .tabblock .title::before,
.enjoyment .sceneitem.bbqarea .tabblock .title::after {
  content: "";
  display: block;
  width: 8px;
  height: 4px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
	background-color: var(--baseMainColor);
}
.enjoyment .sceneitem.bbqarea .tabblock .title::before {
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2064%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M32%200h32v32h-64c17.673%200%2032-14.327%2032-32z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2064%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M32%200h32v32h-64c17.673%200%2032-14.327%2032-32z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  -webkit-mask-position: left bottom;
  mask-position: left bottom;
  left: -4px;
}
.enjoyment .sceneitem.bbqarea .tabblock .title::after {
  -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2064%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M32%200h-32v32h64c-17.673%200-32-14.327-32-32z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2064%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M32%200h-32v32h64c-17.673%200-32-14.327-32-32z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  -webkit-mask-position: right bottom;
  mask-position: right bottom;
  right: -4px;
}
.enjoyment .sceneitem.bbqarea .tabblock h1 {
	position: relative;
	z-index: 1;
	border-top: solid 4px var(--baseMainColor);
	margin-top: calc(var(--bordersize) * -1);
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--defaultcolor);
	text-align: center;
	padding-top: 2rem;
}
.enjoyment .sceneitem.bbqarea .tabblock p {
	padding: 1rem;
	line-height: 1.8rem;
}
.enjoyment .sceneitem.bbqarea .bbqcontents {
	margin: 1rem 1rem 0;
}
.enjoyment .sceneitem.bbqarea .bbqcontents .optitem {
	background-color: var(--wcBg);
	margin-top: 1rem;
}
.enjoyment .sceneitem.bbqarea .bbqcontents .optitem img {
	width: 100%;
	height: auto;
}
.enjoyment .enjoymentitem.daytripwrap .btnwrap {
	background: -webkit-linear-gradient(top, var(--baseBgColor) 0%,var(--wcBg) 100%);
	background: linear-gradient(to bottom, var(--baseBgColor) 0%,var(--wcBg) 100%);
	padding: 3rem 0;
}
.enjoyment .enjoymentitem.daytripwrap .btnwrap .btnarea {
	display: table;
	margin: 0 auto;
}



section.enjoy {
	position: relative;
	z-index: 1;
	background-color: var(--wcBg);
}
section.enjoy > figure {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
  width: 100vw;
}
section.enjoy > figure img {
	width: 100%;
	height: auto;
}
section.enjoy > h1 {
	position: relative;
	z-index: 2;
	padding: 3rem 0 0.75rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
}
body[wc-view-type="sp"] section.enjoy > h1 {
	font-size: 10vw;
}
body[wc-view-type="tb"] section.enjoy > h1{
  font-size: 8vw;
}
body[wc-view-type="pc"] section.enjoy > h1{
  font-size: 3.5rem;
  padding-top: 10rem;
}
section.enjoy .enjoylist {
	position: relative;
	z-index: 2;
}
section.enjoy .enjoylist [custom-height] {
	background-color: transparent !important;
}
section.enjoy .enjoylist[custom-height-check="true"] [custom-height] {
	background-color: var(--wcBg) !important;
}



section.information {
	background-color: var(--wcBg);
}
section.contact {
	background-color: var(--wcBg);
}


/*観光*/
div.spot_btn{
  display: table;
  margin: 0 auto;
}
div.spot_btn:nth-of-type(1){
  margin: 2rem auto;
}
div.spot_btn a{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 0 calc(var(--headerBtnSize) + 1rem ) 0 1.5rem;
  text-decoration: none;
  background-color: var(--defaultcolor);
  color: #fff;
  font-weight: 700;
  height: var(--headerBtnSize);
  width: 160px;
}
div.spot_btn a::after{
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: calc(var(--headerBtnSize) - 6px);
  height: calc(var(--headerBtnSize) - 6px);
  right: 0;
  top: 3px;
  background-color: #fff;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
div.spot_btn > p{
  margin-bottom: -1rem;
  margin-top: 1rem;
  padding-left: 1.5rem;
  position: relative;
  z-index: 1;
  font-size: 0.85rem;
  width: 240px;
  box-sizing: border-box;
}
div.spot_btn > p::before{
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  left: 0;
  top: 0;
  background-color: var(--defaultcolor);
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
/*楽しみ方*/
article.enjoy{
}
article.enjoy h1,
article.spot h1{
  text-align: center;
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: var(--defaultcolor);
  padding-top: 1rem;
}
div.comming_soon{
  font-size: 3rem;
  color: #bbb;
  font-weight: 700;
  font-family: 'Oswald';
  display: table;
  margin: 0 auto;
  border: solid 2px #bbb;
  padding: 2rem;
}
/*小豆島を知る*/
/*div.top_know_box{
  position: relative;
  z-index: 1;
}
div.top_know_box::after{
  width: 650px;
  height: 300px;
  background-color: #4ec18d;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 2;
  content: "";
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
body[wc-view-type="sp"] div.top_know_box::after{
  width: 100vw;
  height: 60vw;
}
div.top_know_box > h2{
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 3rem;
  transform: translateX(-50%);
  font-size: 1.5rem;
  line-height: 3rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
div.top_know_box > h2 span{
  font-size: 2rem;
  font-weight: 700;
}
div.top_know_box div.img_area{
  width: 100vw;
  display: flex;
}
div.top_know_box div.img_area figure{
  width: 50%;
}
div.top_know_box div.img_area figure img{
  width: 100%;
  object-fit: cover;
  height: 300px;
}
body[wc-view-type="sp"] div.top_know_box div.img_area figure img{
  height: 60vw;
}
*/

div.know_box{
  margin: var(--headerHeight) auto 0 auto;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
body:not([wc-view-type="sp"]) div.know_box{
  display: flex;
}
body[wc-view-type="pc"] div.know_box:nth-last-of-type(2n),
body[wc-view-type="tb"] div.know_box:nth-last-of-type(2n),
body[wc-view-type="tb-l"] div.know_box:nth-last-of-type(2n){
  flex-direction: row-reverse;
}
div.know_box.know01::before,
div.know_box.know02::before,
div.know_box.know03::before{
  position: absolute;
  z-index: 2;
  content: "";
  background-color: #000;
  opacity: 0.3;
  z-index: 2;
  width: 240px;
  height: 240px;
  top: -80px;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
body[wc-view-type="sp"] div.know_box.know01::before,
body[wc-view-type="sp"] div.know_box.know02::before,
body[wc-view-type="sp"] div.know_box.know03::before{
  width: 120px;
  height: 120px;
  top: calc(var(--headerHeight) * -1);
  opacity: 0.1;
}
div.know_box.know01::before{
  -webkit-mask-image: url("/img/moji_umi.svg");
  mask-image: url("/img/moji_umi.svg");
}
div.know_box.know02::before{
  -webkit-mask-image: url("/img/moji_yama.svg");
  mask-image: url("/img/moji_yama.svg");
}
div.know_box.know03::before{
  -webkit-mask-image: url("/img/shoku.svg");
  mask-image: url("/img/shoku.svg");
}
body[wc-view-type="pc"] div.know_box:nth-of-type(2n+1)::before{
  right:calc((100vw - 1100px) / 2);
}
body[wc-view-type="pc"] div.know_box:nth-of-type(2n)::before{
  left:calc((100vw - 1100px) / 2);
}
body[wc-view-type="tb"] div.know_box:nth-of-type(2n+1)::before{
  right:1rem;
}
body[wc-view-type="tb-l"] div.know_box:nth-of-type(2n+1)::before{
  right:2rem;
}
body[wc-view-type="tb"] div.know_box:nth-of-type(2n)::before{
  left:1rem;
}
body[wc-view-type="tb-l"] div.know_box:nth-of-type(2n)::before{
  left:1rem;
}
body[wc-view-type="sp"] div.know_box:nth-of-type(2n+1)::before{
  right:1rem;
}
body[wc-view-type="sp"] div.know_box:nth-of-type(2n)::before{
  left:1rem;
}
div.know_box > p{
  box-sizing: border-box;
  line-height: 1.8rem;
}
body[wc-view-type="sp"] div.know_box > p{
  padding: 0 1rem;
}
body:not([wc-view-type="sp"]) div.know_box > p{
  width: 50%;
  line-height: 1.8rem;
}
body[wc-view-type="tb"] div.know_box:nth-of-type(2n+1) > p{
  padding-left: 1rem;
  padding-right: 2rem;
}
body[wc-view-type="tb-l"] div.know_box:nth-of-type(2n+1) > p{
  padding-right: 2rem;
  padding-left: 2rem;
}
body[wc-view-type="tb"] div.know_box:nth-of-type(2n) > p{
  padding-right: 1rem;
  padding-left: 2rem;
}
body[wc-view-type="tb-l"] div.know_box:nth-of-type(2n) > p{
  padding-right: 2rem;
  padding-left: 2rem;
}
body[wc-view-type="pc"] div.know_box:nth-of-type(2n+1) > p{
  padding-left: calc((100vw - 1100px) / 2);
  padding-right: 2rem;
}
body[wc-view-type="pc"] div.know_box:nth-of-type(2n) > p{
  padding-right: calc((100vw - 1100px) / 2);
  padding-left: 2rem;
}
body:not([wc-view-type="sp"]) div.know_box > figure{
  width: 50%;
}
body[wc-view-type="sp"] div.know_box > figure{
  -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.75) 65%,rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.75) 65%,rgba(0,0,0,0) 100%);
}
body:not([wc-view-type="sp"]) div.know_box:nth-of-type(2n+1) > figure{
  -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 0%,rgba(0,0,0,0.75) 65%,rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to left, rgba(0,0,0,1) 0%,rgba(0,0,0,0.75) 65%,rgba(0,0,0,0) 100%);
}
body:not([wc-view-type="sp"]) div.know_box:nth-of-type(2n) > figure{
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.75) 65%,rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.75) 65%,rgba(0,0,0,0) 100%);
}
div.know_box > figure > picture{
  width: 100%;
  height: auto;
  display: block;
}
div.know_box > figure img{
  width: 100%;
  object-fit: cover;
  height: 350px;
}
body[wc-view-type="sp"] div.know_box > figure img{
  height: 50vw;
}
p.last_text{
  padding: var(--headerHeight) 0;
  line-height: 1.8rem;
  text-align: center;
  box-sizing: border-box;
}
body[wc-view-type="tb"] p.last_text,
body[wc-view-type="tb-l"] p.last_text{
  padding: var(--headerHeight) 2rem;
}
body[wc-view-type="sp"] p.last_text{
  text-align: left;
  padding: var(--headerHeight) 1rem;
}
/*バナーエリア*/
div.banner_area{
  padding: var(--headerHeight) 0 0 0;
  background-color: var(--wcBg);
}
body[wc-view-type="sp"] div.banner_area{
  padding: var(--headerHeight) 1rem 0 1rem;
}
div.banner_area div.banner{
  position: relative;
  z-index: 1;
}
body:not([wc-view-type="sp"]) div.banner_area div.banner{
  width: 650px;
  margin: 0 auto;
}
body[wc-view-type="sp"] div.banner_area div.banner{
  height: 150px;
}
body[wc-view-type="tb"] div.banner_area div.banner,
body[wc-view-type="tb-l"] div.banner_area div.banner,
body[wc-view-type="pc"] div.banner_area div.banner{
  height: 180px;
}
div.banner_area div.banner figure{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
div.banner_area div.banner figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.banner_area div.banner figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
div.banner_area div.banner > a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
/*マリンスポーツバナー記述*/
div.banner_area div.marine_sports div.marine_text{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
div.banner_area div.marine_sports div.marine_text > p{
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
body[wc-view-type="sp"] div.banner_area div.marine_sports div.marine_text > p{
  font-size: 1.45rem;
}
div.banner_area div.marine_sports div.marine_text > span{
  display: table;
  padding: 0.5rem 2.75rem 0.5rem 1rem;
  background-color: rgba(255,255,255,0.5);
  margin-top: 1rem;
  font-weight: 700;
  border: solid 1px #fff;
  backdrop-filter: blur(1.5px);
  position: relative;
  z-index: 1;
  color: var(--defaultcolor);
}
body[wc-view-type="sp"] div.banner_area div.marine_sports div.marine_text > span{
  margin-top: 0.85rem;
}
div.banner_area div.marine_sports div.marine_text > span::after{
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--defaultcolor);
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;
  position: absolute;
  right: 1rem;
}
/*インスタグラム*/
div.insta_block{
  padding: var(--headerHeight) 0;
  background-color: var(--wcBg);
}
body[wc-view-type="sp"] div.insta_block{
  padding: 1rem 1rem var(--headerHeight) 1rem;
  width: 100vw;
  box-sizing: border-box;
}
body[wc-view-type="tb"] div.insta_block,
body[wc-view-type="tb-l"] div.insta_block,
body[wc-view-type="pc"] div.insta_block{
  padding: 1.5rem 0 var(--headerHeight) 0;
}
div.insta_block.top_not{
  padding-top: var(--headerHeight) !important;
}
div.insta_block div.insta_btn{
  position: relative;
  z-index: 1;
  background-color: #fff;
}
body[wc-view-type="sp"] div.insta_block div.insta_btn{
  width: 100%;
}
body:not([wc-view-type="sp"]) div.insta_block div.insta_btn{
  width: 650px;
  margin: 0 auto;
}
div.insta_block div.insta_btn a{
  display: block;
  color: #fff;
  position: relative;
  z-index: 2;
  height: 180px;
  font-size: 1.8rem;
  text-decoration: none;
}
body[wc-view-type="sp"] div.insta_block div.insta_btn a{
  height: 150px;
  font-size: 1.4rem;
}
div.insta_block div.insta_btn a > span{
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  height: 180px;
  text-decoration: none;
  padding-bottom: 1rem;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
  font-weight: 700;
  padding: 1rem 0;
  text-align: center;
  width: 100%;
  padding: 2.5rem 5vw 1rem 7vw;
}
body[wc-view-type="sp"] div.insta_block div.insta_btn a > span{
  height: 150px;
  padding: 2.5rem 5vw 1rem 26vw;
}
div.insta_block div.insta_btn a > span > span.insta{
  content: "";
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
 -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  width: 120px;
  height: 120px;
  margin-bottom: 1rem;
  position: absolute;
  left: 7px;
}
[view-type="sp small"] div.insta_block div.insta_btn a > span > span.insta{
  left: -18px;
}
body:not([wc-view-type="sp"]) div.insta_block div.insta_btn a > span > span.insta{
  width: 180px;
  height: 180px;
  left: 38px;
}
div.insta_block div.insta_btn a > span > span.insta::after {
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  position: absolute;
  content: "";
  z-index: 5;
  width: 50%;
  height: 50%;
  bottom: 25px;
  left: 25px;
}
body:not([wc-view-type="sp"]) div.insta_block div.insta_btn a > span > span::after{
  width: 51%;
  height: 30%;
  bottom: 43px;
  left: 39px;
}
div.insta_block div.insta_btn a span.text::after{
  content: "随時更新中";
  width: 100px;
  padding: 0px 5px;
  background: #fff;
  color: #ff716b;
  display: inline-block;
  z-index: 5;
  font-size: 0.9rem;
  margin-top: 0.75rem;
  text-align: center;
}
body:not([wc-view-type="sp"]) div.insta_block div.insta_btn a > span.text::after{
  width: 100px;
  padding: 1px 10px;
  font-size: 1rem;
}
body[wc-view-type="sp"] div.insta_block div.insta_btn a > span.text::after{
  margin-top: 0.5rem;
}
div.insta_block div.insta_btn a > span span.text{
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  white-space: nowrap;
}
body[wc-view-type="sp"] div.insta_block div.insta_btn a > span span.text{
  font-size: 1.55rem;
}
[view-type="sp small"] div.insta_block div.insta_btn a > span span.text{
  font-size: 1.4rem;
}
div.insta_block div.insta_btn a::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  right: 0;
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  opacity: 0.25;
}
div.insta_block div.insta_btn figure{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
div.insta_block div.insta_btn figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.insta_block div.insta_btn figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.insta_block div.insta_btn p{
  position: absolute;
  width: 45%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  padding-bottom: 1rem;
  box-sizing: border-box;
}
/*2025年の変更よりbannerはこっちのcssの記述*/
.banner_block{
  display: flex;
  flex-wrap: wrap;
  gap:1rem;
  background-color: #fff;
  box-sizing: border-box;
  justify-content: center;
}
body[wc-view-type="sp"] .banner_block,
body[wc-view-type="tb"] .banner_block{
  flex-direction: column;
}
body[wc-view-type="sp"] .banner_block{
  gap:0.75rem;
  padding: var(--headerHeight) 1rem;
}
body[wc-view-type="tb"] .banner_block{
  padding: var(--headerHeight) 0;
  align-items: center;
}
body[wc-view-type="pc"] .banner_block{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.banner_block a{
  display: block;
}
body[wc-view-type="tb"] .banner_block a{
  width: 460px;
}
body[wc-view-type="pc"] .banner_block a{
  width: calc(50% - 0.5rem);
}
.banner_block a figure{
}
.banner_block a figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
.banner_block a figure img{
  width: 100%;
  height: 100%;
  object-fit: coverl
}
/*観光スポット*/
article.spot{
}
p.spot_text{
  text-align: center;
  line-height: 1.8rem;
  margin: 1rem 0;
}
.spotlistwrap {
  display: flex;
  overflow-x: auto;
	padding-left: 1rem;
}
.spotlistwrap > dl {
	flex: none;
	background-color: var(--wcBg);
  padding: 1rem;
	max-width: 320px;
  box-sizing: border-box;
	width: calc( 100% - 2rem);
	margin-right: 1rem;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.spotlistwrap > dl dt {
	flex: none;
  font-size: 1.2rem;
  color: var(--defaultcolor);
  font-weight: 700;
  margin-bottom: 1rem;
}
article.spot dl dd > figure {
}
article dl dd > figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
.spotlistwrap > dl dd > figure img{
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.spotlistwrap > dl dd {
	display: flex;
	height: 100%;
	flex-flow: column;
	justify-content: space-between;
}
.spotlistwrap > dl dd.between_start{
  justify-content: flex-start;
}
.spotlistwrap > dl dd .spot_btn {
	margin-top: auto;
}
.spotlistwrap > dl dd .spot_btn > a {
	margin-top: 1rem;
}

/*お知らせ*/
section.information{
  padding: var(--headerHeight) 0;
}
body[wc-view-type="sp"] section.information,
body[wc-view-type="tb"] section.information,
body[wc-view-type="tb-l"] section.information{
  padding: var(--headerHeight) 1rem;
  width: 100vw;
  box-sizing: border-box;
}
section.information > h1{
  padding: 1rem 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--defaultcolor);
  text-align: center;
}
section.information > h1::before{
  content: "INFORMATION";
  width: 100%;
  font-family: 'Oswald';
  font-size: 3rem;
  font-weight: 700;
  display: block;
  opacity: 0.3;
  line-height: 3rem;
  color: #000;
}
section.information p{
  text-align: center;
  margin: 1rem 0 2rem;
  color: var(--defaultcolor);
  line-height: 1.8rem;
}
body[wc-view-type="pc"] div.top_infomation,
body[wc-view-type="tb-l"] div.top_infomation{
  width: 760px;
  margin: 0 auto;
}
div.top_infomation > article{
  position: relative;
  z-index: 1;
  border-bottom: 1px solid var(--defaultcolor);
}
div.top_infomation > article:first-child{
  border-top: 1px solid var(--defaultcolor);
}
div.top_infomation > article a{
  display: block;
  padding-left: 120px;
  position: relative;
  z-index: 3;
  height: 45px;
  line-height: 45px;
  text-decoration: none;
  padding-right: calc(var(--headerBtnSize) + 1rem );
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.top_infomation > article a{
  padding-left: 100px;
  padding-right: var(--headerBtnSize);
}
div.top_infomation > article a::after{
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: calc(var(--headerBtnSize) - 6px);
  height: calc(var(--headerBtnSize) - 6px);
  right: 0;
  top: 3px;
  background-color: var(--defaultcolor);
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover; 
}
div.top_infomation > article a h1{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.top_infomation > article > time{
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  font-family: 'Oswald';
  font-size: 1.2rem;
  position: absolute;
}
body[wc-view-type="sp"] div.top_infomation > article > time{
  left: 0.5rem;
}
div.top_infomation > article a h1,
div.top_infomation > article time{
  color: var(--defaultcolor);
}
div.info_btn{
  display: table;
  margin: 2rem auto 0 auto;
}
div.info_btn a{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 0 calc(var(--headerBtnSize) + 1rem ) 0 1.5rem;
  text-decoration: none;
  background-color: var(--defaultcolor);
  color: #fff;
  font-weight: 700;
  height: var(--headerBtnSize);
}
div.info_btn a::after{
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: calc(var(--headerBtnSize) - 6px);
  height: calc(var(--headerBtnSize) - 6px);
  right: 0;
  top: 3px;
  background-color: #fff;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover; 
}
/*お問い合わせ*/
section.contact{
  padding: calc(var(--headerHeight) * 2) 0;
  width: 100vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
[wc-view-type="sp"] section.contact,
[wc-view-type="tb"] section.contact{
  background-image:url("../img/sp_sample_contact.webp")
}
[wc-view-type="pc"] section.contact,
[wc-view-type="tb-l"] section.contact{
  background-image:url("../img/pc_sample_contact.png");
}
body[wc-view-type="sp"] body.safari sectopm.contact,
body[wc-view-type="tb"] body.safari sectopm.contact{
  background-image: url("../img/pc_sample_contact.png");
}
body[wc-view-type="tb-l"] body.safari sectopm.contact,
body[wc-view-type="pc"] body.safari sectopm.contact{
  background-image: url("../img/pc_sample_contact.png");
}
section.contact > h1{
  color: #fff;
  padding: 1rem 0;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}
section.contact > h1::before{
  content: "CONTACT";
  width: 100%;
  font-family: 'Oswald';
  font-size: 3rem;
  font-weight: 700;
  display: block;
  opacity: 0.3;
  line-height: 3rem;
  color: #fff;
}
section.contact > p{
  text-align: center;
  color: #fff;
  line-height: 1.8rem;
  margin-bottom: 3rem;
  margin-top: 2rem;
}
body[wc-view-type="sp"] section.contact > p,
body[wc-view-type="tb"] section.contact > p{
  width: 100vw;
  padding: 0 1rem;
  box-sizing: border-box;
}
section.contact div.top_contact_box{
}
body[wc-view-type="tb"] section.contact div.top_contact_box{
  display: flex;
  padding: 0 3rem;
  box-sizing: border-box;
  width: 100vw;
}
body[wc-view-type="tb-l"] section.contact div.top_contact_box,
body[wc-view-type="pc"] section.contact div.top_contact_box{
  width: 760px;
  margin: 0 auto;
  display: flex;
}
body[wc-view-type="tb"] section.contact div.top_contact_box > dl{
  width: 50%;
}
body[wc-view-type="tb-l"] section.contact div.top_contact_box > dl,
body[wc-view-type="pc"] section.contact div.top_contact_box > dl{
  width: calc(50% - 2rem);
}
body[wc-view-type="tb"] section.contact div.top_contact_box > dl.telbox,
body[wc-view-type="pc"] section.contact div.top_contact_box > dl.telbox{
  margin-right: 1rem;
}
body[wc-view-type="sp"] section.contact div.top_contact_box dl.mailboxsss{
  margin-top: 3rem;
}
body[wc-view-type="tb"] section.contact div.top_contact_box > dl.mialbox,
body[wc-view-type="pc"] section.contact div.top_contact_box > dl.mialbox{
  margin-left: 1rem;
}
section.contact div.top_contact_box dl dt{
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 1.15rem;
}
section.contact div.top_contact_box dl.telbox dd{
}
section.contact div.top_contact_box dl.telbox dd div.tel{
  margin-top: 1rem;
}
section.contact div.top_contact_box dl.telbox dd div.tel > p{
  color: #fff;
  font-weight: 700;
  text-align: center;
}
section.contact div.top_contact_box dl.telbox dd div.tel > p span{
  display: inline-block;
  font-size: 0.7rem;
  padding: 0.2rem 0.4rem;
  border-radius: 0.55rem;
  background-color: var(--bottomcolor);
  color: var(--bottombg);
  margin: 0.2rem 0.4rem 0.2rem 0;
  line-height: 1;
}
section.contact div.top_contact_box dl.telbox dd div.tel a{
  display: block;
  padding-left: 3rem;
  font-size: 3rem;
  font-weight: 700;
  font-family: 'Oswald';
  position: relative;
  z-index: 1;
  text-decoration: none;
  color: #fff;
}
body[wc-view-type="sp"] section.contact div.top_contact_box dl.telbox dd div.tel a{
  display: table;
  margin: 0 auto;
}
section.contact div.top_contact_box dl.telbox dd div.tel a::before{
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: 3rem;
  height: 3rem;
  left: 0;
  top: 50%;
  background-color: #fff;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  transform: translateY(-50%);
}
body[wc-view-type="sp"] section.contact div.top_contact_box dl.mialbox{
  margin-top: 2rem;
}
section.contact div.top_contact_box dl.mialbox dd{
}
section.contact div.top_contact_box dl.mialbox dd div.{
}
div.white_btn{
  display: table;
  margin:1rem auto 0 auto;
}
div.white_btn a{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 0 calc(var(--headerBtnSize) + 1rem ) 0 1.5rem;
  text-decoration: none;
  background-color:#fff;
  color: #fff;
  font-weight: 700;
  height: var(--headerBtnSize);
  width: 12rem;
  color: var(--defaultcolor);
  box-sizing: border-box;
}
div.white_btn a::after{
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: calc(var(--headerBtnSize) - 6px);
  height: calc(var(--headerBtnSize) - 6px);
  right: 0;
  top: 3px;
  background-color: var(--defaultcolor);
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover; 
}
/*お問い合わせフォームのみ*/
div.mail_only{
  display: table;
  margin: 0 auto;
}
body[wc-view-type="tb"] div.mail_only,
body[wc-view-type="pc"] div.mail_only{
  width: fit-content;
  display: flex;
  margin: 0 auto;
}
body[wc-view-type="tb"] div.mail_only:nth-of-type(1) > div.white_btn,
body[wc-view-type="pc"] div.mail_only:nth-of-type(1) > div.white_btn{
  margin-right: 1rem;
  margin-top: 0;
}
body[wc-view-type="tb"] div.mail_only:nth-of-type(2) > div.white_btn,
body[wc-view-type="pc"] div.mail_only:nth-of-type(2) > div.white_btn{
  margin-left: 1rem;
  margin-top: 0;
}
body[wc-view-type="sp"] div.mail_only div.white_btn:nth-of-type(1){
  margin-top: 0;
}

body[wc-view-type="sp"] .contact .kome{
	padding: 0.3rem 1rem 0 1rem;
	box-sizing: border-box;
}
body[wc-view-type="tb"] .contact .kome{
	width: 600px;
	margin: 0.5rem auto 0 auto;
}
body[wc-view-type="pc"] .contact .kome{
	width: 600px;
	margin: 0.5rem auto 0 auto;
}