/* 基本文字色 */

body {
	color:#444;
}


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

a:link{ color:#999;text-decoration: none;}
a:visited{ color:#999;text-decoration: none;}
a:active{ color:#999;text-decoration:none;}
a:hover{ color:#999;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;}

/* フォントによってSTAFF CATALOGのフォントサイズを変更する必要がある場合*/
#gHeader p.pageTitle{ color: #777;}



h2 {
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 0.4em;
    padding: 90px 0;
    text-align: center;
    font-family: 'Taviraj','Noto Serif JP',"Yu Mincho", YuMincho, "HGP明朝B", serif !important;
    color: #888;
}




/* 料金システム */
#gHeader p.hd_systemBtn a {
    display: block;
    width: 68%;
    margin: 0 30px 0 auto;
    padding: 20px 0;
    background: #fff;
    color: #666;
    border: 1px solid #666;
    text-align: center;
    border-radius: 5px;
}


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



/* グローバルヘッダー背景 */
#gHeader{ width: auto; background:  rgba(255,255,255,0.5);}



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





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

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

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




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




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

#fixArea nav li a{background: #292929;color: #fff; border:1px solid #111; 
border-radius: 3px;
box-shadow:none;
color: #444;
  background-image: -moz-linear-gradient( 45deg, rgb(222,222,222) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(222,222,222) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(222,222,222) 0%, rgb(255,255,255) 100%);
    border: 1px solid #fff;
}


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

#fixArea nav li a.now {
    color: #fff;
  background-image: -moz-linear-gradient( 45deg, rgb(16,25,92) 0%, rgb(37,86,165) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(16,25,92) 0%, rgb(37,86,165) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(16,25,92) 0%, rgb(37,86,165) 100%);
}



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



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

.awardBg {
    color: #fff;
    background:#ccc !important;
}


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

.bigAwardLabel {
  color: #555;
    font-style: normal;
    font-weight: normal;
    font-size: 29px;
}



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

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

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


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

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

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




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

/* グリッドの調整

.staffList {
    margin: 0 0px;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0;
    row-gap: 40px;
}

 */


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

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

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



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

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


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

body#indexPage .loginForm {
    background: rgba( 255,255,255,0.2);
    border: 3px double #fff;
    border-radius: 3px;
}


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

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 #eee;
}


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

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


/* 表紙ページボタンのスタッフ・ランキングのデザイン */
body#indexPage .topBtns .topListBtn01{
    color: #fff;
  background-image: -moz-linear-gradient( 45deg, rgb(16,25,92) 0%, rgb(37,86,165) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(16,25,92) 0%, rgb(37,86,165) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(16,25,92) 0%, rgb(37,86,165) 100%);
    border: 1px solid #fff;
}


/* 表紙ページボタンのシステムボタンのデザイン */
body#indexPage .topBtns .topListBtn02{
background: rgb(190,190,190);
  background-image: -moz-linear-gradient( 45deg, rgb(190,190,190) 0%, rgb(190,190,190) 100%);
  background-image: -webkit-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(190,190,190) 100%);
  background-image: -ms-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(190,190,190) 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:"";
}