@charset "utf-8";

/* =======================================================================================
	BASE
======================================================================================= */
/* mainHeaderVisualWrap
---------------------------------------------------- */
	.mainHeaderVisualWrap {
		position: relative;
		z-index: 0;
		background: #9abe72;
	}
	.mainHeaderVisualWrap .ppicTtlWrap {
		display: grid;
		place-content: center;
		grid-template-columns: min(31%, 580px);
		position: absolute;
		inset: 0;
		z-index: 1;
	}
	.mainHeaderVisualWrap .ppicTtl {
		translate: 0 10%;
	}
	.mainHeaderVisualWrap .ppicTtl img {
		width: 100%;
		max-width: none;
		height: auto;
	}
@media screen and (max-width: 900px) {
	.mainHeaderVisualWrap .ppicTtlWrap {
		grid-template-columns: min(40%, 580px);
	}
	.mainHeaderVisualWrap .ppicTtl {
		translate: 0 30%;
	}
}
@media screen and (max-width: 600px) {
	.mainHeaderVisualWrap .ppicTtlWrap {
		grid-template-columns: min(80%, 400px);
	}
	.mainHeaderVisualWrap .ppicTtl {
		translate: 0 12%;
	}
}

/* ==========
	ANIME
========== */
@media screen {
	.mainHeaderVisualWrap[data-js_show_target="mainVisual"] img {
		transition-delay: .2s;
	}
	.mainHeaderVisualWrap[data-js_show_target="mainVisual"] .ppicTtl img {
		transform: scale(1.25);
		opacity: 0;
		transition:
			filter 1s ease-in-out .2s,
			transform 1.5s ease-in-out .2s,
			opacity 1s ease-in-out .5s;
	}
	.mainHeaderVisualWrap[data-js_show_target-passed="mainVisual"] .ppicTtl img {
		filter: blur(0);
		transform: scale(1);
		opacity: 1;
	}
}



/* =======================================================================================
	COMMON
======================================================================================= */

/* pickupSection
------------------------------------------------------------------------ */
	.pickupSection {
		background: rgba(255, 255, 255, .35);
		padding: clamp(35px, (59 / 1000 * 100vw), 59px) clamp(15px, (59 / 1366 * 100vw), 59px);
		border: 1px solid #006934;
	}
	.pickupHeading {
		line-height: 1.6;
		color: #006934;
		text-align: center;
	}
	.pickupHeading .pickUp {
		display: inline-block;
		width: calc(clamp(114px, 15vw, 176px) + (1.5em * 2));
		background: linear-gradient(to top, #fff100) left 87% / 100% 36% no-repeat;
		padding: 0 1.5em;
	}
	.pickupHeading .ttl {
		display: block;
		font-size: clamp(1.3em, (28 / 1366 * 100vw), 1.806em);
		font-weight: 600;
		letter-spacing: .175em;
		padding: .6em 0;
	}
	.pickupBody {}
	.pickupBody .pickupKoeList {
		display: grid;
		grid-template-columns: 1fr;
		gap: 8px 0;
	}
	.pickupBody .pickupKoeList .koeItem {
		display: grid;
		grid-template-columns: 1fr;
		align-items: center;
		background: rgba(255, 255, 255, .6);
		border-left: 10px solid #69a59d;
		box-shadow: 5px 5px 6px -1px rgba(0, 0, 0, .09);
	}
	.pickupBody .pickupKoeList .koeItem .koeTxt {
		line-height: 1.45;
		font-size: clamp(1em, (19.375 / 1366 * 100vw), 1.25em);
		font-weight: 420;
		padding: .35em 1em .4em;
	}
	.pickupBody .pickupPicBox {
		position: relative;
	}
	.pickupBody .pickupPicBox .pic {
		position: relative;
	}
@media screen and (max-width: 900px) {
	.pickupBody .pickupKoeList .koeItem .koeTxt {
		font-size: clamp(1em, (17 / 800 * 100vw), 1.2em);
	}
}
@media screen and (max-width: 600px) {
	.pickupHeading .pickUp {
		width: calc(clamp(114px, 23vw, 140px) + (1.5em * 2));
	}
	.pickupHeading .ttl {
		font-size: min((15.5 / 360 * 100vw), 1.375em);
		letter-spacing: .12em;
	}
	.pickupBody .pickupKoeList {
		gap: 6px 0;
	}
	.pickupBody .pickupKoeList .koeItem {
		border-left-width: 6px;
		box-shadow: 4px 4px 5px -1px rgba(0, 0, 0, .09);
	}
	.pickupBody .pickupKoeList .koeItem .koeTxt {
		font-size: min((12.75 / 360 * 100vw), 1.1em);
		padding-left: .35em 1em;
	}
		.pickupBody .pickupPicBox {
			position: relative;
		}
		.pickupBody .pickupPicBox .pic {
			position: relative;
		}
}

/* ==========
	ANIME
========== */
@media screen {
	.pickupSection[data-js_show_target] .pickupHeading .pickUp {
		background-size: 0 36%;
		transition: background .25s ease-in-out .6s;
	}
	.pickupSection[data-js_show_target-passed] .pickupHeading .pickUp {
		background-size: 100% 36%;
	}
	.pickupSection[data-js_show_target] .pickupHeading .pickUp img {
		opacity: .3;
		transform: scale(.75);
		transition: none .6s cubic-bezier(0.34, 1.76, 0.84, 1) .3s;
		transition-property: opacity, transform;
	}
	.pickupSection[data-js_show_target-passed] .pickupHeading .pickUp img {
		opacity: 1;
		transform: scale(1);
	}
}





/* =======================================================================================
	PAGE 
======================================================================================= */
/* ------------------------------------------------------------------------
cat-kimeteContainer
------------------------------------------------------------------------ */
	.cat-kimeteContainer {}
	.kimeteWrap {}

/* kimete_ttl
------------------------------------------------------------------------ */
	.kimete_ttl {
		width: 78%;
		max-width: 910px;
		margin-left: auto;
		margin-right: auto;
	}
@media screen and (max-width: 600px) {
	.kimete_ttl {
		width: 100%;
		max-width: 390px;
	}
}

/* kimetRankingSection
------------------------------------------------------------------------ */
	.kimetRankingSection {
		--voice-rankColor: #69a59d;
		width: var(--site-sizeContentWide-M);
		max-width: var(--site-sizeMaxWidth-M);
		margin-top: calc(var(--site-marpad-XS) + 20px);
		margin-left: auto;
		margin-right: auto;
	}
	[data-kimete_rank="1"] {
		--voice-rankColor: #e28900;
		margin-top: calc(var(--site-marpad-XS) + 5px);
	}
	[data-kimete_rank="2"] {
		--voice-rankColor: #768187;
	}
	[data-kimete_rank="3"] {
		--voice-rankColor: #c66741;
	}

	/* Heading
	----------------------- */
	.kimetRankingHeading {}
	.kimetRankingHeadingGrid {
		display: grid;
		grid-template-columns: calc(250 / 1200 * 100%) 1fr;
		gap: 0 3%;
	}
	.kimetRankingHeadingGrid .rankNum {}
	.kimetRankingHeadingGrid .rankNum img {
		display: block;
	}
	.kimetRankingHeadingGrid .rankTtl {
		display: grid;
		grid-template-columns: 1fr;
		align-items: center;
		line-height: 1.25;
		color: var(--voice-rankColor);
		font-size: min((54 / 1366 * 100vw), 54px);
		font-weight: 600;
		letter-spacing: .1em;
		padding-top: .8em;
	}
	/* Body
	----------------------- */
	.kimetRankingBody {}
	
	/* 共通設定（'grid設定'は後述） ----- */
	.kimetRankingBody .koeBox {}
	.kimetRankingBody .koeTtl {
		display: inline-grid;
		grid-template-columns: 2px auto 2px;
		gap: 0 .1em;
		line-height: 1.35;
		color: var(--voice-rankColor);
		font-weight: 600;
		font-size: 1.6em;
		font-size: clamp(1.2em, (24.8 / 1366 * 100vw), 1.6em);
		letter-spacing: .07em;
		margin-bottom: .2em;
		margin-left: min(5%, 30px);
	}
	.kimetRankingBody .koeTtl::before,
	.kimetRankingBody .koeTtl::after {
		content: "";
		display: inline-block;
		border: 0 solid;
		border-radius: 10px;
	}
	.kimetRankingBody .koeTtl::before {
		transform-origin: bottom right;
		rotate: -20deg;
		border-right-width: 2px;
	}
	.kimetRankingBody .koeTtl::after {
		transform-origin: bottom left;
		rotate: 20deg;
		border-left-width: 2px;
	}
	.kimetRankingBody .koeTtl > * {
		padding: .3em 0 .2em .12em;
		padding-left: .1em;
	}
	.kimetRankingBody .koeList {
		display: grid;
		grid-template-columns: 1fr;
		gap: 8px 0;
	}
	.kimetRankingBody .koeItem {
		display: grid;
		grid-template-columns: clamp(16px, (24 / 640 * 100%), 24px) 1fr;
		align-items: center;
		gap: 0 12px;
		background: rgba(255, 255, 255, .6);
		padding-right: .5em;
	}
	.kimetRankingBody .koeItem::before {
		content: "";
		display: block;
		width: 100%;
		aspect-ratio: 24 / 70;
		background: var(--voice-rankColor);
		clip-path: polygon(0 0, 100% 50%, 0 100%);
	}
	.kimetRankingBody .koeItem .koeTxt {
		line-height: 1.6;
		font-size: clamp(1em, (19.375 / 1366 * 100vw), 1.25em);
		font-weight: 440;
		padding: .6em 0;
	}
	.kimetRankingBody .kimetePicBox {
		position: relative;
	}
	/* grid設定 ----- */
	.kimetRankingBodyKoeGrid {
		display: grid;
		grid-template-columns: 1fr calc(530 / 1200 * 100%);
		justify-content: space-between;
		gap: 0 2.5%;
		margin-top: var(--site-marpad-XS);
	}
	.kimetRankingBodyKoeGrid .kimetePicBox {
		align-self: end;
	}

	/* -- Individual -- */
	[data-kimete_rank="3"] .facilityDetail {
		display: inline-grid;
		grid-template-columns: .4em 1fr .4em;
		gap: 0 .2em;
		line-height: 1.25;
		color: var(--voice-rankColor);
		font-size: .935em;
		letter-spacing: .03em;
		margin-top: .1em;
	}
	[data-kimete_rank="3"] .facilityDetail::before,
	[data-kimete_rank="3"] .facilityDetail::after {
		content: "";
		border: 0 solid;
	}
	[data-kimete_rank="3"] .facilityDetail::before {	border-width: 1px 0 1px 1px;}
	[data-kimete_rank="3"] .facilityDetail::after {		border-width: 1px 1px 1px 0;}
	[data-kimete_rank="3"] .facilityDetailInner {
		padding: .1em 0;
	}
	[data-kimete_rank="8"] .kimetePicBox .pic small {
		opacity: .8;
		padding-left: 1%; /* 微調整 */
		margin-top: 0;
	}

@media screen and (min-width: 900.02px) and (max-width: 1200px) {
	/* -- Individual -- */
	/* ////////// PC以上の時の微調整（適宜調整を） ////////// */
	[data-kimete_rank="2"] .kimetePicBox .pic {
		margin-top: calc(min(60 / 1366 * 100vw, 60px) * -1); /* ★PC以上で微調整 */
	}
	[data-kimete_rank="4"] .kimetePicBox .pic {
		margin-top: calc(min(40 / 1366 * 100vw, 40px) * -1); /* ★PC以上で微調整 */
	}
	[data-kimete_rank="5"] .kimetePicBox .pic {
		margin-top: calc(min(60 / 1366 * 100vw, 60px) * -1); /* ★PC以上で微調整 */
	}
	[data-kimete_rank="8"] .kimetePicBox .pic {
		width: calc(640 / 530 * 100%);								/* 少し大きくする（はみ出す） */
		margin-left: calc((((640 / 530 * 100%) - 100%) * -1) + 8%);	/* 最後の + 8% は微調整。なくてもよい。 */
		margin-top: calc(min(80 / 1366 * 100vw, 80px) * -1); /* ★PC以上で微調整 */
	}
	[data-kimete_rank="10"] .kimetePicBox .pic {
		margin-top: calc(min(40 / 1366 * 100vw, 40px) * -1); /* ★PC以上で微調整 */
	}
}
@media screen and (max-width: 900px) {
	/* Body
	----------------------- */
	/* 共通設定（'grid設定'は後述） ----- */
	.kimetRankingBody .koeTtl {
		font-size: clamp(1.2em, (20 / 800 * 100vw), 1.45em);
	}
	.kimetRankingBody .koeItem .koeTxt {
		font-size: clamp(1em, (17 / 800 * 100vw), 1.2em);
	}
	/* grid設定 ----- */
	.kimetRankingBodyKoeGrid {
		grid-template-columns: 1fr;
		gap: calc(var(--site-marpad-XS) + 10px) 0;
	}
}
@media screen and (max-width: 600px) {
	[data-kimete_rank="1"] {
		margin-top: calc(var(--site-marpad-XS) + 50px);
	}

	/* Heading
	----------------------- */
	.kimetRankingHeadingGrid {
		display: block;
	}
	.kimetRankingHeadingGrid .rankNum {
		display: block;
		width: 35%;
		max-width: 130px;
		margin-left: auto;
		margin-right: auto;
	}
	.kimetRankingHeadingGrid .rankTtl {
		font-size: min((26 / 360 * 100vw), 33px);
		text-align: center;
		letter-spacing: .06em;
		padding-top: .35em;
	}
	/* Body
	----------------------- */
	/* 共通設定（'grid設定'は後述） ----- */
	.kimetRankingBody .koeTtl {
		display: grid;
		justify-content: center;
		font-size: min((13.2 / 360 * 100vw), 1.2em);
		margin-bottom: .5em;
		margin-left: revert;
	}
	.kimetRankingBody .koeList {
		gap: 6px 0;
	}
	.kimetRankingBody .koeItem {
		grid-template-columns: clamp(9px, (9 / 360 * 100%), 12px) 1fr;
		gap: 0 .5em;
	}
	.kimetRankingBody .koeItem .koeTxt {
		line-height: 1.45;
		font-size: min((12.75 / 360 * 100vw), 1.1em);
		letter-spacing: .03em;
		padding: .5em 0;
	}
	.kimetRankingBody .kimetePicBox {
		margin-left:	calc(-50vw + 50%);
		margin-right:	calc(-50vw + 50%);
	}
	/* grid設定 ----- */
	.kimetRankingBodyKoeGrid {
		margin-top: calc(var(--site-marpad-XS) + 1em);
	}
	/* -- Individual -- */
	/* ////////// 微調整（適宜調整を） ////////// */
	[data-kimete_rank="10"] .kimetePicBox {
		margin-left:	auto; /* ロゴは幅いっぱいにしない */
		margin-right:	auto; /* ロゴは幅いっぱいにしない */
	}
}

/* ==========
	ANIME
========== */
@media screen {
	.kimetRankingSection[data-js_show_target] .kimetRankingHeadingGrid .rankNum img {
		opacity: 0;
		transform: scale(.75);
		filter: blur(10px);
		transition: none .6s cubic-bezier(0.34, 1.76, 0.84, 1) .3s;
		transition-property: opacity, transform, filter;
	}
	[data-kimete_rank="1"][data-js_show_target] .kimetRankingHeadingGrid .rankNum img,
	[data-kimete_rank="2"][data-js_show_target] .kimetRankingHeadingGrid .rankNum img,
	[data-kimete_rank="3"][data-js_show_target] .kimetRankingHeadingGrid .rankNum img {
		transform: scale(.5);
	}
	.kimetRankingSection[data-js_show_target-passed] .kimetRankingHeadingGrid .rankNum img {
		opacity: 1;
		transform: scale(1);
		filter: blur(0px);
	}
}


/* kimetePickupBox
------------------------------------------------------------------------ */
	.kimetePickupBox {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0 calc(30 / 1080 * 100%);
		margin-top: calc(var(--site-marpad-XXS) + 5px);
	}
	.kimetePickupBox .pickupPicBox {
		order: -1;
	}

@media screen and (max-width: 900px) {
	.kimetePickupBox {
		grid-template-columns: 1fr;
		gap: calc(var(--site-marpad-XS) + 10px) 0;
	}
	.kimetePickupBox .pickupKoeList .koeItem {
		min-height: 3.5em; /* 微調整 */
	}
	.kimetePickupBox .pickupPicBox {
		order: revert;
	}
}
@media screen and (max-width: 600px) {
	.kimetePickupBox .pickupKoeList .koeItem {
		min-height: revert;
	}
}





/* ------------------------------------------------------------------------
cat-goodpointContainer
------------------------------------------------------------------------ */
	.cat-goodpointContainer {
		background: #faf9f1;
	}
	.goodpointWrap {}


/* goodpointWrap
------------------------------------------------------------------------ */
	.goodpointWrap {}


/* goodpoint_ttl
---------------------------------------------------- */
	.goodpoint_ttl {}


/* goodpointRankingWrap
---------------------------------------------------- */
	.goodpointRankingWrap {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0 calc(60 / 1200 * 100%);
	}

	.goodpointRankingBox {
		--voice-groupColor: #d7d7d7;
		--voice-rankColor: #69a59d;
		background: var(--voice-groupColor);
		padding: clamp(24px, (39 / 1000 * 100vw), 39px) clamp(19px, (39 / 1366 * 100vw), 39px);
		border: 1px solid #006934;
	}
	[data-goodpoint-group="location"] {
		--voice-groupColor: #efeacf;
	}
	[data-goodpoint-group="planning"] {
		--voice-groupColor: #e0eacd;
	}
	[data-iitokoro_rank="1"] {
		--voice-rankColor: #e28900;
	}
	[data-iitokoro_rank="2"] {
		--voice-rankColor: #768187;
	}
	[data-iitokoro_rank="3"] {
		--voice-rankColor: #c66741;
	}

	.goodpointRankingBoxHeading {
		line-height: 1.25;
		color: #006934;
		font-weight: 600;
		letter-spacing: .3em;
	}
	.goodpointRankingBoxHeading > * {
		display: block;
		text-align: center;
	}
	.goodpointRankingBoxHeading .upperPhrase {
		font-size: min((36 / 1366 * 100vw), 2.32em);
		margin-bottom: .15em;
		padding: .175em 0 .275em;
		border: 0 solid;
		border-width: 2px 0;
	}
	.goodpointRankingBoxHeading .lowerPhrase {
		font-size: min((26 / 1366 * 100vw), 1.67em);
	}
	.goodpointRankingBoxHeading > img {
		display: block;
		width: 40%;
		margin-top: 1.2em;
		margin-left: auto;
		margin-right: auto;
	}
	.goodpointRankingBoxBody {}

@media screen and (max-width: 1200px) {
	.goodpointRankingWrap {
		gap: 0 calc(30 / 1200 * 100%);
	}
}
@media screen and (max-width: 900px) {
	.goodpointRankingWrap {
		grid-template-columns: 1fr;
		gap: 35px 0;
	}
	.goodpointRankingBox {
		padding: clamp(24px, (39 / 900 * 100vw), 39px) clamp(19px, (39 / 900 * 100vw), 39px);
	}
	.goodpointRankingBoxHeading {
		letter-spacing: .25em;
	}
	.goodpointRankingBoxHeading .upperPhrase {
		font-size: min((32 / 900 * 100vw), 2.33em);
	}
	.goodpointRankingBoxHeading .lowerPhrase {
		font-size: min((22 / 900 * 100vw), 1.6em);
	}
	.goodpointRankingBoxHeading > img {
		width: 28%;
	}
}
@media screen and (max-width: 600px) {
	.goodpointRankingWrap {
		gap: 30px 0;
	}
	.goodpointRankingBoxHeading .upperPhrase {
		font-size: min((20 / 360 * 100vw), 2.15em);
	}
	.goodpointRankingBoxHeading .lowerPhrase {
		font-size: min((15 / 360 * 100vw), 1.53em);
	}
	.goodpointRankingBoxHeading > img {
		width: 45%;
		margin-top: 1em;
	}
}



/* iitokoroRankingSection
---------------------------------------------------- */
	.iitokoroRankingSection {
		margin-top: 35px;
	}
	.iitokoroRankingHeading {}
	.iitokoroRankingHeadingGrid {
		display: grid;
		grid-template-columns: calc(125 / 570 * 100%) 1fr;
		gap: 0 3%;
	}
	.iitokoroRankingHeadingGrid .rankNum {
	}
	.iitokoroRankingHeadingGrid .rankNum img {
		display: block;
	}
	.iitokoroRankingHeadingGrid .rankTtl {
		display: grid;
		grid-template-columns: 1fr;
		align-items: center;
		line-height: 1.25;
		color: var(--voice-rankColor);
		font-size: min((33 / 1366 * 100vw), 33px);
		font-weight: 600;
		letter-spacing: .2em;
		padding-top: .5em;
	}
	.iitokoroRankingBody {}
	.iitokoroRankingBodyKoeWrap {
		margin-top: 1em;
	}
	.iitokoroRankingBodyKoeWrap .koeBox {}
	.iitokoroRankingBodyKoeWrap .koeTtl {
		display: inline-grid;
		grid-template-columns: 2px auto 2px;
		gap: 0 .1em;
		line-height: 1.35;
		color: var(--voice-rankColor);
		font-weight: 600;
		font-size: 1.6em;
		font-size: clamp(.838em, (15.5 / 1366 * 100vw), 1em);
		letter-spacing: .07em;
		margin-bottom: .2em;
		margin-left: min(2.5%, 10px);
	}
	.iitokoroRankingBodyKoeWrap .koeTtl::before,
	.iitokoroRankingBodyKoeWrap .koeTtl::after {
		content: "";
		display: inline-block;
		border: 0 solid;
		border-radius: 10px;
	}
	.iitokoroRankingBodyKoeWrap .koeTtl::before {
		transform-origin: bottom right;
		rotate: -20deg;
		border-right-width: 1px;
	}
	.iitokoroRankingBodyKoeWrap .koeTtl::after {
		transform-origin: bottom left;
		rotate: 20deg;
		border-left-width: 1px;
	}
	.iitokoroRankingBodyKoeWrap .koeTtl > * {
		padding: .3em 0 .2em .12em;
		padding-left: .1em;
	}
	.iitokoroRankingBodyKoeWrap .koeList {
		display: grid;
		grid-template-columns: 1fr;
		gap: 6px 0;
	}
	.iitokoroRankingBodyKoeWrap .koeItem {
		display: grid;
		grid-template-columns: clamp(9px, (13 / 490 * 100%), 13px) 1fr;
		align-items: center;
		gap: 0 8px;
		background: rgba(255, 255, 255, .6);
		padding-right: .5em;
	}
	.iitokoroRankingBodyKoeWrap .koeItem::before {
		content: "";
		display: block;
		width: 100%;
		aspect-ratio: 13 / 34;
		background: var(--voice-rankColor);
		clip-path: polygon(0 0, 100% 50%, 0 100%);
	}
	.iitokoroRankingBodyKoeWrap .koeItem .koeTxt {
		line-height: 1.6;
		font-size: clamp(.9em, (17.5 / 1366 * 100vw), 1.13em);
		font-weight: 440;
		padding: .2em 0;
	}
	.iitokoroRankingBodyKoeWrap .iitokoroPicBox {
		position: relative;
	}
	.iitokoroRankingBodyKoeWrap .iitokoroPicBox .pic {}

@media screen and (max-width: 1200px) {
	.iitokoroRankingHeadingGrid .rankTtl {
		font-size: min((26 / 1200 * 100vw), 26px);
	}
}
@media screen and (max-width: 900px) {
	.iitokoroRankingSection {
		margin-top: 25px;
	}
	.iitokoroRankingHeadingGrid .rankTtl {
		font-size: min((32 / 800 * 100vw), 32px);
	}
	.iitokoroRankingBodyKoeWrap .koeBox {}
	.iitokoroRankingBodyKoeWrap .koeTtl {
		font-size: clamp(.838em, (14.25 / 800 * 100vw), 1.04em);
	}
	.iitokoroRankingBodyKoeWrap .koeItem {
		grid-template-columns: clamp(9px, (13 / 490 * 100%), 13px) 1fr;
	}
	.iitokoroRankingBodyKoeWrap .koeItem .koeTxt {
		font-size: clamp(1em, (17 / 800 * 100vw), 1.2em);
	}
}
@media screen and (max-width: 600px) {
	.iitokoroRankingSection {
		margin-top: 20px;
	}
	.iitokoroRankingHeadingGrid {
		grid-template-columns: calc(64 / 270 * 100%) 1fr;
		gap: 0 4%;
	}
	.iitokoroRankingHeadingGrid .rankTtl {
		font-size: min((20 / 360 * 100vw), 28px);
		letter-spacing: .14em;
	}
	.iitokoroRankingBodyKoeWrap .koeList {
		gap: 4px 0;
	}
	.iitokoroRankingBodyKoeWrap .koeItem {
		grid-template-columns: clamp(9px, (9 / 360 * 100%), 12px) 1fr;
	}
	.iitokoroRankingBodyKoeWrap .koeItem .koeTxt {
		font-size: min((12 / 360 * 100vw), 1.1em);
	}
}

/* ==========
	ANIME
========== */
@media screen {
	.iitokoroRankingSection[data-js_show_target] .iitokoroRankingHeadingGrid .rankNum img {
		opacity: 0;
		transform: scale(.75);
		filter: blur(10px);
		transition: none .6s cubic-bezier(0.34, 1.76, 0.84, 1) .3s;
		transition-property: opacity, transform, filter;
	}
	[data-kimete_rank="1"][data-js_show_target] .iitokoroRankingHeadingGrid .rankNum img,
	[data-kimete_rank="2"][data-js_show_target] .iitokoroRankingHeadingGrid .rankNum img,
	[data-kimete_rank="3"][data-js_show_target] .iitokoroRankingHeadingGrid .rankNum img {
		transform: scale(.5);
	}
	.iitokoroRankingSection[data-js_show_target-passed] .iitokoroRankingHeadingGrid .rankNum img {
		opacity: 1;
		transform: scale(1);
		filter: blur(0px);
	}
}

/* ---------------------------------
	-- Individual --
--------------------------------- */

/* sharedFacilitiesRankingBox
--------------------------------- */
	.iitokoroRankingBody .sharedFacilitiesRankingBox {
		color: #006934;
		font-size: clamp(1em, (20 / 1366 * 100vw), 1.29em);
		margin-top: 15px;
		border: 0 solid;
		border-width: 2px 0;
	}
	.iitokoroRankingBody .sharedFacilitiesRankingBox .ttl {
		line-height: 1.35;
		font-weight: 600;
		text-align: center;
		letter-spacing: .15em;
		padding: .25em .325em .3em;
	}
	.iitokoroRankingBody .sharedFacilitiesRankingBox .list {}
	.iitokoroRankingBody .sharedFacilitiesRankingBox .item {
		display: grid;
		grid-template-columns: 2.4em 1fr;
		align-items: center;
		gap: 0 .3em;
		line-height: 1.25;
		font-weight: 480;
		padding: .35em .9em .4em;
		border-top: 1px solid rgba(0, 105, 52, .4);
	}
	.iitokoroRankingBody .sharedFacilitiesRankingBox .item .num {
		line-height: .9;
		color: var(--voice-rankColor);
		font-family: var(--site-font_family-en_3);
		font-size: 1.79em;
		font-weight: 600;
	}
	.iitokoroRankingBody .sharedFacilitiesRankingBox .item:nth-of-type(1) .num {
		letter-spacing: .1em;
	}
	.iitokoroRankingBody .sharedFacilitiesRankingBox .item .txt {}

@media screen and (max-width: 900px) {
	.iitokoroRankingBody .sharedFacilitiesRankingBox {
		font-size: clamp(1em, (18 / 800 * 100vw), 1.31em);
	}
}
@media screen and (max-width: 600px) {
	.iitokoroRankingBody .sharedFacilitiesRankingBox {
		font-size: min((13 / 360 * 100vw), 1.2em);
	}
}


/* goodpointPickupBox
------------------------------------------------------------------------ */
	.cat-goodpointContainer .pickupSection {
		padding-left: clamp(15px, (44 / 1366 * 100vw), 44px);
		padding-right: clamp(15px, (44 / 1366 * 100vw), 44px);
	}
	.goodpointPickupBox {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: min((50 / 1366 * 100vw), 50px);
		margin-top: calc(var(--site-marpad-XXS) - 3px);
	}
	.goodpointPickupBox .pickupKoeListWrap {
		background: var(--voice-groupColor);
		padding: clamp(24px, (39 / 1000 * 100vw), 39px) clamp(19px, (24 / 1366 * 100vw), 24px);
		border: 1px solid #006934;
	}
	.goodpointPickupBox .pickupPicBox small.imgcapkeep.padding0 {
		padding: 0;
	}
	.goodpointPickupBox .pickupPicBox .ttl {
		line-height: 1.4;
		font-family: var(--site-font_family-sans);
		font-size: clamp(1em, (19 / 1366 * 100vw), 1.22em);
		text-align: left;
		letter-spacing: .1em;
		margin-top: .4em;
	}
@media screen and (max-width: 900px) {
	.goodpointPickupBox {
		grid-template-columns: 1fr;
		gap: calc(10 / 900 * 100vw);
	}
	.goodpointPickupBox .pickupPicBox {
		margin-top: 10px;
	}
	.goodpointPickupBox .pickupPicBox .ttl {
		font-size: clamp(1em, (19 / 900 * 100vw), 1.22em);
	}
}
@media screen and (max-width: 600px) {
	.goodpointPickupBox .pickupKoeListWrap {
		padding: min((15 / 360 * 100vw), 25px) min((8 / 360 * 100vw), 15px);
	}
}





/* enqueteWrap
------------------------------------------------------------------------ */
	.enqueteWrap {}


/* enquete_ttl
---------------------------------------------------- */
	.enquete_ttl {
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		justify-content: center;
		align-items: center;
		gap: 0 .5em;
		line-height: 1.5;
		color: #006934;
		font-size: clamp(1.6em, (31 / 1366 * 100vw), 2em);
		font-weight: 600;
		text-align: center;
		letter-spacing: .1em;
	}
	.enquete_ttl::before,
	.enquete_ttl::after {
		content: "";
		border-top: 1px solid;
		min-width: 1.5em;
	}
	.enquete_ttl br.belowTBs {
		display: none;
	}
@media screen and (max-width: 900px) {
	.enquete_ttl {
		font-size: clamp(20px, (26 / 900 * 100vw), 1.858em);
	}
	
	.enquete_ttl {
		grid-template-columns: 1px auto 1px;
		gap: 0 1.25em;
		font-size: clamp(1.45em, (31 / 900 * 100vw), 2em);
	}
	.enquete_ttl::before,
	.enquete_ttl::after {
		border-top: revert;
		border-left: 1px solid;
		min-width: 0;
		height: 100%;
	}
	.enquete_ttl br.belowTBs {
		display: inline;
	}
}

/* enqueteSlider | swiper
---------------------------------------------------- */
	.enqueteSliderWrap {
		background: rgba(201, 188, 156, .3);
		margin-top: 30px;
		padding: clamp(60px, (150 / 1366 * 100vw), 150px) clamp(30px, (70 / 1366 * 100vw), 70px);
	}
	.enqueteSlider {
		position: relative;
		width: 98%;
		max-width: calc(900px + (3px * 2));
		background: #fff;
		margin-left: auto;
		margin-right: auto;
		border: 3px solid #222;
	}

	/* 矢印カスタマイズ */
	.enqueteSlider .swiper-button-prev,
	.enqueteSlider .swiper-button-next {
		--swiper-navigation-size: clamp(25px, (60 / 1366 * 100vw), 60px);
		width: auto;
		aspect-ratio: 1;
		line-height: 1;
		color: #222;
		border: 2px solid currentColor;
		border-radius: 100%;
	}
	.enqueteSlider .swiper-button-prev {
		left: revert;
		right: calc(100% + 6px);
	}
	.enqueteSlider .swiper-button-next {
		left: calc(100% + 6px);
		right: revert;
	}
	.enqueteSlider .swiper-button-prev::after,
	.enqueteSlider .swiper-button-next::after {
		content: "";
		position: absolute;
		inset: 20%;
		z-index: 0;
		background: currentColor;
	}
	.enqueteSlider .swiper-button-prev::after {
		clip-path: polygon(0% 50%, 80% 0%, 80% 100%);
	}
	.enqueteSlider .swiper-button-next::after {
		clip-path: polygon(20% 0%, 100% 50%, 20% 100%);
	}
@media screen and (max-width: 900px) {
	.enqueteSliderWrap {
		margin-left:	calc(-50vw + 50%);
		margin-right:	calc(-50vw + 50%);
		padding-left: clamp(30px, (70 / 900 * 100vw), 70px);
		padding-right: clamp(30px, (70 / 900 * 100vw), 70px);
	}
	.enqueteSlider .swiper-button-prev,
	.enqueteSlider .swiper-button-next {
		--swiper-navigation-size: clamp(25px, (60 / 900 * 100vw), 60px);
	}
}
@media screen and (max-width: 600px) {
	.enqueteSlider {
		border-width: 2px;
	}
	.enqueteSlider .swiper-button-prev,
	.enqueteSlider .swiper-button-next {
		border-width: 1px;
	}
}