@charset "utf-8";

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


  ◇◆◇ 活動報告 ◇◆◇
  
  
========================================================================================================================*/

/*-----------------------------------------------------------------------------------
  ページ見出し
-----------------------------------------------------------------------------------*/

#pg-headline {
  background-image:url(../image/pg-headline.jpg);
}


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

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

.reportList-warp {
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

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

#reportList li {
  border-bottom:1px solid #dcdcdc;
  padding:1em 0.75em;
  line-height:1.4;
}

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

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

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

#reportList li .date {
  width:9em;
  display:inline-block;
  float:left;
  clear:both;
  margin-right:-9.25em;
}

#reportList li a,
#reportList li .title {
  display:block;
  padding-left:9.25em;
}



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

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

#reportDetail {
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
}

.reportDetail-head {
  border-top:2px solid #0d579a;
  border-bottom:1px solid #dcdcdc;
  padding:1.25em 0.75em;
  padding:1.25rem 1rem;
  box-sizing:border-box;
  line-height:1.5;
  margin-bottom:30px;
  text-align:left;
}

.reportDetail-head h3 {
  color:#0d579a;
  font-family:"Noto Sans Japanese";
  font-style:normal;
  font-weight:500;
  font-size:160%;
  padding-top:0.2em;
  padding-top:0.15rem;
}

#reportDetail .back-btn { text-align:left; line-height:0; padding-top:10px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .reportDetail-head h3 {
    font-weight:600;
  }
}

@media screen and (max-width:640px) {
  .reportDetail-head { margin-bottom:2rem; }
  .reportDetail-head h3 { font-size:125%; }
  #reportDetail .back-btn { text-align:center; padding-top:0.5rem; }
}