@charset "UTF-8";

/*----------------------------------------------------
 component
----------------------------------------------------*/
.text-indent {
  padding-left: 1em;
  text-indent: -1em;
}
.text-indent1_25 {
  padding-left: 1.25em;
  text-indent: -1.25em;
}

.pointcard .titpage {
    margin-bottom: 20px;
}

.pointcard-sec01-create {
  border: 1px solid #4D4D4D;
  display: inline-block;
  line-height: 1.7;
  padding: 12px 20px 10px;
  text-align: center;
  width: 100%;
}


/*----------------------------------------------------
 pointcard-img
----------------------------------------------------*/
.pointcard-img {
    padding: 30px 20px 0;
}

/*----------------------------------------------------
 faq
----------------------------------------------------*/
.pointcard .faq {
    margin-top: 50px;
}
.pointcard .faq dd a {
    text-decoration: underline;
}
.pointcard .faq dd a:hover {
    opacity: .7;
}

@media (min-width: 768px) {
  .pointcard .faq {
    margin-top: 100px;
  }
}

/*----------------------------------------------------
 step
----------------------------------------------------*/
@media (max-width: 480px) {
  .pointcard .step {
    padding-bottom: 30px;
  }
}
@media (min-width: 961px) {
  .pointcard .step {
    padding: 0 30px 50px;
  }
}
.pointcard .step h6 small {
  font-weight: normal;
}
.pointcard .step h6.black {
  color: #4d4d4d;
}
.pointcard .step h6.red {
  color: #c80e47;
}
.pointcard .step .gold {
  color: #b9a273;
}

.pointcard .step.step1,
.pointcard .step.step2,
.pointcard .step.step3,
.pointcard .step.step4,
.pointcard .step.step5,
.pointcard .step.step6 {
  background-image: url(../img/border.png?20250204);
}

.pointcard .step.step5,
.pointcard .step.step6 {
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
}

@media all and (max-width: 960px) {
  .pointcard .step.step1,
  .pointcard .step.step2,
  .pointcard .step.step3,
	.pointcard .step.step4,
  .pointcard .step.step5,
  .pointcard .step.step6 {
    background-image: url(../img/border_sp.png);
  }
}

/* pointstep */
.pointcard .pointstep a::after {
  background-image: url(../img/arr-white.svg);
}

.pointcard .pointstep a:nth-child(3) {
  background-image: url(../img/bgstep-blue.png);
  
}
.pointcard .pointstep a span {
  font-size: 21px;
}

@media all and (max-width: 960px) {
  .pointcard .pointstep a span {
    font-size: 15px;
  }
}

@media all and (max-width: 460px) {
  .pointcard .pointstep a span {
    font-size: 12px;
  }
}

/* dflex */
@media all and (max-width: 960px) {
  .pointcard .step4 .dflex li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 19%;
        -ms-flex: 0 0 19%;
            flex: 0 0 19%;
  }
  .pointcard .step4 .dflex li img {
    width: 100%;
  }
}

/*----------------------------------------------------
 step-wrap
----------------------------------------------------*/
.step-wrap {
  
}
.step-each:nth-child(n+2) {
  margin-top: 1em;
}
.step-each .btn-white {
  width: 100%;
}

/*----------------------------------------------------
 shop
----------------------------------------------------*/
.pointcard-shop.section-collist .lists4col .item:nth-child(5) {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
  overflow: hidden;
}
.pointcard-shop-open.pointcard-shop.section-collist .lists4col .item:nth-child(5) {
  height: auto;
  margin-bottom: 30px;
  opacity: 1;
  overflow: unset;
}
.pointcard-shop.section-collist .lists4col .item:nth-child(n + 6) {
  display: none;
}
.pointcard-shop-toggle {
  text-align: center;
}
.pointcard-shop-toggle span {
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
  cursor: pointer;
  display: inline-block;
  margin-left: -15px;
  padding: 1rem 0;
  width: 50%;
}
.pointcard-shop-toggle span img {
  margin: 0 auto;
}
.pointcard-shop-toggle-close {
  display: none;
}
.pointcard-shop-toggle-more {
  display: block;
}

.pointcard-shop-open .pointcard-shop-toggle-close {
  display: block;
}
.pointcard-shop-open .pointcard-shop-toggle-more {
  display: none;
}

.btn-white,
.btn-gold2 {
  background-image: url(/wp3/wp-content/themes/mint/images/icon/ico-arrow.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 30px;
  cursor: pointer;
  display: inline-block;
  line-height: 1.3;
  min-width: 330px;
  outline: 0;
  padding: 10px 15px 9px;
  text-align: center;
}
.btn-white-narrow {
  padding: 5px 15px 4px;
}
.btn-white small,
.btn-gold2 small {
  display: block;
  font-size: 75%;
}
.btn-white {
  background-color: #fff;
  border: 1px solid #112142;
}
.btn-gold2 {
  background-color: #e7d6a4;
}

/*----------------------------------------------------
 pointcard-sec01-login
----------------------------------------------------*/
.pointcard-sec01-login {
  width: 100% !important;
}
.pointcard-sec01-login a:nth-child(n+2) {
  margin-top: 1rem;
}

@media all and (min-width: 768px) {
  .pointcard-sec01-login {
  }
  .pointcard-sec01-login a {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 390px;
  }
}

/*----------------------------------------------------
 banner-rankup
----------------------------------------------------*/
.banner-rankup {
  margin: 40px auto 0;
  max-width: 600px;
}