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

body {
	background:#eaebef;
	font-size: 16px;
	font-family: 'Muli',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}
ul, ul li {
	list-style: none;
}
a, a:hover, a:visited{
	color:#0086bf;
}
a[href$=".pdf"]:after {
	content: "";
	background:url(/common/images/pdf_icon.png) no-repeat;
	display:inline-block;
	height:24px;
	margin: 0 6px;
	vertical-align:middle;
	width:24px;
}
a[target="_blank"]:after{
	content: "";
	background:url(/common/images/external_link_icon.png) no-repeat;
	display:inline-block;
	height:14px;
	margin: 0 6px;
	vertical-align:middle;
	width:14px;
}
a.no_icon[target="_blank"]:after{
	content: "";
	background:none;
	display:none;
}

img{
	border:0;
}

@media (max-width: 480px) {
.pc {
	display:none !important;
}

}
@media (min-width: 481px) {
.sp {
	display:none !important;
}
}



/*　　pagetop　　*/
#pagetop-btn {
	background: url(/common/images/page_top.png)left top no-repeat;
	bottom: 110px;
	cursor: pointer;
	display: none;
	height: 70px;
	position: fixed;
	right: 30px;
	width: 70px;
	z-index: 990;
}

/*　　screen mask　　*/
#screen-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	z-index: 991;
	display: none;
}


/*　　header　　*/
#header {
	background:#fff;
	border-bottom: 1px solid #d5d5d5;
	height: 50px;
	width: 100%;
}
#header .wrapper {
	margin: 0 auto;
	overflow: hidden;
	padding-top: 9px;
	width: 1200px;
}
#header .wrapper .header_logo {
	float: left;
	height: 34px;
	margin-right: 20px;
	width: 183px;
}
#header .wrapper .header_pia {
	color: #000;
	float: left;
	font-size: 0.813em;
	line-height: 16px;
	margin-right: 15px;
}
#header .wrapper .header_pia strong {
	font-size: 1.385em;
}
#header .wrapper .header_pia span {
	color: #9d9d9d;
	font-size: 0.923em;
}
#header .wrapper .header_ticketbtn {
	float: left;
	font-size: 0.875em;
	margin-top: 1px;
}
#header .wrapper .header_ticketbtn a, #header .wrapper .header_ticketbtn a:hover, #header .wrapper .header_ticketbtn a:visited {
	background: #006cb9;
	color: #fff;
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	width: 180px;
}
#header .wrapper .header_ticketbtn a:hover {
	opacity: 0.7;
}
#header .wrapper .header_search {
	float: right;
	height: 28px;
	margin-top: 3px;
	position: relative;
	width: 210px;
}
#header .wrapper .header_search .input_txt {
	border: 1px solid #808080;
	font-size: 16px;
	height: 24px;
	width: 170px;
}
#header .wrapper .header_search .btn {
	background: #0086bf url(/common/images/search_btn_icon.png) left center no-repeat;
	background-position: 7px;
	background-size: 17px 17px;
	border: none;
	font-size:0;
	height: 28px;
	left: 175px;
	position: absolute;
	width: 30px;
}
#header .wrapper .header_language {
	float: right;
	margin: 8px 0 0 15px;
}
#header .wrapper .header_language a, #header .wrapper .header_language a:hover, #header .wrapper .header_language a:visited {
	color: #9d9d9d;
	font-size: 0.750em;
	text-decoration: underline;
}



@media (min-width: 481px) {
/*　　navi　　*/
#g_navi {
    background: #edeef2;
    border-bottom: 1px solid #d5d5d5;
    height: 46px;
    max-height: 46px !important;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 999;
    left: -46px;
}
#g_navi .navi_wrapper {
	margin: 0 auto;
	width: 1200px;
}
#g_navi .navi_wrapper ul {
	display:block;
	float:right;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
#g_navi .navi_wrapper ul li {
	float: left;
	margin-left: 30px;
}
#g_navi .navi_wrapper ul li a {
	color: #0086bf;
	font-weight: 700;
	line-height: 46px;
	padding: 0 5px;
	text-decoration: none;
}
#g_navi .navi_wrapper ul li a:hover {
	text-decoration: underline;
}
#g_navi .navi_wrapper ul li.active a {
	background: #0086bf;
	color: #fff;
	text-decoration: none;
}
}



/*　　breadcram　　*/
#breadcram {
	background: #eaebef;
	height: 38px;
	padding-top:46px;
	width: 100%;
}
#breadcram ul {
	list-style: none;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 1200px;
}
#breadcram ul li {
	display: inline;
	font-size: 0.750em;
	line-height: 38px;
	margin-right: 5px;
}
#breadcram ul li a, #breadcram ul li a:hover, #breadcram ul li a:visited {
	color: #000;
	text-decoration: none;
}
#breadcram ul li a:hover {
	text-decoration: underline;
}
#breadcram ul li a:after {
	content: url(/common/images/breadcram_arrow.png);
}



/*　　contents　　*/
#contents {
	background: #eaebef;
	min-width:1200px;
	width: 100%;
}
#contents #content_wrapper {
	margin: 0 auto;
	padding-bottom: 60px;
	width: 1200px;
}
#contents #content_wrapper h1 {
	font-size: 1.500em;
}
#contents #content_wrapper h2 {
	font-size: 1.375em;
}
#contents #content_wrapper h3 {
	font-size: 1.125em;
}
#contents #content_wrapper h4 {
	font-size: 1.068em;
}





/*　　footer　　*/
#footer {
	background: #f6f7f8;
	min-width:1200px;
	width: 100%;
}
#footer #footer_wrapper {
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0 10px;
	width: 1200px;
}
#footer #footer_wrapper .corporate_support_ttl {
	border-bottom: 1px solid #cecede;
	width: 100%;
}
#footer #footer_wrapper .corporate_support_ttl:before {
	content: url(/common/images/footer_corporate_support.png);
}


#footer #footer_wrapper ul {
	letter-spacing:-40em;
	list-style: none;
	margin-bottom:40px;
	overflow:hidden;
	padding:0;
}
#footer #footer_wrapper ul li {
	float:left;
	font-size: 0.875em;
	letter-spacing:normal;
	margin: 0 52px;
	padding:0;
	vertical-align:middle;
}
#footer #footer_wrapper ul li:first-child{
	margin: 0 52px 0 0;
}
#footer #footer_wrapper ul li:last-child{
	margin: 0 0 0 52px;
}
#footer #footer_wrapper ul li a {
	background: #0086bf url(/common/images/footer_arrow_white.png) 209px 14px no-repeat;
	color: #fff;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	width: 222px;
}

#footer #footer_wrapper ul li a:hover {
	background: #002637 url(/common/images/footer_arrow_white.png) 209px 14px no-repeat;
}
#footer #footer_corporate {
	background: #eaebef;
	width: 100%;
}
#footer #footer_corporate ul {
	list-style: none;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0;
	width: 1200px;
}
#footer #footer_corporate ul li {
	float: left;
	font-size: 0.750em;
	margin-right: 50px;
	margin-top: 4px;
}
#footer #footer_corporate ul li a {
	color: #000;
	text-decoration: none;
}
#footer #footer_corporate ul li a:hover {
	text-decoration: underline;
}
#footer #footer_corporate ul li a:hover, #footer #footer_corporate ul li a:visited {
	color: #000;
}
#footer #footer_corporate ul li.sns {
	float: right;
	margin: 0 0 0 30px;
	vertical-align:middle;
}
#footer #footer_corporate ul li.sns > a[target="_blank"]:after{
	content: "";
	background:none;
	display:none;
	height:0;
	margin: 0;
	vertical-align:middle;
	width:0;
}


/*　　pagination　　*/
.pagination{
	display:table;
	margin:40px auto 0;
	overflow:hidden;
}
.pagination .back{
	background:#002637 url(/common/images/pagination_left_bg.png)28px 23px no-repeat;
	float:left;
	height:62px;
	width:62px;
}
.pagination .next{
	background:#002637 url(/common/images/pagination_right_bg.png)27px 23px no-repeat;
	float:left;
	height:62px;
	width:62px;
}
.pagination .back.disabled
, .pagination .next.disabled
{
	opacity: 0.4;
}
.pagination a.back,
.pagination a.next{
	display:block;
	font-size:0;
	height:62px;
	text-decoration:none;
	width:62px;
}
.pagination a.back:hover{
	background:#003248 url(/common/images/pagination_left_bg.png) 28px 23px no-repeat;
}
.pagination a.next:hover{
	background:#003248 url(/common/images/pagination_right_bg.png)27px 23px no-repeat;
}
.pagination .page_number{
	background:#002637;
	float:left;
	height:62px;
	line-height:62px;
	margin:0 1px;
	overflow:hidden;
	padding:0 10px;
	text-align:center;
}
.pagination .page_number a{
	color:#fff;
	display:block;
	float:left;
	font-size:1.125em;
	font-weight:700;
	height:62px;
	text-decoration:none;
	width:42px;
}
.pagination .page_number a.current,
.pagination .page_number a:hover{
	background:url(/common/images/pagination_current_bg.png) center 11px no-repeat;
}



/*　　大切なお知らせ　　*/
#info_wrapper{
	margin:40px auto 0;
	width:1200px;
}

#info_wrapper h2{
	font-size:1.250em;
	font-weight:normal;
}

#info_wrapper ul.important_info_wrapper{
	display:block;
	margin:0 0 60px 0;
	padding:0;
	width:100%;
}
#info_wrapper ul.important_info_wrapper li{
	background:#fff;
	display:block;
	font-size:0.875em;
	height:36px;
	line-height:36px;
	margin-bottom:4px;
	overflow:hidden;
}
#info_wrapper ul.important_info_wrapper li dl{
	display:table;
	margin:0 0 0 20px;
	padding:0;
	width:1180px;
}
#info_wrapper ul.important_info_wrapper li a dl{
	background:url(/information/images/important_info_arrow.png) 1165px 12px no-repeat;
}
#info_wrapper ul.important_info_wrapper li dl dt{
	display:table-cell;
	width:130px;
}
#info_wrapper ul.important_info_wrapper li dl dd{
	display:table-cell;
	width:945px;
}
#info_wrapper ul.important_info_wrapper li a {
	color:#000;
	text-decoration:none;
}
#info_wrapper ul.important_info_wrapper li a dl:after {
	color:#7f7f7f;
	content:"詳しくはこちら";
	display:inline-block;
	font-size:0.857em;
}
#info_wrapper ul.important_info_wrapper li a dl.en:after {
	content:"Learn more";
}




/*　　公演情報　月カレンダー　　*/
.month_navi{
	overflow:hidden;
}
.month_navi ul{
	list-style:none;
	margin:0 0 0 -4px;
	overflow:hidden;
	padding:0;
}
.month_navi ul li{
	background:#fff;
	color:#000;
	display:block;
	float:left;
	height:50px;
	line-height:50px;
	margin-left:4px;
	text-align:center;
	width:130px;
}
.month_navi ul li.all,
.month_navi ul li.other{
	width:129px;
}
.month_navi ul li.active{
	background:#0086bf;
	color:#fff !important;
}
.month_navi ul li.month{
	color:#000;
	font-size:2.875em;
	height: 46px;
	padding-top: 4px;
}
.month_navi ul li.month span{
	font-size:0.348em;
}


/*　mouse hover　*/
.month_navi ul a:hover li.active{
	opacity:0.7;
}
.month_navi ul a:hover li.month,
.month_navi ul a:hover li.other{
	background:#0086bf;
	color:#fff;
}


/*　　category navi　　*/
.category_navi{
	font-size:	0.750em;
	margin-top:12px;
	overflow:hidden;
}
.category_navi ul{
	list-style:none;
	margin:0;
	padding:0;
}
.category_navi ul li{
	display:inline;
}
.category_navi ul li a{
	color:#000;
	padding:0 5px;
	text-decoration:none;
}
.category_navi ul li a.active{
	background:#0086bf;
	color:#fff;
}
.category_navi ul li a.active:hover{
	color:#fff;
	text-decoration:underline;
}
.category_navi ul li a:hover{
	color:#000;
	text-decoration:underline;
}
.category_navi ul li:after{
	content:" ｜";
}
.category_navi ul li:last-child:after{
	content:"";
}








/*---------------------------------------
SP
----------------------------------------*/
@media (max-width: 480px) {
body {
  -webkit-text-size-adjust: 100%;
}


img{
/*	display:block;*/
	height:auto;
	margin:0 auto;
	max-width:100%;
}

	
/*　　pagetop　　*/
#pagetop-btn {
	bottom: 2px;
	right: 2px;
}

#header {
	position:fixed;
	top: 0;
	z-index: 1000;
}
#hamburger-btn {
	position: absolute;
	top: 0;
	right: 0;
}

#g_navi {
	background: rgba(0,173,229,0.80);
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	overflow: hidden;
	opacity: 0;
	z-index: 999;
	transition: max-height 0.2s linear;
}

/*　　gnavi　　*/
.navi_wrapper{
}
.navi_wrapper ul{
	margin:0;
	padding:0;
}
.navi_wrapper ul li{
	line-height:30px;
}
.navi_wrapper ul li a{
	background:#00ade5;
	color:#fff;
	display:block;
	font-size:16px;
	line-height:50px;
	margin:6px 0;
	text-indent:1.5em;
	text-decoration:none;
}
.navi_wrapper ul li a:before{
	background:url(/common/images/btn_arrow_bg.png) no-repeat;
	content:"";
	display:inline-block;
	height:14px;
	margin-right:4px;
	vertical-align:middle;
	width:7px;
}



/*　　breadcram　　*/
#breadcram {
	padding-top:55px;
}
#breadcram ul li {
	line-height:normal;
}



/*　　contents　　*/
#contents {
	margin-top:50px;
	min-width:0px;
}
#contents #content_wrapper h1 {
	font-size: 1.500em;
}


/*　　pagination　　*/
.pagination .back{
	background:#002637 url(/common/images/pagination_left_bg.png)10px 8px no-repeat;
	height:30px;
	width:100px;
}
.pagination .next{
	background:#002637 url(/common/images/pagination_right_bg.png)90px 8px no-repeat;
	height:30px;
	width:100px;
}
.pagination a.back,
.pagination a.next{
	height:30px;
	width:100px;
}
.pagination .page_number{
	height:30px;
	line-height:31px;
	padding:0;
}
.pagination .page_number a.current,
.pagination .page_number a{
	display:none;
	height:30px;
	width:30px;
}
.pagination .page_number a:hover{
	background:url(/common/images/pagination_current_bg.png) center 3px no-repeat;
	background-size:24px 24px;
	display:block;
}
.pagination a.back:hover{
	background:#003248 url(/common/images/pagination_left_bg.png) 10px 8px no-repeat;
}
.pagination a.next:hover{
	background:#003248 url(/common/images/pagination_right_bg.png)90px 8px no-repeat;
}





/*　　大切なお知らせ　　*/
#info_wrapper{
	margin:7px 2% 0;
	width:96%;
}
#info_wrapper h2{
	font-size:1.375em;
	margin-bottom:7px;
	padding:0;
}
#info_wrapper ul.important_info_wrapper{
	margin:0 0 30px 0;
}
#info_wrapper ul.important_info_wrapper li{
	height:auto;
	line-height: normal;
}
#info_wrapper ul.important_info_wrapper li dl{
	display:block;
	margin:0 2%;
	padding:0;
	width:96%;
}
#info_wrapper ul.important_info_wrapper li dl dt{
	display:block;
	font-size:12px;
	width:100%;
}
#info_wrapper ul.important_info_wrapper li dl dd{
	display:block;
	margin:0;
	width:100%;
}
#info_wrapper ul.important_info_wrapper li a dl:after {
    content: "";
    display: none;
}



/*　　footer　　*/
#footer {
	min-width:0px;
}

#footer #footer_wrapper {
	padding: 20px 0 10px;
	width: 100%;
}
#footer #footer_wrapper .corporate_support_ttl {
	border-bottom: 1px solid #cecede;
	padding-left:3%;
	width: 97%;
}
#footer #footer_wrapper ul {
	margin:20px 0;
	padding:0;
}
#footer #footer_wrapper ul li:last-child{
	margin: 0;
}
#footer #footer_wrapper ul li:first-child,
#footer #footer_wrapper ul li {
	float:none;
	font-size: 0.875em;
	margin: 0 0 20px;
	padding:0;
}
#footer #footer_wrapper ul li a {
	background: #0086bf url(/common/images/footer_arrow_white.png) 96% 14px no-repeat;
	display: block;
	margin:0 auto;
	width: 90%;
}
#footer #footer_wrapper ul li a:hover {
	background: #002637 url(/common/images/footer_arrow_white.png) 96% 14px no-repeat;
}

#footer #footer_corporate ul {
	padding: 20px 5%;
	width: 90%;
}
#footer #footer_corporate ul li {
	float: none;
	font-size:12px;
	margin:0 0 10px;
}
#footer #footer_corporate ul li:nth-child(n+6) {
	border-bottom:1px solid #cecede;
	padding-bottom: 7px;
}

#footer #footer_corporate ul li.sns {
	display:inline-block;
	float: none;
	margin: 0 15px 0;
	vertical-align:middle;
}





/*各詳細ページ*/
#breadcram ul {
    width: 100%;
}

#contents #content_wrapper {
	margin:-50px 2% 0;
    width: 96%;
}


}