/* CSS Document */
section.news_list{
  padding: var(--headerHeight) 1rem !important;
  width: 100vw;
  box-sizing: border-box;
}
body[wc-view-type="pc"] section.news_list{
  padding: var(--headerHeight) 0;
}
section.news_list div.title{
  display: table;
  margin: 0 auto 1rem auto;
}
section.news_list div.title > h2{
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--defaultcolor);
  box-sizing: border-box;
}
section.news_list div.title > span{
  font-size: 1rem;
  color: var(--defaultcolor);
  display: table;
  padding: 0 2rem;
  position: relative;
  z-index: 1;
  font-weight: 700;
  margin: 0 auto;
  font-family: 'Oswald';
}
section.news_list div.title > span::before,
section.news_list div.title > span::after{
  content: "";
  height: 2px;
  width: 1.5rem;
  background-color: var(--defaultcolor);
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 2;
}
section.news_list div.title > span::before{
  left: 0;
}
section.news_list div.title > span::after{
  right: 0;
}
div.news_list_box{
}
body[wc-view-type="tb-l"] div.news_list_box,
body[wc-view-type="pc"] div.news_list_box{
  width: 760px;
  margin: 0 auto;
}
div.news_list_box article{
  position: relative;
  z-index: 1;
  border-bottom: 1px solid var(--defaultcolor);
}
div.news_list_box article:first-child{
  border-top: 1px solid var(--defaultcolor);
}
div.news_list_box article a{
  display: block;
  padding-left: 120px;
  position: relative;
  z-index: 3;
  height: 45px;
  line-height: 45px;
  text-decoration: none;
  padding-right: var(--headerBtnSize);
  box-sizing: border-box;
  color: var(--defaultcolor);
}
body[wc-view-type="sp"] div.news_list_box article a{
  padding-left: 100px;
}
div.news_list_box article a h1{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.news_list_box article time{
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  font-family: 'Oswald';
  font-size: 1.2rem;
  position: absolute;
  z-index: 1;
  color: var(--defaultcolor);
}
div.news_list_box article a::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: calc(var(--headerBtnSize) - 6px);
  height: calc(var(--headerBtnSize) - 6px);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--defaultcolor);
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}