@charset "utf-8";

/* main visual */

#main-visual{ overflow:hidden;}
#main-area{
	float:left;
	width:75%;
}
#main-area ul{
	position:relative;
}
#main-area ul li{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	opacity:0;
	
}
#main-area ul li img{
	width:100%;
	height:auto;
}
#main-thumb{
	float:right;
	width:25%;
}
#main-thumb ul{

}
#main-thumb ul li{
	cursor:pointer;
	position:relative;
}
#main-thumb ul li img{
	width:100%;
	height:auto;
}
.main-thumb-over{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.60);
}
#main-thumb ul li:hover{
	opacity:0.8;
}

#main-thumb ul li div {
	font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;
	font-size:86%;
	color:#3399cc;
	display:none;
	
}

@media(max-width:768px){
/* main visual */	
#main-area{
	float:none;
	width:100%;
	
}
#main-area ul{
	
}
#main-area ul li{
	
	
}
#main-thumb{
	display:none; /* 180629 */
	float:none;
	width:100%;
	
}
#main-thumb ul{
	overflow:hidden;
	width:100%;
}
#main-thumb ul li{
	width:33.3%; 
	float:left;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	
}

#main-thumb ul li div {
	display:block;
	text-align:center;
	border-right:1px solid #cccccc;
	padding:11px 0 13px 0;
	
}	
#main-thumb ul li:last-child div{
	border-right:none;
}

#main-thumb ul li div span{

	display:inline-block;
	padding:0 2px 5px 2px;
	border-bottom:1px solid #3399cc;
}	
#main-thumb ul li img{
	display:none;
}	
}