@charset "utf-8";
/* ==================== */
/* SH User CSS */
.lp_box1 > div > div { padding:10px 0 10px; min-height:180px; position:relative; border-top:#EEE solid 1px; }
.lp_box1 h4,
.lp_box1 h3,
.lp_box1 h2 { margin:0 auto; max-width:420px; font-weight:900; text-align:center; padding:0; letter-spacing:0.05em; position:relative; z-index:10; }
.lp_box1 h4 span,
.lp_box1 h3 span,
.lp_box1 h2 span { display:inline-block; }
.lp_box1 h3 ,
.lp_box1 h2 { font-size:18px; line-height:30px; }
.lp_box1 h4 { font-size:12px; line-height:20px; }
.lp_box1 h3 b,
.lp_box1 h2 b { font-size:22px; font-weight:900; margin:0 0.1em; }
	.df .lp_box1 > div > div { padding:20px 10px 10px; }
	.df .lp_box1 h4,
	.df .lp_box1 h3,
	.df .lp_box1 h2 { max-width:800px; letter-spacing:0.1em; }
	.df .lp_box1 h3 ,
	.df .lp_box1 h2 { font-size:30px; line-height:50px; }
	.df .lp_box1 h4 { font-size:18px; line-height:30px; }
	.df .lp_box1 h3 b,
	.df .lp_box1 h2 b { font-size:40px; }

.lp_box1 .info_wrap { text-align:center; }
.lp_box1 .info_wrap > div { position:relative; text-align:left; }
.lp_box1 .info_wrap .char { background-size:cover !important; }

/* Link */
.lp_link { background:#E3E3E9; border-top:#EEE solid 1px; }
.lp_link > div { background:url(/v5/img/bg/bg_sln1_wht1_op50.png) repeat top left; text-align:center; padding:15px 0; }
.lp_link a { display:inline-block; padding:0.5em 1em 0.4em; font-size:22px; color:#FFF; background:linear-gradient(#3C0, #060); border-radius:10px; line-height:1.4em; }	/*#C03, #900*/
.lp_link a:hover { opacity:0.8; }
.lp_link a b { font-weight:900; }
	.df .lp_link > div { padding:15px; }
	.df .lp_link a { font-size:32px; }

/* Top */
#lp_top1 { background:linear-gradient(#C00, #900); }
#lp_top1 > div { background:url(/v5/img/lp/lp1_top1_bg1.png) no-repeat bottom left; background-size:cover; }
#lp_top1 > div > div { padding:0; background:url(/v5/img/bg/bg_hed_layer_2.png) repeat top center; }
#lp_top1 h2 { margin-top:5px; color:#FFF; text-shadow:2px 0 8px #600; }
#lp_top1 h2 b { color:#FFE; }
#lp_top1 h4 { margin:15px auto 0; color:#FFC; }
#lp_top1 h4 b { color:#FF3; border-bottom:#FF3 solid 1px; }
#lp_top1 .info1 { z-index:2; }
#lp_top1 .info1 ul { display:block; background:url(/v5/img/lp/lp1_top1_img1.png) no-repeat center center; background-size:contain !important; position:relative; }
#lp_top1 .info1 li { position:absolute; width:100%; text-align:center; color:#FEF; font-size:13px; line-height:1.4em; letter-spacing:0.1em; font-weight:600; text-shadow:2px 0 6px #600; }
#lp_top1 .info1 li > div { margin:0 auto; display:inline-block; padding:4px 20px; border-radius:30px; background:rgba(0, 0, 0, 0.25); }
#lp_top1 .info1 li.txt1 { top:5%; }
#lp_top1 .info1 li.txt2 { bottom:5%; }
#lp_top1 .info2 { z-index:1; background:url(/v5/img/lp/lp1_top1_img2.png) no-repeat bottom left; }
#lp_top1 .info2 ul li.txt1 { background:url(/v5/img/lp/lp1_top1_img2_txt1.png) no-repeat top left; }
#lp_top1 .info2 ul li.txt2 { background:url(/v5/img/lp/lp1_top1_img2_txt2.png) no-repeat top left; }
	.sp #lp_top1 > div { background:url(/v5/img/lp/lp1_top1_bg1.png) no-repeat left -150px bottom; background-size:cover !important; }
	.sp #lp_top1 > div > div { background-size:cover !important; }
	.sp #lp_top1 .info1 { margin-top:0; }
	.sp #lp_top1 .info1 ul { margin:0 auto; width:320px; height:150px; }
	.sp #lp_top1 .info2 { margin-top:-50px; width:100%; height:150px; padding-top:1px; background-size:contain; }
	.sp #lp_top1 .info2 ul { margin:60px auto 0; width:100%; max-width:300px; position:relative; padding-left:15px; }
	.sp #lp_top1 .info2 ul li { padding-bottom:13%; background-position:center center;  background-size:contain; }
	.df #lp_top1 > div > div { min-height:320px; }
	.df #lp_top1 .info1 { position:absolute; right:30px; bottom:5px; }
	.df #lp_top1 .info1 ul { width:420px; height:190px; }
	.df #lp_top1 .info1 li { font-size:16px; }
	.df #lp_top1 .info1 li.txt1 { top:10%; }
	.df #lp_top1 .info1 li.txt2 { bottom:10%; }
	.df #lp_top1 .info2 { position:absolute; width:540px; height:210px; left:0; bottom:0; }
	.df #lp_top1 .info2 ul { margin:80px 0 0 40px; }
	.df #lp_top1 .info2 ul li { height:50px; }

/* HOME */
.home #lp_top1 .info2 li.regist { padding-top:10px; text-align:center; }
.home #lp_top1 .info2 li.regist a { display:inline-block; padding:0.3em 1em 0.2em; font-size:18px; color:#FFF; background:linear-gradient(#3C0, #060); border:#FFF solid 2px; border-radius:10px; line-height:1.4em; }
.home #lp_top1 .info2 li.regist a:hover { opacity:0.9; }
.home #lp_top1 .info2 li.regist a b { font-weight:900; }
.home #lp_top1 .info2 li.regist a b:before { display:block; content:'＼ 早速ポイントを貯めよう ／'; font-size:12px; text-align:center; line-height:1.2em; padding:2px 0 4px; color:#FF9; }
	.sp .home #lp_top1 > div { background-position:center bottom; }
	.sp .home #lp_top1 .info1 { display:none; }
	.sp .home #lp_top1 .info2 ul { max-width:340px; }
	.sp .home #lp_top1 .info2 ul:after {
		content:''; display:block; position:absolute; top:-45px; right:0; width:120px; height:130px; background:url(/v5/img/char/char_01_s240_p1.png) no-repeat; background-size:cover !important; 
	}
	.df .home #lp_top1 .info2 li.regist { padding-top:0; padding-left:30px; text-align:left; }
	.df .home #lp_top1 .info2 li.regist a { font-size:28px; border:#FFF solid 3px; }
	.df .home #lp_top1 .info2 li.regist a b:before { font-size:14px; }
	
/* Info AP */
#lp_info_ap { background:linear-gradient(#FFF, #FC0); }
#lp_info_ap > div { background:url(/v5/img/bg/bg_dot1_wht1_op50.png) repeat bottom center; }
#lp_info_ap h3 { color:#F70; text-shadow:1px 0 4px #CC6; }
#lp_info_ap h3 b { color:#F50; }
#lp_info_ap .info_wrap { padding:5px 0 0; } 
#lp_info_ap .info_wrap > div { display:inline-block; vertical-align:top; margin:5px 10px; padding:10px 15px; border:#F90 solid 2px; border-radius:10px; background:rgba(255, 255, 255, 0.85); }
#lp_info_ap .info_wrap > div > ul { position:relative; }
#lp_info_ap .info_wrap h4 { text-align:left; color:#C00; font-size:16px; line-height:1.6em; }
#lp_info_ap .info_wrap p { padding:5px 0; font-size:13px; line-height:1.6em; }
#lp_info_ap .info_wrap .char { width:30%; padding-bottom:40%; }
#lp_info_ap .info_wrap .info { width:70%; background-size:contain; }
#lp_info_ap .ap_service .char { background:url(/v5/img/char/char_07_s240_p1.png) no-repeat bottom center; }
#lp_info_ap .ap_service .info { background:url(/v5/img/lp/lp1_info_ap_service_img1.png) no-repeat center center; padding-bottom:40%; }
#lp_info_ap .ap_shopping .char { background:url(/v5/img/char/char_08_s240_p1.png) no-repeat bottom center; }
#lp_info_ap .ap_shopping .info .ap_bnr1 { margin-right:4px; padding-bottom:15px; width:auto; text-align:left; position:relative; /*border:#CCC solid 2px; padding:3px 4px; background:#FFF; border-radius:8px;*/ }
#lp_info_ap .ap_shopping .info .ap_bnr1 li { position:relative; margin:1px; width:32%; border:#DDD solid 1px; border-radius:3px; background:#FFF; overflow:hidden; }
#lp_info_ap .ap_shopping .info .ap_bnr1 li i { display:block; width:100%; padding-bottom:50%; }
#lp_info_ap .ap_shopping .info .ap_bnr1 li.etc { border:none; background:none; position:absolute; right:8px; bottom:-7px; width:100%; text-align:right; font-size:11px; color:#333; }
	.sp #lp_info_ap h3 { font-size:16px; letter-spacing:0.01em; }
	.sp #lp_info_ap h3 b { letter-spacing:0.05em; }
	.sp #lp_info_ap .info_wrap > div { max-width:420px; }
	.sp #lp_info_ap .ap_service .info { background-size:cover !important; }
	.df #lp_info_ap .info_wrap > div { width:450px; }
	.df #lp_info_ap .info_wrap h4 { font-size:20px; }
	.df #lp_info_ap .info_wrap p { padding:5px 0; font-size:14px; line-height:1.8em; }

/* Info EP */
#lp_info_ep { background:linear-gradient(#690, #9C0); }
#lp_info_ep > div { background:url(/v5/img/bg/bg_sln1_wht1_op10.png) repeat top left; }
#lp_info_ep h3 { color:#FFF; text-shadow:1px 0 4px #360; }
#lp_info_ep h3 b { color:#FF6; }
#lp_info_ep .info_wrap { padding:10px 0 0; }
#lp_info_ep .info_wrap .info { text-align:center; position:relative; }
#lp_info_ep .info_wrap .info > ul > li { position:relative; width:18%; padding-bottom:18%; }
#lp_info_ep .info_wrap .info > ul ul { position:relative;
	position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;
	background:url(/v5/img/bg/mark_at1_whi1_w160.png) no-repeat center center; background-size:contain !important;
}
#lp_info_ep .info_wrap .info > ul ul:before { content:''; display:inline-block; width:0; height:100%; background:#090; vertical-align:middle; }
#lp_info_ep .info_wrap .info > ul > li { line-height:28px; }
#lp_info_ep .info_wrap .info > ul > li b { display:inline-block; width:100%; font-size:22px; line-height:inherit; color:#F60; font-weight:900; letter-spacing:0.01em; }
#lp_info_ep .info_wrap .info > ul > li.char { width:24%; padding-bottom:20%; background:url(/v5/img/char/char_05_s240_p1.png) no-repeat bottom center; background-size:cover !important; }
	.sp #lp_info_ep .info_wrap .info { margin:0 auto; max-width:420px; }
	.sp #lp_info_ep .info_wrap .info > ul { padding-bottom:27%; }
	.sp #lp_info_ep .info_wrap .info > ul > li { width:30%; padding-bottom:30%; line-height:18px; }
	.sp #lp_info_ep .info_wrap .info > ul > li b { font-size:14px; }
	.sp #lp_info_ep .info_wrap .info > ul > li.txt4 b { font-size:12px; }
	.sp #lp_info_ep .info_wrap .info > ul > li.char { margin-top:-15px; width:38%; }
	.sp #lp_info_ep .info_wrap .info > ul > li.txt1,
	.sp #lp_info_ep .info_wrap .info > ul > li.txt4 { position:absolute; bottom:0; }
	.sp #lp_info_ep .info_wrap .info > ul > li.txt1 { left:17%; }
	.sp #lp_info_ep .info_wrap .info > ul > li.txt4 { right:17%; }
	.df #lp_info_ep .info_wrap { padding-bottom:20px; }
	.df #lp_info_ep .info_wrap .info > ul > li.txt4 b { font-size:20px; }

/* Info EX */
#lp_info_ex { background:linear-gradient(#FFF, #F9F); }
#lp_info_ex > div { background:url(/v5/img/bg/bg_dot1_wht1_op50.png) repeat bottom center; }
#lp_info_ex h3 { color:#F69; text-shadow:1px 0 4px #C9C; }
#lp_info_ex h3 b { color:#C47; }
#lp_info_ex .info_wrap { padding:5px 10px; } 
#lp_info_ex .info_wrap > div { margin:0 auto; border:#F9C solid 2px; border-radius:10px; background:rgba(255, 255, 255, 0.85); padding:10px 15px; text-align:left; }
#lp_info_ex .info_wrap h4 { text-align:left; color:#C00; }
#lp_info_ex .info_wrap > div > ul { position:relative; }
#lp_info_ex .exchange .char { background:url(/v5/img/char/char_02_s240_p1.png) no-repeat bottom center; background-size:cover !important; }
#lp_info_ex .exchange .info { text-align:left; padding-left:5%; padding:5px 0; font-size:13px; line-height:1.6em; }
#lp_info_ex .exchange .bnr { text-align:center; width:100%; }
#lp_info_ex .exchange .bnr li { position:relative; margin:1%; width:23%; border:#CCC solid 1px; border-radius:5px; background:#FFF; }
#lp_info_ex .exchange .bnr li i { display:block; width:100%; padding-bottom:60%; }
	.sp #lp_info_ex .exchange { padding:0 5px; max-width:420px; }
	.sp #lp_info_ex .exchange .char { width:30%; padding-bottom:40%; }
	.sp #lp_info_ex .exchange .info { width:70%; padding:10px; }
	.sp #lp_info_ex .exchange .bnr { padding-bottom:5px; }
	.df #lp_info_ex .info_wrap { padding:10px 20px; }
	.df #lp_info_ex .exchange { max-width:780px; padding-left:180px; }
	.df #lp_info_ex .exchange .char { width:200px; padding-bottom:200px; position:absolute; left:-180px; }
	.df #lp_info_ex .exchange .info { width:100%; text-align:center; }
	.df #lp_info_ex .exchange .bnr { padding:0 20px; }

/* EX Banner */
#lp_info_ex .exchange .ex_110000 i { background-image:url(/v5/img/logo/exchange/logo_other_bank.png); }
#lp_info_ex .exchange .ex_110033 i { background-image:url(/v5/img/logo/exchange/logo_japannet_bank.png); }
#lp_info_ex .exchange .ex_110036 i { background-image:url(/v5/img/logo/exchange/logo_rakuten_bank.png); }
#lp_info_ex .exchange .ex_190001 i { background-image:url(/v5/img/logo/exchange/logo_mailmoney.png); }
#lp_info_ex .exchange .ex_210001 i { background-image:url(/v5/img/logo/exchange/logo_webmoney.png); }
#lp_info_ex .exchange .ex_310001 i,
#lp_info_ex .exchange .ex_320011 i { background-image:url(/v5/img/logo/exchange/logo_pex_gift.png); }
#lp_info_ex .exchange .ex_320021 i { background-image:url(/v5/img/logo/exchange/logo_amazon_gift.png); }
#lp_info_ex .exchange .ex_320031 i { background-image:url(/v5/img/logo/exchange/logo_itunes_gift.png); }
#lp_info_ex .exchange .ex_320041 i { background-image:url(/v5/img/logo/exchange/logo_vpreca_gift.png); }

/* AP Banner */
.ap_bnr1 .bn_yahoo_shop i { background-image:url(/v5/img/lp/ap_bn_yahoo_shop.png); }
.ap_bnr1 .bn_rakuten i { background-image:url(/v5/img/lp/ap_bn_rakuten.png); }
.ap_bnr1 .bn_bellemaison i { background-image:url(/v5/img/lp/ap_bn_bellemaison.png); }
.ap_bnr1 .bn_nissen i { background-image:url(/v5/img/lp/ap_bn_nissen.png); }
.ap_bnr1 .bn_cecile i { background-image:url(/v5/img/lp/ap_bn_cecile.png); }
.ap_bnr1 .bn_qoo10 i { background-image:url(/v5/img/lp/ap_bn_qoo10.png); }
.ap_bnr1 .bn_shop_jp i { background-image:url(/v5/img/lp/ap_bn_shop_jp.png); }
.ap_bnr1 .bn_ebook i { background-image:url(/v5/img/lp/ap_bn_ebook.png); }
.ap_bnr1 .bn_hikari_tv i { background-image:url(/v5/img/lp/ap_bn_hikari_tv.png); }
.ap_bnr1 .bn_cmoa i { background-image:url(/v5/img/lp/ap_bn_cmoa.png); }
.ap_bnr1 .bn_aeon i { background-image:url(/v5/img/lp/ap_bn_aeon.png); }
.ap_bnr1 .bn_seijyo i { background-image:url(/v5/img/lp/ap_bn_seijyo.png); }
.ap_bnr1 .bn_oisix i { background-image:url(/v5/img/lp/ap_bn_oisix.png); }
.ap_bnr1 .bn_satofuru i { background-image:url(/v5/img/lp/ap_bn_satofuru.png); }
.ap_bnr1 .bn_biccamera i { background-image:url(/v5/img/lp/ap_bn_biccamera.png); }
.ap_bnr1 .bn_ksdenki i { background-image:url(/v5/img/lp/ap_bn_ksdenki.png); }
.ap_bnr1 .bn_kojima i { background-image:url(/v5/img/lp/ap_bn_kojima.png); }
.ap_bnr1 .bn_toysrus i { background-image:url(/v5/img/lp/ap_bn_toysrus.png); }
.ap_bnr1 .bn_beams i { background-image:url(/v5/img/lp/ap_bn_beams.png); }
.ap_bnr1 .bn_gap i { background-image:url(/v5/img/lp/ap_bn_gap.png); }
.ap_bnr1 .bn_jalan i { background-image:url(/v5/img/lp/ap_bn_jalan.png); }
.ap_bnr1 .bn_his i { background-image:url(/v5/img/lp/ap_bn_his.png); }
.ap_bnr1 .bn_rurubu i { background-image:url(/v5/img/lp/ap_bn_rurubu.png); }
.ap_bnr1 .bn_ikkyu i { background-image:url(/v5/img/lp/ap_bn_ikkyu.png); }
.ap_bnr1 .bn_tabelog i { background-image:url(/v5/img/lp/ap_bn_tabelog.png); }
.ap_bnr1 .bn_pia i { background-image:url(/v5/img/lp/ap_bn_pia.png); }
.ap_bnr1 .bn_dhc i { background-image:url(/v5/img/lp/ap_bn_dhc.png); }
.ap_bnr1 .bn_fancl i { background-image:url(/v5/img/lp/ap_bn_fancl.png); }
/* ==================== */
/*ＥＮＤ*/