@charset "UTF-8";
.main-img-box{
	margin-bottom: 20vh;
	}
.main-img-box figure{
	background-image: url(../img/event/main.jpg);
	background-size: cover;
	}
.event-inner{
	max-width: 800px;
	margin: 0 auto;
	font-size: 14px;
	}	
.event-inner p{
	font-size: 14px;
	}
ul.photo-box{
	width: 100%;
	max-width: 800px;
	padding: 0;
	margin: 10vh auto 5vh auto;
	
	/** 定義 **/
	display: -webkit-flex; /* Safari */
	display: flex;
	/** 向き **/
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;
  	/** 折り返し **/
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	/** 中央寄せ **/
	-webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
	/** 縦中央寄せ **/
	-webkit-align-items: center; /* Safari */
  align-items:         center;
	}
ul.photo-box li{
	width: 30%;
	margin-bottom: 20px;
	float: left;
	list-style: none;
	}