@charset "utf-8";
/* CSS Document */

/*--------------------*/
/* テーブルスタイル */
table.tb {
	width: 100%;
	background: #FFFCFA;
}
table.tb tr {
	border-bottom:#DADADA 1px solid;
}
table.tb th {
	font-size: 12px;
	height: 40px;
	vertical-align: middle;
	background: #FFE7CD;
	text-align: center;
}
table.tb td {
	font-size: 12px;
	line-height: 14px;
	padding: 4px 0;
	color: #5B5B5B;
	border-bottom:#DADADA 1px solid;
	border-right:#DADADA 1px solid;
}
table.tb td:last-child { border-right: 0; }
table.tb img {
	display: block;
	margin: 0 auto;
}
table.tb td.ques, table.tb td.ans, table.tb td.new, table.tb td.grade, table.tb td.page_cnt, table.tb td.hyoka, table.tb td.rank, table.tb td.print_no, table.tb td.print_type, table.tb td.type, 
table.tb td.movie, table.tb td.voice, table.tb td.set, table.tb td.set_no, table.tb td.level, table.tb td.linage, table.tb td.put, table.tb td.nen, table.tb td.kanji, table.tb td.kakusu, table.tb .onyomi, 
table.tb td.movielink, table.tb td.mathedit, table.tb td.select_print, table.tb .check_ar, table.tb .put_ar, table.tb .movietime, table.tb .moviesize { text-align:center; }
table.tb td.title, table.tb td.yomi, table.tb td.kaki, table.tb .kunyomi { text-align:left; }

table.tb .ques { width: 40px; }
.ques input, .ans input { vertical-align: middle; }
table.tb .ans { width: 40px; }
table.tb .new { width: 40px; }
/* パワーアップ解説動画用[2020.02.07] */
table.tb .grade { width: 40px; }
table.tb .page_cnt { width: 60px; }
table.tb .hyoka { width: 70px; }
table.tb .hyoka > img { width: 60px; height: 30px; }
table.tb .rank { width: 60px; }
table.tb .print_no { width: 40px; }
table.tb .print_type { width: 120px; }
table.tb .movie { width: 40px; }
table.tb .voice { width: 40px; }
/* free */
table.tb .put { width: 38px; }
table.tb .set_no { width: 40px; }
.free table.tb .hyoka { width: 64px; }
table.tb .type { width: 70px; }
table.tb .level { width: 50px; }
table.tb .linage { width: 38px; }
/* 漢字ドリル */
table#free50 td { height: 40px; }
table.tb .set { width: 40px; }
table#free50 td.set_no { width: 65px; }
table.tb .nen { width: 40px; }
table#free50 td.titlename { text-indent: 8px; }
table.tb .yomi { width: 200px; text-indent: 8px; }
table.tb .kaki { width: 170px; text-indent: 8px; }
/* 漢字書き取り */
table.tb td.kanji { width: 40px; font-size: 20px; }
table.tb td.busyu { text-indent: 5px; font-size: 12px; }
table.tb td.kakusu { width: 40px; }
table.tb td.onyomi { font-size: 12px; }
table.tb td.kunyomi { text-indent: 5px; font-size: 12px; }
/* 単元アコーディオン部 */
table.tb .title { padding: 0 10px; }
table.tb .tangen_l { text-indent: 10px; font-size: 15px; font-weight: bold; color: #000; }
table.tb .tangen_m { text-indent: 20px; font-size: 14px; font-weight: normal; color: #000; }
/* 単元アコーディオン条件差異分(大単元のみ) */
table.tb .tangen_l.tanget_sty { border-bottom: #DADADA 4px double; }

/* テーブルヘッダーソート用 */
table.tb th.sort {cursor: pointer;}
table.tb th.sortview_asc:after {content:"△";}
table.tb th.sortview_desc:after {content:"▽";}

/*-------------- QRはりつけ --------------*/
table.tb_line { border:#DADADA 1px solid; }
table.tb .select_print { width: 55px; }
table.tb .check_ar { width: 40px; }
table.tb .movielink { width: 40px; }
table.tb .movietime { width: 70px; }
table.tb .moviesize { width: 60px; }
table.tb .put_ar { width: 55px; }
table.tb .tangen_l_name { text-indent: 10px; font-size: 15px; font-weight: bold; color: #000; padding: 15px 0; }
table.tb .tangen_m_name { text-indent: 20px; font-size: 14px; font-weight: normal; color: #000; padding: 15px 0; }

/*---------------- 算数編集ツール ----------------*/
table.tb .gakunen { text-indent: 10px; font-size: 15px; font-weight: bold; color: #000; padding: 10px 0; }
table.tb .mathedit { width: 40px; }


/*--------------------*/
/* テーブルヘッダー「問題・解答」一括ボタン */
input[name="allq"], input[name="alla"]{ display: none; }
.btnAll { cursor: pointer; vertical-align: middle; }

/*--------------------*/
/* プレビューリンク */
table.tb td { line-height: 20px; vertical-align:middle; }
table.tb td a {
	display:block;
	width:100%;
	padding: 10px 0;
	text-decoration: none;
} 
table.tb .put a, table.tb .put_ar a, table.tb .movie a, table.tb .voice a  { padding: 0; }	/* 問題追加・削除・動画・音声ボタン域 */
table.tb .tangen_l:hover, table.tb .tangen_m:hover, table.tb .title:hover, table.tb .kanji:hover {
	border-bottom: 2px solid #FFA033; 
} 
table.tb .tangen_l.tanget_sty a:hover { border-bottom: 2px solid #FFA033; } /* 単元アコーディオン条件差異分(大単元のみ) */
table.tb .kanji:hover,table.tb .kanji:hover * { color:#FFA033; }

/*--------------------*/
/* ポップアップ */
#popup-background{
    position:fixed;     /* 位置の固定 */
    top: 0;             /* 表示位置 */
    left: 0;            /* 表示位置 */
    height: 100%;       /* 画面全体に表示 */
    width: 100%;        /* 画面全体に表示 */
    background:#000;    /* 背景色 */
    opacity: 0.60;      /* 透明度 */
    margin: 0;          /* 余白の削除 */
    padding: 0;         /* 余白の削除 */
    z-index:1000;       /* 要素のz座標 */
}
#popup-item{
    position:fixed;     /* 位置の固定 */
    top: 50%;           /* 表示位置(真ん中に表示) */
    left: 50%;          /* 表示位置(真ん中に表示) */
    margin: 0;          /* 余白の削除 */
    padding: 0;         /* 余白の削除 */
    z-index:1001;       /* 要素のz座標 */
}
.markbox {
	width: 28px;
	height: 28px;
	margin-left: 5px;
	background-color:#CE3D40;
	border-radius: 50%;
	padding-top: 9px;
	font-size: 8px;
	line-height: 10px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;   
}