@charset "utf-8";

/* meadia query set
@media only screen and (min-width: 769px) {

}
@media screen and (max-width: 1180px) and (min-width: 769px) {

}
@media only screen and (max-width: 768px) {

}
*/

@import (https://fonts.googleapis.com/css?family=Archivo+Black);

#wrapper { overflow: hidden; }
@media only screen and (max-width: 768px) {
	#headerBtm .blockSearch table {
	margin-bottom: 0px;
	}
}

/*　all　*/
#fbw .txt-c { text-align:center;}
#fbw .font120 { font-size:120%; }
#fbw .font140 { font-size:140%; }
#fbw .font-b { font-weight:bold; }
#fbw .font-red { color:#C8001E; }
#fbw ul , #fbw li { list-style:none;}
#fbw img { display:block; }
#fbw a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
}


/*----------------------

 #fbw
 
----------------------*/
#fbw {
	position: relative;
	width: 100%;
	padding:0; 
	color: #f0f0f0;
	background-color: #000;
	font-size: 15px !important;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif !important;
}


/*----------------------

 SNS btn
 
----------------------*/
ul.snsbtn {
	width:300px;
	margin:0px auto;
	padding:0;
	text-align:right;
	display:table;
	border-collapse: separate;  
	border-spacing: 5px 0;  
}
ul.snsbtn li {
	display:table-cell;
	width:25%;
	padding:0;
	text-align:center;
	font-size:70%;
	vertical-align:top;
}
ul.snsbtn li img {
	width:55px;
	height:auto;
	margin:0 auto 0px;
	display:block;
}
ul.snsbtn li p {
	background-color:#fff;
	padding:3px 0;
	border-radius:3px;
	color:#333;
	width:55px;
	margin:5px auto 0;
	line-height:15px;
	font-weight:bold;
	overflow:hidden;
}
ul.snsbtn li a {
	color:#333;
	text-decoration:none;
}
ul.snsbtn li a:hover {
	color:#999;
	text-decoration:none;
}


/*----------------------

 feature-header 
 
----------------------*/
#fbw .feature-header {
	width: 100%;
	text-align: center;
	padding:10px 0 40px 0;
	background-color:#000;
	background-image:url(https://image.pia.jp/uploads5/files/3515/1982/5254/wa4-w1200.jpg);
	background-position:0px 0px;
	background-size:100% auto;	
	background-repeat:no-repeat;
}
#fbw .feature-header_main {
	position: relative;
	max-width: 1180px;
	width:95%;
	margin: 0 auto;
	padding:0;
}
#fbw .feature-header_main .head-logo {
	max-width:650px;
}
#fbw .feature-header_main .head-logo img {
 	width:100%;
}

@media only screen and (max-width: 768px) {
	#fbw .feature-header {
		padding:10px 0;
	}
}


/* チケットボタン */
#fbw .feature-header_main .top_ticket-btn {
	margin:40px 0 0 80px;
	position: relative;
}
#fbw .feature-header_main .top_ticket-btn img {
	width:auto;
	height:auto;
	max-height:100%;
	max-width:90%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
#fbw .feature-header_main .top_ticket-btn a {
	position: relative;
	display:block;
	max-width:550px;
	width:90%;
	overflow:hidden;
	height:120px;
	line-height:120px;
	background-color:#EE3E75;
	border-radius: 6px;
	font-size:22px;
}
#fbw .feature-header_main .top_ticket-btn a:hover {
	top:3px;
	text-decoration:none;
}

@media only screen and (max-width: 768px) {
	#fbw .feature-header_main .top_ticket-btn {
		margin:40px 0 0 0;
	}	
	#fbw .feature-header_main .top_ticket-btn a {
		width:90%;
		font-size:16px;
		margin:0 auto;
		height:80px;
		line-height:80px;
		
	}	
}


/* みどころ */
#fbw .feature-header_main .top_midokoro {
	width:100%;
	margin:40px auto;
}
#fbw .feature-header_main .midokoro-tit {
	max-width:980px;
	width:95%;
	margin:0px auto;
}
#fbw .feature-header_main .midokoro-tit img {
	width:100%;
	height:auto;
}
#fbw .feature-header_main .midokoro-tit img + img {
	display:none;
}
#fbw .feature-header_main .midokoro-list {
	width:100%;
	margin:20px auto;
	display: table;
	border-collapse: separate;
	border-spacing: 20px 0;
	box-sizing:border-box;
}
#fbw .feature-header_main .midokoro-list li {
	display:table-cell;
	vertical-align:top;
	padding:25px;
	box-sizing:border-box;
	text-align:left;
	background-color:rgba(0,0,0,.8);
	width:33%;
	color:#fff;
	line-height:1.6;
	font-size:90%;
}
#fbw .feature-header_main .midokoro-midashi {
	padding-bottom:10px;
	margin-bottom:10px;
}
#fbw .feature-header_main .midokoro-midashi img {
	width:100%;
	height:auto;
}

@media only screen and (max-width: 768px) {
	#fbw .feature-header_main .top_midokoro {
		margin:40px auto 0;
	}
	#fbw .feature-header_main .midokoro-tit img + img {
		display:block;
		width:100%;
		height:auto;
	}
	#fbw .feature-header_main .midokoro-tit img {
		display:none;
	}	
	#fbw .feature-header_main .midokoro-list {
		margin:10px auto;
		display: block;
	}
	#fbw .feature-header_main .midokoro-list li {
		display: block;
		padding:25px 10px;
		font-size:13px;
		margin:0 auto 15px;
		background:#232323;
		width:95%;
	}
	#fbw .feature-header_main .midokoro-midashi img {
		max-width:300px;
		width:100%;
		height:auto;
		margin:0 auto;
	}
}


/* TOPICS */
#fbw .topics { 
	margin: 0px auto;
	background-color: transparent;
	color: #000;
	width:95%;
	text-align: left;
	padding:0;
	box-sizing:border-box;
}
#fbw .topics-inner {
	max-width:1140px;
	margin:20px auto;
	background-color:rgba(255,255,255,.7);
	padding:20px;
	box-sizing:border-box;
}
#fbw .topics a {
	color:#000;
	text-decoration:underline;
}
#fbw .topics a:hover {
	color:#EE3E75;
}
#fbw .topics p {
	border-bottom:1px solid #999;
	padding:5px 10px;
	margin-top:10px;
}
#fbw .topics .topics-more {
	width:200px;
	height:35px;
	line-height:35px;
	text-align:center;
	background-color:#000;
	color:#fff;
	margin:20px auto 0;
	font-family: 'Archivo Black',"メイリオ","Meiryo","MS PGothic","Osaka",Arial,sans-serif; 
	cursor:pointer;
}

@media only screen and (max-width: 768px) {
	#fbw .topics { 
		font-size:13px;
	}
}


/*----------------------

 ticketbtn-fix
 
----------------------*/
#ticketbtn-fix {
	display:block;
	position: fixed;
	bottom:0;
	left:0;	
	z-index: 9999;	
	width: 100%;
	padding: 15px 0;
	background-color:#470066;
	text-align:center;
	box-shadow: 0 0px 15px #000;
}
#ticketbtn-fix .fix-wrapper {
	max-width:1180px;
	width:80%;
	margin:0 auto;
	display:table;
	border-collapse: separate;  
	border-spacing: 5px 0; 
}
.fix-ticketbtn {
	display:table-cell;
	width:50%;
	margin:0 5px;
	box-sizing:border-box;
}
.fix-ticketbtn a {
	position: relative;
	display:block;
	width:100%;
	margin:0 auto;
	height:60px;
	line-height:60px;
    background:-webkit-gradient(linear, left top, right top, color-stop(0, #12001a), color-stop(0.5, #8000b3), color-stop(1, #EE3E75));
    background:-webkit-linear-gradient(left, #12001a 0, #8000b3 50%, #EE3E75 100%);
    background:-moz-linear-gradient(left, #12001a 0, #8000b3 50%, #EE3E75 100%);
    background:-o-linear-gradient(left, #12001a 0, #8000b3 50%, #EE3E75 100%);
    background:linear-gradient(to right, #12001a 0, #8000b3 50%, #EE3E75 100%);
	background-color:#EE3E75;
	color:#fff;
	border-radius: 4px;
	font-size:25px;
	font-weight:bold;
}
.fix-ticketbtn a:hover {
	text-decoration:none;
	top:3px;
}
.pc-only {
	display:block;
}
.sp-only {
	display:none;
}
.fix-menubtn {
	display:table-cell;
	width:23%;
	margin:0 5px;
	box-sizing:border-box;
}
.fix-menubtn a {
	position: relative;
	display:block;
	width:100%;
	margin:0 auto;
	height:60px;
	line-height:60px;
	background-color:#EE3E75;
	color:#fff;
	border-radius: 4px;
	font-size:25px;
	font-weight:bold;
}
.fix-menubtn a:hover {
	text-decoration:none;
	top:3px;
}

@media only screen and (max-width: 768px) {
	#ticketbtn-fix {
		padding: 10px 0　15px;
	}
	#ticketbtn-fix .fix-wrapper {
		width:78%;
		margin:0 10px;
		display:table;
		border-collapse: separate;  
		border-spacing: 10px 0;
	}	
	.fix-ticketbtn {
		display:table-cell;
		width:33%;
	}
	.fix-ticketbtn a { 
		position:relative;
		display:block;
		width:100%;
		margin:0 0;
		height:41px;
		line-height:41px;
		background-image:none;
		background-color:#EE3E75;
		border-radius: 4px;
		font-size:3vw;
		box-shadow:0 0 0 2px #470066 , 0 0 0 3px #EE3E75 , 0 0 0 5px #470066 , 0 0 0 6px #EE3E75;
		box-sizing:border-box;
	}
	.pc-only {
		display:none;
	}	
	.sp-only {
		display:block;
	}
	.fix-menubtn {
		display:table-cell;
		width:33%;
		overflow:hidden;
	}
	.fix-menubtn a {
		position: relative;
		display:block;
		width:100%;
		margin:0 auto;
		height:50px;
		line-height:50px;
		border-radius: 6px;
		font-size:3vw;
	}
}



/*----------------------

 h3
 
----------------------*/
#fbw h3 {
	font-size:45px;
	margin:0 0 40px 0;
	text-align:center;
	font-family: 'Archivo Black',"メイリオ","Meiryo","MS PGothic","Osaka",Arial,sans-serif;
	line-height:1;
}

@media only screen and (max-width: 768px) {
	#fbw h3 {
	font-size:30px;
	margin:0 0 20px 0;
	}
}



/*----------------------

 PROGRAM
 
----------------------*/
#fbw #program {
	width: 100%;
	margin:0px auto;
	padding:40px 0;
	background-color:#000;
	background-image:url(https://image.pia.jp/uploads5/files/3115/1982/5516/1803-enmoku-bg.jpg);
	background-position:0px 0px;
	background-repeat:repeat;
	background-size:100% auto;
}
#fbw #program h3 {
	margin:0px auto 40px;
	max-width:500px;
	width:90%;
}
#fbw #program h3 img {
	width:100%;
	height:auto;
}
#fbw .program-inner {
	max-width: 1180px;
	width:90%;
	margin:0px auto;
	position:relative;
}
#fbw .program-inner:after {
	content: "";
	display: table;
	clear: both;
}
#fbw .program-inner img.fl-l {
	display:block;
	float:left;
	margin-bottom:75px;
}
#fbw .program-inner img.fl-r {
	display:block;
	float:right;
	margin-bottom:75px;
}
#fbw .program-inner img.ph {
	display:block;
	width:49%;
}
#fbw .program-inner img.tx {
	display:block;
	width:51%;
}

@media only screen and (max-width: 768px) {
	#fbw .program-inner img.fl-l {
		display:block;
		float:none;
		margin-bottom:0px;
	}
	#fbw .program-inner img.fl-r {
		display:block;
		float:none;
		margin-bottom:0px;
	}
	#fbw .program-inner img.ph {
		display:block;
		width:100%;
		margin-bottom:5px;
	}
	#fbw .program-inner img.tx {
		display:block;
		width:100%;
		margin-bottom:25px;
	}
}



/*----------------------

 SCHEDULE
 
----------------------*/
#fbw #schedule {
	width: 100%;
	margin:0px auto;
	padding:0;
	background-color:#232323;
	color:#000;
	background-position:0px 0px;
	background-repeat:repeat;
}	
#fbw #schedule .schedule-inner {
	max-width:980px;
	width:90%;
	margin:0 auto;
	position:relative;
	padding:100px 0px;
}

@media only screen and (max-width: 768px) {
	#fbw #schedule .schedule-inner {
		max-width:90%;
		margin:0 auto;
		position:relative;
		padding:30px 0px;
	}  
}	

/*　情報 */
#fbw #schedule .data {
	width:100%;
	margin:0 auto;
	padding:2em;
	box-sizing:border-box;
	background-color:#fff
}
#fbw #schedule .schedule-data-img img {
	display:block;
	width:100%;
	height:auto;
	margin-bottom:20px
}
#fbw #schedule .schedule-data-img img + img {
	display:none;
}
#fbw #schedule .data p span.small {
	font-size:80%;
	display:inline-block;
}
#fbw #schedule .data .font-big ,
#fbw #schedule .data .font-big-price {
	font-size:150%;
	font-weight:bold;
}
#fbw #schedule .data .font-medium {
	font-size:125%;
	font-weight:bold;
}
#fbw #schedule p.att {
	margin:30px auto;
	text-align:left;
	width:100%;
	background-color:#fff;
	padding:20px;
	box-sizing:border-box;
}
	
@media only screen and (max-width: 768px) {
	#fbw #schedule .data {
		padding:1em;
	}
	#fbw #schedule .schedule-data-img img + img {
		display:block;
		width:100%;
		height:auto;
		margin-bottom:20px
	}
	#fbw #schedule .schedule-data-img img {
		display:none;
	}
	#fbw #schedule .data a:link {
		display:block;
	}	
	#fbw #schedule .data .font-big {
		font-size:120%;
		font-weight:bold;
	}	
	#fbw #schedule .data .font-big-price {
		font-size:100%;
		font-weight:bold;
	}
	#fbw #schedule p.att {
		margin-top:20px;
		font-size:12px;
	}
}


/*　タイムテーブル */
#fbw #schedule .table-open {
	display:block;
	margin:30px auto 0;
	background-color:#EE3E75;
	font-size:120%;
	font-weight:bold;
	width:100%;
	height:50px;
	line-height:50px;
	color:#000;
	text-align:center;
	background-image:url(http://image.pia.jp/images2/static/pia/feature/event/fbw/icon-open.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
	cursor:pointer;
}
#fbw #schedule .table-hide {
	display:none;
	max-width:100%;
	margin:0 auto;
	padding:20px 0 40px;
	background-color:#fff;
}
#fbw #schedule h4 {
  max-width: 90%;
  margin:0px auto 0;
  text-align:left;	
  border-bottom:none;
}
.schedule-table {
  width: 90%;
  margin:20px auto 0;
  border: none;
  border-collapse:collapse;
  background-color:#fff;
}
.schedule-table th {
  border: 1px solid #666;
  padding: 5px 0;
  background-color: #333;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  width:14%;
}
.schedule-table th.month {
  background-color: #333;
  color: #fff;
}
.schedule-table .sat {
  color: #6495ed;
}
.schedule-table .sun {
  color: red;
}
.schedule-table td {
  border-top: 0px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
  padding: 4px 0;
  background-color: transparent;
  text-align: center;
  vertical-align: middle;
  color: #000;
}
.schedule-table td.day {
  background-color:#f3f3f0;
  padding: 8px 0;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 0px solid #666;
  border-left: 1px solid #666;
  font-weight:bold;
}
.schedule-table img ,
.schedule-mark img {
	display:inline-block!important;
	margin-left:2px;
}
.schedule-mark {
	width: 90%;
	margin:10px auto 0;
	font-size:85%;
}


@media only screen and (max-width: 768px) {
	#fbw #schedule .table-hide {
		display:none;
		padding:10px;
	}	
	#fbw #schedule .table-open {
		margin:20px auto 0;
		font-size:100%;
		padding-right:2em;
		box-sizing:border-box;
	}	
	#fbw #schedule .table-hide {
		padding:10px 10px 20px;
	}
	#fbw #schedule h4 {
	  	max-width: 100%;
	}	
	.schedule-table {
		width: 100%;
		margin:10px auto 0;
		font-size:65%;
	}	
	.schedule-table img {
		display:inline-block!important;
		margin-left:1px;
		width:10px;
		height:auto;
	}	
	.schedule-mark {
		width: 95%;
		margin:10px auto 0;
		font-size:65%;
	}
	.schedule-mark li {
		margin-bottom:5px;
	}
}


/*▼チケット券種リスト*/
#fbw .kouen-list table {
    border-top: 1px solid #666; 
    border-right: 1px solid #666;
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
}
#fbw .kouen-list th, 
#fbw .kouen-list td {
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    text-align: center;
    padding: 1em;
    vertical-align: middle;
}
#fbw .kouen-list th {
    background-color: #000; /*表組みの見出し背景色を変える*/
    color: #fff; /*表組みの見出し文字色を変える*/
}
#fbw .kouen-list span.big {
	font-size:120%;
	font-weight:bold;
}
#fbw .kouen-list span.small {
	font-size:80%;
}
#fbw .price-list td p {
    padding: 0;
	margin-bottom:0!important;
}
#fbw #schedule .sp-price-kaisetsu {
	display:none;
}

@media only screen and (max-width: 768px) {
	#fbw .price-list table {
		width: 100%;
		border:none;
		padding: 0px;
		}
	#fbw .price-list thead {
		display: none;
		}
	#fbw .price-list tr {
		border-top: 1px solid #666;
		display: block;
		margin-bottom: 20px;
		}
	#fbw .price-list td {
		border-right: 1px solid #666; 
		border-bottom: 1px dotted #666;
		display: block;
		padding: 0px;
		}
	#fbw .price-list td p {
		padding: 5px;
		margin-bottom:0!important;
	}
	#fbw .price-list td:nth-of-type(1) {
		background-color: #EE3E75; /*表組みの見出し色を変える*/
		color: #000;
		padding:5px;
		}
	#fbw .price-list td:last-child {
		border-bottom: 1px solid #666;
		}
	#fbw .price-list td:before {
		background-color: #efefef;
		color: #; 
		display: block;
		padding:2px;
		font-size:90%;
		font-weight:bold;
		}
	  /*SPで消えてしまう見出しを追加する*/
	#fbw .price-list td:nth-of-type(2):before {
		content: "前 売";
		}
	#fbw .price-list td:nth-of-type(3):before {
		content: "U-25";
		}
	#fbw .price-list td:nth-of-type(4):before {
		content: "当 日";
		}
	#fbw .price-list td:nth-of-type(5):before {
		content: "";
		}
	#fbw #schedule .sp-price-kaisetsu {
		display:block;
		background-color:#efefef;
		padding:1em;
		box-sizing:border-box;
		font-size:90%;
	}			
}


/* チケットボタン */
#fbw  .ticket-btn {
	margin:40px auto 0;
}
#fbw  .ticket-btn a {
	position: relative;
	display:block;
	max-width:450px;
	width:90%;
	overflow:hidden;
	margin:0 auto;
	height:70px;
	line-height:70px;
	background-color:#7104b7;
	color:#fff;
	border-radius: 6px;
	font-size:22px;
	font-weight:bold;
	box-shadow:0 3px 0 #000;
	text-align:center;
}
#fbw  .ticket-btn a:hover {
	top:3px;
	box-shadow:none;
	text-decoration:none;
}

@media only screen and (max-width: 768px) {
	#fbw  .ticket-btn {
		margin:20px auto 0;
	}	
	#fbw  .ticket-btn a {
		width:80%;
		overflow:hidden;
		font-size:16px;
		height:50px;
		line-height:50px;
	}
}




/*----------------------

 NEWS詳細
 
----------------------*/

#fbw #interview {
	width: 100%;
	margin:0px auto;
	padding:100px 0;
    background:-webkit-gradient(linear, left top, right top, from(#46007c), to(#ff1493));
    background:-webkit-linear-gradient(left, #46007c, #ff1493);
    background:-moz-linear-gradient(left, #46007c, #ff1493);
    background:-o-linear-gradient(left, #46007c, #ff1493);
    background:linear-gradient(to right, #46007c, #ff1493);	
	background-color:#ff1493;
	color:#000;
}	
#fbw #interview .interview-inner {
	max-width:1180px;
	margin:0 auto;
	position:relative;
	padding:50px 100px;
	box-sizing: border-box;
	background-color:#fff;
	border:5px solid #000;
}
#fbw #interview h4 {
	font-size:150%;
	text-align:left;
	margin:25px 0;
	border-bottom:2px dotted #333;
	padding-bottom:4px;
	position:relative;
	padding-left:0px;
}
#fbw #interview p {
	font-size:16px;
	line-height:1.8;
	word-wrap:break-word;
	color:#333;
	margin:30px 0;
}
#fbw #interview p.clear:after {
	content: "";
	display: table;
	clear: both;
}
#fbw #interview p.int-credit {
	margin:30px 0;
	line-height:160%;
	text-align:right;
	color:#999;
}
#fbw #interview p span {
	font-weight:bold;
}
#fbw #interview img.img-l {
	float:left;
	margin:0 15px 15px 0 ;
}
#fbw #interview img.img-r {
	float:right;
	margin:0 0 15px 15px ;
}
#fbw .interview-more {
	width:80%;
	height:50px;
	line-height:50px;
	text-align:center;
	background-color:#EE3E75;
	color:#fff;
	font-size:20px;
	margin:20px auto 0;
	cursor:pointer;
}
#fbw #interview .pink-midashi {
	color:#EE3E75;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	border-bottom:2px dotted #EE3E75;
	padding-bottom:2px;
}

@media only screen and (max-width: 768px) {
	#fbw #interview {
		width: 100%;
		margin:0px auto;
		padding:20px 10px;
		box-sizing: border-box;
		font-size:12px;
	}	
	#fbw #interview .interview-inner {
		max-width:100%;
		margin:0 auto;
		position:relative;
		padding:30px 10px 30px;
		box-sizing: border-box;
		background-color:#fff;
	}
	#fbw #interview h4 {
		font-size:130%;
		text-align:left;
		margin:25px 10px;
		padding:0 0 10px 0px;
		position:relative;
	}
	#fbw #interview p {
		margin:20px 0;
		font-size:14px;
		line-height:1.7;
		word-wrap:break-word;
		color:#000;
		padding:0 10px;
	}
	#fbw #interview img.img-l ,
	#fbw #interview img.img-r {
		float:none;
		margin:0 auto 20px;
		max-width:400px;
		width:100%;
		height:auto;
	}
}