/*----------------------------------------------------------------------
重要なお知らせ
----------------------------------------------------------------------*/

.topInfo {
	border-top: 1px solid #e5e5e5;
	background-color: #FFF5F3;
}

.topInfo-inner {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	padding-top: 25px;
}
@media screen and (max-width: 979px) {
	.topInfo-inner {
		padding: 25px 20px 0 20px;
	}
}
@media screen and (max-width: 767px) {
	.topInfo-inner {
		padding: 20px 20px 0 20px;
	}
}

.topInfo-headline {
	color: #E40000;
	font-weight: bold;
	font-size: 24px;
	line-height: 35px;
}
@media screen and (max-width: 767px) {
	.topInfo-headline {
		font-size: 18px;
		margin: 0 0 31px 0;
	}
}

.topInfo-list {
	margin-top: 25px;
}

.topInfo-list-item {
	cursor: pointer;
	padding: 0;
}
@media screen and (max-width: 767px) {
	.topInfo-list-item {
		padding: 0 0 8px 0;
	}
}

a.topInfo-list-head,
a.topInfo-list-head:hover {
	text-decoration: none;
}

.topInfo-list-head {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 0 0 17px 0;
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.topInfo-list-head {
		display: block;
		padding: 0 0 8px 0;
	}
}

.topInfo-list-type,
.topInfo-list-topic {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: auto;
	margin: 0;
}

.topInfo-list-topic {
	flex: 1;
	margin-left: 16px;
}
@media screen and (max-width: 767px) {
	.topInfo-list-topic {
		padding: 0;
	}
	.topInfo-list-type {
		margin: 0 0 8px 0;
	}
}

.topInfo-list-date {
	flex-shrink: 0;
	color: #676767;
	height: 24px;
	font-size: 16px;
	line-height: 24px;
	width: 126px;
	padding-right: 15px;
}
@media screen and (max-width: 767px) {
	.topInfo-list-date {
		font-size: 14px;
		line-height: 1.4;
		width: 116px;
	}
}

.topInfo-list-icon {
	flex-shrink: 0;
	background-color: #E40000;
	color: #fff;
	font-size: 12px;
	line-height: 17px;
	margin: 2px 0 0 0;
	padding: 2px;
	width: 96px;
	height: 22px;
    text-align: center;
}
@media screen and (max-width: 767px) {
	.topInfo-list-icon {
		font-size: 10px;
		padding: 3px 20px;
		width: 110px;
	}
}

.topInfo-list-lead {
	width: calc(100% - 50px);
	color: #676767;
	font-size: 16px;
	line-height: 24px;
	max-width: 689px;
}
@media screen and (max-width: 767px) {
	.topInfo-list-lead {
		font-size: 14px;
	}
}

.topInfo-list-btn,
.topInfo-list-link {
	flex-shrink: 0;
	position: relative;
}

.topInfo-list-btn::after {
	display: block;
	position: absolute;
	left: 0;
	content: "";
	width: 20px;
	height: 20px;
	background: url(/webcontent/responsible/image/arrow/down_arrow_red.png) no-repeat center top;
	background-size: 20px auto;
}

.topInfo-list-link::after {
	display: block;
	position: absolute;
    top: 7px;
	left: 0;
	content: "";
	width: 16px;
	height: 16px;
	background: url(/webcontent/responsible/image/button/icon_top_tab_link.png) no-repeat center top;
	background-size: 16px auto;
	margin-left: 22px;
}

.topInfo-list-desc {
	display: none;
}

.topInfo-list-detail {
	color: #D00101;
	font-size: 14px;
	line-height: 2;
	padding: 0 0 1em 0;
}
@media screen and (max-width: 767px) {
	.topInfo-list-detail {
		width: calc(100% - 50px);
		line-height: 1.5;
	}
}

/*----------------------------------------------------------------------
KIT入稿お知らせ
----------------------------------------------------------------------*/
#sys_fail_msg_area {
    height:auto;
    margin:0 auto 0 auto;
    padding-bottom: 20px;
    max-width: 688px;
    display:block;
    overflow:hidden;
    cursor: pointer;
}

#k_error {
    padding:8px 15px;
	color:#D00101;
	border:#D00101 solid 2px;
}

#k_kaisho {
    padding:8px 15px;
	color:#000;
	border:#000 solid 2px;
}

.k_b {
	font-weight:800;
}

#k_error a, #k_kaisho a {
	padding:0 2px;
	color:#0099CC !important;
	text-decoration:underline !important;
}

#k_error a:hover, #k_kaisho a:hover {
	padding:0 2px;
	color:#FF9900 !important;
	text-decoration:none !important;
}

#sys_fail_msg_title {
    position: relative;
    padding-right: 28px;
}

#sys_fail_msg_title::after {
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	content: "";
	width: 20px;
	height: 20px;
	margin-top: -10px;
}

#k_error #sys_fail_msg_title::after {
	background: url(../../image/arrow/down_arrow_red.png) no-repeat center top;
    background-size: contain;
}

#k_kaisho #sys_fail_msg_title::after {
    background: url(../../image/arrow/down_arrow.png) no-repeat center top;
    background-size: contain;
}

#sys_fail_msg_area.list-open #sys_fail_msg_title::after {
    display: block;
	transform: rotate(180deg);
}

#sys_fail_msg_content {
    display:none;
    margin-top: 8px;
}

.no-pointer {
    cursor: default !important;
}