body{
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color: #aaaaaa;
	scrollbar-highlight-color:#dddddd;
	scrollbar-3dlight-color: #aaaaaa;
	scrollbar-darkshadow-color: #888888;
	scrollbar-track-color:#eeeeee;
	scrollbar-arrow-color:#888888;
	overflow-y:scroll;
	margin: 0;
	font: 14px/160% "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
 }


/* リンク */

a:link,a:visited	{color: #337777;
			background: none;
			text-decoration: none;
			font-weight: bold;}
a:hover,a:active	{color: #007777;
			text-decoration: underline;
			font-weight: bold;}

a:hover.push {
	position:relative;
	left:1px;
	top:1px;
	filter:Alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}


/* フォントサイズ */

.t24 { font-size: 24px; }
.t20 { font-size: 20px; }
.t19 { font-size: 19px; }
.t18 { font-size: 18px; }
.t17 { font-size: 17px; }
.t16 { font-size: 16px; }
.t15 { font-size: 15px; }
.t14 { font-size: 14px; }
.t13 { font-size: 13px; }
.t12 { font-size: 12px; }
.t11 { font-size: 11px; }
.t10 { font-size: 10px; }
.t9 { font-size: 9px; }
.t8 { font-size: 8px; }


p.lh1 { line-height: 1.5; }
p.lh2 { line-height: 2; }





	/* PC */
@media only print, screen and (min-device-width: 751px) {
	div.frame { width: 980px; margin: 0px; }
	.disppc { display: block; }
	.dispm { display: none; }
	font.mobsize { font-size: 14px; }
	font.mobsize1 { font-size: 14px; }
	font.mobsize2 { font-size: 11px; }
	font.mobsize3 { font-size: 14px; }

	img.logosize { width: 230px; }
	.mobwidth { width: 620px; }

	/* カラム */
	div.columnleft{ width: 640px; }
	div.columnright{ width: 320px; }
	div.columncell{ width: 320px; }

	/* 見出し/ボックス/表 */
	h1.title{ width: 910px; margin: 10px 10px 20px; }
	h1.title_gr{ width: 920px; }
	h1.title_b, h1.title_g, h1.title_o, h1.title_r{ width: 610px; }
	h1.title_bs, h1.title_gs, h1.title_os, h1.title_rs{ width: 290px; }

	h1.title, h1.title_b, h1.title_g, h1.title_o, h1.title_r, h1.title_bs, h1.title_gs, h1.title_os, h1.title_rs, h1.title_gr{ font-size: 15px; }
	td { font-size: 14px; }

	div.box{ width: 918px; }
	div.boxl{ width: 608px; }
	div.boxs{ width: 288px; }
	div.box, div.boxl, div.boxs{ font-size: 14px; }

	/* 上映スケジュール */
	table.caltable{ width: 616px }
	td.calcell{ width: 88px; font-size: 14px; }
	.cal_h, .cal_o, .cal_c, .cal_t, .cal_s { font-size: 15px; }

	div.timetable{ width: 936px; margin-left: 12px; }
	h2.schedule{ width: 934px; height: 40px; }
	.timetablecell{ display: block; }
	.timetablecellm{ display: none; }

	/* 上映予告 */
	div.preview{ width: 936px; margin-left: 12px; }
	div.previewcell{ width: 156px; }
	table.previewbox{ width: 152px; border-style: solid; border-width: 1px; border-color: #999999; }
	td.previewtitle{ font-size: 14px; height: 120px; border-bottom: solid 1px #999999; }
	td.previewpic{ height: 200px; border-bottom: solid 1px #999999; }
	img.previewimg{ width: 120px; }
	td.previewdate{ height: 28px; border-bottom: solid 1px #999999; }
	td.previewmemo{ font-size: 14px; height: 142px; }

	/* 劇場案内 */
	div.infocell{ width: 320px; }
	img.info1 { width: 300px; }
	img.info2 { width: 300px; display: block; }

	/* メニュー */
	.slicknav_menu { display:none; }
}



	/* モバイル */
@media only screen and (max-device-width: 750px) {
	div.frame { width: 500px; margin: 0px; }
	.disppc { display: none; }
	.dispm { display: block; }
	font.mobsize { font-size: 20px; }
	font.mobsize1 { font-size: 18px; }
	font.mobsize2 { font-size: 13px; }
	font.mobsize3 { font-size: 4px; }

	img.logosize { width: 300px; }
	.mobwidth { width: 480px; }
	.mobwidth1 { width: 480px; }
	.mobwidth2 { width: 460px; }

	/* カラム */
	div.columnleft{ width: 480px; }
	div.columnright{ width: 480px; }
	div.columncell{ width: 480px; }

	/* 見出し/ボックス/表 */
	h1.title{ width: 450px; margin: 10px 0px 20px; }
	h1.title_b, h1.title_g, h1.title_o, h1.title_r, h1.title_gr{ width: 470px; }
	h1.title_bs, h1.title_gs, h1.title_os, h1.title_rs{ width: 470px; }

	h1.title, h1.title_b, h1.title_g, h1.title_o, h1.title_r, h1.title_bs, h1.title_gs, h1.title_os, h1.title_rs{ font-size: 22px; }
	h1.title_gr{ font-size: 22px; }
	td { font-size: 18px; }

	div.box{ width: 468px; }
	div.boxl{ width: 468px; }
	div.boxs{ width: 468px; }
	div.box, div.boxl, div.boxs{ font-size: 18px; }

	/* トップページ */
	.pcobj{ display: none; }

	/* 上映スケジュール */
	table.caltable{ width: 476px }
	td.calcell{ width: 68px; font-size: 17px; }
	td.cal_h, td.cal_o, td.cal_c, td.cal_t, td.cal_s { font-size: 15px; }

	div.timetable{ width: 480px; margin-left: 0px; }
	h2.schedule{ width: 480px; }
	.timetablecell{ display: none; }
	.timetablecellm{ display: block; }

	/* 上映予告 */
	div.preview{ width: 468px; margin-left: 6px; }
	div.previewcell{ width: 156px; }
	table.previewbox{ width: 152px; border-style: solid; border-width: 1px; border-color: #999999; }
	td.previewtitle{ font-size: 18px; height: 150px; border-bottom: solid 1px #999999; }
	td.previewpic{ height: 200px; border-bottom: solid 1px #999999; }
	img.previewimg{ width: 120px; }
	td.previewdate{ height: 28px; border-bottom: solid 1px #999999; }
	td.previewmemo{ font-size: 18px; height: 200px; }

	/* 劇場案内 */
	div.infocell{ width: 240px; }
	img.info1 { width: 240px; }
	img.info2 { display: none; }

	/* メニュー */
	.js #menu { display:none; }
	.js .slicknav_menu { display:block; width: 500px; }
}



/* デザイン */

div.contents{
	background-color: #ffffff;
	padding: 10px;
}


div#pagetopBar {
	position: fixed !important;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100px;
	height: 60px;
	margin-bottom: 45px;
	color: #fff;
	background-color: none;
}



/* 見出し */

h1.title{
	background: #d00;
	color: #fff;
	padding: 5 15px;
	text-align: left;
	font-weight: bold;
}

h1.title_gr{
	background: #999999;
	color: #fff;
	padding: 5px;
	text-align: left;
	margin: 0px;
	font-weight: normal;
}

h1.title_b, h1.title_g, h1.title_o, h1.title_r, h1.title_bs, h1.title_gs, h1.title_os, h1.title_rs{
	color: #fff;
	padding: 5px;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
}


h1.title_b{ background: #0066dd; }
h1.title_g{ background: #008822; }
h1.title_o{ background: #ff7700; }
h1.title_r{ background: #dd1111; }

h1.title_bs{ background: #0066dd; }
h1.title_gs{ background: #008822; }
h1.title_os{ background: #ff7700; }
h1.title_rs{ background: #dd1111; }


/* ボックス */

div.box, div.boxl, div.boxs{
	border: solid 1px #999999;
	border-top: none;
	background: #ffffff;
	padding: 5px;
	text-align: left;
	margin: 0 auto 10px;
}





/* トップページ */

div.columnleft{
	float: left;
	margin: 0px;
}

div.columnright{
	float: left;
	margin: 0px;
}

div.columncell{
	float: left;
	margin: auto;
}

div.topschedule{
	float: left;
	margin: 0 10px;
}



/* 上映スケジュール */

.cal_h, .cal_o, .cal_c, .cal_t, .cal_s {
	font-weight: bold;
}

.cal_h {
	background: #dddddd;
	color: #777777;
}

.cal_o {
	background: #ffffff;
	color: #337777;
}

.cal_c {
	background: #cccccc;
	color: #ee0000;
}

.cal_t {
	background: #ffffaa;
	color: #337777;
}

.cal_s {
	background: #ffbb77;
	color: #337777;
}



h2.schedule{
	background-image: url("../images/titlebar_schedule.gif"); 
	background-size: 100% 100%;
	color: #dd0000;
	text-align: center;
	line-height: 2;
	margin: 0px;
}

div.timetable{
	float: left;
}

div.timetablecell{
	width: 312px;
	height: auto;
	float: left;
	margin-bottom: 2px;
}

div.timetablecellm{
	width: 480px;
	height: auto;
	float: left;
	margin-bottom: 5px;
}



/* 公開予定 */

div.preview{
	float: left;
}

div.previewcell{
	height: auto;
	float: left;
	margin-bottom: 5px;
}



/* 劇場案内 */

div.infocell{
	float: left;
	margin: 0px;
}

img.info1, img.info2{
	margin: 0 0 10px;
}



/* デジタル3D */

div.digital3d{
	width: 450px;
	float: left;
	text-align: left;
	margin: 0 0 0 15px;
}

div.contents3d{
	background-color: #000000;
	padding: 20px;
}






.bordertopbottom {
	border-top:	1px #aaaaaa dotted;
	border-bottom:	1px #aaaaaa dotted;
}

.bordertop {
	border-top:	1px #aaaaaa dotted;
}

.borderbottom {
	border-bottom:	1px #aaaaaa dotted;
}

.borderright {
	border-right:	1px #aaaaaa dotted;
}

.grayline {
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
}