@charset "UTF-8";

.columnnav li a {
  display: block;
  background: #fff;
  position: relative;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  box-shadow: 0.1em 0.1em 0.3em #000;
}

.column .document_parentnav {
  background: #f7f7f7c4;
}
.gossip .document_parentnav {
  background: #0b203cc4;
}
.gossipnav li a {
  background: #000;
}

.columnnav li h4 {
  margin: 0.5em;
  color: #333;
}

.gossipnav li h4 {
  color: #fff;
}

.columnnav li .date {
  display: block;
  position: absolute;
  padding: 0.3em 0.5em;
  background: #9a0000;
  top: 0;
  right: 0;
  color: #fff;
  z-index: 10;
}

section h2 + div ul.mark {
	background-color: #f0f0f0;
	padding: 0.5em 1em;
	margin: 1.5em 0;
  display: table;
}

section h2 + div ul.mark li {
	padding-left: 1em;
}

section h2 + div ul.mark li::before {
	left: 0;
}

section h2 + div ul.mark-flex {
  display: flex;
}



section h2 + div table.default {
  margin: 2rem auto;
}

@media (min-width: 768px) {
  .columnnav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .columnnav li {
    width: 49%;
  }

  .columnnav li h4 {
    min-height: 5em;
  }
} /*768pxend*/

@media (min-width: 1024px) {
  .columnnav li figure {
    overflow: hidden;
  }

  .columnnav li img {
    transition-duration: 0.3s;
  }

  .columnnav li a:hover img {
    transform: scale(1.2);
  }
} /*768pxend*/
