.fig_27program {
	text-align: center;
}
.fig_27program a {
	display: block;
	width: 250px;
	margin: 0 auto;
}
.fig_27program img {
	display: inline;
}
.ul_btn_pro {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
}
	.ul_btn_pro li {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 40px;
		list-style: none;
		margin: 0 20px;
	}
		.ul_btn_pro li a {
			display: inline-block;
			text-align: center;
			width:180px;
			padding: 15px 20px;
			margin-bottom: 20px;
			color: #fff;
			text-decoration: none;
			background: #0066cc; 
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
			
			border-radius: 6px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
		}
		.ul_btn_pro li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}
.venue{
	text-align:right;
	font-size:19px;
	font-weight:bold;
	color:#E67D2F;
	margin-left:auto;
}
.date{
	text-align:right;
	font-size:17px;
	font-weight:bold;
}
.ttl {
  border-bottom: 2px solid #004286;
  font-size: 1.1em;
}
.ttl span {
  color: #004286;
}


@media screen and (max-width: 640px){

.ul_btn_pro {
	display: block;
}
	.ul_btn_pro li {
		text-align: center;
		padding-bottom: 40px;
	}
	

}


/*
プログラム用
--------------------------*/

.pro_h2index {
	font-size:1.2em;
	font-weight:bold;
	color: #006BB3;
	background: #f5f5f5;
	padding:5px 0 3px 0.7em;
	margin:30px 0 0px;
	border-left:8px solid #A8EEFF;
}
.pro_date {
	font-size:1.0em;
	color:#666;
	font-weight: 600;
	margin:15px 0 0px 0px;
	padding-bottom: 5px;
	border-bottom: #ccc dashed 1px;
}
	.pro_date i {
		color: #71A3E5;
	}
	.pro_date p {
		float: left;
	}
	.pro_date p:first-child {
		margin-right: 2em;
	}

.pro_title {
	font-size:1.1em;
	font-weight:bold;
	padding:5px 10px;
	margin:10px 0 0px;
}
.pro_theme {
	font-size:1.1em;
	font-weight:bold;
	color:#71A3E5;
	margin:20px 0 0px 0;
}

.proBox {
	margin-bottom:30px;
}

dl.pro_person {
	margin: 0 0 20px 0px;
	color:#666;
}
	dl.pro_person dt {
		width: 140px;
		clear:left;
		float:left;
		text-align: right;
		margin:0px 0 5px;
		font-size: 0.9em;
	}
	dl.pro_person dd {
		/*padding-left: 160px;*/
		margin-bottom: 5px;
		font-weight: 600;
		display: table;
	}
	dl.pro_person dd span {
		display: table-cell;
	}
	dl.pro_person dd span:nth-child(1) {
		width: 6em;
	}	
	dl.pro_person dd span:nth-child(2) {
		font-size: 0.9em;
		font-weight: 500;
		text-indent: -1em;
		padding-left: 1em;
	}

	dl.pro_person.long dt {
		width: 220px;
}

.bg_program {
	background-image: url("../img/bg_poster.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top 40px;
	min-height: 1590px;
}
.bg_probox {
	background: #F6F9F9;
	opacity: 0.7;
	border: #D6D6D6 solid 2px;
	padding: 20px 40px;
	margin-bottom: 10px;
}

.ul_dot a {
	font-weight:900;
	color: #000;
	font-size:1.8rem;
	line-height: 1.4;
}
	.ul_dot a:hover {
		font-weight: 600;
		color: #666;
	}
.mt60{
	margin-top:85px;
}


a.zatyou {
	width: 80px;
    display: inline-block;
    background: #780000;
    padding: 2px 0px 2px 15px;
    border-radius: 3px;
    text-decoration: none;
    color: #FFFFFF;
    font-size:13px;
	text-align: center;
	
	/*pointer-events: none;*/
}
a.zatyou:hover {
    background: rgba(143, 24, 24, 0.7);
	cursor:pointer;
}


@media screen and (max-width: 640px){


dl.pro_person {
	margin: 0 0 20px 0px;
	color:#666;
}
	dl.pro_person dt {
		width: 98%;
		float: none;
		background: #E8EFF6;
		margin:15px 0 5px;
		padding-left: 10px;
		text-align: left;
	}
	dl.pro_person dd {
		padding-left: 10px;
		margin-bottom: 5px;
		font-weight: 600;
		line-height: 1.5;
	}
	dl.pro_person dd span {
		font-weight: 500;
	}	
	
	
.bg_program {
	background-image: url("../img/bg_poster.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top 100px;
	min-height: 500px;
}
.bg_probox {
	background: #F6F9F9;
	opacity: 0.7;
	border: #D6D6D6 solid 2px;
	padding: 10px 10px;
	margin-bottom: 20px;
}

	
	
	
}