@charset "UTF-8";
/* RESET */
html { color: #000; background: #000; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var { font: inherit; }

del, ins { text-decoration: none; }

li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

sup, sub { vertical-align: baseline; }

legend { color: #000; }

.cf { zoom: 1; }
.cf:before { content: ""; display: table; }
.cf:after { content: ""; display: table; clear: both; }

/* COMMON */
body, html { width: 100%; height: 100vh; /* Fallback */ height: calc(var(--vh, 1vh) * 100); font-family: 'Noto Sans', Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Meiryo, メイリオ, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { margin: 0; padding: 0; }
body.open { height: 100%; overflow: hidden; }

a { text-decoration: none; cursor: pointer; display: block; }

img { display: block; width: 100%; }

main { width: 100%; height: 100%; }

#content { width: 100%; height: auto; overflow: hidden; position: relative; }
#content.train-goes-on { background: #000; }
#content.toumeina-seven { background: #efefef; }

.content_wrap { position: relative; }

* { padding: 0; margin: 0; }

.train-goes-on h2 { margin: auto; padding-bottom: 60px; }
.train-goes-on h2 img { margin: auto; }
.train-goes-on h2.-s { padding-bottom: 30px !important; }
.train-goes-on h3 { font-family: 'Alice'; font-weight: bold; font-size: 40px; letter-spacing: .1em; margin-bottom: 30px; }
.train-goes-on h4 { font-weight: bold; font-size: 14px; letter-spacing: .1em; margin-bottom: 20px; color: #000617; text-align: center; }
.train-goes-on h4 span { font-size: 12px; }
.train-goes-on p { font-size: 14px; letter-spacing: .1em; }
.train-goes-on p.-b { font-weight: bold; }
.train-goes-on .inner { width: 100vw; max-width: 1080px; margin: auto; position: relative; }
.train-goes-on .inner.-h { padding: 100px 0; }
.train-goes-on .btn a { width: 100%; background: #424b7d; text-align: center; color: #fff; line-height: 64px; border-radius: 5px; font-family: 'Alice'; font-size: 16px; font-weight: bold; letter-spacing: .1em; display: block; position: relative; transition: .5s; }
.train-goes-on .btn a span { width: 30px; height: 17px; background: url(../../asset/img/train-goes-on/train-goe-on_btn-arrow.png) no-repeat top/cover; position: absolute; left: 20px; top: calc(50% - 8px); display: block; opacity: 0; transition: .25s; }
.train-goes-on .border_box { padding: 30px; }
.train-goes-on .border_box p { font-size: 13px; line-height: 1.8; font-weight: bold; letter-spacing: .08em; text-align: left; }
.train-goes-on .border_box p span { font-size: 12px; }
.train-goes-on .border_box p.-intend { padding-left: 1em; }
.train-goes-on .border_box.-grey { color: #828282; border: 1px solid #828282; }
.train-goes-on .border_box.-white { color: #fff; border: 1px solid #2d3751; }
.train-goes-on .-fadein { opacity: 1 !important; transform: translate(0, 0) !important; transition: 1s cubic-bezier(0.36, 0.14, 0, 1); }
.train-goes-on .-fadein-c { opacity: 1 !important; transform: translate(0, 0) !important; transition: 2s cubic-bezier(0.36, 0.14, 0, 1); }
.train-goes-on .-fadeinup { opacity: 1 !important; transform: translate(0, 0) scale(1) !important; transition: 2s cubic-bezier(0.36, 0.14, 0, 1); }
.train-goes-on .target { opacity: 0; transform: translate(0, 10px); }
.train-goes-on .-low1 { transition-delay: .1s; }
.train-goes-on .-low2 { transition-delay: .2s; }
.train-goes-on #mv { max-width: 1920px; margin: auto; background: url(../../asset/img/train-goes-on/train-goes-on_top-img3.jpg) repeat top/auto; transform: translate(0, -20px) scale(0.98); opacity: 0; }
.train-goes-on #mv .mv1 { width: 100%; position: relative; }
.train-goes-on #mv .mv1 .cloud1 { background: url(../../asset/img/train-goes-on/train-goes-on_top-img-cloud1.png) no-repeat top/cover; position: absolute; z-index: 2; opacity: 0; transform: translate(0, 5px); }
.train-goes-on #mv .mv2 { width: 100%; position: relative; margin-bottom: 60px; }
.train-goes-on #mv .mv2 .text_wrapbox h2 img { width: 536px; height: 120px; }
.train-goes-on #mv .mv2 .cloud2 { background: url(../../asset/img/train-goes-on/train-goes-on_top-img-cloud2.png) no-repeat top/cover; position: absolute; }
.train-goes-on #mv .mv3 { width: 100%; padding: 0 0 100px; }
.train-goes-on #detail { max-width: 1920px; margin: auto; background: url(../../asset/img/train-goes-on/train-goes-on_img-noise_white.jpg) repeat; }
.train-goes-on #detail .jacket { margin-bottom: 30px; }
.train-goes-on #detail .EPtitle { text-align: center; margin-bottom: 20px; }
.train-goes-on #detail .EPtitle h3 span.release { font-size: 12px; font-family: 'Noto Sans'; font-weight: bold; margin-top: 1em; display: block; letter-spacing: .1em; }
.train-goes-on #detail .EPtitle span { display: block; font-size: 18px; letter-spacing: .1em; font-family: 'Alice'; font-weight: bold; }
.train-goes-on #detail .EPtitle span span { font-size: 22px; display: inline-block; }
.train-goes-on #detail .EPtitle p { font-size: 14px; font-weight: bold; letter-spacing: .1em; line-height: 2; }
.train-goes-on #detail .EPtitle p span { font-size: 12px; display: inline-block; }
.train-goes-on #detail li.btn { width: calc(50% - 20px;) !important; }
.train-goes-on #detail li.btn:first-child { margin-right: 20px; }
.train-goes-on #detail li.btn:last-child { margin-left: 20px; }
.train-goes-on #detail .tracklist { margin-top: 40px; }
.train-goes-on #detail .sideB { margin: 1em 0; }
.train-goes-on #detail .staff p { line-height: 2.2; }
.train-goes-on #detail .video { margin: 60px 0 30px; }
.train-goes-on #detail .artwork { margin: 60px 0 0; }
.train-goes-on .text_wrapbox { text-align: center; }
.train-goes-on .text_wrapbox img { width: 242px; height: 99px; margin: auto; }
.train-goes-on .text_wrapbox p { font-size: 14px; color: #fff; letter-spacing: .01em; line-height: 1.8; }
.train-goes-on p.annotation { font-size: 12px; color: #828282 !important; line-height: 2 !important; margin-top: 20px; font-weight: normal; letter-spacing: .01em; }
.train-goes-on .col { display: flex; }
.train-goes-on .-two li { flex-basis: calc(50% - 30px); }
.train-goes-on .-two li:first-child { margin-right: 30px; }
.train-goes-on .-two li:last-child { margin-left: 30px; }
.train-goes-on .-three li { flex-basis: 33.3333333%; padding: 0 15px; }
.train-goes-on .-three li:first-child { padding-left: 0; }
.train-goes-on .-three li:last-child { padding-right: 0; }
.train-goes-on .video { width: 100%; height: 607px; }
.train-goes-on .video iframe { width: 100%; height: 100%; }
.train-goes-on #goods { max-width: 1920px; margin: auto; background: url(../../asset/img/train-goes-on/train-goes-on_img-noise_white.jpg) repeat; }
.train-goes-on #goods .text_wrapbox h2 img { width: 242px; height: 100px; margin: auto; }
.train-goes-on #goods .col p { text-align: center; font-size: 14px; font-weight: bold; color: #000617; letter-spacing: .1em; padding: 20px 0; line-height: 1.8; }
.train-goes-on #goods .btn a { line-height: 50px; width: 70%; margin: auto; }
.train-goes-on #goods .limited { position: relative; }
.train-goes-on #goods .limited:before { content: 'Limited'; color: #fff; text-align: center; font-size: 10px; background: #000; display: block; position: absolute; left: 20px; top: 20px; letter-spacing: .1em; font-weight: bold; padding: 5px 15px; border-radius: 3px; }
.train-goes-on #profile { max-width: 1920px; margin: auto; background: url(../../asset/img/train-goes-on/train-goes-on_img-noise_white.jpg) repeat; }
.train-goes-on #profile .text_wrapbox h2 img { width: 153px; height: 89px; margin: auto; }
.train-goes-on #profile .col { margin-top: 40px; }
.train-goes-on #profile .col .btn:first-child { margin-bottom: 20px; }
.train-goes-on #profile .col .btn a { min-width: 235px; }
.train-goes-on #profile .col .artist_profile { padding-right: 30px; }
.train-goes-on #profile .col .artist_profile p { color: #000617; margin-bottom: 20px; line-height: 1.8; }
.train-goes-on #event { max-width: 1920px; margin: auto; background: url(../../asset/img/train-goes-on/train-goes-on_img-noise_black.jpg) repeat; position: relative; }
.train-goes-on #event h4 { color: #fff; }
.train-goes-on #event:before { content: ''; width: 100%; height: 700px; background: url(../../asset/img/train-goes-on/train-goes-on_sec3_bg.jpg) no-repeat top/cover; position: absolute; top: 0; left: 0; }
.train-goes-on #event a { display: inline-block; text-decoration: underline; font-weight: bold; color: #fff; padding: 0 4px; letter-spacing: .1em; }
.train-goes-on #event .text_wrapbox h2 img { width: 231px; height: 85px; margin: auto; }
.train-goes-on #event .col li .border_box div { margin-top: 30px; }
.train-goes-on footer { background: #000; }
.train-goes-on footer a.logo-zia { width: 100px; height: 50px; background: url(../../asset/img/train-goes-on/train-goes-on_footer_logo-zia.png) no-repeat center top/cover; margin: 0 auto 30px; }
.train-goes-on footer ul { text-align: center; }
.train-goes-on footer ul li { display: inline-block; vertical-align: middle; }
.train-goes-on footer ul li a { display: block; }
.train-goes-on footer ul li.logo-twitter { margin-right: 30px; }
.train-goes-on footer ul li.logo-twitter a { width: 22px; height: 17px; background: url(../../asset/img/train-goes-on/train-goes-on_footer_logo-twitter.png) no-repeat center top/cover; }
.train-goes-on footer ul li.logo-youtube { margin-right: 30px; }
.train-goes-on footer ul li.logo-youtube a { width: 21px; height: 15px; background: url(../../asset/img/train-goes-on/train-goes-on_footer_logo-youtube.png) no-repeat center top/cover; }
.train-goes-on footer ul li.logo-booth { margin-right: 30px; }
.train-goes-on footer ul li.logo-booth a { width: 69px; height: 24px; background: url(../../asset/img/train-goes-on/train-goes-on_footer_logo-booth.png) no-repeat center top/cover; }
.train-goes-on footer ul li.logo-fanbox a { width: 102px; height: 14px; background: url(../../asset/img/train-goes-on/train-goes-on_footer_logo-fanbox.png) no-repeat center top/cover; }
.train-goes-on #loading { width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 9999; visibility: visible; transition: 0.5s cubic-bezier(0.36, 0.14, 0, 1); opacity: 1; }
.train-goes-on #loading.-fadeout { opacity: 0; transition: 0.8s cubic-bezier(0.36, 0.14, 0, 1); visibility: hidden; }
.train-goes-on #loading .mask { width: 100vw; height: 100vh; background: url(../../asset/img/train-goes-on/train-goes-on_img-noise_loading.jpg) repeat; opacity: 1; display: flex; justify-content: center; align-items: center; }
.train-goes-on #loading .mask .logo-loading { width: 583px; height: 130px; background: url(../../asset/img/train-goes-on/train-goe-on_loading-logo.png) no-repeat top/cover; overflow: hidden; }
.train-goes-on #loading .mask .logo-loading.on { background: url(../../asset/img/train-goes-on/train-goe-on_loading-logo.png) no-repeat bottom/cover !important; transition: 0.5s cubic-bezier(0.36, 0.14, 0, 1); }
@media screen and (min-width: 1300px) { .train-goes-on #mv .mv1 { height: 876px; background: url(../../asset/img/train-goes-on/train-goes-on_top-img1.jpg) no-repeat center top/1920px; }
  .train-goes-on #mv .mv1 .cloud1 { width: 779px; height: 482px; left: -340px; top: 750px; }
  .train-goes-on #mv .mv2 { background: url(../../asset/img/train-goes-on/train-goes-on_top-img2.jpg) no-repeat center top/1920px; }
  .train-goes-on #mv .mv2 .cloud2 { width: 862px; height: 476px; right: -370px; top: 320px; }
  .train-goes-on #mv .mv2 .text_wrapbox { padding-top: 375px; }
  .train-goes-on #mv .mv3 { background: url(../../asset/img/train-goes-on/train-goes-on_top-img4.jpg) no-repeat bottom/1920px; } }
@media screen and (max-width: 1300px) { .train-goes-on #mv .mv1 { height: 700px; background: url(../../asset/img/train-goes-on/train-goes-on_top-img1.jpg) no-repeat top/1535px; }
  .train-goes-on #mv .mv1 .cloud1 { width: 779px; height: 482px; left: -340px; top: 550px; }
  .train-goes-on #mv .mv2 { background: url(../../asset/img/train-goes-on/train-goes-on_top-img2.jpg) no-repeat top/1535px; }
  .train-goes-on #mv .mv2 .cloud2 { width: 862px; height: 476px; right: -370px; top: 230px; }
  .train-goes-on #mv .mv2 .text_wrapbox { padding-top: 245px; }
  .train-goes-on #mv .mv3 { background: url(../../asset/img/train-goes-on/train-goes-on_top-img4.jpg) no-repeat bottom/1535px; }
  .train-goes-on .video { width: 100% !important; height: auto !important; position: relative; padding-top: 56.25%; }
  .train-goes-on .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }
@media screen and (max-width: 1080px) { .train-goes-on .inner_wrap { padding: 0 4vw; }
  .train-goes-on #mv .mv1 { height: 600px; background: url(../../asset/img/train-goes-on/train-goes-on_top-img1.jpg) no-repeat top/1315px; }
  .train-goes-on #mv .mv2 { background: url(../../asset/img/train-goes-on/train-goes-on_top-img2.jpg) no-repeat top/1315px; }
  .train-goes-on #mv .mv2 .text_wrapbox { padding-top: 175px; }
  .train-goes-on #mv .mv3 { background: url(../../asset/img/train-goes-on/train-goes-on_top-img4.jpg) no-repeat bottom/1315px; } }
@media screen and (min-width: 680px) { .train-goes-on .btn:hover a { background: #2a3366; transition: .5s; }
  .train-goes-on .btn:hover a span { opacity: 1; transition: .25s; transform: rotateX(180deg); } }
@media screen and (min-width: 480px) { .train-goes-on .shop_photo { margin: 60px 0; }
  .train-goes-on #mv.-fadein .cloud1 { opacity: 1 !important; transform: translate(0, 0) !important; transition: 2s cubic-bezier(0.36, 0.14, 0, 1); } }
@media screen and (max-width: 480px) { .train-goes-on .text_wrapbox { text-align: center; }
  .train-goes-on .text_wrapbox h2 { padding-bottom: 20px; transform: scale(0.7); }
  .train-goes-on .text_wrapbox h2.-s { padding-bottom: 20px !important; }
  .train-goes-on .-two li { margin-right: 0 !important; margin-left: 0 !important; }
  .train-goes-on .-two .btn:first-child { padding-right: 2% !important; margin-bottom: 0; }
  .train-goes-on .-two .btn:last-child { padding-left: 2% !important; }
  .train-goes-on .-two .btn a { width: 100%; background: #424b7d; text-align: center; color: #fff; line-height: 58px; border-radius: 5px; font-family: 'Alice'; font-size: 16px; font-weight: bold; letter-spacing: .1em; }
  .train-goes-on #mv.-fadein .cloud1 { opacity: 1 !important; transform: translate(0, 0) scale(0.4) !important; transition: 2s cubic-bezier(0.36, 0.14, 0, 1); }
  .train-goes-on .mv1 { height: 365px !important; background: url(../../asset/img/train-goes-on/train-goes-on_top-img1_sp.jpg) no-repeat top/800px !important; }
  .train-goes-on .mv1 .cloud1 { top: 200px !important; transform: translate(0, 10px) scale(0.4) !important; }
  .train-goes-on .mv2 { background: url(../../asset/img/train-goes-on/train-goes-on_top-img2_sp.jpg) no-repeat top/800px !important; margin-bottom: 30px !important; }
  .train-goes-on .mv2 .text_wrapbox { padding-top: 140px !important; }
  .train-goes-on .mv2 .text_wrapbox h2 { transform: scale(1); }
  .train-goes-on .mv2 .text_wrapbox h2 img { width: 100% !important; height: auto !important; }
  .train-goes-on .mv2 .text_wrapbox br { display: none; }
  .train-goes-on .mv2 .cloud2 { top: 50px !important; transform: scale(0.3); }
  .train-goes-on .border_box { padding: 4%; }
  .train-goes-on #detail .jacket { margin-bottom: 2%; }
  .train-goes-on #detail .video { margin: 30px auto 2%; }
  .train-goes-on #detail .artwork { margin: 30px 0 0; }
  .train-goes-on #detail .sideB { margin: 2% 0; }
  .train-goes-on .mv3 { background: url(../../asset/img/train-goes-on/train-goes-on_top-img4.jpg) no-repeat bottom/547px !important; padding: 0 0 60px !important; }
  .train-goes-on .inner.-h { padding: 40px 0 60px; }
  .train-goes-on p.annotation { margin-top: 2%; }
  .train-goes-on .-sp { flex-wrap: wrap; }
  .train-goes-on .-sp li { flex-basis: 100%; }
  .train-goes-on .-sp li:first-child { padding-right: 0; margin-bottom: 30px; }
  .train-goes-on .-sp li:last-child { padding-left: 0; }
  .train-goes-on #goods .col li { flex-basis: 48%; padding: 0; }
  .train-goes-on #goods .col li.keyholder, .train-goes-on #goods .col li .badge { margin-right: 2%; }
  .train-goes-on #goods .col li.stiker { margin-left: 2%; }
  .train-goes-on #goods .btn a { width: 80%; }
  .train-goes-on #goods .keyholder:before { font-size: 10px; left: 10px; top: 10px; }
  .train-goes-on #profile .col { margin-top: 30px; }
  .train-goes-on #profile .col .artist_button { display: flex; width: 100%; margin-top: 10px; }
  .train-goes-on #profile .col .btn { flex-basis: calc(50% - 2%); }
  .train-goes-on #profile .col .btn:first-child { margin-bottom: 0; }
  .train-goes-on #profile .col .btn a { min-width: 100%; }
  .train-goes-on #profile .artist_profile { padding-right: 0 !important; }
  .train-goes-on #event .text_wrapbox br { display: none; }
  .train-goes-on #event .col li .border_box div { margin-top: 4%; }
  .train-goes-on .shop_photo { margin: 30px 0; }
  .train-goes-on #loading .mask .logo-loading { width: 300px; height: 66px; background: url(../../asset/img/train-goes-on/train-goe-on_loading-logo.png) no-repeat top/cover; overflow: hidden; }
  .train-goes-on footer .inner.-h { padding: 60px 0 60px; } }

.toumeina-seven { background: #efefef; color: #b31f23; letter-spacing: .075em; }
.toumeina-seven h1 { padding: 15px 0; }
.toumeina-seven h2 { font-size: 4rem; font-family: 'Alice'; line-height: 1; margin-bottom: 32px; }
.toumeina-seven h3 img { width: 93.5%; margin: 0 auto 16px; }
.toumeina-seven h4 { font-size: 1.5rem; font-weight: bold; font-family: 'Mukta'; }
.toumeina-seven h5 { font-size: 1.25rem; font-weight: bold; font-family: 'Mukta'; color: #fff; text-align: center; margin-top: 24px; }
.toumeina-seven p { font-size: 0.875rem; font-family: 'Mukta'; font-weight: bold; }
.toumeina-seven #fixed p { color: #000; font-size: 1rem; position: fixed; z-index: 10; }
.toumeina-seven #fixed p:first-child { left: 6px; top: calc(50vh - 160px/2); writing-mode: vertical-lr; text-orientation: sideways; white-space: pre; display: inline-block; }
.toumeina-seven #fixed p:last-child { right: 6px; top: calc(50vh - 120px/2); writing-mode: vertical-rl; text-orientation: sideways; white-space: pre; font-weight: 600; }
.toumeina-seven #loading { width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 9999; visibility: visible; opacity: 1; background: #a81a1d; display: flex; justify-content: center; align-items: center; }
.toumeina-seven #loading img { width: 120px; margin: auto; }
.toumeina-seven #loading.-fadeout { opacity: 0; transition: .8s; visibility: hidden; }
.toumeina-seven #loading .loading-icon { box-sizing: border-box; text-align: center; }
.toumeina-seven #loading .loading-icon p { color: #fff; text-align: center; font-size: 0.75rem; margin-top: 8px; }
.toumeina-seven .circle_link { background: url(../../asset/img/toumeina-seven/toumeina-seven_btn.png) no-repeat top/cover; color: #fff; width: 150px; height: 160px; line-height: 168px; display: block; text-align: center; font-size: 0.875rem; font-family: 'Alice'; font-weight: bold; margin: 0 -14px 0 auto; position: relative; text-decoration: none; transform: translateY(0); transition: transform .5s; }
.toumeina-seven .circle_link:hover { transform: translateY(-8px); transition: transform .5s; }
.toumeina-seven .circle_link.xfd span:before { content: ''; width: 48px; height: 40px; background: url(../../asset/img/toumeina-seven/toumeina-seven_btn-icon_xfd.png) no-repeat top/cover; display: block; position: absolute; top: 30px; left: 50px; }
.toumeina-seven .circle_link.youtube span:before { content: ''; width: 50px; height: 34px; background: url(../../asset/img/toumeina-seven/toumeina-seven_btn-icon_youtube.png) no-repeat top/cover; display: block; position: absolute; top: 32px; left: 50px; }
.toumeina-seven .inner { max-width: 1260px; padding: 0 40px; margin: auto; }
.toumeina-seven .inner_wrap { padding: 120px 0; position: relative; }
.toumeina-seven .col { display: flex; }
.toumeina-seven .para1, .toumeina-seven .para2 { opacity: 0; }
.toumeina-seven .para1.-in, .toumeina-seven .para2.-in { opacity: 1; transition: opacity 1s; }
.toumeina-seven .pallax_img1 { width: 495px; height: 535px; background: url(../../asset/img/toumeina-seven/toumeina-seven_pallax_img1.png) no-repeat top/cover; position: absolute; right: -165px; top: 420px; z-index: 3; }
.toumeina-seven .pallax_img2 { width: 102px; height: 132px; background: url(../../asset/img/toumeina-seven/toumeina-seven_pallax_img2.png) no-repeat top/cover; position: absolute; left: -11.5vw; top: 330px; z-index: 1; }
.toumeina-seven .pallax_img3 { width: 286px; height: 298px; background: url(../../asset/img/toumeina-seven/toumeina-seven_pallax_img3.png) no-repeat top/cover; position: absolute; left: -210px; top: -60px; z-index: 1; }
.toumeina-seven .pallax_img4 { width: 179px; height: 195px; background: url(../../asset/img/toumeina-seven/toumeina-seven_pallax_img4.png) no-repeat top/cover; position: absolute; right: calc(40% - 220px); top: -40px; z-index: 1; }
.toumeina-seven .pallax_img5 { width: 378px; height: 398px; background: url(../../asset/img/toumeina-seven/toumeina-seven_pallax_img5.png) no-repeat top/cover; position: absolute; left: -169px; top: 210px; z-index: 1; }
.toumeina-seven .pallax_img6 { width: 159px; height: 201px; background: url(../../asset/img/toumeina-seven/toumeina-seven_pallax_img6.png) no-repeat top/cover; position: absolute; right: calc(40% - 173px); bottom: -80px; z-index: 1; }
.toumeina-seven .pallax_img7 { width: 395px; height: 409px; background: url(../../asset/img/toumeina-seven/toumeina-seven_pallax_img7.png) no-repeat top/cover; position: absolute; right: -96px; bottom: calc(40% - 190px); z-index: 1; }
.toumeina-seven .pallax_img8 { width: 119px; height: 126px; background: url(../../asset/img/toumeina-seven/toumeina-seven_pallax_img8.png) no-repeat top/cover; position: absolute; right: calc(40% - 252px); bottom: 110px; z-index: 1; }
.toumeina-seven .pallax_img9 { width: 487px; height: 542px; background: url(../../asset/img/toumeina-seven/toumeina-seven_pallax_img9.png) no-repeat top/cover; position: absolute; left: -280px; top: 730px; z-index: 1; }
.toumeina-seven .pallax_img10 { width: 166px; height: 209px; background: url(../../asset/img/toumeina-seven/toumeina-seven_pallax_img10.png) no-repeat top/cover; position: absolute; right: calc(50% - 10px); bottom: -165px; z-index: 1; }
.toumeina-seven .pallax_bubble1 { background: url(../../asset/img/toumeina-seven/toumeina-seven_pallax_bubble1.png) no-repeat top/cover; position: absolute; left: -68px; top: -80px; z-index: 0; padding-right: 42.1%; padding-bottom: 42.5%; }
.toumeina-seven .pallax_bubble2 { background: url(../../asset/img/toumeina-seven/toumeina-seven_pallax_bubble2.png) no-repeat top/cover; position: absolute; right: -255px; bottom: -20px; z-index: 0; padding-right: 31%; padding-bottom: 34.4%; }
.toumeina-seven .-dl1 { transition-delay: .25s !important; }
.toumeina-seven .-dl2 { transition-delay: .5s !important; }
.toumeina-seven .-dl3 { transition-delay: .75s !important; }
.toumeina-seven .-dl4 { transition-delay: 1s !important; }
.toumeina-seven .target { transform: rotate(-1deg); opacity: 0; }
.toumeina-seven .target.-in { transform: rotate(0); opacity: 1; transition: .8s; }
.toumeina-seven #mv { position: relative; }
.toumeina-seven #mv.-in .mv_text1 { animation: mask-animation 1.5s 0 ease-out forwards; -webkit-animation: mask-animation 1.5s 0s ease-out forwards; }
.toumeina-seven #mv.-in .mv_text2 { animation: mask-animation 1.5s 1s ease-out forwards; -webkit-animation: mask-animation 1.5s 0.5s ease-out forwards; }
.toumeina-seven #mv.-in .mv_text3 { animation: mask-animation 1.5s 1.5s ease-out forwards; -webkit-animation: mask-animation 1.5s 1s ease-out forwards; }
@keyframes mask-animation { 0% { mask-position: 130% 130%; -webkit-mask-position: 130% 130%; }
  100% { mask-position: 0 0; -webkit-mask-position: 0 0; } }
.toumeina-seven #mv .mv_text1 { margin-bottom: 2.72%; -webkit-mask-image: linear-gradient(135deg, black 30%, rgba(0, 0, 0, 0.4) 45%, transparent 55%, transparent 100%); -webkit-mask-size: 250% 250%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 130% 130%; mask-image: linear-gradient(135deg, black 30%, rgba(0, 0, 0, 0.4) 45%, transparent 55%, transparent 100%); mask-size: 250% 250%; mask-repeat: no-repeat; mask-position: 130% 130%; z-index: 2; }
.toumeina-seven #mv .mv_text2 { margin-bottom: 2.72%; position: relative; -webkit-mask-image: linear-gradient(135deg, black 30%, rgba(0, 0, 0, 0.4) 45%, transparent 55%, transparent 100%); -webkit-mask-size: 250% 250%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 130% 130%; mask-image: linear-gradient(135deg, black 30%, rgba(0, 0, 0, 0.4) 45%, transparent 55%, transparent 100%); mask-size: 250% 250%; mask-repeat: no-repeat; mask-position: 130% 130%; z-index: 2; }
.toumeina-seven #mv .mv_text2:after { content: ''; width: 20.4%; height: 100%; display: block; background: url(../../asset/img/toumeina-seven/toumeina-seven_main-img1.jpg) no-repeat top/cover; position: absolute; right: 0; top: 0; }
.toumeina-seven #mv .mv_text2 img { width: 77%; padding-right: 23%; }
.toumeina-seven #mv .mv_text3 { position: relative; -webkit-mask-image: linear-gradient(135deg, black 30%, rgba(0, 0, 0, 0.4) 45%, transparent 55%, transparent 100%); -webkit-mask-size: 250% 250%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 130% 130%; mask-image: linear-gradient(135deg, black 30%, rgba(0, 0, 0, 0.4) 45%, transparent 55%, transparent 100%); mask-size: 250% 250%; mask-repeat: no-repeat; mask-position: 130% 130%; z-index: 2; }
.toumeina-seven #mv .mv_text3:before { content: ''; width: 39.7%; height: 100%; display: block; background: url(../../asset/img/toumeina-seven/toumeina-seven_main-img2.jpg) no-repeat top/cover; position: absolute; left: 0; top: 0; }
.toumeina-seven #mv .mv_text3 img { width: 57.7%; padding-left: 42.3%; }
.toumeina-seven #detail { position: relative; background: linear-gradient(#efefef, #fff 80%); }
.toumeina-seven #detail p { font-weight: bold; }
.toumeina-seven #detail p span { font-size: 0.75rem; vertical-align: middle; }
.toumeina-seven #detail .col { margin-bottom: 24px; }
.toumeina-seven #detail .col li { margin-right: 32px; }
.toumeina-seven #detail .col li p:first-child { font-weight: bold; }
.toumeina-seven #detail .-two { margin-bottom: 0; }
.toumeina-seven #detail .-two li { margin-right: 0; }
.toumeina-seven #detail .-two li.jacket { width: 61.1%; padding-right: 40px; }
.toumeina-seven #detail .-two li.jacket .-img { background: url(../../asset/img/toumeina-seven/toumeina-seven_sec1_jacket.jpg) no-repeat left/cover; padding-bottom: 100%; }
.toumeina-seven #detail .-two li.EPtitle { flex: 1; align-items: center; display: table; }
.toumeina-seven #detail .-two li.EPtitle div { text-align: center; display: table-cell; vertical-align: middle; }
.toumeina-seven #detail .-two li.EPtitle div ul { margin-bottom: 32px; }
.toumeina-seven #detail .-two li.EPtitle div p { font-size: 1rem; }
.toumeina-seven #detail .-two li.EPtitle div h4 { margin-bottom: 32px; }
.toumeina-seven #detail .-two li.EPtitle div h4 a { display: inline-block; color: #b31f23; letter-spacing: .075em; text-decoration: underline; margin-left: 8px; }
.toumeina-seven #detail .text_wrapbox h4 { margin-bottom: 24px; }
.toumeina-seven #detail .cassete { margin-top: 56px; }
.toumeina-seven #detail .cassete .col { margin-top: 24px; margin-bottom: 0; }
.toumeina-seven #detail .cassete .col li { padding-bottom: 31.75%; padding-right: 31.75%; margin-right: 16px; }
.toumeina-seven #detail .cassete .col li:first-child { background: url(../../asset/img/toumeina-seven/toumeina-seven_sec1_cassette.jpg) no-repeat left/cover; }
.toumeina-seven #detail .cassete .col li:last-child { background: url(../../asset/img/toumeina-seven/toumeina-seven_sec1_card.jpg) no-repeat left/cover; }
.toumeina-seven #detail .cassete h4 span { font-size: 1rem; }
.toumeina-seven #goods { background: #b31f23 url(../../asset/img/toumeina-seven/toumeina-seven_bg_goods.png) no-repeat left/contain; }
.toumeina-seven #goods h2 { color: #fff; text-align: center; }
.toumeina-seven #goods h4 { margin-top: 24px; }
.toumeina-seven #goods .col li { width: calc(33.3333333% - 16px / 3); margin-right: 16px; }
.toumeina-seven #goods .col li.keyholder .-img { padding-bottom: 100%; background: url(../../asset/img/toumeina-seven/toumeina-seven_sec2_goods-img1.jpg) no-repeat left/cover; }
.toumeina-seven #goods .col li.stikerset .-img { padding-bottom: 100%; background: url(../../asset/img/toumeina-seven/toumeina-seven_sec2_goods-img2.jpg) no-repeat left/cover; }
.toumeina-seven #goods .col li.multicase .-img { padding-bottom: 100%; background: url(../../asset/img/toumeina-seven/toumeina-seven_sec2_goods-img3.jpg) no-repeat left/cover; }
.toumeina-seven #goods .col li:last-child { margin-right: 0; }
.toumeina-seven #profile .artist_photo { width: 100%; margin-bottom: 56px; }
.toumeina-seven #profile .artist_photo .-img { padding-bottom: 56.3%; background: url(../../asset/img/toumeina-seven/toumeina-seven_artistphoto.jpg) no-repeat left/cover; }
.toumeina-seven #profile .text_wrapbox { position: relative; }
.toumeina-seven #profile .text_wrapbox a { position: absolute; right: 0; top: 0; }
.toumeina-seven footer .logo { width: 84px; height: 62px; background: url(../../asset/img/toumeina-seven/toumeina-seven_btn-icon_logo.png) no-repeat top/cover; position: absolute; left: 0; }
.toumeina-seven footer .col { justify-content: flex-end; line-height: 63px; }
.toumeina-seven footer .col li { margin-right: 40px; }
.toumeina-seven footer .col li:last-child { margin-right: 0; }
.toumeina-seven footer .col a { color: #b31f23; letter-spacing: .075em; font-size: 1rem; text-decoration: underline; font-weight: bold; font-family: 'Mukta'; }
@media screen and (max-width: 1080px) { .toumeina-seven .pallax_img1 { width: 297px; height: 321px; right: -80px; top: auto; bottom: -140px; }
  .toumeina-seven .pallax_img2 { width: 61px; height: 79px; left: -70px; top: 210px; }
  .toumeina-seven .pallax_img3 { width: 171px; height: 178px; left: -60px; top: -50px; }
  .toumeina-seven .pallax_img4 { width: 104px; height: 117px; top: -30px; right: calc(40% - 90px); }
  .toumeina-seven .pallax_img5 { width: 226px; height: 238px; left: -100px; top: 15%; }
  .toumeina-seven .pallax_img6 { width: 95px; height: 120px; bottom: -90px; right: calc(40% - -20px); }
  .toumeina-seven .pallax_img7 { width: 234px; height: 245px; right: -96px; bottom: calc(40% - -200px); }
  .toumeina-seven .pallax_img8 { width: 71px; height: 75px; }
  .toumeina-seven .pallax_img9 { width: 292px; height: 325px; top: 330px; }
  .toumeina-seven .pallax_img10 { width: 99px; height: 125px; right: calc(50% - 160px); }
  .toumeina-seven .pallax_bubble2 { right: -135px; } }
@media screen and (max-width: 780px) { .toumeina-seven h1 { padding: 10px 0; }
  .toumeina-seven h2 { font-size: 3rem; margin-bottom: 32px; }
  .toumeina-seven h3 img { width: 70%; }
  .toumeina-seven h4 { font-size: 1.25rem; margin-bottom: 16px; }
  .toumeina-seven h5 { font-size: 1rem; margin-top: 8px; }
  .toumeina-seven #fixed p { font-size: 0.75rem; }
  .toumeina-seven #fixed p:first-child { left: 4px; }
  .toumeina-seven #fixed p:last-child { right: 5px; }
  .toumeina-seven .inner { padding: 0 30px; }
  .toumeina-seven .inner_wrap { padding: 60px 0; }
  .toumeina-seven .-three { flex-flow: column; }
  .toumeina-seven #detail .-four { flex-flow: column; }
  .toumeina-seven #detail .-four li { width: 100%; margin-right: 0; margin-bottom: 16px; }
  .toumeina-seven #detail .-four li:last-child { margin-bottom: 0; }
  .toumeina-seven #detail .-two { flex-flow: column; }
  .toumeina-seven #detail .-two li.jacket { padding-right: 0; width: 100%; }
  .toumeina-seven #detail .-two li.EPtitle { margin-top: 32px; }
  .toumeina-seven #detail .cassete .col li { margin-right: 0; padding-bottom: 100%; padding-right: 100%; margin-bottom: 16px; }
  .toumeina-seven #detail .cassete .col li:last-child { margin-bottom: 0; }
  .toumeina-seven #goods { background: #b31f23 url(../../asset/img/toumeina-seven/toumeina-seven_bg_goods.png) repeat-y left top/contain; }
  .toumeina-seven #goods .col li { width: 100%; margin-right: 0; margin-bottom: 16px; }
  .toumeina-seven #goods .col li:last-child { margin-bottom: 0; }
  .toumeina-seven #profile .artist_photo { margin-bottom: 32px; }
  .toumeina-seven #profile .text_wrapbox a { position: relative; }
  .toumeina-seven #profile .text_wrapbox p { margin-bottom: 32px; }
  .toumeina-seven #profile .text_wrapbox br { display: none; }
  .toumeina-seven footer .logo { width: 50px; height: 37px; position: relative; margin: auto; }
  .toumeina-seven footer .col { flex-wrap: wrap; justify-content: space-between; line-height: 48px; }
  .toumeina-seven footer .col li { margin-right: 0; }
  .toumeina-seven footer .col li a { font-size: 0.875rem; }
  .toumeina-seven .pallax_img1 { width: 237px; height: 256px; bottom: -110px; right: -100px; }
  .toumeina-seven .pallax_img2 { width: 48px; height: 68px; left: -60px; top: 200px; }
  .toumeina-seven .pallax_img3 { width: 136px; height: 142px; }
  .toumeina-seven .pallax_img4 { width: 83px; height: 93px; top: 0; right: calc(40% - 20px); }
  .toumeina-seven .pallax_img5 { width: 180px; height: 190px; top: 10%; left: -70px; }
  .toumeina-seven .pallax_img6 { width: 76px; height: 96px; bottom: 10px; right: calc(40% - -90px); }
  .toumeina-seven .pallax_img7 { width: 187px; height: 196px; right: -90px; bottom: calc(40% - -210px); }
  .toumeina-seven .pallax_img8 { width: 56px; height: 60px; right: calc(40% - 100px); bottom: 50%; }
  .toumeina-seven .pallax_img9 { width: 233px; height: 260px; top: 1100px; left: -130px; }
  .toumeina-seven .pallax_img10 { width: 79px; height: 100px; right: calc(50% - 0px); bottom: -210px; }
  .toumeina-seven .pallax_bubble1 { left: -70px; top: -50px; padding-right: 63.1%; padding-bottom: 64.5%; }
  .toumeina-seven .pallax_bubble2 { right: -120px; bottom: -10px; padding-right: 74%; padding-bottom: 82.4%; }
  .toumeina-seven .circle_link { width: 120px; height: 128px; line-height: 130px; font-size: 0.75rem; }
  .toumeina-seven .circle_link.xfd span:before { width: 38px; height: 32px; top: 22px; left: 40px; }
  .toumeina-seven .circle_link.youtube span:before { width: 34px; height: 23px; top: 27px; left: 43px; } }