/*--------------------------------------------
common
--------------------------------------------*/
#index .pagetop {
	display : none;
}
#index #bnrarea {
	display : none;
}

.wrapper #footer .name {
	margin-right : 10px;
}
.wrapper #footer .phone {
	margin-left : 10px;
}


@media screen and (min-width: 768px) {
	.wrapper #maincontents #contents_left #news dd span {
		margin-right : 15px;
	}
	.wrapper #maincontents #contents_left_wrap .banner {
		margin-top : 20px;
		text-align : center;
	}
	.wrapper #maincontents #contents_left_wrap .banner p {
		float : none;
		display : inline-block;
		margin : 10px;
	}

	#index .wrapper #maincontents #contents_left {
		float : none;
	}

	#index .nivoSlider {
		width : 700px;
		height : 330px;
		border : 1px solid #444444;
	}

	#index .slider-wrapper {
		position : relative;
	}
	#index .theme-default .nivo-controlNav {
		position : absolute;
		right : 20px;
		top : 5px;
		z-index : 999;
		margin : 0;
		padding : 0;
	}
	#index .theme-default .nivo-controlNav a {
		display : block;
		width : 18px;
		height : 5px;
		background : url(img/bullets.gif) no-repeat;
		text-indent : -9999px;
		border : 0;
		margin-right : 3px;
		float : left;
	}
	#index .theme-default .nivo-controlNav a.active {
		background-position : 0 -5px;
	}


	nav , .navbg , #menu-btn {
		display : none;
	}
	.pcblock {
		display : block;
	}
	.spblock {
		display : none;
	}
}



@media screen and (max-width: 767px) {
	body {
		background : none;
		background-color : #ffffff;
		font-size : 105%;
	}

	body.overflowhidden {
		overflow : hidden;
		height : 100%;
	}
	.pcblock {
		display : none;
	}
	.spblock {
		display : block;
	}

	img {
		max-width : 100%;
		height : auto;
	}
	#wr01 {
		background : none;
	}

	#index .nivoSlider {
		width : auto;
		height : auto;
	}

	#maincontents #contents_right #inner table.spectb .theaterno {
		text-align : center;
		white-space : normal;
	}


	#mailform #maincontents #contents_right #inner p.copy {
		margin-left : 0;
	}

	.wrapper {
		width : 100%;
	}
	.wrapper #header {
		position : relative;
		padding-right : 0;
		padding : 0;
		height : auto;
		min-height : 60px;
	}
	.wrapper #header h1 {
		position : absolute;
		top : 10px;
		left : 10px;
		margin : 0;
	}
	.wrapper #header .reservebtn {
		display : none;
	}
	.wrapper #header h1 a {
		background : url(../images/common/zart_logo.png) 0 0 no-repeat;
		background-size : 75px 40px;
		width : 75px;
		height : 40px;
		margin : 0;
		float : none;
	}



	nav {
		background : #221800;
		position : fixed;
		width : 100vw;
		top : 0;
		bottom : 0;
		right : -102vw;
		margin : auto;
		transition : 0.5s;
		z-index : 9998;
		opacity : 0;
		overflow-y : auto;
		padding-bottom : 50px;
	}

	nav.active {
		right : 0;
		opacity : 1;
	}
	nav ul {
		padding : 0;
	}

	nav li {
		display : block;
		font-size : 15px;
		color : #ffffff;
		border-bottom : 1px solid #110500;
		line-height : 1em;
	}
	nav li.cate {
		padding-left : 0;
		padding-right : 0;
	}
	nav li.cate span {
		background : #110500;
		display : block;
		padding-top : 20px;
		padding-left : 2em;
		padding-bottom : 20px;
		line-height : 1em;
	}
	nav li.cate ul {
		padding-left : 0;
	}
	nav li.cate ul li {
		padding-left : 1em;
	}
	nav li.cate ul {
		border-top : 1px solid #110500;
	}
	nav li.cate ul li:last-child {
		border-bottom : none;
	}
	nav li a {
		display : block;
		padding : 20px 0;
		padding-left : 2em;
		padding-right : 1em;
		color : #ffffff;
		text-decoration : none;
	}
	nav li a:hover {
		color : #ffffff;
		text-decoration : none;
	}

	#menu-btn {
		position : fixed;
		top : 0;
		right : 0;
		display : inline-block;
		background-image : url(img/btn_menu_close.svg);
		background-image : url(img/btn_menu.svg);
		background-repeat : no-repeat;
		background-position : center center;
		background-size : 60px 60px;
		width : 60px;
		height : 60px;
		cursor : pointer;
		z-index : 9999;
		transition : 0.5s;
	}


	#menu-btn.active {
		background-image : url(img/btn_menu_close.svg);
	}
	#menu-btn.hide {
		display : none;
	}

	.slider-wrapper {
		position : relative;
	}

	.wrapper #navigation {
		display : none;
	}
	.wrapper #screen {
		position : relative;
		width : 100%;
		height : auto;
		background : none;
		-webkit-box-shadow : 0 0 5px #888888;
		   -moz-box-shadow : 0 0 5px #888888;
		        box-shadow : 0 0 5px #888888;
		z-index : 2;
		padding : 0;
	}
	.wrapper #screen img {
		width : 100%;
		height : auto;
	}
	.wrapper #screen.subvisual {
		display : none;
	}
	#maincontents {
		width : 100%;
		padding-top : 0;
		background : #ffffff;
		margin-bottom : 0;
	}
	#maincontents p#bread {
		display : none;
	}

	#maincontents #contents_left {
		width : 100%;
		float : none;
	}
	#maincontents #contents_left h2 {
		background : #000000 !important;
		text-indent : 0 !important;
		color : #ffffff;
		height : auto !important;
		padding : 15px;
		font-size : 20px;
		letter-spacing : 2px;
		margin-bottom : 20px;
	}
	#maincontents #contents_left h2 span {
		display : block;
		border-left : 1px solid #e50112;
		padding : 5px 10px 5px 15px;
	}
	#maincontents #contents_left h2 strong {
		display : block;
		font-size : 14px;
	}
	#maincontents #contents_right {
		background : #ffffff;
		width : 100%;
		float : none;
		margin-bottom : 20px;
	}
	#maincontents #contents_right #inner {
		width : 90%;
		padding : 0;
		margin : 0 auto;
	}
	.wrapper #screen #sc_left {
		width : 100%;
		float : none;
		padding : 0;
	}
	.theme-default .nivo-controlNav {
		padding : 5px 0;
	}
	.nivo-caption {
		position : relative;
		bottom : 0;
		left : 0;
		font-size : 15px;
	}
	#ranking {
		display : none;
	}

	.wrapper #maincontents .sound {
		width : 92%;
		margin-top : 15px;
		margin-bottom : 10px;
	}
	.wrapper #maincontents {
		width : 100%;
		padding : 0;
	}
	.wrapper #maincontents #contents_left h3 , .wrapper #maincontents #contents_left dl#news {
		background : none;
		width : auto;
		padding : 0;
		height : auto;
	}
	.wrapper #maincontents #contents_left h3 {
		margin : 0;
		background : #221100;
		color : #ffffff;
		padding : 14px 10px;
		margin-top : 23px;
		font-weight : bold;
		font-size : 18px;
		text-align : center;
		line-height : 1em;
		letter-spacing : 2px;
		text-indent : 0;
	}
	.wrapper #maincontents #contents_left #news dd {
		padding : 10px 20px;
		width : auto;
		background : none;
		text-indent : 0;
		line-height : 1.5em;
		font-size : 14px;
	}
	.wrapper #maincontents #contents_left #news dd.spnon {
		display : none;
	}
	.wrapper #maincontents #contents_left #news dd span {
		margin-right : 0;
		display : block;
		font-size : 13px;
	}
	.wrapper #maincontents #contents_left #news dd a {
		background : none;
	}
	#index .wrapper #maincontents .banner {
		text-align : center;
		margin-top : 20px;
	}
	#index .wrapper #maincontents p.bnr {
		float : none;
		margin : 10px;
	}

	#index .wrapper #maincontents .attention2 {
		background : #aa0000;
		margin : 0 auto 15px;
		text-align : center;
		border : 2px solid #ffffff;
		background : #aa0000;
		        border-radius : 8px;
		-webkit-border-radius : 8px;
		   -moz-border-radius : 8px;
		        box-shadow : 0 0 5px #666666;
		   -moz-box-shadow : 0 0 5px #666666;
		-webkit-box-shadow : 0 0 5px #666666;
		color : #ffffff;
		width : 92%;
	}
	#index .wrapper #maincontents .attention2 .atinner {
		padding : 10px 10px;
	}
	#index .wrapper #maincontents .attention2 p {
		font-size : 18px;
		line-height : 1.2em;
		margin : 0;
	}
	#index .wrapper #maincontents .attention2 p a {
		margin : 0 10px;
		margin-top : 5px;
		background : #ffffff;
		display : block;
		font-size : 16px;
		color : #000000;
		padding : 10px 10px;
		        border-radius : 4px;
		-webkit-border-radius : 4px;
		   -moz-border-radius : 4px;
		font-weight : bold;
		text-decoration : none;
	}
	#index .wrapper #maincontents .attention2 p a span {
		background : url(img/mrk_link_red.png) no-repeat right center;
		-moz-background-size : 20px 11px;
		     background-size : 20px 11px;
		padding-right : 26px;
	}
	#index .wrapper #maincontents .attention2 p a small {
		display : block;
		font-size : 12px;
		line-height : 1.2em;
	}




	.wrapper #maincontents #contents_left_wrap {
		width : 100%;
		float : none;
	}

	.wrapper #maincontents #contents_right {
		width : 100%;
		float : none;
		margin-top : 20px;
	}
	#index .wrapper #maincontents #contents_right {
		text-align : center;
		width : 90%;
		margin : 0 auto;
		padding-bottom : 30px;
	}

	.wrapper #maincontents #contents_left {
		width : 100%;
		float : none;
		background : none;
	}

	.wrapper #bnrarea {
		width : 100%;
		background-color : #f5f5f5;
		padding : 20px 0;
		-webkit-box-shadow : 0 -4px 5px #cccccc;
		   -moz-box-shadow : 0 -4px 5px #cccccc;
		        box-shadow : 0 -4px 5px #cccccc;
	}
	.wrapper #bnrarea img {
		padding : 0;
		max-width : 300px;
	}
	#maincontents p.pagetop {
		display : none;
	}

	.wrapper #maincontents #contents_right .border {
		border : 1px solid #cccccc;
		margin-top : 5px;
	}

	#index .twiiterbox {
		border : 1px solid #cccccc;
		margin-top : 10px;
		margin-bottom : 20px;
		margin-right : 5px;
		margin-left : 5px;
	}
	#index .sidebanner {
		text-align : center;
	}


	#index div.mainmenu {
		margin : 0;
	}
	#index div.mainmenu ul {
		margin : 0;
		padding : 0;
		text-align : center;
	}
	#index div.mainmenu ul li {
		display : inline-block;
		text-align : center;
		background : #f4ebd9;
		margin : 0;
		margin-right : 5px;
		padding : 0;
		padding : 14px 0;
		width : 30%;
	}

	#index ul.btnSub {
		margin : 0;
		padding : 0;
	}
	#index ul.btnSub li {
		float : left;
		display : inline;
		margin : 0;
		padding : 0;
		width : 50%;
	}
	#index ul.btnSub li a {
		display : block;
		background : #221100 url(img/mrk_link.png) no-repeat right center;
		padding : 14px 10px;
		color : #ffffff;
		-moz-background-size : 20px 11px;
		     background-size : 20px 11px;
	}
	#index ul.btnSub li.btn01 a {
		border-right : 1px solid #ffffff;
		border-bottom : 1px solid #ffffff;
		text-decoration : none;
	}
	#index ul.btnSub li.btn02 a {
		border-bottom : 1px solid #ffffff;
		text-decoration : none;
	}



	#theaterguide #maincontents #contents_right #inner .inner_left {
		width : 100%;
		float : none;
	}
	#theaterguide #maincontents #contents_right #inner .inner_left img {
		display : block;
		margin-top : 10px;
		margin-bottom : 10px;
	}
	#theaterguide #maincontents #contents_right #inner .inner_right {
		width : 100%;
		float : none;
	}
	#theaterguide #maincontents #contents_right #inner #about p {
		margin-bottom : 20px;
	}

	#theaterguide #maincontents #contents_right #inner #infomation dt {
		background : #333333 url(../images/common/bg_infoap.jpg) left bottom repeat-x;
		height : auto;
		padding : 10px 0;
		font-size : 16px;
	}
	div#access p img {
		float : none;
		width : 100%;
		height : auto;
		margin-bottom : 20px;
	}
	div.mapR {
		float : none;
		width : 100%;
	}
	#maincontents #contents_right #inner table {
		width : 100%;
	}

	#serviceguide #maincontents #contents_right ul#serrvice_navi {
		display : flex;
		flex-wrap : wrap;
		justify-content : space-between;
		margin : 0;
		margin-bottom : 30px;
		width : auto;
		height : auto;
		background : none;
		background-color : #222222;
		padding : 15px;
		padding-bottom : 5px;
		        border-radius : 5px;
		-webkit-border-radius : 5px;
		   -moz-border-radius : 5px;
	}

	#serviceguide #maincontents #contents_right #serrvice_navi li {
		width : 40vw;
		height : 10vw;
		margin : 0;
		float : none;
		margin-bottom : 10px;
	}


	#serviceguide #maincontents #contents_right #serrvice_navi li#price a , #serviceguide #maincontents #contents_right #serrvice_navi li#food a , #serviceguide #maincontents #contents_right #serrvice_navi li#other a , #serviceguide #maincontents #contents_right #serrvice_navi li#qa a {
		height : 10vw;
		background-size : 40vw 10vw;
	}
	#serviceguide #maincontents #contents_right #serrvice_navi li#price , #serviceguide #maincontents #contents_right #serrvice_navi li#food , #serviceguide #maincontents #contents_right #serrvice_navi li#other , #serviceguide #maincontents #contents_right #serrvice_navi li#qa {
		height : 10vw;
		background-size : 40vw 10vw;
	}
	#serviceguide #maincontents #contents_right #inner #answer dl {
		margin : 0 10px;
	}

	#serviceguide #maincontents #contents_right #inner .inner_left {
		width : 100%;
		float : none;
		margin-left : 0;
	}
	#serviceguide #maincontents #contents_right #inner .inner_right {
		width : 100%;
		float : none;
		margin-right : 0;
		margin-bottom : 50px;
	}
	#serviceguide #maincontents #contents_right #inner #answer dd {
		font-size : 13px;
	}
	#serviceguide #maincontents #contents_right #inner .inner_left dt , #serviceguide #maincontents #contents_right #inner .inner_right dt {
		font-size : 15px;
	}
	#serviceguide #maincontents #contents_right #inner .inner_left dd , #serviceguide #maincontents #contents_right #inner .inner_right dd , #serviceguide #maincontents #contents_right #inner .inner_left dd a , #serviceguide #maincontents #contents_right #inner .inner_right dd a {
		font-size : 13px;
	}
	#serviceguide #maincontents #contents_right #inner dl#rentalservice dt {
		font-size : 16px;
	}
	#serviceguide #maincontents #contents_right #inner dl#rentalservice dd {
		font-size : 13px;
	}

	.iframeschedule {
		width : 100vw;
		overflow-x : scroll;
	}
	.iframeschedule iframe {
		width : 740px;
		overflow : hidden;
	}

	#mailform #maincontents #contents_right #inner ul {
		margin : 0;
	}


	#sound .box02 {
		flex-direction : column;
		margin-bottom : 30px;
	}
	#sound .box02.spimg {
		flex-direction : column-reverse;
	}
	#sound .box p.ssize {
		text-align : justify;
		line-height : 1.4em;
		margin-top : 1em;
	}
	#sound .box02 .logo {
		float : none;
		display : inline;
		margin-right : 0;
	}

	#sound .lineup .movie {
		padding : 30px 5px;
	}
	#sound .lineup .movie .img {
		display : block;
		float : none;
		width : 50%;
		height : auto;
		margin-right : auto;
		margin-left : auto;
	}
	#sound .lineup .movie .release {
		margin-top : 1em;
	}
	#sound .lineup .movie .release span {
		display : block;
		margin-top : 0.3em;
	}

	#sound .lineup .movie h3 {
		margin-top : 10px;
	}
	#sound .lineup .movie .copy {
		text-align : justify;
	}


	.wrapper #footer {
		background : #221800;
		text-align : center;
		padding : 30px 0;
	}

	#contacttb input {
		width : 80%;
	}
	#contacttb textarea , #contacttb input {
		width : 90%;
		border : 1px solid #cccccc;
	}

	#mailform #maincontents #contents_right #inner table#contacttb span {
		display : block;
		margin-left : 0;
		margin-top : 4px;
	}
	#mailform .nosp {
		background : none;
		width : 100%;
	}
	#mailform .nosp tr , #mailform .nosp td {
		padding : 0;
	}
	#contacttb , #contacttb tr , #contacttb th , #contacttb td , #contacttb tbody , #contacttb thead {
		display : block;
		width : 100%;
	}
	#mailform .nosp #contacttb th , #mailform .nosp #contacttb td {
		padding : 20px 0;
	}


	#attention #maincontents #contents_right #inner div.attention {
		width : 660px;
		margin : 0;
	}

	#attention #maincontents #contents_right #inner div.attention dl {
		float : left;
		height : 85px;
		border-bottom : 1px dotted #cccccc;
		margin : 0 25px 10px 0;
		padding : 0;
	}
	#attention #maincontents #contents_right #inner div.attention dt {
		float : left;
		width : 70px;
		margin : 0 5px 0 0;
		padding : 0;
	}
	#attention #maincontents #contents_right #inner div.attention dl dd {
		float : left;
		width : 230px;
		font-size : 12px;
		line-height : 1.4em;
		margin : 10px 0 0 0;
		padding : 0;
		color : #000000;
	}


	#attention #maincontents #contents_right #inner div.attention {
		width : 100%;
	}
	#attention #maincontents #contents_right #inner div.attention dl {
		float : none;
		width : 100%;
		height : auto;
		margin : 0;
		padding : 20px 0;
	}

	#attention #maincontents #contents_right #inner div.attention dt {
		width : 100%;
		float : none;
		margin : 0;
		text-align : center;
	}
	#attention #maincontents #contents_right #inner div.attention dt img {
		width : 80px;
		height : auto;
	}
	#attention #maincontents #contents_right #inner div.attention dl dd {
		float : none;
		width : 90%;
		font-size : 13px;
		line-height : 1.7em;
		margin : 10px auto;
	}

	#maincontents #contents_right #inner h3.headline span {
		margin-left : 10px;
	}

	#attention #maincontents #contents_right #inner div.attentionbox {
		padding : 20px;
	}
	#attention #maincontents #contents_right #inner div.attentionbox p {
		border-top : none;
		font-size : 14px;
		margin : 0;
		padding : 10px;
		text-align : center;
	}
	#attention #maincontents #contents_right #inner div.attentionbox ul {
		margin : 20px 0 0;
		padding : 0;
	}
	#attention #maincontents #contents_right #inner div.attentionbox ul li {
		display : block;
		font-size : 13px;
		margin : 10px 0;
		padding : 0;
		clear : both;
	}
	#attention #maincontents #contents_right #inner div.attentionbox ul li img {
		float : left;
		margin : 0 10px 0 0;
		width : 40px;
		height : auto;
	}
	#attention #maincontents #contents_right #inner div.attentionbox ul li span {
		display : block;
		overflow : hidden;
		zoom : 1;
	}



	#attention #maincontents #contents_right #inner div.attentionbox ul li {
		_height : 1px;
		min-height : 1px;
		/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
	}
	#attention #maincontents #contents_right #inner div.attentionbox ul li:after {
		height : 0;
		visibility : hidden;
		content : ".";
		display : block;
		clear : both;
	}

	#maincontents #contents_right #inner h3 {
		width : auto;
		height : auto;
	}
	#maincontents #contents_right #inner .ticket_buy_new h3 {
		width : auto;
		height : auto;
		line-height : 1.5em;
	}

	#rules #maincontents #contents_right #inner p#rule_lead {
		font-size : 14px;
		line-height : 1.7em;
	}
	#rules #maincontents #contents_right #inner dt {
		margin-bottom : 15px;
		padding-right : 10px;
	}

	#rules #maincontents #contents_right #inner dd {
		font-size : 14px;
		margin : 0 5px;
		line-height : 1.7em;
	}
	#rules #maincontents #contents_right #inner dl#rule02 dd.no-ind {
		margin : 0 5px;
	}
	#rules #maincontents #contents_right #inner li {
		margin-bottom : 0.5em;
	}
	#rules #maincontents #contents_right #inner dl {
		margin : 0;
	}

	#sitemap #maincontents #contents_right #inner dl {
		margin : 0;
	}
	#sitemap #maincontents #contents_right #inner dt {
		font-size : 15px;
	}
	#sitemap #maincontents #contents_right #inner dd {
		display : block;
		margin : 0;
		margin-left : 2em;
		margin-bottom : 0.5em;
		font-size : 14px;
	}
	#sitemap #maincontents #contents_right #inner dd a {
		display : block;
	}

	#privacypolicy #maincontents #contents_right #inner p#privacy_lead {
		font-size : 13px;
		line-height : 1.7em;
	}
	#privacypolicy #maincontents #contents_right #inner dt {
		font-size : 15px;
		margin-bottom : 15px;
	}
	#privacypolicy #maincontents #contents_right #inner dd {
		font-size : 13px;
		line-height : 1.7em;
		margin : 0 5px 10px 5px;
	}
	#privacypolicy #maincontents #contents_right #inner ol {
		padding-left : 1.5em;
	}
	#privacypolicy #maincontents #contents_right #inner dt#pp_window {
		padding-left : 5px;
	}
	#upcoming #maincontents #contents_right h3.coming_date {
		margin-top : 40px;
		font-size : 22px;
	}

	#upcoming #maincontents #contents_right h3.coming_date span {
		font-size : 13px;
	}
	#upcoming #maincontents #contents_right ul.coming_list {
		position : relative;
		padding : 20px;
		font-size : 13px;
	}
	#upcoming #maincontents #contents_right .coming_list li.image {
		float : none;
		width : 100px;
	}
	#upcoming #maincontents #contents_right .coming_list li.image img {
		width : 100%;
		height : auto;
	}
	#upcoming #maincontents #contents_right .coming_list li.det {
		float : none;
		width : auto;
		margin-top : 1em;
	}
	#upcoming #maincontents #contents_right .coming_list li span {
		font-size : 16px;
	}
	#upcoming #maincontents #contents_right .coming_list li.btn_official {
		position : absolute;
		top : 78px;
		left : 140px;
	}
	#upcoming #maincontents #contents_right .coming_list li.btn_official a {
		display : block;
		float : none;
		margin : 0 auto;
		margin-top : 1em;
		width : 100px;
		height : auto;
	}
	#upcoming #maincontents #contents_right .coming_list li.btn_official img {
		width : 100%;
		height : auto;
	}

	.bnrmobile {
		display : none;
	}

	.wrapper #footer ul#footernavi {
		display : none;
	}

	.wrapper #footer h4 {
		float : none;
		font-size : 14px;
		line-height : 1.8em;
	}
	.wrapper #footer .name {
		display : block;
		margin-right : 0;
		margin-bottom : 0.5em;
		font-size : 20px;
	}
	.wrapper #footer .phone {
		display : block;
		margin-left : 0;
		font-size : 16px;
	}
	.wrapper #footer .phone small {
		display : block;
	}
	.wrapper #footer p#copyright {
		padding-bottom : 0;
		margin-top : 1em;
		float : none;
	}

	.fll {
		float : none;
	}
	.flr {
		float : none;
	}
}