@charset "utf-8";

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

/* ============= accordion ============= */
.c-accordion-01.c-accordion-help{
  border: none;
  margin-bottom: 0;
}
.c-accordion-01.c-accordion-help>.item{
  border-left: 1px solid #d4d5d5;
  border-right: 1px solid #d4d5d5;
}
.c-accordion-01.c-accordion-help>.item:first-child{
  border-top: 1px solid #d4d5d5;
}
.c-accordion-01.c-accordion-help>.item>.head{
  padding: 17px 42px 17px 50px;
}
.c-accordion-01.c-accordion-help>.item>.head:before{
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  margin-top: 0;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border-radius: 0;
  border: none;
}
.c-accordion-01.c-accordion-help>.item>.head.head-a:before{
  background: url(/help/guide/img/icon_a.png) no-repeat;
  background-size: 30px 30px;
}
.c-accordion-01.c-accordion-help>.item>.head.head-b:before{
  background: url(/help/guide/img/icon_b.png) no-repeat;
  background-size: 30px 30px;
}
.c-accordion-01.c-accordion-help>.item>.head.head-c:before{
  background: url(/help/guide/img/icon_c.png) no-repeat;
  background-size: 30px 30px;
}
.c-accordion-01.c-accordion-help>.item>.head.head-d:before{
  background: url(/help/guide/img/icon_d.png) no-repeat;
  background-size: 30px 30px;
}
.c-accordion-01.c-accordion-help>.item>.head.head-e:before{
  background: url(/help/guide/img/icon_e.png) no-repeat;
  background-size: 30px 30px;
}
.c-accordion-01.c-accordion-help>.item>.head.head-f:before{
  background: url(/help/guide/img/icon_f.png) no-repeat;
  background-size: 30px 30px;
}
.c-accordion-01.c-accordion-help>.item>.head.head-g:before{
  background: url(/help/guide/img/icon_g.png) no-repeat;
  background-size: 30px 30px;
}
.c-accordion-01.c-accordion-help>.item>.head.head-h:before{
  background: url(/help/guide/img/icon_h.png) no-repeat;
  background-size: 30px 30px;
}
.c-accordion-01.c-accordion-help>.item>.head:after{
  background: url(/help/guide/img/icon-chevron-down-black.png) no-repeat;
  width: 22px;
  height: 22px;
  margin-top: 0;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.c-accordion-01.c-accordion-help>.item>.head.opened{
  background-color: #eee;
}
.c-accordion-01.c-accordion-help>.item>.head.opened:after{
  background: url(/help/guide/img/icon-chevron-up-black.png) no-repeat;
}
.c-accordion-01.c-accordion-help>.item>.head small{
  font-size: 75%;
  font-weight: normal;
}
.c-accordion-01.c-accordion-help .c-linkList-02,
.c-accordion-01.c-accordion-help .c-linkList-02 li{
  border: none;
}
.c-accordion-01.c-accordion-help .c-linkList-02{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: .75em;
}
.c-accordion-01.c-accordion-help .c-linkList-02 li:first-child,
.c-accordion-01.c-accordion-help .c-linkList-02 li:nth-child(2){
  margin-top: 0;
}
.c-accordion-01.c-accordion-help .c-linkList-02 li{
  width: 48%;
}
.c-accordion-01.c-accordion-help .c-linkList-02 li:nth-child(odd){
  margin-right: 4%;
}
.c-accordion-01.c-accordion-help header.c-heading4-01 {
  margin-top: 1.5em;
}
.c-accordion-01.c-accordion-help header.c-heading4-01 h4{
  color: #eb7000;
}
@media only screen and (min-width: 641px){
  .c-accordion-01.c-accordion-help br.pc-hide,
  .link-transaction br.pc-hide{
    display: none;
  }
}
@media only screen and (max-width: 640px){
  .c-accordion-01.c-accordion-help br.sp-hide,
  .link-transaction br.sp-hide{
    display: none;
  }
  .c-accordion-01.c-accordion-help>.item>.head{
    padding: 13px 42px 13px 50px;
  }
  .c-accordion-01.c-accordion-help .c-linkList-02 li{
    width: 100%;
    margin-right: 0;
    padding: 0;
    margin-top: .625em;
  }
  .c-accordion-01.c-accordion-help .c-linkList-02 li:nth-child(2){
    margin-top: .625em;
  }
  .c-accordion-01.c-accordion-help .c-linkList-02 a{
    display: inline-block;
  }
}