.a-ofr:hover {
	text-decoration-line: none;
}
.ofr-item {
	padding: 5px 0;
	color: #666666;
	border-bottom: 1px solid #dddddd;
}
.ofr-item:hover {
	background-color: #eeeeee;
}
/* ------
 * block
 * ------ */
.ofr-date {
	font-size: smaller;
}
.ofr-title {
	color: #115577;
	font-weight: bold;
}
.ofr-bs {
	display: inline-block;
	padding: 0 8px;
	color: #ffffff;
	border-radius: 8px;
}
.op-B {
	background-color: #407060;
}
.op-S {
	background-color: #c24843;
}
.op-C {
	color: #eeeeee;
	background-color: #3090c0;
}
.ofr-trade {
	display: inline-block;
}
/* ------
 * block
 * ------ */
.package {
	font-size: smaller;
}
.pck-99 { color: #f7a450; }
.pck-2  { color: #f7a450; }
.pck-1  { color: #999999; }
/* ----------------------------------------------------------
 *   screen size
 * ---------------------------------------------------------- */
@media screen and (min-width: 591px) {
	.ofr-item {
		display: flex;
		justify-content: space-between;
	}
	.ofr-comp {
		display: none;
	}
	.block-cmp {
		text-align: right;
	}
}
@media screen and (max-width: 590px) {
	.ofr-item {
		padding: 10px 0;
		border-bottom: 3px solid #dddddd;
	}
	.ofr-date {
		display: none;
	}
	.block-cmp {
		display: none;
	}
}