#eventbox{
	width:100%;
	margin:auto;
padding:auto;}





#eventbox ul{display:flex;
justify-content:space-around;
flex-wrap: wrap}

#eventbox ul li{flex:0 0 320px;
margin:10pt;
padding:2px;
border:4px solid rgba(130,130,255,1);
outline:2px solid rgba(0,0,180,1);
}

#eventbox ul li>p{
	text-align: right;
}



#eventbox ul li img{
width:90%;
max-width:300px;
margin:2px 5%;

}


.title{height:100px;
display:flex;
justify-content: space-around;
flex-direction: column;
border-bottom:2px solid rgba(130,130,255,1);
margin:5px 10px 8px;}

.title p{text-align: center;
font-size:14pt;}

.title p:last-child{font-size:12pt;}

.photob img{border:1px solid gray;}


.apply{display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin-top:10pt;}

.apply p{
	display:inline-block;
	width:90% ;
}

#kashi{text-align: center;
	width:290px;
	height:440px;
    	padding:auto;
		 margin:auto;}
#kashi p{
	display: inline-block;
margin-top:50% ;
font-size: 15pt;}

#ksetsumei{text-align: center;
    	padding:auto;
		 margin:auto;}

@media(max-width: 748px){



#eventbox ul li{flex:0 0 190pt;
margin:5pt 3pt;
font-size:11pt;
}


.title{height:120px;
margin:5px 10px 8px;}

.title p{text-align: center;
font-size:13pt;}

.title p:last-child{font-size:10pt;}

.apply p{flex-basis:100%;}


#kashi{text-align: center;
	width:240px;
	height:360px;
    	padding:auto;
		 margin:auto;}

		 #kashi p{
			display: inline-block;
		margin-top:50% ;
		font-size: 12pt;}

}