@charset "UTF-8";

body#musical #container.petite_etrangere{
	background:url(../../img/musical/bg_gradation.png) repeat-x !important;
		background-position:left top;
}



body#musical #grid-content .box				 {


										box-shadow: 0 0 4px #ccc;
										-moz-box-shadow: 0 0 4px #ccc;
										-webkit-box-shadow: 0 0 4px #ccc;
									}

body#musical #side .boxInner{

	padding:20px;


}


body#musical #bodyBG{
	z-index                 : -1;
    background-color        : #b3bac5;
    background-image        : url(../../img/musical_le_mouvement_final/bg3.jpg) ;
	background-position:center top;
    background-repeat       : repeat-x;
    background-size         : auto auto;
    position                : fixed;
    top                     : 0;
    left                    : 0;
	width:100%; height:100%;

}


body#musical #bodyBG.petite_etrangere{background-color        : #05072e;}


body#musical #pageVisualCover{
margin:0 auto 20px auto;
height: auto;
min-height: 100px;
position: relative;
max-width: 1225px;

}


body#musical #pageVisualCover img{ width:100%;}

html.mini body#musical #pageVisualCover img{ margin:0 0px 0 0px; width:337px; }

body#musical #pageSubMenu{
margin:0 auto 20px auto;
height: auto;
min-height: 50px;
position: relative;
max-width: 1225px;

overflow: hidden;
}

body#musical #pageSubMenu ul{ margin-right:-9px;}
body#musical #pageSubMenu ul li{ width:117px; height:50px; float:left; margin:0 6px 6px 0;
overflow:hidden;
border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */

	}
body#musical #pageSubMenu ul li a{ display:block; height:50px; text-indent:-999px; overflow:hidden;}


body#musical #pageSubMenu ul li.list1 a{background:url(../../img/musical/menu/top.png) center center no-repeat #f79dc5;}
body#musical #pageSubMenu ul li.list2 a{background:url(../../img/musical/menu/news.png) center center no-repeat #f79dc5;}
body#musical #pageSubMenu ul li.list3 a{background:url(../../img/musical/menu/staffblog.png) center center no-repeat #f79dc5;}
body#musical #pageSubMenu ul li.list4 a{background:url(../../img/musical/menu/ticket.png) center center no-repeat #f79dc5;}
body#musical #pageSubMenu ul li.list5 a{background:url(../../img/musical/menu/cast_staff.png) center center no-repeat #f79dc5;}
body#musical #pageSubMenu ul li.list6 a{background:url(../../img/musical/menu/goods.png) center center no-repeat #f79dc5;}
body#musical #pageSubMenu ul li.list7 a{background:url(../../img/musical/menu/qa.png) center center no-repeat #f79dc5;}
body#musical #pageSubMenu ul li.list8 a{background:url(../../img/musical/menu/history.png) center center no-repeat #f79dc5;}

body#musical #pageSubMenu ul li a:hover { background-color:#fba7c8;}

body#musical #pageSubMenu ul li.nolink{ opacity:.5;}
body#musical #pageSubMenu ul li.nolink a:hover { background-color:#f79dc5;}



@media screen and (max-width: 1033px) {
	body#musical #pageSubMenu ul li{ width:139px; height:50px; float:left; margin:0 9px 9px 0;}
}
@media screen and (max-width: 786px) {
	body#musical #pageSubMenu ul li{ width:115px; height:50px; float:left; margin:0 8px 8px 0;}
}



	html.mini body#musical #pageSubMenu{ overflow:visible;}
	html.mini body#musical #pageSubMenu ul{ margin:0 -5px 0 0px; }
	html.mini body#musical #pageSubMenu ul li{ width:166px !important; height:50px; float:left; margin:0 5px 8px 0;}

	html.maxsize body#musical.boxList #pageSubMenu{ overflow:visible;}
	html.maxsize body#musical.boxList #pageSubMenu ul{ margin:0 -7px 0 0px; }
	html.maxsize body#musical.boxList #pageSubMenu ul li{ width:147px !important; height:50px; float:left; margin:0 7px 8px 0;}


body#musical #grid-content-entry p{ line-height:180%;}



body#musical #grid-content-entry .box 		{


									box-shadow: 0 0 4px #ccc;
									-moz-box-shadow: 0 0 4px #ccc;
									-webkit-box-shadow: 0 0 4px #ccc;
									min-height:600px;
									background:#fff;
								}

body#musical #grid-content-entry #page_musical_head{
									width: 100%;

									height:650px;

									background:url(../../img/musical/vivi_contents_kamifubuki.png);
									position:absolute;
									top:0;
									let:0;
									z-index:1;

								}

body#musical #grid-content-entry #page_musical{ z-index:2; position:relative; padding-bottom:0;}


body#musical #grid-content-entry #page_musical .shareArea		{ border:solid 0px #f30; width:160px; height:20px; position:absolute; top:10px; left:auto; right:0px;}
	body#musical #grid-content-entry #page_musical .shareArea ul	{}
	body#musical #grid-content-entry #page_musical .shareArea ul li{ float:left; margin-left:5px; padding:0;height:20px ;border:solid 0px #ccc;}
	body#musical #grid-content-entry #page_musical .shareArea ul li.facebook	{ width:70px;}
	body#musical #grid-content-entry #page_musical .shareArea ul li.twitter	{ width:70px;}





#page_musical.page_main{ padding:60px 40px 60px 40px !important;}

span.red{ color:#d81f27;}

.musicalNews{ margin-bottom:80px;}
.musicalNews ul{ border:solid 2px #0f73bf; border-width:2px 0; padding:20px 0 10px 0;}
.musicalNews ul li{ border:solid 0px #f30; margin-bottom:10px;}

.musicalNews ul li dl{ position:relative;}
.musicalNews ul li dl dt{ position:absolute; width:74px; border:solid 0px #ccc; margin-bottom:5px;}
.musicalNews ul li dl dd{ border:solid 0px #ccc; padding-left:76px;}

html.tab .musicalNews ul li dl dt,
html.mini .musicalNews ul li dl dt{ position:relative; width:auto; }

html.tab .musicalNews ul li dl dd,
html.mini .musicalNews ul li dl dd{ padding-left:0px;}

.musicalNews a{ color:#0f73bf}

.mapImage { width:120px; margin-bottom:20px; padding-top:5px;}
.mapImage img.map{ width:116px; height:116px; border:solid 2px #0f73bf;}



.castList{ margin-bottom:20px;}


	#fighter,
	#witches5,
	#tuxedo ,
	#dymone{margin-bottom:80px;}


.castList h4{ height:40px; text-indent:-9999px; overflow:hidden; }


	#starlights h4{ background:url(../../img/musical_le_mouvement_final/cast/title_starlights.png) no-repeat;}
	#animamates h4{ background:url(../../img/musical_le_mouvement_final/cast/title_animamates.png) no-repeat;}
	#shadow h4{ background:url(../../img/musical_le_mouvement_final/cast/title_shadow.png) no-repeat;}
	#tuxedo h4{ background:url(../../img/musical_le_mouvement_final/cast/title_tuxedo.png) no-repeat;}

	html.headersp .castList h4{ height:40px;}
	html.headersp #starlights h4{ background:url(../../img/musical_le_mouvement_final/cast/title_starlights_mini.png) no-repeat; background-size:contain;}
	html.headersp #animamates h4{ background:url(../../img/musical_le_mouvement_final/cast/title_animamates_mini.png) no-repeat; background-size:contain;}
	html.headersp #shadow h4{ background:url(../../img/musical_le_mouvement_final/cast/title_shadow_mini.png) no-repeat;}
	html.headersp #tuxedo h4{ background:url(../../img/musical_le_mouvement_final/cast/title_tuxedo_mini.png) no-repeat; background-size:contain;}


#droid{ margin-bottom:100px;border-bottom:dotted 0px #818181; padding-bottom:60px;}
#tuxedo{ margin-bottom:100px;}

.castList ul{ margin-bottom:0px;}
.castList ul li{ border:solid 0px #f30; margin-bottom:10px; min-height:187px;}


.castList ul li dl{ position:relative;}
.castList ul li dl dt{ position:absolute; width:187px; margin-bottom:5px;}
.castList ul li dl dd{ border:solid 0px #ccc; padding:0px 0 0 197px;}
.castList ul li dl dd p{ padding-top:10px; line-height:150% !important;}

	#blackmoon ul li dl dd{ border:solid 0px #ccc; padding:18px 0 0 197px;}

.castList ul li.blackLady{ border-top:dotted 1px #818181; padding-top:10px;}

	.castList ul li.nophoto{ min-height:inherit; margin-bottom:40px;}
	.castList ul li.nophoto dd{ padding-left:0;}


		
	.castList ul li.tuxedo dl dt{ width:217px; }
	.castList ul li.tuxedo dl dd{ border:solid 0px #ccc; padding:0px 0 0 227px;}

html.headersp .castList ul li dl{ position:relative;}
html.headersp .castList ul li dl dt{ position:relative; width:auto; margin-bottom:5px; text-align:center;}
html.headersp .castList ul li dl dt img{ width:100%;}

html.headersp .castList ul li dl dd{ border:solid 0px #ccc; padding:5px 0 20px 0px;}
html.headersp .castList ul li dl dd p{ padding-top:10px;}

html.headersp #blackmoon ul li dl{ padding-top:20px;}
html.headersp #blackmoon ul li dl dd{ border:solid 0px #ccc; padding:5px 0 20px 0px;}




.staffList dl{ position:relative; margin-bottom:40px;}
.staffList dl dt{ width:110px; margin-bottom:10px; float:left; clear:both; text-align:right;}
.staffList dl dd{ width:210px; margin-bottom:10px; float:left;}
.staffList dl .main{ font-size:150%;}

.staffList dl .mainLast{ margin-bottom:30px;}



.headersp{}

.headersp .staffList dl{ position:relative; margin-bottom:40px;}
.headersp .staffList dl dt{ width:auto; margin-bottom:5px; float:none; clear:both; text-align:left;}
.headersp .staffList dl dd{ width:auto; margin-bottom:20px; float:none; font-size:1.2em;}
.headersp .staffList dl .main{ font-size:150%;}

.staffList dl .mainLast{ margin-bottom:30px;}

.ticketDays{ clear:both; width:100%; margin-bottom:40px;}

.ticketDays dl{ border:solid 1px #818181; border-width:1px 1px 0 1px; width:auto; padding:13px 0 10px 160px; background-color:#fff; position:relative;}

.headersp .ticketDays dl{padding:50px 0 10px 10px;}

.ticketDays dl dt{ position:absolute; top:15px; left:15px; float:left; width:140px; margin-right:10px;border:solid 0px #ccc; padding:2px 0px 5px 5px; font-size:150%;}
.ticketDays dl dd{ float:left; width:80px; height:25px; margin-right:20px;border:solid 0px #ccc; padding:2px 0px 0px 10px; font-size:130%;}

.ticketDays dl dd .mark{ font-size:150%;}

.ticketDays dl.sat{ background-color:#e1ebf8;}
.ticketDays dl.sun{ background-color:#f7d9d9;}

.ticketDays dl.sat dt{ color:#0064cb;}
.ticketDays dl.sun dt{ color:#cb0000;}


.ticketDays dl.last{border-width:1px 1px 1px 1px;}



.musicalContact{ clear:both; width:100%; margin-bottom:40px; border:solid 1px #000;}
.musicalContact h4{ font-size:130%; padding:10px 10px;}
.musicalContact dl{ width:100%; border-top:solid 1px #000;}
.musicalContact dl dt{ float:left; width:160px; margin-right:10px;padding:5px 0 5px 10px;}
.musicalContact dl dd{ float:left; min-width:200px;margin-right:20px;padding:5px 0 5px 0;}


#page_musical article.ticket{ border-bottom:solid 1px #ccc;  margin-bottom:40px;}
#page_musical article.ticket.top{ border-top:solid 1px #ccc; padding-top:40px; margin-bottom:40px;}
#page_musical article.ticket h5{ font-size:1.2em; color:#0f73bf;}

table.musicalContact{}


table.musicalContact 			{
							width:100%;
							border-top:solid 0px #818181 ;
							border-left:solid 0px #818181 ;
							border-right:solid 0px #818181 ;
							border-collapse:collapse;
							border-spacing:0;

							empty-cells:show;

							margin-bottom:40px;
						}




table.musicalContact td 			{
							border-bottom:solid 0px #818181 ;
							border-right:solid 0px #818181 ;
							text-align: left;
							padding:5px;
							font-size:110%;
							vertical-align:top;

						}




.musicalSideMov{ margin-bottom:10px;}






.musicalQA{}

.musicalQA h4{ padding-top:20px; font-size:120%; font-weight:bold; margin-bottom:10px; border-top:dotted 1px #ccc; padding-top: 20px;}
.musicalQA h5{ padding-top:10px; font-size:100%; font-weight:bold; margin-bottom:5px;}

.musicalQA strong{font-weight:bold; }

.musicalQA p{ margin-bottom:1em;}

.musicalQA .red{ color:#c00 !important;}

.musicalQA  div.point{}
.musicalQA  div.point p{ padding-left:1em; text-indent:-1em;margin-bottom:0.5em;}


.musicalQA  ul.list{ list-style:disc; padding-left:20px; margin-bottom:20px;}
.musicalQA  ul.list li{ margin-bottom:0.5em;}


.musicalQA ul.kome{ margin-bottom: 0px;}
.musicalQA ul.kome li{ padding-left: 1.2em; position: relative; margin-bottom: 3px; line-height: 1.5;}
.musicalQA ul.kome li:before{ content: '※'; display: inline-block; position: absolute; top: 0; left: 0;}
.musicalQA ul.kome li.red:before{ color: #c99;}


.musicalQA .toujitsu{}

.musicalQA .toujitsu table.ticket{
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 3px solid #ec008b;
	border-left: 1px solid #ccc;
	margin-bottom: 40px;
	box-sizing: border-box;
	
	
}
.musicalQA .toujitsu table.ticket .header{}
.musicalQA .toujitsu table.ticket .header td{ background-color: #f2f2f2;}
.musicalQA .toujitsu table.ticket .type{ white-space: nowrap;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #000;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 80px !important;;
}
.musicalQA .toujitsu table.ticket td{
	box-sizing: border-box;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
	
}

.musicalQA .toujitsu table.ticket td:nth-of-type(2){ width: 250px;}
.musicalQA .toujitsu table.ticket td:nth-of-type(3){ min-width: auto;}

@media screen and (max-width: 1050px) {
	.musicalQA .toujitsu table.ticket{}
	.musicalQA .toujitsu table.ticket .header{ display: none;}
	.musicalQA .toujitsu table.ticket .type{ display: block; width: 100% !important; background-color: #f2f2f2;}
	.musicalQA .toujitsu table.ticket td{ display: block; width: 100% !important;empty-cells: hide;}
	.musicalQA .toujitsu table.ticket td.empty{ display:none !important;}
	
}




.graduation{ margin-bottom:40px; position:relative;}

.graduation .toMessageBtn{ width:171px; height:34px; position:absolute; top:352px; right:0;}
.graduation .toMessageBtn a{ display:block; height:34px; background:url(../../img/musical_le_mouvement_final/btn_message.png) no-repeat #e4007b;}
.graduation .toMessageBtn a:hover{ background-color:#f1008c;}





.ticketTable{}

/*table.ticketTable{ font-size:1.2em;  width:auto;border-collapse: collapse; margin-bottom:30px;border-bottom: solid 1px #333;border-left: solid 1px #333}
table.ticketTable tr.sat{ background-color:#eef7ff; }
table.ticketTable tr.sun{ background-color:#ffeeef; }
table.ticketTable th{ width:80px !important; padding:10px 0;border-top: solid 1px #333;border-right: solid 1px #333; font-weight:normal;}
table.ticketTable td{ text-align:center; font-size:20px; padding:10px 10px;border-top: solid 1px #333;border-right: solid 1px #333; vertical-align:middle;}
table.ticketTable .sat th{ color:#0064cb;}
table.ticketTable .sun th{ color:#cb0000;}*/





table.ticketTable{ font-size:1.2em;  width:auto;border-collapse: collapse; margin-bottom:40px;border-bottom: solid 0px #333;border-left: solid 0px #333}
table.ticketTable tr.sat{ }
table.ticketTable tr.sun{  }
table.ticketTable th{ width:60px !important; padding:5px 0;border-top: solid 0px #333;border-right: solid 0px #333; font-weight:normal;}
table.ticketTable td{ text-align:center; font-size:20px; padding:5px 5px;border-top: solid 0px #333;border-right: solid 0px #333; vertical-align:middle;}
table.ticketTable .sat th{ color:#0064cb;}
table.ticketTable .sun th{ color:#cb0000;}

table.ticketTable td.line{ text-indent:1px; background:url(../../img/musical/bg_ticket_line.png) center top repeat-y;}

table.ticketTable .sp{color:#ec008b; }
.page_main .ticketStar{ color:#ec008b; font-size:1.2em;}


table.ticketTable .noStage{ background-color:#fff; border:solid 1px #ccc; font-size:1em; letter-spacing:1em;}
table.ticketTable .noStage  span.none{}



.page_main  span.chibi,
.page_main  span.chibi2{ display:inline-block; width:20px; height:0px; padding-top:20px; line-height:100px; overflow:hidden;}

.page_main  span.chibi{ background:url(../../img/musical_le_mouvement_final/top/icon_moon.png) no-repeat; background-size:contain;}
.page_main  span.chibi2{ background:url(../../img/musical_le_mouvement_final/top/icon_star.png) no-repeat; background-size:contain;}


.page_main  span.chibi.sd{ background:url(../../img/musical_le_mouvement_final/top/icon_moon_color.png) no-repeat; background-size:contain;}
.page_main  span.chibi2.sd{ background:url(../../img/musical_le_mouvement_final/top/icon_star_color.png) no-repeat; background-size:contain;}


.sday{padding:30px; margin-bottom:60px;background-color:#f2f2f2;font-size:1.1em; position:relative;}

.sday p{ margin:0; padding-left:40px !important; text-indent:-1.5em;}

.sd_mark{ display:inline-block; height:15px; position:absolute; top:30px; left:30px;}
.sd_mark:before{ content:''; display:inline-block; width:15px; height:15px; background:url(../../img/musical_le_mouvement_final/top/icon_moon_color.png) no-repeat; background-size:contain;}
.sd_mark:after{ content:''; display:inline-block; width:15px; height:15px; background:url(../../img/musical_le_mouvement_final/top/icon_star_color.png) no-repeat; background-size:contain;}





.page_main p.chibi{ margin-bottom:60px;}
.page_main p.chibi span.chibi,
.page_main p.chibi span.chibi2{ width:12px; padding-top:12px;}

.ticketContents{}

.ticketMain{ margin-bottom:60px;}


.ticketContents h3{ font-size:1.8em !important; margin-bottom:20px; line-height:160%;}

.ticketContents h4{ font-size:1.7em !important; margin-bottom:5px; padding-top:40px;line-height:160%;}

.ticketContents h5{ font-size:1.5em !important; margin-bottom:5px;line-height:160%;}


.ticketInfo{ margin-bottom:40px; padding:10px 10px 10px 10px; border-bottom:solid 1px #ccc;}

.ticketInfo dl{ margin-bottom:0;}
.ticketInfo dl dt{ margin-bottom:5px; font-size:1.2em;}
.ticketInfo dl dd{ margin-bottom:20px; line-height:180%;}






.goodsCopy{color:#ee2a7b; font-size:2.0em; margin-bottom:40px; line-height:1.5;}
.goodsList{ position:relative;}
.goodsList li{ position:relative; overflow:hidden; min-height:100px; color:#0f73bf;border-bottom:solid 1px #f8b2d7; padding:80px 30px 40px 0; margin-bottom:40px;  background:url(../../img/musical_le_mouvement_final/goods/icon_gekijou.png) left top no-repeat;}


.goodsList li.iconKosuu{  background:url(../../img/musical_le_mouvement_final/goods/icon_kosuu.png) left top no-repeat;}
.goodsList li.iconSenkou{  background:url(../../img/musical_le_mouvement_final/goods/icon_senkou.png) left top no-repeat;}

.goodsList li.iconTsujou{  background:url(../../img/musical_le_mouvement_final/goods/icon_tsujou.png) left top no-repeat;}



.goodsList li .image{ width:45%; float:left; text-align:center; padding:0 30px; box-sizing:border-box; z-index:5; }
.goodsList li .image img{}


.goodsList li .data{ width:55%; float:left;padding:0 0px 0 0; box-sizing:border-box; font-size:1.2em; line-height:1.5; z-index:5;}

.goodsList li .collaboTag{ color:#ee2a7b; font-size:1em;}
.goodsList li h3{ color:#ee2a7b; font-size:1.8em; margin-bottom:5px; line-height:1.2;}
.goodsList li .price{ color:#999; font-size:1em; margin-bottom:20px;}
.goodsList li .variation{ color:#ee2a7b; font-size:1em; margin-bottom:5px;}

.goodsList li h3 .sub { font-size:0.5em;}

.goodsList li h4{color:#0f73bf; font-size:1.8em; margin-bottom:0px !important; line-height:1.4;}

.goodsList li.noimage{ padding-left:30px;}

.goodsList li.noimage .data{ width:100%;}

.goodsList .gray{ color:#999; font-size:1em; }

.goodsList li.iconNone{ background-image:none;}

.goodsList li .zoom{ padding-top:20px; text-align:center;}


.goodsList .premium{ padding:0 0 40px 0 !important;}
.goodsList .premium .inner{ background-color:#fff7e4;padding:120px 30px 60px 30px; position:relative; overflow:hidden; z-index:2;}

.goodsList .premium .inner.iconKosuu{  background:url(../../img/musical_le_mouvement_final/goods/icon_kosuu.png) 50px 50px no-repeat #fff7e4;}


.goodsList .premium .inner:after{
	content:'';
	width:68px;
	height:25px;
	background:url(../../img/musical_le_mouvement_final/goods/premium_mark.png) center top no-repeat;
	position:absolute; top:10px; left:50%; margin-left:-34px; z-index:10;

}

.goodsList .premium .inner .hR,
.goodsList .premium .inner .hL,
.goodsList .premium .inner .fR,
.goodsList .premium .inner .fL{ border:solid 0px #f30; width:50%; height:100px; box-sizing:border-box;}


.goodsList .premium .inner .hR{ position:absolute; top:0; right:0; z-index:3; background:url(../../img/musical_le_mouvement_final/goods/premium_h_right.png) right top no-repeat;}
.goodsList .premium .inner .hL{ position:absolute; top:0; left:0; z-index:3; background:url(../../img/musical_le_mouvement_final/goods/premium_h_left.png) left top no-repeat;}

.goodsList .premium .inner .fR{ position:absolute; bottom:0; right:0; z-index:3; background:url(../../img/musical_le_mouvement_final/goods/premium_f_right.png) right bottom no-repeat;}
.goodsList .premium .inner .fL{ position:absolute; bottom:0; left:0; z-index:3; background:url(../../img/musical_le_mouvement_final/goods/premium_f_left.png) left bottom no-repeat;}


	html.middle{}


	html.middle .goodsCopy{}
	html.middle .goodsList{}

	html.middle .goodsList li{ padding:80px 0px 40px 0; margin-bottom:40px;}


	html.middle .goodsList li .image{ width:100%; float:none; text-align:center; padding:0 0px 0 0; margin-bottom:20px; }

	html.middle .goodsList li .data{ width:100%; float:none;padding:0 0px 0 0; }

	html.middle .goodsList .premium .inner{ padding:120px 50px 60px 50px !important;}


	html.tab .goodsCopy{}
	html.tab .goodsList{}
	html.tab .goodsList li{ padding:80px 0px 40px 0; margin-bottom:40px;}


	html.tab .goodsList li .image{ width:100%; float:none; text-align:center; padding:0 0px 0 0; margin-bottom:20px; }

	html.tab .goodsList li .data{ width:100%; float:none;padding:0 0px 0 0; }

	html.tab .goodsList .premium .inner{ padding:120px 50px 60px 50px !important;}




.titleHokkaido{
	width:100%;
	max-width:320px;
	box-sizing:border-box;
	margin:0 auto 60px auto;
	background-color:#e71988;
	padding:10px 20px;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	}

#pageInclude div.page_main .titleHokkaido img{ vertical-align:middle !important;}

.endStage{ border:solid 0px #ccc; margin-bottom:80px; position:relative;}

.endStage:before{
	content:'公演終了';
	display:inline-block;
	background-color:#666;
	color:#fff;
	font-size:10px;
	line-height:1;
	padding:5px 10px;
	text-align:center;
	position:absolute;
	top:5px;
	right:0;
	border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
}


.endStage .more{ display:inline-block; padding:10px 20px; background-color:#0f73bf; color:#fff; text-align:center; position:relative; cursor:pointer;}
.endStage .more span{ display:inline-block; padding-left:15px;}

.endStage .more:before{
	content:'▼';
	display:block;
	color:#fff;
	line-height:1;
	position:absolute;
	top:12px;
	left:17px;
	 -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.endStage .more.close{ margin-bottom:20px;}

.endStage .more.close:before{
content:'×';

}


.endStage .hideData{ display:none;}










.pastTicket{ border:solid 0px #ccc; margin-bottom:40px; position:relative; padding-top:40px;}

.pastTicket h3.price{ font-size:1.3em; margin-bottom:20px;}


.pastTicket .more{ display:inline-block; padding:10px 20px; background-color:#0f73bf; color:#fff; text-align:center; position:relative; cursor:pointer; font-size:1.3em;}
.pastTicket .more span{ display:inline-block; padding-left:15px;}

.pastTicket .more:before{
	content:'▼';
	display:block;
	color:#fff;
	line-height:1;
	position:absolute;
	top:10px;
	left:17px;
	 -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.pastTicket .more.close{ margin-bottom:20px;}

.pastTicket .more.close:before{
content:'×';

}


.pastTicket .hideData{ display:none;}


.stageList{ margin-bottom:40px;}
.stageList ul{ overflow:hidden;}
.stageList ul li{ float:left; width:32.666%;margin:0 1% 10px 0;}
.stageList ul li:last-child{ margin-right:0;}

.stageList ul li a{ position:relative; display:block; text-align:center; padding:10px 10px 20px 10px; border-radius:5px; background-color:#0f73bf; color:#fff; text-decoration:none; font-size:0.9em; line-height:1.4;}
.stageList ul li a:hover{ background-color:#1182d4;}
.stageList ul li a:after{ content:'▼'; display:inline-block; width:100%; text-align:center; position:absolute; bottom:5px; left:0; color:#fff;}

.stageList ul li a strong{ display:block; margin-bottom:5px; font-size:1.5em; font-weight:normal !important;}
.stageList ul li a .date{ font-size:1.3em;margin-bottom:5px; }

/*

.stageList{ margin-bottom:40px;}
.stageList ul{ overflow:hidden;}
.stageList ul li{ float:left; width:32.666%;margin:0 1% 0 0;}
.stageList ul li:last-child{ margin-right:0;}

.stageList ul li a{ position:relative; display:block; text-align:center; padding:10px 10px 20px 10px; border-radius:5px; background-color:#0f73bf; color:#fff; text-decoration:none; font-size:0.9em; line-height:1.4;}
.stageList ul li a:hover{ background-color:#1182d4;}
.stageList ul li a:after{ content:'▼'; display:inline-block; width:100%; text-align:center; position:absolute; bottom:5px; left:0; color:#fff;}

.stageList ul li a strong{ display:block; margin-bottom:5px; font-size:1.5em; font-weight:normal !important;}*/

.beyond2020{ position:relative; text-align:right; padding-top:20px;}
.beyond2020 img{ width:100px; height:auto; position:absolute; bottom:0; right:0;  vertical-align:bottom;}
.beyond2020 a:hover,
.beyond2020 a:hover img{ opacity:1 !important;}


.headersp .beyond2020{ position:relative; text-align:left; padding-top:20px;}
.headersp .beyond2020 img{ width:100px; height:auto; position:relative; bottom:0; right:0;  vertical-align:bottom;}


.headersp .stageList ul li{ float:left; width:100%;margin:0 0 10px 0;}


@media screen and (max-width: 786px) {
	
}