@charset "UTF-8";
:root{
			--color-dark:#050505;
			--color-light:#fafafa;
			--color-lightish:#666;
			--color-red:#FF0000;
			--color-green:#006837;
			--color-beige:#ba874e;

			--ratio:1.4;
			--s-5:clamp(0.33rem, 0.39rem + -0.29vw, 0.18rem);
			--s-4:clamp(0.41rem, 0.47rem + -0.31vw, 0.25rem);
			--s-3:clamp(0.51rem, 0.57rem + -0.31vw, 0.35rem);
			--s-2:clamp(0.64rem, 0.69rem + -0.27vw, 0.5rem);
			--s-1:clamp(0.8rem, 0.84rem + -0.18vw, 0.71rem);
			--s0:clamp(1rem, 1rem + 0vw, 1rem);
			--s1:clamp(1.25rem, 1.19rem + 0.32vw, 1.41rem);
			--s15:clamp(1.15rem, 1.0rem + 0.32vw, 1.31rem);
			--s2:clamp(1.56rem, 1.39rem + 0.85vw, 2rem);
			--s3:clamp(1.95rem, 1.61rem + 1.7vw, 2.83rem);
			--s4:clamp(2.44rem, 1.83rem + 3.04vw, 4rem);
			--s5:clamp(3.05rem, 2.04rem + 5.07vw, 5.65rem);

			--measure:65ch;
			--line-height:var(--ratio);
			--line-height-small:calc(0.8*var(--ratio));
			--border-thin:var(--s-5);
			--border-thick:var(--s-2);
			line-height:var(--ratio);
			font-size:calc(.333vw + 1em);
			background-color:var(--color-light);
			color:var(--color-dark);
			/* nav */
			--themecolor: #553968;
			--sidegap: clamp(16px, 24vw / 6, 24px);
			--easeOut: cubic-bezier(.3,1,.7,1);
			--easeInOut: cubic-bezier(.7,0,.3,1);
			--contentWidth: calc(800px + var(--sidegap) * 2);
		}
* {margin: 0;padding: 0;}
body{margin:0;-webkit-font-smoothing: antialiased;letter-spacing: 1px;}
main{padding:var(--s1);min-height:100vh;display:flex;flex-direction:column;justify-content:center;box-sizing:content-box;}
main > *{margin-left:auto;margin-right:auto;box-sizing:border-box;}
#contents{box-sizing: border-box;}

/* content */
#keyVisual{background:url(../images/bg-paper.webp) no-repeat;position:relative;margin-bottom:0;}
#keyVisual::before{content:"";position:absolute;top:0;margin-left:auto;margin-right:auto;object-fit:contain;transform-origin: center;}
#keyVisual h1 {position: relative;text-indent:initial;text-align: center;}
#keyVisual h1 .keyVisual-star {position:absolute;top:0;left:0;right:0;margin-left:auto;margin-right:auto;width:100%;height:auto;z-index:3;}
#keyVisual .keyVisual-block h2{margin-bottom:var(--s1);}
#keyVisual .keyVisual-block p{color:#42210b;font-weight: 600;}
#keyVisual .fv-howlong{margin-top:var(--s1);display:flex;gap:var(--s1);}

	.content-wrap{width:100%;max-width:58rem;/*（1200px）*/display: grid;
		/* grid-template-columns: repeat(auto-fit, minmax(22ch, 1fr)); 3カラム*/
		grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); /*4カラム*/
			/* ※auto-fit＝横幅に入るだけ配置（隙間を自動的に埋める） */
	  grid-gap: var(--s1);
		border-width:var(--border-thin);
		border-color:var(--color-red);
		border-style:solid;
		padding:var(--s1)
	}
	.content-box{
		padding: var(--s1);
		border: var(--border-thin) solid;
		overflow-wrap:break-word;
		display:flex;
		flex-direction:column;
	}
	.content-box h2{
		background-color:#fff084;
		margin-top:0;
		padding:0.3rem 0.5rem;
		font-size:var(--s1);
	}
	.content-box p{
		margin:0;
		font-size:var(--s0);
	}

	@media (40rem > width) {/*640px未満*/
  	.content-wrap{grid-template-columns:100%;}
  }

/* クーポン */
.coupon-wrap{background-color:#f9f7ea;display:flex;flex-direction:column;padding:var(--s3) 0 0;position:relative;}
.coupon-wrap *{z-index:1;}
.coupon-wrap::before{content:'';width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-position:center top;background-repeat: no-repeat;background-size:cover;opacity:0.1;}
.coupon-wrap h3{text-align:center;margin-left:auto;margin-right:auto;}

.coupon__filter__guide{gap:var(--s1);}
.coupon__filter__guide a{position:relative;display:flex;align-items:center;background-color:#FFF;border:1px solid #c69c6d;padding:1rem;}
.coupon__filter__guide a::after{content: "";background-size: 16px;width: 16px;height: 16px;margin-left:0.5rem;display:inline-block;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAMAAADmrkDzAAAARVBMVEUAAAAwMDAwMDAwMDAxMTEzMzMyMjIzMzMzMzMyMjIzMzM1NTUyMjIwMDAzMzMzMzMyMjIxMTEyMjIzMzMyMjI0NDQzMzP51LwrAAAAFnRSTlMAIEAwoJ+Av+9/r2BgEFDP3x9w3+9Aa03MBwAAAHlJREFUeNrdykUSQkEUA8DvriPv/kfFSRhSxQ7rdWcfkhdQylEZ1HI07VWHofXGQ4cBQ4dxwpjzq5lDhrF0djVxoLHadrVQ4LHZnl0hyMFBDw56cNCDA+PBQQ9HQY95RRCDuM29GI01fzzahE+Gsychzx7EKTVnb3YA6mQP/gr9fQ8AAAAASUVORK5CYII=);
    }
.coupon__filter__guide::after{display:none;}

.during{padding:var(--s1) 0;border-top:1px dotted #42210b;border-bottom:1px dotted #42210b;margin-left:auto;margin-right:auto;gap:var(--s1);}
.during p{color:var(--color-green);font-weight:600;display:flex;}
.during p span{display:inline-block;padding-right:0.5rem;margin-right:0.5rem;border-right:4px solid var(--color-green);}
.during p:last-of-type{margin-top:var(--s0);}
.coupon__box .coupon__box__holder{justify-content:center;padding-bottom:var(--s1);}

/* #pageTab{filter: drop-shadow(0px -5px 3px rgba(150,150,150,0.6));width:100%;}
#pageTab ul{margin-left:auto;margin-right:auto;} */
#pageTab{position:relative;}
#pageTab::before{content:"";width:100dvw;height:76px;position:absolute;margin-left: calc(50% - 50vw);display:block;background-color:#f9f7ea;filter: drop-shadow(0px -5px 3px rgba(150,150,150,0.6));z-index: -1;}

#pageTab ul.tab5 li a{background:#f9f7ea;}

/* スライダー */
.splide-wrapper{position:relative;width:100%;
	margin-left:auto;margin-right:auto;}
.splide__slide img {width: 100%;height: auto;}
.splide.thumbnail{margin-left:auto;margin-right:auto;margin-top:var(--s2);margin-bottom:var(--s2);}
.splide-wrapper .splide__arrow{border: 2px solid #603813;width:2rem;height:2rem;background:none;}
.activity-and-gourmet.ac .splide__arrow--prev{transform:translateX(-50%);}
.activity-and-gourmet.ac .splide__arrow--next{transform:translateX(50%);}
.activity-and-gourmet.gm .splide__arrow--prev{transform:translateX(-50%);}
.activity-and-gourmet.gm .splide__arrow--next{transform:translateX(50%);}

.splide__track--nav>.splide__list>.splide__slide{transition:.1s;}
.splide__track--nav>.splide__list>.splide__slide.is-visible.is-active{border:8px solid #c69c6d!important;}
#slider03-thumbnail .splide__track--nav>.splide__list>.splide__slide.is-visible.is-active{border:5px solid #FFF!important;}
.splide.thumbnail{padding-bottom:2rem;}
.splide.thumbnail .splide__list{position:relative;padding-bottom:2rem!important;}
.splide.thumbnail .splide__list li{display:flex;flex-direction: column;align-items:flex-start;}
.splide.thumbnail span{display:block;position:absolute;bottom:-2rem;font-size:var(--s-2);color:#603813;font-weight:600;text-align:center;width:100%;height:var(--s1);}
#kagoshima-ritou .splide.thumbnail span{color:#FFF;}

@media (40.1rem < width) {
	.splide-wrapper{width:100%;}
	.splide__slide {display:flex;gap:var(--s2);align-items:flex-start;}
	.splide__slide img {width:min(550px,60%);height: auto;}
	.splide__slide .splide__slide_content{width:40%;}
	.splide__track--nav>.splide__list>.splide__slide{width:120px!important;}
	.splide.zekkei-and-ritou .splide__slide img{width:100%;height:auto;}
}
@media (40rem > width) {
	.splide__slide {display:flex;gap:var(--s2);flex-direction:column;}
	.splide.thumbnail{max-width:100%;}
	#kagoshima-zekkei .splide__track--nav>.splide__list>.splide__slide.is-visible.is-active,
	#kagoshima-zekkei .splide__track--nav>.splide__list>.splide__slide.is-active,
	#kagoshima-ritou .splide__track--nav>.splide__list>.splide__slide.is-visible.is-active,
	#kagoshima-ritou .splide__track--nav>.splide__list>.splide__slide.is-active,
	#kagoshima-zekkei .splide__track--nav>.splide__list>.splide__slide,
	#kagoshima-ritou .splide__track--nav>.splide__list>.splide__slide{border:none!important;}
}
/*640px未満*/

#contents.column1{width:100%;background:initial;}
#pageTab{margin: auto auto 0 auto;}
.mainContents-section{padding-bottom:var(--s3);background:url(../images/bg-paper.webp) repeat-y center top;background-size:100%;}
.section-header{width:100dvw;margin: 0 calc(50% - 50vw) var(--s3);position:relative;}
.section-header-block,
.section-content{width:min(100%, 950px);margin-left:auto;margin-right:auto;}

/* アクティビティ */
.section-header-block{position:relative;margin-left:auto;margin-right:auto;padding-bottom:2rem;}
.section-header-block h3,
.section-header-block p{position:relative;z-index:1;font-weight:600;}
/* グルメ */
#slider02 .counter .pagination{color:var(--color-beige);}
.section-header-block.gourmet{display: flex;flex-direction: column;align-items: flex-end;}
.button-wrapper:not(.pop) a{font-weight:600;}
.button-wrapper:not(.pop) a .button__label{margin:auto;}
.activity-and-gourmet h3{margin-bottom:var(--s-1);color:#42210b;}
.activity-and-gourmet h3 span{display:block;margin-bottom:var(--s-1);}
.activity-and-gourmet h3 + p{font-size:var(--s-1);line-height:var(--s0);margin-bottom:var(--s-1);color:#42210b;font-weight:600;}
.activity-and-gourmet .counter{display:flex;justify-content:flex-end;align-items:center;gap:var(--s0);}
.activity-and-gourmet .counter .pagination{color:var(--color-beige);}
.activity-and-gourmet .location{font-size:var(--s-1);font-weight:600;color:#c69c6d;padding:0.3rem 1rem;
position:relative;display:inline-block;margin-bottom:calc(var(--s1) / 2);max-width:9rem;}
.activity-and-gourmet .location::before,
.activity-and-gourmet .location::after{position: absolute;width: 85%;height:60%;content: '';}
.activity-and-gourmet .location::before{border-right:2px solid #c69c6d;border-top:2px solid #c69c6d;top: 0;right: 0;}
.activity-and-gourmet .location::after{border-left:2px solid #c69c6d;border-bottom:2px solid #c69c6d;bottom: 0;left: 0;}
.splide.thumbnail span.thin i{transform:scale(0.9,1);font-style: normal;display:block;white-space:nowrap;}
@media (40rem > width) {
	.activity-and-gourmet .location{padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--s1);margin-left:auto;margin-right:auto;}
}


#contentsArea .button-wrapper{font-size:var(--s0);}
.activity-and-gourmet .button__label{font-weight:600;}
.activity-and-gourmet .button__label small{display:block;font-size:var(--s-2);margin-bottom:calc(var(--s-2) / 2);}
.activity-and-gourmet .button__label b.thin{font-weight:600;font-feature-settings:"palt";}

/* 絶景 */
#kagoshima-zekkei.mainContents-section{background-color:#c69c6d;background-image:none;position:relative;padding-top:var(--s2);}

@media (720px > width) {
#kagoshima-zekkei  .splide__track--nav>.splide__list>.splide__slide,
#kagoshima-zekkei  .splide__track--nav>.splide__list>.splide__slide.is-active,
#kagoshima-zekkei  .splide__track--nav>.splide__list>.splide__slide.is-prev{border:none!important;box-sizing:border-box;}
#slider03-thumbnail  .splide__track--nav>.splide__list>.splide__slide,
#slider03-thumbnail  .splide__track--nav>.splide__list>.splide__slide.is-active,
#slider03-thumbnail  .splide__track--nav>.splide__list>.splide__slide.is-prev{border:none!important;box-sizing:border-box;}
}

/* 離島 */
#kagoshima-ritou.mainContents-section{background-color:#006837;background-image:none;position:relative;padding-top:var(--s2);}

@media (720px > width) {
	#kagoshima-ritou  .splide__track--nav>.splide__list>.splide__slide,
	#kagoshima-ritou  .splide__track--nav>.splide__list>.splide__slide.is-active,
	#kagoshima-ritou  .splide__track--nav>.splide__list>.splide__slide.is-prev{border:none!important;box-sizing:border-box;}
	#slider04-thumbnail  .splide__track--nav>.splide__list>.splide__slide,
	#slider04-thumbnail  .splide__track--nav>.splide__list>.splide__slide.is-active,
	#slider04-thumbnail  .splide__track--nav>.splide__list>.splide__slide.is-prev{border:none!important;box-sizing:border-box;}
}

/* 定番スポット */


/* 空室検索 */
#kagoshima-kusitsu table td{background-color:#FFF;}

/* =======Function======= */
/* GSAP */
.treasuretitle span{display: inline-block;opacity: 0;visibility: visible;transform: rotateY(90deg);}
.split * {will-change: transform;}
.page_term h2{font-size:var(--s1);}
.page_term p{font-size:var(--s0);}
svg[id^="theme-rogo"] path {stroke: #FFF;stroke-width: 2;fill: none;}
svg#theme-rogo {opacity: 0;animation: fadeIn 1.0s ease-in-out forwards;}
@keyframes fadeIn {
  0% {opacity: 0;}
  70% {opacity: 0;}
  100% {opacity: 1;}
}

/* Slideボタン*/
#contentsArea .button-wrapper{text-align:center;}
#contentsArea a.slidebutton {align-items: center;border: none;border-radius: 6.25rem;color: #FFF;cursor: pointer;display: inline-flex;overflow: hidden;position: relative;word-break: break-word;}
#contentsArea a.slidebutton.button-green{background-color:var(--color-white);}
#contentsArea a.slidebutton.button-green{background-color:var(--color-green);border:2px solid var(--color-green);}
#contentsArea a.slidebutton.button-beige{background-color:var(--color-beige);border:2px solid var(--color-beige);}
#contentsArea a.slidebutton.button-white-beige{background-color:#eee9c7;border:2px solid #eee9c7;color:#996c39;}

#contentsArea a.slidebutton.button-star{background-color:#FFF;border:2px solid #bc8b54;color:#bc8b54;}
#contentsArea .button-wrapper.yado-cpupon .button__label img{width:100%;}

@media (hover: hover) {
	#contentsArea a.slidebutton.button--stroke{text-decoration:none;}
  #contentsArea a.slidebutton.button--stroke.button-star:hover {color: #FFF;border:2px solid #bc8b54;}
  #contentsArea a.slidebutton.button--stroke.button-white:hover {color:var(--color-dark);}
  #contentsArea a.slidebutton.button--stroke.button-green:hover {color:var(--color-green);border:2px solid var(--color-green);}
  #contentsArea a.slidebutton.button--stroke.button-beige:hover {color:var(--color-beige);border:2px solid var(--color-beige);}
	#contentsArea a.slidebutton.button--stroke.button-white-beige:hover{border:2px solid var(--color-beige);color:var(--color-beige);}

}
#contentsArea .button--stroke:after {bottom: 0;left: 0;position: absolute;right: 0;top: 0;border-radius: 6.25rem;content: "";pointer-events: none;}
.button__label {position: relative;text-align: center;transition: color 50ms;}
#contentsArea .button--stroke:hover .button__label {transition: color 0.15s;}
.button__flair {bottom: 0;left: 0;pointer-events: none;position: absolute;right: 0;top: 0;}
#contentsArea .button--stroke .button__flair {transform: scale(0);transform-origin: 0 0;will-change: transform;}
.button__flair:before {aspect-ratio: 1/1;background-color: #FFF;border-radius: 50%;content: "";display: block;left: 0;pointer-events: none;position: absolute;top: 0;transform: translate(-50%, -50%);width: 200%;}
#contentsArea a.slidebutton.button-star .button__flair:before{background-color:#bc8b54;}
.yado-cpupon.zekkei .button__flair:before{opacity:0.4;}
.star {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 10px;height: 10px;pointer-events: none;z-index: 10;}
.star svg {width: 100%;height: 100%;}
.caution{color:var(--color-dark);margin-left:auto;margin-right:auto;position: relative;z-index: 10;margin-bottom: 50px;}
.caution.white{color:#FFF;}
.caution.white a.bg-green{color:#ffd14f!important;}
ul.caution li{text-indent:-1rem;padding-left:1rem;}
ul.caution li:not(:first-child){margin-top:0.5rem;}

.column1 .accessBox{margin-left:auto;margin-right:auto;}