@charset "utf-8";


/*
 * top
 */

div#contents section#topImage {
	overflow: hidden;
}
div#contents section#topImage div.mainImage {
	position: relative;
	height: 335px;
	background-color: #000000;
}
div#contents section#topImage div.mainImage h1 img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -300px;
}

/*
 * sections
 */
div#contents section.section {
	padding: 20px 16px 170px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position:  50% 100%;
	background-size: 286px 170px;
	-webkit-background-size: 286px 170px;
}
div#contents section.section:nth-child(odd) {
	background-color: #f4f4f4;
}
div#contents section.section.sub {
	padding: 20px 16px 125px;
	background-size: 209px 125px;
	-webkit-background-size: 209px 125px;
}
div#contents section.specific {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/bg_img_specific_2.png?210115);
}
div#contents section.household {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/bg_img_household_2.png);
}
div#contents section.otoku {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/bg_img_campaign_2.png);
}
div#contents section.atm {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/bg_img_atm.png);
}
div#contents section h2 {
	margin-bottom: 15px;
	font-size: 16px;
}
div#contents section h2 span {
	display: inline-block;
	white-space: nowrap;
}
div#contents section p {
	margin-bottom: 25px;
}
div#contents section div.functions {
	overflow: hidden;
	zoom: 1;
}
div#contents section div.functions dl {
	float: left;
	/*width: 100%;*/
	padding-left: 32px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: 22px 27px;
	-webkit-background-size: 22px 27px;
}
div#contents section div.functions dl dt {
	font-weight: bold;
}
div#contents section div.functions dl.function00 {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/img_notification.png);
}
div#contents section div.functions dl.function01 {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/img_receipt.png);
}
div#contents section div.functions dl.function02 {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/img_card.png);
}
div#contents section div.functions dl.function03 {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/img_graph.png);
}
div#contents section div.functions dl.function04 {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/img_datasync.png);
}
div#contents section.download {
	padding: 20px;
	background-color: #000000;
	text-align: center;
}
div#contents section.sns {
	padding: 10px 20px;
	text-align: center;
}
div#contents section.sns ul li {
	display: inline-block;
	margin: 0 5px;
}

div#contents section.ads {
	padding: 10px 15px 0;
}
div#contents section.ads div.section {
	margin-bottom: 10px;
}
div#contents section.ads ul li {
	margin-bottom: 10px;
}
div#contents section.ads div.banner img {
	display: block;
	width: 100%;
	height: auto;
}
div#contents section.ads div.box ul li {
	padding: 20px 15px;
	border: 2px solid #cccccc;
}
div#contents section.ads div.box div.image {
	margin-bottom: 10px;
	text-align: center;
}
div#contents section.ads div.box div.text p {
	margin-bottom: 10px;
}
div#contents section.ads a.adBtn {
	display: block;
	padding: 10px;
	border-radius: 4px;
	background-color: #bf0000;
	background-image: -moz-linear-gradient(bottom, #bf0000 0%, #e00000 100%);
	background-image: -o-linear-gradient(bottom, #bf0000 0%, #e00000 100%);
	background-image: -webkit-linear-gradient(bottom, #bf0000 0%, #e00000 100%);
	background-image: linear-gradient(bottom, #bf0000 0%, #e00000 100%);
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
div#contents section.ads a.adBtn:active {
	background-color: #bf0000;
}

/*�R�[�|�o�i�[�@8/8�NjL
------------------------*/
div#contents section.ads a.campaignBanner {
	max-width: 700px;
}

/*修正　16/11/20追記
------------------------*/
div#contents section div.functions dl.function05 {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/img_both.png);
}

div#contents section div.functions dl.function06 {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/img_secondPass.png);
}

div#contents section div.functions dl.function07 {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/img_easyLogin.png);
}


div#contents section.fingerprint {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/bg_img_fingerprint_2.png);
}

div#contents section.Rpoint {
	background-image: url(//image.card.jp.rakuten-static.com/card_corp/smart/contents/appli/bg_img_Rpoint_2.png);
}


/*修正　19/05/20追記
  ダウンロードボタン変更
------------------------*/
.download {
	text-align: center;
	padding-bottom: 20px;
}

.download p {
	margin-bottom: 8px !important;
	font-weight: bold;
}

.download_btns {
	display: flex;
	justify-content: space-around;
}

@media screen and (max-width:320px) {
	.download_btns img {
		width: 130px;
		height: 38px;
	}
}