@charset "UTF-8";

#event {
}

#event .listBox {
	background: url(../images/common/bg_slash2.gif) repeat-y;
	padding: 20px 0;
}


#event .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#event .list::before,
#event .list::after {
	content: " ";
	width: 360px;
	display: block;
	order: 1;
}
#event .list li {
	width: 360px;
	margin: 0 0 30px;
}
#event .list li a:hover {
	opacity: 1;
}
#event .list li figure {
	margin-bottom: 5px;
}
#event .list li img {
	width: 100%;
}

#event .list li .cat::before { content: "【"; }
#event .list li .cat::after { content: "】"; }

#event .list li h3 {
	color: #000;
	font-weight: 700;	
	font-size: 1.14rem;
	margin: 10px 0 5px;
}


/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:756px) {

	#event {
	}

	#event .slashBg {
		background: none;
		padding: 0;
	}

	#event .list {
	}
	#event .list::before,
	#event .list::after {
		width: 100%;
	}
	#event .list li {
		width: 100%;
		margin: 0 0 20px;
		padding: 0;
	}
	#event .list li:last-child {
		margin-bottom: 0;
	}
	#event .list li:hover {
		background: none;
	}
	#event .list li a:hover {
	}
	#event .list li img {
	}
	#event .list li .date {
	}
	
	#event .list li h3 {
		font-size: 1rem;
	}

}

/* -------------------------------------- 個別ページ ---------- */
.article #event {
	background: url(../images/common/bg_slash.gif) no-repeat center top;
	background-size: 100% auto;
	padding-top: 30px;
}
.article #event > .subContents {
	width: 800px;
}
.article #event > .subContents h3 {
	color: #000;
	font-size: 1.714rem;
	background: url(../images/common/s_line.png) repeat-x left bottom;
	margin: 0 0 30px;
	padding: 0 0 10px;
}
.article #event > .subContents .honbun {
}
.article #event > .subContents .honbun p,
.article #event > .subContents .honbun figure {
	margin: .5em 0 1em;
}
.article #event > .subContents .honbun img {
	max-width: 100%;
}

.article #form h2 {
	font-size: 1.375rem;
	font-weight: 700;
	text-align: center;
	margin: 0 0 40px;
}
.article #form input.event-title {
	font-weight: 700;
	background: #fff;	
	pointer-events : none;
}


/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:756px) {

	.article #event {
		background: url(../images/common/bg_slash.gif) no-repeat left top;
		background-size: 300% auto;
		padding-top: 10vw;
	}
	.article #event > .subContents {
		width: 100%;
		margin: 0 0 30px;
	}
	.article #event > .subContents {
		width: 100%;
	}
	.article #event > .subContents h3 {
		font-size: 1.413rem;
		margin: 0 0 6vw;
		padding: 0 0 3vw;
	}
	.article #event > .subContents .honbun {
	}
	.article #event > .subContents .honbun p {
	}
	.article #event > .subContents .honbun img {
		max-width: 100%;
	}


}