#page-title{
    display:none;
}

#feature .info{
background-position: top center;
background-size: 100%;
background-repeat: repeat-y;
}

#feature .group ul{
    display:flex;
    flex-wrap: wrap; /* ????? */
}

.discount-table {
  border-collapse: collapse;
  width: 100%;
  max-width: 400px;
  font-size: 16px;
  margin:auto;
}

.discount-table th {
  background-color: #f59e0b;
  color: #ffffff;
  padding: 12px 20px;
  text-align: center;
  border: 1px solid #d97706;
}

.discount-table td {
  padding: 12px 20px;
  text-align: center;
  border: 1px solid #d97706;
}

.discount-table tr:nth-child(2) td {
  background-color: #fffbeb;
}

.discount-table tr:nth-child(3) td {
  background-color: #fff7d6;
}

.discount-table .highlight {
  color: #dc2626;
  font-size: 18px;
  font-weight: bold;
}
.group-read{
  width: 100%;
  padding-top: 11.11%; /* 140?1260?100 ? 11.11% */
  background-size: 100% auto;      /* ?100%?????????????? */
  background-repeat: no-repeat;
  background-position: top center; /* ??? */
  box-sizing: border-box;
}


/***pc***/
@media screen and (min-width: 768px) {
    #feature .group{
    max-width: 600px;
    margin: auto;
}
#feature .info .inner{
    margin: auto;
    background-color: rgb(255 255 255 / 50%);
    width: 80%;
        padding: 70px;
}
#feature .group ul li{
    width:50%;
}
#feature .details-group{
    font-size:16px;
    line-height:30px;
    padding-top:20px;
}
#feature .details-group .notes{
    font-size:12px;
    text-align:left;
    display:block;
    width:80%;
}
#feature .group{
    font-size:16px;
    padding-bottom:20px;
    line-height:20px;
}
.info-top{
    font-size:26px;
    color:#f59e0b;
    font-weight:bold;
}
.read{
    font-size:16px;
    line-height:20px;
    padding-bottom:26px;
}
.group-read .read{
    color:#f59e0b;
    font-weight:bold;
    text-align:center;
    font-size:28px;
}
}

/***sp***/
@media screen and (max-width: 767px){
    #feature .info h2{
        font-size: 20px;
    color:#f59e0b;
    font-weight:bold;
    text-align:center;
    padding-top:2rem;
    line-height:30px;
    }
    #feature .group ul li{
    width:80%;
    margin:auto;
}
#feature .info .inner{
    margin: auto;
    background-color: rgb(255 255 255 / 90%);
    width: 90%;
        padding: 10px;
        text-align:left;
}

#feature .date{
    font-size:15px;
}
#feature .details-group{
    font-size:14px;
    line-height:24px;
    padding-top:20px;
}
#feature .details-group .notes{
    font-size:11px;
    text-align:left;
    display:block;
    /* width:80%; */
}
#feature .group{
    font-size:14px;
    padding-bottom:20px;
    line-height:20px;
}
.read{
    font-size:14px;
    line-height:20px;
    padding-bottom:24px;
}
#ctl00_ContentPlaceHolder1_UpdatePanel1{
    padding:0 10px;
}
.group-read .read{
    text-align:center;
    font-size:18px;
    color:#f59e0b;
        font-weight:bold;
}
}