
/* 基本文字色 */

body {
	color:#fff;
}


/* リンク：ベースカラー */

a:link{ color:#fff;text-decoration: none;}
a:visited{ color:#fff;text-decoration: none;}
a:active{ color:#fff;text-decoration:none;}
a:hover{ color:#fff;text-decoration:none;}


/* 背景 */

body {
    background: #000 url(images/bg.jpg) no-repeat center top;background-size:cover;
    background-attachment: fixed;
}



/* セリフ体の箇所をフォント変更したい場合 */
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.2em; padding: 10px  0 55px 0; text-align: center;
    font-family: 'Bebas Neue','Noto Serif JP',"Yu Mincho", YuMincho, "HGP明朝B", serif !important;

  color: #fff;
}


/* フォントによってSTAFF CATALOGのフォントサイズを変更する必要がある場合*/
#gHeader p.pageTitle{ letter-spacing: 0.2em; font-weight: 400; font-size: 38px; color: #222;opacity: 0;}


/*----------------------------------------------------------------------------------------------------------------*/



/* グローバルヘッダー背景 */
#gHeader{ width: auto;
    background: rgba(0,0,0,0);}



/* グローバルヘッダーシステムボタン */

#gHeader p.hd_systemBtn a {
    display: block;
    width: 68%;
    margin: 0 30px 0 auto;
    padding: 20px 0;
    background: #000;
    color: #fff;
    border: 1px solid #666;
    text-align: center;
    border-radius: 0;
    font-family: 'Bebas Neue','Noto Serif JP',"Yu Mincho", YuMincho, "HGP明朝B", serif !important;
    font-size: 40px;
}


/*----------------------------------------------------------------------------------------------------------------*/



#fixArea {
background-color: none;
    
  background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0) 0%,  rgba(0,0,0,0.8) 50%,rgba(0,0,0,1) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0) 0%,  rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%);
    
}


/* ナビゲーションベース：カラー 透明度つき */

#fixArea nav {
    border-top: 0;
    padding: 30px;
    font-family: 'Bebas Neue','Noto Serif JP',"Yu Mincho", YuMincho, "HGP明朝B", serif !important;
    background: none;
    
}

/* ナビゲーションベース：カラー 透明度なし 
#fixArea nav{background: #222;}*/


.profile >.inner {
  background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 33%,  rgba(0,0,0,0.6) 66%,rgba(0,0,0,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0) 0%,  rgba(0,0,0,0.6) 33%, rgba(0,0,0,0.6) 66%,rgba(0,0,0,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0) 0%,  rgba(0,0,0,0.6) 33%, rgba(0,0,0,0.6) 66%,rgba(0,0,0,0) 100%);
}


/*----------------------------------------------------------------------------------------------------------------*/




/* ナビゲーションのオフ状態：カラー */

#fixArea nav li a{background: none;color: #fff; border:none; 
border-radius: 0;
box-shadow:none;
background: none;
background:none;

    

border: none;

  color: #fff;
    font-size: 50px;
    
    padding: 20px;
    
}



/* ナビゲーションカレント状態：カラー */

#fixArea nav li a.now {
  background-image: -moz-linear-gradient( 90deg, rgb(255,238,179) 0%, rgb(221,191,86) 49%, rgb(171,117,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,238,179) 0%, rgb(221,191,86) 49%, rgb(171,117,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,238,179) 0%, rgb(221,191,86) 49%, rgb(171,117,0) 100%);
  color: red;
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent; 
    font-size: 50px;
    
    padding: 20px;
}


.長方形_1 {

  position: absolute;
  left: 1229px;
  top: 351px;
  width: 517px;
  height: 120px;
  z-index: 2;
}

/*----------------------------------------------------------------------------------------------------------------*/



/* アワードの背景カラー */

.awardBg {
    color: #fff;
    border: none;
    background: rgba(0,0,0,0.5);
}


/* アワードの文字色 */

.bigAwardLabel {
    border:none;
    background: none;
    font-style: italic;
    background: rgba(0,0,0,0.5);
}


/*----------------------------------------------------------------------------------------------------------------*/

/* プロフィールページのアワード（ミニ）*/

.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;
}


/* スタッフリストの日本語英語管理 */

.staffList li .txtBox .name{ font-size: 30px;}
.staffList li .txtBox .nameEng{ display: none;}

/* スタッフリストグリッド*/
.staffList {
    width: auto;
    margin: 0 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 5px;
    row-gap: 60px;
}

/*----------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------*/



/* 表紙ページの背景 */

body#indexPage{
    background: #111 url(images/bg_index.jpg) no-repeat center center;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-image: -moz-linear-gradient( 90deg, rgb(202,17,113) 0%, rgb(255,0,132) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(202,17,113) 0%, rgb(255,0,132) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(202,17,113) 0%, rgb(255,0,132) 100%);
    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#indexPage .loginForm h1 {
    width: 60%;
    margin-bottom: 60px;
}

body#indexPage .topBtns .topListBtn {
    background: none;
    border-radius: 0;
    color: #fff;
    box-shadow:none;
     width: 80%;
    
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 1),0px 0px 20px rgba(0, 0, 0, 1);
}



body#indexPage .topBtns .topListBtn span.eng{ display: block; font-size: 100px; letter-spacing: 0em; margin-bottom: 5px; line-height:0.4em;}
body#indexPage .topBtns .topListBtn span.jpn{  display: none}


body#indexPage .topBtns .topListBtn01{
    border: none;
  color: #fff;
}




body#indexPage .topBtns .topListBtn02{
    border: none;

     color: #ccc;
}












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:"";
}



body#indexPage .loginForm h1 img{ filter: drop-shadow(0 0 10px #000);}