@charset "UTF-8";

*{
  margin : 0;
  padding: 0;
}

html{
  height : 100%;
}

body {
  height : 100%;
  background-image : url("../img/pppp-0019_BG.jpg");
  background-position : center;
  background-repeat: no-repeat;
  background-attachment: fixed;

  background-color : #555555;
}

#header{
  background-color: rgba(0,0,0,0.8);
  height : 120px;
  text-align: center;
  padding : 30px 0;
}

#header ul{
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

#header li{
  height: 100%;
  float: left;
  display: table;
  max-height: 100%;
}

.header-side{
  width: 25%;
}

.header-center{
  width: 50%;
}

.header-box{
  display: table-cell;
  vertical-align: middle;
}

.header-logo{
  text-align: center;
}

.header-twitter{
  text-align: right;
}

img.pizuya-logo{
  height:auto;
  max-height:50px;
}

.twitter-share-button{
  margin-right: 5%;

}

img.jacket{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.5);
  margin : 60px 0;
}

.contents{
  text-align: center;
  padding: 0;
}

table.borderless{
  background-color: rgba(0,0,0,0.8);
  color: white;
  margin-bottom: 60px;

  border-collapse: separate;
  padding: 20px;
}

table.borderless th{
  width : 20%;
  padding-left: 5%;
  border-style: none;
}

.borderless td{
  text-align: left;
}

table.borderless td,table.borderless th{
 border: none !important;
}

.square_btn {
    width : 100%;
    text-align: center;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: white;
    transition: .4s;
    background: rgba(0,0,0,0.5);
}

.square_btn:hover {
    background: rgba(0,0,0,0.8);
    color: white;
    text-decoration: none;
}

.shop-link{
  margin: 5px 5px;
  float: left;
  position: relative;
}

.shop-link-box:after {
  content: "";
  display: block;
  clear : both;
  margin-bottom : 60px;
}

.coming-soon-box{
  background-color: rgba(0,0,0,0.8);
  color: white;
  padding: 20px 0;
}

.title{
  background-color: rgb(255,255,255);
  color: #FFB6C1;
  padding: 20px 0;
  margin-bottom: 60px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 10px;
  box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2);
  text-align: center;
}

table.tracklist{
  padding:5%;
  margin-bottom:0;
}

table.stafflist{
  padding:5%;
}

.sound-cloud-box{
  padding : 0 20px 20px 20px ;
  background-color: rgba(0,0,0,0.8);
  /*margin-bottom: 60px;*/
}

.niconico-box{
  padding : 0 20px 20px 20px ;
  background-color: rgba(0,0,0,0.8);
  margin-bottom: 60px;
  height: auto;
}


img.banner{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
}

.banner-url-box{
  background-color: rgba(0,0,0,0.8);
  color: white;
  margin-bottom: 20px;
}

a.banner-url{
  color: white;
}

a.banner-url:hover{
  color: rgba(255,255,255,0.5);
  text-decoration: none;
}

#fotter{
  background-color: rgba(0,0,0,0.8);
  color: white;
  padding: 10px 0 100px 0;
  margin-top: 40px;
  text-align: center;
}

a.circle-link{
  color: white;
}

a.circle-link:hover{
  color: rgba(255,255,255,0.5);
  text-decoration: none;
}