@charset "utf-8";
@import url("/useful/css/oyakudachi.css");

body { font-size:15px;}
img { vertical-align:bottom;}
/* ----------------------------
 h1
------------------------------ */
h1 {
	width:664px;
	height:120px;
	background:url("/useful/22902_hall_002/image/ttl_dtl_bg.jpg") no-repeat;
  background-size: 100% auto;
	text-align:center;
	font-size:25px;
	/*line-height:120px;*/
	color: #444;
	font-weight: bold;
	text-shadow: 2px 2px 1px #fff,
	-2px 2px 1px #fff,
	2px -2px 1px #fff,
	-2px -2px 1px #fff;
}
h1 div {
  display:inline-block;
  min-width:320px;
  height:45px;
  margin-top:58px;
  line-height:50px;
  padding:0 20px;
  background:rgba( 255, 255, 255, 0.92 );
}
h1 span {
	font-size:18px;
}

* > article { color:#444;}

* > article#article > div.lead {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* ----------------------------
 h2
------------------------------ */

* > article#article section.con_box h2 {
	background: url("/useful/22902_hall_002/image/ttl_headline_01.png") no-repeat left bottom transparent;
  background-size: 100% auto;
	margin: 0 auto 20px;
	text-align: left;
	width:665px;
	height:32px;
	padding:0 0 0 40px;
	font-size:18px;
	color:#c21818;
	clear:both;
	font-weight:bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
* > article#article section.con_box h2 ~ figure {
	margin-left:20px;
}

* > article#article section.con_box.ttl_02 h2 {
	background: url("/useful/22902_hall_002/image/ttl_headline_02.png") no-repeat left bottom transparent;
  background-size: 100% auto;
}

* > article#article section.con_box.ttl_02 h2.theater_info_ttl {
  height:70px;
  line-height:96px;
	padding:0 0 0 45px;
	background: url("/useful/22902_hall_002/image/ttl_headline_03.png") no-repeat left bottom transparent;
}


/* ----------------------------
 h3
------------------------------ */
* > article#article section.con_box h3 {
	/*background: url("/useful/image_cmn/bg_ttls.gif") no-repeat scroll 0 0 transparent;*/
	width: 624px;
	height: 22px;
	margin: 0 auto 8px;
	padding: 0 0 3px 10px;
	background:none;
	text-align: left;
	font-size: 17px;
	clear: both;
	border-left:#d80e0e 7px solid;
}
* > article#article section.con_box h3 span {
	font-size: 15px;
	font-weight:normal;
}

/* ----------------------------
 contents
------------------------------ */
.paragraph_box {
	display:inline-block;
	margin:0 20px 40px;
}

.paragraph_box figure {
	float:right;
	margin-bottom:20px;
	margin-left:20px;
}

* > article#article section.con_box p {
	margin: 0 0 0.5em 0;
	/*font-size: 15px;
	 overflow: hidden; */
}
* > article#article section.con_box p:last-child {
    margin-bottom: 0;
}
.year_box, .theater_info {
	margin:0 20px 25px;
}
.year_box {
	border-bottom:#eb6100 1px solid;
}
.year_box:last-child {
	border-bottom:none;
	margin-bottom:30px;
}

.year_box ul, .year_box li {
	list-style: disc outside;
}
.year_box ul {
	margin-left:40px;
	margin-bottom:20px;
}
.year_box li {
	margin-bottom:5px;
	/*font-size:15px;*/
}

media="all"
* > article#article section.con_box table {
    border:none;
    border-collapse: collapse;
    margin:0;
}

* > article#article section.con_box .theater_info table {
	width:624px;
	border-spacing:4px;
	border: none;
	border-collapse: collapse;
	margin: 0;
}
* > article#article section.con_box table th, * > article#article section.con_box table td {
	border: #fff 1px solid;
	padding:15px 10px;
	position: relative;
	/*font-size:15px;*/
}
* > article#article section.con_box table th {
	width:130px;
	background-color:#93de89;
	text-align: center;
}
.theater_info td {
	width:495px;
	background-color:#eff9eb;
  word-break: break-all;
}

* > article#article section.con_box .theater_info table.seats_info {
	width:auto;
	border-spacing:0;
	border:none;
	margin:0;
}
* > article#article section.con_box .theater_info table.seats_info th, * > article#article section.con_box .theater_info table.seats_info td {
	border:none;
	padding:0 2px 2px 0;
	background:none;
	text-align:right;
	text-wrap:none;
	white-space: nowrap;
	font-weight:normal;
}
* > article#article section.con_box .theater_info table.seats_info th {
	text-align:left;
}

* > article#article section.con_box .theater_info table.seats_info td.mini_head {
	vertical-align:top;
}
* > article#article section.con_box .theater_info table.theater_info_tbl {
	width:auto;
	border-spacing:0;
	border:none;
	margin:0;
}
* > article#article section.con_box .theater_info table.theater_info_tbl th, * > article#article section.con_box .theater_info table.theater_info_tbl td {
	border:none;
	padding:0 2px 2px 0;
	background:none;
	text-align:left;
	text-wrap:none;
}
* > article#article section.con_box .theater_info table.theater_info_tbl th {
	font-weight:normal;
}

.theater_info .theater_name{
	font-weight: 800;
}

/* > article#article section.con_box .theater_info .dtl_link_none {
  display:none;
}*/

.dtl_link{
  display: block;
  position: absolute;
  right: 10px;
  transform: translate(0,-50%);
  top: 50%;
}

.dtl_link:hover img{
  opacity: 0.8;
}

.tx_ind {
	text-indent:-1em;
	padding-left:1em;
}

.valign-top { vertical-aling:top;}


/* ----------------------------
 更新記述 update
------------------------------ */
.update {
	margin:0 20px;
	text-align:right;
}

.update_data {
  margin:0 20px;
  text-align: right;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
	a:hover img{
		opacity: 1;
	}
}
table { 
	border-spacing : 4px !important;
	border-collapse : separate !important; 
}