@charset "UTF-8";

div.lvj-place-title{
	margin: 30px 20px 10px 0;
	font-weight: bold;
	font-size: 16px;
}

table.lvj-place td.red{
	color:#d00;
}

table.lvj-place td.blue{
	color:#00d;
}

.contents a:hover {
	text-decoration: underline;
}


.inner:after{
	content: "";
	display: table;
	clear: both;
}


/*	国内/海外ボタン
**************************************************************************************************/

#information .contents .inner div.interLink{

	position: absolute;
	top:35px;
	right: 15px;
	border: none;
	padding: 0;
	margin: 0;
	z-index: 100000;
	line-height: 1;
	height: 27px;
}

#information .contents .inner div.interLink a {
	margin: 0;
	padding: 0;
	top:0;
	left: auto;
	right: 0;
	position: relative;;
	background: none;
	line-height: 1;
}


/*	基本配色LVJカラー
**************************************************************************************************/
/*タイトル*/
.color1 {
	color: #006dbb;
}
/*公演日時　会場　料金*/
.color2 {
	color: #23b2e8;
}
.color3 {

}
.color4 {
	color: #23b2e8;;
}
.color5 {
	color: #fff;
}

/*基本カラー1*/
#information .title,
#ticket .title,
#venue_list table.lvj-place tr:first-child th, 
#venue_list table.lvj-place tr:first-child td,
#outline .title{
	background-color: #006dbb;
	color: #fff;
}
#goods .contents,
#important,
#information .contents,
#ticket .contents {
	background-color: #fff;
	color: #333;
}

/*基本カラー2*/
#venue_list .title,
#others .title,
#goods .title{
	background-color: #23b2e8;
	border-bottom: 2px solid #006dbb;
}
#others .contents,
#venue_list .contents,
#outline .contents {
	background-color: #fff;
	color: #333;
}

/*背景画像*/
#menu ul li a ,
#topics h2 span,
#information h2 span,
#venue_list h2 span,
#ticket h2 span,
#goods h2 span,
#outline h2 span,
#others h2 span{
	background: url(../img/contents/parts/deff.png) no-repeat;
}



/*購入ボタン背景色*/
.bgColor2 {
	background-color: #006dbb;
}
.bgColor2:hover {
	background-color: #23b2e8;;
}
/*チケット枠線*/
#ticket .contents .inner div:first-child {
	padding: 30px;
	border: 2px solid #23b2e8;;
}


/*メニュー背景色*/
#menu {
background: #229fd8;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyOWZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZkYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #229fd8 0%, #006dbb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#229fd8), color-stop(100%,#006dbb));
background: -webkit-linear-gradient(top,  #229fd8 0%,#006dbb 100%);
background: -o-linear-gradient(top,  #229fd8 0%,#006dbb 100%);
background: -ms-linear-gradient(top,  #229fd8 0%,#006dbb 100%);
background: linear-gradient(to bottom,  #229fd8 0%,#006dbb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#229fd8', endColorstr='#006dbb',GradientType=0 );

}

/*メニュー区切り線*/
#menu p {
	color: #fff;
	border-bottom: 1px solid #8fe0ff;
}
#menu ul li a {
	border-right: 1px dotted #8fe0ff;
	display: block;

}
#menu ul li:first-child  a {
	border-left: 1px dotted #8fe0ff;
}

/*キャッチコピー*/
#mainImage p.chach {
	font-size: 16px;
	text-shadow: none;
}

/*	共通
**************************************************************************************************/
body > .contentsArea {
	font-size: 1.3em;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.inner {
	width: 980px;
	margin: 0 auto;
	word-wrap: break-word;
}
a.addArrow:before {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 10px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #fff;
}
a.addArrow:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 13px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: #27649c;
}

/*	ヘッダーエリア
**************************************************************************************************/
.headerArea{
	width: 100%;
	z-index: 100;
	position: absolute;
}

#headerNavContents {
	position: absolute;
	width: 100%;
	top: 5px;
}
#headerNavContents a.logo {
	position: absolute;
	left: 5px;
	top: 0;
	display: block;
	width: 180px;
	height: 0;
	padding: 26px 0 0;
	overflow: hidden;
	
	background: url( "../img/common/header_logo.png" );
}

#headerNavContents a {
	color: #000;
	text-decoration: none;
	text-shadow:
		-1px -1px #fff,
		1px -1px #fff,
		-1px 1px #fff,
		1px 1px #fff;
}
#headerNavContents a:hover {
	text-decoration: underline;
}

#headerNavContents ul.nav {
	margin: 0 5px 0 0;
	float: right;
	border-left: none;
	line-height: 0;

	background-color:rgba(255,255,255,0.25);
	padding: 5px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#headerNavContents ul.nav li {
	float: left;
	padding: 0 10px;
	border-right: 1px #999 solid;
	line-height: 1;
	font-size: 11px;
	font-weight: bold;
	}
	#headerNavContents ul.nav li:last-child {
	border-right: none;
}

/*	ﾒﾆｭｰ
**************************************************************************************************/
#menu {
	width: 100%;
	z-index: 9999;
	box-shadow: 3px 5px 4px 1px rgba(0, 0, 0, 0.2), 5px 3px 4px 1px rgba(0, 0, 0, 0.2);
}
#menu .inner {
	position: relative;
}

#menu .inner > a{
	position: absolute;
	left: 0;
	top: 5px;
}
#menu p {
	margin: 0 0 0 162px;
	padding: 4px 0 2px 0;
}
#menu ul {
	height: 56px;
	margin: 0 0 0 162px;
	font-size: 0;
}
#menu ul li {
	height: 48px;
	padding: 0 0 8px 0;
	display: inline-block;
	font-size: 0;
}

#menu ul li a {
	width: 135px;
	height: 38px;
	margin: 10px 0 0 0;
	padding-left: 0;
	display: block;
	border-right: 1px dotted #83d9f9;
}

#menu ul li a:hover {
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
}
#menu ul li a[href='#information'] {
	background-position:0 0;
}
#menu ul li a[href='#venue_list'] {
	background-position:-135px 0;
}
#menu ul li a[href='#ticket'] {
	background-position:-270px 0;
}
#menu ul li a[href='#goods'] {
	background-position:-405px 0;
}
#menu ul li a[href='#outline'] {
	background-position:-540px 0;
}
#menu ul li a[href='#others'] {
	background-position:-675px 0;
}
#menu ul li.grayOut {													/* ｸﾞﾚｲｱｳﾄ */
	background-color: rgba(0,0,0,0.5);
}
#menu ul li.grayOut a{													/* ｸﾞﾚｲｱｳﾄ */
	opacity:0.25;
	filter: alpha(opacity=25);
	-ms-filter: "alpha(opacity=25)";
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
}

#menu ul li.grayOut a {
	cursor: default;
}


/*	ﾒｲﾝｲﾒｰｼﾞ
**************************************************************************************************/
#mainImage .inner {

}
#mainImage .inner {
	width: 1200px;
	height: 470px;
	position: relative;
	overflow: hidden;
}
#mainImage .inner > img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
#mainImage p {
	position: absolute;
	bottom: 5px;
	left: 126px;
	font-weight: bold;
	font-size: 20px;
	z-index: 22;
	text-shadow: 1px 1px 3px #FFF;
	line-height: 1.3;

}
#mainImage .socialBtn {
	position: absolute;
	right: 110px;
	bottom: 10px;
	z-index: 50;
	padding: 6px;
	
	line-height: 0;
	background: rgba(0,0,0,0.2);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	}
	#mainImage .socialBtn ul {
	}
	#mainImage .socialBtn li {
		display: inline-block;
		}
	#mainImage .socialBtn li {
		display: inline-block;
		}
		#mainImage .socialBtn li img {
			display: block;
			}

	#mainImage .socialBtn li:first-child {
		}
		#mainImage .socialBtn li img {
			display: block;
			}

h4{
	font-size: 20px;
	font-weight: bold;
}
.center{
	text-align:center;
}
/*	ﾄﾋﾟｯｸｽ
**************************************************************************************************/
#topics {
	position: relative;
	padding: 30px 0;
	background:#eee;
}
#topics h2 {
	height: 47px;
	position: absolute;
	
}
#topics h2{
	width: 103px;
	height: 47px;
}
#topics h2 span{
	display: block;
	width: 103px;
	height: 47px;
	text-indent: -9999px;
	background-position:-815px 0;
}
#topics dl {
	min-height: 47px;
	margin: 0 0 0 130px;
}
#topics dl dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 120px;
}
#topics dl dd {
	margin-bottom: 0.8em;
	margin-left: 7.5em;
}

/*	重要なお知らせ
**************************************************************************************************/
#important {
	padding: 40px;
}
#important .inner {
	padding: 20px;
}
#important dt {
	color: #f00;
	font-size: 130%;
	font-weight: bold;
}
#important dd {
	margin-top: 5px;
}

#important .inner {
    background-color: #fff;
    color: #666;
    border: 2px solid #f00;
}

/*	各ブロック共通　タイトル
**************************************************************************************************/
#information h2,
#venue_list h2,
#ticket h2,
#goods h2,
#outline h2,
#others h2{
	padding: 15px 0;
	height: 52px;
}

#information h2 span,
#venue_list h2 span,
#ticket h2 span,
#goods h2 span,
#outline h2 span,
#others h2 span{
	display: block;
	width: 460px;
	height: 52px;
	text-indent: -9999px;
}

/*	inforamtion - 開催情報 -
**************************************************************************************************/
#information h2 span{
	background-position:0 -47px;
}

#information .contents {
	padding: 40px 0;
}

#information .contents .inner div {
	position: relative;
	padding: 0 0 18px 0;
	border-bottom: 1px dotted #999;
}

#information .contents .inner div.leftBox,
#information .contents .inner div.rightBox{
	border-bottom: none;
}
#information .contents .inner div.leftBox iframe {
	position: relative !important;
	z-index: 10 !important;
}
/*	会場ﾘｽﾄ
**************************************************************************************************/
#venue_list h2 span{
	background-position:-460px -99px;
}

#venue_list .contents {
	padding: 40px 0;
}

#venue_list table {
}
#venue_list table.lvj-place {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#venue_list table.lvj-place th, 
#venue_list table.lvj-place td {
	padding: 10px;
	border:1px solid #ccc;
}
#venue_list table.lvj-place tr:first-child th, 
#venue_list table.lvj-place tr:first-child td {
	font-weight: bold;
	text-align: center;
}
#venue_list table.lvj-place th {
	background: #eee;
	color: #333;
}
#venue_list table.lvj-place td {
	background: #fff;
	color: #333;
}

/*	ﾁｹｯﾄ
**************************************************************************************************/
#ticket h2 span{
	background-position:0 -151px;
}
#ticket .contents {
	padding: 40px 0;
}

#ticket .contents li a {
	text-indent: -9999px;;
}

#ticket .contents li a.eplus {
	background-image: url(../img/contents/btn/white/e_plus.png);
	background-repeat: no-repeat;
}
#ticket .contents li a.l-tike {
	background-image: url(../img/contents/btn/white/l-tike.png);
	background-repeat: no-repeat;
}
#ticket .contents li a.yahoo {
	background-image: url(../img/contents/btn/white/yahoo.png);
	background-repeat: no-repeat;
}
#ticket .contents li a.others {
	background-image: url(../img/contents/btn/white/others.png);
	background-repeat: no-repeat;
}
#ticket .contents li a.every {
	background-image: url(../img/contents/btn/white/every.png);
	background-repeat: no-repeat;
}
#ticket .contents li a.pia {
	background-image: url(../img/contents/btn/white/pia.png);
	background-repeat: no-repeat;
}
#ticket .contents li a.momoclo {
	background-image: url(../img/contents/btn/white/momoclo.png);
	background-repeat: no-repeat;
}
#ticket .contents li a.cnp {
	background-image: url(../img/contents/btn/white/cnp.png);
	background-repeat: no-repeat;
}
#ticket .contents li a.udo {
	background-image: url(../img/contents/btn/white/udo.png);
	background-repeat: no-repeat;
}
#ticket .contents li a.sma {
	background-image: url(../img/contents/btn/white/sma-ticket.png);
	background-repeat: no-repeat;
}
#ticket .contents li a.confetti {
	background-image: url(../img/contents/btn/white/confetti-ticket.png);
	background-repeat: no-repeat;
}
#ticket .contents li a.animate {
	background-image: url(../img/contents/btn/white/animate.png);
	background-repeat: no-repeat;
}
#ticket .contents li a.t-boad {
	background-image: url(../img/contents/btn/white/ticket_boad.png);
	background-repeat: no-repeat;
}
#ticket .contents li a.dummy {
	background-image: url(../img/contents/btn/white/dummy.png);
	background-repeat: no-repeat;
}

#ticket .inner > div:last-child p:first-child{
	margin-bottom:10px;
}

#ticket .contents div ul li a {
width: 442px;
height: 45px;
display: block;
}

#ticket .contents div ul li * {
width: 442px;
}

#ticket .contents .inner div div {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px dotted #999;
}

#ticket .contents .inner div div:nth-child(2) {

}

/*	ｸﾞｯｽﾞ
**************************************************************************************************/
#goods h2 span{
	background-position:-460px -203px;
}
#goods .contents {
	padding: 40px 0;
}

/*	ｱｳﾄﾗｲﾝ
**************************************************************************************************/
#outline h2 span{
	background-position:0 -255px;
}
#outline .contents {
	padding: 40px 0;
}

#outline .inner p {
	font-size: 110%;
}

/*	その他
**************************************************************************************************/
#others h2 span{
	background-position:-460px -307px;
}
#others .contents {
	padding: 40px 0;
}


.addBlock{
	padding:20px;
	border: 5px solid #fff;
	background: rgba(255,255,255,0.85);
	margin-top:20px;
	color: #333;
}

.addBlock h4{
	font-size: 18px;
	font-weight: bold;
}

/*	facebook likebox
**************************************************************************************************/
#likebox_container {
	background: #fff;
}
#likebox_container > div {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0;
}


/*	近日上映予定ｺﾝﾃﾝﾂ
**************************************************************************************************/
#kinjitsu {
	position: relative;
	padding: 24px 0;
	background: #eee;
}
#kinjitsu .inner > p {
	margin: 0 0 12px 0;
	font-size: 138.5%;
	font-weight: bold;
}
#kinjitsu li {
	width: 30%;
	min-height: 82px;
	padding: 0 10px;
	border-left: 1px solid #ccc;
	display: inline-block;
	position: relative;
	vertical-align: top;
}
#kinjitsu li:first-child {
	border-left: none;
}
#kinjitsu li a {
	display: block;
	font-size: 100%;
}
#kinjitsu img {
	position: absolute;
}
#kinjitsu li p {
	margin: 0 0 0 80px;
	font-weight: bold;
}
#kinjitsu li p:last-child {
	font-weight: normal;
}



.contentsArea div.leftBox{
	width:480px;
	margin-right: 20px;
	float:left;
}

.contentsArea div.rightBox{
	width:480px;
	float:left;
}


table.normalTable{
	width: 100%;
	margin-bottom: 10px;
}

table.normalTable th,
table.normalTable td{
	padding: 5px;
	border:1px solid #ccc;
}
table.normalTable th{
	font-weight: bold;
	background:#eee;
}


/*アーティスト部分*/

ul.artist{
	margin-top: 30px;
	display:inline-block;
}

ul.artist li{
	float: left;
	margin-right:40px;
}

ul.artist li:last-child{
	float: left;
	margin-right:0;
}

ul.artist h4{
	text-align: center;
	margin-bottom: 10px;
}
/*アーティスト部分　縦横非バラバラ*/

ul.artist.various li{
	height: 270px;
}