@charset "UTF-8";
/* line 29, app/assets/stylesheets/level_diagram.scss */
.level-border {
  width: 100%;
  border-bottom: 1px solid black;
  margin: 1rem 1rem;
}

/* line 34, app/assets/stylesheets/level_diagram.scss */
.left, .min_left, .max_left {
  position: absolute;
  color: black;
  font-size: 16px;
  top: 15px;
  left: 0px;
}

/* line 42, app/assets/stylesheets/level_diagram.scss */
.top_div_con .left, .top_div_con .min_left, .top_div_con .max_left {
  display: none;
}

/* line 47, app/assets/stylesheets/level_diagram.scss */
.right, .min_right, .max_right {
  position: absolute;
  color: black;
  font-size: 16px;
  top: 15px;
  right: 0px;
}

/* line 55, app/assets/stylesheets/level_diagram.scss */
#rf-amp-diagram {
  white-space: nowrap;
}

/* line 58, app/assets/stylesheets/level_diagram.scss */
.modalArea {
  z-index: 2;
  display: none;
  position: fixed;
  z-index: 10;
  /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 69, app/assets/stylesheets/level_diagram.scss */
.modalBg {
  width: 100%;
  height: 200%;
  background-color: rgba(30, 30, 30, 0.6);
}

/* line 75, app/assets/stylesheets/level_diagram.scss */
.modalWrapper {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  max-width: 500px;
  padding: 10px 30px;
  background-color: #fff;
}

/* line 85, app/assets/stylesheets/level_diagram.scss */
.firstMargin {
  height: calc(82px + 0.5rem);
}

/* line 88, app/assets/stylesheets/level_diagram.scss */
.aggregateGain {
  position: relative;
  margin-bottom: 2.5rem;
}

/* line 91, app/assets/stylesheets/level_diagram.scss */
.aggregateGain input, .aggregateGain label {
  display: inline-block;
  text-align: right;
}

/* line 96, app/assets/stylesheets/level_diagram.scss */
.firstGain {
  position: relative;
  margin-bottom: 0.25rem;
}

/* line 99, app/assets/stylesheets/level_diagram.scss */
.firstGain input, .firstGain label {
  display: inline-block;
  text-align: right;
}

/* line 104, app/assets/stylesheets/level_diagram.scss */
.firstNF {
  position: relative;
  margin-bottom: 0.25rem;
}

/* line 107, app/assets/stylesheets/level_diagram.scss */
.firstNF input, .firstNF label {
  display: inline-block;
  text-align: right;
}

/* line 112, app/assets/stylesheets/level_diagram.scss */
.outputForm {
  position: relative;
  left: 40%;
  margin-bottom: 0.25rem;
}

/* line 116, app/assets/stylesheets/level_diagram.scss */
.outputForm input, .outputForm label {
  display: inline-block;
  text-align: right;
}

/* line 122, app/assets/stylesheets/level_diagram.scss */
.setPosition {
  display: block;
  margin: 0 auto 0.25rem;
  font-size: 0px;
}

/* line 128, app/assets/stylesheets/level_diagram.scss */
.level-attenuator {
  font-size: 12px;
}

/* line 132, app/assets/stylesheets/level_diagram.scss */
.setButton {
  position: initial;
  width: 35px;
  height: 35px;
  padding: unset !important;
}

/* line 139, app/assets/stylesheets/level_diagram.scss */
.setNumber {
  font-size: 16px;
  margin-bottom: 0.25rem;
}

/* line 143, app/assets/stylesheets/level_diagram.scss */
.In {
  position: relative;
  font-size: 24px;
  top: 40px;
  left: 50px;
}

/* line 149, app/assets/stylesheets/level_diagram.scss */
.Out, .min_Out, .max_Out {
  position: absolute;
  top: 40px;
  font-size: 24px;
  left: 260px;
}

/* line 156, app/assets/stylesheets/level_diagram.scss */
#min_level-diagram-chart, #level-diagram-chart, #max_level-diagram-chart,
#min_frequency-vs-gain-chart, #frequency-vs-gain-chart, #max_frequency-vs-gain-chart {
  max-width: 600px;
  max-height: 350px;
}

/* line 162, app/assets/stylesheets/level_diagram.scss */
input[type="checkbox"] {
  width: 1em;
  height: 1em;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* line 171, app/assets/stylesheets/level_diagram.scss */
#product-select-box {
  text-align: center;
  vertical-align: top;
}

/* line 176, app/assets/stylesheets/level_diagram.scss */
#datasheet-table-head {
  vertical-align: top;
}

/* line 180, app/assets/stylesheets/level_diagram.scss */
table.dataTable {
  width: 100%;
  margin: 0;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}

/* line 187, app/assets/stylesheets/level_diagram.scss */
.table-list-icons th > .fa {
  color: #FFF;
  border-radius: 0 !important;
  text-align: center;
  background-color: #d60011;
  margin-right: 0 !important;
}

/* line 194, app/assets/stylesheets/level_diagram.scss */
.filter-select
select :disabled {
  color: #cccccc;
}

/* line 200, app/assets/stylesheets/level_diagram.scss */
table.dataTable.search-index-table {
  border-collapse: collapse !important;
}

/* line 204, app/assets/stylesheets/level_diagram.scss */
table.search-index-table {
  width: auto;
  max-width: none;
}

/* line 207, app/assets/stylesheets/level_diagram.scss */
table.search-index-table thead tr th {
  border: 2px solid #e9ecef;
  min-width: 60px;
  text-align: center;
  white-space: nowrap;
  padding: 10px 60px;
  outline: none;
}

/* line 214, app/assets/stylesheets/level_diagram.scss */
table.search-index-table thead tr th:first-child {
  min-width: 60px;
  text-align: center;
  white-space: nowrap;
  padding: 10px 60px;
}

/* line 219, app/assets/stylesheets/level_diagram.scss */
table.search-index-table thead tr th:first-child:first-child {
  min-width: 60px;
  padding: 10px;
}

/* line 223, app/assets/stylesheets/level_diagram.scss */
table.search-index-table thead tr th:first-child label {
  font-weight: bold;
}

/* line 227, app/assets/stylesheets/level_diagram.scss */
table.search-index-table thead tr th.datasheet-head {
  padding: 10px;
  min-width: 70px;
}

/* line 233, app/assets/stylesheets/level_diagram.scss */
table.search-index-table tbody tr td:first-child {
  text-align: center;
  vertical-align: middle;
}

/* line 240, app/assets/stylesheets/level_diagram.scss */
tbody.text-dark {
  overflow-y: scroll;
  overflow-x: scroll;
}

/* line 244, app/assets/stylesheets/level_diagram.scss */
.text-dark > tr > th {
  font-weight: bold;
  background: #FBE5E7;
}

/* line 248, app/assets/stylesheets/level_diagram.scss */
.text-dark > tr > td {
  padding: 8px 10px;
  vertical-align: middle;
}

/* line 252, app/assets/stylesheets/level_diagram.scss */
tbody.text-dark tr td .image_tag {
  text-align: center;
}

/* line 257, app/assets/stylesheets/level_diagram.scss */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* line 261, app/assets/stylesheets/level_diagram.scss */
::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}

/* line 265, app/assets/stylesheets/level_diagram.scss */
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

/* line 271, app/assets/stylesheets/level_diagram.scss */
.datasheet_column {
  text-align: center;
}

/* line 275, app/assets/stylesheets/level_diagram.scss */
button:focus {
  outline: none;
}

/* line 278, app/assets/stylesheets/level_diagram.scss */
.top_div {
  display: inline-block;
  width: 235px;
  text-align: center;
  position: relative;
  left: 90px;
  white-space: nowrap;
}

/* line 286, app/assets/stylesheets/level_diagram.scss */
.top_div textarea {
  overflow-y: scroll;
  resize: none;
  white-space: pre-wrap;
  font-weight: normal;
}

/* line 294, app/assets/stylesheets/level_diagram.scss */
.triangleRight, .squareRight {
  display: block;
  width: 100%;
  position: relative;
}

/* line 298, app/assets/stylesheets/level_diagram.scss */
.triangleRight img, .squareRight img {
  pointer-events: none;
}

/* line 303, app/assets/stylesheets/level_diagram.scss */
.ownForm {
  display: block;
  margin-bottom: 0.25rem;
}

/* line 306, app/assets/stylesheets/level_diagram.scss */
.ownForm input, .ownForm label {
  display: inline-block;
  text-align: right;
}

/* line 312, app/assets/stylesheets/level_diagram.scss */
.z-index {
  z-index: 1;
  /* 重なり順指定 */
  position: relative;
  /* 位置指定 */
  box-sizing: border-box;
  /* 崩れ防止 */
}

/* line 318, app/assets/stylesheets/level_diagram.scss */
.cap-label-min-freq-val, .cap-label-mid-freq-val, .cap-label-max-freq-val, .cap-label-min-freq-unit, .cap-label-mid-freq-unit, .cap-label-max-freq-unit {
  display: none !important;
}

/* line 322, app/assets/stylesheets/level_diagram.scss */
.min_cap-label-first-gain, .cap-label-first-gain, .max_cap-label-first-gain, .min_cap-label-first-nf, .cap-label-first-nf, .max_cap-label-first-nf {
  display: none !important;
}

/* line 326, app/assets/stylesheets/level_diagram.scss */
.min_cap-label-output-gain, .cap-label-output-gain, .max_cap-label-output-gain, .min_cap-label-output-nf, .cap-label-output-nf, .max_cap-label-output-nf {
  display: none !important;
}

/* line 330, app/assets/stylesheets/level_diagram.scss */
.min_cap-label-own-gain, .cap-label-own-gain, .max_cap-label-own-gain, .min_cap-label-own-nf, .cap-label-own-nf, .max_cap-label-own-nf {
  display: none !important;
}

/* line 334, app/assets/stylesheets/level_diagram.scss */
.min_cap-label-type-name, .cap-label-type-name, .max_cap-label-type-name, .min_cap-label-memo, .cap-label-memo, .max_cap-label-memo {
  display: none !important;
}

/* line 338, app/assets/stylesheets/level_diagram.scss */
.min_cap-label-aggregate-gain, .cap-label-aggregate-gain, .max_cap-label-aggregate-gain {
  display: none !important;
}

/* 画面キャプチャ時に適用するスタイル */
/* line 343, app/assets/stylesheets/level_diagram.scss */
.on-capture {
  /* ウィンドウの状態に関わらず、出力結果を同じにする */
  width: calc(1920px - 2rem);
  /* 出力対象でない部品を隠す */
  /* 出力対象でない部品を隠したことにより発生するズレを直す */
}

/* line 348, app/assets/stylesheets/level_diagram.scss */
.on-capture .cap-non-display {
  display: none !important;
}

/* line 352, app/assets/stylesheets/level_diagram.scss */
.on-capture .tab.is-active {
  display: block !important;
}

/* line 357, app/assets/stylesheets/level_diagram.scss */
.on-capture .firstMargin {
  height: calc(47px + 0.25rem);
}

/* line 361, app/assets/stylesheets/level_diagram.scss */
.on-capture .cap-label-min-freq-val, .on-capture .cap-label-mid-freq-val, .on-capture .cap-label-max-freq-val {
  display: flex !important;
  width: 50px;
  padding: 0rem 0.75rem;
  justify-content: flex-end;
}

/* line 368, app/assets/stylesheets/level_diagram.scss */
.on-capture .cap-label-min-freq-unit, .on-capture .cap-label-mid-freq-unit, .on-capture .cap-label-max-freq-unit {
  display: inline-block !important;
  width: 15px;
  text-align: right !important;
}

/* line 374, app/assets/stylesheets/level_diagram.scss */
.on-capture .min_cap-label-aggregate-gain, .on-capture .cap-label-aggregate-gain, .on-capture .max_cap-label-aggregate-gain {
  display: inline-block !important;
  text-align: left !important;
}

/* line 379, app/assets/stylesheets/level_diagram.scss */
.on-capture .min_cap-label-first-gain, .on-capture .cap-label-first-gain, .on-capture .max_cap-label-first-gain, .on-capture .min_cap-label-first-nf, .on-capture .cap-label-first-nf, .on-capture .max_cap-label-first-nf {
  display: inline-block !important;
  text-align: left !important;
}

/* line 384, app/assets/stylesheets/level_diagram.scss */
.on-capture .min_cap-label-output-gain, .on-capture .cap-label-output-gain, .on-capture .max_cap-label-output-gain, .on-capture .min_cap-label-output-nf, .on-capture .cap-label-output-nf, .on-capture .max_cap-label-output-nf {
  display: inline-block !important;
  text-align: left !important;
}

/* line 389, app/assets/stylesheets/level_diagram.scss */
.on-capture .min_cap-label-own-gain, .on-capture .cap-label-own-gain, .on-capture .max_cap-label-own-gain, .on-capture .min_cap-label-own-nf, .on-capture .cap-label-own-nf, .on-capture .max_cap-label-own-nf {
  display: inline-block !important;
  text-align: left !important;
}

/* line 394, app/assets/stylesheets/level_diagram.scss */
.on-capture .min_cap-label-type-name, .on-capture .cap-label-type-name, .on-capture .max_cap-label-type-name {
  display: block !important;
  font-weight: normal !important;
}

/* line 399, app/assets/stylesheets/level_diagram.scss */
.on-capture .min_cap-label-memo, .on-capture .cap-label-memo, .on-capture .max_cap-label-memo {
  display: block !important;
  word-break: break-all;
  white-space: pre-wrap;
  overflow: hidden;
  width: 100%;
  height: 38px;
  padding: 3px;
  font-size: 12px;
  font-weight: normal !important;
}

/* line 410, app/assets/stylesheets/level_diagram.scss */
.on-capture .cap-style {
  text-align: right !important;
  font-weight: normal !important;
}

/* line 416, app/assets/stylesheets/level_diagram.scss */
.disabled {
  pointer-events: none;
}

/* line 420, app/assets/stylesheets/level_diagram.scss */
.nopadding {
  padding: 0;
}

/* line 424, app/assets/stylesheets/level_diagram.scss */
#myKeyword {
  height: 100%;
  width: 100%;
}

/* line 429, app/assets/stylesheets/level_diagram.scss */
.maximum_p1db {
  display: flex;
  justify-content: space-between;
}

/* 周波数表示エリア用スタイル */
/* line 435, app/assets/stylesheets/level_diagram.scss */
.frequency_area {
  margin-bottom: 0.5rem;
}

/* レベルダイヤ画面の周波数タブ用スタイル */
/* line 440, app/assets/stylesheets/level_diagram.scss */
.tab-area {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/* line 445, app/assets/stylesheets/level_diagram.scss */
.tab-area .tab-group {
  display: flex;
  margin: 10px 0 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/* line 449, app/assets/stylesheets/level_diagram.scss */
.tab-area .tab-group .tab {
  padding: 5px 10px 5px 10px;
  list-style: none;
  border-top: solid 3px #EEE;
  color: #d60011;
  text-align: center;
  cursor: pointer;
  background-color: #F4F4F4;
  margin-right: 1px;
  font-size: 14px;
  border-radius: 5px 5px 0 0;
  border-left: 1px solid rgba(0, 0, 0, 0.125);
  border-right: 1px solid rgba(0, 0, 0, 0.125);
}

/* line 463, app/assets/stylesheets/level_diagram.scss */
.tab-area .tab-group .tab.is-active {
  border-top: solid 3px #d60011;
  background-color: #fafafa;
  transition: all 0.2s ease-out;
  margin-bottom: -2px;
}

/* line 471, app/assets/stylesheets/level_diagram.scss */
.tab:hover {
  border-top: solid 3px lightgray !important;
  background-color: #F4F4F4 !important;
}

/* line 475, app/assets/stylesheets/level_diagram.scss */
.panel-group {
  border-top: none;
  border-bottom: none;
}

/* line 478, app/assets/stylesheets/level_diagram.scss */
.panel-group .panel {
  display: none;
}

/* line 481, app/assets/stylesheets/level_diagram.scss */
.panel-group .panel.is-show {
  display: block;
}

/* データシート確認ボタン用スタイル */
/* line 487, app/assets/stylesheets/level_diagram.scss */
#data_sheet_area {
  padding: 0;
  line-height: 37px;
  border: 0;
  font-size: 10pt;
}

/* line 492, app/assets/stylesheets/level_diagram.scss */
#data_sheet_area .data_sheet_btn {
  text-decoration: none;
  color: #FFF;
  display: block;
  border: 1px solid transparent;
  border-color: #17a2b8 #17a2b8 #117a8b;
}

/* 製品詳細確認ボタン用スタイル */
/* line 502, app/assets/stylesheets/level_diagram.scss */
#product_detail_area {
  padding: 0;
  line-height: 37px;
  border: 0;
  font-size: 10pt;
}

/* line 507, app/assets/stylesheets/level_diagram.scss */
#product_detail_area .product_detail_btn {
  text-decoration: none;
  color: #FFF;
  display: block;
  border: 1px solid transparent;
  border-color: #17a2b8 #17a2b8 #117a8b;
}

/* memo欄が2行表示されるようにするスタイル(Firefoxではrowsの値が＋1されるため) */
/* line 517, app/assets/stylesheets/level_diagram.scss */
.row-2 {
  height: calc( 1.6em * 2);
  line-height: 1.4;
}

/* 会員登録メッセージのスタイル */
/* line 523, app/assets/stylesheets/level_diagram.scss */
.condition_no_login_child {
  font-size: 15px;
}

/* line 526, app/assets/stylesheets/level_diagram.scss */
.no_login_message {
  text-decoration: underline;
}

/* line 531, app/assets/stylesheets/level_diagram.scss */
.video-link a {
  padding: 3px 12px !important;
}

/* line 535, app/assets/stylesheets/level_diagram.scss */
.video-link i {
  vertical-align: middle;
  font-size: 25px;
}

/* line 540, app/assets/stylesheets/level_diagram.scss */
.video-link span {
  line-height: 30px;
}