@charset "utf-8";
/* CSS Document */
.line_l-r a{
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.line_l-r a::after{
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,0.50);
	bottom: -4px;
	transform: scale(0, 1);
	transition: transform .3s;
	transform-origin: right top;
}
.line_l-r a:hover::after{
	transform-origin: left top;
	transform: scale(1, 1);
}
#cate_list .line_l-r a,#sitemap .line_l-r a{ color: rgba(0,0,0,0.7);}
#cate_list .line_l-r a::after,#sitemap .line_l-r a::after{
	background: rgba(0,80,160,0.5);
}
/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover{
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
/*フェードインcss*/
.fadein_up{
    opacity : 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
	transition:transform 1.0s ease,opacity 2s ease; 
}
.fadein_up.scrollin{
    opacity : 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.fadein_up2{
    opacity : 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
	transition:transform 1.5s ease,opacity 2s ease; 
}
.fadein_up2.scrollin{
    opacity : 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
/* TOP */
#album .fadein_up:nth-of-type(2),#album .fadein_up:nth-of-type(6){
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
}
#album .fadein_up:nth-of-type(3),#album .fadein_up:nth-of-type(7){
    -webkit-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px);
}
#album .fadein_up:nth-of-type(4),#album .fadein_up:nth-of-type(8){
    -webkit-transform: translateY(110px);
    -ms-transform: translateY(110px);
    transform: translateY(110px);
}
#album .fadein_up.scrollin{
    opacity : 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
/* 下層 */
/*IEのみ
---------------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none) {}

/*PC用（769px以上）
--------------------------------------------------------------------------*/
@media  screen and (min-width: 769px){
}

/*タブレット用（768px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 768px){
	#album .fadein_up:nth-of-type(2),#album .fadein_up:nth-of-type(5){
		-webkit-transform: translateY(70px);
		-ms-transform: translateY(70px);
		transform: translateY(70px);
	}
	#album .fadein_up:nth-of-type(3),#album .fadein_up:nth-of-type(6){
		-webkit-transform: translateY(90px);
		-ms-transform: translateY(90px);
		transform: translateY(90px);
	}
	#album .fadein_up:nth-of-type(4){
		-webkit-transform: translateY(50px);
		-ms-transform: translateY(50px);
		transform: translateY(50px);
	}
	#album .fadein_up.scrollin{
		opacity : 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){
	#album .fadein_up:nth-of-type(1),#album .fadein_up:nth-of-type(3),#album .fadein_up:nth-of-type(5){
		-webkit-transform: translateY(50px);
		-ms-transform: translateY(50px);
		transform: translateY(50px);
	}
	#album .fadein_up:nth-of-type(2),#album .fadein_up:nth-of-type(4),#album .fadein_up:nth-of-type(6){
		-webkit-transform: translateY(70px);
		-ms-transform: translateY(70px);
		transform: translateY(70px);
	}
	#album .fadein_up.scrollin{
		opacity : 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}