/*
 * 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- */

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

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


/* ---------------------------------------- colorbox */

.colorbox {
	background: #f9f0e8;
	padding: 1em;
}
.colorbox h4 {
	color: #5e3c3c;
	border-bottom: 1px #5e3c3c solid;
}

@media (max-width: 599px) {
	.colorbox { padding: 1em; }
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
	.colorbox { padding: 1.5em; }
} /* end 600-959 */

@media (min-width: 960px) {
	.colorbox { padding: 2em; }
} /* 960- */