@charset "UTF-8";


html{
  scroll-behavior: smooth;
}

main {
  position: relative;
}
 *  {
   min-height: 0;
   min-width : 0;
 }

.slick-slide {
  height: auto;
}
.nw{
  display:inline-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;
}


/* --- 親コンテナのスタイル --- */
.geo-container {
  /* display: grid; を使って、子要素のレイアウトを制御します */
  display: grid;
  
  /* 読み込み前の最低限の高さを確保します（CLS対策） */
  min-height: 500px;
}

/* --- 表示候補となる子要素の共通スタイル --- */
.geo-container > [data-geo-group],
.geo-container > [data-geo-group-exclude],
.geo-container > [data-geo-fallback] {
  /* これが重要！すべての子要素を同じグリッドセル(1行目/1列目)に配置します */
  /* これにより、positionを使わずに要素が重なります */
  grid-area: 1 / 1;

  /* 初期状態では、透明で見えないようにしておきます */
  opacity: 0;
  visibility: hidden;
  
  /* 表示が切り替わる際に、ふんわりと表示させるアニメーション */
  transition: opacity 0.3s ease-in-out;
}

/* --- JSによって付与される表示用クラス --- */
.geo-container > .active-geo {
  /* .active-geo クラスが付いた要素だけを表示します */
  opacity: 1;
  visibility: visible;
}

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

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

.swiper-slide,
.swiper-wrapper {
  height: auto!important;
}

.h-top__kv__slider .swiper-button-next,.h-top__kv__slider .swiper-button-prev {
  position: absolute;
  width: auto;
  height: auto;
  visibility: hidden;
}
.h-top__kv__slider .swiper-button-next:after,.h-top__kv__slider .swiper-button-prev:after {
  content: "";
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 50px;
  display: block;
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%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%20viewBox%3D%220%200%2026%2048.34%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20fill-rule%3A%20evenodd%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.28.31c.38-.4%2C1.02-.41%2C1.41-.02l24%2C23.17c.2.19.31.45.31.72s-.11.53-.31.72L1.69%2C48.06c-.39.38-1.03.37-1.41-.02-.38-.4-.37-1.03.03-1.41l23.25-22.45L.31%2C1.72C-.09%2C1.34-.1.7.28.31Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}

.h-top__kv__slider .swiper-button-prev:after {
  transform: rotate(180deg);
}


/* --- カスタムpaginationの基本スタイル --- */
.h-top__kv__slider .custom-pagination {
	display: flex;
	gap: 2px;
	width: 100%;
	height: 2px;
	padding: 10px;
	box-sizing: border-box;
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	z-index: 1;
}
.h-top__kv__slider .swiper-pagination-bullet {
  flex: 1;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 1;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius
}
.h-top__kv__slider .swiper-pagination-bullet-active { background-color: rgba(255, 255, 255, 0.4); }

/* --- アニメーション用のプログレスバー --- */
.h-top__kv__slider .swiper-pagination-bullet::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; transform: scaleX(0); transform-origin: left; }
.h-top__kv__slider .swiper-pagination-bullet.is-animating::after { transform: scaleX(1); transition: transform var(--slide-duration) linear; }

/* スライドの幅を画像に合わせる */
.h-top__enjoy__slider .swiper-slide {
  width: auto;
}

/* ★最重要★ Swiperのアニメーションを一定速度にする */
.h-top__enjoy__slider .swiper-wrapper {
  transition-timing-function: linear !important;
}

.h-top__body__slider {
  margin: 0px auto 0 !important;
  overflow: visible;
  padding-bottom: 50px;
}


.h-top__body__slider .swiper-operation{
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}


.h-top__body__slider .swiper-pagination  {
  position: absolute;
  bottom: 20px;
  margin: 0px auto 0;
  width: auto;
  left: 0;
  right: 0;
}
.h-top__body__slider .swiper-pagination  .swiper-pagination-bullet {
	width: 32px;
	height: 4px;
	background: #d8d8d8;
	border-radius: 0;
	  opacity: 1;
}
.h-top__body__slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ff5611;
}

.h-top__body__slider img {
  transition: 0.6s all;
}

.h-top__body__slider .swiper-slide a:hover img{
  transform:scale(1.05,1.05);
}



#h-top__hotels .h-top__body__slider {
  overflow: hidden;
}

@media screen and (min-width: 767px) {
	.h-top__kv__slider .swiper-button-next, .h-top__kv__slider .swiper-button-prev {
	  visibility: visible;
	}

	.h-top__body__slider{
		width: 100%;
		padding-bottom:70px;
	}
	.h-top__body__slider .swiper-pagination  {
	  bottom: 20px;
	  left: 0;
	  right: auto;
	}
	.h-top__body__slider .swiper-button-next, .h-top__body__slider .swiper-button-prev {
		top:auto;
		bottom:0;
		display: block;
		padding-top: 0;
		width: 18px;
	    padding: 10px 0 ;
	}
	.h-top__body__slider .swiper-button-next {
	    right: 0px;
	    border-left: 1px #d8d8d8 solid;
	    padding:0px 0 0px 25px;
	    width: 48px;
	}
	.h-top__body__slider .swiper-button-prev {
		right: 70px;
		left: auto;
	}
	.h-top__body__slider .swiper-button-next:before, .h-top__body__slider .swiper-button-prev:before {
		content: "";
		background-image: url(../img/top/body__slider_sign.svg);
		background-position: center;
		width: 18px;
		height:100%;
		margin-bottom: 0px;
		display: block !important;
		background-repeat: no-repeat;
		transition: all 0.4s;
	}
	.h-top__body__slider .swiper-button-prev:before {
		transform: scale(-1, 1);
	}
	#h-top__hotels .h-top__body__slider .swiper-operation,
	#h-top__value .h-top__body__slider .swiper-operation{
	  width:96%;
	}

}



/*************************************
.kv__slider
*************************************/


.h-top__kv__slider{
  margin-bottom: 0px !important;
  height: auto;
  overflow: hidden;
}
.h-top__kv__slider .swiper-slide {
display: flex; 
}

.h-top__kv__slider a {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  position: relative;
  flex: 1 1 auto;
  min-height: 100%;
}

.h-top__kv__slider a > .kv__slider_txt{
	color: #fff;
	text-decoration: none;
	display: flex;
	align-items: stretch;
	width: 100%;
	align-content: stretch;
	flex-direction: column;
	background: #000;
	padding: 18px 24px;
	padding: 18px 95px 18px 24px;
	position: relative;
	overflow: hidden;
	min-height: auto;
	height: auto;
	flex: 1 1 auto;
	flex-shrink: 0; 
}
.h-top__kv__slider a > .kv__slider_txt p{
	font-size:14px;
}
.h-top__kv__slider a > .kv__slider_txt p:first-child{
	font-family: 'Zen Old Mincho', serif;
	font-size:22px;
}

.h-top__kv__slider a > .kv__slider_img{
	padding: 0px;
	aspect-ratio: 880 / 1128;
	position: relative;
}
.kv__slider_txt-link {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 80px;
	width: 90px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.kv__slider_txt-link:before {
	content: "";
	background: #202020;
	background: #ff5611;
	width: 120px;
	position: absolute;
	height: 120px;
	border-radius: 99999px;
	bottom: -45%;
	right: -20%;
}
.kv__slider_txt-link span {
	position: relative;
	display: block;
	font-size: 9px;
}

.kv__slider_txt-link span:before{
  content: "";
  background-image: url(../img/top/kv__slider_sign.svg);
  background-position: center;
  width: 100%;
  height: 13px;
  margin-bottom: 10px;
  display: block;
  background-repeat: no-repeat;
  transition: all 0.4s;
}



.h-top__kv__slider img{
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 880 / 1245;
  aspect-ratio: 880 / 1128;
  object-fit: cover;
}


.h-top__kv__slider .kv_movie {
	aspect-ratio: 39 / 50;
	position: relative;
	background: #000;
}
.h-top__kv__slider  video {
	top: 0;
	left: 0;
	position: absolute;
	transform: none;
	min-width: auto;
	min-height: auto;
	width: 100%;
}


.h-top__kv__slider .slick-slide {
  height: auto;
}

.h-top__kv__slider .slick-next, .h-top__kv__slider .slick-prev {
  /* top: 0; */
  display: block;
  width: 30%;
  height: 50%;
  /* transform: unset; */
  z-index: 101;
  padding-top: 128.2051%;
  padding: 0;
}


.h-top__kv__slider .slick-prev {
  left: 0px;
}
.h-top__kv__slider .slick-next{
    right:0px;
}
.h-top__kv__slider .slick-prev:before,
.h-top__kv__slider .slick-next:before{
	display:none!important;
}
.h-top__kv__slider .slider-dots {
	width: 100%;
	margin: 0;
	  padding: 0 10px;
	text-align: center;
	list-style: none;
	position: absolute;
	top: 12px;
	display: flex !important;
	  justify-content: center;
}
.h-top__kv__slider .slider-dots  li {
    display: inline-block;
    width: calc(
      25% - 8px
    ); 
    margin: 0 2px;
}

.h-top__kv__slider .slider-dots button {
    position: relative;
    width: 100%;
    height: 2px;
    border: 0;
    background-color:rgb(255 255 255 / 40%);
    font-size: 0;
}
.h-top__kv__slider .slider-dots button:after{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 0%;
	height: 100%;
}

.h-top__kv__slider .slider-dots .slick-active button:after {
  background-color: #fff;
  animation: progress 4s linear forwards;
}

.h-top__kv__slider .slider-dots .slick-active button#slick-slide-control00:after,
.h-top__kv__slider .slider-dots .slick-active button#slick-slide-control00:after {
/*
  animation: progress 7.5s linear forwards;
*/
}


@keyframes progress {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}


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


	.h-top__kv__slider a > .kv__slider_txt p.s_txt:first-child{
	  letter-spacing: -2px;
	  font-size: 120%;
	}

}


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

	.h-top__kv__slider a > .kv__slider_img,
	.h-top__kv__slider a > .kv__slider_img  img{
	  aspect-ratio: 250 / 107;
	}
	.kv__slider_txt-link {
	  display:none!important;
	}

	.h-top__kv__slider a > .kv__slider_txt {
	  padding: 24px 80px;
	  aspect-ratio: auto;
	  flex-grow: 1;
	}

	.h-top__kv__slider a > .kv__slider_txt p:first-child {
	  font-family: 'Zen Old Mincho', serif;
	  font-size: 22px;
	}
	.h-top__kv__slider a > .kv__slider_txt p{
		font-size:20px;
	}
	.h-top__kv__slider a > .kv__slider_txt p:first-child{
		font-size:32px;
	}
	.h-top__kv__slider .slick-next,
	.h-top__kv__slider .slick-prev{
		top: 50%;
		display: block;
		height: auto;
		transform:translate(0,-50%);
		padding-top: 0;
		width: 26px;
		height: 48px;
	}
	.h-top__kv__slider .slick-next:before,
	.h-top__kv__slider .slick-prev:before {
	  content: "";
	  background-image: url(../img/top/kv__slider_sign_pc.svg);
	  background-position: center;
	  width: 26px;
	  height: 48px;
	  margin-bottom: 10px;
	  display: block!important;
	  background-repeat: no-repeat;
	  transition: all 0.4s;
	}
	.h-top__kv__slider .slick-prev:before {
	    transform: scale(-1, 1);
	  }
	.h-top__kv__slider .slick-prev {
	  left: 10px;
	}
	.h-top__kv__slider .slick-next{
	    right: 10px;
	}
	.h-top__kv__slider .slider-dots {
		top: 8px
	}
}

/*************************************
#h-top__announce
*************************************/

#h-top__announce{
  background: #f0eccd;
  overflow: hidden;
}
#h-top__announce .announce {
  display: flex;
  margin: 15px auto;
  align-items: center;
}
#h-top__announce .announce > div {
  width: calc(100% / 2);
  border-right: 1px #ff5611 dotted;
  padding: 0 15px;
}
#h-top__announce .announce > div:last-child {
  border-right: 0px #ff5611 dotted;
}

#h-top__announce .parkinfo {
display: flex;
  flex-wrap: wrap;
  justify-content: center;
    align-items: center;
  gap: 5px;
}
#h-top__announce #h-openhour{
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	line-height: 1.3;
}
#h-top__announce #h-openhour a{
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	color: #ff5611;
	letter-spacing: 0.04em;
}

#h-top__announce .parkinfo a.h-btn{
  padding: 8px 16px;
  font-size: 13px;
}
#h-top__announce .serviceinfo {
display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
#h-top__announce .serviceinfo a{
	width: 100%;
}
#h-top__announce .serviceinfo .btn__icon {
  justify-content: flex-end;
  flex-direction: row-reverse;
}

#h-top__announce .serviceinfo a:hover{
  background: #f0eccd;
    opacity: 1;
}


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

	#h-top__announce .announce {
	    justify-content: center;
	    max-width: 1080px;
	    margin: 32px auto;
	}
	#h-top__announce .parkinfo {
		gap: 40px;
		  padding: 0 40px!important;
	}
	#h-top__announce #h-openhour {
	  font-size: 16px;
	}
	#h-top__announce #h-openhour a {
	  font-size: 24px;
	}
	#h-top__announce .parkinfo a.h-btn{
	  padding: 12px 14px;
	  font-size: 16px;
	}
	#h-top__announce .announce > div a{
	  width: calc(100% / 2);
	  font-size: 16px;
	}
	#h-top__announce .serviceinfo {
		flex-wrap: nowrap;
		gap: 18px;
		padding: 0 40px!important;
	}
	#h-top__announce .serviceinfo a{
		padding: 8px 16px;
		display: flex;
	}
}

/*************************************
#h-top__pickup
*************************************/

#h-top__pickup{
padding-top:15px;
  background: #F9F7EB;
padding-bottom: 10px;
}

#h-top__pickup h2{
	font-family: 'Zen Old Mincho', serif;
	font-size: 24px;
	font-weight: bold;
	color: #ff5611;
	text-align: center;;
	padding-bottom: 20px;
}

#h-top__pickup h2.headding {
  background: #fff;
  background: #ff5611;
  margin: 0 auto 10px;
  padding: 10px 0;
  position: sticky;
  top: 70px;
  z-index: 2;
  transition: all 0.4s;
  background: #F9F7EB;
}

body.upfixed #h-top__pickup h2.headding {
	top: 120px;
}

#h-top__pickup > section:nth-child(2) h2.headding{
	margin-top: 40px;
}


.pickup__slide{
position: sticky;
position: relative;
  top: 0;
  overflow: hidden;
}

.pickup__slide a{
  color: #fff;
  text-decoration: none;
  display: block;
}

.pickup__slide-img {
  overflow: hidden;
position: relative;
}
.pickup__slide-img img{
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height: 783px;
	aspect-ratio: 65 / 98;
	aspect-ratio: 880 / 1327;
	aspect-ratio: 880 / 1128;
	object-fit: cover;
	transition: 0.6s all;
}


.pickup__slide a:hover .pickup__slide-img img{
  transform:scale(1.05,1.05);
}


.pickup__slide-txt {
	position: absolute;
	bottom: 0;
	padding: 40px 20px 28px;
	z-index: 1;
	width: 100%;
}


.pickup__slide-txt > p{
	font-size:18px;
	font-weight: 500;
}
.pickup__slide-txt > p.pickup__title{
	font-family: 'Zen Old Mincho', serif;
	font-size:28px;
	font-weight: bold;
  line-height: 1.4;
}
.pickup__slide-txt  p.pickup__txt{
	font-size:14px;
	margin-top: 10px;
  width: 70%;
  line-height: 1.4;
}


.pickup__slide-txt > div {
  font-size: 14px;
  font-weight: 500;
  display: table;
  background: #ff5611;
  color: #fff;
  padding: 4px 8px;
  line-height: 1;
}

.pickup__slide a:after{
	content: "";
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.8) 100%);
	width: 100%;
	height: 40%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.pickup__slide.miffy .pickup__slide-img img{
aspect-ratio: 78 / 79;
aspect-ratio: 880 / 1245;
aspect-ratio: 80 / 81;
}
.pickup__slide.miffy .pickup__slide-txt,
.pickup__slide.half .pickup__slide-txt {
  position: relative;
  background: #f0eccd;
}

.pickup__slide.miffy a,
.pickup__slide.half a {
  color: #281815;
}
.pickup__slide.miffy .pickup__slide-txt > p.pickup__title,
.pickup__slide.half .pickup__slide-txt > p.pickup__title{
  color: #ff5611;
}
.pickup__slide.miffy a:after,
.pickup__slide.half  a:after {
  display:none;
}

.pickup__slide-img  .pickup_movie {
  position: relative;
  width: 100%;
  max-width: 100%;
  max-height: 783px;
  aspect-ratio: 65 / 98;
  object-fit: cover;
    transition: 0.6s all;
}
.pickup__slide-img  video {
	top: 0;
	left: 0;
	position: absolute;
	transform: none;
	min-width: auto;
	min-height: auto;
	width: 100%;
}

.pickup__slide-link {
  position: absolute;
  right: 0px;
  bottom: 0;
  height: 80px;
  width: 90px;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: transparent !important;
  padding: 0 !important;
}
.pickup__slide-link:before {
	content: "";
	background: #202020;
	background: #ff5611;
	width: 120px;
	position: absolute;
	height: 120px;
	border-radius: 99999px;
	bottom: -45%;
	right: -20%;
}
.pickup__slide-link span {
	position: relative;
	display: block;
	font-size: 9px;
}

.pickup__slide-link span:before{
  content: "";
  background-image: url(../img/top/kv__slider_sign.svg);
  background-position: center;
  width: 100%;
  height: 13px;
  margin-bottom: 10px;
  display: block;
  background-repeat: no-repeat;
  transition: all 0.4s;
}


#h-top__pickup h2.headding.is-sticky {
  background: #ff5611;
  color:#fff;
}


@media screen and (min-width: 767px) {
	#h-top__pickup{
		padding: 50px 15px 15px;
	}
	#h-top__pickup > section{
		/*max-width:1440px;*/
		margin:0 auto;
	}
	#h-top__pickup h2{
		font-size: 28px;
		padding-bottom: 20px;
	}
	#h-top__pickup h2.headding {
	  padding: 10px;
	  top: 80px;
	  z-index: 2;
	}

	body.upfixed #h-top__pickup h2.headding {
		top: 80px;
	}


	.pickup__body {
	  display: flex;
	  gap: 2px;
	  flex-wrap: wrap;
	}
	.pickup__slide {
		position: relative;
		width: calc(100% / 2 - 1px);
	}
	.pickup__slide.col-01{
		width: 100%;
	}
	.pickup__slide-img img {
	  aspect-ratio: 3 / 2;
	}
	.pickup__slide.col-01 .pickup__slide-img img {
	  aspect-ratio: 7 / 3;
	}

	.pickup__slide-img  .pickup_movie {
	   aspect-ratio: 7 / 3;
	}
	
	.pickup__slide-img  .pickup_movie-3x2 {
	   aspect-ratio: 3 / 2;
	}

	.pickup__slide-txt {
		padding: 40px 40px 35px;
		width: auto;
		right: 0;
	}
	.pickup__slide-txt > div {
	  font-size: 16px;
	}
	.pickup__slide-txt > p {
	  font-size:20px;
	}
	.pickup__slide-txt > p.pickup__title {
	  font-size: 36px;
	}
	.pickup__slide-txt > p.pickup__txt{
		font-size: 16px;
		margin-top: 5px;
	}

	.pickup__slide.miffy,
	.pickup__slide.half {
		width: 100%;
		background: #f0eccd;
	}
	.pickup__slide.miffy a,
	.pickup__slide.half a {
		display: flex;
		align-items: center;
		display: grid;
		grid-template-columns: 1.5fr 1fr;
	}
	.pickup__slide.miffy .pickup__slide-img img{
	  aspect-ratio: 311 / 200;
	   aspect-ratio: 969 / 600;
	}
	.pickup__slide.half .pickup__slide-img img {
	   aspect-ratio: 1404 / 936;
	}
	.pickup__slide a:after{
		height: 100%;
		background:linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.2) 60%,rgba(0,0,0,0.7) 100%);
	}

	.pickup__slide-link {
	  display: none!important;
	}
	#h-top__pickup h2.headding.is-sticky {
	}
}



/*************************************
#h-top__enjoy
*************************************/

#h-top__enjoy{
	margin-top:0px;
	overflow: hidden;
	  background: #f9f7eb;
}

#h-top__enjoy .h-btn {
	min-width:216px;
	  margin: 0 auto 0px !important;
	padding: 10px 32px;
}
#h-top__enjoy .h-top__enjoy__header-txt .h-btn {
	  margin: 0 auto 40px !important;
}


.h-top__enjoy__header{
  background: #ff5611;
  position: relative;
}

.h-top__enjoy__slider .slick-slide{
	margin:10px 5px;
	height: auto;
}
.h-top__enjoy__header-txt{
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	flex-direction: column;
	gap: 32px;
	align-items: center;
	text-align: center;
	padding:40px 0;
}
.h-top__enjoy__header-txt h2{
	font-family: 'Zen Old Mincho', serif;
	font-size: 32px;
	font-weight: bold;
	  line-height: 1.3;
}


.h-top__enjoy__headers{
  position: relative;
}

.h-top__enjoy__headers:after{
	content:"";
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	background-color: currentColor;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 30px;
	display: block;
	position: absolute;
	bottom: -1px;
	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%20389.57%2030%22%20preserveAspectRatio%3D%22none%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23f9f7eb%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%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C30C61.54%2C10.51%2C127.08%2C0%2C195.07%2C0H0v30Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M195.07%2C0c67.78%2C0%2C133.12%2C10.45%2C194.5%2C29.82V0h-194.5Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
	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%20389.57%2030%22%20preserveAspectRatio%3D%22none%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23f9f7eb%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%22M0%2C30C61.54%2C10.51%2C127.08%2C0%2C195.07%2C0s133.12%2C10.45%2C194.5%2C29.82v.18H0Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
	color: #fff;
	color: #f9f7eb;

}

.h-top__enjoy__body{
	background: #f9f7eb;
	padding: 50px 15px;
	display: grid;
	grid-template-columns: auto;
	gap: 30px;
}


.enjoy__body {
  border-bottom: 1px #f0eccd solid;
  padding-bottom: 30px;
}
.enjoy__body:first-child,
.enjoy__body:last-child {
  border-bottom: 0px #f0eccd solid;
  padding-bottom: 0px;
}
.enjoy__body_img img{
  border-radius: 16px 16px 0 0;
}
.enjoy__body_txt{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: -50px;
}
.enjoy__body_txt h3{
	font-family: 'Zen Old Mincho', serif;
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	padding: 8px 16px;
	background: #f9f7eb;
	border-radius: 0 16px 0 0;
	color:#ff5611;
	margin-bottom:25px;
}

.enjoy__body__slider_img {
  position: relative;
  overflow: hidden;
}

.enjoy__body__slider_img img{
	display: block;
	position: relative;
	width: 100%;
	max-width: 100%;
	aspect-ratio: 429 / 287;
	object-fit: cover;
	transition:0.6s all;
}
.h-top__enjoy__body .slick-slide:hover .enjoy__body__slider_img img{
  transform:scale(1.05,1.05);
}


.enjoy__body__slider_txt{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
	justify-content: space-between;
}
.enjoy__body__slider_txt h4{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	margin: 12px 0 8px;
}
.enjoy__body__slider_txt p{
	font-size: 12px;
	font-weight: 400;
	line-height: 1.6;
	margin-bottom:8px;
	flex: 1;
}
.enjoy__body__slider_txt div {
  font-size: 11px;
  color: #281815;
  text-decoration: none;
  font-weight: 500;
}

.enjoy__body__slider_txt div .btn__icon:after {
  color: #ff5611;
}


.h-top__body__slider a {
	height: 100%;
	background: #fff;
	padding: 15px;
	margin: 0 4px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #281815;
	text-decoration: none;
}


@media screen and (min-width: 767px) {
	#h-top__enjoy {
	  margin-top: 0;
	}
	.h-top__enjoy__header > div{
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-start;
		padding: 96px 0;
		padding: 96px 0 96px 135px;
		justify-content: space-evenly;
	}

	.h-top__enjoy__slider {
	  width: 848px;
	  width: 100%;
	  
	}
	.h-top__enjoy__slider .slick-list {
	  overflow: visibles;
	}


	.h-top__enjoy__slider img{
		display: block;
		position: relative;
		width: 100%;
		max-width: 100%;
		max-height: 783px;
		aspect-ratio: 55 / 34;
		object-fit: cover;	  
	}
	.h-top__enjoy__slider:after{
		content: "";
		background: linear-gradient(90deg, rgba(255,89,17,1) 0%, rgba(255,89,17,0.2) 80%,rgba(255,89,17,0) 100%);
		width: 20%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
	}

	.h-top__enjoy__header-txt {
		color: #fff;
		font-size: 16px;
		flex-direction: column;
		gap: 42px;
		align-items: flex-start;
		text-align: left;
		padding: 00px 50px 0 0;
		width: 700px;
	}
	.h-top__enjoy__header-txt h2 {
	  font-size: 40px;
	}
	.h-top__enjoy__headesr:after{
		height:62px;
	}
	.h-top__enjoy__body {
		padding: 50px 135px;
		grid-template-columns: auto;
		gap: 35px;
		grid-template-columns: 1fr 1fr;
		align-items: start;
		max-width: 1380px;
		margin: 0 auto;
	}
	.enjoy__body {
	  border-bottom: 0px #f0eccd solid;
	}
	.enjoy__body {
	  padding-bottom: 37px;
	}
	.enjoy__body:first-child {
	  grid-row: 1 / 2;
	  grid-column: 1 / 3;
	}

	#h-top__enjoy .enjoy__body .h-btn {
	  margin: 0 0 0 auto!important;
	}
	#h-top__enjoy .enjoy__body:first-child .h-btn {
	  margin: 0!important;
	}
	#h-top__enjoy .h-top__enjoy__header-txt .h-btn{
	  margin: 0 auto 20px 0!important;
	}
	.enjoy__body_txt {
	  margin-top: -80px;
	  width: 100%;
	}
	.enjoy__body_txt h3 {
	  font-family: 'Zen Old Mincho', serif;
	  font-size: 48px;
	  padding: 16px 24px;
	  margin-bottom:20px;
	}
	.enjoy__body {
	  display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.enjoy__body:nth-child(2) {
		display: grid;
		grid-template-columns: 1fr;
		grid-row: 2 / 2;
		grid-column: 1 / 3;
	}
	.enjoy__body:first-child {
		grid-row: 1 / 2;
		grid-column: 1 / 3;
		display: grid;
		flex-wrap: wrap;
		align-items: center;
		column-gap: 70px;
		row-gap: 40px;
		grid-template-columns: 3.5fr 1fr;
	}
	.enjoy__body:first-child .enjoy__body_img img {
	  border-radius: 16px;
	  width: 100%;
		max-width: 100%;
		aspect-ratio: 271 / 136;
		object-fit: cover;
		transition: 0.6s all;
	}
	.enjoy__body:first-child .enjoy__body_txt {
	    margin-top: 0;
	  }
	.enjoy__body:first-child .enjoy__body_txt h3 {
	    padding: 0px 0px 16px;
	  }
	.enjoy__body__slider_txt div {
	  font-size: 14px;
	}

	.enjoy__body__slider_txt p {
	  font-size: 16px;
	    margin-bottom: 25px;
	}
	.enjoy__body__slider_txt h4 {
	  font-size: 18px;
	  margin: 15px 0;
	}
}


/*************************************
#h-top__hotels
*************************************/

#h-top__hotels{
margin-top:0px;
overflow: hidden;
background-color:#0b2e5e;
padding: 70px 0 46px;
position: relative;
}

#h-top__hotels.h-btn {
	min-width: 200px;
	margin: 0 auto;
}

#h-top__hotels:before {
  content: "";
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 30px;
  display: block;
  position: absolute;
  top: -1px;
  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%20389.57%2030%22%20preserveAspectRatio%3D%22none%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23f9f7eb%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%22M0%2C30C61.54%2C10.51%2C127.08%2C0%2C195.07%2C0s133.12%2C10.45%2C194.5%2C29.82v.18H0Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E);
  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%20389.57%2030%22%20preserveAspectRatio%3D%22none%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23f9f7eb%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%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C30C61.54%2C10.51%2C127.08%2C0%2C195.07%2C0H0v30Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M195.07%2C0c67.78%2C0%2C133.12%2C10.45%2C194.5%2C29.82V0h-194.5Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E);
  color: #fff;
  color: #f9f7eb;
}


.h-top__hotels__header {
  margin: 0 15px;
}
.hotels__body_img img {
  border-radius: 16px 16px 0 0;
}
.hotels__body_txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: -55px;
    font-size: 0;
}
.hotels__body_txt h2 {
  font-family: 'Zen Old Mincho', serif;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 16px;
  background: #0b2e5e;
  border-radius: 0 16px 0 0;
  color: #fff;
  margin-bottom: 25px;
}
.hotels__body_txt > div {
display: flex;
  justify-content: space-between;
  gap: 15px;
  width: 100%;
}
.hotels__body_txt > div a{
  width: 100%;
}

.hotels__features {
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  color: #f4f2dc;
  margin: 45px auto 0;
}

.hotels__features h3{
  font-family: 'Zen Old Mincho', serif;
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
}
.hotels__features h3:before{
	content: "";
	background-image: url(../img/top/hotels/star.svg);
	background-color: transparent;
	display: block;
	width: 20px;
	height: 20px;
	background-position: center;
	background-size: contain;
	margin: 0 auto 20px;
}
.hotels__features p{
  margin: 25px auto 0;
}

.h-top__fade__slider {
  margin: 25px 25px 0;
  padding: 7px;
  border: 1px #f4f2dc solid;
}
.h-top__fade__slider .slick-slide {
  height: auto;
}

.h-top__fade__slider .swiper-slide img {
  position: relative;
  width: 100%;
  max-width: 100%;
  max-height: 783px;
  aspect-ratio: 55 / 34;
  object-fit: cover;
}


.hotels__hotels {
	margin: 60px auto 0 50px !important;
	background: #f4f2dc;
	border-radius: 16px 0 0 16px;
	padding: 25px 0 25px 25px;
	position: relative;
}

.hotels__hotels:before {
	content: "OFFICIAL HOTELS";
	color: #f4f2dc;
	font-family: 'Zen Old Mincho', serif;
	font-size: 40px;
	font-weight: 500;
	line-height: 1;
	position: absolute;
	bottom: 60px;
	left: -37px;
	transform: rotate(-90deg);
	transform-origin: left top;
	white-space: nowrap;
}

.hotels__hotels .h-top__hotels__slider {
  margin: 0px auto 0 !important;
}

.hotels__body__slider_img {
  position: relative;
  overflow: hidden;
	border-radius: 250px 250px 0 0;
}
.hotels__body__slider_img img{
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height: 783px;
	aspect-ratio: 5 / 6;
	object-fit: cover;
	transition: 0.6s all;
}
.h-top__hotels__slider .slick-slide:hover .hotels__body__slider_img img{
  transform:scale(1.05,1.05);
}


.hotels__body__slider_txt{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  justify-content: space-between;

}
.hotels__body__slider_txt h4{
  font-family: 'Zen Old Mincho', serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	margin:15px 0;
  color:#0b2e5e;
}
.hotels__body__slider_txt p{
	font-size: 12px;
	font-weight:500;
	line-height: 1.6;
	margin-bottom:15px;
	flex: 1;
  color: #281815;
}
.hotels__body__slider_txt div {
  font-size: 11px;
  color: #281815;
  text-decoration: none;
  font-weight: 500;
}

.hotels__body__slider_txt div .btn__icon:after {
  color: #ff5611;
}

#h-top__hotels .h-top__body__slider .swiper-slide a {
	height: auto !important;
	padding: 0px 0;
	margin: 0 10px 0px 10px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-decoration: none;
	color: #0b2e5e;
	background: transparent;
}


@media screen and (min-width: 767px) {
	#h-top__hotels {
	  padding: 70px 0 74px;
	}
	#h-top__hotels:before {
	  height: 64px;
	}
	.hotels__body {
		display: grid;
		padding: 50px 135px;
		gap: 64px;
		grid-template-columns: 3.5fr 1fr;
		align-items: center;
		max-width: 1380px;
		margin: 0 auto;
	}
	.hotels__body_img {
	  grid-row: 1 / 2;
	  grid-column: 1 / 1;
	}
	.hotels__body_img img {
		border-radius: 16px;
		width: 100%;
		max-width: 100%;
		aspect-ratio: 271 / 136;
		object-fit: cover;
		transition: 0.6s all;
	}
	.hotels__body_txt > div {
	  gap: 15px;
	  width: 215px;
	  flex-direction: column;
	}
	.hotels__features {
	  font-size: 16px;
	  color: #f4f2dc;
	  margin: 45px auto 0;
	  display: grid;
	  grid-template-columns: 1fr 1.5fr;
	  padding: 0px 135px 0 205px;
	  text-align: left;
	  column-gap: 70px;
		max-width: 1380px;
	}
	.hotels__features h3 {
	  font-size: 32px;
	      padding-bottom: 16px;
	}
	.hotels__features h3:before {
	  display: inline-block;
	  width: 24px;
	  height: 24px;
	}
	.hotels__features p {
	  margin:32px auto 0;
	}
	.hotels__features > div:last-child p:first-child {
	  margin: 0px auto 0;
	}
	.hotels__features p:last-child {
	  margin:16px auto 0;
	}
	.h-top__fade__slider {
		margin: 0;
		padding: 7px;
		grid-row: 1 / 3;
		grid-column: 2 / 3;
	}
	.hotels__hotels {
	  margin: 70px auto 0 135px !important;
	  padding: 56px 0 56px 56px;
	}
	.h-top__hotels__slider .slick-dots {
	  margin: 40px 0 0 auto;
	  text-align: left;
	}
	.hotels__body__slider_txt h4 {
	  font-size: 23px;
	}
	.hotels__body__slider_txt p {
	  font-size: 16px;
	}
	.hotels__body__slider_txt div {
	  font-size: 14px;
	}
	.hotels__hotels:before {
	  bottom: 210px;
	}
}


/*************************************
#h-top__app
*************************************/

#h-top__app {
  padding: 40px 20px;
  overflow: hidden;
    background: #F9F7EB;
}

.app__banner{
	background: #ffe8d4;
	border: 1px #ff5611 solid;
	border-radius: 16px;
	padding: 25px 20px 0px;
	color: #ff5611;
	display: grid;
	grid-template-columns: 1fr 1.1fr;
	gap: 20px;
	align-items: end;
	text-decoration: none;
}

.app__banner:hover {
  opacity: 0.7;
}
.app__banner-header{
  text-align: center;
  grid-column: 1 / 3;
}
.app__banner-header p{
  font-size: 12px;
  font-weight:500;
}
.app__banner-header h2{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
    margin: 0 auto 25px;
}

.app__banner-body {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.app__banner-body > div{
  font-size: 14px;
  font-weight: 600;
  background: #fff;
  padding: 8px;
  border-radius: 8px;
  line-height: 1.2;
  text-align: center;
    width:calc(100% / 3 - 4px);
}
.app__banner-body > div:nth-child(n+4){
    width:calc(100% / 2 - 4px);
}
.app__banner-body > div span{
  font-size: 11px;
  font-weight:500;
  display:block;
}

  .app__banner-link {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  font-size: 14px;
  }
.app__banner-link img {
	border-radius: 9999px;
	  margin: 0 auto 15px;
	  width:95%;
}
  .app__banner-link .h-btn {
	  font-size: 12px;
  }


@media screen and (min-width: 767px) {
	#h-top__app {
	  padding: 70px 20px;
	}
	.app__banner {
		grid-template-columns: 1fr 3fr 1fr;
		gap: 30px;
		row-gap: 0;
		max-width: 940px;
		margin: 0 auto;
		padding: 30px 30px 0px;
	}
	.app__banner-header {
	  grid-column: 2 / 3;
	  margin-top: -100px;
	  grid-row: 1;
	}
	html[lang=en] .app__banner-header {
	  margin-top: 0px;
	}
	.app__banner-body {
	  grid-column: 2 / 3;
	      margin-bottom: 30px;
	}
	.app__banner-footer {
	  grid-column: 1 / 2;
	}
	.app__banner-link {
	  grid-column: 3 / 4;
	  margin-top: -100px;
	}

	.app__banner-body > div {
	  font-size: 16px;
	}
	.app__banner-body > div span {
	  font-size: 13px;
	}
	.app__banner-link > a {
	  font-size: 14px;
	}
	.app__banner-footer {
	  margin: -50px auto 0 20px;
	}
	.app__banner-link img {
	  width: 75%;
	  margin: 0 auto 15px;
	}
  .app__banner-link .h-btn {
	  font-size: 14px;
  }
}



/*************************************
#h-top__value
*************************************/

#h-top__value {
	padding: 40px 0px 65px;
	overflow: hidden;
}
.value__body {
  padding: 0px 20px;
}

#h-top__value h2 {
  font-family: 'Zen Old Mincho', serif;
  font-size: 32px;
  font-weight: bold;
  color: #ff5611;
  text-align: center;
  padding-bottom: 20px;
  line-height: 1.2;
}
#h-top__value h2 span{
  font-size: 20px;
	display:block;
}

.value__slider_img {
	position: relative;
	overflow: hidden;
	border-radius: 16px;
}
.value__slider_img img {
  transition: 0.6s all;
    width: 100%;
}

.h-top__body__slider .swiper-slide a:hover .value__slider_img img{
  transform:scale(1.05,1.05);
}



.value__slider_img:after {
content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.8) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#h-top__value .h-top__body__slider a {
  padding: 0;
  margin: 0;
}

.value__slider_txt {
  position: absolute;
    bottom: 0;
  left: 0;
  padding: 0 20px 20px;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 500;
}
.value__slider_txt h4 {
  font-family: 'Zen Old Mincho', serif;
  font-size: 20px;
  font-weight:400;
  line-height: 1.2;
  margin: 0px 0 10px;
}


.h-top__value__slider {
	margin: 0px auto 0 !important;
}

.h-top__value__slider .slick-list{
  overflow: visible;
}

.h-top__value__slider .slick-track {
  display: flex;
}


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

	#h-top__value h2 {
	  font-size: 40px;
	}
	.value__body {
	  padding: 0px 00px;
	  margin: 35px auto 0 135px !important;
	}
	.value__slider_img:after {
	  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.8) 100%);
	}
	.value__slider_txt {
	  bottom: 0;
	  top: auto;
	    font-size: 16px;
	}
	.value__slider_txt h4 {
	  	  font-size: 22px;
	}
}

/*************************************
#h-top__news
*************************************/

#h-top__news {
	padding: 40px 0px 65px;
	overflow: hidden;
}
.news__body {
  padding: 0px 15px;
}

.news-list {
  margin: 0 10px 0;
  display: flex;
  gap: 5px;
    justify-content: space-between;
}
.news-list button {
	border-radius: 8px 8px 0 0;
	border: 0px;
	background: #ededed;
	color: #909090;
	padding: 10px;
	width: 100%;
	font-size: 14px;
	  cursor: pointer;
}
.news-list-item.is-btn-active {
  background: #ff5611;
  color: #fff;
}

.news-contents {
  border: 1px #000 solid;
  border-radius: 8px;
  padding: 10px 5px 10px 15px;
  display: none;
}
.is-contents-active {
  display: block;
}

.news-contents-scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 140px;
}
.news-contents-scroll::-webkit-scrollbar {
    width: 6px;
}
.news-contents-scroll::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,1);
    border-radius: 6px;
}
.news-contents-scroll::-webkit-scrollbar-track {
    background: rgba(0,0,0,.0);
    border-radius: 6px;
}


.news-contents__txt {
  border-bottom: 1px #d8d8d8 dotted;
  padding: 20px 0;
  margin-right: 10px;
  position: relative;
}
.news-contents__txt:before {
  content: "";
  background-image: url(../img/icon/sign_w.svg);
  background-repeat: no-repeat;
  height: 14px;
  width: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
}
.news-contents__txt p {
  font-size: 14px;
  line-height: 1.4;
  padding-right: 30px;
}
.news-contents__txt a {
  color: #000;
  text-decoration: none;
}
.news-contents__txt a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 767px) {

	.news__body {
		padding: 0px 15px;
		max-width: 964px;
		margin: 0 auto;
		display: flex;
		  gap: 30px;
		align-items: flex-start;
	}
	.news-list {
	  margin: 0px;
	  gap: 10px;
	  justify-content: space-between;
	  flex-direction: column;
	  width: 142px;
	}
	.news-list button {
	  border-radius: 8px;
	}
	.news-contents-wrap {
	  width: 100%;
	}
	.news-contents-scroll {
	  height: 200px;
	}
	.news-contents__txt p {
	  font-size: 16px;
	}
	.news-contents {
	  padding: 10px 5px 10px 20px;
	}
}