@charset "UTF-8";

/* 写真館CSS */

/* ---------------------------------------------------------------------- */
/* コンテンツ */
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* 各ページ用微調整 */
/* ---------------------------------------------------------------------- */
.list .content{
	padding-top:0;
}
.eventlist h3{
	color:#e56d73;
	margin:3rem 0;
}
div#main dl.eventlist dd
{
	margin-left: 0;
	padding-left: 0;
}

div#main dl.eventlist ul
{
	width: 100%;
	max-width: 1100px;
	list-style: none;
	margin-left: 0  !important;
	padding-left: 0 !important;
	margin-bottom: 10px;
	overflow: hidden;
}

div#main dl.eventlist ul li
{
	float: left;
	margin-right: 1%;
	margin-bottom: 6px;
	/*width: 13%;*/
	width: 15.8%;
}
div#main dl.eventlist ul li:nth-child(6n) {
  margin-right: 0;
}

div#main dl.eventlist ul li img
{
	width: 100%;
	height: auto;
}

@media only screen and ( max-width : 768px ) {
	.eventlist h3{
	margin:1rem 0;
}
	div#main dl.eventlist ul
{
	width: 100%;
	max-width: 95%;
	margin:0 auto;
}
	div#main dl.eventlist ul li
{
	float: left;
	margin-right: 1%;
	margin-bottom: 6px;
	width: 23.5%;
}
	div#main dl.eventlist ul li:nth-child(6n) {
  margin-right: 1%;
}
	div#main dl.eventlist ul li:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 640px) {

div#main dl.eventlist dt
{
	width: 100%;
	cursor:pointer;
}

div#main dl.eventlist dd p
{
	font-size: 1em;
}

div#main dl.eventlist ul
{
	width: 100%;
	margin-left: 0;
	margin-bottom: 10px;
	overflow: hidden;
}

div#main dl.eventlist ul li
{
	float: left;
	margin-right: 1%;
	margin-bottom: 5px;
	width: 23.5%;
}

div#main dl.eventlist ul li img
{
	width: 100%;
	height: auto;
}


}


/* ---------------------------------------------------------------------- */
/*  */
/* ---------------------------------------------------------------------- */