@charset "UTF-8";


div#container {
  margin-top: 0 !important;
}
#h-header {
	opacity: 0;
	z-index:-9999;
}
#h-footer {
  opacity: 0;
}

#h-header {
	transition: all 0.3s ease 0.1s;
}
body.scroll #h-header{
	display: grid;
	opacity: 1;
	z-index:999;
}
body.upfixed #h-header{
  display: grid;
}
body.scroll .h-header__logo,
body.scroll .h-header__gnav-link,
body.scroll .h-header__menu{
	display: flex;
	  opacity: 1;
}



body.scroll .h-header__gnav-link {
  display: none;
}


body.scroll #h-footer,
body.upfixed #h-footer {
	display: block;
	opacity: 1;
}

.htb-pagetop {
  bottom:2rem;
}

.htb-pagetop {
  bottom: 6rem;
}




a.htb-cta {
	width:100%;
	display: flex;
	align-items: center;
	background: rgb(46,182,170);
	background: linear-gradient(90deg, rgba(46,182,170,1) 0%, rgba(12,201,184,1) 50px, rgba(46,182,170,1) 50px, rgba(12,201,184,1) 100%);
	background: linear-gradient(90deg, rgba(12,201,184,1) 0%, rgba(46,182,170,1) 50px, rgba(12,201,184,1) 50px, rgba(46,182,170,1) 100%);
	font-size: 14px;
	font-weight: 600;
	border-radius: 6px;
	border: 1px #fff solid;
	color: #000;
	text-decoration: none;
}
a.htb-cta.hotel {
background: rgb(253,195,20);
background: linear-gradient(90deg, rgba(253,195,20,1) 0%, rgba(253,195,20,1) 50px, rgba(255,212,81,1) 50px, rgba(255,212,81,1) 100%);
	
}
a.htb-cta:hover{
  opacity: 0.7;
}

a.htb-cta span {
  display: flex;
  align-items: center;
  width: 160px;
  justify-content: center;
;
}

a.htb-cta:before{
  content: "";
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentColor;
  width: 25px;
  height: 20px;
  display: block;
  margin: 12.5px;
    transition: all 0.4s;
}

.htb-cta.ticket:before{
    mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2041%2033%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%2C%20.cls-2%20%7B%20stroke-width%3A%200px%3B%20%7D%20.cls-2%20%7B%20fill%3A%20none%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2427-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202427-2%22%3E%20%3Crect%20class%3D%22cls-2%22%20x%3D%225.63%22%20y%3D%227.53%22%20width%3D%2230%22%20height%3D%2217.97%22%2F%3E%20%3Cg%20id%3D%22_%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2291-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202291-2%22%3E%20%3Cpath%20id%3D%22_%E3%83%91%E3%82%B9_18658-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2018658-2%22%20class%3D%22cls-1%22%20d%3D%22m33.23%2C16.52c0-1.49.98-2.8%2C2.4-3.23v-5.76H10.04c-2.44%2C0-4.41%2C1.98-4.41%2C4.41h0v1.34c1.43.43%2C2.4%2C1.74%2C2.4%2C3.23%2C0%2C1.49-.98%2C2.8-2.4%2C3.23v5.76h25.59c2.44%2C0%2C4.41-1.98%2C4.41-4.41h0v-1.34c-1.42-.43-2.4-1.74-2.4-3.23m-7.07%2C6.87c-.5%2C0-.91-.41-.91-.91s.41-.91.91-.91.91.41.91.91-.41.91-.91.91h0m0-3.98c-.5%2C0-.91-.41-.91-.91s.41-.91.91-.91.91.41.91.91-.41.91-.91.91h0m0-3.98c-.5%2C0-.91-.4-.91-.9%2C0-.5.4-.91.9-.91.5%2C0%2C.91.4.91.9%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C.5-.41.91-.91.91h0m0-3.98c-.5%2C0-.91-.41-.91-.91s.41-.91.91-.91.91.41.91.91-.41.91-.91.91h0%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.htb-cta.hotel:before{
    mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2041%2033%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%2C%20.cls-2%20%7B%20stroke-width%3A%200px%3B%20%7D%20.cls-2%20%7B%20fill%3A%20none%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2603-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202603-2%22%3E%20%3Crect%20class%3D%22cls-2%22%20x%3D%225.63%22%20y%3D%224.85%22%20width%3D%2230%22%20height%3D%2223.34%22%2F%3E%20%3Cg%20id%3D%22_%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2602-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202602-2%22%3E%20%3Cpath%20id%3D%22_%E3%83%91%E3%82%B9_18717-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2018717-2%22%20class%3D%22cls-1%22%20d%3D%22m12.38%2C8.87c.01-.75.63-1.35%2C1.39-1.34h0s3.83%2C0%2C3.83%2C0c.75-.01%2C1.37.59%2C1.39%2C1.34v1.68h3.29v-1.68c.01-.75.63-1.35%2C1.39-1.34h3.83c.75-.01%2C1.37.59%2C1.39%2C1.34v1.68h4.15v-5.7H10.81c-1.4-.02-2.56%2C1.1-2.58%2C2.5%2C0%2C0%2C0%2C0%2C0%2C0v3.2h4.15v-1.68Z%22%2F%3E%20%3Cpath%20id%3D%22_%E3%83%91%E3%82%B9_18718-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2018718-2%22%20class%3D%22cls-1%22%20d%3D%22m32.59%2C17.88c1.01%2C0%2C1.98.4%2C2.69%2C1.11l-2.25-7.11H8.23l-2.24%2C7.11c.71-.72%2C1.68-1.12%2C2.69-1.11h23.91Z%22%2F%3E%20%3Cpath%20id%3D%22_%E3%83%91%E3%82%B9_18719-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2018719-2%22%20class%3D%22cls-1%22%20d%3D%22m33.13%2C26.16v.82c.02.69.6%2C1.24%2C1.29%2C1.22.66-.02%2C1.2-.55%2C1.22-1.22v-2.44c-.6.84-1.49%2C1.42-2.51%2C1.63%22%2F%3E%20%3Cpath%20id%3D%22_%E3%83%91%E3%82%B9_18720-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2018720-2%22%20class%3D%22cls-1%22%20d%3D%22m35.22%2C23.51c.27-.47.41-1%2C.41-1.54%2C0-.1%2C0-.2-.01-.29-.18-1.53-1.49-2.67-3.03-2.65H8.67c-1.54-.02-2.84%2C1.12-3.03%2C2.65-.01.1-.02.2-.01.29v3.22h0v1.8c.01.68.57%2C1.22%2C1.25%2C1.21.68.01%2C1.24-.53%2C1.25-1.21v-1.8h24.17c.27%2C0%2C.55-.03.82-.1.89-.21%2C1.65-.78%2C2.1-1.57%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}


@media screen and (max-width: 768px) {
	/*
	body.scroll .h-header__logo img {
		max-width: 130px;
		min-width: 100%;
	}
	*/
	.h-header__cta {
		display: none;
	}
	body.scroll .h-header__logo, body.scroll .h-header__gnav-link, body.scroll .h-header__menu {
	  display: none;
	}
	body.upfixed .h-header__logo,
	body.upfixed .h-header__gnav-link,
	body.upfixed .h-header__menu{
		display: flex;
	}
	nav > .nav__cta {
	grid-area: cta;
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	}
	.scroll nav > .nav__cta {
	display:fixed;
	z-index:3;
	}
	nav > .nav__cta div {
    display: flex;
    gap: 10px;
	}
	
}




/************************************************

dialog

*************************************************/


/* ダイアログ開時に背景のスクロールを防ぐ */
html:has(dialog[open]) {
  overflow: hidden;
}

/* ダイアログにCSSトランジションを設定 */
dialog{
  transition: 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
/* ダイアログ開時の背景 */
dialog::backdrop {
	background: rgba(0, 0, 0, 0.3);
}

/* ダイアログメニュー */
dialog.js-dialog-menu{
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	width: 50%;
	left: auto;
	margin: 0;
	border: 0;
	outline: 0;
	padding: 0;
}
/* ダイアログメニューの表示前*/
dialog.js-dialog-menu.show-from,
dialog.js-dialog-menu.hide-to{
  translate: 100% 0%;
}
/* ダイアログメニューの表示前、非表示後は背景を透明にする */
dialog.js-dialog-menu.show-from::backdrop,
dialog.js-dialog-menu.hide-to::backdrop{
  opacity: 0;
}

/* ダイアログモーダル
dialog.js-dialog-modal{
  opacity: 1;
}
/* モーダルの表示前、非表示後は下に移動 */
dialog.js-dialog-modal.show-from,
dialog.js-dialog-modal.hide-to {
  opacity: 0;
  translate: 0% 10%;
}

/* モーダルの表示前、非表示後は背景を透明にする */
dialog.js-dialog-modal.show-from::backdrop,
dialog.js-dialog-modal.hide-to::backdrop {
  opacity: 0;
}


.dialog-menu-btn {
	position: relative;
	width: 32px;
	height: 20px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.dialog-menu-btn span {
  position: relative;
  width: 32px;
  height: 1px;
  background-color: #000;
  transition: transform .2s cubic-bezier(.27,1.2,.6,1);
}


.dialog_btn {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  margin-top: 30px;
}

.dialog_btn .btn{
	background: transparent;
	border: 1px #644839 solid;
	color: #644839;
}
.dialog_btn .btn:after {
  background-color: #644839;
}

@media (any-hover: hover) {
  .dialog-menu-btn:hover span:nth-child(1) {
	  transform: translateY(3px)
  }
  .dialog-menu-btn:hover span:nth-child(3) {
	  transform: translateY(-3px)
  }
}

.dialog-menu-btn.js-dialog-menu-close{
	background:#000;
	padding: 10px;
	height: 56px;
	width: 56px;
	margin: 0 0 0 auto;
	align-items: center;
}
.dialog-menu-btn.js-dialog-menu-close span {
  position: absolute;
  background-color: #fff;
}
.dialog-menu-btn.js-dialog-menu-close span:nth-child(1) {
   transform: translateY(18px) rotate(-45deg);
}
.dialog-menu-btn.js-dialog-menu-close span:nth-child(2) {
  opacity: 0;
}
.dialog-menu-btn.js-dialog-menu-close span:nth-child(3) {
    transform: translateY(18px) rotate(45deg);
}


.js-dialog-modal {
	padding: 30px 20px;
	border-radius: 20px;
	max-width: 780px;
	background:#e2e2e2;
	margin:auto;
	width: 96%;
}
.js-dialog-modal .js-dialog-inner {
	display: grid;
	gap: 22px;
	justify-content: center;
	justify-items: center;
	grid-template-columns: 1fr;
}

.js-dialog-modal .js-dialog-inner .head{
	font-weight: 500;
	font-size: 16px;
	line-height: 160%;
	text-align: center;
	background:#D9D9D9;
	padding:6px;
	  width: 100%;
}

.js-dialog-modal .js-dialog-inner ul{
  list-style: disc;
  margin-left: 25px;
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
}

.js-dialog-modal .js-dialog-inner a{
  text-align: center;
  color: #000;
  /* display: inline-block; */
  border-bottom: 1px #000 solid;
  text-decoration: none;
}
.js-dialog-inner .js-dialog-close {
	font-weight: 500;
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 10%;
	text-align: center;
	background:var(--color-black);
	color: #fff;
	padding: 8px 40px;
	border-radius: 5px;
	margin: 20px auto 0;
}


/****************************************
js-dialog カスタマイズ
****************************************/


nav >.nav__dialog {
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 1;
  background: #fff;
  border-radius: 999px;
  padding:10px;
  transition: all 0.4s;
}

body.upfixed nav >.nav__dialog{
  top: 65px;
}

.js-dialog-menu-open{
	width: 26px;
	height:26px;
	overflow: hidden;
	justify-content: space-evenly;
}
.dialog-menu-btn.js-dialog-menu-close {
  background:transparent;
}


.js-dialog-menu {
  width: 100%;
}
.dialog-menu-btn span {
  background-color: var(--color-dialog-menu-btn);
}
.dialog-menu-btn.js-dialog-menu-close span {
  background-color: var(--color-dialog-menu-btn);
}

.js-dialog-menu {
background:var(--color-dialog-menu-bg);
}

.js-dialog-menu .body {
  padding: 0 24px;
  width: 100%;
}

.js-dialog-menu .body > ul{
	margin:30px 0 60px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.js-dialog-menu .body > ul > li{
	border-bottom: 1px #CBE6E4 solid;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.js-dialog-menu .body > ul li a,
.js-dialog-menu .body > ul li dt{
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	vertical-align: middle;
	color: var(--color-dialog-menu-link);
	text-decoration: none;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	height: 100%;
	background: transparent;
	padding: 0;
	padding-bottom: 24px;
	cursor: pointer;
}

.js-dialog-menu .body > ul > li > ul a,
.js-dialog-menu .body > ul > li > dl dd a{
	font-weight: 500;
	font-size: 13px;
	line-height: 100%;
	vertical-align: middle;
	color: var(--color-black);
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	height: 100%;
}

.js-dialog-menu .body ul > li a:after {
	content: "";
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	background-color: currentColor;
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 16px;
	display: block;
	mask-image: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20123.93%20123.93%22%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cpath%20d%3D%22M61.97%2C0C27.74%2C0%2C0%2C27.74%2C0%2C61.97s27.74%2C61.97%2C61.97%2C61.97%2C61.97-27.74%2C61.97-61.97S96.19%2C0%2C61.97%2C0ZM81.11%2C65.62l-23.24%2C23.24c-1.01%2C1.01-2.33%2C1.51-3.65%2C1.51s-2.64-.5-3.65-1.51c-2.02-2.02-2.02-5.29%2C0-7.3l19.59-19.59-19.59-19.59c-2.02-2.02-2.02-5.29%2C0-7.3s5.29-2.02%2C7.3%2C0l23.24%2C23.24c2.02%2C2.02%2C2.02%2C5.29%2C0%2C7.3Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E);
}

.js-dialog-menu .body > ul li dt:after {
	content: "";
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	background-color: currentColor;
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 16px;
	display: block;
	mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.5%2015.5%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23fff%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%201.5px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M7.75.75v14%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M.75%2C7.75h14%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
	color: var(--color-dialog-menu-link);
	position: relative;
	top: 0;
	right:0;
	transform: unset;
}

.js-dialog-menu .body > ul li dt.active:after {
	mask-image:  url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.5%201.5%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23281815%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%201.5px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M.75.75h14%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.js-dialog-menu .body > ul li dd {
  padding: 0;
  background: transparent;
  border: 0;
}



.js-dialog-menu  .dialog-menu__cta{
  display: grid;
  margin: 0 24px;
  gap: 4px;
  grid-template-columns: 1fr 1fr;
}

nav  {
  position: sticky;
  left: 0px;
  top: 0px;
  z-index: 99;
  opacity: 0;
  transition: all 0.4s;
}
.scroll nav  {
  top: 70px;
  opacity: 1;
  
}
 #princess-anio.upfixed nav  {
  top: 120px;
  opacity:1;
}

nav > .nav__cta{
	diplay:block;
}

.scroll nav > .nav__cta {
	position: fixed;
	right: 0;
	top: auto;
	bottom: 1rem;
	width: auto;
	diplay:block;
	  background: var(--color-base);
	margin: 0 1.6rem;
	border-radius:1.4rem;
}

nav > .nav__cta div{
	text-align: left;
	justify-content: center;
}
nav > .nav__cta .cta{
	height: auto;
	padding: 1.6rem 1.6rem;
	background:#000;
	border: 0px #d1a537 solid;
	border-right: 0;
	border-radius: 2rem;
	color: #fff;
	display: block;
	text-align: center;
}

nav > .nav__cta .cta span{
	font-weight: 500;
	justify-content: center;
}
nav > .nav__cta .cta.ticket{
	background: var(--color-htb-ticket);
}
nav > .nav__cta .cta.hotel{
	background: var(--color-htb-hotels);
}

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

	.scroll nav {
	}
	.scroll nav > .nav__cta {
	bottom: 2rem;
	}
	nav > .nav__cta div {
      max-width: 480px;
      margin:0 auto;
	}
	.js-dialog-menu-open {
	  width: 36px;
	  height: 36px;
	}
	nav > .nav__cta .cta {
	  padding: 18px 25px;
	}
	.js-dialog-menu {
	width: 450px;
	}

	nav > .nav__cta .cta {
		color: #fff;
		display: block;
		margin: 0 auto;
		max-width: 480px;
	}
	.scroll  nav > .nav__cta .cta {
		display: flex;
		padding: 22px 25px;
		width: 100%;
	  }
	nav > .nav__cta .cta span{
	}
	#wakuwakupass nav .balloon {
	}
	
	nav > .nav__cta {
	  display: none;
	}
  .scroll nav > .nav__cta {
		display: block;
		max-width: 550px;
		left: 0;
		margin: 0 auto;
		padding: 1.5rem 2rem;
		border-radius: 2rem;
  }
  nav > .nav__cta div {
    display: flex;
    gap: 10px;
  }

}



/************************************************

img

*************************************************/

img {
  object-fit: cover;
  position: relative;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  transition: 0.6s all;
  margin: 0 auto;
  display: block;
}


img.mercisbv {
  margin: 0px 0 0px auto;
  position: absolute !important;
  bottom: 0;
  right: 0;
  aspect-ratio: auto !important;
  width: 76px !important;
  height: auto !important;
  z-index: 1;
  height: auto;
  top: auto;
  padding: 3px;
}

/************************************************

ol li

*************************************************/

ul.asterisk{
	text-align: left;
	font-weight: 400;
	letter-spacing: 0;
	gap: 2px;

}
ul.asterisk li:before{
	content: "※";
	display: block;
	left: 0;
	margin: auto;
	padding: 0;
	position: absolute;
	top: 0;
}
ul.asterisk.midpoint li:before{
	content: "・";
}
ul.asterisk.circle li:before{
	content: "●";
}
ul.asterisk li{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 15px;
	position: relative;
}

dl.table{
	display: grid;
	justify-content: flex-start;
	align-items: start;
	margin: 10px auto;
	position: relative;
	gap: 10px;
	grid-template-columns:auto 1fr;
	width: 100%;
}
dl.table dt{
	width: 100px;
	display: block;
	background:#484747;
	color: #fff;
	border-radius: 5px;
	margin-right: 10px;
	padding: 3px 10px;
	line-height: 1.2;
	text-align: center;
}

/************************************************

.btn 

*************************************************/

.btn {
  background-color: var(--color-orange);
  border: 2px solid;
  border-color: var(--color-orange);
  display: block;
  color: #fff;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4rem;
    padding: 1.8rem 3rem;
  font-family: YakuHanJP,"Zen Kaku Gothic New", sans-serif!important;
  border-radius: 9999px;
}

.btn.enjoy-border {
  background-color: var(--color-white);
  border-color: var(--color-htb-enjoy);
  color: var(--color-htb-enjoy);
}
.btn.expass-border {
  background-color: var(--color-white);
  border-color: var(--color-htb-event);
  color: var(--color-htb-event);
}

.btn span {
  line-height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}

a.btn span:after {
  content: "";
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
  display: block;
  mask-image: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20123.93%20123.93%22%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cpath%20d%3D%22M61.97%2C0C27.74%2C0%2C0%2C27.74%2C0%2C61.97s27.74%2C61.97%2C61.97%2C61.97%2C61.97-27.74%2C61.97-61.97S96.19%2C0%2C61.97%2C0ZM81.11%2C65.62l-23.24%2C23.24c-1.01%2C1.01-2.33%2C1.51-3.65%2C1.51s-2.64-.5-3.65-1.51c-2.02-2.02-2.02-5.29%2C0-7.3l19.59-19.59-19.59-19.59c-2.02-2.02-2.02-5.29%2C0-7.3s5.29-2.02%2C7.3%2C0l23.24%2C23.24c2.02%2C2.02%2C2.02%2C5.29%2C0%2C7.3Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E);
}

a.btn:hover {
  opacity: 0.7;
}


/************************************************

オリジナル

*************************************************/

dialog {
  transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

/* ダイアログメニューの表示前*/
dialog.js-dialog-menu.show-from,
dialog.js-dialog-menu.hide-to{
	translate:0% -150% ;
	opacity: 0;
}


dialog.js-dialog-menu {
height:max-content;
width: 90%;
max-width: 880px;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
background: var(--color-primary);
opacity: 1;
}

nav >.nav__dialog{
	background: var(--color-primary);
	border: 2px #fff solid;
}
.dialog-menu-btn.js-dialog-menu-close {
	background: var(--color-primary);
  position: sticky;
  top: 0;
}

.js-dialog-menu .body {
	display: grid;
	gap: 2rem;
	padding: 0 1.6rem 2.4rem;
}

.js-dialog-menu .body h2{
	color: var(--color-white);
}

.dialog-link {
  display: grid;
    gap:2rem;
}

.dialog-link .dialog-link-img{
  display: grid;
    gap: 0.8rem;
  grid-template-columns: 1fr 1fr;
}
.dialog-link .dialog-link-text{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.8rem;
  justify-content: center;
}

.dialog-link .item{
	background: var(--color-white);
	border-radius: 1.6rem;
	overflow: hidden;
	border: 4px #fff solid;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	justify-content: flex-start;
	height: auto;
	transition: 0.6s all;
	position: relative;
	text-decoration: none;
	text-align: center;
	color:var(--color-primary);
}
.dialog-link .item .img img{
  aspect-ratio: 16 / 9;
}

.dialog-link .item  .txt {
  padding:1rem;
}
.dialog-link .item  .txt p{
line-height: 120%;
}

.dialog-link .dialog-link-text .item{
  border-radius: 9999px;
  padding:0.6rem  1rem;
  justify-content: center;
    min-width: 100px;
}
.dialog-link .dialog-link-text a.item p{
  display: flex;
  gap: 10px;
  align-items: center;
}
.dialog-link .dialog-link-text a.item p:after{
  content: "";
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
  display: block;
  mask-image: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20123.93%20123.93%22%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%20%3Cpath%20d%3D%22M61.97%2C0C27.74%2C0%2C0%2C27.74%2C0%2C61.97s27.74%2C61.97%2C61.97%2C61.97%2C61.97-27.74%2C61.97-61.97S96.19%2C0%2C61.97%2C0ZM81.11%2C65.62l-23.24%2C23.24c-1.01%2C1.01-2.33%2C1.51-3.65%2C1.51s-2.64-.5-3.65-1.51c-2.02-2.02-2.02-5.29%2C0-7.3l19.59-19.59-19.59-19.59c-2.02-2.02-2.02-5.29%2C0-7.3s5.29-2.02%2C7.3%2C0l23.24%2C23.24c2.02%2C2.02%2C2.02%2C5.29%2C0%2C7.3Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E);
}

@media screen and (min-width: 1025px) {
	.dialog-link .dialog-link-img {
	  gap: 2rem;
	  grid-template-columns: 1fr 1fr 1fr;
	}
	.js-dialog-menu .body {
	  padding:0 4rem 4rem;
	}
	.dialog-link .dialog-link-text .item{
	    min-width: 180px;
	}
	.dialog-link .item  .txt {
	  padding: 1.6rem 1rem;
	}
}



article {
  position: relative;
}

.c-section{
	max-width: 100%;
	position: relative;
	padding:var(--layout-space-section) 0 calc(var(--layout-space-section));
}


.c-section__body{
	position: relative;
	padding:0 var(--layout-space-base-horizontal);
}

.c-section__inner{
	position: relative;
	margin: 0 auto;
	width: 100%;
}
.c-section__inner.wide{
	position: relative;
	padding:0rem;
}

.c-section__contents{
	position: relative;
	display: grid;
	align-items: start;
	justify-content: center;
	justify-items: center;
	gap:var(--layout-space-base-vrtical);
}

.contents__inner {
  display: grid;
  gap: 2rem;
  justify-content: center;
  justify-items: center;
}



.text-heading{
  font-family: var(--font-family-Zen-Mi);
  font-size: var(--font-size-headding);
  line-height: var(--font-lineheight-headding);
  text-align: center;
  font-weight: 500;
  color:var(--color-primary);
}

.text-read{
  font-size: var(--font-size-tagline);
  line-height: var(--font-lineheight-read);
  font-weight: 500;
}

.text-base{
  font-size: var(--font-size-base);
  line-height: var(--font-lineheight-base);
  font-weight: 500;
}

.text-xl{
  font-size: var(--font-size-xl);
  font-weight: 500;
}
.text-lg{
  font-size: var(--font-size-lg);
  font-weight: 500;
}
.text-md{
  font-size: var(--font-size-md);
  font-weight: 500;
}
.text-sm{
  font-size: var(--font-size-sm);
  font-weight: 500;
}
.text-xs{
  font-size: var(--font-size-xs);
  font-weight: 500;
}
.text-xxs{
  font-size: var(--font-size-xxs);
  font-weight: 500;
}

.text-self{
  font-family: var(--font-family-Zen-Mi);
}
.align-c{
text-align: var(--align-center);
}
.align-c-sp{
text-align: var(--align-center-sp);
}
.align-l{
text-align: var(--align-left:left);
}
.align-l-sp{
text-align: var(--align-left-sp);
}


.icon {
  display: flex;
  align-items: center;
  gap: 5px;
}

.icon.map:before {
  content: "";
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: currentColor;
  background-repeat: no-repeat;
  background-position: center;
  width:1em;
  height:1em;
  display: block;
   mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2018%2024%22%20style%3D%22enable-background%3Anew%200%200%2018%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23281815%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.8%2C9c0%2C2.1-1.7%2C3.8-3.8%2C3.8c-2.1%2C0-3.8-1.7-3.8-3.8S6.9%2C5.3%2C9%2C5.3C11.1%2C5.3%2C12.8%2C6.9%2C12.8%2C9%20C12.8%2C9%2C12.8%2C9%2C12.8%2C9z%20M9%2C11.3c1.2%2C0%2C2.3-1%2C2.3-2.3s-1-2.3-2.3-2.3S6.8%2C7.8%2C6.8%2C9c0%2C0%2C0%2C0%2C0%2C0C6.8%2C10.3%2C7.8%2C11.3%2C9%2C11.3z%20M18%2C9%20c0%2C4.1-5.5%2C11.4-7.9%2C14.4c-0.5%2C0.6-1.4%2C0.7-2%2C0.2c-0.1-0.1-0.2-0.1-0.2-0.2C5.5%2C20.4%2C0%2C13.1%2C0%2C9c0-5%2C4-9%2C9-9S18%2C4%2C18%2C9L18%2C9z%20M9%2C1.5%20C4.9%2C1.5%2C1.5%2C4.9%2C1.5%2C9c0%2C0%2C0%2C0%2C0%2C0c0.1%2C1%2C0.3%2C2%2C0.8%2C3c0.6%2C1.3%2C1.3%2C2.6%2C2%2C3.9c1.4%2C2.3%2C3%2C4.5%2C4.7%2C6.6c1.7-2.1%2C3.3-4.3%2C4.7-6.6%20c0.8-1.2%2C1.5-2.5%2C2-3.9c0.4-0.9%2C0.7-1.9%2C0.8-3C16.5%2C4.9%2C13.2%2C1.5%2C9%2C1.5C9%2C1.5%2C9%2C1.5%2C9%2C1.5z%22%2F%3E%3C%2Fsvg%3E');
}

.is-target{}

.target-fadein {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.target-fadein.active {
  opacity: 1;
  transform: translateY(0);
}


.br-candidate {
  display: inline-block;
}
.only-sp {
  display: none;
}
@media (max-width: 768px) {
  .only-sp {
    display: inline;
  }
}


.detail dl{
	display: grid;
	justify-content: flex-start;
	align-items: start;
	margin: 10px auto;
	position: relative;
	gap: 10px;
	grid-template-columns:auto 1fr;
	width: 100%;
}
.detail dl dt{
	width: 100px;
	display: block;
	background: #000;
	color: #fff;
	border-radius: 5px;
	margin-right: 10px;
	padding: 3px 10px;
	line-height: 1.2;
	text-align: center;
}

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


}

/*

#loading-screen {}


body:not(.loaded) {
  overflow: hidden;
}
body.loaded {
  overflow-y: scroll;
}

#loading-screen {
	position: fixed;
	width: 100%;
	min-height: 100vh;   
	inset: 0;
	background:var(--color-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	flex-wrap: wrap;
	align-content: center;
	flex-direction: column;
	opacity: 1;
	transition: opacity 0.6s ease;
	pointer-events: all;
}
#loading-screen.hidden {
  opacity: 0;
  pointer-events: none;
}
.loader-wrapper {
  --loader-size: 100px;
  --ring-width: 3;
  width: var(--loader-size);
  height: var(--loader-size);
  position: relative;
}

.progress-ring {
  width: 100%;
  height: 100%;
  display: block;
  transform: rotate(-90deg);
}

.ring-bg {
  fill: none;
  stroke: #fff23f;
  stroke-width: var(--ring-width);
}

.ring {
  fill: none;
  stroke: #000;
  stroke-width: var(--ring-width);
  stroke-dasharray: 339.29;
  stroke-dashoffset: 339.29;
  transition: stroke-dashoffset 0.3s ease;
}

.count {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: calc(var(--loader-size) * 0.1.8); 
  color: #fff23f;
}


.loader-htb {
	display: block;
	max-width: 180px;
	width: 100%;
	animation: slide-in-skew-left 0.5s ease-out both;
}

@keyframes slide-in-skew-left {
  0% {
    transform: translateX(-100%) rotateZ(-15deg);
    opacity: 0;
  }
  60% {
    transform: translateX(20%) rotateZ(3deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0) rotateZ(0deg);
    opacity: 1;
  }
}

*/

#firstview{
  background: var(--color-accent);
}

#firstview .c-section {
  padding:0;
}

#firstview .img_fv{
	height: 100vh;
}
#firstview .img_fv img{
	height:100%;
	opacity: 0;
	object-position: bottom;
}

body.loaded #firstview .img_fv img {
	animation: loaded-in 0.5s ease-out both;
}


@keyframes loaded-in{
  0% {
      transform: scale(1.1);
    opacity:0;
  }
  100% {
      transform: scale(1);
    opacity: 1;
  }
}

#firstview .img_logo{
	position: absolute;
	top:0;
	width: 55%;
	transform: translateX(-100%);
	opacity: 0;
	transition: all 0.6s ease 0.8s;
	padding:4rem 2rem 4rem 1.6rem;
	z-index: 1;
}
#firstview .img_logo img{
}
#firstview .img_logo:before{
  content: "";
  background: rgb(236 64 0 / 52%);
  position: absolute;
  width: 100%;
  padding-top: 100%;
  border-radius: 9999px;
  transform: translate(-10%, -60%) scale(1.5);

  position: absolute;
  width: 100%;
  height: 100%;
  padding-top:0%;
  border-radius: 0 0 6rem 0rem;
  transform: translate(0%, 0%) scale(1);
  top: 0;
  left: 0;
}

body.loaded #firstview .img_logo{
  transform: translateX(0%);
  opacity: 1;
}
body.scroll #firstview .img_logo{
	animation: scroll-in 0.5s ease-out both;
}
body.upfixed #firstview .img_logo{
	top:125px!important;
}

@keyframes scroll-in{
  0% {
    opacity: 0;
  }
  100% {
	position: sticky;
	top:72px;
  }
}



@media screen and (min-width: 1025px) {
	#firstview {
	  overflow: hidden;
	}
	#firstview .img_logo {
		position: absolute !important;
		top:auto!important;
		top: 0;
		width: 65%;
		max-width:25vw;
		left: 0;
		right: 0;
		margin: 0 auto;
		transform: translateY(100%);
		transition: all 0.6s ease 0.1s;
	}
	body.upfixed #firstview .img_logo {
	  top:auto!important;
	}
	#firstview .img_logo:before {
		height: auto;
		border-radius: 999px;
		transform: translate(0%, 15%) scale(1.5);
		padding-top: 100%;
		outline: 2px dotted rgb(255 255 255 / 70%);
		outline-offset: -8px;
		bottom: 50%;
		top: auto;
	}
	#firstview .img_fv {
	  height: auto;
	}
	#firstview .img_fv img {
	  height: auto;
	  aspect-ratio: 16 / 8;
	}

}





article#term {
  background: #fff;
}

article#concept .c-section{
  height: 100vh;
  display: grid;
  align-items: end;
  color:#fff;
}


article#concept .img_bg {
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	overflow: hidden;
}
article#concept .img_bg:before {
	content: "";
	background: var(--color-primary);
	background: var(--color-black);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%
}

article#concept .img_bg img {
	height: 100%;
}


article#concept p {
	font-family: var(--font-family-Zen-Mi);
	padding:0 0rem 4rem;
	text-align: center;
}


article#concept .c-section.active .img_bg:before {
	animation: imgbg-in 0.6s ease-out both;
}

article#concept .c-section.active .img_bg img{
	animation: imgbg-img-in 0.8s ease-out 0.2s both;
}
article#concept .c-section.active .img_bg img{
}
article#concept .c-section.active .img_bg.is-target-parent.active img{
	animation: imgbg-img-out 0.8s ease-out both;
}


@keyframes imgbg-in{
  0% {
	opacity: 1;
	height:100%;
	  background: var(--color-black);
  }
  100% {
    opacity: 1;
	height:100%;
	  background: var(--color-black);
  }
}


@keyframes imgbg-img-in{
  0% {
    opacity: 1;
      transform:scale(1);
  }
  100% {
    opacity: 1;
      transform:scale(1);
  }
}
@keyframes imgbg-img-out{
  0% {
    opacity: 1;
  }
  100% {
    opacity:0.5;
  }
}


@media screen and (min-width: 1025px) {
	article#concept p {
	  padding: 0 2rem 10rem;
	}
}


article#gourmet {
	position: relative;
}
article#gourmet .img_bg {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  overflow: hidden;
}
article#gourmet .img_bg.active:before {
	content: "";
	background:var(--color-black);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:100%;
	opacity: 0.6;
	transition: 0.6s all;
}

article#gourmet  .text-heading {
  color: var(--color-white);
}

article#gourmet .shop .inner{
	display: grid;
	gap: 4rem;
  justify-content: center;
  justify-items: center;
}

article#gourmet .item {
	position: sticky ;
	position: relative;
	top: 0;
	z-index: 1;
	background: #ffffff;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	justify-content: flex-start;
	height:auto;
	transition: 0.6s all;
	padding-bottom: 2rem;
}


article#gourmet .item .txt {
  padding: calc(5% / 1) calc(5% / 1);
  display: flex;
  gap: 10px;
  position: relative;
  align-items: center;
  align-content: space-between;
  flex-direction: column;
  justify-content: flex-start;
}

article#gourmet  .item .txt p{
  font-family: var(--font-family-Zen-Mi);
  text-align: center;
}

article#gourmet  .item .txt p.name{
	  color: #d84c10;
	border-bottom: 1px solid;
}

article#gourmet  .item .img {
  width: 100%;
  max-height: 100%;
  overflow: hidden;
}

article#gourmet  .item img {
  width: 100%;
  max-height: 100%;
  aspect-ratio: 1 / 1;
  aspect-ratio: 4 / 3;
}

article#gourmet .item.active  img {
  transform: scale(1.1);
}

article#gourmet  .btn{
	background-color:#148fae;
	border-color: #148fae;
	max-width: 260px;
	margin: 0 auto;
}


.slide {
  display: block;
}

.slide .item {
}

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

	article#gourmet .c-section {
	}

	article#gourmet .shop .inner {
		gap: 4rem;
		max-width: 96%;
		margin: 0 auto;
	}
 
	article#gourmet .slide{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	}

  article#gourmet .slide .item {
    position: static; /* PCではsticky解除 */
    padding-bottom:0rem;
  }
  article#gourmet .slide .item:nth-child(even) {
    flex-direction: column-reverse;
  }
}




article#winefes {
	position: relative;
}

article#winefes .img_bg:after{
	content: "";
	background:var(--color-wine);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:100%;
	opacity: 0.8;
	transition: 0.6s all;
}

article#winefes .img_bg {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index:-1;
  overflow: hidden;
  transition: 0.6s all;
}
article#winefes .img_bg img{
    height: 100%;
}

article#winefes  .text-heading {
  color: var(--color-white);
}

article#winefes .spot .inner{
	display: grid;
	gap: 2em;
}

article#winefes .item {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	justify-content: flex-start;
	height:auto;
	transition: 0.6s all;
	position: relative;
}


article#winefes .item .txt {
  padding: calc(5% / 1) calc(5% / 1);
  display: flex;
  gap: 1.6rem;
  position: relative;
  align-items: center;
  align-content: space-between;
  flex-direction: column;
  justify-content: flex-start;
  color:#fff;
}

article#winefes  .item .txt p{
  font-family: var(--font-family-Zen-Mi);
  text-align: center;
}

article#winefes  .item .txt p.name{
	border-bottom: 1px solid;
}

article#winefes  .item .img {
  width: 100%;
  overflow: hidden;
}

article#winefes  .item img {
  width: 100%;
  aspect-ratio: 4 / 3;
}

article#winefes  .swiper-slide-active .item img {
  transform: scale(1.15);
  transform-origin: bottom;
}

article#winefes  .item img {
  width: 100%;
  aspect-ratio: 4 / 5;
}

article#winefes  .item .img p{
  position: absolute;
  bottom: 1rem;
  color: #000;
  right: 1rem;
  background: #fff;
  padding: 1rem;
  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
article#winefes  .swiper-slide-active .item p {
  opacity: 1;
  transform: translateX(0);
}

article#winefes  .btn{
	background-color:#fff;
	border-color: #fff;
	max-width: 260px;
	margin: 0 auto;
	color:var(--color-wine);
}

article#winefes .swiper-button-prev:after,
article#winefes .swiper-button-next:after {
  background-color:#fff;
}

.detail dl dt{
	background: #fff;
	color:var(--color-wine);
}

@media screen and (min-width: 1025px) {
	article#winefes .spot .inner {
	  gap: 2em;
	  max-width: 1440px;
	  grid-template-columns: 1.5fr 1fr;
	    align-items: center;
	}
	article#winefes  .item img {
	  aspect-ratio: 4 / 3;
	}
}







article#spot {
	position: relative;
}

article#spot:before {
  content: "";
  background:var(--color-spot);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height:100%;
  display:none;
}

article#spot .img_bg:after{
	content: "";
	background: var(--color-sasebo);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:100%;
	opacity: 0.2;
	transition: 0.6s all;
}

article#spot .img_bg {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index:-1;
  overflow: hidden;
  transition: 0.6s all;
}
article#spot .img_bg img{
	height: 100%;);
}
article#spot .img_bg.active:after{
	opacity: 0.6;
}

article#spot .img_bg.active img{
	filter: blur(3px);
	transform: scale(1.1);
}




article#spot  .text-heading {
  color: var(--color-white);
}

article#spot .spot .inner{
	display: grid;
	gap: 2em;
}

article#spot .spot .inner > div:first-child{
}

article#spot .item {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	justify-content: flex-start;
	height:auto;
	transition: 0.6s all;
	position: relative;
}


article#spot .item .txt {
  padding: calc(5% / 1) calc(5% / 1);
  display: flex;
  gap: 1.6rem;
  position: relative;
  align-items: center;
  align-content: space-between;
  flex-direction: column;
  justify-content: flex-start;
  color:#fff;
}

article#spot  .item .txt p{
  font-family: var(--font-family-Zen-Mi);
  text-align: center;
}

article#spot  .item .txt p.name{
	border-bottom: 1px solid;
}

article#spot  .item .img {
  width: 100%;
  overflow: hidden;
}

article#spot  .item img {
  width: 100%;
  aspect-ratio: 4 / 3;
}

article#spot  .swiper-slide-active .item img {
/*
  transform: scale(1.15);
  transform-origin: bottom;
*/
}

article#spot  .item img {
  width: 100%;
  aspect-ratio: 4 / 5;
}

article#spot  .item .img p{
  position: absolute;
  bottom: 1rem;
  color: #000;
  right: 1rem;
  background: #fff;
  padding: 1rem;
  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
article#spot  .swiper-slide-active .item p {
  opacity: 1;
  transform: translateX(0);
}

article#spot  .btn{
	background-color:#fff;
	border-color: #fff;
	max-width: 260px;
	margin: 0 auto;
	color:var(--color-spot);
}

article#spot .spot .inner .swiper-slide ,item{
	padding:0 var(--layout-space-sp);
}


article#spot .swiper-button-prev:after,
article#spot .swiper-button-next:after {
  background-color:#fff;
}


.swiper-container{
  position: relative;
}

@media screen and (min-width: 1025px) {
	article#spot .spot .inner {
	  gap: 2em;
	  max-width: 1440px;
	  grid-template-columns: 1.5fr 1fr;
	    align-items: center;
	}
	article#spot  .item img {
	  aspect-ratio: 4 / 3;
	}
}



article#sasebo {
	position: relative;
}

article#sasebo:before {
  content: "";
}

article#sasebo .img_bg:after{
	content: "";
	background: var(--color-black);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:100%;
	opacity: 0.3;
	transition: 0.6s all;
}

article#sasebo .img_bg {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index:-1;
  overflow: hidden;
  transition: 0.6s all;
}
article#sasebo .img_bg img{
    height: 100%;
}
article#sasebo .img_bg.active:after{
	opacity: 0.6;
}

article#sasebo .img_bg.active img{
	filter: blur(5px);
	transform: scale(1.1);
}




article#sasebo  .text-heading {
  color: var(--color-white);
}

article#sasebo .shop .inner{
	display: grid;
	gap: 4rem;
}

article#sasebo .item {
	background: #ffffff;
	border-radius: 2rem;
	overflow: hidden;
	border: 4px #fff solid;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	justify-content: flex-start;
	height:auto;
	transition: 0.6s all;
	padding-bottom: 2rem;
	position: relative;
}


article#sasebo .item .txt {
  padding: calc(5% / 1) calc(5% / 1);
  display: flex;
  gap: 10px;
  position: relative;
  align-items: center;
  align-content: space-between;
  flex-direction: column;
  justify-content: flex-start;
}

article#sasebo  .item .txt p{
  font-family: var(--font-family-Zen-Mi);
  text-align: center;
}

article#sasebo  .item .txt p.name{
	color:var(--color-sasebo);
	border-bottom: 1px solid;
}

article#sasebo  .item .img {
  width: 100%;
  overflow: hidden;
}

article#sasebo  .item img {
  width: 100%;
  aspect-ratio: 4 / 3;
}

article#sasebo  .swiper-slide-active .item img {
  transform: scale(1.15);
  transform-origin: bottom;
}

article#sasebo  .item img {
  width: 100%;
  aspect-ratio: 4 / 3;
}

article#sasebo  .btn{
	background-color:#148fae;
	border-color: #148fae;
	max-width: 260px;
	margin: 0 auto;
}

article#sasebo .swiper-button-prev:after,
article#sasebo .swiper-button-next:after {
  background-color:#00BCD4;
}


@media screen and (max-width: 768px) {
	article#sasebo  .swiper-slide:not(.swiper-slide-active) .item {
	  transform: scale(0.95);
	}
}

@media screen and (min-width: 1025px) {
	article#sasebo .shop .inner {
	  gap: 4rem;
	  max-width: 1440px;
	}
}





article#hotels {
	position: relative;
}


article#hotels:before {
  content: "";
  background:var(--color-beige);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height:100%;
}


article#hotels .tokuten .inner,
article#hotels .plan .inner {
	display: grid;
	gap: 4rem;
}


article#hotels .text-heading{
color: var(--color-navy);
}
article#hotels .enjoy {
	display: grid;
	gap: 2rem;
	text-align: center;
	color:var(--color-navy);
}
article#hotels .enjoy .img {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
article#hotels .enjoy img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center center;
}
article#hotels .enjoy img:last-child{
	grid-column: 1 / 3;
}
article#hotels .enjoy img:last-child{
	aspect-ratio: 16 / 9;
}




article#hotels .item {
	background: #ffffff;
	border-radius: 2rem;
	overflow: hidden;
	border: 4px #fff solid;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	justify-content: flex-start;
	height:auto;
	transition: 0.6s all;
	padding-bottom: 2rem;
	position: relative;
}
article#hotels  .swiper-slide:not(.swiper-slide-active) .item {
  transform: scale(0.95);
}


article#hotels .item .txt {
  padding: calc(5% / 1) calc(5% / 1);
  display: flex;
  gap: 10px;
  position: relative;
  align-items: center;
  align-content: space-between;
  flex-direction: column;
  justify-content: flex-start;
}

article#hotels  .item .txt p{
  font-family: var(--font-family-Zen-Mi);
  text-align: center;
}

article#hotels  .item .txt p.name{
	color: var(--color-navy);
	border-bottom: 1px solid;
}

article#hotels  .item .img {
  width: 100%;
  overflow: hidden;
}

article#hotels  .item img {
  width: 100%;
  aspect-ratio: 4 / 3;
}

article#hotels  .swiper-slide-active .item img {
  transform: scale(1.15);
  transform-origin: bottom;
}

article#hotels  .item img {
  width: 100%;
  aspect-ratio: 4 / 3;
}

article#hotels  .btn{
	background-color: var(--color-navy);
	border-color: var(--color-navy);
	max-width: 260px;
	margin: 0 auto;
}

article#hotels .js-swiper-hotels{
  padding-left:3.4rem;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  padding-right: 3.4rem;
}


article#hotels .js-swiper-hotels .item {
  padding-bottom: 2rem;
}



article#hotels .item > .txt:first-of-type {
	flex: 1;
	justify-content: center;
}


article#hotels .fivehotels {
	display: grid;
	gap: 2rem;
	text-align: center;
}



article#hotels .tokuten {
	background: var(--color-navy);
	padding: 6rem 0;
	border-radius:10rem 0rem 10rem 0rem;
	display: grid;
	gap: 2rem;
	text-align: center;
	color: #fff
}



article#hotels .js-swiper-tokuten .item {
	background: #031244;
	color: #fff;
	border: 0;
	overflow: visible;
	margin-top:2rem;
}

article#hotels .tokuten .text-point {
	position: absolute;
	background:#c3923a;
	border-radius: 9999px;
	padding: 1rem 3rem;
	line-height: 100%;
	color: #fff;
	left: 0;
	right: 0;
	top: -20px;
	display: table;
	margin: 0 auto;
	font-size: 16px;
	font-family: var(--font-family-Zen-Mi);
	z-index: 1;
}

article#hotels .tokuten .img {
  border-radius: 2rem 2rem 0 0;
}

article#hotels .tokuten .item .img:after {
  content: "";
  background:#fbbf55;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 110%;
  height: 110%;
  background: linear-gradient(0deg,rgba(3, 18, 68, 1) 0%, rgba(3, 18, 68, 0) 57%);
}
article#hotels .tokuten .item .img p{
	color:#ffd281;
	border: 0;
	line-height: 120%;
	font-family: var(--font-family-Zen-Mi);
	position: absolute;
	bottom: 1rem;
	left: 0;
	width: 100%;
	z-index: 1;
}
article#hotels .tokuten .item img{
}
article#hotels .tokuten .swiper-button-prev:after,
article#hotels .tokuten .swiper-button-next:after {
  background-color: #ffffff;
}


article#hotels .plan {
	padding: 6rem 1.6rem 3rem;
	display: grid;
	gap: 2rem;
	text-align: center;
	color: #000;
	  background: #fff;
	position: relative;
	margin:0 1.6rem;
	border:0px #96723b solid;
	border-radius: 4rem;
}


article#hotels .plan .title{
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  background: #96723b;
  color: #fff;
  display: table;
  margin: 0 auto;
  padding: 0 2rem;
  border-radius: 9999px;
}

article#hotels .plan .plan-list{
  display: grid;
  gap: 2rem;
}
article#hotels .plan .plan-list .item{
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	padding: 0;
	gap:0rem;
	align-items: center;
	border-color: #96723b;
	border-width: 2px;
}

article#hotels .plan .plan-list .item img {
  aspect-ratio: 1 / 1;
}
article#hotels .plan .plan-list .item .txt {
  padding:0.5rem;
  display: block;
}
article#hotels .plan .plan-list .item .txt p{
  line-height: 140%;
}
article#hotels .plan .plan-list .item .link {
  grid-column: 1 / 4;
}
article#hotels .plan .plan-list .item .link .btn {
	max-width: none;
	margin: 0 auto;
	border-radius: 0;
	background-color:#96723b;
	border-color:#96723b;
}


.gourmet-ticket{
  padding: 0 1.6rem;
}
.gourmet-ticket-body{
	background: linear-gradient(90deg,rgba(180, 58, 117, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 167, 69, 1) 100%);
	padding: 2rem;
}
.gourmet-ticket .txt{
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 0.5rem;
	border: 1px #fff solid;
	color: #fff;
	gap: 1.6rem;
}
.gourmet-ticket .txt > div{
	display: flex;
	gap: 1.6rem;
	flex-direction: column;
	padding: 1rem;
}
.gourmet-ticket .txt .title{
	font-size: var(--font-size-lg);
	font-weight: 600;
	text-align: center;
	line-height: 120%;
}
.gourmet-ticket .txt .price{
	font-size: var(--font-size-lg);
	font-weight: 600;
	text-align: center;
	line-height: 100%;
	white-space: nowrap;
}
.gourmet-ticket .txt .price em{
  font-size: 130%;
  font-family: "Jost", sans-serif;
}
.gourmet-ticket .txt .point{
font-size: var(--font-size-md);
  font-weight: 600;
  text-align: center;
  line-height: 130%;
}
.gourmet-ticket .txt a{
font-size: var(--font-size-base);
text-decoration: underline;
  text-align: center;
}
.gourmet-ticket .txt p{
  text-align: center;
}

.gourmet-ticket .txt > div:nth-child(2){
  border-top: 2px dashed #fff;
}

.ticket-icon {
    width: 300px;
    height: 143px;
    background-color: #3498db;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1415.73 674.79'%3E%3Cpath d='M1415.73,264.65V36.45c0-20.1-16.35-36.45-36.45-36.45h-336.02c-5.34,13.28-18.33,22.66-33.53,22.66s-28.19-9.38-33.53-22.66H36.45C16.35,0,0,16.35,0,36.45v601.9c0,20.1,16.35,36.45,36.45,36.45h939.63c5.25-13.46,18.34-23,33.66-23s28.4,9.54,33.66,23h335.89c20.1,0,36.45-16.35,36.45-36.45v-202.32l-4.44-4.4c-21.87-21.66-33.91-50.52-33.91-81.29s12.04-59.63,33.91-81.29l4.44-4.4ZM1385.73,252.33c-24.78,26.76-38.35,61.31-38.35,98s13.57,71.25,38.35,98v190c0,3.5-2.95,6.45-6.45,6.45h-348.56c-4.92-5.27-11.92-8.49-19.46-8.49s-14.53,3.22-19.46,8.49H36.45c-3.5,0-6.45-2.95-6.45-6.45V36.45c0-3.5,2.95-6.45,6.45-6.45h954.62c1.52,1.77,3.27,3.33,5.19,4.65v1.43h2.34c3.8,2.07,8.13,3.24,12.68,3.24,7.96,0,15.27-3.57,20.2-9.31h347.82c3.5,0,6.45,2.95,6.45,6.45v215.88Z'/%3E%3Crect x='996.25' y='444.1' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='419.37' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='468.83' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='345.18' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='394.64' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='493.56' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='369.91' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='592.47' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='617.2' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='518.29' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='543.02' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='567.74' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='147.35' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='122.63' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='172.08' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='48.44' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='97.9' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='320.46' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='73.17' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='295.73' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='271' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='196.81' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='246.27' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='221.54' width='27.66' height='12.36'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1415.73 674.79'%3E%3Cpath d='M1415.73,264.65V36.45c0-20.1-16.35-36.45-36.45-36.45h-336.02c-5.34,13.28-18.33,22.66-33.53,22.66s-28.19-9.38-33.53-22.66H36.45C16.35,0,0,16.35,0,36.45v601.9c0,20.1,16.35,36.45,36.45,36.45h939.63c5.25-13.46,18.34-23,33.66-23s28.4,9.54,33.66,23h335.89c20.1,0,36.45-16.35,36.45-36.45v-202.32l-4.44-4.4c-21.87-21.66-33.91-50.52-33.91-81.29s12.04-59.63,33.91-81.29l4.44-4.4ZM1385.73,252.33c-24.78,26.76-38.35,61.31-38.35,98s13.57,71.25,38.35,98v190c0,3.5-2.95,6.45-6.45,6.45h-348.56c-4.92-5.27-11.92-8.49-19.46-8.49s-14.53,3.22-19.46,8.49H36.45c-3.5,0-6.45-2.95-6.45-6.45V36.45c0-3.5,2.95-6.45,6.45-6.45h954.62c1.52,1.77,3.27,3.33,5.19,4.65v1.43h2.34c3.8,2.07,8.13,3.24,12.68,3.24,7.96,0,15.27-3.57,20.2-9.31h347.82c3.5,0,6.45,2.95,6.45,6.45v215.88Z'/%3E%3Crect x='996.25' y='444.1' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='419.37' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='468.83' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='345.18' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='394.64' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='493.56' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='369.91' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='592.47' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='617.2' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='518.29' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='543.02' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='567.74' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='147.35' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='122.63' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='172.08' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='48.44' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='97.9' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='320.46' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='73.17' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='295.73' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='271' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='196.81' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='246.27' width='27.66' height='12.36'/%3E%3Crect x='996.25' y='221.54' width='27.66' height='12.36'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.tickets-mask {
	width: 100%;
	height: 50px;
	background-color: #fff;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 567.53 302.2'%3E%3Crect x='452.23' y='68.7' width='15.64' height='31.05' transform='translate(-7.38 100.09) rotate(-12.32)'/%3E%3Cpath d='M567.27,170.74l-35.35-161.87c-1.32-6.06-7.36-9.93-13.42-8.61L112.28,88.98h117.17l213.45-46.62,2.88,13.2,15.28-3.34-2.88-13.2,52.24-11.41,29.49,135.04-31.39,6.85v25.59l50.13-10.95c6.06-1.32,9.93-7.36,8.61-13.42Z'/%3E%3Cg%3E%3Crect x='389.42' y='214.59' width='15.64' height='31.05'/%3E%3Crect x='389.42' y='168.01' width='15.64' height='31.05'/%3E%3Cpath d='M472.26,113.98H11.27c-6.2,0-11.27,5.07-11.27,11.27v165.69c0,6.2,5.07,11.27,11.27,11.27h460.99c6.2,0,11.27-5.07,11.27-11.27V125.25c0-6.2-5.07-11.27-11.27-11.27ZM458.53,277.2h-53.47v-16.04h-15.64v16.04H25v-138.23h364.42v13.51h15.64v-13.51h53.47v138.23Z'/%3E%3Cpolygon points='48.98 195.2 63.76 195.2 63.76 242.85 81.9 242.85 81.9 195.2 96.77 195.2 96.77 179.12 48.98 179.12 48.98 195.2'/%3E%3Crect x='103.16' y='179.12' width='18.14' height='63.73'/%3E%3Cpath d='M161.02,194.09c3,0,5.74.53,8.37,1.61l3.5,1.44,3.84-15.11-2.31-1.2c-1.14-.59-5.52-2.52-13.95-2.52-16.31,0-32.77,10.33-32.77,33.39,0,19.38,12.31,31.9,31.36,31.9,6.87,0,12.08-1.27,14.67-2.45l2.33-1.07-2.85-15.34-3.74,1.54c-1.68.69-4.97,1.39-8.53,1.39-9.38,0-14.55-5.88-14.55-16.56s5.33-17.01,14.63-17.01Z'/%3E%3Cpolygon points='234.63 179.12 212.64 179.12 200.65 196.11 200.65 179.12 182.58 179.12 182.58 242.85 200.65 242.85 200.65 222.77 201.84 221.12 213.81 242.85 234.67 242.85 213.88 207.08 234.63 179.12'/%3E%3Cpolygon points='256.79 217.73 276.42 217.73 276.42 202.16 256.79 202.16 256.79 194.9 277.59 194.9 277.59 179.12 238.64 179.12 238.64 242.85 278.85 242.85 278.85 227.07 256.79 227.07 256.79 217.73'/%3E%3Cpolygon points='285.24 195.2 300.02 195.2 300.02 242.85 318.17 242.85 318.17 195.2 333.03 195.2 333.03 179.12 285.24 179.12 285.24 195.2'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 567.53 302.2'%3E%3Crect x='452.23' y='68.7' width='15.64' height='31.05' transform='translate(-7.38 100.09) rotate(-12.32)'/%3E%3Cpath d='M567.27,170.74l-35.35-161.87c-1.32-6.06-7.36-9.93-13.42-8.61L112.28,88.98h117.17l213.45-46.62,2.88,13.2,15.28-3.34-2.88-13.2,52.24-11.41,29.49,135.04-31.39,6.85v25.59l50.13-10.95c6.06-1.32,9.93-7.36,8.61-13.42Z'/%3E%3Cg%3E%3Crect x='389.42' y='214.59' width='15.64' height='31.05'/%3E%3Crect x='389.42' y='168.01' width='15.64' height='31.05'/%3E%3Cpath d='M472.26,113.98H11.27c-6.2,0-11.27,5.07-11.27,11.27v165.69c0,6.2,5.07,11.27,11.27,11.27h460.99c6.2,0,11.27-5.07,11.27-11.27V125.25c0-6.2-5.07-11.27-11.27-11.27ZM458.53,277.2h-53.47v-16.04h-15.64v16.04H25v-138.23h364.42v13.51h15.64v-13.51h53.47v138.23Z'/%3E%3Cpolygon points='48.98 195.2 63.76 195.2 63.76 242.85 81.9 242.85 81.9 195.2 96.77 195.2 96.77 179.12 48.98 179.12 48.98 195.2'/%3E%3Crect x='103.16' y='179.12' width='18.14' height='63.73'/%3E%3Cpath d='M161.02,194.09c3,0,5.74.53,8.37,1.61l3.5,1.44,3.84-15.11-2.31-1.2c-1.14-.59-5.52-2.52-13.95-2.52-16.31,0-32.77,10.33-32.77,33.39,0,19.38,12.31,31.9,31.36,31.9,6.87,0,12.08-1.27,14.67-2.45l2.33-1.07-2.85-15.34-3.74,1.54c-1.68.69-4.97,1.39-8.53,1.39-9.38,0-14.55-5.88-14.55-16.56s5.33-17.01,14.63-17.01Z'/%3E%3Cpolygon points='234.63 179.12 212.64 179.12 200.65 196.11 200.65 179.12 182.58 179.12 182.58 242.85 200.65 242.85 200.65 222.77 201.84 221.12 213.81 242.85 234.67 242.85 213.88 207.08 234.63 179.12'/%3E%3Cpolygon points='256.79 217.73 276.42 217.73 276.42 202.16 256.79 202.16 256.79 194.9 277.59 194.9 277.59 179.12 238.64 179.12 238.64 242.85 278.85 242.85 278.85 227.07 256.79 227.07 256.79 217.73'/%3E%3Cpolygon points='285.24 195.2 300.02 195.2 300.02 242.85 318.17 242.85 318.17 195.2 333.03 195.2 333.03 179.12 285.24 179.12 285.24 195.2'/%3E%3C/g%3E%3C/svg%3E");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}


.ticket-mask {
	width: 100%;
	height: 50px;
    background-color: #000;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 387.36 188.23'%3E%3Cg%3E%3Crect x='293.24' y='100.61' width='15.64' height='31.05'/%3E%3Crect x='293.24' y='54.04' width='15.64' height='31.05'/%3E%3Cpolygon points='48.98 81.23 60.87 81.23 60.87 128.88 75.46 128.88 75.46 81.23 87.42 81.23 87.42 65.14 48.98 65.14 48.98 81.23'/%3E%3Crect x='92.56' y='65.14' width='14.6' height='63.73'/%3E%3Cpath d='M139.1,80.11c2.41,0,4.61.53,6.73,1.61l2.82,1.44,3.09-15.11-1.86-1.2c-.92-.59-4.44-2.52-11.22-2.52-13.12,0-26.36,10.33-26.36,33.39,0,19.38,9.9,31.9,25.23,31.9,5.52,0,9.72-1.27,11.8-2.45l1.87-1.07-2.29-15.34-3.01,1.54c-1.35.69-3.99,1.39-6.86,1.39-7.55,0-11.7-5.88-11.7-16.56s4.29-17.01,11.77-17.01Z'/%3E%3Cpolygon points='198.32 65.14 180.62 65.14 170.98 82.14 170.98 65.14 156.45 65.14 156.45 128.88 170.98 128.88 170.98 108.8 171.94 107.15 181.57 128.88 198.35 128.88 181.63 93.1 198.32 65.14'/%3E%3Cpolygon points='216.14 103.75 231.93 103.75 231.93 88.19 216.14 88.19 216.14 80.93 232.88 80.93 232.88 65.14 201.54 65.14 201.54 128.88 233.88 128.88 233.88 113.09 216.14 113.09 216.14 103.75'/%3E%3Cpolygon points='239.03 81.23 250.92 81.23 250.92 128.88 265.51 128.88 265.51 81.23 277.47 81.23 277.47 65.14 239.03 65.14 239.03 81.23'/%3E%3Cpath d='M376.08,0H11.27C5.07,0,0,5.07,0,11.27v165.69c0,6.2,5.07,11.27,11.27,11.27h364.81c6.2,0,11.27-5.07,11.27-11.27V11.27c0-6.2-5.07-11.27-11.27-11.27ZM362.36,163.23h-53.47v-16.04h-15.64v16.04H25V25h268.24v13.51h15.64v-13.51h53.47v138.23Z'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 387.36 188.23'%3E%3Cg%3E%3Crect x='293.24' y='100.61' width='15.64' height='31.05'/%3E%3Crect x='293.24' y='54.04' width='15.64' height='31.05'/%3E%3Cpolygon points='48.98 81.23 60.87 81.23 60.87 128.88 75.46 128.88 75.46 81.23 87.42 81.23 87.42 65.14 48.98 65.14 48.98 81.23'/%3E%3Crect x='92.56' y='65.14' width='14.6' height='63.73'/%3E%3Cpath d='M139.1,80.11c2.41,0,4.61.53,6.73,1.61l2.82,1.44,3.09-15.11-1.86-1.2c-.92-.59-4.44-2.52-11.22-2.52-13.12,0-26.36,10.33-26.36,33.39,0,19.38,9.9,31.9,25.23,31.9,5.52,0,9.72-1.27,11.8-2.45l1.87-1.07-2.29-15.34-3.01,1.54c-1.35.69-3.99,1.39-6.86,1.39-7.55,0-11.7-5.88-11.7-16.56s4.29-17.01,11.77-17.01Z'/%3E%3Cpolygon points='198.32 65.14 180.62 65.14 170.98 82.14 170.98 65.14 156.45 65.14 156.45 128.88 170.98 128.88 170.98 108.8 171.94 107.15 181.57 128.88 198.35 128.88 181.63 93.1 198.32 65.14'/%3E%3Cpolygon points='216.14 103.75 231.93 103.75 231.93 88.19 216.14 88.19 216.14 80.93 232.88 80.93 232.88 65.14 201.54 65.14 201.54 128.88 233.88 128.88 233.88 113.09 216.14 113.09 216.14 103.75'/%3E%3Cpolygon points='239.03 81.23 250.92 81.23 250.92 128.88 265.51 128.88 265.51 81.23 277.47 81.23 277.47 65.14 239.03 65.14 239.03 81.23'/%3E%3Cpath d='M376.08,0H11.27C5.07,0,0,5.07,0,11.27v165.69c0,6.2,5.07,11.27,11.27,11.27h364.81c6.2,0,11.27-5.07,11.27-11.27V11.27c0-6.2-5.07-11.27-11.27-11.27ZM362.36,163.23h-53.47v-16.04h-15.64v16.04H25V25h268.24v13.51h15.64v-13.51h53.47v138.23Z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.ticket-price{
  display: flex;
  align-items: center;
    gap: 1rem;
}
.ticket-price .tickets {
	display: flex;
	white-space: nowrap;
	align-content: center;
	align-items: stretch;
	gap: 0.2rem;
	background: #dedede;
	border-radius: 0.5rem;
	padding: 0.5rem;
	line-height: 100%;
	background: linear-gradient(90deg, rgba(180, 58, 117, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 167, 69, 1) 100%);
	background:#fbd798;
	color: #fff;
	font-family: 'Jost';
}
.ticket-price .ticket-mask {
	width: 40px;
	height: 20px;
	background: #000;
}
.ticket-price .tickets p{
  font-family: "Jost", sans-serif !important;
}



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


	article#hotels .enjoy .img {
	  display: grid;
	  grid-template-columns: 1fr 1fr  1fr;
	}
	article#hotels .enjoy img {
	  aspect-ratio: 16 / 9;
	}
	article#hotels .enjoy img:last-child {
	  grid-column: unset;
	}

	article#hotels  .swiper-slide:not(.swiper-slide-active) .item {
	  transform: scale(1);
	}
	article#hotels  .swiper-slide-active .item img {
	  transform: scale(1);
	}


	article#hotels .tokuten {
	  padding: 6rem;
	  width: 100%;
	  max-width: 1440px;
	}
	article#hotels .tokuten .inner {
	  margin: 0 auto;
	}
	article#hotels .plan {
	  padding: 6rem;
	  max-width: 1440px;
	      max-width: 940px;
	}
	article#hotels .plan .inner {
	  margin: 0 auto;
	}

	article#hotels .plan .plan-list {
	  gap: 4rem;
	  grid-template-columns: 1fr;
	}
	article#hotels .plan .plan-list .item {
	  grid-template-columns: 1fr 1.1fr;;
	}
	article#hotels .plan .plan-list .item img {
	  aspect-ratio: 16 / 9;
	}


}