@charset "utf-8";

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


  ◇◆◇ お知らせ ◇◆◇
  
  
========================================================================================================================*/

/*-----------------------------------------------------------------------------------
  アイコン・日付
-----------------------------------------------------------------------------------*/

.info-icon {
  display:inline-block;
  padding:0.25em 0.75em;
  color:#fff;
  border-radius:1.5px;
  vertical-align:middle;
  margin-right:1em;
}

.info__date {
  color:#969696;
}


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

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

#infoList-load-warp {
  padding-top:0 !important;
}

#infoList {
  text-align:center;
}

#infoList ul {
  text-align:left;
  display:inline-block;
  margin-left:auto;
  margin-right:auto;
}

#infoList .info-date {
  display:inline-block;
  width:6em;
  float:left;
  clear:both;
  color:#969696;
  margin-right:-6em;
  padding-top:1em;
}

#infoList .info-title {
  display:inline-block;
  padding-left:7em;
  padding-top:1em;
}

#infoList li:first-child {
  padding-top:0;
}

#infoList-load-warp {
  text-align:center;
}

.infoList-loading,
.infoList-er {
  padding-top:40px;
  text-align:center;
}

@media (max-width:767px) {
  #infoList-load-warp.block {
    padding-top:0 !important;
  }
  
  #infoList ul,
  .infoList-loading,
  .infoList-er {
    padding-top:2em;
  }
}

@media (max-width:640px) {
  #infoList ul,
  .infoList-loading,
  .infoList-er {
    padding-top:1.5em;
  }
}

@media (max-width:400px) {
  #infoList ul {
    display:block;
  }
  
  #infoList .info-date {
    display:block;
    width:inherit;
    float:none;
    margin-right:0;
    padding-top:1em;
  }
  
  #infoList .info-title {
    display:block;
    padding-left:0;
    padding-top:0;
  }
}


/*-----------------------------------------------------------------------------------
  ボタン
-----------------------------------------------------------------------------------*/

#infoList-load--moreBtn {
  padding-top:3em;
}

#infoList-load--moreBtn .btn {
  width:350px;
}

@media (max-width:767px) {
  #infoList-load--moreBtn {
    padding-top:2.5em;
  }
}

@media (max-width:500px) {
  #infoList-load--moreBtn .btn {
    width:100%;
  }
}


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

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

#infoDetail {
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

.lte-ie8 #infoDetail.block {
  padding-top:0 !important;
}

@media (min-width:768px) {
  #infoDetail.block {
    padding-top:0 !important;
  }
}

#infoDetail .info__title {
  display:block;
}