@charset "utf-8";

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


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

.info {
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}

.info_err {
  text-align:center;
}

@media print,screen and (min-width:641px) {
  .info {
    padding-top:60px;
    padding-bottom:80px;
  }
  
  .info_err { padding-bottom:20px; }
}

@media screen and (max-width:640px) {
  .info {
    padding:2rem 1rem 2.5rem 1rem;
  }
  
  .info_err { padding-bottom:1rem; }
}


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

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

#infoList {
  display:inline-block;
  margin-left:auto;
  margin-right:auto;
  list-style:none;
  text-align:left;
  margin-top:-0.75em;
}

#infoList li {
  border-bottom:1px solid #dcdee2;
  line-height:1.6;
}

#infoList li a,
#infoList li .inner {
  display:block;
  padding:0.75em 1em 1em 0;
}

#infoList li a:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

#infoList li .date {
  width:10em;
  display:inline-block;
  float:left;
  clear:both;
  margin-right:-10em;
  padding-left:1rem;
  color:#3c3c3c;
}

#infoList li .title {
  display:block;
  padding-left:10em;
}

@media print,screen and (min-width:641px) {
  #infoList { min-width:880px; padding-bottom:20px; }
}


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

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

#infoDetail-head {
  border-bottom:1px solid #dcdee2;
  text-align:left;
  padding-bottom:1em;
}

#infoDetail-head h3 {
  line-height:1.5;
  padding-top:0.25rem;
}

#infoDetail {
  text-align:center;
}

@media print,screen and (min-width:641px) {
  #infoDetail-head { margin-bottom:40px; }
  #infoDetail .l-btn { margin-top:20px; }
}

@media screen and (max-width:640px) {
  #infoDetail-head { margin-bottom:1.5rem; }
  #infoDetail .l-btn { margin-top:0.5rem; }
}