@-webkit-keyframes rotate0{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate0{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotate1{0%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}50%{-webkit-transform:rotate(210deg);transform:rotate(210deg)}100%{-webkit-transform:rotate(390deg);transform:rotate(390deg)}}@keyframes rotate1{0%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}50%{-webkit-transform:rotate(210deg);transform:rotate(210deg)}100%{-webkit-transform:rotate(390deg);transform:rotate(390deg)}}@-webkit-keyframes rotate2{0%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}50%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}100%{-webkit-transform:rotate(420deg);transform:rotate(420deg)}}@keyframes rotate2{0%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}50%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}100%{-webkit-transform:rotate(420deg);transform:rotate(420deg)}}@-webkit-keyframes rotate3{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}100%{-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes rotate3{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}100%{-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@-webkit-keyframes rotate4{0%{-webkit-transform:rotate(120deg);transform:rotate(120deg)}50%{-webkit-transform:rotate(300deg);transform:rotate(300deg)}100%{-webkit-transform:rotate(480deg);transform:rotate(480deg)}}@keyframes rotate4{0%{-webkit-transform:rotate(120deg);transform:rotate(120deg)}50%{-webkit-transform:rotate(300deg);transform:rotate(300deg)}100%{-webkit-transform:rotate(480deg);transform:rotate(480deg)}}@-webkit-keyframes rotate5{0%{-webkit-transform:rotate(150deg);transform:rotate(150deg)}50%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}100%{-webkit-transform:rotate(510deg);transform:rotate(510deg)}}@keyframes rotate5{0%{-webkit-transform:rotate(150deg);transform:rotate(150deg)}50%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}100%{-webkit-transform:rotate(510deg);transform:rotate(510deg)}}@-webkit-keyframes rotate6{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}}@keyframes rotate6{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}}@-webkit-keyframes rotate7{0%{-webkit-transform:rotate(210deg);transform:rotate(210deg)}50%{-webkit-transform:rotate(390deg);transform:rotate(390deg)}100%{-webkit-transform:rotate(570deg);transform:rotate(570deg)}}@keyframes rotate7{0%{-webkit-transform:rotate(210deg);transform:rotate(210deg)}50%{-webkit-transform:rotate(390deg);transform:rotate(390deg)}100%{-webkit-transform:rotate(570deg);transform:rotate(570deg)}}html.halfmodal main#lifeandbeautymuseum{width:100%;height:100vh}html.halfmodal main#lifeandbeautymuseum.halfhidden>.container>article,html.halfmodal main#lifeandbeautymuseum.halfhidden>.container>footer{-webkit-clip-path:inset(0 0 0 calc(100% - 30px));clip-path:inset(0 0 0 calc(100% - 30px))}html.halfmodal main#lifeandbeautymuseum.halfhidden:before{-webkit-clip-path:inset(0 0 0 calc(100% - 30px));clip-path:inset(0 0 0 calc(100% - 30px))}html.halfmodal main#lifeandbeautymuseum>.container{min-height:100vh;height:100%;overflow:hidden;position:fixed}html.halfmodal main#lifeandbeautymuseum:before{width:100%;height:100%;z-index:9;opacity:.5;-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s}main#lifeandbeautymuseum>.container article.top .sectionContainer section.content.head footer{-webkit-transition:none;-o-transition:none;transition:none;opacity:0}main#lifeandbeautymuseum>.container .toggleContainer a,main#lifeandbeautymuseum>.container .toggleContainer h1,main#lifeandbeautymuseum>.container .toggleContainer>p{-webkit-transition:none;-o-transition:none;transition:none;opacity:0}main#lifeandbeautymuseum:not(.init):before{content:"";background:#000;position:fixed;opacity:0}main#lifeandbeautymuseum:not(.init)>.container{background:#fff}main#lifeandbeautymuseum:not(.init)>.container>article{position:relative}main#lifeandbeautymuseum:not(.init)>.container>article:before{content:"";position:absolute;width:8px;height:100%;z-index:5;left:0;top:0}main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content{position:relative;z-index:1;padding-left:53px;padding-right:15px;padding-top:83px;padding-bottom:83px;width:calc(100% - 53px - 15px);color:#fff}main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content .texts{padding-left:15px;padding-bottom:0}main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content .texts h2{font-size:21px;line-height:1;position:relative;margin-bottom:28px;margin-top:-3px}main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content .texts p{font-size:16px;line-height:1.4375;margin-bottom:16px}main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content .texts p:first-child{margin-top:-5px}main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content .texts p:last-of-type{margin-bottom:-6px}main#lifeandbeautymuseum:not(.init)>.container>article.top{padding-top:68px}main#lifeandbeautymuseum:not(.init)>.container>article.top:before{background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article.top .toggleContainer .mark svg path{fill:#fff}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer{background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0;width:100%;height:calc(100vh - var(--hGap) - 68px);padding-top:0;padding-bottom:0}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head.show footer{opacity:1}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title{position:absolute;left:0;bottom:0;width:100%}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title:before{content:"";position:absolute;background-repeat:no-repeat;background-image:url(../images/lp/lifeandbeautymuseum/sp/common/titlering.svg);width:152px;height:152px;opacity:.4;bottom:53px;left:29px;-webkit-animation:rotate 60s infinite linear;animation:rotate 60s infinite linear}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title p{background-image:url(../images/lp/lifeandbeautymuseum/sp/stories/title.svg);background-repeat:no-repeat;width:312px;width:calc((100vw - 53px - 15px) * 312/(375 - 53 - 15));height:calc((100vw - 53px - 15px) * 108/(375 - 53 - 15));position:absolute;left:calc(53px - (100vw - 53px - 15px)* 10 / (375 - 53 - 15));bottom:calc(83px - (100vw - 53px - 15px)* 10 / (375 - 53 - 15))}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title span{font-size:18px;line-height:1;color:#fff;position:absolute;bottom:27px;right:15px;width:100%;text-align:right}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head footer{position:fixed;top:0;left:0;width:100%;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;opacity:0}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head footer p{background-image:url(../images/lp/lifeandbeautymuseum/sp/common/head/title.svg);background-repeat:no-repeat;width:73px;height:43px;position:absolute;left:58px;top:20px}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head footer a.shiseido{background-image:url(../images/lp/lifeandbeautymuseum/sp/common/head/shiseido.svg);background-repeat:no-repeat;width:75px;height:43px;position:absolute;right:5px;top:20px;-webkit-filter:brightness(0);filter:brightness(0)}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head footer .mark{background-image:url(../images/lp/lifeandbeautymuseum/sp/common/head/mark150th.svg);background-repeat:no-repeat;width:47px;height:43px;position:absolute;right:80px;top:20px;-webkit-filter:brightness(0);filter:brightness(0)}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body{padding-top:47px;margin-top:7px}main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body::before{top:0;position:absolute;content:"";display:block;width:48px;height:1px;background:#fff}main#lifeandbeautymuseum:not(.init)>.container>article.top ul.images{position:absolute;top:68px;left:0;width:100%;height:calc(100vh - 68px);min-height:calc(100vw*1015/750)}main#lifeandbeautymuseum:not(.init)>.container>article.top ul.images li{position:relative;width:100%;height:100%}main#lifeandbeautymuseum:not(.init)>.container>article.top ul.images li .image{width:100%;height:100%}main#lifeandbeautymuseum:not(.init)>.container>article.top ul.images li .image:after{content:"";position:absolute;width:100%;height:200%;background-image:url(../images/lp/lifeandbeautymuseum/sp/stories/topGradation.png);background-repeat:no-repeat;background-size:cover;background-position:top center;left:0;top:calc(100vh - var(--hGap) - 68px - 186px);opacity:0}main#lifeandbeautymuseum:not(.init)>.container>article.top ul.images li .image.loaded:after{opacity:1;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}main#lifeandbeautymuseum:not(.init)>.container>article.top ul.images li .image.loaded img{opacity:1;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}main#lifeandbeautymuseum:not(.init)>.container>article.top ul.images li .image img{-o-object-fit:contain;object-fit:contain;-o-object-position:top left;object-position:top left;width:100%;height:100%;opacity:0}main#lifeandbeautymuseum:not(.init)>.container>article#people{background:#fff;padding-left:68px;padding-top:83px;padding-bottom:106px}main#lifeandbeautymuseum:not(.init)>.container>article#people:before{background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article#people section{margin-top:60px}main#lifeandbeautymuseum:not(.init)>.container>article#people section:first-of-type{margin-top:0}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(4n+1) ul.images li{right:0;bottom:0;z-index:5}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(4n+1) ul.images li.large{left:0;top:0;z-index:0}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(4n+2) ul.images li{right:0;top:0}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(4n+2) ul.images li.large{left:0;top:auto;bottom:0;z-index:5}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(4n+3) ul.images li{left:0;bottom:0;z-index:5}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(4n+3) ul.images li.large{right:0;top:0;left:auto;z-index:0}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(4n+3) .info{margin-left:calc((100vw - 375px + 292px)*73/292)}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(4n+4) ul.images li{left:0;top:0}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(4n+4) ul.images li.large{right:0;bottom:0;left:auto;top:auto;z-index:5}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(4n+4) .info{margin-left:calc((100vw - 375px + 292px)*73/292)}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(1) ul.images:before{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-animation:rotate0 60s infinite linear;animation:rotate0 60s infinite linear}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(2) ul.images:before{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation:rotate1 60s infinite linear;animation:rotate1 60s infinite linear}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(3) ul.images:before{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation:rotate2 60s infinite linear;animation:rotate2 60s infinite linear}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(4) ul.images:before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:rotate3 60s infinite linear;animation:rotate3 60s infinite linear}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(5) ul.images:before{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation:rotate4 60s infinite linear;animation:rotate4 60s infinite linear}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(6) ul.images:before{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation:rotate5 60s infinite linear;animation:rotate5 60s infinite linear}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(7) ul.images:before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation:rotate6 60s infinite linear;animation:rotate6 60s infinite linear}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(8) ul.images:before{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation:rotate7 60s infinite linear;animation:rotate7 60s infinite linear}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(9) ul.images:before{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation:rotate8 60s infinite linear;animation:rotate8 60s infinite linear}main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(10) ul.images:before{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation:rotate9 60s infinite linear;animation:rotate9 60s infinite linear}main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images{width:calc(100vw - 375px + 292px);height:calc((100vw - 375px + 292px)*331/292);position:relative}main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images:before{content:"";position:absolute;background-image:url(../images/lp/lifeandbeautymuseum/sp/stories/ring.svg);left:0;width:calc((100vw - 375px + 292px)*292/292);height:calc((100vw - 375px + 292px)*292/292);top:calc((100vw - 375px + 292px) * 20/292)}main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li{position:absolute;width:calc(100% * 293*.5/292)}main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li.large{width:calc(100% * 219/292)}main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li.large .image{padding-top:125.11416%}main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li.large .image::before{content:"";position:absolute;width:4px;height:100%;background:#c30e2d;top:0;right:0;z-index:1}main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li .image{position:relative;width:100%;height:0;padding-top:75.34247%;background:#c30e2d}main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li .image.loaded img{opacity:1;-webkit-mask-position:0;mask-position:0;-webkit-transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);-o-transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1),-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1)}main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li .image img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:300% 100%;mask-size:300% 100%}main#lifeandbeautymuseum:not(.init)>.container>article#people section .info{width:219px}main#lifeandbeautymuseum:not(.init)>.container>article#people section .info p.message{font-size:14px;line-height:1.42857;margin-top:19px}main#lifeandbeautymuseum:not(.init)>.container>article#people section .info h1{font-size:20px;line-height:1;color:#c30e2d;margin-top:8px}main#lifeandbeautymuseum:not(.init)>.container>article#people section .info span.title{font-size:12px;line-height:1;color:#c30e2d;margin-top:2px;display:inline-block}main#lifeandbeautymuseum:not(.init)>.container>article#people section .info .button{width:219px;margin-top:21px}main#lifeandbeautymuseum:not(.init)>.container>article#people section .info .button p{width:205px}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories{display:none;position:absolute;top:0;left:0;z-index:10;width:100%;min-height:100%}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories.drawn{display:block}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories.drawn.anim>.container{-webkit-transition:-webkit-transform .6s cubic-bezier(.3,0,0,1);transition:-webkit-transform .6s cubic-bezier(.3,0,0,1);-o-transition:transform .6s cubic-bezier(.3,0,0,1);transition:transform .6s cubic-bezier(.3,0,0,1);transition:transform .6s cubic-bezier(.3,0,0,1),-webkit-transform .6s cubic-bezier(.3,0,0,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories.drawn.anim .close .container:before{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg)}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories.drawn.anim .close .container:after{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotate(-35deg);-ms-transform:rotate(-35deg);transform:rotate(-35deg)}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories.next>.container{overflow:hidden}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories.next>.container.swap article{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform .7s cubic-bezier(.6,0,.2,1);transition:-webkit-transform .7s cubic-bezier(.6,0,.2,1);-o-transition:transform .7s cubic-bezier(.6,0,.2,1);transition:transform .7s cubic-bezier(.6,0,.2,1);transition:transform .7s cubic-bezier(.6,0,.2,1),-webkit-transform .7s cubic-bezier(.6,0,.2,1)}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories.next>.container article:last-of-type{position:absolute;top:0;left:100%}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories.prev>.container{overflow:hidden}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories.prev>.container.swap article{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .7s cubic-bezier(.6,0,.2,1);transition:-webkit-transform .7s cubic-bezier(.6,0,.2,1);-o-transition:transform .7s cubic-bezier(.6,0,.2,1);transition:transform .7s cubic-bezier(.6,0,.2,1);transition:transform .7s cubic-bezier(.6,0,.2,1),-webkit-transform .7s cubic-bezier(.6,0,.2,1)}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories.prev>.container article:last-of-type{position:absolute;top:0;left:-100%}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories:before{content:"";position:absolute;width:8px;height:100%;z-index:5;left:0;top:0;background:#c30e2d}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container{width:calc(100vw - 30px);background:#fff;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);overflow:visible}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article{width:100%}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer{padding-bottom:106px}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content{z-index:1;width:calc(100vw - 30px)}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content h1{padding-left:38px;padding-right:30px;font-size:20px;line-height:1;margin-top:58px;margin-bottom:35px}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .texts{padding-left:38px;padding-right:30px;padding-bottom:0}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .texts h2{font-size:30px;line-height:1;position:relative;margin-bottom:36px;margin-top:-3px}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .texts h2:after{content:"";position:absolute;bottom:5px;right:0;width:15px;height:1px;background:#fff}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .texts p{font-size:16px;line-height:1.4375;margin-bottom:16px}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .texts p:first-child{margin-top:-5px}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .texts p:last-of-type{margin-bottom:-6px}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images{position:relative;top:0;left:0;width:100%;height:100%;opacity:1;z-index:-1;margin-top:60px;margin-bottom:60px}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images.head{margin-top:0;margin-bottom:0}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images.head li .image{padding-top:62.6087%}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images.head li .image::before{width:0}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images li .image{position:relative;width:100%;height:0;background:#c30e2d;padding-top:125.21739%}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images li .image.short{padding-top:75.07246%}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images li .image::before{content:"";position:absolute;width:4px;height:100%;background:#c30e2d;top:0;right:0;z-index:1}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images li .image.loaded img{-webkit-mask-position:0;mask-position:0;-webkit-transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);-o-transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1),-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1)}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images li .image img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:300% 100%;mask-size:300% 100%}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .buttons{padding-left:38px;margin-right:30px;padding-top:61px;margin-top:60px;position:relative}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .buttons:before{content:"";position:absolute;width:40px;height:1px;background:#c30e2d;top:0}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .buttons .button{margin-top:26px}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .buttons .button:first-of-type{margin-top:0}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .buttons .button.prev p::after{-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories .close{width:60px;height:53px;position:fixed;top:15px;left:8px}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories .close .container{-webkit-clip-path:inset(0);clip-path:inset(0);width:30px;height:23px;margin:15px;position:relative}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories .close .container:before{content:"";position:absolute;width:60px;height:2px;top:0;left:-10px;background-color:#c30e2d;-webkit-transform-origin:10px center;-ms-transform-origin:10px center;transform-origin:10px center}main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories .close .container:after{content:"";position:absolute;width:60px;height:2px;bottom:0;left:-10px;background-color:#c30e2d;-webkit-transform-origin:10px center;-ms-transform-origin:10px center;transform-origin:10px center}html:not(.sp).halfmodal main#lifeandbeautymuseum.halfhidden>.container>article,html:not(.sp).halfmodal main#lifeandbeautymuseum.halfhidden>.container>footer{-webkit-clip-path:inset(0 0 0 calc(100% - 60rem - (100% - 271rem - 60rem - 21rem*9)*1/10 - 21rem));clip-path:inset(0 0 0 calc(100% - 60rem - (100% - 271rem - 60rem - 21rem*9)*1/10 - 21rem))}html:not(.sp).halfmodal main#lifeandbeautymuseum.halfhidden:before{-webkit-clip-path:inset(0 0 0 calc(100% - 60rem - (100% - 271rem - 60rem - 21rem*9)*1/10 - 21rem));clip-path:inset(0 0 0 calc(100% - 60rem - (100% - 271rem - 60rem - 21rem*9)*1/10 - 21rem))}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article:before{width:10rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content{padding-left:271rem;padding-right:60rem;padding-top:146rem;padding-bottom:198rem;width:calc(100% - 60rem)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content .texts{padding-left:0;width:100%}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content .texts h2{margin-bottom:39rem;margin-top:-3rem;padding-bottom:37rem;left:-40rem;font-size:30rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content .texts h2:after{bottom:0;left:0;right:auto;width:80rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content .texts p{font-size:18rem;line-height:1.44444;margin-bottom:27rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content .texts p:first-child{margin-top:-4rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article .sectionContainer section.content .texts p:last-of-type{margin-bottom:-8rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top{padding-top:141rem;height:calc((100vw - var(--scrollbar))*2288/3840)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top:after{content:"";position:absolute;width:calc((100% - 271rem - 60rem - 21rem*9)*3/10 + 21rem*2 + 40rem*2);height:100%;background-image:url(../images/lp/lifeandbeautymuseum/pc/stories/topGradation.png);left:231rem;top:0;opacity:0}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top.show::after{opacity:1;-webkit-transition:opacity 1s linear .6s;-o-transition:opacity 1s linear .6s;transition:opacity 1s linear .6s}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .toggleContainer .mark svg path{fill:#c30e2d}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer{height:100%}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head{display:block;padding-left:271rem;padding-right:60rem;padding-top:126rem;padding-bottom:68rem;height:auto;width:auto}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title{position:relative;bottom:auto;width:auto;margin-bottom:-4rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title:before{background-image:url(../images/lp/lifeandbeautymuseum/pc/common/titlering.svg);width:370rem;height:384rem;top:-73rem;left:-133rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title p{background-image:url(../images/lp/lifeandbeautymuseum/pc/stories/title.svg);background-repeat:no-repeat;width:676rem;height:205rem;position:relative;left:-50rem;bottom:auto;margin-bottom:14rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head h1.title span{font-size:26rem;position:relative;bottom:auto;right:auto;width:auto;text-align:left}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head footer p{background-image:url(../images/lp/lifeandbeautymuseum/pc/common/head/title.svg);background-repeat:no-repeat;width:100rem;height:57rem;left:261rem;top:40rem;-webkit-filter:brightness(2180%) grayscale(100%) brightness(2180%);filter:brightness(2180%) grayscale(100%) brightness(2180%)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head footer a.shiseido{background-image:url(../images/lp/lifeandbeautymuseum/pc/common/head/shiseido.svg);background-repeat:no-repeat;width:120rem;height:43rem;right:50rem;top:40rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.head footer .mark{background-image:url(../images/lp/lifeandbeautymuseum/pc/common/head/mark150th.svg);background-repeat:no-repeat;width:62rem;height:57rem;right:170rem;top:26rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body{padding-top:39rem;padding-bottom:0;margin-top:0;width:calc(100% - 331rem)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body::before{width:80rem;-webkit-transform:translateX(-40rem);-ms-transform:translateX(-40rem);transform:translateX(-40rem)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top .sectionContainer section.content.body .texts{width:calc((100% - 21rem*9)*3/10 + 21rem*2);padding-bottom:0}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top ul.images{top:141rem;height:calc(100% - 141rem);min-height:auto}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article.top ul.images li .image:after{content:none}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people{padding-left:271rem;padding-top:0;padding-bottom:198rem;padding-right:60rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section{margin-top:0;padding-top:146rem;width:calc((100% - 21rem*9)*5/10 + 21rem*4);margin-right:21rem;cursor:pointer}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(2n){margin-right:0}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(4n+3) .info{margin-left:calc((100% - 21rem*4)*1/5 + 21rem)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section:nth-child(4n+4) .info{margin-left:calc((100% - 21rem*4)*1/5 + 21rem)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section.hover .info h1,html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section.hover .info span.title{color:#000;position:relative;z-index:1}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section.hover .info .button:before{-webkit-transform:translate(50%,-50%) scale(1);-ms-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1);-webkit-transition:-webkit-transform .4s cubic-bezier(0,1,0,1);transition:-webkit-transform .4s cubic-bezier(0,1,0,1);-o-transition:transform .4s cubic-bezier(0,1,0,1);transition:transform .4s cubic-bezier(0,1,0,1);transition:transform .4s cubic-bezier(0,1,0,1),-webkit-transform .4s cubic-bezier(0,1,0,1)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section.hover .info .button p::before{background-color:#c30e2d}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images{width:100%;height:0;padding-top:calc(100%*712/544)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images:before{background-image:url(../images/lp/lifeandbeautymuseum/pc/stories/ring.svg);background-repeat:no-repeat;width:100%;height:0;padding-top:100%;top:87rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li{width:calc((100% - 21rem*4)*3/5 + 21rem * 2)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li.large{width:calc((100% - 21rem*4)*4/5 + 21rem * 3)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li.large .image{padding-top:124.86957%}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li.large .image:before{width:6rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li .image{position:relative;width:100%;height:0;padding-top:75%}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li .image.loaded img{opacity:1}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section ul.images li .image img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section .info{width:calc((100% - 21rem*4)*3/5 + 21rem * 2)}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section .info p.message{font-size:18rem;line-height:1.44444;margin-top:38rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section .info h1{font-size:24rem;margin-top:11rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section .info span.title{font-size:14rem;margin-top:4rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section .info .button{width:218rem;margin-top:23rem}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section .info .button:before{content:"";position:absolute;width:210rem;height:210rem;border-radius:210rem;background-color:#c30e2d;top:50%;right:24rem;-webkit-transform:translate(50%,-50%) scale(0);-ms-transform:translate(50%,-50%) scale(0);transform:translate(50%,-50%) scale(0);z-index:0}html:not(.sp) main#lifeandbeautymuseum:not(.init)>.container>article#people section .info .button p{width:204rem}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories.drawn.anim .close .container:before{-webkit-transition:top .3s,left .3s,-webkit-transform .3s;transition:top .3s,left .3s,-webkit-transform .3s;-o-transition:transform .3s,top .3s,left .3s;transition:transform .3s,top .3s,left .3s;transition:transform .3s,top .3s,left .3s,-webkit-transform .3s;-webkit-transform:translate(-50%,-1px) rotate(29deg);-ms-transform:translate(-50%,-1px) rotate(29deg);transform:translate(-50%,-1px) rotate(29deg);left:50%;top:50%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories.drawn.anim .close .container:after{-webkit-transition:bottom .3s,left .3s,-webkit-transform .3s;transition:bottom .3s,left .3s,-webkit-transform .3s;-o-transition:transform .3s,bottom .3s,left .3s;transition:transform .3s,bottom .3s,left .3s;transition:transform .3s,bottom .3s,left .3s,-webkit-transform .3s;-webkit-transform:translate(-50%,1px) rotate(-29deg);-ms-transform:translate(-50%,1px) rotate(-29deg);transform:translate(-50%,1px) rotate(-29deg);left:50%;bottom:50%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories:before{width:10rem}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container{width:calc(100% - 60rem - (100% - 271rem - 60rem - 21rem*9)*1/10 - 21rem)}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:62.48521%}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article#kentaro .sectionContainer section.content h1,html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article#yinong .sectionContainer section.content h1{color:#000}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer{padding-bottom:198rem;width:calc((100% - 271rem - 21rem*8)*3/9 + 21rem*2);-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content{width:100%;padding-top:68rem}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content h1{padding-left:0;font-size:40rem;margin-top:-4rem;margin-bottom:0;position:absolute;top:44rem;right:50rem;text-align:right;width:calc((100% - 271rem - 21rem*8)*5/9 + 21rem * 4);color:#fff}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .texts{padding-left:0;padding-right:0}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .texts+.texts{margin-top:24rem}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .texts h2{font-size:30rem;line-height:1;position:relative;margin-bottom:36rem;margin-top:-3rem}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .texts h2:after{content:"";position:absolute;bottom:5rem;right:0;width:15rem;height:1px;background:#fff}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .texts p{font-size:18rem;line-height:1.44444;margin-bottom:16rem}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .texts p:first-child{margin-top:-4rem}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .texts p:last-of-type{margin-bottom:-8rem}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images{position:relative;margin-top:0;margin-bottom:0}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images.head{margin-top:0;margin-bottom:0;position:absolute;height:auto}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images.head li .image{padding-top:62.48521%}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images li .image{position:relative;width:100%;height:0;background:#c30e2d;padding-top:125.023%}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images li .image.short{padding-top:74.977%}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images li .image.loaded img{-webkit-mask-position:0;mask-position:0;-webkit-transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);-o-transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1),-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1)}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content ul.images li .image img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:300% 100%;mask-size:300% 100%}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .buttons{padding-left:0;padding-top:43rem;margin-top:94rem;margin-right:0}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .buttons:before{width:80rem}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .buttons .button{margin-top:10rem;cursor:pointer}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .buttons .button:first-of-type{margin-top:0}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .buttons .button.hover{z-index:3}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .buttons .button.hover:before{-webkit-transform:translate(50%,-50%) scale(1);-ms-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1);-webkit-transition:-webkit-transform .4s cubic-bezier(0,1,0,1);transition:-webkit-transform .4s cubic-bezier(0,1,0,1);-o-transition:transform .4s cubic-bezier(0,1,0,1);transition:transform .4s cubic-bezier(0,1,0,1);transition:transform .4s cubic-bezier(0,1,0,1),-webkit-transform .4s cubic-bezier(0,1,0,1)}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .buttons .button.hover p::before{background:#c30e2d}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .sectionContainer section.content .buttons .button:before{content:"";position:absolute;width:210rem;height:210rem;border-radius:210rem;background-color:#c30e2d;top:50%;right:24rem;-webkit-transform:translate(50%,-50%) scale(0);-ms-transform:translate(50%,-50%) scale(0);transform:translate(50%,-50%) scale(0);z-index:0}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .imageContainer{width:calc((100% - 271rem - 21rem*8)*5/9 + 21rem*4 + 271rem);margin-right:calc((100% - 271rem - 21rem*8)*.5/9 + 21rem*1);position:relative}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .imageContainer:after{content:"";position:absolute;display:block;width:100%;height:100%;border-right:solid 6rem #c30e2d;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:0;z-index:-1;background:#c30e2d url(../images/lp/lifeandbeautymuseum/pc/stories/gradation.jpg);background-size:contain;background-position:bottom left;background-repeat:no-repeat}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .imageContainer ul.images{position:relative;margin-top:-120rem;margin-bottom:0}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .imageContainer ul.images li .image{position:relative;width:100%;height:0;background:#c30e2d;padding-top:125.21739%}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .imageContainer ul.images li .image.short{padding-top:75.07246%}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .imageContainer ul.images li .image::before{content:"";position:absolute;width:6rem;height:100%;background:#c30e2d;top:0;right:0;z-index:1}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .imageContainer ul.images li .image.loaded img{-webkit-mask-position:0;mask-position:0;-webkit-transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);transition:-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1);-o-transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1);transition:mask-position 2.4s cubic-bezier(0,0,.2,1),-webkit-mask-position 2.4s cubic-bezier(0,0,.2,1)}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories>.container article .imageContainer ul.images li .image img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);mask-image:url(../images/lp/lifeandbeautymuseum/common/gradation.png);-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:300% 100%;mask-size:300% 100%}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories .close{width:80rem;height:63rem;top:30rem;left:40rem;background:0 0;cursor:pointer}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories .close .container{width:40rem;height:63rem;margin:0 20rem}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories .close .container::before{left:-10rem;width:60rem;top:20rem;-webkit-transform-origin:0 center;-ms-transform-origin:0 center;transform-origin:0 center}html:not(.sp) main#lifeandbeautymuseum:not(.init) #lifeandbeautymuseum_stories .close .container::after{left:-10rem;width:60rem;bottom:20rem;-webkit-transform-origin:0 center;-ms-transform-origin:0 center;transform-origin:0 center}