@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 .sd-heading01 {
	margin: 0 0 10px;
	font-size: 22px;
	font-size: 2.2rem;
}
#eposcard .sd-heading02 {
	margin-bottom: 10px;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: normal;
}
#eposcard .sd-heading02 > em {
	font-size: 22px;
	font-size: 2.2rem;
}
#eposcard .sd-heading03 {
	font-size: 16px;
	font-size: 1.6rem;
}
#eposcard .sd-heading03 + * {
	margin-top: 0 !important;
}
#eposcard .sd-heading03 > em {
	font-size: 18px;
	font-size: 1.8rem;
}

/* ----- TEXT ----- */
#eposcard .sd-em01 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #a5001e;
}
#eposcard .sd-small01 {
	font-size: 12px;
	font-size: 1.2rem;
}
#eposcard .sd-orText {
	margin: 6px 0;
}

/* ----- UNIQUE ----- */
#eposcard .sd_exampleLayout01 {
	width: 100%;
	margin: 20px auto 0;
}
#eposcard .sd_exampleLayout01 .sd_exampleCol {
	width: 100%;
	float: none;
	margin-left: 0;
	padding-top: 0;
	padding-left: 90px;
}
#eposcard .sd_exampleLayout01 .sd_exampleCol[class*="type"] {
	background-position: 0 100%;
	-webkit-background-size: 87px 78px;
					background-size: 87px 78px;
}
#eposcard .sd_exampleLayout01 .sd_exampleCol + .sd_exampleCol {
	margin-top: 15px;
}
#eposcard .sd_exampleLayout01 .sd_exampleCol .sd_exampleBaloon {
	padding: 8px;
	height: 7em !important;
	font-size: 13px;
	font-size: 1.3rem;
}
#eposcard .sd_exampleLayout01 .sd_exampleCol .sd_exampleBaloon:before,
#eposcard .sd_exampleLayout01 .sd_exampleCol .sd_exampleBaloon:after {
	top: 50%;
	left: 0;
}
#eposcard .sd_exampleLayout01 .sd_exampleCol .sd_exampleBaloon:before {
	margin-top: -9px;
	margin-left: -9px;
	border-right: 10px solid #dfdfdf;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: none;
}
#eposcard .sd_exampleLayout01 .sd_exampleCol .sd_exampleBaloon:after {
	margin-top: -8px;
	margin-left: -8px;
	border-right: 9px solid #ffffff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: none;
}
#eposcard .sd_exampleLayout01 .sd_exampleCol .sd_exampleBaloon > p {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

#eposcard .sd-catchCol01 {
	width: 100%;
	margin: 0 auto;
}
#eposcard .sd-catchCol01 .sd-colR,
#eposcard .sd-catchCol01 .sd-colL {
	float: none;
	width: 100%;
}
#eposcard .sd-catchCol01 .sd-colL {
	margin-top: 10px;
}
#eposcard .sd-convenientList01 > li {
	padding: 10px;
	font-size: 15px;
	font-size: 1.5rem;
}

/* ----- non-existent ----- */
#eposcard [class*="sd-line"] {
	position: relative;
	display: block;
	width: 100%;
	height: 24px;
	border: none;
}
#eposcard [class*="sd-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 .sd-line01 {
	margin: 15px 0;
}
#eposcard .sd-line01:after { border-top-color: #ffebeb; }
#eposcard .sd-cvArea01 {
	margin-top: 30px;
	text-align: center;
}


#eposcard .sd-boxCol01 > .col > a:hover {
	margin-top: 0 !important;
	border-bottom-width: 3px;
	opacity: 1.0;
}
#eposcard .sd-cardCol {
	display: block;
}
#eposcard .sd-cardCol .sd-boxCard,
#eposcard .sd-cardCol .sd-boxCardTxt {
	display: block;
}
#eposcard .sd-cardCol .sd-boxCard {
	width: 100%;
	padding: 15px 40px 15px 10px;
	background: url(/common-files/img/sp_com_btn_ic13.png) 98% 50% no-repeat #ffffff;
	-webkit-background-size: 20px 20px;
					background-size: 20px 20px;
	text-align: center;
}
#eposcard .sd-cardCol .sd-boxCard img {
	width: 195px;
	height: auto;
}
#eposcard .sd-cardCol .sd-boxCardTxt {
	width: 100%;
	padding: 8px 15px;
	background: none;
	line-height: 1.2;
}
#eposcard .sd-cardCol .sd-boxCardTxt .sd-fee {
	font-size: 14px;
	font-size: 1.4rem;
}
#eposcard .sd-cardCol .sd-boxCardTxt .sd-ttl {
	font-size: 18px;
	font-size: 1.8rem;
}
#eposcard .sd-btnLink01 a {
	padding: 14px 40px 12px;
	font-size: 14px;
	font-size: 1.4rem;
}

#eposcard .sd-flowSection01 {
	margin: 30px -10px 0;
	padding: 15px 10px;
}
#eposcard .sd-flowSection01 .sd-flowHead01 {
	margin-bottom: 10px;
	font-size: 16px;
	font-size: 1.6rem;
}
#eposcard .sd-flowSection02 {
	position: relative;
	padding: 10px;
	background: #ffffff;
	-webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
					border-radius: 8px;
}
#eposcard .sd-flowSection02.sd-flow02 {
	padding: 10px;
}
#eposcard .sd-flowSection02 + .sd-flowSection02 {
	margin-top: 15px;
}
#eposcard .sd-flowSection02:before {
	position: absolute;
	display: block;
	width: 44px;
	height: 44px;
	top: -5px;
	left: -5px;
	background-image: url(/eposcard/img-files/same_day_ic01.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-background-size: 44px 44px;
					background-size: 44px 44px;
	content: "";
}
#eposcard .sd-flowSection02[class*="sd-flow"] { background-image: none; }
#eposcard .sd-flowSection02.sd-flow01:before { background-image: url(/eposcard/img-files/same_day_ic01.png); }
#eposcard .sd-flowSection02.sd-flow02:before { background-image: url(/eposcard/img-files/same_day_ic02.png); }
#eposcard .sd-flowSection02.sd-flow02:after {display: none; }
#eposcard .sd-flowSection02.sd-flow03:before { background-image: url(/eposcard/img-files/same_day_ic03.png); }

#eposcard .sd-flowHead02 {
	margin-bottom: 15px;
	padding-left: 40px;
	font-size: 18px;
	font-size: 1.8rem;
}
#eposcard .sd-flowSection02.sd-flow01 .sd-flowHead02 {
	margin-bottom: 15px;
}
#eposcard .sd-applySection {
	display: block;
}
#eposcard .sd-applySection + .sd-applySection {
	margin-top: 30px;
}
#eposcard .sd-applySection .sd-applyHead01 {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	background: #ffebeb;
	font-size: 16px;
	font-size: 1.6rem;
}
#eposcard .sd-applySection .sd-applyHead01 > span {
	font-size: 20px;
	font-size: 2.0rem;
}
#eposcard .sd-applySection .sd-applyDetail {
	display: block;
	width: 100%;
	padding-left: 0;
}
#eposcard .sd-applySection .sd-applyDetail .sd-applyDetailCol,
#eposcard .sd-applySection .sd-applyDetail .sd-applyDetailCol.spOnly + .sd-applyDetailCol {
	position: relative;
	width: 100%;
	float: none;
	text-align: center;
}
#eposcard .sd-applySection .sd-applyDetail .sd-applyDetailCol + .sd-applyDetailCol {
	width: 100%;
	margin-left: 0;
	margin-top: 60px;
}
#eposcard .sd-applySection .sd-applyDetail .sd-applyDetailCol + .sd-applyDetailCol:after,
#eposcard .sd-applySection .sd-applyDetail .sd-applyDetailCol.spOnly + .sd-applyDetailCol:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: -35px;
	left: 50%;
	margin-left: -30px;
	margin-top: 0;
	border-top: 20px solid #cab287;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: none;
}
#eposcard .sd-applySection .sd-applyDetail .sd-applyLead {
	margin-bottom: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}
#eposcard .sd-applySection .sd-applyDetail .sd-appliLogo {
	display: block;
	margin-top: 15px;
	text-align: left;
}
#eposcard .sd-applySection .sd-applyDetail .sd-logo,
#eposcard .sd-applySection .sd-applyDetail .sd-appliLogo > p {
	display: inline-block;
	vertical-align: middle;
}
#eposcard .sd-applySection .sd-applyDetail .sd-logo {
	width: 61px;
}
#eposcard .sd-applySection .sd-applyDetail .sd-appliLogo > p {
	width: auto;
	padding-left: 10px;
}

#eposcard .sd-cardcenterCol01 {
}
#eposcard .sd-cardcenterCol01 .sd-colL,
#eposcard .sd-cardcenterCol01 .sd-colR {
	width: 100%;
	float: none;
}
#eposcard .sd-cardcenterCol02 {
	display: table;
	width: 100%;
	text-align: center;
}
#eposcard .sd-cardcenterDesc {
	position: relative;
	display: inline-block;
	min-height: 50px;
	padding-left: 50px;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: left;
}
#eposcard .sd-cardcenterDesc dt {
	margin-bottom: 5px;
	font-size: 13px;
	font-size: 1.3rem;
}
#eposcard .sd-cardcenterDesc dd > figure {
	position: absolute;
	top: 0.1em;
	left: 0;
	width: 40px;
	margin: 0;
}
#eposcard .sd-cardcenterCol02 .sd-orText {
	margin: 15px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
#eposcard .sd-cardcenterSection {
	margin-top: 25px;
	padding: 10px;
}
#eposcard .sd-cardcenterSection > *:first-child {
	margin-top: 0 !important;
}
#eposcard .sd-cardcenterSection:after {
	top: -20px;
	left: 50%;
	margin-left: -25px;
	border-bottom: 20px solid #ffebeb;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: none;
}
#eposcard .sd-cardcenterSection .figureCol .txt {
	margin-top: 0;
}
#eposcard .sd-cardcenterSection .btnLink01 a {
	font-size: 14px;
	font-size: 1.4rem;
}


/* 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); }

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


}