@charset "utf-8";
/* CSS Document */

html{
	min-height:100%;
}
body{
	min-height:100%;
	background:#cac2ab url("../img/my-first-garden.jpg") repeat 100% 50% / auto 100%;
}


/* SITE NAME*/
#siteName .snSVGpath{
	stroke:#fff;
}

/* GLOBAL NAV */
#siteNavigation .gnSVGpath{
	stroke:#fff;
}
#siteNavigation li a::before{
	background: rgba(122,199,222,0.5);
	background: rgba(200,255,0,0.5);
}
#siteNavigation li a:hover .gnSVGpath{
	stroke: #fff;
}
#gnCover{
	background: #5786A1;
}

#sns a svg{ fill:#fff; }
#siteFooter{ color:#fff; }




#page{
	background:none;
}



#chinosuke2022{
	position: fixed;
	top: 0%;
	left: 30%;
	width: 55vw;
	max-width: 800px;
	height: 100vh;
	background: url("../img/221222_tsure.jpg") repeat 50% 50% / 100% auto;
	transition: 0.3s ease;
}
#chinosuke2022 a{
	display: block;
	position: relative;
	width: 100%;
	height: 100vh;
	cursor: pointer;
}
#chinosuke2022:hover{
	opacity: 0.9;
}





/*--------------------------------------------------------------
## SMALL SCREENS
--------------------------------------------------------------*/

@media screen and (max-width: 800px){
	body{
		background:#cac2ab url("../img/my-first-garden.jpg") repeat 33.3% 25% / 150% auto;
	}
	
	#siteNavigation {
		background-image: url("../img/siteNavBG_dark.png");
	}
	
	#chinosuke2022{
		left: 33%;
		width: 55vw;
		background: url("../img/221222_tsure.jpg") repeat 50% 50% / 100% auto;
	}
}



/*--------------------------------------------------------------
## CURSOR
--------------------------------------------------------------*/
#cursorShadow.hover.subGN{
	background-color: #fab;
	opacity: 0.85;
}
#cursorShadow.hover.subHS{
	width: 20vw;
	height: 20vw;
	background-color: #fab;
	opacity: 0.5;
}