@charset "utf-8";
body,#event, #event48, #eventindex, #eventindex48,#artist, #prof,
#idolindex, #info,#audition, #audinow, #audiold, #contest, #magazine, #school, #school_info, #schoolrep, #column_idx, #column, #everyday{
background-color: hsl(240,5%,16%);/* #28282a;*/
color:#eee; /* hsl(0, 0%, 93%);*/
}
/*#audition,#contest{background-color:hsl(60, 33%, 11%); /*#fcfcec;}*/

#Updated, .twitter-tweet{color-scheme: light;}

a:link{    color: #58C2F5;}
a:visited{ color: #f3c2f9;text-decoration:none;}
a:hover{   color: #29B6F6;text-decoration:underline;background-color: transparent;}
a:active{  color: #f00;}
/******************************
* color
*******************************/
.graybold {color: #eee;}
.red,.reds  {color: #FC8888;} /*#cc3333*/
.note, .every-note{color: #eee;}
.caption, .capp, .Ph_r, .Ph_l, .Ph_rCap{color: #f7d9ba;}
.speak{color: #E19766; /*#F5E9E0;*/}
.speak strong{font-weight: bold; color:#ff3838;}
.pink{color:hsl(324, 100%, 81%);}
.brown{color: #d8b1b1;}
.green,.greensmler{color: hsl(150, 35%, 50%)}/*#37c37d;*/
.greenbold{ color: #37c37d;}/*#38C77F;*/
.darkgreen {color: #38C77F;}
.or1{color:hsl(12, 100%, 46%);}
.blue{color: hsl(240, 100%, 81%);}
.darkblue{color: hsl(220, 100%, 90%);}
.purple{color: hsl(320, 58%, 70%);}
.gray6{color: #b3b3b3;}
/******************************
* bgcolor
*******************************/
.bgmag{background:#363636;} /*#efefef;*/
.bggreen, .bgsch{background:hsl(240,5%,26%);}/*#efffef;*/
.bgclm{background:hsl(180, 100%, 6%);} /*#f0ffff;*/

/*bgdeepyellowは背景色との対比のためauditionで使用*/
.bgyellow, .bginf, .bgdeepyellow{background:hsl(240,5%,26%);}/*#ffffee;*/
.bgyellow2{
/*background:#ffffdd;*/
/*background-color:hsl(240,5%,21%);*/
background-color:hsl(60,5%,21%);
}

.bgwhite{background:#000;}
.bgwhite2{
/*background:#fbfbfb;*/
background:hsl(0, 0%, 11%);
}
/*artist未使用
.bgwhite{background:#fff;} artist未使用
*/
.bggray{background-color:#333338;}
.bgpink{background-color:#380038;}
/*
.bglightsumire{background-color:#E2EBEB;} artist未使用
*/

/******************************
* link behavier
*******************************/
a.ext:hover,.ext a:hover{
background-color: transparent;
color: #BDFF7F;
}
p.pf_photo_waku a:hover{
	background-color:transparent;
}
/*.youkou a:hover{
background-color: transparent;
color: #BDFF7F;
}*/

/******************************
* category background
#column,#column_idx{background-color:#f0ffff;}
#school,#schoolrep,#school_info{background-color:#efffef;}
#magazine{background-color:#eee;}*/
/********************************/

.bgorange{background-color:#2F2513;}/*hsla(38, 66%, 18%, 1) 38 43 13*/
.goods48, .goodstile li{background-color:hsl(240,5%,21%);}

/*******************************
/* AKB48 whatsblogなど
*******************************/
#blogfeed, #newsfeed, #artist_blog{
background-color: hsl(240,5%,16%);
background-image:repeating-linear-gradient(to bottom, hsl(240,5%,16%) 0px, hsl(240,5%,16%) 2px, hsl(240,5%,26%) 2px, hsl(240,5%,26%) 4px);
color:#eee;
}
#blogfeed48 #RelExt h2, #blogfeed48 .RelExt h2,
#blogfeed #RelExt h2, #blogfeed .RelExt h2,
#artist_blog #RelExt h2, #artist_blog .RelExt h2,
#newsfeed #RelExt h2,#newsfeed .RelExt h2{
	background-color: #575760;
}
#prof .RelExt ul {
	background-color: #575760;
}
/******************************
/ 更新情報ボタン whatsnew button
***********************************/
#wtnew_info li a{
	border-bottom:1px solid #000;
	background-color:hsl(240,5%,26%);
}
h1{color:#e58545;}
hr {border-top:1px solid #878787;}
h2,.h2like{
color:#f9e1f9;
}
#schoolrep h2{
color:hsl(330, 100%, 76%);
}
#event #content h2,
#event48 #content h2,
#everyday #content h2,
#eventindex48 #content #whatstoday h2{
background-color: #3f3f46;
border-left: 6px solid #cc76cc;
border-bottom-color: #cc76cc;
}
#info #content h2{
background-color: #3f3f46;
border-bottom-color: #d6d600;
color: #d6d600;
}
#column #content h2,
#column_idx #content h2{
/*background-color: #001f1f;*/
/*background-color: hsla(220, 100%, 16%, 1);*/
background-color:hsl(180, 100%, 8%);
border-bottom: 1px solid #69f;
/*color: #cc76cc;*/
color: #f0ffff;
}
#column_idx #content h2::before,
#column #content h2::before{
/*	color: #FF3399;*/
	color: #33beff;
}


h3{
color: #37c37d;
border-bottom-color: #878787;
}
.h3like{
color: #37c37d;
}

h3 strong,h3 b, .highlight{
/*background: linear-gradient(transparent 40%, #ffff66 40%);*/
background-image:none;
}
.highlight-pink{
background: linear-gradient(transparent 60%, #ffbbff 40%);
background-image:none;
}
#content h4{
    color: #37c37d;
}
.credit{color: #eee;}
.h_wtnew_btn a,
.sp_srch_btn a{
	border: 1px solid #3f3f42;
	color: #eee;
	background:#57575c;
}
.h_wtnew_btn a:link,.h_wtnew_btn a:visited{
	color: #eee;
}
.ids{
/*box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.6);*/
box-shadow: 3px 3px 0px 0px hsl(240, 5%, 26%);
}
#contest #content img:not(.ids),
#event #content img:not(.ids),
#event48 #content img:not(.ids),
#schoolrep #content img:not(.ids),
#column #content img:not(.ids){
	clip-path:inset(0 8px 8px 0);
	-webkit-clip-path:inset(0 8px 8px 0);
}
#prof #pr_ph .hand_mes, .ds_on{
	clip-path:inset(0 8px 8px 0);
	-webkit-clip-path:inset(0 8px 8px 0);
}
#contest #content img.nds,
#event #content img.nds,
#event48 #content img.nds,
#schoolrep #content img.nds,
#column #content img.nds,
#event #content .fotorama img,
#event48 #content .fotorama img,
#event #content .pf_photo_waku img{
	clip-path:none;
	-webkit-clip-path:none;
}

.tb,.wtnew_h_cap .tb{
border-left-color:#58C2F5;
}
.toTop,
a.toTop{
	border: 1px solid #3f3f42;
	color: #eeeeee;
	background: #57575c;
}
.toTop:link,.toTop:visited{
	color: #eeeeee;
}
a.toTop:hover{
	color: #eeeeee;
}
#Contents p.related,#Contents h3.related {
	color: #eeeeee;
}
/******************************
* content
*******************************/
#content .multiclm-a p{
	color: #eee;
}
#contest #content strong{
	color:#fbb1b1;
}
/******************************
* blockquote 
*******************************/
blockquote {
    background: #333338;
}

/******************************
* infoカテゴリ
*******************************/
#info #content{
    padding-top: 0.75em;
}
#info #content strong{
    color: #FFFF33;
}
dt{
/*    background:#FBFBFB;*/
    background:hsl(0, 0%,21%);
/*    border-bottom: solid 1px #999;*/
}
dd{
/*    background: #EEEED0;*/
     background: hsl(60, 47%, 13%); 
}
/******************************
* eventindex48 のdt dd をclassで書きたい 
******************************/
#eventindex48 dt{background: #1c1c1c; /*background:#f0f0f0*/}
#eventindex48 dd{background: #292929;}

/******************************
* info更新情報テーブル
*******************************/
.whatsnewtable tr:nth-child(2n+1){
     background: hsl(60, 47%, 15%);
     border-bottom: 1px solid #666;
}
.whatsnewtable tr:nth-child(2n){
     background: hsl(0, 0%, 21%);
     border-bottom: 1px solid #666;
}
/******************************
* Table装飾
*******************************/
/* clmtbl*/
.clmtbl1 td,.clmtbl1 th{
	border: 1px solid #cccccc;
}
/* clmtbl2は背景が白と黄色が交互に出る*/
table.clmtbl2 tr:nth-child(2n+1){
	background-color: transparent;
}
table.clmtbl2 tr:nth-child(2n){
	/*background: #ffd; */
	background-color: hsl(60,5%,21%); 
}
table.clmtbl2 td,table.clmtbl2 th{
	border:1px solid #ccc;
}
/* School table */
table.scltbl tr:nth-child(odd){
/*	background: #fff; */
	background-color: transparent;
}
table.scltbl tr:nth-child(even){
/*	background: #FCFCEC; */
  background-color:hsl(60, 33%, 21%);
}
table.scltbl tr td:nth-child(1){
	text-align:center;
}
table.scltbl td,table.scltbl th{
	padding:3px;
	border:1px solid #ccc;
}
.eve-rep-old-tbl tr:nth-child(odd){
	background-color: hsl(240,5%,11%);
}
.eve-rep-old-tbl tr:nth-child(even){
	background-color: hsl(60,25%,14%);
}

/******************************
* artist Items （共通）
*******************************/
div.items,
table.items td, table.item2 td{
	background-color: hsl(240,2%,26%);
}
table.items td[colspan="2"],
table.items td[colspan="4"],
p.item1{
	background:hsl(240,2%,31%);
}
#RelExt h4, #RelArt h4, #RelSrch h4, #RelEve h4{
	color: #eee;
}
#RelArt ul li:before,.RelArt ul li:before{
	color:#58C2F5;
}
#RelExt	a:hover,
.RelExt a:hover,.relx a:hover{
	background-color: transparent;
}
/******************************
* Related Search
*******************************/
#RelSrch #y_search{
/*	background:hsl(240,2%,31%);*/
	background-color: hsl(240,2%,26%);
	border: 1px solid hsl(240,2%,31%);
}
#RelSrch.watermark #srchInput.nomark{
background: #666;
color: #eee;
}
/******************************
* 写真処理 
*******************************/
#content p.photo_cap,
#content p.photo_cap300{
	color: #f7d9ba;
}
/******************************
* 48 Related Links
*******************************/
#RelArt ul li.year{
	background-color:hsl(0, 0%, 21%);
	border-top:1px solid hsl(0, 0%, 36%);
}
#RelArt ul li.year:after{
	color:#58C2F5;
}
#RelArt ul li.year:hover{
	background-color:hsl(0, 0%, 31%);
}
#RelArt ul.art48look ul li a:link{
    color: #97CEE7;
}
#RelArt ul.art48look ul li:nth-child(2n+1),
#RelArt ul.idx48 li:nth-child(2n+1){
    background-color: hsl(240, 5%, 11%);
}
#RelArt ul.art48look ul li:nth-child(2n),
#RelArt ul.idx48 li:nth-child(2n){
	background-color: hsl(60, 25%, 14%);
}
#RelArt ul.idx48 li{
		background-image: none;
}
/*
#RelArt .infinite48 h2{
	background-color:hsl(0, 0%, 21%);
}*/


/******************************
/* list
********************************************************************/
.clmul {
	/*#006633;*/
    color: #37c37d;
}


/******************************
* rep_libli_gen
（ライブラリで使用しているリンクリストの標準スタイル）
**************************************************************************/
ul.rep_libli_gen li:before{
	content:"▶";
	color:#58C2F5;
}
ul.rep_libli_gen li:nth-child(odd), #RelArt ul.rep_libli_gen li:nth-child(odd){
	 background:hsl(240,5%,26%);
}
ul.rep_libli_gen li:nth-child(even), #RelArt ul.rep_libli_gen li:nth-child(even){
 	background:hsl(240,5%,21%);
}
table.rep_libtbl_gen tr:nth-child(odd){
 	background:hsl(240,5%,21%);
}
table.rep_libtbl_gen tr:nth-child(even){
	 background:hsl(240,5%,26%);
}
table.rep_libtbl_gen tr:nth-child(1) th{
    /*background-color: #eee; */
	background-color: hsl(240,5%,31%);
}
/******************************
* 48 Related Links
*******************************/
#clmakb48 p:hover{
	text-decoration:none;
	background-color:hsl(0, 0%, 31%);
}
/******************************
* イベントインデックス
*******************************/
/* 移転 */
.ev-idx-th{
	background-color:hsl(240,5%,26%);
	color:#eee;
}
.ev-idx-rep{
	background-color:#ffd;
	background-color:hsl(240,5%,21%);
}
.ev-idx-rep li{
	color: #eee;
}
.ev-idx-date th{
	background:hsl(0, 0%, 11%);
	border:1px solid #808080;
}
.ev-idx-date td{
	background:hsl(240,5%,18%);
	border:1px solid #666;
}
.eventjump select{
	background-color: #EFEFEF;
	color: #222;
}
/* ここまで移転 */ 
/******************************
*  idol_index 
*******************************/
#idol_index h2{
/*	background:#ffffdd;*/
	background:hsl(240,5%,31%);
	margin-bottom:0;
}
#idol_index li a{
	border-top-color: hsl(240,5%,36%);
	border-right-color: hsl(240,5%,36%);
	border-bottom-color: hsl(0,0%,16%);
	border-left-color: hsl(0,0%,16%);
/*	background-color:#fcfcfc; */
	background-color:hsl(240,5%,26%);
    background-image: none;
}
#idol_index li:last-child a{
	border-bottom-color:hsl(240,5%,26%);
}

/******************************
* clm-index
/**********************/
/* 移転 2行*/
#clm-index div:nth-child(odd){background-color:hsl(240,5%,24%);}
#clm-index div:nth-child(even){background-color:hsl(240,5%,20%);}
/******************************
* Column Index Table
/**********************/
/* 移転 2個*/ 
.clmidxtable th{
	background-color:#fbfbfb;
  background:hsl(0, 0%, 11%);
	border: 1px solid #666666;
}
.clmidxtable td{
	background-color:#ffffdd;	
	background:hsl(240,5%,18%);
	border: 1px solid #666666;
}
/******************************
* Column Related Links（clmlook）
**********************************/
#RelArt h5{
	background-color:#363636;
} /*#efefef; */
#RelArt h5:hover{
	background-color:hsla(0, 0%, 11%); /*#f3f3f3;*/
}
.btntgl,.btntgl2{
	color: #58C2F5;
}
#RelArt table.clmlook tr:nth-child(2n+1){
	background: #FFFFFF;
	background:hsl(240,2%,26%);
}
#RelArt table.clmlook tr:nth-child(2n){
	background: #FFFFDD; 
	background:hsl(240,5%,18%);
}
/******************************
* Column comment
*******************************/
div.comment{
	background:hsl(240, 5%, 21%);
	border:1px solid #666;
}
.comment .darkblue{
	color:hsl(220, 100%, 76%);
}
/******************************
* Localnavi 
*******************************/
#LocalNavi strong{
	color: #ff9;
	background-color: transparent;
}
/******************************
* footer
************************************/
footer{
 color: #d4d4d4;
}
/******************************
/* artist 初登場順インデックス
*******************************/
/* 移転 ここから */ 
/*
.idx-debut li a{
	border-color: #666;
	background:hsl(240,5%,21%);
}
.idx-debut li a.overw{
	padding:7px 10px 8px 10px;
	line-break: normal;
	-ms-line-break: normal;
	word-break:break-all;
}
*/
/* 移転 ここまで */
/******************************
/* イベントレポートインデックス（event_index.cssに移転）
*******************************/
/* 
#e-index{
	border-bottom:1px solid #989fa9;
}
#e-index li{
	border-top:1px solid #989fa9;
}
#e-index li:nth-child(odd){
    background-color:hsl(60, 33%, 21%);
}
#e-index li:nth-child(even){
	background-color:hsl(240,5%,26%);
}
#e-index li h2::before{
	color:#58C2F5;
}
#e-index li a:hover h2{
	color: #58C2F5;
}
#e-index li a:link p.e-idx-note,
#e-index li a:visited p.e-idx-note,
#e-index li a:hover p.e-idx-note{
	color:#bababa;
}
#e-index li a:visited p:not([class]){
	color:#eee;
}
#e-index li a:hover p:not([class]){
	color:#eee;
}
*/
/******************************
 ソータブルテーブル汎用class(tblsort-th)
***************************************/
.tblsort-th thead tr th{
	background-color: transparent;
}
.tblsort-th thead tr th.headerSortDown{
background-color: #224b63; /*#8dbdd8;*/
}
.tblsort-th thead tr th.headerSortUp{
background-color: #501b4e; /*#d88dd6;*/
}
.tblsort-th tbody tr:hover{
    background-color: hsl(240,5%,26%);
}

/******************************
 sousenkyo ソータブルテーブル汎用部分 
 （総選挙2016、紅白）
*******************************/
#sousenkyo thead tr th{
	background-color: transparent;
}
#sousenkyo tbody tr:hover{
/*	background-color: #ffeeff;*/
	background-color: transparent;
    background-color: hsl(240,5%,26%);
}
#sousenkyo tbody tr:nth-of-type(17) td,
#sousenkyo tbody tr:nth-of-type(33) td,
#sousenkyo tbody tr:nth-of-type(49) td,
#sousenkyo tbody tr:nth-of-type(65) td,
#sousenkyo tbody tr:nth-of-type(81) td,
#sousenkyo tbody tr:nth-of-type(101) td{
/*	background-color: #e6EEEE;*/
    background-color: #3f3f42;
}
#sousenkyo thead tr th.headerSortDown{
/*background-color: #8dbdd8;*/
background-color: #1e4257;
}
#sousenkyo thead tr th.headerSortUp{
/*background-color: #d88dd6;*/
background-color: #892f86;
}



/*********************************************************************************
* @media screen and 764px以下（スマホ専用CSS）
/*-------------------------------------------------------------------------------*/ 
@media only screen and (max-width: 764px){
.ids{
	max-width: calc(100% - 3px);
}
/********************764以下
* 更新情報ボタン whatsnew button
***********************************/
#wtnew_info{
	border-top:1px solid #000;
}
/********************764以下
* modal search form 
*******************************/
.modal_window {
	background: hsl(240,5%,36%);
}
a.btn_large:visited{
	color: #58C2F5;
}

#RelArt ul li.rel_links, .RelArt ul li.rel_links{
/*	background:linear-gradient(#4b4b53, #3f3f46 );*/
	background:linear-gradient(#3f3f46, #27272b );
	border-bottom:1px solid #a1a1a1;
}
#RelArt ul li.rel_links:first-child{
	border-top:1px solid #a1a1a1;
}
#RelArt ul li.rel_links a:before,
.RelArt ul li.rel_links a:before,
#RelArt ul li.off:before,
#RelArt ul.art48look ul li:before,
.idx48 li a:before,
#clmakb48 li a:before{
	content:"▶";
	color:#58C2F5;
}
#RelArt ul.art48look li.tbsp:before{
	content:"▶";
	color:#58C2F5;
}
#RelArt .infinite48 h2{
	background-color:hsl(0, 0%, 21%);
}

/********************764以下
* #LocalNavi 
************************************/
#Eve204 p:nth-child(2),#Eve204 p:nth-child(4),#Eve204 p:nth-child(7),#Eve204 p:nth-child(9){
	background-color: hsl(240,2%,26%);
}
#Eve204 p:nth-child(3),#Eve204 p:nth-child(6){
	background:hsl(240,2%,31%);
}
#BestDVD p{
	border:1px solid #666666;
}
#BestDVD p:nth-of-type(odd){
	background-color: hsl(354, 13%, 16%);
}
#BestDVD p:nth-of-type(even){
	background-color:hsl(180, 50%, 6%);
}


/********************764以下
* Akb商品メニュー
/*******************/
#AkbSide p, #BestPhoto p{
	background-color: hsl(240,2%,21%);
	border:1px solid #666666;
}
/********************764以下
* moreload
/*******************/
.moreload a,
.infinite p a{
	background-color:hsl(240,5%,26%);
}
/*-------------------------------------------------------------------------------*/ 
} /************************** end of media query *********************************/
/*-------------------------------------------------------------------------------*/ 

/*************************************************************************765以上 */
@media only screen and (min-width: 765px){
/****************************************765以上
/ 更新情報ボタン whatsnew button
***********************************/
#wtnew_info ul{
	border-color: #000;
}
#search2 input[type=text],#search2 input[type=submit],#search2 select{
		background-color: #363636;/*#EFEFEF;*/
		color:#eee;
}
#search2 input.kw{
	background-color: #666666;/*#EFEFEF;*/
}
/* 移転 */
.ev-idx-th{
	border: 1px solid hsl(240,5%,36%);
}
/****************************************765以上
/* Searchフォーム  */
/************************/
form#search2 input[type=submit]:hover{
	background-color: #666;
	opacity: 0.9;
}
/****************************************765以上
* tb tg og
*******************************/
#LocalNavi .tb,.s .tb,.greensmler .tb{
    border-left-color:#58C2F5;
}
footer li{
	border-left:1px solid #bababa;
}
.moreload{
	background-color:hsl(240,5%,26%);
}
#content #idol_index li:before{
	content:"▶";
	color: #58C2F5;
}
.h4like {
	color: #37c37d;
}

/****************************************765以上
* infoカテゴリ
*******************************/
dt{
    border-color: #666;
}
.clmol {
/*	color: #006633;*/
    color: #37c37d;
}
/****************************************765以上
/* setlist
********************************************************************/
#content p.setlist, #content td.setlist,#content ol.setlist{
	color: #eee;
}
#content div.setlist p{
	color: #eee;
}
/****************************************765以上
/* list
********************************************************************/
#column #content ol,
#column #content ul {
/*	color: #006633;*/
	color: #37c37d;
}
#eventindex48 dd{
border-top:dashed 1px #999;
border-left:solid 1px #666;
border-right:solid 1px #666;
}

/*-------------------------------------------------------------------------------*/ 
} /************************** end of media query *********************************/
/*-------------------------------------------------------------------------------*/