@charset "utf-8";
/* CSS Document */

/*illust*/
#thumbframe{
	width:585px;
	margin:20px auto 120px;
	overflow:hidden;
	display:flex;
	flex-flow:row nowrap;
}
	/* 外枠でflexを使ってるので、1ページはfloatで並べる */
	.illust{
		width:585px;
		margin:0;
		outline:none;
	}
	.illust:after{
		height:0;
		overflow:hidden;
		content:"";
		clear:both;
		outline:none;
	}
		.illust .piece{
			width:135px;
			margin:0 30px 40px;
			text-align:center;
			outline:none;
		}
			.illust .piece a{
				
				outline:none;
			}
				.illust .piece a img{
					hight:200px;
					width:100%;
					
					outline:none;
				}



.illust figure{
	display: inline-block;
}


.illust figure a{
	margin:0px;
	font-family: 'Arial',sans-serif;
    font-size:0px;
}



/*lyric*/
#thumbframe2{
	width:585px;
	margin:20px auto 120px;
	overflow:hidden;
	display:flex;
	flex-flow:row nowrap;
}
.lyric{
		width:585px;
		margin:0;
		outline:none;
	}
	.lyric:after{
		height:0;
		overflow:hidden;
		content:"";
		clear:both;
		outline:none;
	}
		.lyric .piece{
			width:135px;
			margin:0 30px 40px;
			float:left;
			outline:none;
		}
			.lyric .piece a{
				outline:none;
			}
				.lyric .piece a img{
					hight:200px;
					width:100%;
					outline:none;
				}


.lyric figure{
	display: inline-block;
}


.lyric figure a{
	margin:0px;
	font-family: 'Arial',sans-serif;
    font-size:0px;
}


/*terms*/
#thumbframe3{
	width:585px;
	margin:20px auto 120px;
	overflow:hidden;
	display:flex;
	flex-flow:row nowrap;
}
.terms{
		width:585px;
		margin:0;
		outline:none;
	}
	.terms:after{
		height:0;
		overflow:hidden;
		content:"";
		clear:both;
		outline:none;
	}
		.terms .piece{
			width:135px;
			margin:0 30px 40px;
			float:left;
			outline:none;
		}
			.terms .piece a{
				outline:none;
			}
				.terms .piece a img{
					hight:200px;
					width:100%;
					outline:none;
				}


.terms figure{
	display: inline-block;
}


.terms figure a{
	margin:0px;
	font-family: 'Arial',sans-serif;
    font-size:0px;
}




	/* 矢印 */
	button{
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		border-radius: 0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		z-index: 2;
	}
	button.slide-arrow{
		position: absolute;
		top: 50%;
		margin-top: -15px;
	}
	button.slide-arrow.prev-arrow{
		left: 0;
		width:13px;
		height:35px;
		background:url(image/ico_arrow_left.png) center center/contain no-repeat;
	}
	button.slide-arrow.next-arrow{
		right: 0;
		width:13px;
		height:35px;
		background:url(image/ico_arrow_right.png) center center/contain no-repeat;
	}