/* インフォメーション ----------*/
.info	{
	
}
.info.frame	{
	font-size: 0.9em;
}
.info .info-ttl	{
	margin-bottom: 20px;
}
/* リスト型 ----------*/
.info .databox {
	width: 95%;
	margin: 5px auto 10px;
	border-bottom: 1px dashed #acacac;
	padding: 10px;
}
.info .databox .inbox {
	display: flex;
	margin-bottom: 5px;
}
.info .databox .inbox .image {
	max-width: 120px;
	margin-right: 10px;
}
.info.frame .databox .inbox .image {
	max-width: 100px;
	margin-right: 10px;
}
.info .databox .inbox .image img {
	width: 100%;
	height: auto;
}
.info .databox .inbox .info-com {
	flex: 1;
	padding: 5px 0;
}
.info .databox .inbox .info-com .com-ttl {
	font-weight: bold;
}
.info .databox .inbox .info-com .extfile {
	font-size: 0.85em;
}
.info .databox .inbox .info-com .extfile::before {
	content: "［ ";
}
.info .databox .inbox .info-com .extfile::after {
	content: "］";
}
.info .databox .url {
	width: 100%;
	font-size: 0.85em;
	word-break: break-all;
	padding-left: 70px;
	position: relative;
}
.info .databox .url::before {
	content: "参考URL：";
	position: absolute;
	left: 0;
}
.info .databox .date {
	width: 100%;
	font-size: 0.85em;
	color: #888;
	text-align: right;
}
.info .databox .date::before {
	content: "（ ";
}
.info .databox .date::after {
	content: " ）";
}
.info .info-list {
	width: 95%;
	margin: 10px auto 20px;
}
.info .info-list .list {
	margin-left: 15px;
	font-size: 0.9em;
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
}
.info .info-list .list::before {
	content: "●";
	font-size: 1.05em;
	position: absolute;
	left: 0;
}
.info .info-list .list.active {
	font-weight: bold;
}
.info .info-list .list .date {
	margin-left: 10px;
}
.info .info-list .list .date::before {
	content: "（";
}
.info .info-list .list .date::after {
	content: "）";
}

/* ボックス型 ----------*/
.info .info-list .box {
	width: 95%;
	margin: 5px auto 10px;
	border-top: 1px dashed #acacac;
	padding: 10px;
}
.info .info-list .box:last-child {
	border-bottom: 1px dashed #acacac;
}
.info .info-list .box .inbox {
	display: flex;
	margin-bottom: 5px;
}
.info .info-list .box .inbox .image {
	max-width: 120px;
	margin-right: 10px;
}
.info.frame .info-list .box .inbox .image {
	max-width: 100px;
	margin-right: 10px;
}
.info .info-list .box .inbox .image img {
	width: 100%;
	height: auto;
}
.info .info-list .box .inbox .info-com {
	flex: 1;
	padding: 5px 0;
}
.info .info-list .box .inbox .info-com .com-ttl {
	font-weight: bold;
}
.info .info-list .box .url {
	width: 100%;
	font-size: 0.85em;
	word-break: break-all;
	padding-left: 70px;
	position: relative;
}
.info .info-list .box .url::before {
	content: "参考URL：";
	position: absolute;
	left: 0;
}
.info .info-list .box .date {
	width: 100%;
	font-size: 0.85em;
	color: #888;
	text-align: right;
}
.info .info-list .box .date::before {
	content: "（ ";
}
.info .info-list .box .date::after {
	content: " ）";
}
/* ページ ----------*/
.info .page {
	width: 90%;
	margin: 30px auto;
	padding: 5px;
}
.info .page a,
.info .page b {
	padding: 5px 10px;
	border: 1px solid #acacac;
}

/* エラー ----------*/
.info .err-com	{
	text-align: center;
	margin: 50px auto;
}
.info .btn	{
	text-align: center;
}
.info .btn button {
	border: 1px solid #acacac;
	border-radius: 3px;
	background: -webkit-linear-gradient(top, #fff 20%, #eaedf2);
	background: linear-gradient(to bottom, #fff 20%, #eaedf2);
	width: 100px;
	padding: 3px;
	font-size: 0.8em;
	color: #333;
}
.info .btn button:hover {
	background: -webkit-linear-gradient(top, #eaedf2 20%, #fff);
	background: linear-gradient(to bottom, #eaedf2 20%, #fff);
}