#wc_regular {
margin-top: 20px;
border: #ccc 1px solid;
background-color: #f7f7f7;
}
#wc_regular .wcr_tlt {
padding: 0;
background-color: #ccc;
font-weight: bold;
line-height: 30px;
text-indent: 10px;
}
#wc_regular .inside {
padding: 10px;
} #amount_each_time {
width: 100%;
margin: 2em 0;
}
#amount_each_time th,
#amount_each_time td {
padding: .357143em;
border: 1px solid #ccc;
}
#amount_each_time tr {
display: -ms-grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr !important;
grid-template-columns: 1fr 1fr 1fr 1fr !important;
gap: 0;
}
#amount_each_time th {
display: none;
font-weight: normal;
text-align: center;
}
#amount_each_time td {
display: block;
}
#amount_each_time td.times::before,
#amount_each_time td.quantity::before,
#amount_each_time td.price::before {
content: attr(data-label);
margin-right: 1em;
}
#amount_each_time td.item-description {
grid-column: 1 / 5;
}
#amount_each_time td.times {
grid-column: 1 / 3;
grid-row: 1 / 2;
border-width: 0 0 0 1px;
}
#amount_each_time td.scheduled-date {
grid-column: 3 / 5;
grid-row: 1 / 2;
border-width: 0 1px 0 0;
}
#amount_each_time td.quantity {
grid-column: 1 / 5;
grid-row: 2 / 3;
border-width: 0 1px;
}
#amount_each_time td.price {
grid-column: 1 / 5;
grid-row: 3 / 4;
border-width: 0 1px 1px;
}
#amount_each_time td.continue-description {
grid-column: 1 / 5;
border-width: 0 1px 1px;
}
#amount_each_time td.shipping-description {
grid-column: 1 / 4;
border-width: 0 0 1px 1px;
}
#amount_each_time td.shipping-price {
grid-column: 4 / 5;
border-width: 0 1px 1px 0;
} .regular_info {
color: #f60;
}
.regular_info_title {
font-size: 1.2em;
font-weight: bold;
line-height: 1.5em;
} .continuation {
color: #008000;
font-weight: bold;
}
.stop {
color: #800000;
font-weight: bold;
}
.termination {
color: #00f;
font-weight: bold;
}
@media (min-width: 768px) {
#amount_each_time tr {
display: table-row;
}
#amount_each_time th,
#amount_each_time td {
display: table-cell;
}
#amount_each_time td::before {
display: none;
}
#amount_each_time td.times,
#amount_each_time td.scheduled-date,
#amount_each_time td.quantity,
#amount_each_time td.price,
#amount_each_time td.continue-description,
#amount_each_time td.shipping-description,
#amount_each_time td.shipping-price {
border-width: 1px;
}
#amount_each_time td.times,
#amount_each_time td.price,
#amount_each_time td.shipping-description,
#amount_each_time td.shipping-price {
text-align: right;
}
#amount_each_time td.scheduled-date,
#amount_each_time td.quantity {
text-align: center;
}
} .ad_r_info {
width: 100%;
}
.ad_r_info th {
white-space: nowrap;
}
.ad_r_info th,
.ad_r_info td {
padding: 8px;
border: 1px solid #dcdcdc;
}
.ad_r_info td .short {
display: inline-block;
width: calc(50% - 4px);
}
.ad_r_info td .short + .short {
margin-left: 8px;
}
.ad_r_info td .long {
width: 100%;
}
.ad_r_info td input,
.ad_r_info td select {
border-radius: 2px;
}