@charset "UTF-8";

/*
========================================

	/news/css/news_add.css
 
========================================
*/

section#news div.news_list::-webkit-scrollbar {
  width: 16px; /*スクロールバー全体の幅*/
  background-color: #dce3f9; /*スクロールバーの背景色*/
}

section#news div.news_list::-webkit-scrollbar-thumb {
  border-radius: 0; /*スクロールバーの丸み*/
  box-shadow: inset 0 0 10px 10px #fff;
  border: solid 4px transparent; /*スクロールバーの左右の余白*/
}

ul.newsList li a {
  position: relative;
  display: inline-block;
  padding-right: 24px; /* 矢印分の余白 */
  background: #fff url(/common/cmn_img/icon/icon_chevron_right_thin.svg) no-repeat;
  background-position: right 4px center;
  background-size: 16px 16px;
}

ul.newsList li a:hover {
  /*background: #fff url(/common/cmn_img/icon/icon_chevron_right.svg) no-repeat;*/
  background-position: right center;
  background-size: 20px 20px;
}

ul.newsList li a[target="_blank"] {
  position: relative;
  display: inline-block;
  padding-right: 24px; /* 矢印分の余白 */
  background-color: #fff;
  background-image: none;
}

ul.newsList li a[target="_blank"]::before {
  content: "";
  display: block;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #25348e;
  border-radius: 2px;
  transition: transform 0.3s ease;
}

ul.newsList li a[target="_blank"]::after {
  content: "↗";
  display: block;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  text-decoration: none;
  font-weight: 700;
  color: #25348e;
  transition: transform 0.3s ease;
  font-family: "Noto Sans Symbols", "Arial Unicode MS", sans-serif; /*矢印専用*/
}

ul.newsList li a[target="_blank"]::hover::before {
  border: 1px solid #25348e;
}

ul.newsList li a[target="_blank"]:hover::after {
  transform: translate(4px, -4px) translateY(-50%);
  /*background-color: #fff;*/
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 100%);
}

/*badge*/

ul.newsList li dd.typeA_01 span.text {
  /*-------------プレスリリース*/
  border: 1px solid #8c61ab;
  background-color: #fff;
  color: #8c61ab;
  letter-spacing: -1px;
}
ul.newsList li dd.typeA_02 span.text {
  /*---------お知らせ*/
  border: 1px solid #e37c14;
  background-color: #fff;
  color: #e37c14;
}
ul.newsList li dd.typeA_03 span.text {
  /*---------製品・事例*/
  border: 1px solid #e03d3f;
  background-color: #fff;
  color: #e03d3f;
}
ul.newsList li dd.typeA_04 span.text {
  /*---------更新情報*/
  border: 1px solid #3e53b0;
  background-color: #fff;
  color: #3e53b0;
}
ul.newsList li dd.typeA_05 span.text {
  /*---------採用情報*/
  border: 1px solid #769617;
  background-color: #fff;
  color: #769617;
}
ul.newsList li dd.typeA_99 span.text {
  /*--------掲載事例*/
  border: 1px solid #0d91a8;
  background-color: #fff;
  color: #0d91a8;
}