@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;}
#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;
}
/* layout*/
/*================================== */

.bg {
    width: 100%;
}
.sp_bg{
	display:none;
}
#header .bg {background:url(../images/grade.png) bottom center no-repeat;background-size:100% 200px;height: 768px;}
#navi .bg {background: rgba(0,0,0,0.7);padding: 0;}
#schedule .bg {background: rgba(0,0,0,0.7);padding: 100px 0;}
#information .bg {/*background: url(../images/bg_kyomei.png) 50% no-repeat fixed;background-size:314px;*/padding: 100px 0;}
#ticket .bg {padding: 100px 0;}
#goods .bg {padding: 100px 0;}
#special .bg {padding: 100px 0;}
#footer .bg {padding:50px 0 20px 0;background: rgba(0,0,0,0.2);}
#header{
	position:relative;
    background: url(../images/bg.png) center 0 #000 no-repeat fixed;
    background-size: cover;
    height: 768px;
    margin: 0 auto;
    padding: 0;
	text-align:center;
}
#header .title{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-317px;
}
#header .mv{
	display:none;
}
#navi{
    background: url(../images/bg.png) center 0 no-repeat fixed;
    background-size: cover;
    margin: 0 auto;
    padding:0;
}
#schedule{
    background: url(../images/bg.png) center 0 no-repeat fixed;
    background-size: cover;
    margin: 0 auto;
    padding: 0;
}
#information{
	background: #000 url(../images/bg_kyomei.png) center 0 no-repeat fixed;
    margin: 0 auto;
    padding: 0;
}
#ticket{
	background: #000 url(../images/bg_kyomei.png) center 0 no-repeat fixed;
    margin: 0 auto;
    padding: 0;
}

#goods{
	background: #000 url(../images/bg_kyomei.png) center 0 no-repeat fixed;
    margin: 0 auto;
    padding: 0;
}
#special{
	background: #000 url(../images/bg_kyomei.png) center 0 no-repeat fixed;
    margin: 0 auto;
    padding: 0;
}
#footer{
    background: url(../images/bg.png) 50% 100px no-repeat fixed;
    background-size: cover;
    margin: 0 auto;
    padding: 0;
}
#header .kyomei{
	margin:20px 0;
}
/* navi
------------------------ */
#navi ul{
	max-width:1024px;
	width:90%;
	margin:0 auto;
}
#navi li{
	float:left;
	width:18%;
	margin-right:2%;
}
#navi li:last-child{
	margin:0;
}
#navi li.top{
	display:none;
}

#navi 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 span.soon{
	display:block;
	padding:10px 0;
	border:1px solid #777;
	font-size:18px;
	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;
}
/* schedule
------------------------ */
#schedule dl{
	width:93.75%;
	max-width:960px;
	min-width:850px;
	margin:0 auto;
}
#schedule dt{
	position:relative;
	padding:20px 0;
	background-size:115px;
	background-repeat: no-repeat;
	background-position:98.5% 50%;
}
#schedule dt.day1{
	background-image:url(../images/thumb_thebawdies.jpg);
}
#schedule dt.day2{
	background-image:url(../images/thumb_arukara.jpg);
}
#schedule dt.day3{
	background-image:url(../images/thumb_kyusonekokami.jpg);
}
#schedule dt.day4{
	background-image:url(../images/thumb_acidman.jpg);
}
#schedule dt.day5{
	background-image:url(../images/thumb_mucc.jpg);
}
#schedule dt.day6{
	background-image:url(../images/thumb_usg.jpg);
}
#schedule dt.day7{
	background-image:url(../images/thumb_straightener.jpg);
}
#schedule dt.day1 .band img{
	width:172px;
}
#schedule dt.day2 .band img{
	width:70px;

}
#schedule dt.day3 .band img{
	width:98px;

}
#schedule dt.day4 .band img{
	width:184px;
}
#schedule dt.day5 .band img{
	width:87px;
}
#schedule dt.day6 .band img{
	width:166px;
}
#schedule dt.day7 .band img{
	width:80px;

}
#schedule dt,
#schedule dt::before,
#schedule dt::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
#schedule dt:hover{
	cursor:pointer;
	background-color:rgba(239,231,166,0.6);
}
#schedule dt .soldout{
	position:absolute;
	top:-10px;
	left:-20px;
	margin:0;
}
#schedule dt .date{
	float:left;
	width:15%;
	margin:0 3% 0 1.5%;
	font-size:36px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	line-height:60px;
	letter-spacing: 0.05em;
}
#schedule dt .day{
	font-size:22px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
}
#schedule dt .venue{
	float:left;
	width:40%;
	font-weight:bold;
	line-height:70px;
	font-size:28px;
}
#schedule dt .band{
	float:left;
	width:30%;
	font-size:22px;
	color:#acacac;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	line-height:60px;
}
#schedule dt img{
	margin-left:10px;
	vertical-align:middle;
}
#schedule dd{
	display:none;
	margin-bottom:20px;
	padding:30px;
	background:rgba(100,100,100,0.3);
}
#schedule dd img{
	width:100%;
}
#schedule dd .right{
	float:left;
	width:47%;
}
#schedule dd table{
	float:left;
	width:50%;
	margin-right:3%;
}
#schedule dd table th,
#schedule dd table td{
	padding-bottom:15px;
}
#schedule dd table th{
	width:35%;
	font-family: 'Oswald', sans-serif;
	vertical-align:top;
}
#schedule dd table td span{
	font-size:11px;
}
#schedule dd table td ul{
	margin:5px 0 0;
	font-size:14px;
}
#schedule dd table td ul li a:before{
	font-family: 'WebHostingHub-Glyphs';
	content:'\f3c9';
	font-size:0.8em;
	margin-right:4px;
	font-weight:normal;
}

/* 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 40px;
}
#ticket .subTit{
	margin-bottom:30px;
	font-weight:bold;
	font-size:32px;
	text-align:center;
	color:#ede7bc;
}
#ticket .inner{
	max-width:960px;
	width:93.75%;
	margin:0 auto;
	text-align:center;
}
#ticket .inner dl{
    margin: 0 auto;
    color: #000;
    width: 880px;
}
#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{
	width: 860px;
	margin:0 auto 20px auto;
	padding-left:10px;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	border-left:8px solid #555;
}
#ticket .inner h3 .small{
	font-size:14px;
	padding: 0 0 0 10px;
}
#ticket .inner .btn a{
	display:block;
	width:30%;
	padding:15px 0;
	margin:20px auto;
	background:#d60000;
	color:#fff;
	border-radius:3px;
	border-bottom:3px solid #9e0000;
	font-size:16px;
	font-weight:bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
#ticket .inner .btn a:hover{
	background:#f30000;
}

#ticket .inner .mt{
	margin-top:50px;
}
#ticket .fc{
	margin:60px 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;
}

/* 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: 900px;
}

#goodsPC .inner ul.goodsList li a{
    background-color: rgba(50,50,50,0.9);;
    padding: 10px;
    width: 280px;
    float: left;
    box-sizing: border-box;
    margin: 0 10px 0;
}
#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;
}

#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: 14px;
    padding: 0 0 5px 0;
}

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

#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;
}






/* special
------------------------ */
#special h2{
	margin: 0 0 40px;
}
#special .subTit{
	margin-bottom:20px;
	font-weight:bold;
	font-size:32px;
	text-align:center;
	color:#ede7bc;
}

#special .mainLead_pc{
	margin-bottom:40px;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	color:#FFF;
}

#special .mainLead_sp{
	display:none;
}

#special .inner{
	max-width:960px;
	width:93.75%;
	margin:0 auto 5px;
	text-align:center;
}

#special .inner h3{
	width:80%;
	margin:0 auto 20px auto;
	padding-left:10px;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	border-left:8px solid #555;
}
#special .inner h3 .small{
	font-size:14px;
	padding: 0 0 0 10px;
}
#special .inner .btn a{
	display:block;
	width:30%;
	padding:15px 0;
	margin:20px auto;
	background:#d60000;
	color:#fff;
	border-radius:3px;
	border-bottom:3px solid #9e0000;
	font-size:16px;
	font-weight:bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
#special .inner .btn a:hover{
	background:#f30000;
}

#special .inner .mt{
	margin-top:50px;
}

#special .inner .mt{
	margin-top:50px;
}

#special .inner .specialList{
	width:800px;
	margin: 0 auto 30px;
}


#special .inner .specialList li{
    width: 400px;
    float: left;
    text-align: left;
    margin: 0;
    line-height: 0;
    box-sizing: border-box;
}

#special .inner .specialList li img{
width:390px;
}

#special .inner .specialList li:nth-child(odd){
padding:0 10px 0 0;
}

#special .inner .specialList li:nth-child(even){
padding:0 0 0 10px;
}

#special .inner .stepList{
    margin: 0 auto 20px;
}



#special .inner .stepList dt{
    display: block;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    padding: 10px;
    background: rgba(255,255,255,0.85);
    color: #000;
    vertical-align: middle;
    box-sizing: border-box;
    line-height: 1em;
    letter-spacing: 0.1em;

}

#special .inner .stepList dd{
font-size: 18px;
    padding: 10px 0;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    line-height: 1.5em;
    letter-spacing: 0.05em;
}

#special .fcUrl{
width: 800px;
    margin: 0 auto 0;
    vertical-align: middle;
}



#special .fcUrl dt{
    color: #000;
    background: rgba(255,255,255,0.9);
    font-weight: bold;
    width: 50%;
    text-align: center;
    position:relative;
    float: left;
    box-sizing:border-box;
    padding: 10px 0;
}

#special .fcUrl dt .transparent{
    width: 0;
    height: 0;
    border: 80px solid transparent;
    border-left: 20px solid #E6E6E6;
    border-right: 10px solid transparent;
    border-bottom: 22px solid transparent;
    border-top: 22px solid transparent;
    position: absolute;
    right: -30px;
    top: 0;
}

#special .fcUrl dd{
    padding: 0 0 0 10px;
    letter-spacing: 0.1em;
    text-align: center;
    background: rgba(200,200,200,0.2);
    font-weight: bold;
    float: left;
    width: 50%;
    box-sizing:border-box;
}
#special .fcUrl dd:hover{
    background: rgba(200,200,200,0.5);

}

#special .fcUrl dd a{
    display:block;
    padding: 10px 0;
}
#special .fcBtn{
    display:none;
}



/* 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;
}

/* SP max-width: 767px
------------------------ */
/* @media screen and (max-width: 767px) {*/
@media screen and (max-width: 830px) {
#wrap{
	position:relative;
	z-index:2;
}
h2{
	font-size:28px;
	margin-bottom:20px;
}
/* ナビゲーション */
#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 img{
	width:100%;
}
#header .kyomei{
	margin:0;
}
#header .kyomei img{
	width:31px;
}
/* スケジュール */
#schedule{
	background: transparent;
}
#schedule .bg{
	padding:30px 0;
	background: transparent;
	background-size:157px;
}
#schedule dl{
	min-width:auto;
	min-width: initial;
}
#schedule dt{
	margin:15px 0 10px 0;
	padding:10px 0;
}
#schedule dd{
	padding:10px 3%;
}
#schedule dt{
	background-size:80px;
}
#schedule dt:hover{
	background-color:transparent;
}
#schedule dt .date{
	width:21%;
	line-height:1.3em;
}
#schedule dt .venue{
	width:79%;
	line-height:1.4em;
}
#schedule dt .band{
	clear:both;
	float:none;
	width:100%;
	line-height:1.5em;
}
#schedule dt .date{
	font-size:15px;
	margin:0;
	color:#fff;
	margin-bottom:3px;
}
#schedule dt img{
	margin:0;
	line-height:1;
}
#schedule dt .day{
	font-size:8px;
	margin-right:4px;
}
#schedule dt .venue{
	font-size:13px;
	margin-bottom:3px;
}
#schedule dt .band{
	font-size:12px;
}
#schedule dt .band img{
	margin-left:5px;
}
#schedule dt.day1 .band img{
	width:110px;
	vertical-align:-1px;
}
#schedule dt.day2 .band img{
	width:48px;
}
#schedule dt.day3 .band img{
	width:60px;
}
#schedule dt.day4 .band img{
	width:120px;
	vertical-align:-1px;
}
#schedule dt.day5 .band img{
	width:50px;
	vertical-align:-2px;
}
#schedule dt.day6 .band img{
	width:90px;
	vertical-align:-2px;
}
#schedule dt.day7 .band img{
	width:45px;
	vertical-align:-1px;
}
#schedule dt .soldout{
	top:32%;
	left:50%;
	width:58px;
	opacity:0.8;
}
#schedule dd table{
	float:none;
	width:100%;
}
#schedule dd table th,
#schedule dd table td{
	width:100%;
	display:inline-block;
	margin:0;
	padding-bottom:0;
}
#schedule dd table th{
	font-size:14px;
	font-weight:bold;
	margin-bottom:0;
}
#schedule dd table td{
	margin-bottom:10px;
	font-size:14px;
	line-height:1.4em;
}
#schedule dd .right {
	float:none;
	width:100%;
}
#schedule dd table td ul{
	font-size:12px;
}
/* インフォメーション */
#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: 30px 0;
}
#ticket .inner dl{
	width:100%;
}
#ticket .subTit{
	font-size:16px;
	margin:0 0 20px;
}
#ticket .subTit span{
	display:block;
}
#ticket .inner h3{
	width:97%;
	font-size:15px;
	margin:0 0 15px 0;
	padding:0 0 0 3%;
}
#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{
	width:80%;
	padding: 10px 0;
	margin:15px auto;
	font-size:13px;
}
#ticket .inner .mt{
	margin-top:30px;
}
#ticket .inner h3 .small{
	display:block;
	font-size:11px;
	margin:0;
	padding:0;
}
#ticket .fc{
	margin:30px 0 0 0;
}
#ticket .fc .lead{
	font-size:14px;
}
#ticket .fc .lead span{
	display:block;
}

/* グッズ */
#goodsSP,
#goodsSP .bg{
	background:transparent;
}
#goods,
#goods .bg{
	background:transparent;
}
#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: 35%;
    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: 65%;
    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;

}



/* SPECISL */
#special h2{
	margin: 0 0 20px;
}
#special,
#special .bg{
	background:transparent;
}
#special .bg{
	padding: 30px 0;
}
#special .subTit{
	font-size:16px;
	margin:0 0 15px;
	padding: 0 15px 0;
}
#special .mainLead_pc{
	display:none;
}

#special .mainLead_sp{
	margin-bottom:25px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	color:#FFF;
	display:block;
	padding: 0 15px 0;
}

#special .inner{
	max-width:960px;
	width:93.75%;
	margin:0 auto 5px;
	text-align:center;
}
#special .inner h3{
	width:97%;
	font-size:15px;
	margin:0 0 15px 0;
	padding:0 0 0 3%;
}

#special .inner h3 .small{
	font-size:14px;
	padding: 0 0 0 10px;
}
#special .inner .btn a{
	display:block;
	width:30%;
	padding:15px 0;
	margin:20px auto;
	background:#d60000;
	color:#fff;
	border-radius:3px;
	border-bottom:3px solid #9e0000;
	font-size:16px;
	font-weight:bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
#special .inner .btn a:hover{
	background:#f30000;
}

#special .inner .mt{
	margin-top:50px;
}

#special .inner .mt{
	margin-top:50px;
}

#special .inner .specialList{
	width: 100%;
	margin: 0 auto 15px;
}

#special .inner .specialList:last-child{
	width: 100%;
	margin: 0 auto 25px;
}


#special .inner .specialList li{
    width: 400px;
    float: left;
    text-align: left;
    margin: 0;
    line-height: 0;
    box-sizing: border-box;
}

#special .inner .specialList li img{
width: 100%;
}

#special .inner .specialList li:nth-child(odd){
width: 100%;
padding: 0;

}

#special .inner .specialList li:nth-child(even){
width: 100%;
padding: 0;
}

#special .inner .stepList{
    width: 100%;
    margin: 0 auto 0;
}



#special .inner .stepList dt{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 5px 4px;
    color: #000;
    vertical-align: middle;
    box-sizing: border-box;
    line-height: 1em;
    letter-spacing: 0.1em;
}

#special .inner .stepList dd{
width: 100%;font-size: 13px;
    padding: 10px 0;
    box-sizing: border-box;
    margin: 0;
    line-height: 1.5em;
    letter-spacing: 0.05em;
}

#special .fcUrl{
width: 100%;
    margin: 0;
    vertical-align: middle;
padding: 0 10px 0;box-sizing: border-box;
display:none;
}



#special .fcUrl dt{
    clear: both;
    color: #FFF;
    background: rgba(255,255,255,0);
    font-weight: bold;
    width: 100%;
    text-align: center;
    position:relative;
    float: left;
    box-sizing:border-box;
    padding: 10px 0;
    /* display: none; */
}

#special .fcUrl dt .transparent{
    text-align: center;
    display: block;
    width: 0;
    height: 0;
    border: 80px solid transparent;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 22px solid transparent;
    border-top: 10px solid #transparent;
    position: absolute;
    right: 32%;
    top: 44px;
    margin: 0 auto 0;
    display:none;
}

#special .fcUrl dd{
    text-indent: -999px;
    clear: both;
    padding: 0;
    letter-spacing: 0.1em;
    text-align: center;
    background: rgba(200,200,200,0.2);
    font-weight: bold;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

#special .fcUrl dd:after{
    content: "TEST";
}
#special .fcUrl dd:hover{
    background: rgba(200,200,200,0.5);

}

#special .fcUrl dd a{
    display:block;
    padding: 10px 0;
}

#special .fcUrl td a{
    display:block;
    padding: 10px 0;
}

#special .fcBtn {
    display:block
}

#special .fcBtn a{
    font-size: 15px;
    text-align: center;
    width: 85%;
    background: #e6e6e6;
    display: block;
    margin: 0 auto 2px;
    padding: 10px 5px 8px;
    font-weight: bold;
    border-radius: 3px;
    color: #000;
    box-shadow: 0px 2px 0px #aaa;
}

#special .fcBtn a:hover{
    margin: 27px auto 0;
    box-shadow: none;
}

/* フッター */
#footer{
	background:#000;
}
.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: 1;
	background: url('../images/bg_kyomei_sp.png') no-repeat 50%;
	background-size: 157px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
}