@charset "UTF-8";
body.media {
  display: block; }

.section-medias [class^="col-"],
.section-medias [class*=" col-"] {
  padding-left: 5px;
  padding-right: 5px; }

.section-medias .row {
  margin-left: -5px;
  margin-right: -5px; }

.ttl-main {
  margin: 0px 0px 20px 0px;
  padding: 5px 0px 5px 10px;
  border-left: 5px solid #d82727;
  font-size: 160%;
  font-weight: bold;
  line-height: 1.7; }

.list-media {
  border-bottom: solid #d9d9d9 1px; }

.list-media-index {
  padding: 15px 0; }

.pickup span {
  display: inline-block;
  background-color: red;
  /*背景色*/
  color: #FFF;
  /*文字色*/
  text-decoration: none;
  letter-spacing: 0.05em;
  /*字間*/
  padding: 0.1em 0;
  /*ボタン内の余白*/
  border-radius: 3px;
  /*角の丸み*/
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  width: 100%;
  text-align: center;
  font-size: 0.8rem; }

.list-media-index a {
  text-decoration: underline;
  color: #333; }

@media screen and (max-width: 992px) {
  .list-media-view_date, .list-media-media_name, .list-media-title {
    margin-top: 0.3rem; }
  .list-media-media_name {
    font-size: 0.9rem; }
    .list-media-media_name::before {
      content: '('; }
    .list-media-media_name::after {
      content: ')'; } }

.media-prev {
  margin-top: 30px; }