@charset "utf-8";

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

  お知らせ

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

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

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


/*--------------------------------------------------------------------------------
  エラー
--------------------------------------------------------------------------------*/

.info-err { line-height:2; }

@media print,screen and (min-width:641px) {
  .info-err {
    font-size:1.1em;
    padding-bottom:40px;
  }
}

@media screen and (max-width:640px) {
  .info-err {
    padding:2em 0 2.5em 0;
  }
}


/*--------------------------------------------------------------------------------
  カテゴリ
--------------------------------------------------------------------------------*/

.cate {
  min-width:7.5em;
  text-align:center;
  padding:0 0.5em;
  color:#fff;
  display:inline-block;
}

.cate--0001 {
  background-color:#2fbfbb;
}

.cate--0002 {
  background-color:#fbc047;
}


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

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

.infoList a { display:block; }
.infoList a,
.infoList a:visited,
.infoList a:hover { color:inherit; text-decoration:none; }
.infoList a .ttl { color:#1d97cc; text-decoration:none; }
.ua-pc .infoList a:hover .ttl { color:#45b2e1; text-decoration:underline; }

.infoList {
  max-width:960px;
  margin-left:auto;
  margin-right:auto;
  list-style:none;
  text-align:left;
}

.infoList li {
  border-bottom:1px dashed rgba(33,53,62,0.25);
}

.infoList li a,
.infoList li .inner {
  padding-top:1em;
  padding-bottom:1em;
}

.infoList .ttl {
  line-height:1.5;
}

@media print,screen and (min-width:641px) {
  .infoList li a,
  .infoList li .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  
  .infoList li .cate-wrap,
  .infoList li .date,
  .infoList li .ttl {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
  }

  .infoList li .cate-wrap {
    padding-right:1.25em;
  }
  
  .infoList li .date {
    width:9.5em;
  }
  
  .infoList li .ttl {
    width:-webkit-calc(100% - 9.5em - 7.25em);
    width:calc(100% - 9.5em - 7.25em);
    padding-top:0.1em;
  }
}

@media screen and (max-width:640px) {
  .infoList {
    margin-top:-1em;
  }

  .infoList li .cate-wrap {
    padding-right:0.75em;
  }
  
  .infoList .ttl {
    display:block;
    padding-top:0.5em;
  }
}


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

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

.detail {
  text-align:left;
}

.detail .cate {
  margin-right:1.25em;
}

.detail .ttl {
  border-bottom:1px solid #dee1e2;
  padding-top:0.5em;
  padding-bottom:0.8em;
}

.backBtn .p-btn {
  padding-left:2.5em;
  padding-right:2.5em;
}

@media print,screen and (min-width:641px) {
  .detail {
    padding:64px;
    background-color:#fff;
    border-radius:10px;
  }

  .backBtn {
    padding-top:64px;
  }
}

@media screen and (max-width:640px) {
  .detail .ttl {
    font-size:1.22em;
  }
  
  .backBtn {
    padding-top:2.5em;
  }
}