@import 'https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700';

@charset "UTF-8";
.m-bnr-box-01 a:hover, .m-list-bnr-01 a:hover {
  -webkit-animation: hover-effect linear 1;
          animation: hover-effect linear 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  cursor: pointer; }

@-webkit-keyframes hover-effect {
  from {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  to {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } }

@keyframes hover-effect {
  from {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  to {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } }

.main-container {
  padding: 50px 0 0 0;
  margin-left: 20px;
  margin-bottom: 40px;
  margin-top: -63px;
  background: #000; }

.main-container .site-title {
  font-family: 'Oswald', sans-serif;
  color: #fff;
  line-height: 24px;
  padding: 15px 0 25px 0;
  font-size: 150%;
  letter-spacing: 2px;
  border-bottom: 1px solid #444;
  width: 100%;
  margin: 0 0 25px 0;
  text-align: left !important; }

.main-container .site-title span {
  color: #fff;
  margin: 0 0 0 15px;
  font-size: 55%;
  padding: 0 0 10px 0; }

.common-title {
  margin: 20px 0px; }

/* ────────────────────────────────────────────────────────────
  header
──────────────────────────────────────────────────────────── */
.header-image:before {
  content: "\0020";
  display: block;
  position: absolute; }

/* ────────────────────────────────────────────────────────────
  contents
──────────────────────────────────────────────────────────── */
.container-wrapper {
  position: relative;
  min-width: 990px;
  background-color: #000; }

.container-wrapper #sns {
  margin: 36px 0 28px; }

.container-wrapper .external-link {
  display: block; }

@media screen and (min-width: 1280px) {
  .container-wrapper {
    background-size: 85% auto; } }

.main-container > section {
  color: #ffffff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.875; }

.m-bnr-box-01 {
  margin: 34px 0 20px; }

.m-bnr-box-01 a img {
  vertical-align: bottom; }

.m-list-bnr-01 {
  margin: 51px 0; }

.m-list-bnr-01 li {
  margin-bottom: 30px; }

.m-list-bnr-01 a img {
  vertical-align: bottom; }