@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*Rockin' Radio [INDEX PAGE]*/
/*----------------------------------------------*/
/*Created: 2014.02.28*/
/*Last Update:	2016.02.22*/
/*----------------------------------------------*/




/*INDEX*/

/*ARTIST*/
/*----[ ARTIST BOX ]----*/


/*MOVIE*/
/*----[ VIDEO FRAME ]----*/
/*----[ YOUTUBE 802 BTN ]----*/


/*C.CONTENT*/
/*----[ TICKET SALE ]----*/
/*----[ EVENT INFORMATION ]----*/
/*----[ HISTORY ]----*/
/*----[ SIDEBNR ]----*/









/*----------------------------------------------*/
/*ARTIST*/
/*----------------------------------------------*/

#artist {
width:960px;
height:auto;
margin:0 auto;
padding:30px 0 45px;
display:-ms-flex;
display:-moz-flex;
display:-webkit-flex;
display:flex;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}





/*----[ ARTIST BOX ]----*/
#artist .a-frame {
width:20%;
height:auto;
margin:0;
padding:1px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
vertical-align:top;
}
/*(ie9)*/
.ie9 #artist .a-frame { float:left; }
.ie9 #artist.artist-frame:after {content:""; display:table; clear:both;}

#artist .a-frame .in-box {
width:100%;
height:auto;
margin:0;
padding:5px;
background:url(../images/bg_black_line.png) repeat 0 0;
box-shadow:1px 1px 2px rgba(0,0,0,0.4);
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
-ms-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
-o-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
position:relative;
}
#artist .a-frame figure {
width:auto;
height:auto;
margin:0;
padding:0;
background:#111;
}
#artist .a-frame figure img {
margin:0;
padding:0;
vertical-align:bottom;
border:1px solid #FFDE00;
}
#artist .a-frame figure a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
#artist .a-frame h3 {
font-size:0.95em;
font-weight:bold;
color:#FFDE00;
margin:0;
padding:0.7em 0 0 0;
text-align:center;
text-shadow:1px 1px 2px rgba(0,0,0,1.00);
}

/*[TITLE BOX]*/
#artist .a-frame.a-ttl .in-box {
display:table;
}
#artist .a-frame.a-ttl .in-box figure {
text-align:center;
display:table-cell;
vertical-align:middle;
padding:0 2em;
}
#artist .a-frame.a-ttl figure img {
width:auto;
height:auto;
border:none;
}



@media screen and (max-width:960px) {
#artist {
width:auto;
}


}



@media screen and (max-width:800px) {
/*----[ ARTIST BOX ]----*/
#artist .a-frame {
width:25%;
}


}



@media screen and (max-width:680px) {
/*----[ ARTIST BOX ]----*/
#artist .a-frame {
width:33.3333%;
}


}



@media screen and (max-width:480px) {
/*----[ ARTIST BOX ]----*/
#artist .a-frame {
width:50%;
}


}










/*----------------------------------------------*/
/*B.MOVIE*/
/*----------------------------------------------*/

#movie {
width:960px;
height:auto;
margin:0 auto;
padding:0;
text-align:center;
}
.move-slide {
width:auto;
height:auto;
min-height:400px;
}





/*----[ VIDEO FRAME ]----*/
.video-wrapper {
width:560px;
max-width:100%;
margin:0 auto;
padding:0;
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, 
.video-container object, 
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}





/*----[ YOUTUBE 802 BTN ]----*/
.btn-yt-802 {
width:352px;
height:43px;
margin:0 auto 50px;
padding:0;
list-style:none;
}
.btn-yt-802 li {
margin:0;
padding:0;
}
.btn-yt-802 li a {
width:352px;
height:43px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../images/btn_yt_802.png) no-repeat 0 0;
display:block;
overflow:hidden;
text-decoration:none;
}
.btn-yt-802 li a:hover {
background-position:0 -43px;
}



@media screen and (max-width:960px) {
#movie {
width:auto;
height:auto;
margin:0;
}


}



@media screen and (max-width:640px) {
/*----[ VIDEO FRAME ]----*/
.move-slide {
min-height:0;
}





/*----[ YOUTUBE 802 BTN ]----*/
.btn-yt-802 {
margin:0 auto 3em;
padding:1em 0 0;
}


}



@media screen and (max-width:360px) {
/*----[ VIDEO FRAME ]----*/
.move-slide {
min-height:0;
}





/*----[ YOUTUBE 802 BTN ]----*/
.btn-yt-802 {
width:260px;
height:32px;
}
.btn-yt-802 li a {
width:260px;
height:32px;
margin:0;
background:url(../images/btn_yt_802.png) no-repeat 0 0;
background-size:260px auto;
-webkit-background-size:260px auto;
-moz-background-size:260px auto;
}
.btn-yt-802 li a:hover {
background-position:0 0;
}


}










/*----------------------------------------------*/
/*C.CONTENT*/
/*----------------------------------------------*/

#c-frame {
width:515px;
height:auto;
padding:0 27px 27px;
background:#111;
border:3px solid #FFDB00;
}

#c-frame .cf-ttl {
width:575px;
height:48px;
margin-left:-38px;
margin-top:-8px;
}
#c-frame .cf-ttl img {
margin:0;
padding:0;
vertical-align:bottom;
}

#c-frame .c-inner {
width:auto;
height:auto;
margin:27px 0 0;
position:relative;
}



@media screen and (max-width:960px) {
#c-frame {
height:auto;
padding:0 27px 27px;
background:#111;
border:3px solid #FFDB00;
width:auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}
#c-frame .cf-ttl {
width:575px;
height:48px;
margin-left:-38px;
margin-top:-8px;
/**/
width:auto;
}
#c-frame .cf-ttl img {
margin:0;
padding:0;
vertical-align:bottom;
}
#c-frame .c-inner {
width:auto;
height:auto;
margin:27px 0 0;
position:relative;
}


}



@media screen and (max-width:640px) {
#c-frame {
padding:0 15px 15px;
border:2px solid #FFDB00;
}

#c-frame .c-inner {
margin:18px 0 0;
}

}


@media screen and (max-width:480px) {
#c-frame .c-inner {
margin:0 0 18px;
}


}





/*----[ TICKET SALE ]----*/
#c-frame.ticket-sale {
margin-bottom:25px;
}
#c-frame.ticket-sale .c-inner.prg,
#c-frame.ticket-sale .c-inner.official {
padding-right:0;
}

/*TITLE*/
#c-frame.ticket-sale h3 {
margin:0 0 5px;
padding:0;
}
#c-frame.ticket-sale h3 img {
margin:0;
padding:0;
vertical-align:bottom;
}

/*ENTRY*/
#c-frame.ticket-sale h4 {
font-size:1.0em;
font-weight:bold;
color:#FFF;
margin:0 0 12px;
padding:0;
}
#c-frame.ticket-sale h4 span {
display:block;
font-size:0.9em;
font-weight:normal;
}

/*TEXT*/
#c-frame.ticket-sale .ts-txt {
font-size:0.9em;
margin:0;
padding:0;
}

/*QR CODE*/
#c-frame.ticket-sale .c-inner {
padding-right:100px;
}
#c-frame.ticket-sale .ts-qr {
margin:0;
padding:0;
position:absolute;
top:0;
right:0;
}
#c-frame.ticket-sale .ts-qr img {
margin:0;
padding:0;
vertical-align:bottom;
}

/*PRGRAM LIST*/
#c-frame.ticket-sale .ts-program {
width:auto;
height:auto;
margin:0;
padding:0;
}
#c-frame.ticket-sale .ts-program dt {
font-size:0.9em;
margin:0;
padding:3px 0 3px 18px;
white-space:nowrap;
text-align:left;
color:#FFF;
float:left;
background:url(../images/icon_star.png) no-repeat left 6px;
}
#c-frame.ticket-sale .ts-program dd {
font-size:0.9em;
font-weight:bold;
margin:0;
padding:3px 0 3px 130px;
color:#FFDE00;
border-bottom:1px dotted #B9B9B9;
}
#c-frame.ticket-sale .ts-program dt:first-child + dd {
border-top:1px dotted #B9B9B9;
}
#c-frame.ticket-sale .ts-program dd span {
font-size:0.9em;
font-weight:normal;
color:#FFF;
}

/*TEXT LINK*/
#c-frame.ticket-sale .btn-entry-ticket {
margin:0;
padding:0;
list-style:none;
}
#c-frame.ticket-sale .btn-entry-ticket li {
font-size:1.0em;
font-weight:bold;
margin:0;
padding:0 0 0 20px;
background:url(../images/icon_arrow_circle.png) no-repeat left center;
}
#c-frame.ticket-sale .btn-entry-ticket li a.a-blank {
color:#FFDE00;
text-decoration:underline;
padding-right:15px;
background:url(../images/icon_blank.png) no-repeat right 2px;
}
#c-frame.ticket-sale .btn-entry-ticket li a:hover {
text-decoration:none;
}

#c-frame.ticket-sale a {
color:#FFDE00;
}


@media screen and (max-width:640px) {
/*QR CODE*/
#c-frame.ticket-sale .c-inner {
padding-right:0;
}
#c-frame.ticket-sale .ts-qr {
display:none;
}


}





/*----[ EVENT INFORMATION ]----*/
#c-frame.event-info {
margin-bottom:25px;
}
#c-frame.event-info .c-inner {
padding-right:0;
padding-left:0;
}

/*TITLE*/
#c-frame.event-info h3 {
font-size:1.1em;
font-weight:bold;
margin:0 0 12px;
padding:0;
color:#FFDE00;
}
#c-frame.event-info h3 span {
display:block;
font-size:0.85em;
}

/*LIST*/
#c-frame.event-info ul {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
#c-frame.event-info ul li {
font-size:0.9em;
margin:0 0 4px;
padding:0 0 0 12px;
background:url(../images/icon_circle.png) no-repeat left 5px;
}
#c-frame.event-info ul li:last-child {
margin:0;
}
#c-frame.event-info ul li a {
color:#FFDE00;
}

/*TEXT*/
#c-frame.event-info .ts-txt {
font-size:0.9em;
margin:0;
padding:0;
}

/*TEXT LINK*/
#c-frame.event-info .btn-entry-ticket li a.a-blank {
color:#FFDE00;
text-decoration:underline;
padding-right:15px;
background:url(../images/icon_blank.png) no-repeat right 2px;
}
#c-frame.event-info .btn-entry-ticket li a:hover {
text-decoration:none;
}

#c-frame.event-info a {
color:#FFDE00;
}


/*----[ RECOMMEND ]----*/
#c-frame.recommend {
margin-bottom:25px;
}
#c-frame.recommend .c-inner {
padding-top:0;
padding-right:0;
padding-left:15px;
background:url(../images/line_srash.png) repeat-y 0 0;
}

/*TITLE*/
#c-frame.recommend .c-inner hgroup {
width:320px;
height:auto;
margin:0;
padding:0;
float:left;
}
#c-frame.recommend .rh-date {
font-size:1.0em;
font-weight:bold;
margin:0 0 12px;
padding:0;
color:#FFDE00;
}
#c-frame.recommend .rh-date span {
display:block;
font-size:0.9em;
}

/*TEXT*/
#c-frame.recommend .rh-txt {
font-size:0.9em;
margin:0;
padding:0;
}

/*PHOTO LIBRARY*/
#c-frame.recommend .rh-library {
width:170px;
height:auto;
margin:0;
padding:0;
list-style:none;
float:right;
}
#c-frame.recommend .rh-library li {
width:160px;
height:auto;
margin:0 5px 5px 0;
padding:0;
float:left;
}
#c-frame.recommend .rh-library li img {
margin:0;
padding:0;
vertical-align:bottom;
}


@media screen and (max-width:959px) {
#c-frame.recommend .c-inner {
padding-bottom:.5em;
}

/*TITLE*/
#c-frame.recommend .c-inner hgroup {
width:auto;
margin-bottom:1em;
float:none;
}

/*PHOTO LIBRARY*/
#c-frame.recommend .rh-library {
width:auto;
float:none;
}
#c-frame.recommend .rh-library li {
width:25%;
margin:0;
float:left;
}


}



/*----[ HISTORY ]----*/
#c-frame.rr-history {
margin-bottom:0;
}
#c-frame.rr-history .c-inner {
padding-top:0;
padding-right:0;
padding-left:15px;
background:url(../images/line_srash.png) repeat-y 0 0;
}

/*TITLE*/
#c-frame.rr-history .c-inner hgroup {
width:320px;
height:auto;
margin:0;
padding:0;
float:left;
}
#c-frame.rr-history .rh-date {
font-size:1.0em;
font-weight:bold;
margin:0 0 12px;
padding:0;
color:#FFDE00;
}
#c-frame.rr-history .rh-date span {
display:block;
font-size:0.9em;
}

/*TEXT*/
#c-frame.rr-history .rh-txt {
font-size:0.9em;
margin:0;
padding:0;
}

/*PHOTO LIBRARY*/
#c-frame.rr-history .rh-library {
width:170px;
height:auto;
margin:0;
padding:0;
list-style:none;
float:right;
}
#c-frame.rr-history .rh-library li {
width:80px;
height:auto;
margin:0 5px 5px 0;
padding:0;
float:left;
}
#c-frame.rr-history .rh-library li img {
margin:0;
padding:0;
vertical-align:bottom;
}


@media screen and (max-width:959px) {
#c-frame.rr-history .c-inner {
padding-bottom:.5em;
}

/*TITLE*/
#c-frame.rr-history .c-inner hgroup {
width:auto;
margin-bottom:1em;
float:none;
}

/*PHOTO LIBRARY*/
#c-frame.rr-history .rh-library {
width:auto;
float:none;
}
#c-frame.rr-history .rh-library li {
width:25%;
margin:0;
float:left;
}


}


/*----[ SIDEBNR ]----*/

.side-bnr {
    background-color: black;
    padding: 10px;
    max-width: 300px;
    margin: 1.5rem auto;
}
.sponcer-bnr {
	margin-top: 1.3rem;
}



/* yoshida hacked */
	#artist {
		justify-content: center;
	}
	#artist .a-frame {
		width: 25%;
	}
	@media screen and (max-width:680px) {
		/*----[ ARTIST BOX ]----*/
		#artist .a-frame {
		width:50%;
		}
	}
	@media screen and (max-width:480px) {
	/*----[ ARTIST BOX ]----*/
	#artist .a-frame {
		width:50%;
		}
	}
	.flex-control-nav li {
		width:80px;
		max-width:100%;
	}
  .txt-small {font-size: 90%;}
  .txt-bold{font-weight: bold;}
  .border-b{border-bottom:1px dashed #FFF; margin-bottom: 20px; padding-bottom: 10px;}
  #c-frame.ticket-sale .c-inner{padding-right: 0;}


	.newsinfo {
		background-color: rgba(255,255,255,.6);
		width: 100%;
		max-width: 960px;
		margin: 2rem auto;
	}
	.newsinfo .inner {
		width: calc(100% - 80px);
		margin: 20px;
		padding: 20px;
		background-color: #111;
		border: 3px solid #FFDB00;
		color: #FFF;
	}
	.newsinfo .inner h3 {
		font-size: 1rem;
		padding-bottom: .5rem;
		margin-bottom: .5rem;
		border-bottom: 2px solid #FFDB00;
	}
	.newsinfo .inner aside {
		font-size: .8rem;
		margin-bottom: 1rem;
	}