/* CSS Document */


/* --------------------------------------------------
calendar
-------------------------------------------------- */

/* works-menu */
.works-menu{
	margin-bottom:2rem;
	display:flex;
	flex-flow: wrap;
}
.works-menu li{
	width:25%;
}
.works-menu li a{
	display: block;
	text-align: center;
	font-size: 2.5rem;
	padding:.5em;
	position: relative;
}
	
.btn-spring a{
	color:#DF6D72;
	background:#FAE9EA;
}
.btn-summer a{
	color:#298DB4;
	background:#DFEEF4;
}
.btn-autumn a{
	color:#A57738;
	background:#EBE1D3;
}
.btn-winter a{
	color:#44464F;
	background:#E3E2E6;
}

.btn-spring a:hover{
	color:#fff;
	background:#DF6D72;
}
.btn-summer a:hover{
	color:#fff;
	background:#298DB4;
}
.btn-autumn a:hover{
	color:#fff;
	background:#A57738;
}
.btn-winter a:hover{
	color:#fff;
	background:#44464F;
}

.ttl-spring,
.ttl-summer,
.ttl-autumn,
.ttl-winter{
	text-align:center;
	font-size: 2.5rem;
	padding:.5em;
	margin-bottom:2rem;
}
.ttl-spring{
	color:#DF6D72;
	background:#FAE9EA;
}
.ttl-summer{
	color:#298DB4;
	background:#DFEEF4;
}
.ttl-autumn{
	color:#A57738;
	background:#EBE1D3;
}
.ttl-winter{
	color:#44464F;
	background:#E3E2E6;
}

.icon-spring,
.icon-summer,
.icon-autumn,
.icon-winter{
	display:block;
	color:#FFF;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	border-radius:25px;
	position:relative;
	position: absolute;
	left: 10px;
	font-size:1.8rem;
	top: 0;
}

.icon-spring{
	background:#DF6D72;
}
.icon-summer{
	background:#298DB4;
}
.icon-autumn{
	background:#A57738;
}
.icon-winter{
	background:#44464F;
}

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

	.works-menu li a{
		font-size: 1.8rem;
	}
	.works-menu li{
		width:50%;
	}
	.ttl-spring,
	.ttl-summer,
	.ttl-autumn,
	.ttl-winter{
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 767px) {
	
	.works-menu li a{
		font-size: 1.5rem;
	}
	.works-menu li{
		width:100%;
	}
	.ttl-spring,
	.ttl-summer,
	.ttl-autumn,
	.ttl-winter{
		font-size: 1.5rem;
	}
	.icon-spring,
	.icon-summer,
	.icon-autumn,
	.icon-winter{
		display:block;
		color:#FFF;
		width:35px;
		height:35px;
		line-height:35px;
		text-align:center;
		border-radius:18px;
		left: 0;
		font-size:1.3rem;
		top: 0;
	}
	
	
}