@charset "utf-8";
/* CSS Document */

#campaign.gdoCard {}


/* ----------------------------
	メインビジュアル
------------------------------ */
#campaign.gdoCard #cmpn-mv {
	width: 960px;
    margin: 0 auto 40px;
}
#campaign.gdoCard #cmpn-mv h1{}
#campaign.gdoCard #cmpn-mv h1 img{}

/* ----------------------------
	ボタン：各種お申込みはこちら
------------------------------ */
#campaign.gdoCard .cmpn-apply {
	margin: 0 auto;
    text-align: center;
    width: 960px;
}
#campaign.gdoCard .cmpn-apply a{
    display: block;
    margin: 0 auto 40px;
    width: 800px;
    text-align: center;
    background: #fd111d;
    background-image: url(../images/arrw_r_submit.png);
    background-repeat: no-repeat;
    background-position: 670px center;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 32px;
    font-weight: 600;
    padding: 22px;
    box-sizing: border-box;
    box-shadow: 0px 2px 1px -1px #ffe0e2;
	border-radius: 4px;
}
#campaign.gdoCard .cmpn-apply a:hover{
	opacity: 0.6;
}
#campaign.gdoCard .cmpn-apply a.cardsDtls {
	background-color: #4f9900;
	background-image:
		url(../images/arrw_r_detail.png),
		url(../images/icon_card_detail.png);
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		670px center,
		120px center
		;	
    box-shadow: 0px 2px 1px -1px #9ec773;
}

/* ----------------------------
	枠ありコンテンツ：共通
------------------------------ */
#cmpn-content {
	width: 960px;
    margin: 0 auto;
}
#cmpn-content h2 {
    text-align: center;
    border: 7px solid #b9b9b9;
    margin: 0 80px 0;
    font-size: 32px;
    font-weight: 600;
    padding: 15px !important;
    background: #fff;
    z-index: 2;
	color: #4e4e4e;
	position:relative;
}
#cmpn-content .content-inner {
	border: 7px solid #b9b9b9;
	padding: 50px 0 25px;
    position: relative;
    top: -39px;
    z-index: 1;
	color: #4e4e4e;
}

/* ----------------------------
	枠ありコンテンツ：3つのおトク
------------------------------ */
#cmpn-content.gdoCardBenefits h2 span {
	color: #fd111d;
}

#cmpn-content.gdoCardBenefits .content-inner ul {
	list-style: none;
    padding: 0;
    margin: 0 0 0 56px;
}
#cmpn-content.gdoCardBenefits .content-inner ul li{
	padding-left: 1em;
    text-indent: -.7em;
    font-size: 28px;
    color: #4e4e4e;
    line-height: 1.4;
	font-weight: 500;
}
#cmpn-content.gdoCardBenefits .content-inner ul li:last-child {
    margin-top: -20px;
    margin-bottom: -20px;
}
#cmpn-content.gdoCardBenefits .content-inner ul li:before {
    content: "• ";
    color: #fd111d;
    font-size: 36px;
}

#cmpn-content.gdoCardBenefits .content-inner ul li span {
	font-size: 16px;
	font-weight: 400;
	margin-left: 1em;
}

#cmpn-content.gdoCardBenefits .content-inner ul li span.exception {
	display: inline-block;
    position: relative;
    left: 5px;
    top: -20px;
}

/* ----------------------------
	枠ありコンテンツ：新規入会CP特典
------------------------------ */
#cmpn-content.newRgstReward .content-inner{}
#cmpn-content.newRgstReward .content-inner p {
    color: #4e4e4e;
    margin: 0 74px;
    font-size: 20px;
}

#cmpn-content.newRgstReward .content-inner p.emphasis {
    margin: 0.2em 60px 0;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
	background: linear-gradient(transparent 50%, #ffed8c 50%);
}

#cmpn-content.newRgstReward .content-inner p.emphasis strong {
	font-size: 48px;
    font-weight: 600;
    color: #fd111d;
}

#cmpn-content.newRgstReward .content-inner p.emphasis span {
    color: #fd111d;	
}

#cmpn-content.newRgstReward .content-inner p.caution {
    font-size: 16px;
    padding-left: 8px;
    text-indent: -1.1em;
}

#cmpn-content.newRgstReward .content-inner p.caution:before {
	content: '※ ';
    position: relative;
}

#cmpn-content.newRgstReward .content-inner ul{
	margin: 18px auto;
}
#cmpn-content.newRgstReward .content-inner ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url(../images/dot.jpg);
    background-repeat: repeat-x;
    background-position: center;
    margin: 0 60px;
    color: #4e4e4e;
    font-size: 24px;
    line-height: 1.2;
}

#cmpn-content.newRgstReward .content-inner ul li span.cardType {
	display: inline-block;
    background: #fff;
    padding-right: 5px;
}
#cmpn-content.newRgstReward .content-inner ul li span.pointAmnt {
    display: inline-block;
    background: #fff;
    margin-left: 1em;
    color: #fd111d;
	font-size: 18px;
    font-weight: 600;
}

#cmpn-content.newRgstReward .content-inner ul li span.pointAmnt strong {
	font-size: 36px;
    font-weight: 600;
}

#cmpn-content.newRgstReward .content-inner ul li span.gdopoint {

}

#campaign.gdoCard .textLink {
    margin: 0 auto;
    text-align: right;
    position: relative;
    top: -30px;
    width: 960px;
    font-size: 36px;
	
}

#campaign.gdoCard .textLink p {
    font-size: 18px;
}

/* ----------------------------
	コンテンツ：プレゼント
------------------------------ */
#campaign #cmpn-prize.gdoCard {
    padding-top: 30px;
}
#campaign #cmpn-prize.gdoCard h2{
	background: none;
    padding: 0 !important;
    text-align: center;
    color: #888888 !important;
    font-size: 32px;
    line-height: 2.4;
	margin-bottom: 30px;
    margin-top: -30px;
}

#campaign #cmpn-prize.gdoCard .frame {
    margin-top: 0;
	margin-bottom: 40px;
}

#campaign #cmpn-prize.gdoCard h3 {}
#campaign #cmpn-prize.gdoCard .prize-l div h3 span {
	font-size: 20px;
    font-weight: 600;
    display: inline;
    color: #ff0000;
}
#campaign #cmpn-prize.gdoCard p.number{
	left: 224px;
    top: 230px;
}

#campaign #cmpn-prize .frame .prize-l a.noLink div:hover {
    border: 5px solid #fff;
	cursor: default;
}


/* ----------------------------
	枠ありコンテンツ：ポイント獲得までの流れ
------------------------------ */
#campaign #cmpn-content.receiveRwrdflow {}
#campaign #cmpn-content.receiveRwrdflow h2 {
	background: url(../images/flow_coin.png) no-repeat 585px 11px;
    background-color: #fff;
}
#campaign #cmpn-content.receiveRwrdflow .content-inner {
	padding: 50px 73px 25px;
	box-sizing: border-box;
	text-align: center;
}

#campaign #cmpn-content.receiveRwrdflow .content-inner .steps {
	display: flex;
	width: 100%;
    justify-content: space-between;
}
#campaign #cmpn-content.receiveRwrdflow .content-inner dl{
    border: 6px solid #b9b9b9;
    border-radius: 6px 6px 0 0;
    text-align: center;
	box-sizing: border-box;
}
#campaign #cmpn-content.receiveRwrdflow .content-inner dt{
	background: #b9b9b9;
    color: #fff;
    text-align: center;
    padding-bottom: 5px;
    font-size: 21px;
	box-sizing: border-box;
}
#campaign #cmpn-content.receiveRwrdflow .content-inner dl dd{
	height: 194px;
    box-sizing: border-box;
    padding-top: 30px;
	
}

#campaign #cmpn-content.receiveRwrdflow .content-inner .steps dl{
    width: 220px;
    text-align: center;
}
#campaign #cmpn-content.receiveRwrdflow .content-inner .steps dl dd{
	height: 172px;
    box-sizing: border-box;
    padding-top: 20px;
	
}

#campaign #cmpn-content.receiveRwrdflow .content-inner dl dd.step4 {
	background:url('../images/step4_coin.png') no-repeat 648px bottom;
}

#campaign #cmpn-content.receiveRwrdflow .content-inner .steps dl dd p{
	line-height: 1.4;
	margin-top: 10px;
	font-weight: 600;
}

#campaign #cmpn-content.receiveRwrdflow .content-inner .steps dl dd p.step2 {
	margin-top: 28px;
}
#campaign #cmpn-content.receiveRwrdflow .content-inner .steps dl dd p.step3 {
}

#campaign #cmpn-content.receiveRwrdflow .content-inner .steps dl dd img[alt='step1'] {
	margin-top: 25px;
}

#campaign #cmpn-content.receiveRwrdflow .content-inner .steps dl dd a{
	color: #f00 !important;
}
#campaign #cmpn-content.receiveRwrdflow .content-inner .steps dl dd a:hover{
	opacity: 0.6;
}

#campaign #cmpn-content.receiveRwrdflow .content-inner aside{
	margin: 26px;
}
#campaign #cmpn-content.receiveRwrdflow .content-inner .steps aside img{
	position: relative;
    top: 84px;
}
#campaign #cmpn-content.receiveRwrdflow .content-inner aside.baloon{
	position: absolute;
    top: 360px;
}


/* ----------------------------
	コンテンツ：注意事項
------------------------------ */
#campaign.gdoCard #cmpn-caution {
	width: 960px;
    margin: 0 auto 40px;
}
#campaign.gdoCard #cmpn-caution ul{
	
	
	
}
#campaign.gdoCard #cmpn-caution ul li{
    padding-left: 1em;
    text-indent: -.7em;
    line-height: 1.6;
    font-size: 20px;
}
#campaign.gdoCard #cmpn-caution ul li a {
	color:#f00 !important;
}
#campaign.gdoCard #cmpn-caution ul li a:hover {
	opacity: 0.6;
}
#campaign.gdoCard #cmpn-caution ul li:before {
	content:'※';
}

/* ----------------------------
	コンテンツ：こんなにおトク　GDOカード一般の場合
------------------------------ */
#campaign.gdoCard #cmpn-general {
    width: 960px;
    margin: 0 auto 40px;
    display: flex;
}
#campaign.gdoCard #cmpn-general .generalIndex {
	
}
#campaign.gdoCard #cmpn-general .gdocardGnrl {
    border: 7px solid #858585;
    box-sizing: border-box;
	width: 100%;
}
#campaign.gdoCard #cmpn-general .gdocardGnrl h3{
	margin: 40px 0 0 40px;
    font-weight: 600;
    font-size: 20px;
    border-left: 5px solid #ff0831;
    padding-left: 0.5em;
}
#campaign.gdoCard #cmpn-general .gdocardGnrl ul{
	margin-left: 40px;
	margin-top: 16px;
}
#campaign.gdoCard #cmpn-general .gdocardGnrl ul li{
	line-height: 1.6;
	padding-left: 1em;
	text-indent: -1em;
}
#campaign.gdoCard #cmpn-general .gdocardGnrl ul li:before {
	content:'・';
}