/* CSS Document */
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');
/* Noto JP
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
*/

[src="[url]"]{
	display: block;
	background: var(--dummy);
}
[lsc-lt]{
	display: contents !important;
}
[src*="src"]{
	display: block;
	background: #ccc;
}

:root{
	--color: #1a1a1a;
	--color-rgb: 26, 26, 26;
	--color-theme: #38aaad;
	--color-theme-rgb: 56, 170, 173;
	--variable-color: var(--color-theme);
	--color-border: #b3b3b3;
	--font: 'Noto Sans JP', 'BIZ UDPGothic', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', sans-serif;
	--font-min: 'Noto Serif JP', serif;
	--wrap-space: 24px;
	--wrap-fit: calc(min(100dvw, 100%) - 48px);
	--wrap-max: 1140px;
	--wrap: clamp(327px, var(--wrap-fit), var(--wrap-max));
	--dummy: #d3e6e8 url('../images/logo.svg') no-repeat center / 50% 33%;
}

html{
	min-width: 375px;
	scroll-behavior: smooth;
	scroll-padding-top: 56px;
}

body{
	color: var(--color);
	font: 400 14px var(--font);
	line-height: 1.65;
	overflow-wrap: anywhere;
}

::selection{
	background: var(--color-theme);
	color: #fff;
}
::-moz-selection{
	background: var(--color-theme);
	color: #fff;
}
_::content, _:future, body:not(*:root) {
	/* Chromeのハック */
	/*フォント細いって言われたとき
	font-weight: 500;
	*/
}
_::-webkit-full-page-media, _:future, :root body{
	/* safariのハック */
}
@-moz-document url-prefix(){
	/* Firefoxのハック */
	.xxx{

	}
}

a{
	color: inherit;
}
.done a{
	transition-property: color, text-decoration, background, background-color, background-size, border, border-color, box-shadow, filter, opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}

wbr{
}
.translated-ltr wbr:not(:lang(ja)){
	display: none;
}

main{
}
main a{
	color: -webkit-link;
	text-decoration: underline;
}

:where(a, button):focus-visible{
	outline: var(--color-theme) auto 2px;
	outline-offset: 2px;
}

:where(input, textarea, select){
	background-color: transparent;
	accent-color: var(--color-theme);
	caret-color: var(--color-theme);
}

:is(input[type="checkbox"], input[type="radio"]){
	&:checked{
		background-color: var(--color-theme);
	}
}

button{
	display: grid;
	align-items: center;
	min-height: 48px;
	padding: 8px 16px;
	background: black;
	color: white;
	text-align: center;
}

#wrapper{
	display: grid;
	grid-template-rows: auto auto 1fr;
	min-height: 100dvh;
}
#wrapper #header{
	grid-column: 1;
	grid-row: 1;
	position: sticky;
	top: 0;
	z-index: 110;
}
#wrapper #main{
	margin-bottom: auto;
}
#wrapper #nav{
	z-index: 130;
}
#wrapper #footer,
#wrapper #pageTop{
	order: 10;
}
#wrapper #navButton{
	grid-column: 1;
	grid-row: 1;
	justify-self: end;
	position: sticky;
	top: 0;
	z-index: 120;
}

#header{
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: clamp(16px, calc(32 / 1200 * 100vw), 32px);
	background: #fff;
	padding-right: clamp(64px, calc(104 / 768 * 100vw), 104px);
	min-height: clamp(64px, calc(104 / 768 * 100vw), 104px);
	font-family: var(--font-min);
}
body:not(.scrollTop) #header{
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
}
#header #siteName{
	align-self: center;
	margin-left: clamp(16px, calc(40 / 1200 * 100vw), 40px);
}
#header #hNav{
	justify-self: end;
}

#siteName{
}
#siteName a{
	display: block;
	aspect-ratio: 300 / 130;
	height: clamp(48px, calc(88 / 768 * 100vw), 88px);
	background: url('../images/logo.svg') no-repeat center / contain;
	font-size: 0;
	transition: none;
}

#hNav{
	display: grid;
	grid-gap: 8px clamp(16px, calc(32 / 1200 * 100vw), 32px);
	font-weight: 400;
	font-family: var(--font-min);
}
@media (max-width: 575.98px) {
	#hNav{
		display: none;
	}
}
@media (max-width: 1199.98px) {
	#hNav #hNavGlobal,
	#hNav #hNavPickup{
		display: none;
	}
}
@media (min-width: 1200px) {
	#hNav #hNavGlobal{
		grid-column: 1;
		grid-row: 1;
		align-self: end;
		margin-top: 8px;
	}
	#hNav #hNavPickup{
		grid-column: 1;
		grid-row: 2;
		margin-bottom: 8px;
	}
	#hNav #hNavSpringboard{
		grid-column: 2;
		grid-row: 1 / 3;
	}
}

#hNavGlobal,
#hNavPickup{
}
#hNavGlobal ul,
#hNavPickup ul{
	display: flex;
	column-gap: clamp(16px, calc(24 / 1400 * 100vw), 24px);
	font-size: clamp(12px, calc(14 / 1400 * 100vw), 14px);
}
#hNavGlobal a,
#hNavPickup a{
	display: block;
	text-align: center;
}
#hNavGlobal a:hover,
#hNavPickup a:hover{
	color: var(--color-theme);
}

#hNavSpringboard{
}
#hNavSpringboard ul{
	display: grid;
	grid-auto-flow: column;
	justify-items: stretch;
	height: clamp(64px, calc(104 / 768 * 100vw), 104px);
}
#hNavSpringboard ul:after{
	content: "";
	grid-row: span 2;
	margin: 8px 0;
	border-left: 1px solid #ccc;
}
#hNavSpringboard li{
	display: contents;
}
#hNavSpringboard li:before{
	content: "";
	grid-row: span 2;
	margin: 8px 0;
	border-left: 1px solid #ccc;
}
#hNavSpringboard a{
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
	align-content: center;
	place-items: center;
	min-width: clamp(64px, calc(104 / 768 * 100vw), 104px);
	padding: 8px;
	font-size: clamp(8px, calc(12 / 768 * 100vw), 12px);
	text-align: center;
	text-wrap: balance;
}
#hNavSpringboard a:before{
	content: "";
	aspect-ratio: 1;
	width: 16px;
	background: currentColor;
	-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"></svg>') no-repeat center / contain;
}
#hNavSpringboard a:hover{
	color: var(--color-theme);
}
#hNavSpringboard a[href="https://www.instagram.com/gotolife2021/"]:before{
	-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.35,0h-6.69C2.09,0,0,2.08,0,4.64v6.71c0,2.56,2.09,4.65,4.65,4.65h6.69c2.57,0,4.65-2.08,4.65-4.65v-6.71c0-2.56-2.09-4.64-4.65-4.64ZM14.53,11.35c0,1.75-1.43,3.18-3.19,3.18h-6.69c-1.76,0-3.19-1.43-3.19-3.18v-6.71c0-1.75,1.43-3.18,3.19-3.18h6.69c1.76,0,3.19,1.43,3.19,3.18v6.71ZM8,3.91c-2.26,0-4.1,1.84-4.1,4.09s1.84,4.09,4.1,4.09,4.1-1.84,4.1-4.09-1.84-4.09-4.1-4.09ZM8,10.66c-1.47,0-2.66-1.19-2.66-2.66s1.19-2.66,2.66-2.66,2.66,1.19,2.66,2.66-1.19,2.66-2.66,2.66ZM12.3,2.77c-.54,0-.98.44-.98.98s.44.98.98.98.98-.44.98-.98-.44-.98-.98-.98Z"/></svg>');
}
#hNavSpringboard a[href="https://goto.nagasaki-tabinet.com/"]:before{
	-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16,12V0H0v12h7v2h-3v2h8v-2h-3v-2h7ZM8,.5c.28,0,.5.22.5.5s-.22.5-.5.5-.5-.22-.5-.5.22-.5.5-.5ZM7,10H2V2h12v8h-7Z"/></svg>');
}
#hNavSpringboard a[href$="/favorite/index.html"]:before{
	-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><polygon points="13.65 0 10.82 0 8 2.82 5.18 0 2.35 0 0 2.35 0 6.59 8 16 16 6.59 16 2.35 13.65 0"/></svg>');
}

#navButton,
#navClose{
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
	display: grid;
	align-content: center;
	justify-items: center;
	grid-row-gap: 5px;
	aspect-ratio: 1;
	height: clamp(64px, calc(104 / 768 * 100vw), 104px);
	overflow: hidden;
}
.nav #navButton,
.nav #navClose{
	color: #fff;
}
#navButton i,
#navClose i{
	width: min(50%, 40px);
	border-top: 1px solid currentColor;
	animation-duration: 0.75s;
	animation-fill-mode: forwards;
	transition: transform 0.75s;
}
#navButton.on{
}
#navButton.on i:nth-of-type(1),
#navClose.on i:nth-of-type(1){
	animation-name: navButton-bar01_on;
}
#navButton.on i:nth-of-type(2),
#navClose.on i:nth-of-type(2){
	animation-name: navButton-bar02_on;
}
#navButton.on i:nth-of-type(3),
#navClose.on i:nth-of-type(3){
	animation-name: navButton-bar03_on;
}
#navButton.off{
}
#navButton.off i:nth-of-type(1),
#navClose.off i:nth-of-type(1){
	animation-name: navButton-bar01_off;
}
#navButton.off i:nth-of-type(2),
#navClose.off i:nth-of-type(2){
	animation-name: navButton-bar02_off;
}
#navButton.off i:nth-of-type(3),
#navClose.off i:nth-of-type(3){
	animation-name: navButton-bar03_off;
}
@keyframes navButton-bar01_on{
	0% {
		transform: translateY(0);
		}
	50% {
		transform: translateY(5px) rotate(0);
		}
	100% {
		transform: translateY(5px) rotate(45deg);
		}
	}
@keyframes navButton-bar01_off{
	0% {
		transform: translateY(5px) rotate(45deg);
		}
	50% {
		transform: translateY(5px) rotate(0);
		}
	100% {
		transform: translateY(0);
		}
	}
@keyframes navButton-bar02_on{
	0% {
		transform: scaleX(1);
		}
	50% {
		transform: scaleX(1);
		}
	51% {
		transform: scaleX(0);
		}
	100% {
		transform: scaleX(0);
		}
	}
@keyframes navButton-bar02_off{
	0% {
		transform: scaleX(0);
		}
	49% {
		transform: scaleX(0);
		}
	50% {
		transform: scaleX(1);
		}
	100% {
		transform: scaleX(1);
		}
	}
@keyframes navButton-bar03_on{
	0% {
		transform: translateY(0);
		}
	50% {
		transform: translateY(-6px) rotate(0);
		}
	100% {
		transform: translateY(-6px) rotate(-45deg);
		}
	}
@keyframes navButton-bar03_off{
	0% {
		transform: translateY(-6px) rotate(-45deg);
		}
	50% {
		transform: translateY(-6px) rotate(0);
		}
	100% {
		transform: translateY(0);
		}
	}

#sideMenu{
	position: fixed;
	top: 0;
	right: 0;
	margin: clamp(16px, calc(24 / 1200 * 100vw), 24px) 8px 0 0;
	z-index: 100;
}
#sideMenu a{
	display: block;
	aspect-ratio: 88 / 220;
	width: clamp(64px, calc(88 / 1200 * 100vw), 88px);
	background: url("/iju/common/images/sideMenu.svg") no-repeat center / contain;
	font-size: 0;
}

#nav{
	position: fixed;
	top: 0;
	left: 100%;
	display: grid;
	align-content: start;
	width: min(100%, 420px);
	height: 100dvh;
	padding-bottom: 64px;
	background: var(--color-theme);
	color: #fff;
	font-weight: 200;
	font-family: var(--font-min);
	overflow-y: auto;
	overscroll-behavior: none;
	transform: translateX(0);
	transition: transform 0.2s ease-out;
}
.nav #nav{
	transform: translateX(-100%);
}
#nav h2{
	display: none;
}
#nav #navSpringboard{
	position: sticky;
	top: 0;
	background: var(--color-theme);
	z-index: 1;
	order: -1;
}
#nav #navSearch{
	order: -1;
}

#navGlobal,
#navPickup{
}
#navGlobal ul,
#navPickup ul{
	display: grid;
}
#navGlobal li,
#navPickup li{
	border-bottom: 1px solid currentColor;
}
#navGlobal a,
#navPickup a{
	display: grid;
	align-items: center;
	min-height: clamp(48px, calc(64 / 768 * 100vw), 64px);
	padding: 4px clamp(16px, calc(24 / 768 * 100vw), 24px);
}

#navSpringboard{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr clamp(64px, calc(104 / 768 * 100vw), 104px);
	justify-items: stretch;
	height: clamp(64px, calc(104 / 768 * 100vw), 104px);
	border-bottom: 1px solid currentColor;
}
#navSpringboard ul,
#navSpringboard li{
	display: contents;
}
#navSpringboard a{
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 2;
	align-content: center;
	place-items: center;
	padding: 8px;
	border-right: 1px solid #fff;
	font-size: clamp(8px, calc(12 / 768 * 100vw), 12px);
	text-align: center;
	text-wrap: balance;
}
#navSpringboard a:before{
	content: "";
	aspect-ratio: 1;
	width: 16px;
	background: currentColor;
	-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"></svg>') no-repeat center / contain;
}
#navSpringboard a:hover{
	color: var(--color);
}
#navSpringboard a[href="https://www.instagram.com/gotolife2021/"]:before{
	-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.35,0h-6.69C2.09,0,0,2.08,0,4.64v6.71c0,2.56,2.09,4.65,4.65,4.65h6.69c2.57,0,4.65-2.08,4.65-4.65v-6.71c0-2.56-2.09-4.64-4.65-4.64ZM14.53,11.35c0,1.75-1.43,3.18-3.19,3.18h-6.69c-1.76,0-3.19-1.43-3.19-3.18v-6.71c0-1.75,1.43-3.18,3.19-3.18h6.69c1.76,0,3.19,1.43,3.19,3.18v6.71ZM8,3.91c-2.26,0-4.1,1.84-4.1,4.09s1.84,4.09,4.1,4.09,4.1-1.84,4.1-4.09-1.84-4.09-4.1-4.09ZM8,10.66c-1.47,0-2.66-1.19-2.66-2.66s1.19-2.66,2.66-2.66,2.66,1.19,2.66,2.66-1.19,2.66-2.66,2.66ZM12.3,2.77c-.54,0-.98.44-.98.98s.44.98.98.98.98-.44.98-.98-.44-.98-.98-.98Z"/></svg>');
}
#navSpringboard a[href="https://goto.nagasaki-tabinet.com/"]:before{
	-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M16,12V0H0v12h7v2h-3v2h8v-2h-3v-2h7ZM8,.5c.28,0,.5.22.5.5s-.22.5-.5.5-.5-.22-.5-.5.22-.5.5-.5ZM7,10H2V2h12v8h-7Z"/></svg>');
}
#navSpringboard a[href$="/favorite/index.html"]:before{
	-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><polygon points="13.65 0 10.82 0 8 2.82 5.18 0 2.35 0 0 2.35 0 6.59 8 16 16 6.59 16 2.35 13.65 0"/></svg>');
}
#navSpringboard #navClose{
	grid-column: 4;
	grid-row: 1 / 3;
}

#navExtra{
	margin-top: 16px;
}
#navExtra ul{
	display: grid;
}
#navExtra li{
	display: contents;
}
#navExtra a{
	display: block;
	padding: 8px clamp(16px, calc(24 / 768 * 100vw), 24px);
}

#navSearch{
	padding: clamp(16px, calc(24 / 768 * 100vw), 24px);
	border-bottom: 1px solid currentColor;
}
#navSearch div,
#navSearch table,
#navSearch tbody,
#navSearch tr,
#navSearch td{
	display: contents;
}
#navSearch form{
	all: unset;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: calc(100% - 48px) 48px;
	grid-template-rows: auto 0;
}
#navSearch input{
	all: unset;
	box-sizing: border-box;
	grid-column: 1;
	grid-row: 1;
	height: 48px;
	padding: 8px 32px 8px clamp(16px, calc(24 / 768 * 100vw), 24px) !important;
	background: #fff;
	background-position: clamp(16px, calc(24 / 768 * 100vw), 24px) center !important;
	border-radius: 24px;
	color: var(--color);
	font-size: 16px;
}
#navSearch button{
	all: unset;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	aspect-ratio: 1;
	background: currentColor;
	-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" style="fill: none; stroke: black; stroke-linecap: round; stroke-width: 2px;"><path d="M11.41,11.41l5.59,5.59"/><circle cx="7" cy="7" r="6"/></svg>') no-repeat center / 18px;
}
#navSearch a{
	grid-column: 1;
	grid-row: 1;
	justify-self: flex-end;
	align-self: center;
	margin-right: 8px;
}

#pagePath{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	padding: 8px 0;
	background: #d3e6e8;
}
#pagePath ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	grid-gap: 8px;
}
#pagePath li{
	display: contents;
	&:not(:first-child):before{
		content: "\FF1E";
	}
}
#pagePath a{
	display: block;
	color: inherit;
	text-decoration: underline;
}

#footer{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	align-content: start;
	padding: clamp(32px, calc(40 / 1200 * 100vw), 40px) 0 16px 0;
	background: var(--color-theme);
	color: #fff;
	font-weight: 600;
	font-family: var(--font-min);
}
#footer>*{
	grid-column: 2;
}
#footer #fNav{
	margin-top: clamp(32px, calc(48 / 1200 * 100vw), 48px);
}
#footer #fLogo{
	order: -1;
}
#footer #copyright{
	margin-top: clamp(32px, calc(56 / 1200 * 100vw), 56px);
}

#fNav{
}
@media (max-width: 575.98px) {
	#fNav{
		display: none;
	}
}
#fNav ul{
	grid-gap: 14px;
}
@media (max-width: 575.98px) {
	#fNav ul{
		display: grid;
		justify-items: center;
	}
}
@media (min-width: 576px) {
	#fNav ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
}
#fNav li{
	display: contents;
}
#fNav li:nth-child(n+2):before{
	content: "";
}
@media (max-width: 575.98px) {
	#fNav li:nth-child(n+2):before{
		width: 1em;
		border-top: 1px solid currentColor;
	}
}
@media (min-width: 576px) {
	#fNav li:nth-child(n+2):before{
		height: 1em;
		border-left: 1px solid currentColor;
		transform: rotate(45deg);
	}
}
#fNav a{
	display: block;
}
#fNav a:hover{
	color: var(--color);
}

#fLogo{
	display: flex;
	justify-content: center;
}
#fLogo a{
	aspect-ratio: 300 / 130;
	height: clamp(80px, calc(128 / 768 * 100vw), 128px);
	background: url('../images/logo.svg') no-repeat center / contain;
	font-size: 0;
	cursor: pointer;
}

#copyright{
	text-align: center;
}

#pageTop{
	cursor: pointer;
	position: fixed;
	right: 8px;
	bottom: 8px;
	aspect-ratio: 1;
	width: 48px;
	background: #d3e6e8;
	font-size: 0;
	transition: opacity 0.2s ease-out 1s;
	z-index: 100;
}
#pageTop:before{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: var(--color-theme);
	-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="fill: none; stroke: black; stroke-width: 2px;"><polyline points="1 17 12 6 23 17"/></svg>') no-repeat center / 24px;

}

#cookiePolicy{
	position: fixed;
	left: 0;
	bottom: 0;
	display: grid;
	grid-gap: 16px 40px;
	width: 100%;
	padding: 24px calc((100% - var(--wrap)) / 2);
	background: rgba(26, 26, 26, 0.6);
	color: #fff;
	z-index: 1000;
}
@media (min-width: 768px) {
	#cookiePolicy{
		display: flex;
	}
	#cookiePolicy:before{
		content: "";
		border-left: 1px solid currentColor;
		margin-left: auto;
	}
	#cookiePolicy p{
		order: -1;
	}
}
#cookiePolicy p{
	font-size: clamp(12px, calc(14 / 768 * 100vw), 14px);
	letter-spacing: 0.1em;
}
#cookiePolicy a{
	text-decoration: underline;
}
#cookiePolicy button{
	all: unset;
	box-sizing: border-box;
	justify-self: center;
	display: grid;
	align-items: center;
	width: min(100%, 240px);
	min-height: 48px;
	padding: 4px 24px;
	background: var(--color-theme);
	color: #fff;
	font-family: var(--font-min);
	letter-spacing: 0.05em;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	&:hover{
		background: var(--color);
	}
}

#pagenation{
}
#pagenation[lsc-lb*="lsc"]{
	display: none;
}
#pagenation ul,
#pagenation ol{
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
}
#pagenation ul{
	grid-gap: 8px 24px;
}
#pagenation ul a{
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	column-gap: clamp(16px, calc(24 / 768 * 100vw), 24px);
	align-items: center;
	width: min(100%, 320px);
	min-height: clamp(48px, calc(56 / 768 * 100vw), 56px);
	padding: 4px clamp(8px, calc(16 / 768 * 100vw), 16px);
	background: var(--color-theme);
	color: #fff;
	font-family: var(--font-min);
	text-decoration: none;
}
#pagenation ul a:hover{
	background: var(--color);
}
#pagenation ul a:after{
	content: "";
	background: currentColor;
	width: clamp(16px, calc(56 / 1200 * 100vw), 56px);
	height: 5px;
	-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 5"><line y1="2.5" x2="52" y2="2.5" style="fill: none; stroke: %231a1a1a; stroke-miterlimit: 10;"/><polygon points="52 0 55 2.5 52 5 52 0" style="fill: %231a1a1a;"/></svg>') no-repeat center right / auto 100%;
}
#pagenation ul a[rel="prev"]{
}
#pagenation ul a[rel="prev"]:after{
	order: -1;
	transform: scale(-1, 1);
}
#pagenation ul a[rel="next"]{
}
#pagenation ul a[rel="next"]:before{
	content: "";
}
#pagenation ul a[rel="next"]:after{
	justify-self: end;
}
#pagenation ol{
	flex-wrap: wrap;
	grid-gap: 8px;
}
#pagenation ol a{
	display: grid;
	color: inherit;
	text-decoration: none;
}
#pagenation ol a:not([rel]){
	aspect-ratio: 1;
	width: 48px;
	font-size: clamp(12px, calc(18 / 768 * 100vw), 18px);
	place-items: center;
	border: 1px solid #ccc;
	border-radius: 100%;
}
#pagenation ol a[rel]{
	align-items: center;
	grid-gap: 4px;
	font-size: clamp(12px, calc(16 / 768 * 100vw), 16px);
	letter-spacing: 0.05em;
}
#pagenation ol a[rel="prev"],
#pagenation ol a[rel="next"]{
	grid-template-columns: auto auto;
}
#pagenation ol a[rel="prev"]:after,
#pagenation ol a[rel="next"]:after{
	content: "";
	aspect-ratio: 1;
	width: clamp(12px, calc(18 / 768 * 100vw), 18px);
	background: currentColor;
	-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" style="fill: none; stroke: black; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px;"><polyline points="5 1 13 9 5 17"/></svg>') no-repeat center / contain;
}
#pagenation ol a[rel="prev"]{
	margin-right: 8px;
}
#pagenation ol a[rel="prev"]:after{
	order: -1;
	transform: scale(-1, 1);
}
#pagenation ol a[rel="next"]{
	margin-left: 8px;
}
#pagenation ol a.lsc-current-page{
	background: #808080;
	border-color: transparent;
	color: #fff;
	pointer-events: none;
}
#pagenation li{
	display: contents;
}

#areaMap{
}
#areaMap a{
	text-decoration: none;
}
#areaMap a use{
	fill: transparent;
}
#areaMap rect{
	fill: var(--color-theme);
}
#areaMap text{
	fill: #fff;
	font-size: 13px;
}

#tab{
}
@media (max-width: 575.98px) {
	#tab{
		margin-bottom: 8px;
		border: solid currentColor;
		border-width: 1px 0;
	}
	#tab ul{
		grid-row-gap: 1px;
	}
	#tab a{
		padding: 8px 24px;
		font-size: 16px;
	}
}
@media (min-width: 576px) {
	#tab{
		position: relative;
		display: grid;
		grid-template-columns: var(--wrap);
		justify-content: center;
	}
	#tab ul{
	}
	#tab ul:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid currentColor;
		pointer-events: none;
	}
	#tab ul:has(li:nth-child(2):last-child){
		grid-template-columns: repeat(2, 1fr);
	}
	#tab ul:has(li:nth-child(3):last-child){
		grid-template-columns: repeat(3, 1fr);
	}
	#tab li{
		display: contents;
	}
	#tab li a{
		grid-row: 1;
	}
	#tab a{
		padding: 8px 16px;
		border: 4px solid #fff;
		font-size: clamp(12px, calc(18 / 768 * 100vw), 18px);
	}
	#tab .select a{
		border: 1px solid var(--color);
	}
}
#tab ul{
	display: grid;
}
#tab a{
	display: grid;
	align-items: center;
	min-height: 58px;
	background: #e5eff0;
	color: inherit;
	font-weight: 600;
	font-family: var(--font-min);
	text-align: center;
	text-decoration: none;
}
#tab .select a{
	background: var(--color-theme);
	color: #fff;
	pointer-events: none;
}

.infoWin{
}
[LSC-LB="dummy"] .infoWin{
	padding: 24px;
	background: #fff;
	border-radius: 10px;
}
.infoWin dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	grid-gap: 10px 8px;
	max-width: 210px;
}
.infoWin dt{
	width: 100%;
	font-size: clamp(12px, calc(14 / 768 * 100vw), 14px);
}
.infoWin dd{
}
.infoWin dd:has(img){
	width: 100%;
}
.infoWin dd:has(a){
	display: contents;
}
.infoWin dd img{
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
.infoWin dd a{
	display: grid;
	align-items: center;
	min-height: 24px;
	padding: 2px 8px;
	width: calc(50% - 4px);
	background: var(--color-theme);
	color: #fff;
	font-size: clamp(10px, calc(12 / 768 * 100vw), 12px);
	text-align: center;
	text-decoration: none;
}
.infoWin dd a[href*="google.co.jp"]{
	background: var(--color);
}