.front-reward-h3 {
padding-top: 2rem;
text-align: center;
}
.front-reward-table {
border: 1px solid #aaa;
border-collapse: separate;
border-spacing: 0;
border-radius: 6px;
margin: 10px auto;
text-align: center;
width: 100%;
font-size: 1rem;
font-weight: bold;
line-height: 1.2;
box-shadow: inset 0 0, 4px 4px 0 -1px #fff, 4px 4px 0 0 #aaa;
max-width: 540px;
background-color: #fff;
}
.front-reward table thead tr:first-child th:first-child {
border-radius: 5px 0 0 0;
}
.front-reward table thead tr:first-child th:first-child, .front-reward table tbody th {
border-right: 5px double #aaa;
}
.front-reward table thead th {
background-color: #FFEBCB;
background-size: 10px 10px;
background-image: radial-gradient(#FFCA74 10%, transparent 30%);
font-size: 1.57rem !important;
line-height: .7;
}
.front-reward table thead th, .front-reward table tbody th, .front-reward table tbody td {
padding: .8rem;
border-bottom: 1px solid #aaa;
vertical-align: middle;
font-size: 1.14rem;
}
.front-reward table thead th+th, .front-reward table tbody td {
border-left: 1px solid #aaa;
}
.th-before-1, .th-before-2 {
position: relative;
white-space: pre;
padding: 1rem 0 !important;
}
.th-before-2 {
border-radius: 0 4px 0 0;
}
.front-reward table thead th span {
font-size: .7rem;
color: #1f1f1f;
}
.front-reward table tbody th span, .front-reward table tbody td span {
font-size: .85rem;
color: #1f1f1f;
font-weight: 400;
}
.th-before-2 span::before {
position: absolute;
content: "";
top: 50%;
transform: translateX(-50%)translateY(-50%);
width: 18px;
height: 18px;
background: url(/assets/images/ilast-train-a-1c.svg) no-repeat;
background-size: contain;
}

.th-before-1 span::before {
position: absolute;
content: "";
top: 50%;
transform: translateX(-50%)translateY(-50%);
width: 18px;
height: 18px;
background: url(/assets/images/ilast-house-a-1c.svg) no-repeat;
background-size: contain;
}

.front-reward table tbody td {
color: #FF7600;
line-height: 1;
font-family: 'Open Sans','ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo' ;
}
@media screen and (min-width: 600px) {
.front-reward table tbody th span, .front-reward table tbody td span {
font-size: 1rem;
}
}

@media screen and (min-width:1200px) {
.front-reward-h3 {
font-size: 1.3rem;
}
.front-reward table thead th span {
font-size: 1.14rem;
}
.front-reward table thead th {
font-size: 2rem !important;
}
.th-before-1 span::before,
.th-before-2 span::before {
width: 24px;
height: 24px;
top: 40%;
left: 20%;
}

.front-reward table tbody td {
padding: 1.42rem .8rem;
}
.front-reward table tbody td {
font-size: 1.57rem;
}
.front-reward table thead tr:first-child th:first-child, .front-reward table tbody th {
font-size: 1.14rem;
}
.th-before-1, .th-before-2 {
padding: 1.57rem 0 !important;
}
}
@media screen and (max-width:320px) {
.front-reward table thead th, .front-reward table tbody th, .front-reward table tbody td {
padding: .7rem;
}

}