html {
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: #000;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

.for-sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  .for-pc {
    display: none;
  }

  .for-sp {
    display: block;
  }
}
#container {
  font-family: 'Hiragino Kaku Gothic ProN', 'Meiryo', Helvetica, Arial, sans-serif;
  zoom: 1;
  color: #191919;
}
#container:after {
  content: "";
  display: block;
  clear: both;
}

.header {
  position: relative;
  padding: 5% 0 0 0;
  background-image: url(/high-resolution/high-res-rockfes2016/share/img/top_img.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.header > .supporter {
  padding: 0 0 6%;
}
.header .inner {
  max-width: 1156px;
  margin: 0 auto;
}
.header .logo {
  margin: 5% auto 20%;
  width: 45%;
}

.header .concept {
  text-align: center;
}
.header .cta {
  position: absolute;
  bottom: 230px;
  right: 12%;
  width: 19%;
}
.header .cta img {
  width: inherit\9;
}
@media only screen and (max-width: 767px) {
  .header {
    background-image: url(/high-resolution/high-res-rockfes2016/share/img/sp/top_img.jpg);
    padding: 55px 0 0;
  }
  .header > .supporter {
    padding: 0;
  }
  .header .logo {
    padding: 0 0 0 0;
    margin: 5% auto 0;
    width: 75%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .header .logo img {
    max-width: none;
    width: 100%;
  }
  .header .gnav {
    width: 100%;
    padding: 0;
  }
  .header .gnav ul li {
    width: 100%;
  }
  .header .gnav ul li:before {
    right: 6%;
  }
  .header .gnav ul li a {
    padding-left: 10%;
  }
  .header .concept {
    margin: -150px 0 0 10px;
  }
  .header .cta {
    position: relative;
    top: 280px;
    right: 0;
    width: 100%;
    padding: 0 15%;
    box-sizing: border-box;
  }
}

.sec-slider {
  text-align: center;
  overflow: hidden;
  width: 100%;
}
.sec-slider .bx-wrapper {
  margin: 0 auto;
}
.sec-slider .bx-viewport {
  overflow: visible !important;
}
.sec-slider .slider .slides {
  overflow: hidden;
  max-height: 451px;
}
.sec-slider .slider .bx-pager {
  text-align: center;
  font-size: 0;
  margin: 34px 0 0;
}
.sec-slider .slider .bx-pager .bx-pager-item {
  display: inline-block;
  width: 15px;
  height: 15px;
  overflow: hidden;
  margin: 0 5px;
}
.sec-slider .slider .bx-pager .bx-pager-item a {
  background: url(/high-resolution/high-res-rockfes2016/share/img/slide_control.png) 0 0 no-repeat;
  background-position: 0 -15px;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.sec-slider .slider .bx-pager .bx-pager-item a.active {
  background-position: 0 0;
}
@media only screen and (max-width: 767px) {
  .sec-slider {
    position: relative;
    margin: 50px 0 0 0;
  }
  .sec-slider .slider .bx-pager {
    margin-top: 22px;
  }
}

.sec-tracks {
  max-width: 960px;
  box-sizing: border-box;
  margin: 75px auto 0;
}
@media only screen and (max-width: 767px) {
  .sec-tracks {
    margin:350px auto 0;
  }
}
.sec-tracks .tracks {
  zoom: 1;
  margin: 0 0 150px;
}
.sec-tracks .tracks:after {
  content: "";
  display: block;
  clear: both;
}
.sec-tracks .tracks .tracks-header {
  text-align: center;
  margin: 0 0 40px;
}
.sec-tracks .tracks .tracks-header .lead {
  font-size: 0;
  zoom: 1;
}
.sec-tracks .tracks .tracks-header .lead:after {
  content: "";
  display: block;
  clear: both;
}
.sec-tracks .tracks .data {
  display: none;
}
.sec-tracks .tracks .track {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin: 2%;
  float: left;
  width: 29%;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
@media only screen and (max-width: 767px) {
  .sec-tracks .tracks .tracks-header {
    margin: 0 0 0 0;
  }
  .sec-tracks .tracks {
    margin: 0 0 20px 0;
  }
  .sec-tracks .tracks:last-child {
    margin-bottom: 0;
  }
  .sec-tracks .tracks .track {
    width: 50%;
    margin: 20px 0 0 0;
  }
}
.sec-tracks .tracks .track.deactive {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.sec-tracks .tracks .track.active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.sec-tracks .tracks .track img {
  width: 100%;
}
.sec-tracks .tracks .track .jacket {
  overflow: hidden;
}
.sec-tracks .tracks .track .jacket > .inner {
  background: #000;
  position: relative;
  z-index: 2;
}
.sec-tracks .tracks .track .jacket > .inner:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 78%;
}
.sec-tracks .tracks .track .jacket > .inner img {
  position: absolute;
  top: 0;
  left: 0;
}
.sec-tracks .tracks .track .jacket figcaption {
  position: relative;
  color: #FFF;
  overflow: hidden;
  margin: -1px 0 0;
  background-color: #131313;
}
.sec-tracks .tracks .track .jacket figcaption:before {
  content: "";
  display: block;
  padding: 10% 0;
}
.sec-tracks .tracks .track .jacket figcaption img {
  position: absolute;
  top: -70%;
  left: 0;
  z-index: 2;
}
.sec-tracks .tracks .track .jacket figcaption .info {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
}
.sec-tracks .tracks .track .jacket figcaption .name {
  position: relative;
  z-index: 2;
  font-size: 15px;
  margin: 0 0 10px;
  line-height: 1.5;
}
.sec-tracks .tracks .track .jacket figcaption .name small {
  font-size: 12px;
}
.sec-tracks .tracks .track .jacket figcaption .artist {
  position: relative;
  z-index: 2;
  font-size: 16px;
  line-height: 3.5;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .sec-tracks .tracks .track .jacket figcaption .info {
    padding: 2% 5%;
  }
  .sec-tracks .tracks .track .jacket figcaption .name {
    font-size: 12px;
    line-height: 1.3;
    margin: 0 0 5px;
  }
  .sec-tracks .tracks .track .jacket figcaption .artist {
    font-size: 10px;
    line-height: 3.5;
  }
}
.sec-tracks .tracks .track-info {
  position: relative;
  width: 100%;
  height: 930px;
  overflow: hidden;
  float: left;
}
.sec-tracks .tracks .track-info .meta {
  width: 100%;
}
.sec-tracks .tracks .track-info .meta .message {
  display: table;
  background-color: #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  width: 100%;
  padding: 0 5%;
  box-sizing: border-box;  
}
.sec-tracks .tracks .track-info .meta .message .label {
  display: table-cell;
  vertical-align: middle;
  width: 29%;
}
.sec-tracks .tracks .track-info .meta .message .text {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1;
  padding: 0 0 0 5%;
}
.sec-tracks .tracks .track-info .meta .message .text div {
  margin: 0 0 25px 0;
}
.sec-tracks .tracks .track-info .meta .message .text .for-pc {
  margin: 0 0 15px 0;
}
.sec-tracks .tracks .track-info .meta .message .text p {
  display: inline;
}
.sec-tracks .tracks .track-info .meta .message .text .name {
  color: #000;
  font-size: 24px;
}
.sec-tracks .tracks .track-info .meta .message .text .artist {
  color: #000;
}
.sec-tracks .tracks .track-info .meta .zokuzoku {
  position: relative;
  display: table;
  background: #cfb40b;
  height: auto;
  width: 100%;
  color: #f5f4f5;
  padding: 0 5%;
  box-sizing: border-box;
}
.sec-tracks .tracks .track-info .meta .zokuzoku a {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0 5%;
  box-sizing: border-box;
}
.sec-tracks .tracks .track-info .meta .zokuzoku .inner {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.sec-tracks .tracks .track-info .meta .zokuzoku .label {
  display: table-cell;
  vertical-align: middle;
  width: 29%;
}
.sec-tracks .tracks .track-info .meta .zokuzoku .text {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 0 50px 3%;
}
.sec-tracks .tracks .track-info .meta .zokuzoku .text .title {
  font-size: 18px;
  line-height: 2;
  margin: 15px 0 0 0;
}
.sec-tracks .tracks .track-info .meta .zokuzoku .text .comment {
  margin: 0 0 0 15px;
}
.sec-tracks .tracks .track-info .mora {
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
}
.sec-tracks .tracks .track-info .mora .buy {
  background: #0C3869;
  height: 300px;
  width: 100%;
  padding: 0 2% 0;
  box-sizing: border-box;
  display: table;
}
.sec-tracks .tracks .track-info .mora .buy div{
  display: table-cell;
  vertical-align: middle;
}
.sec-tracks .tracks .track-info .mora .buy .left {
  width: 30%;
}
.sec-tracks .tracks .track-info .mora .buy .right {
  width: 70%;
}
.sec-tracks .tracks .track-info .mora .buy .button {
  margin: 30px 0 30px 0;
}
.sec-tracks .tracks .track-info .mora .listen {
  display: table;
  width: 100%;
  background: #fff;
  height: 300px;
  padding: 0 5%;
  box-sizing: border-box;
}
.sec-tracks .tracks .track-info .mora .listen .button {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .sec-tracks .tracks .track-info {
    height: auto;
  }
  .sec-tracks .tracks .track-info .meta {
    float: none;
    width: 100%;
  }
  .sec-tracks .tracks .track-info .meta .message {
    height: auto;
    padding: 40px 10%;
  }
  .sec-tracks .tracks .track-info .meta .message .label {
    display: block;
    width: 100%;
    margin: 0 0 32px;
    border: solid 5px #191919;
    padding: 40px 0;
    text-align: center;
    border-radius: 15px;
    box-sizing: border-box;
  }
  .sec-tracks .tracks .track-info .meta .message .label .for-sp {
    display: inline-block;
  }
  .sec-tracks .tracks .track-info .meta .message .text {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 15px;
    line-height: 1.7;
  }
  .sec-tracks .tracks .track-info .meta .zokuzoku {
    display: block;
    height: auto;
    padding: 40px 10%;
  }
  .sec-tracks .tracks .track-info .meta .zokuzoku .label {
    display: block;
    width: 100%;
    margin: 0 0 32px;
    border: solid 5px #fff;
    padding: 40px 0;
    text-align: center;
    border-radius: 15px;
    box-sizing: border-box;
  }
  .sec-tracks .tracks .track-info .meta .zokuzoku .label .for-sp {
    display: inline-block;
  }
  .sec-tracks .tracks .track-info .meta .zokuzoku .text {
    display: block;
    padding: 0 0 20px 3%;
  }
  .sec-tracks .tracks .track-info .meta .zokuzoku .text .comment {
    margin: 0 0 0 0;
  }
  .sec-tracks .tracks .track-info .mora {
    position: relative;
    width: 100%;
  }
  .sec-tracks .tracks .track-info .mora .buy {
    padding: 60px 10% 40px;
    height: auto;
  }
  .sec-tracks .tracks .track-info .mora .buy .left {
    width: 100%;
  }
  .sec-tracks .tracks .track-info .mora .buy .right {
    width: 100%;
  }
  .sec-tracks .tracks .track-info .mora .buy div {
    display: block;
  }
  .sec-tracks .tracks .track-info .mora .listen {
    height: auto;
    padding: 40px 0;
  }
  .sec-tracks .tracks .track-info .mora .buttons {
    margin: 58px 0 0;
  }
  .sec-tracks .tracks .track-info .mora .buttons ul {
    margin-bottom: -40px;
  }
  .sec-tracks .tracks .track-info .mora .buttons ul li {
    margin-bottom: 40px;
  }
}

.store {
  margin: 100px 0 0 0;
  text-align: center;
}
.tasting_spot_fes {
  margin: 50px 0 0 0;
  text-align: center;
}
.hi_res_rock_fes_2016 {
  margin: 100px 0 100px 0;
  text-align: center;
}
.sec-stores {
  max-width: 900px;
  margin: 0 auto 50px auto;
  zoom: 1;
}
.sec-stores:after {
  content: "";
  display: block;
  clear: both;
}
.sec-stores .title {
  margin: 0 0 40px;
  padding: 0 25%;
  text-align: center;
}
.sec-stores .lead {
  background: #b8bf00;
  font-size: 14px;
  padding: 45px 5% 30px;
  color: #292929;
  text-align: center;
  line-height: 1.9;
  font-size: 21px;
}
.sec-stores .lead small {
  font-size: 13px;
  display: block;
  margin: 18px 0 0;
}
.sec-stores .store {
  position: relative;
  float: left;
  width: 33.333%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .store {
    margin: 40px 0 0 0;
  }
  .sec-stores .store {
    float: none;
    width: 100%;
    margin: 0 0 0 0;
  }
  .hi_res_rock_fes_2016 {
    margin: 10px 0 60px 0;
  }
}
.sec-stores .store a {
  display: block;
  height: 100%;
  background: #FFF;
}
.sec-stores .store img {
  width: 100%;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.sec-stores .store img:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 0.88;
  filter: alpha(opacity=88);
}
.sec-stores .store .name {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  display: table;
  margin: -9px 0 0;
  width: 100%;
  color: #FFF;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .sec-stores {
    margin: 50px 0;
  }
  .sec-stores .title {
    margin-bottom: 25px;
  }
  .sec-stores .lead {
    font-size: 18px;
    padding: 45px 5% 30px;
  }
}

.rum{
	animation: rumble 5.0s linear infinite;
}

.rum:hover{
	animation: rumble-loop 0.12s linear infinite;
}
@keyframes rumble-loop{
	0%	{transform:rotate(0deg)	translate(0,0);}
	12.5%	{transform:rotate(0.4deg)	translate(2px,-2px);}
	25%	{transform:rotate(0.8deg)	translate(0px,2px);}
	37.5%	{transform:rotate(0.4deg)	translate(-2px,0);}
	50%	{transform:rotate(0deg)	translate(0,0);}
	62.5%	{transform:rotate(-0.4deg)	translate(2px,0);}
	75%	{transform:rotate(-0.8deg)	translate(0,2px);}
	87.5%	{transform:rotate(-0.4deg)	translate(-2px,-2px);}
	100%	{transform:rotate(0deg)	translate(0,0);}
} 

@keyframes rumble{
	0.00%	{transform:rotate(0deg)	translate(0,0);}
	0.30%	{transform:rotate(0.4deg)	translate(2px,-2px);}
	0.60%	{transform:rotate(0.8deg)	translate(0px,2px);}
	0.90%	{transform:rotate(0.4deg)	translate(-2px,0);}
	1.20%	{transform:rotate(0deg)	translate(0,0);}
	1.50%	{transform:rotate(-0.4deg)	translate(2px,0);}
	1.80%	{transform:rotate(-0.8deg)	translate(0,2px);}
	2.10%	{transform:rotate(-0.4deg)	translate(-2px,-2px);}
	2.40%	{transform:rotate(0deg)	translate(0,0);}
	2.70%	{transform:rotate(0.4deg)	translate(2px,-2px);}
	3.00%	{transform:rotate(0.8deg)	translate(0px,2px);}
	3.30%	{transform:rotate(0.4deg)	translate(-2px,0);}
	3.60%	{transform:rotate(0deg)	translate(0,0);}
	3.90%	{transform:rotate(-0.4deg)	translate(2px,0);}
	4.20%	{transform:rotate(-0.8deg)	translate(0,2px);}
	4.50%	{transform:rotate(-0.4deg)	translate(-2px,-2px);}
	4.80%	{transform:rotate(0deg)	translate(0,0);}
	5.10%	{transform:rotate(0.4deg)	translate(2px,-2px);}
	5.40%	{transform:rotate(0.8deg)	translate(0px,2px);}
	5.70%	{transform:rotate(0.4deg)	translate(-2px,0);}
	6.00%	{transform:rotate(0deg)	translate(0,0);}
	6.30%	{transform:rotate(-0.4deg)	translate(2px,0);}
	6.60%	{transform:rotate(-0.8deg)	translate(0,2px);}
	6.90%	{transform:rotate(-0.4deg)	translate(-2px,-2px);}
	7.20%	{transform:rotate(0deg)	translate(0,0);}
	7.50%	{transform:rotate(0.4deg)	translate(2px,-2px);}
	7.80%	{transform:rotate(0.8deg)	translate(0px,2px);}
	8.10%	{transform:rotate(0.4deg)	translate(-2px,0);}
	8.40%	{transform:rotate(0deg)	translate(0,0);}
	8.70%	{transform:rotate(-0.4deg)	translate(2px,0);}
	9.00%	{transform:rotate(-0.8deg)	translate(0,2px);}
	9.30%	{transform:rotate(-0.4deg)	translate(-2px,-2px);}
	9.60%	{transform:rotate(0deg)	translate(0,0);}
	9.90%	{transform:rotate(0.4deg)	translate(2px,-2px);}
	10.20%	{transform:rotate(0.8deg)	translate(0px,2px);}
	10.50%	{transform:rotate(0.4deg)	translate(-2px,0);}
	10.80%	{transform:rotate(0deg)	translate(0,0);}
	11.10%	{transform:rotate(-0.4deg)	translate(2px,0);}
	11.40%	{transform:rotate(-0.8deg)	translate(0,2px);}
	11.70%	{transform:rotate(-0.4deg)	translate(-2px,-2px);}
	12.00%	{transform:rotate(0deg)	translate(0,0);}
	12.30%	{transform:rotate(0.4deg)	translate(2px,-2px);}
	12.60%	{transform:rotate(0.8deg)	translate(0px,2px);}
	12.90%	{transform:rotate(0.4deg)	translate(-2px,0);}
	13.20%	{transform:rotate(0deg)	translate(0,0);}
	13.50%	{transform:rotate(-0.4deg)	translate(2px,0);}
	13.80%	{transform:rotate(-0.8deg)	translate(0,2px);}
	14.10%	{transform:rotate(-0.4deg)	translate(-2px,-2px);}
	14.40%	{transform:rotate(0deg)	translate(0,0);}
	14.70%	{transform:rotate(0.4deg)	translate(2px,-2px);}
	15.00%	{transform:rotate(0.8deg)	translate(0px,2px);}
	15.10%	{transform:rotate(0deg)	translate(0,0);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}