@charset "UTF-8";
/* =====
 * /news レイアウト
============================================================================= */
/* -----
 * #ArchiveHead
----------------------------------------------------------------------------- */
#ArchiveHead:after {
  width: 41px;
  height: 19px;
  background-image: url(../images/news/archive-title.png);
}

/* -----
 * 一覧
----------------------------------------------------------------------------- */
#PostContents .news-archive {
  display: table;
  width: 100%;
  list-style: none;
  padding: 0;
}

#PostContents .news-archive li {
  display: table-row;
}

#PostContents .news-archive li .date {
  display: table-cell;
  vertical-align: top;
  width: 1%;
  white-space: nowrap;
  padding: 15px 40px 15px 0;
  color: #c1b78f;
  border-bottom: 1px solid #d3d3d3;
}

#PostContents .news-archive li .title {
  display: table-cell;
  vertical-align: top;
  padding: 15px 0;
  border-bottom: 1px solid #d3d3d3;
}

#PostContents .news-archive li .title a.pdf:after {
  display: inline-block;
  content: "";
  width: 18px;
  height: 20px;
  background: transparent url(../images/common/icon-pdf.png) 50% 50% no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  vertical-align: middle;
  margin-left: 0.5em;
}

#PostContents .news-archive li .title a.link:after {
  display: inline-block;
  content: "";
  width: 20px;
  height: 17px;
  background: transparent url(../images/common/icon-link.png) 50% 50% no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  vertical-align: middle;
  margin-left: 0.5em;
}

/* -----
 * responsive
----------------------------------------------------------------------------- */
@media screen and (min-width: 944px) {
  /* PC */
}

@media screen and (min-width: 768px) and (max-width: 943px) {
  /* tablet */
}

@media screen and (max-width: 767px) {
  /* smart phone */
  /* -----
   * #ArchiveHead
  ----------------------------------------------------------------------------- */
  #ArchiveHead:after {
    width: 24px;
    height: 11px;
  }
  /* -----
   * 一覧
  ----------------------------------------------------------------------------- */
  #PostContents .news-archive li .date {
    padding-right: 20px;
  }
  #PostContents .news-archive li a.link:after {
    width: 15px;
    height: 13px;
  }
}