.cmpStoryBookArtwork{position:relative;width:100%;opacity:0;transition:opacity 1s linear}.cmpStoryBookArtwork:before{content:"";display:block;position:absolute;bottom:-1px;z-index:10;width:100%;height:32px;background-color:hsla(0,0%,100%,0);background-image:linear-gradient(hsla(0,0%,100%,0),#fff)}.cmpStoryBookArtwork ul{position:relative;z-index:1;overflow:hidden}.cmpStoryBookArtwork ul li{display:block;position:absolute;width:100%;left:0;right:auto;top:0;opacity:1;transition-property:transform,visibility;transition-delay:0ms,0ms;visibility:visible}@media screen and (max-width:800px){.cmpStoryBookArtwork ul li{transition-duration:.4s,0ms}}@media screen and (min-width:801px){.cmpStoryBookArtwork ul li{transition-duration:.3s,0ms}}.cmpStoryBookArtwork ul li.current{position:relative}.cmpStoryBookArtwork ul li img{width:100%}.btnStoryBookNext,.btnStoryBookPrev{position:absolute;top:50%;border:none;background-size:contain;background-position:50%;background-repeat:no-repeat;background-color:#fff;opacity:.4;cursor:pointer;transition:opacity .2s}.btnStoryBookNext:hover,.btnStoryBookPrev:hover{opacity:1}.btnStoryBookNext:focus,.btnStoryBookPrev:focus{outline:none}@media screen and (max-width:800px){.btnStoryBookNext,.btnStoryBookPrev{width:20px;height:28px;margin-top:-14px}}@media screen and (min-width:801px){.btnStoryBookNext,.btnStoryBookPrev{width:26px;height:37px;margin-top:-18px}}.btnStoryBookPrev{background-image:url(/content/dam/kids/sp/princess/storybook/img/icon_prev.png)}.btnStoryBookNext{background-image:url(/content/dam/kids/sp/princess/storybook/img/icon_next.png)}@media screen and (max-width:800px){.btnStoryBookPrev{left:10px}.btnStoryBookNext{right:10px}}@media screen and (min-width:801px){.btnStoryBookPrev{left:20px}.btnStoryBookNext{right:20px}}.cmpStoryBookButtonBox{display:flex;justify-content:center}@media screen and (max-width:800px){.cmpStoryBookButtonBox{flex-direction:column}.cmpStoryBookButtonBox>div{margin:10px 0 0}}@media screen and (min-width:801px){.cmpStoryBookButtonBox>div{margin:0 15px}}.cmpStoryBookButton button{min-width:180px;height:100%;padding:12px 26px 12px 56px;border:none;color:#fff;background-repeat:no-repeat;border-radius:6px;box-shadow:inset 0 2px 0 0 hsla(0,0%,100%,.4);cursor:pointer}.cmpStoryBookButton button span{font-size:1.4rem}@media screen and (max-width:800px){.cmpStoryBookButton{width:100%}.cmpStoryBookButton button{width:100%;font-size:1.6rem;letter-spacing:1.4px}.cmpStoryBookButton button span{font-size:1.4rem;white-space:nowrap}}@media screen and (min-width:801px){.cmpStoryBookButton button{font-size:1.6rem;letter-spacing:1.4px}.cmpStoryBookButton button span{font-size:1.4rem}}.cmpStoryBookButton.-read button{background-color:#1786eb;background-image:url(/content/dam/kids/sp/princess/storybook/img/icon_read.png)}.cmpStoryBookButton.-read button:focus,.cmpStoryBookButton.-read button:hover{background-color:#1279d6}@media screen and (max-width:800px){.cmpStoryBookButton.-read button{background-position:20px;background-size:30px 22px}}@media screen and (min-width:801px){.cmpStoryBookButton.-read button{background-position:20px;background-size:30px 22px}}.cmpStoryBookButton.-lang button{background-color:#51a354}.cmpStoryBookButton.-lang button:focus,.cmpStoryBookButton.-lang button:hover{background-color:#49924b}.cmpStoryBookButton.-change button{background-color:#51a354;background-image:url(/content/dam/kids/sp/princess/storybook/img/icon_read.png)}@media screen and (max-width:800px){.cmpStoryBookButton.-change button{background-position:20px;background-size:30px 22px}}@media screen and (min-width:801px){.cmpStoryBookButton.-change button{background-position:20px;background-size:30px 22px}}.cmpStoryBookButton.-again button{background-color:#d1e4f6;background-image:url(/content/dam/kids/sp/princess/storybook/img/icon_replay.png);color:#000}@media screen and (max-width:800px){.cmpStoryBookButton.-again button{background-position:16px;background-size:16px}}@media screen and (min-width:801px){.cmpStoryBookButton.-again button{background-position:16px;background-size:16px}}.cmpStoryBookButton.-again button:focus,.cmpStoryBookButton.-again button:hover{background-color:#bcd7f2}.cmpStoryBookHead h2{text-align:center}.cmpStoryBookHead h2 span{display:block;color:#fff}@media screen and (max-width:800px){.cmpStoryBookHead h2 img{width:100px;height:auto}.cmpStoryBookHead h2 span{margin-top:10px;font-size:1rem}}@media screen and (min-width:801px){.cmpStoryBookHead h2 span{margin-top:16px;font-size:2rem}}@media screen and (max-width:800px){.cmpStoryBookMain{width:96%;margin:20px auto 0}}@media screen and (min-width:801px){.cmpStoryBookMain{width:86%;margin:30px auto 0}}.cmpStoryBookNarrative{position:relative;width:100%;background-color:#fff;text-align:center;opacity:0;transition:opacity 1s linear}@media screen and (max-width:800px){.cmpStoryBookNarrative{padding:30px 15px}}@media screen and (min-width:801px){.cmpStoryBookNarrative{padding:30px}}.cmpStoryBookNarrative.lang_ja [data-lang=en]{display:none}.cmpStoryBookNarrative.lang_en [data-lang=ja]{display:none}.cmpStoryBookNarrative>ul{position:relative;z-index:2;overflow:hidden;margin:0 20px;padding:5px 0;box-sizing:content-box}.cmpStoryBookNarrative>ul>li{display:flex;align-items:center;position:relative;width:100%;height:100%;min-height:100%;left:0;right:auto;top:0;opacity:1;transition-property:transform,visibility;transition-delay:0ms,0ms;visibility:visible}@media screen and (max-width:800px){.cmpStoryBookNarrative>ul>li{padding:0 5px;transition-duration:.4s,0ms}}@media screen and (min-width:801px){.cmpStoryBookNarrative>ul>li{padding:0 30px;transition-duration:.3s,0ms}}.cmpStoryBookNarrative>ul>li.current{position:relative}.cmpStoryBookNarrative>ul>li p{width:100%;margin:0;text-align:center}.cmpStoryBookNarrative>ul>li p[data-lang=en]{word-break:normal;word-wrap:normal}@media screen and (max-width:800px){.cmpStoryBookNarrative>ul>li p[data-lang=ja]{font-size:1.6rem;line-height:2.3}.cmpStoryBookNarrative>ul>li p[data-lang=en]{font-size:1.6rem;line-height:2}.cmpStoryBookNarrative>ul>li p br{display:none}}@media screen and (min-width:801px){.cmpStoryBookNarrative>ul>li p[data-lang=ja]{font-size:2.2rem;line-height:2.3}.cmpStoryBookNarrative>ul>li p[data-lang=en]{font-size:2rem;line-height:2}}.cmpStoryBookNarrative>ul li.cmpStoryBookNarrative_start{display:flex;flex-direction:column;align-items:center;justify-content:center}.cmpStoryBookNarrative>ul li.cmpStoryBookNarrative_start h2{margin:0;color:#8b255c}@media screen and (max-width:800px){.cmpStoryBookNarrative>ul li.cmpStoryBookNarrative_start h2{padding:0 0 30px;font-size:2.4rem}}@media screen and (max-width:420px){.cmpStoryBookNarrative>ul li.cmpStoryBookNarrative_start h2{font-size:2rem}}@media screen and (min-width:801px){.cmpStoryBookNarrative>ul li.cmpStoryBookNarrative_start h2{padding:0 0 40px;font-size:2.4rem}}.cmpStoryBookNarrative>ul li.cmpStoryBookNarrative_end{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:800px){.cmpStoryBookNarrative>ul li.cmpStoryBookNarrative_end p{padding:0 0 30px;font-size:2.4rem}}@media screen and (max-width:420px){.cmpStoryBookNarrative>ul li.cmpStoryBookNarrative_end p{font-size:2rem}}@media screen and (min-width:801px){.cmpStoryBookNarrative>ul li.cmpStoryBookNarrative_end p{padding:0 0 40px;font-size:2.4rem}}.cmpStoryBookNarrative_pagenation{box-shadow:inset 0 2px 2px 0 #ccc;border-radius:4px;min-width:68px;display:inline-block;margin:30px auto 0;background:#eee;padding:6px;font-size:1.5rem;color:rgba(0,0,0,.7);text-align:center}@media screen and (max-width:800px){.cmpStoryBookNavigation{width:90%;margin:40px auto 0}}@media screen and (min-width:801px){.cmpStoryBookNavigation{width:86%;margin:60px auto 0}}.cmpStoryBookNavigation h3{margin:0;line-height:1;font-weight:400;letter-spacing:1px;color:#fff;text-align:center}@media screen and (max-width:800px){.cmpStoryBookNavigation h3{font-size:1.8rem}}@media screen and (min-width:801px){.cmpStoryBookNavigation h3{font-size:3.2rem}}.cmpStoryBookNavigation ul{display:flex;flex-wrap:wrap}@media screen and (max-width:800px){.cmpStoryBookNavigation ul{margin:10px 0 0}}@media screen and (min-width:801px){.cmpStoryBookNavigation ul{margin:20px 0 0}}.cmpStoryBookNavigation ul li{box-sizing:border-box;margin-top:10px}.cmpStoryBookNavigation ul li div{width:calc(100% - 10px);margin:0 auto;background-repeat:no-repeat;background-size:cover;background-position:50%;text-align:center}.cmpStoryBookNavigation ul li div:hover{box-shadow:0 0 6px #fff}.cmpStoryBookNavigation ul li a{position:relative;display:block;height:100%}.cmpStoryBookNavigation ul li a:before{content:"";display:block;padding-top:calc(100% - 10px);background-image:linear-gradient(180deg,transparent 0,transparent 70%,rgba(0,0,0,.3) 80%,rgba(0,0,0,.5) 98%)}.cmpStoryBookNavigation ul li b{position:absolute;bottom:4px;left:0;right:0;display:block;width:100%;font-weight:400;color:#fff}.cmpStoryBookNavigation ul li b span{display:block}@media screen and (max-width:800px){.cmpStoryBookNavigation ul li{flex:0 0 33.33333%}.cmpStoryBookNavigation ul li b{font-size:1.4rem}.cmpStoryBookNavigation ul li b span{font-size:1rem}}@media screen and (min-width:801px){.cmpStoryBookNavigation ul li{flex:0 0 16.666666%}.cmpStoryBookNavigation ul li b{font-size:1.9rem}.cmpStoryBookNavigation ul li b span{font-size:1.2rem}}.cmpStoryBookBody{width:100%;overflow:hidden;background-image:linear-gradient(180deg,#8b255c 0,#8b255c 66%,#ee3247 82%,#ee3247 98%)}@media screen and (max-width:800px){.cmpStoryBookBody{padding:30px 0 40px}}@media screen and (min-width:801px){.cmpStoryBookBody{padding:40px 0 60px}}
/*# sourceMappingURL=storybook.css.map */