body {
font-size: 16px;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background: black url(./images/background.png) fixed repeat-x left bottom;
color: white;
height: auto;
}

div.content-wrapper {
position: relative;
top: 22%;
width: 100%;
height: auto;
}

div.content-wrapper div dl {
width: 58%;
height: 100%;
float: left;
text-align: center;
line-height: 165%;
}

div.content-wrapper div dl p {
height: auto;
text-align: left;
margin: 20px auto;
}

div.content-wrapper div dt {
width: 42%;
height: 100%;
float: left;
}

div.content-wrapper div h1 {
padding: 10px;
margin: 0px 10px;
}

div.content-wrapper div h1.instore {
border: 5px gray solid;
}

div.content-wrapper div h1 span {
font-size: 1.2em;
font-weight: bold;
}

img.artist-photo {
display: none;
}

img.title {
width: auto;
height: 40px;
}

img.jacket {
width: 200px;
height: auto;
float: left;
margin: 0px 20px 0px 0px;
}

img.title-tour {
width: auto;
height: 90px;;
}

div.content-wrapper dl, div.content-wrapper dt {
padding: 3% 0;
}

div.content-wrapper div.content-third {
height: 1500px;
}

div.content-wrapper div.content-third dl, div.content-wrapper div.content-third dt {
padding: 3% 0 0 0;
height: 900px;
}

div.content-first {
width: 100%;
height: 120%;
background: black;
}

div.content-first dl div img {
width: 90%;
height: auto;
padding-bottom: 6%;
}

div.content-first dl p {
width: 480px;
}

div.content-second {
width: 100%;
height: 70%;
background: #303030;
padding-top: 18%;
}

div.content-second dl p {
width: 480px;
}

div.content-third {
width: 100%;
height: 100%;
background: #606060;
padding-top: 12%;
}

div.content-third dl h1 {
padding-top: 20px;
font-size: 1.2em;
}

div.content-third dl h2 {
width: 520px;
margin: 20px auto 0;
padding: 20 0;
border: 3px solid white;
}

div.content-third dl p {
width: 400px;
}

div.content-third dl p span {
font-size: 1.2em;
font-weight: bold;
}

div.content-first-to-second {
width: 100%;
height: 60%;
    /* Old Browsers */
   background: #303030;

   /* Safari 4.0-5.0, Chrome 3-9, iOS Safari 4.0.4-5.0, Android 2.1-3.0 */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #303030));

   background: -webkit-linear-gradient(top, #000, #303030);       /* Safari 5.1+, Chrome 10+, iOS Safari 5.1+, Android 4.0+ */
   background:    -moz-linear-gradient(top, #000, #303030);       /* Firefox 3.6-15.0 */
   background:      -o-linear-gradient(top, #000, #303030);       /* Opera 11.10-12.10 */
   background:         linear-gradient(to bottom, #000, #303030); /* IE10, Firefox 16.0+, Opera 12.50+ */

   /* IE 8+ */
   /* "-ms-filter" should be included first before "filter" in order for the filter to work properly in Compatibility View */
   /* http://msdn.microsoft.com/en-us/library/ms530752%28v=vs.85%29.aspx */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#303030', GradientType=0)";

   /* IE 5.5-7 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#303030', GradientType=0);
}

div.content-second-to-third {
width: 100%;
height: 60%;
    /* Old Browsers */
   background: #606060;

   /* Safari 4.0-5.0, Chrome 3-9, iOS Safari 4.0.4-5.0, Android 2.1-3.0 */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #606060));

   background: -webkit-linear-gradient(top, #303030, #606060);       /* Safari 5.1+, Chrome 10+, iOS Safari 5.1+, Android 4.0+ */
   background:    -moz-linear-gradient(top, #303030, #606060);       /* Firefox 3.6-15.0 */
   background:      -o-linear-gradient(top, #303030, #606060);       /* Opera 11.10-12.10 */
   background:         linear-gradient(to bottom, #303030, #606060); /* IE10, Firefox 16.0+, Opera 12.50+ */

   /* IE 8+ */
   /* "-ms-filter" should be included first before "filter" in order for the filter to work properly in Compatibility View */
   /* http://msdn.microsoft.com/en-us/library/ms530752%28v=vs.85%29.aspx */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#606060', GradientType=0)";

   /* IE 5.5-7 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#606060', GradientType=0);
}

div.copyright {
padding: 100px 0px;
}

div.content-title {
position: absolute;
top: 0;
left: 0;
width: 58%;
height: 22%;
}

div.content-title div {
width: 90%;
height: auto;
margin: 5% auto;
}

div.content-title div img {
width: 100%;
height: auto;
margin: auto auto;
}

div.content-fixed {
position: fixed;
top: 0px;
right: 0px;
width: 42%;
height: 100%;
background: rgba(0,0,0,0) url(./images/fixed02.jpg) no-repeat left center;
background-size: 100% auto;
}

div.sub-menu {
position: fixed;
top: 33%;
left: 0px;
width: 60px;
height: auto;
}

div.sub-menu dl {
width: 60px;
height: 60px;
margin-bottom: 20px;
border: 4px solid white;
}

div.sub-menu dl a {
display: block;
width: 100%;
height: 100%;
}

div.sub-menu dl.button-RfH {
background: rgba(0,0,0,0.9);
}

div.sub-menu dl.button-RiH {
background: rgba(48,48,48,0.9);
}

div.sub-menu dl.button-tour {
background: rgba(96,96,96,0.9);
}

a {
color: white;
}

a:hover {
opacity: 0.8;
}

a:active, a:focus {
opacity: 0.6;
}

@media screen and (max-height: 710px) and (min-width: 601px) {

} /* @media screen and (max-height: 710px) */



@media screen and (max-width: 640px) {

body {
font-size: 24px;
}

div.content-wrapper {
top: 0%;
width: 980px;
}

div.content-first dl p {
width: 740px;
}

div.content-third dl p {
width: 580px;
}

img.artist-photo {
display: block;
margin: 0 auto;
width: 400px;
height: auto;
padding-bottom: 50px;
}

img.jacket {
width: 310px;
}

div.content-wrapper div dl {
width: 980px;
}

div.content-wrapper div dt {
display: none;
}

div.content-title {
width: 980px;
height: 100px;
}

div.content-fixed {
display: none;
}

div.sub-menu dl {
width: 80px;
height: 80px;
margin-bottom: 40px;
}

div.content-first-to-second {
width: 980px;
height: 100%;
}

div.content-second-to-third {
width: 980px;
height: 100%;
}

div.content-first {
width: 980px;
height: 900px;
padding-top: 180px;
}

div.content-second {
width: 980px;
height: 900px;
padding-top: 500px;
}

div.content-third {
width: 980px;
height: 900px;
}

div.content-wrapper div.content-third {
height: 2000px;
}

div.content-wrapper div.content-third dl {
padding: 3% 0 0 0;
height: 2000px;
}

} /* @media screen and (max-width: 640px) for mobile */


@media screen and (min-width:0) {

div.content-first-to-second {
-ms-filter: "";
}

}