/* CSS Document */
/*アニメーション指定*/
section.news div.news_block > article.wcvisible figure img,
div.facility section.facility_contents > article.wcvisible div.f_img figure img,
section.online_shop div.online_block div.online_slider.wcvisible,
section.spot div.spot_flex article.wcvisible figure img,
div.link_box.wcvisible div.link_img figure img{
	animation: fade 2.3s cubic-bezier(.115,.405,.24,1) 0s forwards;
}
/*背景指定*/
main{
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-top: calc(var(--headerHeight) * -1);
}
main::before{
	content: "";
  width: 100vw;
  height: calc(var(--fixdvh) * 120);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -2;
	background-image:url("/img/back_image.webp");
}
body.safari main::before{
	background-image:url("/img/back_image.png");
}
/**/
#wcwrap{
	background-color: rgba(255,255,255,0) !important;
}
/*スライダー部分*/
section.top{
	position: relative;
	z-index: 1;
	display:flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
  background-color: #fff;
}
section.top > div.top_text{
	color: #fff;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: calc(var(--fixdvh) * 3);
	box-sizing: border-box;
}
section.top > div.top_text h2{
	display: flex;
	flex-direction: row-reverse;
}
body[wc-view-type="sp"]  section.top > div.top_text h2{
	width: 21.85vw;
}
body[wc-view-type="tb"]  section.top > div.top_text h2{
	width: 13vw;
}
body[wc-view-type="tb-l"]  section.top > div.top_text h2{
	width: 92px;
}
body[wc-view-type="pc"]  section.top > div.top_text h2{
	width: 106px;
}
section.top > div.top_text h2 span.t_text{
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	display: table;
	font-size: 1.75rem;
	font-weight: 500;
	-ms-filter: blur(4px);
  filter: blur(4px);
	transform: translateY(1rem);
  opacity: 0;
  -webkit-transition: filter 1200ms 200ms ease-out,transform 1200ms 200ms ease-out,opacity 1200ms 200ms ease-out;
  transition: filter 1200ms 200ms ease-out,transform 1200ms 200ms ease-out,opacity 1200ms 200ms ease-out;
}
/*
body[wc-view-type="sp"] section.top > div.top_text h1 span.t_text{
  -webkit-transition: filter 1200ms 1700ms ease-out,transform 1200ms 1700ms ease-out,opacity 1200ms 1700ms ease-out;
  transition: filter 1200ms 1700ms ease-out,transform 1200ms 1700ms ease-out,opacity 1200ms 1700ms ease-out;
}*/
section.top > div.top_text h2 span.t_text.wcvisible{
	opacity: 1;
	filter: blur(0);
	transform: translateY(0);
}
body[wc-view-type="sp"] section.top > div.top_text h2 span.t_text{
	font-size: 7.5vw;
}
body[wc-view-type="tb"] section.top > div.top_text h2 span.t_text{
	font-size: 4.5vw;
}
body[wc-view-type="tb-l"] section.top > div.top_text h2 span.t_text{
	font-size: 2rem;
}
body[wc-view-type="pc"] section.top > div.top_text h2 span.t_text{
	font-size: 2.3rem;
}
section.top > div.top_text h2 span.t_text.s_m_top{
	margin-top: 2rem;
  display: flex;
  align-items: center;
}
section.top > div.top_text h2 span.t_text span{
	font-size: 1.2rem;
  padding-right: 2vw;
  display: table;
  box-sizing: border-box;
	padding-bottom: 1vw;
}
body[wc-view-type="tb"] section.top > div.top_text h2 span.t_text span{
	padding-right: 1vw;
}
body[wc-view-type="tb-l"] section.top > div.top_text h2 span.t_text span{
	padding-right: 0.5rem;
}
body[wc-view-type="pc"] section.top > div.top_text h2 span.t_text span{
	padding-right: 0.75rem;
}
section.top > div.top_text span.scroll{
	display: block;
	width: 2.5rem;
	height: 5rem;
	position: absolute;
	z-index: 2;
	box-sizing: border-box;
	padding: 0.25rem 0 0 0.5rem;
	bottom: calc(var(--fixdvh) * 3);
}
section.top > div.top_text span.scroll::before,
section.top > div.top_text span.scroll::after{
	content: "";
	position: absolute;
	z-index: 3;
}
section.top > div.top_text span.scroll::before{
	width: 1px;
	height: 5.5rem;
	background-color: #fff;
	left: 0;
	bottom: 0;
}
section.top > div.top_text span.scroll::after{
	width: 1px;
	height: 1.2rem;
	background-color: #fff;
	left: 5px;
	transform: rotate(30deg);
	bottom: 0;
}
section.top > div.top_text span.scroll span{
	color: #fff;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	line-height: 1em;
	font-family: "CormorantInfant";
	font-size: 1.2rem;
}
div.top_slider_wrap{
	height: var(--windowfixdheight);
	width: 100vw;
}
div.top_slider_wrap  div.slider_box{
}
div.top_slider_wrap  div.slider_box figure{
	position: relative;
	z-index: 1;
	width: 100vw;
}
div.top_slider_wrap  div.slider_box figure::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background-color: rgba(0,0,0,0.5);
}
div.top_slider_wrap  div.slider_box figure picture{
	width: 100%;
	height: 100%;
	display: block;
}
div.top_slider_wrap  div.slider_box figure img{
	width: 100%;
	height: var(--windowfixdheight);
	object-fit: cover;
}
/*お知らせ*/
section.news{
	padding: var(--headerHeight) 0;
	box-sizing: border-box;
	background-color: #fff;
	position: relative;
	z-index: 1;
}
body[wc-view-type="sp"] section.news{
	padding: calc(var(--headerHeight) * 1.5) 0 36vw 7vw;
}
body[wc-view-type="tb"] section.news{
	padding: calc(var(--headerHeight) * 1.5) 0 calc((var(--headerHeight) * 1.5) + 10vw) 10vw;
}
body[wc-view-type="tb-l"] section.news{
	padding: calc(var(--headerHeight) * 1.5) 0 calc((var(--headerHeight) * 1.5) + 4vw) 10vw;
}
body[wc-view-type="pc"] section.news{
	padding: calc(var(--headerHeight) * 1.5) calc(((100vw - 1100px) / 2) - 1rem) calc((var(--headerHeight) * 2) + 5.2vw) calc((100vw - 1100px) / 2);
}
section.news > h2.contents_title::before{
	content: "News";
}
section.news div.news_block{
	display: flex;
	margin-top: 1.5rem;
	box-sizing: border-box;
}
body:not([wc-view-type="pc"]) section.news div.news_block{
	overflow-x: auto !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.content::-webkit-scrollbar{
  display:none;
}
section.news div.news_block > article{
	box-sizing: border-box;
	display: flex;
	flex-direction: column-reverse;
	flex: none;
	position: relative;
	z-index: 1;
	padding-right: 1rem;
}
body[wc-view-type="sp"] section.news div.news_block > article{
	max-width: 220px;
}
body[wc-view-type="tb"] section.news div.news_block > article{
	max-width: 250px;
}
body[wc-view-type="tb-l"] section.news div.news_block > article{
	max-width: 270px;
}
body[wc-view-type="pc"] section.news div.news_block > article{
	max-width: calc(100% / 4);
}
section.news div.news_block > article div.n_text{
	display: flex;
	flex-direction: column-reverse;
}
section.news div.news_block > article div.n_text h2{
	font-size: 1.25rem;
	font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
  padding-right: 2.25rem;
  box-sizing: border-box;
	line-height: 1em;
  height: 1.5rem;
}
section.news div.news_block > article div.n_text h2::after{
content: "";
  width: 2.5rem;
  height: 2.2rem;
  position: absolute;
  right: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #333;
  -webkit-mask-image: url("/img/svg/arrow.svg");
  mask-image: url("/img/svg/arrow.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: var(--headerBtnSize);
  mask-size: var(--headerBtnSize);
}
section.news div.news_block > article div.n_text time{
	font-family: "Number";
	font-size: 0.95rem;
	margin-top: 0.5rem;
	text-align: right;
}
section.news div.news_block > article figure{
}
section.news div.news_block > article figure picture{
	width: 100%;
	height: 100%;
	display: block;
}
section.news div.news_block > article figure img{
	width: 100%;
	height: auto;
	aspect-ratio: 1.168 / 1;
	object-fit: cover;
	opacity: 0;
}
section.news div.news_block > article.wcvisible figure img{
	-webkit-mask-image: url("/img/animation/ani_image.webp");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto 200%;
  -webkit-mask-position: center bottom;
  z-index: 0;
  mask-image: url("/img/animation/ani_image.webp");
  mask-mode: alpha;
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 200%;
  opacity: 1;
}
section.news div.news_block > article a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	display: block;
  box-sizing: border-box;
}
section.news div.btn{
  margin: 0 auto;
}
body[wc-view-type="sp"] section.news div.btn{
  padding-right: 7vw;
  margin-top: 1.5rem;
}
body[wc-view-type="tb"] section.news div.btn,
body[wc-view-type="tb-l"] section.news div.btn{
  margin-top: 2.5rem;
  padding-right: 10vw;
}
body[wc-view-type="pc"] section.news div.btn{
  margin-top: 2.5rem;
}
section.news figure.bottom_deco{
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	z-index: 2;
}
section.news figure.bottom_deco picture{
	width: 100%;
	height: 100%;
	display: block;
}
section.news figure.bottom_deco img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*コンセプト*/
section.concept{
	background: linear-gradient(to bottom, rgba(226,244,233,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-sizing: border-box;
	width: 100vw;
	position: relative;
	z-index: 1;
}
body[wc-view-type="sp"] section.concept{
	padding: var(--headerHeight) 0 calc(var(--headerHeight) * 1.5) 0;
}
body[wc-view-type="tb"] section.concept{
	padding: calc(var(--headerHeight) / 1.5) 10vw calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="tb-l"] section.concept{
	padding: var(--headerHeight) 10vw calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="pc"] section.concept{
	padding: var(--headerHeight) 0 calc(var(--headerHeight) * 1.5) 0;
	background:linear-gradient(to bottom, rgba(226,244,233,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
}
section.concept h2::before{
	content: "Concept";
}
/*
section.concept span.deco{
	position: absolute;
	width: 47px;
	height: 40px;
	background-color: #fff;
	mask-image: url("/img/svg/kesshou.svg");
  -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;
	z-index: 1;
}
body[wc-view-type="sp"] section.concept span.deco{
	width: 47px;
	height: 40px;
}
body[wc-view-type="pc"] section.concept span.deco{
	width: 75px;
	height: 72px;
}
section.concept span.deco.d01{
	left: 11vw;
	top: 4vw;
}
section.concept span.deco.d02{
	right: 11vw;
	top: 17vw;
}
section.concept span.deco.d03{
	left: 7vw;
	top: 40vw;
}
section.concept span.deco.d04{
	right: 16vw;
	top: 60vw;
}
body[wc-view-type="sp"] section.concept span.deco.d01{
	left: 11vw;
	top: 4vw;
}
body[wc-view-type="sp"] section.concept span.deco.d02{
	right: 11vw;
	top: 17vw;
}
body[wc-view-type="sp"] section.concept span.deco.d03{
	left: 7vw;
	top: 40vw;
}
body[wc-view-type="sp"] section.concept span.deco.d04{
	right: 16vw;
	top: 60vw;
}
body[wc-view-type="pc"] section.concept span.deco.d01{
	left: calc(((100vw - 1100px) / 2) + 23rem);
  top: 0px;
}
body[wc-view-type="pc"] section.concept span.deco.d02{
	right: calc(((100vw - 1100px) / 2) + 19rem);
  top: 88px;
}
body[wc-view-type="pc"] section.concept span.deco.d03{
	left: calc(((100vw - 1100px) / 2) + 16rem);
  top: 171px;
}
body[wc-view-type="pc"] section.concept span.deco.d04{
	right: calc(((100vw - 1100px) / 2) + 17rem);
  top: 230px;
}*/
section.concept > p.concept_title{
	text-align: center;
	margin-bottom: 2rem;
	margin-top: 2rem;
	position: relative;
	z-index: 2;
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
section.concept > p.concept_title.wcvisible{
	opacity: 1;
	filter: blur(0);
}
section.concept > p.concept_title span.opa1:last-of-type{
	margin-bottom: 0;
}
section.concept div.concept_text{
	box-sizing: border-box;
}
body[wc-view-type="sp"] section.concept div.concept_text{
	padding: 0 7vw 2rem 7vw;
}
section.concept div.concept_text > p{
	line-height: 2.8rem;
	margin-bottom: 1rem;
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
section.concept div.concept_text > p.wcvisible{
	opacity: 1;
	filter: blur(0);
}
body:not([wc-view-type="sp"]) section.concept div.concept_text > p{
	text-align: center;
}
section.concept div.concept_text > p:last-of-type{
	margin-bottom: 0;
}
body:not([wc-view-type="pc"]) section.concept div.concept_text > p br.pc{
  display: none;
}
section.concept div.btn{
	margin: 0 auto;
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
section.concept div.btn.wcvisible{
	opacity: 1;
	filter: blur(0);
}
body:not([wc-view-type="sp"]) section.concept div.btn{
	margin-top: 2rem;
}
/*施設案内*/
div.facility{
	position: relative;
	z-index: 1;
	background-color: rgba(0,0,0,0.5);
}
body[wc-view-type="tb"] div.facility,
body[wc-view-type="tb-l"] div.facility{
	padding-top: 2rem;
}
div.facility::before{
	content: "";
	position: absolute;
	left: 50%;
	top: -1px;
	transform: translateX(-50%);
	z-index: 2;
	background-color: #fff;
  mask-image: url("/img/svg/turara.svg");
  -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="sp"] div.facility::before,
body[wc-view-type="tb"] div.facility::before{
	width: 30vw;
	height: 9.375vw;
}
body[wc-view-type="tb-l"] div.facility::before{
	width: 208px;
  height: 77px;
}
body[wc-view-type="pc"] div.facility::before{
	width: 208px;
  height: 77px;
}
div.facility div.f_img_box{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
	position: relative;
	z-index: 1;
}
body[wc-view-type="sp"] div.facility div.f_img_box{
	height: 60vw;
}
body[wc-view-type="tb"] div.facility div.f_img_box{
	height: 40vw;
}
body[wc-view-type="tb-l"] div.facility div.f_img_box{
	height:30vw;
}
body[wc-view-type="pc"] div.facility div.f_img_box{
	height: 400px;
}
div.facility div.f_img_box::before{
		content: "";
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
  width: 4vw;
  height: 32vw;
  background-color: #fff;
  -webkit-mask-image:url("/img/svg/shizuku.svg");
  mask-image: url("/img/svg/shizuku.svg");
  -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;
	opacity: 0.2;
}
body[wc-view-type="tb"] div.facility div.f_img_box::before{
	width: 3.53vw;
  height: 28vw;
}
body[wc-view-type="tb-l"] div.facility div.f_img_box::before{
	width: 22px;
  height: 180px;
	top: 52%;
  left: 50%;
}
body[wc-view-type="pc"] div.facility div.f_img_box::before{
  top: 51%;
  left: 50%;
  width: 25px;
  height: 203px;
}
div.facility div.f_img_box p{
	position: relative;
	z-index: 2;
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
div.facility div.f_img_box p.wcvisible{
	opacity: 1;
	filter: blur(0);
}
div.facility div.f_img_box p span{
	display: table;
	color: #fff;
	font-size: 6vw;
	margin: 0 auto 1.5rem auto;
	line-height: 1em;
}
div.facility div.f_img_box p span:nth-of-type(2){
	margin-bottom: 0;
}
body[wc-view-type="sp"] div.facility div.f_img_box p span{
	font-size: 6vw;
}
body[wc-view-type="tb"] div.facility div.f_img_box p span{
	font-size: 4.5vw;
}
body[wc-view-type="tb-l"] div.facility div.f_img_box p span{
	font-size: 4vw;
}
body[wc-view-type="pc"] div.facility div.f_img_box p span{
	font-size: 2rem;
}
div.facility section.facility_contents{
	width: 100vw;
	box-sizing: border-box;
	padding-top: calc(var(--headerHeight) * 1.5);
	padding-bottom: calc(var(--headerHeight) * 1.5);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 5vw,rgba(255, 255, 255, 0.6) 10vw,rgba(255, 255, 255, 0.7) 15vw,rgba(255, 255, 255, 0.8) 20vw,rgba(255, 255, 255, 0.9) 30vw,rgb(255, 255, 255) 100%);
}
body[wc-view-type="sp"] div.facility section.facility_contents{
}
body[wc-view-type="tb"] div.facility section.facility_contents,
body[wc-view-type="tb-l"] div.facility section.facility_contents{
	padding: calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="pc"] div.facility section.facility_contents{
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 40px,rgba(255, 255, 255, 0.6) 70px,rgba(255, 255, 255, 0.7) 90px,rgba(255, 255, 255, 0.8) 120px,rgba(255, 255, 255, 0.85) 150px,rgba(255, 255, 255, 0.87) 170px,rgb(255, 255, 255) 100%);
}
div.facility section.facility_contents > h2.contents_title_center{
	margin-bottom: 1.5rem;
}

div.facility section.facility_contents > h2.contents_title_center{
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
div.facility section.facility_contents > h2.contents_title_center.wcvisible{
	opacity: 1;
	filter: blur(0);
}
div.facility section.facility_contents > h2.contents_title_center::before{
	content: "Facility";
}
div.facility section.facility_contents > article{
	display: flex;
	margin-bottom: var(--headerHeight);
	position: relative;
	z-index: 1;
}
body[wc-view-type="sp"] div.facility section.facility_contents > article{
	flex-direction:column-reverse;
}
body:not([wc-view-type="sp"]) div.facility section.facility_contents > article{
	margin: 0 auto var(--headerHeight) auto;
}
body[wc-view-type="pc"] div.facility section.facility_contents > article{
	width: 1100px;
	margin: 0 auto var(--headerHeight) auto;
}
body:not([wc-view-type="sp"]) div.facility section.facility_contents > article:nth-of-type(even){
	flex-direction: row-reverse;
}
body:not([wc-view-type="sp"]) div.facility section.facility_contents > article:lest-of-type{
	margin-bottom: 0;
}
div.facility section.facility_contents > article span.moji_deco{
	opacity: 0.4;
	font-size: 5rem;
	line-height: 1em;
	color: #333;
	position: absolute;
  z-index: -1;
}
body[wc-view-type="sp"] div.facility section.facility_contents > article span.moji_deco{
	font-size: 5rem;
	top: calc(55vw - 6rem);
}
body[wc-view-type="tb"] div.facility section.facility_contents > article span.moji_deco{
	font-size: 5.5rem;
  bottom: 3.5rem;;
}
body[wc-view-type="tb-l"] div.facility section.facility_contents > article span.moji_deco{
	font-size: 5.5rem;
  bottom: 2.5rem;;
}
body[wc-view-type="pc"] div.facility section.facility_contents > article span.moji_deco{
	font-size: 6.5rem;
  bottom: 2rem;;
}
div.facility section.facility_contents > article.orange span.moji_deco{
	color: #f7931e;
}
div.facility section.facility_contents > article.light_green span.moji_deco{
	color: #8cc63e;
}
div.facility section.facility_contents > article.sky_bulue span.moji_deco{
	color: #26a8e2;
}
body[wc-view-type="sp"] div.facility section.facility_contents > article:nth-of-type(odd) span.moji_deco{
	left: 1rem;
}
body[wc-view-type="sp"] div.facility section.facility_contents > article:nth-of-type(even) span.moji_deco{
	right: 1rem;
}
body[wc-view-type="tb"] div.facility section.facility_contents > article:nth-of-type(odd) span.moji_deco{
	left: calc(50% - 3rem);
  transform: translateX(-50%);
}
body[wc-view-type="tb"] div.facility section.facility_contents > article:nth-of-type(even) span.moji_deco{
	right: 0;
}
body[wc-view-type="tb-l"] div.facility section.facility_contents > article:nth-of-type(odd) span.moji_deco{
	left: calc(50% - 5rem);
  transform: translateX(-50%);
}
body[wc-view-type="tb-;"] div.facility section.facility_contents > article:nth-of-type(even) span.moji_deco{
	right: 0;
}
body[wc-view-type="pc"] div.facility section.facility_contents > article:nth-of-type(odd) span.moji_deco{
	left: calc(50% - 6rem);
  transform: translateX(-50%);
}
body[wc-view-type="pc"] div.facility section.facility_contents > article:nth-of-type(even) span.moji_deco{
	right: calc(50% - 6rem);
  transform: translateX(50%);
}
div.facility section.facility_contents > article:last-of-type{
	margin-bottom: 0;
}
div.facility section.facility_contents > article div.f_text{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
}
body[wc-view-type="sp"] div.facility section.facility_contents > article div.f_text{
	padding: 1.5rem 7vw 0 7vw;
}
body:not([wc-view-type="sp"]) div.facility section.facility_contents > article div.f_text{
	width: 50%;
	box-sizing: border-box;
}
body[wc-view-type="tb"] div.facility section.facility_contents > article:nth-of-type(odd) div.f_text{
	padding: 1rem 2rem 1rem 0;
}
body[wc-view-type="tb"] div.facility section.facility_contents > article:nth-of-type(even) div.f_text{
	padding: 1rem 0 1rem 2rem;
}
body[wc-view-type="tb-l"] div.facility section.facility_contents > article:nth-of-type(odd) div.f_text{
	padding: 1.5rem 2rem 1.5rem 0;
}
body[wc-view-type="tb-l"] div.facility section.facility_contents > article:nth-of-type(even) div.f_text{
	padding: 1.5rem 0 1.5rem 1.5rem;
}
body[wc-view-type="pc"] div.facility section.facility_contents > article:nth-of-type(odd) div.f_text{
	padding: 4rem 4rem 4rem 0;
}
body[wc-view-type="pc"] div.facility section.facility_contents > article:nth-of-type(even) div.f_text{
	padding: 4rem 0 4rem 4rem;
}
div.facility section.facility_contents > article div.f_text > h2{
	font-size: 1.25rem;
  color: #333;
  text-align: center;
  margin-bottom: 1.5rem;
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
div.facility section.facility_contents > article div.f_text > h2.wcvisible{
	opacity: 1;
	filter: blur(0);
}
div.facility section.facility_contents > article div.f_text > p{
	line-height: 1.8rem;
	color: #333;
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
div.facility section.facility_contents > article div.f_text > p.wcvisible{
	opacity: 1;
	filter: blur(0);
}
div.facility section.facility_contents > article div.f_text div.btn{
	margin: 0 auto;
	margin-top: auto;
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
body[wc-view-type="tb"] div.facility section.facility_contents > article div.f_text div.btn{
  margin-top: 2.5rem;
}
div.facility section.facility_contents > article div.f_text div.btn.wcvisible{
	opacity: 1;
	filter: blur(0);
}
body[wc-view-type="sp"] div.facility section.facility_contents > article div.f_text div.btn{
	margin-top: 1.5rem;
}
div.facility section.facility_contents > article div.f_img{
}
body[wc-view-type="sp"] div.facility section.facility_contents > article div.f_img{
	width: calc(100vw - 7rem);
}
body:not([wc-view-type="sp"]) div.facility section.facility_contents > article div.f_img{
	width: 50%;
}
body[wc-view-type="sp"] div.facility section.facility_contents > article:nth-of-type(odd) div.f_img{
	margin-left: auto;
	margin-right: 0;
}
body[wc-view-type="sp"] div.facility section.facility_contents > article:nth-of-type(even) div.f_img{
	margin-left: 0;
	margin-right: auto;
}
div.facility section.facility_contents > article div.f_img figure{
}
div.facility section.facility_contents > article div.f_img figure picture{
	width: 100%;
	height: 100%;
	display: block;
}
div.facility section.facility_contents > article div.f_img figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
}
div.facility section.facility_contents > article.wcvisible div.f_img figure img{
-webkit-mask-image: url("/img/animation/ani_image.webp");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto 200%;
  -webkit-mask-position: center bottom;
  z-index: 0;
  mask-image: url("/img/animation/ani_image.webp");
  mask-mode: alpha;
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 200%;
  opacity: 1;
}
body[wc-view-type="sp"] div.facility section.facility_contents > article div.f_img figure img{
	height: 55vw;
}
body[wc-view-type="tb"] div.facility section.facility_contents > article div.f_img figure img{
	height: 40vw;
}
body[wc-view-type="tb-l"] div.facility section.facility_contents > article div.f_img figure img{
	height: 30vw;
}
div.facility_introduntion{
}
body[wc-view-type="sp"] div.facility_introduntion{
	padding: calc(var(--headerHeight) * 1.5) 7vw 0 7vw;
	box-sizing: border-box;
}
body:not([wc-view-type="sp"]) div.facility_introduntion{
	width: 600px;
	margin: 0 auto;
}
div.facility_introduntion article{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
  height: auto;
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
div.facility_introduntion article.wcvisible{
	opacity: 1;
	filter: blur(0);
}
body[wc-view-type="sp"] div.facility_introduntion article{
	height: 150px;
}
body:not([wc-view-type="sp"]) div.facility_introduntion article{
	height: 200px;
}
div.facility_introduntion article h1{
	position: relative;
	z-index: 4;
}
div.facility_introduntion article h1 span.in_title_text{
	display: table;
	padding-right: 2.1rem;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}
div.facility_introduntion article h1 span.in_title_text::after{
	content: "";
  width: 2.5rem;
  height: 2.2rem;
  position: absolute;
  right: -0.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #fff;
  -webkit-mask-image: url("/img/svg/arrow.svg");
  mask-image: url("/img/svg/arrow.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: var(--headerBtnSize);
  mask-size: var(--headerBtnSize);
}
div.facility_introduntion article h1.contents_title_center.white{
	opacity: 1 !important;
	-ms-filter: blur(0) !important;
  filter: blur(0) !important;
  -webkit-transition: none !important;
  transition: none !important;
}
div.facility_introduntion article h1.contents_title_center.white::before{
	content: "About Facility";
}
div.facility_introduntion article figure{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2
}
div.facility_introduntion article figure::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	background-color: rgba(0,0,0,0.6);
}
div.facility_introduntion article figure picture{
	width: 100%;
	height: 100%;
	display: block;
}
div.facility_introduntion article figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div.facility_introduntion article a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	display: block;
}
/*カレンダー*/
div.calendar{
	padding: calc(var(--headerHeight) * 1.5) 0;
	background-color: #efefef;
	box-sizing: border-box;
}
body[wc-view-type="sp"] div.calendar,
body[wc-view-type="tb"] div.calendar{
  flex-direction: column;
}
body[wc-view-type="sp"] div.calendar{
	padding: calc(var(--headerHeight) * 1.5) 7vw;
}
body[wc-view-type="tb"] div.calendar,
body[wc-view-type="tb-l"] div.calendar{
	padding: calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="pc"] div.calendar{
	padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
div.calendar article{
}
/*
div.calendar article h2{
  text-align: center;
  margin-bottom: 1rem;
  font-family: "CormorantInfant";
  font-size: 2.55rem;
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}*/
div.calendar article h2::before{
  content: "Calendar";
}
body[wc-view-type="pc"] div.calendar article h2{
  margin-bottom: 1.5rem;
}
div.calendar article h2.wcvisible{
  opacity: 1;
}
div.calendar article div.calendar_flex{
  display: flex;
}
body[wc-view-type="sp"] div.calendar article div.calendar_flex,
body[wc-view-type="tb"] div.calendar article div.calendar_flex{
  flex-direction: column;
}
body[wc-view-type="tb-l"] div.calendar article div.calendar_flex > div{
  width: calc(50% - 0.5rem);
}
body[wc-view-type="pc"] div.calendar article div.calendar_flex > div{
  width: calc(50% - 1rem);
}
body[wc-view-type="tb-l"] div.calendar article div.calendar_flex > div.calendar01{
  margin-right: 0.5rem;
}
body[wc-view-type="pc"] div.calendar article div.calendar_flex > div.calendar01{
  margin-right: 1rem;
}
body[wc-view-type="sp"] div.calendar article div.calendar_flex > div.calendar02,
body[wc-view-type="tb"] div.calendar article div.calendar_flex > div.calendar02{
  margin-top: 1rem;
}
body[wc-view-type="tb-l"] div.calendar article div.calendar_flex > div.calendar02{
  margin-left: 0.5rem;
}
body[wc-view-type="pc"] div.calendar article div.calendar_flex > div.calendar02{
  margin-left: 1rem;
}
body[wc-view-type="tb"] div.calendar article div.calendar_flex > div:only-of-type,
body[wc-view-type="tb-l"] div.calendar article div.calendar_flex > div:only-of-type{
  width: 90%;
  margin: 0 auto;
}
body[wc-view-type="pc"] div.calendar article div.calendar_flex > div:only-of-type{
  width: 800px;
  margin: 0 auto;
}
div.calendar article div.calendar_flex > div figure{
}
div.calendar article div.calendar_flex > div picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.calendar article div.calendar_flex > div figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] div.calendar article div.calendar_flex > div figure img{
  height: 78.12vw;
}
body[wc-view-type="tb"] div.calendar article div.calendar_flex > div figure img{
  height: 72vw;
}
body[wc-view-type="tb-l"] div.calendar article div.calendar_flex > div figure img{
  height: 35vw;
}
body[wc-view-type="pc"] div.calendar article div.calendar_flex > div figure img{
  height: 475px;
}
body[wc-view-type="tb-l"] div.calendar article div.calendar_flex > div:only-of-type figure img{
  height: 65.4vw;
}
body[wc-view-type="pc"] div.calendar article div.calendar_flex > div:only-of-type figure img{
  height: 728px;
}
/*ピックアップ*/
article.pickup_block{
  margin-top: calc(var(--headerHeight) / 2);
}
div.calendar article.pickup_block h2::before{
  content: "Pick Up";
}
/*
article.pickup_block > h2{
  text-align: center;
  margin-bottom: 0.25rem;
  font-family: "CormorantInfant";
  font-size: 2.55rem;
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}*/
article.pickup_block > h2::before{
  content: "Pick Up";
}
body[wc-view-type="sp"] article.pickup_block > h2{
  margin-bottom: 0.75rem;
}
article.pickup_block > h2.wcvisible{
  opacity: 1;
}
article.pickup_block > div.pick_up_flex{
  display: flex;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex,
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex,
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex{
  flex-wrap: wrap;
}
body[wc-view-type="sp"] article.pickup_block > div.pick_up_flex{
  flex-direction: column;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex,
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex,
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex{
  align-items:flex-start;
}
article.pickup_block > div.pick_up_flex div.pick_up_box{
}
body[wc-view-type="sp"] article.pickup_block > div.pick_up_flex div.pick_up_box{
  margin-bottom: 1.25rem;
}
body[wc-view-type="sp"] article.pickup_block > div.pick_up_flex div.pick_up_box:last-of-type{
  margin-bottom: 0;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex div.pick_up_box,
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex div.pick_up_box{
  width: calc(50% - 0.5rem);
}
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex div.pick_up_box{
  width: calc(50% - 1rem);
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(1),
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(1){
  margin-right: 0.5rem;
  margin-bottom: 1rem;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(2),
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(2){
  margin-left: 0.5rem;
  margin-bottom: 1rem;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(3),
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(3){
  margin-right: 0.5rem;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(4),
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(4){
  margin-left: 0.5rem;
}
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(1){
  margin-right: 1rem;
  margin-bottom: 2rem;
}
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(2){
  margin-left: 1rem;
  margin-bottom: 2rem;
}
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(3){
  margin-right: 1rem;
}
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex div.pick_up_box:nth-of-type(4){
  margin-left: 1rem;
}
article.pickup_block > div.pick_up_flex div.pick_up_box span{
  display: table;
  margin: 0.5rem auto 0 auto;
  line-height: 1em;
  padding-right: 2.8rem;
  position: relative;
  z-index: 1;
}
article.pickup_block > div.pick_up_flex div.pick_up_box span::after{
  content: "";
  width: 1.7rem;
  height: 1.5rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #333;
  -webkit-mask-image: url("/img/svg/arrow.svg");
  mask-image: url("/img/svg/arrow.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: var(--headerBtnSize);
  mask-size: var(--headerBtnSize);
}
article.pickup_block > div.pick_up_flex div.pick_up_box a{
  display: flex;
  flex-direction: column-reverse;
  text-decoration: none;
  color: #333;
}
article.pickup_block > div.pick_up_flex div.pick_up_box figure{
}
article.pickup_block > div.pick_up_flex div.pick_up_box figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
article.pickup_block > div.pick_up_flex div.pick_up_box figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] article.pickup_block > div.pick_up_flex div.pick_up_box figure img{
  height: 37.5vw;
}
body[wc-view-type="tb"] article.pickup_block > div.pick_up_flex div.pick_up_box figure img{
  height: 17vw;
}
body[wc-view-type="tb-l"] article.pickup_block > div.pick_up_flex div.pick_up_box figure img{
  height: 16vw;
}
body[wc-view-type="pc"] article.pickup_block > div.pick_up_flex div.pick_up_box figure img{
  height: 233px;
}
/*バナーブロック*/
div.banner_block{
	padding: calc(var(--headerHeight) * 1.5) 0;
	box-sizing: border-box;
  background-color: #fff;
  padding-bottom: 0;
}
body[wc-view-type="sp"] div.banner_block{
	padding: calc(var(--headerHeight) * 1.5) 7vw;
}
div.banner_block div.banner_box{
}
body:not([wc-view-type="sp"]) div.banner_block div.banner_box{
	width: 600px;
	margin: 0 auto;
}
div.banner_block div.banner_box a{
	display: block;
}
div.banner_block div.banner_box a figure{
}
div.banner_block div.banner_box a figure picture{
	width: 100%;
	height: 100%;
	display: block;
}
div.banner_block div.banner_box a figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*オンラインショップ*/
section.online_shop{
	background-color: #E9F2EC;
	padding: var(--headerHeight) 0;
	box-sizing: border-box;
}
body[wc-view-type="sp"] section.online_shop{
	padding: calc(var(--headerHeight) * 1.5) 7vw;
}
body[wc-view-type="tb"] section.online_shop,
body[wc-view-type="tb-l"] section.online_shop{
	padding: calc(var(--headerHeight) * 1.5) 10vw;
}
section.online_shop h2.contents_title_center::before{
	content: "Online Shop";
	margin-bottom: 1rem;
}
section.online_shop h2.contents_title_center span.opa1.m_075{
	margin-bottom: 0.75rem;
}
section.online_shop div.online_block{
	display: flex;
}
body[wc-view-type="sp"] section.online_shop div.online_block{
	flex-direction: column;
}
body[wc-view-type="tb"] section.online_shop div.online_block,
body[wc-view-type="tb-l"] section.online_shop div.online_block{
	margin-top: 2rem;
}
body[wc-view-type="pc"] section.online_shop div.online_block{
	width: 1100px;
	margin: 0 auto;
	margin-top: 1.5rem;
}
section.online_shop div.online_block div.online_text{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
section.online_shop div.online_block div.online_text.wcvisible{
	opacity: 1;
	filter: blur(0);
}
body[wc-view-type="sp"] section.online_shop div.online_block div.online_text{
	padding-bottom: 1.5rem;
}
body:not([wc-view-type="sp"]) section.online_shop div.online_block div.online_text{
	width: 50%;
}
body[wc-view-type="tb"] section.online_shop div.online_block div.online_text{
	padding: 2rem 2rem 2rem 0;
}
body[wc-view-type="tb-l"] section.online_shop div.online_block div.online_text{
	padding: 2rem 2rem 2rem 0;
}
body[wc-view-type="pc"] section.online_shop div.online_block div.online_text{
	padding: 4rem 4rem 4rem 0;
}
section.online_shop div.online_block div.online_text > p{
	line-height: 1.8rem;
	margin-bottom: 1.5rem;
}
section.online_shop div.online_block div.online_text > div.btn{
	margin: 0 auto;
}
section.online_shop div.online_block div.online_slider{
	box-sizing:border-box;
	opacity: 0;
}
section.online_shop div.online_block div.online_slider.wcvisible{
	-webkit-mask-image: url("/img/animation/ani_image.webp");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto 200%;
  -webkit-mask-position: center bottom;
  z-index: 0;
  mask-image: url("/img/animation/ani_image.webp");
  mask-mode: alpha;
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 200%;
  opacity: 1;
}

body:not([wc-view-type="sp"]) section.online_shop div.online_block div.online_slider_wrap{
	width: 50%;
}
body[wc-view-type="sp"] section.online_shop div.online_block div.online_slider_wrap div.online_slider{
}
/*
body:not([wc-view-type="sp"]) section.online_shop div.online_block div.online_slider{
	width: 50%;
}
body[wc-view-type="tb"] section.online_shop div.online_block div.online_slider{
	padding: 3rem 3rem 3rem 0;
}
body[wc-view-type="pc"] section.online_shop div.online_block div.online_slider{
	padding: 4rem 4rem 4rem 0;
}*/
div.online_s_box{
}
div.online_s_box picture{
	width: 100%;
	height: 100%;
	display: block;
}
div.online_s_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
body[wc-view-type="tb"] div.online_s_box img{
	height: 230px !important;
}
/*観光スポット*/
section.spot{
	background-color: #fff;
	padding: calc(var(--headerHeight) * 1.5) 0;
	box-sizing: border-box;
}
body[wc-view-type="sp"] section.spot{
	padding: calc(var(--headerHeight) * 1.5) 0 calc(var(--headerHeight) * 1.5) 7vw;
}
body[wc-view-type="tb"] section.spot{
	padding: calc(var(--headerHeight) * 1.5) 0 calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="tb-l"] section.spot{
	padding: calc(var(--headerHeight) * 1.5) 0 calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="pc"] section.spot{
	padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2) calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
section.spot .contents_title{
  text-align: center;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.spot .contents_title{
  padding-right: 7vw;
}
body[wc-view-type="tb"] section.spot .contents_title,
body[wc-view-type="tb-l"] section.spot .contents_title{
  padding-right: 10vw;
}
section.spot h2.contents_title::before{
	content: "Spot";
}
section.spot > p{
	line-height: 1.8rem;
	margin: 1.5rem 0;
	color: #333;
	box-sizing: border-box;
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
body:not([wc-view-type="sp"]) section.spot > p{
  text-align: center;
}
section.spot > p.wcvisible{
	opacity: 1;
	filter: blur(0);
}
body[wc-view-type="sp"] section.spot > p{
	padding-right: 7vw;
}
section.spot div.spot_flex{
	display: flex;
}
body:not([wc-view-type="pc"])  section.spot div.spot_flex{
	overflow-x: auto !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
section.spot div.spot_flex article{
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  flex-direction: column-reverse;
  flex: none;
	border-left: 1px solid #bbb;
	position: relative;
	z-index: 1;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
body[wc-view-type="sp"] section.spot div.spot_flex article{
	max-width: 230px;
  margin-right: 1rem;
}
body[wc-view-type="tb"] section.spot div.spot_flex article{
	max-width: 250px;
  margin-right: 1rem;
}
body[wc-view-type="tb-l"] section.spot div.spot_flex article{
	max-width: 270px;
  margin-right: 1rem;
}
body[wc-view-type="pc"] section.spot div.spot_flex article{
	max-width: 275px;
	padding-right: 1rem;
}
body[wc-view-type="pc"] section.spot div.spot_flex article:last-of-type{
	border-right: 1px solid #bbb;
}
section.spot div.spot_flex article span.spot_category{
	position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  font-size: 1.25rem;
  writing-mode: vertical-rl;
  display: block;
  padding-top: calc(26px + 0.5rem);
}
section.spot div.spot_flex article span.spot_category::before{
	content: "";
  position: absolute;
  width: 21px;
  height: 26px;
  mask-image: url("/img/svg/straight_kesshou.svg");
  -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;
  z-index: 1;
  top: 0;
	left: 50%;
  transform: translateX(-50%);
}
section.spot div.spot_flex article span.spot_category.miru::before{
  background-color: #f7931e;
}
section.spot div.spot_flex article span.spot_category.asobu::before{
	background-color: #8cc63e;
}
section.spot div.spot_flex article span.spot_category.taiken::before{
	background-color: #26a8e2;
}
section.spot div.spot_flex article span.spot_category.sanpai::before{
	background-color: #b19b84;
}
section.spot div.spot_flex article div.spot_box{
	padding: 1rem;
	box-sizing: border-box;
}
section.spot div.spot_flex article div.spot_box h2{
	font-size: 1.25rem;
	color: #333;
	margin-bottom: 1rem;
	overflow: hidden;
	white-space: nowrap;
  text-overflow: ellipsis;
}
section.spot div.spot_flex article div.spot_box p{
	line-height: 1.8rem;
	color: #333;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 3;
  word-break: break-all;
}
section.spot div.spot_flex article div.spot_box h1,
section.spot div.spot_flex article div.spot_box p{
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
section.spot div.spot_flex article div.spot_box h1.wcvisible,
section.spot div.spot_flex article div.spot_box p.wcvisible{
	opacity: 1;
	filter: blur(0);
}
body[wc-view-type="sp"] section.spot div.spot_flex article figure{
	width: calc(230px - 3.7rem);
	margin-left: auto;
}
body[wc-view-type="tb"] section.spot div.spot_flex article figure{
	width: calc(250px - 3.7rem);
	margin-left: auto;
}
body[wc-view-type="tb-l"] section.spot div.spot_flex article figure{
	width: calc(270px - 3.7rem);
	margin-left: auto;
}
body[wc-view-type="pc"] section.spot div.spot_flex article figure{
	width: calc(275px - 4.7rem);
	margin-left: auto;
}
section.spot div.spot_flex article figure picture{
	width: 100%;
	height: 100%;
	display: block;
}
section.spot div.spot_flex article figure img{
	width: 100%;
  height: auto;
  aspect-ratio: 1.168 / 1;
  object-fit: cover;
	opacity: 0;
}
section.spot div.spot_flex article.wcvisible figure img{
-webkit-mask-image: url("/img/animation/ani_image.webp");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto 200%;
  -webkit-mask-position: center bottom;
  z-index: 0;
  mask-image: url("/img/animation/ani_image.webp");
  mask-mode: alpha;
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 200%;
	opacity: 1;
}
section.spot div.btn{
	margin-left: auto;
	margin-top: 1.5rem;
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  margin: 1.5rem auto 0 auto;
  box-sizing: border-box;
}
section.spot div.btn.wcvisible{
	opacity: 1;
	filter: blur(0);
}
body[wc-view-type="sp"] section.spot div.btn{
  padding-right: 7vw;
}
body[wc-view-type="tb"] section.spot div.btn,
body[wc-view-type="tb-l"] section.spot div.btn{
  padding-right: 10vw;
  margin-top: 2.5rem;
}
body[wc-view-type="pc"] section.spot div.btn{
  margin-top: 2.5rem;
}
/*インスタグラム*/
section.insta{
	background-color: #E9F2EC;
	box-sizing: border-box;
}
body[wc-view-type="sp"] section.insta{
	padding: calc(var(--headerHeight) * 1.5) 7vw;
}
body[wc-view-type="tb"] section.insta{
	padding: calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="tb-l"] section.insta{
	padding: calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="pc"] section.insta{
	padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
div.insta_block{
	display: flex;
}
body[wc-view-type="sp"] div.insta_block,
body[wc-view-type="tb"] div.insta_block{
	flex-direction: column;
}
div.insta_block div.insta_text{
	background-color: #fff;
	box-sizing: border-box;
}
body[wc-view-type="sp"] div.insta_block div.insta_text{
	padding: 2rem 1rem;
}
body[wc-view-type="tb"] div.insta_block div.insta_text{
	padding: 1rem;
}
body[wc-view-type="tb-l"] div.insta_block div.insta_text,
body[wc-view-type="pc"] div.insta_block div.insta_text{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
body[wc-view-type="tb-l"] div.insta_block div.insta_text{
	width: 300px;
	padding: 2rem 1.5rem;
	height: 344px;
}
body[wc-view-type="pc"] div.insta_block div.insta_text{
	width: 350px;
	padding: 4.5rem 2rem;
	height: 472px;
}
div.insta_block div.insta_text > h2.contents_title_center{
	position: relative;
	z-index: 2;
	padding: 2rem 0;
}
div.insta_block div.insta_text > h2.contents_title_center::before{
	content: "Instagram";
}
div.insta_block div.insta_text > h2.contents_title_center::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
  opacity: 0.3;
	z-index: -1;
	-webkit-mask-image: url("/img/svg/insta.svg");
  mask-image: url("/img/svg/insta.svg");
  -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="sp"] div.insta_block div.insta_text > h2.contents_title_center::after{
	width: 30vw;
	height: 30vw;
}
body[wc-view-type="tb"] div.insta_block div.insta_text > h2.contents_title_center::after{
	width: 100px;
	height: 100px;
}
body[wc-view-type="tb-l"] div.insta_block div.insta_text > h2.contents_title_center::after{
	width: 110px;
	height: 110px;
}
body[wc-view-type="pc"] div.insta_block div.insta_text > h2.contents_title_center::after{
	width: 130px;
	height: 130px;
}
div.insta_block div.insta_text p{
	margin-bottom: 1.5rem;
	color: #333;
	line-height: 1.8rem;
}
div.insta_block div.insta_text div.btn{
	margin: 0 auto;
}
div.insta_block div.insta_text h1,
div.insta_block div.insta_text p,
div.insta_block div.insta_text div.btn{
-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
div.insta_block div.insta_text h1.wcvisible,
div.insta_block div.insta_text p.wcvisible,
div.insta_block div.insta_text div.btn.wcvisible{
	opacity: 1;
	filter: blur(0);
}
body[wc-view-type="tb"] div.insta_s_wrap{
	width:100%;
}
body[wc-view-type="tb-l"] div.insta_s_wrap{
	width: calc(100% - 300px);
	padding: 0 0.15rem;
	box-sizing: border-box;
}
body[wc-view-type="pc"] div.insta_s_wrap{
	width: calc(100% - 350px);
}
div.insta_s_wrap div.insta_slider{
}
body[wc-view-type="sp"] div.insta_s_wrap div.insta_slider{
	height: calc(((86vw / 3) - 0.25rem) * 2);
}
body[wc-view-type="tb"] div.insta_s_wrap div.insta_slider{
	height: calc(((80vw / 3) - 1rem) * 2);
}
body[wc-view-type="tb-l"] div.insta_s_wrap div.insta_slider{
	height: 344px;
}
div.insta_s_wrap div.insta_slider div.insta_boxwrap{
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
body[wc-view-type="tb"] div.insta_s_wrap div.insta_slider div.insta_boxwrap{
}
body[wc-view-type="pc"] div.insta_s_wrap div.insta_slider div.insta_boxwrap{
	padding: 0 0.5rem;
}
div.insta_s_wrap div.insta_slider div.insta_boxwrap.m_bottom1{
	margin-bottom: 1rem;
}
div.insta_s_wrap div.insta_slider div.insta_boxwrap div.insta_box{
	box-sizing: border-box;
}
body[wc-view-type="sp"] div.insta_s_wrap div.insta_slider div.insta_boxwrap div.insta_box{
	max-width: calc((86vw / 3) - 0.25rem);
	max-height: calc((86vw / 3) - 0.25rem);
	width:100%;
	height: 100%;
}
body[wc-view-type="sp"] div.insta_s_wrap div.insta_slider div.insta_boxwrap div.insta_box:nth-of-type(2),
body[wc-view-type="sp"] div.insta_s_wrap div.insta_slider div.insta_boxwrap div.insta_box:nth-of-type(5){
	margin: 0 0.35rem;
}
body[wc-view-type="sp"] div.insta_s_wrap div.insta_slider div.insta_boxwrap div.insta_box:nth-child(-n+3){
	margin-bottom: 0.35rem;
}
body[wc-view-type="tb"] div.insta_s_wrap div.insta_slider div.insta_boxwrap div.insta_box{
	max-width:calc((80vw / 3) - 0.25rem);
	max-height:calc((80vw / 3) - 0.25rem);
	width:100%;
	height: 100%;
}
body[wc-view-type="tb"] div.insta_s_wrap div.insta_slider div.insta_boxwrap div.insta_box:nth-child(-n+3){
	margin-bottom: 0.35rem;
}
body[wc-view-type="tb"] div.insta_s_wrap div.insta_slider div.insta_boxwrap div.insta_box:nth-of-type(2),
body[wc-view-type="tb"] div.insta_s_wrap div.insta_slider div.insta_boxwrap div.insta_box:nth-of-type(5){
	margin: 0 0.35rem;
}
body[wc-view-type="tb-l"] div.insta_s_wrap div.insta_slider div.insta_boxwrap div.insta_box{
	width: calc((100% / 3) - 0.25rem);
	height: 172px;
	margin: 0 0.1rem;
}
body[wc-view-type="tb-l"] div.insta_s_wrap div.insta_slider div.insta_boxwrap div.insta_box:nth-child(-n+3){
	margin-bottom: 0.2rem;
}
body[wc-view-type="pc"] div.insta_s_wrap div.insta_slider div.insta_boxwrap div.insta_box{
	width: 228px;
	height: 228px;
	margin: 0 0.5rem;
	box-sizing: border-box;
}
body[wc-view-type="pc"] div.insta_s_wrap div.insta_slider div.insta_boxwrap div.insta_box:nth-child(-n+3){
	margin-bottom: 1rem;
}
body[wc-view-type="sp"] div.insta_block div.insta_box img,
body[wc-view-type="tb"] div.insta_block div.insta_box img{
	height: 100% !important;
	width: 100% !important;
}
body[wc-view-type="tb-l"] div.insta_block div.insta_box img{
	height: 100% !important;
	width: 100% !important;
}
body[wc-view-type="pc"] div.insta_block div.insta_box img{
	height: 228px !important;
	width: 228px !important;
}
/*アクセス*/
section.access{
	padding: calc(var(--headerHeight) * 1.5) 0;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.5);
}
body[wc-view-type="sp"] section.access{
	padding: calc(var(--headerHeight) * 1.5) 7vw;
}
body[wc-view-type="tb"] section.access,
body[wc-view-type="tb-l"] section.access{
	padding: calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="pc"] section.access{
	padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2) calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
section.access h2.contents_title_center::before{
	content: "Access";
}
div.access_block{
	display: flex;
}
body[wc-view-type="sp"] div.access_block,
body[wc-view-type="tb"] div.access_block{
	flex-direction: column;
}
body[wc-view-type="tb-l"] div.access_block{
	margin-top: 2rem;
}
body[wc-view-type="pc"] div.access_block{
	margin-top: 2.5rem;
}
div.access_block div.access_img{
}
body[wc-view-type="tb"] div.access_block div.access_img{
	width: 60vw;
	margin: 0 auto;
}
body[wc-view-type="tb-l"] div.access_block div.access_img{
	width: calc(50% - 2rem);
}
body[wc-view-type="pc"] div.access_block div.access_img{
	width: calc(50% - 4rem);
}
div.access_block div.access_img figure{
}
div.access_block div.access_img figure picture{
	width: 100%;
	height: 100%;
	display: block;
}
div.access_block div.access_img figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div.access_block div.access_text{
	padding: 1rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
body[wc-view-type="tb"] div.access_block div.access_text{
	padding: 2rem 1rem;
	align-items: center;
}

body[wc-view-type="tb-l"] div.access_block div.access_text{
	width: calc(50% + 1rem);
	padding: 1rem 0 2rem 2rem;
}
body[wc-view-type="pc"] div.access_block div.access_text{
	width: calc(50% + 4rem);
	padding: 2rem 0 4rem 4rem;
}
div.access_block div.access_text > p{
	color: #fff;
	line-height: 1.8rem;
	margin-bottom: 1.5rem;
}
div.access_block div.access_img figure,
div.access_block div.access_text > p,
div.access_block div.access_text div.btn_box{
-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
}
div.access_block div.access_img figure.wcvisible,
div.access_block div.access_text > p.wcvisible,
div.access_block div.access_text div.btn_box.wcvisible{
	opacity: 1;
	filter: blur(0);
}
body[wc-view-type="pc"] div.access_block div.access_text > p{
	margin-bottom: 2.5rem;
}
div.access_block div.access_text div.btn_box{
}
body[wc-view-type="tb"] div.access_block div.access_text div.btn_box{
	margin-top: 1rem;
}
/*自治体リンク*/
section.link_area{
	background-color: #fff;
	padding: calc(var(--headerHeight) * 1.5) 0;
	box-sizing: border-box;
}
body[wc-view-type="sp"] section.link_area{
	padding: calc(var(--headerHeight) * 1.5) 0 calc(var(--headerHeight) * 1.5) 7vw;
}
body[wc-view-type="tb"] section.link_area,
body[wc-view-type="tb-l"] section.link_area{
	padding: calc(var(--headerHeight) * 1.5) 0 calc(var(--headerHeight) * 1.7) 10vw;
}
body[wc-view-type="pc"] section.link_area{
	padding:calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2) calc(var(--headerHeight) + 80px) calc((100vw - 1100px) / 2);
}
section.link_area h2.contents_title{
	margin-bottom: 1.5rem;
}
section.link_area h2.contents_title::before{
	content: "Municipality";
}
div.link_block{
	display: flex;
}
body:not([wc-view-type="pc"])  div.link_block{
	overflow-x: auto !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
div.link_box{
	flex: none;
	box-sizing: border-box;
	display: flex;
	flex-direction: column-reverse;
	position: relative;
	z-index: 1;
}
div.link_box a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: block;
}
body[wc-view-type="sp"] div.link_box{
	max-width: 220px;
	padding-right: 1rem;
}
body[wc-view-type="tb"] div.link_box{
	max-width: 250px;
	padding-right: 1rem;
}
body[wc-view-type="tb-l"] div.link_box{
	max-width: 270px;
	padding-right: 1rem;
}
body[wc-view-type="pc"] div.link_box{
  max-width: calc(100% / 4);
	padding-right: 1rem;
}
div.link_box div.link_text{
}
div.link_box div.link_text p{
	font-size: 1.15rem;
	padding: 1rem 0.5rem 0 0.5rem;
	box-sizing: border-box;
	color: #333;
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.link_box div.link_img{
}
div.link_box div.link_img figure{
}
div.link_box div.link_img figure picture{
	width: 100%;
	height: 100%;
	display: block;
}
div.link_box div.link_img figure img{
	width: 100%;
	height: auto;
	aspect-ratio: 1.168 / 1;
	object-fit: cover;
	opacity: 0;
}
div.link_box.wcvisible div.link_img figure img{
	-webkit-mask-image: url("/img/animation/ani_image.webp");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto 200%;
  -webkit-mask-position: center bottom;
  z-index: 0;
  mask-image: url("/img/animation/ani_image.webp");
  mask-mode: alpha;
  mask-position: center bottom;
  mask-repeat: no-repeat;
  mask-size: auto 200%;
  opacity: 1;
}
section.link_area div.btn{
	margin-left: auto;
	margin-top: 1.5rem;
	-ms-filter: blur(4px);
  filter: blur(4px);
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  transition: opacity 1000ms ease-out,filter 1000ms ease-out;
  margin: 1.5rem auto 0 auto;
}
section.link_area div.btn.wcvisible{
	opacity: 1;
	filter: blur(0);
}
body[wc-view-type="sp"] section.link_area div.btn{
	padding-right: 7vw;
}
body[wc-view-type="tb"] section.link_area div.btn,
body[wc-view-type="tb-l"] section.link_area div.btn{
	padding-right: 10vw;
  margin-top: 2.5rem;
}
body[wc-view-type="pc"] section.link_area div.btn{
  margin-top: 2.5rem;
}
/*バナーエリア*/
div.banner_area{
	background-color: #fff;
	box-sizing: border-box;
}
body[wc-view-type="sp"] div.banner_area{
  padding: calc(var(--headerHeight) * 1.5) 0 calc(26vw + 1rem) 0;
}
body[wc-view-type="tb"] div.banner_area{
  padding: calc(var(--headerHeight) * 1.5) 0 calc(26vw + 1rem) 0;
}
body[wc-view-type="tb-l"] div.banner_area{
  padding: calc(var(--headerHeight) * 1.5) 0 calc(12vw + 1rem) 0;
}
body[wc-view-type="pc"] div.banner_area{
   padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2) calc(12vw + 1rem) calc((100vw - 1100px) / 2);
}
div.banner_area div.banner_slider{
}
div.banner_area div.banner_slider div.banner_box{
  width: 275px !important;
  margin: 0 0.5rem;
  position: relative;
  z-index: 1;
}
div.banner_area div.banner_slider div.banner_box a{
  display: block;
  position: relative;
  z-index: 10;
  text-decoration: none;
}
div.banner_area div.banner_slider div.banner_box a > figure{
 box-shadow: 0px 0px 5px rgba(68,68,85,0.2); 
}
div.banner_area div.banner_slider div.banner_box a picture{
  display: block;
  width: 100%;
  height: 100%;
}
div.banner_area div.banner_slider div.banner_box a img{
  width: 100%;
  height: 140px !important;
  object-fit: cover;
}
div.banner_area div.banner_slider div.banner_box a > p{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.5rem 2.5rem 0 1rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  color: #333;
}
div.banner_area div.banner_slider div.banner_box a > p::after{
  content: "";
  width: 2.5rem;
  height: 2.2rem;
  position: absolute;
  right: 0.75rem;
  top: calc(0.25rem + 50%);
  transform: translateY(-50%);
  z-index: 2;
  background-color: #333;
  -webkit-mask-image: url("/img/svg/arrow.svg");
  mask-image: url("/img/svg/arrow.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: var(--headerBtnSize);
  mask-size: var(--headerBtnSize);
}
/*スライダーアロー
div.banner_area .csarrowwrap .csarrowinner .csarrow::before{
  display: none !important;
}
div.banner_area .csarrowwrap .csarrow.cs-prev::after{
  -webkit-mask-image: url("/code/icons/slider_prev_fill.svg") !important;
  mask-image: url("/code/icons/slider_prev_fill.svg") !important;
}
div.banner_area .csarrowwrap .csarrow.cs-next::after{
  -webkit-mask-image: url("/code/icons/slider_next_fill.svg") !important;
  mask-image: url("/code/icons/slider_next_fill.svg") !important;
}
div.banner_area .csarrowwrap .csarrowinner .csarrow::after{
  background-color: rgba(0,0,0,0.3) !important;
  -webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
  backdrop-filter: brightness(0.8) blur(0.2rem);
  transition: background-color 0.3s ease;
}*/