@charset "utf-8";
@import "/css/header_style.css?20201109";
/* 
		ライブレポートコンテンツ用CSS
    Created on : 2016/04/01, 13:39:17
    Author     : creft
*/

body.livereport .banner728{
				margin-top:30px !important;
}

#livereport_contents{
				width:990px;
				margin:61px auto 20px auto;
				background:url("/libs/img/common/bg_side_320.gif") repeat-y right top;
}
#livereport_contents img{
				border:0px;
}
#livereport_contents .left{
				float:left;
				width:660px;
				background:#FFF;
				margin-top:-30px;
}

#livereport_contents .right{
				float:right;
				width:300px;
				padding:0px 10px;
}

#livereport_contents .left #livereport_ttl{
				border-bottom:6px solid #000;
				height:30px;
				padding:0px 2px;
}
#livereport_contents .left #livereport_ttl h2{
				float:left;
				width:210px;
				height:26px;
}
#livereport_contents .left #livereport_ttl .news_link{
				float:right;
				width:167px;
				height:24px;
				margin-top:1px;
}

#livereport_contents .left #livereport_list{
				/*border-top:25px solid #666666;*/
				background:#DEDEDE;
				padding:0px 0px 22px 0px;
}
#livereport_contents .left #livereport_list #update_date{
				line-height:25px;
				height:25px;
				background:#666666;
				font-size:14px;
				/*font-weight:bold;*/
				color:#FFF;
				padding:0px 18px;
				text-align:right;
}

#livereport_contents .left #livereport_list ul{

}

#livereport_contents .left #livereport_list ul li{
				display:table;
				table-layout:fixed;
				margin:13px auto 0px auto;
				border:1px solid #000;
				min-height:108px;
				width:630px;
				background:#FFF;
}
#livereport_contents .left #livereport_list ul li div.thumb{
				display:table-cell;
				width:164px;
				height:108px;
				vertical-align:middle;
				text-align:center;
				background:#000;
}
#livereport_contents .left #livereport_list ul li div.thumb img{
				width:auto;
				height:auto;
				max-width:164px;
				max-height:108px;
				border:0px;
}
#livereport_contents .left #livereport_list ul li div.heading{
				display:table-cell;
				position:relative;
				width:450px;
				/*min-height:70px;*/
				padding:10px 5px 20px 11px;
				text-align:left;
				vertical-align:top;
				line-height:1.3;
}
#livereport_contents .left #livereport_list ul li div.heading p{
				padding:1px 0px;
}
#livereport_contents .left #livereport_list ul li div.heading p.name{
				font-size:16px;
				font-weight:bold;
				color:#333;
}
#livereport_contents .left #livereport_list ul li div.heading p.ttl{
				font-size:14px;
				font-weight:bold;
				color:#333;
				width:450px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
}
#livereport_contents .left #livereport_list ul li div.heading p.stage{
				font-size:14px;
				color:#666;
				font-weight:bold;
				padding:3px 0px;
}
#livereport_contents .left #livereport_list ul li div.heading p.link{
				position:absolute;
				left:5px;
				bottom:8px;
				font-size:12px;
				height:14px;
				line-height:14px;
}

#livereport_list_pageing{
				width:784px;
				padding-right: 186px;
				margin:0px auto;
				text-align:center;
}

/* ライブレポート詳細ページ */
#livereport_contents .left #livereport_main{

}

#livereport_contents .left #livereport_main #rep_title{
				line-height:24px;
				height:24px;
				background:#666666;
				font-size:14px;
				font-weight:bold;
				color:#EEEEEE;
				padding:0px 5px;
}
#livereport_contents .left #livereport_main #report_box{
				border:1px solid #666666;
				padding:15px;
				line-height:1.3;
}
#livereport_contents .left #livereport_main #report_box h3{
				font-size:24px;
				font-weight:bold;
				color:#333;
				padding:0px 5px;
				margin:5px auto;
}
#livereport_contents .left #livereport_main #report_box #live_titles{
				font-size:18px;
				line-height:1.5;
				color:#333;
				padding:0px 5px;
				margin:2px auto;
}
#livereport_contents .left #livereport_main #report_box #writer_names{
				font-size:12px;
				line-height:1.5;
				color:#999;
				padding:0px 5px;
				margin:2px auto;
}
#livereport_contents .left #livereport_main #report_box #main_image{
				margin:20px auto;
				padding:18px 0px;
				text-align:center;
				background:#000;
}
#livereport_contents .left #livereport_main #report_box #report_body{
				margin:20px auto 0px auto;
				padding:0px 10px;
				line-height:1.8;
				font-size:14px;
				color:#333;
}
#livereport_contents .left #livereport_main #report_box #sns_buttons{
	margin:0px;
	padding:0px;
	display:flex;
	justify-content:end;
}
#livereport_contents .left #livereport_main #report_box #sns_buttons li{
	display:inline-block;
	margin:0px 5px;
}
#livereport_contents .left #livereport_main #report_box #relation{
				text-align:center;
				margin:40px auto 5px auto;
}
#livereport_contents .left #livereport_main #report_box #relation img{
				margin:0px 15px;
}

/* セットリスト */
#livereport_contents .left #livereport_main #setlist_box{
				border:1px solid #666666;
				padding:15px 0px 0px 0px;
				margin-top:15px;
}
#livereport_contents .left #livereport_main #setlist_box h4{
				height:28px;
				line-height:28px;
				color:#666;
				font-size:12px;
				padding:0px 15px 15px 15px;
}
#livereport_contents .left #livereport_main #setlist_box h4 img{
				margin-right:40px;
}
#livereport_contents .left #livereport_main #setlist_box #jp_container_1{
				display:none;
}

#livereport_contents .left #livereport_main #setlist_box ol{
}
#livereport_contents .left #livereport_main #setlist_box ol li{
				height:28px;
				line-height:28px;
				font-size:14px;
}
#livereport_contents .left #livereport_main #setlist_box ol li.odd{
				background:#DEDEDE;
}
#livereport_contents .left #livereport_main #setlist_box ol li:nth-child(odd){
				background:#DEDEDE;
}
#livereport_contents .left #livereport_main #setlist_box ol li div.song_box{
				display:table;
				table-layout:fixed;
				width:100%;
				height:28px;
				line-height:28px;
				font-size:14px;
				color:#000;
}
#livereport_contents .left #livereport_main #setlist_box ol li div.song_box p.index{
				display:table-cell;
				vertical-align:middle;
				border-right:2px solid #D3D3D3;
				width:60px;
				text-align:center;
}
#livereport_contents .left #livereport_main #setlist_box ol li div.song_box p.title{
				display:table-cell;
				vertical-align:middle;
				width:auto;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				padding:0px 10px;
}

#livereport_contents .left #livereport_main #setlist_box ol li div.song_box .audition{
				display:table-cell;
				vertical-align:middle;
				text-align:center;
				width:62px;
				padding:0px 10px;
}
#livereport_contents .left #livereport_main #setlist_box ol li div.song_box .audition a{
				display:block;
}
#livereport_contents .left #livereport_main #setlist_box ol li div.song_box .audition .jp-pause,
#livereport_contents .left #livereport_main #setlist_box ol li div.song_box .audition .jp-error{
				display:none;
}

#livereport_contents .left #livereport_main #photo_box,
#livereport_contents .left #livereport_main #sns_box,
#livereport_contents .left #livereport_main #page_box{
				margin-top:15px;
				border:1px solid #666666;
				padding:15px;
}

/* フォトギャラリー */
#livereport_contents .left #livereport_main #photo_box{
				padding:0px;
}
#livereport_contents .left #livereport_main #photo_box h4{
				height:27px;
				line-height:27px;
				font-size:18px;
				font-weight:bold;
				background:#555;
				color:#FFF;
				padding:0px 15px;
}
#livereport_contents .left #livereport_main #photo_box h4 span{
				font-size:14px;
}

#livereport_contents .left #livereport_main #photo_box ul{
				padding:10px 0px 15px 15px;
}
#livereport_contents .left #livereport_main #photo_box ul li{
				display:inline-block;
				width:90px;
				height:60px;
				margin:10px 15px 0px 0px;
}
#livereport_contents .left #livereport_main #photo_box ul li a{
				display:table-cell;
				width:90px;
				height:60px;
				vertical-align:middle;
				text-align:center;
}
#livereport_contents .left #livereport_main #photo_box ul li img{
				width:auto;
				height:auto;
				max-width:90px;
				max-height:60px;
}
#livereport_contents .left #livereport_main #photo_box #okmusic{
				height:95px;
				padding:0px 15px 15px 15px;
				color:#333;
}
#livereport_contents .left #livereport_main #photo_box #okmusic p.logo{
				float:left;
				width:100px;
				height:95px;
}
#livereport_contents .left #livereport_main #photo_box #okmusic .name{
				float:left;
				width:500px;
				height:20px;
				line-height:20px;
				font-size:20px;
				font-weight:bold;
				padding:0px;
				margin:30px 0px 0px 20px;
}
#livereport_contents .left #livereport_main #photo_box #okmusic .text{
				float:left;
				width:500px;
				height:20px;
				line-height:20px;
				font-size:16px;
				padding:0px;
				margin:5px 0px 5px 20px;
}

/* 関連レポート 2016.04.28 add */
#livereport_contents .left #livereport_main #relation_box{
				border:1px solid #666666;
				padding:0px;
				margin-top:15px;
				background:#DDDDDD;
}
#livereport_contents .left #livereport_main #relation_box h4{
				height:27px;
				line-height:27px;
				font-size:18px;
				font-weight:bold;
				background:#555;
				color:#FFF;
				padding:0px 15px;
}
#livereport_contents .left #livereport_main #relation_box ul{
				margin:5px;
}
#livereport_contents .left #livereport_main #relation_box ul li{
				float:left;
				display:table;
				table-layout:fixed;
				width:312px;
				margin:6px;
				background:#FFF;
}
#livereport_contents .left #livereport_main #relation_box ul li div.thumb,
#livereport_contents .left #livereport_main #relation_box ul li a.thumb{
				display:table-cell;
				width:146px;
				height:96px;
				background:#000;
				text-align:center;
				vertical-align:middle;
}
#livereport_contents .left #livereport_main #relation_box ul li a.thumb img{
				max-width:146px;
				max-height:96px;
				width:auto;
				height:auto;
}
#livereport_contents .left #livereport_main #relation_box ul li div.box{
				display:table-cell;
				vertical-align:top;
				padding:7px;
}
#livereport_contents .left #livereport_main #relation_box ul li div.box p{
				font-size:14px;
				word-break : break-all;
}
#livereport_contents .left #livereport_main #relation_box ul li div.box p.artist{
				font-size:14px;
				font-weight:bold;
				line-height:1.2;
				padding-bottom:2px;
}
#livereport_contents .left #livereport_main #relation_box ul li div.box p.title{
				font-size:12px;
				line-height:1.2;
				padding-bottom:2px;
}
#livereport_contents .left #livereport_main #relation_box ul li div.box p.stage{
				font-size:11px;
				line-height:1.2;
				color:#666;
}
#livereport_contents .left #livereport_main #relation_box ul li div.box p.artist a,
#livereport_contents .left #livereport_main #relation_box ul li div.box p.title a{
				color:#333;
}
/* 関連レポートここまで */

/* SNSリンク */
#livereport_contents .left #livereport_main #sns_box{
				padding:15px 0px;
				text-align:center;
}
#livereport_contents .left #livereport_main #sns_box img{
				margin:0px 40px;
}

/* ページング */
#livereport_contents .left #livereport_main #page_box{
				padding:5px 15px;
				background:#EEE;
}
#livereport_contents .left #livereport_main #page_box div.inner{
				background:url('/libs/img/livereport/paging_bg.gif') repeat-y center top;
}
#livereport_contents .left #livereport_main #page_box div.prev,
#livereport_contents .left #livereport_main #page_box div.next{
				float:left;
				width:310px;
				min-height:70px;
				padding:5px 0px;
}
#livereport_contents .left #livereport_main #page_box div.prev{
				/*border-right:3px solid #fff;*/
				margin-right:3px;
}

#livereport_contents .left #livereport_main #page_box div.prev .link,
#livereport_contents .left #livereport_main #page_box div.next .link{
				width:310px;
}
#livereport_contents .left #livereport_main #page_box div.prev .link{ text-align:left; font-size:16px; font-weight:bold; padding-top:5px; }
#livereport_contents .left #livereport_main #page_box div.next .link{ text-align:right; font-size:16px; font-weight:bold; padding-top:5px; }

#livereport_contents .left #livereport_main #page_box div.prev .text,
#livereport_contents .left #livereport_main #page_box div.next .text{
				width:210px;
				min-height:50px;
				padding-top:10px;
				color:#333;
				line-height:1.3;
}
#livereport_contents .left #livereport_main #page_box div.prev .text{ text-align:left; float:left; }
#livereport_contents .left #livereport_main #page_box div.next .text{ text-align:left; float:right; }

#livereport_contents .left #livereport_main #page_box div.prev .img,
#livereport_contents .left #livereport_main #page_box div.next .img{
				display:table-cell;
				width:85px;
				height:45px;
				padding-top:15px;
}
#livereport_contents .left #livereport_main #page_box div.prev .img{ text-align:center; float:left; }
#livereport_contents .left #livereport_main #page_box div.next .img{ text-align:center; float:right; }
#livereport_contents .left #livereport_main #page_box div.prev .img img,
#livereport_contents .left #livereport_main #page_box div.next .img img{
				width:auto;
				height:auto;
				max-width:85px;
				max-height:45px;
}

#livereport_contents .left #livereport_main #page_box div.prev .text .artist,
#livereport_contents .left #livereport_main #page_box div.next .text .artist{
				font-size:16px;
				font-weight:bold;
}
#livereport_contents .left #livereport_main #page_box div.prev .text .title,
#livereport_contents .left #livereport_main #page_box div.next .text .title{
				font-size:12px;
}