/* CSS Document */

:root{
	--variable-color: #ffab7b;
	--variable-color-sub: #f1841f;
	--variable-color-bg: #fff6f5;
}

#header{
	background: #fff6f5;
}

#siteName{
	& a{
		all: unset;
		box-sizing: border-box;
		cursor: pointer;
		display: block;
		width: 7.25em;
		font-weight: 700;
		font-size: min(4vw, 20px);
		line-height: 1.25;
		& span{
			font-size: 1.25em;
			&:nth-child(1){
				color: #f1841f;
			}
		}
	}
}

#hNavGlobal,
#hNavPickup{
	& a{
		&:hover{
			color: #f1841f;
		}
	}
}

#hNavPickup{
	& a{
		&:before{
			border-color: #f1841f;
		}
	}
}

#hNavTourism{
	grid-column: 2;
	grid-row: 1 / 3;
	& a{
		display: block;
		aspect-ratio: 186 / 150;
		height: 72px;
		background: url("/common/images/logoType.vt.svg") no-repeat center / contain;
		font-size: 0;
	}
}

#navButton{
	&:hover{
		color: #f1841f;
	}
}

#pagePath{
	background: transparent;
}