@charset "utf-8";

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */
#stage-tab
{
	
}
#stage-tab ul,
#stage-tab ul li
{
	padding:0;
	margin:0;
	list-style:none;
}
#stage-tab ul
{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:stretch;
    align-content:stretch;
    
    border-bottom:1px solid #333333;
}
#stage-tab ul li
{
	border:1px solid #333333;
	
	margin-left:-1px;
	margin-bottom:-1px;
	
	border-radius:0.5em 0.5em 0.0em 0.0em;
	
	background-color:#FFFFFF11;
}
#stage-tab ul li:first-child
{
	margin-left:0px;
}
#stage-tab ul li.active
{
}
#stage-tab ul li a
{
	display:block;
	padding:1em;
}
#stage-tab ul li a:hover
{
	opacity:0.7;
}

.stage-manu,
.stage-manu li
{
	padding:0;
	margin:0;
	list-style:none;
}
.stage-manu
{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:stretch;
    align-content:stretch;
    
    margin-top:1em;
    margin-bottom:1em;
}
.stage-manu li
{
	flex:1 0 auto;
}
.stage-manu li a
{
	display:block;
	text-align:center;
}
.stage-manu li a span.main
{
	font-size:1.5em;
}
.stage-manu li a:hover
{
	opacity:0.7;
}

.cast-title
{
	
}
.cast-tile
{

}
.cast-tile .cast-tile-item
{

}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1100px) {
}


/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.stage-manu,
	.stage-manu li
	{
		padding:0;
		margin:0;
		list-style:none;
	}
	.stage-manu
	{
	    display:flex;
	    flex-direction:row;
	    flex-wrap:nowrap;
	    justify-content:center;
	    align-items:stretch;
	    align-content:stretch;
	    
	    margin-top:1em;
	    margin-bottom:1em;
	}
	.stage-manu li
	{
		flex:1 0 auto;
	}
	.stage-manu li a
	{
		display:block;
		text-align:center;
	}
	.stage-manu li a span.main
	{
		font-size:1.0em;
	}
	.stage-manu li a:hover
	{
		opacity:0.7;
	}
}