@charset "UTF-8";
@import "../base/init.css";
@import "../base/style.css";
@import "../piece/style.css";

/* =========================================================
   category
========================================================= */

/* shinchaku-ichiran
----------------------------------------------- */
.contentArticleCategory .latest {
  margin-bottom: 30px;
  padding: 0px;
  background-image: url(./images/tl-shinchaku2-bottom.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
.contentArticleCategory .latest h2 {
  height: 30px;
  margin-bottom: 10px;
  padding: 0px 10px 0px 23px;
  background-image: url(./images/tl-shinchaku2-top.gif);
  background-position: left top;
  background-repeat: no-repeat;
  color: #ffffff;
  font-size: 130%;
  font-weight: bold;
  line-height: 30px;
}
.contentArticleCategory ul {
  padding: 0px 5px;
}
.contentArticleCategory li {
  padding: 0px 0px 5px 8px;
  background-image: url(./images/ic-list.gif);
  background-position: left 0.6em;
  background-repeat: no-repeat;
}
h3 {
  margin-bottom: 10px;
  padding: 0px 5px 0px 22px;
  background-color: #ffdce8;
  background-image: url(./images/tl-classtitle2.gif);
  background-position: left center;
  background-repeat: no-repeat;
  color: #333;
  font-size: 120%;
  font-weight: bold;
  line-height: 30px;
}
div.more,
.contentGpCategory ul + div {
  padding: 0px 5px 10px 0px;
  text-align: right;
}
.unit .more,
.category .more {
  padding: 0px 5px 40px 0px;
  text-align: right;
}

/* RSS Atom
----------------------------------------------- */
.feed {
  position: relative;
  float: right;
  height: 13px;
  background-color: transparent;
  top: -32px;
  right: 10px;
}
.feed a.feedRss {
  display: inline-block;
  width: 40px;
  height: 13px;
  background-image: url(./images/bt-rss.gif);
  background-repeat: no-repeat;
  text-indent: 50px;
  overflow: hidden;
}
.feed a.feedAtom {
  display: inline-block;
  width: 40px;
  height: 13px;
  background-image: url(./images/bt-atom.gif);
  background-repeat: no-repeat;
  text-indent: 50px;
  overflow: hidden;
}

/* 安心・安全
----------------------------------------------- */
#pageTitle .pieceContainer {
  background-image: url(./images/tl-pegetitle2-re.gif);
}
#pageTitle .pieceBody {
  background-image: url(./images/tl-pegetitle2-top.gif);
}
#pageTitle .pieceBody h1 {
  background-image: url(./images/tl-pegetitle2-bottom.gif);
}
#menu .pieceHeader {
  background-color: #ff9ccb;
  background-image: url(./images/tl-side2.gif);
}
#categoryList .pieceHeader {
  background-image: url(./images/tl-side2.gif);
  background-position: left top;
  background-repeat: no-repeat;
}
#links .pieceHeader {
  background-color: #ff9ccb;
  background-image: url(./images/tl-side2.gif);
}
#menu li ,#links li{
  background-image: url(./images/ic-yajirushi2.gif);
}

/* left,right-banner
----------------------------------------------- */
#leftBannerUp a,
#rightBannerUp a,
#rightBannerLow a {
  display: block;
  margin: 0px 0px 5px 0px;
}


.docs-category {
  display: flex;
  flex-wrap: wrap;
}
.docs-category section {
  width: calc((100% - 40px) / 3);
  margin: 0 0 24px;
}
.docs-category section:not(:nth-child(3n+3)) {
  margin-right: 20px;
}

.dir-category-bunya-anshin-coronavirus .docs-category section {
  width: 100%;
}
.dir-category-bunya-anshin-coronavirus .docs-category section:not(:nth-child(3n+3)) {
  margin-right: 0;
}