
/*240814 追記*/
a:hover { opacity: .7; text-decoration: underline }

body.is-mobile.landing #banner .inner {
	color: #fff;
	font-weight: 800;
}
body.is-mobile.landing #banner .inner .lyt-logo {
	width: 120px;
	/*display: flex;
	column-gap: 2%;*/
	margin: 0 auto .5em;
	/*img{
		width: 49%;
	}*/
}
body.is-mobile.landing #banner .inner .lyt-h1 {
	position: relative;
	max-width: 600px;
	margin: auto;
	font-size: 2.4rem;
	line-height: 1.6;
	margin-bottom: 1em;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.55),0px 0px 19px rgba(0, 0, 0, 0.95),0px 0px 19px rgba(0, 0, 0, 0.55);
}
/*body.is-mobile.landing #banner .inner .lyt-h1::before,
body.is-mobile.landing #banner .inner .lyt-h1::after,*/
#banner h2:before, #banner h2:after{
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, .4)
}
body.is-mobile.landing #banner .inner .lyt-h2 {
	position: relative;
	font-size: 2.8rem;
	padding: .4em .4em;
	margin-bottom: .6em;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.95), 0px 0px 6px rgba(0, 0, 0, 0.95),0px 0px 19px rgba(0, 0, 0, 0.95);
}
body.is-mobile.landing #banner .inner .lyt-lead {
	font-size: 2rem;
}
body.is-mobile.landing #banner .inner .lyt-lead p {
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.95), 0px 0px 6px rgba(0, 0, 0, 0.55),0px 0px 19px rgba(0, 0, 0, 0.95),0px 0px 19px rgba(0, 0, 0, 0.95);
}

@media screen and (min-width: 769px) {
	body.is-mobile.landing #banner .inner {
	color: #fff;
	font-weight: 800;
}
body.is-mobile.landing #banner .inner .lyt-logo {
	width: 160px;
	margin: 0 auto 1em;
}
body.is-mobile.landing #banner .inner .lyt-h1 {
	position: relative;
	max-width: 600px;
	margin: auto;
	font-size: 2.6rem;
	line-height:1;
	margin-bottom: 1em;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.55),0px 0px 19px rgba(0, 0, 0, 0.95),0px 0px 19px rgba(0, 0, 0, 0.45);
}
/*body.is-mobile.landing #banner .inner .lyt-h1::before,
body.is-mobile.landing #banner .inner .lyt-h1::after{
	content: "";
	position: absolute;
	width: 40px;
	height: 1px;
	top: 16px;
	margin: auto;
	background-color: #fff;
}
body.is-mobile.landing #banner .inner .lyt-h1::before,
body.is-mobile.landing #banner .inner .lyt-h1::after,
#banner h2:before, #banner h2:after{
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, .4)
}
body.is-mobile.landing #banner .inner .lyt-h1::before{
	left: 5px;
}*/
body.is-mobile.landing #banner .inner .lyt-h1::after{
	right: 5px;
}
body.is-mobile.landing #banner .inner .lyt-h2 {
	position: relative;
	font-size: 3.6rem;
	padding: .4em .8em;
	margin-bottom: .6em;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.65), 0px 0px 6px rgba(0, 0, 0, 0.55),0px 0px 19px rgba(0, 0, 0, 0.95);
}
body.is-mobile.landing #banner .inner .lyt-lead {
	font-size: 2.4rem;
}
body.is-mobile.landing #banner .inner .lyt-lead p {
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.95), 0px 0px 6px rgba(0, 0, 0, 0.55),0px 0px 19px rgba(0, 0, 0, 0.95),0px 0px 19px rgba(0, 0, 0, 0.95);
}
}

ul.note li,span.note{margin-left:1em;text-indent:-1em;display: inline-block;font-size: 1.3rem;line-height: 1.7;letter-spacing: .08em;font-family: "Noto Sans JP", sans-serif;}
ul.note li.fwb,span.note.fwb{font-weight: 600;}

.spotlight .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;	
}
.wrapper .lyt-doc{
	font-size: 1.6rem;
	line-height: 1.9;
	letter-spacing: .3em;
}
.wrapper.style2 .lyt-doc{
	color: #fff;
}
.wrapper.style2 .spotlight:nth-child(1) .lyt-doc{
	.lyt-logo{
		max-width: min(40%, 90px);
		margin-bottom: 1em;
	}
	
	em{
		font-style: italic;
		font-size: 1.6em;
		font-weight: 300;
		line-height: 1.4;
		
		+ p{margin-top: 1em;font-family: "Noto Sans JP", sans-serif; font-size: clamp(1.4rem, 1.6vw, 1.6rem);letter-spacing:.05em}
	}
}
.wrapper.style2 .spotlight:nth-child(2) .lyt-doc{
	position: relative;
	margin: auto;
	max-width: 540px;
	width: 100%;
	padding: 3em 1em;
	box-sizing: border-box;
	
	.lyt-tbl{
		+.note{
			margin-top: 1em;
			li{display: block;}
		}	
	}
}

.wrapper.style2 .spotlight .lyt-day{
	position: relative;
	padding-top: 6em;
	&::after{
		content: "";
		position: absolute;
		top: -.3em;
		left: -.2em;
		line-height:1.4;
		font-size: 8rem;
		font-weight: 700;
		color: rgba(255,255,255,.3);
	}
	
	@media screen and (min-width: 769px) {
	padding-top: 0;
	&::after{
		top: 0;
		left: -1.5em;
		writing-mode: vertical-rl;
		}
	}
		
	
	&:nth-child(1){&::after{content: "Day1";}}	
	&:nth-child(2){&::after{content: "Day2";}}
}
/*.wrapper.style2 .spotlight:nth-child(2) .lyt-doc::after{
	content: "Day1";
	position: absolute;
	top: 50px;
	left: -1em;
	font-size: 8rem;
	font-weight: 700;
	color: rgba(255,255,255,.3);
	writing-mode: vertical-rl;
}*/
.wrapper.style2 .lyt-doc .lyt-h3{
	border-radius: 4px;
	color: black;
	font-weight: 700;
	padding: .2em 1em;
	background-color: rgba(38,177,255,.8);	
}
.wrapper.style2 .lyt-doc .lyt-h4{
	font-size: 1.4em;
	padding-top: .5em;
}
.wrapper.style2 .lyt-doc:nth-child(2) .lyt-hdg{
	display: inline-block;		
}
.wrapper.style2 .lyt-day:nth-child(2) .lyt-txt{
	font-family: "Noto Sans JP", sans-serif;
	font-size: .9em;
	line-height: 1.7;
	letter-spacing: .05em;	
}
.wrapper .lyt-doc .lyt-ts{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1em;
	padding: .5em 1em;
}
.wrapper .lyt-doc .lyt-pickup{
	padding: 1.6em 0 .4em;
	background-color: rgba(255,255,255,.2);
	border-radius: 6px;
	h4{
		display: inline-block;
		margin: 0 0 0 .8em;
		padding: .2em .6em .2em 1em;
		border: 1px solid #fff;
		border-radius: 20px;
	}
	
	.lyt-guide{
		margin-top: .6em;
		border: 1px solid #fff;
		display: flex;
		overflow: hidden;
		figure{
			width: 20%;
			height: auto;
			/*width: 100%;
			height: 30vw;*/
			img{
				width: 200%;
				height: 200%;
				object-fit: cover;
			}
		}
		.lyt-profile{
			width: 80%;
			padding: .6em 1em;
		}
	}
}


.wrapper .lyt-doc .lyt-special{
	border-radius: 6px;
	padding: .8em;
	background-color: rgba(255,255,255,.2);
		counter-increment: num 0;
	
	+ .lyt-special{
		margin-top: 1em;
	}
	
	h4{
		position: relative;
		font-size: 1.2em;
		font-weight: 700;
		padding: .2em .6em .4em;
		border-bottom: 1px solid #fff;
		
		@media screen and (max-width: 768px) {
			display: flex;
			flex-direction: column;
			text-align: center;
		}
		
		&::before{
			border-radius: 20px;
			position: relative;
			counter-increment: num 1; 
			content: "Special " counter(num);
			font-size: .8em;
			letter-spacing:.05em;
			color: rgba(255,255,255,1);
			background-color: #0086d1;
			padding: .2em 1.6em;
			margin-right: 1em;
		}
	}
	
	.lyt-column{
		margin-top: 0;
		padding: 1em .6em .4em;
		display: flex;
		flex-direction: column;
		figure{
			width: 80%;
			height: auto;
			margin: auto;
			/*width: 100%;
			height: 30vw;*/
			img{
				width: 100%;
				height: 100%;
				object-fit: cover;
				aspect-ratio: 2 / 1.6;
			}
		}
		
		.lyt-txt{
			font-family: "Noto Sans JP", sans-serif;
			width: 100%;
			font-size: 1.4rem;
			font-weight: 400;
			line-height:1.7;
			letter-spacing:.08em;
			margin: 1em 0 0 0;
		}
		
		@media screen and (min-width: 769px) {
			flex-direction: row;
			figure{
				width: 30%;
				margin: 0;
				img{
					aspect-ratio: 1 / 1;
				}
			}
			.lyt-txt{
				width: 70%;				
				margin: 0 0 0 1em;
			}
		
		}
	}
}




.wrapper .lyt-doc dt{
	width: 100%;
	/*color: #e89120;*/
	letter-spacing: .1em;
}
.wrapper .lyt-doc dd{
	/*width: calc(100% - 100px);*/
	width: 100%;
	padding-left: 1em;
	letter-spacing: .1em;
	@media screen and (max-width: 768px) {
		&.lyt-course{display: flex;}
	}
	
	.lyt-hdg{
		font-weight: 700;
	}
	.lyt-txt{
		font-family: "Noto Sans JP", sans-serif;
		font-size: .8em;
		font-weight: 400;
		line-height:1.7;
		letter-spacing:.05em;
		
	}
	
}
/*.wrapper .lyt-doc dd i{
	border-radius: 30px;
	font-size: 1rem;
	background-color: #c76413;
	padding: .4em 1em;
	margin-bottom: .6em;
	display: inline-block;
}*/
.wrapper .lyt-doc dd em{
	display: block;
	/*color: #e89120;*/
	line-height: 1.5;
}
.wrapper .lyt-doc dt:nth-child(n+3){
	margin-top: .6em;
}

table.lyt-tbl{
	margin: 2em 0 1em;
	border: 1px solid #fff;
	background-color: transparent;
}
table.lyt-tbl th{
	display: block;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #fff;
}
table.lyt-tbl td{
	display: block;
	width: 100%;
	/*width: calc(100% - 100px);*/
	font-size: 1.4rem;
	padding: .6em .2em .6em 1.4em;
	margin: 0;
}

@media screen and (min-width: 769px) {

.spotlight .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;	
}
.wrapper .lyt-doc{
	font-size: 1.6rem;
	line-height: 1.9;
	letter-spacing: .3em;
}
/*wrapper.style2 .spotlight:nth-child(2) .lyt-doc{
	max-width: none;
	margin: 0;
	padding: 3em 2em 3em 6em;
}*/

.wrapper.style2 .spotlight:nth-child(1) .lyt-doc{
	em{
		font-size: 2em;
	}
}
.wrapper.style2 .spotlight:nth-child(2) .lyt-doc{
	max-width: 720px;
	width: 100%;
	margin: auto;
	padding: 3em 2em 3em 7em;
}
/*.wrapper.style2 .spotlight:nth-child(2) .lyt-doc::after{
	content: "TIME SCHEDULE";
	position: absolute;
	top: 50px;
	color: rgba(255,255,255,.05);
	writing-mode: vertical-rl;
	right: 20px;
	font-size: 7rem;
	font-weight: 700;
}*/
/*.wrapper.style2 .lyt-doc .lyt-h3{
	text-indent: -1em;
	margin-bottom: 1em;	
}*/
.wrapper .lyt-doc dt{
	width: 120px;
	/*color: #e89120;*/
	text-align: right;
	letter-spacing: .1em;
	padding-right: 1em;
	&.r0{padding-right:0;}
}
.wrapper .lyt-doc dd{
	width: calc(100% - 140px);
	letter-spacing: .1em;
	padding-left: 1em;
}
/*.wrapper .lyt-doc dd i{
	border-radius: 30px;
	font-size: 1rem;
	background-color: #c76413;
	padding: .4em 1em;
	margin-bottom: .6em;
	display: inline-block;
}*/
.wrapper .lyt-doc dd em{
	display: block;
	/*color: #e89120;*/
	line-height: 1.5;
}
.wrapper .lyt-doc dt:nth-child(n+3),
.wrapper .lyt-doc dd:nth-child(n+3){
	margin-top: .6em;
}

table.lyt-tbl{
	display: table;
	margin: 2em 0 0;
	border: 1px solid #fff;
	background-color: transparent;
}
table.lyt-tbl th{
	display: table-cell;
	width: 100px;
	text-align: center;
	padding: 0;
	margin: 0;
	border: 1px solid #fff;
}
table.lyt-tbl td{
	display: table-cell;
	width: calc(100% - 100px);
	font-size: 1.4rem;
	padding: .6em .2em .6em 1.4em;
	margin: 0;
}	
}

.wrapper.style4{
	background-color: #e5f2d3;
	@media screen and (max-width: 768px) {
		padding-bottom: 4em;	
	}
	
	.inner{
		max-width: 460px;
		width: 100%;
		margin: 2em auto;
		
		&.box-lyt-pro-profile{
			margin: 0 auto 2em;
		}
	}
	
	
	.lyt-h2{
		font-size: clamp(2.6rem, 6vw, 6rem);
		font-weight: 500;
		text-align: center;
		color: #5f984f;
		letter-spacing:.02em;
		margin-bottom: .2em;
	}
	.lyt-h3{
		font-family:'Noto Serif JP',serif;
		font-size: clamp(2rem, 3.2vw, 3.2rem);
		font-weight: 600;
		color: #5f984f;		
	}
	.lyt-h4{
		font-family:'Noto Serif JP',serif;
		font-size: clamp(1.8rem, 2.8vw, 2.8rem);
		font-weight: 600;
		color: #5f984f;		
	}
	
	dl{
		margin-top: 1em;
		color: #5f984f;
		font-weight: 600;
		dt{font-weight: 800;}
	}
	
	
	 .box-lyt-hotel-info{
		 max-width: min(100%,460px);
		 margin: auto;
		 
		 + .box-lyt-hotel-info{margin-top: 2em}
		 
		 @media screen and (min-width: 769px) {
			 max-width: min(100%,1000px);
			 margin: auto;
			 display: grid;
			 grid-template-columns: repeat(2, 1fr);
			 column-gap: 2em;
		}
		 
		 li{
			 display: flex;
			 flex-direction: column;
			 margin-top: 0 auto;
			 + li{margin-top: 2em}
			 @media screen and (min-width: 769px) {
				 + li{margin-top: 0}
			 }
			 img{
				 width: 100%;
				 height: 100%;
				 aspect-ratio: 16 / 9;
			 }
			 
			 
			 .lyt-info-card{
				 background-color: #fff;
				 padding: 1em 2.4em;
				 font-family: "Noto Sans JP", sans-serif;
			 }
			 
		 }
	}
}


.style3{
	position: relative;
	background: url("../../images/mauna-beach.webp") center center no-repeat;
	background-size: cover;
	padding: 6vw 0;
	z-index: 1;
	
			@media screen and (min-width: 769px) {
				background: url("../../images/mauna-beach.webp") center center no-repeat fixed;			
			}
	
	&::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #918296;
		mix-blend-mode:multiply;
		z-index: 2;	
	}
	
	.box-lyt-mauna{
		position: relative;
		z-index: 5;
		
		.lyt-lead-txt{
			font-size: clamp(1.8rem, 2.4vw, 2.4rem);
			margin-bottom: 2em;
			letter-spacing:.02em;
			em{
				color: #fcd914;
			}
		}
		.lyt-end-txt{font-size: clamp(1.4rem, 1.8vw, 1.8rem);}
		
		.lyt-pop-mauna{
			position: relative;
			max-width: min(94%,1100px);
			margin: auto;
			padding: 26em 2.8vw 4vw 4vw;
			text-align: left;
			font-size: clamp(1.4rem, 1.8vw, 1.8rem);
			line-height:2;
			letter-spacing:.02em;
			font-weight: 600;
			background: url("../../images/mauna-kea.webp") bottom center no-repeat;
			background-size: cover;
			text-shadow: 0px 0px 3px rgba(0, 0, 0, 1),2px 3px 4px rgba(0, 0, 0, .4),2px 1px 4px rgba(0, 0, 0, .5);
			
			@media screen and (min-width: 769px) {
				padding: 26vw 2em 2em 2em;
				background: url("../../images/mauna-kea.webp") center center no-repeat;				
			}
			
			.lyt-hdg-sub{font-size: clamp(1.8rem, 2.4vw, 2.4rem); font-weight: 600;line-height:1.6;}
			.lyt-h2{font-size: clamp(2.4rem, 3.6vw, 3.6rem); font-weight: 700; text-indent: -1.15em; margin-left: .7em;line-height:1.4;margin-bottom: .5em;}
			.lyt-txt{font-family: "Noto Sans JP", sans-serif;font-weight: 500;text-shadow: 0px 0px 3px rgba(0, 0, 0, 1), 0px 0px 3px rgba(0, 0, 0, 1),2px 3px 4px rgba(0, 0, 0, .6)}
			
			
			&::before{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 80%;
				height: 46%;
				opacity: .85;
				background: linear-gradient(145deg,rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 45%);
				
				@media screen and (min-width: 769px) {
					width: 46%;
					background: linear-gradient(145deg,rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 50%);	
				}
			}
			
			&::after{
				content: "";
				position: absolute;
				top: 1em;
				left: 1em;
				width: 30%;
				max-width: 140px;
				aspect-ratio: 1.891 / 1;
				background: url("../../images/lg_mauna.webp") center center no-repeat;
				background-size: cover;
			@media screen and (min-width: 769px) {
				width: 15%;		
			}
			}
			
			+ .lyt-end-txt{margin-top: 2.6em}
		}
	}
	
	a{
		&.lyt-nav{
			border-radius: 6px;
			display: block;
			max-width: min(90%, 280px);
			margin: 3em auto 0;
			padding: 1em;
			font-size: 1.2em;
			font-weight: 700;
			text-decoration: none;
			background-color: #f37021;
		}
	}
	
}

/*---------------------------------------------------------------------

    ◆　マーキースライダー

  ----------------------------------------------------------------------*/

.marquee-outer {
	overflow: hidden;
	margin: 4em 0 2em;
	
	.marquee-track {
		display: flex;
		width: max-content; 
		will-change: transform;
		
		.marquee-slide {
			flex: 0 0 auto;
			width: 320px;
			/*height: 280px;*/
			overflow: hidden;
			position: relative;
			user-select: none;
			margin-right: 10px;
			aspect-ratio: 16 / 9;
			@media screen and (min-width:769px) {
				width: 480px;
				
			}
			figure { width: 100%; height: 100%; margin: 0;
				img { width: 100%; height: 100%; object-fit: cover; display: block;vertical-align: baseline; margin: 0;}
			}
		}
	}
}


.wrapper.style5{
	color: #fff;
	background-color: #3a6531;
	
	
	.box-lyt-inq{
		text-align: center;
		margin: 3em 0 0;
		
		.lyt-h2{
			font-size: clamp(2.4rem, 3.2vw, 3.2rem);
			/*font-size: 2.4rem;*/
			font-weight: 700;
			letter-spacing:.08em;
			color: #fff;
			padding-bottom: .2em;
			border-bottom: 1px solid #fff;
		}
		.lyt-spgr{
			font-size: clamp(1.8rem, 2.4vw, 2.4rem);
			font-weight: 900;
			line-height: 1.6;
			margin: .6em 0 .4em;
			letter-spacing: .1em;
		}
		
		.lyt-tel{
			/*font-size: 2.2rem;
			
			em{font-size: 3.4rem;}*/
			span{
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 1.6rem;
			}
		}
		
		.lyt-dlogo{
			max-width: 260px;
			margin: 3.5em auto .4em;	
			@media screen and (min-width:769px) { }
		}
		.lyt-contact{
			font-family: "Noto Sans JP", sans-serif;
			max-width: min(100%,470px);
			margin: 1em auto 0;
			display: block;
			
			dt,dd{
				font-size: clamp(1.4rem, 1.6vw, 1.6rem);
				margin: 0;
			}
			dd{
				text-align: left;
				text-indent: -1em;
				padding-left: 1em;
			}
		}
	}
	
	table{
		max-width: 720px;
		margin: .3em auto 0;
		border: 1px solid #dfdfdf;
		
		tr{+tr{border-top: 1px solid #dfdfdf;}}
		
		th{
			/*width: 140px;*/
			padding: 1em;
			text-align: center;
			vertical-align: top;
			font-size: clamp(1.6rem, 2vw, 2rem);
		}
		td{
			font-size: clamp(1.6rem, 2vw, 2rem); 
			padding: 1em;
			
			.lyt-plan{
				border-radius: 6px;
				border: 1px solid #fff;
				padding: .6em;
				
				.lyt-hdg{
					border-radius: 30px;
					border: 1px solid #fff;
					display: inline-block;
					padding: 0 1.2em .1em;
					margin: 0em 0 .5em;
					background-color: #3a6531;
				}
				
				dl{
					display: flex;
					flex-wrap: wrap;
					gap:1em;
					padding: .6em;
					
					dt{
						text-align: center;
						font-size: clamp(1.4rem, 1.6vw, 1.6rem);
						border: 1px solid #fff;
					}
					dd{width: calc(100%　-　220px);}
				}
			}
		}
		
		display: block;
		th,td{display: block;}
		th,td,dt{width: 100%;}
		
		th{border-bottom: 1px solid #dfdfdf;}
		
		&.lyt-w{
			background-color: #fff;
			border: 1px solid #fff;
			margin: 3em auto 1em;
			padding: 0;
			
			th,td{color: #3a6531;font-weight: 900;}
			
			th{}
			td{
				text-align: center;
				font-size: clamp(1.8rem, 2.4vw, 2.4rem);
				padding: .3em 1em;
				
				strong{
					color: #fff;
					background-color: #3a6531;
					padding: 0 .6em;
					margin-left: .6em;
				}
			}
			@media screen and (max-width: 768px) {tbody,tr{display: block;}}
			@media screen and (min-width: 769px) {
				th{border-right: 1px solid #3a6531;}
			}
		}
		
		
		
		@media screen and (min-width: 769px) {
			display: table;
			tr{+tr{border-top: none;}}
			th,td{display: table-cell;border: 1px solid #dfdfdf;}
			th,dt{width:140px;}
			td{width:calc(100% - 140px);}
			/*th{border: 1px solid #dfdfdf;}*/
		}
		.note{
		line-height:1;
		margin: 0;
		&.m_tb{margin: .5em 0 1em;}
		}
	}


}



.lyt-btn a{
	position: relative;
	max-width: 300px;
	display: block;
	transition: all 0.3s;
	font-size: 1.6rem;
	font-weight: 700;
	cursor: pointer;
	text-align: center;
	border-radius: 6px;
	color: #FFFFFF;
	padding: 1.2em 1.6em;
	margin: 1em auto;
}

.lyt-btn.lyt02 a{
	border-radius: 10px;
	background-color: #fff;
	border: 1px solid #fff;	
}
.lyt-btn.lyt02 a:hover{
	border-radius: 50px;
	background-color: #d75600;
	opacity: 1;
	text-decoration: none;
}
.lyt-btn.lyt02 a i{
	position: absolute;
	border-radius: 50px;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	width: 26px;
	height: 26px;
	background-color: #fff;
	z-index: 2;
	display: block;	
}
.lyt-btn.lyt02 a i::before{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	transition: all 0.3s;
	
	right: 7px;
	width: 12px;
	height: 1px;
	background: #349363;
}
.lyt-btn.lyt02 a i::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	transition: all 0.3s;
	
	right: 7px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #349363;
	border-right: 1px solid #349363;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


@media screen and (min-width: 769px) {

	

}

#footer,
#footer a{
	color: #fff;
}

#footer .note{
	/*max-width: 600px;*/
	max-width: 480px;
	margin: auto;
	margin: 0 auto 3em;
	padding: 0;
}
#footer .note li{
	display: block;
}
#footer .lyt-bnr{
	max-width: 320px;
	margin: auto;
}
#footer .lyt-bnr a{
	position: relative;
	display: block;
	width: 100%;
	padding: 1em 2em 1em 1.2em;
	border: 1px solid #fff;
	background-color: black
}
#footer .lyt-bnr a:hover { 
	opacity: 1; 
	text-decoration: none;
	color: #D9CA9C;
	border: 1px solid #D9CA9C;
	transition: all 0.475s;
}

#footer .lyt-bnr a::before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#footer .lyt-bnr a:hover::before { 
	right: .5em;
	border-color: #D9CA9C;
	transition: all 0.475s;
}


#footer .lyt-foot{
	padding: 0;
}
#footer .lyt-foot ul{
	width: 100%;
	margin: auto;
}
#footer .lyt-foot ul li{
	position: relative;
    font-size: 1.4rem;
	line-height: 1.7;
    border-bottom: 1px solid #e1dbd0;
}
#footer .lyt-foot ul li a{
	position: relative;
	display: block;
	padding: 1.6em 2.1em 1.3em 1.2em;
}
#footer ul.note li a{
	text-decoration: underline;
	color: #fbfa7f;
}


#footer .lyt-foot ul li a::before{
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 18px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #e1dbd0;
	border-right: 1px solid #e1dbd0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .8s;
}
#footer small{
    text-align: center;
    display: block;
    width: 100%;
	height: 64px;
    font-size: 1rem;
	font-weight: 300;
	padding: 2em 0;
}

@media screen and (min-width: 769px) {
	#footer .lyt-foot{padding: 2.5vw 0;/*border-bottom: 1px solid #e1dbd0;*/}
	#footer .lyt-foot ul{max-width: 1200px;width: 96%;display: flex;justify-content: center;}
	#footer .lyt-foot ul li{
		position: relative;
		padding: .3em 2em;
		line-height: 1;
		border: none;
	}
	#footer .lyt-foot ul li a{
		position: static;
		display: inline;
		padding: 0;
	}
	#footer .lyt-foot ul.logo li{padding: 0 2em;}
	#footer .lyt-foot ul.logo li a{
		display: block;
		max-width: 200px;
		padding: 0;
	}
	#footer .lyt-foot ul li a::before{display: none;}
	#footer .lyt-foot ul li::before,
	#footer .lyt-foot ul li::after{
		content: "";
		position: absolute;
		width: 1px;
		height: 1.5rem;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	#footer .lyt-foot ul li + li::before,
	#footer .lyt-foot ul li:first-child::before{
		left: 0;
		border-left: 1px solid #e1dbd0;
	}
	#footer .lyt-foot ul li:last-child::after{
		right: 0;
		border-right: 1px solid #e1dbd0;
	}
	#footer small{ text-align: center; height: auto; padding: 1.5em 0;}
}


.lyt-kanbai{
	border-radius:6px;
	max-width: 520px;
	letter-spacing:.05em;
	margin: 2em auto 0;
	padding: 1.6em;
	color: #fff;
	background-color: #907b28
}
.lyt-kanbai .title{
	text-align: center;
	font-size: 2.6rem;
	line-height:1.5;
	padding-bottom: .6em;
}
.lyt-kanbai .note{
	text-indent: -1em;
	padding-left: 1em;
	font-size: .9em;
	line-height:1.4;
}

@media screen and (min-width: 769px) {
.lyt-kanbai .title{
	font-size: 3rem;
}
}

/*---------------ゴルフアイコン---------------*/
.spotlight .lyt-doc i{
	position: relative;
	font-style: normal;
	padding-left: 1.4em;
}

.wrapper .lyt-doc dd i.course{
	margin-left: .5em;
	display: inline-block;
	/*margin-bottom: .6em;*/
	
	
}
.wrapper .lyt-doc dd i.course span{
	font-size: 1.2rem;
	/*border-radius: 8px;
	color: #fff;
	background-color: #25ad68;
	padding: .2em .8em;*/
	margin-left: .5em;
	display: inline-block;
}
/*---------------ゴルフアイコン---------------*/

.spotlight .lyt-doc .lyt-guide-pro{
	font-family: "Noto Sans JP", sans-serif;
	padding-bottom: 1em;
	display: flex;
	flex-direction: column;
	column-gap: 1em;
	@media screen and (min-width: 769px) {
		flex-direction: row;
	}
}

.spotlight .lyt-doc .lyt-guide-pro i::before,
.spotlight .lyt-doc .lyt-ts i::before{
	content: "";
	position: absolute;
	width: 1.7rem;
	height: 1.7rem;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	/*background: url("../../images/icon.svg") no-repeat;*/
}

.spotlight .lyt-doc .lyt-ts i{
	
	&.hirase{
		color: #f44a82;
		&::before{background: url("../../images/icon_hirase.svg") no-repeat;}
	}
	
	&.narita{
		color: #fc7b1a;
		&::before{background: url("../../images/icon_narita.svg") no-repeat;}
	}
}
.spotlight .lyt-doc .lyt-guide-pro li{
	font-size: 1.4rem;
	letter-spacing:.05em;
	
	&.hirase{
		color: #f44a82;
		i::before{background: url("../../images/icon_hirase.svg") no-repeat;}
	}
	
	&.narita{
		color: #fc7b1a;
		i::before{background: url("../../images/icon_narita.svg") no-repeat;}
	}

}


/*.spotlight .lyt-doc .box-lyt-pro-sc{
	border-radius: 6px;
	width: 100%;
	padding: .6em;
	background-color: rgba(105,209,156,.33)
}
.spotlight .lyt-doc .box-lyt-pro-sc{
	font-family: "Noto Sans JP", sans-serif;
	width: 100%;
	padding: 1.2em;
	background-color: rgba(105,209,156,.33)
}
.spotlight .lyt-doc .box-lyt-pro-sc .lyt-h4,
.spotlight .lyt-doc .box-lyt-pro-sc .lyt-h4 i{
	color: #4bdd93;
}
.spotlight .lyt-doc .box-lyt-pro-sc h4.lyt-h4{
	font-size: 1.8rem;
}
.spotlight .lyt-doc .box-lyt-pro-sc .lyt-h4 i{
	padding-left: 1.3em;
}
.spotlight .lyt-doc .box-lyt-pro-sc p + p{
	padding-top: 1em;
}
.spotlight .lyt-doc .box-lyt-pro-sc p.lyt-h4 + p{
	padding-top: 0;
}*/

.wrapper.style4 .box-lyt-pro-profile{
	font-family: "Noto Sans JP", sans-serif;
	border-radius: 4px;
	padding: 2em 2.4em;
	background-color: #fff;
	outline: 2px solid #e5f2d3;
    outline-offset: -15px;
	
	+  .box-lyt-pro-profile{
		margin-top: 2em;
	}
}
/*.wrapper.style4 .box-lyt-pro-profile .lyt-h2{
	font-family: 'Noto Serif JP', serif;
	color: #2a7c52;
	font-size: 2.4rem;
	font-weight: 700;
	
}
.wrapper.style4.box-lyt-pro-profile .lyt-column .lyt-profile .lyt-h3{
	color: #2a7c52;
	font-family: 'Noto Serif JP', serif;
	font-size: 1.6rem;
	font-weight: 700;
	margin-top: 1em;
}*/
.wrapper.style4 .box-lyt-pro-profile .lyt-column .lyt-profile dl{
	display: block;
	margin-bottom: 1em;
	padding: .5em;
}
.wrapper.style4 .box-lyt-pro-profile .lyt-column .lyt-profile dl dt,
.wrapper.style4 .box-lyt-pro-profile .lyt-column .lyt-profile dl dd{
	/*width: 64px;*/
	font-size: 1.4rem;
	padding: 0;
}

@media screen and (min-width: 769px) {

.wrapper.style4 .box-lyt-pro-profile{
	max-width: 1000px;
	padding: 2em 3em;
}
.wrapper.style4 .box-lyt-hotel-info{
	max-width: 1000px;
}
}








