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

body{
	background-color:#F5F5F5;
	  letter-spacing: 0.05rem;
}
@media (min-width: 768px) {
    body {
        min-width: 1280px;
    }
}

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

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

.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 {
	padding: 20px 0 40px;
	background-color:#fff;
	overflow: hidden;
	position: relative;
}

h2{
	font-size: 26px;
	font-size: 1.7rem;
	text-align: center;
	margin: 0.9rem 0 1.5rem;
	font-weight: 500;
	line-height: 1.4;
}


h2 span{
	font-size: 50%;
	display: block;
	margin-top: 0.3rem;
	font-family: 'Hind', sans-serif;
}

h3 {
	text-align: center;
	font-weight: 500;
	color: #1D326F;
	line-height: 1.4;
}
h3 span{
	font-size: 80%;
	display: block;
}


article:hover {
	  opacity: 0.5;
}
article.event__box:hover {
	  opacity: 1;
}
article.event__box:hover a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  z-index: 2;
  background: #fff;
 opacity: 0.5;
 cursor: pointer;
}

article.charm__box:hover:after {
	display: none;
}


a:hover .btn_arrow_circle{
	transform:translateY(0%) rotateY( 360deg ) ;
}


.btn_link > a {
  line-height: 1.2;
  text-align: center;
  font-weight: 700;
  display: inline-block;
  padding: 1rem;
  position: relative;
  font-size: 70%;
  width: 96%;
  background: #fff;
  border-radius: 999px;
  display: flex;
  color: #2a3e76;
  margin: 10px;
  border: 1px #2a3e76 solid;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.btn_link.btn_link-bottom {
  margin: 40px auto 0px;
}

.btn_link-txt{
	text-align: right;
	padding: 0.5rem 4rem 0;
}

.btn_link-txt > a{
  color: #fff!important;
  font-weight: 700;
  font-size: 75%;
  margin: 0 auto;
  display: block;
  
}

.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 (min-width: 736px) {
	.u-inner ,
	.u-inner--l {
	  width: 90%;
	  max-width: 1100px;
	  margin: 0 auto;
	}
	h2{
	font-size: 2.2rem;
	  margin: 0.9rem 0 45px;
	}
	h2 span {
	  font-size: 68%;
	}
}

@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;
	}
}

/****************************
.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 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;
}


@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%;
	}

}




/****************************
.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 {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  box-shadow: 2px 2px 10px rgb(29 50 111 / 25%);
  display: flex;
  justify-content: space-between;
}
article.event__box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left:0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  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;
  border-radius: 10px;
  overflow: hidden;
}

.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__txt {
  position: relative;
  padding: 1.5rem 1rem 1.5rem 1rem;
  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: "";
	border-radius: 1.5rem 1.5rem 0 0;
	padding: 20px 0 0px;
	background: #F5F5F5;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


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

.htb-other 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;
}

.other__slider .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%;
}




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

	.htb-other {
	  padding: 0px 0 40px;
	}
	.htb-other h2{
	   margin: 70px 0 60px;
	}
	.htb-other h2:before {
	  height: 50px;
	}
	.htb-other .pickup__slider .event__txt,
	.htb-other .pickup__slider .event__link {
	  font-size: 1rem;
	}
	.htb-other .event__txt h3 {
	text-align: center;
	}
	.htb-other .event__txt p {
	text-align: center;
	padding-top: 15px;
	font-size: 71%;
	}
	.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: 1.3rem;
}


.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*/




@media screen and (min-width: 736px) {
	.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 {
	  right: -50px;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	  left: -50px;
	}


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

	.swiper-button-next.swiper-button-black,
	.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%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231D326F%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;
	}
	.swiper-button-prev.swiper-button-black,
	.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%231D326F%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;
	}
	
	.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;
	}

}




/****************************
.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: 70%;
	}
	.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;
	}

}

/****************************
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;
	}

}