@charset "UTF-8";


/* sass */
.anime-inview { opacity: 0; transition: opacity 1s ease-in-out; }

.anime-inview.inview { opacity: 1; }

.anime-sequential { opacity: 0; transition: opacity 1s ease-in-out; }

.anime-sequential.show { opacity: 1; }

.anime-mainvisual-pc { display: none; position: relative; padding-bottom: 56.25%; }

.anime-mainvisual-pc .mv-anime-pc { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; opacity: 0; transition: opacity 1s ease-in-out; }

.anime-mainvisual-pc .mv-anime-pc.show { opacity: 1; }

.wave-z { position: relative; }

.wave-z .l-inner { z-index: 1; }

.wrap-wave-clip { position: absolute; padding-top: 33%; padding-bottom: 50.4596%; z-index: -1; width: 100%; overflow: hidden; }

.wrap-wave-clip .wrap-canvas { position: relative; aspect-ratio: 1920 / 1080; width: 750px; left: 50%; transform: translateX(-50%); }

.muo-renew { margin: 0; padding: 0; /* アニメーション */ /* デフォルトの背景のbackdrop疑似要素はアニメーションできないので透過にしておく */ /* モーダル背景 */ }

.muo-renew p { margin: 0; padding: 0; }

.muo-renew img { max-width: 100%; height: auto; }

.muo-renew .sp-view { display: block; }

.muo-renew .pc-view { display: none; }

.muo-renew.menu-open .wrap-top-content { position: relative; --height: 42px; z-index: 999; }

.muo-renew.menu-open .wrap-top-content:after { content: ""; display: block; height: calc(100% - var(--height)); position: absolute; left: 0; right: 0; bottom: 0; top: var(--height); margin: auto; z-index: 2; background-color: #FFF; }

.muo-renew.menu-open .wrap-block-memu { background-color: #FFF; }

.muo-renew.menu-open .wrap-block-memu .wrap-area-menu { display: block; }

.muo-renew.menu-open .wrap-block-memu .btn-menu { z-index: 100; }

.muo-renew.menu-open .wrap-block-memu .btn-menu span:nth-child(1) { transform: translateY(7px) rotate(-45deg); }

.muo-renew.menu-open .wrap-block-memu .btn-menu span:nth-child(3) { transform: translateY(-7px) rotate(45deg); }

.muo-renew.menu-open .wrap-block-memu .btn-menu span:nth-child(2) { display: none; }

.muo-renew .wrap-mainvisual { position: relative; }

.muo-renew .wrap-mainvisual .block-content .img-visual { width: 100%; }

.muo-renew .wrap-movie { text-align: center; position: relative; }

.muo-renew .wrap-movie .block-movie { position: relative; z-index: 2; padding: 25px 30px 0; margin: 0 auto; }

.muo-renew .wrap-movie .block-movie .movie { position: relative; z-index: 10; margin: 0 auto; }

.muo-renew .wrap-movie .block-movie .movie .play-movie { overflow: hidden; }

.muo-renew .wrap-movie .block-movie .movie .play-movie:hover { cursor: pointer; }

.muo-renew .wrap-movie .block-movie .movie .play-movie:hover .thumb-movie { transform: scale(1.025); }

.muo-renew .wrap-movie .block-movie .movie .play-movie .thumb-movie { object-fit: cover; width: 100%; height: 100%; transition: transform 1.5s cubic-bezier(0, 0.55, 0.45, 1); display: block; }

.muo-renew .wrap-movie .block-movie .movie .btn-play { position: absolute; width: 8.8vw; height: 8.8vw; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.muo-renew .wrap-txt-head { width: 47px; margin-left: 10px; margin-right: 16px; }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

.muo-renew .wrap-btn { text-align: center; margin-top: 40px; }

.muo-renew .dialog { display: block; position: fixed; inset-inline: 0; inset-block: 0; border: none; background-color: transparent; z-index: 9999; width: auto; animation: fadeOut forwards 0.3s ease-in-out; height: 100%; padding: 0; padding-bottom: 100px; left: 20px; right: 20px; top: 20px; bottom: 20px; max-width: 100%; height: 100%; }

.muo-renew .dialog[open] { animation: fadeIn forwards 0.3s ease-in-out; }

.muo-renew .dialog::-ms-backdrop { background-color: transparent; }

.muo-renew .dialog::backdrop { background-color: transparent; }

.muo-renew .bg-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 234, 234, 0.9); z-index: 9998; animation: fadeOut forwards 0.3s ease-in-out; }

.muo-renew .bg-modal.onlineshoping01 { background-color: rgba(77, 76, 76, 0.9); }

.muo-renew .bg-modal.show { animation: fadeIn forwards 0.3s ease-in-out; }

.muo-renew .wrap-close { margin-top: 40px; display: flex; justify-content: center; align-items: center; min-height: 37px; position: absolute; bottom: -40px; left: 0; right: 0; margin: auto; }

.muo-renew .wrap-close .btn-close { pointer-events: auto; flex-shrink: 0; position: relative; display: flex; width: 32px; height: 32px; border-radius: 50%; }

.muo-renew .wrap-close .btn-close .close { position: absolute; inset: 0; display: block; border-radius: 50%; background-color: #ffffff; transition: transform 0.3s cubic-bezier(0, 0.55, 0.45, 1); box-shadow: 4px 4px 0 0 #C3C3C3; }

.muo-renew .wrap-close .btn-close .close:before, .muo-renew .wrap-close .btn-close .close:after { content: ''; position: absolute; z-index: 2; display: block; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 16px; height: 1px; background-color: #707070; }

.muo-renew .wrap-close .btn-close .close::before { transform: rotate(45deg); }

.muo-renew .wrap-close .btn-close .close::after { transform: rotate(-45deg); }

.muo-renew .dialog-inner { display: flex; align-items: center; justify-content: center; height: 100%; }

.muo-renew .dialog-inner .wrap-video { position: absolute; inset: 0; margin: auto; max-width: 100%; max-height: 100%; aspect-ratio: 16 / 9; }

.muo-renew .dialog-inner .wrap-shoping { position: absolute; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; display: flex; align-items: center; justify-content: center; }

.muo-renew .dialog-inner .movie-dialog { margin: 0 auto; position: absolute; inset: 0; overflow: hidden; border-radius: 4px; background-color: #000; }

.muo-renew .dialog-inner .movie-dialog iframe { inset: 0; width: 100%; height: 100%; margin: 0 auto; }

.muo-renew .dialog-inner .shoping-dialog { width: 100%; text-align: center; background-color: #FFF; padding: 20px 15px; }

.muo-renew .dialog-inner .shoping-dialog .ttl img { height: 22px; }

.muo-renew .dialog-inner .shoping-dialog .txt-lead { margin-top: 20px; font-size: 20px; line-height: 1; text-align: center; color: #000; }

.muo-renew .dialog-inner .shoping-dialog .txt-note { margin-top: 24px; font-size: 14px; line-height: 1; text-align: center; color: #000; }

.muo-renew .dialog-inner .shoping-dialog .list-vendor { margin-top: 18px; max-width: 488px; display: flex; }

.muo-renew .dialog-inner .shoping-dialog .list-vendor > li { width: calc(100% / 3); }

.muo-renew .dialog-inner .shoping-dialog .list-vendor > li + li { margin-top: 0; }

.muo-renew .dialog-inner .shoping-dialog .list-vendor .btn-buy { background-size: 87px auto; }

.muo-renew .dialog-inner .shoping-dialog .list-vendor .btn-buy.btn-lohaco { background-size: 131px auto; }

.muo-renew .dialog-inner .shoping-dialog .list-vendor .btn-buy:focus { outline: none; }

.muo-renew .dialog-inner .shoping-dialog .list-vendor .btn-buy:before { background-size: cover; }

.muo-renew .wrap-dialog { position: relative; height: 100%; width: 100%; max-width: 1000px; margin: 0 auto; }

.muo-renew .wrap-dialog.popup-buy { max-width: 637px; }

.muo-renew .u-mgt64-100 { margin-top: 64px !important; }

.muo-renew .l-inner { padding: 0 30px; }

.muo-renew .hdg-lv2 { text-align: center; line-height: 0; font-size: 0; }

.muo-renew .hdg-lv2 img { height: 28px; }

.muo-renew .wrap-content { padding-top: 64px; position: relative; }

.muo-renew .wrap-content .img-logo { width: 152px; margin: 0 auto; }

.muo-renew .wrap-intro { margin-top: 32px; }

.muo-renew .wrap-intro .img-product { width: 163px; margin: 0 auto; }

.muo-renew .wrap-intro .txt-intro { font-size: 20px; line-height: 1.4; letter-spacing: 0.05em; color: #000; }

.muo-renew .wrap-intro .txt-intro + .txt-intro { margin-top: 16px; }

.muo-renew .wrap-intro .wrap-intro-product { position: relative; }

.muo-renew .wrap-sec { margin-top: 32px; padding-top: 32px; }

.muo-renew .sec-concept .txt-lead { margin-top: 32px; font-size: 18px; line-height: 2; text-align: center; color: #000; }

.muo-renew .sec-concept .wrap-makeup { padding-top: 263px; margin-top: 64px; position: relative; }

.muo-renew .sec-concept .img-makeup { display: block; width: 412px; height: 263px; background-image: url(/khp/muo/images/img-concept.png); background-repeat: no-repeat; background-size: contain; position: absolute; left: -78px; top: 0; }

.muo-renew .sec-concept .txt-makeup { font-size: 20px; letter-spacing: 0.05em; line-height: 1.4; text-align: left; color: #000; text-align: right; }

.muo-renew .sec-features { padding-bottom: 174px; position: relative; overflow: hidden; }

.muo-renew .sec-features .img-add { display: block; width: 322px; height: auto; position: absolute; bottom: 0; right: -34px; z-index: -2; }

.muo-renew .list-point { margin-top: 32px; }

.muo-renew .list-point > li { padding-top: 12px; padding-bottom: 12px; }

.muo-renew .list-point > li + li { margin-top: 32px; }

.muo-renew .list-point .wrap-box { padding: 55px 20px 32px; margin-right: 12px; background: linear-gradient(159deg, #ecf2f3 0%, #fff 100%); position: relative; }

.muo-renew .list-point .wrap-box:after { content: ""; position: absolute; width: 100%; height: 100%; top: 12px; left: 12px; margin: auto; background: rgba(0, 0, 0, 0.15); z-index: -1; }

.muo-renew .list-point .wrap-box.point01 .number { background-image: url(/khp/muo/images/txt-number-point01.png); }

.muo-renew .list-point .wrap-box.point01 .tag { background-color: #81B164; }

.muo-renew .list-point .wrap-box.point02 .number { background-image: url(/khp/muo/images/txt-number-point02.png); }

.muo-renew .list-point .wrap-box.point02 .tag { background-color: #B441AB; }

.muo-renew .list-point .wrap-box.point03 .number { background-image: url(/khp/muo/images/txt-number-point03.png); }

.muo-renew .list-point .wrap-box.point03 .tag { background-color: #2FAEC6; }

.muo-renew .list-point .wrap-box.point04 .number { background-image: url(/khp/muo/images/txt-number-point04.png); }

.muo-renew .list-point .wrap-box.point04 .tag { background-color: #FF5FA2; }

.muo-renew .list-point .img-bg-add { display: block; width: 322px; height: auto; z-index: -2; position: absolute; }

.muo-renew .list-point .img-bg-add.pos01 { top: 37px; right: -207px; }

.muo-renew .list-point .img-bg-add.pos02 { top: 455px; left: -164px; }

.muo-renew .list-point .img-bg-add.pos03 { top: -80px; right: -203px; }

.muo-renew .list-point .img-bg-add.pos04 { top: -136px; left: -164px; transform: scaleX(-1); }

.muo-renew .list-point .img-bg-add.pos05 { top: -145px; right: -165px; }

.muo-renew .list-point .img-bg-add.pos06 { display: none; }

.muo-renew .list-point .img-bg-add.pos07 { top: -183px; left: -176px; }

.muo-renew .list-point .number { font-size: 0; line-height: 0; display: block; width: 46px; height: 42px; background-repeat: no-repeat; background-size: contain; position: absolute; left: 100px; top: -12px; }

.muo-renew .list-point .tag { display: block; width: 90px; height: 24px; font-size: 0; line-height: 0; background-image: url(/khp/muo/images/txt-point-sp.png); background-repeat: no-repeat; background-position: center center; background-size: 54px 12px; position: absolute; top: -12px; left: 0; box-shadow: 2.97px 2.68px 8px rgba(0, 0, 0, 0.1); }

.muo-renew .list-point .ttl { font-size: 22px; line-height: 1.36; color: #f584bd; }

.muo-renew .list-point .ttl-sub { margin-top: 16px; font-size: 16px; letter-spacing: 0.05em; line-height: 1.6875; color: #000; }

.muo-renew .list-point .txt-lead { margin-top: 16px; font-size: 18px; letter-spacing: 0.05em; line-height: 1.5; color: #000; }

.muo-renew .list-point .txt { margin-top: 16px; font-size: 16px; line-height: 1.6875; color: #000; }

.muo-renew .list-point .txt-note { margin-top: 16px; font-size: 10px; line-height: 1.5; color: #000; }

.muo-renew .list-point .img-type { margin-top: 16px; }

.muo-renew .list-point .img-type img { margin: 0 auto; }

.muo-renew .list-point .img-item { margin-top: 14px; }

.muo-renew .list-point .img-item img { margin: 0 auto; }

.muo-renew .wrap-block-item { margin-top: 22px; }

.muo-renew .list-item { display: flex; flex-wrap: wrap; margin-left: -10px; }

.muo-renew .list-item > li { width: 50%; padding-left: 10px; }

.muo-renew .list-item-pt1 { margin-top: 24px; }

.muo-renew .list-item-pt1 > li + li { margin-top: 29px; }

.muo-renew .list-item-pt1 .wrap-item.pt1 .ttl-type { background-color: #FCE2DD; }

.muo-renew .list-item-pt1 .wrap-item.pt2 .ttl-type { background-color: #CCE2F5; }

.muo-renew .list-item-pt1 .ttl-type { font-size: 16px; border-radius: 999em; line-height: 1.5; color: #000; text-align: center; margin-bottom: 16px; }

.muo-renew .wrap-sec-pt1 { margin-top: 32px; }

.muo-renew .hdg-lv3 { font-size: 18px; padding: 7px 10px; line-height: 1; text-align: center; color: #000; background: linear-gradient(159deg, #fcfcfc 0%, #f1f7e2 13.08%, #fadad3 29.68%, #ffd9d3 100%); }

.muo-renew .hdg-lv3.pt1 { background: linear-gradient(159deg, #f2edff 0%, #f2edff 11.82%, #93c7ec 100%); }

.muo-renew .list-tips { margin-top: 24px; }

.muo-renew .list-tips > li + li { margin-top: 24px; }

.muo-renew .list-tips .wrap-box { --top: 56.4vw; height: 100%; padding-top: 40px; position: relative; padding-left: 17px; }

.muo-renew .list-tips .wrap-box.point01 .number { background-color: #81B164; -webkit-mask-image: url(/khp/muo/images/txt-number-point01.png); mask-image: url(/khp/muo/images/txt-number-point01.png); }

.muo-renew .list-tips .wrap-box.point01 .tag { background-color: #81B164; }

.muo-renew .list-tips .wrap-box.point02 .number { background-color: #B441AB; -webkit-mask-image: url(/khp/muo/images/txt-number-point02.png); mask-image: url(/khp/muo/images/txt-number-point02.png); }

.muo-renew .list-tips .wrap-box.point02 .tag { background-color: #B441AB; }

.muo-renew .list-tips .wrap-box.point03 .number { background-color: #2FAEC6; -webkit-mask-image: url(/khp/muo/images/txt-number-point03.png); mask-image: url(/khp/muo/images/txt-number-point03.png); }

.muo-renew .list-tips .wrap-box.point03 .tag { background-color: #2FAEC6; }

.muo-renew .list-tips .wrap-box.point04 .number { background-color: #FF5FA2; -webkit-mask-image: url(/khp/muo/images/txt-number-point04.png); mask-image: url(/khp/muo/images/txt-number-point04.png); }

.muo-renew .list-tips .wrap-box.point04 .tag { background-color: #FF5FA2; }

.muo-renew .list-tips .wrap-box:after { content: ""; display: block; height: calc(100% - var(--top)); min-height: 85px; background-color: #DEF0FF; position: absolute; left: 38px; top: var(--top); right: 0; z-index: -1; }

.muo-renew .list-tips .wrap-box .number { font-size: 0; line-height: 0; display: block; width: 100%; height: 43px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; left: 0; z-index: 1; top: 22px; }

.muo-renew .list-tips .wrap-box .tag { width: 48px; height: 12px; display: block; font-size: 0; line-height: 0; -webkit-mask-image: url(/khp/muo/images/txt-point-sp.png); mask-image: url(/khp/muo/images/txt-point-sp.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 0; left: 5px; }

.muo-renew .list-tips .wrap-box.pt1:after { background-color: #FFEEEB; }

.muo-renew .list-tips .wrap-img { padding-right: 104px; }

.muo-renew .list-tips .desc { margin-top: 18px; min-height: 48px; font-size: 16px; letter-spacing: 0.05em; line-height: 1.5; color: #000; position: relative; }

.muo-renew .wrap-dots { margin-top: 24px; margin-left: 17px; }

.muo-renew .wrap-dots .ttl { font-weight: bold; margin-bottom: 14px; font-size: 18px; letter-spacing: 0.05em; line-height: 1; color: #000; }

.muo-renew .list-dots > li { font-size: 16px; line-height: 1.5; color: #000; position: relative; padding-left: 8px; }

.muo-renew .list-dots > li span:before { content: ""; display: inline-block; vertical-align: middle; width: 3px; height: 3px; border-radius: 50%; background-color: #000; margin-right: 0.4em; }

.muo-renew .list-dots > li + li { margin-top: 16px; }

.muo-renew .list-btn.col1 { margin-top: 32px; }

.muo-renew .list-btn > li + li { margin-top: 16px; }

.muo-renew .btn { display: block; text-decoration: none; width: 100%; padding: 18px 65px 17px; font-size: 18px; letter-spacing: 0.05em; line-height: 1.5; text-align: center; border: 2px solid transparent; position: relative; color: #262626; }

.muo-renew .btn:before { content: ""; display: block; width: 32px; height: 32px; background-repeat: no-repeat; background-size: contain; position: absolute; left: 23px; top: 0; bottom: 0; margin: auto; }

.muo-renew .btn:after { content: ""; display: block; width: 6px; height: 6px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); position: absolute; top: 0; bottom: 0; margin: auto; right: 23px; }

.muo-renew .btn.btn-clr-pt1 { background-color: #74AE7C; color: #FFF; }

.muo-renew .btn.btn-clr-pt1:before { display: none; }

.muo-renew .btn.btn-clr-pt1:after { border-color: #FFF; }

.muo-renew .btn.btn-clr-pt2 { background-color: #C18DBA; color: #FFF; }

.muo-renew .btn.btn-clr-pt2:after { display: none; }

.muo-renew .btn.btn-instagram { border-color: #FF7EC3; }

.muo-renew .btn.btn-instagram:before { background-image: url(/khp/muo/images/ico-instagram.png); }

.muo-renew .btn.btn-instagram:after { border-color: #FF7EC3; }

.muo-renew .btn.btn-twitter { border-color: #000; }

.muo-renew .btn.btn-twitter:before { background-image: url(/khp/muo/images/ico-x.png); }

.muo-renew .wrap-block-end { padding: 64px 0 100px; background-image: url(/khp/muo/images/img-bg-end.jpg); background-color: #FFF; background-size: 100% auto; background-repeat: no-repeat; background-position: bottom center; }

.muo-renew .list-product > li + li { margin-top: 45px; }

.muo-renew .list-product::after { transition: opacity 1s ease-in-out; opacity: 0; }

.muo-renew .list-product.showed-all::after { opacity: 1; }

.muo-renew .wrap-box-product { position: relative; background-color: #fff; padding: 0 20px; }

.muo-renew .wrap-box-product:after { content: ""; display: block; background-color: rgba(0, 0, 0, 0.15); position: absolute; width: 100%; height: 100%; right: -12px; bottom: -12px; margin: auto; z-index: -1; }

.muo-renew .wrap-box-product .wrap-img { margin: 0 -20px; }

.muo-renew .wrap-product { margin-top: 32px; margin-right: 12px; padding-bottom: 12px; }

.muo-renew .wrap-product .ttl-info { font-weight: bold; margin-top: 32px; font-size: 20px; line-height: 1.5; letter-spacing: 0.03em; text-align: center; }

.muo-renew .wrap-product .txt-volume { margin-top: 11px; font-size: 16px; line-height: 1.31; letter-spacing: 0.05em; text-align: center; }

.muo-renew .wrap-product .txt-buy { margin-top: 23px; font-size: 20px; line-height: 1.85; text-align: center; }

.muo-renew .wrap-product .img-note-product { margin-top: 24px; }

.muo-renew .wrap-product .wrap-desc { padding: 18px 0 28px; }

.muo-renew .wrap-product .wrap-desc .ttl-desc { font-weight: bold; font-size: 18px; line-height: 1.5; letter-spacing: 0.05em; }

.muo-renew .wrap-product .wrap-desc .desc { margin-top: 7px; font-size: 16px; line-height: 1.5; }

.muo-renew .list-vendor { margin: 24px auto 0; max-width: 263px; }

.muo-renew .list-vendor > li + li { margin-top: 20px; }

.muo-renew .list-vendor .btn-buy { display: block; width: 100%; padding: 6px 18px; border-radius: 24px; background-repeat: no-repeat; min-height: 48px; background-position: center; position: relative; background-color: #fff; box-shadow: 0 4px 0px #CECECE; }

.muo-renew .list-vendor .btn-buy:before { content: ""; display: block; background-repeat: no-repeat; background-size: contain; z-index: 1; position: absolute; border-radius: 24px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: opacity .3s; opacity: 0; }

.muo-renew .list-vendor .btn-buy > * { display: block; width: 100%; }

.muo-renew .list-vendor .btn-amazon { background-image: url(/khp/muo/images/img-amazon.png); background-size: 87px auto; }

.muo-renew .list-vendor .btn-amazon:before { background-image: url(/khp/muo/images/img-bg-hover01.png); }

.muo-renew .list-vendor .btn-rakuten { background-image: url(/khp/muo/images/img-rakuten.png); background-size: 105px auto; }

.muo-renew .list-vendor .btn-rakuten:before { background-image: url(/khp/muo/images/img-bg-hover02.png); }

.muo-renew .list-vendor .btn-lohaco { background-image: url(/khp/muo/images/img-lohaco.png); background-size: 102px auto; }

.muo-renew .list-vendor .btn-lohaco:before { background-image: url(/khp/muo/images/img-bg-hover03.png); }

.muo-renew .wrap-block-memu { background: rgba(255, 255, 255, 0.8); }

.muo-renew .wrap-block-memu.sticky { inset-inline: 0; position: sticky; top: 0; z-index: 9; }

.muo-renew .wrap-block-memu .inner-head { display: flex; justify-content: space-between; align-items: center; padding: 8px 14px; position: relative; }

.muo-renew .wrap-block-memu .block-control { flex: 1; display: flex; align-items: center; justify-content: flex-end; }

.muo-renew .wrap-block-memu .wrap-btn-menu { margin-left: 18px; }

.muo-renew .wrap-block-memu .btn-menu { cursor: pointer; position: relative; display: block; width: 25px; height: 17px; }

.muo-renew .wrap-block-memu .btn-menu span { width: 100%; height: 2px; background-color: #707070; position: absolute; border-radius: 999em; left: 0; right: 0; transition: transform .3s; }

.muo-renew .wrap-block-memu .btn-menu span:nth-child(1) { top: 0; }

.muo-renew .wrap-block-memu .btn-menu span:nth-child(2) { top: 0; bottom: 0; margin: auto; }

.muo-renew .wrap-block-memu .btn-menu span:nth-child(3) { bottom: 0; }

.muo-renew .wrap-block-memu .btn-menu:focus { outline: none; }

.muo-renew .wrap-block-memu .btn-anchor { text-decoration: none; color: #000; }

.muo-renew .wrap-block-memu .btn-buy-product { margin-top: 24px; font-size: 18px; letter-spacing: 0.05em; line-height: 1.4; color: #f5f5f5; width: 100%; border-radius: 4px; background: #6eaa77; position: relative; padding: 12px 26px 11px 20px; text-align: center; display: none; }

.muo-renew .wrap-block-memu .btn-buy-product:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0 auto; mix-blend-mode: soft-light; background: linear-gradient(#fff 0%, rgba(255, 255, 255, 0) 100%); }

.muo-renew .wrap-block-memu .btn-buy-product:after { content: ""; display: block; width: 0px; height: 0px; position: absolute; right: 14px; top: 0; bottom: 0; margin: auto; border-style: solid; border-width: 5px 4px 0 4px; border-color: #FFFFFF transparent transparent transparent; }

.muo-renew .wrap-block-memu .wrap-btn-card { display: block; width: 24px; height: 24px; }

.muo-renew .wrap-block-memu .btn-cart { display: block; cursor: pointer; font-size: 0; line-height: 0; width: 100%; height: 100%; background-image: url(/khp/muo/images/ico-cart.png); background-repeat: no-repeat; background-size: contain; }

.muo-renew .wrap-block-memu .wrap-area-menu { position: absolute; z-index: 99; top: 0; left: 0; right: 0; margin: auto; background-color: #FFF; border-top: 1px solid #D9D9D9; padding: 62px 30px 40px; display: none; }

.muo-renew .wrap-block-memu .img-logo { width: 100px; margin: 0 auto; }

.muo-renew .list-menu-anchor { margin-top: 58px; }

.muo-renew .list-menu-anchor > li + li { border-top: 1px solid #707070; }

.muo-renew .list-menu-anchor .btn-anchor { display: block; padding: 16px 24px 16px 0; line-height: 0; position: relative; }

.muo-renew .list-menu-anchor .btn-anchor:before { content: ""; display: block; background-image: url(/khp/muo/images/ico-arrow.png); background-repeat: no-repeat; background-size: contain; width: 8px; height: 15px; position: absolute; top: 0; bottom: 0; margin: auto; right: 10px; }

.muo-renew .list-menu-anchor .btn-anchor img { width: auto; height: 22px; pointer-events: none; }

.muo-renew .wrap-btn-top { display: flex; justify-content: center; align-items: center; min-height: 37px; margin: auto; }

.muo-renew .wrap-btn-top.scrollwatchScrolled { position: fixed; bottom: 20px; right: 26px; z-index: 2; }

.muo-renew .wrap-btn-top .btn-top { text-decoration: none; pointer-events: auto; flex-shrink: 0; position: relative; display: flex; width: 32px; height: 32px; border-radius: 50%; }

.muo-renew .wrap-btn-top .btn-top .top { font-size: 0; line-height: 0; position: absolute; inset: 0; display: block; border-radius: 50%; background-color: #ffffff; transition: transform 0.3s cubic-bezier(0, 0.55, 0.45, 1); box-shadow: 4px 4px 0 0 #C3C3C3; }

.muo-renew .wrap-btn-top .btn-top .top:before { content: ''; position: absolute; background-image: url(/khp/muo/images/ico-arrow-top.png); background-repeat: no-repeat; background-size: contain; background-position: center center; z-index: 2; display: block; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 11px; height: 5px; }

.muo-renew .wrap-topics { padding-bottom: 38px; }

.muo-renew .list-topic { margin-top: 21px; }

.muo-renew .list-topic .wrap-cnt { margin-top: -28px; background-color: #FFFFFF; padding: 24px 18px 32px; box-shadow: 12px 12px rgba(0, 0, 0, 0.15); margin-left: 24px; margin-right: 36px; position: relative; z-index: 1; }

.muo-renew .list-topic .ttl { font-size: 16px; letter-spacing: 0.05em; line-height: 1.5; text-align: center; font-weight: 700; color: #000000; }

.muo-renew .list-topic .capacity { margin-top: 12px; font-size: 14px; letter-spacing: 0.05em; line-height: 1.5; text-align: center; font-weight: 400; color: #000000; }

.muo-renew .list-topic .desc { margin-top: 16px; font-size: 16px; line-height: 1.5; font-weight: 400; color: #000000; }

.muo-renew .list-topic .txt-note { margin-top: 10px; font-size: 10px; line-height: 1.5; font-weight: 400; color: #000000; }

@media print, all and (min-width: 769px) { .anime-mainvisual-pc { display: block; } .wrap-wave-clip { padding-top: 0%; }
  .wrap-wave-clip .wrap-canvas { width: 1800px; } .muo-renew.menu-open .wrap-top-content:after { display: none; } .muo-renew .sp-view { display: none; } .muo-renew .pc-view { display: block; } .muo-renew .wrap-movie .block-movie .movie .btn-play { width: 80px; height: 80px; } .muo-renew .wrap-movie .block-movie { width: 700px; padding: 47px 30px 0; } .muo-renew .wrap-txt-head { width: 88px; margin-left: 0; margin-right: 5px; } .muo-renew .wrap-close { bottom: -80px; }
  .muo-renew .wrap-close .btn-close { width: 63px; height: 63px; }
  .muo-renew .wrap-close .btn-close .close { box-shadow: 8px 8px 0 0 #C3C3C3; }
  .muo-renew .wrap-close .btn-close .close:hover { transform: scale(0.95); cursor: pointer; }
  .muo-renew .wrap-close .btn-close .close:before, .muo-renew .wrap-close .btn-close .close:after { width: 32px; } .muo-renew .dialog-inner .shoping-dialog { padding-top: calc(min(5vw,76px)); padding-bottom: calc(min(5vw,76px)); padding-left: calc(min(4.5vw,74px)); padding-right: calc(min(4.5vw,74px)); }
  .muo-renew .dialog-inner .shoping-dialog .txt-lead { margin-top: 40px; font-size: 28px; }
  .muo-renew .dialog-inner .shoping-dialog .wrap-shoping { aspect-ratio: 16 / 9; }
  .muo-renew .dialog-inner .shoping-dialog .txt-note { margin-top: 29px; font-size: 18px; } .muo-renew .u-mgt64-100 { margin-top: 100px !important; } .muo-renew .l-inner { max-width: 1140px; margin: 0 auto; } .muo-renew .hdg-lv2 img { height: 57px; } .muo-renew .wrap-content { padding-top: 97px; }
  .muo-renew .wrap-content .img-logo { width: 304px; } .muo-renew .wrap-intro { margin-top: 62px; padding-top: 150px; }
  .muo-renew .wrap-intro .img-product { width: calc(min(42vw,486px)); padding-left: 96px; }
  .muo-renew .wrap-intro .txt-intro { font-size: 40px; line-height: 1.5; padding-right: calc(min(54vw,660px)); }
  .muo-renew .wrap-intro .txt-intro + .txt-intro { margin-top: 23px; }
  .muo-renew .wrap-intro .wrap-intro-product { margin-top: -404px; } .muo-renew .wrap-sec { margin-top: 68px; } .muo-renew .sec-concept .txt-lead { margin-top: 54px; font-size: 20px; line-height: 2.1; text-align: center; color: #000; }
  .muo-renew .sec-concept .txt-lead + .txt-lead { margin-top: 42px; }
  .muo-renew .sec-concept .wrap-makeup { margin-top: 102px; padding-right: calc(min(8vw,103px)); min-height: calc(min(42vw,526px)); padding-top: 0; display: flex; align-items: center; justify-content: flex-end; }
  .muo-renew .sec-concept .img-makeup { display: block; width: calc(min(65vw,823px)); height: calc(min(42vw,526px)); left: -181px; top: 0; }
  .muo-renew .sec-concept .txt-makeup { font-size: 40px; line-height: 1.5; text-align: left; } .muo-renew .sec-features { margin: 0; padding: 0; padding-top: 32px; }
  .muo-renew .sec-features .img-add { width: calc(min(65vw,823.5px)); height: auto; right: -170px; }
  .muo-renew .sec-features .box-img-add { position: relative; padding-bottom: calc(min(37vw,468px)); } .muo-renew .list-point { margin-top: 65px; }
  .muo-renew .list-point > li { padding-top: 24px; padding-bottom: 38px; }
  .muo-renew .list-point > li + li { margin-top: 36px; }
  .muo-renew .list-point .wrap-box { padding: 85px 36px 60px 43px; margin-right: 25px; margin-left: 30px; background: linear-gradient(159deg, #ecf2f3 0%, #fff 100%); }
  .muo-renew .list-point .wrap-box:after { top: 32px; left: 24px; height: calc(100% + 6px); }
  .muo-renew .list-point .img-bg-add { width: 644px; right: -377px; }
  .muo-renew .list-point .img-bg-add.pos01 { top: 88px; }
  .muo-renew .list-point .img-bg-add.pos02 { top: 690px; left: -220px; }
  .muo-renew .list-point .img-bg-add.pos03 { top: 297px; right: -283px; }
  .muo-renew .list-point .img-bg-add.pos04 { top: 175px; left: -320px; transform: scaleX(1); }
  .muo-renew .list-point .img-bg-add.pos05 { display: none; }
  .muo-renew .list-point .img-bg-add.pos06 { display: block; top: 141px; right: -243px; }
  .muo-renew .list-point .img-bg-add.pos07 { top: 63px; left: -323px; }
  .muo-renew .list-point .tag { width: 180px; height: 47px; top: -24px; background-image: url(/khp/muo/images/txt-point-pc.png); background-size: 75px 18px; margin-left: -30px; }
  .muo-renew .list-point .number { width: 100%; height: 61.5px; left: 210px; top: -21px; }
  .muo-renew .list-point .ttl { font-size: 33px; line-height: 1.18; text-align: center; }
  .muo-renew .list-point .ttl-sub { font-size: 18px; line-height: 1.5; text-align: center; }
  .muo-renew .list-point .txt-lead { margin-top: 34px; font-size: 24px; line-height: 1.125; text-align: center; }
  .muo-renew .list-point .txt { margin-top: 28px; font-size: 18px; letter-spacing: 0.05em; line-height: 1.5; text-align: center; }
  .muo-renew .list-point .txt-note { margin-top: 40px; line-height: 1.68; margin-left: 18px; }
  .muo-renew .list-point .img-type { max-width: 614px; margin: 19px auto 0; }
  .muo-renew .list-point .img-item { max-width: 849px; margin: 24px auto 0; } .muo-renew .wrap-block-item { max-width: 652px; margin: 8px auto 0; } .muo-renew .list-item { margin-left: -128px; }
  .muo-renew .list-item > li { padding-left: 128px; } .muo-renew .list-item-pt1 { margin-top: 45px; display: flex; flex-wrap: wrap; margin-left: -26px; }
  .muo-renew .list-item-pt1 > li { width: 50%; padding-left: 26px; }
  .muo-renew .list-item-pt1 > li + li { margin-top: 0; }
  .muo-renew .list-item-pt1 .ttl-type { margin-bottom: 40px; padding: 5px; }
  .muo-renew .list-item-pt1 .wrap-item { height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
  .muo-renew .list-item-pt1 .wrap-img { padding: 0 32px; } .muo-renew .wrap-sec-pt1 { margin-top: 64px; }
  .muo-renew .wrap-sec-pt1 + .wrap-sec-pt1 { margin-top: 75px; } .muo-renew .hdg-lv3 { font-size: 30px; line-height: 2; padding: 8px 15px; } .muo-renew .list-tips { margin-top: 26px; display: flex; flex-wrap: wrap; margin-left: calc(min(6.09vw, -78px)); }
  .muo-renew .list-tips > li { width: calc(100% / 3); padding-left: calc(min(6.09vw, 78px)); }
  .muo-renew .list-tips > li + li { margin-top: 0; }
  .muo-renew .list-tips > li:nth-child(n + 4) { margin-top: 48px; }
  .muo-renew .list-tips .wrap-box { --top: 16.4vw; height: 100%; }
  .muo-renew .list-tips .wrap-box:after { min-height: 130px; height: calc(100% - calc(min(var(--top), 213px))); top: calc(min(var(--top), 213px)); }
  .muo-renew .list-tips .wrap-img { padding-right: 96px; }
  .muo-renew .list-tips .desc { font-size: 20px; padding-right: 0; padding-bottom: calc(min(2.2vw, 30px)); }
  .muo-renew .list-tips .desc:after { bottom: 0; height: 100%; }
  .muo-renew .list-tips .desc.nowrap { margin-right: -4vw; } .muo-renew .wrap-dots { margin-left: 0; }
  .muo-renew .wrap-dots .ttl { font-size: 22px; line-height: 1.8; } .muo-renew .list-dots > li { font-size: 18px; line-height: 1.3; }
  .muo-renew .list-dots > li:before { top: 1.3rem; } .muo-renew .list-btn { display: flex; flex-wrap: wrap; justify-content: center; margin-left: -30px; }
  .muo-renew .list-btn.col1 { margin-top: 50px; }
  .muo-renew .list-btn.col1 > li { width: 100%; }
  .muo-renew .list-btn.col1 > li + li { margin-top: 16px; }
  .muo-renew .list-btn > li { width: 50%; padding-left: 30px; }
  .muo-renew .list-btn > li + li { margin-top: 0; }
  .muo-renew .list-btn > li:nth-child(n + 3) { margin-top: 16px; } .muo-renew .btn { cursor: pointer; padding: 17px 80px; font-size: 28px; line-height: 1.5; transition: background-color .3s; }
  .muo-renew .btn:before { width: 42px; height: 42px; }
  .muo-renew .btn.btn-clr-pt1 { padding: 17px 40px; }
  .muo-renew .btn:hover.btn-instagram { background-color: #FFF0F8; }
  .muo-renew .btn:hover.btn-twitter { background-color: #E6E6E6; }
  .muo-renew .btn:hover.btn-clr-pt1 { background-color: #5D9B65; }
  .muo-renew .btn:hover.btn-clr-pt2 { background-color: #AF67A5; } .muo-renew .wrap-block-end { margin-top: 60px; padding: 120px 0 313px; } .muo-renew .wrap-list-btn { max-width: 790px; margin: 0 auto; } .muo-renew .list-product { display: flex; position: relative; background-color: #fff; }
  .muo-renew .list-product:after { content: ""; display: block; background-color: rgba(0, 0, 0, 0.15); position: absolute; width: 100%; height: 100%; right: -24px; bottom: -38px; margin: auto; z-index: -1; }
  .muo-renew .list-product > li { width: 50%; }
  .muo-renew .list-product > li + li { margin-top: 0; }
  .muo-renew .list-product > li + li .wrap-desc { position: relative; }
  .muo-renew .list-product > li + li .wrap-desc:before { content: ""; display: block; position: absolute; top: 35px; bottom: 49px; left: 0; background-color: #707070; width: 1px; margin: auto; } .muo-renew .wrap-box-product { padding: 0; }
  .muo-renew .wrap-box-product:after { display: none; }
  .muo-renew .wrap-box-product .wrap-img { margin: 0; } .muo-renew .wrap-product { margin-top: 64px; margin-right: 25px; padding-bottom: 38px; }
  .muo-renew .wrap-product .ttl-info { margin-top: 20px; font-size: 21px; line-height: 1.43; }
  .muo-renew .wrap-product .txt-volume { margin-top: 12px; font-size: 17px; line-height: 1.24; }
  .muo-renew .wrap-product .txt-buy { margin-top: 31px; font-size: 28px; line-height: 1.31; }
  .muo-renew .wrap-product .img-note-product { margin-top: 32px; }
  .muo-renew .wrap-product .wrap-desc { padding: 24px 32px 49px 33px; }
  .muo-renew .wrap-product .wrap-desc .ttl-desc { font-size: 22px; line-height: 1.82; }
  .muo-renew .wrap-product .wrap-desc .desc { margin-top: 0; font-size: 18px; line-height: 1.78; } .muo-renew .list-vendor { max-width: 260px; }
  .muo-renew .list-vendor > li + li { margin-top: 12px; }
  .muo-renew .list-vendor .btn-buy { min-height: 49px; }
  .muo-renew .list-vendor .btn-buy:hover:before { opacity: 1; }
  .muo-renew .list-vendor .btn-amazon { background-size: 109px auto; }
  .muo-renew .list-vendor .btn-rakuten { background-size: 132px auto; }
  .muo-renew .list-vendor .btn-lohaco { background-size: 160px auto; } .muo-renew .wrap-block-memu { background-color: #FFF; }
  .muo-renew .wrap-block-memu .inner-head { padding: 8px 30px; padding-left: calc(min(12vw, 140px)); max-width: 1280px; margin: 0 auto; }
  .muo-renew .wrap-block-memu .wrap-btn-card { display: none; }
  .muo-renew .wrap-block-memu .wrap-btn-menu { margin-left: 0; }
  .muo-renew .wrap-block-memu .btn-menu { display: none; }
  .muo-renew .wrap-block-memu .btn-buy-product { display: block; cursor: pointer; margin-top: 0; width: 180px; margin-left: calc(min(2vw,35px)); padding: 10px 26px 9px 20px; transition: opacity .3s; }
  .muo-renew .wrap-block-memu .btn-buy-product:hover { opacity: 0.7; }
  .muo-renew .wrap-block-memu .wrap-area-menu { border-top: none; position: static; display: flex !important; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0; }
  .muo-renew .wrap-block-memu .img-logo { display: none; } .muo-renew .list-menu-anchor { margin-top: 0; display: flex; flex-wrap: wrap; }
  .muo-renew .list-menu-anchor > li + li { margin-top: 0; border-left: 1px solid #D9D9D9; border-top: none; }
  .muo-renew .list-menu-anchor > li:nth-child(n + 7) { margin-top: 16px; }
  .muo-renew .list-menu-anchor .btn-anchor { padding-top: 4px; padding-bottom: 4px; padding-left: 35px; padding-right: 35px; transition: opacity .3s; }
  .muo-renew .list-menu-anchor .btn-anchor:before { display: none; }
  .muo-renew .list-menu-anchor .btn-anchor:hover { opacity: 0.3; } .muo-renew .wrap-btn-top.scrollwatchScrolled { bottom: 25px; }
  .muo-renew .wrap-btn-top .btn-top { width: 63px; height: 63px; }
  .muo-renew .wrap-btn-top .btn-top .top { box-shadow: 8px 8px 0 0 #C3C3C3; }
  .muo-renew .wrap-btn-top .btn-top .top:before { width: 22px; height: 11px; }
  .muo-renew .wrap-btn-top .btn-top .top:hover { transform: scale(0.95); cursor: pointer; } .muo-renew .wrap-topics { padding-bottom: 0; }
  .muo-renew .wrap-topics.wrap-sec { padding-top: 0; } .muo-renew .list-topic { margin-top: 42px; }
  .muo-renew .list-topic .wrap-item-topic { display: flex; align-items: start; justify-content: center; }
  .muo-renew .list-topic .wrap-img { width: 480px; }
  .muo-renew .list-topic .wrap-cnt { flex: 1; margin: 40px 0 0 -50px; box-shadow: 25px 28px rgba(0, 0, 0, 0.15); padding: 28px 32px 32px; max-width: 478px; }
  .muo-renew .list-topic .ttl { font-size: 21px; letter-spacing: 0.03em; line-height: 1.43; }
  .muo-renew .list-topic .capacity { font-size: 17px; line-height: 1.24; margin-top: 12px; }
  .muo-renew .list-topic .desc { font-size: 18px; line-height: 1.78; margin-top: 24px; }
  .muo-renew .list-topic .txt-note { margin-top: 24px; font-size: 12px; line-height: 1.75; } }

@media screen and (max-width: 768px) { .muo-renew .dialog { padding: 0; } }

@media all and (min-width: 768px) and (max-width: 1279px) { .muo-renew .wrap-block-memu .inner-head { max-width: 1040px; padding: 8px 20px; }
  .muo-renew .wrap-block-memu .btn-buy-product { width: auto; font-size: calc(min(1.7vw, 18px)); margin-left: 1vw; }
  .muo-renew .list-menu-anchor .btn-anchor { padding-left: 2.2vw; padding-right: 2.2vw; }
  .muo-renew .list-menu-anchor .btn-anchor img { height: calc(min(2.3vw, 22px)); } }