@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);


/* clearfix
------------------------ */
.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.clearfix{display: inline-block;} 
/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/* End Hack */ 


/* base
================================== */

body, input, textarea {
	font-family: "メイリオ", meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
html,body { 
width:100%;color:#fff;
background:#000;
background: #000 url(../images/blackorchid.png) repeat ;

}
#wrap {
	width:100%;
	position:relative;
}
#contents {
	/*width:960px;*/
	margin:0 auto;
}
a {
	color:#fff;
	text-decoration:none;
}
a:hover{

}
/* 見出し */
h2{
	line-height:1;
	margin-bottom:50px;
	font-size:42px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	text-align:center;
	letter-spacing: 0.05em;
}

p.mainLead{
text-align: center;
border: 1px solid #333;
padding: 10px;
margin: 0px auto 0;
max-width: 940px;
width: 100%;
font-size: 90%;
}

.pb10{padding-bottom:10px!important;}
.pb20{padding-bottom:10px!important;}
.pb30{padding-bottom:10px!important;}
.pb40{padding-bottom:10px!important;}
.pb50{padding-bottom:10px!important;}

.mb0{margin-bottom:0!important;}
/* layout*/
/*================================== */

.bg {
    width: 100%;
}
.sp_bg{
	display:none;
}
#header .bg {}
#navi .bg {padding: 0;padding: 0 25px 0;box-sizing: border-box;}
#headTxt .bg {padding: 0;}
#releaseinfo .bg {padding: 100px 0 0;}
#schedule .bg {padding: 100px 0 0;}
#information .bg {padding: 120px 0;}
#ticket .bg {padding: 120px 0 0;}
#goods .bg {padding: 120px 0 0;}
#special .bg {padding: 120px 0 0;}
#footer .bg {padding:50px 0 20px 0;}

#header{
	position:relative;
    height: 310px;
	background: url(../images/bg_kyomei.png) center 0 no-repeat fixed;
    margin: 0 auto;
    padding: 0;
	text-align:center;
}
#header .title{
}
#header .mv{
	display:none;
}
#navi{
	background: url(../images/bg_kyomei.png) center 0 no-repeat fixed;
    margin: 0 auto;
    padding: 0;
}
#headTxt{
	background: url(../images/bg_kyomei.png) center 0 no-repeat fixed;
    margin: 0 auto;
    padding: 0px 0 20px;
}
#releaseinfo{
	background: url(../images/bg_kyomei.png) center 0 no-repeat fixed;
    margin: 0 auto;
    padding: 0;
}
#schedule{
	background: url(../images/bg_kyomei.png) center 0 no-repeat fixed;
    margin: 0 auto;
    padding: 0;
}
#information{
	background: url(../images/bg_kyomei.png) center 0 no-repeat fixed;
    margin: 0 auto;
    padding: 0;
}
#ticket{
	background: url(../images/bg_kyomei.png) center 0 no-repeat fixed;
    margin: 0 auto;
    padding: 0;
}
#footer{
    background-size: cover;
    margin: 0 auto;
    padding: 0;
}
#header .kyomei{
	margin:20px 0;
}
/* navi
------------------------ */
#navi ul{
	max-width:960px;
	width:100%;
	margin:0 auto;
}
#navi li{
float: left;
width: 184px;
margin-right: 10px;
}
#navi li:last-child{
	margin:0;
}
#navi li.top{
	display:none;
}

#navi a {
	display:block;
	padding:10px 0;
	border:1px solid #fff;
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	text-align:center;
	letter-spacing: 0.05em;
}
#navi span.soon{
	display:block;
	padding:10px 0;
	border:1px solid #777;
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	text-align:center;
	letter-spacing: 0.05em;
	color:#777;
}
#navi a,
#navi a::before,
#navi a::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
#navi a:hover {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}
#navi.fix{
	position:fixed;
	top:0;
	width:100%;
	z-index:999;
	box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 4px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 4px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.65) 0px 0px 4px 0px;
}
#navi.fix .bg{
	background:#282828;
}
#navi.fix li{
}
#navi.fix li a{
	border-color:#282828;
}
#navi.fix span.soon{
	border:none;
}
#navBtn{
	display:none;
}

/* releaseinfo
------------------------ */
#releaseinfo .inner {
    max-width: 960px;
    width: 93.75%;
    margin: 0 auto;
}


#releaseinfo .article{
	max-width:960px;
	width:100%;
	margin:0 auto;
}
#releaseinfo .article .detailCell_sp{
display:none;

}
#releaseinfo .article table.detailBox{
width: 100%;

}
#releaseinfo table.detailBox tr{
}

#releaseinfo table.detailBox td{
vertical-align:top;

}
#releaseinfo table.detailBox td:nth-child(odd){
margin-top:-3px;
/*width:70%;*/

}

#releaseinfo table.detailBox td:nth-child(even){
text-align: right;
padding: 0 0 0 20px;
width:280px;
}

#releaseinfo h3.cdTitle{
    margin: 0 0 20px 0;
    border-bottom: 2px solid #FFF;
    text-indent: -18px;
    font-size: 34px;
    font-weight: bold;
}

#releaseinfo h3.cdTitle span{
    font-size: 13px;
    font-weight:normal;

}

#releaseinfo p.titCap{
font-size: 20px;
font-weight: bold;

}

#releaseinfo p.credit{
    font-size: 15px;
    padding: 0 0 10px 0;

}
#releaseinfo .article .trackList {
    font-size: 13px;
    border-bottom: 1px solid #555;
    margin: 0 0 15px;
    padding: 0 0 5px;
}

#releaseinfo .article ul.songList{

}

#releaseinfo ul.songList li{
    float:left;
}
#releaseinfo ul.songList li:nth-child(odd){
padding:0 20px 0 0;
}

#releaseinfo ul.songList li:nth-child(even){
}

#releaseinfo ul.songList li .movieBox{
padding: 10px;
background: rgba(255,255,255,0.05);
margin: 0 0 15px 0;
line-height: 0;
}

#releaseinfo ul.songList li .movieBox p.movieTit{
font-size: 13px;
line-height: 1em;
padding: 0px 0px 10px;
}

#releaseinfo table.songCell{
width:620px;
}

#releaseinfo table.songCell tr:nth-child(odd){
background: rgba(255,255,255,0.05);
}
#releaseinfo table.songCell tr:nth-child(even){

}

#releaseinfo table.songCell td{
font-size: 13px;
padding: 8px;
}
#releaseinfo table.songCell td:nth-child(2){

}

#releaseinfo table.songCell td:nth-child(3){

}




#releaseinfo .songBox{
    border-bottom: 1px solid #555;
    padding: 10px 0;
}

.privilege {
    padding: 10px 0;
    border: none;
    border-top: 1px dotted rgb(221, 221, 221);
}

.privilege p.credit{
	font-size: 13px;
    padding: 0 0 5px 0!important;
    font-weight: bold;
}

ul.privilegeList{

}

ul.privilegeList li{
    font-size: 12px;
    text-indent: -14px;
    margin: 0 0 5px 14px;
}




/* schedule
------------------------ */

#schedule{

}

#schedule .inner {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#schedule table.scheduleCell{
    width: 100%;
    margin: 0 auto 0;
}

#schedule table.scheduleCell tr{

}

#schedule table.scheduleCell tr:nth-child(odd){
    background-color: rgba(255,255,255,0.1);
}

#schedule table.scheduleCell tr:nth-child(even){
    background-color: rgba(255,255,255,0.2);
}
#schedule table.scheduleCell td.day{
    padding: 10px;

    width: 20%;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    color: #FFF;
    font-size: 14px;
}

#schedule table.scheduleCell td.time{
    padding: 10px;
    width: 20%;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    color: #FFF;
    font-size: 14px;
}

#schedule table.scheduleCell td.venue{
    color: #FFF;
    width: 30%;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 14px;
white-space:nowrap!important;
}

#schedule table.scheduleCell td.venue .soldout{
display: inline-block;
background: rgba(233, 0, 0, 0.8) none repeat scroll 0% 0%;
margin: 0px auto;
border-radius: 5px;
letter-spacing: 0.1em;
padding: 4px 7px 3px;
line-height: 1em;
font-size: 12px;
}

#schedule table.scheduleCell td.ticket{
    color: #FFF;
    width: 30%;
    font-size: 9px;
    line-height: 1.4em;
    padding:10px;
white-space:nowrap!important;
    border-bottom: 1px solid #000;
}
#schedule table.scheduleCell td.info{
    color: #FFF;
    width: 20%;
    border-bottom: 1px solid #000;
    font-size: 9px;
    line-height: 1.4em;
    padding:10px;
    background-color: rgba(255,255,255,0.1);
}

#schedule p.subTit {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    color: #ede7bc;
}


#schedule p.ticketLead{
font-size: 23px;
font-weight: bold;
padding: 0px 0px 10px;

}
#schedule p.ticketLead span{
font-size: 15px;
color: #FF0000;
display: block;

}
#schedule p.scheduleDetail {
	font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 25px 0;
    letter-spacing: 0.1em;
}

#schedule p.scheduleDetail span{
	font-size: 16px;
}

#schedule .ticketSection{
border-bottom: 1px dotted #333;

}

#schedule .ticketSection li{

	border-top: 1px dotted rgb(51, 51, 51);
padding: 20px 0px;
}


/* goods
------------------------ */
#goodsSP {
	display: none;
}

#goodsPC h2{
	margin: 0 0 40px;
}
#goodsPC .subTit{
	margin-bottom:30px;
	font-weight:bold;
	font-size:32px;
	text-align:center;
	color:#ede7bc;
}
#goodsPC .inner{
	max-width:960px;
	width:93.75%;
	margin:0 auto;
	text-align:center;
}

#goodsPC .inner ul.goodsList {
    text-align: center;
    margin: 0 auto 0;
    width: 960px;
}

#goodsPC .inner ul.goodsList li a{
    background-color: rgba(50,50,50,0.9);
    padding: 10px;
    width: 310px;
    float: left;
    box-sizing: border-box;
    margin: 0;
    height: 360px;
}

#goodsPC .inner ul.goodsList li.blankBox{
    background-color: rgba(50,50,50,0.2);
    padding: 10px;
    width: 310px;
    float: left;
    box-sizing: border-box;
    margin: 0;
    height: 360px;
}



#goodsPC .inner ul.goodsList li a,
#goodsPC .inner ul.goodsList li a:before,
#goodsPC .inner ul.goodsList li a:after {
	-webkit-transition: all .3s;
	transition: all .3s;
	margin: 0 0 15px;
}

#goodsPC .inner ul.goodsList li.middleBox a{
    margin: 0 15px 15px;
}

#goodsPC .inner ul.goodsList li.blankMiddle{
    margin: 0 15px 15px;
}

#goodsPC .inner ul.goodsList li a:hover{
    background-color: rgba(255,255,255,0.3);
}

#goodsPC .inner p.goodsName{
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    padding: 0;
    text-align: left;
}

#goodsPC .inner p.goodsName span{
    font-weight: normal;

}

#goodsPC .inner p.goodsPrice{
    text-align: left;
    font-size: 12px;
}

#cboxOverlay{
	background: #000;
}
.goods_box{ 
width:auto; 
background:#fff; 
padding:15px;
}

.goods_box h4 
{ color:#333; 
font-size:15px; 
font-weight:bold; 
text-align:center; 
padding-bottom:5px; 
margin-bottom:10px; 
border-bottom:1px solid #aaa; 
}

.goods_box .ph { 
text-align: center;
}


.goods_box .detailBox{ 
}
dl.goodsDetail{ 
}

dl.goodsDetail dt{ 
    box-sizing: border-box;
    width: 25%;
    float: left;
    padding: 3px 10px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    font-size: 12px;
    color: #333;
    margin: 0 0 7px 0;
    text-align: right;
    background-color: #efefef;
    font-weight: bold;

}
dl.goodsDetail dd{ 
    width: 75%;
    float: left;
    padding: 3px 10px;
    border: 1px solid #aaa;
    font-size: 12px;
    color: #333;
    margin: 0 0 7px 0;
    box-sizing: border-box;
}

.inbox {
margin: 0 0 5px;
}

.attention{ 
font-size:11px; 
color:#e00; 
margin-bottom:5px; 
line-height:1.3em;
}

.goodsCaption {
display: none;
}

#cboxLoadingGraphic{
background:url(/images/feature/fes2014/loading.gif) no-repeat center ;
}

.price { 
width:100%; 
font-size:12px; 
border:1px solid #aaa; 
border-top:none;
margin-bottom:10px;
color: #333;
}

.price tr { 
border-top:1px solid #aaa;
}

.price th { 
width:60px; 
padding:3px 5px; 
font-weight:bold; 
text-align:center; 
}

.price td { 
width:300px; 
padding: 3px 5px; 
}

.size { 
width:100%; 
font-size:12px;  
border:1px solid #aaa; 
border-top:none; 
color: #333;
font-weight: bold;

}

.size tr { 
border-top:1px solid #aaa; 
}

.size th { 
    background-color: #eee;
    border-right: 1px solid #AAAAAA;
    padding: 3px 10px;
    width: 25%;
    text-align: right;
}

.size td { 
width:77px; 
padding: 3px 0; 
text-align:center; 
}



#cboxClose {
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -13px;
    right: -8px;
    background: url(../images/btn_close.png) no-repeat 0 0;
}



/* information
------------------------ */
#information .article{
	max-width:960px;
	width:93.75%;
	margin:0 auto;
}
#information .article{
	/*height:350px;*/
	/*overflow:hidden;*/
}
#information .article ul{
	padding:0 3% 0 0;
}
#information li{
	margin-bottom:40px;
}
#information li:last-child{
	margin:0;
}
#schedule dt:after,
#schedule dd:after,
#information li:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
#information li .left{
	float:left;
	width:9%;
	margin-right:3%;
}
#information li .right{
	float:right;
	width:88%;
}
#information .date{
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	line-height:1.4em;
	color:#ccc;
	letter-spacing: 0.05em;
}
#information .tit{
	font-size:20px;
	margin-bottom:10px;
	line-height:1.4em;
}
#information .tit span{
	padding-left:10px;
	color:#d60000;
	font-size:14px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
}
#information .detail{
	font-size:14px;
	line-height:1.6em;

}
#information .detail p{
	margin-bottom:10px;
}
/* ticket
------------------------ */
#ticket h2{
	margin: 0 0 50px;
}
#ticket .subTit{
	margin-bottom:30px;
	font-weight:bold;
	font-size:32px;
	text-align:center;
	color:#ede7bc;
}


#ticket .ticketLead{
font-weight:bold;
font-size:22px;
}

#ticket .ticketLead span{
display: block;
color:#FF0000;
}

ul.ticketSection{

border-bottom: 1px dotted #333;
}

ul.ticketSection li{

	border-top: 1px dotted #333;
padding: 25px 0;
}


#ticket .inner{
	max-width:960px;
	width:100%;
	margin:0 auto;
	text-align:center;
}
#ticket .inner dl{
	margin:0 auto;
	color:#000;
}
#ticket .inner dt,
#ticket .inner dd{
	float:left;
	padding:14px 2%;
	margin: 0 0 2px 0;
	background:#fff;
	font-size:16px;
}
#ticket .inner dt{
	width:16%;
	clear:both;
	background:#ddd;

}
#ticket .inner dd{
	width:76%;
	text-align:left;
}
#ticket .inner h3{
margin: 0px auto 10px;
padding-left: 10px;
font-size: 20px;
font-weight: bold;
text-align: left;
border-left: 8px solid #555;
line-height: 1.3em;
}
#ticket .inner ul.small{
padding: 10px;
border: 1px solid rgb(255, 255, 255);
margin: 0px 0px 10px;
}

#ticket .inner ul.small li{
font-size: 14px;
display: block;
line-height: 1.5em;
text-indent: -14px;
text-align: left;
margin: 0px 0px 0px 14px;
padding: 0px 0px 3px;
}

#ticket .inner ul.small li:last-child{
padding: 0px ;
}


.fc .btn a{
    display: block;
    width: 30%;
    padding: 10px 0px 8px;
    margin: 20px auto 5px;
    border-radius: 3px;
    font-size: 20px;
    font-weight: bold;
    background: #ede7bc;
    border-bottom: 3px solid #a7a275;
    color: #000;
    text-shadow: 0px 1px 2px rgba(255,255,255,1);
}

.fc .btn a:hover{
    margin: 23px auto 5px;
    border-bottom: none;
}


#ticket .inner .btn a{
display: block;
width: 30%;
padding: 10px 0px 8px;
margin: 5px auto 5px;
background: #D60000 none repeat scroll 0% 0%;
color: #FFF;
border-radius: 3px;
border-bottom: 3px solid #9E0000;
font-size: 20px;
font-weight: bold;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
#ticket .inner .btn a:hover{
border-bottom:none;
margin:8px auto 5px;
}

#ticket .inner .mt{
	margin-top:50px;
}
#ticket .fc{
	margin:10px 0 0;
	display:none;
}
#ticket .fc .lead{
	font-size:22px;
}
#ticket .inner .fc .btn a{
	background:#ede7bc;
	border-bottom:3px solid #a7a275;
	color:#000;
	text-shadow: 0px 1px 2px rgba(255,255,255,1);
}
#ticket .inner .fc .btn a:hover{
	background:#fff8c9;
	border-bottom:none;
}



/* special
------------------------ */
#special h2{
	margin: 0 0 50px;
}
#special .inner{
	max-width:960px;
	width:100%;
	margin:0 auto;
	text-align:center;
}

#special p.specialLead{
margin: 0 0 40px;
line-height: 1.5em;
font-size: 90%;
}


#special h3.specialTit{
margin-bottom: 20px;
font-weight: bold;
font-size: 32px;
text-align: center;
color: #ede7bc;
}

#special h3.specialLead{

}

#special ul.presentList{
margin: 0 auto 40px;
}

#special ul.presentList li{
width: 280px;
float: left;
margin: 0 20px 0;
position:relative;
}

#special ul.presentList li p.presentRank{
position: absolute;
top: -20px;
left: -20px;
width: 100px;
}

#special ul.presentList li p.presentCap{
font-weight: bold;
}

#special ul.presentList li:nth-child(1) p.presentCap{
color: #E9BF5F;
}

#special ul.presentList li:nth-child(2) p.presentCap{
color: #B9B9B9;
}

#special ul.presentList li:nth-child(3) p.presentCap{
color: #F3985D;
}

#special ul.presentList li p.presentCap span{
font-size: 14px;
color: #FFF;
}




#special .methodBox{


}



#special .methodBox h3.methodTit{
border-bottom: 1px dotted #FFF;
margin: 0 0 10px !important;
padding: 0 0 5px;
font-size: 20px;
font-weight: bold;	
}

#special .methodBox p.methodDetail{

	
}
#special p.btn{
padding:10px;

}

#special p.btn a{
background: #ede7bc;
border-bottom: 3px solid #a7a275;
color: #000;
margin: 0 auto 10px;
display: block;
width: 450px;
padding: 10px 10px 7px;
border-radius: 3px;
font-weight: bold;
}

#special p.btn a:hover{
background: #fff8c9;
border-bottom: none;
margin:3px auto 10px;
}

#special .phoneSize{
	display:none;
}

#special .pcSize{
	display:block;
}










/* footer
------------------------ */
#footer{
	color:#c4c4c4;
	font-size:12px;
	text-align:center;
}
.official{
	margin-bottom:50px;
}
.pageTop{
	display:none;
	position:fixed;
	bottom:3%;
	right:3%;
}
.pageTop a{
	display:block;
	width:50px;
	height:63px;
	background:url(../images/pagetop.png) no-repeat 0 0;
	background-size:50px;
	text-indent:-999%;
	overflow:hidden;
	white-space: nowrap;
}

#globalnaviSP{
	display:none;
}

/* SP max-width: 767px
------------------------ */
@media screen and (max-width: 1039px) {
#wrap{
	position:relative;
	z-index:2;
}
h2{
	font-size:28px;
	margin-bottom:20px;
}
#globalnaviSP{
	display:inline-block;
	width:100%;
	padding:20px 10px 0;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#globalnaviSP ul li{
	display:inline-block;
	width:50%;
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#globalnaviSP ul li a {
	display:block;
	padding:10px 0;
	border:1px solid #fff;
	font-size:18px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	text-align:center;
	letter-spacing: 0.05em;
}

#navi{
	background: none;
}
#headTxt{
	background: none;
}
#releaseinfo{
	background: none;
}
#schedule{
	background: none;
}
#information{
	background: none;
}
#ticket{
	background: none;
}

#goods{
	background: none;
}


/* ナビゲーション */
#navBtn{
width:50px;
height:50px;
background:#908c7b;
position:fixed;
left:0;
top:0;
z-index:9999;
}
#navBtn span{
	position: absolute;
	left: 10px;
	width: 28px;
	height: 2px;
	background:#FFF;
}
#navBtn .top{ top:14px; }
#navBtn .middle{ top:24px; }
#navBtn .bottom{ top:34px; }
#navi {
	display:none;
	width:100%;
	background:#908c7b;
	padding:10px 0;
	position:fixed;
	top:0;
	left:0;
	z-index:9998;
}
#navi ul{
	width:100%;
}
#navi li { width:100%;}
#navi li a {
	background:#908c7b;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	line-height:1em;
	padding:10px 0;
	left:0;
	top:0;
	font-family: 'Oswald', sans-serif;
	border:none;
}
#navi li a:hover{
	background:#908c7b;
	color:#222;
}
#navi span.soon{
	background:#908c7b;
	color:#7e7b64;
	font-size:16px;
	text-decoration:none;
	line-height:1em;
	padding:10px 0;
	left:0;
	top:0;
	font-family: 'Oswald', sans-serif;
	border:none;
}
/* ヘッダー */
#header,
#header .bg{
	width:100%;
	height:auto;
	background:transparent;
}
#header .title h1,
#header .title h1 img{
	width:94%;
	padding:0 3%;
}
#header .title{
	display:none;
}
#header .mv{
	display:block;
	width:100%;
	padding:0;
}
#header .mv h1{
	line-height:0;
}
#header .mv h1 img{
	width:100%;
}
#header .kyomei{
	margin:0;
}
#header .kyomei img{
	width:31px;
}

/* headTxt
------------------------ */
#headTxt{
    padding: 0;
    background: transparent;
}

#headTxt .inner {
padding: 0 20px 0;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

#headTxt p.mainLead{
text-align:left; 
border:1px solid #333; 
padding:10px; 
margin: 0 auto 0;
width:100%; 
font-size:80%;
box-sizing: border-box;
}


/* releaseinfo
------------------------ */

#releaseinfo .bg{
padding:50px 0 0 0;
}
#releaseinfo{
    background: transparent;
}

#releaseinfo .inner {
padding: 0 20px 0;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}


#releaseinfo .article{
	width:100%;
	margin:0 auto;
}

#releaseinfo .article .detailCell_pc{
display:none;

}
#releaseinfo .article .detailCell_sp{
display:block;
width:100%;

}

#releaseinfo .article .detailCell_sp img{
    display: block;
    width: 60%;
    margin: 0 auto 20px;
}



#releaseinfo h3.cdTitle{
    margin: 0 0 20px 0;
    border-bottom: 2px solid #FFF;
    text-indent: -18px;
    font-size: 24px;
    font-weight: bold;
}

#releaseinfo h3.cdTitle span{
    font-size: 13px;
    font-weight:normal;

}

#releaseinfo p.titCap{
    font-size: 16px;

}

#releaseinfo p.credit{
    font-size: 13px;
    padding: 0 0 10px 0;

}
#releaseinfo .article .trackList {
    font-size: 13px;
    border-bottom: 1px solid #555;
    margin: 0;
    padding: 0 0 5px;
}
#releaseinfo .article ul.songList{
    float: left;

}

#releaseinfo table.songCell{
width:100%;
}

#releaseinfo table.songCell tr:nth-child(odd){
background: rgba(255,255,255,0);
}
#releaseinfo table.songCell tr:nth-child(even){

}

#releaseinfo table.songCell td{
font-size: 10px;
padding: 10px 10px 10px 12px;
text-indent: -12px;
margin: 0px;
display: block;
border-bottom: 1px dotted #666;
}

#releaseinfo table.songCell tr:last-child td{

}


#releaseinfo table.songCell td .songName{
font-weight:bold;
font-size: 13px;
}
#releaseinfo table.songCell td:nth-child(2){

}

#releaseinfo table.songCell td:nth-child(3){

}

#releaseinfo ul.songList li{
    font-size: 13px;
    padding: 0 0 5px;
}

#releaseinfo ul.songList li:first-child{
}

#releaseinfo .songBox{
border-bottom: none;
padding: 10px;
background: rgba(255,255,255,0.05);
}

#releaseinfo .songBox .movieBox{
padding: 15px;
background: #000;
margin: 15px 0px 0;
text-align: center;
line-height: 0;
}

#releaseinfo .songBox .movieBox p.movieTit{
font-size: 13px;
line-height: 1em;
padding: 0px 0px 10px;
}

#releaseinfo .songBox .movieBox .inMovie{
position: relative;
padding-bottom: 46%;
padding-top: 30px;
height: 0;
overflow: hidden;

}

#releaseinfo .songBox .movieBox .inMovie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#releaseinfo .songBox .movieBox .inMovie object{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.privilege {
padding: 10px 0;
border: medium none;
border-top: 1px dotted #DDD;
}

.privilege p.credit{
	font-size: 13px;
    padding: 0 0 5px 0!important;
    font-weight: bold;
}

ul.privilegeList{

}

ul.privilegeList li{
    font-size: 12px;
    text-indent: -14px;
    margin: 0 0 5px 14px;
}





/* schedule
------------------------ */

#schedule{

}

#schedule .inner {
padding: 0 20px 0;
    max-width: 100%;
    width: 100%;
    margin: 0;
    text-align: center;
    box-sizing: border-box;
}

#schedule .bg {padding:40px 0 50px;}

#schedule table.scheduleCell{
    width: 100%;
    margin: 0 auto 0;
}

#schedule table.scheduleCell tr:nth-child(odd){
    background-color: rgba(255,255,255,0.1);
}

#schedule table.scheduleCell tr:nth-child(even){
    background-color: rgba(255,255,255,0.2);
}
#schedule table.scheduleCell td.day{
    padding: 10px;
    width: 20%;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    color: #FFF;
    font-size: 10px;
    padding:3px;
}

#schedule table.scheduleCell td.time{
    padding: 10px;
    width: 20%;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    color: #FFF;
    font-size: 10px;
    padding:3px;
}

#schedule table.scheduleCell td.venue{
    color: #FFF;
    width: 40%;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 10px;
    padding:3px;
}

#schedule table.scheduleCell td.venue .soldout{
font-size:10px;
}

#schedule table.scheduleCell td.info{
    color: #FFF;
    width: 20%;
    border-bottom: 1px solid #000;
    font-size: 9px;
    line-height: 1.4em;
    padding:3px;
}

#schedule p.subTit {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: #ede7bc;
}

#schedule p.ticketLead {
    font-size: 18px;
    font-weight: bold;
    padding: 0px 0px 10px;
}

#schedule p.scheduleDetail {
	font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 25px 0;
    letter-spacing: 0.1em;
}

#schedule p.scheduleDetail span{
	font-size: 16px;
}
/* インフォメーション */
#information,
#information .bg{
	background:transparent;
}
#information .bg{
	padding:30px 0;
}
#information .article{
	height:auto;
}
#information li{
	margin-bottom:20px;
}
#information li .left{
	float:none;
	width:100%;
	margin:0 0 5px 0;
	font-size:14px;
}
#information li .right{
	float:none;
	width:100%;
}
#information .tit{
	font-size:14px;
	font-weight:bold;
}
#information .detail{
	display:none;
	background:rgba(100,100,100,0.3);
	font-size:13px;
	padding:10px 10px 0;
}
#information .tit span{
	font-size:12px;
}
/* チケット */
#ticket h2{
	margin: 0 0 20px;
}
#ticket,
#ticket .bg{
	background:transparent;
}
#ticket .bg{
	padding: 0;
}

#ticket .inner {
	padding: 0 20px 0;
    max-width: 100%;
    width: 100%;
    margin: 0;
    text-align: center;
    box-sizing: border-box;
}

#ticket .inner dl{
	width:100%;
}
#ticket .subTit{
	font-size:16px;
	margin:0 0 20px;
}



#ticket .subTit span{
	display:block;
}


#ticket .ticketLead{
font-weight: bold;
font-size: 15px;
}

#ticket .ticketLead span{
	display:block;
	color:#FF0000;
}
#ticket .inner h3{
	width:97%;
	font-size:20px;
	margin:0 0 10px 0;
	padding:0 0 0 3%;
}

#ticket .inner ul.small{
padding:10px;
}

#ticket .inner ul.small li{
font-size: 11px;
display: block;
line-height: 1.5em;
text-indent: -12px;
padding: 0px 0px 3px;
text-align: left;
}

#ticket .inner ul.small li:last-child{
padding: 0px;
}
#ticket .inner dt,
#ticket .inner dd{
	display:block;
	float:none;
	width:100%;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#ticket .inner dt{
	margin: 0;
	padding:5px 0;
}
#ticket .inner dd{
	padding:10px 0;
}
#ticket .inner .btn a{
display: block;
width: 70%;
padding: 8px 0px 6px;
margin: 20px auto 5px;
background: #D60000 none repeat scroll 0% 0%;
color: #FFF;
border-radius: 3px;
border-bottom: 3px solid #9E0000;
font-size: 17px;
font-weight: bold;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}



#ticket .inner .btn a:hover{
border-bottom: none;
}


#ticket .inner .fc .btn a {
    background: #EDE7BC none repeat scroll 0% 0%;
    border-bottom: 3px solid #A7A275;
    color: #000;
    text-shadow: 0px 1px 2px #FFF;
}


#ticket .inner .fc .btn a:hover{
margin: 23px auto 5px;
    border-bottom: none;
}
#ticket .inner .mt{
	margin-top:30px;
}
#ticket .fc{
	margin:30px 0 0 0;
}
#ticket .fc .lead{
	font-size:14px;
}
#ticket .fc .lead span{
	display:block;
}


/* グッズ */
#goodsSP,
#goodsSP .bg{
	background:transparent;
	padding: 0 0 20px;
}
#goods,
#goods .bg{
	background:transparent;
	padding:0;
}
#goodsPC {
	display: none;
}

#goodsSP {
	display: block;
}

#goodsSP h2{
	margin: 0 0 20px;
}
#goodsSP .subTit{
	margin-bottom:30px;
	font-weight:bold;
	font-size:32px;
	text-align:center;
	color:#ede7bc;
}
#goodsSP .inner{
	max-width:960px;
	width:93.75%;
	margin:0 auto;
	text-align:center;
	font-weight: bold;
}
#goodsSP dl.goodsDetail dt{ 
box-sizing: border-box;
    width: 20%;
    float: left;
    padding: 3px 10px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    font-size: 11px;
    color: #FFF;
    margin: 0 0 5px 0;
    text-align: right;
    background-color: rgba(0,0,0,0.2);
    font-weight: bold;
}
#goodsSP dl.goodsDetail dd{ 
    width: 80%;
    float: left;
    padding: 3px 10px;
    border: 1px solid #aaa;
    font-size: 11px;
    color: #FFF;
    margin: 0 0 5px 0;
    box-sizing: border-box;
    text-align: left;
    font-weight: normal;
}
#goodsSP .inner ul.goodsList {
    text-align: center;
    margin: 0 auto 0;
}

#goodsSP .inner ul.goodsList li.goodsBox{
    margin: 0 0 20px 0;
    background-color: rgba(50,50,50,0.9);;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

#goodsSP .inner p.goodsName{
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    padding: 0 0 10px 0;
}

#goodsSP .inner p.goodsPrice{
    text-align: center;
}

#goodsSP .goods_box{ 
width:auto; 
background:#fff; 
padding:15px;
}

#goodsSP .goods_box h4 
{ color:#333; 
font-size:14px; 
font-weight:bold; 
text-align:center; 
padding-bottom:5px; 
margin-bottom:10px; 
border-bottom:1px dotted #636363; 
}

#goodsSP .goods_box .ph { 
text-align: center;
}


#goodsSP .goodsBox .detailBox{ 
padding: 5px 0 0px;
}
#goodsSP ul.goodsDetail{ 
}

#goodsSP ul.goodsDetail li{ 
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
}

#goodsSP ul.goodsDetail li:last-child{ 
}

#goodsSP .inbox {
margin: 0 0 5px;
}

#goodsSP .attention{ 
font-size:11px; 
color:#e00; 
margin-bottom:5px; 
line-height:1.3em;
}

#goodsSP .goodsCaption {
display: none;
}



#goodsSP .price { 
width:100%; 
font-size:12px; 
border:1px solid #aaa; 
border-top:none;
margin-bottom:10px;
color: #333;
}

#goodsSP .price tr { 
border-top:1px solid #aaa;
}

#goodsSP .size { 
width:100%; 
font-size:12px;  
border:1px solid #aaa; 
border-top:none; 
margin-bottom: 10px;
color: #333;
margin:0;
}

#goodsSP .size tr { 
border-top:1px solid #aaa; 
}

#goodsSP .size th { 
	background-color: rgba(0,0,0,0.2);
    padding: 3px 5px;
    width: 60px;
    text-align: right;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
}

#goodsSP .size td { 
width:85px; 
padding: 3px 0; 
text-align:center;
color:#FFF;
font-weight: normal;
font-size: 11px;

}

/* special
------------------------ */

#special  .bg {
    padding: 20px 0 0 0;
}

#special .phoneSize{
	display:block;
}

#special .pcSize{
	display:none;
}

#special h2{
	margin: 0 0 20px;
}
#special .inner{
	padding: 0 20px 0;
    max-width: 100%;
    width: 100%;
    margin: 0;
    text-align: center;
    box-sizing: border-box;
}

#special p.specialLead{
margin: 0 0 40px;
line-height: 1.5em;
font-size: 90%;
text-align: left;
}


#special h3.specialTit{
margin-bottom: 20px;
font-weight: bold;
font-size: 16px;
text-align: center;
color: #ede7bc;
}

#special h3.specialLead{

}

#special ul.presentList{
margin: 0 auto 20px;
}

#special ul.presentList li{
width: 100%;
margin: 0;
position: relative;
box-sizing: border-box;
clear: both;
padding: 0 15px 25px;
}

#special ul.presentList li:last-child{

padding: 0 15px 0;
}

#special ul.presentList li p.presentRank{
position: absolute;
top: -15px;
left: -15px;
width: 30%;
}

#special ul.presentList li p.presentCap{
font-weight: bold;
line-height: 1.3em;
font-size:13px;
}

#special ul.presentList li:nth-child(1) p.presentCap{
color: #E9BF5F;
}

#special ul.presentList li:nth-child(2) p.presentCap{
color: #B9B9B9;
}

#special ul.presentList li:nth-child(3) p.presentCap{
color: #F3985D;
}

#special ul.presentList li p.presentCap span{
font-size: 12px;
color: #FFF;
}




#special .methodBox{


}



#special .methodBox h3.methodTit{
border-bottom: 1px dotted #FFF;
margin: 0 0 10px !important;
padding: 0 0 5px;
font-size: 15px;
font-weight: bold;	
}

#special .methodBox p.methodDetail{
font-size: 80%;
text-align: left;
padding: 0 0 10px 0;
}
#special p.btn{
padding:10px;

}

#special p.btn a{
background: #ede7bc;
border-bottom: 3px solid #a7a275;
color: #000;
margin: 0 auto 10px;
display: block;
width: 100%;
padding: 10px;
border-radius: 3px;
font-weight: bold;
font-size: 14px;
line-height: 1.3em;
box-sizing: border-box;
}

#special p.btn a:hover{
background: #fff8c9;
border-bottom: none;
margin:3px auto 10px;
}

/* フッター */
#footer{
}
.official{
	margin:20px 0 10px 0;
}
.official a{
	display:block;
	width:90%;
	margin:0 auto;
	line-height:1;
}
.official img{
	width:111px;
	line-height:1;
}
#footer .bg{
	padding: 0 0 10px ;
}
.pageTop{
	width:100%;
	display:block;
	position:static;
	margin-bottom:10px;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
}
.pageTop a{
	display:block;
	width:90%;
	margin:0 auto;
	height:auto;
	padding:10px 0;
	text-indent:0;
	font-family: 'Oswald', sans-serif;
	color:#fff;
	background:none;
}
.pageTop a:before{
	font-family: 'WebHostingHub-Glyphs';
	content:'\f474';
	font-size:0.8em;
	margin-right:4px;
	font-weight:normal;
}
/* 背景 */
.sp_bg{
	display:block;
	z-index: -10;
	background: url('../images/bg_kyomei_sp.png') no-repeat 50%;
	background-size: 157px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
}