@charset "utf-8";

/* 
  ボス討伐イベント専用のモーダルボックス（ソロイベント用）
  
  【使い方】
    1. フォントカラー等を書き換えてください
    2. CSSを本番に配信してCSSのURLを開発の方（鹿森さん）に伝えてください
*/


/* --------------------------------------------------
 @: ベース
   ----------------------------------------------- */
.m-modalEvent{
  /* ベースフォントカラー */
  color: #33291e;
  
  /* テキストの影 */
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
}

/* 強調フォントカラー */
.m-mbEvent .period .time,
.m-stageBoss .m-getPoint .point,
.m-stageBoss .m-getPoint .status{
  color: #ff6e21;
}

/* --------------------------------------------------
 @: 左の助手エリア内
   ----------------------------------------------- */
.m-modalEvent>.image .helper .info .rare{
	
  /* レア度の★の色 */
  color: #fab758;
}

.m-assist{

  /* 助手エリア全体の背景色 */
	background: #fffbe0;

  /* 助手エリア全体のボーダーカラー */
  border-color: #ebcc8d;
	
	}
.m-modalEvent>.status{
  /* 勇気のテーブル全体の背景色 */
	background:#f2dcb1;
	}

/* 強調フォントカラー */
.m-modalEvent>.image .helper .skill .info .name .value,
.m-modalEvent>.status .heal .attack+.value,
.m-modalEvent>.status .heal .value{
  color: #ff6e21;
}

/* --------------------------------------------------
 @: 左の助手エリア内の下にあるボタン
   ----------------------------------------------- */
/* 通常 */
.m-modalEvent>.action .stamina .hint>a{
	
  /* 背景色 */
  background: #ff6e21;
  
  /* フォントカラー */
  color: #fff;
}

/* ホバー時 */
.m-modalEvent>.action .stamina .hint>a:hover{
	
  /* 背景色 */
  background: #ff6e21;
  
  /* フォントカラー */
  color: #fff;
}