@charset "utf-8";

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

  お知らせ

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

.l-pgTtl__txt {
  background-image:url(../image/pg-ttl.png);
}


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

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

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

@media screen and (max-width:640px) {
  .sec-list {
    padding-bottom:3.5em;
  }
}

.info-list a,
.info-list a:visited,
.info-list a:hover { color:inherit; text-decoration:none; }
.ua-pc .info-list li a:hover .ttl { text-decoration:underline; }

.info-list {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.info-list li {
  background-color:rgba(255,255,255,0.7);
  text-align:left;
}

.info-list li,
.info-list li a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.info-list li a {
  width:100%;
  height:100%;
}

.info-list li p {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
}

.info-list li .date {
  color:#bea037;
  font-size:0.88em;
  display:inline-block;
  margin-bottom:0.25em;
}

@media print,screen and (min-width:641px) {
  .info-list li {
    width:-webkit-calc(50% - 15px);
    width:calc(50% - 15px);
  }
  
  .info-list li:nth-child(odd) {
    margin-right:15px;
  }
  
  .info-list li:nth-child(even) {
    margin-left:15px;
  }
  
  .info-list li:nth-child(n+3) {
    margin-top:30px;
  }

  .info-list li .photo {
    width:180px;
    min-width:180px;
    height:140px;
    margin:20px;
  }
  
  .info-list li p {
    padding:25px 25px 25px 2px;
  }
}

@media screen and (max-width:640px) {
  .info-list li {
    width:100%;
  }
  
  .info-list li:not(:first-child) {
    margin-top:1em;
  }
  
  .info-list li .photo {
    width:-webkit-calc(180 / 800 * 100vw);
    min-width:-webkit-calc(180 / 800 * 100vw);
    height:-webkit-calc(140 / 800 * 100vw);
    width:calc(180 / 800 * 100vw);
    min-width:calc(180 / 800 * 100vw);
    height:calc(140 / 800 * 100vw);
    min-height:90px;
    margin:1em;
  }
  
  .info-list li p {
    padding:1em 1.25em 1em 0.25em;
  }
}


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

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

@media print,screen and (min-width:641px) {
  .sec-detail {
    padding-top:80px;
    padding-bottom:120px;
  }
}

@media screen and (max-width:640px) {
  .sec-detail {
    padding-top:2.5em;
    padding-bottom:3.5em;
  }
}

.sec-detail {
  text-align:left;
}

.detail-hd {
  border-bottom:1px solid rgba(75,60,45,0.2);
  padding-bottom:1.5em;
  text-align:left;
}

.detail-hd .date {
  color:#bea037;
  font-size:0.88em;
  display:inline-block;
  margin-bottom:0.25em;
}

@media print,screen and (min-width:641px) {
  .sec-detail .back {
    padding-top:80px;
  }
}

@media screen and (max-width:640px) {
  .sec-detail .back {
    padding-top:3em;
    padding-bottom:1em;
  }
}