p.nodate{
font-size: 20px;
font-size: 0;
visibility: hidden;
font-weight: bold;
background-color: transparent;
text-align: center;
margin: 20px auto 0;
padding: 5vw 0;
}


.cu-list table{
width: 100%;
border-collapse: collapse;
table-layout: fixed;
border: 1px solid #BFBFBF;
border-right: hidden;
border-left: hidden;
}

.cu-list table th{
width: 30%;
text-align: left;
padding: 20px;
border: 1px solid #BFBFBF;
background-color: #F0F0F0;
border-right: hidden;
border-left: hidden;
vertical-align: top;
}

.cu-list table td{
text-align: left;
padding: 20px;
border: 1px solid #BFBFBF;
background-color: #FFF;
border-right: hidden;
border-left: hidden;
vertical-align: top;
}


.cu-list h4{
display: block;
color: #283D79;
font-size: 18px;
font-weight: bold;
margin: 50px auto 10px;
}

.cu-list h4:first-of-type{
margin-top: 0;
}



.cu-list .rec-contact{
width: 100%;
margin: 20px auto 0;
text-align: center;
}

.cu-list .rec-contact a{
display: inline-block;
background-color: #26A3BD;
color: #FFF;
font-weight: bold;
text-decoration: none;
font-size: 16px;
padding: 5px 1em;
}

.pc .cu-list .rec-contact a:hover{
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}

.cu-list .rec-contact a img{
display: inline-block;
height: 0.8em;
vertical-align: middle;
margin-right: 0.4em;
}


.cart-copy{
text-align: center;
}



@media (max-width: 700px){

	p.nodate{
	padding: 60px 0;
	}


	.cu-list table{
	border: none;
	}

	.cu-list table th{
	width: 100%;
	display: block;
	border: none;
	padding: 16px 20px;
	background-color: #DFDFDF;
	}

	.cu-list table td{
	width: 100%;
	display: block;
	border: none;
	padding: 16px 20px;
	}

}

