/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
} /* end 600-959 */

@media (min-width: 960px) {
} /* 960- */


/* ---------------------------------------- common */

#contents .cate { 
	text-align: right; 
	margin: 0 0 1em;
}
#contents .cate span {
	display: inline-block;
	color: #fff;
	background: #8fd0d0;
	padding: 4px 1em;
	margin: 0 0 0 .5em;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

@media (max-width: 599px) {

	/* figure + div flex */
	.inside.flexs > figure { 
		text-align: center;
		margin: 0 0 2em;
	}

} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {

	/* figure + div flex */
	.inside.flexs > figure { width: 40%; }
	.inside.flexs > div { width: 56%; }

} /* end 600-959 */

@media (min-width: 960px) {

	/* figure + div flex */
	.inside.flexs > figure { width: 40%; }
	.inside.flexs > div { width: 56%; }

} /* 960- */