@charset "utf-8";

.pdtDetail {overflow:hidden;padding-bottom:56px;word-wrap:break-word;word-break:keep-all;/*letter-spacing:-0.5px;*/}
.pdtDetail .v-row {display:table;width:100%;height:100%;}
.pdtDetail .v-cell {display:table-cell;vertical-align:middle;}
.pdtDetail .v-cell.va-t {vertical-align:top;}
.pdtDetail .pdt_frame {padding:0 25px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pdtDetail .sup {font-size:0.6em;vertical-align:super;}
.pdtDetail .event_pdt_banner img{width:100%;}
.pdtDetail .pdt_top_banner{margin-top:25px;}
.pdtDetail .pdt_top_banner img{padding:0 25px; width:100%;box-sizing:border-box;}
.pdtDetail .pdt_top_banner .playerArea{margin-top:30px;position:relative;padding-top:58%;}
.pdtDetail .pdt_top_banner .playerArea iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.emblem {margin-bottom:40px; text-align:center;}

.pdt_summery {padding-top:64px;}
.pdt_name_en {font-family:'gb';font-size:37px;line-height:35px;color:#222;}
.pdt_name_en .bg {display:inline-block;padding:0 5px;background:#5f77ba;color:#fff;}
.pdt_name {margin-top:10px;font-family:'gb','nb';font-size:17px;line-height:23px;color:#222;}
.pdt_name span {display:inline-block;color:#0b658a;}
.pdt_copy {padding-right:5%;margin-top:20px;font-size:14px;line-height:21px;}
.pdt_keyvisual {margin:48px -25px 0;}
.pdt_keyvisual img {width:100%;}

.effect_list {padding-top:35px;}
.effect_list .tit {margin:5px 0 20px;font-family:'nb';font-size:19px;line-height:27px;color:#222;}
.effect_list li {position:relative;padding:24px 5px 35px 15px;/*border-top:2px solid #0b658a;*/}
.effect_list li:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:2px;background:#0b658a;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:left;
	-moz-transform-origin:left;
	-ms-transform-origin:left;
	-o-transform-origin:left;
	transform-origin:left;
	-webkit-transition-duration:.6s;
	-moz-transition-duration:.6s;
	-o-transition-duration:.6s;
	transition-duration:.6s;
}
.effect_list li:after {content:'';display:block;clear:both;}
.effect_list li strong {display:inline-block;font-family:'nb';font-size:17px;color:#222;}
.effect_list li strong + .v-row {margin-top:25px;}
.effect_list li p {padding-right:8%;font-size:14px;line-height:21px;}
.effect_list li p.parag {padding-right:0;font-size:17px;line-height:24px;}
.effect_list li .icon {width:50px;}
.effect_list li .icon img {max-width:36px;}

.pdt_bg {height:270px;font-size:14px;line-height:21px;color:#fff;background-size:cover;background-position:center center;}
.pdt_bg .v-cell {text-align:center;}

.pdt_feature {padding:76px 0 70px;}
.pdt_feature .txtbox {padding-right:5%;}
.pdt_feature .type1 {padding:0 25px;}
.pdt_feature .type1 .titbox h3 {font-family:'nb';font-size:23px;line-height:27px;color:#222;}
.pdt_feature .type1 .titbox h3 span {font-family:'nr';}
.pdt_feature .type1 .txt {margin-top:14px;font-size:14px;line-height:21px;letter-spacing:-0.8px;}
.pdt_feature .type1 .txt em {color:#222;}
.pdt_feature .type1 .titbox {position:relative;padding:0 30px 0 14px;z-index:1;}
.pdt_feature .type1 .imgbox {position:relative;margin-top:-9px;}
.pdt_feature .type1 .imgbox.hastxt {padding-right:60px;margin:-9px -25px 0;}
.pdt_feature .type1 .imgbox.hastxt p {position:absolute;left:100%;bottom:0;width:74%;height:54px;font-size:11px;line-height:16px;text-transform:uppercase;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
	-webkit-transform-origin:left bottom;
	-moz-transform-origin:left bottom;
	-ms-transform-origin:left bottom;
	-o-transform-origin:left bottom;
	transform-origin:left bottom;
}
.pdt_feature .type2 {position:relative;margin-top:42px;}
.pdt_feature .type2 .imgbox {padding-left:38%}
.pdt_feature .type2 .conbox {position:absolute;left:11%;top:46%;width:50%;font-size:14px;line-height:21px;
	-webkit-transform:translateY(-30%);
	-moz-transform:translateY(-30%);
	-ms-transform:translateY(-30%);
	-o-transform:translateY(-30%);
	transform:translateY(-30%);
}
.pdt_feature .type2 .tit {font-family:'nb';color:#222;}
.pdt_feature .type2 .txt {margin-top:10px;}
.pdt_feature .type3 {padding:0 25px;margin-top:85px;color:#222;}
.pdt_feature .type3 .titbox {padding-left:15px;}
.pdt_feature .type3 .titbox h3 {position:relative;padding:0 0 20px 10px;font-family:'nb';font-size:21px;line-height:27px;}
.pdt_feature .type3 .titbox h3:before {content:'';display:block;position:absolute;left:0;top:0;width:2px;height:100%;background:#222;
	-webkit-transform:scaleY(0);
	-moz-transform:scaleY(0);
	-ms-transform:scaleY(0);
	-o-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:top;
	-moz-transform-origin:top;
	-ms-transform-origin:top;
	-o-transform-origin:top;
	transform-origin:top;
	-webkit-transition:transform .8s .1s;
	-moz-transition:transform .8s .1s;
	-o-transition:transform .8s .1s;
	transition:transform .8s .1s;
}
.pdt_feature .type3 .txtbox {margin-top:10px;}
.pdt_feature .type3_1 .titbox {margin-top:60px;padding:0 11%;text-align:center;}
.pdt_feature .type3_1 .titbox h3 {font-family:'nb';font-size:19px;line-height:25px;color:#222;}
.pdt_feature .type3_1 .titbox .txt {display:inline-block;position:relative;padding-top:10px;padding-right:0;margin-top:10px;font-size:13px;line-height:20px;color:#222;/*border-top:1px solid #222;*/}
.pdt_feature .type3_1 .titbox .txt:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:1px;background:#222;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transition-duration:.8s;
	-moz-transition-duration:.8s;
	-o-transition-duration:.8s;
	transition-duration:.8s;
}

.pdt_feature .usage {text-align:center;}
.pdt_feature .usage h4 {display:inline-block; padding:0 10px; margin-top:37px; height:27px; line-height:27px; border:1px solid #5f77ba; font-family:'nb'; font-size:15px; color:#5f77ba;}
.pdt_feature .usage ul {padding:0 45px;}
.pdt_feature .usage ul li {padding:30px 25px; border-top:1px solid #ccc;}
.pdt_feature .usage ul li:first-child {border-top:none;}
.pdt_feature .usage ul li strong {display:block; margin:12px 0 4px; font-family:'nb'; font-size:16px; color:#5f77ba;}
.pdt_feature .usage ul li p {line-height:19px; font-size:13px; color:#222;}
.pdt_feature .usage ul li p em {font-family:'nb';}

.pdt_texture {height:472px;background-size:auto 100%;background-position:center bottom;background-repeat:no-repeat;background-color:#ededed;}
.pdt_texture h3 {padding-top:54px;padding-bottom:5px;font-family:'nb','gb';font-size:14px;line-height:21px;color:#5f77ba;}
.pdt_texture2 {height:293px;}
.pdt_texture2 h3 {padding-top:0;}
.pdt_texture h3:before {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background:#5f77ba;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:left;
	-moz-transform-origin:left;
	-ms-transform-origin:left;
	-o-transform-origin:left;
	transform-origin:left;
	-webkit-transition:transform 1s;
	-moz-transition:transform 1s;
	-o-transition:transform 1s;
	transition:transform 1s;
}
.pdt_texture h3.animated:before {
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	transform:scaleX(1);
}
.pdt_texture .txt1 {margin-top:20px;font-family:'nb';font-size:16px;line-height:24px;color:#222;}
.pdt_texture .txt1 em {color:#5f77ba;}
.pdt_texture .txt2 {margin-top:18px;font-size:13px;line-height:21px;color:#222;}
.pdt_texture .txt2 em {font-family:'nb';}

.pdt_ingredient {position:relative;padding:0 12px 140px;color:#222;background-image:url('../images/product/bg_pdt_ingredient.png');background-repeat:repeat;background-size:65px auto;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}
.pdt_ingredient:before {content:'';display:block;position:absolute;right:0;bottom:0;width:115px;height:218px;background-image:url('../images/product/acc_pdt_ingredient.png');background-repeat:no-repeat;background-size:cover;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}
.pdt_ingredient.visible:before {background-image:url('../images/product/acc_pdt_ingredient_visible.png');}
.pdt_ingredient .ingredient_row {position:relative;}
.pdt_ingredient .ingre_txt {color:#666;}
.pdt_ingredient .ingre_hash .tag {color:#fff;background:#5f77ba;}
.pdt_ingredient .sec_tit {padding:63px 0 26px;text-align:center;font-family:'gb','nb';font-size:23px;line-height:28px;}
.pdt_ingredient h3.sec_tit {padding:115px 0 32px;}
.pdt_ingredient .sec_txt {padding:63px 13px 26px;font-family:'nb';font-size:18px;line-height:23px;}
.pdt_ingredient .imgbox {padding:0 13px;text-align:center;}
.pdt_ingredient .conbox {padding:0 13px;margin-top:30px;}

.pdt_ingredient .matebox {padding:0 28px;}
.pdt_ingredient .matebox li {padding-top:5px;margin-top:40px;border-top:3px solid #222;}
.pdt_ingredient .matebox li:first-child {margin-top:0;}
.pdt_ingredient .matebox .txt {font-family:'nb';font-size:15px;line-height:24px;color:#5f77ba;}
.pdt_ingredient .matebox .txt2 {margin-top:6px;font-family:'nb';}
.pdt_ingredient .matebox .txt2 span {display:inline-block;font-family:'nr';line-height:20px;}
.pdt_ingredient .matebox .img {margin-top:25px;}

.pdt_ingredient .pentagonbox {margin-top:32px;text-align:center;}
.pdt_ingredient .pentagonbox dl {position:relative; width:296px; margin:0 auto 68px;}
.pdt_ingredient .pentagonbox dt {height:180px;}
#pentagon {position:absolute;left:-3%;top:-2%;
	-webkit-transform:rotate(-18deg);
	-moz-transform:rotate(-18deg);
	-ms-transform:rotate(-18deg);
	-o-transform:rotate(-18deg);
	transform:rotate(-18deg);
}
.pdt_ingredient .pentagonbox dt p {position:relative;padding-top:22px;font-family:'nb';font-size:19px;line-height:23px;}
.pdt_ingredient .pentagonbox dd {position:absolute;left:0;top:0;width:82px;height:82px;margin-left:-41px;margin-top:-41px;background:#fff;border:1px solid #f7f7f7;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pdt_ingredient .pentagonbox dd.c1 {left:50%;top:0;}
.pdt_ingredient .pentagonbox dd.c2 {left:80%;top:40%;}
.pdt_ingredient .pentagonbox dd.c3 {left:69%;top:102%;}
.pdt_ingredient .pentagonbox dd.c4 {left:30%;top:102%;}
.pdt_ingredient .pentagonbox dd.c5 {left:21%;top:40%;}
.pdt_ingredient .pentagonbox dd p {font-family:'nb';font-size:15px;line-height:17px;}

.pdt_ingredient .ingre_tit {font-family:'nb';font-size:17px;line-height:26px;}
.pdt_ingredient .ingre_tit span {display:inline-block;}
.pdt_ingredient .ingre_tit span.subtxt {font-family:'nr';font-size:13px;line-height:22px;}
.pdt_ingredient .ingre_hash {margin-top:14px;}
.pdt_ingredient .ingre_hash .tag {display:inline-block;padding:0 7px 2px;margin-right:4px;font-size:14px;line-height:22px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.pdt_ingredient .ingre_txt {margin-top:15px;font-size:13px;line-height:20px;}
.pdt_ingredient i.chk {display:inline-block;position:relative;vertical-align:top;width:18px;height:18px;margin-right:39px;border:1px solid #222;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pdt_ingredient i.chk:before,
.pdt_ingredient i.chk:after {content:'';display:block;position:absolute;}
.pdt_ingredient i.chk:before {left:8px;top:0;width:6px;height:18px;margin-top:-10px;border-width:0 3px 3px 0;border-style:solid;border-color:#5f77ba;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.pdt_ingredient .chklist i.chk {margin-right:39px;}
.pdt_ingredient .chklist i.chk:after {left:27px;top:50%;width:22px;height:2px;margin-top:-1px;background:#54689d;}

.pdt_ingredient .chklist.col1 {padding:0 8%;}
.pdt_ingredient .chklist li {min-height:122px;padding-top:22px;vertical-align:top;border-bottom:2px solid;border-color:#222;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pdt_ingredient .chklist li:nth-child(1) {border-top:2px solid;}
.pdt_ingredient .chklist li strong {display:inline-block;width:-webkit-calc(100% - 62px);width:-moz-calc(100% - 62px);width:calc(100% - 62px);vertical-align:top;font-family:'nb';font-size:16px;line-height:18px;}
.pdt_ingredient .chklist li p {padding-left:60px;margin-top:10px;font-size:13px;line-height:20px;}

.pdt_ingredient .chklist.scroll {padding-left:25px;margin:0 -12px;}
.pdt_ingredient .chklist.scroll ul {overflow-y:hidden;overflow-x:auto;position:relative;width:100%;padding:0 0 10px;font-size:0;vertical-align:top;white-space:nowrap;-webkit-overflow-scrolling:touch;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pdt_ingredient .chklist.scroll li {display:inline-block;width:290px;}
.pdt_ingredient .chklist.scroll li:nth-child(2),
.pdt_ingredient .chklist.scroll li:nth-child(3) {border-top:2px solid;}
.pdt_ingredient .chklist.scroll li.br {display:block;overflow:hidden;width:0;min-height:0;height:0;padding-top:0;border-bottom:0;}
.pdt_ingredient .chklist.scroll li strong {width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);width:calc(100% - 60px);}

.pdt_ingredient .chklist2 li {padding:10px 0 32px;border-top:2px solid #fff;}
.pdt_ingredient .chklist2 li i.chk {margin-top:2px;margin-right:6px;}
.pdt_ingredient .chklist2 li p {display:inline-block;width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 30px);width:calc(100% - 30px);vertical-align:top;font-family:'nb';font-size:13px;line-height:20px;}
.pdt_ingredient .chklist2 li p span {font-family:'nr';}
.pdt_ingredient .chk_tit {font-size:14px;line-height:22px;}
.pdt_ingredient .chk_tit em {display:inline-block;font-family:'nb';}

.pdt_ingredient .pointlist {padding:0 13px;}
.pdt_ingredient .pointlist .item {padding:20px;background:#fff;margin-top:25px;}
.pdt_ingredient .pointlist .item .n {display:block;width:60px;height:60px;padding-top:15px;text-align:center;font-size:11px;line-height:11px;color:#fff;background:#879bd0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pdt_ingredient .pointlist .item .n em {display:block;font-family:'gb';font-size:24px;line-height:20px;}
.pdt_ingredient .pointlist .item .tit {margin-top:20px;font-family:'nb';font-size:18px;line-height:23px;}
.pdt_ingredient .pointlist .item .txt {margin-top:10px;font-size:14px;line-height:24px;}


.pdt_ingredient.visible {background-image:url('../images/product/bg_pdt_ingredient_visible.png');}
.pdt_ingredient.visible,
.pdt_ingredient.visible .ingre_txt {color:#fff;}
.pdt_ingredient.visible .ingre_hash .tag {color:#222;background:#fff;}
.pdt_ingredient.visible .ingre_hash .tag em {color:#5f77ba;}
.pdt_ingredient.visible .chklist li {border-color:#fff;}
.pdt_ingredient.visible i.chk {border-color:#fff;
	-webkit-box-shadow:0 1px 0 #a7b6dd;
	-moz-box-shadow:0 1px 0 #a7b6dd;
	box-shadow:0 1px 0 #a7b6dd;
}
.pdt_ingredient.visible i.chk:before {border-color:#fff;}
.pdt_ingredient.visible .pointlist .item {color:#879bd0;}
.pdt_ingredient.visible .matebox li {border-color:#fff;}
.pdt_ingredient.visible .matebox .txt {color:#222;}
.pdt_ingredient.visible .pentagonbox dd p {color:#879bd0;}

.pdt_howto {padding-top:56px;}
.pdt_howto h3 {padding:0 25px;text-align:center;font-family:'gb';font-size:21px;line-height:27px;color:#222;}
.pdt_howto .howto_list .item {padding-top:26px;}
.pdt_howto .howto_list .item:first-child {padding-top:34px;}
.pdt_howto .howto_list .howto_txt {margin-top:18px;font-size:14px;line-height:21px;}
.pdt_howto .howto_list .howto_txt:after {content:'';display:block;clear:both;}
.pdt_howto .s {float:left;width:65px;font-family:'gb';font-size:14px;line-height:1;color:#222;}
.pdt_howto .howto_list .t {float:left;position:relative;width:-webkit-calc(100% - 65px);width:-moz-calc(100% - 65px);width:calc(100% - 65px);padding-top:24px;}
.pdt_howto .howto_list .t:before {content:'';display:block;position:absolute;left:0;top:8px;width:100%;height:1px;background:#dcdcdc;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:left;
	-moz-transform-origin:left;
	-ms-transform-origin:left;
	-o-transform-origin:left;
	transform-origin:left;
	-webkit-transition:transform 1s;
	-moz-transition:transform 1s;
	-o-transition:transform 1s;
	transition:transform 1s;
}
.pdt_howto .howto_list li:nth-child(1) .t:before {
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
}
.pdt_howto .howto_list li:nth-child(2) .t:before {
	-webkit-transition-delay:.2s;
	-moz-transition-delay:.2s;
	-o-transition-delay:.2s;
	transition-delay:.2s;
}
.pdt_howto .howto_list li:nth-child(3) .t:before {
	-webkit-transition-delay:.4s;
	-moz-transition-delay:.4s;
	-o-transition-delay:.4s;
	transition-delay:.4s;
}
.pdt_howto .howto_list li:nth-child(4) .t:before {
	-webkit-transition-delay:.6s;
	-moz-transition-delay:.6s;
	-o-transition-delay:.6s;
	transition-delay:.6s;
}
.pdt_howto .howto_list li:nth-child(5) .t:before {
	-webkit-transition-delay:.8s;
	-moz-transition-delay:.8s;
	-o-transition-delay:.8s;
	transition-delay:.8s;
}
.pdt_howto .howto_list .tip {margin-top:20px;color:#5f77ba;}
.pdt_howto .howto_list_txt {position:relative;margin:20px 25px 0;}
.pdt_howto .howto_list_txt:before {content:'';display:block;position:absolute;left:18px;top:0;width:1px;height:100%;background:#dedede;}
.pdt_howto .howto_list_txt .item {position:relative;padding:0 0 0 55px;margin-top:28px;}
.pdt_howto .howto_list_txt .item:first-child {padding:0 0 0 56px;margin-top:0;}
.pdt_howto .howto_list_txt .item .s {position:absolute;left:0;top:-3px;width:56px;line-height:26px;background:#fff;}
.pdt_howto .howto_list_txt .item:last-child .s {height:100%;}
.pdt_howto .howto_list_txt .item .t {width:100%;}
.pdt_howto .videoArea {overflow:hidden;position:relative;width:100%;height:0;padding-top:55%;margin-top:34px;}
.pdt_howto .videoArea .cover {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;font-size:0;color:transparent;background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:cover;background-size:cover;}
.pdt_howto .videoArea .cover.stop {display:none;background:none;}
.pdt_howto .videoArea video {position:absolute;left:50%;top:50%;width:100%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.pdt_howto .howto_list.slide {margin-top:35px;}
.pdt_howto .howto_list.slide .slick-arrow {position:absolute;top:82%;width:28px;height:35px;font-size:0;background-color:transparent;background-repeat:no-repeat;background-size:contain;}
.pdt_howto .howto_list.slide .slick-prev {left:12px;background-image:url('../images/common/arr_slick_prev.png');background-position:left center;}
.pdt_howto .howto_list.slide .slick-next {right:12px;background-image:url('../images/common/arr_slick_next.png');background-position:right center;}
.pdt_howto .howto_list.slide .slick-dots {position:absolute;right:36px;top:10px;}
.pdt_howto .howto_list.slide .slick-dots li {display:inline-block;height:6px;padding:1px 0;margin:0 4px;}
.pdt_howto .howto_list.slide .slick-dots button {width:6px;height:6px;font-size:0;line-height:0;color:transparent;background:#666;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.pdt_howto .howto_list.slide .slick-dots .slick-active {height:8px;}
.pdt_howto .howto_list.slide .slick-dots .slick-active button {width:8px;height:8px;background:#5f77ba;}
.pdt_howto .howto_list.slide .item {padding-top:0;text-align:center;}
.pdt_howto .howto_list.slide .howto_txt {padding:0 40px;}
.pdt_howto .howto_list.slide .howto_txt strong {display:block;font-family:'gb';color:#222;}
.pdt_howto .howto_list.slide .howto_txt p {margin-top:5px;}

.pdt_howto .howto_list .animated .t:before {
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	transform:scaleX(1);
}

.pdt_howto2 {margin-top:75px;}
.pdt_howto2 .howto_vod {padding:0 12px;}
.pdt_howto2 .videoArea {overflow:hidden; position:relative; box-sizing:border-box; width:100%; height:0; border:6px solid #b4c0e4; padding-top:55%; margin:0 auto;}
.pdt_howto2 .videoArea .cover {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;font-size:0;color:transparent;background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:cover;background-size:cover;}
.pdt_howto2 .videoArea .cover.stop {display:none;background:none;}
.pdt_howto2 .videoArea video {position:absolute;left:50%;top:50%;width:100%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

.pdt_addexp {position:relative; margin-top:70px; padding:15px 25px 0;}
.pdt_addexp .bar {position:absolute; left:0; top:0; display:block; width:100%; height:2px; background:#222;}
.pdt_addexp h3 {font-family:'nb'; font-size:16px; color:#222;}
.pdt_addexp .addexp_list .item {margin-top:35px;}
.pdt_addexp .addexp_list .item .t {margin-bottom:15px; font-family:'nb'; color:#222;}
.pdt_addexp .addexp_list .item ul li {padding-left:16px; text-indent:-16px; line-height:23px; color:#222;}

/* line color */
.line_md .pdt_name span,
.line_md .effect_list p em {color:#5f77ba;}
.line_md .effect_list li {border-color:#5f77ba;}
.line_md .effect_list li:before {background-color:#5f77ba;}
.line_atobarrier .pdt_name span,
.line_atobarrier .effect_list p em {color:#0b658a;}
.line_atobarrier .effect_list li {border-color:#0b658a;}
.line_atobarrier .effect_list li:before {background-color:#0b658a;}
.line_white .pdt_name span,
.line_white .effect_list p em {color:#a7a9ac;}
.line_white .effect_list li {border-color:#a7a9ac;}
.line_white .effect_list li:before {background-color:#a7a9ac;}
.line_regederm .pdt_name span,
.line_regederm .effect_list p em {color:#7f3688;}
.line_regederm .effect_list li {border-color:#7f3688;}
.line_regederm .effect_list li:before {background-color:#7f3688;}
.line_theracne .pdt_name span,
.line_theracne .effect_list p em {color:#991c3a;}
.line_theracne .effect_list li {border-color:#991c3a;}
.line_theracne .effect_list li:before {background-color:#991c3a;}
.line_trichone .pdt_name span,
.line_trichone .effect_list p em {color:#754200;}
.line_trichone .effect_list li {border-color:#754200;}
.line_trichone .effect_list li:before {background-color:#754200;}
.line_acica .pdt_name span,
.line_acica .effect_list p em {color:#005438;}
.line_acica .effect_list li {border-color:#005438;}
.line_acica .effect_list li:before {background-color:#005438;}

.obj {
	-webkit-transition:.5s ease;
	-moz-transition:.5s ease;
	-o-transition:.5s ease;
	transition:.5s ease;
	transition-property:opacity,-webkit-transform;
	transition-property:transform,opacity;
	transition-property:transform,opacity,-webkit-transform;
	opacity:0;
	-webkit-transform:translate(0,30px);
	-moz-transform:translate(0,30px);
	-ms-transform:translate(0,30px);
	-o-transform:translate(0,30px);
	transform:translate(0,30px)
}
.obj1 {
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	transition-delay:0.1s;
}
.obj2 {
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	transition-delay:0.2s;
}
.obj3 {
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	transition-delay:0.3s;
}
.obj4 {
	-webkit-transition-delay:0.4s;
	-moz-transition-delay:0.4s;
	-o-transition-delay:0.4s;
	transition-delay:0.4s;
}
.obj5 {
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	transition-delay:0.5s;
}
.obj6 {
	-webkit-transition-delay:0.6s;
	-moz-transition-delay:0.6s;
	-o-transition-delay:0.6s;
	transition-delay:0.6s;
}
.obj.animated {opacity: 1;
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
}
.effect_list li:nth-child(1):before {
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
}
.effect_list li:nth-child(2):before {
	-webkit-transition-delay:.2s;
	-moz-transition-delay:.2s;
	-o-transition-delay:.2s;
	transition-delay:.2s;
}
.effect_list li:nth-child(3):before {
	-webkit-transition-delay:.4s;
	-moz-transition-delay:.4s;
	-o-transition-delay:.4s;
	transition-delay:.4s;
}
.effect_list li:nth-child(4):before {
	-webkit-transition-delay:.6s;
	-moz-transition-delay:.6s;
	-o-transition-delay:.6s;
	transition-delay:.6s;
}
.effect_list li:nth-child(5):before {
	-webkit-transition-delay:.8s;
	-moz-transition-delay:.8s;
	-o-transition-delay:.8s;
	transition-delay:.8s;
}
.effect_list li.animated:before {
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	transform:scaleX(1);
}
.pdt_feature .type3 .titbox.animated h3:before,
.pdt_feature .type3_1 .titbox .txt.animated:before {
	-webkit-transform:scaleY(1);
	-moz-transform:scaleY(1);
	-ms-transform:scaleY(1);
	transform:scaleY(1);
}


/* new pdt acica_line */
.line_acica_new .bgColor{background:#005438;}
.line_acica_new .color1{color:#005438;}

.line_acica_new .pdt_key_visual h3{color:#222;}

.line_acica_new .pdt_visual .top_txt{line-height:1.8;}

.line_acica_new .pdt_test .con_list li:nth-child(1) > .heading{background:#99bbaf;}
.line_acica_new .pdt_test .con_list li:nth-child(2) > .heading{background:#669888;}
.line_acica_new .pdt_test .con_list li:nth-child(3) > .heading{background:#337660;}
.line_acica_new .pdt_test .con_list li:nth-child(4) > .heading{background:#005438;}

.line_acica_new .arrow_down:after{background:url('/resources/mobile/images/product/arrow_down_type2.png')no-repeat center top;background-size:cover;}

.line_acica_new .pdt_key_visual .pdt_hash li{border:1px solid #005438;color:#005438;}

/* new pdt atobarrier_line */
.line_atobarrier_new .color1{color:#0b658a;}
.line_atobarrier_new .bgColor{background:#0b658a;}

.line_atobarrier_new .pdt_key_visual .pdt_hash li{border:1px solid #fff;color:#fff;}
.line_atobarrier_new .pdt_key_visual h3{color:#fff;}

.line_atobarrier_new .pdt_test .con_list li:nth-child(1) > .heading{background:#85b2c4;}
.line_atobarrier_new .pdt_test .con_list li:nth-child(2) > .heading{background:#5493ad;}
.line_atobarrier_new .pdt_test .con_list li:nth-child(3) > .heading{background:#0b658a;}

.line_atobarrier_new .arrow_down:after{background:url('/resources/mobile/images/product/arrow_down_type1.png')no-repeat center top;background-size:cover;}

/* new pdt theracne_line */
.line_theracne_new .bgColor{background:#991c3a;}
.line_theracne_new .color1{color:#991c3a;}

.line_theracne_new .pdt_test .con_list li:nth-child(1) > .heading{background:#b76075;}
.line_theracne_new .pdt_test .con_list li:nth-child(2) > .heading{background:#991c3a;}

.line_theracne_new .pdt_visual .top_txt{line-height:1.8;}

.line_theracne_new .pdt_key_visual .pdt_hash li{border:1px solid #991c3a;color:#991c3a;}

/* new pdt css common */
.pdt_new .inner{padding:0 4%;}
.pdt_new .bgColor1{background:#f8f8f8;}

.pdt_new .pdt_visual{position:relative;padding-top:30px;text-align:center;}
.pdt_new .pdt_visual:after{display:block;content:"";position:absolute;bottom:-78%;left:50%;width:100%;height:150%;background:#fff;transform:translateX(-50%) rotate(65deg);z-index:0;}
.pdt_new .pdt_visual .pdt_frame{position:relative;z-index:1;}
.pdt_new .pdt_visual h2{font-size:35px;line-height:1.2;color:#fff;font-family:'nb','gb';text-align:left;}
.pdt_new .pdt_visual h2 .sup{color:#fff;}
.pdt_new .pdt_visual .visual_img{position:relative;margin:25px auto 0;text-align:center;}
.pdt_new .pdt_visual .visual_img .visual{width:40%;}
.pdt_new .pdt_visual .visual_img .emblem{position:absolute;top:6%;right:9%;width:17%;}
.pdt_new .pdt_visual .top_txt{padding-top:30px;color:#fff;font-size:17px;line-height:23px;text-align:left;}
.pdt_new .pdt_visual .top_txt .point{position:relative;}
.pdt_new .pdt_visual .top_txt .point:before{display:block;content:"";position:absolute;top:0;left:50%;width:2px;height:2px;background:#fff;border-radius:50%;transform:translateX(-50%);}
.pdt_new .pdt_visual .top_txt .sup{color:#acd0df;}
.pdt_new .pdt_visual .bottom_txt{margin-top:10px;font-size:10px;line-height:1.4;text-align:left;}

.pdt_new .pdt_feature .type1 .txt{color:#222;}
.pdt_new .pdt_feature .type1 .txt .point{color:#222;font-family:'nb';}
.pdt_new .pdt_feature .type1 .titbox{padding-left:0;}
.pdt_new .pdt_feature .type1 .titbox h3{margin-top:5px;letter-spacing:-0.8px;}
.pdt_new .pdt_feature .type1 .titbox h3 .point{font-family:'nb';}
.pdt_new .pdt_feature .type1 .imgbox.hastxt{padding-right:18%;margin:-10px -25px 0;}
.pdt_new .pdt_feature .type1 .imgbox.hastxt p{height:20%;}

.pdt_new .pdt_concept{position:relative;}
.pdt_new .pdt_concept .box{position:absolute;bottom:8%;left:50%;width:calc(100% - 24px);padding:30px 7%;box-sizing:border-box;background:#fff;transform:translateX(-50%);text-align:center;}
.pdt_new .pdt_concept .box .top_txt{font-size:14px;line-height:21px;color:#222;}
.pdt_new .pdt_concept .box .top_txt span{font-family:'nb';}
.pdt_new .pdt_concept .box .tit{display:block;padding-top:10px;font-size:20px;line-height:27px;color:#222;font-family:'nb';}

.pdt_new .pdt_key_visual{position:relative;}
.pdt_new .pdt_key_visual .txt_box{position:absolute;top:10%;width:100%;padding:0 7%;box-sizing:border-box;}
.pdt_new .pdt_key_visual .txt_box:after{display:block;content:"";clear:both;}
.pdt_new .pdt_key_visual .txt{font-size:13px;line-height:25px;}
.pdt_new .pdt_key_visual .txt + .pdt_hash{display:inline-block;width:auto;vertical-align:top;}
.pdt_new .pdt_key_visual .pdt_hash{width:80%;font-size:0;}
.pdt_new .pdt_key_visual .pdt_hash li{display:inline-block;vertical-align:top;padding:0 5px;margin-right:3px;font-size:11px;line-height:24px;height:24px;border-radius:1px;box-sizing:border-box;}
.pdt_new .pdt_key_visual .pdt_hash li.last{margin-top:3px;}
.pdt_new .pdt_key_visual .pdt_hash li:last-child{margin-right:0;}
.pdt_new .pdt_key_visual h3{display:block;margin-top:15px;font-family:'gb','nb';font-size:20px;line-height:1.4;color:#222;}
.pdt_new .pdt_key_visual .top_txt{display:block;margin-top:20px;font-size:17px;line-height:1.4;color:#222;font-family:'nb';}
.pdt_new .pdt_key_visual .top_txt + h3{margin-top:8px;font-size:23px;}
.pdt_new .pdt_key_visual .txt1{margin-top:10px;font-size:14px;line-height:21px;color:#222;}
.pdt_new .pdt_key_visual .txt1 em{font-family:'nb';}

.pdt_new .pdt_dermaon{padding:0 18px 40px;margin:0 12px 40px 12px;background:url('/resources/mobile/images/product/pdt_ingredient_bg_type1.png')no-repeat center top;background-size:100% 100%;}
.pdt_new .pdt_dermaon .sec_tit{padding:55px 0 10px;font-size:21px;line-height:26px;font-family:'nb';text-align:center;color:#fff;}
.pdt_new .pdt_dermaon .txt1{font-size:14px;line-height:20px;text-align: center;}
.pdt_new .pdt_dermaon .ingre_info{max-width:320px;padding-top:4%;font-size:0;margin:0 auto;}
.pdt_new .pdt_dermaon .ingre_info > div{display:inline-block;vertical-align:top;}
.pdt_new .pdt_dermaon .ingre_info .imgbox{width:40%;padding:0;}
.pdt_new .pdt_dermaon .ingre_info .txt_wrap{width:60%;padding-left:2%;font-size:12px;line-height:19px;box-sizing:border-box;color:#fff;}
.pdt_new .pdt_dermaon .row_tit{display:block;margin-top:40px;font-size:16px;line-height:25px;font-family:'nb';text-align:center;color:#fff;}
.pdt_new .pdt_dermaon .txt1{margin-bottom:20px;font-size:16px;line-height:25px;text-align:center;color:#fff;}

.pdt_new .pdt_fin{text-align:center;padding-bottom:35px;}
.pdt_new .pdt_fin .heading{display:block;padding:60px 0 30px 0;font-size:23px;line-height:30px;color:#222;font-family:'nb';}
.pdt_new .pdt_fin .heading span{display:inline-block;padding-bottom:20px;font-size:18px;font-style:italic;line-height:1;}
.pdt_new .pdt_fin .heading sup{font-size:0.3em;color:#888;}
.pdt_new .pdt_fin .heading sup.last{display:block;margin:20px 0 10px 0;font-size:0.5em;color:#888;font-weight:400;font-family:'nr';}
.pdt_new .pdt_fin .fin_con{padding-bottom:40px;}
.pdt_new .pdt_fin .fin_con li{margin-top:50px;}
.pdt_new .pdt_fin .fin_con li:first-child{margin-top:0;}
.pdt_new .pdt_fin .fin_con .list_tit{display:block;max-width:250px;margin:0 auto 20px;font-size:0;text-align:left;}
.pdt_new .pdt_fin .fin_con .list_tit .txt{display:inline-block;font-size:16px;line-height:22px;color:#222;font-family:'nb';text-align:left;vertical-align:top;}
.pdt_new .pdt_fin .fin_con .list_tit .num{display:inline-block;width:20px;margin:2px 8px 0 0;background:#9dbbb1;font-size:16px;font-family:'gb';color:#fff;line-height:20px;border-radius:50%;vertical-align:top;text-align:center;}

.pdt_new .pdt_test{padding:70px 0 60px 0;}
.pdt_new .pdt_test .top_txt{max-width:500px;margin:0 auto;font-family:'gb','nb';font-size:19px;color:#222;}
.pdt_new .pdt_test .top_txt span{line-height:1.6;}
.pdt_new .pdt_test .top_txt span:nth-child(1){display:block;font-family:'nr';padding-bottom:4px;}
.pdt_new .pdt_test .top_txt span:nth-child(3){display:block;}
.pdt_new .pdt_test .con_list{max-width:500px;margin:30px auto 0;}
.pdt_new .pdt_test .con_list li{font-size:0;padding-bottom:30px;}
.pdt_new .pdt_test .con_list li > .heading{display:inline-block;position:relative;width:95px;height:95px;vertical-align:middle;border-radius:50%;}
.pdt_new .pdt_test .con_list li > .heading:after{display:block;content:"";position:absolute;bottom:-24px;left:50%;width:1px;height:18px;background:#85b2c4;}
.pdt_new .pdt_test .con_list li:last-child > .heading:after{display:none;}
.pdt_new .pdt_test .con_list li > .heading em{position:absolute;top:50%;left:50%;font-size:13px;line-height:18px;font-family:"nb";color:#fff;transform:translate(-50%,-50%);text-align:center;}
.pdt_new .pdt_test .con_list li > .txt_box{display:inline-block;width:calc(100% - 95px);vertical-align:middle;padding-left:18px;box-sizing:border-box;}
.pdt_new .pdt_test .con_list li > .txt_box .txt1{font-size:13px;line-height:19px;color:#222;text-align:left;}
.pdt_new .pdt_test .con_list li > .txt_box .txt2{padding-top:5px;font-size:10px;line-height:15px;color:#888;text-align:left;}
.pdt_new .pdt_test .desc{margin-top:30px;font-size:0;text-align:center;}
.pdt_new .pdt_test .desc > div{display:inline-block;vertical-align:middle;}
.pdt_new .pdt_test .desc > .img_wrap{width:70px;}
.pdt_new .pdt_test .desc > .txt_wrap{padding-left:25px;text-align:left;}
.pdt_new .pdt_test .desc > .txt_wrap .txt1{font-size:14px;line-height:1.4;color:#222;font-family:'gb','nb';}
.pdt_new .pdt_test .desc > .txt_wrap .txt2{padding-top:6px;font-size:20px;line-height:1.2;font-family:'gb','nb';}
.pdt_new .pdt_test .grey_box{margin-top:42px;background:#fafafa;padding:35px 0;text-align:center;}
.pdt_new .pdt_test .grey_box strong{display:block;font-size:20px;line-height:33px;color:#222;font-family:'nb';}
.pdt_new .pdt_test .grey_box strong sup{color:#888;}
.pdt_new .pdt_test .grey_box em{display:block;padding-top:15px;font-size:13px;line-height:19px;color:#222;}
.pdt_new .pdt_test .grey_box p{padding-top:10px;font-size:11px;line-height:18px;color:#555;}

.pdt_new .pdt_desc{padding:50px 0;}
.pdt_new .pdt_desc p{padding-top:18px;font-size:14px;line-height:21px;color:#222;}

.pdt_new .pdt_formulation{padding:50px 0;}
.pdt_new .pdt_formulation .top_txt{display:block;padding-bottom:8px;margin-bottom:20px;font-size:16px;line-height:24px;font-family:'nb';color:#222;border-bottom:1px solid #222;}
.pdt_new .pdt_formulation .txt1{margin-top:15px;font-size:13px;line-height:20px;color:#555;}

.pdt_new .pdt_howto{padding-bottom:60px;}

.pdt_new .arrow_down{position:relative;}
.pdt_new .arrow_down:after{display:block;content:"";position:absolute;top:-15px;left:50%;width:29px;height:29px;transform:translateX(-50%);}

.pdtDetail .pdtText{ margin: 50px 25px 0; text-align:center; color:#000; font-size:14px; }@charset "utf-8";

.pdtDetail {overflow:hidden;padding-bottom:56px;word-wrap:break-word;word-break:keep-all;/*letter-spacing:-0.5px;*/}
.pdtDetail .v-row {display:table;width:100%;height:100%;}
.pdtDetail .v-cell {display:table-cell;vertical-align:middle;}
.pdtDetail .v-cell.va-t {vertical-align:top;}
.pdtDetail .pdt_frame {padding:0 25px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pdtDetail .sup {font-size:0.6em;vertical-align:super;}
.pdtDetail .event_pdt_banner img{width:100%;}
.pdtDetail .pdt_top_banner{margin-top:25px;}
.pdtDetail .pdt_top_banner img{padding:0 25px; width:100%;box-sizing:border-box;}
.pdtDetail .pdt_top_banner .playerArea{margin-top:30px;position:relative;padding-top:58%;}
.pdtDetail .pdt_top_banner .playerArea iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.emblem {margin-bottom:40px; text-align:center;}

.pdt_summery {padding-top:64px;}
.pdt_name_en {font-family:'gb';font-size:37px;line-height:35px;color:#222;}
.pdt_name_en .bg {display:inline-block;padding:0 5px;background:#5f77ba;color:#fff;}
.pdt_name {margin-top:10px;font-family:'gb','nb';font-size:17px;line-height:23px;color:#222;}
.pdt_name span {display:inline-block;color:#0b658a;}
.pdt_copy {padding-right:5%;margin-top:20px;font-size:14px;line-height:21px;}
.pdt_keyvisual {margin:48px -25px 0;}
.pdt_keyvisual img {width:100%;}

.effect_list {padding-top:35px;}
.effect_list .tit {margin:5px 0 20px;font-family:'nb';font-size:19px;line-height:27px;color:#222;}
.effect_list li {position:relative;padding:24px 5px 35px 15px;/*border-top:2px solid #0b658a;*/}
.effect_list li:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:2px;background:#0b658a;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:left;
	-moz-transform-origin:left;
	-ms-transform-origin:left;
	-o-transform-origin:left;
	transform-origin:left;
	-webkit-transition-duration:.6s;
	-moz-transition-duration:.6s;
	-o-transition-duration:.6s;
	transition-duration:.6s;
}
.effect_list li:after {content:'';display:block;clear:both;}
.effect_list li strong {display:inline-block;font-family:'nb';font-size:17px;color:#222;}
.effect_list li strong + .v-row {margin-top:25px;}
.effect_list li p {padding-right:8%;font-size:14px;line-height:21px;}
.effect_list li p.parag {padding-right:0;font-size:17px;line-height:24px;}
.effect_list li .icon {width:50px;}
.effect_list li .icon img {max-width:36px;}

.pdt_bg {height:270px;font-size:14px;line-height:21px;color:#fff;background-size:cover;background-position:center center;}
.pdt_bg .v-cell {text-align:center;}

.pdt_feature {padding:76px 0 70px;}
.pdt_feature .txtbox {padding-right:5%;}
.pdt_feature .type1 {padding:0 25px;}
.pdt_feature .type1 .titbox h3 {font-family:'nb';font-size:23px;line-height:27px;color:#222;}
.pdt_feature .type1 .titbox h3 span {font-family:'nr';}
.pdt_feature .type1 .txt {margin-top:14px;font-size:14px;line-height:21px;letter-spacing:-0.8px;}
.pdt_feature .type1 .txt em {color:#222;}
.pdt_feature .type1 .titbox {position:relative;padding:0 30px 0 14px;z-index:1;}
.pdt_feature .type1 .imgbox {position:relative;margin-top:-9px;}
.pdt_feature .type1 .imgbox.hastxt {padding-right:60px;margin:-9px -25px 0;}
.pdt_feature .type1 .imgbox.hastxt p {position:absolute;left:100%;bottom:0;width:74%;height:54px;font-size:11px;line-height:16px;text-transform:uppercase;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
	-webkit-transform-origin:left bottom;
	-moz-transform-origin:left bottom;
	-ms-transform-origin:left bottom;
	-o-transform-origin:left bottom;
	transform-origin:left bottom;
}
.pdt_feature .type2 {position:relative;margin-top:42px;}
.pdt_feature .type2 .imgbox {padding-left:38%}
.pdt_feature .type2 .conbox {position:absolute;left:11%;top:46%;width:50%;font-size:14px;line-height:21px;
	-webkit-transform:translateY(-30%);
	-moz-transform:translateY(-30%);
	-ms-transform:translateY(-30%);
	-o-transform:translateY(-30%);
	transform:translateY(-30%);
}
.pdt_feature .type2 .tit {font-family:'nb';color:#222;}
.pdt_feature .type2 .txt {margin-top:10px;}
.pdt_feature .type3 {padding:0 25px;margin-top:85px;color:#222;}
.pdt_feature .type3 .titbox {padding-left:15px;}
.pdt_feature .type3 .titbox h3 {position:relative;padding:0 0 20px 10px;font-family:'nb';font-size:21px;line-height:27px;}
.pdt_feature .type3 .titbox h3:before {content:'';display:block;position:absolute;left:0;top:0;width:2px;height:100%;background:#222;
	-webkit-transform:scaleY(0);
	-moz-transform:scaleY(0);
	-ms-transform:scaleY(0);
	-o-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transform-origin:top;
	-moz-transform-origin:top;
	-ms-transform-origin:top;
	-o-transform-origin:top;
	transform-origin:top;
	-webkit-transition:transform .8s .1s;
	-moz-transition:transform .8s .1s;
	-o-transition:transform .8s .1s;
	transition:transform .8s .1s;
}
.pdt_feature .type3 .txtbox {margin-top:10px;}
.pdt_feature .type3_1 .titbox {margin-top:60px;padding:0 11%;text-align:center;}
.pdt_feature .type3_1 .titbox h3 {font-family:'nb';font-size:19px;line-height:25px;color:#222;}
.pdt_feature .type3_1 .titbox .txt {display:inline-block;position:relative;padding-top:10px;padding-right:0;margin-top:10px;font-size:13px;line-height:20px;color:#222;/*border-top:1px solid #222;*/}
.pdt_feature .type3_1 .titbox .txt:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:1px;background:#222;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transition-duration:.8s;
	-moz-transition-duration:.8s;
	-o-transition-duration:.8s;
	transition-duration:.8s;
}

.pdt_feature .usage {text-align:center;}
.pdt_feature .usage h4 {display:inline-block; padding:0 10px; margin-top:37px; height:27px; line-height:27px; border:1px solid #5f77ba; font-family:'nb'; font-size:15px; color:#5f77ba;}
.pdt_feature .usage ul {padding:0 45px;}
.pdt_feature .usage ul li {padding:30px 25px; border-top:1px solid #ccc;}
.pdt_feature .usage ul li:first-child {border-top:none;}
.pdt_feature .usage ul li strong {display:block; margin:12px 0 4px; font-family:'nb'; font-size:16px; color:#5f77ba;}
.pdt_feature .usage ul li p {line-height:19px; font-size:13px; color:#222;}
.pdt_feature .usage ul li p em {font-family:'nb';}

.pdt_texture {height:472px;background-size:auto 100%;background-position:center bottom;background-repeat:no-repeat;background-color:#ededed;}
.pdt_texture h3 {padding-top:54px;padding-bottom:5px;font-family:'nb','gb';font-size:14px;line-height:21px;color:#5f77ba;}
.pdt_texture2 {height:293px;}
.pdt_texture2 h3 {padding-top:0;}
.pdt_texture h3:before {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background:#5f77ba;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:left;
	-moz-transform-origin:left;
	-ms-transform-origin:left;
	-o-transform-origin:left;
	transform-origin:left;
	-webkit-transition:transform 1s;
	-moz-transition:transform 1s;
	-o-transition:transform 1s;
	transition:transform 1s;
}
.pdt_texture h3.animated:before {
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	transform:scaleX(1);
}
.pdt_texture .txt1 {margin-top:20px;font-family:'nb';font-size:16px;line-height:24px;color:#222;}
.pdt_texture .txt1 em {color:#5f77ba;}
.pdt_texture .txt2 {margin-top:18px;font-size:13px;line-height:21px;color:#222;}
.pdt_texture .txt2 em {font-family:'nb';}

.pdt_ingredient {position:relative;padding:0 12px 140px;color:#222;background-image:url('../images/product/bg_pdt_ingredient.png');background-repeat:repeat;background-size:65px auto;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}
.pdt_ingredient:before {content:'';display:block;position:absolute;right:0;bottom:0;width:115px;height:218px;background-image:url('../images/product/acc_pdt_ingredient.png');background-repeat:no-repeat;background-size:cover;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}
.pdt_ingredient.visible:before {background-image:url('../images/product/acc_pdt_ingredient_visible.png');}
.pdt_ingredient .ingredient_row {position:relative;}
.pdt_ingredient .ingre_txt {color:#666;}
.pdt_ingredient .ingre_hash .tag {color:#fff;background:#5f77ba;}
.pdt_ingredient .sec_tit {padding:63px 0 26px;text-align:center;font-family:'gb','nb';font-size:23px;line-height:28px;}
.pdt_ingredient h3.sec_tit {padding:115px 0 32px;}
.pdt_ingredient .sec_txt {padding:63px 13px 26px;font-family:'nb';font-size:18px;line-height:23px;}
.pdt_ingredient .imgbox {padding:0 13px;text-align:center;}
.pdt_ingredient .conbox {padding:0 13px;margin-top:30px;}

.pdt_ingredient .matebox {padding:0 28px;}
.pdt_ingredient .matebox li {padding-top:5px;margin-top:40px;border-top:3px solid #222;}
.pdt_ingredient .matebox li:first-child {margin-top:0;}
.pdt_ingredient .matebox .txt {font-family:'nb';font-size:15px;line-height:24px;color:#5f77ba;}
.pdt_ingredient .matebox .txt2 {margin-top:6px;font-family:'nb';}
.pdt_ingredient .matebox .txt2 span {display:inline-block;font-family:'nr';line-height:20px;}
.pdt_ingredient .matebox .img {margin-top:25px;}

.pdt_ingredient .pentagonbox {margin-top:32px;text-align:center;}
.pdt_ingredient .pentagonbox dl {position:relative; width:296px; margin:0 auto 68px;}
.pdt_ingredient .pentagonbox dt {height:180px;}
#pentagon {position:absolute;left:-3%;top:-2%;
	-webkit-transform:rotate(-18deg);
	-moz-transform:rotate(-18deg);
	-ms-transform:rotate(-18deg);
	-o-transform:rotate(-18deg);
	transform:rotate(-18deg);
}
.pdt_ingredient .pentagonbox dt p {position:relative;padding-top:22px;font-family:'nb';font-size:19px;line-height:23px;}
.pdt_ingredient .pentagonbox dd {position:absolute;left:0;top:0;width:82px;height:82px;margin-left:-41px;margin-top:-41px;background:#fff;border:1px solid #f7f7f7;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pdt_ingredient .pentagonbox dd.c1 {left:50%;top:0;}
.pdt_ingredient .pentagonbox dd.c2 {left:80%;top:40%;}
.pdt_ingredient .pentagonbox dd.c3 {left:69%;top:102%;}
.pdt_ingredient .pentagonbox dd.c4 {left:30%;top:102%;}
.pdt_ingredient .pentagonbox dd.c5 {left:21%;top:40%;}
.pdt_ingredient .pentagonbox dd p {font-family:'nb';font-size:15px;line-height:17px;}

.pdt_ingredient .ingre_tit {font-family:'nb';font-size:17px;line-height:26px;}
.pdt_ingredient .ingre_tit span {display:inline-block;}
.pdt_ingredient .ingre_tit span.subtxt {font-family:'nr';font-size:13px;line-height:22px;}
.pdt_ingredient .ingre_hash {margin-top:14px;}
.pdt_ingredient .ingre_hash .tag {display:inline-block;padding:0 7px 2px;margin-right:4px;font-size:14px;line-height:22px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.pdt_ingredient .ingre_txt {margin-top:15px;font-size:13px;line-height:20px;}
.pdt_ingredient i.chk {display:inline-block;position:relative;vertical-align:top;width:18px;height:18px;margin-right:39px;border:1px solid #222;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pdt_ingredient i.chk:before,
.pdt_ingredient i.chk:after {content:'';display:block;position:absolute;}
.pdt_ingredient i.chk:before {left:8px;top:0;width:6px;height:18px;margin-top:-10px;border-width:0 3px 3px 0;border-style:solid;border-color:#5f77ba;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.pdt_ingredient .chklist i.chk {margin-right:39px;}
.pdt_ingredient .chklist i.chk:after {left:27px;top:50%;width:22px;height:2px;margin-top:-1px;background:#54689d;}

.pdt_ingredient .chklist.col1 {padding:0 8%;}
.pdt_ingredient .chklist li {min-height:122px;padding-top:22px;vertical-align:top;border-bottom:2px solid;border-color:#222;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pdt_ingredient .chklist li:nth-child(1) {border-top:2px solid;}
.pdt_ingredient .chklist li strong {display:inline-block;width:-webkit-calc(100% - 62px);width:-moz-calc(100% - 62px);width:calc(100% - 62px);vertical-align:top;font-family:'nb';font-size:16px;line-height:18px;}
.pdt_ingredient .chklist li p {padding-left:60px;margin-top:10px;font-size:13px;line-height:20px;}

.pdt_ingredient .chklist.scroll {padding-left:25px;margin:0 -12px;}
.pdt_ingredient .chklist.scroll ul {overflow-y:hidden;overflow-x:auto;position:relative;width:100%;padding:0 0 10px;font-size:0;vertical-align:top;white-space:nowrap;-webkit-overflow-scrolling:touch;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pdt_ingredient .chklist.scroll li {display:inline-block;width:290px;}
.pdt_ingredient .chklist.scroll li:nth-child(2),
.pdt_ingredient .chklist.scroll li:nth-child(3) {border-top:2px solid;}
.pdt_ingredient .chklist.scroll li.br {display:block;overflow:hidden;width:0;min-height:0;height:0;padding-top:0;border-bottom:0;}
.pdt_ingredient .chklist.scroll li strong {width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);width:calc(100% - 60px);}

.pdt_ingredient .chklist2 li {padding:10px 0 32px;border-top:2px solid #fff;}
.pdt_ingredient .chklist2 li i.chk {margin-top:2px;margin-right:6px;}
.pdt_ingredient .chklist2 li p {display:inline-block;width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 30px);width:calc(100% - 30px);vertical-align:top;font-family:'nb';font-size:13px;line-height:20px;}
.pdt_ingredient .chklist2 li p span {font-family:'nr';}
.pdt_ingredient .chk_tit {font-size:14px;line-height:22px;}
.pdt_ingredient .chk_tit em {display:inline-block;font-family:'nb';}

.pdt_ingredient .pointlist {padding:0 13px;}
.pdt_ingredient .pointlist .item {padding:20px;background:#fff;margin-top:25px;}
.pdt_ingredient .pointlist .item .n {display:block;width:60px;height:60px;padding-top:15px;text-align:center;font-size:11px;line-height:11px;color:#fff;background:#879bd0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pdt_ingredient .pointlist .item .n em {display:block;font-family:'gb';font-size:24px;line-height:20px;}
.pdt_ingredient .pointlist .item .tit {margin-top:20px;font-family:'nb';font-size:18px;line-height:23px;}
.pdt_ingredient .pointlist .item .txt {margin-top:10px;font-size:14px;line-height:24px;}


.pdt_ingredient.visible {background-image:url('../images/product/bg_pdt_ingredient_visible.png');}
.pdt_ingredient.visible,
.pdt_ingredient.visible .ingre_txt {color:#fff;}
.pdt_ingredient.visible .ingre_hash .tag {color:#222;background:#fff;}
.pdt_ingredient.visible .ingre_hash .tag em {color:#5f77ba;}
.pdt_ingredient.visible .chklist li {border-color:#fff;}
.pdt_ingredient.visible i.chk {border-color:#fff;
	-webkit-box-shadow:0 1px 0 #a7b6dd;
	-moz-box-shadow:0 1px 0 #a7b6dd;
	box-shadow:0 1px 0 #a7b6dd;
}
.pdt_ingredient.visible i.chk:before {border-color:#fff;}
.pdt_ingredient.visible .pointlist .item {color:#879bd0;}
.pdt_ingredient.visible .matebox li {border-color:#fff;}
.pdt_ingredient.visible .matebox .txt {color:#222;}
.pdt_ingredient.visible .pentagonbox dd p {color:#879bd0;}

.pdt_howto {padding-top:56px;}
.pdt_howto h3 {padding:0 25px;text-align:center;font-family:'gb';font-size:21px;line-height:27px;color:#222;}
.pdt_howto .howto_list .item {padding-top:26px;}
.pdt_howto .howto_list .item:first-child {padding-top:34px;}
.pdt_howto .howto_list .howto_txt {margin-top:18px;font-size:14px;line-height:21px;}
.pdt_howto .howto_list .howto_txt:after {content:'';display:block;clear:both;}
.pdt_howto .s {float:left;width:65px;font-family:'gb';font-size:14px;line-height:1;color:#222;}
.pdt_howto .howto_list .t {float:left;position:relative;width:-webkit-calc(100% - 65px);width:-moz-calc(100% - 65px);width:calc(100% - 65px);padding-top:24px;}
.pdt_howto .howto_list .t:before {content:'';display:block;position:absolute;left:0;top:8px;width:100%;height:1px;background:#dcdcdc;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:left;
	-moz-transform-origin:left;
	-ms-transform-origin:left;
	-o-transform-origin:left;
	transform-origin:left;
	-webkit-transition:transform 1s;
	-moz-transition:transform 1s;
	-o-transition:transform 1s;
	transition:transform 1s;
}
.pdt_howto .howto_list li:nth-child(1) .t:before {
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
}
.pdt_howto .howto_list li:nth-child(2) .t:before {
	-webkit-transition-delay:.2s;
	-moz-transition-delay:.2s;
	-o-transition-delay:.2s;
	transition-delay:.2s;
}
.pdt_howto .howto_list li:nth-child(3) .t:before {
	-webkit-transition-delay:.4s;
	-moz-transition-delay:.4s;
	-o-transition-delay:.4s;
	transition-delay:.4s;
}
.pdt_howto .howto_list li:nth-child(4) .t:before {
	-webkit-transition-delay:.6s;
	-moz-transition-delay:.6s;
	-o-transition-delay:.6s;
	transition-delay:.6s;
}
.pdt_howto .howto_list li:nth-child(5) .t:before {
	-webkit-transition-delay:.8s;
	-moz-transition-delay:.8s;
	-o-transition-delay:.8s;
	transition-delay:.8s;
}
.pdt_howto .howto_list .tip {margin-top:20px;color:#5f77ba;}
.pdt_howto .howto_list_txt {position:relative;margin:20px 25px 0;}
.pdt_howto .howto_list_txt:before {content:'';display:block;position:absolute;left:18px;top:0;width:1px;height:100%;background:#dedede;}
.pdt_howto .howto_list_txt .item {position:relative;padding:0 0 0 55px;margin-top:28px;}
.pdt_howto .howto_list_txt .item:first-child {padding:0 0 0 56px;margin-top:0;}
.pdt_howto .howto_list_txt .item .s {position:absolute;left:0;top:-3px;width:56px;line-height:26px;background:#fff;}
.pdt_howto .howto_list_txt .item:last-child .s {height:100%;}
.pdt_howto .howto_list_txt .item .t {width:100%;}
.pdt_howto .videoArea {overflow:hidden;position:relative;width:100%;height:0;padding-top:55%;margin-top:34px;}
.pdt_howto .videoArea .cover {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;font-size:0;color:transparent;background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:cover;background-size:cover;}
.pdt_howto .videoArea .cover.stop {display:none;background:none;}
.pdt_howto .videoArea video {position:absolute;left:50%;top:50%;width:100%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.pdt_howto .howto_list.slide {margin-top:35px;}
.pdt_howto .howto_list.slide .slick-arrow {position:absolute;top:82%;width:28px;height:35px;font-size:0;background-color:transparent;background-repeat:no-repeat;background-size:contain;}
.pdt_howto .howto_list.slide .slick-prev {left:12px;background-image:url('../images/common/arr_slick_prev.png');background-position:left center;}
.pdt_howto .howto_list.slide .slick-next {right:12px;background-image:url('../images/common/arr_slick_next.png');background-position:right center;}
.pdt_howto .howto_list.slide .slick-dots {position:absolute;right:36px;top:10px;}
.pdt_howto .howto_list.slide .slick-dots li {display:inline-block;height:6px;padding:1px 0;margin:0 4px;}
.pdt_howto .howto_list.slide .slick-dots button {width:6px;height:6px;font-size:0;line-height:0;color:transparent;background:#666;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.pdt_howto .howto_list.slide .slick-dots .slick-active {height:8px;}
.pdt_howto .howto_list.slide .slick-dots .slick-active button {width:8px;height:8px;background:#5f77ba;}
.pdt_howto .howto_list.slide .item {padding-top:0;text-align:center;}
.pdt_howto .howto_list.slide .howto_txt {padding:0 40px;}
.pdt_howto .howto_list.slide .howto_txt strong {display:block;font-family:'gb';color:#222;}
.pdt_howto .howto_list.slide .howto_txt p {margin-top:5px;}

.pdt_howto .howto_list .animated .t:before {
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	transform:scaleX(1);
}

.pdt_howto2 {margin-top:75px;}
.pdt_howto2 .howto_vod {padding:0 12px;}
.pdt_howto2 .videoArea {overflow:hidden; position:relative; box-sizing:border-box; width:100%; height:0; border:6px solid #b4c0e4; padding-top:55%; margin:0 auto;}
.pdt_howto2 .videoArea .cover {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;font-size:0;color:transparent;background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:cover;background-size:cover;}
.pdt_howto2 .videoArea .cover.stop {display:none;background:none;}
.pdt_howto2 .videoArea video {position:absolute;left:50%;top:50%;width:100%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

.pdt_addexp {position:relative; margin-top:70px; padding:15px 25px 0;}
.pdt_addexp .bar {position:absolute; left:0; top:0; display:block; width:100%; height:2px; background:#222;}
.pdt_addexp h3 {font-family:'nb'; font-size:16px; color:#222;}
.pdt_addexp .addexp_list .item {margin-top:35px;}
.pdt_addexp .addexp_list .item .t {margin-bottom:15px; font-family:'nb'; color:#222;}
.pdt_addexp .addexp_list .item ul li {padding-left:16px; text-indent:-16px; line-height:23px; color:#222;}

/* line color */
.line_md .pdt_name span,
.line_md .effect_list p em {color:#5f77ba;}
.line_md .effect_list li {border-color:#5f77ba;}
.line_md .effect_list li:before {background-color:#5f77ba;}
.line_atobarrier .pdt_name span,
.line_atobarrier .effect_list p em {color:#0b658a;}
.line_atobarrier .effect_list li {border-color:#0b658a;}
.line_atobarrier .effect_list li:before {background-color:#0b658a;}
.line_white .pdt_name span,
.line_white .effect_list p em {color:#a7a9ac;}
.line_white .effect_list li {border-color:#a7a9ac;}
.line_white .effect_list li:before {background-color:#a7a9ac;}
.line_regederm .pdt_name span,
.line_regederm .effect_list p em {color:#7f3688;}
.line_regederm .effect_list li {border-color:#7f3688;}
.line_regederm .effect_list li:before {background-color:#7f3688;}
.line_theracne .pdt_name span,
.line_theracne .effect_list p em {color:#991c3a;}
.line_theracne .effect_list li {border-color:#991c3a;}
.line_theracne .effect_list li:before {background-color:#991c3a;}
.line_trichone .pdt_name span,
.line_trichone .effect_list p em {color:#754200;}
.line_trichone .effect_list li {border-color:#754200;}
.line_trichone .effect_list li:before {background-color:#754200;}
.line_acica .pdt_name span,
.line_acica .effect_list p em {color:#005438;}
.line_acica .effect_list li {border-color:#005438;}
.line_acica .effect_list li:before {background-color:#005438;}

.obj {
	-webkit-transition:.5s ease;
	-moz-transition:.5s ease;
	-o-transition:.5s ease;
	transition:.5s ease;
	transition-property:opacity,-webkit-transform;
	transition-property:transform,opacity;
	transition-property:transform,opacity,-webkit-transform;
	opacity:0;
	-webkit-transform:translate(0,30px);
	-moz-transform:translate(0,30px);
	-ms-transform:translate(0,30px);
	-o-transform:translate(0,30px);
	transform:translate(0,30px)
}
.obj1 {
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	transition-delay:0.1s;
}
.obj2 {
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	transition-delay:0.2s;
}
.obj3 {
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	transition-delay:0.3s;
}
.obj4 {
	-webkit-transition-delay:0.4s;
	-moz-transition-delay:0.4s;
	-o-transition-delay:0.4s;
	transition-delay:0.4s;
}
.obj5 {
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	transition-delay:0.5s;
}
.obj6 {
	-webkit-transition-delay:0.6s;
	-moz-transition-delay:0.6s;
	-o-transition-delay:0.6s;
	transition-delay:0.6s;
}
.obj.animated {opacity: 1;
	-webkit-transform:translate(0, 0);
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-o-transform:translate(0, 0);
	transform:translate(0, 0);
}
.effect_list li:nth-child(1):before {
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
}
.effect_list li:nth-child(2):before {
	-webkit-transition-delay:.2s;
	-moz-transition-delay:.2s;
	-o-transition-delay:.2s;
	transition-delay:.2s;
}
.effect_list li:nth-child(3):before {
	-webkit-transition-delay:.4s;
	-moz-transition-delay:.4s;
	-o-transition-delay:.4s;
	transition-delay:.4s;
}
.effect_list li:nth-child(4):before {
	-webkit-transition-delay:.6s;
	-moz-transition-delay:.6s;
	-o-transition-delay:.6s;
	transition-delay:.6s;
}
.effect_list li:nth-child(5):before {
	-webkit-transition-delay:.8s;
	-moz-transition-delay:.8s;
	-o-transition-delay:.8s;
	transition-delay:.8s;
}
.effect_list li.animated:before {
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	transform:scaleX(1);
}
.pdt_feature .type3 .titbox.animated h3:before,
.pdt_feature .type3_1 .titbox .txt.animated:before {
	-webkit-transform:scaleY(1);
	-moz-transform:scaleY(1);
	-ms-transform:scaleY(1);
	transform:scaleY(1);
}


/* new pdt acica_line */
.line_acica_new .bgColor{background:#005438;}
.line_acica_new .color1{color:#005438;}

.line_acica_new .pdt_key_visual h3{color:#222;}

.line_acica_new .pdt_visual .top_txt{line-height:1.8;}

.line_acica_new .pdt_test .con_list li:nth-child(1) > .heading{background:#99bbaf;}
.line_acica_new .pdt_test .con_list li:nth-child(2) > .heading{background:#669888;}
.line_acica_new .pdt_test .con_list li:nth-child(3) > .heading{background:#337660;}
.line_acica_new .pdt_test .con_list li:nth-child(4) > .heading{background:#005438;}

.line_acica_new .arrow_down:after{background:url('/resources/mobile/images/product/arrow_down_type2.png')no-repeat center top;background-size:cover;}

.line_acica_new .pdt_key_visual .pdt_hash li{border:1px solid #005438;color:#005438;}

/* new pdt atobarrier_line */
.line_atobarrier_new .color1{color:#0b658a;}
.line_atobarrier_new .bgColor{background:#0b658a;}

.line_atobarrier_new .pdt_key_visual .pdt_hash li{border:1px solid #fff;color:#fff;}
.line_atobarrier_new .pdt_key_visual h3{color:#fff;}

.line_atobarrier_new .pdt_test .con_list li:nth-child(1) > .heading{background:#85b2c4;}
.line_atobarrier_new .pdt_test .con_list li:nth-child(2) > .heading{background:#5493ad;}
.line_atobarrier_new .pdt_test .con_list li:nth-child(3) > .heading{background:#0b658a;}

.line_atobarrier_new .arrow_down:after{background:url('/resources/mobile/images/product/arrow_down_type1.png')no-repeat center top;background-size:cover;}

/* new pdt theracne_line */
.line_theracne_new .bgColor{background:#991c3a;}
.line_theracne_new .color1{color:#991c3a;}

.line_theracne_new .pdt_test .con_list li:nth-child(1) > .heading{background:#b76075;}
.line_theracne_new .pdt_test .con_list li:nth-child(2) > .heading{background:#991c3a;}

.line_theracne_new .pdt_visual .top_txt{line-height:1.8;}

.line_theracne_new .pdt_key_visual .pdt_hash li{border:1px solid #991c3a;color:#991c3a;}

/* new pdt css common */
.pdt_new .inner{padding:0 4%;}
.pdt_new .bgColor1{background:#f8f8f8;}

.pdt_new .pdt_visual{position:relative;padding-top:30px;text-align:center;}
.pdt_new .pdt_visual:after{display:block;content:"";position:absolute;bottom:-78%;left:50%;width:100%;height:150%;background:#fff;transform:translateX(-50%) rotate(65deg);z-index:0;}
.pdt_new .pdt_visual .pdt_frame{position:relative;z-index:1;}
.pdt_new .pdt_visual h2{font-size:35px;line-height:1.2;color:#fff;font-family:'nb','gb';text-align:left;}
.pdt_new .pdt_visual h2 .sup{color:#fff;}
.pdt_new .pdt_visual .visual_img{position:relative;margin:25px auto 0;text-align:center;}
.pdt_new .pdt_visual .visual_img .visual{width:40%;}
.pdt_new .pdt_visual .visual_img .emblem{position:absolute;top:6%;right:9%;width:17%;}
.pdt_new .pdt_visual .top_txt{padding-top:30px;color:#fff;font-size:17px;line-height:23px;text-align:left;}
.pdt_new .pdt_visual .top_txt .point{position:relative;}
.pdt_new .pdt_visual .top_txt .point:before{display:block;content:"";position:absolute;top:0;left:50%;width:2px;height:2px;background:#fff;border-radius:50%;transform:translateX(-50%);}
.pdt_new .pdt_visual .top_txt .sup{color:#acd0df;}
.pdt_new .pdt_visual .bottom_txt{margin-top:10px;font-size:10px;line-height:1.4;text-align:left;}

.pdt_new .pdt_feature .type1 .txt{color:#222;}
.pdt_new .pdt_feature .type1 .txt .point{color:#222;font-family:'nb';}
.pdt_new .pdt_feature .type1 .titbox{padding-left:0;}
.pdt_new .pdt_feature .type1 .titbox h3{margin-top:5px;letter-spacing:-0.8px;}
.pdt_new .pdt_feature .type1 .titbox h3 .point{font-family:'nb';}
.pdt_new .pdt_feature .type1 .imgbox.hastxt{padding-right:18%;margin:-10px -25px 0;}
.pdt_new .pdt_feature .type1 .imgbox.hastxt p{height:20%;}

.pdt_new .pdt_concept{position:relative;}
.pdt_new .pdt_concept .box{position:absolute;bottom:8%;left:50%;width:calc(100% - 24px);padding:30px 7%;box-sizing:border-box;background:#fff;transform:translateX(-50%);text-align:center;}
.pdt_new .pdt_concept .box .top_txt{font-size:14px;line-height:21px;color:#222;}
.pdt_new .pdt_concept .box .top_txt span{font-family:'nb';}
.pdt_new .pdt_concept .box .tit{display:block;padding-top:10px;font-size:20px;line-height:27px;color:#222;font-family:'nb';}

.pdt_new .pdt_key_visual{position:relative;}
.pdt_new .pdt_key_visual .txt_box{position:absolute;top:10%;width:100%;padding:0 7%;box-sizing:border-box;}
.pdt_new .pdt_key_visual .txt_box:after{display:block;content:"";clear:both;}
.pdt_new .pdt_key_visual .txt{font-size:13px;line-height:25px;}
.pdt_new .pdt_key_visual .txt + .pdt_hash{display:inline-block;width:auto;vertical-align:top;}
.pdt_new .pdt_key_visual .pdt_hash{width:80%;font-size:0;}
.pdt_new .pdt_key_visual .pdt_hash li{display:inline-block;vertical-align:top;padding:0 5px;margin-right:3px;font-size:11px;line-height:24px;height:24px;border-radius:1px;box-sizing:border-box;}
.pdt_new .pdt_key_visual .pdt_hash li.last{margin-top:3px;}
.pdt_new .pdt_key_visual .pdt_hash li:last-child{margin-right:0;}
.pdt_new .pdt_key_visual h3{display:block;margin-top:15px;font-family:'gb','nb';font-size:20px;line-height:1.4;color:#222;}
.pdt_new .pdt_key_visual .top_txt{display:block;margin-top:20px;font-size:17px;line-height:1.4;color:#222;font-family:'nb';}
.pdt_new .pdt_key_visual .top_txt + h3{margin-top:8px;font-size:23px;}
.pdt_new .pdt_key_visual .txt1{margin-top:10px;font-size:14px;line-height:21px;color:#222;}
.pdt_new .pdt_key_visual .txt1 em{font-family:'nb';}

.pdt_new .pdt_dermaon{padding:0 18px 40px;margin:0 12px 40px 12px;background:url('/resources/mobile/images/product/pdt_ingredient_bg_type1.png')no-repeat center top;background-size:100% 100%;}
.pdt_new .pdt_dermaon .sec_tit{padding:55px 0 10px;font-size:21px;line-height:26px;font-family:'nb';text-align:center;color:#fff;}
.pdt_new .pdt_dermaon .txt1{font-size:14px;line-height:20px;text-align: center;}
.pdt_new .pdt_dermaon .ingre_info{max-width:320px;padding-top:4%;font-size:0;margin:0 auto;}
.pdt_new .pdt_dermaon .ingre_info > div{display:inline-block;vertical-align:top;}
.pdt_new .pdt_dermaon .ingre_info .imgbox{width:40%;padding:0;}
.pdt_new .pdt_dermaon .ingre_info .txt_wrap{width:60%;padding-left:2%;font-size:12px;line-height:19px;box-sizing:border-box;color:#fff;}
.pdt_new .pdt_dermaon .row_tit{display:block;margin-top:40px;font-size:16px;line-height:25px;font-family:'nb';text-align:center;color:#fff;}
.pdt_new .pdt_dermaon .txt1{margin-bottom:20px;font-size:16px;line-height:25px;text-align:center;color:#fff;}

.pdt_new .pdt_fin{text-align:center;padding-bottom:35px;}
.pdt_new .pdt_fin .heading{display:block;padding:60px 0 30px 0;font-size:23px;line-height:30px;color:#222;font-family:'nb';}
.pdt_new .pdt_fin .heading span{display:inline-block;padding-bottom:20px;font-size:18px;font-style:italic;line-height:1;}
.pdt_new .pdt_fin .heading sup{font-size:0.3em;color:#888;}
.pdt_new .pdt_fin .heading sup.last{display:block;margin:20px 0 10px 0;font-size:0.5em;color:#888;font-weight:400;font-family:'nr';}
.pdt_new .pdt_fin .fin_con{padding-bottom:40px;}
.pdt_new .pdt_fin .fin_con li{margin-top:50px;}
.pdt_new .pdt_fin .fin_con li:first-child{margin-top:0;}
.pdt_new .pdt_fin .fin_con .list_tit{display:block;max-width:250px;margin:0 auto 20px;font-size:0;text-align:left;}
.pdt_new .pdt_fin .fin_con .list_tit .txt{display:inline-block;font-size:16px;line-height:22px;color:#222;font-family:'nb';text-align:left;vertical-align:top;}
.pdt_new .pdt_fin .fin_con .list_tit .num{display:inline-block;width:20px;margin:2px 8px 0 0;background:#9dbbb1;font-size:16px;font-family:'gb';color:#fff;line-height:20px;border-radius:50%;vertical-align:top;text-align:center;}

.pdt_new .pdt_test{padding:70px 0 60px 0;}
.pdt_new .pdt_test .top_txt{max-width:500px;margin:0 auto;font-family:'gb','nb';font-size:19px;color:#222;}
.pdt_new .pdt_test .top_txt span{line-height:1.6;}
.pdt_new .pdt_test .top_txt span:nth-child(1){display:block;font-family:'nr';padding-bottom:4px;}
.pdt_new .pdt_test .top_txt span:nth-child(3){display:block;}
.pdt_new .pdt_test .con_list{max-width:500px;margin:30px auto 0;}
.pdt_new .pdt_test .con_list li{font-size:0;padding-bottom:30px;}
.pdt_new .pdt_test .con_list li > .heading{display:inline-block;position:relative;width:95px;height:95px;vertical-align:middle;border-radius:50%;}
.pdt_new .pdt_test .con_list li > .heading:after{display:block;content:"";position:absolute;bottom:-24px;left:50%;width:1px;height:18px;background:#85b2c4;}
.pdt_new .pdt_test .con_list li:last-child > .heading:after{display:none;}
.pdt_new .pdt_test .con_list li > .heading em{position:absolute;top:50%;left:50%;font-size:13px;line-height:18px;font-family:"nb";color:#fff;transform:translate(-50%,-50%);text-align:center;}
.pdt_new .pdt_test .con_list li > .txt_box{display:inline-block;width:calc(100% - 95px);vertical-align:middle;padding-left:18px;box-sizing:border-box;}
.pdt_new .pdt_test .con_list li > .txt_box .txt1{font-size:13px;line-height:19px;color:#222;text-align:left;}
.pdt_new .pdt_test .con_list li > .txt_box .txt2{padding-top:5px;font-size:10px;line-height:15px;color:#888;text-align:left;}
.pdt_new .pdt_test .desc{margin-top:30px;font-size:0;text-align:center;}
.pdt_new .pdt_test .desc > div{display:inline-block;vertical-align:middle;}
.pdt_new .pdt_test .desc > .img_wrap{width:70px;}
.pdt_new .pdt_test .desc > .txt_wrap{padding-left:25px;text-align:left;}
.pdt_new .pdt_test .desc > .txt_wrap .txt1{font-size:14px;line-height:1.4;color:#222;font-family:'gb','nb';}
.pdt_new .pdt_test .desc > .txt_wrap .txt2{padding-top:6px;font-size:20px;line-height:1.2;font-family:'gb','nb';}
.pdt_new .pdt_test .grey_box{margin-top:42px;background:#fafafa;padding:35px 0;text-align:center;}
.pdt_new .pdt_test .grey_box strong{display:block;font-size:20px;line-height:33px;color:#222;font-family:'nb';}
.pdt_new .pdt_test .grey_box strong sup{color:#888;}
.pdt_new .pdt_test .grey_box em{display:block;padding-top:15px;font-size:13px;line-height:19px;color:#222;}
.pdt_new .pdt_test .grey_box p{padding-top:10px;font-size:11px;line-height:18px;color:#555;}

.pdt_new .pdt_desc{padding:50px 0;}
.pdt_new .pdt_desc p{padding-top:18px;font-size:14px;line-height:21px;color:#222;}

.pdt_new .pdt_formulation{padding:50px 0;}
.pdt_new .pdt_formulation .top_txt{display:block;padding-bottom:8px;margin-bottom:20px;font-size:16px;line-height:24px;font-family:'nb';color:#222;border-bottom:1px solid #222;}
.pdt_new .pdt_formulation .txt1{margin-top:15px;font-size:13px;line-height:20px;color:#555;}

.pdt_new .pdt_howto{padding-bottom:60px;}

.pdt_new .arrow_down{position:relative;}
.pdt_new .arrow_down:after{display:block;content:"";position:absolute;top:-15px;left:50%;width:29px;height:29px;transform:translateX(-50%);}

.pdtDetail .pdtText{ margin: 50px 25px 0; text-align:center; color:#000; font-size:14px; }