.top_nft_name{
	width:100%;
	text-align:center;
	float:left
}
.top_nft_name a{
	font-size:12px;
}
.top_accout_name{
	width:100%;
	text-align:left;
	margin:0;
	display:inline-table;
	float:left

}
.top_accout_name .owner{
	vertical-align:middle;
	margin:0 10px 0 0;
	display:inline-block;
}
.top_accout_name img{
	width:30px;
	height:30px;
	object-fit:cover;
	display:inline-block;
	border:1px solid #CCC;
	border-radius:50%;
	margin:0;
	vertical-align:middle;
}
.top_accout_name .name{
	vertical-align:middle;
	margin:0 0 0 4px;
	display: table-cell;
}
.top_accout_name .name a{
	font-size:12px;

}
.top_nft_name{
	height:20px;
	overflow: hidden;
 	text-overflow: ellipsis;
}

.top_nft_bottom{
	width:100%;
	padding-bottom:10px;
	float:left
}
.top_nft_vintage{
	width:40%;
	font-size:12px;
	text-align:left;
	float:left
}

/*↓TOPスライダー部分*/

.bg-slider__title{
	color: #fff;

	/*font-family: 'Gothic A1', sans-serif;*/
	position: absolute;
	top: 30%;
	text-align:center;
	overflow:visible;
	font-weight:300;
	left:50%;
	transform: translate(-50%, -30%);
}
.bg-slider__title{
	width:1200px;
	margin:auto;
  opacity: 0; /* ←初期値を変更。透明に。*/
  animation: 1s fadeIn forwards; /* ←追加 */

}

.container {
  margin: 30px auto 0;
}
.slick-img img {
  height: auto;
  opacity: .3;
  transform: scale(.8);
  transition: opacity .5s, transform .5s;
  width: 100%;
  margin:0 0 20px;
}
.slider .slick-center img {
  opacity: 1;
  transform: scale(1);
}
.slider_sp .slick-center img {
  opacity: 1;
  transform: scale(1);
}
    
    @keyframes fadeIn { /*animetion-nameで設定した値を書く*/
    
      0% {opacity: 0} /*アニメーション開始時は不透明度0%*/
    
      100% {opacity: 1} /*アニメーション終了時は不透明度100%*/
    
    }
	
.nft_info{
    opacity: .3;
    transform: scale(.8);
    transition: opacity .5s, transform .5s;
    width: 100%;
}
.slider .slick-center .nft_info{
    opacity: 1;
    transform: scale(1);
}
.bg-slider {
    width: 100vw;
    height: calc(100vh);
	background:url(/img/top_visual.jpg);
    background-position: center center;
    background-size: cover;
    align-items: center;
    justify-content: center;
	position: relative;
    margin-bottom: 0;
}

/*↑TOPスライダー部分*/



@media screen and (max-width: 980px) {
	.qa_wrap{
		width:94%;
		margin:0 3% 40px;
		float:left
	}
	
	.top_accordion .link {
		cursor: pointer;
		display: block;
		padding: 15px 30px 15px 0;
		color: #000;
		font-size: 12px;
		font-weight: normal;
		text-align:left;
	
		border-bottom: 1px solid #CCC;
		position: relative;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	
	.top_submenu {
		display: none;
		padding:20px 4%;
		font-size: 12px;
		line-height:160%;
		text-align:left
	 }
	 p{
		font-size:14px;
	 }
	.top_submenu .attention{
		width:98%;
		border:#333333 1px solid;
		background-color:#f0ede8;
		padding:10px;
	 }
	 
	/*↓TOPスライダー部分*/
	
    .bg-slider__title{
        color: #fff;
        /*font-family: 'Gothic A1', sans-serif;*/
        position: absolute;
        top: 30%;
        text-align:center;
        overflow:visible;
        font-weight:300;
        left:50%;
        transform: translate(-50%, -30%);
    }
    .bg-slider__title{
		width:80%;
		margin:60px auto;
		opacity: 0; /* ←初期値を変更。透明に。*/
		animation: 1s fadeIn forwards; /* ←追加 */
    }
    .bg-slider .annouce{
        width:100%;
        position: absolute;
        top: 100%;
        background:#333;
        padding:40px 0;
        color:#FFF;
        transform: translate(0, -100%)
    }
	.bg-slider {
    width: 100vw;
    height: calc(100vh);
	background:url(/img/top_visual.jpg);
    background-position: center center;
    background-size: cover;
    align-items: center;
    justify-content: center;
	position: relative;
    margin-bottom: 0;
	}
	
	/*↑TOPスライダー部分*/


}