@charset "UTF-8";

.erase {
	display:none;
}
.gyoji {
	padding:20px 25px;
	border:2px solid #7a5201;
	background-color:#fff;
	border-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomright:20px;
	-moz-border-radius-bottomleft:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-topleft:20px;
}
.gyoji li {
	float:left;
	width:calc((100% / 3) - (40px /3));
	margin:0 20px 20px 0;
	text-align:center;
}
@media screen and (min-width: 500px) {
	.gyoji li:nth-child(3n) {
		margin-right:0;
	}
	.gyoji li:nth-child(2) {
		width:calc(((100% / 3) - (40px /3)) * 2 + 20px);
		margin-right:0;
	}
	.gyoji li:nth-child(4) {
		clear:both;
	}
	.gyoji li:nth-child(4),.gyoji li:nth-child(5),.gyoji li:nth-child(6) {
		margin-bottom:0;
	}
}
.gyoji li p {
	font-size:0.92em;
}
.gyoji li h4 {
	font-size:1.4em;
	margin-bottom:10px;
	border-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomright:20px;
	-moz-border-radius-bottomleft:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-topleft:20px;
}
.gyoji li:nth-child(1) h4 {
	color:#fff;
	background-color:#f8785b;
}
.gyoji li:nth-child(2) h4,.gyoji li:nth-child(3) h4,.gyoji li:nth-child(4) h4 {
	color:#fff;
	background-color:#56cc8e;
}
.gyoji li:nth-child(5) h4 {
	color:#fff;
	background-color:#faae69;
}
.gyoji li:nth-child(6) h4 {
	color:#fff;
	background-color:#55aafa;
}


@media screen and (max-width: 499px) {
.gyoji {
	
}
.gyoji li {
	float:none;
	width:auto;
	margin-right:0;
	margin-bottom:20px;
}
.gyoji li:last-child {
	margin-bottom:0;
}
.gyoji li p {
	font-size:1em;
}
}