@charset "utf-8";

/* ========== 新市場区分の枠 ========== */
.mkt2,.mkt3{
   display: flex;
	flex-flow: column;
	border: 1px solid #acacac;
	margin-bottom: 0.5rem;
	width:auto;
}
.mkt-name {
   flex: 0 1 auto;
	height: 18px;
	padding: 0.5rem;
	border: 0;
	font-weight:bold;
	text-align:center;
}
.mkt-text {
   padding: 0.5rem;
}
.mkt-h {
   background:#ffaaab;
}
.mkt-m {
   background:#ffe3b4;
}
.mkt-l {
   background:#c8f0af;
}
@media screen and (min-width: 600px) {
   .mkt2 {
	display: flex;
	flex-flow:wrap;
	border: 1px solid #acacac;
	margin-bottom: 0.5rem;
	width:48%;
	}
	.mkt3 {
	display: flex;
	flex-flow:wrap;
	border: 1px solid #acacac;
	margin-bottom: 0.5rem;
	width:32%;
	}
	.mkt-name {
	width: 100%;
	}
}