@charset "utf-8";

body {
	color: #2F2F2F;
	background: #E1E1E1;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.6;
}
ol, ul {
	list-style: none;
}
@media screen and (max-width: 768px) {
	/*.contents_wrapper img {
		width: auto;
		max-width: 100%;
		height: auto;
	}*/
}
@media screen and (min-width: 769px) {
	body {
		min-width: 980px;
	}
}

a.btn,
span.btn {
	position: relative;
	display: block;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-align: center;
}
@media screen and (min-width: 769px) {
	a.btn:hover {
		top: 2px;
		box-shadow: none!important;
	}
	a.btn_disabled:hover,
	span.btn_disabled:hover {
		top: 0!important;
	}
}
@media screen and (max-width: 768px) {
	/* ボタン種類 */
	a.btn_square {
		padding: 12px 10px;
		border-radius: 10px;
		font-size: 15px;
		line-height: 1.3;
	}
	.btn_square span {
		display: block;
		font-size: 12px;
	}
	.btn_square small {
		display: block;
		font-size: 11px;
	}

	/* ボタン大きさ */
	.btn_small {
		padding: 9px 0;
		border-radius: 30px;
		font-size: 13px;
	}
	.btn_middle {
		padding: 12px 0;
		border-radius: 50px;
		font-size: 15px;
	}
	.btn_middle span {
		display: block;
		font-size: 12px;
	}
	.btn_large {
		border-radius: 80px;
		padding: 11px 0 11px;
		font-size: 12px;
	}
	.btn_plus {

	}
}

@media screen and (min-width: 768px) {

	/* ボタン種類 */
	a.btn_square {
		padding: 12px 10px;
		border-radius: 10px;
		font-size: 15px;
		line-height: 1.3;
	}
	.btn_square span {
		display: block;
		font-size: 12px;
	}
	.btn_square small {
		display: block;
		font-size: 11px;
	}

	/* ボタン大きさ */
	.btn_small {
		padding: 10px 0;
		border-radius: 30px;
		font-size: 11px;
	}
	.btn_middle {
		padding: 12px 0;
		border-radius: 50px;
		font-size: 14px;
	}
	.btn_middle span {
		display: block;
		margin-bottom: 5px;
		font-size: 12px;
	}
	.btn_middle small {
		font-size: 12px;
	}
	.btn_large {
		border-radius: 80px;
		padding: 15px 0;
		font-size: 15px;
	}
	.btn_plus {

	}
}

/* ボタン色 */
a.btn_white {
	color: #2F2F2F;
	box-shadow: 0px 2px 0px 0px #D2D2D2;
	background: #FFF;
}
a.btn_black {
	color: #FFF;
	box-shadow: 0px 2px 0px 0px #000;
	background: #2F2F2F;
}
a.btn_basic {
	color: #FFF;
	box-shadow: 0px 2px 0px 0px #93002D;
	background: #C80E47;
}
a.btn_detail {
	color: #2F2F2F;
	background-color: #F0F0F0;
	box-shadow: 0px 2px 0px 0px #D2D2D2;
	font-weight: bold;
}
a.btn_disabled,
span.btn_disabled {
	color: #FFF!important;
	background-color: #999!important;
	box-shadow: none!important;
	font-weight: bold!important;
	cursor: default;
}
.cat_color_prelottery {
	color: #DB5800;
}
.cat_color_prearrival {
	color: #C80E47;
}
.cat_color_common {
	color: #3A4ABF;
}
.cat_color_otoku {
	color: #008256;
}
@media screen and (max-width: 768px) {
	a.btn_white.btn_external {
		padding-right: 12px;
		background: url(https://image.pia.jp/images3/ko-ume/icn_external_sp.png) no-repeat 92% center #FFF;
		background-size: 12px 12px;
	}
	a.btn_detail.btn_external {
		padding-right: 12px;
		background: url(https://image.pia.jp/images3/ko-ume/icn_external_sp.png) no-repeat 95% center #F0F0F0;
		background-size: 12px 12px;
	}
}
@media screen and (min-width: 769px) {
	a.btn_white.btn_external {
		padding-right: 30px;
		background: url(https://image.pia.jp/images3/ko-ume/icn_external_pc.png) no-repeat 92% center #FFF;
	}
	a.btn_detail.btn_external {
		background: url(https://image.pia.jp/images3/ko-ume/icn_external_pc.png) no-repeat 92% center #F0F0F0;
	}
}


/* ----------------------------------------------------
	#h_navi
---------------------------------------------------- */
@media screen and (max-width: 768px) {
	#h_navi #home {
		width: auto;
		margin: 0 auto;
		background: #E1E1E1;
	}
}

@media screen and (min-width: 769px) {
	#h_navi #home a {
		width: auto;
		height: 100%;
		border: none;
	}
}


/* ----------------------------------------------------
	#mypage_area
---------------------------------------------------- */
@media screen and (max-width: 768px) {
	#mypage_area_sp .sp-login-hold a {
		color: #C80E47;
	}
	#mypage_area_sp .sp-top-nav {
		border: 1px solid #CCC;
		box-shadow: none;
	}
}

@media screen and (min-width: 769px) {
	#mypage_area {
		padding: 10px 0px 0px !important;
	}
	#mypage_area #sub_menu {
		background: none;
	}
	#mypage_area #sub_menu li#h01 a {
		background: url("https://image.pia.jp/images3/ko-ume/my_page_area/s_navi.png");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#mypage_area #sub_menu li#h02 a {
		background: url("https://image.pia.jp/images3/ko-ume/my_page_area/s_navi.png");
		background-position: -86px 0;
		background-repeat: no-repeat;
	}
	#mypage_area #sub_menu li#h03 a {
		background: url("https://image.pia.jp/images3/ko-ume/my_page_area/s_navi.png");
		background-position: -141px 0;
		background-repeat: no-repeat;
	}
	#mypage_area #sub_menu li#h01 a:hover,
	#mypage_area #sub_menu li#h01 strong {
		background: url("https://image.pia.jp/images3/ko-ume/my_page_area/s_navi.png");
		background-position: 0px -20px;
		background-repeat: no-repeat;
	}
	#mypage_area #sub_menu li#h02 a:hover,
	#mypage_area #sub_menu li#h01 strong {
		background: url("https://image.pia.jp/images3/ko-ume/my_page_area/s_navi.png");
		background-position: -86px -20px;
		background-repeat: no-repeat;
	}
	#mypage_area #sub_menu li#h03 a:hover,
	#mypage_area #sub_menu li#h01 strong {
		background: url("https://image.pia.jp/images3/ko-ume/my_page_area/s_navi.png");
		background-position: -141px -20px;
		background-repeat: no-repeat;
	}
}


/* ----------------------------------------------------
	#contentsArea
---------------------------------------------------- */
#contentsArea {
}

/* .contents_wrapper */
.contents_wrapper {
	position: relative;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	#contentsArea {
		width: 100%;
		padding: 0 0 25px;
	}
	
	/* .sidebar */
	.sidebar {
		padding: 0 5px;
	}
}

@media screen and (min-width: 769px) {
	#contentsArea {
		padding: 20px 0 100px;
	}
	
	/* .sidebar */
	.sidebar {
		position: absolute;
		top: 0;
		right: 0;
		width: 256px;
	}
}
/* ----------------------------------------------------
	mainvisual
---------------------------------------------------- */
.mainvisual {
}

/* slick cutomize */
.slick-slide img {
	width: 100%;
	height: auto;
}
.slick-arrow {
	position: absolute;
	display: block;
    top: 50%;
    width: 24px;
    height: 48px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
	z-index: 100;
}
.slick-prev {
	left: 0;
	border-radius: 0 3px 3px 0;
	background: url(https://image.pia.jp/images3/ko-ume/icn_slider_prev_pc.png) no-repeat center center rgba(47, 47, 47, 0.8);
}
.slick-next {
	right: 0;
	border-radius: 3px 0 0 3px;
	background: url(https://image.pia.jp/images3/ko-ume/icn_slider_next_pc.png) no-repeat center center rgba(47, 47, 47, 0.8);
}
.slick-dotted.slick-slider {
	margin-bottom: 18px;
}
.slick-dots {
	position: absolute;
	bottom: -18px;
	left: 0;
	right: 0;
	width: 100%;
	height: 8px;
	padding: 5px 0;
	background: #2F2F2F;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	line-height: 1;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
	padding: 0;
	width: 8px;
	height: 8px;
	background: #C1C1C1;
	border-radius: 4px;
	white-space: nowrap;
	text-indent: -9999px;
}

@media screen and (max-width: 768px) {
	.slick-prev,
	.slick-next {
		display: none!important;
	}
	.slick-dotted.slick-slider {
		margin-bottom: 14px;
	}
	.slick-dots {
		position: absolute;
		bottom: -14px;
		width: 100%;
		height: 8px;
		padding: 3px 0;
	}
	.slick-dots li {
		margin: 0 7px;
	}
}

@media screen and (min-width: 769px) {
	.mainvisual {
		width: 694px;
	}
	.slick-prev:hover,
	.slick-next:hover {
		opacity: 0.5;
	}
}


/* ----------------------------------------------------
	お知らせ
---------------------------------------------------- */
.news {
	background: #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.news ul li {
	position: relative;
}
.news ul li .news_date {
	position: absolute;
	top: 0;
	left: 0;
	width: 6em;
	height: 1.5em;
}
.news ul li .news_cont {
	display: block;
	margin-left: 7em;
}
.news ul li a {
	color: #2F2F2F;
}
@media screen and (max-width: 768px) {
	.news {
		margin: 0;
		padding: 10px 10px;
		height: 45px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.news ul {
		font-size: 10px;
	}
	.news ul li {
		line-height: 1.7;
	}
}

@media screen and (min-width: 769px) {
	.news {
		width: 694px;
		height: 60px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.news ul {
		padding: 10px 15px;
		font-size: 11px;
		line-height: 2;
	}
	.news ul li a:hover {
		text-decoration: none;
	}
}


/* ----------------------------------------------------
	梅田芸術劇場
---------------------------------------------------- */
.umedaartstheater .btn {
	font-weight: bold;
}
.umedaartstheater .btn img {
	vertical-align: middle;
	line-height: 1;
}
.umedaartstheater .btn span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
.umedaartstheater .btn {
}
@media screen and (max-width: 768px) {
	.umedaartstheater {
		margin: 0 auto 15px;
		padding-top: 10px;
	}
	.umedaartstheater li.homepage {
		float: left;
		width: 61.290%;
	}
	.umedaartstheater li.homepage img {
		width: 90px;
		height: 13px;
	}
	.umedaartstheater li.access {
		float: right;
		width: 37.096%;
	}
	.umedaartstheater li.homepage a.btn_white.btn_external {
		background-position: 95% center;
	}
	.umedaartstheater li:last-child {
	}
	.umedaartstheater li a {
		font-size: 11px;
	}
	.umedaartstheater .homepage .btn {
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

@media screen and (min-width: 769px) {
	.umedaartstheater {
		position: relative;
		padding-bottom: 13px;
		border-bottom: 1px solid #ECECEC;
	}
	.umedaartstheater::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		border-bottom: 1px solid #CFCFCF;
	}
	.umedaartstheater li {
		margin-bottom: 12px;
	}
	.umedaartstheater li.access {
		margin-bottom: 0;
	}
	.umedaartstheater .homepage a.btn .txt {
		display: inline-block;
		vertical-align: middle;
	}
	.umedaartstheater .homepage a.btn {
		padding: 14px 25px 13px 0;
		font-size: 13px;
	}
	.umedaartstheater .access a.btn {
		padding: 10px 0 9px 0;
		font-size: 13px;
	}

}


/* ----------------------------------------------------
	当日券
---------------------------------------------------- */
.todyticket {
}
@media screen and (max-width: 768px) {
	.todyticket {
		margin: 10px auto 12px;
	}
}

@media screen and (min-width: 769px) {
	.todyticket {
		position: relative;
		padding: 10px 0 13px;
		border-bottom: 1px solid #ECECEC;
	}
	.todyticket::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		border-bottom: 1px solid #CFCFCF;
	}
}


/* ----------------------------------------------------
	ログイン・新規登録
---------------------------------------------------- */
.applogin {
	
}
@media screen and (max-width: 768px) {
	.applogin {
		margin: 10px auto;
	}
	.applogin .netmember,
	.applogin .member_login {
		width: 49%;
	}
	.applogin a.btn {
		display: table;
		width: 100%;
		height: auto;
		padding: 6px 0 4px;
		border-radius: 5px;
		font-size: 14px;
		font-weight: bold;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.applogin .btn .btn_inner {
		display: table-cell;
		vertical-align: middle;
	}
	.applogin .netmember {
		float: left;
		margin-top: 15px;
	}
	.applogin .btn .btn_inner span {
		display: block;
		margin-bottom: 6px;
		font-size: 12px;
	}
	.applogin .netmember .btn small {
		display: block;
		font-size: 10px;
		margin-top: 3px;
	}
	.applogin .already_member {
		width: 100%;
		height: 15px;
		background: url(https://image.pia.jp/images3/ko-ume/txt_already_member.png) no-repeat center top;
		background-size: 152px 15px;
		text-indent: -9999px;
	}
	.applogin .already_member span {
		display: none;
	}
	.applogin .member_login a.btn {
		line-height: 1.2;
	}
	.applogin .member_login .btn_inner span {
		display: block;
		margin-bottom: 3px;
		font-size: 12px;
	}
	.applogin .member_login {
		float: right;
		font-size: 10px;
		color: #4C4C4C;
	}
}
@media screen and (min-width: 769px) {
	.applogin {
		padding: 10px 0 10px;
	}
	.applogin::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		border-bottom: 1px solid #CFCFCF;
	}
	.applogin a.btn {
		padding: 13px 0 12px;
		border-radius: 50px;
		font-size: 14px;
		font-weight: bold;
	}
	.applogin .btn br {
		display: none;
	}
	.applogin .btn .btn_inner span {
		display: block;
		margin-bottom: 5px;
		font-size: 12px;
	}
	.applogin .net_member {
		margin-bottom: 0px;
	}
	.applogin .already_member {
		margin: 12px 0 6px;
		font-size: 12px;
		text-align: center;
	}
	.applogin .already_member span {
		display: inline-block;
		padding-right: 15px;
		background:  url(https://image.pia.jp/images3/ko-ume/icn_arrow_bottom_pc.png) no-repeat right center;
		line-height: 1;
	}
	.applogin .aleready_member .btn span {
		
	}

}


/* ----------------------------------------------------
	特典
---------------------------------------------------- */
.specialfavor {
}
.h_specialfavor {
}
.specialfavor_detail {
	font-size: 0;
}
.specialfavor_detail dt {
}
.specialfavor_detail dd {
	display: inline-block;
	vertical-align: top;
}
@media screen and (max-width: 768px) {
	.specialfavor {
		margin: 10px 0;
		text-align: center;
	}
	.specialfavor img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.h_specialfavor {
		position: relative;
		padding: 0 5px;
		border-radius: 5px;
		border: 1px solid #D8D8D8;
		background: #FFF;
		text-align: center;
	}
	.h_specialfavor img {
		display: block;
		margin: 0 auto;
	}
	.h_specialfavor.is-open::after,
	.h_specialfavor.is-close::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		width: 32px;
		height: 32px;
		margin-top: -16px;
	}
	.h_specialfavor.is-open::after {
		background: url(https://image.pia.jp/images3/ko-ume/icn_dd_close.png) no-repeat center center;
		background-size: 32px 32px;
	}
	.h_specialfavor.is-close::after {
		background: url(https://image.pia.jp/images3/ko-ume/icn_dd_open.png) no-repeat center center;
		background-size: 32px 32px;
	}
	.dropdown_contents {
		padding: 20px 10px 20px;
		border-radius: 5px;
		border-right: 1px solid #D8D8D8;
		border-bottom: 1px solid #D8D8D8;
		border-left: 1px solid #D8D8D8;
		background: #FFF;
	}
	.specialfavor_detail {
		font-size: 0;
	}
	.specialfavor_detail dt {
		margin-bottom: 15px;
	}
	.specialfavor_detail dd {
		display: inline-block;
		width: 30%;
	}
	.specialfavor_detail dd img {
		width: 100%;
		height: auto;
	}
	.specialfavor .link_detail {
		margin: 15px auto 20px;
		padding: 0 10px;
	}
	.specialfavor .link_detail a.btn {
		padding-right: 0;
	}
	.specialfavor .link_lets {
		padding: 0 10px;
	}
	.specialfavor .link_lets .btn span {
		margin-bottom:  5px;
		font-size:  12px;
	}
	.specialfavor .link_lets small {
		display: inline-block;
	}
}
@media screen and (min-width: 769px) {
	.specialfavor {
		margin: 15px 0 0;
		padding: 18px 18px 22px;
		background: #FFF;
		border-radius: 6px;
		font-size: 12px;
		line-height: 1.5;
	}
	.specialfavor_detail {
		margin-top: 15px;
		font-size: 0;
	}
	.specialfavor_detail dt {
		margin: 0 auto 5px;
	}

	.specialfavor_detail dd {
		display: inline-block;
		margin: 10px 20px 0 0;
	}
	.specialfavor_detail dd:nth-of-type(2n) {
		margin-right: 0;
	}
	.specialfavor .link_detail {
		margin: 15px auto 17px;
	}
	.specialfavor .link_detail .btn {
		padding: 9px 0;
		font-size: 13px;
	}
	.specialfavor .link_lets .btn {
		line-height: 1;
	}
	.specialfavor .link_lets .btn span {
		margin-bottom: 6px;
	}
	.specialfavor .link_lets .btn small {
		margin-top: 7px;
	}
}


/* ----------------------------------------------------
	バナーエリア
---------------------------------------------------- */
.bnr_area {
	margin: 20px auto 0;
}
.bnr_area ul li a {
	display: block;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.bnr_area {
		margin: 10px auto 15px;
	}
	.bnr_area img {
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 769px) {
	.bnr_area ul li a {
		display: block;
		text-align: center;
	}
}


/* ----------------------------------------------------
	発売種類別
---------------------------------------------------- */
.ticketcategory {
}
.ticketcategory dl {
	font-size: 0;
}
@media screen and (max-width: 768px) {
	.ticketcategory dt {
		display: block;
		padding: 7px 15px;
		color: #FFF;
		background: #2F2F2F;
		font-size: 11px;
		font-weight: bold;
		line-height: 1;
		vertical-align: top;
	}
	.ticketcategory dd ul{
		padding: 0 10px;
	}
	.ticketcategory dd ul li {
		display: inline-block;
		line-height: 1;
		vertical-align: top;
	}
	.ticketcategory dd ul li:nth-child(2n+1) {
		width: 43.5%;
	}
	.ticketcategory dd ul li:nth-child(2n) {
		width: 56.5%;
	}
	.ticketcategory dd ul li a {
		display: block;
		padding: 10px 0 10px 20px;
		font-size: 13px;
		color: #2F2F2F;
	}
	.ticketcategory .cat_prearrival a {
		background: url(https://image.pia.jp/images3/ko-ume/icn_list_prearrival_sp.png) no-repeat left center;
		background-size: 15px 15px;
	}
	.ticketcategory .cat_prelottery a {
		background: url(https://image.pia.jp/images3/ko-ume/icn_list_prelottery_sp.png) no-repeat left center;
		background-size: 15px 15px;
	}
	.ticketcategory .cat_common a {
		background: url(https://image.pia.jp/images3/ko-ume/icn_list_common_sp.png) no-repeat left center;
		background-size: 15px 15px;
	}
	.ticketcategory .cat_otoku a {
		background: url(https://image.pia.jp/images3/ko-ume/icn_list_otoku_sp.png) no-repeat left center;
		background-size: 15px 15px;
	}
}
@media screen and (min-width: 769px) {
	.ticketcategory {
		width: 694px;
		margin-bottom: 16px;
		padding-top: 16px;
	}
	.ticketcategory dt {
		display: inline-block;
		margin-right: 20px;
		padding-right: 15px;
		background: url(https://image.pia.jp/images3/ko-ume/icn_arrow_right_pc.png) no-repeat right center;
		color: #2F2F2F;
		font-size: 12px;
		font-weight: bold;
		line-height: 1;
		vertical-align: top;
	}
	.ticketcategory dd {
		display: inline-block;
		vertical-align: top;
	}
	.ticketcategory dd ul {
		display: inline-block;
		vertical-align: top;
	}
	.ticketcategory dd ul li {
		display: inline-block;
		margin-right: 30px;
		font-size: 12px;
		line-height: 1;
		vertical-align: top;
	}
	.ticketcategory dd a {
		padding: 1px 0 2px 22px;
		color: #2F2F2F;
		font-size: 13px;
		line-height: 1;
	}
	.ticketcategory .cat_prearrival a {
		background: url(https://image.pia.jp/images3/ko-ume/icn_list_prearrival_pc.png) no-repeat left center;
	}
	.ticketcategory .cat_prelottery a {
		background: url(https://image.pia.jp/images3/ko-ume/icn_list_prelottery_pc.png) no-repeat left center;
	}
	.ticketcategory .cat_common a {
		background: url(https://image.pia.jp/images3/ko-ume/icn_list_common_pc.png) no-repeat left center;
	}
	.ticketcategory .cat_otoku a {
		background: url(https://image.pia.jp/images3/ko-ume/icn_list_otoku_pc.png) no-repeat left center;
	}
}


/* ----------------------------------------------------
	公演チケット（公演情報）
---------------------------------------------------- */
.performance_block {
}
.performance_header {

	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.performance_head {
	float: left;
	color: #FFF;
	line-height: 1;
}
.performance_header select {
	float: right;
}

.performance_body {
}
.non_performance {
	background: #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.performance_box {
}
.performance_img {
	display: table;
	background: #2F2F2F;
}
.performance_img span {
	display: table-cell;
	vertical-align: middle;
}
.performance_img span img {
	display: block;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.performance_img span img {
	width: auto;
	max-width: 100%;
	height: auto;
}
.performance_tit {
}
.performance_cat {
	display: block;
	color: #C80E47;
}
.performance_info {
	color: #333;
}
@media screen and (max-width: 768px) {
	.performance_header {
		padding: 10px 10px;
	}
	.performance_head {
		width: 42%;
		font-size: 15px;
		line-height: 1.333;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.performance_head .txt_pc {
		display: none;
	}
	.performance_head .txt_sp {
		display: block;
	}
	.non_performance {
		margin-top: 5px;
		padding: 30px 10px;
		font-size: 12px;
		text-align: center;
	}
	.performance_header select {
		width: 55%;
		height: 20px;
		font-size: 12px;
		background: #FFF;
		border-radius: 0;
		border: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.performance_box {
		display: block;
		width: 100%;
		margin-top: 5px;
	}
	.performance_box.is-display {
		display: block!important;
	}
	.performance_info_box {
		background: #FFF;
	}
	.performance_img {
		float: left;
		width: 47%;
		overflow: hidden;
	}
	.performance_img span img {
		width: auto;
		max-width: 150px;
		height: auto;
		max-height: 112px;
	}
	.performance_info_txt {
		float: right;
		width: 53%;
		padding: 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.performance_tit {
		font-size: 12px;
		margin-bottom: 3px;
	}
	.performance_cat {
		font-size: 10px;
	}
	.performance_info {
		font-size: 10px;
		line-height: 1.5;
	}
}

@media screen and (min-width: 769px) {
	.performance_block {
		width: 694px;
		padding-top: 14px;
	}
	.performance_header {
		position: relative;
		margin: 0 auto 15px;
		padding: 14px 15px 14px 24px;
		border-radius: 3px 0 0 0;
	}
	.performance_header::before {
		display: block;
		position: absolute;
		bottom: -6px;
		left: 0;
		width: 0;
		height: 0;
		content: '';
	}
	.performance_head {
		width: 400px;
		font-size: 18px;
	}
	.performance_head .txt_sp {
		display: none;
	}
	.performance_header select {
		width: 198px;
		height: 22px;
		font-size: 13px;
	}
	.performance_body {
		width: 699px;
		margin-top: -5px;
		margin-left: -1px;
		font-size: 0;
	}
	.non_performance {
		width: 694px;
		padding: 30px;
		border-radius: 5px;
		font-size: 14px;
		text-align: center;
	}
	.performance_box {
		display: inline-block;
		width: 230px;
		margin: 3px 3px 0 0;
		background: #FFF;
		border: 1px solid #D8D8D8;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		vertical-align: top;
	}
	.performance_box.is-display {
		display: inline-block!important;
	}
	.performance_info_txt {
		margin: 8px 15px 10px;
	}
	.performance_img {
		width: 228px;
		height: 160px;
	}
	.performance_img span img {
		max-width: 228px;
		max-height: 160px;
	}
	.performance_tit {
		font-size: 13px;
		line-height: 1.4;
	}
	.performance_cat {
		margin-bottom: 3px;
		font-size: 11px;
		line-height: 1.8;
	}
	.performance_info {
		margin-top: 5px;
		font-size: 11px;
		line-height: 1.6;
	}
}


/* ----------------------------------------------------
	公演チケット（ボタン部分）
---------------------------------------------------- */
.tickets_block {
	border-top: 1px solid #D8D8D8;
	background: #F4F4F4;
}
.tickets_box {
	border-bottom: 1px solid #D8D8D8;
}
.tickets_box:last-child {
	border-bottom: 0;
}
.tickets_type {
}
.cat_prearrival .tickets_type {
	color: #C80E47;
}
.cat_prelottery .tickets_type {
	color: #DB5800;
}
.cat_common .tickets_type {
	color: #5E318F!important;
}
.cat_otoku .tickets_type {
	color: #008256;
}
.tickets_term {
	color: #2F2F2F;
}
.tickets_buttons {
}
.tickets_buttons li {
}
.tickets_buttons li:first-child {
	float: left;
}
.tickets_buttons li:last-child {
	float: right;
}
.tickets_buttons .btn {
	display: block;
	color: #FFF;
	background: #666;
	box-shadow: 0px 2px 0px 0px #333;
	line-height: 1;
	text-decoration: none;
	text-align: center;
}
.cat_prearrival .tickets_buttons .btn {
	background: #C80E47;
	box-shadow: 0px 2px 0px 0px #93002D;
}
.cat_prelottery .tickets_buttons .btn {
	background: #DB5800;
	box-shadow: 0px 2px 0px 0px #B64900;
}
.cat_common .tickets_buttons .btn {
	background: #5E318F;
	box-shadow: 0px 2px 0px 0px #2e055a;
}
.cat_otoku .tickets_buttons .btn {
	background: #008256;
	box-shadow: 0px 2px 0px 0px #004C32;
}

@media screen and (max-width: 768px) {
	.tickets_block {
	}
	.tickets_box {
		padding: 7px 5px;
	}
	.tickets_box dl {
	}
	.tickets_box dt {
		float: left;
		width: 35.5%;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5;
	}
	.tickets_box dt span {
		display: block;
		font-size: 10px;
		font-weight: normal;
		transform: scale(0.9);
		transform-origin: left bottom;
	}
	.tickets_box dd {
		float: right;
		width: 64.5%;
	}
	.tickets_buttons li {
		width: 47.5%;
	}
	.tickets_buttons .btn {
		padding: 9px 0 8px;
		border-radius: 40px;
		font-size: 11px;
	}
	.tickets_buttons .btn_disabled {
		padding: 9px 0 10px;
	}
}

@media screen and (min-width: 769px) {
	.tickets_block {
	}
	.tickets_box {
		padding: 10px 10px 12px;
	}
	.tickets_type {
		font-size: 12px;
		font-weight: bold;
		line-height: 1;
	}
	.tickets_term {
		float: right;
		width: 11em;
		margin-top: 1px;
		font-size: 10px;
		font-weight: normal;
		text-align: right;
	}
	.tickets_buttons {
		margin-top: 8px;
	}
	.tickets_buttons li {
		width: 48.5%;
	}
	.tickets_buttons .btn {
		padding: 9px 0 8px;
		border-radius: 30px;
		box-shadow: 0px 2px 0px 0px #333;
		font-size: 11px;
	}
	.tickets_buttons .btn_disabled {
		padding: 9px 0 10px;
	}
}


/* ----------------------------------------------------
	#ftr
---------------------------------------------------- */
#ftr {
	box-shadow: none;
}
@media screen and (max-width: 768px) {
	#ftr #ftr-sp {
		background: #343434;
	}
	#ftr #ftr-sp #sp_foot_pagetop {
		background: #E1E1E1;
	}
	#ftr #ftr-sp #sp_foot_pagetop p {
		background: #343434;
	}
	#ftr #copyright {
		padding: 10px 10px;
		background: #E1E1E1;
		color: #000;
	}
	#ftr #copyright .credit {
		line-height: 1.5;
	}
}

@media screen and (min-width: 769px) {
	#ftr {
		background: #2F2E2F;
		border-top: 0;
	}
	#ftr #foot_menu {
		background: transparent;
		border-top: 0;
	}
	#ftr #copyright {
		background: transparent;
	}

}