@charset "utf-8";

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

        共通

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

.label-sumi{
    border-style: solid; border-color:#6a923e;
    color:#6a923e
}
.label-misumi{
    border-style: solid; border-color:#fc6e51;
    color:#fc6e51
}

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

		実戦演習CBT 生徒用

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

/*
 * --- [+]の<a>のpadding調整 ---
 */

a.detail-icon{
	padding:5px 5px 5px 0px;
}

/*
 * --- [+]の行の調整 ---
 */
.detail-view>td{
	line-height:2.428571 !important;
}

.label_thead{
	margin-left:10px;
}



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

		実戦演習CBT 進路アドバイザー用

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

#adviser{
	border: 1px solid #cccccc;
	padding:10px;
	border-radius: 10px;
}

#adviser .search_grade{
	float: left;
	width: 50px;
	height: 34px;
	line-height: 32px;
	text-align: center;
	color: #606060;
	background-color: #f0f0f0;
	border: 1px solid #cccccc;
	border-right: none;
	border-radius: 8px 0 0 8px;
}

#adviser .search_number{
	float: left;
	width: 100px;
	height: 34px;
	line-height: 32px;
	text-align: center;
	color: #606060;
	background-color: #f0f0f0;
	border: 1px solid #cccccc;
	border-right: none;
	border-radius: 8px 0 0 8px;
}

#adviser .input_form{
	width:100px;
	border-radius: 0 6px 6px 0;
	margin-right:10px;
}

#adviser .result{
	line-height: 34px;
	margin-right: 10px;
	padding: 6px 15px;
	background-color: #f9f9f9;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
}


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

		実戦演習CBT 管理者用

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

.status{
	padding:4px 5px 3px 5px !important;
	font-size:90%;
}


.status-label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	vertical-align:middle;
}


.check-area{
	border:solid 1px #ccc;
	border-radius: 4px;
	padding:6px 10px 0px 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	line-height: initial !important;
	line-height: 22px;
}

.check-label{
	padding:6px 12px 0px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: initial !important;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
	line-height: 22px;
}

.btn-dp0110-status-wait {
    background-color: #f0ad4e;
    color: #ffffff;
}
.btn-dp0110-status-wait:hover {
    background-color: #ec971f;
    color: #ffffff;
}
.btn-dp0110-status-enable {
    background-color: #8cc152;
    color: #ffffff;
}
.btn-dp0110-status-enable:hover {
    background-color: #7cb142;
    color: #ffffff;
}
.btn-dp0110-status-disable {
    background-color: #90a0a0;
    color: #ffffff;
}
.btn-dp0110-status-disable:hover {
    background-color: #808080;
    color: #ffffff;
}
.btn-dp0110-status-stop {
    background-color: #ed8080;
    color: #ffffff;
}
.btn-dp0110-status-stop:hover {
    background-color: #da4453;
    color: #ffffff;
}

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

		受験開始

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

.list-start{
	list-style:disc;
	   }

.text-question{
	color: #f0ad4e;
}

.page-entrance{
	margin:30px;
	text-align:center;


	}
.page-entrance ol {
  list-style: none;
  font-size: 0;
}

.page-entrance li {
  display: inline-block;
  position: relative;
  padding: 5px 12px 2px 20px;
  font-size: 20px;
  font-weight:bold;
  color: #ffffff;
  background-color: #F90;
}

.page-entrance li:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -9px;
  margin-top: -17px;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-right: 17px solid;
  border-radius: 0 50px 50px 0;
  border-color: #005bac;
  z-index: 1;
}

.page-entrance li:nth-child(1) {
  background-color: #005bac;
  border-radius: 50px 25px 25px 50px;
}
.page-entrance  li:nth-child(1):after {
    border-left-color: #005bac;
}
.page-entrance li:nth-child(2) {
    font-weight:normal;
    background-color: #69C;
    left: -6px;
    border-radius: 0 50px 50px 0;
    margin-right: -10px;
}
.page-entrance li:nth-child(2):after { display:none; }


/* --- XSサイズ --- */
@media screen and (max-width: 767px) {

  .page-entrance {
    margin-bottom: 10px;
	  text-align: center;
  }
    }



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

		成績情報管理ＢＯＸ

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

#login_user .name,#login_user .number{
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #E0EBF4;
	border: 1px solid #BBD0E2;
	border-radius: 4px;
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#login_user .result{
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	border: solid 1px #BBD0E2;
	border-radius: 4px;
	padding: 6px 12px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}



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

		苦手・得意分野

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

.bad{
	background:#E6B8B7;
}


.good{
	background:#B7DEE8
}



/*
 * --- 幅 ---
 */
.width-60 { width: 60px; }
.max-width{ max-width:100%;}


/*
 * --- スマホサイズの時に非表示 ---
 */

@media screen and (max-width: 767px) {
.disnon_sp{
	display:none;
}
}

/*
 * --- ブックマーク ---
 */

.bkm{
	margin-left: 10px !important;
	font-size: 12px;
	color: #FBC02D !important;
}


.li-tab{
	padding:6px 10px !important;
}

.table-responsive>.fixed-column {
    position: absolute;
    display: inline-block;
    width: auto;
    border-right: 1px solid #ddd;
}


.bg_white{
	background-color:#fff;
}

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

        テスト構成登録

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

#adviser .label-c1 {
    background-color: #4a662b;
    color: #FFFFFF;
}

#adviser .label-c2 {
    background-color: #77a445;
    color: #FFFFFF;
}

#adviser .label-c3 {
    background-color: #6a923e;
    color: #FFFFFF;
}

#adviser .label-c4 {
    background-color: #8cc152;
    color: #FFFFFF;
}

#adviser .label-c5 {
    background-color: #98d15a;
    color: #FFFFFF;
}

#adviser .label-c6 {
    background-color: #a2de60;
    color: #FFFFFF;
}

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

        年間テスト準備状況

   ---------------------------------------- */
.schedule-search {
    border: none !important;
    padding: 0 !important;
    margin-top: 20px !important;
}
.dp0610-header {
    background-color: rgba(157,206,238,1);
    color: rgba(1,1,1,1);
    border : 1px solid rgba(255,255,255,1) ;
}
.dp0610-noColor {
    background-color: rgba(255,255,255,1);
    color: rgba(1,1,1,1);
    border : 1px solid rgba(255,255,255,1) ;
}
.dp0610-status-wait {
    background-color: #fde9b3;
    color: rgba(1,1,1,1);
    border : 1px solid rgba(255,255,255,1) ;
}
.dp0610-status-enable {
    background-color: #d9f0b5;
    color: rgba(1,1,1,1);
    border : 1px solid rgba(255,255,255,1) ;
}
.dp0610-status-disable {
    background-color: #ababab;
    color: rgba(1,1,1,1);
    border : 1px solid rgba(255,255,255,1) ;
}
.dp0610-status-stop {
    background-color: #f8b6b3;
    color: rgba(1,1,1,1);
    border : 1px solid rgba(255,255,255,1) ;
}
#status-color-sample{
    margin: 15px 0 0 15px;
}
#status-color-sample div {
    float: left;
}
#status-color-sample .color-box {
    width: 30px;
    height: 20px;
    margin-left: 5px;
}

/* - eof. */