@charset "UTF-8";
@media print{
  .print{display:none}
}
#fixed {
position: fixed;	/* 要素の位置を固定する */
top:300px; /* 基準の位置を画面の一番下に指定する */
right: 0; /* 基準の位置を画面の一番右に指定する */
width: 43px; /* 幅を指定する */
background-color: #008BB2;
border-radius: 5px 0 0 5px;
padding: 5px 0 0 10px;
}
#fixed p a{
-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 15pt;
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width:767px){
#fixed{
position: fixed;
top:150px; 
right: 0;
width: 27px;
}	
#fixed p a{
	font-size: 10pt;
}
}
dt{
	font-size: 16pt;
border-left: 10px solid #008BB2;
padding: 0 0 0 6px;	
}

.event_info table.books th.headline{
	background-color:  #CBD5EA;
	color: #333;
}
.event_info table.books th{
	color: #333;
	vertical-align: middle;
}
.text_r{
	float:right;
}
.red{
	color: red;
	font-size: 18pt;
}

.form_box{
	display: block;
	overflow: hidden;
}
.form_box p{
	margin: 5px 0 5px 10px;
}
.senjyo li{
	display: inline-block;
	margin: 3px 10px;
}
.ticket th,.ticket td{
	background-color: #fff;
}

.event_box{
	display: block;
	overflow: hidden;
}
.event_box dl{
	margin: 3px 0 3px 0;
	padding: 0 0 0 5px;
  font-size: 14pt;
  border-left: solid 10px #00569B;	
}
.event_box img{
	margin: 10px;
	float: right;
}
.event_box li{
	margin: 5px 0 5px 10px;
}
.event{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0 0 20px 5px;
}
.event iframe,
.event object,
.bmap embed {
position: absolute;
top: 0;
left: 0;
width:  100%;
height: 100%;
}
.event_info,.event_info_k{
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 20px 0 10px 0;
}
.event_info dl,.event_info_k dl{
	font-size: 12pt;
	background-color:  #008092;
	border-radius: 6px;
	color: #fff;
	padding: 3px 3px 3px 8px;
}
.event_info_k dl{
	background-color:#58C2CE;
	width: 70%;
}

.event_info li{
	font-size: 12pt;
	margin: 3px 0 3px 30px;
}
.event_info img{
	width: 100%;
}
.books li{
	font-size: 10pt;
	margin: 5px;
}
.event_info_two{
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
.event_info_two li{
	font-size: 10pt;
		margin: 3px 0 3px 30px;
}
.event_info_two img{
	width: 90%;
	margin: 10px;
}
@media screen and (max-width:767px){
.event_box img{
	width: 100%;
}	
}