@charset "utf-8";

/*~~*/

body {
	display: flex;
	flex-direction: column;
}

header {
	background: #f5f5f5;
	border-bottom: 1px solid #e1e1e1;
}

main {
	margin-bottom: 25px;
}

footer {
	margin-top: auto;
}

/*~~*/

main > section:nth-child(even) {
	background: linear-gradient(to bottom, #ebebeb, #fcfcfc);
}

/*~~*/



/*
SP
*/
/*////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width: 768px) {
	/*
	*/

	main .event {
		padding: 0 20px 0;
	}

	/*
    */
}
/*////////////////////////////////////////////////////////////////////////////*/

/*
PC
*/
/*////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width: 769px) {
	/*
	*/

	main #event ul {
		width: 100%;
	}
	
	main #event ul img {
		width: 100%;
	}

	/*
    */
}
/*////////////////////////////////////////////////////////////////////////////*/