/*second page style*/


/* outline */
.outline{
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 0 .5em;
}
.outline li{
	display: table;
	padding: 1em 0;
}
.outline li p{
	display: table-cell;
	padding: 0 1.5em;
	font-size: 1.24em;
	text-align: left;
	font-weight: 700;
}
.outline li p:first-child{ color: #444; min-width: 140px;}

@media screen and (max-width: 768px) {
	.outline{ padding: 0 .5em; }
	.outline li{ display: block; padding: .5em 0; }
	.outline li p{ display: block; padding: 0; }
	.outline li p:first-child{ font-weight: 300; font-size: .942em; }
	.outline li p:last-child{ font-size: 1.1em; }
}

/* artist */
/* top-a */
.artist h3{
	position: relative;
	padding: .5em 0;
	background: #a20000;
	font-size: 1.6em;
	font-weight: 700;
	color: white;
	/*margin-left: -33px;*/
	line-height: 1.3;
	z-index:2;
}
/*.artist h3::before {
	position: absolute;
	content: '';
	left: -2px;
	top: -2px;
	border: none;
	border-left: solid 40px #fbf5f0;
	border-bottom: solid 79px transparent;
	z-index:1;
}
.artist h3::after {
	position: absolute;
	content: '';
	right: -3px;
	top: -7px;
	width: 0;
	height: 0;
	border: none;
	border-left: solid 40px transparent;
	border-bottom: solid 79px #fbf5f0;
	z-index: 1;
}*/
.glid-a{
	position: relative;
	margin: 1em auto;
}
.glid-a li{
	width: 22.2222%;
	display: inline-block;
	border: 1px solid #a20000;
	padding: .5em;
	margin: 0 0 .5em;
}
.glid-a li a img{ width: 100%; }
.glid-a li a{ display: block; position: relative; }
.glid-a li a p:last-child{
	color: #000;
	margin-top: .5em;
}
.glid-a li.new a::after{
	content: 'NEW!';
	position: absolute;
	background: #a20000;
	color: #fff;
	padding: .35em .5em;
	font-size: .762em;
	top:0;
	left: 0;
}
p.amr{
	font-family: 'Francois One', sans-serif;
	font-size: 1.5em;
  	font-style: italic;	
}
@media screen and (max-width: 768px) {
	.artist h3{ font-size: 1em; width: 100%; margin-left: auto;padding: .75em 0;}
	.glid-a a p{ font-size: .84em; }
	.artist h3::before {
		border:none;
	}
	.artist h3::after {
		border:none;
	}
	.glid-a li{width:42.222%;}
}

/* news */
.newsContents{
	position: relative;
	padding: 0 0;
	margin: 0 auto;
	border-top: 2px dotted #a20000;	
}
.newsContents li{
	display: table;
	position: relative;
	width: 100%;
	margin: 0 auto;
	border-bottom: 2px dotted #a20000;
}
.newsContents li div{
	display: table-cell;
	vertical-align: middle;
	padding: .75em;
}
.newsContents li div.i-catch{ width: 200px; margin: 0 auto;}
.newsContents li div.i-catch img{ width: 100%; }
.newsContents li div p{	text-align: left;}
.newsContents li div p a{ color: #a20000;}
.newsContents li div p.bt-link{margin-top: 1em;}
.newsContents li div p.bt-link a{
	padding: .2em .75em;
	text-align: center;
	color: #fff;
	background: #a20000;
}
.newsContents p{ font-size: .88em; }
.newsContents p.date{ font-size: .742em; }
.newsContents p.nTit{ font-size: 1.15em; font-weight: 700; }

@media screen and (max-width: 768px) {
	.newsContents li,.newsContents li div{display: block;}
	.newsContents li div p{ font-size: .886em; }
	.newsContents li div.i-catch{ width: 100px; margin: 0 auto;}
	.newsContents p.nTit{ font-size: 1em; }
}


/* TIME TABLE */
#tt p img{ width: 100%; }
#tt p.bt_dl{margin: 1.5em auto;}
#tt p.bt_dl a{ 
	width: 60%;
	margin: 0 auto;
	display: block;
	color: #fff;
	padding: .75em .75em;
	background-color: #a20000;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 2px 4px #881f1f;
	-webkit-box-shadow: 0 2px 4px #881f1f;
	-moz-box-shadow: 0 2px 2px #881f1f;
	font-weight: 700;
}
@media screen and (max-width: 768px) {
	#tt p.bt_dl a{width: 80%;}
}