.blog-listing {
  margin: 0 0 64px 0;/* ボタンとの間隔 */
}
.blog-listing__header {
  margin: 0;/* デフォルトのCSSの上書き用 */
}
.blog-listing__post-title {
  display:inline-flex/* 要素の横並び */
}
.blog-listing__post-title-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 720px;
}


.blog-post__meta,
.blog-post__timestamp {
  display: inline-flex;
  font-family:Noto Sans JP;
  font-size:16px;
  font-weight:normal;  
}
.blog-listing__post {
  margin-bottom:0;
}
.blog-post__tags a:hover {
  color: #fff;
  text-decoration: none;
}
.blog-listing__post-title-link {
  font-family:Noto Sans JP;
  font-weight:normal;
}
.blog-listing__post-title-link:hover {
  font-family:Noto Sans JP;
  font-weight:normal;
  color:#2265b1;
  text-decoration:underline solid 1px;
}

/*****************************************/
/* タグ（デザイン） */
/*****************************************/

.blog-post__tag-link--notice,
.blog-post__tag-link--business-trip-management,
.blog-post__tag-link--travel-management-system,
.blog-post__tag-link--info,
.blog-post__tag-link--other,
.blog-post__tag-link--new-business {
  border-radius: 4px;
  font-size:12px;
  color: #fff;
  margin: 0 20px 10px 20px;
  padding: 5px 0 4px 0 ;
  width: 105px;
  text-align:center;
  display:inline-block;
}

/*****************************************/
/* タグの配色 */
/*****************************************/

.blog-post__tag-link--notice {
  background-color: #2265B1;
}
.blog-post__tag-link--business-trip-management {
  background-color: #C46600;
}
.blog-post__tag-link--travel-management-system {
  background-color: #C40000;
}
.blog-post__tag-link--info {
  background-color: #00863E;
}
.blog-post__tag-link--other {
  background-color: #737476;
}
.blog-post__tag-link--new-business {
  background-color: #0080A9;
}

/*****************************************/
/* お知らせが空の場合に表示するBOX */
/*****************************************/

.no-posts-message {
  border: 1px solid #ccc; /* グレーの1pxの枠線 */
  border-radius: 4px;
  padding: 20px; /* 内側の余白 */
  text-align: center; /* テキストを中央に配置 */
  margin-bottom: 40px;
  margin-top: -30px;
}
.no-posts-message p {
  margin:0;
}

/*****************************************/
/* レスポンシブデザイン */
/*****************************************/

@media (max-width: 600px) {
time {
  margin-left: 0;
}  
.blog-listing {
  width: 95%;
}
.blog-listing__post-title-link {
  width: 92vw;
}