@charset "utf-8";


#main{
	background: url(../images/back-test0001.jpg) center top repeat-y ;

}

#slick-box{
	margin: 0px auto 0px auto ;
	padding: 0px 0px 0px 0px ;
	text-align: center ;
}
#slick-box section{
	padding: 50px 0px 30px 0px ;
}

#slick-box a.slick-box-link{
	display: block ;
	margin: 10px 0px 0px auto ;
	padding: 0px 0px 0px 10px ;
}
#slick-box  a.slick-box-link:hover{
	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .50; /* Safari 1.x */
	-moz-opacity: .50; /* FF lt 1.5, Netscape */
}




#event-old{
	width: 98% ;
	max-width: 900px ;
	margin: 150px auto 0px auto ;
}
#event-old h2{
	border: none ;
}

#event-old .kako{
	display: table ;
	margin: 0px auto ;
}
#event-old .kako div{
	display: table-cell ;
	width: 33% ;
	padding: 25px 20px 25px 20px ;
	border-top: 1px dotted #CCCCCC ;
	text-shadow: 
    #FFF 2px 0px 0px, #FFF -2px 0px 0px,
    #FFF 0px -2px 0px, #FFF 0px 2px 0px,
    #FFF 2px 2px 0px, #FFF -2px 2px 0px,
    #FFF 2px -2px 0px, #FFF -2px -2px 0px,
    #FFF 1px 2px 0px, #FFF -1px 2px 0px,
    #FFF 1px -2px 0px, #FFF -1px -2px 0px,
    #FFF 2px 1px 0px, #FFF -2px 1px 0px,
    #FFF 2px -1px 0px, #FFF -2px -1px 0px,
    #FFF 1px 1px 0px, #FFF -1px 1px 0px,
    #FFF 1px -1px 0px, #FFF -1px -1px 0px;
}
#event-old a{
	text-decoration: none ;
	line-height: 190% ;
}





/*　for iPhone Landscape　画面サイズが567pxまではここを読み込む*/
@media screen and (max-width:567px) { 


	#slick-box{
		width: 100% ;
		margin: 10px auto 10px auto ;
		padding: 0px ;
	}

	#slick-box div{
		width: 95% ;
		padding: 0px 5px ;
		margin: 0px ;
	}
	#slick-box a{
		width: 90% ;
	}
	#slick-box a img{
		width: 100% ;
	}

}

@media screen and (max-width:768px) {
	#event-old .kako div{
		font-size: 2vw ;
	}
}

/*　for PC　画面サイズが768pxからはここを読み込む */
@media screen and (min-width:768px) {

	#slick-box{
		width: 100% ;
		margin: 10px auto 10px auto ;
		padding: 0px ;
	}

	#slick-box div{
		width: 95% ;
		padding: 0px 5px ;
		margin: 0px ;
	}
	#slick-box a{
		width: 90% ;
	}
	#slick-box a img{
		width: 100% ;
	}


}