/*! * PS4/Switch さくらの雲＊スカアレットの恋オフィシャルサイト キャラクターページ * last update / 2021.08.25 *//*! * PS4/Switch さくらの雲＊スカアレットの恋オフィシャルサイト共通 * last update / 2021.08.25 */@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@300;400&family=Roboto+Condensed:wght@700&family=Roboto:wght@400;700&display=swap");html{font-size:10px}body{font-family:-apple-system, BlinkMacSystemFont, Roboto, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";line-height:1.8;color:#39424b;letter-spacing:0.1em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:unset;line-break:strict}@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}html,body{height:100%}h1,h2,h3,h4,h5,h6{margin:0;font-size:1rem}ul,ol{padding:0;margin:0}li{list-style-type:none}p,dt,dd{margin:0}.btn--row{display:-webkit-box;display:-ms-flexbox;display:flex}.btn--row .btn+.btn{margin-left:2em}.btn--column .btn+.btn{margin-top:1.5em}.btn{position:relative;display:block;width:260px;height:60px;font-family:"Roboto Condensed",sans-serif;font-size:1.2rem;line-height:60px;color:#39424b;text-align:center;background-color:#fff;border:solid 1px #39424b;-webkit-transition:all 0.5s cubic-bezier(0.5, 1, 0.89, 1);transition:all 0.5s cubic-bezier(0.5, 1, 0.89, 1)}.btn.btn--center{margin:0 auto}.btn.btn--jp{font-family:"Noto Sans JP",sans-serif;font-weight:700}.btn.btn--mt30{margin-top:30px}.btn.btn--mt60{margin-top:60px}.btn.btn--mt80{margin-top:80px}.btn::after{position:absolute;top:5px;left:5px;z-index:-1;display:block;width:100%;height:100%;content:"";background-image:url(../images/btn_texture.jpg)}.btn:hover{color:#fff;text-decoration:none;background-color:#b81a35;border:solid 1px #b81a35}.inner-w960{width:960px;margin:0 auto}.link--invalid{pointer-events:none}.slick-prev,.slick-next{position:absolute;top:50%;z-index:10;display:block;width:4em;height:4em;padding:0;color:transparent;cursor:pointer;background:#39424b;border:none;border-radius:50%;outline:none;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.slick-prev{left:0}.character .slick-prev{left:calc(50% - 550px)}[dir="rtl"] .slick-prev{right:0;left:auto}.slick-next{right:0}.character .slick-next{right:calc(50% - 550px)}[dir="rtl"] .slick-next{right:auto;left:0}.slick-prev::before,.slick-next::before{position:absolute;top:50%;left:50%;display:block;width:1em;height:1em;content:"";border-top:1px solid #fff;border-right:1px solid #fff}.slick-prev::before{-webkit-transform:translate(-45%, -50%) rotate(225deg);transform:translate(-45%, -50%) rotate(225deg)}.slick-next::before{-webkit-transform:translate(-65%, -50%) rotate(45deg);transform:translate(-65%, -50%) rotate(45deg)}.slick-prev:focus,.slick-next:focus{outline:none}.slick-prev.slick-disabled,.slick-next.slick-disabled{cursor:default;opacity:0.2}.slick-dotted.slick-slider{margin-bottom:2em}.slick-dots{position:absolute;bottom:-3.5em;display:block;width:100%;padding:0;margin:0;text-align:center;list-style:none}.slick-dots li{position:relative;display:inline-block;width:2em;height:2em;padding:0;margin:0 0.5em;cursor:pointer}.slick-dots li button{display:block;width:2em;height:2em;padding:0;line-height:0;color:transparent;cursor:pointer;background:transparent;border:0;outline:none}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{position:absolute;top:0.5em;left:0.5em;width:1em;height:1em;content:"";background-color:#39424b;border-radius:50%;opacity:0.25}.slick-dots li.slick-active button:before{opacity:0.75}.slick-slide{-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease, -webkit-transform 0.5s ease}.slick-center{-webkit-transform:scale(1.05);transform:scale(1.05)}/*! * PS4/Switch さくらの雲＊スカアレットの恋オフィシャルサイト通常ページ共通 * last update / 2021.08.25 */header{position:fixed;top:0;left:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100px}header .header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:0 50px}.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex}.nav__list .nav__link{-webkit-transition:opacity 0.5s cubic-bezier(0.5, 1, 0.89, 1);transition:opacity 0.5s cubic-bezier(0.5, 1, 0.89, 1)}.nav__list .nav__link:hover{opacity:0.5}.nav__list .nav__item+li{margin-left:40px}.share__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.share__wrapper .share__subject{position:relative;height:20px;margin-right:50px;font-family:"Roboto Condensed",sans-serif;font-size:1rem;font-weight:700;line-height:20px}.share__wrapper .share__subject::after{position:absolute;top:50%;right:-40px;display:block;width:30px;height:1px;content:"";background-color:#39424b}.share__wrapper .share__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:50px}footer{background:url(../images/pattern-dense.png)}.footer__inner{position:relative;padding:70px 80px}.product__wrapper{color:#fff}.product__wrapper .product__name{margin-bottom:0.7em;font-family:"Noto Serif JP",serif;font-size:2.4rem;font-weight:200}.product__wrapper .overview__list{display:-webkit-box;display:-ms-flexbox;display:flex}.product__wrapper .overview__list .overview__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.product__wrapper .overview__list .overview__item .dfn__ttl{margin-right:1em;font-weight:700}.product__wrapper .overview__list .overview__item .dfn__data{font-size:1.2rem}.product__wrapper .overview__list .overview__item+.overview__item{margin-left:2em}.product__wrapper .sns__list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:40px}.product__wrapper .sns__list .sns__item+.sns__item{margin-left:20px}.product__wrapper .sns__list .sns__item .sns__link{display:block;width:200px;height:40px;font-family:"Roboto Condensed",sans-serif;line-height:40px;color:#fff;text-align:center;text-decoration:none;border:solid 1px #fff;border-radius:5px;-webkit-transition:color 0.5s cubic-bezier(0.5, 1, 0.89, 1),background-color 0.5s cubic-bezier(0.5, 1, 0.89, 1);transition:color 0.5s cubic-bezier(0.5, 1, 0.89, 1),background-color 0.5s cubic-bezier(0.5, 1, 0.89, 1)}.product__wrapper .sns__list .sns__item .sns__link:hover{color:#39424b;background-color:#fff}.product__wrapper .sns__list .sns__item .sns__link ion-icon{margin-right:0.5em;font-size:1.6rem;vertical-align:middle}.footer__bg{position:absolute;top:0;left:0}.footer__bg .footer__img{position:absolute}.footer__bg .footer__img.footer__circle{width:4px;height:4px;background-color:#fff;border-radius:50%}.footer__bg .footer__img.footer__img--1{top:-10px;left:450px}.footer__bg .footer__img.footer__img--2{top:200px;left:780px}.footer__bg .footer__img.footer__img--3{top:20px;left:500px}.brand{text-align:right}.brand .brand__img{width:100px;height:auto}.brand .brand__summary{margin-top:1em;color:#fff;letter-spacing:initial}.brand .brand__summary .brand__link{color:#fff}.btn__top{position:absolute;top:70px;right:105px}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh}body article{-webkit-box-flex:1;-ms-flex:1;flex:1}.page_ttl__wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:320px;padding-top:155px;background:url(../images/bg_texture.png) center left/cover}.page_ttl__wrapper::before{position:absolute;bottom:-15px;left:calc(50% - 18px);display:block;width:35px;height:35px;content:"";background-color:#b81a35;-webkit-box-shadow:3px 2px 5px #c9c9c9;box-shadow:3px 2px 5px #c9c9c9;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.page_ttl__wrapper::after{position:absolute;bottom:-8px;left:calc(50% - 10px);display:block;width:19px;height:19px;content:"";border-right:solid 1px #fff;border-bottom:solid 1px #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}body{overflow-x:hidden}.page_ttl__wrapper.chara::before{display:none}.page_ttl__wrapper.chara::after{display:none}.contents__inner{position:relative;margin-top:-20px}.label__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.label__list .label__item{margin:0 14px}.label__list .label__item.label__item--sub{margin:15px 10px 0}.label__list .label__item .label__frame{display:block;padding:0 8px}.label__list .label__item .label__frame .label__img{fill:#39424b}.label__list .label__item .btn__chara{cursor:pointer;-webkit-transition:background-color 0.5s cubic-bezier(0.5, 1, 0.89, 1);transition:background-color 0.5s cubic-bezier(0.5, 1, 0.89, 1)}.label__list .label__item .btn__chara:hover{background-color:#d4bf89}.label__list .label__item .btn__chara:hover .label__img{fill:#fff}.label__list .label__item .btn__chara.active{background-color:#d4bf89}.label__list .label__item .btn__chara.active .label__img{fill:#fff}.chara__wrapper{position:relative}.chara__list{position:relative;width:960px;height:1000px;margin:0 auto}.chara__list .chara__item{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transition:opacity 0.5s, -webkit-filter 0.5s;transition:opacity 0.5s, -webkit-filter 0.5s;transition:opacity 0.5s, filter 0.5s;transition:opacity 0.5s, filter 0.5s, -webkit-filter 0.5s}.chara__list .chara__item.active{visibility:visible;-webkit-filter:blur(0);filter:blur(0);opacity:1}.chara__inner{position:relative;z-index:0;height:1000px}.info__wrapper{position:relative;top:100px;left:16px;z-index:20}.info__wrapper .name__wrapper{margin-bottom:60px}.info__wrapper .name__wrapper .role{margin-bottom:1.5em;font-family:"Roboto",sans-serif;font-weight:700;color:#d4bf89}.info__wrapper .name__wrapper .ruby{margin-top:1em;font-family:"Noto Serif JP",serif;font-size:1.2rem}.info__wrapper .profile__wrapper{position:relative;padding-left:30px;margin-bottom:40px}.info__wrapper .profile__wrapper::before{position:absolute;top:0;left:0;font-family:"Roboto",sans-serif;font-weight:700;color:#c9c9c9;content:"PROFILE";-webkit-transform:rotate(-90deg) translateX(-105%);transform:rotate(-90deg) translateX(-105%);-webkit-transform-origin:0% 0%;transform-origin:0% 0%}.info__wrapper .profile__wrapper .profile__list .profile__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.info__wrapper .profile__wrapper .profile__list .profile__item .dfn__ttl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.1rem;font-weight:700;line-height:2.1rem}.info__wrapper .profile__wrapper .profile__list .profile__item .dfn__ttl span{display:block}.info__wrapper .profile__wrapper .profile__list .profile__item .dfn__ttl span+span{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:1px;margin:0 10px;background-color:#39424b}.info__wrapper .profile__wrapper .profile__list .profile__item .dfn__data{font-size:1.2rem}.info__wrapper .voice__wrapper{padding-left:30px;margin-bottom:40px}.info__wrapper .voice__wrapper .voice__actor{margin-bottom:10px;font-family:"Noto Serif JP",serif;font-size:1.7rem;color:#b81a35;letter-spacing:0.1em}.info__wrapper .voice__wrapper .voice__actor span{margin-right:0.5em;font-family:"Roboto",sans-serif;font-size:1.2rem;font-weight:700}.info__wrapper .voice__wrapper .voice__list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:30px}.info__wrapper .voice__wrapper .voice__list .voice__item{-webkit-box-flex:0;-ms-flex:0 0 56px;flex:0 0 56px;height:56px;font-family:"Noto Serif JP",serif;font-size:1.4rem;line-height:56px;color:#b81a35;text-align:center;background:url(../../character/images/voice_frame.svg) center center/56px 56px no-repeat}.info__wrapper .voice__wrapper .voice__list .voice__item.voice__btn{cursor:pointer;-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s, -webkit-transform 0.2s}.info__wrapper .voice__wrapper .voice__list .voice__item.voice__btn:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.info__wrapper .detail{width:360px;padding-left:30px;font-family:"Noto Serif JP",serif;font-size:1.5rem}.visual__wrapper{position:absolute;top:0;right:-102px;z-index:10}.visual__wrapper .visual__img{width:900px;height:auto}.chara__inner2{position:relative;z-index:0;height:1000px}.chara__inner2 .csnew__wrapper{position:absolute;width:100%}.chara__inner2 .csnew__wrapper.csnew__wrapper--uk1 .info__wrapper2{top:100px;left:40%}.chara__inner2 .csnew__wrapper.csnew__wrapper--uk1 .info__wrapper2 .detail2{padding-left:30px}.chara__inner2 .csnew__wrapper.csnew__wrapper--uk1 .visual__wrapper2{top:0;left:0}.chara__inner2 .csnew__wrapper.csnew__wrapper--uk2{bottom:0;left:0}.chara__inner2 .csnew__wrapper.csnew__wrapper--uk2 .info__wrapper2{bottom:100px;left:30%}.chara__inner2 .csnew__wrapper.csnew__wrapper--uk2 .info__wrapper2 .name__wrapper2{text-align:right}.chara__inner2 .csnew__wrapper.csnew__wrapper--uk2 .info__wrapper2 .detail2{margin-left:50px}.chara__inner2 .csnew__wrapper.csnew__wrapper--uk2 .visual__wrapper2{right:0;bottom:-200px}.chara__inner2 .csnew__wrapper .info__wrapper2{position:absolute;z-index:20;width:300px}.chara__inner2 .csnew__wrapper .info__wrapper2 .name__wrapper2{margin-bottom:40px}.chara__inner2 .csnew__wrapper .info__wrapper2 .name__wrapper2 .role2{margin-bottom:1.5em;font-family:"Roboto",sans-serif;font-weight:700;color:#d4bf89}.chara__inner2 .csnew__wrapper .info__wrapper2 .detail2{width:300px;font-family:"Noto Serif JP",serif;font-size:1.5rem}.chara__inner2 .csnew__wrapper .visual__wrapper2{position:absolute;z-index:10}.chara__inner2 .csnew__wrapper .visual__wrapper2 .visual__img2{width:600px;height:auto}.sd__wrapper{position:absolute;bottom:-50px;left:50px}.sd__wrapper .sd__img{width:300px;height:auto}.serif{position:absolute;top:100px;right:16px;z-index:20}.chara__deco{position:absolute;top:0;left:0;width:100%;height:100%}.chara__deco .deco__img{position:absolute}.chara__deco .deco__img.deco__circle{width:4px;height:4px;background-color:#7d1e5f;border-radius:50%}.chara__deco .deco__img.deco__img--1{top:-30px;left:calc(50% - 550px)}.chara__deco .deco__img.deco__img--2{right:calc(50% - 550px);bottom:200px}.chara__deco .deco__img.deco__img--3{bottom:30px;left:calc(50% - 300px)}.chara__deco .deco__img.deco__img--4{top:45px;left:calc(50% - 530px)}.chara__deco .deco__img.deco__img--5{right:calc(50% - 500px);bottom:180px}.chara__deco .deco__img.deco__img--6{top:240px;left:calc(50% - 90px)}@media (min-width: 1400px){.chara__deco .deco__img.deco__img--1{top:-30px;left:calc(50% - 700px)}.chara__deco .deco__img.deco__img--2{right:calc(50% - 700px);bottom:200px}.chara__deco .deco__img.deco__img--4{top:45px;left:calc(50% - 570px)}.chara__deco .deco__img.deco__img--5{right:calc(50% - 550px);bottom:170px}}.chara__arrow{position:absolute;top:50%;z-index:70;width:50px;height:50px;cursor:pointer;background-color:#39424b;border-radius:50%}.chara__arrow.chara__arrow--invalid{cursor:default;opacity:0.25}.chara__arrow::before{position:absolute;top:calc(50% - 10px);display:block;width:20px;height:20px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.chara__arrow.chara__arrow--left{left:calc(50% - 550px)}@media (min-width: 1200px){.chara__arrow.chara__arrow--left{left:calc(50% - 650px)}}.chara__arrow.chara__arrow--left::before{left:calc(50% - 6px);border-bottom:solid 1px #fff;border-left:solid 1px #fff}.chara__arrow.chara__arrow--right{right:calc(50% - 550px)}@media (min-width: 1200px){.chara__arrow.chara__arrow--right{right:calc(50% - 650px)}}.chara__arrow.chara__arrow--right::before{left:calc(50% - 14px);border-top:solid 1px #fff;border-right:solid 1px #fff} /*# sourceMappingURL=character.min.css.map */