@charset "UTF-8";


#exhibition
{
	margin-top: 0;
}

#exhibition > div
{
	width: calc(100%);
	margin-left: 0rem;
	margin-right: 0rem;
}

#exhibition .list
{
	border-bottom: 1px solid rgb(200, 200, 200);
	padding: 1em 0;
	width:100%;
}

#exhibition .list > a.bt
{
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#exhibition .list > a.bt > span:after
{
	content: "年";
}

#exhibition .list > a.bt:after
{
	font-family: "awesome";
	content: "\2b";
	font-size: 1.5em;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#exhibition .list.op > a.bt:after
{
	transform: rotate(45deg);
}

#exhibition .list .contents
{
	height: 0;
	overflow: hidden;
}

#exhibition .list .contents > div
{
	padding: 1em 0;
}

#exhibition .list .contents > div > p
{
	padding-left: 1.5em;
}

#exhibition .list .contents > div > p:before
{
	content: "";
	display: block;
	position: absolute;
	top: .3em;
	left:0;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	background-color: rgb(220, 220, 220);
}

#exhibition .list .contents > div > p + p
{
	margin-top: .25em;
}

#exhibition .list .contents > div > p
{
	display: flex;
	flex-direction: column;
}

#exhibition .list .contents > div > p .date
{
	font-size: max(.9em, .9rem);
}

#exhibition .list .contents > div > p .date span
{
	margin: 0 .25em;
}