@charset "UTF-8";

section.bio div.body > div{/*リストの大くくり*/
	display:flex;
	flex-wrap:wrap;
}

section.bio div.body > div > div{/*年ごとのくくり*/
	box-sizing:border-box;
	padding:35px 22px;
	width:25%;
	background:#fefefe;
}

section.bio div.body > div > div:nth-child(2){
	background:#fcfcfc;
}

section.bio div.body > div > div:nth-child(4){
	background:#fcfcfc;
}

section.bio div.body > div > div:nth-child(5){
	background:#fcfcfc;
}

section.bio div.body > div > div > h3{/*年*/
	font-family:Georgia;
	font-size:22px;
	margin-bottom:22px;
}

/* 検索フォーム */
div.wrapper > section.bio > div.body > form{
	margin: 15px 0;
}

div.wrapper > section.bio > div.body > form > label,input{
	line-height: 27px;
	margin-right: 6px;
	font-size: 15px;
}
div.wrapper > section.bio > div.body > form > input:last-child{
	display:inline-block;
	width: 100px;
	height:30px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #aebad4; /*ボタン色*/
	border-radius: 5px; /*角丸*/
	-webkit-transition: all 0.5s;
	transition: all 0.6s;
	border: 1px solid #ccc
}
div.wrapper > section.bio > div.body > form > input:last-child:hover{
	background-color: #7d99d0; /*ボタン色*/
}


section.bio div.body > div > div > dl > dt{
	margin-top: 30px;
}

section.bio div.body > div > div > dl > dt > p{/*アーティスト名*/
	margin:15px 0 8px 0;
	font-size:11px;
	font-weight:bold;
}

section.bio > div.body > div > div > dl > dd{
	font-size:11px;
	margin-bottom: 7px;
	line-height:1;
	padding-left:1em;
	text-indent:-1em;
}

div.wrapper > section.bio > div.body > div > div > dl > dd.song{/*曲タイトル*/
	font-size:13px;
	margin-left: -6px;
}

/*===================================== responsive ===================================*/

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

	section.bio div.body > div > div{/*年ごとのくくり*/
		width:33.3%;
	}

}


@media only screen and (max-width: 639px){
	
	section.bio div.body > div > div{/*年ごとのくくり*/
		width:50%;
	}

}

@media only screen and (max-width: 414px){
	
	section.bio div.body > div > div{/*年ごとのくくり*/
		width:100%;
	}

div.wrapper > section.bio > div.body > form > label > input{
	margin-right: 0;
}

}