@charset "utf-8";

.contents-header,
.sub-contents-container > .sub-contents {
	margin-bottom : 64px;
}

.sub-contents-header {
	margin-left : 4px;
	margin-bottom : 8px;
}

.sub-contents-body,
.sub-contents-body > .sub-contents {
	margin-left : 4px;
	margin-bottom : 32px;
}

.sub-contents-body-entity {
	font-size : 12px;
}

ul ul {
	padding : 0px;
	list-style-type : none;
}

.code-area {
	width : auto;
	height : auto;
	margin : 4px 0px;
	padding : 12px;
	background-color : #333333;
	border-radius : 4px / 4px;
	display : block;
}

.code-ln {
	background-color : #333333;
	color : #f6f6f6;
	display : block;
}

.code-area-request {
	background-color : #f0f8ff;
	border : solid thin #d0d8dd;
}

.code-ln-request {
	font-weight : 600;
	color : #333333;
}

.pills-clickable {
	color : #0099ff;
}

.pills-clickable:hover {
	background-color : #cceeff;
}

.column_spec_legend {
	position: relative;
	left: 65%;
	font-size:13px;
}

thead.target-table {
	display: block;
}

tbody.target-table {
	display: block;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 500px;
	width: 930px;
}

th.sheet {
	width: 150px;
}
td.sheet {
	width: 150px;
}
th.target {
	width: 150px;
}
td.target {
	width: 150px;
}
th.target-event {
	width: 300px;
}
td.target-event {
	width: 300px;
}
th.event-name {
	width: 300px;
}
td.event-name {
	width: 300px;
}

.toggle_switch {
  position: relative;
  cursor: pointer;
}

.toggle_switch::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  background: url(../img/arrow_down.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  transition: transform .2s;
}
.toggle_switch.open::after {
  transform: rotateZ(180deg);
  top: 46%;
}
.toggle_contents {
  display: none;
  padding: 5px 10px;
}
.toggle_contents_first {
  padding: 5px 10px;
}