/* プレイヤーエリア */
#contents #main #player{
	margin: 0 0 20px;
	position: relative;
}
#contents #main #player #player_left{
	width: 112px;
	float: left;
}
#contents #main #player #player_left h2{
	margin: 0 0 5px;
}
#contents #main #player #player_left p{
	margin: 0 0 5px;
}
#contents #main #player #player_left p.icon{
	margin: 0 0 5px;
}
#contents #main #player #player_left p.user_name{
	font-size: 10px;
	text-align: center;
}
#contents #main #player #player_left p.user_name span{
	display: block;
	width: 40px;
	margin: 0 auto 15px;
	text-align: center;
	color: #FFF;
	background: #78c71e;
}
#contents #main #player #player_left p.icon_saiyou{
	margin: 0px 0 5px;
	text-align: center;
}
#contents #main #player #player_left p.icon_saiyou img{
	width: 80px;;
}

#contents #main #player #player_left div.btns{
	position: absolute;
	bottom: 0;
	width: 112px;
	height: auto;
}
#contents #main #player #player_left div.btns p{
}
#contents #main #player #player_left div.btns p.btn_collabo{
	width: 112px;
}
#contents #main #player #player_left div.btns p.btn_album{
	width: 112px;
}
#contents #main #player #player_left div.btns p.btn_nice{
	width: 112px;
}
#contents #main #player #player_left div.btns p.btn_damkashi{
	width: 112px;
	margin-bottom: 0;
}

#contents #main #player #player_left ul.btn_kiseki{
	background: url(/images/damtomo/streaming/kiseki_bg.png) no-repeat;
	width: 74px;
	height: 28px;
	padding: 8px 0 0 38px;
	margin-top: 5px;
}
#contents #main #player #player_left ul.btn_kiseki li{
	float: left;
	width: 32px;
	margin: 0 3px 0 0;
}

#contents #main #player #player_right{
	width: 640px;
  min-height: 530px;
  min-height: 414px;
	float: right;
	position: relative;
	overflow: hidden;
	background: #EFFAE1;
}
#contents #main #player #player_right #damtomoStream{
	margin: 250px 0 0;
	text-align: center;
}
#contents #main #player #player_right .guest{
	margin: 170px 0 0;
	text-align: center;
}
#contents #main #player #player_right .guest p{
	margin: 0 0 10px;
}
#contents #main #player #player_right object{
	background: #000;
}

/* コメント */
#contents #main #public_comment{
	margin: 0 0 20px;
}
#contents #main #public_comment p{
	line-height: 23px;
	background: url(/damtomo/includes/images/icon/icon_comment.png) top left no-repeat;
	border-bottom: 1px solid #9e9e9e;
	padding: 0 0 0 80px;
}

/* 詳細情報 */
#contents #main #info{
	border: 1px solid #9e9e9e;
	border-radius: 3px;
	padding: 10px;
	position: relative;
}
#contents #main #info .song_title{
	font-weight: bold;
	font-size: 16px;
}
#contents #main #info .song_artist{
	font-weight: bold;
	font-size: 16px;
}
#contents #main #info p a{
	color: #000;
}
#contents #main #info .etc p{
	display: inline;
	margin: 0 30px 0 0;
	font-size: 11px;
}
#contents #main #info .icon_machine{
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#contents #main #info .sns_box{
	margin: 10px 0 0;
}
#contents #main #info .sns_box .facebook{
	float: left;
}
#contents #main #info .sns_box .twitter{
	float: left;
}
#contents #main #StreamViolationLink{
	text-align: right;
	margin: 5px 0 20px;
}
#contents #main .mid02{
	margin: 20px 0 35px;
}

/* DAM歌詞 */
#contents #main #player #player_right .kashi01{
	position: absolute;
	left: -320px;
	top: 0px;
	z-index: 100;
	background: #f1f1f1;
	width: 260px;
	height: 480px;
	overflow-y: scroll;
}
body.xbox #contents #main #player #player_right .kashi01{
	height: 360px;
}
body#moviedetail #contents #main #player #player_right .kashi01-ai{
	height: 840px;
}
body#recdetail #contents #main #player #player_right .kashi01-ai{
	height: 360px;
}
#contents #main #player #player_right .kashi01 #LyricViewer{
	background: #f1f1f1;
}

#contents #main #player #player_right .kashi01 #midashit{
	display: none;
}
#contents #main #player #player_right .kashi01 .kashikashi .kashitt{
	display: none;
}
#contents #main #player #player_right .kashi01 .kashikashi #kashinaiyou{
	position: relative;
	width: 320px;
}
#contents #main #player #player_right .kashi01 .kashikashi #kashinaiyou h3{
	position: absolute;
	right: -32px;
	top: 0px;
	cursor: pointer;
}



/* 精密採点 */
#contents #main .seimitsu{
	width: auto;
	float: none;
	border: 1px solid #9e9e9e;
	margin: 20px 0 35px;
	padding: 0 0 20px;
}
#contents #main .seimitsu #midashis .info{
	width: auto;
}
#contents #main .seimitsu #midashis{
	position: relative;
}
#contents #main .seimitsu #midashis h3{
	/*background: url(/images/damtomo/streaming/h3_bg.jpg);*/
	background: #ed7c00;
	height: 29px;
	padding: 0 20px;
}
#contents #main .seimitsu #midashis #btn_detail{
	position: absolute;
	top: 3px;
	right: 10px;
	height: 23px;
	line-height: 23px;
	color: #78c71e;
	width: auto;
	text-align: center;
}
#contents #main .seimitsu #midashis #btn_detail a{
	display: block;
	height: 23px;
	line-height: 23px;
}
#contents #main .seimitsu table.sei{
	width: 720px;
	margin: 20px auto 0;
	/*border-collapse: collapse;*/
	border-spacing: 0;
	border-top: thin dotted #CCC;
}
#contents #main .seimitsu table.sei tr{
}
#contents #main .seimitsu table.sei th{
	padding: 5px 10px;
	font-size: 12px;
	background: #f0fae1;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px dotted #CCC;
}
#contents #main .seimitsu table.sei td{
	padding: 5px 10px;
	font-size: 12px;
	line-height: 25px;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px dotted #CCC;
}
#contents #main .seimitsu table.sei td a{
	color: #45a30d;
	text-decoration: underline;
}
#contents #main .seimitsu table.sei td.kasyotype a{
	color: #45a30d;
}

/* 精密採点モーダル */
.seimitsuDetailBg{
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background: #FFF;
	filter:alpha(opacity=90);
	opacity: 0.90;
	z-index: 100;
	visibility: hidden;
}
.seimitsuDetail{
	position: absolute;
	width: 720px;
	left:50%;
	margin-left:-360px;
	z-index: 100;
	visibility: hidden;
}

.seimitsuDetail .btnClose{
	text-align: right;
	margin: 0 0 5px;
}
.seimitsuDetail .seimitsuDetailInner{
	width: 720px;
	margin: 0 auto;
	color: #FFF;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader{
	background: #04070b;
	margin: 0 0 10px;
	padding: 20px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft{
	width: 360px;
	float: left;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .totalScore p{
	text-align: center;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .totalScore p span{
	margin: 0 0 0 -5px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight{
	width: 320px;
	float: right;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .flexibleScore{
	text-align: center;
	margin: 20px 0 0;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .flexibleScore dl dt{
	font-size: 18px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .flexibleScore dl dd{
	font-size: 22px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .bar{
	margin: 10px 0 0;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .bar .totalScoreBar{
	height: 17px;
	width: 320px;
	background: url(/images/damtomo/streaming/seimitsu/blue_bar_bg.png) no-repeat;
	margin: 0 0 3px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .bar .totalScoreBar span{
	display: block;
	background: url(/images/damtomo/streaming/seimitsu/blue_bar.png) repeat-x;
	height: 17px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .bar .averageScoreBar{
	height: 13px;
	width: 320px;
	background: url(/images/damtomo/streaming/seimitsu/red_bar_bg.png) no-repeat;
	margin: 0 0 3px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .bar .averageScoreBar span{
	display: block;
	background: url(/images/damtomo/streaming/seimitsu/red_bar.png) repeat-x;
	height: 13px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .average dl dt{
	color: #fcf468;
	width: 49%;
	float: left;
	text-align: right;
	font-size: 15px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .average dl dd{
	color: #fcf468;
	width: 49%;
	float: right;
	text-align: left;
	font-size: 15px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMiddle{
	background: #04070b;
	margin: 0 0 10px;
	padding: 10px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMiddle dl{
	position: relative;
	margin: 0 0 10px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMiddle dl dt{
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	height: 35px;
	line-height: 35px;
	margin: 5px 0 0;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMiddle dl dd{
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 105px;
	height: 35px;
	line-height: 35px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMiddle dl dd span{
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
	background: none;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: #ffffff;
	margin: 0 5px 0 5px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMiddle dl dd span a{
	color: #FFF;
	text-decoration: underline;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain{
	background: #04070b;
	margin: 0 0 10px;
	padding: 10px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .interval dl{
	margin: 0px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .interval #intervalGraphWrapper{
	background: #333;
	height: 100px;
	background: url(/images/damtomo/streaming/seimitsu/intervalGraph_bg.png) no-repeat;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .interval #intervalGraphWrapper #intervalGraph{
	width: 686px;
	height: 100px;
	margin: 0 0 0 20px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .expressive dl{
	margin: 0px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .expressive #expressiveGraphWrapper{
	background: #333;
	height: 100px;
	background: url(/images/damtomo/streaming/seimitsu/intervalGraph_bg.png) no-repeat;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .expressive #expressiveGraphWrapper #expressiveGraph{
	width: 686px;
	height: 100px;
	margin: 0 0 0 20px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .seimitsuDetailMainLeft{
	width: 370px;
	float: left;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .seimitsuDetailMainRight{
	width: 330px;
	float: right;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain dl{
	position: relative;
	margin: 0 0 10px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain dl dt{
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	height: 35px;
	line-height: 35px;
	margin: 5px 0 0;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain dl dd{
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 105px;
	height: 35px;
	line-height: 35px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoScore{
	position: absolute;
	top: 30px;
	left: 20px;
	padding: 0px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoTotalTime{
	position: absolute;
	top: 60px;
	left: 20px;
	padding: 0px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoTotalTime span{
	font-size: 16px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoCount{
	position: absolute;
	top: 60px;
	left: 130px;
	padding: 0px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoCount span{
	font-size: 16px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoTypeImage{
	position: absolute;
	right: 10px;
	top: 5px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoType{
	padding: 60px 0 0 180px;
	text-align: right;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoType span{
	font-size: 12px;
	line-height: 1em;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd{
	padding: 5px 0 0 70px;
	height: 23px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p{
	width: 234px;
	height: 23px;
	background: url(/images/damtomo/streaming/seimitsu/keybord/keybord.png) no-repeat;
	margin: 0px 0 0;
	position: relative;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img{
	position: absolute;
	top: 1px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key1{
	left: 2px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key2{
	left: 8px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key3{
	left: 11px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key4{
	left: 17px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key5{
	left: 20px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key6{
	left: 26px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key7{
	left: 29px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key8{
	left: 39px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key9{
	left: 46px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key10{
	left: 48px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key11{
	left: 55px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key12{
	left: 57px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key13{
	left: 67px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key14{
	left: 73px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key15{
	left: 76px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key16{
	left: 82px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key17{
	left: 85px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key18{
	left: 92px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key19{
	left: 94px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key20{
	left: 104px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key21{
	left: 110px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key22{
	left: 113px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key23{
	left: 120px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key24{
	left: 122px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key25{
	left: 132px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key26{
	left: 138px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key27{
	left: 141px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key28{
	left: 147px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key29{
	left: 150px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key30{
	left: 157px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key31{
	left: 159px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key32{
	left: 169px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key33{
	left: 175px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key34{
	left: 178px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key35{
	left: 185px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key36{
	left: 187px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key37{
	left: 197px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key38{
	left: 203px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key39{
	left: 206px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key40{
	left: 212px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key41{
	left: 215px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key42{
	left: 221px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p img.key43{
	left: 224px;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain dl dd span{
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
	background: none;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: #ffffff;
	margin: 0 5px 0 5px;
}
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain dl dd span a{
	color: #FFF;
	text-decoration: underline;
}

.seimitsuDetail .seimitsuDetailInner .seimitsuDetailHeader .flexibleScore dl dt,
.seimitsuDetail .seimitsuDetailInner .seimitsuDetailMain dl dd{
	color: #fcf468;
/*
	color: #eebe2d;
	background: -webkit-linear-gradient(#fcf468, #eebe2d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
*/
}


/* 未ログイン */
.login_wrap{
  background: #fff;
  padding: 20px;
  margin-top: 20px;
  border: 5px solid #28c6c9;
}
.login_wrap .bnr_wrap{
  overflow: hidden;
}
.login_wrap .login_msg{
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin: 30px 0 30px;
}
.login_wrap .bnr_login{
  float: left;
}
.login_wrap .bnr_damtomo{
  float: right;
}
.login_wrap .btn_back a{
  display: block;
  width: 155px;
  height: 36px;
  line-height: 36px;
  margin: 40px auto 30px;
  background: #83cc34;
  background: #28c6c9;
  color: #FFF;
  text-align: center;
  border-radius: 5px;
  font-weight: bold;
  font-size: 14px;
}
.login_wrap a{
  transition: opacity 0.5s ease;
  text-decoration: none;
}
.login_wrap a:hover{
  opacity: 0.6;
}



/* 精密採点Ai */
.seimitsuAiDetail{
  margin-top: 20px;
  margin-bottom: 20px;
}
.seimitsuAiDetail .seimitsuDetailInner{
  width: 760px;
  margin: 0 auto;
  color: #FFF;
  background: url(/images/damtomo/seimitsu_ai/ai_bg.jpg) center top;
  background-size: contain;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader{
  margin: 0 0 0px;
  padding: 20px 20px 10px;
  height: 280px;
  position: relative;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft{
  width: 400px;
  height: 300px;
  background: url(/images/damtomo/seimitsu_ai/song_info2.png) no-repeat top left;
  background-size: contain;
  float: left;
  position: relative;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .songName{
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: 25px;
  left: 25px;
  width: 350px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .artistName{
  font-size: 12px;
  position: absolute;
  top: 47px;
  left: 25px;
  width: 350px;
  height: 15px;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .totalScore{
position: absolute;
  top: 75px;
  left: 10px;
  text-align: center;
  width: 350px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .totalScore span{
  display: inline-block;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .totalScore span.big{
  width: 75px;
  position: relative;
  top: 10px;
  left: 35px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .totalScore span.small{
  width: 40px;
  position: relative;
  left: -10px;
  top: 45px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .totalScore span img{
  width: 100%;
  vertical-align: text-top;
}

.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .aiSensitivityBonus{
  position: absolute;
  top: 80px;
  left: 295px;
  text-align: right;
  line-height: 1.2;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .average{
  position: absolute;
  top: 183px;
  left: 75px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .average{
  position: absolute;
  top: 183px;
  left: 75px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .date{
  position: absolute;
  top: 183px;
  left: 295px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .image{
  position: absolute;
  width: 65px;
  top: 210px;
  left: 20px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .image img{
  width: 100%;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderLeft .userName{
  position: absolute;
  top: 220px;
  left: 100px;
}


.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight{
  width: 320px;
  float: right;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .chartInfo{
  position: absolute;
  top: 25px;
  right: 25px;
  background: #000;
  padding: 2px 5px;
  border-radius: 9px;
  font-weight: bold;
  border: 1px solid #555;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .canvasChartInner{
  position: absolute !important;
  top: 20px;
  right: 20px;
  width: 320px;
  height: 245px;
  background: url(/images/damtomo/seimitsu_ai/rader_bg.png) no-repeat left 23px top 12px;
  background-size: 89%;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .canvasChartInner .canvasChart{
  width: 290px;
  margin: 20px auto 0;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .canvasChartInner span{
  display: none;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .sensitivityMeter{
  position: absolute;
  top: 270px;
  right: 20px;
  width: 300px;
  height: 50px;
  background: url(/images/damtomo/seimitsu_ai/sensitivity_meter.png) no-repeat left 0px top 0px;
  background-size: 100%;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .sensitivityMeter .add{
  position: absolute;
  width: 80px;
  height: 15px;
  top: 10px;
  left: 183px;
  text-align: left;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .sensitivityMeter .add span{
  display: inline-block;
  height: 15px;
  width: 0px;
  background: #f971c2;
  /*border: 1px solid #c00ea6;*/
  transition: width 0.5s ease;
  box-sizing: border-box;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .sensitivityMeter .deduct{
  position: absolute;
  width: 80px;
  height: 15px;
  top: 10px;
  left: 103px;
  text-align: right;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .seimitsuDetailHeaderRight .sensitivityMeter .deduct span{
  display: inline-block;
  height: 15px;
  width: 0px;
  background: #3883ff;
  /*border: 1px solid #0012ff;*/
  transition: width 0.5s ease;
  box-sizing: border-box;
}


.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMiddle{
  margin: 0 0 10px;
  padding: 0 10px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMiddle .analysis{
  background: url(/images/damtomo/seimitsu_ai/report_bg.png) no-repeat left 0px top 0px;
  background-size: 100% 100%;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMiddle .analysis dl{
  position: relative;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMiddle .analysis dl dt{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMiddle .analysis dl dd{
  color: #FFF;
  padding: 20px 10px 20px 160px;
  font-size: 18px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain{
  margin: 0 0 10px;
  padding: 0 10px 10px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .border{
  border: 1px solid #0ff1f1;
  border-radius: 10px;
  background: rgba(0,0,0,0.5);
  box-shadow: rgb(100, 100, 100) 0px 0px 5px 3px inset;
  margin-bottom: 10px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .interval dl{
  margin: 0px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .interval dl dd{
  padding-left: 80px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .interval #intervalGraphWrapper{
  height: 100px;
  background: url(/images/damtomo/seimitsu_ai/intervalGraph_bg.png) no-repeat;
  position: relative;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .interval #intervalGraphWrapper #intervalGraphAi{
  width: 692px;
  height: 100px;
  margin: 0 0 0 30px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .interval #intervalGraphWrapper #intervalGraphSection{
  width: 672px;
  height: 67px;
  position: absolute;
  top: 10px;
  left: 40px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .interval #intervalGraphWrapper #intervalGraphSection .sabiWrapper{
  float: left;
  position: relative;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .interval #intervalGraphWrapper #intervalGraphSection .sabiWrapper:after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
  width: 30px;
  height: 16px;
  background: url(/images/damtomo/seimitsu_ai/sabi.png) no-repeat;
  background-size: 100%;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .interval #intervalGraphWrapper #intervalGraphSection .sabi{
  background: rgba(255,255,255,0.2);
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .interval #intervalGraphWrapper #intervalGraphSection .section{
  width: 28px;
  float: left;
  height: 67px;
  position: relative;
}

.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .interval #intervalGraphWrapper #intervalGraphSection .section img{
  display: none;
  position: absolute;
  bottom: 17px;
  left: -34px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .expressive dl{
  margin: 0px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .expressive dl dd{
  padding-left: 80px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .aiSensitivity dl dt{
  top: 2px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .aiSensitivity dl dd{
  padding-left: 90px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .aiSensitivity #aiSensitivityGraphWrapper{
  height: 100px;
  background: url(/images/damtomo/seimitsu_ai/aiSensitivityGraph_bg.png) no-repeat;
  position: relative;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .aiSensitivity #aiSensitivityGraphWrapper #aiSensitivityGraph{
  width: 692px;
  height: 100px;
  margin: 0 0 0 30px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .aiSensitivity #aiSensitivityGraphWrapper #aiSensitivityGraphSection{
  width: 672px;
  height: 67px;
  position: absolute;
  top: 10px;
  left: 40px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .aiSensitivity #aiSensitivityGraphWrapper #aiSensitivityGraphSection .sabiWrapper{
  float: left;
  position: relative;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .aiSensitivity #aiSensitivityGraphWrapper #aiSensitivityGraphSection .sabiWrapper:after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
  width: 30px;
  height: 16px;
  background: url(/images/damtomo/seimitsu_ai/sabi.png) no-repeat;
  background-size: 100%;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .aiSensitivity #aiSensitivityGraphWrapper #aiSensitivityGraphSection .sabi{
  background: rgba(255,255,255,0.2);
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .aiSensitivity #aiSensitivityGraphWrapper #aiSensitivityGraphSection .section{
  width: 28px;
  float: left;
  height: 67px;
  position: relative;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .seimitsuDetailMainLeft{
  width: 380px;
  float: left;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .seimitsuDetailMainRight{
  width: 350px;
  float: right;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain dl{
  position: relative;
  z-index: 1;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain dl dt{
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  margin: 5px 0 0;
  top: 10px;
  left: 10px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain dl dd{
  font-size: 15px;
  font-weight: bold;
  padding: 5px 0 0 130px;
  min-height: 45px;
  line-height: 45px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain dl dd img{
  vertical-align: middle;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoScore{
  position: absolute;
  top: 35px;
  left: 20px;
  padding: 0px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoTotalTime{
  position: absolute;
  top: 60px;
  left: 20px;
  padding: 0px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoTotalTime span{
  font-size: 16px;
}

.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoCount{
  position: absolute;
  top: 60px;
  left: 120px;
  padding: 0px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoCount span{
  font-size: 16px;
}

.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoTypeImage{
  position: absolute;
  right: 10px;
  top: 5px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoType{
  padding: 75px 0 0 180px;
  text-align: right;
  min-height: 28px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .vibrato dl dd.vibratoType span{
  font-size: 12px;
  line-height: 1em;
  margin-right: 10px;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange{
  position: relative;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd{
  padding: 26px 0 10px 80px;
  min-height: inherit;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p{
  width: 234px;
  height: 23px;
  background: url(/images/damtomo/streaming/seimitsu/keybord/keybord.png) no-repeat;
  margin: 0px 0 0;
  position: relative;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span{
  position: absolute;
  top: 1px;
  display: block;
  margin: 0;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key1{
	left: 2px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key2{
	left: 8px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key3{
	left: 11px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key4{
	left: 17px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key5{
	left: 20px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key6{
	left: 26px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key7{
	left: 29px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key8{
	left: 39px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key9{
	left: 46px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key10{
	left: 48px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key11{
	left: 55px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key12{
	left: 57px;
}

.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key13{
	left: 67px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key14{
	left: 73px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key15{
	left: 76px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key16{
	left: 82px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key17{
	left: 85px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key18{
	left: 92px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key19{
	left: 94px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key20{
	left: 104px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key21{
	left: 110px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key22{
	left: 113px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key23{
	left: 120px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key24{
	left: 122px;
}

.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key25{
	left: 132px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key26{
	left: 138px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key27{
	left: 141px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key28{
	left: 147px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key29{
	left: 150px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key30{
	left: 157px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key31{
	left: 159px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key32{
	left: 169px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key33{
	left: 175px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key34{
	left: 178px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key35{
	left: 185px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key36{
	left: 187px;
}

.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key37{
	left: 197px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key38{
	left: 203px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key39{
	left: 206px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key40{
	left: 212px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key41{
	left: 215px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key42{
	left: 221px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span.key43{
	left: 224px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span img.lower{
  position: absolute;
  z-index: 1;
  top: -22px;
  right: 3px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span img.lower{
  position: absolute;
  z-index: 1;
  top: -22px;
  right: 0px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain .voiceRange dl dd p span img.upper{
  position: absolute;
  top: -22px;
  left: 0px;
}


.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain dl dd span{
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
	background: none;
	margin: 0 5px 0 5px;
}
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain dl dd span a{
	color: #FFF;
	text-decoration: underline;
}

.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailHeader .flexibleScore dl dt,
.seimitsuAiDetail .seimitsuDetailInner .seimitsuDetailMain dl dd{
	color: #fcf468;
/*
	color: #eebe2d;
	background: -webkit-linear-gradient(#fcf468, #eebe2d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
*/
}