@charset "utf-8";

/*
 * File       : b-sub.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 1) product
 */



/* **************************************** *
 * product
 * **************************************** */
.product_page_b #header {background: #fff;border-color: #eae9e8;}
.product_page_b .header_menu > li, .product_page_b .header_group {border-color: #eae9e8;}
.product_page_b .header_other_menu li:first-child a:after {background: #eae9e8;}
.product_page_b #logo svg path {fill: var(--color-primary);}
.product_page_b .wrap {padding:0 20px;}

/* visual */
.product_visual {display: table;width: 100%;table-layout: fixed;padding:240px 120px 0; background:#f9f9fa;}
.product_visual > div {display: inline-block;vertical-align: top;}
.product_visual .wrap { max-width:1680px;}
.product_visual .product_data_info {margin-top:50px; width:400px;}
.product_visual .btn_back_list {padding-left:50px;position:absolute;top: 121px;font-size:14px;color:#999;background: url(../images/type-b/icon-arrow-back.jpg) no-repeat left center;}
.product_visual_title { font-size:50px; font-weight:500; letter-spacing:-0.05em;}
.product_visual_title_en {font-size:16px;color:#999;margin: 12px 0px 24px;}

.product_visual_data {padding-left: 152px;padding-bottom: 368px;}
.product_visual_data_inner {max-width: 480px;}

.product_visual_meta {margin-left: -3px;}
.product_visual_meta > span.star {padding:0 6px;}
.product_visual_meta > span.star > i {width:21px; height:20px; margin-right:6px; display: inline-block;vertical-align: middle; background:url(../images/type-b/icon-star-big.jpg) no-repeat;}
.product_visual_meta .product_info_detail {max-width:400px;margin: 40px 6px 23px;padding: 15px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size: 0;}
.product_visual_meta .product_info_detail li {padding: 8px 0 8px 40px;margin-right:18px;display:inline-block;vertical-align:middle;}
.product_visual_meta .product_info_detail li span { font-size:14px;}
.product_visual_meta .product_info_detail .icon_all { background:url(../images/type-b/icon-all.jpg) no-repeat;}
.product_visual_meta .product_info_detail .icon_ml { background:url(../images/type-b/icon-ml.jpg) no-repeat;}
.product_visual_desc { line-height:1.75;}
.product_visual_control {margin-top:82px;max-width:200px;}
.product_visual_control figure {margin-right:10px; border:1px solid #eae9e8;cursor: pointer;}
.product_visual_control figure:last-child {margin-right:0;}
.product_visual_control figure.slick-current {border-color:#000}

.product_visual_img {width:calc(100% - 800px)}
.product_visual_img figure {margin:0 auto; text-align:center;}
.product_visual_img figure img {margin:0 auto;}

.product_purchase_info {width:400px;padding: 39px;margin-top:52px;background:#fff;border:1px solid #eae9e8;}
.product_purchase_info li {padding: 24px 0 23px;border-bottom:1px solid #ddd;}
.product_purchase_info li:first-child {padding-top:0;}
.product_purchase_info li span {margin-right: 24px;color:#999;letter-spacing:-0.05em;vertical-align: middle;}
.product_purchase_info li b {color:#000;font-weight:600;display: inline-block;vertical-align: middle;}
.product_purchase_info li.purchase_price b {font-size:18px;vertical-align: middle;}
.product_purchase_info li.purchase_total_price { color:#000;}


.purchase_quantity_btn_wrap {border: 1px solid #ddd;display:inline-block;vertical-align: middle;font-size: 0;}
.purchase_quantity .purchase_quantity_btn_wrap span {margin-right:0;width: 83px;height: 43px;display: inline-block;vertical-align: middle;font-size: 16px;color: #010101;text-align: center;line-height: 43px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.purchase_quantity_btn {display: inline-block;vertical-align: middle;width: 43px;height: 43px;border:none;background: transparent;outline: none;box-shadow: none;box-sizing: border-box;cursor:pointer;padding: 0;}
.purchase_quantity_btn:after {display: block;width: 100%;height: 100%;text-align: center;content:'';display:block;margin:0 auto;}
.purchase_quantity_btn.minus:after {width:9px; height:1px; background-image:url(../images/type-b/icon-minus.jpg);}
.purchase_quantity_btn.plus:after {width:9px; height:9px; background-image:url(../images/type-b/icon-plus.jpg);}

.product_purchase_btn_wrap {margin-top:63px;}
.product_purchase_btn_wrap button { display:inline-block; vertical-align:middle;}
.product_purchase_btn { font-size:0; border:none;cursor: pointer;}
.product_purchase_btn.buy {width:208px; height:50px; line-height:48px; font-size:18px; background:#171717; color:#fff; letter-spacing:-0.05em;}
.product_purchase_btn.cart{ width:51px; height:50px; background:#7ba4db url(../images/type-b/icon-cart-second.png) no-repeat center;}
.product_purchase_btn.wish { width:51px; height:50px; background:#7ba4db url(../images/type-b/icon-wish.png) no-repeat center;}

/* Product detail */
.product_detail {margin: 83px auto 0;}

.product_detail_nav ul {font-size: 0;text-align: center;}
.product_detail_nav li {display: inline-block;vertical-align: middle;}
.product_detail_nav a {display: block;padding: 18px 0 15px;font-size: 18px;font-weight: 500;color: #000;}
.product_detail_nav a > span {width:300px; padding-bottom: 4px;display:block;}
.product_detail_nav li.active a {border-bottom: 1px solid #222;}

.prod_info_intro {text-align:center;letter-spacing:-0.05em;margin: 114px 0px 79px;}
.prod_info_intro h2 { font-size:24px; color:#7ba4db;}
.prod_info_intro b {font-size:50px;font-weight:500;color:#000;margin: 18px 0 38px;display: block;}
.prod_info_intro p {font-size:18px;color:#000;line-height: 1.7;}
.prod_info_intro span {margin-top:63px; display:block;}
.prod_info_intro span img { margin:0 auto;}

.product_info_section_01 {max-width:1560px; margin:0 auto 154px;}
.product_info_section_01 > figure {width: 1560px;height: 600px;margin: 0 auto;position: relative;overflow: hidden;}
.product_info_section_01_motion_img {position: absolute;top: 0;left: 0;}
.product_info_section_01 .prod_content {margin:71px 0; position:relative;}
.product_info_section_01 .prod_content figure {width:93px; height:150px; position:absolute; left:20px; bottom:8px;}
.product_info_section_01 h3 {font-size:24px;line-height:1.7;color:#000;letter-spacing:-0.05em;display:table-cell;vertical-align:top;padding-right: 275px;}
.product_info_section_01 ul {display:table-cell;vertical-align:top;padding-top: 1px;}
.product_info_section_01 ul li {margin-bottom: 34px;line-height: 1.85;}
.product_info_section_01 ul li:last-child {margin-bottom:0;}
.product_info_section_01 ul li span {display:block;margin-bottom: 10px;font-size:18px;font-weight:500;color:#000;letter-spacing:-0.05em;}

.product_info_section_02 .cream_story {position:relative;margin-bottom: 210px;}
.product_info_section_02 .cream_story figure img { margin:0 auto;cursor: pointer;}
.product_info_section_02 .cream_story figure:after {content: '';width: 70px;height: 76px;position: absolute;left: 50%;top: 50%;margin-top: -38px;margin-left: -35px;background: url(../images/type-b/icon-play-black.png);transition: all 300ms;z-index: 3;}
.product_info_section_02 .cream_story h3 {font-size:48px;color:#000;letter-spacing:-0.05em;line-height: 1.28;position:absolute;top: 91px;left: 0;}

.product_info_effect_item {display: table;margin-bottom: 40px;}
.product_info_effect_item > div {display: table-cell;vertical-align: middle;}
.product_info_effect_item h3 {font-size:48px;color:#000;margin-bottom: 41px;}
.product_info_effect_item_txt { max-width:560px;}
.product_info_effect_item_txt p {margin-bottom: 29px;line-height: 1.85;color:#000;}
.product_info_effect_item_txt p:last-child {margin-bottom:0;}
.product_info_effect_01 h3 span { font-size:30px; vertical-align:top;}
.product_info_effect_01 .product_info_effect_item_thumb {padding-right:40px;}
.product_info_effect_02 .product_info_effect_item_thumb {padding-left: 124px;}
.product_info_effect_item_thumb img {opacity: 0;-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);clip-path: polygon(0 0,0 0,0 100%,0 100%);-webkit-transition: clip-path 1.1s cubic-bezier(.19,1,.22,1),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(.19,1,.22,1);transition: clip-path 1.1s cubic-bezier(.19,1,.22,1),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(.19,1,.22,1);}
.product_info_effect_item_thumb.animate img {opacity: 1;-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}

.how_use_wrap { background:#f9f9fa;margin-top: 212px;position: relative;}
.how_use_wrap h2 {font-size:50px;letter-spacing:-0.05em;text-align:center;margin-top: -50px;position: absolute;left: 50%;transform: translateX(-50%);top: 26px;}
.product_info_how_use {padding: 133px 0 119px;margin:0 -90px;font-size:0;text-align:center;}
.product_info_how_use li {width: 33.33%;padding:0 90px;display:inline-block;vertical-align:top;text-align:center;}
.product_info_how_use li figure img { margin:0 auto;}
.product_info_how_use_data b {font-size:22px;font-weight: 500;color:#000;letter-spacing: -0.05em;margin: 35px 0 19px;display: block;}
.product_info_how_use_data p {font-size:16px;color:#666;line-height: 1.65;}

.prod_relate_wrap {margin-top: 172px;}
.prod_relate_wrap h2 { font-size:50px; letter-spacing:-0.05em;text-align:center;margin-top: -50px;position: absolute;left: 50%;transform: translateX(-50%);top: 26px;}
.product_info_relate_prod_wrap {padding-top: 140px;}
.product_info_relate_prod_bg {width: 100%;height: 254px;position: absolute;top: 0;left: 0;z-index: -1;animation: Gradient 10s ease infinite;background-size: 150% 100%;background-image: linear-gradient(45deg, rgba(250, 205, 206, 1) 0%, rgba(212, 181, 199, 1) 12%, rgba(183, 189, 223, 1) 40%, rgba(155, 186, 220, 1) 59%, rgba(161, 211, 215, 1) 77%, rgba(161, 211, 215, 1) 100%);}
.product_info_relate_prod {font-size:0;}
.product_info_relate_prod li {width:25%;display:inline-block;vertical-align: middle;cursor: pointer;}
.product_info_relate_prod figure {min-height:227px;}
.product_info_relate_prod figure img { margin:0 auto;}
.product_info_relate_prod p {font-size:16px;color:#000;letter-spacing:-0.05em;text-align:center;font-weight: 500;margin-top: 57px;}

.product_info_section_05 {margin: 159px 0;}
.product_info_section_05 .wrap {padding: 75px 15px 91px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.product_info_section_05_item {margin-bottom: 49px;}
.product_info_section_05_item:last-child {margin-bottom:0;}
.product_info_section_05_item h2 {font-size:48px;color:#7ba4db;display:table-cell;vertical-align: top;width: 40.9%;}
.product_info_section_05_item .content {max-width:660px;display:table-cell;vertical-align: top;padding-top: 7px;line-height: 1.9;color: #888;}
.product_info_section_05_item .content p {margin-bottom: 5px;}
.product_info_section_05_item .content p:last-child {margin-bottom:0;}

.product_review h2 { font-size:50px; letter-spacing:-0.05em; text-align:center;}

.product_review_meta {margin-top: 21px;font-size: 0;text-align: center;}
.product_review_meta > li {display: inline-block;vertical-align: middle;padding: 0 19px;position: relative;font-size: 18px;font-weight: 400;color: #000;}
.product_review_meta > li > b {font-weight: 600;}
.product_review_meta > li:first-child:after {content: '';display: block;width: 1px;height: 21px;position: absolute;right: 0;top: 50%;margin-top: -10px;background: #eae9e8;}
.product_review .star > i {width:21px; height:20px; margin-right:6px; display: inline-block;vertical-align: middle; background:url(../images/type-b/icon-star-big.png) no-repeat;}
.product_review .star > i:last-child {margin-right: 0;}

.btn_review_write {display: block;width: 184px;height: 45px;margin: 37px auto 0;font-size: 18px;text-align: center;line-height: 43px;color: #000;background: url(../images/type-b/icon-keyboard.jpg) no-repeat 74% center;border: 1px solid #000;}
.btn_review_write > span {padding-right: 32px;}

.product_review_list_top {margin: 16px 0 8px;overflow: hidden;}
.product_review_list_top > button {padding: 10px 0;font-size: 16px;letter-spacing: -0.05em;font-weight: 600;color: #000;cursor: pointer;background: url(../images/type-b/icon-down.jpg) no-repeat right center;outline: none;border: none;border-radius: 0;box-sizing: border-box;}
.product_review_list_top > button > span {padding-right: 20px;}
.product_review_list_top > button:first-child {float: left;}
.product_review_list_top > button:last-child {float: right;}

.product_review_thumb_wrap {padding: 60px 0 65px;border-top: 1px solid #000;}
.product_review_thumb {margin: 0 -20px;overflow: hidden;}
.product_review_thumb > li {float: left;width: 12.5%;padding: 0 20px;}
.product_review_thumb > li:last-child i {display: block;width: 110px;height: 110px;background: #eae9e8 url(../images/type-b/review-more.jpg) no-repeat center center;border-radius: 50%;cursor: pointer;}

.product_review_item_wrap {overflow: hidden;}
.product_review_item {float: left;width: 50%;height: 201px;}
.product_review_item:nth-child(1), .product_review_item:nth-child(2) {border-bottom: 1px solid #eae9e8;}
.product_review_item:nth-child(3), .product_review_item:nth-child(4) {margin-top: 66px;}
.product_review_item:nth-child(even) {padding-left: 19px;}
.review_item_meta {float: left;width: 150px;height: 100%;position: relative;}
.review_item_meta b {display: block;font-size: 20px;font-weight: 600;color: #000;}
.review_item_meta span:not(.star){display: block;padding-top: 19px;font-size: 14px;font-weight: 500;letter-spacing: -0.05em;color: #000;}
.review_item_meta span.star {position: absolute;left: 0;bottom: 52px;}
.review_item_meta span.star > i {width: 15px;height: 14px;background-size: cover;margin-right: 4px;}
.review_item_meta time {position: absolute;left: 0;bottom: 29px;font-size: 14px;font-weight: 500;color: #999;}
.review_item_txt {float: right;width: calc(100% - 150px);}
.review_item_txt p {font-size: 16px;font-weight: 400;line-height: 1.5;letter-spacing: -0.05em;color: #000;}
.review_item_txt span {display: inline-block;padding-right: 11px;margin-top: 10px;font-size: 16px;letter-spacing: -0.05em;font-weight: 600;color: #000;background: url(../images/type-b/review-load.jpg) no-repeat right center;border-bottom: 1px solid #000;cursor: pointer;}

.product_review_action {margin-top: 25px;text-align: center;}
.product_review_action > a {display: inline-block;width: 165px;font-size: 24px;padding-left: 21px;letter-spacing: -0.05em;font-weight: 400;line-height: 46px;background: url(../images/type-b/review-last-btn.jpg) no-repeat left 45%;color: #000;border-bottom: 1px solid #000;}
.product_review_action > a > span {font-size: 18px;font-weight: 400;padding-left: 16px;display: inline-block;vertical-align: top;letter-spacing: 0;}
.product_review_action > a > span > b {font-weight: 600;}



/* **************************************** *
 * KEYFRAME ANIMATION
 * **************************************** */
@keyframes Gradient {
    0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0% 50%}
}