@charset "utf-8";

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

/* ====== heading ====== */
.c-heading2-01.cpn-heading-img {
  margin: -30px -54px 0 -54px;
}
@media only screen and (max-width: 768px) {
  .c-heading2-01.cpn-heading-img .img-responsive {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .c-heading2-01.cpn-heading-img {
    margin: -16px -10px 0 -10px;
  }
}

/* ========== bxSlider ========== */
.c-transaction-01 {
  background-color: #d6f3f6;
  position: relative;
}
/* item<4 */
.c-transaction-01.c-transaction-pc .bx-wrapper{
  margin: 0 auto;
}
.c-transaction-01.c-transaction-pc .bx-controls.bx-has-pager.bx-has-controls-direction{
  display: none;
}
@media only screen and (min-width: 640px) {
  .c-transaction-01 {
    margin-top: 30px;
    padding: 30px 52px 27px;
  }
}
@media only screen and (max-width: 640px) {
  .c-transaction-01 {
    margin-top: 12px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 30px;
  }
}
.c-transaction-01 .c-transaction-item a {
    display: block;
}
@media only screen and (min-width: 640px) {
  .c-transaction-01 .c-transaction-item a:hover {
    opacity: .8;
  }
}
.c-transaction-01 .bx-pager {
  display: none;
}
@media only screen and (min-width: 640px) {
  .c-transaction-01 .bx-controls-direction a.bx-prev ,
  .c-transaction-01 .bx-controls-direction a.bx-next {
    display: inline-block;
    vertical-align: middle;
    background-size: 11px auto;
    width: 11px;
    min-width: 11px;
    max-width: 11px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    position: absolute;
    top: 50%;
  }
  .c-transaction-01 .bx-controls-direction a.bx-prev {
    background-image: url(/assets/img/arrows_05_@2x.png);
    left: 18px;
  }
  .c-transaction-01 .bx-controls-direction a.bx-next {
    background-image: url(/assets/img/arrows_06_@2x.png);
    right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .c-transaction-01 .bx-controls-direction a.bx-prev ,
  .c-transaction-01 .bx-controls-direction a.bx-next {
    display: inline-block;
    vertical-align: middle;
    background-size: 14px auto;
    width: 14px;
    min-width: 14px;
    max-width: 14px;
    height: 23px;
    min-height: 23px;
    max-height: 23px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
  }
  .c-transaction-01 .bx-controls-direction a.bx-prev {
    background-image: url(/assets/img/arrows_05_@2x.png);
    left: 7px;
  }
  .c-transaction-01 .bx-controls-direction a.bx-next {
    background-image: url(/assets/img/arrows_06_@2x.png);
    right: 7px;
  }
}

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