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

table {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
}
table tr {
background-color: #fff;
border-bottom: 2px solid #fff;
}
table tr:nth-child(even){
background-color: #eee;
}
table th,
table td {
padding: .35em 1em;
}
table thead th {
font-size: 1rem;
padding: 1em;
}
table thead tr{
background-color: #607D8B;
color:#fff;
}
table tbody th {
text-align: left;
font-size: 1rem;
}

.txt{
text-align: right;
font-size: 1rem;
}

.price{
text-align: right;
font-size: 1rem;
color: #FF7043;
font-weight: bold;
}
@media screen and (max-width: 768px) {
table {
border: 0;
width:100%
}
table th{
background-color: #607D8B;
display: block;
border-right: none;
}
table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table tr {
display: block;
margin-bottom: .625em;
border: 1px solid #607D8B;
}
table td {
border-bottom: 1px dotted #bbb;
display: block;
font-size: 1rem;
text-align: right;
position: relative;
padding: 1.5em 1em 1.5em 4em;
border-right: none;
}
table td::before {
content: attr(data-label);
font-weight: bold;
position: absolute;
left: 10px;
color: #000;
}
table td:last-child {
border-bottom: 0;
}
table tbody th {
color: #fff;
padding: 1em
}
table tr:nth-child(even){
background-color: #fff;
}
}
.kakusi{
text-align: right;
font-size: 1px;
color: #FFFFFF;
}

.jaccs {
display: inline-block;
padding: 0.3em 1em;
text-decoration: none;
color: #67c5ff;
border: solid 2px #67c5ff;
border-radius: 3px;
transition: .4s;
}
.jaccs:hover {
background: #67c5ff;
color: white;
}
.credit {
display: inline-block;
padding: 0.3em 1em;
text-decoration: none;
color: Grey;
background: #efefef;
}

.payment {
position: relative;
font-weight: 900;
font-size: 1.0rem;
padding: 0.5em 0.5em 0.5em 1.5em;
line-height: 1.4;
color: #ff6a6a;
border-top: dotted 1px gray;
border-bottom: dotted 1px gray;
background: #fffff4;
}

.midashi{
font-size: 1.25rem;
border-bottom: double 5px #364e96;
margin-bottom: 0.5em;
}

.info{
padding: 0.3em 1em;
text-decoration: none;
border: 2px solid #555;
border-radius: 6px;
}

.frame{
	width:100%;
	text-align: center;
}
