body{
	background:#fff;
	color:#fff;
	font-size:18px;
	}

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

a:hover{
	text-decoration:underline;
	}

#container{
	width:960px;
	margin:0 auto;
	box-shadow: 0px 0px 25px #000;
	-moz-box-shadow: 0px 0px 25px #000;
	-webkit-box-shadow: 0px 0px 25px #000;
	position:relative;
	background: #30a399;
	}

#logo{
	padding:20px 45px 0px;
	}

#logo img{
	width:144px;
	height:auto;
	}

#share{
	position:absolute;
	top:20px;
	right:30px;
	background:#fff;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	line-height:1;
	}

#share a{
	display:block;
	padding:10px 40px;
	}

#share img{
	width:84px;
	height:auto;
	}

.top_image{
	text-align:center;
	margin:40px 0px 60px;
  height: 121px;
  background: url(../images/h1_bg.png) #df0073 center top no-repeat;
  position: relative;
  background-size: contain;
	}

.top_image img{
	position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	}

#jacket_image{
	text-align:center;
	margin:10px 0px 60px;
	}

#jacket_image img{
	box-shadow:0px 0px 15px #000;
	-webkit-box-shadow:0px 0px 15px #000;
	-moz-box-shadow:0px 0px 15px #000;
}

.info_area{
	margin:20px 30px;
}

.info_area h2{
	color:#fff;
	background-color:#ffb628;
	padding:10px 15px;
	font-size:30px;
	font-style:italic;
	line-height:1;
	}

.information table{
	text-align:left;
	margin:15px auto;
	width:700px;
	line-height:2.2
	}

.information table th{
	width:200px;
	font-weight:normal;
	}

.information table td{
	width:500px;
	}

.information .venueBonus {
  background: #fff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  padding: 10px;
  margin-bottom: 30px;
}

.information .venueBonus .bonusDetail {
  order: 2;
  width: 280px;
  color: #df0073;
  padding: 0 10px;
  box-sizing: border-box;
}

.information .venueBonus .bonusDetail h3 {
  text-align: center;
  letter-spacing: 3px;
  font-size: 40px;
}

.information .venueBonus .bonusDetail .borderBox {
  border: 3px solid #df0073;
  padding: 4px;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.information .venueBonus .bonusDetail .borderBox .inner {
  border: 1px solid #df0073;
  padding: 10px 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 23px;
}

.information .venueBonus .bonusDetail .borderBox .inner b {
  display: block;
}

.information .venueBonus .bonusDetail .notice {
  font-size: 14px;
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
}

.information .venueBonus .itemImg {
  order: 1;
  width: 600px;
  flex-basis: 30px;
  flex-grow: 20;
}

.information .venueBonus .itemImg img {
  width: 100%;
}

.shop_link{
	margin:12px;
	font-size:0px;
	}

.shop_link a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0px 25px 15px 0px;
	}

.shop_link a:nth-child(4n){
	margin-right:0px;
	}

.center{
	text-align:center;
}

.tracklist ul{
	width:740px;
	text-align:center;
	margin:40px auto 50px;
	padding-left: 20px;
	}

.tracklist ul li{
	text-align:left;
	font-size: 23px;
	margin-bottom: 15px;
	line-height: 1.3;
  font-size: 0;
  letter-spacing: -.4en;
}

.tracklist ul li span,.stafflist ul li span{
	display:inline-block;
	*display:inline;
	*zoom:1;
	}
  .tracklist ul li span {
    font-size: 23px;
    letter-spacing: normal;
  }

	.tracklist ul li span.tr_title{
		width:670px;
	}

	.tracklist ul li span.original{
		font-size:15px;
		display: block;
		padding-left: 70px;
	}

.tracklist ul li span.tr_no{
	width:70px;
	}

.movie .movieBox {
  margin: 30px auto;
  text-align: center;
}

.stafflist ul{
	width:600px;
	margin:25px auto;
	line-height:1.7;
	}

.stafflist ul#staff_engineers{
	margin-bottom:40px;
	}

.stafflist ul li span.part{
	width:300px;
	}

.banner{
	text-align:center;
	line-height:1;
	font-size:15px;
	margin-bottom:80px;
	}

.banner h2{
	text-align:left;
	}

.banner img{
	margin:30px 0px 15px;
	}

.banner p{
	width:728px;
	background-color:#333;
	margin:0 auto;
	padding:5px 0px;
	}

#footer{
	text-align:center;
	color:#fff;
	background:#ffb628;
	height:140px;
	padding-top:5px;
	font-size:15px;
	}

/* responsive */

@media (max-width:550px){
body{
	font-size:12px;
	}

#container,img,.stafflist ul,.tracklist ul,.stafflist ul li span.part,.banner p{
	width:100%;
	box-sizing:border-box;
	background-position:left top;
	background-size: auto 450px;
	}

#logo{
	padding:20px 20px 10px;
	}

#share{
	right:20px;
	}

#share a{
	padding:10px 20px;
	}

#share img{
	width:60px;
	}
.top_image{
	background-size: contain;
  height: 60px;
  height: 11vh;
  margin: 20px 0;
	}

.top_image img{
	width: 190px;
  width: 61vw;
	}

.top_image img:first-child{
	padding-right:0px;
	}

#jacket_image{
	padding:15px;
	margin-bottom:30px;
	}

#jacket_image img{
	width:100%;
	max-width:700px;
	}

.info_area{
	margin:20px 10px;
	}

.info_area h2{
	font-size:18px;
	}

.information table{
	width:100%;
	box-sizing:border-box;
	margin-bottom:10px;
	}

.information table tr{
	display:block;
	margin-bottom:10px;
	}

.information table th,.information table td{
	display:block;
	width:auto;
	padding:0px 20px;
	}

.information table td{
	padding-left:30px;
	box-sizing:border-box;
	}

.information .venueBonus {
  display: block;
}

.information .venueBonus .bonusDetail {
  display: block;
  width: 100%;
  padding: 0;
}

.information .venueBonus .bonusDetail h3 {
  font-size: 18px;
}

.information .venueBonus .bonusDetail .borderBox .inner {
  font-size: 16px;
  line-height: 1.6;
}

.information .venueBonus .bonusDetail .borderBox .inner br {
  display: none;
}

.information .venueBonus .bonusDetail .borderBox .inner span {
  display: block;
}

.information .venueBonus .bonusDetail .notice {
  font-size: 12px;
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 20px;
}

.information .venueBonus .itemImg {
  display: block;
  width: 100%;
}

.information .venueBonus .itemImg img {
  width: 100%;
}

.shop_link{
	margin:10px auto 20px;
	width:300px;
	}

.shop_link img{
	width:140px;
	}

.shop_link a,.shop_link a:nth-child(4){
	margin:5px;
	}

.tracklist ul{
	margin:0;
	padding:10px 20px;
	box-sizing:border-box;
	line-height:1.5
	}

.tracklist ul li{
	box-sizing:border-box;
	margin-bottom:10px;
	font-size:13px;
	}

.tracklist ul li span {
  font-size: 13px;
}

.tracklist ul li span.tr_title{
	width:220px;
}

.tracklist ul li span.original{
	font-size:10px;
}

.tracklist ul li span.tr_no{
	width:40px;
	}

.movie .movieBox {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.movie .movieBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.stafflist ul{
	padding:0px 20px;
	margin-bottom:50px;
	}

.stafflist ul li{
	margin-bottom:20px;
	}

.stafflist ul li span{
	display:block;
	text-align:right;
	line-height:1.2;
	}

.stafflist ul li span.part{
	text-align:left;
	}

.banner p{
	font-size:10px;
	line-height:1.2;
	}

#footer{
	height:60px;
	font-size:10px;
	}
}