@charset "utf-8";

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

  お知らせ

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


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

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

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

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

.infoList li {
  border-bottom:1px solid #dcdcdc;
  font-size:0.95em;
}

.infoList li a,
.infoList li .inner {
  display:block;
  height:100%;
}

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

.infoList li .photo {
  display:inline-block;
  float:left;
  position:relative;
  overflow:hidden;
}

.infoList li .photo img {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}

.infoList li a:hover .photo img {
  opacity: 0.7;
}

.infoList li p {
  line-height:1.5;
}

.infoList li .date {
  color:#8c8c8c;
  display:inline-block;
  margin-bottom:0.25em;
}

.infoList li a .ttl {
  color:#197ece;
  text-decoration:underline;
}
.ua-pc .infoList li a:hover .ttl {
  color:#00a5df;
  text-decoration:none;
}

@media print,screen and (min-width:641px) {
  .infoList {
    margin-top:0.75rem;
  }

  .infoList li:first-child {
    border-top:1px solid #dcdcdc;
  }

  .infoList li a,
  .infoList li .inner {
    padding-top:1.25rem;
    padding-bottom:1.25rem;
  }

  .infoList li .photo { width:150px; height:100px; }
  
  .infoList li p {
    padding-left:150px;
    margin-left:1.25rem;
  }
}

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

  .infoList li:first-child {
    border-top:1px solid #dcdcdc;
  }
  
  .infoList li a {
    padding:1em 0;
  }
  
  .infoList li p {
    margin-left:1em;
  }
}

@media screen and (min-width:501px) and (max-width:640px) {
  .infoList li .photo {
    width:150px;
    height:100px;
  }
  
  .infoList li p {
    padding-left:150px;
  }
}

@media screen and (max-width:500px) {
  .infoList li .photo {
    width:33%;
    height:0;
    padding-top:22%;
  }
  
  .infoList li p {
    padding-left:33%;
  }
}

@media screen and (max-width:400px) {
  .infoList li p {
    margin-left:0.75rem;
  }
}


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

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

.infoDetail-ct {
  padding-bottom: 2rem;
}

.hdline {
  font-size: 1.2em;
  color: #197ece;
}