/*----------------------------------------------------
 * プラグイン What's New Generator　調整
----------------------------------------------------*/
div.whatsnew {
  margin: 0 0 10px;
  word-break: break-all;
  overflow: hidden;
}
div.whatsnew a {
	display: block;
	padding: 20px 10px;
	background-color: #FFF;
	border-left: solid 1px var(--kk-light-gray);
	border-right: solid 1px var(--kk-light-gray);
	text-decoration: none;
	box-shadow: none;
	color: #000;
}
div.whatsnew a:hover {
	background-color: var(--kk-light-gray2);
	text-decoration: none;
	box-shadow: none;
	color: var(--kk-sub-color);
}
div.whatsnew hr {
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--kk-light-gray);
	border-right: none;
	border-bottom: none;
	border-left: none;
}
whatsnew dl::after { /* clearfix */
    display: block;
    clear: both;
    content: '';
}
/* NEW */
div.whatsnew .newmark {
  position: relative;
  top: -3px;
  padding: 1px 5px 2px;
  background-color: var(--kk-red);
  border-radius: 3px;
  vertical-align: middle;
  color: #FFF;
  font-size: 74%;
}
/* DATE・記事 */
div.whatsnew dl,
div.whatsnew dt,
div.whatsnew dd {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: var(--kk-kk-font-medium);
	line-height: 1.6;
	color: #000;
	font-weight: 500;
}
/* DATE */
div.whatsnew dt {
	float: left; /* 左寄せ */
	width: 150px;
	white-space: nowrap;
}
/* 記事 */
div.whatsnew dd {
	width:100%;
}
@media screen and (max-width: 834px){ /* Tablet 834px以下 */
	div.whatsnew dl {
		overflow: hidden;
	}
	div.whatsnew dt {
		float:none; /* 左寄せ 解除 */
	}
	div.whatsnew dd {
	/*  日付130px＋padding10px+10@x  */
	width: 100%;
	}
}