/* 作業前にまず背景画像を開いて適切なグラデーション・単色・ボタン背景色を決める　*/

/* まず、カレントカラーを定義し、複数箇所にコピーする　*/
/*

background: #030a41;

.長方形_1 {
  border-radius: 32px;
  background-image: -moz-linear-gradient( -90deg, rgb(255,144,63) 0%, rgb(230,97,0) 8%, rgb(248,105,0) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(255,144,63) 0%, rgb(230,97,0) 8%, rgb(248,105,0) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(255,144,63) 0%, rgb(230,97,0) 8%, rgb(248,105,0) 100%);
  position: absolute;
  left: 536px;
  top: 1226px;
  width: 929px;
  height: 274px;
  z-index: 8;
}





background: rgb(42,41,41);
background: linear-gradient(0deg, rgba(42,41,41,1) 69%, rgba(61,61,61,1) 100%);

*/


/* 表紙ページの外枠 デザインによっては bgのalphaをゼロに。*/

.loginForm {
    background: rgba(0, 0, 0, 0.0);
    border-radius: 10px;
}


/*----------------------------------------------------------------------------------------------------------------*/
/* 表紙まわり */
/*----------------------------------------------------------------------------------------------------------------*/

/*----------------------------------*/
/* ms01 */
/*----------------------------------*/

/* 表紙ページのボタンカラー　ms01にのみ適用 */
.ms01 .topBtns .topListBtn01{
  background-image: -moz-linear-gradient( -90deg, rgb(255,144,63) 0%, rgb(200,87,3) 8%, rgb(158,67,0) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(255,144,63) 0%, rgb(200,87,3) 8%, rgb(158,67,0) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(255,144,63) 0%, rgb(200,87,3) 8%, rgb(158,67,0) 100%);
color:#fff;
}

.ms01 .topBtns .topListBtn02{
background: rgb(42, 41, 41);
background: linear-gradient(0deg, rgba(42, 41, 41, 1) 69%, rgba(61, 61, 61, 1) 100%);
color:#fff;
}


/*----------------------------------*/
/* ms02 */
/*----------------------------------*/

/* MS02は文字の設定をlightテーマなら黒文字、blackテーマなら白文字で出しわけ設定済みの為、基本的にカラー設定は行わない */



/*----------------------------------------------------------------------------------------------------------------*/
/* 一覧ページ：ナビゲーション */
/*----------------------------------------------------------------------------------------------------------------*/

/*----------------------------------*/
/* ms01 */
/*----------------------------------*/

/* ms01 nav ナビゲーションのオフ状態：背景カラー　*/
body.ms01 #fixArea nav{background: rgba(0, 0, 0 ,0.3);}
body.ms01 #gHeader {background: rgba(0, 0, 0 ,0.5);}
body.ms01 #fixArea.faUnder nav{background: rgba(0, 0, 0 ,0.8);}
body.ms01 #fixArea.faUnder #gHeader {background: rgba(0, 0, 0 ,1);}


/* ms01 li a ナビゲーションのオフ状態：文字カラー */
body.ms01 #fixArea nav li a{
color: #fff;
}

/* ms01 li a now ナビゲーションの選択状態：カラー ：　テーマに合わせて要変更・カレントカラーコピー　*/
.ms01 #fixArea nav li a.now {
  background-image: -moz-linear-gradient( -90deg, rgb(255,144,63) 0%, rgb(200,87,3) 8%, rgb(158,67,0) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(255,144,63) 0%, rgb(200,87,3) 8%, rgb(158,67,0) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(255,144,63) 0%, rgb(200,87,3) 8%, rgb(158,67,0) 100%);
color: #fff;
}


/*----------------------------------*/
/* ms02 */
/*----------------------------------*/


/* ms02 一覧ページのナビゲーションの選択状態 ms02の場合にのみ適用*/

body.dark #fixArea nav li a { color: #999;}
.ms02 #fixArea nav li a.now {
  background:#fff;
  color: red;
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;
}


/*----------------------------------------------------------------------------------------------------------------*/
/* ここからはあまり手をつけずOK */

/*
・料金システムのボタンカラー：基本的にデフォルトのブラックボタン
・アワードの背景カラー：基本的にブラックを50%透過にする
・一覧ページの背景色を黒に設定：背景画像を使用するため基本的に変更する必要なし
・スタイル直下の背景を読み込む処理：CSSに紐づく背景色を設定中
*/

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


/* 料金システムボタンカラー */

#gHeader p.hd_systemBtn a {
background: #000;
color: #fff;
border: 1px solid #666;
}

/* 基本的にデフォルトのままとする */


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


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

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

.awardBg {
    color: #fff;
    background: rgba(0,0,0,0.5);
}
/* 基本的に黒を50%透過で汎用的に使えるようにする */


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

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

/* 背景 ：　スタイル直下の背景を読み込む処理*/

body.dark {
    background: #000 url(images/bg.jpg) no-repeat center top;background-size:cover;
    background-attachment: fixed;
}
body.light {
    background: #fff url(images/bg.jpg) no-repeat center top;background-size:cover;
    background-attachment: fixed;
}


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{
    background: #111 url(images/bg_index.jpg) no-repeat center center;background-size:cover;
}

body#indexPage.dark .loginForm h1 img{ filter: drop-shadow(0 0 10px #000);}
body#indexPage.light .loginForm h1 img{ filter: drop-shadow(0 0 10px #fff);}