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

html {scroll-behavior: smooth; font-feature-settings: "palt";}

/*/////////////////// Effect ///////////////////*/
/*　フェードイン　*/
.is-fadein01.is-animated {animation: fadeIn01 0.5s forwards;}
@keyframes fadeIn01 {
	0% {opacity: 0; transform: translateY(100px);}
  100% {opacity: 1; transform: translateY(0);}
}

.is-fadein02.is-animated {animation: fadeIn02 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;}
@keyframes fadeIn02 {
	0% {opacity: 0; transform: translateY(100px);}
  100% {opacity: 1; transform: translateY(0);}
}

/*　フェードイン　*/
.fadein01 {opacity: 0.0; transform: translate(0, 100px); transition: all 1000ms;}
.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);}

/*　ふわふわ　*/
.anime-fuwafuwa {animation: 2s fuwafuwa infinite;}
@keyframes fuwafuwa {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-15px);}
}


/*/////////////////// LP ///////////////////*/
#newyear {width: 100%; margin: 0 auto; padding: 0; background-image: url(https://beautymylab.com/user_data/packages/raku2pc/img/cp/241228newyear/goldbg.jpg); background-repeat: repeat-y; background-size: 100%; background-attachment: fixed;}
#newyear>.lpWrap {width: 700px; margin: 0 auto; padding: 0 0 0; text-align: center; background-color: #000000;}
#newyear>.lpWrap>img {width: 100%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>#title {width: 100%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>#title>img {width: 100%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>#title>.lead {width: 100%; margin: 50px auto; padding: 0 0 100px; background-image: url(https://beautymylab.com/user_data/packages/raku2pc/img/cp/251226newyear/fvbg.webp); background-size: 100%; background-repeat: no-repeat; background-position: top; text-align: center;}
#newyear>.lpWrap>#title>.lead>img {display: block; width: 80px; margin: 0 auto; padding: 40px 0;}
#newyear>.lpWrap>#title>.lead>p {margin: 0 auto 15px; padding: 0; color: #ffffff; font-size: 20px; font-weight: 400; font-family: "Zen Kaku Gothic New", sans-serif; font-style: normal; line-height: 2.2; letter-spacing: 0.02em; text-align: center;}
#newyear>.lpWrap>#title>.lead>p>b {font-size: 120%; color: #e6c88c}

#newyear>.lpWrap>.cp01 {width: 100%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>.cp01>img {width: 100%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>.cp01>.cp01-content {width: 100%; margin: 0 auto; padding: 20px 0 0; background-image: linear-gradient(180deg, #ecd08e 0%, #bea074 100%);}
#newyear>.lpWrap>.cp01>.cp01-content>img {display: block; width: 100%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>.cp01>.cp01-content>img.ttl {display: block; width: 90%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>.cp01>.infoArea {width: 100%; margin: 0 auto 0; padding: 80px 0 100px; text-align: center; background-color: #bea074;}
#newyear>.lpWrap>.cp01>.infoArea>.text-content {width: 85%; margin: 0 auto 0; padding: 0;}
#newyear>.lpWrap>.cp01>.infoArea>.text-content>h4 {width: 280px; margin: 0 auto 20px 0; padding: 15px 0; color: #e6bf7e; font-size: 20px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; line-height: 1.0; letter-spacing: 0.01em; text-align: center; background-color: #ffffff; border-radius: 50px;}
#newyear>.lpWrap>.cp01>.infoArea>.text-content>ul {width: 95%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>.cp01>.infoArea>.text-content>ul>li {width: 100%; margin: 0 auto 15px; padding: 0; color: #ffffff; font-size: 17px; font-family: YakuHanJP, "Zen Kaku Gothic New", sans-serif; font-weight: 400; line-height: 1.6; letter-spacing: 0.01em; text-align: justify;}
#newyear>.lpWrap>.cp01>.infoArea>.text-content>ul>li:last-child {margin: 0 auto 50px;}
#newyear>.lpWrap>.cp01>.infoArea>.text-content>ul>li::marker {content: "・"; margin-right: 5px;}
#newyear>.lpWrap>.cp01>.infoArea>.text-content>ul>li>span {font-size: 80%; line-height: 1.2;}
#newyear>.lpWrap>.cp01>.infoArea>.text-content>ul>li>span::before {content: "※"; margin-right: 5px;}
#newyear>.lpWrap>.cp01>.infoArea>.text-content>ul>li>b {padding: 0 0 5px; font-family: "Noto Sans JP", sans-serif; font-size: 120%; letter-spacing: 0.02em; border-bottom: 1px solid #ffffff;}
#newyear>.lpWrap>.cp01>.cp01-content>a.btn_entry,
#newyear>.lpWrap>.cp01>.cp01-content>a.btn_entry:link,
#newyear>.lpWrap>.cp01>.cp01-content>a.btn_entry:visited {display: block; width: 80%; margin: 5px auto 0; padding: 35px 0 28px; font-family: 'GraphikSemibold', "Hiragino Sans", "Noto Sans", Meiryo, sans-serif; font-weight: 600; font-size: 25px; letter-spacing: 0.1em; background-color: #000000; color: #ffffff; border: 2px solid #000000; text-decoration: none; text-indent: 0; cursor: pointer; text-align: center; align-items: center; justify-content: center; position: relative; border-radius: 100px;}
#newyear>.lpWrap>.cp01>.cp01-content>a.btn_entry:hover {background-color: #ffffff; color: #000000; text-decoration: none;}
#newyear>.lpWrap>.cp01>.cp01-content>a.btn_entry::after {font-family: 'Material Symbols rounded'; content: "login"; font-size: 40px; font-weight: 400; transition: all .3s ease; margin-left: 10px; color: #ffffff; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 5%; }
#newyear>.lpWrap>.cp01>.cp01-content>a.btn_entry:hover::after {color: #000000;}
#newyear>.lpWrap>.cp01>.cp01-content>a.btn_entry>span {display: block; font-size: 150%;}

#newyear>.lpWrap>.cp02 {width: 100%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>.cp02>img {width: 100%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>.cp02>.cp02-content {width: 100%; margin: 0 auto; padding: 20px 0 0; background-image: linear-gradient(180deg, #d30a10 0%, #910009 100%);}
#newyear>.lpWrap>.cp02>.cp02-content>img {display: block; width: 100%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>.cp02>.cp02-content>img.ttl {display: block; width: 90%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>.cp02>.cp02-content>img.stepttl {display: block; width: 320px; margin: 0 auto; padding: 50px 0 10px;}
#newyear>.lpWrap>.cp02>.cp02-content>.stepArea {width: 90%; margin: 0 auto; padding: 10px 0 40px; text-align: center; display: flex; justify-content: space-between; vertical-align: top;}
#newyear>.lpWrap>.cp02>.cp02-content>.stepArea>div {display: inline-block; width: 40%; width : -webkit-calc(100% / 2); width : calc(100% / 2 - 50px); margin: 0 auto 0; padding: 20px 0; background-color: #ffffff; border-radius: 30px;}
#newyear>.lpWrap>.cp02>.cp02-content>.stepArea>div>img {width: 70%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>.cp02>.cp02-content>.stepArea>div>p {margin: 0 auto 10px; padding: 0; color: #000000; font-size: 16px; font-family: YakuHanJP, "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal; line-height: 1.8; letter-spacing: 0.01em; text-align: center;}
#newyear>.lpWrap>.cp02>.cp02-content>.stepArea>div>.more-btn,
#newyear>.lpWrap>.cp02>.cp02-content>.stepArea>div>.more-btn:link,
#newyear>.lpWrap>.cp02>.cp02-content>.stepArea>div>.more-btn:visited {display: block; width: 90%; margin: 10px auto 0; padding: 20px 0; font-size: 14px;  font-weight: 400; color: #ffffff; text-align: center; letter-spacing: 0.02em; line-height: 1.0; text-decoration: none; cursor:pointer; position: relative; border: 1px solid #bea074; background-color: #bea074; border-radius: 30px;}
#newyear>.lpWrap>.cp02>.cp02-content>.stepArea>div>.more-btn:hover {color: #bea074 !important; background-color: #ffffff;}
#newyear>.lpWrap>.cp02>.cp02-content>.stepArea>div>.more-btn::after {content: ""; display: block; position: absolute; top: calc(50% - 5px); right: 20px; width: 20px; height: 5px; border: none; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; transform: skew(45deg); transition: .3s;}
#newyear>.lpWrap>.cp02>.cp02-content>.stepArea>div>.more-btn:hover::after {right: 10px; width: 30px; border-right: 1px solid #bea074; border-bottom: 1px solid #bea074;}
#newyear>.lpWrap>.cp02>.cp02-content>.lineArea {width: 100%; margin: 0 auto; padding: 50px 0 30px; text-align: center;}
#newyear>.lpWrap>.cp02>.cp02-content>.lineArea>a>img {width: 100%; margin: 0 auto; padding: 0; position:relative; top:0;}
#newyear>.lpWrap>.cp02>.cp02-content>.lineArea>a>img:hover {top:-10px; transition:0.3s; filter:alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; opacity:1.0; zoom:1;}
#newyear>.lpWrap>.cp02>.infoArea {width: 100%; margin: 0 auto 0; padding: 80px 0 100px; text-align: center; background-color: #910009;}
#newyear>.lpWrap>.cp02>.infoArea>.text-content {width: 85%; margin: 0 auto 0; padding: 0;}
#newyear>.lpWrap>.cp02>.infoArea>.text-content>h4 {width: 280px; margin: 0 auto 20px 0; padding: 15px 0; color: #99272d; font-size: 20px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 600; line-height: 1.0; letter-spacing: 0.01em; text-align: center; background-color: #ffffff; border-radius: 50px;}
#newyear>.lpWrap>.cp02>.infoArea>.text-content>p {width: 95%; margin: 0 auto 40px; padding: 0; color: #ffffff; font-size: 17px; font-family: YakuHanJP, "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal; line-height: 1.8; letter-spacing: 0.01em; text-align: justify;}
#newyear>.lpWrap>.cp02>.infoArea>.text-content>p>a,
#newyear>.lpWrap>.cp02>.infoArea>.text-content>p>a:link,
#newyear>.lpWrap>.cp02>.infoArea>.text-content>p>a:visited {color: #ffffff; font-weight: 600; text-decoration: underline;}
#newyear>.lpWrap>.cp02>.infoArea>.text-content>ul {width: 95%; margin: 0 auto; padding: 0;}
#newyear>.lpWrap>.cp02>.infoArea>.text-content>ul>li {width: 100%; margin: 0 auto 15px; padding: 0; color: #ffffff; font-size: 17px; font-family: YakuHanJP, "Zen Kaku Gothic New", sans-serif; font-weight: 400; line-height: 1.6; letter-spacing: 0.01em; text-align: justify;}
#newyear>.lpWrap>.cp02>.infoArea>.text-content>ul>li:last-child {margin: 0 auto 50px;}
#newyear>.lpWrap>.cp02>.infoArea>.text-content>ul>li::marker {content: "・"; margin-right: 5px;}
#newyear>.lpWrap>.cp02>.infoArea>.text-content>ul>li>span {font-size: 80%; line-height: 1.2;}
#newyear>.lpWrap>.cp02>.infoArea>.text-content>ul>li>span::before {content: "※"; margin-right: 5px;}
#newyear>.lpWrap>.cp02>.infoArea>.text-content>ul>li>b {padding: 0 0 5px; font-family: "Noto Sans JP", sans-serif; font-size: 120%; letter-spacing: 0.02em; border-bottom: 1px solid #ffffff;}
#newyear>.lpWrap>.cp02>.cp02-content>a.btn_entry,
#newyear>.lpWrap>.cp02>.cp02-content>a.btn_entry:link,
#newyear>.lpWrap>.cp02>.cp02-content>a.btn_entry:visited {display: block; width: 80%; margin: 5px auto 0; padding: 35px 0 28px; font-family: 'GraphikSemibold', "Hiragino Sans", "Noto Sans", Meiryo, sans-serif; font-weight: 600; font-size: 25px; letter-spacing: 0.1em; background-color: #bea074; color: #ffffff; border: 2px solid #bea074; text-decoration: none; text-indent: 0; cursor: pointer; text-align: center; align-items: center; justify-content: center; position: relative; border-radius: 100px;}
#newyear>.lpWrap>.cp02>.cp02-content>a.btn_entry:hover {background-color: #ffffff; color: #bea074; text-decoration: none;}
#newyear>.lpWrap>.cp02>.cp02-content>a.btn_entry::after {font-family: 'Material Symbols rounded'; content: "crown"; font-size: 40px; font-weight: 400; transition: all .3s ease; margin-left: 10px; color: #ffffff; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 5%; }
#newyear>.lpWrap>.cp02>.cp02-content>a.btn_entry:hover::after {color: #bea074;}
#newyear>.lpWrap>.cp02>.cp02-content>a.btn_entry>span {display: block; font-size: 150%;}

#newyear>.lpWrap>.footer {width: 100%; margin: 0 auto; padding: 0; background-color: #910009;}
#newyear>.lpWrap>.footer>img {width: 100%; margin: 0 auto;}

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