/* 基本文字色 */

body {
	color:#fff;
}


/* リンク：ベースカラー */

a:link{ color:#aaa;text-decoration: none;}
a:visited{ color:#aaa;text-decoration: none;}
a:active{ color:#aaa;text-decoration:none;}
a:hover{ color:#aaa;text-decoration:none;}


/* 背景 */

body {
    background: #000;
    background-image: none;
}





/* セリフ体の箇所をフォント変更したい場合 */
body .serif{ font-family: 'Bebas Neue','Noto Serif JP',"Yu Mincho", YuMincho, "HGP明朝B", serif !important;}

/* フォントによってヘッダーフォントサイズを変更する必要がある場合 */
h2{ font-size: 50px; font-weight: 400; letter-spacing: 0.4em; padding: 90px 0; text-align: center;
    font-family: 'Bebas Neue','Noto Serif JP',"Yu Mincho", YuMincho, "HGP明朝B", serif !important;
}


/* フォントによってSTAFF CATALOGのフォントサイズを変更する必要がある場合*/
#gHeader p.pageTitle{ letter-spacing: 0.2em; font-weight: 400; font-size: 38px;}


/*----------------------------------------------------------------------------------------------------------------*/



/* グローバルヘッダー背景 */
#gHeader{ width: auto; background: url(images/bg_header.jpg) no-repeat center top; background-size:cover;}



/*----------------------------------------------------------------------------------------------------------------*/





/* ナビゲーションベース：カラー 透明度つき */

#fixArea nav {
    background: rgba(240,240,240,0.5);
    padding: 30px;
}

/* ナビゲーションベース：カラー 透明度なし */
#fixArea nav{background: #222;}





/*----------------------------------------------------------------------------------------------------------------*/




/* ナビゲーションのオフ状態：カラー */

#fixArea nav li a{background: #292929;color: #fff; border:1px solid #111; 
border-radius: 3px;
box-shadow: 0px 0px 0px 3px #111;
background: rgb(42,41,41);
background: linear-gradient(0deg, rgba(42,41,41,1) 69%, rgba(61,61,61,1) 100%);
}


/* ナビゲーションカレント状態：カラー */

#fixArea nav li a.now {
    background: #a3721b;
}



/*----------------------------------------------------------------------------------------------------------------*/



/* アワードの背景カラー */

.awardBg {
    color: #fff;
    background: #ff6633;
    background-image: linear-gradient(-60deg, #a3721b 0%, #a3721b 100%);
}


/* アワードの文字色 */

.bigAwardLabel {
    color: #fff;
    font-style: italic;
}



/*----------------------------------------------------------------------------------------------------------------*/

/* プロフィールページのアワード（ミニ）*/

.award li {
    background: #111;
    color: #fff;
    border: 1px solid #555;
    text-align: center;
    padding: 10px;
}


/*----------------------------------------------------------------------------------------------------------------*/

/* ランキング一位の背景を変えたい */

.number01 {
    margin: 0 30px;
    background: url(/common/images/rankingBG.jpg) no-repeat center top;
    background-size: cover;
}






/*----------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------*/



/* 表紙ページの背景 */

body#indexPage{
    background: #111 url(images/bg_index.jpg) no-repeat center top;background-size:cover;    
}


/* 表紙メニューの枠の背景透明度 */

body#indexPage .loginForm {
    background: rgba( 0,0,0,0);
}


/* 表紙ページのサブタイトルを消す */

body#indexPage p.subTitle {
    display: none;
}

/* ロゴサイズ調整 */

body#indexPage .loginForm h1 {
    width: 40%;
    margin-bottom: 10px;
}


/* 表紙ページのボタンの基礎デザイン */

body#indexPage .topBtns .topListBtn {
    background: #222;
    border-radius: 10px;
    color: #fff;
    box-shadow: 0px 0px 0px 2px #111;
}


/* 表紙ページのボタンの日英テキスト調整 */

body#indexPage .topBtns .topListBtn span.eng{ display: block; font-size: 30px; letter-spacing: 0.2em; margin-bottom: 5px;}
body#indexPage .topBtns .topListBtn span.jpn{  display: block; font-size: 24px; line-height: 1em;margin-bottom: 0}


/* 表紙ページボタンのスタッフ・ランキングのデザイン */
body#indexPage .topBtns .topListBtn01{
    background: #a3721b;
    border: 1px solid #222;
}


/* 表紙ページボタンのシステムボタンのデザイン */
body#indexPage .topBtns .topListBtn02{
background: rgb(42,41,41);
background: linear-gradient(0deg, rgba(42,41,41,1) 69%, rgba(61,61,61,1) 100%);
}
















body#topPage {
    background: #000;
    background-image: none;
}


body#topPage::before {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100vw;
    height:100vh;
    background:url("images/bg.jpg") no-repeat center center;
    -webkit-background-size:cover;
    background-size:cover;
    content:"";
}