@charset "utf-8";
/* CSS Document */

/* 10px = 77% 11px = 85% 12px = 93% 13px = 100%
14px = 108% 15px = 116% 16px = 123.1% 17px = 131%
18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6%
22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197% */

#payment>section {margin-bottom: 20px;}
#payment>section:last-child {margin-bottom: 0;}

#payment .month-payment .table-box {margin-bottom: 15px;}
#payment .month-payment th {text-align: center;width: 50%;}
#payment .month-payment td {width: 50%;text-align: right;white-space: nowrap;}
#payment .shokei {border-top-width: 2px;}

#payment ul.btn {
	list-style: none;
	padding-left: 0;
	margin: 15px 0 0;
}
.scroll-table table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
	border: 0;
}

#payment .shien-payment th:first-child {/*width: 30%;*/text-align: left;}
#payment .shien-payment tr:first-child th:first-child {text-align: center;}
#payment .shien-payment td {text-align: center;}
#payment .shien-payment td img {vertical-align: middle;}
#payment .shien-payment td.yen {text-align: right;white-space: nowrap;}


#flow .caution {
	font-weight: bold;
	text-align: center;
	font-size: 108%;
	color: #f00;
}
#flow .img {margin-bottom: 20px;text-align: center;}
#flow .img img {
	max-width: 100%;
	height: auto;
}

#flow .note {
	margin: 0;
	padding-left: 2rem;
	text-indent: -2rem;
}

#shien_tbl tbody th {background-color: #EFEEE4;color: #333;text-align: left !important;}
#shien_tbl tbody th {width: auto;}

@media print, screen and (min-width: 641px) {

.pc-gNav>ul>li.gNav-guide>a {
	background-color: #736357;
	color: #FFF;
}

#payment>section {margin-bottom: 30px;}

#payment .month-payment .table-box {margin-bottom: 25px;}
#payment .month-payment table {width: 45%;}
#payment .month-payment td {width: 35%;}

#payment ul.btn {margin: 20px 0 0;}

.scroll-table table {
  display: table;
  overflow-x: visible;
  white-space: normal;
}
.scroll-table .note:first-child {display: none;}
	
#payment .shien-payment table {width: 100%;}

/*#payment .shien-payment td:last-child {width: 22%;}*/
#payment .shien-payment td br {display: none;}
#payment .shien-payment td {width: 15%;}



#flow .img {margin-bottom: 30px;}

}