@charset "utf-8";
/* CSS Document */

html {scroll-behavior: smooth;}

@font-face
{font-family: 'GT Walsheim Pro Medium'; font-style: normal; src: url('../font/GTWalsheimPro-Medium.ttf') format('truetype');}

@font-face
{font-family: 'GT Walsheim Pro Bold'; font-style: normal; src: url('../font/GTWalsheimPro-Bold.ttf') format('truetype');}

/*　フェードイン　*/
.fadein01 {opacity: 0.0; transform: translate(0, 100px); transition: all 500ms;}
.fadein01.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein02 {opacity: 0.0; transform: translate(0, 120px); transition: all 500ms;}
.fadein02.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein03 {opacity: 0.0; transform: translate(0, 150px); transition: all 600ms;}
.fadein03.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein04 {opacity: 0.0; transform: translate(0, 170px); transition: all 700ms;}
.fadein04.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein05 {opacity: 0.0; transform: translate(0, 190px); transition: all 800ms;}
.fadein05.scrollin {opacity: 1; transform: translate(0, 0);}


#bkfridaylp {width: 100%; margin: 0 auto; padding: 0; background-color: #000000;}
#bkfridaylp>.lpWrap {width: 750px; margin: 0 auto 0; padding: 0 0 0; text-align: center; background-color: #111010; }
#bkfridaylp>.lpWrap>img {width: 100%;}
#bkfridaylp>.lpWrap>section {width: 90%; margin: 0 auto 60px; padding: 0; background-image: url(https://beautymylab.com/user_data/packages/raku2pc/img/cp/251128blackfriday/kirakira.webp); background-repeat: no-repeat; background-position: top center; background-size: contain;}
#bkfridaylp>.lpWrap>section {display: block; padding-top: 80px; margin-top: -80px;}
#bkfridaylp>.lpWrap>section:nth-of-type(7) {margin-bottom: 150px;}
#bkfridaylp>.lpWrap>section>.circlegold {display: inline-block; width: 320px; height: 160px; margin: 0 auto; border-radius: 50% / 100% 100% 0 0; background: linear-gradient(to bottom right, #cfad7c, #f6e4a7, #886b3f); text-align: center; position: relative; top: 10px;}
#bkfridaylp>.lpWrap>section>.circlegold>.circle {display: inline-block; width: 300px; height: 150px; border-radius: 50% / 100% 100% 0 0; background: #ffffff; text-align: center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#bkfridaylp>.lpWrap>section>.circlegold>.circle>img {width: 70%; margin: 30px auto 0;}
#bkfridaylp>.lpWrap>section>.item {width: 100%; margin: 0 auto; padding: 30px 0 0; background-color: #ffffff; border: 10px solid; border-bottom: none; border-image: linear-gradient(to right, #f6e4a7, #886b3f) 1;}
#bkfridaylp>.lpWrap>section>.item>img {width: 95%;}
#bkfridaylp>.lpWrap>.bkfriday-footer {width: 100%;}
#bkfridaylp>.lpWrap>.bkfriday-footer>img {width: 100%;}

#bkfridaylp>.lpWrap>#select-item {width: 70%; margin: 0 auto; padding: 0; text-align: center;}
#bkfridaylp>.lpWrap>#select-item>.medama {width: 100%; margin: 0 auto 30px; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#bkfridaylp>.lpWrap>#select-item>.medama>div {display: inline-block; width: 45%; width : -webkit-calc(100% / 2); width : calc(100% / 2 - 20px); margin: 0 auto; padding: 0 0; text-align: center;}
#bkfridaylp>.lpWrap>#select-item>.medama>div>a>img {width: 100%; transform: scale(1.0); transition:0.3s;}
#bkfridaylp>.lpWrap>#select-item>.medama>div>a>img:hover {transform: scale(1.1); transition:0.3s;}
#bkfridaylp>.lpWrap>#select-item>.sale {width: 100%; margin: 0 auto 80px; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#bkfridaylp>.lpWrap>#select-item>.sale>div {display: inline-block; width: 30%; width : -webkit-calc(100% / 3); width : calc(100% / 3 - 20px); margin: 0 auto ; padding: 0 0; text-align: center;}
#bkfridaylp>.lpWrap>#select-item>.sale>div>a>img {width: 100%; transform: scale(1.0); transition:0.3s;}
#bkfridaylp>.lpWrap>#select-item>.sale>div>a>img:hover {transform: scale(1.05); transition:0.3s;}

#bkfridaylp>.lpWrap>.cp_ttl {display: block; width: 50%; margin: 0 auto 30px;}
#bkfridaylp>.lpWrap>.cp_ttl>img {width: 100%; margin: 0 auto;}
#bkfridaylp>.lpWrap>.bnrArea {width: 85%; margin: 0 auto 100px; padding: 0; text-align: center;}
#bkfridaylp>.lpWrap>.bnrArea>a,
#bkfridaylp>.lpWrap>.bnrArea>a:link,
#bkfridaylp>.lpWrap>.bnrArea>a:visited {color: #ffffff; font-size: 14px; text-align: justify; line-height: 1.5; letter-spacing: 0.05em; text-decoration: none;}
#bkfridaylp>.lpWrap>.bnrArea>a>img {display: block; width: 100%; margin: 0 auto 10px;}

.marketbnrArea {width: 85%; margin: 0 auto 30px; padding: 0; text-align: center;}
.marketbnrArea>a,
.marketbnrArea>a:link,
.marketbnrArea>a:visited {color: #ffffff; font-size: 14px; text-align: justify; line-height: 1.5; letter-spacing: 0.05em; text-decoration: none;}
.marketbnrArea>a>img {display: block; width: 100%; margin: 0 auto 10px;}

.special-btn-more,
.cp5000off-btn-more,
.cp20off_pot-btn-more,
.cp20off_sinn-btn-more,
.cp15off-btn-more,
.cp10off-btn-more,
.cp5off-btn-more {width: 100%; text-align: center; color: #111010; height: 70px; margin: 0 auto; background: linear-gradient(to bottom right, #cfad7c, #f6e4a7, #886b3f); cursor: pointer; display: flex; align-items: center; justify-content: center; font-family: 'GT Walsheim Pro Bold', sans-serif; font-weight: 600;}
.special-btn-more::after,
.cp5000off-btn-more::after,
.cp20off_pot-btn-more::after,
.cp20off_sinn-btn-more::after,
.cp15off-btn-more::after,
.cp10off-btn-more::after,
.cp5off-btn-more::after {font-family: 'Material Symbols rounded'; content: "add_circle"; font-size: 26px; transition: all .3s ease; margin-left: 10px; color: #111010; display: block;}
.special-btn-more.close::after,
.cp5000off-btn-more.close::after,
.cp20off_pot-btn-more.close::after,
.cp20off_sinn-btn-more.close::after,
.cp15off-btn-more.close::after,
.cp10off-btn-more.close::after,
.cp5off-btn-more.close::after {font-family: 'Material Symbols rounded'; content: "do_not_disturb_on";}
.special-dropdown-content {width: 100%; margin: 0 auto; padding: 20px 0; text-align: center; background-color: #f5f4ec;}
.cp5000off-dropdown-content,
.cp20off_pot-dropdown-content,
.cp20off_sinn-dropdown-content,
.cp15off-dropdown-content,
.cp10off-dropdown-content,
.cp5off-dropdown-content {width: 100%; margin: 0 auto; padding: 20px 0; text-align: center; background-color: #f5f4ec;}
.content-onecolumn {width: 92%; margin: 0 auto; padding: 0;}
.content-onecolumn>div {display: block; width: 100%; margin: 0 auto 40px; padding: 0 0 40px; text-align: center; border-bottom: 1px solid #1f1f1f;}
.content-onecolumn>div>img {width: 100%; margin: 0 auto;}

.content-onecolumn>div>a.btn_cart,
.content-onecolumn>div>a.btn_cart:link,
.content-onecolumn>div>a.btn_cart:visited {display: block; width: 450px; margin: 20px auto 50px; padding: 22px 0 25px; color: #ffffff; font-size: 20px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.0; position: relative; text-decoration: none; z-index: 0; background: linear-gradient(135deg, #886b3f 0%, #f6e4a7 20%, #886b3f 52%, #cfad7c 70%, #f6e4a7 78%, #886b3f 100%); border: 2px solid #cfad7c; border-radius: 50px; overflow: hidden; cursor: pointer;}
.content-onecolumn>div>a.btn_cart:hover {background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%); color: #886b3f; border: 2px solid #886b3f; text-decoration: none;}
.content-onecolumn>div>a.btn_cart::after {font-family: 'Material Symbols rounded'; content: "shopping_cart"; font-size: 25px; font-weight: 400; transition: all .3s ease; margin-left: 10px; color: #ffffff; position: relative; top: 5px;}
.content-onecolumn>div>a.btn_cart:hover::after {color: #886b3f;}

.targetmore-btn,
.targetmore-btn:link,
.targetmore-btn:visited {display: block; width: 450px; margin: 20px auto 50px; padding: 22px 0 25px; font-size: 20px; font-weight: 500; color: #ffffff; text-align: center; letter-spacing: 0.05em; line-height: 1.0; text-decoration: none; cursor:pointer; position: relative; background: linear-gradient(135deg, #886b3f 0%, #f6e4a7 20%, #886b3f 52%, #cfad7c 70%, #f6e4a7 78%, #886b3f 100%); border: 2px solid #cfad7c; border-radius: 50px;}
.targetmore-btn:hover {background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%); color: #886b3f; border: 2px solid #886b3f; text-decoration: none;}
.targetmore-btn::after {font-family: 'Material Symbols rounded'; content: "search"; font-size: 25px; font-weight: 400; transition: all .3s ease; margin-left: 10px; color: #ffffff; position: relative; top: 5px;}.targetmore-btn:hover::after {color: #886b3f;}

.copy-box {width: 95%; margin: 30px auto;}
.copyttl {display: inline-block; font-size: 18px; line-height: 1.0;}
.copy-text {display: inline-block; margin: 0 20px 0 5px; font-family: 'GT Walsheim Pro Bold', sans-serif; font-weight: 600; font-size: 35px; line-height: 1.0;}
.copy-box>div>button {display: inline-block; width: 170px; margin: 0; padding: 10px 0 10px; color: #ffffff; font-weight: 600; font-size: 16px; line-height: 1.0; cursor: pointer;}

.copy-box_elujuda {padding: 20px 0; border: 4px solid #b6adc9; background-color: #ffffff;}
.copy-box_elujuda>.copyttl,
.copy-box_elujuda>.copy-text {color: #b6adc9;}
.copy-box_elujuda>button {background-color: #b6adc9; border: 1px solid #b6adc9;}
.copy-box_elujuda>button:hover {background-color: #ffffff; color: #b6adc9;}

.copy-box_willa {padding: 20px 0; border: 4px solid #a58b78; background-color: #ffffff;}
.copy-box_willa>.copyttl,
.copy-box_willa>.copy-text {color: #a58b78;}
.copy-box_willa>button {background-color: #a58b78; border: 1px solid #a58b78;}
.copy-box_willa>button:hover {background-color: #ffffff; color: #a58b78;}

.copy-box_elmista {padding: 20px 0; border: 4px solid #8e969c; background-color: #ffffff;}
.copy-box_elmista>.copyttl,
.copy-box_elmista>.copy-text {color: #8e969c;}
.copy-box_elmista>button {background-color: #8e969c; border: 1px solid #8e969c;}
.copy-box_elmista>button:hover {background-color: #ffffff; color: #8e969c;}

.copy-box_sinn {padding: 20px 0; border: 4px solid #07a56b; background-color: #ffffff;}
.copy-box_sinn>.copyttl,
.copy-box_sinn>.copy-text {color: #07a56b;}
.copy-box_sinn>button {background-color: #07a56b; border: 1px solid #07a56b;}
.copy-box_sinn>button:hover {background-color: #ffffff; color: #07a56b;}

.copy-box_evi {padding: 20px 0; border: 4px solid #008b8e; background-color: #ffffff;}
.copy-box_evi>.copyttl,
.copy-box_evi>.copy-text {color: #008b8e;}
.copy-box_evi>button {background-color: #008b8e; border: 1px solid #008b8e;}
.copy-box_evi>button:hover {background-color: #ffffff; color: #008b8e;}

.copy-box_shisedo {padding: 20px 0; border: 4px solid #f29db7; background-color: #ffffff;}
.copy-box_shisedo>.copyttl,
.copy-box_shisedo>.copy-text {color: #f29db7;}
.copy-box_shisedo>button {background-color: #f29db7; border: 1px solid #f29db7;}
.copy-box_shisedo>button:hover {background-color: #ffffff; color: #f29db7;}

.copy-box_soel {padding: 20px 0; border: 4px solid #492b1b; background-color: #ffffff;}
.copy-box_soel>.copyttl,
.copy-box_soel>.copy-text {color: #492b1b;}
.copy-box_soel>button {background-color: #492b1b; border: 1px solid #492b1b;}
.copy-box_soel>button:hover {background-color: #ffffff; color: #492b1b;}