@charset "utf-8";

h3.privilegeItems {
	font-size: 1.125rem;
	font-weight: normal;
	text-decoration: underline #0000EE;
	margin-right: 15px;
}

div.guicontainer a {
	color: -webkit-link;
	text-decoration: underline;
}

.bdr_black {
	border: 1px solid #333333;
}

.bgColor_gray {
	background-color: #cccccc;
}

.item_label {
	font-weight: normal;
	font-size: 10px;
	padding: 0;
	display: inline-block;
	margin-top: 10px;
}

.item_label span {
	padding: 2px 10px;
	display: inline-block;
	text-align: center;
	font-size: 12px !important;
	font-weight: normal !important;
}

.message-text {
	font-size: 18px;
	margin-left: 30px;
	color: #333;
}

.productBox {
	width: 100%;
}

.productBox .imgBox {
	height: 162px;
}

.productInfoBox {
	width: 100%;
	margin: 0px 0px 0px 10px;
	min-width: 196px;
}

.listTbl {
	width: 95%;
}

#couponList .listTbl tr.couponData th, #couponListArea .listTbl tr.couponData th
{
	display: none
}

#couponList .listTbl tr.couponData td, #couponListArea .listTbl tr.couponData td
{
	text-align: center;
	vertical-align: middle;
}

#couponList .listTbl tr.couponData td.ta_left, #couponListArea .listTbl tr.couponData td.ta_left
	{
	text-align: left
}


@media screen and (max-width: 991px) {
	#couponList .listTbl tr.couponData td, #couponListArea .listTbl tr.couponData td
		{
		display: table-cell
	}
}

@media ( max-width : 767px) {
	#couponList .listTbl, #couponListArea .listTbl {
		border: none
	}
	#couponList .listTbl .tableHeader, #couponListArea .listTbl .tableHeader {
		display: none
	}
	#couponList .listTbl tr.couponData, #couponListArea .listTbl tr.couponData
		{
		display: flex;
		flex-direction: column;
		margin-bottom: 50px;
		border: 1px solid #aaa
	}
	#couponList .listTbl tr.couponData:last-child, #couponListArea .listTbl tr.couponData:last-child
		{
		margin-bottom: 0
	}
	#couponList .listTbl tr.couponData th, #couponListArea .listTbl tr.couponData th
		{
		display: table-cell;
		border-right: 1px solid #aaa;
		border-bottom: none
	}
	#couponList .listTbl tr.couponData td, #couponListArea .listTbl tr.couponData td
		{
		border-right: 1px solid #aaa;
		padding: 10px
	}
	#couponConfirmMain #buttonArea .left {
		float: none
	}

	#invoiceList .listTbl, #couponListArea .listTbl {
		border: none
	}
	#invoiceList .listTbl .tableHeader, #couponListArea .listTbl .tableHeader
		{
		display: none
	}
	#invoiceList .listTbl tr.invoiceData, #couponListArea .listTbl tr.invoiceData
		{
		display: flex;
		flex-direction: column;
		margin-bottom: 50px;
		border: 1px solid #aaa
	}
	#invoiceList .listTbl tr.invoiceData:last-child, #couponListArea .listTbl tr.invoiceData:last-child
		{
		margin-bottom: 0
	}
	#invoiceList .listTbl tr.invoiceData th, #couponListArea .listTbl tr.invoiceData th
		{
		display: table-cell;
		border-right: 1px solid #aaa;
		border-bottom: none
	}
	#invoiceList .listTbl tr.invoiceData td, #couponListArea .listTbl tr.invoiceData td
		{
		border-right: 1px solid #aaa;
		padding: 10px
	}
	#invoiceListMain #buttonArea .left {
		float: none
	}

	.message-text {
		font-size: 18px;
		margin-left: 0px;
		color: #333;
	}

	.productBox {
		width: 55%;
	}

	.productInfoBox {
		min-width: auto;
	}
	
	.listTbl {
		width: 100%;
	}
}