@charset "utf-8";

.hco-head h1 {
	display: inline-block;
	border-bottom: 2px solid #df0068;
	line-height: 100%;
}
/*
	* .hco-head
	*/
	.hco-head {
		text-align: center;
	}
	.hco-head h1 {
		margin-bottom: 25px;
		padding-bottom: 10px;
		font-size: 188%;
	}

.wrapper{
	width: 960px;
	height: auto;
	margin: 0px auto;
}
#total .container {
 width: 960px;
 margin: 0 auto 30px;
 text-align: center;
}

#total h1{
  margin: 30px auto 20px;
  font-size:166%;
  text-align: center;
  font-weight: bold;
}
#total table {
  width:960px;
  height: auto;
  margin: 0 auto 25px;
	border-right:#df0068 solid 1px;
	border-collapse: collapse;
}
#total table caption{
  margin-bottom: 20px;
  font-size:100%;
  text-align: center;
  font-weight: bold;
}
#total table thead th {
	background:#fff5fb;
	color:#df0068;
	padding:10px 15px;
  border:#df0068 solid 1px;
  text-align: center;
	font-weight: normal;
}
#total table tbody th {
	background:#df0068;
	color:#FFF;
	padding:10px 15px;
	border-bottom:#FFF solid 1px;
	vertical-align:top;
	text-align: left;
	font-weight: normal;
	font-size: 1.3rem;
	width: 480px;
}
#total table tbody tr:last-child th {
	border-bottom:#df0068 solid 1px;
}
#total table tbody td {
	background:#FFF;
	padding:10px 15px;
  text-align: right;
	border-left:#df0068 solid 1px;
	border-bottom:#df0068 solid 1px;
	vertical-align:top;
}
.pc-none{
display: none;
}

.sub{
text-align: right;
}

@media screen and (max-width: 767px){
  /*
	* .hco-head
	*/
	.hco-head h1 {
		margin: 4.6875% 0;
		padding-bottom: 1.5625%;
		font-size: 4.6875vw;
	}

.wrapper{
	width: 100%;
  height: auto;
}
#total .container {
 width: 100%;
 margin: 0 auto 30px;
 text-align: center;
}
#total h1 {
  width: 85%;
  font-size: 180%;
}
#total table {
  width:85%;
}
#total table thead {
	display:none;
}
#total table tbody th {
	display:block;
  font-size: 130%;
	width: auto;
}
#total table tbody td {
	display:block;
  font-size: 140%;
  text-align: left;
}
#total table tbody td::before {
	content: attr(label);
  float: left;
	clear:both;
  color: #df0068;
	font-weight:bold;
}
#total table tbody td p {
  margin: 0;
	padding-left:5em;
  text-align: right;
}
  .pc-none {
	display: inline;
	}
.sub{
width:85%;
text-align: right;
}
}
