@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;
  }
}

/* ========== c-figure-tit ========== */
.c-figure-01.c-figure-tit {
  margin-top: 1.75em;
}
@media only screen and (max-width:640px) {
  .c-figure-01.c-figure-tit {
    margin-top: .625em;
  }
}

/* ========== c-contentList-01 ========== */
.c-contentList-01{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  width: 100%;
}
.c-contentList-01.c-contentList-bor{
  border-top: #d4d5d5 solid 1px;
}
.c-contentList-01 .c-contentList-item{
  width: 50%;
  padding: 0 2em;
  margin: 1.5em 0;
}
.c-contentList-01 .c-contentList-item:nth-child(even){
  border-left: #eee solid 1px;
}
.c-contentList-01 .c-item-01{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  width: 100%;
}
.c-contentList-01 .c-item-img{
  width: 23%;
}
.c-contentList-01 .c-item-text{
  width: 72%;
  margin-left: 5%;
}
@media only screen and (max-width: 640px){
  .c-contentList-01{
    display: block;
  }
  .c-contentList-01 .c-contentList-item{
    width: 100%;
    padding: 1em 0;
    margin: 0;
    border-top: #d4d5d5 solid 1px;
  }
  .c-contentList-01 .c-contentList-item:nth-child(even){
    border-left: none !important;
  }
  .c-contentList-01 .c-contentList-item:first-child{
    border-top: none;
  }
}

/* ========== c-heading4-01 color ========== */
.c-contentList-payment .c-heading4-01 h4{
  color: #ff8b22;
}
.c-contentList-operation .c-heading4-01 h4{
  color: #7fc356;
}
.c-contentList-shopping .c-heading4-01 h4{
  color: #ff7dbb;
}
.c-contentList-other .c-heading4-01 h4{
  color: #2ebeec;
}

/* ========== c-linkList-01 icon ========== */
.c-contentList-payment .c-linkList-01 a:before{
  background-image: url(/landing/ponta_howto/img/link_icon_01_01.png);
  width: 19px;
}
.c-contentList-operation .c-linkList-01 a:before{
  background-image: url(/landing/ponta_howto/img/link_icon_02_01.png);
  width: 19px;
}
.c-contentList-shopping .c-linkList-01 a:before{
  background-image: url(/landing/ponta_howto/img/link_icon_03_01.png);
  width: 19px;
}
.c-contentList-other .c-linkList-01 a:before{
  background-image: url(/landing/ponta_howto/img/link_icon_04_01.png);
  width: 19px;
}