@charset "utf-8";
/* CSS Document */

@import url("./jquery.bxslider.css");
@import url("./carousel.css");

/* 共通の指定
--------------------------------------------------------*/
.home #information dt { float:left; clear:both; }


/* mainimg
--------------------------------------------------------*/
.home #main {
	background: url(../img/index/mainimg/bg_mainimg.png) repeat;
	}
	.home #main .inner {
		padding:45px 0 0px 0;
		}
/* 画像部分
-------------------*/
#main .img {
	width:640px;
	float:left;
	}

/* 開場時間:opentime
-------------------*/
.opentime {
	text-align: center;
	margin-bottom: 12px;
	
}
.opentime dl {
	display: inline-block;
	border: 1px solid #909090;
	border-radius: 24px;
}
.opentime dt,
.opentime dd {
	display: inherit;
	color: #FFF;
}
.opentime dt span {
	display: inherit;
	padding: 2px 8px 2px 6px;
}
.opentime dt {
	background: url(../img/index/mainimg/icon-clock.png) 6px center no-repeat;
	border-right: 1px solid #909090;
	padding-left: 18px;
}
.opentime dd {
	padding: 2px 8px 2px 4px;
}

/* テキスト部分
-------------------*/
.home #main .txt {
	width:340px; height:360px;
	background:url(../img/common/bg/1d.png) repeat;
	float:left;
	position:relative;
	}
	.home #main .txt .pd { padding:20px 20px; }
	.home #main .txt .title {
		}
.home #main .txt h2 {
	text-align:center;
	margin-bottom: 4px;
	}
.home #main .txt p.obi { position:absolute; top:-3px; right:-3px; }
/* リンク */
.home #main .movielist {
	height:260px;
	}
.home #main .movielist a {
	display:block;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
	}
.home #main .movielist a:hover {
	opacity:0.4;
	position:relative;
	behavior: url(http://www.ks-cinema.com/wp-content/themes/base/js/PIE.htc);
	filter: alpha(opacity=40);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=40)";  /* ie 8 */
	zoom:1;
	}

/* 上映中の映画リスト */
.home #main .movielist .box a { text-decoration:none; }
.home #main .movielist .box {
	color:#FFF;
	background:url(../img/index/mainimg/dotline.png) left top repeat-x;
	padding:12px 0;
	}
.home #main .movielist .box img,
.home #main .movielist .box .movietxt {
	float:left;
	}
#main .movielist .box .movietxt {
	width:216px;
	}
.home #main .movielist .box img { margin-right:12px; }
.home #main .movielist .box h3 {
	font-size:14px;
	line-height:1.2em;
	}
.home #main .movielist .box p.time {
	font-size:12px;
	background:url(../img/common/icon/icon_t.png) left 2px no-repeat;
	padding-left:10px;
	}

.home p.bt_time { position:absolute; bottom:-7px; left:85px; }

/* #wrapper
--------------------------------------------------------*/
.home #wrapper {
	-webkit-box-shadow: -5px 0px 5px 0px #000;  /* Safari, Chrome用 */
	-moz-box-shadow: -5px 0px 5px 0px #000;  /* Firefox用 */
	box-shadow: 0px -2px 2px 0px #b3b3b3;  /* CSS3草案 */
	position:relative;
	behavior: url(http://www.ks-cinema.com/wp-content/themes/base/js/PIE.htc); /* IE用 */
}

/* comming soon 上映予定
--------------------------------------------------------*/
.home #area-comming {
	margin-bottom:40px;
	padding:25px 0px 35px 0px;
	position:relative;
	}
.home #area-comming h2 {
	background:url(../img/common/icon/icon_h_g.png) left 2px no-repeat;
	padding-left:10px;
	margin-left:30px;
	margin-bottom:5px;
	}
.home #area-comming p.obi {
	position:absolute; top:25px; right:-4px;
	}

/* 作品boxの指定はcarousel.css へ */

.home #area-comming p.bt_ticket {
	position: absolute; bottom:0px; right:15px;
	}
.home #area-comming p.bt_ticket,
.home #area-comming p.bt_ticket a {
	width:224px; height:25px; display:block;
	color:#FFF;
	}
.home #area-comming p.bt_ticket a {
	text-decoration:none;
	background:url(../img/index/coming/bt_ticket.png) no-repeat;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
	padding:4px 0 0 32px;
	}
.home #area-comming p.bt_ticket a:hover {
	opacity:0.8;
	position:relative;
	behavior: url(http://www.ks-cinema.com/wp-content/themes/base/js/PIE.htc);
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	zoom:1;
	text-decoration: underline;
	}
.home #area-comming p.bt_ticket a span { font-weight:bold; margin-right:5px;}


/* information インフォメーション
--------------------------------------------------------*/
.home #area-info {
	padding:30px;
	position:relative;
	}
.home #area-info h3 {
	background:url(../img/common/icon/icon_h_p.png) left 3px no-repeat;
	padding-left:10px;
	margin-bottom:20px;
	}

.home #area-info p.obi {
	position:absolute; top:25px; right:-4px;
	}

.home #area-info .txtarea {
	width:388px;
	float:left;
	margin-right:40px;
	}
.home #area-info dl {
	}
.home #area-info dt,
.home #area-info dd {
	margin-bottom:15px;
	}
.home #area-info dt {
	float:left; clear:left;
	}
.home #area-info dd {
	padding-left:8em;
	background:url(../img/common/line/dot_gray.gif) bottom repeat-x;
	}


/* bt more */
.home .bt-more { float:right; }
.home .bt-more,
.home .bt-more a {
	width:80px;
	display:block;
	padding:5px;
	}
.home .bt-more a {
	background: url(../img/common/bg/1d.png) repeat;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
	font-size:12px;
	color:#FFF;
	text-align:center;
	vertical-align:bottom;
	text-decoration:none;
	}
	.home .bt-more a:hover {
		opacity:0.8;
		position:relative;
		behavior: url(http://www.ks-cinema.com/wp-content/themes/base/js/PIE.htc);
		filter: alpha(opacity=80);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=80)";  /* ie 8 */
		zoom:1;
		text-decoration: underline;
		}

/* twitter ウィジェット */
.home  #area-info .twitter {
	width:490px;
	float:left;
	}

	

/* section-bottom
--------------------------------------------------------*/
.home .section-bottom {
	padding:30px 0 60px 0; /* footerの分も足してある */
	background-color:#FFF;
	}
/* 右側
-------------------*/
.home .contact {
	width:300px;
	float:right;
	}
.home .contact h3 {
	height:20px;
	background:url(../img/common/icon/icon_h_g.png) left 3px no-repeat;
	padding-left:10px;
	margin-bottom:12px;
	}
.home .contact p.bt-mail,
.home .contact p.block,
.home .contact p.tel {
	float:left;
	}
/* メールアイコン */
.home .contact p.bt-mail {
	background-color:#FFF;
	margin-right:1px;
	width:74px; height:74px; 
	}
.home .bt-map,.bt-mail a {
	display: block;
	}
	.home .bt-mail a {
		background:url(../img/index/bottom/bt_mail.png) no-repeat;
		-webkit-transition: opacity 0.4s;
	    -moz-transition: opacity 0.4s;
		transition: opacity 0.4s;
		font-size:11px;
		color:#FFF;
		text-align:center;
		vertical-align:bottom;
		text-decoration:none;
		width:74px; height:19px;
		padding-top:55px;
		}
	.home .bt-mail a:hover {
		opacity:0.8;
		position:relative;
		behavior: url(http://www.ks-cinema.com/wp-content/themes/base/js/PIE.htc);
		filter: alpha(opacity=80);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=80)";  /* ie 8 */
		zoom:1;
		text-decoration: underline;
		}

/* 電話番号 */
.home .contact p.block {
	font-size:11px;
	width:224px;
	background:#d3d3d3;
	margin-bottom:1px;
	text-align:center;
	letter-spacing:0px;
	padding-top:2px;
	}
	.home .contact p.block span {
		color:#d01313;
		font-weight:bold;
		}
.home .contact .tel {
	font-family:Arial, Helvetica, sans-serif;
	width:224px; height:54px;  display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	background:url(../img/common/bg/1d.png);
	letter-spacing:1px;
	}
	.home .contact .tel p {
		font-size:20px;
		font-weight:bold;
		}
		.home .contact .tel p span {
		font-size:14px;
		font-weight:normal;
	}

/* 左側
-------------------*/
.home .about {
	width:620px; height:88px;
	background-color:#b3d04a;
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 8px;   /* Firefox用 */
	border-radius: 8px;        /* CSS3草案 */
	position:relative;
	behavior: url(http://www.ks-cinema.com/wp-content/themes/base/scripts/PIE.htc);
	padding:20px 20px 0px 20px;
	}
.home .about h4,
.home .about p,
.home .about .address {
	float:left;	
	}
	
.home .about h4 {
	width:84px;
	margin-top:23px;
	}
.home .about p.txt {
	width:185px;
	}
	.home .about h4,
	.home .about p.txt {
		margin-right:20px;
		}
		
/* 住所 */
.home .about .address {
	border-left: 2px solid #c8dd7d;
	padding-left:20px;
	}
.home .about .address p {
	float:none;
	letter-spacing:1px;
	}

/* 地図アイコン */
.home .about p.bt-map {
	background-color:#FFF;
	position:absolute; right:15px; top:15px;
	width:80px; height:80px;
	}
.home .bt-map,.home .bt-map a {
	display:block;
	}
	.home .bt-map a {
		background:url(../img/index/bottom/bt_map.png) no-repeat;
		-webkit-transition: opacity 0.4s;
	    -moz-transition: opacity 0.4s;
		transition: opacity 0.4s;
		font-size:10px;
		color:#FFF;
		text-align:center;
		text-decoration:none;
		width:80px; height:28px;
		padding-top:62px;
		}
	.home .bt-map a:hover {
		opacity:0.8;
		position:relative;
		behavior: url(http://www.ks-cinema.com/wp-content/themes/base/js/PIE.htc);
		filter: alpha(opacity=80);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=80)";  /* ie 8 */
		zoom:1;
		text-decoration: underline;
		}

/* スクロールバー */
.jspScrollable
{
	outline:none;
	}
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0px;
	width: 10px;
	height: 100%;
	background: #000;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: #000;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	position: relative;
}

.jspDrag
{
	background-color: rgba(255,255,255,0.3);
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index:10;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}


.jspArrow
{
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	border:1px solid #7a7a81;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #7a7981;
}

.jspVerticalBar .jspArrow
{
	height: 8px;
	
	}
	.jspVerticalBar .jspArrowUp {
		background:url(../list-base/img/arrow_scroll.png) left top no-repeat;
		}
	.jspVerticalBar .jspArrowDown {
		background:url(../list-base/img/arrow_scroll.png) left bottom no-repeat;
		}


/*.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}*/

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/*gallery-banner*/
.gallery-banner{
  display: block;
  width: 700px;
  height: 70px;
  margin: 35px auto 0;
  cursor: pointer;
  transition: 0.4s;
}
.gallery-banner:hover{
  opacity: 0.8;
}