@charset "utf-8";

/* pre-order_kv */
.pre-order-kv {position:relative; display:block; width:100%; height:399px; background:url('/es/galaxy/s6edge-plus/pre-order/kv_bg.jpg') 50% 50% no-repeat; background-size:cover}
.pre-order-kv.kv-type2 {background:url('/common/promotions/galaxy/s6edge-plus/pre-order/kv_bg_edge.jpg') 60% 50% no-repeat; background-size:cover}
.pre-order-kv:after {display:block; clear:both; content:''}
.pre-order-kv .header-kv {min-width:320px; max-width:1200px; margin:0 auto; padding:100px 70px 0 70px}
.pre-order-kv .header-kv:after {display:block; clear:both; content:''}
.pre-order-kv .header-kv .desc {color:#000; font-size:48px; margin-bottom:1.5%; font-family:'sssB';}
.pre-order-kv .header-kv .tit-img {display:block; margin-bottom:1.2%;}
.pre-order-kv .header-kv .tit-img img {max-width:100%; height:auto;}
.pre-order-kv .header-kv .tit-kv {color:#ccc; font-size:20px;}
.pre-order-kv .header-kv .btn {display:none;}

@media only screen and (max-width:1339px) {
	.pre-order-kv .header-kv {padding:9% 2% 0 2%}
	.pre-order-kv .header-kv .desc {color:#000; font-size:36px; margin-bottom:0.727%}
	.pre-order-kv .header-kv .tit-kv {font-size:16px;}
	.pre-order-kv .header-kv .tit-img {margin-bottom:2.036%;}
}

@media (min-width:768px) and (max-width:1024px) {
	.pre-order-kv {position:relative; display:block; width:100%; height:300px; background:url('/es/galaxy/s6edge-plus/pre-order/kv_bg.jpg') 55% 50% no-repeat; background-size:cover}
	.pre-order-kv .header-kv {padding:9% 2% 0 2%; width:40%; text-align:left; margin:0;}
	.pre-order-kv .header-kv .desc {color:#000; font-size:40px; margin-bottom:0.727%}
	.pre-order-kv .header-kv .tit-kv {font-size:16px;}
	.pre-order-kv .header-kv .tit-img {margin-bottom:2.036%;}
}

@media only screen and (max-width:767px) {
	.pre-order-kv {height:0; padding-bottom:150%; text-align:center; background:url('/es/galaxy/s6edge-plus/pre-order/kv_bg_m.jpg') 0 0 no-repeat; background-size:cover;}
	.pre-order-kv.kv-type2 {background:url('/common/promotions/galaxy/s6edge-plus/pre-order/kv_bg_m_edge.jpg') 0 0 no-repeat; background-size:cover;}
	.pre-order-kv .header-kv {padding:85% 0 0 0}
	.pre-order-kv .header-kv:after {display:block; clear:both; content:''}
	.pre-order-kv .header-kv .desc {color:#000; font-size:24px; margin-bottom:4%; font-family:'sssB';}
	.pre-order-kv .header-kv .tit-img {width:120px; margin:0 auto 4%;}
	.pre-order-kv .header-kv .tit-kv {color:#ccc; font-size:14px;}
	.pre-order-kv .header-kv .btn-box {position:absolute; bottom:5%; width:100%;}
	.pre-order-kv .header-kv a.btn {display:block;background:url('/common/promotions/galaxy/s6edge-plus/arrow_bottom.png') center 0 no-repeat; background-size:24px 13px}
	.pre-order-kv .header-kv a.btn span {font-size:0}
}

/* buy_now */
.buy-now {position:relative; display:block; width:100%; padding:7% 0; background:#fff;}
.buy-now.line {border-bottom:1px solid #e3e3e3;}
.buy-now:after {display:block; clear:both; content:''}
.buy-now-box {min-width:320px; max-width:1200px; margin:0 auto; padding:0 70px 0 70px;}
.buy-now-box:after {display:block; clear:both; content:''}
.buy-now-box .thumb {float:left; width:50%;}
.buy-now-box .thumb .img {width:480px; height:480px;}
.buy-now-box .thumb img {max-width:100%; height:auto;}
.buy-now-box .buy-area {float:left; width:50%;}
.buy-now-box .buy-area .tit-area {margin-bottom:10.208%; color:#292929; border-bottom:1px solid #dedede;}
.buy-now-box .buy-area .tit-area .tit {margin-bottom:1.8%;}
.buy-now-box .buy-area .tit-area .txt {margin-bottom:5.3%; font-size:20px; font-family:'sssR'; font-weight:800;}

.step-area-box {position:relative; margin-bottom:7%; padding-bottom:0.7%; border-bottom:1px solid #dedede;}
.step-area-box:after {display:block; clear:both; content:''}
.step-area-box .step-area {color:#1a1a1a; margin-bottom:10%; font-size:24px;font-family:'sssM';}
.step-area-box .step-area .tit-step {margin-bottom:2.5%;}
.step-area-box .step-area .tit-step strong {font-family:'sssB';}
.step-area-box .btn-list {position:relative; margin:0 0 0 -2.7%;}
.step-area-box .btn-list:after {display:block; clear:both; content:''}
.step-area-box .step-area {position:relative;}
.step-area-box .btn {position:relative; float:left; margin-left:2.7%; width:22.2%;}
.step-area-box .btn.t_c {text-align:center;}
.step-area-box .btn.t_l {text-align:left;}
.step-area-box .btn.t_l a .txt {display:inline-block; padding-top:3px; position:absolute;top:-9999px;left:-9999px;overflow:hidden;width:1px;height:1px;}
.step-area-box .btn a {display:block; width:100%; height:70px; line-height:74px; font-size:20px; color:#1a1a1a;border:1px solid #999; border-radius:3px; background:#fff; text-align:center;}
.step-area-box .btn a:hover , .step-area-box .btn.on a {margin:-1px; border:2px solid #b89748; -webkit-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); -moz-box-shadow: 6px 10px 10px rgba(205,205,205,0.8); box-shadow: 6px 10px 10px rgba(205,205,205,0.8)}
.step-area-box .btn .color {display:inline-block; width:32px; height:32px; border-radius:50%; vertical-align: middle;}
.step-area-box .btn .color.white {width:30px; height:30px; border:1px solid #b5b5b5; background:#fff;}
.step-area-box .btn .color.gold {background:#cab081;}
.step-area-box .btn .color.black {background:#0b233f;}
.step-area-box .btn .color.silver {background:#898989;}
.buy-area .price {color:#292929; font-size:40px; font-family:'sssM';}

@media only screen and (max-width:1339px) {
	.buy-now-box {padding:0 2%}
	.buy-now-box .thumb {float:left; width:40%; margin-right:10%;}
	.buy-now-box .buy-area {float:left; width:45%;}
}

@media (min-width:841px) and (max-width:1200px) {
	.step-area-box .btn a {height:37px;line-height:40px; font-size:16px;}
	.step-area-box .btn .color {width:24px; height:24px;}
	.step-area-box .btn .color.white {width:21px; height:21px;}
}

@media (min-width:768px) and (max-width:840px) {
	.step-area-box .btn a {height:35px;line-height:40px;font-size:14px;}
	.step-area-box .btn .color {width:24px; height:24px;}
	.step-area-box .btn .color.white {width:21px; height:21px;}
}

@media only screen and (max-width:767px) {
	.buy-now-box .thumb {float:left; width:70%; padding:15%;}
	.buy-now-box .buy-area {width:94%; margin:0 auto 10%; padding:0 3%}
	.buy-now-box .buy-area .tit-area .txt {font-size:14px; width:250px}
	.step-area-box .step-area {font-size:15px;}
	.step-area-box .btn {width:20%;}
	.step-area-box .btn a {height:35px;line-height:40px;font-size:12px}
	.step-area-box .btn .color {width:16px; height:16px;}
	.step-area-box .btn .color.white {width:14px; height:14px;}
	.buy-area .price {font-size:20px;}
}

@media (min-width:640px) and (max-width:766px) {
	.step-area-box .btn .color {width:20px; height:20px;}
	.step-area-box .btn .color.white {width:12px; height:12px;}
	.step-area-box .btn a {font-size:16px}
}

@media (min-width:480px) and (max-width:640px) {
	.step-area-box .btn a {font-size:14px}
	.step-area-box .btn .color {width:18px; height:18px;}
	.step-area-box .btn .color.white {width:14px; height:14px;}
}

@media (min-width:320px) and (max-width:479px) {
	.buy-now-box .buy-area .tit-area .tit {width:180px}
}

/* free_gift */
.free-gift {position:relative; display:block; width:100%; background:url('/common/promotions/galaxy/s6edge-plus/pre-order/bg_free_gift.gif');}
.free-gift:after {display:block; clear:both; content:''}
.free-gift .free-gift-box {min-width:320px; max-width:1200px; margin:0 auto; padding:0 70px;}
.free-gift .free-gift-box:after {display:block; clear:both; content:''}
.free-gift .free-gift-box .free-gift-acc {float:left; width:50%;}
.free-gift .free-gift-box .free-gift-cnt {float:left; width:50%; border-bottom:none;}
.free-gift .free-gift-box .free-gift-cnt .step-area-box {border-bottom:0;}
.free-gift .free-gift-box .free-gift-cnt .step-area .tit-step {margin-bottom:6.5%}
.free-gift .free-gift-box .free-gift-cnt .step-area .tit-step strong {display:block; font-family:'sssB';}
.free-gift .free-gift-box .ico-free {width:84px;height:92px; margin:-4px 0 6% 0; z-index:1}

@media only screen and (max-width:1339px) {
	.free-gift .free-gift-box {padding:0 3.64%;}
	.free-gift .free-gift-box .free-gift-acc {float:left; width:40%; margin-right:10%;}
}

@media only screen and (max-width:767px) {
	.free-gift .free-gift-box {padding:0;}
	.free-gift .free-gift-box .free-gift-acc {width:70%; padding:8% 15% 0 15%;}
	.free-gift .free-gift-box .free-gift-cnt {width:90%; padding:0 5%;}
	.free-gift .free-gift-box .free-gift-cnt .step-area-box {margin-bottom:0;}
	.free-gift .free-gift-box .ico-free {position:absolute; top:0; left:5%; width:48px; height:50px;}
	.free-gift .free-gift-box .free-gift-cnt .step-area-box {margin-bottom:0;}
}

/* choose acc */
.choose-acc {position:relative; display:block; width:100%; padding:7% 0 0; background:#fff;}
.choose-acc:after {display:block; clear:both; content:''}
.choose-acc .choose-acc-box {position:relative; min-width:320px; max-width:1200px; margin:0 auto; padding:0 70px 0 70px; text-align:center;}
.choose-acc .step-area-box {border:none; margin:0; text-align:center;}
.choose-acc .step-area-box .step-area {margin-bottom:2.5%;} 
.choose-acc .btn-type1-prev , .choose-acc  .btn-type1-next {position:absolute;top:50%;margin-top:-122px;z-index:2;}

.m_list {overflow:hidden; min-width:320px; max-width:1200px; margin:0 auto; z-index: 0;}
.m_list:after {display:block; clear:both; content:''}

.choose-acc .accessory-box {position: relative; z-index: 0; height:0; padding-bottom:35%;}
.choose-acc .accessory-box:after {display:block; clear:both; content:''}
.choose-acc .accessory_list {left:0; top: 0px; width: 100%; position: absolute; display: block;}
.choose-acc .accessory_list li {float:left;width:25%;margin-bottom:50%;position:relative;} 
.choose-acc .accessory_list li .thumb:first-child {display:block; width:100%; padding:0; text-align:center;}
.choose-acc .accessory_list li .thumb {display:none;} 

.choose-acc .accessory_list li .thumb img {max-width:100%; height:auto} 

.m-list-price {font-size:20px; font-family:'sssM'}
.choose-acc .chk {margin-bottom:14px;}

.select-option {margin-top:10%;}
.select-option .paging-type1 {margin-bottom:25px;}

.m_list {padding-bottom:5%}

/* choose-btm */
.choose-btm {position:relative; overflow:hidden; display:block; width:100%; color:#1a1a1a; -webkit-box-shadow: 0px -1px 6px 0px rgba(0,0,0,0.28); -moz-box-shadow: 0px -1px 6px 0px rgba(0,0,0,0.28); box-shadow: 0px -1px 6px 0px rgba(0,0,0,0.28); background:#f1f1f1;}
.choose-btm:after {display:block; clear:both; content:''}
.choose-btm .choose-btm-box {max-width:1200px; height:100%; margin:0 auto; padding:0 70px;}
.choose-btm .choose-btm-list {float:left; width:80%;}
.choose-btm .choose-btm-list > li {position:relative; float:left; width:33.3%; color:#1a1a1a;}

.choose-btm .choose-btm-list > li.on span.num {color:#ccc;}
.choose-btm .choose-btm-list > li span.num{display:inline-block; float:left; width:33.4%; text-align:center; line-height:100%; color:#fff; font-size:96px; font-family:'sssB'}
.choose-btm .choose-btm-list > li em.num-plus {display:inline-block; padding:3px 4px 0 4px; color:#fff; font-size:18px; background:#0a85ff; border-radius:2px; font-family:'sssM';}
.choose-btm .choose-btm-list > li .arrow {display:inline-block;border-color: transparent #0a85ff transparent transparent; border-style:solid; border-width:3px;  width:0;  height:0; font-family:'sssB';}
.choose-btm .choose-btm-list > li .txt-box {float:left; padding-top:7%; font-size:16px;}
.choose-btm .choose-btm-list > li .txt-box .tit {display:block;  margin-bottom:3%; font-family:'sssM';}
.choose-btm .choose-btm-list > li .txt-box .txt {color:#000; font-family:'sssB'; white-space: nowrap; width: 119px; overflow: hidden; text-overflow: ellipsis; display:block;}
.choose-btm .choose-btm-list > li .txt-box .txt a {color:#000; font-family:'sssB';}
.choose-btm .btn-area {float:left; width:19.5%; text-align:center; padding-top:1.5%; padding-bottom:1.4%; }
.choose-btm .btn-area .price {margin-bottom:3%; font-size:24px;}
.choose-btm .btn-area .btn {display:inline-block; padding:19px 33px 14px; color:#fff; font-size:18px; border-radius:50px; background:#b89748; font-weight:600;}
.choose-btm .choose-btm-list > li.etc .txt-box {padding-top:7%;}
.choose-btm .choose-btm-list > li.etc {border-right:2px solid #e8e8e8;}
.choose-btm .choose-btm-list li.layer {width:32%; padding:0 0 0 1%;}
.choose-btm .choose-btm-list li.layer .layer-box {position:absolute;left:0;top:0; bottom:0; right:0;width:100%; height:100%; font-family:'sssB'; font-size:18px; background:#f1f1f1; text-align:left;}
.choose-btm .choose-btm-list li.layer .layer-box .layer-list {padding:5% 0 0 15%;  background:#f1f1f1;}
.choose-btm .choose-btm-list li.layer .layer-box .btn-close {position:absolute; left:0; top:50%; width:26px; height:26px; margin-top:-13px; background:url('/common/promotions/galaxy/s6edge-plus/pre-order/btn_close.gif') no-repeat 0 0;z-index:100;}
.choose-btm .choose-btm-list .list-box {padding:12% 0 10%;}

@media only screen and (max-width:1339px) {
	.choose-acc .choose-acc-box {padding:0 2%;}
	.choose-btm .choose-btm-box {padding:0 2%;}
	.choose-acc .accessory_list {width:100%;}
	.choose-btm .btn-area .btn {padding:5% 5% 2%; font-size:14px}
}
@media (min-width:960px) and (max-width:1024px) {
	.choose-acc .accessory-box {padding-bottom:48%;}
}
@media (min-width:768px) and (max-width:959px) {
	.choose-acc .accessory-box {padding-bottom:50%;}
}
@media (min-width:768px) and (max-width:1200px) {
	.choose-btm .choose-btm-list li.layer .layer-box {font-size:14px; height:100%;}
	.choose-btm .choose-btm-list li.layer .layer-box .layer-list {font-size:12px}
	.choose-btm .choose-btm-list li.layer .layer-box .btn-close {top:35px;} 
}

@media only screen and (max-width:767px) {
	.choose-acc .accessory-box {position: relative; z-index: 0; height:0; padding-bottom:90%;}

	.choose-acc .choose-acc-box {padding:0;}
	.choose-acc .btn-type1-prev , .choose-acc  .btn-type1-next {position:absolute;top:20%;margin-top:-15px;z-index:2;}
	.choose-acc .accessory_list li {width:50%; margin-bottom:40%; padding:0}
	.choose-acc .accessory_list li .thumb:first-child{width:100%;} 
	
	.choose-btm .choose-btm-box {padding:0 2%;}
	.choose-btm .choose-btm-list {width:100%;}
	.choose-btm .choose-btm-list > li {width:50%}
	.choose-btm .choose-btm-list > li span.num {width:24.4%; font-size:48px;}
	.choose-btm .choose-btm-list > li em.num-plus {font-size:12px;}
	.m-list-price {font-size:14px}
	.choose-btm .btn-area {width:100%; text-align:left; border-left:0; margin-top:7%}
	.choose-btm .btn-area .price {float:left; width:48%; padding-left:5%; font-size:20px; font-family:'sssB'; height:55px; line-height:55px;}
	.choose-btm .btn-area .btn {float:left; width:45%; text-align:center; padding:15px 0 14px; font-size:12px}
	.choose-btm .choose-btm-list > li .txt-box {padding-top:2%; font-size:12px;}
	.choose-btm .choose-btm-list > li .txt-box .tit {margin-bottom:1%;}
	.choose-btm .choose-btm-list > li.etc .txt-box {padding-top:2%;}
	.choose-btm .choose-btm-list > li.etc {width:50%; border:none;}
	.choose-btm .choose-btm-list li.layer {padding:0;}
	.choose-btm .choose-btm-list li.layer .layer-box {left:0; top:-120%; width:200%; height:200%;}
	.choose-btm .choose-btm-list li.layer .layer-box .layer-list {margin:0; padding:15% 0 5% 5%}
	.choose-btm .choose-btm-list li.layer .layer-box .btn-close {right:10px; top:35px; left:90%;}
}

@media (min-width:621px) and (max-width:767px){
	.choose-acc .accessory-box {padding-bottom:55%;}
}
@media (min-width:540px) and (max-width:620px){
	.choose-acc .accessory-box {padding-bottom:65%;}
	.choose-btm .choose-btm-list li.layer .layer-box {left:0; top:-160%; width:200%; height:200%;}
	.choose-btm .choose-btm-list li.layer .layer-box .btn-close {right:10px; top:70px; left:90%;}
}
@media (min-width:480px) and (max-width:539px) {
	.choose-acc .accessory-box {padding-bottom:75%;}
	.choose-btm .choose-btm-list li.layer .layer-box {left:0; top:-160%; width:200%; height:200%;}
	.choose-btm .choose-btm-list li.layer .layer-box .btn-close {right:10px; top:70px; left:90%;}
}

@media (min-width:320px) and (max-width:479px) {
	.choose-acc .accessory-box { padding-bottom:90%;}
	.choose-btm .choose-btm-list li.layer .layer-box {left:0; top:-100%; width:200%; height:200%;}
}

/* store */
.store {position:relative; display:block; width:91.68%; padding:7% 4.16%; color:#1a1a1a; background:#f9f9f9;}
.store:after {display:block; clear:both; content:''}
.store-box {position:relative; min-width:320px; max-width:1200px; margin:0 auto;}
.store-box:after {display:block; clear:both; content:''}
.store-kv .tit-kv-01 {font-size:28px; font-family:'sssB';}
.store-kv .tit-kv-02 {font-size:24px; color:#7e7e7e; font-family:'sssM';}
.banner-list li {float:left; width:22%; margin:0 0 2.3% 2.3%;}
.banner-list li a {width:100%;}
@media only screen and (max-width:1339px) {
	.store-kv .tit-kv-01 {font-size:22px;}
	.store-kv .tit-kv-02 {font-size:20px; color:#7e7e7e;}
}
@media only screen and (max-width:1024px) {
	.store-kv .tit-kv-01 {font-size:16px;}
	.store-kv .tit-kv-02 {font-size:14px; color:#7e7e7e;}
}

@media only screen and (min-width:768px) {
	.store-kv {float:left;
				position:absolute; top:50%; left:0; width:50%;
				-webkit-transform: translate(0, -50%);
				-moz-transform: translate(0, -50%);
				-ms-transform: translate(0, -50%);
				-o-transform: translate(0, -50%);
				transform: translate(0, -50%);
			}
	.banner-list {float:left; width:50%; padding:0 0 0 50%;}
}

@media only screen and (max-width:767px) {
	.store {padding:7% 4.16% 4%;}
	.store-kv {width:100%; margin-bottom:5%}
	.store-kv .tit-kv-01 {font-size:18px; margin-bottom:0.5em; font-family:'sssB';}
	.store-kv .tit-kv-02 {font-size:16px;}
	.banner-list {width:90%; padding-right:10%;}
	.banner-list li {margin:0 2% 2% 0; width:23%;}
}

@media (min-width:320px) and (max-width:479px) {
	.store-kv .tit-kv-01 {font-size:14px; margin-bottom:0.5em; font-family:'sssB';}
	.store-kv .tit-kv-02 {font-size:14px;}
}

/* banner */
.global-banner {position:relative; display:block;width:100%;height:0;padding-bottom:19.79166666666667%;text-align:center;background:url('/common/promotions/galaxy/s6edge-plus/pre-order/bg_global_banner.jpg')0 0 no-repeat;background-size:100% auto;}
.global-banner .global-txt {position:absolute; top:50%; left:50%; width:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}
.global-banner .tit {position:relative;display:block;font-size:48px;font-family:'sssB';color:#292929;width:100%;margin:0 auto 1%;}
.global-banner .txt {position:relative;display:block;font-size:24px;font-family:'sssM';color:#7e7e7e;width:100%;margin:0 auto 1%;}
.global-banner a.btn {padding:1.5% 4% 1% 3.5%;color:#fff;font-size:20px;font-family:'sssM';border-radius:45px;background:#c3983f; background:#c3983f url('/common/promotions/galaxy/s6edge-plus/pre-order/bg_global_arrow.png') 95% 50% no-repeat;}
.global-banner a.btn span {padding-right:25px; }

@media only screen and (min-width:1280px)  {
	.global-banner .tit {font-size:40px;}
	.global-banner .txt {font-size:20px;}
	.global-banner a.btn {font-size:18px;}
}
@media (min-width:1024px) and (max-width:1279px) {
	.global-banner .tit {font-size:28px;}
	.global-banner .txt {font-size:14px;}
	.global-banner a.btn {font-size:14px;}
}
@media (min-width:768px) and (max-width:1023px) {
	.global-banner .tit {font-size:24px;}
	.global-banner .txt {font-size:12px;}
	.global-banner a.btn {font-size:12px;}
}
@media only screen and (max-width:767px) {
	.global-banner {position:relative; display:block;width:100%;height:0;padding-bottom:88.88888888888889%;text-align: center; background:url('/common/promotions/galaxy/s6edge-plus/pre-order/bg_global_banner_m.jpg')0 0 no-repeat;background-size:100% auto;}
	.global-banner .global-txt {width:90%}
	.global-banner .tit {width:100%;font-size:24px;}
	.global-banner .txt {font-size:12px;}
	.global-banner a.btn {padding:3% 7%; font-size:12px;}
}