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

header, footer, main, nav, section, article {
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;
}

a:hover {
color: #999;
}

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

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

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

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

.breadcrumbs li, .global li, .instant li, .stacks li {
display: inline-block;
}

.breadcrumbs li::before {
content: "»";
}

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

.stacks {
width: 90%;
margin: 16px auto;
}

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

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

.gnv1, .gnv2, .invh, .inv1, .inv2, .invf {
display: block;
line-height: 1;
border: 2px solid #c0c0c0;
border-radius: 10px;
font-weight: bold;
}

.stt {
display: block;
line-height: 1;
border: 1px solid #c0c0c0;
border-radius: 6px;
}

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

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

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

.invh {color: #fff;}
.gnv1, .inv1, .room1 {color: #ffa500;}
.gnv2, .inv2, .room2 {color: #7bab4f;}
.invf, .roomf {color: #7e354d;}

.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: 640px) {
.crboots {
padding: 12px 0;
}

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

.rollbox {
margin: 20px auto;
}

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

.ysh {
margin: 10px auto 12px;
font-size: 32px;
}

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

.welcomebox {
font-size: 24px;
}

.reverbbox, .juggbox {
margin: 12px auto;
}

.reverbbox {
font-size: 20px;
}

.juggbox {
font-size: 18px;
}

.gnv1, .gnv2, .invh, .inv1, .inv2, .invf, .stt {
margin: 0 8px 10px;
}

.gnv1, .gnv2 {
padding: 0.3em 0.6em;
font-size: 18px;
}

.invh, .inv1, .inv2, .invf, .stt {
padding: 0.2em 0.4em;
}

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

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

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

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

.wby {
font-size: 20px;
}

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

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


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

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

.rollbox {
margin: 26px auto;
}

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

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

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

.welcomebox {
font-size: 28px;
}

.reverbbox, .juggbox {
margin: 26px auto 18px;
}

.reverbbox {
font-size: 22px;
}

.juggbox {
font-size: 20px;
}

.gnv1, .gnv2, .invh, .inv1, .inv2, .invf, .stt {
margin: 0 8px 12px;
}

.gnv1, .gnv2 {
padding: 0.5em 1em;
font-size: 20px;
}

.invh, .inv1, .inv2, .invf, .stt {
padding: 0.3em 0.7em;
}

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

.gbox {
width: 580px;
margin: 18px auto;
}

.boogie, .wby {
width: 560px;
margin: 20px 0 0 66px;
}

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

.wby {
font-size: 22px;
}

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

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