@charset "utf-8";
/*----------------------------------------------------
	一覧		#page-archive
----------------------------------------------------*/
#page-archive .unit.topArea {
	margin-bottom: 0;
}

#page-archive .unit.listArea {
	margin-top: 5px;
}

#page-archive .archiveCategory {
	border: solid 2px #f03040;
	border-radius: 6px;
	overflow: hidden;
}

#page-archive .archiveCategory li {
	float: left;
	overflow: hidden;
	width: calc(100% / 3);
}

#page-archive .archiveCategory li a {
	border-left: solid 1px #f03040;
	color: #f03040;
	display: block;
	font-size: 10px;
	padding: 5px 0;
	text-align: center;
	text-decoration: none;
}

#page-archive .archiveCategory li:first-child a {
	border-left:none;
}

#page-archive .archiveCategory .active a {
	background-color: #f03040;
	color: #fff;
}

#page-archive .information {
	margin: 15px 0;
}

#page-archive .pageLink {
	background-color: #f8f8f8;
	padding: 5px 3%;
}

#page-archive .pageLink .left {
	width: 20%;
}

#page-archive .pageLink .textArea {
	float: left;
	width: 80%;
}

#page-archive .pageLink .textArea .active {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#page-archive .archiveList {
	margin-bottom: 20px;
}

#page-archive .archiveList dt {
	border-bottom: dotted 2px #ccc;
	color: #999;
	font-size: 13px;
	font-weight: bold;
	margin-right: 15px;
	padding: 10px 0;
}

#page-archive .archiveList dd a {
	background: url('/img/element/arrow.png') no-repeat right center;
	-webkit-background-size: 7px 10px;
	background-size: 7px 10px;
	display: block;
	padding-right: 15px;
	text-decoration: none;
}

#page-archive .archiveList dd a .text {
	border-bottom: dotted 2px #ccc;
	padding: 10px 0 20px;
	position: relative;
}

#page-archive.page-audition .archiveList dd a .text {
	border-top: dotted 2px #ccc;
	border-bottom: none;
}

#page-archive .archiveList dd a .text h2 {
	font-size: 14px;
	text-decoration: underline;
}


#page-archive .archiveList dd a .text h3 {
	color: #999;
	font-size: 11px;
}


#page-archive .archiveList dd a .text .date {
	color: #999;
	font-size: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}

#page-archive .toTop {
	background-color: #aaa;
	border-radius: 5px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	display: block;
	padding: 15px;
	text-align: center;
	text-decoration: none;
}

#page-archive #load {
	margin: 15px 0;
	text-align: center;
}

#page-archive #load img {
	width: 40px;
}