@charset "UTF-8";

.pt90p {padding-top: 9.375% !important;}
.pt100p {padding-top: 10.4166% !important;}
.pb90p {padding-bottom: 9.375% !important;}
.pb100p {padding-bottom: 10.4166% !important;}
.fsSS {font-size: 11px;}
@media only screen and (min-width:768px) {
  .fsSS {font-size:16px;}
  }

a.txtLink {
	text-decoration: underline;
	color: #0000ff;
	display: inline;
}
.contsImg02 {
  max-width: 960px;
  margin: auto;
}
.contsImg03 {
  max-width: 700px;
  width: 87.5%;
  margin: auto;
}
.contsImg04 {
  max-width: 900px;
  margin: auto;
}
.contsImg05 {
  max-width: 514px;
  width: 87.5%;
  margin: auto;
}
.contsImg06{
  max-width: 840px;
  margin: 0 auto;
  padding: 9.375% 4.1666% 2%!important;
}
.beigeBg {
  background-color: #fffae9;
}
.blueBg {
  background-color: #0071cd;
}
.whiteBg {
  background-color: #ffffff;
  max-width: 900px;
  padding: 4.166% 0;
  margin: 5.20833% 3.125% 0;
  border-radius: 10px;  
}
.orangeBg{
  background-color: #ffedd7;
}
.yellowBg{
  background-color: #fffbe9;
}
.btn, .btn02 {
  max-width: 740px;
  width: 87.5%;
  margin: auto;
}
/*「キャンペーン詳細とご注意事項ボタン」へのアンカーリンク*/
a.anc_cpNote {
  color: #333;
  font-weight: bold;
  font-size: 24px;
}
a.anc_cpNote span.anc_cpNoteTxt {
	display: inline-block;
	text-decoration: underline;
}
@media only screen and (max-width: 959px){
	a.anc_cpNote {
		font-size: 19px;
	}
}
@media only screen and (max-width: 640px){
	a.anc_cpNote {
		font-size: 16px;
	}
}
@media only screen and (max-width: 460px){
	a.anc_cpNote {
		font-size: 13px;
	}
}
.cardInfo {
	padding: 0 4.16667% !important;
}
.cpNotes {
	padding: 5.2083% 8.33333% 3.125%;
}
/*点線*/
.topBorder, .bottomBorder, .bottomBorder02 {
  position: relative;
}
.topBorder::before, .bottomBorder::after{
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 4px;
}
.topBorder::before {
  background: url(../img/bg_01.png) no-repeat center top;
  top: -4px;
}
.bottomBorder::after {
  background: url(../img/bg_01.png) no-repeat center bottom;
  bottom: -4px;
}
.blueBg.bottomBorder::after{
  z-index: 1;
}
@media screen and (max-width:959px) {
  .bottomBorder02::after {
    background-size: contain;
    bottom: -3.75vw;
    height: 3.75vw;
  }
}
/* ご注意事項 */
.cpNotes01 {
	max-width: 840px;
	width: 87.5%;
	margin: 0 auto;
}
.cpNotesBtn01 {
	width: 100%;
	display: table;
}
.cpNotesBtn01 a {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	border-top: 1px solid #cc0033;
}
.cpNotesFlame01 {
	display: none;
	background-color: #fff;
	border-left: 2px solid #cc0033;
	border-right: 2px solid #cc0033;
	border-bottom: 2px solid #cc0033;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
@media only screen and (min-width: 361px) {
	.cpNotesFlame01 {
		border-width: 3px;
	}
}
.cpNotesTxt {
	width: 93.8%;
	padding: 1.1% 0 4.6%;
	text-align: right;
	color: #000;
	font-size: 18px;
}
@media screen and (max-width:640px) {
	.cpNotesTxt {
		padding-top: 3%;
		font-size: 12px;
	}
}
/* フローティングバナー */
.floatSpBnr {
	width: 100%;
	background-color: rgb(255, 255, 255,0.3);
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2;
	box-sizing: border-box;
}
.floatSpLink {
	width: 86.5%;
	margin: 0 auto;
	display: block;
}
.floatSpBnr img {
	width: 100%;
}
.floatPcBnr {
	width: 12vh;
	height: 60%;
	margin: auto;
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
}
.floatPcLink img {
	height: 100%;
}
a.floatPcLink {
	display: block;
}
@media only screen and (max-width: 640px) {
	.floatSpBnr,a.floatSpLink {
		display: block;
	}
	.floatPcBnr,a.floatPcLink {
		display: none;
	}
	.flbnpb {padding-bottom: 35% !important;}
}