@charset 'utf-8';
/**
 * 1.0 - Reset
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit;/*font-size:100%;*/font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/*font-size:62.5%;*/overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*,
*:before,
*:after {-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
html,body{margin:0;padding:0;font-size:16px;font-family:'微軟儷黑體', '微軟正黑體', 'Arial', 'Helvetica', 'Geneva', sans-serif;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
ol,ul{list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption,th,td {font-weight:normal;text-align:left;}
fieldset {min-width:inherit;}
blockquote:before,
blockquote:after,
q:before,
q:after {content:"";}
blockquote,q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;}
a:hover,
a:active{outline:0;}
a img {border:0;}
h1,h2,h3,p,ul,ol,li,dl,dt,dd,input,textarea,select,option{margin:0;padding:0;font-size:inherit;line-height:1.6;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;word-break:break-all;word-wrap:break-word;}
a{text-decoration:none;word-break:break-all;word-wrap:break-word;}
img{margin:0;padding:0;vertical-align:top;max-width:100%;height:auto;}
li{list-style:none;}
em,address{font-style:normal;}
sup{vertical-align:super;font-size:8px;margin-left:-0.3em;}
#swan button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;}

/* common */
#swan{max-width:750px;width:auto;margin:0 auto;font-size:16px;}
@media screen and (max-width: 750px){
  #swan{font-size: 2.13vw;}
}
#swan .min{
font-family: kozuka-mincho-pro, serif;
font-weight: 500;
font-style: normal;
}
#swan img{vertical-align:top;}
/* offerbar */
#offerbar{position:fixed;bottom:0;left:auto;z-index:999;height:9.875em;margin-left:auto;width:100%;max-width:750px;display:none;}
#offerbar p{position:relative;}
#offerbar .txt{color:#fff;line-height:1;font-size:2.5em;top:1.34em;left:6.9em;display:block;position:absolute;width:auto;text-align:center;text-shadow: 0em 0em 0.3em #7d8fa6;}
#offerbar .txt .num{font-size:1.4em;}
#offerbar .txt em{font-size:0.78em;}
#offerbar a{display:block;width: 18.625em;height: 9.25em;position:absolute;top: 0.625em;right: 0em;}
#offerbar .italic{font-style: italic;}
@media screen and (min-width: 751px){
#offerbar a:hover{background:url(/resources/lp_swan_set/img/offerbar_btn_hover.png) 50% 0 no-repeat;background-size: cover;}
}

/* fv */
#fv{position: relative;overflow: hidden;}
#fv .htuvideo{position: relative;z-index:8;}
#fv .video{bottom:0.5em; left:50%; margin-left:-21.04em;position: absolute;z-index:5;}
#fv .video video{width:42.125em;}
#fv .fv_swan{top:32em;margin-left:-22em;left:50%;position: absolute;z-index:9;}
#fv .fv_swan img{width:23.6875em;height: 32.6875em;}

/* fv_ani */
#fv .fv_ma_ab{position: absolute; top:0; left:0;}

#fv_main{position:relative;height:45.375em;}
#fv_ba img{position:absolute;top:0;left:0;}
#fv_b{position:absolute;z-index:2;bottom:0;left:0;overflow:hidden;width:46.875em;height:45.375em;background:url(/resources/lp_swan_set/img/fv_before.jpg) 0 bottom no-repeat;}
#fv_a{position:absolute;z-index:1;bottom:0;left:0;overflow:hidden;width:46.875em;height:45.375em;background:url(/resources/lp_swan_set/img/fv_after.jpg) 0 bottom no-repeat;}
#fv_main #fv_b img{position:absolute;top:inherit;bottom:0;left:0;}
#fv_main #fv_a img{position:absolute;top:inherit;bottom:0;left:0;}
#fv .fv_ttl{position: absolute; top:0; left:0; z-index:6;}
#fv .fv_ttl img{width: 46.875em;height: 45.375em;}

/* sns */
#sns{position: relative;}
#sns .io_img{width: 46.875em;height: 111.875em;}
#sns ul li{position: absolute;}
#sns ul li:nth-child(-n + 6) img{width:100%;height:100%;}
#sns ul li:nth-child(1){top: 18.3240223464%;left:6.5333333333%; width:43.3333333333%;height: 18.1005586592%;}
#sns ul li:nth-child(2){top: 20.8379888268%;right:6.6666666667%; width:39.3333333333%;height: 18.4357541899%;}
#sns ul li:nth-child(3){top: 43.3519553073%;left:10.9333333333%; width:36.1333333333%;height: 15.1396648045%;}
#sns ul li:nth-child(4){top: 45.1396648045%;right:9.4666666667%; width:38.4%;height: 15.7541899441%;}
#sns ul li:nth-child(5){top: 64.0223463687%;left:5.6%; width:42.8%;height: 17.8770949721%;}
#sns ul li:nth-child(6){top: 67.9888268156%;right:5.7333333333%; width:41.2%;height: 17.4301675978%;}

/* magazine */
#magazine{position: relative;margin-top:-1.9em;}
#magazine .io_img{width: 46.875em;height: 68em;}
#magazine .feather{top:-6em; margin-left:5em; left:50%; position: absolute;}
#magazine .feather img{width:12.3125em;height: 10.8125em;}
#magazine .feather02{top:-3em; left:0; position: absolute;}
#magazine .feather02 img{width:9em;height: 11.125em;}
#magazine .perl{left:50%; bottom:0; position: absolute;}
#magazine .perl img{width:4.125em;height:4.1875em;}

/* tv */
#tv .tv_01 .io_img{width: 46.875em;height: 81.875em;}

/* want */
#want{margin-top:-7em;}
#want .io_img{width: 46.875em;height: 76.5625em;}

/* howtouse */
#howtouse h3 .io_img{width: 46.875em;height:133.25em;}
#howtouse .howtouse_01 .io_img {width: 46.875em;height: 77.75em;}
#howtouse{position: relative;}
#howtouse .video{top: 65.25em;left: 50%;margin-left: -21.04em;position: absolute;z-index: 5;}
#howtouse .video video{width: 42.125em;}

/* mechanism */
#mechanism{margin-top:-7em; position: relative;}
#mechanism .io_img{width: 46.875em;height: 280.9375em;}

/* feature */
#feature .feature_01{position: relative; z-index: 1;}
#feature .feature_01 .io_img{width: 46.875em;height: 207.75em;}
#feature .feature_02{margin-top:-3.9em;position: relative; z-index: 0;}
#feature .feature_02 .io_img{width: 46.875em;height: 201.25em;}

/* develop */
#develop .io_img{width: 46.875em;height: 149.375em;}

/* voices */
#voices .io_img{width: 46.875em;height: 144.6875em;}

/* safe */
#safe{margin-top:-4.25em;}
#safe .io_img{width: 46.875em;height: 92em;}

/* faq */
#faq .io_img{width: 46.875em;height: 92.375em;}

/* delivery */
#delivery .io_img{width: 46.875em;height: 67.625em;}

/* payment */
#payment .io_img{width: 46.875em;height: 85.875em;}



/* offer_top */
#offer_top .offer03{display: none;}
#offer_top .offer_02_03{padding-bottom:7em;}

/* offer */
.offer01{padding-bottom:0.6em;background:url(/resources/lp_swan_set/img/offer_bg01.jpg) 0 0 no-repeat;background-size:100% auto;}
.offer01 .offer_item{position:relative;}
.offer01 .offer_item .price1,
.offer01 .offer_item .price2,
.offer01 .offer_item .pricedown,
.offer01 .offer_item .offer_btn,
.offer01 .offer_item .offer01_diagonal_line{position:absolute;}
.offer01 .offer_item .price1{top:4em;left:50%;width:6em;margin-left:-1em;font-size:3em;}
.offer01 .offer_item .price1 .num{font-size:1.625em;}
.offer01 .offer_item .price2{left:50%;top:8.1em;font-size:3em;width:7em;margin-left:-1.2em;line-height:1;}
.offer01 .offer_item .price2 .num{font-size:2.75em;}
.offer01 .offer_item .pricedown{font-size:1.5em;line-height:1;left:50%;width:8em;text-align:center;margin-left:7em;top:8.9em;}
.offer01 .offer_item .offer01_diagonal_line{top:15em;left:50%;margin-left: -3.8em;}
.offer01 .offer_item .offer01_diagonal_line img{width:14.9375em;height:2.5em;}

.offer01 .offer_item .price2,.offer01 .offer_item .offer_btn .num,.offer01 .offer_item .offer_btn .shipping,.offer01 .offer_desc .price li,.offer02 .offer_btn .shipping,.offer02 .offer_btn .num{color:#df0066;}
.offer01 .offer_item .offer_btn a,.offer02 .offer_btn a{display:block;position:relative;color:#323333;}

.offer01 .offer_item .offer_btn a:hover{opacity:0.5;}
.offer01 .offer_item .offer_btn a img{width:41.25em;height:11.9375em;}
.offer01 .offer_item .offer_btn em{font-size:1.66em;}
.offer01 .offer_item .offer_btn .shipping{font-size:1.5em;}
.offer01 .offer_item .offer_btn .offer01_price_down{top:0;left:0.7211538462em;line-height:1;position:absolute;text-align: center;font-size:1.3em;width:8.6538461538em;height:9.1826923077em;padding-top: 1.4423076923em;box-sizing: border-box;}
.offer01 .offer_item .offer_btn .num{font-size:2em;letter-spacing:-0.04em;padding-right:0.1em;}
.offer01 .offer_item .offer_btn{bottom: 0.5em;margin-left:-20.5em;left:50%;}

.offer .info{padding:0 2.81em 0 2.81em;}
.offer .info .item_info{font-weight:bold;}
.offer .info p,
.offer .info li{line-height:1.4;font-size:1em;text-indent:-1em;padding-left:1em;}
.offer01 .offer_desc{position:relative;margin-top:2em;}
.offer01 .offer_desc .price{position:absolute;}
.offer01 .offer_desc .price{display:block;padding:31.7em 0 0 2.98em;width:100%;}
.offer01 .offer_desc .price::after{display:block;content:'';clear:both;}
.offer01 .offer_desc .price li{width:9em;padding-right: 0.5em;font-size:1.375em;line-height:1;float:left;text-align:center;display:block;font-weight:bold;}
.offer01 .offer_desc .price li strong{line-height:1.2;}
.offer01 .offer_desc .price li .num{font-size:2em;}
.offer01 .offer_desc .price li em{font-size:0.63em;color:#4a4a4a;text-decoration:line-through;display:block;}
.offer01 .offer_desc .features{position:absolute;top:44.125em;width:25.5em;left:11.375em;height:8.375em;}
.offer01 .offer_desc .features ul::after{clear:both;content:'';display:block;}
.offer01 .offer_desc .features li{width:8.375em;height:8.375em;border:2px solid #cc262d;color:#cc262d;border-radius:50%;text-align:center;font-weight:bold;}
.offer01 .offer_desc .features li.feature_price{float:left;font-size:inherit;}
.offer01 .offer_desc .features li.feature_price span{font-size:1.125em;line-height:1.22;padding-top:1.4em;display:block;}
.offer01 .offer_desc .features li.feature_fee{float:right;font-size:inherit;}
.offer01 .offer_desc .features li.feature_fee span{font-size:2em;padding-top:0.8em;display:block;line-height:1.22;}
.offer01 .offer_desc .features::before,
.offer01 .offer_desc .features::after{content: '';display: block;height: 0.2em;width: 4.125em;background: #cc262d;position: absolute;top: 4em;left: 10.81em;}
.offer01 .offer_desc .features::before{transform:rotate(45deg);}
.offer01 .offer_desc .features::after {transform:rotate(-45deg);}
.offer01 .offer_desc .info{bottom:5.5em;margin-left:-12.9em;left:50%;font-size:1.4em;position: absolute;color:#fff;font-weight: bold;}

.offer_02_03{background:url(/resources/lp_swan_set/img/offer02_03_bg.jpg)no-repeat; background-position: 0 12.625em;}
.offer_02_03 h3{padding-top:0;}

.offer02_wrap{width:43.125em;padding:19.25em 0 0.5em; margin:-20.5em auto 0.4em;-moz-box-shadow:.0625em 0 .9375em 0 rgba(0,0,0,.30);-webkit-box-shadow:.0625em 0 .9375em 0 rgba(0,0,0,.30);-ms-box-shadow:.0625em 0 .9375em 0 rgba(0,0,0,.30);box-shadow:.0625em 0 .9375em 0 rgba(0,0,0,.30);background:url(/resources/lp_swan_set/img/offer02_bg.jpg),#fff;background-repeat:no-repeat;background-position:50% 0;}
.offer02 .offer_3items,.offer02 .offer_5items,.offer02 .offer_10items{width:43.125em; height:26.4em;}

.offer02 .offer_3items{position:relative; background:url(/resources/lp_swan_set/img/offer02_3set.png) 50% 0 no-repeat;background-size:contain;}
.offer02 .offer_5items{position:relative;background:url(/resources/lp_swan_set/img/offer02_5set.png) 50% 0 no-repeat;background-size:contain;}
.offer02 .offer_10items{position:relative;background:url(/resources/lp_swan_set/img/offer02_10set.png) 50% 0 no-repeat;background-size:contain;}

.offer02 .offer02_wrap .total,
.offer02 .offer02_wrap .price1_1,
.offer02 .offer02_wrap .price1_2,
.offer02 .offer02_wrap .price2_1,
.offer02 .offer02_wrap .price2_2,
.offer02 .offer02_wrap .pricedown,
.offer02 .offer02_wrap .offer_btn,
.offer02 .offer02_wrap .diagonal_line{position:absolute;}
.offer02 .offer02_wrap .total{top:16.11em;left:4.88em;font-size:1.125em;}
.offer02 .offer02_wrap .total .num{font-size:1.33em;}
.offer02 .offer02_wrap .price1_1{top:3.94em;left: 50%;margin-left: 3.7em;font-size:1em;}
.offer02 .offer02_wrap .price1_1 .num{font-size:1.875em;letter-spacing:-0.05em;}
.offer02 .offer02_wrap .price1_2{top:2.58em;right:0.6em;font-size:1.78em;width:5.2430555556em;text-align: center;white-space: nowrap;}
.offer02 .offer02_wrap .price1_2 .num{font-size:1.5em;letter-spacing:-0.05em;padding-right:0.05em;}
.offer02 .offer02_wrap .price2_1{width:6.25em;height:6.25em;top:9.6em;left:50%;margin-left:14em;font-size:1em;text-align: center;border:0.125em solid #df0066;padding:1.375em 0.2em;line-height: 1;box-sizing: border-box;}
.offer02 .offer02_wrap .price2_1 .num{font-size:1.875em;}
.offer02 .offer02_wrap .price2_1 .average{font-size:1.5em;}
.offer02 .offer02_wrap .price2_2{margin-left:-2em;top:1.7em;left:50%;font-size:4em;letter-spacing:-0.1em;}
.offer02 .offer02_wrap .price2_2 .num{font-size:1.71em;padding-right:0.05em;}
.offer02 .offer02_wrap .pricedown{top:4.1em;right:0.3em;font-size:1.625em;line-height:1;text-align:center;width:7.69em;}
.offer02 .offer02_wrap .pricedown .num{font-size:1.92em;letter-spacing:-0.05em;padding-right:0.05em;}
.offer02 .offer02_wrap .pricedown em{font-size:1.69em;}
.offer02 .offer02_wrap .diagonal_line{z-index:2;top:5.5em;left:50%;margin-left:11em;}
.offer02 .offer02_wrap .diagonal_line img{width:8.0625em;height:2.5em;}
.offer02 .offer02_wrap .offer_btn{bottom:0;left:50%;width:41.25em;margin-left:-20.68em;}
.offer02 .offer02_wrap .offer_btn:hover{opacity:0.5;}
.offer02 .offer_btn a{position: relative;}
.offer02 .offer_btn .offer02_price_down{top:0;left:0;position: absolute;}

.offer02 .total{color:#777;}
.offer02 .price1_1{color:#474747;}
.offer02 .price1_2{color:#3b3b3b;}
.offer02 .total strong,
.offer02 .price2_1,
.offer02 .price2_2{color:#df0066;}
.offer .offer02 .info{padding:0.5em 2.81em 1em 2.81em;}

/*btn*/
.offer02 .offer_btn a:hover{opacity:0.5;}
.offer02 .offer_btn a img{width:41.25em;height:10.8125em;}
.offer02 .offer_btn em{font-size:1.66em;}
.offer02 .offer_btn .shipping{font-size:1.5em;}
.offer02 .offer_btn .offer02_price_down{top:0;left:0.88em;line-height:1;position:absolute;text-align: center;font-size:1.3em;width:8.6538461538em;height:9.1826923077em;padding-top: 1.2em;box-sizing: border-box;}
.offer02 .offer_btn .num{font-size:2em;letter-spacing:-0.04em;padding-right:0.1em;}
.offer02 .offer_btn{bottom: 0.5em;margin-left:-20.5em;left:50%;}


.offer03{position:relative;}
.offer03 .item,
.offer03 .price,
.offer03 .offer_btn{position:absolute;}
.offer03 .item{top:1.7em;left:2.625em;}
.offer03 .item img{width:6.375em;height:11.625em;}
.offer03 .price{top:5.04em;left:7.67em;color:#323333;font-size:1.5em;line-height: 0.4;}
.offer03 .price strong{font-size:1.81em;padding-left:0.3em;}
.offer03 .price .num{font-size:1.45em;}
.offer03 .price em{font-size:1.54em;}
.offer03 .offer_btn{top:39.6%;left:50%;width:37.375em;margin-left:-18.68em;}
.offer03 .offer_btn:hover{opacity:0.5;}
.offer .offer03 .info{padding:0.5em 2.81em 2.81em 2.81em;}


/* form */
#form{max-width: 750px;margin: 0 auto;}