@charset "utf-8";

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


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

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

.info_err {
  text-align:center;
  line-height:2.5;
}

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

@media screen and (max-width:640px) {
  #info {
    padding:2.25rem 1rem 3rem 1rem;
  }
  
  .info_err { padding:2rem 0; }
}


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

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

#infoList li a,
#infoList li a:visited,
#infoList li a:hover { text-decoration:none; }

#infoList li a .title,
#infoList li a:visited .title,
#infoList li a:hover .title { color:inherit; text-decoration:none; }
.ua-pc #infoList li a:hover .title { text-decoration:none; }

#infoList {
  list-style:none;
  text-align:left;
}

#infoList li {
  box-sizing:border-box;
  border-bottom:1px solid rgba(19,59,70,0.12);
}

.no-rgba #infoList li { border-bottom:1px solid #d5e1e2; }

#infoList li a,
#infoList li .inner {
  display:block;
  padding:1rem;
}

#infoList li:first-child a,
#infoList li:first-child .inner {
  padding-top:0;
}

#infoList li .date {
  color:#728a90;
}

#infoList li .title {
  display:block;
}

@media print,screen and (min-width:641px) {
  #infoList {
    width:900px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:20px;
  }

  #infoList li a:after,
  #infoList li .inner:after {
    content:"";
    display:block;
    height:0;
    clear:both;
  }
  
  #infoList li .date {
    width:12rem;
    display:inline-block;
    float:left;
    clear:both;
    margin-right:-12rem;
  }
  
  #infoList li .title {
    padding-left:10rem;
  }
}


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

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

#infoDetail {
  text-align:left;
  background-color:#fff;
}

.infoDetail_head .date {
  color:#728a90;
  display:inline-block;
  padding-bottom:0.25rem;
}

.infoDetail_head h3 {
  line-height:1.5;
  font-weight:400;
}

@media print,screen and (min-width:641px) {
  #infoDetail { padding:60px; }

  #infoBtn { padding-top:50px; }
}

@media screen and (max-width:640px) {
  #infoDetail { padding:2rem 1.75rem; }
  #infoBtn { padding-top:2.5rem; }
}