@charset "utf-8";

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

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

@media only screen and (max-width: 640px) {
  .c-hide-sp {
    display: none;
  }
}

/* ========== center ========== */
@media only screen and (min-width: 640px) {
  .c-center-pc {
    text-align: center;
  }
}

@media only screen and (max-width: 640px) {
  .c-center-sp {
    text-align: center;
  }
}

/* ========== heading ========== */
.c-heading2-img{
  margin: -30px -54px 0 -54px!important;
}
.c-heading2-img02{
  margin: 1.875em -54px 0 -54px!important;
  position: relative;
}
@media only screen and (max-width: 640px){
  .c-heading2-img{
    margin: -16px -10px 0 -10px!important;
  }
  .c-heading2-img02{
    margin: 1em -10px 0 -10px!important;
    position: relative;
  }
}


.pc .link-step-01{
  position: absolute;
  right: 75%;
  bottom: 17%;
  width: 10%;
}

.pc .link-step-02{
  position: absolute;
  right: 57.5%;
  bottom: 17%;
  width: 11%;
}

.pc .link-step-03{
  position: absolute;
  right: 41.5%;
  bottom: 17%;
  width: 8%;
}

.pc .link-step-04{
  position: absolute;
  right: 17%;
  bottom: 17%;
  width: 14%;
}



.sp .link-step-01{
  position: absolute;
  right: 9%;
  bottom: 61%;
  width: 68%;
}

.sp .link-step-02{
  position: absolute;
  right: 9%;
  bottom: 47%;
  width: 68%;
}

.sp .link-step-03{
  position: absolute;
  right: 9%;
  bottom: 33%;
  width: 68%;
}

.sp .link-step-04{
  position: absolute;
  right: 9%;
  bottom: 20%;
  width: 68%;
}


/* ========== c-heading3-procedure ========== */
.c-heading3-01.c-heading3-procedure h3{
  color: #535252;
  border-bottom: 1px solid #d4d5d5;
}
.c-heading3-01.c-heading3-procedure h3 em{
  background-color: #fff;
  color: #eb7000;
  font-weight: bold;
}
.c-heading3-01.c-heading3-procedure h3 em span{
  font-size: 135%;
}
@media only screen and (max-width: 640px){
  .c-heading3-01.c-heading3-procedure h3{
    padding-bottom: 5px;
  }
}

/* ========== c-accordion-01 ========== */
.c-accordion-01.c-accordion-welcome>.item>.head{
  padding-right: 32px;
  padding-left: 10px;
}
.c-accordion-01.c-accordion-welcome>.item>.head:before{
  content: none;
}
.c-accordion-01.c-accordion-welcome>.item>.head:after{
  background: url(/landing/welcome/img/icon-chevron-down-black.png);
  width: 22px;
  height: 22px;
  margin-top: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-size: 22px;
  background-position: 0 0;
  right: 5px;
}
.c-accordion-01.c-accordion-welcome>.item>.head.opened:after{
  background: url(/landing/welcome/img/icon-chevron-up-black.png);
}
.c-accordion-01.c-accordion-welcome:last-child{
  margin-bottom: 0;
}
/*c-accordion-configuration*/
.c-accordion-01.c-accordion-welcome.c-accordion-configuration>.item>.head{
  background-color: #fffcf6;
}
/*c-accordion-icon*/
.c-accordion-01.c-accordion-welcome.c-accordion-icon>.item>.head{
  padding-left: 30px;
}
.c-accordion-01.c-accordion-welcome.c-accordion-icon>.item>.head:before{
  content: "";
  background: url(/landing/welcome/img/icon_01.png);
  background-size: cover;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 0;
  border: none;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  margin-top: 0;
}
/*c-accordion-welcome02*/
.c-accordion-01.c-accordion-welcome.c-accordion-welcome02>.item>.head{
  text-align: center;
  background-color: #fff4ec;
}
.c-accordion-01.c-accordion-welcome.c-accordion-welcome02>.item>.head.head-bg-or{
  background-color: #ffdfdb;
}
/* ========== cnv ========== */
.c-cnvBlock-01.cnv-type02.cnv-type-dl{
  text-align: left;
}
.c-cnvBlock-01.cnv-type-dl .c-heading4-01 h2{
  text-align: center;
}
.c-cnvBlock-01.cnv-type-dl .c-copy-01.c-copy-cnv p{
  background-color: #eb7000;
  color: #fff;
  font-size: 100%;
  display: inline-block;
  padding : 5px 25px;
  border-radius: 20px;
}

/* ========== c-table-transaction ========== */
.c-table-transaction{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 18px;
}
.c-table-transaction .c-table-item{
  width: 50%;
}
.c-table-transaction .c-table-item:first-child{
  width: 100%;
}
.c-table-transaction .c-table-item .c-copy-01{
  text-align: center;
  font-weight: bold;
  font-size: 125%;
  padding: 10px;
}
.c-table-transaction .c-table-item:first-child .c-copy-01{
  background-color: #ffdfdb;
}
.c-table-transaction .c-table-item:nth-child(2) .c-copy-01{
  background-color: #e7f6c3;
}
.c-table-transaction .c-table-item:nth-child(3) .c-copy-01{
  background-color: #def2fe;
}
.c-table-transaction .c-table-item:nth-child(4) .c-copy-01{
  background-color: #f3e4fd;
}
.c-table-transaction .c-table-item:nth-child(5) .c-copy-01{
  background-color: #e3f3ea;
}
.c-table-transaction .c-table-item .c-table-item_inner{
  margin: 10px 0 20px;
}
.c-table-transaction .c-table-item .c-table-item_inner{
  padding: 0 20px;
}
.c-table-transaction .c-table-item .c-linkList-01{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-table-transaction .c-table-item .c-linkList-01 li{
  width: 50%;
  padding-right: 10px;
  margin-bottom: .625em;
}
.c-table-transaction .c-table-item:nth-child(3) .c-table-item_inner,
.c-table-transaction .c-table-item:nth-child(5) .c-table-item_inner{
  border-left: 1px solid #dedfdf;
}
@media only screen and (max-width: 640px){
  .c-table-transaction .c-table-item .c-copy-01{
    padding: 5px;
  }
  .c-table-transaction .c-table-item .c-table-item_inner{
    margin: 5px 0 10px;
  }
  .c-table-transaction .c-table-item .c-table-item_inner{
    padding: 0 10px;
  }
  .c-table-transaction .c-table-item .c-linkList-01{
    display: inline-block;
  }
  .c-table-transaction .c-table-item .c-linkList-01 li{
    width: 100%;
    padding-right: 0;
  }
}

/* ========== c-infoBlock-bg ========== */
.c-infoBlock-bg{
  background-color: #ffefef;
  border: none;
}

/* ========== c-infoBlock-bg02 ========== */
.c-infoBlock-bg02{
  background-color: #fff4ec;
  border: none;
}

/* ========== c-infoBlock-2col ========== */
.c-infoBlock-2col{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1em;
  width: 100%;
}
.c-infoBlock-2col .c-infoBlock-2col-item{
  width: 60%;
}
.c-infoBlock-2col .c-infoBlock-2col-item:first-child{
  width: 38%;
  margin-right: 2%;
}

/* ========== c-noteList-caution ========== */
.c-noteList-caution li{
  display: inline-block;
}

/* ========== よくあるご質問 ========== */
.c-column-help .c-btn-01{
  width: 100%;
  text-align: center;
  padding: 12px 16px 10px 16px;
  font-size: 125%;
}
.c-column-help .c-btn-01:before{
  content: none;
}
.c-column-help .c-btn-01 span:before{
  content: "";
  width: 25px;
  height: 25px;
  background: center center no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: -5px;
  margin-right: 6px;
}
.c-column-help .c-btn-01 span.c-label-login:before{
  background-image: url(/landing/welcome/img/icon_login.png);
}
.c-column-help .c-btn-01 span.c-label-pin:before{
  background-image: url(/landing/welcome/img/icon_pin.png);
}
.c-column-help .c-btn-01 span.c-label-lock:before{
  background-image: url(/landing/welcome/img/icon_lock.png);
}
.c-column-help .c-btn-01 span.c-label-information:before{
  background-image: url(/landing/welcome/img/icon_information.png);
}
@media only screen and (max-width: 640px){
  .c-column-help .c-btn-01{
    text-align: left;
  }
}

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

/* ========== jbk-FloatingTopLinkArea ========== */
#jbk-FloatingTopLinkArea{
  display: block;
  position: fixed;
  z-index: 11111;
  right: 16px;
  bottom: 10px;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  opacity: 0;
  background-color: inherit;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}
@media screen and (max-width: 640px) {
  #jbk-FloatingTopLinkArea{
    right: 6px;
  }
}
#jbk-FloatingTopLinkArea.jbk-FloatingTopLinkArea_on{
  display: block;
  opacity: 1;
  transition-property: all;
  transition-duration: 1500ms;
  transition-delay: 0s;
  transition-timing-function: ease;
}
#jbk-FloatingTopLinkArea.jbk-FloatingTopLinkArea_off{
  opacity: 0;
  transition-property: all;
  transition-duration: 1000ms;
  transition-delay: 0s;
  transition-timing-function: ease;
}
.FloatingTopLink_wrapper{
  position: relative;
}
#jbk-FloatingTopLinkArea img.FloatingTopLink-img-hover:hover{
  opacity: 0.8;
}