@charset "utf-8";

@import url(/campaign/css/campaign-detail.css);

/* ========== hidden ========== */
@media only screen and (min-width:641px) {
  .c-hide-pc {
    display: none;
  }
}
@media only screen and (max-width:640px) {
  .c-hide-sp {
    display: none;
  }
}

/* ========== step ========== */
@media only screen and (min-width: 769px){
.c-steps-04 .step-heading > .step-label {
  font-size: 125%;
  border-bottom: none;
}
}

@media only screen and (max-width: 768px) {
  .c-steps-04 .step-heading > .step-label {
  text-align: center;
}
}

@media only screen and (min-width: 769px){
.step-anchorlink {
  margin: 0;
}
}
.c-steps-04 .step .step-anchorlink {
  margin: 10px 0!important;
}

@media only screen and (min-width: 769px){
.c-btnGroup-01 .step-login:before{
  left: 20px;
}
}

.c-steps-04 {
  margin-top: 30px;
}


.c-ground-ponta .c-steps-05 > .step + .step:before {
  display: none;
}

.c-ground-ponta .c-steps-05 > .step , .c-aupay-service .step {
  border-color: #facf9c;
}
@media only screen and (min-width: 769px){

.c-column-ponta {
  width: 52%;
  margin-left: auto;
  margin-right: auto;
}
}
.c-column-ponta .col-unit-1\/2 {
  margin-left: 0;
}

@media only screen and (min-width: 769px) {
.c-ground-01 .c-aupay-service > .step {
  flex-basis: calc((100% + 30px) / 2 - 30px);
}
}

.c-aupay-service > .step + .step:before {
  display: none;
}

@media only screen and (max-width: 640px) {
.c-linkList-02 {
  border-bottom: none;
}
.c-linkList-02 li {
  border-top: none;
}
}

/* ========== accordion ========== */
.charge-accordion>.item>.head {
  background-image: url(/program/20221001_charge/img/icon_03.png);
  background-repeat: no-repeat;
  -webkit-background-size: auto 1.125em;
  -moz-background-size: auto 1.125em;
  background-size: auto 1.125em;
  background-position: right 0.5em center;
}
.charge-accordion>.item>.head.opened {
  background-image: url(/program/20221001_charge/img/icon_04.png);
  background-repeat: no-repeat;
}
.charge-accordion>.item>.head:before {
  content: none;
}
.charge-accordion>.item>.head:after {
  content: none;
}
.charge-accordion>.item>.head.check {
  background-image: url(/program/20221001_charge/img/icon_10.png);
  padding: 0;
}
.charge-accordion>.item>.head.check.opened {
  background-image: url(/program/20221001_charge/img/icon_10.png);
}
.charge-accordion>.item>.head.check a {
  display: block;
  text-decoration: none;
  color: #535252;
  padding: 17px 54px 13px 0;
  outline: none;
}

/* ========== c-ponta-cnvBlock-01 ========== */
.c-ponta-cnvBlock-01 {
  border: 4px solid #eb7000;
}

/* ========== icon ========== */
.icon-account {
    position: relative;
    padding-left: 22px;
}
@media screen and (min-width: 640px) {
    .icon-account {
        padding-left: 46px;
    }
}

.icon-account:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    background-size: 17px;
    background-position: 0 0;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    margin-top: 4px;
}
@media screen and (min-width: 640px) {
    .icon-account:before {
        width: 30px;
        height: 30px;
        background-size: 30px;
        margin-top: -2px;
    }
}


.step-img {
  margin-top: 40px;
}

.c-accordion-01 .item .body .c-info-auID {
  background:	#fce7cd;
}

.c-info-auID .c-heading5-01 h4 {
  color: #eb7000;
}

/* ========== cv-btn ========== */
@media only screen and (max-width: 640px) {
.item .body a.accordion-login {
  padding-left: 55px;
  padding-right: 33px;
}
.item .body a.accordion-login:before {
  left: 25px;
}
}
.item-non-accordion .head {
    padding: 17px 0 13px 0;
    font-size: 125%;
    color: #535252;
    font-weight: bold;
    position: relative;
}

@media screen and (max-width: 639px) {
.item-non-accordion .head {
  padding-left: 0;
}
}

/* ========== charge-area ========== */
.charge-area {
  border: 4px solid #eb7000;
  padding: 30px 20px 40px;
  margin-top: 2em;
  border-radius: 10px;
}

.charge-area-tit {
  background-color: #eb7000;
  margin: -31px -21px 0 -21px;
  padding: .75em;
  text-align: center;
  border-radius: 6px 6px 0 0;
}

.charge-area-tit h3 {
  color: #fff;
  font-size: 125%;
  font-weight: bold;
}

.c-heading4-charge h4 {
  font-size: 112.5%;
  font-weight: bold;
  color: #eb5505;
  margin: 0;
}
.c-heading4-charge h4 span {
  border-bottom: dotted 2px #eb5505;
}

/* ========== charge-area-flex ========== */
.charge-area-flex {
  margin-top: 1.5em;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
}
@media only screen and (min-width:641px) {
.charge-area-flex {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.charge-area-flex .c-figure-01 {
  margin-left: 7%;
}
.charge-area-flex .c-copy-01 p {
  margin-top: 0;
}
}
@media only screen and (max-width:640px) {
.charge-area-flex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.charge-area-flex .c-copy-01 p {
  margin-top: 1.5em;
}
}

/* ========== modaal ========== */

.c-list-04 li:before {
  background-image: url(/program/20221001_charge/img/icon_06.png);
}

/* ========== icon ========== */
.icon-check,
.icon-search,
.icon-mov {
    position: relative;
    padding-left: 22px;
}
@media screen and (min-width: 640px) {
    .icon-check,
    .icon-search,
    .icon-mov {
        padding-left: 46px;
    }
}

.icon-check:before,
.icon-search:before,
.icon-mov:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    background-size: 17px;
    background-position: 0 0;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    margin-top: 4px;
}
@media screen and (min-width: 640px) {
    .icon-check:before,
    .icon-search:before,
    .icon-mov:before {
        width: 30px;
        height: 30px;
        background-size: 30px;
        margin-top: -2px;
    }
}

.icon-check:before {
    background-image: url(/program/20221001_charge/img/icon_07.png);
}

.icon-search:before {
    background-image: url(/program/20221001_charge/img/icon_08.png);
}

.icon-mov:before {
    background-image: url(/program/20221001_charge/img/icon_09.png);
}

/* ========== movie ========== */
.movie {
	height: 0;
	margin-top: 1.25em;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
@media only screen and (max-width: 640px) {
    .movie {
        margin-top: .75em;
    }
}

.movie iframe {
	border: #000 solid 1px;
	box-sizing: border-box;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}


/* ========== section-faq ========== */
.section-faq{
  background-color: #fff;
}
.section-faq .question,.section-faq .answer-wrap{
margin-bottom: 0!important;
border: 1px solid #bcbcbc;
border-top: 0;
}
.section-faq ul.questions > li + li{
margin-top: 0!important;
}
.section-faq ul.questions > li:first-child {
border-top: 1px solid #bcbcbc;
}
@media screen and (max-width: 767px) {
  .section-faq ul.questions {
    padding: 0;
  }
}
.section-faq ul.questions{
padding: 0;
}
.section-faq ul.questions > li{
  list-style: none;
}
.section-faq ul.questions > li + li {
  margin-top: 1em;
}
.section-faq .question {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.section-faq .answer .label {
  color: #f0920c;
}
.section-faq .label {
  color: #888;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 30px;
  font-size: 1em;
  font-weight: bold;
}
.section-faq .answer .label{
  font-size: 1.5em;
}
@media screen and (max-width: 767px) {
  .section-faq .label {
    width: 15%;
    padding: 0;
  }
}
.section-faq .text {
  padding: 1.5em 2.5em 1.5em 0;
  font-weight: bold;
  font-size: 1em;
}
.section-faq .answer {
  padding: 1.5em 2.5em;
}
.section-faq .text .em {
  font-weight: bold;
}
  
@media screen and (max-width: 767px) {
  .section-faq .text {
    width: 85%;
  }
  .section-faq .answer {
    width: 100%;
  }
}
.section-faq .question {
  background-color: #fff;
  cursor: pointer;
  margin-bottom: 0.25em;
}
.section-faq .question:hover {
  background-color: #eee;
}
.section-faq .question.opened .text {
  background-image: url("/program/20221001_charge/img/icon_04.png");
  background-repeat: no-repeat;
}
.section-faq .question .label {
  margin-bottom: 0;
}
.section-faq .question .text {
  margin-bottom: 0;
  color: #222;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  background-image: url("/program/20221001_charge/img/icon_03.png");
  background-repeat: no-repeat;
  -webkit-background-size: auto 1.125em;
  -moz-background-size: auto 1.125em;
  background-size: auto 1.125em;
  background-position: right 1em center;
}
.section-faq .answer-wrap {
  display: none;
}
.section-faq .answer {
  background-color: #ffede3;
}
.section-faq .answer:hover {
  background-color: #ffede3;
}
.section-faq .answer .label {
  background-color: #ffede3;
  margin-bottom: 0;
}
.section-faq .answer .text {
  color: #222;
  margin-bottom: 0;
}

.pb-link-01 {
  background-color: #4e4d4d;
}

ul.c-linkList-01 {
  box-sizing: border-box;
}

.pb-link-01 .c-linkList-01 li {
  padding: 12px 0 10px;
  text-align: center;
}

.c-linkList-01 li {
  margin-top: 0;
}

.pb-link-01 .c-linkList-01 a {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.c-linkList-01 a {
  padding: 1px 0 1px 24px;
  color: #535252;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.pb-link-01.sty-link-01 .c-linkList-01 a:before {
    width: 18px!important;
    height: 100%!important;
    background-image: url(../img/marker_01_@2x.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    -moz-background-size: auto 18px;
    -webkit-background-size: auto 18px;
    -o-background-size: auto 18px;
    background-position: -216px 0;
    position: absolute;
    right: auto!important;
    left: 0!important;
    top: 3px!important;
    content: "";
    mask-image: none!important;
    background-color: transparent!important;
}



@media only screen and (min-width:961px) {
.new_btns_clm .c-cnvBlock-01 .cnvBlock-pull-right a.c-btn-account {
  margin-top: 42px;
}
}

@media only screen and (max-width:960px) {
  .new_btns_clm .c-cnvBlock-01 .cnvBlock-pull-right {
  padding-top: 7px;
  margin-top: 7px;
}
  .new_btns_clm .c-cnvBlock-01 {
  margin-top: 0;
  padding: 10px 7px;
}
}


@media only screen and (max-width:640px) {
.new_btns_clm .c-cnvBlock-01 a.c-btn-account {
  padding: 8px 19px 8px 30px;
}
.new_btns_clm .c-cnvBlock-01 a.c-btn-account:before {
  width: 10px;
  top: 12px;
  left: 13px;
}
.new_btns_clm .c-cnvBlock-01 .cnvBlock-pull-left .c-red_btn-account {
  padding: 8px 19px;
  margin-top: 10px;
}
}

.c-column-group_cvn .c-cnv_flex_pc .c-cnv_flex_item .c-red_btn-account {
  background: linear-gradient(to bottom,#e50101 0,#ea3333 100%);
}

.new_btns_clm .c-linkList-01 li {
  padding: 0 14px;
}

/* ========== c-figure-tit ========== */
.c-figure-01.c-figure-tit {
  margin: -31px -54px 0 -54px;
}
@media only screen and (max-width:640px) {
  .c-figure-01.c-figure-tit {
    margin: -16px -10px 0 -10px;
  }
}

/* ========== c-btn-mail ========== */
a.c-btn-account.c-btn-mail::before {
  background-image: url(/assets/img/icon_mail_01.png)
}

.c-or_area a.c-btn-account.icon-login.sty-icon.size-01 > .label:before {
  mask: url(/assets/img/icon_mail_01.png) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon_mail_01.png) no-repeat center center/contain;
}
@media only screen and (max-width: 640px) {
  .c-or_area a.c-btn-account.icon-login.sty-icon.size-01{
    padding: 18px 30px 14px 60px;
  }
  .c-or_area a.c-btn-account.icon-login.size-01 > .label:before {
    content: "";
  }
}

/* ========== cnv ========== */
.c-cnv__fixed{
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
  padding: 15px;
}
.c-cnv__fixed .c-column-group_cvn{
  width: 100%;
  max-width: 976px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
.c-cnv__fixed .c-column-group_cvn-wb{
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-cnv__fixed .c-column-group_cvn figure.c-figure-01{
  margin-top: 0;
  margin-left: 3%;
}
.c-cnv__fixed .c-column-group_cvn figure.c-figure-01:first-child{
  margin-left: 0;
}
@media only screen and (max-width: 640px){
  .c-cnv__fixed{
    padding: 10px;
  }
  .c-cnv__fixed .c-column-group_cvn{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .c-cnv__fixed .c-column-group_cvn figure.c-figure-01{
    width: 49%;
    margin-left: 2%;
  }
  .c-cnv__fixed .c-column-group_cvn figure.c-figure-01:first-child{
    margin-left: 0;
  }
  .c-cnv__fixed .c-column-group_cvn figure.c-figure-01:last-child{
    margin-left: 0;
    margin-top: 0.75em;
    width: 100%;
  }
}

@media only screen and (min-width:641px) {
  .c-cnv__fixed .c-column-group_cvn .icon-login {
  margin-left: 2%;
}
}
.c-cnv_flex_pc{
  width: 100%;
  max-width: 978px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.c-cnv_flex_pc .c-cnv_flex_item a {
  margin-top: 0;
}

.c-cnv_flex_pc .c-cnv_flex_item:first-child{
  width: 40%;
  min-width: 236px;
}
.c-cnv_flex_pc .c-cnv_flex_item:last-child{
  width: 37%;
  min-width: 370px;
}
@media only screen and (max-width: 640px){
  .c-cnv_flex_pc .c-cnv_flex_item:first-child{
    min-width: auto;
  }
  .c-cnv_flex_pc .c-cnv_flex_item:last-child{
    min-width: auto;
  }
}
@media only screen and (min-width:640px){
  .c-column-group_cvn.text-center .c-figure-01:last-child{
    margin-top: 5.5%;
  }
}

@media only screen and (max-width: 640px){
  .c-cnv_flex_pc{
    display: block;
  }
  .c-cnv_flex_pc .c-cnv_flex_item{
    width: auto !important;
  }
  .c-cnv_flex_pc .c-cnv_flex_item:last-child {
  margin-top: 10px;
}
}


/* ========== c-alertBlock-KV ========== */
.c-alertBlock-01.c-alertBlock-KV .c-noteList-01{
  margin-left: 2.125em;
}
.c-alertBlock-01.c-alertBlock-KV .c-noteList-01 li {
  font-size: 29px;
}

@media only screen and (max-width:640px) {
  .c-alertBlock-01.c-alertBlock-KV .c-noteList-01 li {
    font-size: 20px;
  }
}