@charset "utf-8";

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

  お知らせ

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

.err {
  text-align:center;
}

@media print,screen and (min-width:641px) {
  .err {
    padding-top:200px;
    padding-bottom:200px;
  }
}

@media screen and (max-width:640px) {
  .err {
    padding-top:6em;
    padding-bottom:6em;
  }
}


/*----------------------------------------------------------------------------------------------------

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

@media print,screen and (min-width:641px) {
  .sec-list {
    padding-top:96px;
    padding-bottom:144px;
  }
}

@media screen and (max-width:640px) {
  .sec-list {
    padding-top:3em;
    padding-bottom:3.5em;
  }
}

.list-item,
.list-item a {
  width:100%;
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.list-item a,
.list-item a:visited,
.list-item a:hover { color:inherit; text-decoration:none; }
.list-item a:hover .ttl { text-decoration:none; }

.list-item li:not(:first-child) {
  padding-top:1.5em;
}

.list-item .date {
  width:6em;
  color:#999;
}

.list-item .ttl {
  width:-webkit-calc(100% - 6em);
  width:calc(100% - 6em);
}

.list-item a .ttl {
  text-decoration:underline;
}

@media print,screen and (min-width:641px) {
  .list-item,
  .p-pagination {
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
  }
}


/*----------------------------------------------------------------------------------------------------

  詳細
  
----------------------------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  .sec-detail {
    max-width:1180px;
    padding-bottom:144px;
  }
  
  .sec-detail .sec {
    padding-top:80px;
  }
  
  .sec-detail .err {
    padding-bottom:56px;
  }
}

@media screen and (max-width:640px) {
  .sec-detail {
    padding-bottom:4em;
  }
  
  .sec-detail .sec {
    padding-top:3em;
  }

  .sec-detail .err {
    padding-bottom:2em;
  }
}


/*--------------------------------------------------------------------------------
  タイトル
--------------------------------------------------------------------------------*/

.detail-hdline {
  border-bottom:1px solid #e1e1e1;
}

.detail-hdline .date {
  color:#999;
  display:inline-block;
  margin-bottom:0.5em;
}

@media print,screen and (min-width:641px) {
  .detail-hdline {
    padding-top:80px;
  }

  .detail-hdline .ttl {
    padding-bottom:1.5em;
  }
}

@media screen and (max-width:640px) {
  .detail-hdline {
    padding-top:2.5em;
  }

  .detail-hdline .ttl {
    padding-bottom:1em;
  }
}


/*--------------------------------------------------------------------------------
  見出し・コメントセット
--------------------------------------------------------------------------------*/

.sec-detail .p-glog {
  padding-top:0;
}

@media print,screen and (min-width:641px) {
  .sec-detail .sec--set__hdline {
    padding-bottom:2em;
  }
}

@media screen and (max-width:640px) {
  .sec-detail .sec--set__hdline {
    font-size:1.1em;
    padding-bottom:1.5em;
  }
}


/*--------------------------------------------------------------------------------
  Back 
--------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  .back-link {
    padding-top:112px;
    padding-bottom:1em;
  }
}

@media screen and (max-width:640px) {
  .back-link {
    padding-top:3.5em;
    padding-bottom:1em;
  }
}