@charset "UTF-8";
@import "../../include/css/common.pc.css";

/* ---------------------------------------------------------
	CSS Document topics
--------------------------------------------------------- */

#topics {
	margin-left: 320px;
	text-align: left;
}

#topics .entry {
	margin-bottom: 20px;
	padding: 20px 0 30px 30px;
	background: #e9f4fc;
	position: relative;
}

#topics .entry:before {
	content: '';
	min-width: 100px;
	width: calc(50vw - 570px);
	height: 100%;
	background: #e9f4fc;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: -1;
}

/* ---------------------------------------------------------
	CSS Document entry_pdf
--------------------------------------------------------- */

#topics .entry_pdf {
	margin-top: 20px;
	padding: 10px 20px;
	background: #fff;
}

#topics .entry_pdf li {
	display: inline-block;
	vertical-align: top;
	margin: 2px 0;
	line-height: 32px;
}

#topics .entry_pdf li:not(:last-of-type) {
	margin-right: 20px;
}

#topics .entry_pdf a {
	display: inline-block;
	vertical-align: top;
	height: 34px;
	padding-left: 32px;
	background: url(../../include/images/i_pdf.png) no-repeat left / 24px auto;
}

#topics .entry_pdf a:hover {
	opacity: 0.5;
}

/* ---------------------------------------------------------
	CSS Document entry_link
--------------------------------------------------------- */

#topics .entry_link {
	margin-top: 20px;
	padding: 10px 20px;
	background: #fff;
}

#topics .entry_link li {
	margin-bottom: 5px;
}

#topics .entry_link li a {
	display: inline-block;
	vertical-align: top;
	padding-left: 25px;
	background: url(../../include/images/i_out.png) no-repeat left / 16px auto;
}

#topics .entry_link li a:hover {
	opacity: 0.5;
}

/* ---------------------------------------------------------
	CSS Document entry_photo
--------------------------------------------------------- */

#topics .entry_photo {
	margin-top: 20px;
	font-size: 0;
}

#topics .entry_photo li {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}

#topics .entry_photo li:nth-of-type(2) {
	margin-left: 2%;
}

#topics .entry_photo img {
	width: 100%;
}