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

/*劇場案内・梅芸について共通*/
#guide .main-box p.read {
	padding-bottom: 20px;
	text-align: left;
}
#guide .main-box img {
	padding-bottom: 20px;
}
#guide .main-box table td,
#guide .main-box table th {
	text-align: left;
	padding: 10px;
}
#guide .main-box #ani10 {
	border-top: #999 dashed 1px;
	border-bottom: #999 dashed 1px;
	padding-top: 20px;
	margin-bottom: 20px;
}
#guide .main-box #ani10 h4 {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}

/*詳細ボタン共通*/
#guide .main-box .detailBtn {
	text-align: center;
	line-height: 2.4;
}
#guide .main-box .detailBtn a {
	color: #5e318f;
	display: block;
	border: #5e318f solid 2px;
	background-size: 3%;
}
#guide .main-box .detailBtn a:hover {
	background: url(/img/share/icon_arrow01.png) no-repeat right bottom #5e318f;
	background-size: 3%;
	color: #fff;
}

/*アイコン付きボタン共通*/
#guide #iconBtn {
	text-align: center;
}
#guide #iconBtn li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	width: 200px;
	margin: 0 30px;
}
#guide #iconBtn li a {
	display: block;
	height: 80px;
	padding-top: 60px;
	border: #ccc solid 2px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #333;
}
#guide #iconBtn li strong {
	color: #C80D48;
	font-size: 18px;
}
#guide #iconBtn li.seat {
	background: url(/img/top/img_bg_btn04.png) no-repeat center 20px #F6F6F6;
	background-size: 40px;
}
#guide #iconBtn li.floor {
	background: url(/img/guide/img_bg_btn05.png) no-repeat center 15px #F6F6F6;
	background-size: 40px;
}
#guide #iconBtn li.access {
	background: url(/img/top/img_bg_btn03.png) no-repeat center 20px #F6F6F6;
	background-size: 22px;
}
#guide #iconBtn li:hover {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}

/*座席共通*/
#guide #tab li:hover {
	background: #5e318f;
}
#guide .inner {
	text-align: center;
}
#guide .inner p.pic,
#guide .inner p.txt,
#guide .inner p.sp-only {
	padding-top: 20px;
}

/*フロアマップ共通*/
#guide .floormap .main-box .pict {
	overflow: hidden;
	_zoom:1;
	margin: 20px 0 0 40px;
}
#guide .floormap .main-box .pict li {
	float: left;
	text-align: left;
	width: 220px;
	padding: 3px 0;
}
#guide .floormap .main-box .pict li img {
	width: 30px;
	padding: 0 10px 0 0;
}

/*アクセス共通*/
#access .main-box #googlemap {
	height: 450px;
}
#access .main-box .adress {
	padding-bottom: 10px;
}
#access .main-box li strong {
	color: #5E318F;
}
#access #tel span {
	font-size: 24px;
	font-weight: normal;
}
#access #tel li {
	padding: 0;
}
#access .main-box .movie iframe {
	aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}
#access .main-box .movie ul {
    margin-top: 20px;
}

@media screen and (min-width: 639px) {
/* PC用のスタイル記述 */

/*梅芸についてPC*/
#guide .main-box p {
	font-size: 16px;
}
#guide .main-box table {
}

/*詳細ボタンPC*/
#guide .main-box .detailBtn {
	width: 400px;
	margin: 0 auto;
}

/*座席案内PC*/
.pdf {
	width: 50%;
	margin: 30px auto 0 auto;
}

/*アクセスPC*/
#access .main-box .adress {
	overflow: hidden;
	_zoom:1;
}
#access .main-box .adress dt {
	float: left;
}
#access .main-box .adress dd {
	float: right;
}
#access .main-box ul {
	overflow: hidden;
	_zoom:1;
	margin: 20px 0 0 0;
}
#access .main-box li {
	float: left;
	width: 50%;
	padding-top: 15px;
}
#access .main-box #map {
	width: 100%;
	height: 450px;
}
#access .main-box .movie ul li {
	width: calc((100% - 20px) / 3);
	padding-right: 10px;
}
#access .main-box .movie ul li:last-child {
	padding-right: 0px;
}
#access .main-box .movie li strong {
	font-size: 13px;
}
#access .ie8 {
	display: none;
}
#access .no-ie8{
    *display:none;
}
#access .ie8{
    *display:block;
}



}

@media screen and (max-width: 640px) {
/* スマートフォン用のスタイル記述 */

/*劇場案内・梅芸についてSP*/
#guide .main-box img {
	width: 100%;
}
#guide .main-box p {
	margin: 0 3%;
}
#guide table{
	border: none;
	width: 100%;
}
#guide .main-box table th,
#guide .main-box table td {
	display: block;
	border: none;
	padding: 5px 10px;
}
#guide .main-box #ani10 img {
	width: 50%;
}
#guide .main-box #ani10 h4 {
	font-size: 18px;
	text-align: left;
}

/*詳細ボタン共通*/
#guide .main-box .detailBtn {
	text-align: center;
	line-height: 2.4;
	padding-bottom: 20px;
}

/*アイコン付きボタンSP*/
#guide #iconBtn li {
	width: 30%;
	margin: 20px 0.5%;
	font-size:10px;
}
#guide #iconBtn li a {
	height: 60px;
	padding-top: 40px;
}
#guide #iconBtn li strong {
	font-size: 14px;
}
#guide #iconBtn li.seat {
	background: url(/img/top/img_bg_btn04.png) no-repeat center 12px #F6F6F6;
	background-size: 34px;
}
#guide #iconBtn li.floor {
	background: url(/img/guide/img_bg_btn05.png) no-repeat center 8px #F6F6F6;
	background-size: 30px;
}
#guide #iconBtn li.access {
	background: url(/img/top/img_bg_btn03.png) no-repeat center 10px #F6F6F6;
	background-size: 20px;
}

/*座席SP*/
#guide .inner p.pic img {
	width: 90%;
	margin-top: 20px;
}
#guide .inner p.txt {
	font-size: 12px;
	text-align: left;
}
#guide .main-box .seat .sp-only {
	padding-bottom: 20px;
}

/*フロアマップSP*/
#guide .floormap h2.hor_1 {
	display: none !important;
}
#guide .floormap h4.sp-only {
	background: #E7E4EC;
	font-weight: bold;
	margin: 0;
	padding: 10px;
	border-top: #fff solid 1px;
	border-bottom: #fff solid 1px;
}
#guide .floormap .inner p.pic img {
	width: 100%;
	margin: 0;
}

/*フロアマップ（ピクトグラムアイコン）SP*/
#guide .floormap .main-box .pict {
	overflow: hidden;
	_zoom:1;
	margin: 0 2%;
	height: 130px;
}
#guide .floormap .main-box .pict li {
	float: left;
	text-align: left;
	width: 33.33%;
	font-size: 11px;
	padding: 1px 0;
	height: 24px;
}
#guide .floormap .main-box .pict li img {
	width: 20px;
	padding: 0 2px 0 0;
	vertical-align: bottom;
}

/*アクセスSP*/
#access .main-box .traffic {
	margin-top: 20px;
}
#access .main-box li {
	padding-bottom: 5px;
}
#access .main-box #googlemap {
	padding: 0 5%;
	height: 350px;
}

}