@charset "utf-8";
/* CSS Document */

dl.whatsnew{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 0.9375rem;
	align-items: flex-start;
	line-height: 1.5;
	text-align: left;
}
dl.whatsnew dt{
	flex: 0 0 auto;
	width: 8.5rem;
	margin-top: 0;
	margin-bottom: 0.875rem;
}
dl.whatsnew dd{
	flex: 1 0 auto;
	width: calc(100% - 8.5rem);
	position: relative;
	padding-left: 8.5rem;
	margin-bottom: 0.875rem;
	background: url("/common/image/arrow_red.png") no-repeat 0rem 0.4375rem;
}
dl.whatsnew.no_tag dd{
	padding-left: 1rem;
}
dl.whatsnew .tag{
	display:inline-block;
	position: absolute;
	left: 0px; top:-0.125rem;
	background-color: #818c9a;
	border-radius: 3px;
	width: 7rem;
	text-align: center;
	padding: 0.375rem 0;
	line-height: 1;
	font-size: 0.875rem;
	color: #fff;
}
dl.whatsnew dd .tag.blue{
	background-color: #4886d2;
}
dl.whatsnew dd a{
	color: #212121;
	text-decoration: none;
}

dl.whatsnew dd a:hover{
	text-decoration: underline;
}

/*tag*/
dl.whatsnew .tag.update{
	background-color: #628DBB;
}
dl.whatsnew .tag.notice{
  	background-color: #818c9a;
	/*background-color: #CD8C68;*/
	/*background-color: #DC6E6C;*/
}
dl.whatsnew .tag.ir{
	background-color: #7072A5;
}
dl.whatsnew .tag.press{
	background-color: #3c928e;
}


/*===sp=======================*/
.sp dl.whatsnew{
	display: block;
}
.sp dl.whatsnew dt{
	width: auto;
	margin-bottom: 0.5rem;
}
.sp dl.whatsnew dd{
	width: 100%;
	padding-left: 7rem !important;
	margin-bottom: 0.5rem;
	background-position: 6rem 0.375rem;
}
.sp dl.whatsnew dd .tag{
	font-size: 0.75rem;
	width: 5.5rem;
}

/*dlコンパクト*/
/*dl.whatsnew {
margin-left:10px;
}

dl.whatsnew dt {
	width:9.5em;
	float:left;
	clear:left;
	padding:0px 0px 6px 0px;
	line-height:1.7;
}

dl.whatsnew dd {
	margin:0px 0px 0px 9.5em;
	padding:0px 0px 6px 90px;
	color:#595757;
	line-height:1.7;
	position:relative;
}

dl.whatsnew dd img.icon{
	position:absolute;
	top:4px;
	left:0px;
}

dl.whatsnew dd a.pdf{
	vertical-align:2px;
}*/