/** Shopify CDN: Minification failed

Line 592:0 Unexpected "}"

**/
@import url("https://use.typekit.net/hqj4ahd.css");@import url("https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700&display=swap");
.shopify-section {
font-size: 4.2vw
}
.gothic {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.main {
overflow: visible
}
img {
    max-width: 100%;
    height: auto;
}
.container {
background: #F0EFEE;
padding-bottom: 39.354vw
}
.footer-tops {
margin-top: 6.3vw
}
.shopify-section .footer {
margin-top: 0;
}
.obi {
position: fixed;
top: -64px;
z-index: 1;
width: 100%;
background: #313131;
text-align: center;
color: #fff;
font-family: "angie-sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 3.822vw;
padding: 1.89vw 0 1.47vw;
transition: all 0.6s ease;
z-index: 2
}
.obi.active {
top: 0
}
.obi p {
margin: 0
}
.loading {
position: fixed;
top: 0;
width: 100%;
height: 100vh;
z-index: 10;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 9.198vw;
background: #F0EFEE
}
.loading img {
width: 43.3125vw;
height: 33.408396vw
}
.kv {
position: relative;
min-height: 100svh
}
.kv .video {
height: 100svh;
overflow: hidden;
position: relative
}
.kv .video .poster {
position: absolute;
height: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
object-fit: cover
}
.kv .video video {
height: 100%;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
object-fit: cover;
z-index: 1
}
.kv .logo {
padding-top: 16.5vw
}
.kv .logo video {
height: 100%;
width: 81.375vw;
position: relative;
left: 50%;
transform: translate(-50%)
}
.kv .logo img{
height:100%;
width: 81.375vw;
position:relative;
left:50%;
transform:translate(-50%)
}
.kv .lead {
padding: 26.292vw 10.5vw 0;
margin-bottom: 33.684vw
}
.kv .lead img {
width: 54.075vw
}
.kv .heading {
width: 81.375vw;
margin: 9.6vw auto 0
}
.kv .heading dt {
font-size: 4.9875vw;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: 0.49875vw
}
.kv .heading dd {
font-size: 3.4125vw;
font-style: normal;
font-weight: 400;
line-height: 200%;
letter-spacing: 0.273vw;
margin-top: 5.502vw;
margin-left: 0
}
.kv .view {
width: 37.8vw;
position: absolute;
top: 133.854vw;
left: 50%;
transform: translate(-50%);
opacity: 1;
visibility: visible;
transition: all 0.6s ease;
z-index: 1
}
.scrolled .kv .view {
opacity: 0;
visibility: hidden
}
.series-imgs {
display: none
}
.series {
display: flex;
flex-direction: column;
gap: 38.514vw
}
.series .series-img {
display: block;
margin: 0 auto;
width: 84.945vw;
position: relative
}
.series .series-img video {
position: absolute;
top: 0;
left: 0;
max-width: 100%
}
.series .series-ttl {
width: 78.435vw;
margin: 7.434vw auto 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
font-family: "angie-sans", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1
}
.series .series-ttl dt {
font-size: 5.775vw
}
.series .series-ttl dt span {
display: block;
font-size: 3.36vw;
margin-bottom: 1.68vw
}
.series .series-ttl dd {
font-size: 3.696vw;
text-align: right;
margin: 0;
}
.series .series-ttl dd span {
display: block;
position: relative;
top: 0.42vw;
letter-spacing: 0.294vw;
font-size: 3.36vw;
}
.series .series-txt {
width: 80.115vw;
margin: 4.2vw auto 0;
font-size: 3.15vw;
font-style: normal;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.1575vw
}
.series .items {
width: 80.115vw;
margin: 10.5vw auto 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 5.25vw
}
.series .items .item {
width: calc((100% - 5.25vw) / 2);
padding-bottom: 3.654vw;
position: relative;
background: #F3F3F3;
overflow: hidden
}
.series .items .item .scorp {
position: absolute;
bottom: 2.646vw;
right: 1.302vw;
width: 4.9875vw
}
.series .items .item .gothic {
color: #313131;
font-size: 3.15vw;
font-style: normal;
font-weight: 500;
line-height: 100%;
padding: 0 2.604vw;
margin-top: 2.1vw
}
.series .items .item a {
    text-decoration: none;
}
.series .items .item .comingsoon {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(149, 149, 149, 0.7);
display: flex;
align-items: center;
justify-content: center
}
.series .items .item .comingsoon p {
font-family: "angie-sans", sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
font-size: 3.78vw;
color: #fff
}
.sns {
margin-top: 38.64vw
}
.sns .slide {
position: relative
}
.sns .slide .slide-item {
position: absolute;
top: 0;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease
}
.sns .slide .slide-item.slideactive {
position: relative
}
.sns .sns-contents {
padding: 15.75vw 10.5vw 0
}
.sns .sns-contents .sns-head-txt {
width: 52.7625vw
}
.sns .sns-contents .sns-text {
font-size: 3.675vw;
font-style: normal;
font-weight: 500;
line-height: 175%;
letter-spacing: 0.18375vw;
margin: 10.08vw 0 0;
}
.sns .sns-contents .sns-items {
margin-top: 12.726vw;
display: flex;
flex-direction: column;
gap: 7.14vw
}
.video-area {
margin-top: 38.64vw
}
.video-area video {
display: block;
margin: 0 auto;
width: 84.945vw;
}
.release.container {
padding-top: 5em;
padding-bottom: 16.5vw
}
.release .kv {
min-height: none
}
@media screen and (min-width: 767px) {
.shopify-section {
font-size: min(1.35vw, 16px)
}
.main {
overflow: visible
}
.loading {
padding: 0
}
.loading .loading-wrap {
max-width: 1512px;
width: 85%;
margin: 0 auto;
padding: 0 7.81em
}
.loading img {
width: 24.8125em;
height: 4.70088em
}
.container {
width: auto;
max-width: none;
padding-bottom: 16.4em
}
.container a:hover {
opacity: 0.7
}
.obi {
font-size: 0.89em;
padding: 0.41em 0 0.38em
}
.kv {
min-height: auto;
height: calc(100dvh - 84px);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.kv .video {
width: 60%;
max-width: 740px;
height: auto
}
.kv .video .poster {
display: none
}
.kv .video video {
width: 34.5em;
height: 34.5em;
max-width: calc(100% - 80px);
position: relative;
left: 50%;
transform: translate(-50%)
}
.kv .logo {
width: 60%;
max-width: 740px;
padding-top: 0
}
.kv .logo video {
width: 32.125em;
max-width: calc(100% - 80px)
}
.kv .logo img {
width: 32.125em;
max-width: calc(100% - 80px);
}
.kv .lead {
max-width: 520px;
width: 40%;
padding: 40px;
margin-bottom: 0
}
.kv .lead img {
width: 15.75em;
margin: 0 auto;
display: block;
position: relative;
left: -1.8em
}
.kv .heading {
max-width: 520px;
width: 40%;
padding: 40px;
margin: 0
}
.kv .heading dl {
width: 19.375em;
margin: 0 auto;
}
.kv .heading dt {
font-size: 1.375em;
letter-spacing: 0.1375em
}
.kv .heading dd {
font-size: 0.9375em;
font-weight: 500;
letter-spacing: 0.034em;
margin-top: 2.8em;
}
.kv .view {
top: auto;
bottom: 0.6em;
width: auto;
}
.collection {
display: flex;
justify-content: center;
align-items: flex-start;
max-width: 1300px;
margin: 0 auto
}
.series-imgs {
display: block;
position: sticky;
top: 64px;
max-width: 780px;
width: 60%;
height: calc(100dvh - 64px);
padding: 40px
}
.series-imgs .series-imgs-item {
width: 35em;
max-width: calc(100% - 80px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: all 0.6s ease
}
.series-imgs .series-imgs-item.active {
opacity: 1;
visibility: visible
}
.series-imgs .series-imgs-item video {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
}
.series {
gap: 15.6em;
max-width: 520px;
width: 40%;
padding: calc((100dvh - 64px) / 2 + 40px) 40px calc((49dvh - 64px) / 2 + 40px);
position: relative
}
.series .series-wrap {
padding: 0
}
.series .series-wrap .series-img {
display: none
}
.series .series-wrap .series-ttl {
width: 21.875em;
max-width: 100%;
margin: 0 auto
}
.series .series-wrap .series-ttl dt {
font-size: 1.775em
}
.series .series-wrap .series-ttl dt span {
display: block;
font-size: 0.56em;
margin-bottom: 0.4em
}
.series .series-wrap .series-ttl dd {
font-size: 1.08em
}
.series .series-wrap .series-ttl dd span {
display: block;
position: relative;
top: 0.4em;
letter-spacing: 0.07em;
font-size: 1em
}
.series .series-wrap .series-txt {
width: 26.875em;
max-width: 100%;
margin: 2em auto 0;
font-size: 0.8125em;
letter-spacing: 0.04063em
}
.series .series-wrap .items {
width: 21.875em;
max-width: 100%;
margin: 2.6em auto 0;
gap: 2rem
}
.series .series-wrap .items .item {
width: calc((100% - 2rem) / 2);
padding-bottom: 1rem;
position: relative;
background: #F3F3F3;
overflow: hidden
}
.series .series-wrap .items .scorp {
bottom: 0.71em;
right: 0.36em;
width: 1.35131em
}
.series .series-wrap .items .gothic {
font-size: 0.8125em;
padding: 0 0.72em;
margin-top: 0.6em
}
.series .series-wrap .items .comingsoon {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(149, 149, 149, 0.7);
display: flex;
align-items: center;
justify-content: center
}
.series .series-wrap .items .comingsoon p {
font-size: 1.05em
}
.series .series-wrap .items picture img {
transition: all 0.3s ease
}
.series .series-wrap .items .item:hover picture img {
transform: scale(1.1)
}
.sns {
margin-top: 9.94em;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.sns .sns-slide {
max-width: 780px;
width: 60%;
padding: 40px
}
.sns .sns-slide .slide {
width: 18.75em;
margin: 0 auto
}
.sns .sns-contents {
max-width: 520px;
width: 40%;
padding: 40px
}
.sns .sns-contents .sns-head-txt {
width: 12.5625em;
}
.sns .sns-contents .sns-text {
font-size: 0.875em;
margin-top: 2.4em
}
.sns .sns-contents .sns-items {
width: 100%;
margin-top: 2em;
gap: 1em
}
.video-area {
margin-top: 9.94em
}
.video-area video {
width: 25em
}
.release.container {
padding-top: 0;
padding-bottom: 0
}
.release .series {
padding-top: calc((50dvh - 64px) / 2 + 40px)
}
}
}
/*# sourceMappingURL=style.css.map */