@charset "UTF-8";
@import "/commons/202210/css/slick/slick.css";
@import "/commons/202210/css/slick/slick-theme.css";

body{
	background-color:#fff;
	  letter-spacing: 0.05rem;
	  line-height: 1.6;
	  letter-spacing: 0.02rem!important;
}
@media (min-width: 768px) {
    body {
    	min-width: auto;
    }
}

@media screen and (max-width: 736px) {
	body {
	  max-width: 736px;
	  position: relative;
	  margin: 0 auto;
	}
}

.bnr_app {
  display: block;
}

a, a:visited, a:link {
  color: inherit;
  color: #000;
}

a:hover{
  opacity: 0.7;
}


.lazyload, .lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 1000ms;
}

.wow {
  visibility: hidden; 
}

span.nw{
  display: inline-block;
}

.c_white{
	color:#fff!important;
}

.u-inner {
  position: relative;
  margin-right: 5%;
  margin-left: 5%;
  width: 90%;
}
.u-inner--l {
  position: relative;
  margin-right: 0%;
  margin-left: 5%;
  width: 95%;
}



section {
	overflow: hidden;
	position: relative;
}

h2{
	font-size: 60px;
	text-align: left;
	margin: 65px 0 50px;
	font-weight: 400;
	line-height: 1.4;
	font-family: 'Zen Old Mincho', serif;
}


h2 span{
	font-size: 20px;
	display: block;
	margin: 10px 0 0 10px;
}

h3 {
	font-size: 36px;
	text-align: left;
	font-weight: 400;
	color: #000;
	line-height: 1.4;
}
h3 span{
	font-size: 80%;
	display: block;
}


.img__large{
	width: auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	box-sizing: border-box;
	position: relative;
	background-color: #eee;
	height: 610px;
	border-radius: 0 0 150px 0;
	border-radius: 0 0 110px 0;
	max-width: 1564px;
  margin-left: calc(50% - 50vw);
}
.img__middle{
	width: auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	box-sizing: border-box;
	position: relative;
	background-color: #eee;
	height: 460px;
	border-radius: 190px 0 0 0;
	border-radius: 110px 0 0 0;
	border-radius: 0px 0 0 0;
}

.img__middle_line {
  position: relative;
}

.img__middle_line:has(.lazyloaded):before {
	content: "";
	width: 100%;
	height: 100%;
	border: 1px #000 solid;
	display: block;
	position: absolute;
	top: 12px;
	right: -12px;
	box-sizing: content-box;
	opacity:0;
	animation-name:lineInAnime;
	animation-duration:3s;
	animation-fill-mode:forwards;
}

@keyframes lineInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*
.img__middle_line:before {
	content: "";
	width: 100%;
	height: 100%;
	border: 1px #000 solid;
	display: block;
	position: absolute;
	top: 12px;
	right: -12px;
	box-sizing: content-box;
}
*/


.img__small{
	width: auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	box-sizing: border-box;
	position: relative;
	background-color: #eee;
	width: 240px;
	height: 240px;
	border-radius: 40px 0 0 0;
	border-radius: 00px 0 0 0;
}

.img__square{
	width: auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	box-sizing: border-box;
	position: relative;
	background-color: #eee;
	width: 215px;
	height: 140px;
}



.img__line{
  position: relative;
}
.img__line:before{
	content: "";
	width: 98.5%;
	padding-top: 100%;
	border: 1px #000 solid;
	display: block;
	position: absolute;
	top: 0px;
	right: -12px;
	box-sizing: content-box;
}
.img__line .img__small{
  top: -10px;
}




.contents__detail{}

.contents__detail h3 {
  width: 100%;
  margin: 25px 0 15px 0;
  text-align: left;
  font-size: 26px;
line-height: 1.2;
}
.contents__detail__txt {
  width: 100%;
}

.contents__detail h3 {
  width: 100%;
  margin:25px 0 15px 0;
}
.contents__detail__txt{
	font-weight: 400;
	align-items: center;
	width: 100%;
}
.contents__detail__txt span.date{
  font-size: 20px;
  display: block;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  width: 340px;
}
.contents__detail__txt p{
  font-size: 20px;
  padding: 0 40px;
    width: 460px;
}

.reccomend__inner {
}

.reccomend__inner .contents__detail {
  flex-wrap: wrap;
  flex-direction: column;
  position: relative;
}
.event-set{
	width:calc(100% / 4 - 24px);
	position: relative;
	flex-wrap: wrap;
	display: flex;
	align-content: flex-start;
justify-content: space-between;
  align-content: normal;

}
.event-set .contents__detail h3{
	font-size: 18px;
	text-align: center;
}
.event-set .contents__detail__txt span.date {
	margin-bottom:23px;
}
.event-set .contents__detail__txt span.date,
.event-set .contents__detail__txt p {
	font-size: 14px;
  width: 100%;
  padding: 0;
}
.event-set .contents__detail__txt p {
	font-size: 16px;
	margin-bottom: 38px;
	text-align: left;
	padding-right: 20px;
}

.event-set .contents__detail__txt:before {
	content: "";
	background: url(/commons/202211/img/common/icon/sign-right_or.svg);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	position: absolute;
	bottom:30%;
	right: 0px;
}


.btn__basic{
  background: #FF5611;
  border-radius: 9999px;
  padding: 5px 45px 12px;
  padding: 3px 45px 10px;
  position: relative;
  margin-right: 7px;
display: block;
  text-align: center;
}
.btn__basic span.txt{
font-size: 16px;
  color: #fff
}
.btn__basic:after{
	content: "";
	transition: all .3s;
	width: 36px;
	height: 1px;
	background: #000;
	display: block;
	position: absolute;
	top: 50%;
	right: -15px;
}
.btn__basic:hover::after{
    right:-20px;
}

a:hover .btn__basic::after{
    right:-20px;
}

.btn__basic:hover{
  opacity: 0.7;
}

.btn__regular{
	background: #FF5611;
	border-radius: 9999px;
	padding: 0 45px 8px;
	position: relative;
  margin: 0 auto;
}
.btn__regular span.txt{
font-size: 16px;
  color: #fff
}
.btn__regular:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}



.splide__list {
  margin-top: 1rem!important;
}
.splide__track {
  overflow: visible;
}
.splide__arrow > svg {
  display: none;
}


.splide__arrows {
  display: flex;
  gap: 32px
}

.splide__arrow--prev, .splide__arrow--next {
	font-size: 0;
	line-height: 0;
	position: relative;
	flex-shrink: 0;
	transform: translate(0, 0%);
	left: 0;
	top: -18px;
	cursor: pointer;
	color: #000;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDMuNjUgNi4wNyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICMyMzE4MTY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJf44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+CiAgICA8cGF0aCBpZD0iX+ODkeOCuV8xMjY2OCIgZGF0YS1uYW1lPSLjg5HjgrkgMTI2NjgiIGNsYXNzPSJjbHMtMSIgZD0ibTAsNS41N2gxMDIuNDhsLTUtNS4yMiIvPgogIDwvZz4KPC9zdmc+);
	background-size: cover;
	width: 102px;
	height: 6px;
	display: block;
	border: 0;
	background-color: transparent;
}
.splide__arrow--prev {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDMuNjUgNi4wNyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICMyMzE4MTY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJf44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+CiAgICA8cGF0aCBpZD0iX+ODkeOCuV8xMjY1NSIgZGF0YS1uYW1lPSLjg5HjgrkgMTI2NTUiIGNsYXNzPSJjbHMtMSIgZD0ibTEwMy42NSw1LjU3SDEuMTdMNi4xNy4zNSIvPgogIDwvZz4KPC9zdmc+);
  background-size: cover;
}
.splide__arrow--next  {
}
.splide__arrow:disabled {
  pointer-events: none;
  opacity: 0.2;
}
.pagination {
	display:none;
}

@media screen and (min-width: 736px) {

	.splide__track {
	  overflow:hidden;
	}

}

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

	.splide__arrow--prev, splide__arrow--next {
		width: 102px;
		height:6px;
	}
	.splide__arrows {
	  justify-content: space-between;
	}
	.pagination {
		font-size: 14px;
		font-size: 14px;
		position: absolute;
		top: -3rem;
		left: 46%;
		display: block;
	}

}


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

	h2{
	  font-size: 45px;
	  font-size: 11.5vw;
	  margin: 50px 0 40px;
	}
	h2 span{
	  font-size: 20px;
	  font-size: 5vw;
	  margin:7px 0 0 0px;
	}


	.img__large{
	  height: 500px;
	  margin-right: 20px;
	  border-radius: 0 0 100px 0;
	}

	.img__middle {
	  height: 264px;
	    height: 68vw;
	  border-radius: 80px 0 0 0;
	  border-radius: 0px 0 0 0;
	  width: 110%;
	  width: 100%;
	}

	.contents__detail h3 {
		font-size: 26px;
		font-size: 7vw;
		text-align: center;
	}
	.contents__detail__txt span.date {
		margin-bottom: 17px;
		font-size: 14px;
		font-size: 4vw;
		width: 270px;
	}
	.contents__detail__txt p {
		padding: 0 20px;
		width: auto;
		margin-bottom: 37px;
		font-size: 16px;
	}
	.event-set .contents__detail h3 {
	  font-size:20px;
	    font-size: 5.3vw;
	}

	.event-set .contents__detail__txt p {
		font-size: 14px;
		font-size: 3.2vw;
		margin-bottom: 20px;
		text-align: center;
		padding-right: 0;
	}
	.event-set .contents__detail__txt:before {
	  display:none;
	}

	.btn__regular {
	  padding: 0 15px 8px;
	  text-align: center;
	}

	.btn__regular span.txt {
	  font-size: 12px;
	}
}

.section__body {
  max-width: 1670px;
  margin: 0 0 0 auto;
  position: relative;
}
.section__body__inner {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}

.section__body__inner_wide {
  max-width: 1360px;
  margin: 0 auto;
  position: relative;
}
.section__body__inner__contents {
  position: relative;
}

@media screen and (max-width: 736px) {
	.section__body__inner__contents {
	  padding: 0 20px;
	}
	.contents__detail__txt {
	  justify-content: center;
	}

}

/**************************************************
section.seasonal
**************************************************/

section.seasonal {
background: #FF5611;
}
section.seasonal .section__body {
	margin: 0px auto 0;
	position: relative;
}

section.seasonal .section__body__inner {
  padding-bottom: 75px;
}


section.seasonal .slick-list {
  overflow: visible;
}


@media screen and (min-width: 736px) {

	section.seasonal .section__body {
	  max-width: 100%;
	  margin: 0 0 0 auto;
	  position: relative;
	}

	section.seasonal .section__body__inner {
	  max-width:100%;
	}
	section.seasonal .img__large{
		background-position: center 75%;
		max-width: 100%;
		margin-left: auto;
		border-radius:0;
		height: auto;
		padding-top:38%;
	}
	.img__large{
		border-radius:0;
	}
	section.seasonal .section__body__inner__contents {
	  max-width: 1100px;
	  margin: 0 auto;
	  position: relative;
	}


}

section.seasonal .img__large img.mv_top{
	position: absolute;
	top: 50px;
	/*transform: translateY(-50%);*/
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 70%;
	/*max-width: 860px;*/
}

section.seasonal .img__large img.mv_miffy {
  position: absolute;
  bottom: 5px;
  left: 5px;
  right: auto;
  margin: 0 auto;
  width: 100px;
}


section.seasonal .img__large img.summer_txt{
	position: absolute;
	top: 15px;
	right: 15px;
	margin: 0 auto;
	width: 120px;
}
section.seasonal .img__large img.autumn_txt{
	position: absolute;
	bottom: 2px;
	right: 0px;
	margin: 0 auto;
	left: 0px;
	width: 100%;
transform: scale(1.02);
}



.seasonal__scroll {
position: absolute;
  right: -80px;
  top: 30%;
  width: 9px;
  height: 100%;
  z-index: 3;
}

.seasonal__scroll span.txt{
	transform: rotate(90deg);
	display: block;
	font-size: 20px;
	font-family: 'Zen Old Mincho', serif;
}

.seasonal__scroll .line {
  position: absolute;
  left: 4px;
  top: 130px;
  width: 1px;
  height: 100%;
}
.seasonal__scroll .line:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleY(0);
  background-color: #000;
  transform-origin: top;
  -webkit-animation-duration: 2.8s;
  animation-duration: 2.8s;
  -webkit-animation-name: scrollLine;
  animation-name: scrollLine;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  will-change: transform;
}
@keyframes scrollLine {
  0% {
    transform: scaleY(0);
    transform-origin: top
  }

  49.9% {
    transform-origin: top
  }

  50% {
    transform: scaleY(1);
    transform-origin: bottom
  }

  99.9% {
    transform-origin: bottom
  }

  to {
    transform: scaleY(0);
    transform-origin: top
  }
}


.news {
  padding-top: 75px;
}

.news-list {
  margin-bottom: 30px;
}

	.news-list button {
	border-radius: 9999px;
	border: 1px #000 solid;
	background: #fff;
	color: #000;
	padding: 10px;
	width: 140px;
	margin-right: 17px;
}
.news-list button.is-btn-active,
.news-list button:hover {
  background: #000;
  color: #fff;
  cursor: pointer;
}

.news-contents{
  display: none;
  padding: 35px 5px 35px 35px;
  border: 1px #000 solid;
  background: #fff;
}
.is-contents-active{
  display: block;
}
.news-contents-scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 170px;
}
.news-contents-scroll::-webkit-scrollbar {
    width: 6px;
}
.news-contents-scroll::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,1);
    border-radius: 6px;
}
.news-contents-scroll::-webkit-scrollbar-track {
    background: rgba(0,0,0,.0);
    border-radius: 6px;
}

.news-contents__txt{
  border-bottom: 1px #000 solid;
  padding: 20px 0;
  margin-right: 50px;
  position: relative;
}
.news-contents__txt p{
  font-size: 14px;
  font-size: 0.9rem;
  line-height: 1.2;
    padding-right: 30px;
}
.news-contents__txt div {
  font-size: 12px;
  font-size: 0.8rem;
}
.news-contents__txt:before {
	content: "";
	background: url(/commons/202211/img/common/icon/sign-right.svg);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	position: absolute;
	top: 50%;
	  right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
}




@media screen and (max-width: 736px) {
	section.seasonal .img__large img {
	  margin: 0 0 0 20px;
	}
	section.seasonal .img__large.mv_start {
		background-size: 270%;
	}
	

	section.seasonal .img__large img.mv_top {
		position: absolute;
		top: 20px;
		/* transform: translateY(-50%); */
		left: auto;
		right: 20px;
		margin: 0 auto;
		width: 60px;
	}
	section.seasonal .img__large img.summer_txt {
	  top: 35px;
	  right: 15px;
	  left: 0;
	  right: 0;
	  width: 80px;
	}

	section.seasonal .section__body__inner {
	  padding-bottom: 45px;
	}
	.news {
	  padding-top: 20px;
	}

	.news-list {
	margin-bottom: -20px;
	  text-align: center;
	}
	.news-list button {
	  margin-right: 10px;
	}
	.news-contents {
	  padding: 35px 5px 00px 10px;
	}
	.news-contents-scroll {
	  height: 275px;
	}
	.news-contents__txt {
	  margin-right: 10px;
	}
}


/**************************************************
section.pickup
**************************************************/




section.pickup .section__body {
  max-width:100%;
  margin: 100px auto 0;
  position: relative;
}
section.pickup > .section__body:first-child {
  margin: 0px auto 0;
}

section.pickup h2{
	margin: 65px 0 60px;
}

section.pickup .contents__detail.contents__detail_main {
	margin: 10px auto 0px;
}

section.pickup .contents__detail.contents__detail_main h3 {
  font-size: 34px;
}
.reccomend .txt-line{
	text-align: center;
	margin:100px auto 76px;
}
.reccomend .txt-line span{
  font-size: 14px;
  font-weight: 600;
  position: relative;
  display: inline-block;
}
.reccomend .txt-line span:before,
.reccomend .txt-line span:after{
  content: "";
  width: 100px;
  height: 1px;
  display: block;
  background: #000;
  position: absolute;
  left: -140px;
  top: 50%;x
}
.reccomend .txt-line span:after{
  right: -140px;
  left: auto;
}

@media screen and (max-width: 736px) {
	section.pickup .section__body {
	  margin: 70px auto 0;
	}
	section.pickup h2{
	  font-size: 36px;
	  font-size: 9vw;
	  text-indent: -6px;
	}
	section.pickup h2 span {
	  text-indent: 2px;
	}
	section.pickup .contents__detail.contents__detail_main {
	  margin: 0px auto 0px;
	}

	.reccomend .txt-line {
	  margin: 60px auto 40px;
	}

	.reccomend .txt-line span {
	  font-size: 12px;
	}
	.reccomend .txt-line span:before, .reccomend .txt-line span:after {
	  width: 36px;
	  left: -56px;
	}
	.reccomend .txt-line span:after {
	  right: -56px;
	  left: auto;
	}
	.reccomend__inner .contents__detail {
	  right: 0;
	  align-content: space-between;
	  margin-bottom: 40px;
	}

	.img__middle_line:has(.lazyloaded):before {
		top: 10px;
		right: -6px;
		width: 96%;
		height: 98%;
	}

	.reccomend__inner {
	  margin: 0 10px;
	}
	.event-set {
		width: calc(100% / 2 - 10px);
		justify-content: space-between;
		align-content: normal;
		  margin-bottom: 1.5rem;
	}
	.img__line {
	  width: 100%;
	}
	.img__line .img__small {
		width: 170px;
		height: 170px;
		width: 100%;
		height: auto;
		padding-top: 100%;
	}
	.img__line:before {
	  content: "";
	  width: 94%;
	  padding-top: 96.5%;
	  right: -5px;
	}


	.reccomend__inner .event-set .contents__detail__txt span.date{
	  font-size: 12px;
	  width: 100%;
	  padding: 5px 5px;
	  border: 1px #000 solid;
	  border-left: 0;
	  border-right: 0;
	  background: #fff;
	  color: #000;
	  margin-bottom: 15px;
	}

	section.pickup .contents__detail.contents__detail_main h3 {
	font-size: 7vw;
	}

	.reccomend__inner .event-set .contents__detail h3 {
	  margin: 15px 0 15px 0;
	}

	.reccomend__inner .contents__detail__txt {
	  width: 96%;
	  margin: 0 auto;
	}


}

/**************************************************
section.comingsoon
**************************************************/




section.comingsoon .section__body {
  max-width:100%;
  margin: 100px auto 0;
  position: relative;
}

section.comingsoon .contents__detail {
  margin: 10px auto 0;
}

section.comingsoon .contents__detail.contents__detail_main h3 {
  font-size: 34px;
}



section.comingsoon .img__middle:after,
section  .img__middle.comingsoon:after{
	content: "COMING SOON";
	background: #2EB6AA;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	padding: 5px 20px;
	position: absolute;
	top: 30px;
	left: 0;
}


@media screen and (max-width: 736px) {
	section.comingsoon .section__body {
	  margin: 80px auto 0;
	}
	section.comingsoon .contents__detail {
	  margin: 0px auto 0;
	}

	section.comingsoon .contents__detail.contents__detail_main h3 {
	  font-size: 7vw;
	}

	section.comingsoon .img__middle:after,
	section .img__middle.comingsoon:after{
		font-size: 16px;
		top: 30px;
		left: -10px;
	}
}



/**************************************************
section.newfacilities
**************************************************/


section.newfacilities .section__body {
max-width: 100%;
  margin: 160px auto 0;
  position: relative;
  padding: 20px 0 90px;
}

section.newfacilities .section__body:before {
content: "";
  background: #F0ECCD;
  width: 100%;
  display: block;
  max-width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
}

section.newfacilities h2{
	margin: 50px 0 60px;
}

section.newfacilities .slider__body .event-set {
  background: #Fff;
}

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

	section.newfacilities .section__body {
	  margin: 80px auto 0;
	}

	section.newfacilities h2 {
	  font-size: 32px;
	    font-size: 8vw;
	    font-size: 7.1vw;
	}
	section.newfacilities h2 span {
	  font-size: 16px;
	    font-size: 4.1vw;
	}
	section.other .slider__body .event-set {
	  margin-right: 10px;
	}
}



/**************************************************
section.htb
**************************************************/




section.htb .section__body {
  margin: 160px auto 0;
  position: relative;
}

section.htb h2 {
  position: absolute;
  top: -610px;
  top: -550px;
  left:0;
    margin: 0px 0 0px;
}




@media screen and (min-width: 736px) {

	section.htb .section__body {
	  max-width: 100%;
	  position: relative;
	}

	section.htb .section__body__inner {
	  /*max-width:100%;*/
	}
	section.htb .img__large{
		/*background-position: center 75%;
		max-width: 100%;
		margin-left: auto;
		border-radius:0;
		height: auto;
		padding-top:38%;
		*/
max-width: 100%;
    margin-left: auto;
    border-radius: 0;
	}
	.img__large{
		border-radius:0;
	}
	section.htb .section__body__inner__contents {
	  max-width: 1100px;
	  margin: 0 auto;
	  position: relative;
	}
	
	section.htb h2 {
		top: -35vw;
		top: -570px;

		left: 0;
		margin: 0px 0 0px 50px;
	}

}

section.htb .lead{
	font-size: 23px;
	text-align: left;
	margin: 65px 0 90px;
	font-weight: 400;
	line-height: 1.6;
	font-family: 'Zen Old Mincho', serif;
}


.htb__body__pickup {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.htb__pickup {
  width: 630px;
    width: calc(100% / 2 - 50px);
  display: flex;
    flex-wrap: wrap;
  justify-content: flex-end;
    justify-content: flex-start;
  align-content: space-between;
  margin-bottom:70px;
}


.htb__pickup:nth-child(even) {
  justify-content: flex-start;
}

.htb__pickup__txt {
  width: 500px;
  width: 82%;
}


section.htb h3{
	font-size: 23px;
	text-align: left;
	font-family: 'Zen Old Mincho', serif;
	margin-bottom: 46px;
	margin-bottom: 30px;
	margin-top: 30px;
}
section.htb h3 em{
	font-size: 50px;
	font-style: normal;
	display: inline-block;
}

section.htb .txt-link{
  font-size: 15.5px;
  text-align: left;
  font-weight: 400;
  padding-right: 40px;
  padding-right: 0px;
  position: relative;
  display: block;
	  margin-bottom: 46px;
}
section.htb .txt-link:before {
  content: "";
  background: url(/commons/202211/img/common/icon/sign-right_or.svg);
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  position: absolute;
  bottom: 40%;
  right: 0px;
  display:none;
}

.htb__pickup__img {
  display: block;
  width: 100%;
}


.htb__pickup__btn {
  margin: 0px auto 30px;
}

.htb__pickup__btn .btn__basic{
	min-width: 320px;
}


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

	section.htb  .section__body {
	  margin: 40px auto 0;
	}
	section.htb  .img__large {
	  background-position: 35% center;
	}
	section.htb h2 {
		top: -510px;
		top: -455px;
		font-size: 32px;
		font-size: 8vw;
		left: 20px;
	}
	section.htb h2 span {
	  font-size: 16px;
	  font-size: 4.1vw;
	  margin: 10px 0 0 0px;
	}
	section.htb .lead {
	  font-size: 18px;
	  font-size: 16px;
	  margin: 55px 10px 80px;
	   margin: 40px 10px 45px;
	}

	.htb__pickup {
	  width: 100%;
	  justify-content: flex-start;
	    margin-bottom: 55px;
	}
	.htb__pickup__txt {
	  width: 100%;
	    padding: 0 20px;
	}
	section.htb h3 {
	  font-size: 18px;
	  font-size: 4.4vw;
  margin-bottom: 20px;
  margin-top: 10px;
	}
	section.htb h3 em {
	  font-size: 35px;
	  font-size: 9vw;
	}
	.htb-slider .slick-dots,
	.htb__pickup:nth-child(even) .htb-slider .slick-dots {
	    width: auto;
	  margin: 0 0 0 20px!important;
	}
	.htb__pickup__btn {
	  display: block;
	  margin: 30px auto 0;
	  width: 90%;
	}
	section.htb .txt-link{
		margin-bottom: 00px;
		font-size: 4.2vw;
		font-size: 16px;
	}
	section.htb .txt-link.txt-link_sp {
	  padding-right: 0px;
	}
	section.htb .txt-link.txt-link_sp {
	    padding-right: 0px;
	}
	section.htb .txt-link.txt-link_sp:before {
	  display:none;
	}
}




/**************************************************
section.hotels
**************************************************/




section.hotels .section__body {
  margin: 30px auto 0;
  position: relative;
}

section.hotels .slick-list {
  overflow: visible;
}

section.hotels h2 {
/*  position: absolute;
  top: -630px;
  left:0;
*/
  position: absolute;
  right: 0;
  width: 1100px;


}



@media screen and (min-width: 736px) {

	section.hotels .section__body {
	  max-width: 100%;
	  position: relative;
	}

	section.hotels .section__body__inner {
	  /*max-width:100%;*/
	}
	section.hotels .img__large{
		/*
		background-position: center 75%;
		max-width: 100%;
		margin-left: auto;
		border-radius:0;
		height: auto;
		padding-top:38%;
		*/
max-width: 100%;
    margin-left: auto;
    border-radius: 0;
	}
	.img__large{
		border-radius:0;
	}
	section.hotels .section__body__inner__contents {
	  max-width: 1100px;
	  margin: 0 auto;
	  position: relative;
	}
	
	section.hotels h2  {
		position: absolute;
		max-width: 1100px;
		top: 40px;
		left: 50px;
		right: 0;
		margin: 0 auto;
	}

}




section.hotels .lead{
	font-size: 23px;
	text-align: left;
	margin: 82px 0 90px;
	font-weight: 400;
	line-height: 1.6;
	font-family: 'Zen Old Mincho', serif;
}
.hotels-logo {
  width: 260px;
  margin: 45px auto 0px;
  display: block;
}

.hotels__btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.hotels .slider__body .event-set {
  width: 250px!important;
  padding: 0;
  border:0px #000 solid;
  background: #fff;
  margin-right: 30px;
  display: flex;
}
.hotels .slider__body .event-set .img__line:before {
width: 94%;
  padding-top: 131%;
  top: 13px;
  right: -10px;
}
.hotels .slider__body .event-set .img__small {
  height: 330px
}

.hotels  .slider__body .event-set .contents__detail {
  width: 100%;
  align-items: flex-end;
  justify-content: center;
}

.hotels  .slider__body .event-set .contents__detail__txt p {
  font-size: 14px;
  text-align: center;
  border-bottom: 1px #000 solid;
  padding-bottom: 10px;
  font-family: 'Zen Old Mincho', serif;
}
.hotels .slider__body .event-set:before {
  display:none;
}
.hotels .event-set .contents__detail h3 {
  font-size: 20px;
  text-align: center;
  font-family: 'Zen Old Mincho', serif;
  margin: 0px 0 15px 0;
}
.hotels .contents__detail__txt {
	width: 92%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.hotels .slider__body .hotels_btn {
  margin: 0 20px;
}


.hotels img.mv_miffy {
  position: absolute;
  bottom: 5px;
  left: 5px;
  right: auto;
  margin: 0 auto;
  width: 100px;
}



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

	section.hotels  .section__body {
	  margin: 40px auto 0;
	}

	section.hotels h2 {
		font-size: 32px;
		font-size: 8vw;
		left: 20px;
	}
	section.htb h2 span {
	  font-size: 16px;
	  font-size: 4.1vw;
	  margin: 10px 0 0 0px;
	}
	section.hotels .lead {
	  font-size: 16px;
	    margin: 40px 10px 45px;
	}
	.hotels-logo {
	  width: 144px;
	  margin: 30px auto 0px;
	}
	.hotels__btn {
	  justify-content: center;
	    margin-bottom: 45px;
	}
	.hotels .slider__body .event-set .img__small {
	  height: 330px;
	  width: 240px;
	}
	.hotels img.mv_miffy {
	  position: absolute;
	  bottom: 5px;
	  left:5px;
	  right:auto;
	  margin: 0 auto;
	  width: 80px;
	}
}


/**************************************************
section.other
**************************************************/


section.other h2 {
  margin: 50px 0 60px;
}

section.other .section__body {
max-width: 100%;
margin: 20px auto 0;
position: relative;
padding: 20px 0 90px;
}
section.other .section__body:before {
content: "";
  background: #F0ECCD;
  width: 100%;
  display: block;
  max-width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
}

@media screen and (min-width: 736px) {

	section.other .section__body:before {
	}
}

section.other  .slider__body .event-set {
  width: 170px!important;
  width: 166px !important;
  padding: 8px!important;
  border: 1px #000 solid;
  background: #fff!important;
  margin-right: 20px;
}
section.other .img__square {
  width: 150px;
}



section.other  .event-set .contents__detail h3 {
  margin: 10px 0 10px 0;
  font-size: 14px;
}

section.other  .slider__body .event-set .contents__detail__txt p {
  font-size: 12px;
}
section.other .slider__body .event-set .contents__detail {
  margin-top: 0;
}

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

	section.other .section__body {
	  margin: 40px auto 0;
	}

	section.other h2 {
	  font-size: 32px;
	}
	section.other h2 span {
	  font-size: 16px;
	}
}




/**************************************************
.htb-slider
**************************************************/

.htb-slider{
	
}
.htb-slider.slick-dotted.slick-slider {
  margin-bottom: 0px;
}
.htb-slider  .slick-dots {
  position: relative;
  bottom: 0;
  display: block;
  width: 500px;
  padding: 0;
  margin: 0 auto 0 0;
  text-align: left;
  line-height: 1;
}
.htb__pickup:nth-child(even) .htb-slider  .slick-dots {
  margin: 0 auto 0 0;
}

.htb-slider .slick-dots li {
  width:6px;
  height:6px;
  margin: 0 15px 0 0;
}
.htb-slider .slick-dots li button {
  width: 6px;
  height:6px;
}
.htb-slider .slick-dots li button:before {
  font-size: 6px;
  line-height: 1;
  width:6px;
  height:6px;
}


.htb-slider .slick-dots li button:before {
  opacity: 0.3;
  color: #898989;
}

.htb-slider  .slick-dots li.slick-active button:before {
  opacity: 1;
  color:#2DB6AA;
}

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




}




/**************************************************
.slider__body .event-set
**************************************************/

.slider__body .event-set{
	align-content: flex-start;
}


.slider__body .event-set{
	width: 240px!important;
	  width: 260px !important;
	padding: 11.5px;
	border: 1px #000 solid;
	background: #F0ECCD;
	margin-right: 40px;
}


.slider__body .event-set:before {
  content: "";
  background: url(/commons/202211/img/common/icon/sign-right.svg);
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.slider__body .event-set .img__lines,
.slider__body .event-set .img__lines .img__square {
width: 100%;
}

.slider__body .event-set .contents__detail {
  margin-top: 11.5px;
}

.slider__body .event-set .contents__detail__txt:before {
  content: "";
  display:none;
}

.slider__body .event-set .contents__detail__txt span.date{
  width: 130px;
  left: -20px;
  position: relative;
}

.slider__body .event-set .contents__detail__txt p {
  font-size: 16px;
  margin-bottom: 20px;
  text-align: left;
  padding-right: 0;
}



.slider__body .slick-slider{
	padding-top: 60px;
}

.slider__body .slick-list {
  overflow: visible;
}
.slider__body .slick-track {
  display: flex;
}
.slider__body .slick-slide {
  height: auto !important;
}


.slider__body .slick-num {
  font-size: 14px;
font-size: 14px;
  position: absolute;
  top: 0;
  left: 140px;
}
.slider__body .slick-num span:before {
	content:"0";
}
.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 0%;
  display: block;
  width: 102px;
  height: 6px;
  padding: 0;
  transform: translate(0, 0%);;
  left: 0;
    top: 8px;
}
.slick-next {
  left:220px;
}
.slick-prev:before, .slick-next:before {
font-family: unset;
  font-size: 0;
  line-height: 1;
  opacity: 1;
  color: #000;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDMuNjUgNi4wNyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICMyMzE4MTY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJf44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+CiAgICA8cGF0aCBpZD0iX+ODkeOCuV8xMjY2OCIgZGF0YS1uYW1lPSLjg5HjgrkgMTI2NjgiIGNsYXNzPSJjbHMtMSIgZD0ibTAsNS41N2gxMDIuNDhsLTUtNS4yMiIvPgogIDwvZz4KPC9zdmc+);
  background-size: cover;
  width: 102px;
  height: 6px;
  display: block;
}
.slick-prev:before {
	  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDMuNjUgNi4wNyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICMyMzE4MTY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJf44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+CiAgICA8cGF0aCBpZD0iX+ODkeOCuV8xMjY1NSIgZGF0YS1uYW1lPSLjg5HjgrkgMTI2NTUiIGNsYXNzPSJjbHMtMSIgZD0ibTEwMy42NSw1LjU3SDEuMTdMNi4xNy4zNSIvPgogIDwvZz4KPC9zdmc+);
	background-size: cover;
}


@media screen and (max-width: 736px) {
	.slider__body {
	  padding-left: 10px;
	}
	.slider__body .event-set {
	  margin-right: 30px;
	  align-content: flex-start;
	}
	.slider__body .event-set {
	  width: 220px!important;
	  padding: 9px;
	}
	.img__square {
	 width: 200px;
	}
	.slider__body .slick-next {
	  left: auto;
	  right: 0;
	}
	.slider__body .slick-num {
	  left: 46%;
	}
}








.btn_link-txt > a .btn_arrow_circle span:before{
  background-color: #fff!important;
}
.btn_link-txt > a .btn_arrow_circle span:after {
  border-top: 1px solid #fff!important;
  border-right: 1px solid #fff!important;
}

	.btn_link-txt.btn_link-txt_c{
	text-align:center;
	padding: 0.5rem 4rem 0;
	}
	.btn_link-txt.btn_link-txt_c > a {
	    background-color: #fff!important;
	    color: #1D326F!important;
	    padding: 0.5rem;
	    width: 300px;
	    border-radius: 0.8rem;
	    box-shadow: 2px 2px 10px rgb(29 50 111 / 25%);
	    margin: 1rem auto 0;
	}
	.btn_link-txt.btn_link-txt_c > a .btn_arrow_circle span:before{
	  background-color: #0A2B6F!important;
	}
	.btn_link-txt.btn_link-txt_c > a .btn_arrow_circle span:after {
	  border-top: 1px solid #0A2B6F!important;
	  border-right: 1px solid #0A2B6F!important;
	}



@media screen and (max-width: 736px) {
	.btn_link > a {
	font-size: 55%;
	margin: 5px;
	width: 100%;
	padding: 0.5rem 1rem;
	text-align: center;
	}
	.btn_link-txt > a {
		background-color: #fff!important;
		color: #1D326F!important;
		padding: 0.5rem;
		width: 92%;
		border-radius: 0.8rem;
		box-shadow: 2px 2px 10px rgb(29 50 111 / 25%);
		margin: 1rem auto 0;
	}
	.btn_link-txt{
	text-align:center;
	padding: 0.5rem 4rem 0;
	}
	.btn_link-txt > a .btn_arrow_circle span:before{
	  background-color: #0A2B6F!important;
	}
	.btn_link-txt > a .btn_arrow_circle span:after {
	  border-top: 1px solid #0A2B6F!important;
	  border-right: 1px solid #0A2B6F!important;
	}
	.slider__body .event-set .contents__detail__txt p {
	  font-size: 4vw;
	  font-size: 16px;
	}

}

/****************************
.mv
****************************/

.mv {
  position: relative;
}
.mv__img:before,
.mv__img div:before{
	content:"";
	background-size: 100%;
	background-position: center bottom;
		background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	max-width:750px;
	height: 100%;
	top: 0;
	left: 0;
	right:0;
	z-index: 1;
	margin:0 auto;
}
.mv__img:before {
    background-position: center -30vw;
}

.second-season.mv__img:before{
 display:none;
}

.mv__img .season-img:before{
	content:"";
	background-position: center;
	position: absolute;
	width: 100%;
	max-width:750px;
	height: 100%;
	top: 0;
	left: 0;
	right:0;
	z-index: 1;
	margin:0 auto;
}

.mv__img.winter:before{
	content:"";
	background-image: url(/commons/202211/img/top/mv/winter-txt.png);
	background-size: 105%;
}
.mv__img.spring:before{
	content:"";
	background-image: url(/commons/202211/img/top/mv/springtxt.png);
	background-size: 105%;
}
/*
.mv__img.earlysummer:before{
	content:"";
	background-image: url(/commons/202211/img/top/mv/earlysummer-txt.png);
	background-size: 105%;
	background-position: center 90%;
	background-repeat: no-repeat;
}
*/
.mv__img.earlysummer .miffy:before{
	background-image: url(/commons/202211/img/top/mv/earlysummer_miffy-txt.png?0425);
}
.mv__img.earlysummer .rose:before{
	background-image: url(/commons/202211/img/top/mv/earlysummer_rose-txt.png);
}
.mv__img.earlysummer .hydrangea:before{
	background-image: url(/commons/202211/img/top/mv/earlysummer_hydrangea-txt.png);
}


.mv__img.summer:before{
	background-image: url(/commons/202211/img/top/mv/summer-txt.png);
	background-position: center bottom;
}

.mv__img.autumn:before{
	background-image: url(/commons/202211/img/top/mv/autumn-txt.png);
	background-position: center 50%;
	background-size: 15vw;
}

.mv__img img {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%;
}

.mv__img img {
	object-fit: cover;
	    object-position:40%;
	height: 100vw;
}
.mv__img img:nth-child(2) {
	    object-position:60%;
}
.mv__img.earlysummer img  {
	object-position:center;
}

.mv__img.earlysummer .miffy img{
	object-position: center 10%;
}

.mv__img.earlysummer .miffy:after{
  content: "";
  background-image: url(/commons/202211/img/top/mv/mercisbv_w.png);
  background-size: 105%;
  background-position: bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70px;
  height: 50px;
}
.mv__img.autumn .miffy:after{
  content: "";
  background-image: url(/commons/202211/img/top/mv/autumn-mercisbv.png);
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
left: 0;
  width: 84px;
  height: 21px;
}


.mv__img.summer .lantern:after{
  content: "";
  background-image: url(/commons/202211/img/top/mv/txt-image_w.png);
  background-size: 105%;
  background-position: bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70px;
  height: 50px;
}


@media screen and (min-width: 736px) {
	.mv__img img  {
		object-fit: cover;
		    object-position: bottom;
		height: 600px;
		height: 40vw;
	}
	.mv__img img:nth-child(2) {
	object-position: bottom;
	}


	.mv__img.earlysummer .miffy:after{
	    width: 100px;
	  background-image: url(/commons/202211/img/top/mv/mercisbv.png);
	}

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



	.mv__img.earlysummer .miffy:before{
		background-position: center 80%;
	}
	.mv__img.earlysummer .rose:before{
		background-position: center 80%;
	}

	.mv__img.autumn:before {
	  background-image: url(/commons/202211/img/top/mv/autumn-txt_sp.png);
	  background-position: left 100%;
	  background-size: 39vw;
	}

	.mv__img.autumn .miffy:after{
	left: auto;
	  right: -12px;
	  height: 13px;
	  bottom: 0px;
	  background-size: contain;
	}
}




/****************************
.htb-information
****************************/

.htb-information{
  padding: 40px 0 40px;
}

.htb-information h2{
	color: #1D326F;
	font-size: 16px;
	font-size: 1.1rem;
	text-align: center;
	margin: 0.9rem 0;
}
.htb-information__content {
  border: 2px #1D326F solid;
  border-radius: 1.5rem;
  background: #fff;
}

.htb-information__content-scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  height: 210px;
   height: 150px;


  margin-bottom: 10px;
}

.htb-information__txt{
  border-top: 1px #E2E6F0 solid;
  padding: 1rem 1rem;
}
.htb-information__txt p{
  font-size: 14px;
  font-size: 0.9rem;
  line-height: 1.2;
}
.htb-information__txt div {
  font-size: 12px;
  font-size: 0.8rem;
}

@media screen and (min-width: 736px) {
	.htb-information__content {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.htb-information h2 {
	  width: 370px;
	    font-size: 1.4rem;
	}
	.htb-information__content-scroll {
	  height: 160px;
	  height: 100px;
	  margin-bottom: 10px;
	  margin-right: 10px;
	  margin-top: 10px;
	  width: 72%;
	}
	.htb-information__content-scrolls {
	  margin-bottom: 10px;
	  margin-right: 10px;
	  margin-top: 10px;
	  width: 70%;
	}
	.htb-information__txt:first-child {
	  border-top: 0px #E2E6F0 solid;
	}

	.htb-information__content-scroll::-webkit-scrollbar {
	    width: 6px;
	}
	.htb-information__content-scroll::-webkit-scrollbar-thumb {
	    background: rgba(42,60,120,.5);
	    border-radius: 6px;
	}
	.htb-information__content-scroll::-webkit-scrollbar-track {
	    background: rgba(226,230,240,.5);
	    border-radius: 6px;
	}
}






/****************************
.htb-seasonalevents
****************************/

.htb-seasonalevents,
.htb-nextseasonalevents-top{
	border-radius:1.5rem;
	padding: 20px 0 20px;
}
.htb-seasonalevents-under{
    padding: 20px 0 40px;

}
.htb-seasonalevents h2,
.htb-nextseasonalevents h2{
	color:#0093BF;
}

.htb-seasonalevents h2:before{
	display: block;
	height: 36px;
	width: 100%;
	content: "";
	background-image: url(/commons/202210/img/top/icon/park.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 0.6rem;
}

.htb-seasonalevents .pickup__slider .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #1D326F;
}
.htb-seasonalevents .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  content: '';
  text-align: center;
  opacity: 1;
    background-color: #E2E6F0;
  border: 1px #E2E6F0 solid;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 9999px;
}

@media screen and (min-width: 736px) {
	/*
	.htb-seasonalevents{
		border-radius:1.5rem;
		padding: 70px 0 40px;
	}
	*/
}


/****************************
.htb-nextseasonalevents
****************************/




@media screen and (min-width: 736px) {
	.htb-nextseasonalevents,
	.htb-seasonalevents-under{
	  border-radius: 1.5rem 1.5rem 0 0;
	  padding: 50px 0 100px;
	  margin-top:40px;
	}
	.htb-nextseasonalevents-top{
		border-radius:1.5rem;
		padding: 70px 0 40px;
	}

}
/****************************
.htb-huistenbosch
****************************/

.htb-huistenbosch{
}

.htb-huistenbosch h2{
	color:#1D326F;
	margin: 3.5rem 0 1.2rem;
	font-size: 30px;
	font-size: 2.1rem;
}
.htb-huistenbosch h2:before {
	display: block;
	height: 70px;
	width: 100%;
	content: "";
	background-image: url(/commons/202211/img/top/icon/huistenbosch_sp.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 1rem;
}

.htb-huistenbosch p{
  font-size: 16px;
  font-size: 1rem;
  color: #1D326F;
  text-align: center;
  display:none;
}


@media screen and (min-width: 736px) {
	.htb-huistenbosch {
	  padding: 0;
	}
	.htb-huistenbosch .u-inner {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	.htb-huistenbosch h2 {
	  color: #fff;
	  font-size: 3.2rem;
	  text-align: left;
	  margin: 3.2rem 0 1rem;
	}
	.htb-huistenbosch h2:before {
		background-image: url(/commons/202211/img/top/icon/huistenbosch_w.svg);
		background-position: right center;
		position: absolute;
		right: 0;
		top:70px;
		height: 28px;
		width: 100%;
		display: block;
		background-size: contain;
		background-repeat: no-repeat;
		margin-bottom: 1.2rem;
	}
	.htb-huistenbosch p {
	  color: #fff;
	  text-align: left;
	  line-height: 2.1;
	  display:block;
	}

}
/****************************
.htb-event
****************************/
.htb-event:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	border-left: 50px solid #000000;
	border-bottom: 50px solid transparent;
	opacity: 0.15;
}
.htb-event{
  background: #46A9C7;
}

.htb-event:nth-child(odd){
  background: #1D326F;
}

.htb-event:nth-child(odd):before {
	opacity: 0.40;
}
.htb-event h2{
	color:#fff;
}

.htb-event .pickup__slider .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #ffffff;
}
.htb-event .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  content: '';
  text-align: center;
  opacity: 1;
  color: transparent;
  border: 1px #fff solid;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 9999px;
}

@media screen and (min-width: 736px) {
	.htb-event {
	  max-width: 1200px;
	  margin: 0 auto 0;
	  padding: 0px 0 50px;
	}
	.htb-event.htb-event-first {
	  margin: -120px auto 0;
	  border-radius: 1.5rem 1.5rem 0 0;
	}
	.htb-event.htb-event-last {
	  border-radius:0 0 1.5rem 1.5rem ;
	}
	.htb-event h2 {
	  margin: 50px 0 40px;
	}
}

/****************************
.htb-charm
****************************/

.htb-charm{
	padding: 20px 0 20px;
	background: #1D326F;
}
.htb-charm:before{
	content: "";
	border-radius: 1.5rem 1.5rem 0 0;
	padding: 20px 0 0px;
	background: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


.htb-charm h2{
	color:#0093BF;
}

.htb-charm h2:before{
	display: block;
	height: 36px;
	width: 100%;
	content: "";
	background-image: url(/commons/202210/img/top/icon/park.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 0.6rem;
}

@media screen and (min-width: 736px) {
	.htb-charm {
	  background: #F5F5F5;
	  margin: 100px auto 0;
	  padding: 0px 0 20px;
	}
	.htb-charm h2 {
	  margin: 80px 0 50px;
	}
	.htb-charm h2:before {
	  height: 50px;
	}
}

/****************************
.article.event__box 
****************************/

article.event__box {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: space-between;
}
article.event__box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left:0;
  width: 100%;
  height: 100%;
  z-index:0;
  background: #fff;
}

article.event__box a {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: space-between;
	z-index: 1;
  overflow: hidden;
padding: 10px;
  border: 1px #000 solid;
}

.event__img {
  width: auto;
  padding-top: 70%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  box-sizing: border-box;
  position: relative;
}
/* 読み込み時のスタイル */
.event__img.lazyload {
  background-color: #fff;
}

.event__img.lazyloaded {
  animation: fade 1s forwards; 
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.event__box__inner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  font-size: 22px;
  font-size: 1.5rem;
}
.event__box__inner:before {
  content: "";
  background: url(/commons/202211/img/common/icon/sign-right.svg);
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}



.event__txt {
  position: relative;
  padding: 1.2rem 0rem 1.2rem 0rem;
  text-align: center;
  flex: 1;
  height: 100%;
  min-height: 0%;
}


.event__txt h3{
  font-size: 100%;
}
.event__txt p{
	line-height: 1.4;
	text-align: left;
  font-size: 67%;
  color: #333;
}
.event__txt p.date,
.event__txt div.date{
  display: inline-block;
  margin: 0.8rem auto 0.8rem;
  text-align: center;
  line-height: 1;
  border: 1px #1D326F solid;
  border-radius: 9999px;
  padding: 0.4rem 1rem;
  color: #1D326F;
  font-weight: 700;
  font-size: 60%;
  font-feature-settings: "palt";
}

.event__link{
  border-top: 1px #E2E6F0 solid;
  text-align: center;
  max-height: 70px;
}
.event__link div.btn{
	line-height: 1;
	text-align: center;
	font-weight: 700;
	display: block;
	padding: 1.2rem;
	position: relative;
  font-size: 75%;
}

.other__sliders article.event__box {
  padding-bottom: 0rem;
  height: auto;
  display: flex;
}


.other__sliders article.event__box a {
  display: block;
  overflow: hidden;
  padding-bottom: 4.5rem;
  position: relative;
}

@media screen and (min-width: 736px) {
	article.event__box.w100per.side a,
	article.event__box.w50per.side a {
	  flex-direction: revert;
	}
	article.event__box.w100per.side a .event__img,
	article.event__box.w50per.side a .event__img {
	  width: 48%;
	  padding-top: 35%;
	}
	article.event__box.w100per.side a .event__box__inner,
	article.event__box.w50per.side a .event__box__inner {
		width: 52%;
		justify-content: center;
	}
	.side .event__txt {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  flex-direction: column;
	    align-items: flex-start;
	}


	.event__txt h3 {
	  font-size: 130%;
	  text-align: left;
	}

	.event__link {
	  border-top: 0px #E2E6F0 solid;
	  text-align: right;
	  max-height: 50px;
	}
	.event__link div.btn {
		text-align: right;
		padding: 0px;
		padding-bottom: 15px;
		padding-right: 40px;
		font-size: 70%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.side .event__txt {
		padding: 15px 40px 15px 40px;
		flex: none;
		height: auto;
	}
	.event__txt p.date,
	.event__txt div.date {
	  margin: 0.8rem 0 0.8rem;
	}
	.pickup__slider .event__txt h3 {
	  font-size: 100%;
	}
	.pickup__slider .side .event__txt {
	  padding: 30px 20px 15px 20px;
	  font-size: 1.1rem;
	}
	.pickup__slider .event__txt p.date ,
	.pickup__slider .event__txt div.date {
	  margin: 5px 0 5px;
	}
	.pickup__slider .event__link div.btn {
		padding-right: 20px;
	}
	.pickup__slider article.event__box.w100per.side a .event__box__inner {
		justify-content: space-between;
	}
}



/****************************
.article.charm__box 
****************************/

article.charm__box {
  border-radius: 1rem;
  overflow: visible;
  position: relative;
margin-bottom: 2rem;
}
article.charm__box:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 120%;
  height: 70%;
  border-radius: 1rem;
  z-index: -1;
}

article.charm__box:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 120%;
  height: 80%;
  border-radius: 1rem;
  clip-path: polygon(80% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
}
article.charm__box:nth-child(odd):before {
  content: "";
  background: #333;
  right:0;
	clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%, 0 20%);
}



article.charm__box.flower:after,
article.charm__box.flower:before,
article.charm__box.flower a .btn_arrow_circle span:before  {
  background-color: #EF6892!important;
}
article.charm__box.flower .charm__link> div{
  color: #EF6892!important;
}
article.charm__box.flower a .btn_arrow_circle span:after {
	border-top: 1px solid #EF6892!important;
	border-right: 1px solid #EF6892!important;
}

article.charm__box.hikari:after,
article.charm__box.hikari:before,
article.charm__box.hikari a .btn_arrow_circle span:before {
  background: #4686C7!important;
}
article.charm__box.hikari .charm__link> div{
  color: #4686C7!important;
}
article.charm__box.hikari a .btn_arrow_circle span:after {
	border-top: 1px solid #4686C7;!important;
	border-right: 1px solid #4686C7;!important;
}


article.charm__box.htb-kageki:after,
article.charm__box.htb-kageki:before,
article.charm__box.htb-kageki a .btn_arrow_circle span:before  {
  background-color: #C68FC6!important;
}

article.charm__box.htb-kageki .charm__link> div{
  color: #C68FC6!important;
}
article.charm__box.htb-kageki a .btn_arrow_circle span:after {
	border-top: 1px solid #C68FC6;!important;
	border-right: 1px solid #C68FC6;!important;
}
article.charm__box.character:after,
article.charm__box.character:before,
article.charm__box.character a .btn_arrow_circle span:before  {
  background-color: #5CB9AB!important;
}
article.charm__box.character .charm__link> div{
  color: #5CB9AB!important;
}
article.charm__box.character a .btn_arrow_circle span:after {
	border-top: 1px solid #5CB9AB;!important;
	border-right: 1px solid #5CB9AB;!important;
}
article.charm__box.attraction:after,
article.charm__box.attraction:before,
article.charm__box.attraction a .btn_arrow_circle span:before  {
  background-color: #46A9C7!important;
}
article.charm__box.attraction .charm__link> div{
  color: #46A9C7!important;
}
article.charm__box.attraction a .btn_arrow_circle span:after {
	border-top: 1px solid #46A9C7;!important;
	border-right: 1px solid #46A9C7;!important;
}

article.charm__box.hotel:after,
article.charm__box.hotel:before,
article.charm__box.hotel a .btn_arrow_circle span:before  {
  background-color: #EF9A68!important;
}
article.charm__box.hotel .charm__link> div{
  color: #EF9A68!important;
}
article.charm__box.hotel a .btn_arrow_circle span:after {
	border-top: 1px solid #EF9A68;!important;
	border-right: 1px solid #EF9A68;!important;
}

.charm__img {
  width: auto;
  padding-top: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  box-sizing: border-box;
  position: relative;
  background-color: #aaa;
   border-radius: 1rem 1rem 1rem 0;
}
article.charm__box:nth-child(odd) .charm__img {
  width: auto;
  padding-top: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  box-sizing: border-box;
  position: relative;
  background-color: #aaa;
   border-radius: 1rem 1rem 0 1rem;
}

.charm__txt{
	position: relative;
	padding: 1.5rem 0rem 1rem 2rem;
	text-align: left;
	font-size: 22px;
	font-size: 1.5rem;
	color: #fff;
}
article.charm__box:nth-child(odd) .charm__txt{
	padding: 1.5rem 2rem 1rem 0rem;
}

.charm__txt h3 {
  text-align: left;
  color: #fff;
}
.charm__txt p{
	line-height: 1.4;
  font-size: 66%;
    margin-top: 0.5rem;
}

.charm__link{
	border-top: 1px #E2E6F0 solid;
	text-align: right;
	padding-bottom: 1.5rem;
	font-size: 1.5rem;
}
article.charm__box:nth-child(odd) .charm__link{
	text-align: left;
}

.charm__link > div{
  line-height: 1;
  text-align: center;
  font-weight: 700;
  display: inline-block;
  padding: 1rem;
  position: relative;
  font-size: 70%;
  width: 92%;
  background: #fff;
  border-radius: 0.8rem;
  box-shadow: 2px 2px 10px rgb(29 50 111 / 25%);
	color:#333;
}

@media screen and (min-width: 736px) {
	article.charm__box .charm__img {
	  width: 95%!important;
	}
	article.charm__box.htb-kageki .charm__img,
	article.charm__box.character .charm__img,
	article.charm__box.attraction .charm__img,
	article.charm__box.hotel .charm__img {
	 padding-top: 100%;
	}

	article.charm__box:before {
	  width: 100%;
	  clip-path: polygon(80% 0, 100% 20%, 100% 100%, 0 100%, 0 0)!important;
	}
	article.charm__box .charm__img {
	  border-radius: 1rem 1rem 1rem 0!important;
	}
	.charm__txt,
	article.charm__box:nth-child(odd) .charm__txt {
	  padding: 20px 60px 30px 30px;
	}
	article.charm__box.htb-kageki .charm__txt,
	article.charm__box.character .charm__txt,
	article.charm__box.attraction .charm__txt,
	article.charm__box.hotel .charm__txt{ 
	  padding: 15px 25px 10px 18px;
	}

	article.charm__box.flower h3,
	article.charm__box.hikari h3 {
	  font-size: 2.5rem;
	}
	.charm__txt p {
	  line-height: 1.6;
	  margin-top: 10px;
	}
	.charm__link {
		text-align: left;
		padding-bottom: 40px;
		border-top: 0px #E2E6F0 solid;
	}

	article.charm__box.htb-kageki .charm__link,
	article.charm__box.character .charm__link,
	article.charm__box.attraction .charm__link,
	article.charm__box.hotel .charm__link  {
		padding-bottom: 15px;
	}

	.charm__link > div {
		text-align: right;
		background: transparent;
		box-shadow: none;
		color: #fff!important;
		width: 98%;
		padding: 0 1rem;
	}

	article.charm__box.flower .charm__link> div,
	article.charm__box.hikari .charm__link> div,
	article.charm__box.htb-kageki .charm__link> div,
	article.charm__box.character .charm__link> div,
	article.charm__box.attraction .charm__link> div,
	article.charm__box.hotel .charm__link> div {
	   color: #fff!important;
	}
	article.charm__box.flower a .btn_arrow_circle span:before ,
	article.charm__box.hikari a .btn_arrow_circle span:before,
	article.charm__box.htb-kageki a .btn_arrow_circle span:before,
	article.charm__box.character a .btn_arrow_circle span:before,
	article.charm__box.attraction a .btn_arrow_circle span:before,
	article.charm__box.hotel a .btn_arrow_circle span:before {
	  background-color: #fff!important;
	}
	article.charm__box.flower a .btn_arrow_circle span:after,
	article.charm__box.hikari a .btn_arrow_circle span:after,
	article.charm__box.htb-kageki a .btn_arrow_circle span:after,
	article.charm__box.character a .btn_arrow_circle span:after,
	article.charm__box.attraction a .btn_arrow_circle span:after,
	article.charm__box.hotel a .btn_arrow_circle span:after {
	  border-top: 1px solid #fff!important;
	  border-right: 1px solid #fff!important;
	}
}



/****************************
.htb-other
****************************/

.htb-other{
	padding: 20px 0 10px;
	background: #fff;
}
.htb-other:before{
	content: "";
	padding: 20px 0 0px;
	background: #f0eccd;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


.htb-other h2{
}

.htb-other h2:before{
}

.other__sliders .event__txt {
  position: relative;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  text-align: center;
  font-size: 14px;
  font-size: 0.95rem;
}
.other__slider .event__txt h3{
  font-size: 100%;
  margin-bottom: 0.5rem;
}
.other__slider .event__txt p{
	line-height: 1.4;
	text-align: left;
  font-size: 90%;
}
.other__slider .event__link {
  font-size: 14px;
  font-size: 1rem;
}
.other__slider .event__link a {
padding: 0.6rem;
  font-size: 80%;
}


.htb-other h2{
   margin: 30px 0 70px;
}

@media screen and (min-width: 736px) {

	.htb-other {
		padding: 0px 0 40px;
		margin-left: 10%;
	}
	.htb-other h2{
	   margin: 70px 0 100px;
	}
	.htb-other h2:before {
	  height: 50px;
	}
	.htb-other .pickup__slider .event__txt,
	.htb-other .pickup__slider .event__link {
	  font-size: 14px;
	}
	.htb-other .event__txt h3 {
	text-align: center;
	}
	.htb-other .event__txt p {
		text-align: left;
		padding-top: 15px;
		font-size: 12px;
	}
	.htb-other .event__link {
	  border-top: 1px #E2E6F0 solid;
	  text-align: center;
	    max-height: 50px;
	}
	.htb-other .event__link div.btn {
	  padding: 10px;
	  align-items: center;
	  justify-content: center;
	}
}

.btn_arrow_circle {
	border-radius: 50%;
	width: 26px;
	height: 26px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	transform: translateY(0%) rotateY( 0deg );
	transition: .5s;
}
.btn_arrow_circle span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.btn_arrow_circle span:before {
    content: "";
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: #0A2B6F;
	height: 1px;
	width: 8px;
}
.btn_arrow_circle span:after {
	content: "";
	display: block;
	-webkit-transform: translateX(-25%) rotate(45deg);
	transform: translateX(-25%) rotate(45deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: border-color;
	transition-property: border-color;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	border-top: 1px solid #0A2B6F;
	border-right: 1px solid #0A2B6F;
	border-width: 1px;
	width: 10px;
	height: 10px;
  margin-left: -2px;
}


@media screen and (min-width: 736px) {

	.btn_arrow_circle span:after {
	  width: 9px;
	  height: 9px;
	}
	.btn_arrow_circle {
	  width: 24px;
	  height: 24px;
	}
	.btn_arrow_circle span:before{
	  width: 10px;
	}
}

/****************************
.pickup__slider
****************************/

.pickup__slider {
  margin: 1.5rem auto;
  justify-content: space-between;
}
.pickup__slider .event__txt,
.pickup__slider .event__link {
font-size: 14px;
}


.pickup__slider .slick-track {
  display: flex;
}
.pickup__slider .slick-slide {
  height: auto !important;
}

.pickup__slider .slick-slide {
  text-align: center;
  margin-right: 15px;
}

.pickup__slider .slick-list {
	overflow: visible;
}
.pickup__slider .slick-dots {
  bottom: -35px;
}

.pickup__slider .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #1D326F;
}
.pickup__slider .slick-dots li {
  margin: 0 3px;
}

.pickup__slider-single.slick-dotted.slick-slider {
  margin-bottom: 0px;
}
.pickup__slider.pickup__slider-single .slick-dots {
 display:none;
}

@media screen and (min-width: 736px) {
	.pickup__slider .slick-slide {
	  margin-right: 0px;
	  margin-left: 15px;
	}
	.pickup__slider .slick-slide:first-child {
	  margin-right: 0px;
	  margin-left: 0px;
	}
}




/****************************
.other__slider
****************************/

.other__slider {
  margin: 1.5rem auto;
}
.other__slider .event__txt {
}

.other__slider{}


/*slick-slider*/
.other__slider .slick-slide {
  text-align: center;
  margin-right: 15px;
}

.other__slider .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #1D326F;
}
.other__slider .slick-dots li {
  margin: 0 3px;
}

/*slick-slide endr*/





	.swiper-container {
	  padding: 0 0px 0 0px;
	}

	.event_slider .swiper-wrapper{
		margin: 1.5rem auto 0;
	}
	.other_slider .swiper-wrapper{
		margin: 0rem auto 1.5rem;
	}
	article.event__box.swiper-slide{
		height: auto;
	}
	article.event__box.swiper-slide:first-child{
	}

	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	  left: 250px;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	  left: 00px;
	}


	.swiper-scrollbar {
	  position: relative;
	  bottom: 0;
	  background-color:rgba(226,230,240,.5);
	}
	.swiper-scrollbar-drag{
	  background: rgba(42,60,120,.5);
	}


	.swiper-button-prev, .swiper-button-next {
	  position: absolute;
	  top: 0;
	  width: 102px;
	  height: 5px;
	  margin-top: -40px;
	  z-index: 10;
	  cursor: pointer;
	  background-size: 27px 44px;
	  background-position: center;
	  background-repeat: no-repeat;
	}

	.swiper-button-next.swiper-button-black,
	.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDMuNjUgNi4wNyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICMyMzE4MTY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJf44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+CiAgICA8cGF0aCBpZD0iX+ODkeOCuV8xMjY2OCIgZGF0YS1uYW1lPSLjg5HjgrkgMTI2NjgiIGNsYXNzPSJjbHMtMSIgZD0ibTAsNS41N2gxMDIuNDhsLTUtNS4yMiIvPgogIDwvZz4KPC9zdmc+);
	background-size: cover;
	}
	.swiper-button-prev.swiper-button-black,
	.swiper-container-rtl .swiper-button-next.swiper-button-black {
	  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDMuNjUgNi4wNyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICMyMzE4MTY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJf44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+CiAgICA8cGF0aCBpZD0iX+ODkeOCuV8xMjY1NSIgZGF0YS1uYW1lPSLjg5HjgrkgMTI2NTUiIGNsYXNzPSJjbHMtMSIgZD0ibTEwMy42NSw1LjU3SDEuMTdMNi4xNy4zNSIvPgogIDwvZz4KPC9zdmc+);
	background-size: cover;
	}
	
	.htb-event .swiper-button-next.swiper-button-black,
	.htb-event .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E);
	background-size: cover;
	}
	.htb-event .swiper-button-prev.swiper-button-black,
	.htb-event .swiper-container-rtl .swiper-button-next.swiper-button-black {
	  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22butt%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%2018l-6-6%206-6%22%2F%3E%3C%2Fsvg%3E);
	background-size: cover;
	}


@media screen and (min-width: 736px) {
}




/****************************
.sliderScroll_sliders



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




	.sliderScroll_sliders {
	  overflow-x: scroll;
	}


	.sliderScroll_sliders .pickup__slider{
	  animation-name: naviAnime;
	  animation-duration: 1s;
	  animation-delay: 1s;
	  animation-timing-function: linear;
	  display: flex;
	  flex-wrap: nowrap;
	  overflow: hidden;
	  padding-bottom: 00px;
	}

	.sliderScroll_sliders article {
	  margin-right: 15px;
	  margin-bottom: 10px;
	  width: 100vw;
	}

	.u-inner--l.u-inner--l-sp-clear {
		  position: relative;
		  margin-right: 5%;
		  margin-left: 5%;
		  width: 90%;
	}

	.u-inner--l-sp-clear .sliderScroll_sliders {
	  overflow: visible;
	}
	
	
	.u-inner--l-sp-clear .sliderScroll_sliders .pickup__slider{
	  width:auto!important;
	  display: block;
	  overflow: visible;
	}


	.u-inner--l-sp-clear .sliderScroll_sliders article {
	  margin-right: auto;
	  margin-bottom: 1.5rem;
	  width: 100%;
	}


	.sliderScroll_sliders::-webkit-scrollbar {
	    height: 6px;
	}
	.sliderScroll_sliders::-webkit-scrollbar-thumb {
	    background: rgba(42,60,120,.5);
	    border-radius: 6px;
	}
	.sliderScroll_sliders::-webkit-scrollbar-track {
	    background: rgba(226,230,240,.5);
	    border-radius: 6px;
	}

	.htb-other .sliderScroll_sliders .event__box .event__txt {
	  position: relative;
	  padding: 1rem 0.5rem 0.5rem 0.5rem;
	  text-align: center;
	  font-size: 14px;
	  font-size: 0.95rem;
	}
	.htb-other .sliderScroll_sliders .event__box .event__txt h3 {
	  font-size: 100%;
	  margin-bottom: 0.5rem;
	}
	.htb-other .sliderScroll_sliders .event__box .event__txt p {
	  line-height: 1.4;
	  text-align: left;
	  font-size: 90%;
	}
	.htb-other .sliderScroll_sliders .event__box .event__link {
	  font-size: 14px;
	  font-size: 1rem;
	}



}
****************************/

/****************************
.sliderScroll_slider
****************************/
.sliderScroll_slider{
  overflow-x: scroll;
}
.sliderScroll_slider .scroll-contents {
	animation-name: naviAnime;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-timing-function: linear;
	width: 400vw;
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	padding-bottom: 20px;
}


.sliderScroll_slider .event__box {
  padding-bottom: 0rem;
  height: auto;
  display: flex;
  text-align: center;
  margin-right: 15px;
    width: 50%;
}
.sliderScroll_slider .event__box a {
  display: block;
  overflow: hidden;
  padding-bottom: 4.5rem;
  position: relative;
}

.sliderScroll_slider .event__box .event__txt {
  position: relative;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  text-align: center;
  font-size: 14px;
  font-size: 0.95rem;
}
.sliderScroll_slider .event__box .event__txt h3 {
  font-size: 100%;
  margin-bottom: 0.5rem;
}
.sliderScroll_slider .event__box .event__txt p {
  line-height: 1.4;
  text-align: left;
  font-size: 90%;
}
.sliderScroll_slider .event__box .event__link {
  font-size: 14px;
  font-size: 1rem;
}

.sliderScroll_slider::-webkit-scrollbar {
    height: 6px;
}
.sliderScroll_slider::-webkit-scrollbar-thumb {
    background: rgba(42,60,120,.5);
    border-radius: 6px;
}
.sliderScroll_slider::-webkit-scrollbar-track {
    background: rgba(226,230,240,.5);
    border-radius: 6px;
}






/****************************
.img-
****************************/

.img-huistenbosch{
	padding-top: 110%;
  background-position: 95% 90%;
  background-size: 390%;
}

.img-hotel-camp {
  background-size: contain;
  background-color: #D88247;
}

.htb-other .event__img{
  padding-top: 100%;
}

@media screen and (min-width: 736px) {

	.img-huistenbosch {
	  padding-top: 0;
	  height: 660px;
	  background-size: cover;
	  background-position: right 50%;
	}
	.htb-other .event__img {
	  padding-top: 100%;
	}
	.img-epos {
	  background-size: 96%;
	}

}



/****************************
.htb-float_btn
****************************/

.htb-float_btn{
  position: fixed;
  right: 0px;
  top: 40%;
  z-index: 9000;
  display: none;
}
.htb-float_btn a{
  font-size: 0;
  position: relative;
  display: block;
  width: 100px;
  height:auto;
}


@media screen and (max-width: 736px) {
	.htb-float_btn{
	  top: 20%;
	}
	.htb-float_btn a{
	  width: 70px;
	}
	.htb-float_btn {
	    display: none!important;
	}

}

/****************************
t.random
****************************/
.htb-huistenboscht.random {
    margin-top: 40px;
}

@media screen and (min-width: 736px) {
	.htb-event.htb-event-first.random {
	  margin: 50px auto 0;
	}
	.htb-huistenbosch.random  {
		margin-top:100px;
	}

}

/****************************
.credit_miffy
****************************/

.event__img.credit_miffy:after{
	content: "";
	background-image: url(/commons/202211/img/top/mv/mercisbv.png);
	background-size: contain;
	background-position: right bottom;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 18px;
}

@media screen and (max-width: 736px) {
	.event__img.credit_miffy:after{
		height: 15px;
	}
}


/****************************
SP改修
****************************/

@media screen and (max-width: 736px) {
	
	.htb-seasonalevents article.event__box:before,
	.htb-nextseasonalevents article.event__box:before,
	.htb-event article.event__box:before{
	  content: "";
	  bottom: 0;
	  right: 0;
	  border-top: 2.5em solid transparent;
	  border-right: 2.5em solid #0093BF;
	  position: absolute;
	  z-index: 1;
	  font-size: 0.9rem;
	}
	.event__body .event__box__inner .event__link,
	.event__body .side .event__box__inner .event__link,
	.u-inner--l-sp-clear .pickup__slider .event__box__inner .event__link,
	.u-inner--l-sp-clear .pickup__slider .side .event__box__inner .event__link {
	  display: block;
	  border-top: 0px #E2E6F0 solid;
	  height: auto;
	  position: absolute;
	  bottom: 0;
	  right: 0;
	}
	.event__body .event__box__inner .event__link div.btn,
	.event__body .side .event__box__inner .event__link div.btn,
	.u-inner--l-sp-clear .pickup__slider .event__box__inner .event__link div.btn,
	.u-inner--l-sp-clear .pickup__slider .side .event__box__inner .event__link div.btn {
	  position: relative;
	  bottom: 0;
	  right: 0;
	  padding: 0;
	  font-size: 0;
	}
	.event__body .event__box__inner .event__link .btn_arrow_circle,
	.event__body .side .event__box__inner .event__link .btn_arrow_circle,
	.u-inner--l-sp-clear .pickup__slider .event__box__inner .event__link .btn_arrow_circle,
	.u-inner--l-sp-clear .pickup__slider .side .event__box__inner .event__link .btn_arrow_circle {
	  width: 20px;
	  height: 22px;
	}
	.event__body .event__box__inner .event__link .btn_arrow_circle span:before,
	.event__body .side .event__box__inner .event__link .btn_arrow_circle span:before,
	.u-inner--l-sp-clear .pickup__slider .event__box__inner .event__link .btn_arrow_circle span:before,
	.u-inner--l-sp-clear .pickup__slider .side .event__box__inner .event__link .btn_arrow_circle span:before {
	  background-color: #ffffff;
	}
	.event__body .event__box__inner .event__link .btn_arrow_circle span:after,
	.event__body .side .event__box__inner .event__link .btn_arrow_circle span:after,
	.u-inner--l-sp-clear .pickup__slider .event__box__inner .event__link .btn_arrow_circle span:after,
	.u-inner--l-sp-clear .pickup__slider .side .event__box__inner .event__link .btn_arrow_circle span:after {
	  border-top: 1px solid #ffffff;
	  border-right: 1px solid #ffffff;
	  width: 8px;
	  height: 8px;
	}


	.u-inner--l-sp-clear .pickup__slider .event__txt, .pickup__slider .event__link {
	  font-size: 100%;
	}

	.pickup__slider article.event__box.side-sp a {
	  flex-direction: revert;
	}

	.pickup__slider article.event__box.side-sp a .event__img {
	  width: 40%;
	  padding-top: 40%;
	}
	.pickup__slider article.event__box.side-sp a .event__box__inner {
	  width: 60%;
	  justify-content: center;
	}
	.pickup__slider article.event__box.side-sp .event__box__inner {
	  font-size: 1.1rem;
	  text-align: left;
	}

	.pickup__slider article.event__box.side-sp .event__box__inner .event__txt {
	  text-align: left;
	  display: block;
	  padding: 0.3rem 0.5rem;
	   font-size: 1.1rem;
	}
	.pickup__slider article.event__box.side-sp .event__box__inner .event__txt h3 {
	  padding: 0.2rem 0 0;
	  font-size: 100%;
  text-align: left;
	}
	.pickup__slider article.event__box.side-sp .event__box__inner .event__txt p.date {
	  margin: 0rem auto 0.4rem;
	}
	
	.btn_link-txt.btn_link-txt_c {
	  text-align: center;
	  padding: 0.5rem 0rem 0;
	}

}