body, div, p, ul, li {
margin: 0;
padding: 0;
}

header, footer, main, nav, section, article, aside {
display: block;
}

body {
color: #fff;
background: #000;
font-family: Helvetica, Arial, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, メイリオ, sans-serif;
text-align: center;
-webkit-text-size-adjust: 100%;
}

img {
border: none;
vertical-align: bottom;
}

a {
color: #fff;
text-decoration: none;
outline: none;
}

.pop, .blues {
margin: 0 auto;
}

.pop {
max-width: 1200px;
font-size: 18px;
}

.blues {
width: 95%;
border-top: 2px dotted #fff;
}

.breadcrumbs, .drive, .stacks {
list-style-type: none;
}

.breadcrumbs li, .drive li {
display: inline-block;
}

.breadcrumbs li::before {
content: "\0bb";
}

.breadcrumbs li:first-child::before {
content: "";
}

.stacks li {
display: block;
}

.stacks li::before {
content: "\03e";
}

.ysh, .btys {
font-weight: bold;
}

.breadcrumbs li a:hover, .stacks li a:hover,
.btys a:hover, .mover a:hover {
color: #777;
}

.welcomebox, .reverbbox, .juggbox,
.room1, .room2, .room3, .roomf {
width: 95%;
font-weight: bold;
}

.eachpaper {
line-height: 2.2;
}

.room1, .room2, .room3, .roomf {
border-top: 2px dotted #fff;
}

.gbox {
border-radius: 4px;
color: #000;
background: #fefefe;
}

.boogie, .wby, .abtname {
font-weight: bold;
text-align: left;
}

.drivebox1, .drivebox2, .drivebox3 {
width: 260px;
border-radius: 10px;
}

.drivebox1 {
border: 2px solid #c1a470;
}

.drivebox2 {
border: 2px solid #9370db;
}

.drivebox3 {
border: 2px solid #7bab4f;
}

.instantbox {
width: 180px;
border: 2px solid #c0c0c0;
border-radius: 10px;
}

.drivebox1:hover, .drivebox2:hover, .drivebox3:hover, .instantbox:hover {
background: #444;
}

.drivet1, .drivet2, .drivet3, .instantcf {
line-height: 1.6;
font-weight: bold;
}

.drivet1, .room1 {
color: #c1a470;
}

.drivet2, .room2 {
color: #9370db;
}

.drivet3, .room3 {
color: #7bab4f;
}

.instantcf, .roomf {
color: #008000;
}

.drivedc {
font-size: 14px;
}

.rockbox {
margin: 14px auto;
}

.rockbox img {
max-width: 95%;
height: auto;
border-radius: 10px;
}

.mover {
display: table;
table-layout: fixed;
margin: 0 auto 8px;
}

.mvpagel {
display: table-cell;
text-align: left;
}

.mvpagec {
display: table-cell;
text-align: center;
}

.mvpager {
display: table-cell;
text-align: right;
}

.tlx, .tly, .trz {
width: 90%;
line-height: 1.8;
margin: 1em auto;
}

.tlx, .tly {
text-align: left;
}

.trz {
text-align: right;
}


@media not screen and (min-width: 480px) {
.crboots {
padding: 12px 0;
}

.bcwall {
width: 90%;
margin: 8px 0 0 20px;
text-align: left;
}

.rollbox {
margin: 20px auto;
}

.rollbox img {
max-width: 75%;
height: auto;
border-radius: 10px;
}

.ysh {
margin: 14px auto 14px;
font-size: 30px;
}

.btys {
margin: 14px 0 0 14px;
font-size: 26px;
text-align: left;
}

.welcomebox {
margin: 0 auto 20px;
font-size: 22px;
}

.reverbbox {
margin: 0 auto 10px;
font-size: 20px;
}

.juggbox {
margin: 0 auto 20px;
}

.drivebox1, .drivebox2, .drivebox3, .instantbox {
margin: 0 auto 10px;
}

.drivet1, .drivet2, .drivet3, .instantcf {
font-size: 20px;
}

.room1, .room2, .room3, .roomf {
margin: 10px auto 0;
padding: 8px 0 0 0;
font-size: 24px;
}

.stacks {
margin: 16px 0 16px 20%;
text-align: left;
}

.gbox {
width: 95%;
margin: 4px auto 14px;
}

.boogie, .wby {
width: 75%;
margin: 10px 0 0 40px;
}

.boogie {
padding: 10px 0 0;
font-size: 22px;
}

.wby {
font-size: 20px;
}

.abtname {
width: 75%;
margin: 0 0 0 40px;
padding: 0 0 14px 0;
font-size: 20px;
}

.mover {
width: 80%;
}

.tlx {
padding: 14px 0 6px;
}

.tly, .trz {
padding: 6px 0;
}
}


@media screen and (min-width: 480px) {
.crboots {
padding: 20px 0;
}

.bcwall {
width: 90%;
margin: 22px 0 0 34px;
text-align: left;
}

.rollbox {
margin: 26px auto;
}

.rollbox img {
max-width: 75%;
height: auto;
border-radius: 10px;
}

.ysh {
margin: 26px auto 18px;
font-size: 48px;
}

.btys {
margin: 26px 0 0 16px;
font-size: 30px;
text-align: left;
}

.welcomebox {
margin: 0 auto 26px;
font-size: 26px;
}

.reverbbox {
margin: 0 auto 12px;
font-size: 22px;
}

.juggbox {
margin: 0 auto 26px;
font-size: 20px;
}

.drivebox1, .drivebox2, .drivebox3, .instantbox {
margin: 0 8px 12px;
}

.drivet1, .drivet2, .drivet3, .instantcf {
font-size: 22px;
}

.room1, .room2, .room3, .roomf {
margin: 10px auto 18px;
padding: 14px 0 0 0;
font-size: 28px;
}

.stacks {
margin: 16px 0 16px 40%;
text-align: left;
}

.gbox {
width: 92%;
max-width: 580px;
margin: 18px auto;
}

.boogie, .wby {
width: 90%;
max-width: 560px;
margin: 20px 0 0 66px;
}

.boogie {
padding: 14px 0 0;
font-size: 24px;
}

.wby {
font-size: 22px;
}

.abtname {
width: 90%;
max-width: 560px;
margin: 0 0 0 66px;
padding: 0 0 20px 0;
font-size: 22px;
}

.mover {
width: 80%;
max-width: 520px;
}

.tlx {
padding: 24px 0 8px;
}

.tly, .trz {
padding: 8px 0;
}
}