/* Title:       Table stylesheet
   Theme URI:   http://www.casio.com
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* Normalize
─────────────────────────────────────────────────────────────────────────────────── */

table {
	border-collapse: collapse;
}
th {
	font-weight: normal;
	text-align: left;
}


/* Headers
─────────────────────────────────────────────────────────────────────────────────── */

[class*="table"] .t-size-large {
	padding: 0 .533em;
}

/* PC > 768px */
@media print, screen and (min-width: 48em) {

	[class*="table"] .t-size-large {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
	[class*="table"] .t-size-large.no--mt {
		margin-top: 0;
	}

}


/* Paragraph
─────────────────────────────────────────────────────────────────────────────────── */

[class*="table"] p,
[class*="table"].list-symbol li,
[class*="table"].note li {
	margin: 0;
}
[class*="table"].note {
	font-size: .8em;
}

/* PC > 768px */
@media print, screen and (min-width: 48em) {

	[class*="table"] th p,
	[class*="table"] td p,
	[class*="table"] td .list-symbol li,
	[class*="table"] td .note li {
		margin-top: 0;
		margin-bottom: 0;
	}
}


/* S1 / S2 / S3
─────────────────────────────────────────────────────────────────────────────────── */

[class*="table-s"] table {
	display: block;
}
[class*="table-s"] th,
[class*="table-s"] td {
	display: block;
	padding: 0;
	border: none;
	background: transparent;
	font-size: 1em;
}

[class*="table-s"] th {
	margin-bottom: .5em;
	font-weight: bold;
}
[class*="table-s"] td {
	margin-bottom: 1em;
	padding-left: 1em;
}

/* S1 */
.table-s1 th {
	font-weight: bold;
}

/* S3 */
.table-s3 th {
	display: list-item;
	list-style: disc;
	margin-left: 1.5em;
}
.table-s3 td {
	display: list-item;
	list-style: disc;
	margin-left: 2.8em;
}


/* SP < 768px */
@media print, screen and (max-width: 47.9em) {
	[class*="table-s"] tbody,
	[class*="table-s"] tr {
		display: block;
	}
}

/* PC > 768px */
@media print, screen and (min-width: 48em) {
	[class*="table-s"] table {
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	[class*="table-s"] th,
	[class*="table-s"] td {
		display: table-cell;
		border: 1px solid #d5d4d4;
		padding: 1.6em;
		font-size: .8em;
	}
	[class*="table-s"] th {
		width: 31.4%;
		color: #282828;
		background: #f5f5f5;
	}
	[class*="table-s"] td {
		background: #fff;
	}

	.table-s1 th {
		font-weight: normal;
	}
}


/* M1 / M2
─────────────────────────────────────────────────────────────────────────────────── */

[class*="table-m"] {
	width: 100%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

[class*="table-m"] table {
	display: table;
}

[class*="table-m"] th,
[class*="table-m"] td {
	display: table-cell;
	border: 1px solid #d5d4d4;
	padding: 1.6em;
	font-size: .8em;
}
[class*="table-m"] th {
	color: #282828;
	background: #f5f5f5;
}
[class*="table-m"] td {
	background: #fff;
}

/* M1 */
.table-m1 th,
.table-m1 td {
	white-space: nowrap;
}

/* M2 */
.table-m2 th,
.table-m2 td {
	padding: 1.6em 1em;
	text-align: center;
}
.table-m2 th p,
.table-m2 td p {
	white-space: normal;
	padding: 0 .6em;
	text-align: left;
}


/* PC > 768px */
@media print, screen and (min-width: 48em) {

	[class*="table-m"] {
		overflow: visible;
	}
	[class*="table-m"] table {
		display: table;
		table-layout: fixed;
		width: 100%;
		margin-bottom: 1em;
	}

	/* M1 */
	.table-m1 th,
	.table-m1 td {
	  white-space: normal;
	}

	/* M2 */
	.table-m2,
	.table-m2 table {
		margin-bottom: 0;
	}

}


/* list
─────────────────────────────────────────────────────────────────────────────────── */

[class*="table"] td ul:not(.note) {
	padding-left: 0;
	margin-left: 1.5em;
}

[class*="table"] td li {
	position: relative;
	/*list-style-type: none;*/
	padding-left: 0;
}

/* PC > 768px */
@media print, screen and (min-width: 48em) {

	[class*="table"] td ul {
		margin: 0;
	}

	[class*="table"] td li {
		position: static;
		list-style-type: none;
		padding-left: 0;
	}

	[class*="table"] td ul:not(.note) li:before {
		content: none;
	}
}


/* Note
─────────────────────────────────────────────────────────────────────────────────── */

[class*="table"] .list-symbol,
[class*="table"] .note {
	margin-top: .5em;
	font-size: 1em;
}

/* PC > 768px */
@media print, screen and (min-width: 48em) {

	.table-note {
		margin-top: 1em;
	}

}



/* HYEMI KIM (2016.04.01 add -answer) */

.commonTable {width:100%; overflow:visible;}
.commonTable table {
	border-collapse:separate;
	width:100%;
}

.commonTable table td {
	font-size:12px;
}

.commonTable table td img{
	display:inline;
}

.commonTable table.df-type2 {
	border-collapse:collapse;
}

.commonTable table.df-type2 td {
	border: black 0.5pt solid;
	background-color: white;
}

.commonTable table.df-type2 td img {
	margin:0 auto;
}


.bordered_table {
  margin-top:25px;
  margin-bottom: 25px;
  border-top: 2px solid #333;
  width: 100%;
  display: table;
  box-sizing: border-box;
  float:left;
  border:3px double #e0e0e0;
  border-bottom:0;
  font-size:.8em;
}


.bordered_table_section {
  display: table-row;
}

.bordered_table_heading, .bordered_table_body {
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
  display: table;
  vertical-align: middle;
  text-align: left;
}

.bordered_table_heading {
  width: 100%;
  background-color: #f5f5f5;
  font-size:1.0em;
  font-weight:600;
  margin:0;
  text-align:center;
}
.bordered_table_body {
  background-color: #fff;
  width:100%;
  padding:10px 0;
  box-sizing:border-box;
  text-align:center;
}
.question_container span {
	display:inline-block;
	width:24%;
}

.question_container span label {margin:0;}

@media print, screen and (max-width: 48em) {
	.commonTable {width:100%; overflow:scroll;}
	.commonTable table {
	border-collapse:separate;
	width:820px;
	}
	.question_container span {width:49%;}
}