@charset "euc-jp";

#rightcontainer div#content div.text {
  padding: 20px 22px 30px;
  border-top: 1px solid #ccc;
}


/***** 緊急ニュース *****/
#rightcontainer div#content div.text .emergency-news-wrap {
  box-sizing: border-box;
  width: 748px;
  margin: 0 auto 20px;
  background-color: #ffe4e4;
  border: 3px solid #f7dede;
  border-radius: 6px;
  box-shadow: 0 0 5px #f7dede;
}

#rightcontainer div#content div.text .emergency-news {
  padding: 10px;
  border: 3px solid #ffffff;
  border-radius: 5px;
  text-align: center;
  color: #ff6666;
}

#rightcontainer div#content div.text h3.emergency-news__title {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.5;
  color: inherit;
}

#rightcontainer div#content div.text h3.emergency-news__title:before {
  display: inline-block;
  content: '';
  width: 13px;
  height: 13px;
  margin-right: 5px;
  background: url(https://assets.chatpia.jp/common/images/top_part.png) 0 -466px no-repeat;
}

#rightcontainer div#content div.text .emergency-news__text {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}


/***** 銀行振込がお得バナー *****/
.payment-pr {
  margin-bottom: 10px;
}

.payment-pr-link {
  display: block;
  border-radius: 6px;
}

.payment-pr-link:hover {
  text-decoration: none;
  filter: brightness(105%);
}

.payment-pr-link__image {
  display: block;
  width: 100%;
}



/***** 決済リスト *****/
#rightcontainer div#content div.text ul.select-point-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 20px;
  margin: initial;
  padding-left: initial;
}

.select-point-list-item {
  list-style: none;
}

.select-point-list-item-link {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 240px;
  padding: 100px 10px 10px;
  background-color: #ffffff;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
}

.select-point-list-item-link:hover {
  text-decoration: none;
  filter: brightness(110%);
}

.select-point-list-item-link:before {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -25%);
  display: block;
  content: '';
  width: 190px;
  height: 50px;
  background-image: url(https://assets.chatpia.jp/common/img/point_select_logo.png?250207);
  background-size: 200px auto;
}

/* クレジットカード */
.select-point-list-item-link.is_credit:before {
  background-position: 0 -90px;
}

/* 楽天ペイ */
.select-point-list-item-link.is_rakuten:before {
  background-position: 0 -160px;
}

/* 銀行・ゆうちょ振込 */
.select-point-list-item-link.is_bank:before {
  background-position: -4px -235px;
}

/* ビットキャッシュ */
.select-point-list-item-link.is_bitcash:before {
  background-position: 0 -308px;
}

/* あと払い（ペイディ） */
.select-point-list-item-link.is_paidy:before {
  background-position: -4px -1197px;
}

/* 楽天Edy */
.select-point-list-item-link.is_edy:before {
  background-position: 0 -380px;
}

/* G-MONEY */
.select-point-list-item-link.is_g-money:before {
  background-position: -2px -455px;
}

/* C-CHECK */
.select-point-list-item-link.is_c-check:before {
  background-position: -4px -530px;
}

/* PayPal */
.select-point-list-item-link.is_paypal:before {
  background-position: 0 -680px;
}

/* コンビニエンスストア */
.select-point-list-item-link.is_conveni:before {
  background-position: 0 -905px;
}

/* セキュリティマネー */
.select-point-list-item-link.is_security-money:before {
  background-position: 0 -975px;
}

/* ペイジー */
.select-point-list-item-link.is_peyeasy:before {
  height: 65px;
  background-position: -5px -820px;
}

/* ポイントバック */
.select-point-list-item-link.is_point-back:before {
  height: 65px;
  background-position: -3px -597px;
}

/* アプリ */
.select-point-list-item-link.is_apply:before {
  background-position: -4px -1060px;
  top: 50px;
}

.btnL.btnEntry {
  width: 189px;
  height: 37px;
  margin: 0 auto;
  overflow: hidden;
}

.select-point-list-item-link__btn {
  box-sizing: border-box;
  padding: 8px;
  background: linear-gradient(to bottom, #af008b 0%, #9a0074 95%, #640050 95%);
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  color: #ffffff;
}

.uppercase-letter {
  text-transform: uppercase;
}
