@charset "UTF-8";

ul.year_list {
overflow:hidden;
margin-top:30px;
margin-bottom:20px;
}
ul.year_list li {
float:left;
margin-bottom:10px;
margin-right:20px;
}
.work_box {
margin-bottom:30px;
overflow:hidden;
}
.works_data{
float:left;
width:50%;
margin-bottom:20px;
}
.works_data img {
float:left;
margin-right:10px;
margin-bottom:10px;
width: 120x;
  height: 120px;
  object-fit: contain;
}
.works_data dl {
line-height:1.3;
width:95%;
}
.works_data dl dt {
font-weight:bold;
line-height:1.3;
margin-bottom:5px;
}
.works_data dl dd {
font-size:90%;
margin-bottom:5px;
}
.works_data dl dd.info{
color:#666666;
font-size:80%;
}

h2 {
margin-top:50px;
}

.spotify_playlist dt {
	font-weight:bold;
	margin-bottom:0.3em
}
.spotify_playlist dd { 
	line-height:1.8;
	margin-left:1em;
	font-size:90%;
}

/* image link hover */
.works_data a img{
background:none!important;
}
.works_data a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}



@media screen and (max-width: 640px) {

    .works_data dl {
		clear: left;
	}

}