@charset "UTF-8";
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

/* Sanitize */
/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
*,::before,::after{background-repeat:no-repeat}
::before,::after{text-decoration:inherit;vertical-align:inherit}
html{box-sizing:border-box;cursor:default}
article,aside,footer,header,nav,section{display:block}
body{margin:0}
h1{font-size:2em;margin:0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
nav ol,nav ul{list-style:none}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg{fill:currentColor}
svg:not(:root){overflow:hidden}
table{border-collapse:collapse}
button,input,optgroup,select,textarea{margin:0}
button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto;resize:vertical}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation;touch-action:manipulation}
[hidden]{display:none}
[aria-busy="true"]{cursor:progress}
[aria-controls]{cursor:pointer}
[aria-hidden="false"][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}
[aria-disabled]{cursor:default}

/* Normalize */
*,::after,::before{box-sizing:border-box}
::after,::before,a,abbr,address,article,aside,audio,b,blockquote,body,button,canvas,caption,cite,code,data,dd,del,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,keygen,label,legend,li,main,mark,nav,object,ol,option,output,p,pre,q,rb,rp,rt,ruby,s,samp,section,select,small,span,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,u,ul,var,video{margin:0;padding:0;border:0;outline:0;background-color:transparent;color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;line-height:inherit;vertical-align:baseline;text-decoration:none;text-align:inherit;text-indent:0;tab-size:4}
html{-webkit-text-size-adjust:100%;line-height:1.2}
html,body{min-height:100%}
.hidden,[hidden],datalist,template{display:none}
details,hr,main,summary{display:block}
@media screen{[no-screen]{display:none!important}
}@media print{[no-print]{display:none!important}
}audio:not([controls]){display:none}
html.ie11 wbr::after{content:"\00200B"}
hr{height:1px;border:0;padding:0;margin:1em 0;background-color:#ddd}
pre{white-space:pre-wrap}
ul,ul>li{list-style:none}
ol,ol>li{list-style:decimal}
ol{padding-left:3ex}
button,input,optgroup,option,select,textarea{font-family:inherit;color:inherit}
optgroup,strong{font-weight:700}
optgroup>option{font-weight:400}
input[type=text],input[type=password],input[type=mail],input[type=tel],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-touch-action:manipulation;touch-action:manipulation;vertical-align:middle;border-radius:0;cursor:auto}
button,input[type=button],input[type=reset],input[type=submit],label{user-select:none;appearance:none;touch-action:manipulation;font-weight:400;vertical-align:middle;border-radius:0;cursor:pointer}
:disabled,button:disabled,input:disabled,optgroup:disabled,option:disabled,select:disabled,textarea:disabled{cursor:default}
button,input[type=button],input[type=reset],input[type=submit]{text-align:center;white-space:nowrap}
input[type=search]{appearance:none}
input[type=date],input[type=time],input[type=tel]{min-height:1em;line-height:1}
input[type=date],input[type=time]{min-width:5ex}
input[type=tel]{min-width:13ex}
select{vertical-align:middle;cursor:pointer}
:-moz-input-placeholder,:-ms-input-placeholder,::-webkit-input-placeholder{color:rgba(0,0,0,0.25);line-height:1.2}
table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show;caption-side:top}
td,th,tr{vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word}
canvas,img,svg,video{max-width:100%;vertical-align:middle;user-select:none}
iframe{vertical-align:middle}
del{opacity:.5;text-decoration:line-through}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0}
sup{vertical-align:.3em}
sub{vertical-align:-0.2em}
pre,code{font-family:monospace}

html,body{width:100%;position:relative;}
body{overflow:hidden}
h1,h2,h3{font-family:vdl-logojrblack,sans-serif;text-transform:uppercase;user-select:none;display:block;background-clip:padding-box;overflow:hidden;text-shadow:3px 3px 0 rgba(0,0,0,0.25);}
p{margin-bottom:25px!important;user-select:none;}
p.nb{margin-bottom:0px;}
i{font-style:italic;font-weight:700}
.content{margin:0px auto;padding:30px;width:100%;height:auto;overflow:hidden;background-color:rgba(255, 255, 255, 0.92);box-shadow:0 0 12px 2px rgba(255, 255, 255, 0.6);}
body{overflow-x:hidden;font-family:proxima-nova, sans-serif;font-weight:500;font-size:16px;background:url("../img/bg.jpg") left top no-repeat;background-size:cover;background-attachment:fixed}
body:before{content:"";display:block;position:fixed;left:50%;top:0;transform:translateX(-50%);width:100%;min-width:1920px;height:100%;z-index:-10;background:url("../img/header_bg.png") no-repeat center top;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;}
.fixed-nav{position:fixed!important;top:0!important;left:0;width:100%;visibility:hidden;margin-top:-100vh}
.Linkbtn{display:inline-block;position:relative;padding:4px;background: linear-gradient(-225deg, transparent 8px, #fe98d0 8px), linear-gradient(#fe98d0 0%, #fe98d0 100%), linear-gradient(-45deg, transparent 8px, #fe98d0 8px), linear-gradient(#fe98d0 0%, #fe98d0 100%);background-position:top left, bottom left, bottom right, top right;background-size:50.1% 50.1%;background-repeat:no-repeat;}
a:hover{filter:brightness(120%);}
.Linkbtn a {position:relative;color:#fff;font-size:120%;line-height:normal;font-weight:bold;display:inline-block;text-decoration:none;padding:12px 36px 10px 30px;background:linear-gradient(-225deg, transparent 6px, #f5549f 6px), linear-gradient(#f5549f 0%, #f5549f 100%), linear-gradient(-45deg, transparent 6px, #f5549f 6px), linear-gradient(#f5549f 0%, #f5549f 100%);background-position:top left, bottom left, bottom right, top right;background-size:50.1% 50.1%;background-repeat:no-repeat;}
.Linkbtn a:after{content:'▲';display:block;position:absolute;right:10px;top:35%;transform:rotate(90deg) translateY(-50%);font-size:60%;}
.center{text-align:center;margin:0 auto;}
.middle > * {vertical-align:middle;}
.content-inner{width:75%;margin:0 auto;}
button > * {pointer-events: none;}
#preload{position:fixed;width:100%;height:100%;background:#FFF;z-index:99999}
#preload #miku10th{max-width:209px;max-height:169px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#main{position:relative}
.text-left{text-align:left;}
.ulDisc{padding-left:20px}
.ulDisc li:before{content:"\2022";display:inline-block;}
.ulStar li{padding-left:20px;}
.ulStar li:before{content:"*";}

/* Navigation Button */
.nav{width:100%;height:75px;position:relative;background:rgba(255,255,255,0.5);text-align:center;z-index:20}
#nav-pc{height:100%;display:inline-block;position:relative;z-index:9999}
#nav-pc:before{content:" ";height:100%;width:0;vertical-align:middle;display:inline-block;}
#nav-pc .nav-link{width:120px;height:57px;background:url("../img/nav_pc.png") left top no-repeat;display:inline-block;margin-right:10px;}
#nav-pc .nav-link:last-child{margin-right:0;}
.nav-link#pc-gameplay{background-position:-240px top;}
.nav-link#pc-music{background-position:-360px top;}
.nav-link#pc-modules{background-position:-480px top;}
.nav-link#pc-dlc{background-position:-600px top;}
.nav-link#pc-purchase{background-position:-720px top;}
#nav-pc .nav-link:hover{background-position:left -57px;}
.nav-link#pc-gameplay:hover{background-position:-240px -57px;}
.nav-link#pc-music:hover{background-position:-360px -57px;}
.nav-link#pc-modules:hover{background-position:-480px -57px;}
.nav-link#pc-dlc:hover{background-position:-600px -57px;}
.nav-link#pc-purchase:hover{background-position:-720px -57px;}
#nav-mobile{width:75px;position:fixed;top:10px;left:10px;z-index:10001;display:none;}

/* Header Section */
header{width:100%;min-height:calc(100% * .4);max-height:800px;position:relative;}
.Logo10th{position:absolute;opacity:0;left:10px;top:10px;width:20%}
.logo10thAni{animation:Top10th 900ms both;animation-delay:1200ms;}
.LogoSwitch{position:absolute;opacity:0;right:10px;top:10px;width:15%;max-width:80px;}
.logoSwitchAni{animation:TopSwi 900ms both;animation-delay:1200ms;}
.Top_miku{position:relative;opacity:0;left:45%;top:0;width:100%;height:100%}
.mikuAni{animation: TopChara 1200ms ease both;}
.Top_miku img{max-height:800px;}
.Logo{display:block;position:absolute;opacity:0;top:20%;left:25%;width:20%;min-width:600px;}
.logoAni{animation:TopLogo 2000ms both;animation-delay: 300ms;}
.ReleaseDate{display:block;position:absolute;opacity:0;top:50%;left:25%;width:20%;min-width:600px;}
.releaseDateAni{animation:ReleaseDate 2000ms both;animation-delay: 600ms;}
.Demo,.Purchase{display:block;position:absolute;top:58%;left:25%;width:25%;min-width:600px;height:70px;opacity:0;text-align:center}
.Purchase{top:67%}
.Demo a,.Purchase a{filter:none;display:block;margin:0 auto;width:50%;}

/* Gameplay Section */
.gameplay{width:75%;max-width:1000px;margin:0 auto;position:relative}
.gameplay h2{margin: 0 0 25px 0;padding:25px;text-align:center;color:#fff;box-shadow:0 0 12px 2px rgba(255, 255, 255, 0.8);background:linear-gradient(-45deg, #ff58a5 25%, #fe65b7 25%, #fe65b7 50%, #ff58a5 50%, #ff58a5 75%, #fe65b7 75%, #fe65b7);background-size:16px 16px;font-size:180%}
.gameplay h3{text-align:center;color:#fff;letter-spacing:0.05em;padding:12px;background:linear-gradient(-45deg, #01c7ce 25%, #0dd0d7 25%, #0dd0d7 50%, #01c7ce 50%, #01c7ce 75%, #0dd0d7 75%, #0dd0d7);background-size:12px 12px;margin:0 0 20px 0;font-size:130%;}
.gameplay-imagebox{display:flex;flex-wrap:wrap;justify-content:center;font-weight:bold;}
.gameplay-imagebox li{width:46%;margin:0 2% 2% 2%;}
.gameplay-imagebox .gameplay-mode{font-family: vdl-logojrblack, sans-serif;text-align:center;color:#fff;margin:0 0 20px 0;padding:12px;background:linear-gradient(-45deg, #01c7ce 25%, #0dd0d7 25%, #0dd0d7 50%, #01c7ce 50%, #01c7ce 75%, #0dd0d7 75%, #0dd0d7);background-size:12px 12px;text-shadow:3px 3px 0 rgba(0,0,0,0.25);}
.gameplay-imagebox .gameplay-image{background-color:rgba(20, 85, 87, 0.6);box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.3);width:100%;border:solid 1px #65ffff;margin-bottom:2%;padding:18px;}
.gamemode-screenshots{display:flex;flex-wrap:wrap;}
.gamemode-screenshots li{background-color:rgba(20,85,87,0.6);box-shadow:0 0 10px 2px rgba(0,0,0,0.3);width:98%;border:solid 1px #65FFFF;margin:0 auto 3% auto;}
.gamemode-screenshots li dl{padding:18px;}
.gamemode-screenshots li dl dd{color:#FFF;text-align:center;}
.gamemode-screenshots li dl dd ul{display:flex;}
.gamemode-screenshots li dl dd li{border:none!important;box-shadow:none!important;margin:0 auto 0 18px;width:46%;background-color:transparent;}
.gamemode-screenshots li dl dd li:nth-of-type(odd){margin-right:2%}


/* Songs Section */
.song{width:75%;max-width:1000px;margin:0 auto;padding-top:100px;position:relative;}
.song h2{text-align:center;color:#fff;box-shadow:0 0 12px 2px rgba(255, 255, 255, 0.8);background:linear-gradient(-45deg, #ff58a5 25%, #fe65b7 25%, #fe65b7 50%, #ff58a5 50%, #ff58a5 75%, #fe65b7 75%, #fe65b7);letter-spacing:0.05em;margin: 0 auto 25px auto;padding:25px;background-size:16px 16px;font-size:180%;}
.song h3{text-align:center;color:#fff;letter-spacing:0.05em;padding:12px;background:linear-gradient(-45deg, #01c7ce 25%, #0dd0d7 25%, #0dd0d7 50%, #01c7ce 50%, #01c7ce 75%, #0dd0d7 75%, #0dd0d7);background-size:12px 12px;margin:0 0 20px 0;font-size:130%;}
.NewSonglist{display:flex;flex-wrap:wrap;}
.NewSonglist li{background-color: rgba(20, 85, 87, 0.6);box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);width:98%;border:solid 1px #65ffff;margin:0 auto 3% auto;}
.NewSonglist li dl {padding:18px;}
.NewSonglist li dl dt {color:transparent;user-select:none;font-size:0;margin-bottom:14px;width:100%;height:28px;background-image:url(../img/newsongs_title_01.png),url(../img/newsongs_artist_01.png);background-position:left center, right center;background-repeat:no-repeat, no-repeat;}
.NewSonglist li dl dd {color:#fff;text-align:center;}
.NewSonglist li dl dd ul {display:flex;}
.NewSonglist li dl dd li {border:none !important;box-shadow:none!important;margin:0 auto 18px auto;width:49%;background-color:transparent;}
.NewSonglist li dl dd.song-title li{text-align:left;font-family: proxima-nova, sans-serif;font-size:29px;font-weight:600;}
.NewSonglist li dl dd.song-title li > *{display:inline-block;}
.NewSonglist li dl dd.song-title li p{margin:0!important;vertical-align:middle;}
.NewSonglist li dl dd.song-title li img{max-width:23px;margin-right:10px;}
.NewSonglist li dl dd.song-title li:before{content:"";height:10px;width:0;vertical-align:middle;display:inline-block;}
.NewSonglist li dl dd.song-title li:nth-child(even){text-align:right;font-size:24px;position:relative;}
.NewSonglist li dl dd.song-title li span{font-weight:400;font-size:20px;vertical-align:middle;}
.NewSonglist li dl dd li img {box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.3);width:100%}
.NewSonglist li dl dd li:nth-of-type(odd) {margin-right:2%;}
.NewSonglist_04 dd.song-title li div{display:block}
.NewSonglist_04 dd.song-title li div > * {display:inline-block}

/* Modules */
.Module{width:75%;max-width:1000px;margin:0 auto;padding-top:100px;position:relative;z-index:20}
.Module p{width:85%;}
.Module p.nb{width:100%;}
.Module h2{font-size:180%;text-align:center;color:#fff;box-shadow:0 0 12px 2px rgba(255, 255, 255, 0.8);background:linear-gradient(-45deg, #ff58a5 25%, #fe65b7 25%, #fe65b7 50%, #ff58a5 50%, #ff58a5 75%, #fe65b7 75%, #fe65b7);margin:0 auto 25px auto;padding:25px;background-size:16px 16px;}
.Module h3{text-align:center;color:#fff;padding:12px;background:linear-gradient(-45deg, #01c7ce 25%, #0dd0d7 25%, #0dd0d7 50%, #01c7ce 50%, #01c7ce 75%, #0dd0d7 75%, #0dd0d7);background-size:12px 12px;margin:0 auto 20px;width:85%;font-size: 130%;}
.Module #module-link-container{width:85%;margin:0 auto 25px;}
.module-imagebox{width:85%;position:relative;display:block;margin:0 auto;text-align:center;}
.module-imagebox:before{content:"";width:0;height:100%;display:inline-block;position:relative;}
.module-imagebox > div{display:inline-block;text-align:center;vertical-align:middle;background-color:rgba(255, 255, 255, 0.5);width:85%;padding:20px;border:solid 1px #65ffff;box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.3);margin-bottom:2%;}
.module-imagebox .Design{width:calc(68% - 10px);padding:4px;margin-right:4%}
.module-imagebox .Design img{display:inline-block;width:100%;}
.module-imagebox .Model{width:calc(28.05% - 10px);padding:4px;}
.module-imagebox .Model img{width:100%}
.Module .NewSonglist{width:85%;margin:0 auto;}

/* DLC */
.dlc{padding-top:100px;width:75%;max-width:1000px;margin:0 auto;position:relative;z-index:20}
.dlc h2 {font-size:180%;text-align:center;color:#fff;box-shadow:0 0 12px 2px rgba(255, 255, 255, 0.8);background:linear-gradient(-45deg,#ff58a5 25%,#fe65b7 25%,#fe65b7 50%,#ff58a5 50%,#ff58a5 75%,#fe65b7 75%,#fe65b7);margin:0 auto 25px auto;padding:25px;background-size:16px 16px;}
.dlc li{background-color:rgba(20, 85, 87, 0.6);box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.3);width:85%;border:solid 1px #65ffff;margin:0 auto 1% auto;}
.dlc-imagebox li dl{padding:2% 10%;}
.dlc-imagebox li dl dd{color:#fff;text-align:center;}
.dlc-imagebox li dl dd ul.dlc-imagebox-jacket {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%!important;margin:0 auto 10px auto;}
.dlc-imagebox li dl dd ul.dlc-imagebox-jacket li{margin:0% 0% 2% 0%;width:49%!important;border:none;background-color:transparent;}
.dlc-imagebox li dl dd ul.dlc-imagebox-jacket li img{width:100%;height:auto;}

/* Purchase */
.purchase{padding-top:100px;width:75%;margin:0 auto;position:relative;z-index:20}
.purchase h2 {font-size:180%;text-align:center;color:#fff;box-shadow:0 0 12px 2px rgba(255, 255, 255, 0.8);background:linear-gradient(-45deg,#ff58a5 25%,#fe65b7 25%,#fe65b7 50%,#ff58a5 50%,#ff58a5 75%,#fe65b7 75%,#fe65b7);margin:0 auto 25px auto;padding:25px;background-size:16px 16px;}

/* Footer */
footer{width:100%;margin:100px auto 0;padding:20px 0 40px 0;background:linear-gradient(-45deg, #444444 25%, #424242 0, #424242 50%, #444444 0, #444444 75%, #424242 0, #424242);background-size:20px 20px;background-attachment:fixed;color:#fff;position:relative;z-index:30;}
footer .FooterLogo{padding:20px 0 0 0;text-align:center;}
footer .FooterLogo:before{content:" ";width:0;height:100%;vertical-align:middle;}
footer .FooterLogo > *{vertical-align:middle;margin-right:20px;display:inline-block;}
footer .FooterLogo > *:last-child{margin-right:0}
footer .FooterLogo img.esrb{max-height:72px;}
footer .FooterLogo img.sega{width:98px;height:auto;}
footer .FooterLogo img.hatsunemiku{width:110px;height:auto;}
footer .FooterContent{width:90%;margin:0 auto;text-align: center;line-height:180%;padding-top:40px;}

/* T-shirt */
.tshirt-content{margin:0 auto;width:75%;max-width:1020px;padding:5px;color:#000;background:linear-gradient(-225deg,transparent 14px,rgba(255, 255, 255, 0.9) 14px),linear-gradient(rgba(255, 255, 255, 0.9) 0%,rgba(255, 255, 255, 0.9) 100%),linear-gradient(-45deg,transparent 14px,rgba(255, 255, 255, 0.9) 14px),linear-gradient(rgba(255, 255, 255, 0.9) 0%,rgba(255, 255, 255, 0.9) 100%);background-position:top left,bottom left,bottom right,top right; background-size:50.1% 50.1%;background-repeat:no-repeat;}
.tshirt-content h2{position:relative;color:#FFF;margin:0 auto 30px auto;width:100%;padding:20px;font-size:180%;background:linear-gradient(-225deg,transparent 12px,#f150af 12px),linear-gradient(#f150af 0%,#f150af 100%),linear-gradient(-45deg,#f150af 12px,#f150af 12px),linear-gradient(#f150af 0%, #f150af 100%);background-position: top left, bottom left, bottom right, top right;background-size:50.1% 50.1%; background-repeat:no-repeat;text-align:center;}
.tshirt-content h2:before{content:"";display:block;position:absolute;top:0;left:16px;width:calc(100% - 16px);height:calc(100% - 1px);background:linear-gradient(-45deg, transparent 25%, #f25eb5 25%, #f25eb5 50%, transparent 50%, transparent 75%, #f25eb5 75%, #f25eb5);background-size:100px 100px;background-attachment:scroll;}
.tshirt-content h2:after{content:"";display:block;position:absolute;top:0;left:0;width:20px;height:100%;background-image:url(../img/t-shirt/title_bg_leftbottom.png);background-repeat:no-repeat;background-position:left top;}
.tshirt-content h2 span{position:relative;}
.tshirt-content h3{margin:20px auto;padding:12px 0 0 0;height:54px;color:#fff;font-size:140%;text-align:center;background:url(../img/t-shirt/content_title_bg.png) center top no-repeat;}
.tshirt-content span{position:relative;}
.tshirt-screen{width:97%;background-color:#fff;box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.1);margin:0 auto 3%;padding:20px 10px;color:#1e1e1e;border-top:solid 4px #76e6ea;border-bottom:solid 4px #76e6ea;}
.tshirt-screen-text{width:65%;max-width:650px;margin:20px auto;padding-bottom:10px;}
.tshirt-screen-text ol{display:block;list-style:none;overflow:hidden;counter-reset:numList;padding-left:36px;}
.tshirt-screen-text ol li{position:relative;list-style-type:none;margin-bottom:7px;}
.tshirt-screen-text ol li:before{counter-increment:numList;content:counter(numList);float:left;position:absolute;left:-26px;font:bold 12px sans-serif;text-align:center;line-height:18px;width:18px; height: 18px;-moz-border-radius:999px;border-radius:999px;border:1px solid #000;}
.tshirt-imagebox{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;}
.tshirt-imagebox li:nth-of-type(odd){margin-right:2%;}
.tshirt-imagebox li img{margin:20px 0;box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.3);}
.tshirt-imagebox li {width:46%;margin:0 2%;text-align: center;}
#tshirt-creator{width:100%;min-height:100%;position:relative;background:transparent}
#tshirt-creator #tshirt-bg{width:100%;height:100%;position:fixed;top:0;left:0;background:url("../img/bg.jpg") center top;background-size:cover;z-index:-1}
#tshirt-creator button.fancybox-button{position:fixed;top:20px;right:40px;background:transparent;width:60px;height:auto;padding:0;outline:none;border:none;}

/* Game Play */
#game-mode{width:100%;min-height:100%;position:relative;background:transparent}
#game-mode #gamemode-bg{width:100%;height:100%;position:fixed;top:0;left:0;background:url("../img/bg.jpg") center top;background-size:cover;z-index:-1}
#game-mode p{width:95%;margin:0 auto 10px!important;}
.gamemode-content{margin:0 auto;width:100%;max-width:1020px;padding:5px;color:#000;background:linear-gradient(-225deg,transparent 14px,rgba(255, 255, 255, 0.9) 14px),linear-gradient(rgba(255, 255, 255, 0.9) 0%,rgba(255, 255, 255, 0.9) 100%),linear-gradient(-45deg,transparent 14px,rgba(255, 255, 255, 0.9) 14px),linear-gradient(rgba(255, 255, 255, 0.9) 0%,rgba(255, 255, 255, 0.9) 100%);background-position:top left,bottom left,bottom right,top right; background-size:50.1% 50.1%;background-repeat:no-repeat;}
.gamemode-content h2{position:relative;color:#FFF;margin:0 auto 30px auto;width:100%;padding:20px;font-size:180%;background:linear-gradient(-225deg,transparent 12px,#f150af 12px),linear-gradient(#f150af 0%,#f150af 100%),linear-gradient(-45deg,#f150af 12px,#f150af 12px),linear-gradient(#f150af 0%, #f150af 100%);background-position: top left, bottom left, bottom right, top right;background-size:50.1% 50.1%; background-repeat:no-repeat;text-align:center;}
.gamemode-content h2:before{content:"";display:block;position:absolute;top:0;left:16px;width:calc(100% - 16px);height:calc(100% - 1px);background:linear-gradient(-45deg, transparent 25%, #f25eb5 25%, #f25eb5 50%, transparent 50%, transparent 75%, #f25eb5 75%, #f25eb5);background-size:100px 100px;background-attachment:scroll;}
.gamemode-content h2:after{content:"";display:block;position:absolute;top:0;left:0;width:20px;height:100%;background-image:url(../img/t-shirt/title_bg_leftbottom.png);background-repeat:no-repeat;background-position:left top;}
.gamemode-content h2 span{position:relative;}
.gamemode-content h3{margin:20px auto;padding:12px 0 0 0;height:54px;color:#fff;font-size:140%;text-align:center;background:url(../img/t-shirt/content_title_bg.png) center top no-repeat;}
#game-mode h4{width:95%;margin:8px auto 8px;color: #017475;font-size: 120%;font-weight: bold;}
.gamemode-info{width:97%;background-color:#fff;box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.1);margin:0 auto 3%;padding:20px 10px;color:#1e1e1e;border-top:solid 4px #76e6ea;border-bottom:solid 4px #76e6ea;}
.gamemode-imagebox{margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;}
.gamemode-imagebox li:nth-of-type(odd){margin-right:2%;}
.gamemode-imagebox li img{margin:20px 0;box-shadow:0 0 10px 2px rgba(0, 0, 0, 0.3);}
#gamemode-tapplay .content-inner h3{margin:0 auto 20px;position:relative;background: linear-gradient(-225deg,#f150af 12px,#f150af 12px),linear-gradient(#f150af 0%,#f150af 100%),linear-gradient(-45deg,#f150af 12px,#f150af 12px),linear-gradient(#f150af 0%, #f150af 100%);background-position: top left, bottom left, bottom right, top right;background-size: 50.1% 50.1%;background-repeat: no-repeat;}
#gamemode-tapplay .content-inner h3:before{position:absolute;display:block;content:" ";width:100%;height:100%;background: linear-gradient(-45deg, transparent 25%, #f25eb5 25%, #f25eb5 50%, transparent 50%, transparent 75%, #f25eb5 75%, #f25eb5);background-size: 100px 100px;}
#gamemode-tapplay .content-inner h3 span{position:relative;}
.gamemode-imagebox#tapplay-melodyicon li img{width:80%;}
.gamemode-imagebox li {width:46%;margin:0 2%;text-align: center;}
.width-75 li{width:75%}
.etc-tips {background-color:#fbd8ed;margin-bottom:30px;padding:20px;}
#tapplay-tips img{box-shadow:none}

/* Song List */
#all-songs{width:100%;min-height:100%;position:relative;background:transparent}
#all-songs #song-bg{width:100%;height:100%;position:fixed;top:0;left:0;background:url("../img/bg.jpg") center top;background-size:cover;z-index:-1}
#all-songs button.fancybox-button{position:fixed;top:20px;right:40px;background:transparent;width:60px;height:auto;padding:0;outline:none;border:none;z-index:9999}
.music-content h2{position:relative;color:#FFF;margin:0 auto 30px auto;width:100%;padding:20px;font-size:180%;background:linear-gradient(-225deg,transparent 12px,#f150af 12px),linear-gradient(#f150af 0%,#f150af 100%),linear-gradient(-45deg,#f150af 12px,#f150af 12px),linear-gradient(#f150af 0%, #f150af 100%);background-position: top left, bottom left, bottom right, top right;background-size:50.1% 50.1%; background-repeat:no-repeat;text-align:center;}
.music-content h2:before{content:"";display:block;position:absolute;top:0;left:16px;width:calc(100% - 16px);height:calc(100% - 1px);background:linear-gradient(-45deg, transparent 25%, #f25eb5 25%, #f25eb5 50%, transparent 50%, transparent 75%, #f25eb5 75%, #f25eb5);background-size:100px 100px;background-attachment:scroll;}
.music-content h2:after{content:"";display:block;position:absolute;top:0;left:0;width:20px;height:100%;background-image:url(../img/t-shirt/title_bg_leftbottom.png);background-repeat:no-repeat;background-position:left top;}
.music-content h2 span{position:relative;}
.music-content{margin:0 auto;width:100%;max-width:1020px;padding:5px;color:#000;background:linear-gradient(-225deg,transparent 14px,rgba(255, 255, 255, 0.9) 14px),linear-gradient(rgba(255, 255, 255, 0.9) 0%,rgba(255, 255, 255, 0.9) 100%),linear-gradient(-45deg,transparent 14px,rgba(255, 255, 255, 0.9) 14px),linear-gradient(rgba(255, 255, 255, 0.9) 0%,rgba(255, 255, 255, 0.9) 100%);background-position:top left,bottom left,bottom right,top right; background-size:50.1% 50.1%;background-repeat:no-repeat;}
.music-content #song-nav{position:relative;width:90%;margin:0 auto 30px;text-align:center;}
.music-content #song-nav button{width:50px;position:realtive;display:inline-block;margin:5px;cursor:pointer;background:transparent url("../img/song/nav/songnav_all_bg.png") left top no-repeat;background-size:100% 100%;transition: transform .5s ease;}
.music-content #song-nav button.mixitup-control-active{transform: scale(1.25);}
#song-nav #song-nav-btn-all{background-image:url("../img/song/nav/songnav_all_bg.png")}
#song-nav #song-nav-btn-1{background-image:url("../img/song/nav/songnav_1_bg.png")}
#song-nav #song-nav-btn-a{background-image:url("../img/song/nav/songnav_a_bg.png")}
#song-nav #song-nav-btn-b{background-image:url("../img/song/nav/songnav_b_bg.png")}
#song-nav #song-nav-btn-c{background-image:url("../img/song/nav/songnav_c_bg.png")}
#song-nav #song-nav-btn-d{background-image:url("../img/song/nav/songnav_d_bg.png")}
#song-nav #song-nav-btn-e{background-image:url("../img/song/nav/songnav_e_bg.png")}
#song-nav #song-nav-btn-f{background-image:url("../img/song/nav/songnav_f_bg.png")}
#song-nav #song-nav-btn-g{background-image:url("../img/song/nav/songnav_g_bg.png")}
#song-nav #song-nav-btn-h{background-image:url("../img/song/nav/songnav_h_bg.png")}
#song-nav #song-nav-btn-i{background-image:url("../img/song/nav/songnav_i_bg.png")}
#song-nav #song-nav-btn-j{background-image:url("../img/song/nav/songnav_j_bg.png")}
#song-nav #song-nav-btn-k{background-image:url("../img/song/nav/songnav_k_bg.png")}
#song-nav #song-nav-btn-l{background-image:url("../img/song/nav/songnav_l_bg.png")}
#song-nav #song-nav-btn-m{background-image:url("../img/song/nav/songnav_m_bg.png")}
#song-nav #song-nav-btn-n{background-image:url("../img/song/nav/songnav_n_bg.png")}
#song-nav #song-nav-btn-o{background-image:url("../img/song/nav/songnav_o_bg.png")}
#song-nav #song-nav-btn-p{background-image:url("../img/song/nav/songnav_p_bg.png")}
#song-nav #song-nav-btn-q{background-image:url("../img/song/nav/songnav_q_bg.png")}
#song-nav #song-nav-btn-r{background-image:url("../img/song/nav/songnav_r_bg.png")}
#song-nav #song-nav-btn-s{background-image:url("../img/song/nav/songnav_s_bg.png")}
#song-nav #song-nav-btn-t{background-image:url("../img/song/nav/songnav_t_bg.png")}
#song-nav #song-nav-btn-u{background-image:url("../img/song/nav/songnav_u_bg.png")}
#song-nav #song-nav-btn-v{background-image:url("../img/song/nav/songnav_v_bg.png")}
#song-nav #song-nav-btn-w{background-image:url("../img/song/nav/songnav_w_bg.png")}
#song-nav #song-nav-btn-x{background-image:url("../img/song/nav/songnav_x_bg.png")}
#song-nav #song-nav-btn-y{background-image:url("../img/song/nav/songnav_y_bg.png")}
#song-nav #song-nav-btn-z{background-image:url("../img/song/nav/songnav_z_bg.png")}
.flex{display:flex;flex-wrap:wrap;justify-content:center}
.flex-box{text-align:center}
.flex-box p{text-align:left;padding:2px}
.song{position:relative}
#song h2{margin:0 0 25px 0;padding:25px;text-align:center;color:#fff;box-shadow:0 0 12px 2px rgba(255, 255, 255, 0.8);background:linear-gradient(-45deg, #ff58a5 25%, #fe65b7 25%, #fe65b7 50%, #ff58a5 50%, #ff58a5 75%, #fe65b7 75%, #fe65b7);background-size:16px 16px;}
.song-list-box{display:block;position:relative}
.song-list-box-white{overflow:hidden}
.song-list-box-blue{overflow:hidden}
.song-list-box-inner{display:block;overflow:hidden;margin:0 auto;color:#000}
.song-list-box-inner:before{content:"";display:block;position:absolute;z-index:0;top:82px;left:-311px;width:140%;height:75%;background-image:url(../img/songlist_box_bg.png);background-position:left bottom;background-repeat:no-repeat;transform:skew(-45deg)}
.song-list-box-inner-bg{display:flex;flex-wrap:wrap;width:100%;position:absolute;z-index:1}
.song-list-box-inner-bg>dl{display:flex;flex-wrap:wrap}
.song-list-title{position:relative;font-family:"M PLUS 1p",'Montserrat','Helvetica Neue',"メイリオ","Yu Gothic","游ゴシック","YuGothic","游ゴシック体","ヒラギノ角ゴ Pro W3",sans-serif;font-weight:800;font-size:130%}
.song-list-title .charaSetting-1{display:block;color:#fff}
.song-list-title .charaSetting-2{display:block;color:#fff}
/*.song-list-title .charaSetting-2:after{content:"";display:block;position:absolute;right:2px;top:10px;bottom:0;width:60px;height:26px;background-image:url(../img/song/info/songlist_title_bg_2chara.png);background-position:right center;background-size:auto auto;background-repeat:no-repeat}*/
.song-list-title .charaSetting-3{color:#fff}
/*.song-list-title .charaSetting-3:after{content:"";display:block;position:absolute;right:2px;top:10px;bottom:0;width:60px;height:26px;background-image:url(../img/song/info/songlist_title_bg_3chara.png);background-position:right center;background-size:auto auto;background-repeat:no-repeat}*/
.song-list-title .charaSetting-6{color:#fff}
/*.song-list-title .charaSetting-6:after{content:"";display:block;position:absolute;right:2px;top:10px;bottom:0;width:60px;height:26px;background-image:url(../img/song/info/songlist_title_bg_6chara.png);background-position:right center;background-size:auto auto;background-repeat:no-repeat}*/
.song-list-mixmode{order:3}
.song-list-mixmode dl{display:flex}
.song-list-mixmode dt{background-color:#e5406e;color:#fff;transform:skew(14deg);padding:0}
.song-list-mixmode dt>span{display:block;padding-top:2px;transform:skew(-14deg);font-weight:bold;text-align:center;line-height:26px;}
.song-list-mixmode dd{display:flex;background-color:#ffd8e3;transform:skew(14deg)}
.song-list-mixmode dd div{transform:skew(-14deg);margin:0 2px}
.song-list-mixmode .lv_extreme{width:88px;height:24px;background-image:url(../img/song/info/lv_blank.png);background-size:100% auto;background-repeat:no-repeat}
.song-list-mixmode .lv_exextreme{width:88px;height:24px;background-image:url(../img/song/info/lv_blank.png);background-size:100% auto;background-repeat:no-repeat}
.song-list-acmode{order:2}
.song-list-acmode dl{display:flex}
.song-list-acmode dt{background-color:#3e64c4;color:#fff;transform:skew(14deg);padding:0}
.song-list-acmode dt>span{display:block;padding-top:2px;transform:skew(-14deg);font-weight:bold;text-align:center;line-height:26px;}
.song-list-acmode dd{display:flex;background-color:#dae0f8;transform:skew(14deg)}
.song-list-acmode dd div{transform:skew(-14deg);margin:0 2px}
.song-list-acmode .lv_extreme{width:88px;height:24px;background-image:url(../img/song/info/lv_extreme.png);background-size:100% auto;background-repeat:no-repeat}
.song-list-acmode .lv_easy.off{width:88px;height:24px;background-image:url(../img/song/info/lv_blank.png);background-size:100% auto;background-repeat:no-repeat}
.song-list-acmode .lv_exextreme{width:88px;height:24px;background-image:url(../img/song/info/lv_exextreme.png);background-size:100% auto;background-repeat:no-repeat}
.song-list-acmode .lv_exextreme.off{width:88px;height:24px;background-image:url(../img/song/info/lv_blank.png);background-size:100% auto;background-repeat:no-repeat}
.lv_easy{width:88px;height:24px;background-image:url(../img/song/info/lv_easy.png);background-size:100% auto;background-repeat:no-repeat}
.lv_normal{width:88px;height:24px;background-image:url(../img/song/info/lv_normal.png);background-size:100% auto;background-repeat:no-repeat}
.lv_hard{width:88px;height:24px;background-image:url(../img/song/info/lv_hard.png);background-size:100% auto;background-repeat:no-repeat}
.slideon{width:26px;height:26px;background-image:url(../img/song/info/slideon.png);background-size:100% auto;background-repeat:no-repeat}
.slideoff{width:26px;height:26px;background-image:url(../img/song/info/slideoff.png);background-size:100% auto;background-repeat:no-repeat}
.song-list-info{order:4}
.song-list-info ul{display:flex;flex-wrap:wrap}
.song-list-info ul li{border:solid 3px #c7dfdf;transform:skew(14deg);background-color:#fff}
.song-list-info ul li.Off{display:none}
.song-list-info ul li dl{display:flex;transform:skew(-14deg);padding:3px;line-height:100%}
.song-list-info ul li dl dt{padding:3px 0 0 0;text-align:center;font-family:"M PLUS 1p",'Montserrat','Helvetica Neue',"メイリオ","Yu Gothic","游ゴシック","YuGothic","游ゴシック体","ヒラギノ角ゴ Pro W3",sans-serif;font-weight:700;font-size:75%;background-color:#0c7478;transform:skew(14deg);color:#fff}
.song-list-info ul li dl dt span{display:block;transform:skew(-14deg)}
.song-list-info ul li dl dd{font-family:'Montserrat','Kosugi Maru','Helvetica Neue',"メイリオ","ヒラギノ角ゴ Pro W3",sans-serif}

/* MODULES */
#game-modules{width:100%;min-height:100%;position:relative;background:transparent;overflow:hidden}
#game-modules #module-bg{width:100%;height:100%;position:fixed;top:0;left:0;background:url("../img/bg.jpg") center top;background-size:cover;z-index:-1}
#game-modules button.fancybox-button{position:fixed;top:20px;right:40px;background:transparent;width:60px;height:auto;padding:0;outline:none;border:none;z-index:9999}
.module-content h2{position:relative;color:#FFF;margin:0 auto 30px auto;width:100%;padding:20px;font-size:180%;background:linear-gradient(-225deg,transparent 12px,#f150af 12px),linear-gradient(#f150af 0%,#f150af 100%),linear-gradient(-45deg,#f150af 12px,#f150af 12px),linear-gradient(#f150af 0%, #f150af 100%);background-position: top left, bottom left, bottom right, top right;background-size:50.1% 50.1%; background-repeat:no-repeat;text-align:center;}
.module-content h2:before{content:"";display:block;position:absolute;top:0;left:16px;width:calc(100% - 16px);height:calc(100% - 1px);background:linear-gradient(-45deg, transparent 25%, #f25eb5 25%, #f25eb5 50%, transparent 50%, transparent 75%, #f25eb5 75%, #f25eb5);background-size:100px 100px;background-attachment:scroll;}
.module-content h2:after{content:"";display:block;position:absolute;top:0;left:0;width:20px;height:100%;background-image:url(../img/t-shirt/title_bg_leftbottom.png);background-repeat:no-repeat;background-position:left top;}
.module-content h2 span{position:relative;}
.module-content{margin:0 auto;width:100%;max-width:1020px;padding:5px;color:#000;background:linear-gradient(-225deg,transparent 14px,rgba(255, 255, 255, 0.9) 14px),linear-gradient(rgba(255, 255, 255, 0.9) 0%,rgba(255, 255, 255, 0.9) 100%),linear-gradient(-45deg,transparent 14px,rgba(255, 255, 255, 0.9) 14px),linear-gradient(rgba(255, 255, 255, 0.9) 0%,rgba(255, 255, 255, 0.9) 100%);background-position:top left,bottom left,bottom right,top right; background-size:50.1% 50.1%;background-repeat:no-repeat;}
.module-content #module-nav{position:relative;width:90%;margin:0 auto 30px;text-align:center;}
.module-content #module-nav button{width:102px;height:55px;position:relative;display:inline-block;margin:5px;cursor:pointer;background:transparent url("../img/modules/nav_module_50.png") left top no-repeat;transition: transform .5s ease;}
.module-content #module-nav button#module-miku:hover,#module-nav button.selected#module-miku{background-position:left -55px;}
.module-content #module-nav button#module-rin{background-position:-102px top;}
.module-content #module-nav button#module-rin:hover,#module-nav button.selected#module-rin{background-position:-102px -55px;}
.module-content #module-nav button#module-len{background-position:-204px top;}
.module-content #module-nav button#module-len:hover,#module-nav button.selected#module-len{background-position:-204px -55px;}
.module-content #module-nav button#module-luka{background-position:-306px top;}
.module-content #module-nav button#module-luka:hover,#module-nav button.selected#module-luka{background-position:-306px -55px;}
.module-content #module-nav button#module-meiko{background-position:-408px top;}
.module-content #module-nav button#module-meiko:hover,#module-nav button.selected#module-meiko{background-position:-408px -55px;}
.module-content #module-nav button#module-kaito{background-position:-510px top;}
.module-content #module-nav button#module-kaito:hover,#module-nav button.selected#module-kaito{background-position:-510px -55px;}
.module-content #module-nav button#module-others{background-position:-612px top;}
.module-content #module-nav button#module-others:hover,#module-nav button.selected#module-others{background-position:-612px -55px;}
.module-content #module-list{text-align:center;color:#FFF;}
.module-content #module-list li{position:relative;width:283px;height:580px;margin:20px;display:inline-block;vertical-align:top;text-align:center;background:transparent url("../img/modules/module_bg_miku.png") left top no-repeat;}
.module-content #module-list li.module-sort-rin{background-image:url("../img/modules/module_bg_rinlen.png");}
.module-content #module-list li.module-sort-len{background-image:url("../img/modules/module_bg_rinlen.png");}
.module-content #module-list li.module-sort-luka{background-image:url("../img/modules/module_bg_luka.png");}
.module-content #module-list li.module-sort-meiko{background-image:url("../img/modules/module_bg_meiko.png");}
.module-content #module-list li.module-sort-kaito{background-image:url("../img/modules/module_bg_kaito.png");}
.module-content #module-list li.module-sort-etc{background-image:url("../img/modules/module_bg_etc.png");}
.module-name{position:relative;height:72px;margin-top:12px;}
.module-name:before{position:relative;content:"";width:0;height:72px;display:inline-block;vertical-align:middle;}
.module-name p{position:relative;display:inline-block;vertical-align:middle;margin:0!important;width:90%;font-size:150%;font-weight:700}
.module-image{position:relative;height:426px;}
.module-image img{width:92%;margin-left:-1.5%;}
.module-designer{position:relative;height:56px;}
.module-designer:before{content:"";width:0;height:100%;display:inline-block;vertical-align:middle}
.module-designer span{display:inline-block;vertical-align:middle}
.module-designer p{margin:0!important;}
.module-designer p:first-child{font-size:75%;font-weight:100}

@media screen and (min-width:401px){
    #all-songs{margin:0;padding:50px 0;overflow:hidden}
    #song h2 img{height:40px;width:auto}
    .song-content{margin:0 auto;width:1020px;padding:5px;margin-bottom:60px;background:linear-gradient(-225deg,transparent 14px,rgba(255,255,255,0.9) 14px),linear-gradient(rgba(255,255,255,0.9) 0,rgba(255,255,255,0.9) 100%),linear-gradient(-45deg,transparent 14px,rgba(255,255,255,0.9) 14px),linear-gradient(rgba(255,255,255,0.9) 0,rgba(255,255,255,0.9) 100%);background-position:top left,bottom left,bottom right,top right;background-size:50.1% 50.1%;background-repeat:no-repeat}
    .Song-content-inner{width:900px;margin:0 auto;padding:20px 0 0 0}
    .song-list{width:1020px}
    .song-list > li{width:953px;height:288px;margin:0 auto 40px auto}
    .song-list-box-shadow{width:953px;height:288px;position:absolute;top:0;left:0;background:linear-gradient(-225deg,transparent 24px,#bcc9cb 24px),linear-gradient(#bcc9cb 0,#bcc9cb 100%),linear-gradient(-45deg,transparent 24px,#bcc9cb 24px),linear-gradient(#bcc9cb 0,#bcc9cb 100%);background-position:top left,bottom left,bottom right,top right;background-size:50.1% 50.1%;background-repeat:no-repeat}
    .song-list-box-white{width:955px;height:290px;position:absolute;top:-6px;left:-6px;background:linear-gradient(-225deg,transparent 22px,#fff 22px),linear-gradient(#fff 0,#fff 100%),linear-gradient(-45deg,transparent 22px,#fff 22px),linear-gradient(#fff 0,#fff 100%);background-position:top left,bottom left,bottom right,top right;background-size:50.1% 50.1%;background-repeat:no-repeat}
    .song-list-box-blue{width:947px;height:282px;position:absolute;top:4px;left:4px;background:linear-gradient(-225deg,transparent 20px,#77eaf1 20px),linear-gradient(#77eaf1 0,#77eaf1 100%),linear-gradient(-45deg,transparent 20px,#77eaf1 20px),linear-gradient(#77eaf1 0,#77eaf1 100%);background-position:top left,bottom left,bottom right,top right;background-size:50.1% 50.1%;background-repeat:no-repeat}
    .song-list-box-inner{width:935px;height:270px;position:absolute;top:6px;left:6px;background:linear-gradient(-225deg,transparent 18px,#fff 18px),linear-gradient(#fff 0,#fff 100%),linear-gradient(-45deg,transparent 18px,#fff 18px),linear-gradient(#fff 0,#fff 100%);background-position:top left,bottom left,bottom right,top right;background-size:50.1% 50.1%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat}
    .song-list-box-inner-bg>dl{margin:0 0 0 12px}
    .song-list-jacket{order:0;margin:16px 0 0 4px;width:236px;height:236px}
    .song-list-title{order:1;width:658px;height:48px;margin:16px 0 12px 12px;background-image:url(../img/songlist_title_bg.png);background-size:658px auto;background-repeat:no-repeat}
    .song-list-title .charaSetting-1{position:absolute;top:5px;left:50px;width:600px;height:34px;padding:4px 4px 4px 8px;background-image:url(../img/songlist_title_bg_inner.png);background-size:auto 34px;background-repeat:no-repeat;background-position:right top}
    .song-list-title .charaSetting-2{position:absolute;top:5px;left:50px;width:598px;height:34px;padding:4px 4px 4px 8px;background-image:url(../img/song/info/songlist_title_bg_2chara.png);background-position:right center;background-size:auto auto;background-repeat:no-repeat}
    .song-list-title .charaSetting-3{top:5px;left:50px;width:598px;height:34px;padding:4px 4px 4px 8px;position:absolute;background-image:url(../img/song/info/songlist_title_bg_3chara.png);background-position:right center;background-size:auto auto;background-repeat:no-repeat}
    .song-list-title .charaSetting-6{top:5px;left:50px;width:598px;height:34px;padding:4px 4px 4px 8px;position:absolute;background-image:url(../img/song/info/songlist_title_bg_6chara.png);background-position:right center;background-size:auto auto;background-repeat:no-repeat}
    .song-list-mixmode{position:absolute;right:20px;top:113px}
    .song-list-mixmode dl{width:100%;flex-wrap:nowrap}
    .song-list-mixmode dt{width:120px;height:31px}
    .song-list-mixmode dd{padding:4px 0 0 14px;width:516px;height:31px}
    .song-list-acmode{position:absolute;right:20px;top:76px}
    .song-list-acmode dl{width:100%;flex-wrap:nowrap}
    .song-list-acmode dt{width:120px;height:31px}
    .song-list-acmode dd{padding:4px 0 0 14px;width:516px;height:31px}
    .song-list-info{width:650px;position:absolute;right:8px;top:156px}
    .song-list-info ul li{width:48%;height:34px}
    .song-list-info ul li.name17{height:49px}
    .song-list-info ul li dl dt{width:92px;height:22px}
    .song-list-info ul li dl dd{width:280px;height:22px;padding:3px 4px 0 8px;font-size:80%}
    .song-list-music{margin:0 2% 1% 0}
    .song-list-lyrics{margin:0 0 1% 0}
    .song-list-arranger{margin:0 2% 1% 0}
    .song-list-illustrator{margin:0 0 1% 0}
}

@media screen and (max-width:1280px){
    .LogoSwitch{top:-75px;right:0;}
}

@media screen and (max-width:1080px){
    /* Header Section */
    .Logo{left:10%;}
    .Demo{left:10%}
    .ReleaseDate{left:10%;}
    .Purchase{left:10%;}
    
    .gameplay{width:90%;}
    /* Songs */
    .NewSonglist li dl dd ul{display:block;}
    .NewSonglist li dl dd li{width:50%}
    .NewSonglist li dl dd li:nth-of-type(odd){margin-right:auto;text-align:center;width:50%}
    .NewSonglist li dl dd.song-title li{display:block;width:100%}
    .NewSonglist li dl dd.song-title li:nth-child(even){text-align:center;}
    .song{width:90%;}
    .Module{width:90%;}
}

@media screen and (max-width:1020px){
    body:before{left:52%}
    
    /* Header Section */
    .ReleaseDate{top:55%}
    .Demo{top:62%}
    .Purchase{top:71.5%}
    
    /* All songs */
    #all-songs{padding:20px;margin:0 auto;}
    .song-list{width:90%;margin:0 auto;}
    .song-list > li{width:100%;height:auto;display:block;position:relative;}
    .song-list-box-shadow{width:100%;position:relative;display:inline-block;height:auto;padding:0 6px 0 0;top:auto;left:auto}
    .song-list-box-white{width:100%;position:relative;top:auto;left:auto;display:inline-block;height:auto;padding:0 3px 0 0;}
    .song-list-box-blue{width:100%;position:relative;display:inline-block;height:auto;top:auto;left:auto;padding:4px 4px 0;}
    .song-list-box-inner{width:100%;position:relative;display:inline-block;height:auto;top:auto;left:auto;}
    .song-list-box-inner-bg{position:relative;}
    .song-list-box-inner-bg>dl{width:100%;margin:0;position:relative;display:inline-block;height:auto;}
    .song-list-title{width:95%;height:auto;order:0;padding:10px;margin:12px auto;background: linear-gradient(-225deg,transparent 10px,#0dd0d7 10px),linear-gradient(#0dd0d7 0,#0dd0d7 100%),linear-gradient(-45deg,transparent 10px,#0dd0d7 10px),linear-gradient(#0dd0d7 0,#0dd0d7 100%);background-position: top left,bottom left,bottom right,top right;background-size: 50.1% 50.1%;background-repeat: no-repeat;}
    .song-list-title:before{content:"";display:inline-block;position:relative;vertical-align:middle;background-image:url(../img/song/info/songlist_title_icon.png);background-repeat:no-repeat;background-size:100% auto;width:30px;height:30px;}
    .song-list-title .charaSetting-1,.song-list-title .charaSetting-2,.song-list-title .charaSetting-3,.song-list-title .charaSetting-4,.song-list-title .charaSetting-6{background:none;display:inline-block;width:calc(100% - 33px);vertical-align:middle;position:relative;top:0;left:0;height:auto;padding:0 0 0 8px}
    .song-list-jacket{position:relative;display:block;width:80%;max-width:350px;height:auto;margin:0 auto;}
    .song-list-mixmode{width:auto;max-width:80%;height:auto;margin:12px auto;position:relative;display:block;right:auto;top:auto;}
    .song-list-mixmode dt{display:inline-block;height:auto}
    .song-list-mixmode dt:before{content:" ";display:inline-block;height:100%;width:0;vertical-align:middle;transform:skew(-14deg);}
    .song-list-mixmode dt>span{width:120px;display:inline-block;}
    .song-list-mixmode dd{display:inline-block;width:calc(100% - 121px);height:auto;}
    .song-list-mixmode dd div{display:inline-block;}
    .song-list-acmode{width:auto;max-width:80%;height:auto;margin:12px auto;position:relative;right:auto;top:auto;}
    .song-list-acmode dt{display:inline-block;height:auto;}
    .song-list-acmode dt:before{content:" ";display:inline-block;height:100%;width:0;vertical-align:middle;transform:skew(-14deg);}
    .song-list-acmode dt>span{width:120px;display:inline-block;}
    .song-list-acmode dd{display:inline-block;width:calc(100% - 121px);height:auto;}
    .song-list-acmode dd div{display:inline-block;}
    .song-list-info{width:80%;margin:0 auto;position:relative;top:0;right:0}
    .song-list-info ul{display:block;margin:0 auto 16px;}
    .song-list-info ul li{width:100%;height:100%;}
    
    /* Game Mode */
    .gamemode-content{width:100%;}
    .gamemode-content .content-inner{width:90%;}
    #game-mode{padding:20px;margin:0 auto;}
    
    /* Modules */
    .module-content{width:100%;}
    #game-modules{padding:20px;margin:0 auto}
    ul#module-list li{zoom:0.75}
    .tshirt-content{width:100%;}
    .tshirt-content .content-inner{width:90%;}
    #tshirt-creator{padding:20px;margin:0 auto}
}

@media screen and (max-width:800px){
    /* Header Section */
    .header{padding-top:75px;}
    .Logo,.ReleaseDate{width:75%;min-width:inherit;}
    .Logo{top:25%;left:5%}
    .LogoSwitch{top:0;}
    .Logo10th{width:25%;top:75px}
    .ReleaseDate{top:63%}
    .Demo,.Purchase{top:70%;width:100%;min-width:inherit;left:0}
    .Purchase{top:80%}
    
    /* Navigation */
    .nav{height:auto;position:fixed;margin-top:-100vh}
    #nav-pc{width:calc(100% - 75px);margin-left:75px;}
    #nav-mobile{display:block}
    
    /* Gameplay */
    .gameplay-imagebox{display:block}
    .gameplay-imagebox li{width:98%;margin:0 auto 2%}
    
    /* Songs */
    .NewSonglist li dl dd li{width:90%}
    .NewSonglist li dl dd li:nth-of-type(odd){width:90%}
    
    /* Modules */
    #tshirt-creator{padding:20px 0;}
    .module-imagebox .Model{width: calc(28.75% - 10px);}
    
    /* Game Mode */
    #game-mode{padding:20px 0;width:100%}
    #gamemode-tapplay h3,#gamemode-video h3,#gamemode-controls h3{height:auto;position:relative;background-size:cover;padding:12px 0 16px}
    
    /* All-songs */
    #all-songs{padding:20px 0;width:100%}
    .music-content #song-nav button{margin:0}
    
    /* Modules */
    .module-content{width:100%;}
    #game-modules{padding:0;width:100%}
    ul#module-list li{zoom:0.5}
    #tshirt-creator{padding:20px 0;margin:0 auto}
    
    /* Footer */
    .FooterLogo > *{margin-bottom:20px;}
    
}



@media screen and (max-width:400px){
    .header{height:auto;overflow-x:hidden}
    .Top_miku{position:relative;width:100%}
    .Logo{left:5%;width:75%;top:30%}
    .ReleaseDate{top:65%;left:5%;width:90%}
    .Purchase{top:75%}
    
    .flex{display:block}
    .flex-box{display:block}
    
    .gameplay{width:100%;}
    
    .song{width:100%}
    #songs{margin:0;padding:0}
    #Song h2{width:100%;height:70px;background-color:#f150af;border-top:solid 4px rgba(255,255,255,0.8)}
    #Song h2 img{height:40px;width:auto}
    .song-content{width:100%;background-color:rgba(255,255,255,0.8)}
    .song-content-inner{width:100%;padding:20px 20px 0 20px}
    
    
    .Module{width:100%;}
    
    /* Game Mode */
    #game-mode{padding:0;width:100%;}
    #game-mode .content-inner{width:100%;margin:0 auto;}
    #game-mode .content-inner > div{width:100%;padding:20px 5px}
    
    /* All-songs */
    #all-songs{padding:0;width:100%}
    .song-list{width:100%}
    .song-list>li{width:100%;height:740px;margin-bottom:40px}
    .song-list-box-shadow{width:100%;height:740px}
    .song-list-box-white{width:100%;height:740px;background-color:#fff;padding:4px 0}
    .song-list-box-blue{width:100%;height:740px;background-color:#77eaf1;padding:4px 0}
    .song-list-box-inner{width:100%;height:740px;background-color:rgba(255,255,255,0.9)}
    .song-list-box-inner:before{display:none}
    .song-list-box-inner-bg>dl{margin:0px}
    .song-list-jacket{order:1;margin:16px 0 25px 45px;width:300px;height:300px}
    .song-list-title{order:0;width:100%;margin:16px 0 12px 0;padding:10px 0 10px 42px;background:linear-gradient(-225deg,transparent 10px,#0dd0d7 10px),linear-gradient(#0dd0d7 0,#0dd0d7 100%),linear-gradient(-45deg,transparent 10px,#0dd0d7 10px),linear-gradient(#0dd0d7 0,#0dd0d7 100%);background-position:top left,bottom left,bottom right,top right;background-size:50.1% 50.1%;background-repeat:no-repeat}
    .song-list-title:before{content:"";display:block;position:absolute;left:8px;top:7px;background-image:url(../img/song/info/songlist_title_icon.png);background-repeat:no-repeat;background-size:100% auto;width:30px;height:30px}
    .song-list-title .CharaSetting-1{top:5px;left:50px;width:330px;min-height:34px;padding:4px 4px 4px 8px;background-color:#0c7478}
    .song-list-title .CharaSetting-2,.song-list-title .CharaSetting-3{top:5px;left:50px;width:280px;min-height:34px;padding:4px 4px 4px 8px;background-color:#0c7478}
    .song-list-title .CharaSetting-6{top:5px;left:50px;width:280px;min-height:34px;padding:4px 4px 4px 8px;background-color:#0c7478}
    .song-list-mixmode{margin:0 0 12px 8px}
    .song-list-mixmode dl{width:380px;flex-wrap:wrap;text-align:center;}
    .song-list-mixmode dt{width:80px;}
    .song-list-mixmode dt>span{width:auto;line-height:100%;vertical-align:middle;}
    .song-list-mixmode dd{flex-wrap:wrap;padding:6px 0 0 14px;width:292px;}
    .song-list-mixmode .lv_easy{width:84px}
    .song-list-mixmode .lv_normal{width:84px}
    .song-list-mixmode .lv_hard{width:84px}
    .song-list-mixmode .lv_extreme{width:84px;margin-left:-5px}
    .song-list-mixmode .lv_exextreme{width:84px}
    .spbr{display:block}
    .song-list-acmode{margin:0 0 6px 8px}
    .song-list-acmode dl{width:380px;flex-wrap:wrap;text-align:center;}
    .song-list-acmode dt{width:80px}
    .song-list-acmode dt>span{width:auto;line-height:100%;vertical-align:middle;}
    .song-list-acmode dd{flex-wrap:wrap;padding:6px 0 0 14px;width:292px;}
    .song-list-acmode .lv_extreme{margin-left:-5px;width:84px}
    .song-list-acmode .lv_easy.off,.song-list-acmode .lv_exextreme,.song-list-acmode .lv_exextreme.off,.lv_easy,.lv_normal,.lv_hard{width:84px}
    .song-list-info{margin-left:4px}
    .song-list-info ul li{width:380px;height:34px}
    .song-list-info ul li.name17>dl>dd{font-size:80%}
    .song-list-info ul li dl dt{width:82px;height:22px}
    .song-list-info ul li dl dd{width:280px;height:22px;padding:3px 0 0 10px;font-size:100%}
    .song-list-music{margin:0 0 2% 0}
    .song-list-lyrics{margin:0 0 2% 0}
    .song-list-arranger{margin:0 0 2% 0}
    .song-list-illustrator{margin:0 0 2% 0}
    
    /* MODULE */
    #game-modules{overflow:hidden;}
}

/* Fancybox overrde */
.fancybox-slide{padding:0}

/* Animations */
@keyframes Top10th {
    0% {opacity:0.0;left:0;}
    100% {opacity:1.0;}
}
@keyframes TopSwi{
    0% {opacity:0.0;right:0;}
    100% {opacity: 1.0;}
}
@keyframes TopChara{
    0% {opacity:0;left:0}
    100% {opacity:1.0}
}
@keyframes TopLogo{
    0% {opacity:0.0;top:100%}
    50% {opacity:0}
    100% {opacity: 1.0;}
}
@keyframes ReleaseDate{
    0% {opacity:0;top:100%}
    50% {opacity:0}
    100% {opacity: 1;}
}

/* Misc */
.view-nav{opacity:1;visibility:visible;margin-top:0;z-index:30!important}
.hide-nav{opacity:0;visibility:hidden;margin-top:-100vh}
.transition{transition:all 0.5s ease;}
.mixitup-control-active img{opacity:0;cursor:initial!important;}

/* Morphing */
.morphing-btn-wrap {
  display: inline-block;
  position: relative;
  text-align: center;
}

.morphing-btn {
  -webkit-transition: background 0.3s, color 0.2s 0.2s, width 0.2s 0s;
  -moz-transition: background 0.3s, color 0.2s 0.2s, width 0.2s 0s;
  -o-transition: background 0.3s, color 0.2s 0.2s, width 0.2s 0s;
  transition: color 0.3s 0.2s, width 0.2s 0s;
  white-space: nowrap;
  box-sizing: border-box;
}

.morphing-btn_circle {
  color: transparent !important;
  padding-left: 0;
  padding-right: 0;
  width: 35.6px !important;

  /* Override inline style rule */
  -webkit-transition: color 0.2s 0s, width .3s 0.2s;
  -moz-transition: color 0.2s 0s, width .3s 0.2s;
  -o-transition: color 0.2s 0s, width .3s 0.2s;
  transition: color 0.2s 0s, width .3s 0.2s;
}

.morphing-btn-clone {
  position: fixed;
  background: #f5549f;
  border-radius: 50%;
  z-index: 999;
  -webkit-transition: all 0.5s cubic-bezier(.65, .05, .36, 1);
  -moz-transition: all 0.5s cubic-bezier(.65, .05, .36, 1);
  -o-transition: all 0.5s cubic-bezier(.65, .05, .36, 1);
  transition: all 0.5s cubic-bezier(.65, .05, .36, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#fancybox-preload{
    position:fixed;
    display:none;
    content:"";
    animation:fancybox-rotate 1s linear infinite;
    background:transparent;
    border:4px solid #888;
    border-bottom-color:#fff;
    border-radius:50%;
    height:50px;
    left:50%;
    margin:-25px 0 0 -25px;
    opacity:.7;
    padding:0;
    top:50%;
    width:50px;
    z-index:99999
}

.morphing-btn-clone_visible {
  display: block;
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}

.fancybox-morphing .fancybox-bg {
  background: #f5549f;
  opacity: 1;
}

.fancybox-morphing .fancybox-toolbar {
  top: 20px;
  right: 40px;
}

.fancybox-morphing .fancybox-button--close {
  background:transparent;
    width:60px;
    height: auto;
    padding:0;
    color: #fff;
}

.fancybox-morphing .fancybox-button--close::after, 
.fancybox-morphing .fancybox-button--close::before {
    height: 1.55px;
    width: 22px;
    left: calc(50% - 11px);
}

.fancybox-morphing .fancybox-button--close:hover {
  
}

/* Styling for element used in example */

#morphing-content {
  margin: 0;
  position: relative;
  background: transparent;
  color: #fff;
  padding: 6em 10vw;
  line-height: 2;
  z-index: 30;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#morphing-content a {
  color: #fff;
}