/* ------------------------------------------------
  Camapign Page
------------------------------------------------ */
.cp-header,
.cp-body {
  width: 100%;
  max-width: 560px;
  margin: auto;
  padding: 0;
}

/* ご注意事項 */
#attention  {
  padding: 4em 2em;
  background: rgba(255, 255, 255, 0.75);
}
#attention > .inner {
  max-width: 560px;
  margin-bottom: 2em;
  /* padding: 2em; */
}
#attention h3 {
  font-size: clamp(14px, 4vw, 18px);
  text-align: center;
}
#attention ul {
  margin: 0 auto 2em;
  font-size: 0.84em;
}
#attention ul li {
  list-style-type: none;
  margin-left: 1em;
  padding: 0 0 0.5em;
  color: #555;
  line-height: 1.4;
}
#attention ul.disc li {
  list-style-type: disc;
}
#attention a {
  text-decoration: underline;
}



/* 下部レコメンド */
#camp_list .campaignWrap{
  border:0;
  background:unset;
  padding:0;
}
#camp_list .campaignWrap h2{
  display:none;
}
#camp_list .campaignFlex {
  justify-content: center;
  padding-top: 0;
  display: grid;
  padding: 0;
  grid-template-columns: 1fr 1fr;
  padding-top: 0;
  gap: 20px;
  flex-wrap: wrap;
}

#camp_list .campaignFlex li {
  width: 100%;
}
#camp_list .campaignFlex li img{
  width:100%;
}

#camp_list .campaignFlex li a{
  display:block;
}
#camp_list .roundBtn{
  display:none;
}

#camp_list .campaignFlex li:nth-child(n+3){
  display: none;
}
#camp_list .row li.col-3:nth-child(n+5){
  display: none;
}

/* krb 6.24 */
/* #cp_bnr_wide {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
	margin: 0 auto 30px auto;
}
#cp_bnr_wide li p,
#camp_list .campaignFlex li p,
#camp_list .campaignListSquare li p {
  font-size: clamp(14px, 1.525vw, 16px);
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
	#cp_bnr_wide {
		display: grid;
		gap: 20px;
		grid-template-columns: 1fr;
		margin: 0 auto 20px auto;
	}
  #cp_bnr_wide li p,
	#camp_list .campaignFlex li p,
  #camp_list .campaignListSquare li p {
    font-size: clamp(12px, 2.75vw, 16px);
    line-height: 1.4;
  }
} */


/* レコメンドキャンペーン */
#reco.TopttlH3 {
  margin: 4em auto 1em;
}
#reco.TopttlH3 + a.flt--page-top + #divBottomArea ul#cp_bnr_wide,
#reco.TopttlH3 + a.flt--page-top + #divBottomArea ul.campaignListSquare,
#divBottomArea ul#cp_bnr_wide, 
#divBottomArea ul.campaignListSquare {
  width: 90%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 0 2em !important;
}
/* バナー2まで */
#divBottomArea #cp_bnr_wide li:nth-child(n+3){
  display: none;
}
/* バナー4まで */
#divBottomArea ul.campaignListSquare li:nth-child(n+5){
  display: none;
}

#divBottomArea #cp_bnr_wide .thumb,
#divBottomArea ul.campaignListSquare .thumb {
  margin-bottom: 1em;
}

/* キャプション */
#cp_bnr_wide li p, #camp_list .campaignFlex li p, .campaignListSquare li p {
  /* font-size: clamp(12px, 3.25vw, 15px);
  line-height: 1.4;
  margin: 0.5em 0 0; */
}