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

html {scroll-behavior: smooth;}
body, h1, h2, h3, h4, h5, h6, p, address,ul, ol, li, dl, dt, dd,table, th, td, img, form, input,figure {margin: 0; padding: 0; list-style-type: none; 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);}
}


/*/////////////////// LP ///////////////////*/
#linelp>#line {display: block; padding-top: 80px; margin-top: -80px;}
#linelp>#id {display: block; padding-top: 80px; margin-top: -80px;}
#linelp>#couponinfo {display: block; padding-top: 80px; margin-top: -80px;}

#linelp {width: 100%; margin: 0 auto 150px; padding: 0;}
#linelp>.fvWrap {width: 100%; margin: 0 auto 80px; padding: 0; background-image: url(https://beautymylab.com/user_data/packages/raku2pc/img/contents/line/fvbg.webp); background-size: 100%; background-repeat: no-repeat; background-position: top; text-align: center;}
#linelp>.fvWrap>img {width: 100%; margin: 0 auto; padding: 0;}
#linelp>.lpWrap {width: 750px; margin: 0 auto; padding: 0; text-align: center; background-color: #ffffff;}
#linelp>.lpWrap>#couponArea {width: 100%; margin: 0 auto 100px; padding: 0;}
#linelp>.lpWrap>img,
#linelp>.lpWrap>#couponArea>a>img {width: 100%; margin: 0 auto; padding: 0; position:relative; top:0;}
#linelp>.lpWrap>#couponArea>a>img:hover {top:-5px; transition:0.3s;}
#linelp>.lpWrap>.selectArea {width: 90%; margin: 0 auto 100px; padding: 0 0; text-align: center; display: flex; justify-content: space-between; vertical-align: top; position: relative;}
#linelp>.lpWrap>.selectArea>div {display: inline-block; width: 32%; width : -webkit-calc(100% / 3); width : calc(100% / 3 - 20px); margin: 0 auto 0; padding: 0;}
#linelp>.lpWrap>.selectArea>div>a>img {width: 80%; margin: 0 auto; padding: 0; position:relative; top:0;}
#linelp>.lpWrap>.selectArea>div>a>img:hover {top:-5px; transition:0.3s;}

#linelp>#lineArea {width: 100%; margin: 0 auto; padding: 80px 0 80px; background-color: #f6f4eb;}
#linelp>#lineArea>.lpWrap {width: 1000px; margin: 0 auto; padding: 0; text-align: center;}
#linelp>#lineArea>.lpWrap>h3 {width: 100%; margin: 0 auto 40px; padding: 20px 0; color: #ffffff; font-size: 20px; font-family: "Noto+Sans+JP", sans-serif; font-weight: 500; line-height: 1.0; letter-spacing: 0.05em; text-align: center; background-color: #94a77e; border-radius: 50px;}
#linelp>#lineArea>.lpWrap>img {display: block; margin: 0 auto 50px; width: 400px;}
#linelp>#lineArea>.lpWrap>p {margin: 0 auto 5px; padding: 0; color: #565656; font-size: 16px; font-family: "Noto+Sans+JP", sans-serif; font-weight: 400; font-style: normal; line-height: 2.0; letter-spacing: 0.02em; text-align: center;}
#linelp>#lineArea>.lpWrap>p>b {font-size: 120%;}
#linelp>#lineArea>.lpWrap>.lineselectArea {width: 90%; margin: 0 auto 0; padding: 0 0; text-align: center; display: flex; justify-content: space-between; vertical-align: top; position: relative;}
#linelp>#lineArea>.lpWrap>.lineselectArea>div {display: inline-block; width: 40%; width : -webkit-calc(100% / 2); width : calc(100% / 2 - 50px); margin: 0 auto 0; padding: 30px 0; background-color: #ffffff; border: 4px solid #e4e4e4;}
#linelp>#lineArea>.lpWrap>.lineselectArea>div>img {width: 90%;}
#linelp>#lineArea>.lpWrap>.lineselectArea>div>a>img {width: 180px;}

.copy-box {width: 80%; margin: 10px auto 0;}
.copy-box_mylabo {width: 100%; margin: 0 auto;}
.copy-box_mylabo>.copyttl {display: block; margin: 0 auto 10px; font-size: 15px; line-height: 1.0; color: #000000;}
.copy-box_mylabo>.copy-text {display: block; font-family: 'GT Walsheim Pro Bold', sans-serif; font-weight: 600; font-size: 32px; line-height: 1.0; color: #3cb156;}
.copy-box>div>button {display: block; width: 200px; margin: 20px auto 0; padding: 10px 0 10px; color: #ffffff; font-weight: 600; font-size: 15px; line-height: 1.0; cursor: pointer;}
.copy-box_mylabo>button {background-color: #3cb156; border: 1px solid #3cb156;}
.copy-box_mylabo>button:hover {background-color: #ffffff; color: #3cb156;}

#linelp>#idArea {width: 100%; margin: 0 auto; padding: 80px 0 80px; background-color: #fcede9;}
#linelp>#idArea>.lpWrap {width: 1000px; margin: 0 auto; padding: 0; text-align: center;}
#linelp>#idArea>.lpWrap>h3 {width: 100%; margin: 0 auto 40px; padding: 20px 0; color: #ffffff; font-size: 20px; font-family: "Noto+Sans+JP", sans-serif; font-weight: 500; line-height: 1.0; letter-spacing: 0.05em; text-align: center; background-color: #e5a8a6; border-radius: 50px;}
#linelp>#idArea>.lpWrap>p {width: 700px; margin: 0 auto 20px; padding: 0 0 10px; color: #565656; font-size: 18px; font-family: "Noto+Sans+JP", sans-serif; font-weight: 400; font-style: normal; line-height: 1.0; letter-spacing: 0.02em; text-align: center; border-bottom: 1px solid #565656;}
#linelp>#idArea>.lpWrap>.id-couponArea {width: 750px; margin: 30px auto 50px; padding: 0;}
#linelp>#idArea>.lpWrap>.id-couponArea>img {width: 100%; margin: 0 auto; padding: 0; position:relative; top:0;}
#linelp>#idArea>.lpWrap>.id-couponArea>img:hover {top:-5px; transition:0.3s;}
#linelp>#idArea>.lpWrap>.idstep {width: 95%; margin: 0 auto 0; padding: 0 0; text-align: center; display: flex; justify-content: space-between; vertical-align: top; position: relative;}
#linelp>#idArea>.lpWrap>.idstep>div {display: inline-block; width: 40%; width : -webkit-calc(100% / 2); width : calc(100% / 2 - 20px); margin: 0 auto 0; padding: 0;}
#linelp>#idArea>.lpWrap>.idstep>div>img {width: 90%;}
#linelp>#idArea>.lpWrap>.idstep>div>a.btn_mypage {display: block; width: 80%; margin: 50px auto 0; padding: 20px 0; background-color: #6f7585; color: #ffffff; font-size: 18px; font-family: "Noto+Sans+JP", sans-serif; font-weight: 500; line-height: 1.0; letter-spacing: 0.05em; border: 2px solid #6f7585; border-radius: 50px; text-decoration: none;}
#linelp>#idArea>.lpWrap>.idstep>div>a.btn_mypage:hover {background-color: #ffffff; color: #6f7585; text-decoration: none;}
#linelp>#idArea>.lpWrap>.idstep>div>a.btn_mypage::after {color: #ffffff;}
#linelp>#idArea>.lpWrap>.idstep>div>a.btn_mypage:hover::after {color: #6f7585;}

#linelp>#couponinfoArea {width: 100%; margin: 0 auto; padding: 80px 0 80px; background-color: #ffffff;}
#linelp>#couponinfoArea>.lpWrap {width: 1000px; margin: 0 auto; padding: 0; text-align: center;}
#linelp>#couponinfoArea>.lpWrap>h3 {width: 100%; margin: 0 auto 40px; padding: 20px 0; color: #ffffff; font-size: 20px; font-family: "Noto+Sans+JP", sans-serif; font-weight: 500; line-height: 1.0; letter-spacing: 0.05em; text-align: center; background-color: #333333; border-radius: 50px;}
#linelp>#couponinfoArea>.lpWrap>img {width: 750px;}