@charset "utf-8";
/* CSS Document */
#pc_nav li a{
}
#pc_nav li a::after,
#bottom_menu li a::after{
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  bottom: 1px;
  transform: scale(0, 1);
  transition: transform .3s;
  transform-origin: right top;
}
#pc_nav li a:hover::after,
#bottom_menu li a:hover::after{
  transform-origin: left top;
  transform: scale(1, 1);
}
/*----------------------------------------------
				2段階アニメーション
----------------------------------------------*/
/*フェードインcss*/
.effect_t-container{
    opacity: 0;
    transition: all 1s .5s ease;
	transform:translateY(100px);
}
#bottom_info.effect_t-container{
    opacity: 0;
    transition: all 1s .5s ease;
	transform:translateY(50px);
}
.effect_t-item{
    opacity: 0;
    transition: all .8s .3s ease;
	transform:translateY(50px);
}
/*アニメーションするプロパティの設定*/
.effect_t-container.active{
    opacity: 1;
	transform: translate(0,0px);
}
#bottom_info.effect_t-container.active{
    opacity: 1;
	transform: translate(0,0px);
}
.effect_t-item.active{
    opacity: 1;
	transform: translate(0,0px);
}
/*ブロックアニメーションのcss*/
.block_anime-container{
    overflow: hidden;
    position: relative;
}
.img-container_img{
    display: block;
    opacity: 0;
    position: relative;
    transition:all 1s .5s ease; 
    z-index: 0;
}
.block_anime-container .contents_title{
    display: block;
    opacity: 0;
    position: relative;
    transition:all 1s .5s ease; 
    z-index: 0;
}
.block_anime-container:before{
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-100%);
    transition:all 1s .5s ease; 
    width: 100%;
    z-index: 0;     
}
/*アニメーションするプロパティの設定*/
.block_anime-container.active img{
    opacity: 1;
}
.block_anime-container.active:before{
    transform: translateX(100%);        
}
.block_anime-container.active .contents_title{
    opacity: 1;
}
/*IEのみ
---------------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none) {
	
}