@charset "UTF-8";

/*
======== table of content. ===============

summary:トップページ要素

==========================================
*/

.home #gnavi { background-color:rgba(224,228,237,0.95);  }

#promo { position:relative; height:480px; margin-top:-41px; margin-bottom:15px; }
.tablet #promo { margin-top:-60px; }

#slider_home { height:480px; }

#slider_home li { background-repeat:no-repeat; background-position: center center; height:480px; }
#slider_home li a { position:relative; z-index:50; }
#slider_home li a.header_link { display:block; height:480px; }

@media screen and (min-width: 1420px) {
	#slider_home li#mp,
	#slider_home li#qsai,
	#slider_home li#report { background-size: 100% auto; }
}

@media screen and (max-width: 767px) {
	#promo { margin-top:0; }
	#promo, #slider_home, #slider_home li { height:360px; }
}

/* [4 inch iPhone and iPod] : iPhone 5, 5s, 5c, iPod touch 5 */
@media only screen
 and (device-height: 568px),
only screen
 and (device-width: 568px) {
	#promo, #slider_home, #slider_home li { height:325px; }
}

#slider_home li#mp { background-image:url(/musicpark/home/images/promo_mp.jpg); }
#slider_home li#miku { background-color:#000; background-image:url(/musicpark/home/images/promo_miku.jpg); }
#slider_home li#bassday { background-color:#000; background-image:url(/musicpark/home/images/promo_bassday.jpg); }
#slider_home li#qsai { background-image:url(/musicpark/home/images/promo_qsai.jpg); }
#slider_home li#event { background-color:#000; background-image:url(/musicpark/home/images/promo_event.jpg); }
#slider_home li#kamen { background-color:#fff; background-image:url(/musicpark/home/images/promo_kamen.jpg); }
#slider_home li#dorapara { background-color:#f1f1f1; background-image:url(/musicpark/home/images/promo_dorapara.jpg); }
#slider_home li#thanks { background-color:#fbfbfb; background-image:url(/musicpark/home/images/promo_thanks.jpg); }
#slider_home li#report { background-color:#000; background-image:url(/musicpark/home/images/promo_report.jpg); }

.tablet #promo #slider_home li#event,
.tablet #promo #slider_home li#bassday,
.tablet #promo #slider_home li#miku,
.tablet #slider_home li#dorapara,
.tablet #slider_home li#kamen,
.tablet #slider_home li#thanks { background-size:1150px auto; }

@media screen and (max-width: 767px) {
	#slider_home li#mp { background-image:url(/musicpark/home/images/promo_mp_sp.jpg); background-size:auto 100%; }
	#slider_home li#miku { background-image:url(/musicpark/home/images/promo_miku_sp.jpg); background-size:auto 100%; }
	#slider_home li#bassday { background-image:url(/musicpark/home/images/promo_bassday_sp.jpg); background-size:auto 100%; }
	#slider_home li#qsai { background-image:url(/musicpark/home/images/promo_qsai_sp.jpg); background-size:cover; }
	#slider_home li#kamen { background-image:url(/musicpark/home/images/promo_kamen_sp.jpg); background-size:cover; }
	#slider_home li#event { background-image:url(/musicpark/home/images/promo_event_sp.jpg); background-size:auto 100%; }
	#slider_home li#dorapara { background-image:url(/musicpark/home/images/promo_dorapara_sp.jpg); background-size:cover; }
	#slider_home li#thanks { background-image:url(/musicpark/home/images/promo_thanks_sp.jpg); background-size:cover; background-repeat:no-repeat; }
	#slider_home li#report { background-image:url(/musicpark/home/images/promo_report_sp.jpg); background-size:cover; background-repeat:no-repeat; }
}

#slider_home li#mp h2,
#slider_home li#bassday p,
#slider_home li#miku p,
#slider_home li#qsai p,
#slider_home li#event p,
#slider_home li#dorapara p,
#slider_home li#kamen p,
#slider_home li#thanks,
#slider_home li#report { text-indent:100%; line-height:4; white-space:nowrap; overflow:hidden; }
#mv_date { display:block; width:600px; margin:250px auto 0; padding-top:20px; /* background:url(/home/images/bg_teaser_date.png) no-repeat center top; */ background-color: rgba(255,255,255,0.9); border-radius:3px; -webkit-box-shadow: 0px 2px 2px 0px rgba(150,150,150,0.8);
-moz-box-shadow: 0px 2px 2px 0px rgba(150,150,150,0.8);
box-shadow: 0px 2px 2px 0px rgba(150,150,150,0.8); }
#slider_home li#mp h3 { padding-bottom:20px; /* background:url(/home/images/bg_teaser_date.png) no-repeat center bottom; */ color:#242c4f; font-size:28px; line-height:35px; font-weight:bold; text-align:center; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); }
			#slider_home li#mp h3 .teaser_date { color:#e73828; }
			#slider_home li#mp h3 .teaser_date .time { font-size:20px; }
			#slider_home li#mp h3 .teaser_venue { font-size:25px; }
			#slider_home li#mp h3 .teaser_venue a { color:#5e5eb4; text-decoration:underline; }
			#slider_home li#mp h3 .teaser_venue a:hover { color:#242c4f; }
			
@media screen and (max-width: 767px) {
	#mv_date { width:auto; margin:180px 20px 20px 20px; padding-top:10px; }
	#slider_home li#mp h3 { padding-bottom:10px; font-size:14px; line-height:20px; }
	#slider_home li#mp h3 .teaser_date .time { font-size:12px; }
	#slider_home li#mp h3 .teaser_venue { font-size:13px; }
}

#news { float:left; width:775px; }
	#news_list {  }
	#news_list li { float:left; margin-right:20px; margin-bottom:20px; }
		#news_list li a, #news_list li span { display:block; width:243px; border:1px solid #ddd; text-decoration:none; }
		.news #news_list li a, .news #news_list li span { border-color:#777e8b; }
		#news_list li a:hover { opacity:.7; }
		#news_list li span p,
		#news_list li a p { min-height:110px; margin:5px 10px; font-size:12px; text-decoration:none; }
		#news_list li a p { padding-right:20px; background:url(/musicpark/home/images/icon_news.png) no-repeat right center; color:#333; }
		#news_list li .txt_new { position:relative; top:-1px; display:inline-block; width:auto; padding:3px 4px 2px 4px; line-height:100%; background:#fe0000; border:none; border-radius:3px; color:#fff; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
	#news_list li:nth-child(3n) { margin-right:0; }
	
	.home #news_list li:nth-child(n + 10) { display:none; }
	
#special { float:right; width:250px; }
	#mf2016 { position:relative; left:-3px; }
	
#mp_sns {  }
	.fb_tl { float:left; }
	.tw_tl { float:right; }
	.fb_tl,.tw_tl { width:365px; }
	.tablet .fb_tl,.tablet .tw_tl { max-width:350px!important; }
	.tablet .tw_tl { float:left; margin-left:20px; }
	
@media screen and (max-width: 767px) {
	#home_main { }
	#news,#special { width:auto; float:none; } 
	#news_list,
	#special_inner,
	#mp_sns { padding:0 10px; }
	#news_list li { margin-right:0; margin-bottom:10px; }
	#special_inner li { margin-left:30px; margin-right:30px; margin-bottom:10px; }
	#news_list li { width:49%; }
	#news_list li img,
	#special_inner li img { width:100%; height:auto; }
	#news_list li:nth-child(2n+1) { clear:both; float:left; }
	#news_list li:nth-child(2n) { float:right; }
	#news_list li a, #news_list li span { width:auto; border-color:#ddd; }
	.news #news_list li a, .news #news_list li span { border-color:#777e8b; }
	.fb_tl,.tw_tl,.ig_tl { float:none; margin-right:0; margin-bottom:20px; }
	.fb_tl,.tw_tl,.ig_tl { width:auto; }
	.fb_tl, .tw_tl { display: block!important; max-width:320px!important; margin-left:auto!important; margin-right:auto!important; }
	#news_list li span p,
	#news_list li a p { min-height:150px; }
	.android #news_list li a p, .android #news_list li span p { min-height:165px; }
	
	.news_title { float:left; }
	.news_list_all { float:right; margin-top:10px; margin-right:5px; text-align:right; }
	.home #news_list li:nth-child(n + 9) { display:none; }
}

/* [4 inch iPhone and iPod] : iPhone 5, 5s, 5c, iPod touch 5 */
@media only screen
 and (device-height: 568px),
only screen
 and (device-width: 568px) {
	#news_list li span p,
	#news_list li a p { min-height:170px; }
}