@charset "UTF-8";
/* CSS Document */

/*@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&family=Noto+Serif+JP:wght@200..900&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Sancreek&display=swap');

.fontSancreek {
  font-family: "Sancreek", serif;
}

.contents {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mincho {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-style: normal;
}

/* 終了告知文 */
.Post {
	font-size: 22px;
	font-weight: 600;
	color: #c00;
	text-align: center;
}

/* H1 */
#PageName {
	width: 1024px;
	margin: 10px auto;
	color: #5F372F;
	font-weight: bold;
}

.swiper {
	cursor: pointer;
}

/*---------------------------------------*/
.kv {
	position: relative;
	background-color: #DEEBED;
	z-index: 0;
}

/* .kv::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url(/attending/media/hongkong/images/point-bg1.png);
	background-size: 160px 160px;
	background-position: top left;
	opacity: 0.07;
	z-index: -1;
} */


.kv-logo {
	position: absolute;
	top: 77px;
	left: calc(50% - 370px);
	translate: -50% 0;
	width: 100px;
	height: 72px;
	object-fit: contain;
	z-index: 1;
}

.kv-label {
	position: relative;
	/*background: linear-gradient(90deg, rgba(170, 12, 0, 1) 0%, rgba(212, 33, 20, 1) 50%, rgba(170, 12, 0, 1) 100%);*/
  background-color: #8841B5;
	font-size: 26px;
	font-weight: 900;
	text-align: center;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kv-label::before,
.kv-label::after {
	content: '';
	width: 100%;
	height: 2px;
	/*background: linear-gradient(90deg, #EEA11A 0%, #FFECB5 50%, #EEA11A 100%);*/
  background-color: #FBFCFF;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.gold-text {
	position: relative;
	display: inline-block;
	width: fit-content;
	line-height: 1.8;
	color: transparent;
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.7));
	padding-block-end: 2px;
	margin-inline: auto;
}

/*.gold-text::before {
	content: attr(data-text);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
	background: linear-gradient(180deg, #EEA11A 0%, #FFECB5 50%, #EEA11A 100%);
	-webkit-background-clip: text;
	color: transparent;
}

.gold-text::after {
	content: attr(data-text);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
	background: linear-gradient(90deg, #EA985A 0%, #93430A 100%);
	-webkit-background-clip: text;
	-webkit-text-stroke: 1px transparent;
	color: transparent;
}*/

.kv-image {
	position: relative;
	background-image: url(/attending/media/hongkong/images/pc/ttl-bg_SP25-052421D.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/*max-width: 1300px;*/
	width: 100%;
	height: 600px;
	margin-inline: auto;
	overflow: hidden;
}
.kv-image::before {
  content: "";
  background-image: url("/attending/media/hongkong/images/pc/ttl-bg_BP21-002094D.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 398px;
  height: 246px;
  position: absolute;
  right: 50%;
  margin-right: 330px;
  bottom: 0px;
  z-index: 0;
}
.kv-image::after {
  content: "";
  background-image: url("/attending/media/hongkong/images/pc/ttl-bg_EBP16-61252D.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 444px;
  height: 344px;
  position: absolute;
  left: 50%;
  margin-left: 284px;
  top: 0px;
  z-index: 0;
}

.kv-image h1 {
	position: absolute;
	inset: 0;
	display: block;
	width: 885px;
	height: 479px;
	margin: auto;
  	z-index: 1;
    top: 60px;
}
.kv-image h1::after {
  content: "";
  background-image: url("/attending/media/hongkong/images/pc/notes_text.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 510px;
  height: 38px;
  position: absolute;
  right: -5%;
  margin-left: 112px;
  bottom: -25px;
  z-index: 0;
}

/* sec-movie start */
.sec-movie {
	background-color: #DEEBED;
	padding-block: 60px;
}

.sec-movie_inner {
	display: flex;
	gap: 32px;
}

.sec-movie .seo {
	font-size: 18px;
}

.sec-movie .movie {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.sec-movie .movie dl {
	display: flex;
	flex-direction: column;
	width: 280px;
}

.sec-movie .movie dl dt {
	display: grid;
	align-items: center;
	height: 100%;
	background-color: #1C766C;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding-block: 8px;
}

.btn-schedule_link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	width: 650px;
	height: 100px;
	background: linear-gradient(180deg, #E3A228 40%, #C98226 70%);
	box-shadow: 0 7px 0 0 #916115, 0 8px 15px 0 rgba(0, 0, 0, 0.20);
	border: 3px solid #F0CF8D;
	border-radius: 8px;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
	padding: 8px 16px;
	margin-inline: auto;
	margin-block-start: 24px;
	transition: .3s;
}

.btn-schedule_link:hover {
	box-shadow: unset;
	transform: translateY(4px);
}

.btn-schedule_link span {
	font-size: 18px;
}

/* スケジュールモーダル */
#inline-wrap {
	position: relative;
}

#inline-wrap .image {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#inline-wrap .image::before {
	content: '';
	position: absolute;
	top: 10px;
	right: 10px;
	width: 80px;
	height: 80px;
	cursor: pointer;
}

/* sec-movie end */

/* sec-anchor start */
.sec-anchor {
	background-color: #364583;
	padding-block: 40px;
}

.anchor-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	gap: 16px;
}

.anchor-item {
	display: flex;
}

.anchor-link {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border: 2px solid #1C766C;
	background: linear-gradient(180deg, #FFF 35%, #F0F3F3 100%);
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.30);
	width: 100%;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;
	color: #333333;
	text-align: center;
	padding-block: 25px 25px;
	transition: opacity .3s;
}

.anchor-link:hover {
	opacity: 0.5;
}

.anchor-link::before,
.anchor-link::after {
	content: '';
	display: block;
}

.anchor-link::before {
	background-image: url(/attending/media/hongkong/images/pc/anchor-deco.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 69px;
	height: 10px;
  position: absolute;
  top: 9px;
  left: 50%;
  transform: translateX(-50%);
}

.anchor-link::after {
	position: absolute;
	bottom: 3px;
	left: 50%;
	translate: -50% 0;
	background-color: #1C766C;
	width: 12px;
	height: 12px;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
}

/* sec-anchor end */

/* sec-point start */
.sec-point {
	position: relative;
	background-color: #F7F6E9;
	padding-block: 80px;
	z-index: 0;
}

.sec-point::before {
	content: '';
	position: absolute;
	top: 0;
	background-image: url("/attending/media/hongkong/images/pc/sep_line.png");
	background-repeat: repeat-x;
	background-position: center;
	background-size: auto 100%;
	width: 100%;
	height: 32px;
}

.sec-point::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url("/attending/media/hongkong/images/pc/bg03.png");
	background-size: 244px 260px;
	background-position: top left;
	opacity: 0.12;
	z-index: -1;
}

.sec-point h2 img {
	display: block;
	width: auto;
	margin-inline: auto;
	margin-block-end: 48px;
}

.point-item {
	position: relative;
	background: #F9F6F1;
	border: 3px solid #586CA0;
	width: 620px;
	height: auto;
	gap: 16px;
	padding: 22px 29px 28px 29px;
}

.point-item::before,
.point-item::after {
	content: '';
	position: absolute;
	display: block;
	/*left: 50%;
	translate: -50% 0;*/
  left: -2px;
	background-image: url("/attending/media/hongkong/images/pc/point-deco1.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	width: calc( 100% + 4px );
	height: 60px;
}

.point-item:before {
	top: -2px;
}

.point-item::after {
	bottom: -2px;
	scale: -1;
}

.point-item dl {
	display: grid;
	grid-template-rows: 1fr max-content;
	height: 100%;
}

.point-item dl dt {
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	gap: 16px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	color: #364583;
	margin-block-end: 16px
}

.point-item dl dt::before {
	counter-increment: number 1;
	content: counter(number, decimal-leading-zero);
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(/attending/media/hongkong/images/pc/point-bg_num.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 100px;
	height: 100px;
	color: #3A4FA1;
	font-family: "Sancreek", serif;
	font-size: 36px;
	/*font-style: italic;*/
	font-weight: 500;
	text-align: center;
	line-height: 1.5;
	letter-spacing: -2px;
	padding-inline: 0 2px;
}

.point-item dl dt p span {
	font-size: 20px;
}

.swiper-point-wrapper {
	position: relative;
	counter-reset: number 0;
	margin-block-start: 48px;
}

.swiper-point-wrapper .swiper-wrapper {
	margin-block-end: 24px;
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10px;
}

.swiper-scrollbar {
	background: rgba(153, 153, 153, .7);
}

.swiper-scrollbar-drag {
	background: #555;
}

/* sec-point end */

/* sec-hotel start */
.sec-hotel {
	position: relative;
	background-color: #27366F;
	padding-block: 80px;
	z-index: 0;
}

.sec-hotel::before {
	content: '';
	position: absolute;
	top: 0;
	background-image: url("/attending/media/hongkong/images/pc/sep_line.png");
	background-repeat: repeat-x;
	background-position: center;
	background-size: auto 100%;
	width: 100%;
	height: 32px;
}

.sec-hotel::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url("/attending/media/hongkong/images/pc/bg02.png");
	background-size: 144px 144px;
	opacity: 0.09;
	z-index: -1;
}

.sec-hotel h2 img {
	display: block;
	width: auto;
	margin-inline: auto;
	margin-block-end: 48px;
}

.hotel-title {
	position: relative;
	/*background-color: #A01F1F;*/
  background: linear-gradient(90deg, #CF9700 20%, #AA7400 100%);
	border-top: 2px solid;
	border-bottom: 2px solid;
  border-image: linear-gradient(to right, #B28836, #EEDB77, #B28836) 1;
	padding-block: 20px;
	margin-block-start: 48px;
	z-index: 2;
}

.hotel-title.hotel-title02 {
  background: linear-gradient(90deg, #1FA095 0%, #0039AC 100%);
  border-image: linear-gradient(to right, #728190, #E0E5EA, #728190) 1;
}

/*.hotel-title::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url(/attending/media/hongkong/images/hotel-bg2.png);
	background-size: 500px 500px;
	opacity: 0.13;
	z-index: -1;
}*/

.hotel-title .caption {
	display: block;
	font-size: 24px;
	font-weight: 500;
}

.hotel-title h3 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: baseline;
	width: 1024px;
	margin-inline: auto;
}

.hotel-title h3:before,
.hotel-title h3:after {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* .hotel1 .hotel-title h3:before {
	top: 50%;
	left: 0;
	translate: 0 -50%;
	background-image: url(/attending/media/hongkong/images/pc/hotel-day3.png);
	width: 148px;
	height: 90px;
} */

/* .hotel2 .hotel-title h3:before {
	top: 50%;
	left: 0;
	translate: 0 -50%;
	background-image: url(/attending/media/hongkong/images/pc/hotel-day2.png);
	width: 148px;
	height: 90px;
} */

.hotel-grade {
	position: absolute;
	/*top: calc(50% + 50px);
	left: calc(50% + (1024px / 2));
	translate: -50% -50%;*/
	width: 176px;
	height: 127px;
  bottom: -70px;
  right: 50%;
  margin-right: -512px;
}

/* .hotel1 .hotel-title h3:after {
	top: calc(50% + 10px);
	right: 0;
	translate: 0 -50%;
	background-image: url(/attending/media/hongkong/images/pc/label-sdx.png);
	width: 176px;
	height: 127px;
} */

/* .swiper-hotel-wrapper {
  background-color: rgba( 0,0,0,0.8);
} */

.swiper-hotel-wrapper .swiper {
	max-width: 1300px;
}

.swiper-hotel-wrapper .swiper-controls {
	background: linear-gradient(270deg, #B28836 0%, #E2BD6A 50%, #B28836 100%);
	padding-block: 10px;
}

.swiper-hotel-wrapper .swiper-controls_inner {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: fit-content;
}

.swiper-hotel-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal {
	position: initial;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-hotel-wrapper .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}

.swiper-hotel-wrapper .swiper-pagination-bullet {
	background: #fff;
	opacity: 0.3;
}

.swiper-hotel-wrapper .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}

.swiper-hotel-wrapper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 7px;
}

.swiper-hotel-wrapper .swiper-button-next,
.swiper-hotel-wrapper .swiper-button-prev {
	position: relative;
	top: 0;
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: 12px;
	margin-top: 0px;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
}

.swiper-hotel-wrapper .swiper-button-prev {
	left: 0px;
	right: auto;
}

.swiper-hotel-wrapper .swiper-button-next {
	right: 0px;
	left: auto;
}

.swiper-hotel-wrapper .swiper-button-next:after,
.swiper-hotel-wrapper .swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: 12px;
	text-transform: none !important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1;
}

.hotel-desc {
	position: relative;
	z-index: 1;
}

.hotel-desc .hotel-caption {
	width: 670px;
	margin-block-start: 16px;
}

.hotel-caption {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 1.35px;
	color: #FFF;
	margin-block-start: 16px;
}

.hotel-logo {
	position: absolute;
	right: 0;
	bottom: 0;
}

.hotel-img_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-block-start: 40px;
}

.hotel-content_item {
	display: grid;
	grid-template-columns: 492px 1fr;
	margin-block-start: 40px;
}

.hotel1 .hotel-content_item {
	gap: 40px;
}

.hotel2 .hotel-content_item {
	gap: 24px;
}

.hotel-figure_row {
	display: grid;
	align-content: flex-start;
	gap: 24px;
}

.hotel-figure_col {
	display: grid;
	gap: 8px;
}

.hotel1 .hotel-figure_col {
	grid-template-columns: 1fr 248px;
	align-items: center;
	margin-block-start: 16px;
}

.hotel2 .hotel-figure_row img {
	display: block;
	width: 340px;
	margin-inline: auto;
}

.hotel-figure_col figcaption,
.hotel-figure_row figcaption {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 1.35px;
	color: #FFF;
}

/* sec-hotel end */

/* sec-info start */
.sec-info {
	position: relative;
	background-color: #F3E9D3;
	padding-block: 80px;
	z-index: 0;
}

.sec-info::before {
	content: '';
	position: absolute;
	top: 0;
	background-image: url(/attending/media/hongkong/images/pc/info-line.png);
	background-repeat: repeat-x;
	background-position: center;
	background-size: contain;
	width: 100%;
	height: 28px;
}

.sec-info::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url(/attending/media/hongkong/images/info-bg.png);
	background-size: 120px 120px;
	background-position: top left;
	opacity: 0.08;
	z-index: -1;
}

.sec-info h2 img {
	display: block;
	width: auto;
	margin-inline: auto;
	margin-block-end: 48px;
}

.block-voice {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	margin-block-end: 80px;

}

.group-voice {
	position: relative;
	background: #FEFDF6;
	border: 2px solid #B19A6B;
	padding: 32px;
}

.group-voice::before,
.group-voice::after {
	content: '';
	position: absolute;
	display: block;
	background-image: url(/attending/media/hongkong/images/pc/voice-deco1.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 488px;
	height: 30px;
}

.group-voice::before {
	top: 4px;
	left: 4px;
}

.group-voice::after {
	bottom: 4px;
	right: 4px;
	scale: -1;
}

/* .voice-item dt {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 18px;
	border-bottom: 1px solid rgba(180, 160, 118, 0.50);
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #B19A6B;
	letter-spacing: 0.84px;
	margin-block-end: 16px;
	padding-block-end: 16px;
}

.voice-item dt::before {
	content: '';
	display: block;
	background-image: url(/attending/media/hongkong/images/pc/voice-icon1.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 55px;
	height: 55px;
} */

.voice-item li {
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 1.36px;
}

.sec--faq__acc {
	background: #FEFDF6;
	border: 2px solid #B19A6B;
	position: relative;
	interpolate-size: allow-keywords;
}

.sec--faq__acc:not(:first-of-type) {
	margin-block-start: 16px;
}

.sec--faq__acc::details-content {
	height: 0;
	opacity: 0;
	overflow: hidden;
	transition: height 0.3s ease, opacity 0.3s ease, content-visibility 0.3s allow-discrete;
}

.sec--faq__acc[open]::details-content {
	height: auto;
	opacity: 1;
}

.sec--faq__acc__btn {
	display: block;
	padding: 16px 20px;
	cursor: pointer;
	position: relative;
}

.sec--faq__acc__btn::before,
.sec--faq__acc__btn::after {
	content: "";
	display: block;
	width: 12px;
	height: 2px;
	background: #B18321;
	position: absolute;
	top: 50%;
	right: 20px;
	translate: 0 -50%;
}

.sec--faq__acc__btn::after {
	rotate: 90deg;
	transition: rotate 0.3s;
}

.sec--faq__acc[open] .sec--faq__acc__btn::after {
	rotate: 180deg;
}

.sec--faq__acc__ttl-wrapper {
	display: grid;
	grid-template-columns: 40px 1fr;
	gap: 15px;
	align-items: center;
	transition: opacity 0.3s;
}

.sec--faq__acc__ttl {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.9px;
}

.sec--faq__acc__btn:hover .sec--faq__acc__ttl-wrapper {
	opacity: 0.5;
}

.sec--faq__acc__ttl-ico,
.sec--faq__acc__content__ico {
	padding-block: 2px 10px;
	color: #B18321;
	font-size: 26px;
	font-weight: 600;
	text-align: center;
}

.sec--faq__acc__content {
	position: relative;
	display: grid;
	grid-template-columns: 40px 1fr;
	gap: 15px;
	align-items: start;
	width: calc(100% - 40px);
	margin-inline: auto;
	padding-block: 20px
}

.sec--faq__acc__content::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border-top: 1px solid rgba(180, 160, 118, 0.50);
	width: 100%;
	height: 1px;
}

/* sec-info end */

/* sec-tour start */
.sec-tour {
	position: relative;
	background-color: #D1E6D9;
	padding-block: 80px;
	z-index: 0;
}

.sec-tour::before {
	content: '';
	position: absolute;
	top: 0;
	background-image: url(/attending/media/hongkong/images/pc/sep_line.png);
	background-repeat: repeat-x;
	background-position: center;
	background-size: auto 100%;
	width: 100%;
	height: 32px;
}

.sec-tour::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url(/attending/media/hongkong/images/pc/bg01.png);
	background-size: 260px 260px;
	background-position: top left;
	opacity: 0.07;
	z-index: -1;
}

.sec-tour h2 img {
	display: block;
	width: auto;
	margin-inline: auto;
}

.block-tab {
	display: flex;
	justify-content: space-between;
}

.block-tab_item {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border: solid 1px #364583;
	width: calc(100% / 9);
	font-weight: 600;
	color: #364583;
	text-align: center;
	padding: 20px 0;
	cursor: pointer;
}

.block-tab_item:not(:last-child) {
	border-right: none;
}

.block-tab_item.current {
	background-color: #364583;
	color: #fff;
}

.block-tab_contents {
	background-color: #364583;
	padding: 16px;
}

.tour-caption {
	font-size: 18px;
	font-weight: 400;
	color: #DD0000;
	text-align: center;
	letter-spacing: 1.44px;
	margin-block-start: 24px;
}

.tour-notice {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	text-align: center;
	letter-spacing: 1.12px;
}

.tour-choice {
	font-size: 18px;
	font-weight: 700;
	color: #1C766C;
	text-align: center;
	letter-spacing: 1.44px;
	margin-block-start: 48px;
}

.block-tab_contents-item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.tour-template {
	background: #FFF;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
    height: 100%;
	overflow: hidden;
}

.tour-link:only-child {
	grid-column: 1 / -1;
}

.tour-link:hover {
    opacity: 0.7;
}

.block-tour {
	margin-block-start: 16px;
}

.dept {
	background: #DFF1B9;
	border-radius: 0 0 8px 0;
	width: fit-content;
	font-size: 16px;
	font-weight: 600;
	color: #1C766C;
	line-height: 1;
	letter-spacing: 1.2px;
	padding-block: 8px;
	padding-inline: 20px;
}

.details {
	display: flex;
	flex-direction: column;
    gap: 20px;
    height: 100%;
	padding-block: 12px 16px;
	padding-inline: 14px;
}

.name {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	line-height: 1.5;
	letter-spacing: 1.35px;
}

.details-inner {
	display: flex;
	justify-content: space-between;
	align-items: end;
	margin-block-start: auto;
}

.price {
	color: #DB2100;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.6px;
}

.button {
	display: flex;
	border-radius: 4px;
	background: #1C766C;
	box-shadow: 0 5px 0 0 #004120;
	justify-content: center;
	align-items: center;
	gap: 3px;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	line-height: 1.5;
	letter-spacing: 0;
	padding: 10px 12px;
}

.notour {
	grid-column: 1 / -1;
	background: #FFF;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	padding-block: 12px
}

.block-bn {
	margin-block: 80px;
}

.block-bn img {
	display: block;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.25);
}

.block-bn p {
	font-size: 14px;
	font-weight: 400;
	/*color: #FFF;*/
	letter-spacing: 1.12px;
	margin-block-start: 10px;
}

.block-tv img {
	display: block;
	width: 960px;
	margin-block-start: 32px;
	margin-inline: auto;
}

.block-bn a:hover, .block-tv a:hover {
    opacity: 0.7;
}

/* sec-tour end */

.custom-swipe-hint {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 15px 40px;
	border-radius: 12px;
	z-index: 10;
	pointer-events: none;
	transition: opacity 0.5s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	white-space: nowrap;
}

.custom-swipe-hint::before {
	content: "";
	background-image: url(/attending/media/hongkong/images/pc/il-scroll.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 76px;
	height: 94px;
	animation: swipe-hand 1.5s infinite ease-out;
}

@keyframes swipe-hand {

	0%,
	20% {
		transform: translateX(0);
		opacity: 1;
	}

	70% {
		transform: translateX(-40px);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		opacity: 0;
	}
}

.custom-swipe-hint.is-hidden {
	opacity: 0;
}


/*-------------------------------
  2026/06/24
--------------------------------*/

.labelText01 {
  width: auto !important;
  height: 38px;
}

.pointText01 {
  color: #AB8000;
  font-size: 28px !important;
}
.pointText01 span.notes{
	font-size: 14px;
    color: #333;
}

/*----------------*/

.hotelContBox01 {
  background-image: url("/attending/media/hongkong/images/pc/hotel_column_bg01.png");
  background-repeat: repeat;
  background-position: center top;
  border-radius: 22px;
  padding: 8px;
  margin-top: 40px;
}
.hotelContBox01In {
  border: 3px solid #A6884F;
  border-radius: 16px;
  padding: 78px 40px;
  position: relative;
}
.hotelContBox01In::before {
  content: "";
  background-image: url("/attending/media/hongkong/images/pc/hotel_column_deco01.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 380px;
  height: 30px;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
}
.hotelContBox01In::after {
  content: "";
  background-image: url("/attending/media/hongkong/images/pc/hotel_column_deco01.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 380px;
  height: 30px;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%) rotateX(180deg);
}

.hotelH301 {
  position: relative;
  text-align: center;
  color: #875B07;
  font-size: 32px;
  line-height: 1.5em;
  font-weight: bold;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 64px;
}
.hotelH301::before {
  content: "";
  width: 100%;
  height: 2px;
  background: #A6884F;
background: linear-gradient(90deg,rgba(166, 136, 79, 0) 0%, rgba(166, 136, 79, 1) 15%, rgba(166, 136, 79, 1) 85%, rgba(166, 136, 79, 0) 100%);
  position: absolute;
  top: 0px;
  left: 0px;
}
.hotelH301::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #A6884F;
background: linear-gradient(90deg,rgba(166, 136, 79, 0) 0%, rgba(166, 136, 79, 1) 15%, rgba(166, 136, 79, 1) 85%, rgba(166, 136, 79, 0) 100%);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.hotelText01 {
  font-size: 18px;
  line-height: 1.5em;
}
.alc {
  text-align: center;
}

.hotelBoxFlex01 {
  display: flex;
  justify-content: center;
  gap: 0px 48px;
  margin-top: 32px;
}
.hotelBoxFlex01 li {
  width: 250px;
}
.hotelBoxFlex01 li .p01 {
  margin-top: 8px;
}

.hotelFlex01 {
  display: flex;
  gap: 0px 24px;
  margin-top: 40px;
}

.hotel-grade02 {
  width: 166px;
  position: absolute;
  bottom: -40px;
  right: 50%;
  margin-right: -512px;
}

.hotelFlex02 {
  display: flex;
  gap: 0px 40px;
  color: #ffffff;
  margin-top: 40px;
}
.hotelFlex02 .box01 {
}
.hotelFlex02 .box02 {
  width: 180px;
  flex-shrink: 0;
  margin-top: -58px;
}

/* sec-event start */

.sec-event {
	position: relative;
	background-color: #D1E6D9;
	padding-block: 80px;
	z-index: 0;
}

.sec-event::before {
	content: '';
	position: absolute;
	top: 0;
	background-image: url("/attending/media/hongkong/images/pc/sep_line.png");
	background-repeat: repeat-x;
	background-position: center;
	background-size: auto 100%;
	width: 100%;
	height: 32px;
}

.sec-event::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url("/attending/media/hongkong/images/pc/bg01.png");
	background-size: 244px 260px;
	background-position: top left;
	opacity: 0.07;
	z-index: -1;
}

.sec-event h2 img {
	display: block;
	width: auto;
	margin-inline: auto;
	margin-block-end: 48px;
}

/*------------*/

.nightviewBox01 {
  margin-top: 50px;
}
.contH301 {
  position: relative;
  padding: 0px 0px 0px 78px;
  margin-bottom: 28px;
}
.contH301 .h301 {
  display: flex;
  align-items: center;
  text-align: left;
  box-sizing: border-box;
  padding: 12px 30px;
  min-height: 68px;
  color: #1C766C;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: bold;
  border-top: 1px solid #1C766C;
  border-bottom: 1px solid #1C766C;
  background: #FFFFFF;
background: linear-gradient(90deg,rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);
}
.contH301 .num01 {
  background-image: url("/attending/media/hongkong/images/pc/nightview_num_bg01.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 90px;
  height: 90px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.5em;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.nightviewFlex01 {
  display: flex;
  align-items: center;
  gap: 0px 24px;
}
.nightviewFlex01 .box01 {
  width: 500px;
  flex-shrink: 0;
}
.nightviewFlex01 .box02 {
  width: 399px;
  flex-shrink: 0;
}

/* sec-event end */

/* sec-sightseeing start */

.sec-sightseeing {
	position: relative;
	background-color: #F7F6E9;
	padding-block: 80px;
	z-index: 0;
}

.sec-sightseeing::before {
	content: '';
	position: absolute;
	top: 0;
	background-image: url("/attending/media/hongkong/images/pc/sep_line.png");
	background-repeat: repeat-x;
	background-position: center;
	background-size: auto 100%;
	width: 100%;
	height: 32px;
}

.sec-sightseeing::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url("/attending/media/hongkong/images/pc/bg03.png");
	background-size: 244px 260px;
	background-position: top left;
	opacity: 0.12;
	z-index: -1;
}

.sec-sightseeing h2 img {
	display: block;
	width: auto;
	margin-inline: auto;
	margin-block-end: 48px;
}

.sightContBox01 {
  max-width: 864px;
  margin: 25px auto auto;
}
.sightContBox02 {
  margin-bottom: 15px;
}

.contH302 {
  position: relative;
  text-align: center;
  padding-top: 16px;
  color: #1C766C;
  font-size: 28px;
  line-height: 1.5em;
  font-weight: bold;
  margin-bottom: 20px;
}
.contH302::before {
  content: "";
  background-image: url("/attending/media/hongkong/images/pc/sight_tit_deco01.png");
  background-repeat: no-repeat;
  background-repeat: space space;
  background-size: 100% 100%;
  width: 105px;
  height: 14px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.sightLine02 {
  line-height: 0px;
  margin: 40px auto;
}
.sightFlex01 {
  display: flex;
  justify-content: space-between;
}
.sightFlex01 .box01 {
  width: 560px;
}
.sightFlex01 .box02 {
  width: 416px;
}

.sightFlex02 {
  display: flex;
  justify-content: space-between;
}
.sightFlex02 .box01 {
  width: 560px;
}
.sightFlex02 .box02 {
  width: 440px;
}

.sightBox01 {
  box-sizing: border-box;
  width: 860px;
  margin: 70px auto auto;
  background-image: url("/attending/media/hongkong/images/pc/sight_box_bg01.png");
  background-repeat: repeat;
  background-position: center top;
  border: 3px solid #4099A1;
  border-radius: 16px;
  padding: 25px;
}
.sightFlex03 {
  display: flex;
  align-items: center;
  gap: 0px 30px;
}
.text14 {
  font-size: 14px;
  line-height: 1.5em;
}
.sightFlex03 .box01 {
  width: 330px;
  flex-shrink: 0;
}
.contH303 {
  text-align: center;
  color: #1C766C;
  font-size: 25px;
  line-height: 1.5em;
  font-weight: bold;
  position: relative;
  padding-top: 14px;
  margin-bottom: 17px;
}
.contH303::before {
  content: "";
  background-image: url("/attending/media/hongkong/images/pc/sight_tit_deco02.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  width: 40px;
  height: 10px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
}
.mt_10 {
  margin-top: 10px;
}

/* sec-sightseeing end */

/* sec-gourmet start */
.sec-gourmet {
	position: relative;
	background-color: #F5E8C1;
	padding-block: 80px;
	z-index: 0;
}

.sec-gourmet::before {
	content: '';
	position: absolute;
	top: 0;
	background-image: url("/attending/media/hongkong/images/pc/sep_line.png");
	background-repeat: repeat-x;
	background-position: center;
	background-size: auto 100%;
	width: 100%;
	height: 32px;
}

.sec-gourmet::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url("/attending/media/hongkong/images/pc/bg05.png");
	background-size: 170px 170px;
	background-position: top left;
	opacity: 0.07;
	z-index: -1;
}

.sec-gourmet h2 img {
	display: block;
	width: auto;
	margin-inline: auto;
	margin-block-end: 48px;
}

/*-------*/

.gourmetContBox01 {
  padding: 3px;
  background: #855800;
background: linear-gradient(90deg,rgba(133, 88, 0, 1) 0%, rgba(204, 152, 9, 1) 50%, rgba(133, 88, 0, 1) 100%);
  margin-top: 48px;
}
.gourmetContBox01In {
  position: relative;
}
.gourmetTextBox01 {
  margin-top: 3px;
  background-color: #F7F7F7;
  padding: 15px 24px;
  min-height: 70px;
  display: flex;
  align-items: center;
}
.gourmetDay01 {
  width: 146px;
  position: absolute;
  left: -24px;
  top: -30px;
}
.gourmetDay02 {
  width: 116px;
  position: absolute;
  left: -24px;
  top: -30px;
}

.gourmetFlex01 {
  display: flex;
  justify-content: space-between;
}
.gourmetFlex01 .gourmetContBox01 {
  width: 488px;
}

/* sec-gourmet end */

/* sec-others start */
.sec-others {
	position: relative;
	background-color: #F7F6E9;
	padding-block: 80px;
	z-index: 0;
}

.sec-others::before {
	content: '';
	position: absolute;
	top: 0;
	background-image: url("/attending/media/hongkong/images/pc/sep_line.png");
	background-repeat: repeat-x;
	background-position: center;
	background-size: auto 100%;
	width: 100%;
	height: 32px;
}

.sec-others::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url("/attending/media/hongkong/images/pc/bg03.png");
	background-size: 244px 260px;
	background-position: top left;
	opacity: 0.12;
	z-index: -1;
}

.sec-others h2 img {
	display: block;
	width: auto;
	margin-inline: auto;
	margin-block-end: 48px;
}

.swiper-present-wrapper {
	position: relative;
}

.swiper-present-wrapper .swiper-wrapper {
	padding-block-end: 50px
}

.present-figure {
	margin-block-end: 80px;
}

.present-txt {
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.present-item.item50 {
	width: 496px;
}
.present-item {
	width: 320px;
}

.present-item figure figcaption {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
	font-size: 21px;
	font-weight: 800;
	line-height: 1.5;
	color: #1C766C;
	text-align: center;
	margin-block-start: 10px;
}

.present-item figure figcaption span{
	font-size: 16px;
	font-weight: 700;
	margin-block-start: -4px;
}

.present-item figure figcaption::before {
	content: '';
	display: block;
	background-image: url("/attending/media/hongkong/images/pc/present-deco1.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	width: 45px;
	height: 18px;
}

/*-------------*/

.swiper-present-wrapper .swiper-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px 0px;
}

.presentTextBox01 {
  background-color: rgba( 255,255,255,0.5 );
  /*background-color: #ffffff;*/
  border: 1px solid #1C766C;
  padding: 2px 20px;
  color: #1C766C;
  text-align: center;
}

/* sec-others end */

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