/* ===== base ===== */
* {
  box-sizing: border-box;
}

html {font-size: 16px; 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-size: 1rem; font-style: normal; font-family: "Noto Sans JP", sans-serif; font-weight: 400; -webkit-text-size-adjust: 100%; font-feature-settings: "palt";}
a {text-decoration: none;　color: inherit;}
a:hover {filter:alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; opacity:1.0; zoom:1;}

/* noto-sans-jp-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('https://beautymylab.com/user_data/packages/raku2pc/fonts/noto-sans-jp-v55-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url('https://beautymylab.com/user_data/packages/raku2pc/fonts/noto-sans-jp-v55-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('https://beautymylab.com/user_data/packages/raku2pc/fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('https://beautymylab.com/user_data/packages/raku2pc/fonts/montserrat-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.pcbr {display: block;}/* PC改行*/
.spbr {display: none;}/* スマホ改行解除*/

@media screen and (max-width: 1050px) {
.pcbr {display: none;}/* PC改行解除*/
.spbr {display: block;}/* スマホ改行*/
}

/*////////// サイト調整用 //////////*/
#header-contents {margin: 0 auto 0;}
#header-contents>.header {width: 100%; padding: 30px 2% 10px; background-color: #ffffff;}
.megaMenu>.category-list {width: 90%; padding: 15px 5% 25px;}

/*////////// Design //////////*/
/*#annivcp01,
#annivcp02,
#annivcp03,
#annivcp04 {display: block; padding-top: 80px; margin-top: -80px;}*/

#anniv8lp  {width: 100%; margin: 0 auto 0; padding: 0;
	background: radial-gradient(at 0% 10%, #fff9a2, transparent 100%),
		radial-gradient(at -20% 100%, #f3ff00, transparent 70%),
		radial-gradient(at 0% 0%, #feff00, transparent 101%),
		radial-gradient(at 100% 100%, #ff80b4, transparent 80%);
	background-attachment: fixed;}
#anniv8lp>.anniv8-content {max-width: 1000px; margin: 0 auto; padding: 0;}
#anniv8lp>.anniv8-content>.anniv8-layout {max-width: 100%; margin: 0 auto 0; display: grid; grid-template-columns: 300px 1fr; gap: 100px; position: relative;}

/* ===== Leftnavi ===== */
#anniv8lp .left-nav-content {height: auto; width: 100%;}
#anniv8lp .left-nav-content>.left-nav {color: #4d4d4d; line-height: 1.0; letter-spacing: 0.05em; position: -webkit-sticky; position: sticky; top: 230px; /*top: 45%; transform: translateY(-50%);*/}
#anniv8lp .nav-title {margin: 0 auto 22px; font-family: "Montserrat", "Noto Sans JP", sans-serif; font-size: 1.1rem; font-weight: 700;}
#anniv8lp .nav-block>a.navbg {display: block; margin: 0 auto 10px; padding: 5px 0; text-decoration: none; text-align: center; position: relative; transition: transform 0.4s ease; border-radius: 50px;}
#anniv8lp .nav-block>a.cp01bg {background: linear-gradient(90deg, #ff9c99 0%, #ff5d66 100%);}
#anniv8lp .nav-block>a.cp02bg {background: linear-gradient(90deg, #c378aa 0%, #8e469a 100%);}
#anniv8lp .nav-block>a.cp03bg {background: linear-gradient(90deg, #69d3d5 0%, #51adb3 100%);}
#anniv8lp .nav-block>a.cp04bg {background: linear-gradient(90deg, #E3DD98 0%, #c1af55 100%);}
#anniv8lp .nav-block>a>img {display: block; width: 160px; margin: 0 auto 0; transition: transform 0.4s ease;}
#anniv8lp .nav-block>a:hover {transform: translateX(10px);}


/* ===== LP ===== */
#anniv8lp .lp-content {width: 100%; background: linear-gradient(90deg, #fef9ee 0%, #f1f2de 100%); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.45);}
#anniv8lp .lp-content>.fv {width: 100%; margin: 0 auto; padding: 0 0; text-align: center; position: relative;}
#anniv8lp .lp-content>.fv>img {width: 100%; margin: 0 auto;}
#anniv8lp .lp-content>.fv>.fvtitle {width: 70%; margin: 0 auto; position: absolute; left:15%; bottom: 120px;}
#anniv8lp .lp-content>.fvcp {width: 100%; margin: 0 auto -20px; padding: 0 0 0; position: relative;}
#anniv8lp .lp-content>.fvcp>.menuWrap {width: 100%; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;}
#anniv8lp .lp-content>.fvcp>.menuWrap>.menuitem {width: 100%; margin: 0 auto; position: relative;}
#anniv8lp .lp-content>.fvcp>.menuWrap>.menuitem>a>img {width: 100%; margin: 0 auto; position: relative; transition: transform 0.4s ease;}
#anniv8lp .lp-content>.fvcp>.menuWrap>.menuitem>a>img.cp01 {top: -110px;}
#anniv8lp .lp-content>.fvcp>.menuWrap>.menuitem>a>img.cp02 {top: -70px;}
#anniv8lp .lp-content>.fvcp>.menuWrap>.menuitem>a>img.cp03 {top: -100px;}
#anniv8lp .lp-content>.fvcp>.menuWrap>.menuitem>a>img.cp04 {top: -80px;}
#anniv8lp .lp-content>.fvcp>.menuWrap>.menuitem>a:hover>img {transform: translateY(-10px);}
#anniv8lp .lp-content>.lead {width: 85%; margin: 0 auto; padding: 0 0 20px; position: relative; z-index: 2;}
#anniv8lp .lp-content>.lead>p {margin: 0 auto 20px; padding: 0; color: #663a12; font-size: 1.15rem; font-weight: 400; text-align: justify; line-height: 2.2; letter-spacing: 0.1em;}

#anniv8lp .lp-content>.cpmenu {width: 100%; margin: 0 auto 0; padding: 0 0 0; position: relative;}
#anniv8lp .lp-content>.cpmenu>img {display: block; width: 95%; margin: 0 auto 20px;}
#anniv8lp .lp-content>.cpmenu>img.cp_title {width: 75%; margin: 0 auto 30px;}
#anniv8lp .lp-content>.cpmenu>.secretWrap {width: 80%; margin: 0 auto 30px;}
#anniv8lp .lp-content>.cpmenu>.secretWrap>a>img {width: 100%;}
#anniv8lp .lp-content>.cpmenu>.menuWrap {width: 100%; margin: 0 auto 50px; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
#anniv8lp .lp-content>.cpmenu>.menuWrap>.menuitem {width: 100%; position: relative;}
#anniv8lp .lp-content>.cpmenu>.menuWrap>.menuitem>a>img {width: 100%; margin: 0 auto; position: relative; transition: transform 0.4s ease;}
#anniv8lp .lp-content>.cpmenu>.menuWrap>.menuitem>a>img.cpmenu01 {width: 110%; top: 10px; left: -10px; transform: rotate(-5deg);}
#anniv8lp .lp-content>.cpmenu>.menuWrap>.menuitem>a>img.cpmenu02 {width: 95%; top: 15px; right: -20px; transform: rotate(8deg);}
#anniv8lp .lp-content>.cpmenu>.menuWrap>.menuitem>a>img.cpmenu03 {width: 105%; top: 0; transform: rotate(10deg);}
#anniv8lp .lp-content>.cpmenu>.menuWrap>.menuitem>a>img.cpmenu04 {width: 100%; top: -30px; transform: rotate(-10deg);}
#anniv8lp .lp-content>.cpmenu>.menuWrap>.menuitem>a:hover>img {transform: scale(1.1);}
 
#anniv8lp .lp-content>.cp01 {width: 100%; margin: 0 auto 0; padding: 0 0 20px; position: relative; background: linear-gradient(90deg, #ffe8e5 0%, #ffd3d0 100%);}
#anniv8lp .lp-content>.cp02 {width: 100%; margin: 0 auto 0; padding: 0 0 20px; position: relative; background: linear-gradient(90deg, #f3eeff 0%, #e0c9e7 100%);}
#anniv8lp .lp-content>.cp03 {width: 100%; margin: 0 auto 0; padding: 0 0 20px; position: relative; background: linear-gradient(90deg, #defff7 0%, #c1dfd6 100%);}
#anniv8lp .lp-content>.cp04 {width: 100%; margin: 0 auto 0; padding: 0 0 20px; position: relative; background: linear-gradient(90deg, #fef9ee 0%, #f1f2de 100%);}
#anniv8lp .lp-content>.cp01>img,
#anniv8lp .lp-content>.cp02>img,
#anniv8lp .lp-content>.cp03>img,
#anniv8lp .lp-content>.cp04>img {width: 100%; margin: 0 auto;}

#anniv8lp .cptitle {width: 100%; margin: -30px auto 50px; position: relative; text-align: center;}
#anniv8lp .cptitle>img {width: 100%; /*position: absolute; top: -10px; transform: translateY(-50%);*/}
#anniv8lp .cptitle>.cplead {width: 80%; margin: 0 auto 0; padding: 10px 0;}
#anniv8lp .cptitle>.cplead>p {margin: 0 auto 0; padding: 0; color: #333333; font-size: 1.0rem; font-weight: 400; line-height: 2.0; letter-spacing: 0.05em; text-align: justify;}
#anniv8lp .product-content {width: 90%; margin: 0 auto 60px; padding: 50px 0 50px; border-radius: 30px; background-color: #ffffff; position: relative;}
#anniv8lp .cp01>.product-content {border: 2px solid #ff9c99;}
#anniv8lp .cp02>.product-content {border: 2px solid #ab4d92;}
#anniv8lp .cp03>.product-content {border: 2px solid #91d3d5;}
#anniv8lp .cp04>.sns-content {border: 2px solid #c1af55;}
#anniv8lp .product-top {width: 100%; margin: 0 auto 30px;}
#anniv8lp .product-top>img {width: 100%;}
#anniv8lp .product-top>.product-text {width: 85%; margin: 20px auto 30px; color: #333333;}
#anniv8lp .product-top>.product-text>p {margin: 0 auto; padding: 0; font-size: 0.9rem; font-weight: 400; line-height: 2.0; letter-spacing: 0.03em;}
#anniv8lp .product-price {width: 90%; margin: 0 auto 0;}
#anniv8lp .product-price-normal {display: block; width: 70%; margin: 0 auto 0;}
#anniv8lp .product-price>img,
#anniv8lp .product-price-normal>img {width: 100%;}
#anniv8lp .product-twocolumn {width: 90%; margin: 0 auto 30px; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
#anniv8lp .product-twocolumn>div {width: 100%; margin: 0 auto 20px;}
#anniv8lp .product-twocolumn>div>img {width: 100%; margin: 0 auto 0;}
#anniv8lp .product-benefit {width: 90%; margin: 0 auto 0;}
#anniv8lp .product-benefit>img {width: 100%; margin: 0 auto 0;}

#anniv8lp .lp-content>.cp03 .timesale {width: 50%; margin: 20px auto 0;}
#anniv8lp .lp-content>.cp03 .timesalemenu {width: 90%; margin: 0 auto 100px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; align-items: flex-end;}
#anniv8lp .lp-content>.cp03 .timesalemenu>div {width: 100%;}
#anniv8lp .lp-content>.cp03 .timesalemenu>div>img {width: 100%;}
/*#anniv8lp .timesalemenu>.hover-container {position: relative; overflow: hidden; transition: height 0.2s ease; width: 100%; display: flex; flex-direction: column; justify-content: flex-end;}
#anniv8lp .timesalemenu>.hover-container>a>img {width: 100%; display: block; transition: opacity 0.2s ease;}
#anniv8lp .timesalemenu>.hover-container .img-b {position: absolute; bottom: 0; left: 0; opacity: 0;}
#anniv8lp .timesalemenu>.hover-container:hover .img-a {opacity: 0;}
#anniv8lp .timesalemenu>.hover-container:hover .img-b {opacity: 1;}*/
#anniv8lp .lp-content>.cp03 .daybadge {width: 160px; margin: -120px auto 20px; padding: 0;}
#anniv8lp .lp-content>.cp03 .daybadge>img {width: 100%;}

#anniv8lp .sns-content {width: 90%; margin: 0 auto 60px; padding: 50px 0 30px; border-radius: 30px; background-color: #ffffff; position: relative;}
#anniv8lp .sns-content>.head01 {width: 300px; margin: -70px auto 20px;}
#anniv8lp .sns-content>.head02 {width: 75%; margin: 0 auto 30px;}
#anniv8lp .sns-content>.head01>img,
#anniv8lp .sns-content>.head02>img {width: 100%;}
#anniv8lp .sns-content>.sns-block {width: 100%; margin: 0 auto 0; padding: 30px 0 40px; background-color: #f5f5f5; text-align: center;}
#anniv8lp .sns-content>.sns-block>img {width: 70%; margin: 0 auto 30px;}
#anniv8lp .sns-content>.sns-block>.stepWrap {width: 90%; margin: 0 auto 20px; padding: 0 0 20px; display: grid; grid-template-columns: 15% 1fr; gap: 20px; border-bottom: 1px dotted #333333;}
#anniv8lp .sns-content>.sns-block>.alcenter {align-items: center;}
#anniv8lp .sns-content>.sns-block>.stepWrap:last-child {border: none; padding: 0 0 0;}
#anniv8lp .sns-content>.sns-block>.stepWrap>.stepicon {width: 100%;}
#anniv8lp .sns-content>.sns-block>.stepWrap>.stepicon>img {width: 100%;}
#anniv8lp .sns-content>.sns-block>.stepWrap>.steptext {width: 100%; position: relative;}
#anniv8lp .sns-content>.sns-block>.stepWrap>.steptext>p {margin: 0 auto; padding: 0; color: #333333; font-size: 1.0rem; font-weight: 400; line-height: 1.8; letter-spacing: 0.03em; text-align: justify;}
#anniv8lp .sns-content>.sns-block>.stepWrap>.steptext>p>b {font-size: 110%;}
#anniv8lp .sns-content>.sns-block>.stepWrap>.steptext>a.snslink {display: block; margin: 5px auto 15px; color: #c1af55; font-size: 1.2rem; font-weight: 700; line-height: 1.0; letter-spacing: 0.03em; text-align: justify;}
#anniv8lp .sns-content>.sns-block>.stepWrap>.steptext>.step02text {display: block; width: 230px; margin: 10px auto 0 0;}
#anniv8lp .sns-content>.sns-block>.stepWrap>.steptext>.step02badge {width: 120px; position: absolute; top: -10px; right: 10px;}

#anniv8lp .sns-content>.sns-block>.stepWrap>.steptext>.snsaccount {width: 100%; margin: 15px auto 10px; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
#anniv8lp .sns-content>.sns-block>.stepWrap>.steptext>.snsaccount>div {width: 100%;}
#anniv8lp .sns-content>.sns-block>.stepWrap>.steptext>.snsaccount>div>p {margin: 0 auto 10px; padding: 0; color: #333333; font-size: 0.9rem; font-weight: 700; line-height: 1.0; letter-spacing: 0.03em; text-align: center;}
#anniv8lp .sns-content>.sns-block>.stepWrap>.steptext>.snsaccount>div>a.snslink {display: block; margin: 5px auto 15px; color: #c1af55; font-size: 0.9rem; font-weight: 700; line-height: 1.0; letter-spacing: 0.03em; text-align: center;}

#anniv8lp .sns-content>.fukidashi {display: block; width: 80%; margin: -40px auto 30px;}
#anniv8lp .sns-content>.footer {width: 85%; margin: 0 auto 30px; padding: 0; text-align: center;}
#anniv8lp .sns-content>.footer>img {width: 100%;}
#anniv8lp .sns-content>.footer>.atten>h4 {width: 180px; margin: 0 auto 15px 0; padding: 15px 0; color: #ffffff; font-size: 0.9rem; font-weight: 600; line-height: 1.0; letter-spacing: 0.01em; text-align: center; background-color: #333333; border-radius: 50px;}
#anniv8lp .sns-content>.footer>.atten {width: 100%; margin: 50px auto 0;}
#anniv8lp .sns-content>.footer>.atten>ul {width: 95%; margin: 0 auto; padding: 0;}
#anniv8lp .sns-content>.footer>.atten>ul>li {width: 100%; margin: 0 auto 5px; padding: 0; color: #333333; font-size: 0.9rem; font-weight: 400; line-height: 1.6; letter-spacing: 0.01em; text-align: justify;}
#anniv8lp .sns-content>.footer>.atten>ul>li::marker {content: "※"; margin-right: 5px;}


#anniv8lp a.btn_cart {display: block; width: 75%; margin: 0 auto 0; padding: 25px 0 28px;  color: #ffffff; font-size: 1.25rem; font-family: "Montserrat", sans-serif; font-weight: 700; line-height: 1.0; letter-spacing: 0.1em;  border-radius: 80px; cursor: pointer; text-align: center; transition: background-color 0.3s ease, color 0.3s ease; box-shadow: 5px 10px 0 0px rgba(0, 0, 0, 0.1);}
#anniv8lp a.btn_cart::after {font-size: 25px; font-weight: 400; transition: all .3s ease; margin-left: 10px; color: #ffffff; position: relative; top: 5px;}
#anniv8lp a.btn_cart_min {width: 90%; margin: 0 auto 0; padding: 25px 0 28px; font-size: 1.1rem; box-shadow: 3px 6px 0 0px rgba(0, 0, 0, 0.1);}
#anniv8lp a.btn_cart_min::after {font-size: 18px;}
#anniv8lp a.btn_cp01 {background: linear-gradient(0deg, #ff9c99 0%, #ff5d66 100%); border: 2px solid #ff9c99;}
#anniv8lp a.btn_cp01:hover {color: #ff9c99; background: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);}
#anniv8lp a.btn_cp01::after {font-family: 'Material Symbols rounded'; content: "shopping_cart";}
#anniv8lp a.btn_cp01:hover::after {color: #ff9c99;}
#anniv8lp a.btn_cp02 {background: linear-gradient(0deg, #c378aa 0%, #8e469a 100%); border: 2px solid #c378aa;}
#anniv8lp a.btn_cp02:hover {color: #c378aa; background: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);}
#anniv8lp a.btn_cp02::after {font-family: 'Material Symbols rounded'; content: "search";}
#anniv8lp a.btn_cp02:hover::after {color: #c378aa;}
#anniv8lp a.btn_cp03 {background: linear-gradient(0deg, #69d3d5 0%, #51adb3 100%); border: 2px solid #69d3d5;}
#anniv8lp a.btn_cp03:hover {color: #69d3d5; background: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);}
#anniv8lp a.btn_cp03::after {font-family: 'Material Symbols rounded'; content: "star";}
#anniv8lp a.btn_cp03:hover::after {color: #69d3d5;}
#anniv8lp a.btn_cp04 {display: block; width: 100%; margin: 0 auto 0; padding: 18px 0 18px;  color: #ffffff; font-size: 0.75rem; font-weight: 700; line-height: 1.0; letter-spacing: 0.02em;  border-radius: 80px; cursor: pointer; text-align: center; transition: background-color 0.3s ease, color 0.3s ease; background-color: #c1af55; border: 1px solid #c1af55; color: #ffffff;}
#anniv8lp a.btn_cp04:hover {color: #c1af55; background-color: #ffffff;}
#anniv8lp a.btn_form {display: block; width: 90%; margin: 20px auto 30px; padding: 25px 0 28px;  color: #ffffff; font-size: 1.25rem; font-weight: 700; line-height: 1.0; letter-spacing: 0.02em;  border-radius: 80px; cursor: pointer; text-align: center; transition: background-color 0.3s ease, color 0.3s ease; background: linear-gradient(0deg, #E3DD98 0%, #c1af55 100%); border: 1px solid #c1af55; color: #ffffff; box-shadow: 5px 10px 0 0px rgba(0, 0, 0, 0.1);}
#anniv8lp a.btn_form:hover {color: #c1af55; background: linear-gradient(0deg, #ffffff 0%, #ffffff 100%);}
#anniv8lp a.btn_form::after {font-size: 22px; font-weight: 400; transition: all .3s ease; margin-left: 10px; color: #ffffff; position: relative; top: 5px; font-family: 'Material Symbols rounded'; content: "assignment";}
#anniv8lp a.btn_form:hover::after {color: #c1af55;}

.copy-box {width: 80%; margin: 0 auto 20px; text-align: center;}
.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: block; width: 200px; margin: 10px auto 0; padding: 10px 0 10px; color: #ffffff; font-weight: 600; font-size: 15px; line-height: 1.0; cursor: pointer;}
.copy-box_suwah,
.copy-box_chorism {padding: 10px 0 15px; color: #ab4d92; border: 4px solid #ab4d92;}
.copy-box_suwah>.copy-text,
.copy-box_chorism>.copy-text {color: #ab4d92;}
.copy-box_suwah>button,
.copy-box_chorism>button {background-color: #ab4d92; border: 1px solid #ab4d92;}
.copy-box_suwah>button:hover,
.copy-box_chorism>button:hover {background-color: #ffffff; color: #ab4d92;}
.copy-box_sec8,
.copy-box_sec18,
.copy-box_sec28 {padding: 10px 0 15px; color: #51adb3; border: 4px solid #51adb3;}
.copy-box_sec8>.copy-text,
.copy-box_sec18>.copy-text,
.copy-box_sec28>.copy-text {color: #51adb3;}
.copy-box_sec8>button,
.copy-box_sec18>button,
.copy-box_sec28>button {background-color: #51adb3; border: 1px solid #51adb3;}
.copy-box_sec8>button:hover,
.copy-box_sec18>button:hover,
.copy-box_sec28>button:hover {background-color: #ffffff; color: #51adb3;}

/*/////////////////// 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.8s forwards;}
@keyframes fadeIn02 {
	0% {opacity: 0; transform: translateY(100px);}
  100% {opacity: 1; transform: translateY(0);}
}

/*　スクロールフェードイン　*/
.fadein01 {opacity: 0.0; transform: translate(0, 80px); transition: all 700ms;}
.fadein01.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein02 {opacity: 0.0; transform: translate(0, 100px); transition: all 800ms;}
.fadein02.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein03 {opacity: 0.0; transform: translate(0, 120px); transition: all 900ms;}
.fadein03.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein04 {opacity: 0.0; transform: translate(0, 140px); transition: all 1000ms;}
.fadein04.scrollin {opacity: 1; transform: translate(0, 0);}

/*　バウンスイン　*/
.bounceIn {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: bounceIn; animation-name: bounceIn;}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}
  20% {-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}
  40% {-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}
  60% {opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}
  80% {-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97);}
  100% {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
}

.anime-fuwafuwa01 {animation: 3s fuwafuwa infinite;}
@keyframes fuwafuwa {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-30px);}
}

.anime-fuwafuwa02 {animation: 5s fuwafuwa infinite;}
@keyframes fuwafuwa {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-20px);}
}

.anime-fuwafuwa03 {animation: 7s fuwafuwa infinite;}
@keyframes fuwafuwa {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-15px);}
}

.anime-poyopoyo {animation: poyopoyo 0.7s ease 0s infinite alternate; transform-origin:center;}
@keyframes poyopoyo {
  from {transform: scale(0.88,0.88);}
  to {transform: scale(1.0,1.0);}
}


.balloon01 {width: 80px !important; top: 80px; left: -20px; rotate: 0deg; position: absolute;}
.balloon02 {width: 120px !important; top: -20px; left: 80px; rotate: -10deg; position: absolute;}
.balloon03 {width: 100px !important; top: 120px; right: -50px; rotate: 0deg; position: absolute;}
.balloon04 {width: 80px !important; top: 210px; right: -20px; rotate: 0deg; position: absolute;}
.balloon05 {width: 80px !important; top: 400px; left: 10px; rotate: 0deg; position: absolute;}
.balloon06 {width: 60px !important; top: 480px; right: -20px; rotate: 0deg; position: absolute;}
.balloon07 {width: 130px !important; top: -20px; left: -20px; rotate: 0deg; position: absolute;}
.balloon08 {width: 80px !important; top: 180px; right: -40px; rotate: 0deg; position: absolute;}
.balloon09 {width: 80px !important; top: 200px; left: -40px; rotate: 5deg; position: absolute;}
.balloon10 {width: 80px !important; top: -20px; right: -30px; rotate: 0deg; position: absolute;}

@media screen and (max-width: 1100px) {
	#anniv8lp>.anniv8-content {max-width: 92%;}
	#anniv8lp>.anniv8-content>.anniv8-layout {max-width: 100%; margin: 0 auto 0; display: block; grid-template-columns: 1fr; gap: 0}
	#anniv8lp .left-nav-content {display: none;}
}

@media screen and (max-width: 1000px) {
	#footer-bml {margin: 0 auto 0;}
}