@charset "UTF-8";

/* ================================================================== */

/* Previous Issues CSS

===================================================================== */

.a-site_contents             { background-color: #f0f0f0; }
.a-site_contents .site_frame { color: #000; }

@media (min-width: 1115px){
  .a-site_contents .site_frame .a-main { width: 1115px !important; }
}
@media (max-width: 1114px){
  .a-site_contents .site_frame > div,
  .a-site_contents .site_frame .a-main { width: 100% !important; }
}

/* ------------------------------------------------------------------ */
/* 一覧
--------------------------------------------------------------------- */

.previousissues-list {
  display: flex;
  flex-wrap: wrap;
}

.previousissues-item   { border-bottom: 2px solid #fff; }
.previousissues-item a { display: block; }

@media(min-width:642px) {
  .previousissues-list { margin-bottom: 30px; }
  .previousissues-item {
    width: 35.5%;
    margin-bottom: 40px;
    padding-bottom: 40px;
    padding-right: 6.5%;
  }
  .previousissues-item:nth-of-type(3n){ width: 29%; padding-right: 0; }
  .previousissues-item-img { margin-bottom: 20px; }
  .previousissues-item-vol {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
  }
  .previousissues-item-ttl {
    font-size: 21px;
    line-height: 28px;
  }
}
@media(max-width:641px) {
  .previousissues-list { margin-bottom: 35px; }
  .previousissues-item {
    width: 55%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-right: 10%;
  }
  .previousissues-item:nth-of-type(2n){ width: 45%; padding-right: 0; }
  .previousissues-item-img { margin-bottom: 10px; }
  .previousissues-item-vol {
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 14px;
  }
  .previousissues-item-ttl {
    font-size: 13px;
    line-height: 17px;
  }
}


/* ------------------------------------------------------------------ */
/* module
--------------------------------------------------------------------- */
.c-page_title, .c-title { font-weight: bold;}

@media(min-width:642px) {
  .c-page_title {
    margin-bottom: 40px;
    font-size: 42px;
    line-height: 50px;
  }
  .c-title {
    padding-bottom: 10px;
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 32px;
    border-bottom: 2px solid #000;
  }
  .c-lead {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 28px;
  }
}

@media(max-width:641px) {
  .c-page_title {
    margin-bottom: 30px;
    font-size: 25px;
    line-height: 30px;
  }
  .c-title {
    padding-bottom: 8px;
    margin-bottom: 16px;
    font-size: 25px;
    line-height: 30px;
    border-bottom: 2px solid #000;
  }
  .c-lead {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}