@charset "utf-8";
#contents {
	background-color: #fff;
	padding: 0;
	color: #333333;
	text-align: center;
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.02em;
}
#contents * {
	box-sizing: border-box;
}
#contents .inner {
	overflow: hidden;
}
#contents a {
	color: #0099cc;
	text-decoration: underline;
}
#contents a:hover {
	opacity: 0.7;
}
ul li {
	list-style: none;
}
.display-sps {
	display: none;
}
.display-sp {
	display: none;
}
.display-pc {
	display: block;
}
.center {
	text-align: center;
}
.maT10 {
	margin-top: 10px;
}
.maT0 {
	margin-top: 0!important;
}
.maT-6 {
	margin-top: -6px!important;
}
.maT16 {
	margin-top: 16px!important;
}
.maL16 {
	margin-left: 16px!important;
}
.maL-16 {
	margin-left: -16px!important;
}
.paT10 {
	padding-top: 10px;
}

.end_txt {
	padding: 45px 0 0;
	font-weight: bold;
	color: #FF0004;
	font-size: 180%;
	text-align: center;
}
.red {
	color: #ff0000!important;
}
.bold {
	font-weight: bold;
}

/*終了対応*/
#contents .btn_close {
	pointer-events: none;
	position: relative;
}
#contents .btn_close::before {
	content:none;
}
#contents .btn_close::after {
	content:"※本キャンペーンは終了しました";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 105%;
	height: 110%;
	background-color: rgba(0,0,0,0.7);
	margin: 0 auto;
	z-index: 10;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
}
.btn_close_mt {
	margin: 10px 0;
}


/* ========== ぱんくず =============== */
.breadcrumb {
	flex-wrap: nowrap;
	white-space: nowrap;
	overflow-x: auto;
}
.breadcrumb::-webkit-scrollbar {
	display: none;
}


/* ============== 全体、box =================== */
.content-wrap {
	background: #fff;
	padding-bottom: 60px;
}
.ly-block {
	width: calc(100% - 150px);
	max-width: 970px;
	text-align: center;
	overflow: hidden;
	margin: 60px auto;
	background-color: #FFFFD6;
	border: 3px solid #111;
	box-sizing: border-box;
	border-radius: 15px;
	padding: 45px 25px;
	position: relative;
}
/* 各コンテンツ背景の黄色い丸 */
.bis {
	position: absolute;
	display: block;
	width: 20px;
}
.bis-t {
	top: 10px;
}
.bis-r {
	right: 10px;
}
.bis-l {
	left: 10px;
}
.bis-b {
	bottom: 10px;
}
/* 各コンテンツ見出し */
.content_ttl {
	max-width: 620px;
	width: 100%;
	margin: 0 auto 30px;
}
.note-txt {
	text-align: left;
	margin-top: 8px;
	padding-left: 1em;
	text-indent: -1em;
	color: #999;
	font-size: 16px;
}


/* ============== MV =================== */
.mv_img {
	width: 100%;
	margin: 0 auto;
	background-image: url(https://pntc.sslcs.cdngc.net/cdn/campaign/ranktap_2607/img/bg.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.date {
	font-size: 0;
	background-color: #111;
	padding: 12px 12px 8px;
	text-align: center;
}
.date img {
	width: 100%;
	max-width: 590px;
}


/* =============キャンペーン概要================*/
.overview .content_ttl {
	margin-bottom: 20px;
}
.overview .ly-block  {
	padding: 45px 20px;
}
.overview_lead {
	text-align: left;
	max-width: 820px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	padding: 35px 20px;
	border-radius: 10px;
}
.overview_lead ul {
	max-width: 670px;
	margin: 0 auto;
}
.overview_lead ul li {
	text-indent: -1.7em;
	padding-left: 1.7em;
}
.overview_lead ul li:nth-child(3),
.overview_lead ul li:nth-child(4) {
	margin-left: -0.3em;
	text-indent: initial;
}
.overview_lead_point {
	margin-top: 5px;
}
.overview_lead_point img {
	vertical-align: middle;
	margin-right: 3px;
	margin-left: -3px;
}
.overview_lead_point span {
	border-bottom: 2px dashed #333;	
}


/* =================ボタン================== */
/* 追従ボタン */
#js-fixedcta {
	display: none;
}
.js-fixedcta {
	position: fixed;
	bottom: -1px;
	width: 100%;
	z-index: 999;
	background-color:rgba(0,0,0,0.7);
	padding: 8px 15px;
}
.js-fixedcta .btn-fix {
	margin: 0 auto;
}
.js-fixedcta_inner {
	max-width: 630px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.js-fixedcta_txt {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.05em;
}
.btn-fix picture {
	margin: 5px 15px 0;
}
.js-fixedcta_txt:before,
.js-fixedcta_txt:after {
	content: "";
	display: inline-block;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 14px;
	vertical-align: middle;
}
.js-fixedcta_txt:before {
	background-image: url(https://pntc.sslcs.cdngc.net/cdn/campaign/ranktap_2607/img/icon_left_wh.png);
	margin-right: 5px;
}
.js-fixedcta_txt:after {
	background-image: url(https://pntc.sslcs.cdngc.net/cdn/campaign/ranktap_2607/img/icon_right_wh.png);
	margin-left: 5px;
}
.jsc-entryBtn {
	cursor: pointer;
}


/* =============選べる2つの特典コース================*/
.course .ly-block,
.offer .ly-block {
	padding: 50px 20px 60px;
}
.course_wrap,
.offer_wrap {
	position: relative;
	max-width: 820px;
	width: 100%;
	margin: 100px auto 0;
	display: flex;
	justify-content: center;
}
.course_wrap ul,
.offer_wrap ul {
	position: relative;
	width: 100%;
}
.course_list_goods,
.offer_list_goods {
	background-color: #FF9D00;
	padding: 25px 20px 55px;
	border-radius: 10px 0 0 10px;
}
.course_item_ttl picture {
	max-width: 350px;
	width: 100%;
	margin: 0 auto;
}
.course_list_point,
.offer_list_point {
	background-color: #47C6FF;
	padding: 25px 20px 55px;
	border-radius: 0 10px 10px 0;
}
.course_top,
.offer_top {
	position: absolute;
	top: -69px;
	left: 50%;
	transform: translateX(-50%);
}
.course_item_txt,
.offer_item_txt {
	color: #fff;
	font-size: 20px;
	margin-top: 20px;
	font-weight: bold;
}
.course_item_btn .btn_copy {
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	color: #111;
}
.btn_copy_br_rp {
	display: none;
}
.course_item_btn .btn_copy:before,
.course_item_btn .btn_copy:after {
	content: "";
	display: inline-block;
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	width: 18px;
	height: 13px;
}
.course_item_btn .btn_copy:before {
	background-image: url(https://pntc.sslcs.cdngc.net/cdn/campaign/ranktap_2607/img/icon_left.png);
}
.course_item_btn .btn_copy:after {
	background-image: url(https://pntc.sslcs.cdngc.net/cdn/campaign/ranktap_2607/img/icon_right.png);
}
@media screen and (min-width: 768px) and (max-width: 920px) {
	.btn_copy_br_rp {
		display: block;
	}
	.course_item_btn p:nth-child(1) {
		display: none;
	}
	.course_item_btn p:nth-child(2) {
		margin-bottom: -24px;
	}
	.course_item_btn p:nth-child(2):before,
	.course_item_btn p:nth-child(2):after {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 820px) {
	.course_item_txt br {
		display: none;
	}
}
.course_item_btn {
	max-width: 350px;
	width: 100%;
	margin: 0 auto;
}
.course_item_link {
	margin-top: 20px;
}
.course_item_link a {
	color: #fff!important;
	font-size: 16px;
	font-weight: bold;
}
.course_item_img-ponta {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -32px;
	max-width: 382px;
	width: 100%;
	margin: 0 auto;
}
.course_list_att,
.offer_list_att {
	max-width: 820px;
	width: 100%;
	margin: 60px auto 0;
	font-size: 16px;
}
.course_list_att li:nth-child(2),
.offer_list_att li:nth-child(2) {
	margin-top: -0.1em;
}
.course_list_att li:nth-child(3),
.offer_list_att li:nth-child(3) {
	text-align: left;
}
.course_list_att li:nth-child(4),
.offer_list_att li:nth-child(4) {
	margin-top: -0.1em;
}


/* =============参加方法================*/
.howto .ly-block {
	padding: 80px 20px 60px;
}
.howto_list {
	margin-top: 30px;
}
.howto_item {
	position: relative;
	max-width: 640px;
	width: 100%;
	margin: 0 auto 30px;
	background: #fff;
	border-radius: 10px;
	padding: 40px 20px 45px;
}
.howto_item_icon {
	max-width: 120px;
	position: absolute;
	top: 0;
}
@media screen and (min-width: 768px) and (max-width: 825px) {
	.howto_item_icon {
	max-width: 100px;
}
}
.howto_item_ttl {
	max-width: 360px;
	width: 100%;
	margin: 0 auto;
}
.howto_item .howto_item_img {
	max-width: 420px;
	width: 100%;
	margin: 30px auto;
}
.howto_item_btn {
	max-width: 370px;
	width: 100%;
	margin: 30px auto 0;
	border: 3px solid #47C6FF;
	border-radius: 50px;
	position: relative;
	background-color: #fff;
}
.howto_item_btn a {
	display: inline-block;
	border-radius: 50px;
	text-decoration: none!important;
	width: 370px;
	padding: 13px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #47C6FF!important;
}
.howto_item_btn_bottom:after {
	content: "";
	display: inline-block;
	background-image: url(https://pntc.sslcs.cdngc.net/cdn/campaign/ranktap_2607/img/icon_subbtn_bottom.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: -11px;
	left: 50%;
	transform: translateX(-50%);
}
.howto_item_btn_right a:after {
	content: "";
	display: inline-block;
	background-image: url(https://pntc.sslcs.cdngc.net/cdn/campaign/ranktap_2607/img/icon_subbtn_right.png);
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 15px;
	bottom: 18px;
}
.howto_item_btn.howto_item_btn_right a {
	padding-right: 20px;
}
 .howto_item_att {
	max-width: 520px;
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
 }
 .howto_item_att .note-txt {
	margin-top: 0;
 }
 .step1 .howto_item_img {
	max-width: 420px;
	width: 100%;
	margin: 30px auto 0;
 }
 .step2 .howto_item_att li:nth-child(2) {
	margin-top: 5px;
 }
.step2 .lead_item_img {
	max-width: 420px;
	width: 100%;
	margin: 0 auto;
}
.howto_item.step3 {
	background-image: url(https://pntc.sslcs.cdngc.net/cdn/campaign/ranktap_2607/img/bg_arrow_pc.png);
	background-repeat: no-repeat;
	background-position: left 80px;
	background-size: contain;
	margin-bottom: 0;
}
 .step3 {
	background-color: #E3F6FF;
	position: relative;
 }
 .step3 .howto_item_icon {
	position: initial;
	max-width: 253px;
	width: 100%;
	margin: 0 auto;
 }
 .howto_item_ponta {
	position: absolute;
	right: 20px;
	top: 80px;
 }
 @media screen and (min-width: 768px) and (max-width: 830px) {
 .howto_item_ponta {
	position: absolute;
	right: 20px;
	top: 30px;
 } 
}
 .step3 .howto_item_ttl {
	max-width: 360px;
	width: 100%;
	margin: 30px auto 0;
 }
 .step3 .howto_item_txtcontent {
	margin-top: 30px;
 }
 .howto_item_txt_emphasis {
	font-weight: bold;
	font-size: 20px;
	margin-top: 30px;
 }
 .howto_item_txt_emphasis span {
	color: #ff0000;
	font-size: 26px;
 }
.step3 .howto_item_img {
	background-color: #fff;
	padding: 10px 20px 20px;
	border-radius: 5px;
	max-width: 520px;
	width: 100%;
	margin-bottom: 10px;
}
.step3 .howto_item_img .lead_item_img {
	max-width: 304px;
	margin: 0 auto;
}
.step3 .howto_item_att span {
	color: #ff0000;
}


/* =============特典内容================ */
.offer_item_content {
	background-color: #fff;
	margin-top: 20px;
	padding: 30px 15px;
	border-radius: 5px;
}
.offer_item_content_img {
	margin-top: 20px;
}
.offer_item_content .btn.btn_goods picture {
	margin-top: 20px;
}
.offer_item_content .btn.btn_goods picture,
.offer_item_content .btn.btn_point picture {
	max-width: 350px;
}
.offer_item_content .btn.btn_point picture {
	margin: 32px auto 85px;
}
@media screen and (min-width: 768px) and (max-width: 970px){
	.offer_wrap {
		flex-direction: column;
	}
	.offer_list_goods,
	.offer_list_point {
		border-radius: 8px;
	}
	.offer_list_point {
		margin-top: 100px;
	}
	.offer_item_content .btn.btn_point picture {
		margin: 20px auto 0;
	}
}
.offer_list_goods,
.offer_list_point {
	padding-bottom: 30px;
}
.offer_list_point .offer_item_content picture:nth-child(2) {
	margin-top: 20px;
}
.offer_item_1st picture {
	max-width: 380px;
	width: 100%;
	margin: 0 auto;
}
.offer_item_content_img,
.offer_item_content picture  {
	max-width: 350px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.offer_list_both {
	background-color: #E3F6FF;
	max-width: 820px;
	width: 100%;
	margin: 30px auto 0;
	padding: 40px 20px 85px;
	border-radius: 10px;
	content: "";
	display: inline-block;
	background-size: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
}
@media screen and (min-width: 500px) {
	.offer_list_both {
		background-image: url(https://pntc.sslcs.cdngc.net/cdn/campaign/ranktap_2607/img/offer_bg_pc.png);
	}
}
.offer_list_both .offer_item_ttl {
	max-width: 630px;
	width: 100%;
	margin: 0 auto;
}
.offer_item_2nd3rd {
	background-color: #fff;
	max-width: 640px;
	width: 100%;
	margin: 30px auto 0;
	border-radius: 5px;
	padding: 20px 20px 30px;
}
.offer_item_2nd_list, 
.offer_item_3rd_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}
.offer_item_2nd_item_img,
.offer_item_3rd_item_img {
	width: 55px;
}
.offer_item_2nd_list {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.offer_item_3rd_list {
	padding-top: 5px;
}
.offer_item_2nd3rd .list_item_point,
.offer_item_2nd3rd .list_item_number {
	padding-top: 16px;
	font-weight: bold;
	vertical-align: middle;
}
.offer_item_2nd3rd .list_item_point span,
.offer_item_2nd3rd .list_item_number span {
	color: #ff9123;
	font-size: 26px;
	margin-right: 3px;
}
.offer_item_3rd_att {
	max-width: 640px;
	width: 100%;
	margin: 15px auto 0;
	text-align: left;
}
.offer_item_3rd_att .note-txt {
	margin-top: 3px;
}
.offer_list_att {
	max-width: 820px;
	width: 100%;
	margin: 30px auto 0;
	font-size: 16px;
}


/* =============おトクな機会にPontaランクをチェックしよう================*/
.rankcheck .ly-block {
	padding: 80px 20px 60px;
}
.rankcheck_list .about_list,
.rankcheck_item_app .app_list {
	background-color: #E3F6FF;
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	padding: 30px 20px 35px;
	border-radius: 10px;
}
.about_item_ttl {
	max-width: 460px;
	width: 100%;
	margin: 0 auto;
}
.about_item_img {
	max-width: 380px;
	width: 100%;
	margin: 20px auto 0;
}
.about_txt {
	max-width: 520px;
	margin: 20px auto 0;
	width: 100%;
	text-align: left;
}
.rankcheck_item_app .app_list {
	background-color: #fff;
	margin-top: 30px;
}
.app_txt {
	margin-top: 20px;
}
.app_item_img picture {
	margin-top: 20px;
}
.app_item_img p img {
	margin: 10px auto 0;
}
.app_att {
	text-align: left;
	max-width: 520px;
	margin: 20px auto 0;
	width: 100%;
	font-size: 16px;
}


/* ============== キャンペーン概要 =================== */
.att.ly-block {
	padding: 80px 20px 60px;
}
.att {
	margin: 60px auto 0;
	text-align: left;
	line-height: 1.7;
	background-color: #fff;
}
.att_list {
	max-width: 820px;
	width: 100%;
	margin: 0 auto;
}
.att_item {
	font-size: 16px;
	line-height: 1.6;
}
.att_item_list {
	padding-left: 16px;
}
.att .content_ttl {
	text-align: center;
	color: #111;
	font-size: 28px;
}
.att_list.ly-block_inner {
	margin: 45px auto;
}
.att_item + .att_item {
	margin-top: 30px;
}
.att_item_ttl{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding-left: 1.5em;
	line-height: 1.3; 
}
/*「●」タイプのリスト用*/
.att_item_ttl::before {
	content: "";
	display: block;
	position: absolute;
	background-color: #111;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	left: 0;
	top: 2px;
}
.att_item_img {
	text-align: center;
}
.att_item_inner p {
	margin-top: 10px;
}
.att_item_inner p + p {
	margin-top: 0;
}
.att_item_img img {
	margin: 20px auto;
}
.att_list-style {
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
}
.att_list-style li > ul, .att_list-style li > ol,
.att_list-style .att_small-unit {
	margin-left: 1em;
	margin-bottom: 5px;
}
.att_small-unit {
	margin: 5px auto 10px;
}
.att_small-unit dt {
	font-weight: bold;
}
.att_list-style .att_small-unit {
	text-indent: 0;
}
.att_list-s {
	margin-left: 18px;
}


/* ================= その他 ====================== */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.fl-l {
	float: left;
}
.fl-r {
	float: right;
}
.mT10 {
	margin-top: 10px;
}
.mT20 {
	margin-top: 20px;
}
.mT25 {
	margin-top: 25px;
}
.mT30 {
	margin-top: 30px;
}


/* ================= PC小～SP ====================== */
@media screen and (max-width: 767px) {
	.display-pc {
		display: none;
	}
	.display-sp {
		display: block;
	}
	.display-sps {
		display: none;
	}
	.end_txt {
		margin-top: 30px;
		font-size: 150%;
		padding: 0;
	}
	.maT16 {
		margin-top: 10px!important;
	}
	.maL16 {
    	margin-left: 0px!important;
    	padding-left: 0;
    	text-indent: 0;
	}
	.att_item_list {
        padding-left: 1em;
        text-indent: -1em;
        margin-left: 16px;
    }

	/*終了対応*/
	#contents .btn_close::after {
		font-size: 1.8rem;
	}
	#contents .entry .btn_close::after {
		width: 95%;
	}


	/* ========== 全体、box =============== */
	#contents {
		font-size: 16px;
		line-height: 1.6;
		letter-spacing: 0.03em;
	}
	.content-wrap {
		padding-bottom: 30px;
	}
	.ly-block {
		margin-top: 0;
		margin-bottom: 30px;
		padding: 25px 15px 45px;
		width: 100%;
		border-radius: 0;
		border: 2px solid #111;
		border-right: none;
		border-left: none;
	}
	.content_ttl {
		max-width: 280px;
		margin-bottom: 20px;
	}
	.note-txt {
		font-size: 14px;
		margin-top: 5px;
	}
	.bis {
		width: 16px;
	}


	/* ========= キャンペーン概要 ========== */
	.date {
		padding: 6px 10px;
	}
	/* ========= キャンペーン概要 ========== */
	.overview_inner {
		margin-top: 30px;
	}
	.overview .ly-block {
		padding: 35px 15px;
	}
	.overview_lead {
		border-radius: 8px;
		padding: 25px 15px;
	}
	.overview_lead ul li {
		text-indent: -1.3em;
		padding-left: 1.3em;
	}
	.overview_lead ul li:nth-child(3),
	.overview_lead ul li:nth-child(4) {
		margin-left: 0;
		text-indent: initial;
	}
	.overview_lead_point img {
		width: 17px;
	}
	.overview_lead_point span {
		border-bottom: 1px dashed #333;	
	}
	

	/* =================ボタン================== */
	.js-fixedcta {
		padding: 5px 10px;
	}
	.js-fixedcta_txt {
		font-size: 14px;
	}
	.js-fixedcta_txt:before {
		margin-right: 3px;
	}
	.js-fixedcta_txt:after {
		margin-left: 3px;
	}
	.btn-fix picture {
		margin: 3px auto 0;
	}
	.btn-fix-goods picture {
		margin-right: 4px;
	}
	.btn-fix-point picture {
		margin-left: 4px;
	}


	/* ========= 選べる2つの特典コース ========== */
	.course_wrap {
		flex-direction: column;
	}
	.course_wrap,
	.course_wrap {
		margin-top: 76px;
	}
	.course .ly-block,
	.offer .ly-block {
		padding: 30px 15px 40px;
	}
	.course_top,
	.offer_top {
		max-width: 112px;
		top: -55px;
	}
	.course_list_goods,
	.offer_list_goods {
		padding: 20px 15px 30px;
		border-radius: 8px;
	}
	.course_list_point,
	.offer_list_point {
		padding: 20px 15px 30px;
		border-radius: 8px;
		margin-top: 75px;
	}
	.course_item_txt,
	.offer_item_txt {
		font-size: 16px;
	}
	.course_item_btn .btn_copy {
		font-size: 14px;
	}
	rp {
		display: none;
	}
	.course_item_link a {
		font-size: 14px;
	}
	.course_item_img-ponta {
		width: 100%;
		position: initial;
		transform: initial;
		margin-top: 20px;
	}
	.course_list_att {
		margin-top: 20px;
	}
	.course_list_att,
	.offer_list_att {
		font-size: 14px;
	}


	/* =============キャンペーン参加方法================*/
	.howto .ly-block {
		padding: 35px 15px 40px;
	}
	.howto_list {
		margin-top: 20px;
	}
	.howto_item_ttl {
		font-size: 14px;
	}
	.howto_item {
		padding: 65px 15px 30px;
		border-radius: 8px;
		margin-bottom: 20px;
	}
	.howto_item_icon {
		left: 50%;
		transform: translateX(-50%);
		max-width: 113px;
	}
	.howto_item_ttl {
		max-width: 263px;
		width: 100%;
	}
	.step1 .lead_item_img {
		max-width: 300px;
		margin: 0 auto;
		width: 100%;
	}
	.step2 .lead_item_img,
	.step3 .lead_item_img {
		max-width: 263px;
		margin: 0 auto;
	}
	.howto_item.step2 .howto_item_img {
		margin: 20px auto;
	}
	.howto_item_btn {
		width: 100%;
		margin-top: 20px;
	}
	.howto_item_btn a  {
		width: 100%;
		padding: 12px 0;
	}
	.howto_item_btn a.btn-benefits {
		font-size: 16px;
	}
	.howto_item_btn a.btn-column {
		font-size: 14px;
		padding: 13px 0;
	}
	.howto_item_btn_right a:after {
		bottom: 14px;
	}
	.howto_item_btn.howto_item_btn_right a {
		padding-right: 8px;
	}
	.howto_item.step3 {
		padding: 30px 15px;
	}
	.step3 .howto_item_icon {
		max-width: 173px;
		position: initial;
		transform: initial;
	} 
	.step3 .howto_item_ttl {
		margin-top: 20px;
	}
	.step3 .howto_item_txtcontent {
		margin-top: 20px;
	}
	.howto_item_txt_emphasis {
		font-size: 18px;
		margin-top: 20px;
	}
	.howto_item_txt_emphasis span {
		font-size: 24px;
	}
	.step3 .howto_item_img {
		padding: 10px 20px 15px;
		margin-top: 20px;
	}
	.step3 .howto_item_img .lead_item_img {
		max-width: 234px;
		margin: 0 auto;
	}
	.howto_item.step3 {
		background-image: url(https://pntc.sslcs.cdngc.net/cdn/campaign/ranktap_2607/img/bg_arrow_sp.png);
		background-repeat: no-repeat;
		background-position: left 100px;
		background-size: contain;
	}


	/* ============== 特典内容 =================== */
	.offer_wrap {
		margin-top: 75px;
		flex-direction: column;
	}
	.offer_list_goods,
	.offer_list_point {
		padding: 20px 15px 25px;
	}
	.offer_item_ttl picture {
		max-width: 315px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.offer_item_content {
		margin-top: 15px;
		padding: 25px 15px;
	}
	.offer_item_content p {
		letter-spacing: 0;
	}
	.offer_item_content .btn.btn_point picture {
		margin-top: 20px;
		margin-bottom: 0;
	}
	.offer_list_both {
		margin-top: 20px;
		padding: 30px 15px 65px;
	}
	.offer_item_2nd3rd {
		margin-top: 20px;
		padding: 8px 20px 12px;
	}
	.offer_item_2nd_item_img img,
	.offer_item_3rd_item_img img {
		width: 40px;
	}
	.offer_item_2nd_item_img picture,
	.offer_item_3rd_item_img picture {
		text-align: left;
	}
	.offer_item_2nd3rd .list_item_point,
	.offer_item_2nd3rd .list_item_number {
		font-size: 11px;
	}
	.offer_item_2nd3rd .list_item_point:nth-child(3) {
		margin-right: 0px;
	}
	.offer_item_2nd3rd .list_item_point span,
	.offer_item_2nd3rd .list_item_number span {
		font-size: 22px;
	}
	.offer_item_2nd3rd .list_item_point span.original {
		display: inline-block;
		color: #333;
		font-size: 12px;
		text-align: left;
		line-height: 1;
	}
	.offer_item_2nd_list {
		padding-bottom: 8px;
	}
	.offer_item_3rd_list {
		padding-top: 3px;
	}
	.offer_list_att {
		margin-top: 10px;
	}
	.offer_item_3rd_att {
		margin-top: 20px;
	}


	/* ============== おトクな機会にPontaランクをチェックしよう =================== */
	.rankcheck .ly-block {
		padding: 35px 15px 40px;
	}
	.rankcheck .about_list {
		border-radius: 8px;
		padding: 20px 15px 25px;
	}
	.about_item_img {
		max-width: 285px;
		width: 100%;
		margin: 20px auto 0;
	}
	.about_item_ttl {
		max-width: 263px;
		width: 100%;
	}
	.rankcheck_item_app .app_list {
		margin-top: 20px;
	}
	.app_item_img {
		max-width: 200px;
		width: 100%;
		margin: 0 auto;
	}
	.app_item_ttl {
		max-width: 285px;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.store_btn img {
		max-width: 200px;
		width: 100%;
		margin: 10px auto 0;
	}
	.rankcheck_item_app .app_list {
		padding: 20px 15px 25px;
		border-radius: 8px;
	}
	.app_att {
		font-size: 14px;
	}


	/* ============== att =================== */
	.att {
		margin: 30px auto 0;
	}
	.att.ly-block {
		padding: 35px 30px 40px;
	}
	.att .content_ttl {
		margin-bottom: 25px;
		font-size: 22px;
	}
	.att_list.ly-block_inner {
		margin: 30px 20px;
	}
	.att_list {
		width: calc(100% - 40px);
		width: 100%;
	}
	.att_item + .att_item {
		margin-top: 8%;
	}
	.att_item_ttl{
		padding-left: 1.5em;
		margin-bottom: 10px;
	}
	.att_item_inner p, .att_list-style {
		margin-top: 5px;
	}
	.att ol {
    margin-left: 1em;
    margin-bottom: 5px;
	padding-left: 0.6em;
    text-indent: -1.4em;
	}
	.att_list-s {
		font-size: 14px;
		margin-left: 16px;
	}
}


/* ================= SP小 ====================== */
@media screen and (max-width: 499px) {
	.offer_list_both {
		background-image: url(https://pntc.sslcs.cdngc.net/cdn/campaign/ranktap_2607/img/offer_bg_sp.png);
		padding-bottom: 80px;
	}
}
@media screen and (max-width: 365px) {
	.display-sps {
		display: block;
	}
		.offer_item_2nd3rd {
		margin-top: 20px;
		padding: 8px 15px 12px;
	}
		.offer_item_2nd3rd .list_item_point span,
	.offer_item_2nd3rd .list_item_number span {
		font-size: 16px;
	}
.offer_item_2nd3rd .list_item_point span.original {
	font-size: 10px;
}
		.offer_item_2nd_item_img img,
	.offer_item_3rd_item_img img {
		width: 35px;
	}
	.offer_item_2nd_item_img,
	.offer_item_3rd_item_img {
		width: 35px;
	}
	    .offer_list_both {
        padding-bottom: 55px;
    }
	    .howto_item_btn a.btn-column {
        font-size: 14px;
        padding: 8px 0;
        line-height: 1.3;
    }
}
@media screen and (max-width: 345px) {
	.btn_copy_br_rp {
		display: block;
	}
	.course_item_btn p:nth-child(1) {
		display: none;
	}
	.course_item_btn p:nth-child(2) {
		margin-bottom: -24px;
	}
	.course_item_btn p:nth-child(2):before,
	.course_item_btn p:nth-child(2):after {
		display: none;
	}
}