@charset "utf-8";

/*--------------------------------------------------
powerd by travision Inc. 
recent status 2015.07.06
--------------------------------------------------*/

html { width:100%; *zoom: 1;}
*{ margin:0;padding:0; }
body {
	background:#ffffff;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing: antialiased;
	font-family:Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo ;
}



@media print, screen and (min-width: 481px){
.sp {
	display:none;
}
#wrapper {
	width:1000px;
	margin:0 auto;
	font-size:15px;
	color:#444;
	line-height:1.7;
	overflow:hidden;
}
a {
	color:#003567;
	text-decoration:underline;
	transition: .2s linear;
	-webkit-transition: .2s linear;
    	-moz-transition: .2s linear;
    	-o-transition: .2s linear;
    	-ms-transition: .2s linear;
	outline:none;
}
a:hover {
	color:#003567;
	text-decoration:none;
	transition: .2s linear;
	-webkit-transition: .2s linear;
    	-moz-transition: .2s linear;
    	-o-transition: .2s linear;
    	-ms-transition: .2s linear;
}
a:hover img {
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
	transition: .2s linear;
	-webkit-transition: .2s linear;
    	-moz-transition: .2s linear;
    	-o-transition: .2s linear;
    	-ms-transition: .2s linear;
}
}

@media screen and (max-width: 480px){
.pc {
	display:none;
}
#wrapper {
	width:100%;
	font-size:1em;
	color:#444;
	line-height:1.5;
}
a {
	color:#003567;
	text-decoration:underline;
	outline:none;
}
a:hover {
	color:#003567;
	text-decoration:none;
}
div,section,article,dl,dt,dd,ul,li,p,aside,header,footer {
	box-sizing:border-box;
}
.scrolltable {
	-webkit-overflow-scrolling: touch;
	overflow-x:scroll;
}
}

/*--------------------------------------------------
header
--------------------------------------------------*/

@media print, screen and (min-width: 481px){
header {
	margin:0 auto;
}	
header hgroup {
	padding:20px 0;
	border-top:8px solid #003567;
	overflow:hidden;
}
header h1 {
	float:left;
}
header ul.links {
	float:right;
	overflow:hidden;
}
header .links li {
	float:left;
}
header .links li.fb {
	margin-right:25px;
}
header .links li.tw {
	margin-right:60px;
}
#TopPage header ul.links {
	display:none;
}
}

@media screen and (max-width: 480px){
header {
	padding:15px;
	border-top:8px solid #003567;
}	
header h1 {
	width:40%;
}
header h1 img {
	width:100%;
	height:auto;
}
header ul.links {
	display:none;
}
}

/*--------------------------------------------------
TOP nav
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
nav.topNav {
	overflow:hidden;
	margin-bottom:10px;
}
nav a,
nav a:hover {
	color:#ffffff;
	text-decoration:none;
}
nav.topNav ul li {
	width:199px;
	height:50px;
	line-height:50px;
	float:left;
	font-size:14px;
	font-weight:bold;
	border-right:1px dotted #cccccc;
	color:#ffffff;
}
nav.topNav ul li.cs {
	width:187px;
	padding:0 0 0 13px;
	color:#666666;
	border:0;
}
span.close {
	margin-left:13px;
	color:#999999;
	font-weight:bold;
}
nav.topNav ul li a {
	height:50px;
	padding:0 26px 0 13px;
	display:block;
}
nav.topNav ul {
	background-color:#0d0d0d;
	overflow:hidden;
}
nav li a,
nav li a:hover  {
	background-image:url(../img/arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
}
nav li a:hover  {
	background-color:#003567;
}
}

@media screen and (max-width: 480px){
nav.topNav {
	display:none;
}
}

/*--------------------------------------------------
Bread
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
p.bread {
	font-size:13px;
	color:#666666;
	margin-bottom:20px;
}
}
@media screen and (max-width: 480px){
p.bread {
	display:none;
}
}

/*--------------------------------------------------
btns
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
.btns a {
	height:40px;
	line-height:40px;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	border-radius:4px;
	background-image:url(../img/arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#003567;
	padding:0 26px 0 13px;
	display:block;
}
.btns a:hover {
	background-color:#0d0d0d;
}
.btns_small a {
	height:30px;
	line-height:32px;
	text-align:center;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	border-radius:4px;
	background-image:url(../img/arrow_s.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#003567;
	padding:0 16px 0 8px;
	display:block;
}
.btns_small a:hover {
	background-color:#0d0d0d;
}
}
@media screen and (max-width: 480px){
.btns_small a {
	height:40px;
	line-height:40px;
	text-align:center;
	color:#ffffff;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:none;
	border-radius:4px;
	background-image:url(../img/arrow_s.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#003567;
	padding:0 16px 0 8px;
	display:block;
}
.btns_small a:hover {
	background-color:#0d0d0d;
}
}


/*--------------------------------------------------
Titles
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
h2 {
	font-size:20px;
	color:#ffffff;
	background:#003567;
	padding:5px 10px;
	margin-bottom:30px;
	border-radius:6px;
	font-weight:bold;
}
#TopPage h3 {
	margin:0;
	margin:0 0 15px 0;
	font-size:20px;
	font-weight:bold;
	color:#0d0d0d;
	line-height:1;
	padding-bottom:5px;
	border-bottom:5px solid #003567;
}
}

@media screen and (max-width: 480px){
h2 {
	font-size:1.1em;
	color:#ffffff;
	background:#003567;
	padding:5px 0 5px 10px;
	margin-bottom:15px;
	border-radius:6px;
	font-weight:bold;
}
#TopPage h3 {
	margin:0;
	margin:0 0 10px 0;
	font-size:1em;
	font-weight:bold;
	color:#0d0d0d;
	line-height:1;
	padding-bottom:5px;
	border-bottom:5px solid #003567;
}
}

/*--------------------------------------------------
Base
--------------------------------------------------*/

@media print, screen and (min-width: 481px){
.mainArea {
	width:1000px;
	overflow:hidden;
}
#TopPage .mainArea {
	width:740px;
	float:right;
}
section {
	margin:0 0 40px 0;
	overflow:hidden;
	clear:both;
}
}

@media screen and (max-width: 480px){
.mainArea {
	width:100%;
	padding:0;
}
section {
	margin:0 0 20px 0;
}
}

/*--------------------------------------------------
Top Slider
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
section#slideArea {
	width:740px;
	height:410px;
	position:relative;
	font-weight:bold;
	font-size:14px;
}
section#slideArea p {
	margin-bottom:6px;
}
}
@media screen and (max-width: 480px){
section#slideArea {
	position:relative;
	z-index:100;
}
section#slideArea img {
	width:100%;
	height:auto;
}
section#slideArea p {
	margin-bottom:6px;
}
}

/*--------------------------------------------------
Schedule
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
section#schedule table {
	width:100%;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-size:13px;
	margin-bottom:15px;
	table-layout:fixed;
}
section#schedule table td,th {
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:4px;
}
section#schedule table td {
	text-align:left;
	vertical-align:top;
}
section#schedule table tr.time td {
	background:#0d0d0d;
	text-align:center;
	vertical-align:top;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
}
section#schedule a {
	font-weight:bold;
}
section#schedule .btns_small {
	width:300px;
	float:right;
	margin:15px 0 0 0;
}
section#schedule article {
	margin-bottom:30px;
}
}

@media screen and (max-width: 480px){
section#schedule {
	width:100%;
	padding:0 15px;
	overflow:hidden;
}
section#schedule table {
	width:180%;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-size:0.9em;
	margin:0 0 10px 0;
	table-layout:fixed;
}
section#schedule table td,th {
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:3px;
}
section#schedule table td {
	text-align:left;
	vertical-align:top;
}
section#schedule table tr.time td {
	background:#0d0d0d;
	text-align:center;
	vertical-align:top;
	color:#ffffff;
	font-size:1em;
	font-weight:bold;
}
section#schedule a {
	font-weight:bold;
}
section#schedule .btns_small {
	width:100%;
	float:right;
	margin:10px 0 0 0;
}
section#schedule article {
	margin-bottom:20px;
}
}

/*--------------------------------------------------
Event
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
section#event li {
	margin-bottom:20px;
}
section#event li:last-child {
	margin-bottom:0;
}
section#event li a {
	font-weight:bold;
}
}
@media screen and (max-width: 480px){
section#event li {
	padding:0 15px;
	margin-bottom:15px;
}
section#event li:last-child {
	margin-bottom:0;
}
section#event li a {
	font-weight:bold;
}
}

/*--------------------------------------------------
Works
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
section#workList article {
	width:340px;
	padding:10px;
	float:left;
	margin:0 10px 10px 0;
	background:#efefef;
	overflow:hidden;
}
section#workList article p.jacket {
	float:left;
	margin-right:10px;
	margin-bottom:0;
}
section#workList article .detail {
	width:180px;
	float:left;
}
section#workList article h4 {
	font-weight:bold;
	margin-bottom:10px;
}
section#workList article p {
	font-size:14px;
	margin-bottom:10px;
}
section#workList article p.catch {
	margin-bottom:10px;
}
section#workList article p.credit {
	font-size:11px;
	line-height:1.5;
}
section#workList article p.koukai {
	padding:4px;
	background:#ffffff;
	margin-bottom:15px;
	font-weight:bold;
}
section#workList article p.btns_small {
	margin-bottom:0;
	width:100px;
}
}
@media screen and (max-width: 480px){
section#workList {
	padding:0 15px;
	overflow:hidden;
}
section#workList article {
	padding:15px;
	margin:0;
	background:#efefef;
	overflow:hidden;
	border-bottom:1px solid #fff;
}
section#workList article p.jacket {
	margin:0 0 10px 0;
	text-align:center;
}
section#workList article p.jacket img {
	width:70%;
	height:auto;
}
section#workList article h4 {
	font-weight:bold;
	margin-bottom:10px;
}
section#workList article p {
	margin-bottom:10px;
}
section#workList article p.catch {
	margin-bottom:10px;
}
section#workList article p.credit {
	font-size:0.8em;
}
section#workList article p.koukai {
	padding:4px;
	background:#ffffff;
	margin-bottom:10px;
	font-weight:bold;
}
section#workList article p.btns_small {
	margin-bottom:0;
	width:100%;
}
}
/*--------------------------------------------------
Works Detail
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
section#workDetail {
	overflow:hidden;
}
section#workDetail h2 {
	border-radius:6px 6px 0 0;
	margin:0;
}
section#workDetail h3 {
	background:#eee;
	padding:5px 10px;
	margin-bottom:30px;
	font-weight:bold;
	font-size:16px;
}

section#workDetail h4 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}

section#workDetail .work-image {
	float:right;
	width:400px;
	font-size:10px;
	margin-bottom:30px;
}
section#workDetail .work-image img {
	border:1px solid #ccc;
	width:100%;
	height:auto;
}
section#workDetail .work-image p.work-copy {
	padding-top:10px;
}

section#workDetail .work-text {
	width:570px;
	float:left;
	margin-bottom:30px;
}

section#workDetail .work-caption {
	clear:both;
	margin-bottom:30px;
	font-size:13px;
}
section#workDetail .work-jacket {
	width:200px;
	padding:15px;
	background:#eee;
	float:right;
}
section#workDetail .work-jacket img {
	width:100%;
	height:auto;
	margin-bottom:10px;
}

section#workDetail ul.work-info {
	float:left;
	width:740px;
	overflow:hidden;
}
section#workDetail ul.work-info li {
	padding-top:20px;
	border-top:1px dotted #ccc;
	margin-bottom:20px;
	overflow:hidden;
}
section#workDetail ul.work-info li .ttl {
	font-weight:bold;
	float:left;
	width:100px;
	font-size:13px;
}
section#workDetail ul.work-info li .info {
	float:left;
	width:580px;
}
section#workDetail .movieArea {
	float:right;
	width:560px;
	margin-bottom:30px;
}
}

@media screen and (max-width: 480px){
section#workDetail {
	padding:0 15px;
	overflow:hidden;
}
section#workDetail h2 {
	border-radius:6px 6px 0 0;
	margin:0;
}
section#workDetail h3 {
	background:#eee;
	padding:5px 10px;
	margin-bottom:15px;
	font-weight:bold;
}

section#workDetail h4 {
	font-weight:bold;
	margin-bottom:15px;
}

section#workDetail .work-image {
	font-size:0.8em;
	margin-bottom:15px;
}
section#workDetail .work-image img {
	border:1px solid #ccc;
	width:100%;
	height:auto;
}
section#workDetail .work-image p.work-copy {
	padding-top:5px;
}

section#workDetail .work-text {
	margin-bottom:15px;
}

section#workDetail .work-caption {
	margin-bottom:15px;
	font-size:0.9em;
}
section#workDetail .work-jacket {
	padding:10px;
	background:#eee;
	text-align:center;
}
section#workDetail .work-jacket img {
	width:70%;
	height:auto;
	margin-bottom:10px;
}
section#workDetail ul.work-info li {
	padding-top:10px;
	border-top:1px dotted #ccc;
	margin-bottom:10px;
	overflow:hidden;
}
section#workDetail ul.work-info li .ttl {
	font-weight:bold;
	margin-bottom:5px;
	font-size:0.9em;
}
section#workDetail  iframe {
	width:280px;
	height:158px;
	margin:0 auto;
}
}

/*--------------------------------------------------
Aside
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
aside {
	float:left;
	width:234px;
	margin-right:26px;
	font-size:14px;
}
aside section {
	margin:0 0 30px 0;
	overflow:hidden;
	clear:both;
}

/*EuroLive*/
section#elArea {
	background:#0d0d0d;
	padding:9px;
	text-align:center;
	margin:0 0 20px 0;
	font-size:10px;
	color:#fff;
	border-radius:8px;
}
section#elArea p.el-logo img {
	margin-bottom:5px;
}
section#elArea p.eljacket {
	margin-bottom:15px;
}
section#elArea p.eljacket img {
	width:160px;
	height:auto;
}

/*NEWS*/
section#newsArea li {
	padding:0 0 5px 0;
	margin-bottom:10px;
	border-bottom:1px dotted #cccccc;
	overflow:hidden;
}
section#newsArea p.date {
	font-weight:bold;
}
section#newsArea .btns_small {
	width:70px;
	float:right;
}

/*Mail Magazine*/
section#mmArea .mmbtn a {
	width:220px;
	padding:10px 0 10px 14px;
	text-align:center;
	border-radius:4px;
	display:block;
	background: url(../img/btn_mm.png) left center no-repeat #003567;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}
section#mmArea .mmbtn a:hover {
	background: url(../img/btn_mm.png) left center no-repeat #0d0d0d;
	text-decoration:none;
}
section#mmArea p {
	margin-bottom:10px;
}
section#mmArea p:nth-child(4) {
	padding-bottom:10px;
	border-bottom:1px dotted #cccccc;
}
section#mmArea p:last-child {
	margin-bottom:0;
}

/*Access*/
section#accessTop p {
	margin-bottom:10px;
}
section#accessTop p.large {
	text-align:right;
	margin-bottom:10px;
}
section#accessTop p:last-child {
	margin:0;
}

/*Ban*/
section#banArea li {
	margin-bottom:30px;
	text-align:center;
}
section#banArea li:last-child {
	margin:0;
}
}

@media screen and (max-width: 480px){
aside {
	width:100%;
	padding:0 15px;
}
aside section {
	margin:0 0 20px 0;
}

/*EuroLive*/
section#elArea {
	background:#0d0d0d;
	padding:5px;
	text-align:center;
	font-size:0.8em;
	color:#fff;
	border-radius:8px;
}
section#elArea p.el-logo img {
	margin-bottom:5px;
}
section#elArea p.eljacket {
	margin-bottom:10px;
}
section#elArea p.eljacket img {
	width:70%;
	height:auto;
}

/*NEWS*/
section#newsArea li {
	padding:0 0 5px 0;
	margin-bottom:5px;
	border-bottom:1px dotted #cccccc;
}
section#newsArea p.date {
	font-weight:bold;
}

/*Mail Magazine*/
section#mmArea .mmbtn a {
	width:100%;
	box-sizing:border-box;
	padding:10px 0 10px 14px;
	text-align:center;
	border-radius:4px;
	display:block;
	background: url(../img/btn_mm.png) left center no-repeat #003567;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	font-size:0.9em;
}
section#mmArea p {
	margin-bottom:10px;
}
section#mmArea p:nth-child(4) {
	padding-bottom:10px;
	border-bottom:1px dotted #cccccc;
}
section#mmArea p:last-child {
	margin-bottom:0;
}

/*Access*/
section#accessTop p {
	margin-bottom:10px;
}
section#accessTop p img {
	width:100%;
	height:auto;
}
section#accessTop p.large {
	text-align:right;
	margin-bottom:10px;
}
section#accessTop p:last-child {
	margin:0;
}

/*Ban*/
section#banArea {
	overflow:hidden;
}
section#banArea li {
	width:50%;
	float:left;
	margin-bottom:15px;
	text-align:center;
}
section#banArea img {
	width:80%;
	height:auto;
}
section#banArea li:last-child {
	margin:0;
}
}


/*--------------------------------------------------
Access Page
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
section.access .gmap {
	margin:0 0 20px 30px;
	float:right;
}
section.outline h4 {
	font-weight:bold;
	margin-bottom:15px;
	padding-bottom:6px;
	border-bottom:1px solid #cccccc;
}
section.outline table {
	margin-bottom:30px;
	width:100%;
	font-size:13px;
	border:0;
}
section.outline table:last-child {
	margin:0;
}
section.outline th {
	padding:5px;
}
section.outline th {
	width:15%;
	background:#eeeeee;
	border-top:4px solid #ffffff;
	border-left:0;
}
section.outline td {
	padding:5px 5px 5px 15px;
}
}

@media screen and (max-width: 480px){
section.access,
section.outline {
	padding:0 15px;
	overflow:hidden;
}
section.access .gmap {
	margin:0 0 15px 0;
}
section.access .gmap iframe {
	width:100%;
	height:300px;
}
section.outline h4 {
	font-weight:bold;
	margin-bottom:10px;
	padding:15px 0 6px 0;
	border-bottom:1px solid #cccccc;
	clear:both;
}
section.outline table {
	width:200%;
	font-size:0.8em;
	border:0;
}
section.outline table:last-child {
	margin:0;
}
section.outline th {
	padding:5px;
}
section.outline th {
	width:15%;
	background:#eeeeee;
	border-top:4px solid #ffffff;
	border-left:0;
}
section.outline td {
	padding:5px 5px 5px 15px;
}
}

/*--------------------------------------------------
Works Page
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
#Works section#workList article {
	width:470px;
	padding:10px;
	float:left;
	margin:0 10px 10px 0;
	background:#efefef;
	overflow:hidden;
}
#Works section#workList article .detail {
	width:310px;
	float:left;
}
}

/*--------------------------------------------------
Schedule Page
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
#Schedule h3 {
	font-size:20px;
	font-weight:bold;
	padding:5px 0 0 10px;
	border-left:6px solid #003567;
	border-bottom:0;
	margin:0 0 20px 0;
}
#Schedule .buyArea {
	padding:20px;
	border:1px dotted #ccc;
	margin:0 0 30px 0;
}
}
@media screen and (max-width: 480px){
#Schedule h3 {
	font-size:1.1em;
	font-weight:bold;
	padding:5px 0 0 10px;
	border-left:6px solid #003567;
	border-bottom:0;
	margin:0 0 15px 0;
}
#Schedule .buyArea {
	padding:10px;
	border:1px dotted #ccc;
	margin:0 0 20px 0;
	font-size:0.9em;
}
}


/*--------------------------------------------------
Member Page
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
section.members .memberTitle {
	overflow:hidden;
}
section.members .memberTitle .left {
	font-weight:bold;
	font-size:1.1em;
}
section.members table,
section.minitheater table {
	width:100%;
	margin-bottom:20px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
section.minitheater td,
section.minitheater th,
section.members td,
section.members th {
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
section.members th {
	text-align:left;
}
section.members p,
section.minitheater p {
	margin-bottom:20px;
}
section.minitheater h5 {
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}
section.minitheater table .pref {
	width:10%;
}
section.minitheater table .names {
	width:26%;
}
section.minitheater table .price {
	width:46%;
}
section.minitheater table .maps {
	width:8%;
}

/*Rent*/
section.rent .recent {
	text-align:right;
	font-size:0.8em;
	margin-bottom:20px;
}

section.rent p {
	margin-bottom:20px;
}

section.rent p span {
	font-size:1.2em;
	font-weight:bold;
}

section.rent .fee-left {
	width:100px;
	float:left;
	margin-right:40px;
}

section.rent .fee-right {
	width:800px;
	flaot:left;
	margin-bottom:20px;
}

section.rent .fee-right td,
section.rent .fee-right th {
	text-align:center;
	vertical-align:middle;
}

section.rent .btnArea {
	padding-top:30px;
	width:700px;
	margin:0 auto;
	overflow:hidden;
}

section.rent .btnRent01 a {
	width:300px;
	height:80px;
	line-height:80px;
	background-color:#0d0d0d;
	float:left;
}

section.rent .btnRent02 a {
	width:300px;
	height:80px;
	line-height:80px;
	background-color:#635c00;
	float: right;
}

section.rent .btnRent01 a:hover,
section.rent .btnRent02 a:hover {
	background-color:#97040c;
}
}
@media screen and (max-width: 480px){
section.members {
	padding:0 15px;
}
section.members .memberTitle {
	margin-bottom:15px;
}
section.members .memberTitle .left {
	float: none;
	margin-bottom:5px;
	font-weight:bold;
}
section.members .memberTitle .right {
	float:none;
	font-size:0.9em;
}
section.members table,
section.minitheater table {
	width:100%;
	margin-bottom:15px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size:0.9em;
}
section.minitheater td,
section.minitheater th,
section.members td,
section.members th {
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
section.members th {
	text-align:left;
}
section.members p,
section.minitheater p {
	margin-bottom:15px;
}
section.minitheater {
	padding:0 15px;
}
section.minitheater h5 {
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}
section.minitheater table {
	width:200%;
}
section.minitheater table .pref {
	width:10%;
}
section.minitheater table .names {
	width:26%;
}
section.minitheater table .price {
	width:46%;
}
section.minitheater table .maps {
	width:8%;
}
}
/*--------------------------------------------------
footer
--------------------------------------------------*/
@media print, screen and (min-width: 481px){
#page-top {
	position: fixed;
	z-index:80;
	bottom: 20px; 
	right: 20px;
	background:#ffffff;
}
footer {
	width:100%;
	background:#0d0d0d;
	padding:25px 0;
	color:#ffffff;
	font-size:12px;
}
footer .footerArea {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
footer ul.list01 {
	float:left;
	width:250px;
	border-right:1px dotted #144453;
}
footer ul.list02 {
	float:left;
	width:470px;
	padding-left:30px;
	border-right:1px dotted #144453;
}
footer li {
	margin-bottom:25px;
	padding-left:16px;
	line-height:1;
	background:url(../img/arrow_s.png) left center no-repeat;
}
footer li:last-child {
	margin:0;
}
footer a {
	color:#ffffff;
	text-decoration:none;
}
footer a:hover {
	color:#ffffff;
	text-decoration:underline;
}
footer .copies {
	float:left;
	padding:0 0 0 30px;
	width:210px;
}
footer .copies p.logo {
	margin-bottom:25px;
}
footer .copies p.address {
	margin-bottom:15px;
}
footer .copies p.copy {
	margin:0;
}
}
@media screen and (max-width: 480px){
#page-top {
	display:none;
}
footer {
	width:100%;
	background:#0d0d0d;
	padding:0 0 15px 0;
	color:#ffffff;
}
footer .footerArea {
}
footer ul.list01,
footer ul.list02 {
}
footer li {
	padding:15px;
	background:url(../img/arrow_s.png) right center no-repeat;
	border-bottom:1px dotted #333;
}
footer li a {
	display:block;
}
footer a {
	color:#ffffff;
	text-decoration:none;
}
footer .copies {
	font-size:0.9em;
	padding-top:20px;
}
footer .copies p.logo {
	text-align:center;
	margin-bottom:10px;
}
footer .copies p.address {
	margin-bottom:10px;
	text-align:center;
}
footer .copies p.copy {
	margin:0;
	text-align:center;
	color:#666;
	font-size:0.7em;
}
}

/*-------------------------------------------------
Drawer
-------------------------------------------------*/
header .top {
	position: absolute;
	top: 0;
	right: 0;
	height:48px;
	width:45px;
	z-index: 200000;
	overflow: hidden;
}

header .top a.menu {
	position: absolute;
	top:18px;
	right:10px;
	height:30px;
	width:35px;
	display:block;
}

nav.topNavSP {
	position:absolute;
	width:100%;
	top:0;
	left:0;
}

.drawer {
	-webkit-transform: translate3d(0, -380px, 0);
	-moz-transform: translate3d(0, -380px, 0);
	-o-transform: translate3d(0, -380px, 0);
	transform: translate3d(0, -380px, 0);
	-webkit-transition:-webkit-transform 0.25s linear;
	-moz-transition:-moz-transform 0.25s linear;
	-o-transition:-o-transform 0.25s linear;
	transition:transform 0.25s linear;
	position:relative;
	z-index:100000;
}

.drawer.active {
	-webkit-transform: translate3d(0,0px,0);
	-moz-transform: translate3d(0,0px,0);
	-o-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);
}

nav.topNavSP ul {
list-style:none;
}

nav.topNavSP ul li a {
display: block;
text-decoration: none;
background: url(../img/arrow.png) right center no-repeat rgba(0,0,0,0.9);
padding: 1em;
border-bottom: 1px solid #333333;
color:#fff;
}

/* Fallbacks */

.no-csstransforms .top {
	position: static;
}

.no-csstransforms .drawer nav {
	display: none;
}

.no-csstransforms .drawer.active nav {
	display: block;
}
/*-------------------------------------------------
Module
-------------------------------------------------*/

.week { color:#ffffff;}
.sat { color:#00b7ee;}
.sun { color:#ea68a2;}

.alt { display:none;}
.left { float:left;}
.right { float:right; }

.caution {
	font-size:0.8em;
}

p.detailAdd {
	margin-bottom:20px;
}