@charset "UTF-8";

*{
	font-family:" EB Garamond SemiBold " ,  "source-han-serif-japanese" , serif;
		font-style	: normal;	
			color: #f4fffd;	
				text-shadow:1px	1px	0	#000000, -1px -1px 0 #000000,
						-1px 1px 0 #000000, 1px -1px 0 #000000,
					0px 1px 0 #000000,  0-1px 0 #000000,
				-1px 0 0 #000000, 1px 0 0 #000000;
				letter-spacing: .01em ; 
}

body{
	font-weight	: 900;
		background-color :#000000;
			color: opacity;
			padding: 0px 120px 0px 120px ;
			margin: 0 auto; 
			max-width :1080px;
			min-width: 1080px;
}
.yukimini {
	width: 72px;
	margin:auto;						
	animation: r2 1s linear infinite;	
}
 
@keyframes r2 {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}
  
.nezu {									
	width: 128px;
	margin:auto;						
	animation: r2 3s linear infinite;	
	padding-bottom:	288px;
}

@keyframes r2 {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(-360deg); }
  }

.Header{
	text-align: center;
 	position: fixed;
		top: 0;
			padding-top: 16px;
				padding-bottom:	8px;
					width :1080px;
			height:144px
		background- : opacity: 1.0;
	z-index: 100;
 transition: 8s;
}
.is-animation{
 	height: 48px;
}

.Header-Logo{
	margin-left: auto;
		margin-right: auto;
			width: 88px;
		display: block;
	transition: all 0.8s ease;
		transform: rotateZ( 180deg ) ;

}
.Header-Logo.isSmall{
	width: 48px!important;
	padding-bottom:	540px; 
}

img{	
	width: 100%;
		height: auto;
	display: block;
}

nav,ul,li{
    display:flex;		
    flex-wrap:nowrap;	
						
    align-items:center;
    justify-content:space-evenly;
    width: 100% ; 	
    margin:0 auto;		
  }
  
a{						
	padding:1px 0px 0px 0px; 	
	margin:0 1px;		
	color:#ffffff;
	text-decoration:none;
	letter-spacing:.01em;	
	transition: 0.4s; 		
}
a:hover{
	color:ffffff;
	text-shadow: -1px 1px 16px #a7f4d8, 1px -1px 16px #a7f4d8;
	-webkit-transform: translateY( 16px);
}



.Content{
  width: 100%;
  height: px;
  background: #000000;
}

.Content02{
  width: 100%;
  height: px;
  background: #000000;
}

h1{
text-shadow: -1px 1px 16px #a7f4d8, 1px -1px 16px #a7f4d8;
}

.Content03{			
  width: 100%;
  height: px;
  background: #000000;
}

.yako{
	width: 100%;
}

$(window).scroll (function(){
	rotate($(".logo1"), $(window).scrollTop()*0.2);
})

 
.fade.view{
  opacity: 1;
}

.kasokeki{
	font-size: 24px;
position: absolute;
top: 50%	;
left: 50%	;
display: inline;
transform: translate(-50%, -50%);
	writing-mode: vertical-rl;
		text-align: center;
		text-shadow: -2px 2px 16px #7fffd4, 2px -2px 16px #ffffff;
}


.kirameki{
	text-shadow: -1px 1px 16px #a7f4d8, 1px -1px 16px #a7f4d8;
	text-align: center;
	font-size: xx-large;
  }

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 32px;	
  bottom: -50px;
  background: opacity;
  opacity: 1.0;
  border-radius: 50%;
  
}
#page_top a{ 
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}

.title{ 
	background-image: linear-gradient( 
		180deg,							
		rgb(5, 199, 238),
		rgb(147, 246, 192) 20%,
		rgb(105, 156, 251) 40%,
		rgb(227, 245, 250) 60%,
		rgb(25, 222, 183) 80%,
	  );
	  filter: hue-rotate(360deg); 	
	  animation: ani 448s infinite;	
	}
	@keyframes ani {
	  0%,
	  100% {
		filter: hue-rotate(0deg);translate3d(0, 0, 0);
													
	  }
	  50% {
		filter: hue-rotate(360deg);translate3d(0, 0, 0);

	-webkit-background-clip: text;
			background-clip: text;			
	-webkit-text-stroke: 0.1em transparent;
	-webkit-text-fill-color: transparent;	
	padding: 777px 555px 0px 777px ;
	  }
}