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

#memberHoldingPointSource {
    display: none !important;
}

.point-all-use-price {
  margin: 10px 0;
  padding: 13px 20px;
  border: 1px solid #a3c47e;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.6;
  background: #eef9e1;
  letter-spacing: 0em;
  font-weight: 400;
  text-align: center;
}

.point-all-use-price strong {
  color: #ff0000;
  font-size: 20px;
  font-weight: 500;
  margin: 0 2px;
  letter-spacing: 0.02em;
}

.point-all-use-price strong span{
    font-size: 14px;
    margin: 0 0 0 2px;
}

.point-holding-info {
    color: #688349;
    display: inline-block;
    margin: 0;
    font-size: 13px;
    letter-spacing: 0.01em;
    font-weight: 500;
}

#limitedPointInfo{
    color: #333;
    display: inline-block;
    margin: 5px 0 0;
    padding: 6px 2%;
    border-radius: 3px;
    font-size: 12px;
    letter-spacing: 0;
    background: #fff;
    font-weight: 600;
    width: -webkit-fill-available;
}

.point-price-compare {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin-top: 0;
  line-height: 160%;
}

.point-price-item {
  /* display: flex; */
  /* flex-direction: column; */
  /* gap: 2px; */
}

.point-price-label {
  font-size: 13px;
  font-weight: bold;
  margin: 0 6px 0 0;
}

.normal-price {
}

.normal-price .point-price-value {
  text-decoration: line-through;
  font-size: 13px;
}

.after-point-price {
  color: #f20105;
  font-weight: bold;
}

.after-point-price .point-price-value {
  font-size: 17px;
  margin: 0px 0 0;
}

.point-price-arrow {
  color: #000;
  font-weight: bold;
  padding-bottom: 0px;
}

.point-login-button {
  display: inline-block;
  margin-top: 6px;
  padding: 8px 14px;
  background: #d51e2b;
  color: #fff !important;
  font-weight: bold;
  text-decoration: none;
  border-radius: 4px;
  transition: .2s;
  font-size: 13px;
}

.point-login-button:hover {
  opacity: 0.85;
  color: #fff;
  text-decoration: none;
}

.point-all-use-price-login {
  margin: 10px 0;
  padding: 13px 5%;
  border: 1px solid #c3bfbf;
  border-radius: 5px;
  font-size: 12px;
  line-height: 190%;
  background: #fafafa;
  letter-spacing: 0.03em;
  font-weight: 400;
  color: #333;
}

.point-all-use-price-login a{
    text-decoration: underline;
    transition: .2s;
}

.point-all-use-price-login span {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
}

.point-area {
    border-top: solid 1px #9ab67c;
    padding: 10px 0 0;
    margin: 8px 0 0;
}

@media screen and (max-width:580px){
  .point-all-use-price {
    padding: 13px 3%;
  }
  #limitedPointInfo{
    /* color: #626d78; */
    display: inline-block;
    margin: 5px 0 0;
    padding: 6px 2%;
    border-radius: 3px;
    font-size: 12px;
    letter-spacing: 0;
    /* background: #fff; */
    font-weight: 600;
    width: -webkit-fill-available;
}
}


/*表示非表示設定
=====================================*/
@media screen and (min-width: 769px){
	.pc-n{display: none;}
}
@media screen and (min-width:581px) and ( max-width:768px) {
    .tab-n{display: none;}
}
@media screen and (max-width: 580px){
    .sp-n{display: none;}
}