@charset "utf-8";

body {
	background-color: #52023d;
	min-width: 1000px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.93, #52023d), color-stop(0.47, #470d5e), color-stop(0.12, #52023d));
	background: -webkit-linear-gradient(top, #52023d 12%, #470d5e 47%, #52023d 93%);
	background: -moz-linear-gradient(top, #52023d 12%, #470d5e 47%, #52023d 93%);
	background: -o-linear-gradient(top, #52023d 12%, #470d5e 47%, #52023d 93%);
	background: -ms-linear-gradient(top, #52023d 12%, #470d5e 47%, #52023d 93%);
	background: linear-gradient(to bottom, #52023d 12%, #470d5e 47%, #52023d 93%);

}
#wrapper {
	position: relative;
	width: 100%;
}
#contents {
	background: url(../images/common/bg_kabo.png) repeat-x 0 bottom;
	width: 100%;
	padding-bottom: 160px;
	position: relative;
}

h2 { 
	overflow: hidden;
    /* text-indent: 100%; */
    text-indent: -9999px;
    white-space: nowrap;
    line-height: 1;
}
ul, li { list-style-type: none; }

/* 半透明回避 */
a.follow,
#list-btn a {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	transition: none !important;
}
a.follow:hover,
#list-btn a:hover {
	-moz-opacity:1 !important;
	opacity:1 !important;
}

ul#btn-sbm {
	text-align: center;
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
}

ul#btn-sbm li {
	display: inline-block;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	line-height: normal;
	list-style: none;
	vertical-align: top;
}

/* global nav
**********************************/
#global_nav {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
	border-bottom: none;
}

/* anchor
**********************************/
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}
#news a,#news a:hover {
	color: #fff;
}
#gnav {
	background: url(../images/common/gnav-bg.png) center center;
	width: 100%;
	height: 85px;
	position: absolute;
	top: 50px;
	right: 0;
	left: 0;
    z-index: 1000;
}
.fixed {position: fixed !important;}
#gnav ul {
	width: 1000px;
	height: 60px;
	margin: 10px auto 0;
}
#gnav li {
	float: left;
	width: 199px;
	height: 60px;
	border-left: 1px solid #936744;
}
#gnav li:last-child {
	border-right: 1px solid #936744;
	width: 198px;
}
#gnav li a {
	width: 198px;
	height: 60px;
	display: block;
}
#gnav li a.nav-artist {
	background: url(../images/common/nav-artist.png) no-repeat center center;
	background-size: 110px auto;
}
#gnav li a.nav-ticket {
	background: url(../images/common/nav-ticket.png) no-repeat center center;
	background-size: 110px auto;
}
#gnav li a.nav-access {
	background: url(../images/common/nav-access.png) no-repeat center center;
	background-size: 110px auto;
}
#gnav li a.nav-goods {
	background: url(../images/common/nav-goods.png) no-repeat center center;
	background-size: 110px auto;
}
#gnav li a.nav-howto {
	background: url(../images/common/nav-howto.png) no-repeat center center;
	background-size: 110px auto;
}

/* #topad
**********************************/
#topad {
	background: #fff;
	padding:0;
}
/* #header
**********************************/
#header {
	width: 100%;
	height: 695px;
	background: url(../images/common/header-bg.png) no-repeat center bottom;
	background-size: cover;
	padding-top: 150px;
	position: relative;
}
#header h1 {
	background: url(../images/common/header-logo.png) no-repeat;
	width: 950px;
	height: 590px;
	margin: 0 auto;
	position: relative;
	top: 0px;
	left: 0;
	right: 0;
}
#header p.copy {
	background: url(../images/common/header-copy.png) no-repeat;
	width: 1000px;
	height: 82px;
	margin: 0 auto;
	position: relative;
	bottom: 80px;
	left: 0;
	right: 0;
}
#header .headerContents {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#header .header-txt {
	background: url(../images/common/header-txt.png) no-repeat;
	width: 190px;
	height: 190px;
	position: absolute;
	top: 40px;
	left: 40px;
}
#header .sublogo {
	position: absolute;
	top: 60px;
	right: 65px;
}
.innerlink-head {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 56px;
	height: 56px;
}
.innerlink-head a {
	background: url(../images/common/pagetop.png) no-repeat;
	width: 56px;
	height: 56px;
	display: block;
}

#header .bats1 {
	position: absolute;
	top: 100px;
	left: 65px;
}
#header .bats2 {
	position: absolute;
	top: 200px;
	left: 30px;
}

/* #main
**********************************/
#main {
	background: url(../images/common/bg_cloud1.png) no-repeat center 1180px;
	float: none;
	color: #fff;
	line-height: 1.75;
}


/* #top
**********************************/
.top_txt {
	background: url(../images/common/top_txt.png) no-repeat;
	width: 1000px;
	height: 428px;
	margin: 0 auto 30px;
	overflow: hidden;
    /* text-indent: 100%; */
    text-indent: -9999px;
    white-space: nowrap;
    line-height: 1;
    position: relative;
}
.top_txt .top_txt_kabo {
	position: absolute;
	top: 0;
	left: 0;
}
.top_day {
	background: url(../images/common/top_day.png) no-repeat;
	width: 840px;
	height: 505px;
	margin: 0 auto 50px;
	overflow: hidden;
    /* text-indent: 100%; */
    text-indent: -9999px;
    white-space: nowrap;
    line-height: 1;
}


/* #news
**********************************/
#news {
	border: 3px solid #d7aa63;
	padding: 4px;
	width: 840px;
	height: 130px;
	margin: 0 auto 120px;
}
#news .news_inner {
	border: 1px solid #d7aa63;
	width: 838px;
	height: 128px;
}
#news h2 {
	background: url(../images/common/tit_news.png) no-repeat center center;
	width: 168px;
	height: 128px;
	float: left;
}
#news dl {
	width: 670px;
	height: 108px;
	float: left;
	margin: 10px 0;
	font-size: 15px;
}
#news dt {
	background: #d7aa63;
	float: left;
	width: 100px;
	text-align: center;
	color: #000;
	clear: both;
}
#news dd {
	float: left;
	width: 530px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* #twitter
**********************************/
#twitter {
	width: 555px;
	height: 555px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #fff;
    margin: 0 auto;
    position: relative;
}
#twitter h2 {
	background: url(../images/common/tit_twitter.png) no-repeat;
	width: 193px;
	height: 28px;
	position: absolute;
	top: 55px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#twitter .twitter_box {
	width: 450px;
	margin: 126px auto 0;
}
#twitter a.follow {
	background: url(../images/common/twitter-follow.png) no-repeat;
	width: 206px;
	height: 58px;
	margin: 20px auto 0;
	display: block;
}
#twitter a.follow:hover {
	background-position: 0 -58px;
}
/* other
**********************************/
.caution {
	font-size: 14px;
}
a.btn_hw2015 {
	display: block;
	background: url(../images/common/btn_hw2015.png) no-repeat;
	width:280px;
	height: 212px;
	margin: 120px auto 50px;
}
.br_sp { display: none; }

/* #artist	
**********************************/
#artist {
	padding-top: 150px;
	margin: 0 auto;
	position: relative;
}
#artist h2 {	
	background: url(../images/common/tit_artist.png) no-repeat;
	width: 490px;
	height: 213px;
	margin: 0 auto 70px;
}
#artist .bats {
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: url(../images/common/bats3.png) no-repeat, url(../images/common/bats4.png) no-repeat;
	background-position: 700px 0px, 620px 120px;
}

/* ボタン */
#list-btn {
	margin: 0 auto 50px;
	text-align: center;
}
#list-btn li  {
	width: 142px;
	height: 142px;
	display: inline-block;
	margin-right: 20px;
	text-indent: -9999px;
	background: url(../images/common/btn_day.png) no-repeat;
}
#list-btn li:hover {
	cursor: pointer;
}

#artist #list-btn .list-btn-1 {background-position: 0 0;}
#artist #list-btn .list-btn-2 {background-position: -142px 0;}
#artist #list-btn .list-btn-3 {background-position: -284px 0;}
#artist #list-btn .list-btn-1:hover,
#artist #list-btn li.active.list-btn-1 {background-position: 0 -142px;}
#artist #list-btn .list-btn-2:hover,
#artist #list-btn li.active.list-btn-2 {background-position: -142px -142px;}
#artist #list-btn .list-btn-3:hover,
#artist #list-btn li.active.list-btn-3 {background-position: -284px -142px;}

/* コンテンツ */
#artistList {
    padding:0px;
    margin:0 auto;
    color:#333;
    font-size: 11px;
    width:840px;
    min-height: 1000px;
    position:relative;
}

#artistList .box {
    width: 840px;
    overflow:hidden;
    clear:both;
}
#artistList .box .area{
	width: 840px;
}
#artistList p {
	color: #d7aa63;
	font-size: 14px;
	text-align: center;
}
#artistList .box .area ul li {
	width: 407px;
	height: 272px;
	display: block;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
    text-indent: -9999px;
}
#artist h3.tit_day {
	background: url(../images/common/tit_day.png) no-repeat;
	width: 840px;
	height: 70px;
	margin: 0 auto 30px;
	overflow: hidden;
    /* text-indent: 100%; */
    text-indent: -9999px;
    white-space: nowrap;
    line-height: 1;
}
#artist #day1 h3 {background-position: 0 0;}
#artist #day2 h3 {background-position: 0 -118px;}
#artist #day3 h3 {background-position: 0 -236px;}

#artist #day1, #artist #day2 {margin-bottom: 100px;}
#artist #day3 {margin-bottom: 50px;}

#artist #day1 .artist-1 {background: url(../images/artist/artist1_1.png) no-repeat;}
#artist #day1 .artist-2 {background: url(../images/artist/artist1_2.png) no-repeat;}
#artist #day1 .artist-3 {background: url(../images/artist/artist1_3.png) no-repeat;}
#artist #day1 .artist-4 {background: url(../images/artist/artist1_4.png) no-repeat;}
#artist #day1 .artist-5 {background: url(../images/artist/artist1_5.png) no-repeat;}
#artist #day1 .artist-6 {background: url(../images/artist/artist1_6.png) no-repeat;}

#artist #day2 .artist-1 {background: url(../images/artist/artist2_1.png) no-repeat;}
#artist #day2 .artist-2 {background: url(../images/artist/artist2_2.png) no-repeat;}
#artist #day2 .artist-3 {background: url(../images/artist/artist2_3.png) no-repeat;}
#artist #day2 .artist-4 {background: url(../images/artist/artist2_4.png) no-repeat;}
#artist #day2 .artist-5 {background: url(../images/artist/artist2_5.png) no-repeat;}
#artist #day2 .artist-6 {background: url(../images/artist/artist2_6.png) no-repeat;}
#artist #day2 .artist-7 {background: url(../images/artist/artist2_7.png) no-repeat;}

#artist #day3 .artist-1 {background: url(../images/artist/artist3_1.png) no-repeat;}
#artist #day3 .artist-2 {background: url(../images/artist/artist3_2.png) no-repeat;}
#artist #day3 .artist-3 {background: url(../images/artist/artist3_3.png) no-repeat;}
#artist #day3 .artist-4 {background: url(../images/artist/artist3_4.png) no-repeat;}
#artist #day3 .artist-5 {background: url(../images/artist/artist3_5.png) no-repeat;}
#artist #day3 .artist-6 {background: url(../images/artist/artist3_6.png) no-repeat;}

#artistList .artist-7 {
	width: 407px;
	height: 272px;
	display: block;
	margin: 0 auto 25px;
    text-indent: -9999px;
}

#artistList .box p.catch {
	background: url(../images/common/tit_day.png) no-repeat;
	width: 840px;
	height: 39px;
	margin: 20px auto 50px;
	overflow: hidden;
    /* text-indent: 100%; */
    text-indent: -9999px;
    white-space: nowrap;
    line-height: 1;
}
#artistList .box #day1 p.catch {background-position: 0 -79px;}
#artistList .box #day2 p.catch {background-position: 0 -360px;height: 74px;}
#artistList .box #day3 p.catch {background-position: 0 -315px;}

#artistList .box .mc {
	width: 100%;
	margin: 20px auto 30px;
}
#artistList .box #day1 .mc {
	background: url(../images/common/mc_day1.png) no-repeat center center;
	height: 172px;
}
#artistList .box #day2 .mc {
	background: url(../images/common/mc_day2.png) no-repeat center center;
	height: 270px;
}
#artistList .box #day3 .mc {
	background: url(../images/common/mc_day3.png) no-repeat center center;
	height: 270px;
}

a.btn_buy {
	background: url(../images/common/btn_buy.png) no-repeat;
	width: 443px;
	height: 86px;
	display: block;
	margin: 30px auto 0;
	overflow: hidden;
    /* text-indent: 100%; */
    text-indent: -9999px;
    white-space: nowrap;
    line-height: 1;
}

/* #ticket
**********************************/
#ticket {
	background: url(../images/common/bg_cloud2.png) no-repeat center 20px;
	padding-top: 150px;
}
#ticket h2 {	
	background: url(../images/common/tit_ticket.png) no-repeat;
	width: 490px;
	height: 213px;
	margin: 0 auto;
}
#ticket .ticket_txt {
	width: 840px;
	margin: 0 auto;
	padding-top: 70px;
}
#ticket .ticket_txt .top {
	background: url(../images/common/ticket_txt_top.png) no-repeat;
	width: 840px;
	height: 199px;
}
#ticket .ticket_txt .center {
	background: url(../images/common/ticket_txt_center.png) repeat-y;
	width: 840px;
	height: auto;
	padding: 10px 0;
}
#ticket .ticket_txt .btm {
	background: url(../images/common/ticket_txt_btm.png) no-repeat;
	width: 840px;
	height: 6px;
}
#ticket .ticket_txt .center .p01 {
	background: url(../images/common/ticket_txt_p01.png) no-repeat;
	width: 399px;
	height: 40px;
	margin: 20px auto 30px;
}
#ticket .ticket_txt .center .btn_area {
	width: 750px;
	height: 130px;
	margin: 0 auto 20px;
}
#ticket .ticket_txt .center .btn_area li {
	float: left;
	width: 134px;
	height: 130px;
	margin-right: 20px;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
    /* text-indent: 100%; */
    text-indent: -9999px;
    white-space: nowrap;
    line-height: 1;
}
#ticket .ticket_txt .center .btn_area li:last-child {
	margin-right: 0px;
}
#ticket .ticket_txt .center .btn_area li a {
	width: 134px;
	height: 130px;
	display: block;
	text-decoration: none;
}
#ticket .ticket_txt .center .btn_area li:nth-child(1) a {
	background: url(../images/common/ticket_guide_1.png) no-repeat center center;
}
#ticket .ticket_txt .center .btn_area li:nth-child(2) a {
	background: url(../images/common/ticket_guide_2.png) no-repeat center center;
}
#ticket .ticket_txt .center .btn_area li:nth-child(3) a {
	background: url(../images/common/ticket_guide_3.png) no-repeat center center;
}
#ticket .ticket_txt .center .btn_area li:nth-child(4) a {
	background: url(../images/common/ticket_guide_4.png) no-repeat center center;
}
#ticket .ticket_txt .center .btn_area li:nth-child(5) a {
	background: url(../images/common/ticket_guide_5.png) no-repeat center center;
}
#ticket .caution {
	width: 840px;
	font-size: 14px;
	margin: 30px auto;
}
#ticket .caution.day {
	margin: 0 auto;
}
#ticket .caution.day p {
	font-size: 22px;
    font-weight: bold;
    color: #fff;
}
#ticket .caution.day p span {
    color: #d7aa63;
}
#ticket .caution.day h3 {
    font-size: 38px;
    font-weight: bold;
    color: #d7aa63;
}
#ticket .happy {
	width: 840px;
	font-size: 14px;
	margin: 0px auto;
}
#ticket .happy h3 {
    font-size: 38px;
    font-weight: bold;
    color: #d7aa63;
}
#ticket .happy .p01 {
	font-size: 22px;
    font-weight: bold;
    color: #d7aa63;
}
#ticket .happy .p01 span {
	background: #ff8b13;
	color: #52023d;
	padding: 1px 5px;
}
#ticket .happy .p02 {
	font-size: 22px;
    font-weight: bold;
    color: #fff;
}
#ticket .happy .p02 span {
    color: #d7aa63;
}
#ticket .happy li.em {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}
a.btn_ticket {
	background: url(../images/common/btn_ticket.png) no-repeat;
	width: 443px;
	height: 86px;
	display: block;
	margin: 30px auto 0;
	overflow: hidden;
    /* text-indent: 100%; */
    text-indent: -9999px;
    white-space: nowrap;
    line-height: 1;
}


/* #access
**********************************/
#access {
	background: url(../images/common/bg_cloud3.png) no-repeat center 150px;
	padding-top: 150px;

}
#access h2 {	
	background: url(../images/common/tit_access.png) no-repeat;
	width: 490px;
	height: 213px;
	margin: 0 auto 70px;
}
#access .place {
	background: #d7aa63 url(../images/common/place_tit.png) no-repeat 20px center;
	width: 800px;
	height: 60px;
	margin: 0 auto 20px;
	position: relative;
}
#access .place p {
	height: 22px;
	position: absolute;
	top: 18px;
	left: 410px;
	color: #000;
}
#access .place p span {
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
    margin-left: 10px;
    font-size: 16px;
}
#access .map {
	width: 800px;
	margin: 0 auto;
}

/* #howto
**********************************/
#howto {
	background: url(../images/common/bg_cloud4.png) no-repeat center 20px;
	padding-top: 150px;
	margin: 0 auto;
}
#howto h2 {	
	background: url(../images/common/tit_howto.png) no-repeat;
	width: 490px;
	height: 213px;
	margin: 0 auto 70px;
}
#howto .caution {
	margin: 30px auto;
	width: 840px;
	font-size: 14px;
}
#howto .contact {
	background: url(../images/common/contact.png) no-repeat;
	width: 840px;
	height: 50px;
	margin: 0 auto;
}
#howto .howto_txt {
	background: url(../images/common/howto_txt.png) no-repeat;
	width: 840px;
	height: 100px;
	margin: 0 auto;
}

/* #loader-bg
**********************************/
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 10000;
	background-color: #52023d;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	z-index: 10001;
}
#loader > img {
	-webkit-animation-name:fuwafuwa;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}


/* #goods
**********************************/
#goods {
	padding-top: 150px;
	margin: 0 auto;
	text-align: center;
}
#goods h2 {	
	background: url(../images/common/tit_goods.png) no-repeat;
	width: 490px;
	height: 213px;
	margin: 0 auto 70px;
}
#goods .goods_txt {
	width: 960px;
	margin: 0 auto;
}
#goods .goods_txt .goods_img1 {
	background: url(../images/common/goods_img1.png) no-repeat;
	width: 840px;
	height: 858px;
	margin: 0 auto 50px;

}
#goods .goods_txt .goods_img2 {
	background: url(../images/common/goods_img2.png) no-repeat;
	width: 960px;
	height: 127px;
	margin: 0 auto 50px;
}
#goods .goods_txt .p01 {
	color: #d7aa63;
	font-size: 38px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 20px;
}
#goods .goods_txt .p02 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 50px;
}
#goods .goods_txt .p02 span {
	color: #52023d;
	background: #ff8b13;
	padding: 1px 2px;
	font-weight: bold;
}
#goods .caution {
    text-align: left;
    width: 500px;
    margin: 0 auto;
}
#goods .caution span {
	color: #ffce00;
	font-size: 150%;
}