@charset "UTF-8";
/* ↓以下、眞砂追加 ----- */
/* Font Size ----- */
#topics-archive__side {
  padding: 30px;
  background-color: #f9faf7;
}

.topics-meta {
  display: block;
  padding: 0;
  margin: 0 -4px;
  list-style: none;
  letter-spacing: -.40em;
}

@media screen and (min-width: 992px) {
  .topics-meta {
    margin-left: -7px;
    margin-right: -7px;
  }
}

.topics-meta > li {
  display: inline-block;
  letter-spacing: 0.1em;
  padding-left: 4px;
  padding-right: 4px;
}

@media screen and (min-width: 992px) {
  .topics-meta > li {
    padding-left: 7px;
    padding-right: 7px;
  }
}

@media screen and (max-width: 767px) {
  .topics-meta > li:first-child {
    display: block;
  }
}

.topics-meta > li > .new-mark {
  line-height: 1em;
  letter-spacing: 0.05em;
  background-color: #ffcc00;
  padding: 7px;
  margin-left: 8px;
}

@media screen and (min-width: 992px) {
  .topics-meta > li > .new-mark {
    margin-left: 14x;
  }
}

.topics-meta > li > .topics-category_tag {
  line-height: 1em;
  white-space: nowrap;
  letter-spacing: 0.05em;
  background-color: #ebeee3;
  padding: 7px;
  border-radius: 12rem;
}

@media screen and (min-width: 992px) {
  .topics-meta > li > .topics-category_tag {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 768px) {
  .topics-title {
    padding: 7px 15px;
    line-height: 1.5em;
    background-color: #fff9f9;
  }
}

.topics-archive .in-note-ptit {
  letter-spacing: normal;
}

.topics-archive + .topics-archive {
  border-top: dotted 2px #d8ddc7;
}

.topics-archive .thumb > .remove {
  padding-top: 100%;
}

.topics-archive__side-widget > h3 {
  letter-spacing: 0.15em;
  line-height: 1em;
  padding-left: 10px;
  border-left: solid 3px #d8ddc7;
}

.topics-archive__side-widget > h3 + ul {
  margin-top: 7px;
  margin-bottom: 0;
  padding-top: 15px;
  padding-left: 20px;
  border-top: solid 1px #d8ddc7;
}

.topics-archive__side-widget > h3 + ul > li > a {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  letter-spacing: 0.05em;
  text-overflow: ellipsis;
}

a.topics-title {
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}