@charset "shift_jis";

/* ======================================================
 * /common-files/css/campaign/annual_fee_sp.css
 * ------------------------------------------------------
 * -@media - width <= 750px
 * ------------------------------------------------------
 * Parts
 * ------------------------------------------------------
 * Clearfix
====================================================== */
/* ======================================================
 * -@media - width <= 750px
====================================================== */
@media screen and (max-width: 750px) {

/* Parts
------------------------------------------------------ */
/* ----- HEADING ----- */
#eposcard .af-heading01 {
	margin-bottom: 10px;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: left;
	letter-spacing: normal;
}
#eposcard .af-heading01 > em {
	font-size: 22px;
	font-size: 2.2rem;
}
#eposcard .af-heading02,
#eposcard .af-heading03 {
	margin-bottom: 10px;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: left;
	letter-spacing: normal;
}
#eposcard .af-heading03 {
	margin-bottom: 10px;
}
#eposcard .af-heading02 > span {
	position: relative;
	display: inline-block;
	padding: 0;
}
#eposcard .af-heading02 > span:before,
#eposcard .af-heading02 > span:after {
	display: none;
}
#eposcard .af-heading02 > span > em {
	font-size: 22px;
	font-size: 2.2rem;
}
#eposcard .af-heading03 > em {
	font-size: 20px;
	font-size: 2.0rem;
}
#eposcard .af-voiceHead01 {
	margin-bottom: 10px;
	text-align: left;
}
#eposcard .af-voiceHead01 .head {
	padding-left: 30px;
	background: url(/eposcard/img-files/annual_fee_ic04.png) 0 0.2em no-repeat;
	-webkit-background-size: 26px 20px;
					background-size: 26px 20px;
	font-size: 18px;
	font-size: 1.8rem;
}
#eposcard .af-voiceHead01 .af-voiceL {
	font-size: 18px;
	font-size: 1.8rem;
}


/* ----- SECTION ----- */
#eposcard .af-section01 {
	margin-top: 40px;
}
#eposcard .af-section02 {
	margin-top: 30px;
}
#eposcard .af-section03 {
	margin-top: 20px;
}


/* ----- UNIQUE ----- */
#eposcard .af-catchCol01 {
	width: 100%;
}
#eposcard .af-catchCol01 .af-colL,
#eposcard .af-catchCol01 .af-colR {
	width: 100%;
	float: none;
}
#eposcard .af-catchCol01 .af-colR {
	margin-left: 0;
}
#eposcard .af-cardBaloon {
	margin-top: 10px;
	padding: 10px;
}
#eposcard .af-cardBaloon:before,
#eposcard .af-cardBaloon:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: -10px;
	left: 50%;
	content: "";
}
#eposcard .af-cardBaloon:before {
	margin-top: -7px;
	margin-left: -7px;
	border-bottom: 9px solid #b6b5b5;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}
#eposcard .af-cardBaloon:after {
	margin-top: -5px;
	margin-left: -7px;
	border-bottom: 9px solid #ffffff;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}
#eposcard .af-cardBaloon .figureCol {
	margin-top: 0;
}
#eposcard .af-cardBaloon .figureCol .imgL {
	margin-right: 10px;
}

#eposcard .af-pointBox01 {
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px 5px;
}
#eposcard .af-pointList01 > li {
	width: 100%;
	margin-left: 0;
	padding: 10px 10px 10px 30px;
	float: none;
	background: url(/eposcard/img-files/annual_fee_ic01.png) 10px 50% no-repeat #c6556a;
	-webkit-background-size: 15px 13px;
					background-size: 15px 13px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #ffffff;
	text-align: left;
}
#eposcard .af-pointList01 > li + li {
	margin-top: 5px;
}

#eposcard .af-layoutBox01 {
	margin-left: -10px;
	margin-right: -10px;
	padding: 15px 10px 10px;
}
#eposcard .af-layoutBox01 .af-boxHead01 {
	margin-bottom: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: left;
}
#eposcard .af-layoutBox01 .af-boxHead01 > span {
	display: block;
	margin: 0 0 13px;
	padding: 5px 10px;
	-webkit-border-radius: 1.5em;
		 -moz-border-radius: 1.5em;
					border-radius: 1.5em;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}
#eposcard .af-layoutBox01 .af-boxHead01 > span:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: inherit;
	bottom: -8px;
	margin-top: 0;
	right: 50%;
	margin-left: -6px;
	border-top: 8px solid #76581f;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: none;
	content: "";
}
#eposcard .af-boxCol01 .af-descList01 dt {
	font-size: 14px;
	font-size: 1.4rem;
}
#eposcard .af-boxCol01 .af-descList01 dt > em {
	font-size: 18px;
	font-size: 1.8rem;
}
#eposcard .af-boxCol01 .af-descList01 dt {
	padding: 10px 45px;
	background-position: 8px 50%;
}
#eposcard .af-boxCol01 .index01 .af-descList01 dt { -webkit-background-size: 25px 32px; background-size: 25px 32px; }
#eposcard .af-boxCol01 .index02 .af-descList01 dt { -webkit-background-size: 30px 31px; background-size: 30px 31px; }
#eposcard .af-boxCol01 .index03 .af-descList01 dt { -webkit-background-size: 36px 29px; background-size: 36px 29px; }
#eposcard .af-boxCol01 .index04 .af-descList01 dt { -webkit-background-size: 32px 31px; background-size: 32px 31px; }
#eposcard .af-boxCol02 > .col a:hover {
	margin-top: 0 !important;
	opacity: 1.0;
	border-bottom-width: 3px;
}
#eposcard .af-boxCol02 .af-boxCard {
	background: url(/common-files/img/sp_com_btn_ic13.png) 98% 50% no-repeat #ffffff;
	-webkit-background-size: 20px 20px;
					background-size: 20px 20px;
}
#eposcard .af-boxCol02 .af-boxCard figure {
	padding: 15px 40px 15px 10px;
	text-align: center;
}
#eposcard .af-boxCol02 .af-boxCard figure .swap {
	width: 240px;
}
#eposcard .af-boxCol02 .af-boxCardTxt .af-fee {
	font-size: 14px;
	font-size: 1.4rem;
}
#eposcard .af-boxCol02 .af-boxCardTxt .af-ttl {
	font-size: 18px;
	font-size: 1.8rem;
}
#eposcard .af-btnLink01 a {
	padding: 14px 40px 12px;
	font-size: 14px;
	font-size: 1.4rem;
}

#eposcard .af-comparisonCol .af-comparisonHead {
	padding: 5px;
	font-size: 15px;
	font-size: 1.5rem;
}
#eposcard .af-comparisonCol .af-comparisonHead > span {
	font-size: 18px;
	font-size: 1.8rem;
}
#eposcard .af-comparisonCol .af-comparisonCnt {
	padding: 10px;
	-webkit-border-radius: 0 0 8px 8px;
		 -moz-border-radius: 0 0 8px 8px;
					border-radius: 0 0 8px 8px;
}
#eposcard .af-comparisonCol .af-comparisonBaloon {
	padding: 10px 5px 8px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
}
#eposcard .af-advantage,
#eposcard .af-disadvantage {
	padding: 2px 0 2px 30px;
	-webkit-background-size: 20px;
					background-size: 20px;
	background-position: 0 2px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
#eposcard .af-advantage .af-normal,
#eposcard .af-disadvantage .af-normal {
	font-weight: normal;
	font-size: 12px;
	font-size: 1.2rem;
}
#eposcard .af-disadvantage { margin-top: 10px; }

/* ----- non-existent ----- */
#eposcard [class*="af-line"] {
	position: relative;
	display: block;
	width: 100%;
	height: 24px;
	border: none;
}
#eposcard [class*="af-line"]:after {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -53px;
	border-top: 24px solid #cccccc;
	border-left: 53px solid transparent;
	border-right: 53px solid transparent;
	content: "";
}
#eposcard .af-line01:after { border-top-color: #ffebeb; }
#eposcard .af-line02:after { border-top-color: #d9d4d4; }

#eposcard .af-voiceBox01 {
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px;
}
#eposcard .af-voiceList01 > li {
	width: 100%;
	float: none;
	margin-left: 0;
}
#eposcard .af-voiceList01 > li[class*="af-voiceImage"] {
	background-position: 0 0;
	-webkit-background-size: 50px 50px;
					background-size: 50px 50px;
}
#eposcard .af-voiceList01 > li:nth-child(n+3),
#eposcard .af-voiceList01 > li + li {
	margin-top: 10px;
}
#eposcard .af-voiceList01 > li > p {
	min-height: 50px;
	padding: 8px;
}
#eposcard .af-voiceList01 > li > p:before {
	top: 9px;
	margin-top: 0;
}
#eposcard .af-voiceList01 > li > p:after {
	top: 10px;
	margin-top: 0;
}

#eposcard .af-cvArea01 {
	margin-top: 20px;
	text-align: center;
}


/* scene Section
------------------------------------------------------ */
#eposcard .sceneSec {
	padding: 15px 0;
}
#eposcard .sceneSec .sceneSubHead {
	margin-bottom: 10px;
	font-size: 10px;
	font-size: 1.0rem;
}
#eposcard .sceneSec .sceneSubHead:after {
	bottom: -9px;
	margin-left: -6px;
	border-top: 9px solid #a5001e;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
#eposcard .sceneSec .sceneHead {
	font-size: 15px;
	font-size: 1.5rem;
}
#eposcard .sceneSec .sceneLayout01 .sceneCol {
	position: relative;
	float: left;
	width: 48.3%;
	margin-left: 3.4%;
}
#eposcard .sceneSec .sceneLayout01 .sceneCol:nth-child(4n+1) {
	margin-left: 0;
}
#eposcard .sceneSec .sceneLayout01 .sceneCol:nth-child(n+5) {
	margin-top: 0;
}
#eposcard .sceneSec .sceneLayout01 .sceneCol:nth-child(2n+1) {
	margin-left: 0;
}
#eposcard .sceneSec .sceneLayout01 .sceneCol:nth-child(n+3) {
	margin-top: 3.4%;
}
#eposcard .sceneSec .sceneLayout01 .sceneCol a:hover {
	margin-top: 0;
	border-bottom-width: 3px;
}
#eposcard .sceneSec .sceneLayout01 .sceneCol .text {
	display: table;
	width: 101%;
	height: 3.6em;
	padding: 2px 2px 6px 8px;
	bottom: 0;
	border-bottom: 3px solid #cccccc;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.2;
}
#eposcard .sceneSec .sceneLayout01 .sceneCol a:hover .text {
	bottom: 0;
}
#eposcard .sceneSec .sceneLayout01 .sceneCol .text span {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	background: url(/img-files/sp_top_scene_ic01.png) 100% 50% no-repeat;
	-webkit-background-size: 22px 22px !important;
					background-size: 22px 22px !important;
}

#eposcard .sceneSec .sceneLayout01 .sceneCol .col01 .text span { background-image: url(/img-files/sp_top_scene_ic01.png); }
#eposcard .sceneSec .sceneLayout01 .sceneCol .col02 .text span { background-image: url(/img-files/sp_top_scene_ic02.png); }
#eposcard .sceneSec .sceneLayout01 .sceneCol .col03 .text span { background-image: url(/img-files/sp_top_scene_ic03.png); }
#eposcard .sceneSec .sceneLayout01 .sceneCol .col04 .text span { background-image: url(/img-files/sp_top_scene_ic04.png); }
#eposcard .sceneSec .sceneLayout01 .sceneCol .col05 .text span { background-image: url(/img-files/sp_top_scene_ic05.png); }
#eposcard .sceneSec .sceneLayout01 .sceneCol .col06 .text span { background-image: url(/img-files/sp_top_scene_ic06.png); }

/* ----- lineupCol ----- */
#eposcard .lineupCol > a {
	display: inline-table;
}
#eposcard .lineupCol .cardDetail {
	width: 100%;
	padding: 10px 28px 10px 15px;
	font-size: 12px;
	font-size: 1.2rem;
}
#eposcard .lineupCol .cardDetail:after {
	width: 15px;
	height: 15px;
	margin-top: -7px;
	right: 8px;
	background: url(/common-files/img/sp_com_arw_ic05.png) 0 0 no-repeat;
	-webkit-background-size: 15px 15px;
					background-size: 15px 15px;
}
#eposcard .lineupCol a[target="_blank"] .cardDetail:after	{
	width: 15px;
	height: 15px;
	margin-top: -7px;
	right: 8px;
	background: url(/common-files/img/sp_com_btn_ic14.png) 0 0 no-repeat;
	-webkit-background-size: 15px 15px;
					background-size: 15px 15px;
}
#eposcard .lineupCol .cardDetail .cardStrong {
	font-size: 12px;
	font-size: 1.2rem;
}
#eposcard .lineupCol .cardDetail .cardNm,
#eposcard .lineupCol.type02 .cardDetail .cardNm,
#eposcard .lineupCol.type02 .cardDetail .cardNm.small{
	font-size: 15px;
	font-size: 1.5rem;
}
#eposcard .lineupCol .presentText > div {
	padding: 3px 5px;
	font-size: 10px;
	font-size: 1.0rem;
}
#eposcard .lineupCol .presentText p	{
	padding-left: 25px;
	background-image: url(/img-files/sp_top_lineup_ic03.png);
	-webkit-background-size: 18px 18px;
					background-size: 18px 18px;
}
#eposcard .lineupCol .presentText p .integer {
	font-size: 15px;
	font-size: 1.5rem;
}

/* ----- lineupLayout ----- */
#eposcard .lineupLayout02,
#eposcard .lineupLayout03 {
	margin-top: 10px;
}
#eposcard .lineupLayout02 > .lineupCol,
#eposcard .lineupLayout03 > .lineupCol {
	width: 100%;
	float: none;
	margin-left: 0;
}
#eposcard .lineupLayout02 > .lineupCol:nth-child(2n+1),
#eposcard .lineupLayout03 > .lineupCol:nth-child(3n+1) {
	margin-left: 0;
}
#eposcard .lineupLayout02 > .lineupCol:nth-child(n+3),
#eposcard .lineupLayout03 > .lineupCol:nth-child(n+4) {
	margin-top: 0;
}
#eposcard .lineupLayout02 > .lineupCol + .lineupCol,
#eposcard .lineupLayout03 > .lineupCol + .lineupCol	{
	margin-top: 10px;
}
/* ----- lineupLayout02 ----- */
#eposcard .lineupLayout02 > .lineupCol.type02 .cardDetail .cardImg,
#eposcard .lineupLayout02 > .lineupCol.type02 .cardDetail .text {
	display: block;
	vertical-align: middle;
}
#eposcard .lineupLayout02 > .lineupCol.type02 .cardDetail .cardImg {
	width: 100%;
	margin-top: 5px;
	text-align: center;
}
#eposcard .lineupLayout02 > .lineupCol .cardDetail .cardImg img {
	width: 225px;
}
#eposcard .lineupLayout02 > .lineupCol .cardDetail.standard .cardImg {
	width: 55px;
}

#eposcard .lineupLayout02 > .lineupCol.type02 .cardDetail .cardImg img,
#eposcard .lineupLayout02 > .lineupCol.type02 .cardDetail .cardImg.type-multi img,
#eposcard .lineupLayout03 > .lineupCol.type02 .cardDetail .cardImg.type-multi img {
	width: 148px;
}
#eposcard .lineupLayout02 > .lineupCol .cardDetail.standard .text {
	padding-left: 33px;
}
#eposcard .lineupLayout02 > .lineupCol .cardDetail .text,
#eposcard .lineupLayout03 > .lineupCol .cardDetail .text {
	padding-left: 0;
}
#eposcard .lineupLayout02 > .lineupCol.new .cardDetail:before {
	width: 27px;
	height: 27px;
	background: url(/img-files/sp_top_new_ic01.png) 0 0 no-repeat;
	-webkit-background-size: 27px 27px;
					background-size: 27px 27px;
}

/* ----- lineupLayout03 ----- */
#eposcard .lineupLayout03 > .lineupCol .cardDetail .cardImg {
	width: 75px;
}
#eposcard .lineupLayout03 > .lineupCol .cardDetail .cardImg img {
	width: 100%;
	height: auto;
}
#eposcard .lineupLayout03 > .lineupCol .cardDetail .text {
	padding-left: 13px;
}
#eposcard .lineupLayout03 > .lineupCol.new .cardDetail {
	padding-left: 15px;
}
#eposcard .lineupLayout03 > .lineupCol.new .cardDetail:before {
	width: 27px;
	height: 27px;
	background: url(/img-files/sp_top_new_ic01.png) 0 0 no-repeat;
	-webkit-background-size: 27px 27px;
					background-size: 27px 27px;
}
#eposcard .lineupLayout03 > .lineupCol .cardDetail p.mb10.alC {
	width: 100%;
	max-width: 100%;
}

/* ----- lineupLayout03 type02 ----- */
#eposcard .lineupLayout03 > .lineupCol.type02 .cardDetail .cardImg,
#eposcard .lineupLayout03 > .lineupCol.type02 .cardDetail .text {
	display: block;
	vertical-align: middle;
}
#eposcard .lineupLayout03 > .lineupCol.type02 .cardDetail .cardImg {
	width: 100%;
	margin-top: 5px;
	text-align: center;
}
#eposcard .lineupLayout03 > .lineupCol.type02 .cardDetail .text {
	padding-left: 0;
}
	
/* ----- lineupLayout04 ----- */
#eposcard .lineupLayout04 > .lineupCol .cardDetail .cardImg {
	width: 75px;
}
#eposcard .lineupLayout04 > .lineupCol .cardDetail .cardImg img {
	width: 100%;
	height: auto;
}
#eposcard .lineupLayout04 > .lineupCol .cardDetail .text {
	padding-left: 13px;
}
#eposcard .lineupLayout04 > .lineupCol .cardDetail .cardNm {
	font-size: 15px;
	font-size: 1.5rem;
}

/* ----- lineupLayout05 ----- */
#eposcard .lineupLayout05 > .lineupCol .cardDetail .cardImg {
	width: 75px;
}
#eposcard .lineupLayout05 > .lineupCol .cardDetail .cardImg img {
	width: 100%;
	height: auto;
}
#eposcard .lineupLayout05 > .lineupCol .cardDetail .cardFigure {
	display: block;
}
#eposcard .lineupLayout05 > .lineupCol .cardDetail .cardFigure figure {
	display: block;
	width: 100%;
	text-align: center;
}
#eposcard .lineupLayout05 > .lineupCol .cardDetail .cardFigure figure img {
	width: auto;
}
#eposcard .lineupLayout05 > .lineupCol .cardDetail .textRight {
	position: absolute;
	top: 16px;
	right: 28px;
	width: 125px;
	float: none;
	margin: 0 auto 10px;
}
#eposcard .lineupLayout05 > .lineupCol .cardDetail .cardNm {
	font-size: 15px;
	font-size: 1.5rem;
}
#eposcard .lineupLayout05 > .lineupCol.new .cardDetail {
	padding-left: 15px;
}
#eposcard .lineupLayout05 > .lineupCol.new .cardDetail:before {
	width: 27px;
	height: 27px;
	background: url(/img-files/sp_top_new_ic01.png) 0 0 no-repeat;
	-webkit-background-size: 27px 27px;
					background-size: 27px 27px;
}
/* ----- lineupLayout05 type02 ----- */
#eposcard .lineupLayout05 > .lineupCol.type02 .cardDetail .cardImg,
#eposcard .lineupLayout05 > .lineupCol.type02 .cardDetail .text {
	display: block;
	vertical-align: middle;
}
#eposcard .lineupLayout05 > .lineupCol.type02 .cardDetail .cardImg {
	width: 100%;
	margin-top: 5px;
	text-align: center;
}
#eposcard .lineupLayout05 > .lineupCol.type02 .cardDetail .text {
	padding-left: 0;
}

/* Clearfix
------------------------------------------------------ */

}