@charset "utf-8";

/* CAPTION
------------------------------------------------------*/
.waifamiWp .caption{position:absolute;right:0;bottom:3px;padding:0 5px;color:#fff;font-size:1.2rem;text-align:right;line-height:1.2;letter-spacing:0;text-shadow:0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%)}.waifamiWp .caption span{display:inline-block}

.nihonnoshun_logo{display:block;height:60px;width:60px;margin:auto;margin-bottom:15px;}
.family_title{text-align:center}.family_title img{width:300px}.waifamiTtl{text-align:center;color:#82452f;margin:0 auto 20px}.waifamiWp{position:relative;margin:0 -2.5%;padding:8px 8px 24px;text-align:left;background:url(/kokunai/area/okinawa/assets/images/waifami_okinawa_202604/waifami_bg_sp.webp) center bottom / 100% auto no-repeat #c4ebed}.waifamiWp::before{position:absolute;right:8px;bottom:calc(100% - 70px);content:"";display:inline-block;width:100px;height:93px;background:url(/kokunai/area/okinawa/assets/images/waifami_okinawa_202604/waifami_family.png) center / 100% auto no-repeat}.waifamiWp img{padding-top:0!important;width:100%;height:auto;max-width:inherit}.waifamiBd__hd{display:flex;justify-content:space-between;align-items:flex-end}.waifami__tourset{margin-left:-8px;width:100%;max-width:200px}.waifami__tourset img{margin-top:-24px!important}.waifami__point-ttl{margin-left:-30px}.waifami__pointcustom{position:relative;display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}.waifami__pointcustom-link{display:flex;justify-content:space-between;flex-direction:row-reverse;gap:8px;padding:8px;color:#323743!important;border-radius:16px;background:#fff;border-width:3px;border-style:solid;transition:opacity .2s ease-out}.waifami__pointcustom-item:first-child .waifami__pointcustom-link{border-color:#eb878f}.waifami__pointcustom-item:nth-child(2) .waifami__pointcustom-link{border-color:#5ea57e}.waifami__pointcustom-item:nth-child(3) .waifami__pointcustom-link{border-color:#7bb2db}.waifami__pointcustom-item:nth-child(4) .waifami__pointcustom-link{border-color:#c57ebd}.waifami__pointcustom-bd{flex:1;display:flex;flex-direction:column}.waifami__pointcustom-ttl{line-height:1.3;font-size:1.6rem;font-weight:700}.waifami__pointcustom-ttl span{display:inline-block;font-weight:700}.waifami__pointcustom-ttl-line{display:block}.waifami__pointcustom-read{order:-1;margin-bottom:4px;font-weight:700;line-height:1.3}.waifami__pointcustom-txt{margin-top:8px;line-height:1.3}.waifami__pointcustom-txt.-fs{margin-top:4px;font-size:1.2rem}.waifami__pointcustom-more{margin-top:auto;padding-top:8px;text-align:right;font-size:1.2rem;font-weight:700}.waifami__pointcustom-more span{color:#fff;padding:4px 8px 4px 16px;border-radius:50vw;font-weight:700}.waifami__pointcustom-item:first-child .waifami__pointcustom-more span{background:#eb878f}.waifami__pointcustom-item:nth-child(2) .waifami__pointcustom-more span{background:#5ea57e}.waifami__pointcustom-item:nth-child(3) .waifami__pointcustom-more span{background:#7bb2db}.waifami__pointcustom-item:nth-child(4) .waifami__pointcustom-more span{background:#c57ebd}.waifami__pointcustom-img{width:50%}.waifami__pointcustom-img figure{position:relative}.waifami_bt{position:relative;z-index:1;margin:24px auto 0}.waifami_btItem{margin-top:8px}.waifami_bt a{position:relative;display:block;text-align:center;color:#fff!important;padding:16px 8px;font-size:1.6rem;font-weight:700;background:#19a79e;transition:opacity .2s ease-out}.waifami_bt a:after{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:block;font-family:'Material Icons Round';content:'\e315';text-decoration:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;font-size:3rem}.waifami_pamphlet{position:relative;z-index:1;margin:24px auto 0;max-width:250px}.waifami_pamphlet a{display:block;padding:16px;border-radius:16px;background-color:rgba(255,255,255,.5);transition:opacity .2s ease-out}.waifami_pamphlet figure{background:#fff}.waifami_pamphlet img{padding-top:0!important}@media screen and (max-width:959px){.waifamiTtl img{width:250px;height:auto}}@media screen and (min-width:960px){.waifamiTtl{max-width:400px;font-size:1.8em}.waifamiTtl img{width:400px;height:auto}.waifamiWp{margin:0 auto;padding:16px 24px 32px;width:100%;max-width:1236px;border-radius:32px;background-image:url(/kokunai/area/okinawa/assets/images/waifami_okinawa_202604/waifami_bg.webp);background-position:center 200px}.waifamiWp::before{right:24px;bottom:100%;width:180px;height:167px}.waifamiCnt{display:flex;flex-direction:row-reverse}.waifamiBd{flex:1;margin-left:24px;z-index:1}.waifami__tourset{position:absolute;left:4px;top:-92px;margin-left:0;width:80%;max-width:361px}.waifami__point-ttl{margin:0 auto}.waifami__pointcustom{grid-template-columns:1fr 1fr;gap:16px}.waifami__pointcustom-item{background:#fff;border-radius:26px}.waifami__pointcustom-link{padding:16px;height:100%;border-radius:24px;border-width:5px}.waifami__pointcustom-link:hover{opacity:.6}.waifami__pointcustom-ttl{font-size:1.8rem}.waifami__pointcustom-txt.-fs{font-size:1.4rem}.waifami__pointcustom-read{font-size:1.4rem}.waifami__pointcustom-more{font-size:1.3rem}.waifami_bt{display:flex;justify-content:center;margin-top:24px;margin-left:-16px}.waifami_btItem{margin:0;width:calc(100% / 2 - 16px)}.waifami_bt a{padding:16px;font-size:2.4rem}.waifami_bt a:hover{opacity:.6}.waifami_pamphlet{margin-top:110px;width:276px}.waifami_pamphlet a:hover figure{opacity:.6}}

.waifami__pointcustom-other{margin-top:8px;text-align:center!important}.waifami__pointcustom-other a{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:6px;line-height:1;text-align:center;font-weight:700;transition:opacity .2s ease-out}.waifami__pointcustom-other span{font-weight:700}.waifami__pointcustom-other-sub{position:relative;display:flex;justify-content:center;align-items:center;color:#5a4a37}.waifami__pointcustom-other-sub::before,.waifami__pointcustom-other-sub::after{position:absolute;top:0;content:"";width:2px;height:100%;background:#5a4a37}.waifami__pointcustom-other-sub::before{right:calc(100% + 8px);transform:rotate(-25deg)}.waifami__pointcustom-other-sub::after{left:calc(100% + 8px);transform:rotate(25deg)}.waifami__pointcustom-other-txt{padding:8px 12px;color:#e57e00;background-color:rgba(255,255,255,.5)}@media screen and (min-width:960px){.waifami__pointcustom-other{text-align:right!important}.waifami__pointcustom-other-sub{font-size:1.4rem}.waifami__pointcustom-other a:hover{opacity:.6}}.waifami__illust1{position:absolute;left:-2px;bottom:calc(100% + 16px);width:35px;height:35px}.waifami__illust1::before{position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background:url(/kokunai/area/okinawa/assets/images/waifami_okinawa_202604/waifami_illust2_1.png) center / 100% auto no-repeat;animation:fuwaAnimation 10s ease-in-out infinite;transform-origin:center bottom}.waifami__illust1::after{position:absolute;left:42%;bottom:-20%;content:"";display:block;width:30px;height:23px;background:url(/kokunai/area/okinawa/assets/images/waifami_okinawa_202604/waifami_illust2_2.png) center / 100% auto no-repeat}.waifami__illust2{position:absolute;right:-2px;bottom:calc(100% + 4px);width:50px;height:26px}.waifami__illust2::before{content:"";display:block;width:100%;height:100%;background:url(/kokunai/area/okinawa/assets/images/waifami_okinawa_202604/waifami_illust.png) center / 100% auto no-repeat;animation:yureAnimation 3s steps(2) infinite}@media screen and (max-width:959px){.waifami__illust1{top:calc(100% + 2px)}.waifami__illust2{top:calc(100% + 4px)}}@media screen and (min-width:960px){.waifami__illust1{position:absolute;left:-2px;bottom:calc(100% + 16px);width:76px;height:75px}.waifami__illust1::before{position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background:url(/kokunai/area/okinawa/assets/images/waifami_okinawa_202604/waifami_illust2_1.png) center / 100% auto no-repeat;animation:fuwaAnimation 10s ease-in-out infinite;transform-origin:center bottom}.waifami__illust1::after{position:absolute;left:42%;bottom:-16px;content:"";display:block;width:63px;height:48px;background:url(/kokunai/area/okinawa/assets/images/waifami_okinawa_202604/waifami_illust2_2.png) center / 100% auto no-repeat}.waifami__illust2{position:absolute;right:-2px;bottom:calc(100% + 4px);width:125px;height:64px}.waifami__illust2::before{content:"";display:block;width:100%;height:100%;background:url(/kokunai/area/okinawa/assets/images/waifami_okinawa_202604/waifami_illust.png) center / 100% auto no-repeat;animation:yureAnimation 3s steps(2) infinite}}@keyframes fuwaAnimation{0%{transform:rotate(-16deg)}50%{transform:rotate(0deg)}100%{transform:rotate(-16deg)}}@keyframes yureAnimation{from{transform:rotate(-8deg)}to{transform:rotate(32deg)}}

.waifami__churaumi{
	margin-top: 32px;
	background: #fff;
	border-radius: 16px;
}
.waifami__churaumi a{
	position: relative;
	display: flex;
	flex-direction: column-reverse;
	gap: 16px;
	border-radius: 16px;
	border: solid 3px #248ed5;
	background: linear-gradient(135deg, #9fd7ed 0%, #fffff5 100%);
    transition: opacity .2s ease-out;
}
.waifami__churaumi-bd{
	flex: 1;
	display: flex;
	flex-direction: column;
}
.waifami__churaumi-ttl{
	display: flex;
	flex-direction: column;
	gap: 3px;
	align-items: flex-start;
	line-height: 1.3;
	text-shadow: 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%), 0 0 3px rgb(255 255 255 / 90%);
}
.waifami__churaumi-ttlsub{
	padding: 3px 8px;
	color: #214b97;
	font-size: 1.4rem;
	font-weight: bold;
	background-color: rgba(255, 255, 255, .2);
	background-color: #f4e905;
}
.waifami__churaumi-ttlmain{
	padding: 3px 8px;
	color: #f14330;
	font-size: 1.8rem;
	font-weight: 900;
	background-color: rgba(255, 255, 255, .2);
	background-color: #f4e905;
}
.waifami__churaumi-new{
	position: absolute;
	right: -4px;
	top: 0;
	transform: translateY(-50%);
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2px 16px 0;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	border-radius: 50vw;
	background: #f14330;
}
.waifami__churaumi-new::before{
	position: absolute;
    top: calc(100% - .1rem);
    right: 12px;
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #f14330;
    clip-path: polygon(40% 0%, 100% 0%, 0% 100%);
}
.waifami__churaumi-txt{
	margin: 8px 8px 0;
	font-weight: 500;
}
.waifami__churaumi-bt{
	margin-top: auto;
	padding-top: 8px;
	text-align: right;
}
.waifami__churaumi-bt span{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4px 16px 0 32px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 0 0 12px 12px;
	background: #248ed5;
}
.waifami__churaumi-bt span .m-ico{
	font-size: 2.5rem;
	line-height: 1;
}
.waifami__churaumi-side{
}
.waifami__churaumi-side figure{
	position: relative;
	overflow: hidden;
	border-radius: 12px 12px 0 0;
}
@media screen and (min-width:960px){
	.waifami__churaumi{
		margin-top: 40px;
		border-radius: 24px;
	}
	.waifami__churaumi a{
		flex-direction: row-reverse;
		border-radius: 24px;
		border-width: 5px;
	}
	.waifami__churaumi a:hover{
		opacity: .6;
	}
	.waifami__churaumi-bd{
		padding-top: 16px;
	}
	.waifami__churaumi-ttlsub{
		font-size: 1.8rem;
	}
	.waifami__churaumi-ttlmain{
		font-size: 2.4rem;
	}
	.waifami__churaumi-new{
		right: inherit;
		left: -16px;
		top: -24px;
		transform: translateY(0);
		padding: 0;
		width: 8.0rem;
		height: 8.0rem;
		font-size: 100%;
	}
	.waifami__churaumi-new::before{
		display: none;
	}
	.waifami__churaumi-txt{
		margin: 8px 0 0;
		font-size: 1.7rem;
	}
	.waifami__churaumi-bt span{
		display: inline-flex;
		font-size: 1.7rem;
		border-radius: 8px 0 18px 0;
	}
	.waifami__churaumi-side{
		width: 30%;
	}
	.waifami__churaumi-side figure{
		border-radius: 20px 0 0 20px;
	}

}