#pageContents .boxLeft{
	float:left;
	display:inline-block;
}

#pageContents .h100{
	height:100px;
}

#pageContents .yearList{
  display:flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  grid-gap: 10px;
  margin-top:10px;
}

#pageContents .yearList .yearItem a{
  display:flex;
  padding:5px;
  width:80px;
  height: 50px;
  box-sizing: border-box;
  background: #FFF;
  font-size:16px;
  border:1px solid #d9d9d9;
  text-decoration: none;
  color:#666;
  justify-content: flex-start;
  align-items: flex-end;
  line-height: 1;
  flex-wrap: wrap;
  position: relative;
}

#pageContents .yearList .yearItem a::after{
  content: '';
  display:block;
  width:21px;
  height:20px;
  background: url('https://www.sonic-city.or.jp/dcms_media/image/icon_PDF.png') center center no-repeat;
  position: absolute;
  top:2px;
  right:2px;
  opacity: .7;
  pointer-events: none;
}

#pageContents .yearList .yearItem a span{
  display: inline-block;
}

#pageContents .yearList .yearItem a:hover{
  background: #fafafa;
}

@media only screen and (max-width:1000px){
	
	#pageContents .h100Sp{
		height:100px;
	}
}

@media only screen and (max-width:750px){
	
	#pageContents .boxLeft{
		float:none;
		display:block;
		height:auto;
		padding-top:30px;
		clear: both;
	}
}