/*! * 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}.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)}.contents__inner{padding:100px 0 0}.additional__wrapper{counter-reset:num}.additional__wrapper .element{counter-increment:num}.element__inner{padding-bottom:150px}.element__inner.element__inner--fullbg{padding-top:150px;padding-bottom:0;background:url(../../additional/images/bg_texture.jpg) center top/cover}.element__inner.element__inner--voice{position:relative;margin-top:100px}.element__inner.element__inner--voice .sd__wrapper{position:absolute;bottom:-50px;left:calc(50% + 150px)}.element__inner.element__inner--voice .sd__wrapper .sd__img{width:300px;height:auto}.element__inner .element__ttl{text-align:center}.element__inner .element__ttl::before{display:block;margin-bottom:2em;font-size:1.2rem;color:#b81a35;content:"追加要素." counter(num)}.chara__wrapper{position:relative;padding:100px 0}.chara__bg{position:absolute;top:0;left:0;width:100%;height:100%}.chara__bg .bg__img{position:absolute}.chara__bg .bg__img.bg__img--1{top:655px;left:calc(50% - 582px)}.chara__bg .bg__img.bg__img--2{top:770px;left:calc(50% - 362px)}.chara__bg .bg__img.bg__img--3{top:255px;right:calc(50% - 410px)}.chara__bg .bg__img.bg__img--4{top:120px;right:calc(50% - 582px)}.chara__bg .bg__img.bg__img--5{top:220px;right:calc(50% - 370px)}.chara__bg .bg__img.bg__img--6{top:740px;left:calc(50% - 362px)}.chara__bg .pattern{position:absolute;top:calc(50% - 175px);left:0;z-index:-1;width:100%;height:350px;background:url(../images/pattern-pale.png)}.chara__list{position:relative;z-index:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:-80px}.chara__list .chara__item{width:400px}.chara__list .chara__item+li{margin-left:-80px}.chara__list .chara__item.chara__item--ch1{z-index:20}.chara__list .chara__item.chara__item--ch2{z-index:10;margin-top:40px}.chara__list .chara__item .chara__profile{position:relative}.chara__list .chara__item .chara__profile .chara__name{position:absolute;bottom:70px;left:50%;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.chara__list .chara__item .chara__profile .chara__name span{display:block;margin-top:3em;font-family:"Roboto Condensed",sans-serif}.chara__catch{position:absolute;top:50%;left:50%;font-family:"Noto Serif JP",serif;font-size:2rem;letter-spacing:0.5em;white-space:nowrap;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.stage__wrapper .stage__set{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.stage__wrapper .stage__set .stage__entry{position:relative;padding-right:134px;padding-bottom:48px}.stage__wrapper .stage__set .stage__entry .stage__img{-webkit-box-shadow:0px 0px 6px #c9c9c9;box-shadow:0px 0px 6px #c9c9c9}.stage__wrapper .stage__set .stage__entry .stage__description{position:absolute;right:0;bottom:0;padding:1.5em 2em;font-family:"Noto Serif JP",serif;font-size:1.6rem;background-color:#fff}.song__wrapper{padding-bottom:150px;text-align:center}.song__wrapper .song__ttl{margin:2em 0 1em;font-family:"Noto Serif JP",serif;font-size:2rem;font-weight:400}.staff{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.staff .staff__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 1em}.staff .staff__row .staff__role{margin-right:1em}.staff .staff__row .staff__name{font-size:1.2rem}.staff .staff__row:first-child{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.comment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:5em}.comment .comment__wrapper{-webkit-box-flex:0;-ms-flex:0 0 456px;flex:0 0 456px;padding:3em;text-align:left;background-color:rgba(255,255,255,0.5)}.comment .comment__wrapper+.comment__wrapper{margin-left:16px}.comment .comment__wrapper .comment__name{margin-bottom:1em;font-size:1.2rem;font-weight:700}.comment .comment__wrapper .comment__name .comment__role{margin-right:1em}.comment .comment__wrapper .comment__txt{font-family:"Noto Serif JP",serif;font-size:1.2rem;-webkit-font-feature-settings:normal;font-feature-settings:normal}.chara__list,.song__wrapper{-webkit-animation:fadeinup 0.5s cubic-bezier(0.5, 1, 0.89, 1) paused;animation:fadeinup 0.5s cubic-bezier(0.5, 1, 0.89, 1) paused}.chara__list.scrolled,.song__wrapper.scrolled{-webkit-animation-play-state:running;animation-play-state:running}@media (orientation: portrait){.chara__list,.song__wrapper{-webkit-animation-play-state:running;animation-play-state:running}}.stage__description{-webkit-animation:fadeinleft 0.5s cubic-bezier(0.5, 1, 0.89, 1) paused;animation:fadeinleft 0.5s cubic-bezier(0.5, 1, 0.89, 1) paused}.stage__description.scrolled{-webkit-animation-play-state:running;animation-play-state:running}@media (orientation: portrait){.stage__description{-webkit-animation-play-state:running;animation-play-state:running}}@-webkit-keyframes fadeinup{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeinup{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeinleft{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeinleft{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}} /*# sourceMappingURL=additional.min.css.map */