/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/





.wd_top_flex{
	width : 100% ;
	gap: 4px ;
}

.wd_top_max_box{
	width: 100% ;
	height: calc( 100vh - 200px ) ;
	overflow: hidden ;
      opacity : 0 ;
}
.wd_top_middle_box{
  background-color : #000000 ;
	width: calc( 33.33% - 3px ) ;
	aspect-ratio: 1 / 1 ;
}


.wd_top_visual_imagebox{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	z-index: 1 ;
}
.wd_top_visual_imagebox img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.wd_top_visual_ol{
	position: absolute ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	background-color: rgba(0,0,0,0.5) ;
	display: none ;
	z-index: 2;
}


.wd_top_visual_name{
	position: absolute;
	top : 50% ;
	left: 0% ;
	transform: translate(0%,-50%);
	width: 100% ;
	text-align: center ;
	padding: 0px 20px ;
	color: #FFFFFF ;
	font-size: 40px ;
	z-index: 4 ;
}

.wd_hasvisual{
	overflow: hidden ;
}











/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1000px) {








.wd_top_flex{
}

.wd_top_max_box{
	width: 100% ;
	height: auto ;
	aspect-ratio: 1 / 1 ;

}
.wd_top_middle_box{
	width: 100% ;
}


.wd_top_visual_imagebox{
}
.wd_top_visual_imagebox img{
}


.wd_top_visual_name{
}













}