@charset "utf-8";

/* マーカーネット調整 */

#header {
  top: 0;
}

#useful .work .dot,
#useful .category.work,
#useful .work:hover a {
  background: #41bba7;
}

#categories .work .dot,
#categories .category.work,
#categories .work:hover a {
  background: #41bba7;
}

#useful .event .dot,
#useful .category.event,
#useful .event:hover a {
  background: #ffaa00;
}

#categories .event .dot,
#categories .category.event,
#categories .event:hover a {
  background: #ffaa00;
}

#useful .student .dot,
#useful .category.student,
#useful .student:hover a {
  background: #00b4ff;
}

#categories .student .dot,
#categories .category.student,
#categories .student:hover a {
  background: #00b4ff;
}

#useful .know-how .dot,
#useful .category.know-how,
#useful .know-how:hover a {
  background: #8278ff;
}

#categories .know-how .dot,
#categories .category.know-how,
#categories .know-how:hover a {
  background: #8278ff;
}

#useful .release .dot,
#useful .category.release,
#useful .release:hover a {
  background: #ff5e7a;
}

#categories .release .dot,
#categories .category.release,
#categories .release:hover a {
  background: #ff5e7a;
}

#useful .other .dot,
#useful .category.other,
#useful .other:hover a {
  background: #aaaaa0;
}

#categories .other .dot,
#categories .category.other,
#categories .other:hover a {
  background: #aaaaa0;
}

/* #categories .cat-item.active a {
  color: rgba(0, 0, 0, 0.3);
} */

#categories .category-title-area.work .category-title-en {
  color: #41bba7;
}

#categories .category-title-area.event .category-title-en {
  color: #ffaa00;
}

#categories .category-title-area.student .category-title-en {
  color: #00b4ff;
}

#categories .category-title-area.know-how .category-title-en {
  color: #8278ff;
}

#categories .category-title-area.release .category-title-en {
  color: #ff5e7a;
}

#categories .category-title-area.other .category-title-en {
  color: #aaaaa0;
}

.wp-pagenavi a,
.wp-pagenavi span {
  border: none;
  margin: 0;
}

#useful .content .content-columns .columns-inner .left-column .link-detail ul li a.pdflink:before {
  background: url(../images/useful/pdf.svg) left center / 100% no-repeat;
}

#useful .content .content-columns .columns-inner .left-column .link-detail ul li a.blanklink:before {
  background: url(../images/useful/link-black.svg) left center / 100% no-repeat;
}

#footer .contactArea {
  background: url(../images/common/footer-bg.jpg) center / cover no-repeat;
}

#useful .content .content-columns .columns-inner .left-column .summary-title {
  position: relative;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 20px;
}

#useful .content .content-columns .columns-inner .left-column .summary-title:before {
  content: '';
  background: #000;
  width: 4px;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

@media only screen and (max-width: 600px) {
  #useful .content .content-columns .columns-inner .left-column .event-detail .txt-box .txt-box-title,
  #useful .content .content-columns .columns-inner .left-column .summary-title {
    font-size: 1.25rem;
  }
}