/*================================================
 *  お知らせ専用のCSS設定
 ================================================*/

/*ニュース全体の外枠*/

.product_news {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
}

/*あっと決済*/

.atkessai_newsbox:nth-child(1) {
  width:20%;
  background-color: #D0701D;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 30px 0 30px 0;
}

.atkessai_newsbox:nth-child(2) {
  width:15%;
  background: #fff;
  color: #000;
  font-size: 14px;
  text-align: center;
}

.atkessai_newsbox:last-child {
  width:65%;
  background: #fff;
  color: #000;
  font-size: 14px;
}

/*あっとパスポート*/

.atppt_newsbox:nth-child(1) {
  width:20%;
  background-color: #8C3334;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 30px 0 30px 0;
}

.atppt_newsbox:nth-child(2) {
  width:15%;
  background: #fff;
  color: #000;
  font-size: 14px;
  text-align: center;
}

.atppt_newsbox:last-child {
  width:65%;
  background: #fff;
  color: #000;
  font-size: 14px;
}


/*決済ソリューション*/

.mmp_newsbox:nth-child(1) {
  width:20%;
  background-color: #57c9bf;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 30px 0 30px 0;
}

.mmp_newsbox:nth-child(2) {
  width:15%;
  background: #fff;
  color: #000;
  font-size: 14px;
  text-align: center;
}

.mmp_newsbox:last-child {
  width:65%;
  background: #fff;
  color: #000;
  font-size: 14px;
  text-align: left;
}

.mmp_newsbox:last-child span {
  font-size: 12px;
  color: #999;
}

/*BCPOS*/

.bcpos_newsbox:nth-child(1) {
  width:20%;
  background-color: #438c5a;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 30px 0 30px 0;
}

.bcpos_newsbox:nth-child(2) {
  width:15%;
  background: #fff;
  color: #000;
  font-size: 14px;
  text-align: center;
}

.bcpos_newsbox:last-child {
  width:65%;
  background: #fff;
  color: #000;
  font-size: 14px;
  text-align: left;
}

.bcpos_newsbox:last-child span {
  font-size: 12px;
  color: #999;
}

/*Tenpoviser*/

.tv_newsbox:nth-child(1) {
  width:20%;
  background-color: #21ade5;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 30px 0 30px 0;
}

.tv_newsbox:nth-child(2) {
  width:15%;
  background: #fff;
  color: #000;
  font-size: 14px;
  text-align: center;
}

.tv_newsbox:last-child {
  width:65%;
  background: #fff;
  color: #000;
  font-size: 14px;
}

/*みせめぐ*/

.mm_newsbox:nth-child(1) {
  width:20%;
  background-color: #71B44B;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 30px 0 30px 0;
}

.mm_newsbox:nth-child(2) {
  width:15%;
  background: #fff;
  color: #000;
  font-size: 14px;
  text-align: center;
}

.mm_newsbox:last-child {
  width:65%;
  background: #fff;
  color: #000;
  font-size: 14px;
  line-height: 22px;
}


/*あっと免税*/

.atm_newsbox:nth-child(1) {
  width:20%;
  background-color: #26a08f;
  color: #fff;
  font-size: 14px;
  text-align: center;
  display: block;
  padding: 40px 0 40px 0;
}

.atm_newsbox:nth-child(2) {
  width:15%;
  background: #fff;
  color: #000;
  font-size: 14px;
  text-align: center;
}

.atm_newsbox:last-child {
  width:65%;
  background: #fff;
  color: #000;
  font-size: 14px;
  line-height: 22px;
  margin-right: 40px;
}


@media screen and (max-width:728px) {

/*ニュース全体の外枠SP*/

  .product_news {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  /*あっと決済SP*/

  .atkessai_newsbox:nth-child(1) {
    width:100%;
    background-color: #D0701D;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 10px;
  }

  .atkessai_newsbox:nth-child(2) {
    width:100%;
    background: #fff;
    color: #666;
    font-size: 12px;
    text-align: left;
    /* border-top: 1px solid #ccc; */
    padding: 5px 10px;
  }

  .atkessai_newsbox:last-child {
    width:100%;
    background: #fff;
    color: #000;
    font-size: 14px;
    padding: 5px 10px;
  }

  /*あっとパスポートSP*/

  .atppt_newsbox:nth-child(1) {
    width:100%;
    background-color: #8C3334;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 10px;
  }

  .atppt_newsbox:nth-child(2) {
    width:100%;
    background: #fff;
    color: #666;
    font-size: 12px;
    text-align: left;
    /* border-top: 1px solid #ccc; */
    padding: 5px 10px;
  }

  .atppt_newsbox:last-child {
    width:100%;
    background: #fff;
    color: #000;
    font-size: 14px;
    padding: 5px 10px;
  }

  /*決済ソリューションSP*/

  .mmp_newsbox:nth-child(1) {
    width:100%;
    background-color: #57c9bf;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 10px;
  }

  .mmp_newsbox:nth-child(2) {
    width:20%;
    background: #fff;
    color: #000;
    font-size: 14px;
    text-align: center;
  }

  .mmp_newsbox:last-child {
    width:80%;
    background: #fff;
    color: #000;
    font-size: 14px;
    text-align: left;
    padding: 10px;
  }

  /*BCPOSSP*/

  .bcpos_newsbox:nth-child(1) {
    width:100%;
    background-color: #438c5a;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 10px;
  }

  .bcpos_newsbox:nth-child(2) {
    width:20%;
    background: #fff;
    color: #000;
    font-size: 14px;
    text-align: center;
  }

  .bcpos_newsbox:last-child {
    width:80%;
    background: #fff;
    color: #000;
    font-size: 14px;
    text-align: left;
    padding: 10px;
  }

  /*TenpoviseSP*/

  .tv_newsbox:nth-child(1) {
    width:100%;
    background-color: #21ade5;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 10px;
  }

  .tv_newsbox:nth-child(2) {
    width:100%;
    background: #fff;
    color: #666;
    font-size: 12px;
    text-align: left;
    /* border-top: 1px solid #ccc; */
    padding: 5px 10px;
  }

  .tv_newsbox:last-child {
    width:100%;
    background: #fff;
    color: #000;
    font-size: 14px;
    padding: 5px 10px;
  }

  /*みせめぐSP*/

  .mm_newsbox:nth-child(1) {
    width:100%;
    background-color: #71B44B;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 10px;
  }

  .mm_newsbox:nth-child(2) {
    width:100%;
    background: #fff;
    color: #666;
    font-size: 12px;
    text-align: left;
    /* border-top: 1px solid #ccc; */
    padding: 5px 10px;
  }

  .mm_newsbox:last-child {
    width:100%;
    background: #fff;
    color: #000;
    font-size: 14px;
    padding: 5px 10px;
  }


  /*あっと免税SP*/

  .atm_newsbox:nth-child(1) {
    width:100%;
    background-color: #26a08f;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 10px;
  }

  .atm_newsbox:nth-child(2) {
    width:100%;
    background: #fff;
    color: #666;
    font-size: 12px;
    text-align: left;
    /* border-top: 1px solid #ccc; */
    padding: 5px 10px;
  }

  .atm_newsbox:last-child {
    width:100%;
    background: #fff;
    color: #000;
    font-size: 14px;
    padding: 5px 10px;
    margin-right: 0;
  }

}