@charset "UTF-8";
/* line 5, app/assets/stylesheets/attend.scss */
body#attend {
  /* 欠席者数を表記する文字 */
  /* 欠席者を表記する文字 */
  /* エクスポートリンク装飾 */
  /* エクスポートリンク装飾 */
  /* 管理者メニュー装飾 */
  /* 戻るメニュー装飾 */
  /* テキストの装飾 */
  /* button 関連 */
  /* 出欠状況の登録へ */
  /* 登録を実行 */
  /* テーブル共通 */
  /* 座席表テーブルの横幅指定 */
  /* 座席表テーブルの横幅指定 */
  /* 座席番号が記載されたセルのtd */
  /* 学籍番号・学生氏名が記載されたセル */
  /* 欠席者ON時のスタイル */
  /* 該当の座席番号に誰もいない場合ののスタイル */
  /* 座席表テーブルの机と机の間*/
  /* 座席表テーブルの机と机の間*/
  /* 出欠状況一覧のテーブル関連（名票の学生一覧も） */
  /* 出欠状況一覧のテーブル関連 */
  /* 出欠メニューのテーブル関連 */
  /* 出欠メニューのテーブル関連 */
}

/* line 7, app/assets/stylesheets/attend.scss */
body#attend header {
  background-color: #2e7d32;
  padding: 4px 8px;
}

/* line 11, app/assets/stylesheets/attend.scss */
body#attend header ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 11px;
}

/* line 20, app/assets/stylesheets/attend.scss */
body#attend header ul li {
  white-space: nowrap;
}

/* line 21, app/assets/stylesheets/attend.scss */
body#attend header ul a {
  color: #fff;
  text-decoration: none;
}

/* line 22, app/assets/stylesheets/attend.scss */
body#attend header ul a:hover {
  color: #ddd;
}

/* line 26, app/assets/stylesheets/attend.scss */
body#attend #kesseki_cnt {
  font-size: 18px;
  color: #ff5555;
}

/* line 31, app/assets/stylesheets/attend.scss */
body#attend #add_val {
  font-size: 18px;
  font-weight: bold;
  color: #ff5555;
}

/* line 37, app/assets/stylesheets/attend.scss */
body#attend h3.del {
  background: #ff5f5f;
}

/* line 40, app/assets/stylesheets/attend.scss */
body#attend dl#login {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
}

/* line 45, app/assets/stylesheets/attend.scss */
body#attend dl#login dt {
  float: left;
  width: 100px;
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 1px 10px;
}

/* line 51, app/assets/stylesheets/attend.scss */
body#attend dl#login dd {
  width: 300px;
  margin: 0px 0px 1px 105px;
  padding: 1px 5px 1px 5px;
}

/* line 59, app/assets/stylesheets/attend.scss */
body#attend a.exp {
  display: inline-block;
  /*インラインブロックを指定*/
  width: 30px;
  /*幅を指定*/
  margin: 0px 3px 0px 0px;
  border: 1px solid #0a0;
  /*境界線を指定 */
  text-align: center;
  /*中央寄せに*/
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  color: #0a0;
  transition: 0.5s;
}

/* line 73, app/assets/stylesheets/attend.scss */
body#attend a.exp:hover {
  color: #fff;
  background: #0a0;
}

/* line 78, app/assets/stylesheets/attend.scss */
body#attend a.chk {
  display: inline-block;
  /*インラインブロックを指定*/
  width: 30px;
  /*幅を指定*/
  margin: 0px 3px 0px 0px;
  border: 1px solid #2196f3;
  /*境界線を指定 */
  text-align: center;
  /*中央寄せに*/
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  color: #2196f3;
  transition: 0.5s;
}

/* line 92, app/assets/stylesheets/attend.scss */
body#attend a.chk:hover {
  color: #fff;
  background: #2196f3;
}

/* line 96, app/assets/stylesheets/attend.scss */
body#attend input.del[type="submit"] {
  display: inline-block;
  /*インラインブロックを指定*/
  width: 30px;
  /*幅を指定*/
  margin: 0px 3px 0px 0px;
  border: 1px solid #ff7c7c;
  /*境界線を指定 */
  text-align: center;
  /*中央寄せに*/
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  color: #ff7c7c;
  transition: 0.5s;
}

/* line 110, app/assets/stylesheets/attend.scss */
body#attend input.del[type="submit"]:hover {
  color: #fff;
  background: #ff7c7c;
}

/* line 114, app/assets/stylesheets/attend.scss */
body#attend input.rev[type="submit"] {
  display: inline-block;
  /*インラインブロックを指定*/
  width: 30px;
  /*幅を指定*/
  margin: 0px 3px 0px 0px;
  border: 1px solid #2196f3;
  /*境界線を指定 */
  text-align: center;
  /*中央寄せに*/
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  color: #2196f3;
  transition: 0.5s;
}

/* line 128, app/assets/stylesheets/attend.scss */
body#attend input.rev[type="submit"]:hover {
  color: #fff;
  background: #2196f3;
}

/* line 133, app/assets/stylesheets/attend.scss */
body#attend input.copy[type="submit"] {
  display: inline-block;
  /*インラインブロックを指定*/
  width: 30px;
  /*幅を指定*/
  border: 1px solid #adbd00;
  /*境界線を指定 */
  text-align: center;
  /*中央寄せに*/
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  color: #adbd00;
  transition: 0.5s;
}

/* line 146, app/assets/stylesheets/attend.scss */
body#attend input.copy[type="submit"]:hover {
  color: #fff;
  background: #adbd00;
}

/* line 153, app/assets/stylesheets/attend.scss */
body#attend a.menu.admin {
  display: inline-block;
  /*インラインブロックを指定*/
  margin: 5px 0px 2px 10px;
  padding: 3px 10px 3px 10px;
  border: 1px solid #262626;
  /*境界線を指定 */
  text-align: center;
  /*中央寄せに*/
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  color: #262626;
  transition: 0.5s;
}

/* line 167, app/assets/stylesheets/attend.scss */
body#attend a.menu.admin:hover {
  color: #fff;
  background: #262626;
}

/* line 173, app/assets/stylesheets/attend.scss */
body#attend a.menu.back {
  display: inline-block;
  /*インラインブロックを指定*/
  margin: 5px 0px 2px 10px;
  padding: 3px 10px 3px 10px;
  border: 1px solid #2196f3;
  /*境界線を指定 */
  text-align: center;
  /*中央寄せに*/
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  background: #f0ffff;
  color: #2196f3;
  transition: 0.5s;
}

/* line 187, app/assets/stylesheets/attend.scss */
body#attend a.menu.back:hover {
  color: #fff;
  background: #2196f3;
}

/* line 193, app/assets/stylesheets/attend.scss */
body#attend .result_student {
  margin: 10px 0px 10px 20px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5em;
}

/* line 200, app/assets/stylesheets/attend.scss */
body#attend .result_massage {
  margin: 10px 0px 10px 20px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5em;
  color: red;
}

/* line 210, app/assets/stylesheets/attend.scss */
body#attend input.syukketuhe[type="submit"] {
  display: inline-block;
  /*インラインブロックを指定*/
  margin: 5px 0px 15px 10px;
  padding: 3px 10px 3px 10px;
  border: 1px solid #262626;
  /*境界線を指定 */
  text-align: center;
  /*中央寄せに*/
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  color: #262626;
  transition: 0.5s;
}

/* line 224, app/assets/stylesheets/attend.scss */
body#attend input.syukketuhe[type="submit"]:hover {
  color: #fff;
  background: #262626;
}

/* line 228, app/assets/stylesheets/attend.scss */
body#attend input#reg_sub[type="submit"] {
  margin: 10px 0px 0px 3.5px;
  width: 200px;
  height: 30px;
  transition: .3s;
  border-radius: 3px;
  border: 1px solid #262626;
  background: #ececec;
  color: #262626;
}

/* line 238, app/assets/stylesheets/attend.scss */
body#attend input#reg_sub[type="submit"]:hover {
  width: 200px;
  height: 30px;
  background: #262626;
  color: white;
}

/* line 246, app/assets/stylesheets/attend.scss */
body#attend input.reg_sub[type="submit"] {
  width: 400px;
  /*幅を指定*/
  height: 80px;
  /*高さを指定*/
  display: inline-block;
  /*インラインブロックを指定*/
  margin: 5px 0px 15px 100px;
  padding: 3px 10px 3px 10px;
  border: 1px solid #0000ff;
  /*境界線を指定 */
  text-align: center;
  /*中央寄せに*/
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  background: #f0ffff;
  color: #0000ff;
  transition: 0.5s;
}

/* line 264, app/assets/stylesheets/attend.scss */
body#attend input.reg_sub[type="submit"]:hover {
  color: #fff;
  background: #0000ff;
}

/* line 270, app/assets/stylesheets/attend.scss */
body#attend td.center {
  text-align: center;
}

/* line 275, app/assets/stylesheets/attend.scss */
body#attend table.zaseki {
  width: 950px;
  border-collapse: collapse;
  /* 枠線(ボーダー)を重ねて表示 */
}

/* line 280, app/assets/stylesheets/attend.scss */
body#attend table.zaseki.jouhou {
  width: 1200px;
}

/* line 284, app/assets/stylesheets/attend.scss */
body#attend td.zaseki_no {
  border: 1px solid #000;
  /*境界線を指定 */
  background-color: #ececec;
  width: 78px;
  text-align: center;
}

/* line 291, app/assets/stylesheets/attend.scss */
body#attend td.studentnum {
  border: 1px solid #000;
  /*境界線を指定 */
  width: 78px;
  height: 58px;
  text-align: center;
  font-size: 11px;
}

/* line 298, app/assets/stylesheets/attend.scss */
body#attend td.studentnum.meihyoitiran {
  border: 1px solid #000;
  /*境界線を指定 */
  width: 190px;
  height: 25px;
  font-size: 14px;
  text-align: left;
}

/* line 306, app/assets/stylesheets/attend.scss */
body#attend td.studentnum.add {
  background-color: #ff5555;
}

/* line 310, app/assets/stylesheets/attend.scss */
body#attend td.studentnum.empty {
  background-color: #999;
}

/* line 314, app/assets/stylesheets/attend.scss */
body#attend td.kuuhaku {
  width: 5px;
}

/* line 318, app/assets/stylesheets/attend.scss */
body#attend td.kuugyou {
  height: 10px;
}

/* line 323, app/assets/stylesheets/attend.scss */
body#attend table.attend_itiran, body#attend table.kihon_info, body#attend table.attend_itiran_chk, body#attend table.zaseki_itiran {
  border-collapse: collapse;
  /* 枠線(ボーダー)を重ねて表示 */
  margin: 10px 0px 0px 5px;
  overflow-x: scroll;
}

/* line 329, app/assets/stylesheets/attend.scss */
body#attend table.attend_itiran {
  width: 1800px;
}

/* line 332, app/assets/stylesheets/attend.scss */
body#attend table.attend_itiran th, body#attend table.kihon_info th, body#attend table.attend_itiran_chk th, body#attend table.zaseki_itiran th {
  border: 1px solid #000;
  /*境界線を指定 */
  padding: 2px 5px 2px 5px;
  text-align: center;
  background-color: #f0ffff;
}

/* line 338, app/assets/stylesheets/attend.scss */
body#attend table.attend_itiran th.csv {
  border: 0px solid #000;
  /*境界線を指定 */
  background-color: #ffffff;
}

/* line 342, app/assets/stylesheets/attend.scss */
body#attend table.attend_itiran td, body#attend table.kihon_info td, body#attend table.attend_itiran_chk td, body#attend table.zaseki_itiran td {
  border: 1px solid #000;
  /*境界線を指定 */
  padding: 2px 5px 2px 5px;
}

/* line 346, app/assets/stylesheets/attend.scss */
body#attend table.attend_itiran td.pick, body#attend table.attend_itiran td.csv.pick {
  background-color: #fff6f6;
}

/* line 350, app/assets/stylesheets/attend.scss */
body#attend table.attend_itiran td.csv {
  border: 0px solid #000;
  /*境界線を指定 */
}

/* line 353, app/assets/stylesheets/attend.scss */
body#attend table.attend_itiran td.small {
  font-size: 12px;
}

/* line 356, app/assets/stylesheets/attend.scss */
body#attend table th.td_600 {
  width: 550px;
}

/* line 361, app/assets/stylesheets/attend.scss */
body#attend table.ki_select {
  border-collapse: collapse;
  /* 枠線(ボーダー)を重ねて表示 */
  margin: 10px 0px 0px 5px;
}

/* line 366, app/assets/stylesheets/attend.scss */
body#attend table.ki_select th {
  border: 1px solid #000;
  /*境界線を指定 */
  padding: 2px 5px 2px 5px;
  text-align: center;
  background-color: #f0ffff;
}

/* line 372, app/assets/stylesheets/attend.scss */
body#attend table.ki_select td {
  border: 1px solid #000;
  /*境界線を指定 */
  padding: 10px 5px 10px 5px;
}

/* line 378, app/assets/stylesheets/attend.scss */
body#attend table.jugyo_select {
  border-collapse: collapse;
  /* 枠線(ボーダー)を重ねて表示 */
  margin: 10px 0px 0px 5px;
}

/* line 383, app/assets/stylesheets/attend.scss */
body#attend table.jugyo_select th {
  border: 1px solid #000;
  /*境界線を指定 */
  padding: 2px 5px 2px 5px;
  text-align: center;
  background-color: #f0ffff;
}

/* line 389, app/assets/stylesheets/attend.scss */
body#attend table.jugyo_select td {
  border: 1px solid #000;
  /*境界線を指定 */
  padding: 10px 10px 10px 5px;
}

/* line 395, app/assets/stylesheets/attend.scss */
body#attend .at-page {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 16px 48px;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}

/* line 402, app/assets/stylesheets/attend.scss */
body#attend .at-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 20px 0 16px;
  border-bottom: 2px solid #2e7d32;
}

/* line 411, app/assets/stylesheets/attend.scss */
body#attend .at-toolbar-nav {
  display: flex;
  gap: 8px;
}

/* line 415, app/assets/stylesheets/attend.scss */
body#attend .at-title {
  font-size: 18px;
  font-weight: 700;
  color: #2e7d32;
  background: none;
  margin: 0;
  padding: 0;
  letter-spacing: 0.05em;
}

/* line 425, app/assets/stylesheets/attend.scss */
body#attend .btn-nav {
  display: inline-block;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: #2e7d32;
  background: #fff;
  border: 1.5px solid #2e7d32;
  border-radius: 6px;
  transition: all 0.2s;
}

/* line 436, app/assets/stylesheets/attend.scss */
body#attend .btn-nav:hover {
  color: #fff;
  background: #2e7d32;
}

/* line 439, app/assets/stylesheets/attend.scss */
body#attend .at-flash {
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  margin: 16px 0;
}

/* line 445, app/assets/stylesheets/attend.scss */
body#attend .at-flash.flash-danger {
  background: #fef2f2;
  color: #b71c1c;
  border-left: 4px solid #d32f2f;
}

/* line 446, app/assets/stylesheets/attend.scss */
body#attend .at-flash.flash-notice {
  background: #e8f5e9;
  color: #1b5e20;
  border-left: 4px solid #2e7d32;
}

/* line 449, app/assets/stylesheets/attend.scss */
body#attend .at-section {
  margin-top: 24px;
}

/* line 452, app/assets/stylesheets/attend.scss */
body#attend .at-section-title {
  font-size: 13px;
  font-weight: 700;
  color: #888;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 8px;
  padding: 0;
  background: none;
  border: none;
}

/* line 463, app/assets/stylesheets/attend.scss */
body#attend .at-section-note {
  font-size: 12px;
  color: #999;
  margin: 0 0 12px;
  line-height: 1.6;
}

/* line 470, app/assets/stylesheets/attend.scss */
body#attend .at-status {
  font-size: 14px;
  font-weight: 700;
  color: #2e7d32;
  padding: 10px 16px;
  background: #e8f5e9;
  border-left: 5px solid #2e7d32;
  border-radius: 0 6px 6px 0;
  margin-bottom: 12px;
}

/* line 482, app/assets/stylesheets/attend.scss */
body#attend .at-form-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px 24px;
  margin-bottom: 8px;
}

/* line 489, app/assets/stylesheets/attend.scss */
body#attend .at-form-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
}

/* line 495, app/assets/stylesheets/attend.scss */
body#attend .at-form-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 500, app/assets/stylesheets/attend.scss */
body#attend .at-form-item-btn {
  justify-content: flex-end;
}

/* line 503, app/assets/stylesheets/attend.scss */
body#attend .at-form-label {
  font-size: 11px;
  font-weight: 600;
  color: #888;
  letter-spacing: 0.05em;
}

/* line 509, app/assets/stylesheets/attend.scss */
body#attend .at-form-select,
body#attend .at-form-input {
  padding: 8px 12px;
  font-size: 14px;
  border: 1.5px solid #ddd;
  border-radius: 6px;
  outline: none;
  background: #fafafa;
  transition: border-color 0.2s;
  -webkit-appearance: none;
}

/* line 519, app/assets/stylesheets/attend.scss */
body#attend .at-form-select:focus,
body#attend .at-form-input:focus {
  border-color: #2e7d32;
  background: #fff;
}

/* line 521, app/assets/stylesheets/attend.scss */
body#attend .at-form-static {
  padding: 8px 0;
  font-size: 14px;
  color: #333;
}

/* line 526, app/assets/stylesheets/attend.scss */
body#attend .at-form-textarea {
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  border: 1.5px solid #ddd;
  border-radius: 6px;
  outline: none;
  background: #fafafa;
  resize: vertical;
  font-family: inherit;
  transition: border-color 0.2s;
}

/* line 537, app/assets/stylesheets/attend.scss */
body#attend .at-form-textarea:focus {
  border-color: #2e7d32;
  background: #fff;
}

/* line 539, app/assets/stylesheets/attend.scss */
body#attend .at-form-file {
  font-size: 13px;
  padding: 6px 0;
}

/* line 544, app/assets/stylesheets/attend.scss */
body#attend .btn-search {
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #2e7d32;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s;
}

/* line 554, app/assets/stylesheets/attend.scss */
body#attend .btn-search:hover {
  background: #388e3c;
}

/* line 558, app/assets/stylesheets/attend.scss */
body#attend .at-bikou-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

/* line 565, app/assets/stylesheets/attend.scss */
body#attend .btn-bikou {
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 500;
  color: #555;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s;
}

/* line 575, app/assets/stylesheets/attend.scss */
body#attend .btn-bikou:hover {
  background: #eee;
  border-color: #bbb;
}

/* line 577, app/assets/stylesheets/attend.scss */
body#attend .btn-bikou-sm {
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 500;
  color: #555;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s;
}

/* line 587, app/assets/stylesheets/attend.scss */
body#attend .btn-bikou-sm:hover {
  background: #eee;
  border-color: #bbb;
}

/* line 589, app/assets/stylesheets/attend.scss */
body#attend .at-chk-actions {
  white-space: nowrap;
  display: flex;
  gap: 4px;
}

/* line 596, app/assets/stylesheets/attend.scss */
body#attend .at-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #fff;
}

/* line 603, app/assets/stylesheets/attend.scss */
body#attend .at-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

/* line 608, app/assets/stylesheets/attend.scss */
body#attend .at-table thead tr {
  background: #f5f5f5;
}

/* line 609, app/assets/stylesheets/attend.scss */
body#attend .at-table th {
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #555;
  text-align: left;
  border-bottom: 2px solid #e0e0e0;
  white-space: nowrap;
}

/* line 618, app/assets/stylesheets/attend.scss */
body#attend .at-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #f0f0f0;
  color: #333;
}

/* line 623, app/assets/stylesheets/attend.scss */
body#attend .at-table tbody tr:hover {
  background: #fafffe;
}

/* line 625, app/assets/stylesheets/attend.scss */
body#attend .col-center {
  text-align: center;
}

/* line 626, app/assets/stylesheets/attend.scss */
body#attend .col-num {
  width: 40px;
  text-align: center;
}

/* line 629, app/assets/stylesheets/attend.scss */
body#attend .at-result-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 32px 28px;
  margin-top: 20px;
}

/* line 636, app/assets/stylesheets/attend.scss */
body#attend .at-result-body {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  color: #333;
}

/* line 642, app/assets/stylesheets/attend.scss */
body#attend .at-result-note {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #c62828;
}

/* line 650, app/assets/stylesheets/attend.scss */
body#attend .at-kyousitu-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 40px 28px;
  margin-top: 20px;
  text-align: center;
}

@media (max-width: 480px) {
  /* line 661, app/assets/stylesheets/attend.scss */
  body#attend .at-page {
    padding: 0 10px 32px;
  }
  /* line 662, app/assets/stylesheets/attend.scss */
  body#attend .at-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 663, app/assets/stylesheets/attend.scss */
  body#attend .at-form-grid {
    flex-direction: column;
  }
  /* line 664, app/assets/stylesheets/attend.scss */
  body#attend .at-form-card {
    padding: 16px;
  }
  /* line 665, app/assets/stylesheets/attend.scss */
  body#attend .at-chk-actions {
    flex-direction: column;
  }
}

/* line 669, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page {
  max-width: none;
  padding-bottom: 60px;
}

/* line 674, app/assets/stylesheets/attend.scss */
body#attend .at-inp-header {
  margin-bottom: 16px;
}

/* line 679, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page h4 {
  font-size: 15px;
  font-weight: 700;
  color: #2e7d32;
  margin: 20px 0 10px 4px;
  padding: 0;
}

/* line 686, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page h4.add {
  color: #c62828;
  font-size: 20px;
  margin-top: 20px;
  padding: 10px 16px;
  background: #ffebee;
  border-left: 4px solid #c62828;
  border-radius: 0 6px 6px 0;
  display: inline-block;
}

/* line 698, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page table.zaseki {
  border-collapse: separate;
  border-spacing: 2px;
  margin: 0 0 0 4px;
}

/* line 703, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page table.zaseki .zaseki_no {
  background: #f5f5f5;
  color: #555;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 0;
  width: 78px;
}

/* line 714, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page table.zaseki .studentnum {
  border: 1.5px solid #ddd;
  border-radius: 4px;
  width: 78px;
  height: 58px;
  text-align: center;
  font-size: 11px;
  padding: 3px 2px;
  background: #fff;
  transition: background 0.15s, border-color 0.15s;
  vertical-align: middle;
}

/* line 726, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page table.zaseki .studentnum label {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}

/* line 734, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page table.zaseki td.studentnum.add,
body#attend .at-inp-page table.zaseki td.add {
  background: #ffcdd2 !important;
  border-color: #e53935 !important;
  color: #b71c1c;
}

/* line 741, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page table.zaseki td.empty {
  background: #eee;
  border-color: #ddd;
}

/* line 746, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page table.zaseki td.kuuhaku {
  width: 8px;
  border: none;
  background: none;
}

/* line 751, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page table.zaseki td.kuugyou {
  height: 6px;
  border: none;
  background: none;
}

/* line 756, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page table.zaseki td.blank {
  border: none;
  background: none;
}

/* line 761, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page table.zaseki tr:last-child td.zaseki_no {
  font-size: 12px;
  font-weight: 700;
  padding: 4px 0;
  background: #e8f5e9;
  border-color: #a5d6a7;
  color: #2e7d32;
}

/* line 771, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page table.attend_itiran_chk {
  border-collapse: separate;
  border-spacing: 2px;
  margin: 0 0 0 4px;
}

/* line 776, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page table.attend_itiran_chk th {
  background: #f5f5f5;
  color: #555;
  border: 1px solid #ddd;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
}

/* line 785, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page td.studentnum.meihyoitiran {
  border: 1.5px solid #ddd;
  border-radius: 4px;
  width: 190px;
  height: 36px;
  font-size: 13px;
  text-align: left;
  padding: 6px 10px;
  background: #fff;
  transition: background 0.15s, border-color 0.15s;
}

/* line 796, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page td.studentnum.meihyoitiran label {
  cursor: pointer;
  display: block;
}

/* line 801, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page td.studentnum.meihyoitiran.add {
  background: #ffcdd2 !important;
  border-color: #e53935 !important;
  color: #b71c1c;
}

/* line 808, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page #add_val {
  padding: 12px 16px;
  font-size: 24px;
  font-weight: 700;
  color: #c62828;
  line-height: 1.6;
  word-wrap: break-word;
  margin: 8px 0 16px 4px;
}

/* line 817, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page #kesseki_cnt {
  font-size: 24px;
  font-weight: 700;
  color: #c62828;
}

/* line 824, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page input.reg_sub[type="submit"] {
  display: block;
  width: 100%;
  max-width: 500px;
  padding: 16px;
  margin: 16px 0 0 4px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #fff;
  background: #1565c0;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s;
}

/* line 840, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page input.reg_sub[type="submit"]:hover {
  background: #1976d2;
  box-shadow: 0 4px 16px rgba(21, 101, 192, 0.3);
}

/* line 844, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page input.reg_sub[type="submit"]:active {
  background: #0d47a1;
}

/* line 850, app/assets/stylesheets/attend.scss */
body#attend .at-inp-page table.zaseki.jouhou {
  width: auto;
}

/* line 855, app/assets/stylesheets/attend.scss */
body#attend .km-page {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 16px 48px;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}

/* line 862, app/assets/stylesheets/attend.scss */
body#attend .km-header {
  padding: 20px 0 16px;
  border-bottom: 2px solid #2e7d32;
  margin-bottom: 20px;
}

/* line 867, app/assets/stylesheets/attend.scss */
body#attend .km-title {
  font-size: 18px;
  font-weight: 700;
  color: #2e7d32;
  background: none;
  margin: 0;
  padding: 0;
  letter-spacing: 0.05em;
}

/* line 877, app/assets/stylesheets/attend.scss */
body#attend .km-flash {
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 16px;
}

/* line 883, app/assets/stylesheets/attend.scss */
body#attend .km-flash.flash-danger {
  background: #fef2f2;
  color: #b71c1c;
  border-left: 4px solid #d32f2f;
}

/* line 884, app/assets/stylesheets/attend.scss */
body#attend .km-flash.flash-notice {
  background: #e8f5e9;
  color: #1b5e20;
  border-left: 4px solid #2e7d32;
}

/* line 887, app/assets/stylesheets/attend.scss */
body#attend .km-section {
  margin-bottom: 28px;
}

/* line 890, app/assets/stylesheets/attend.scss */
body#attend .km-section-title {
  font-size: 13px;
  font-weight: 700;
  color: #888;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 12px;
  padding: 0;
  background: none;
  border: none;
}

/* line 903, app/assets/stylesheets/attend.scss */
body#attend .km-admin-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* line 908, app/assets/stylesheets/attend.scss */
body#attend .km-admin-btn {
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: #2e7d32;
  background: #fff;
  border: 1.5px solid #2e7d32;
  border-radius: 8px;
  transition: all 0.2s;
}

/* line 919, app/assets/stylesheets/attend.scss */
body#attend .km-admin-btn:hover {
  color: #fff;
  background: #2e7d32;
}

/* line 921, app/assets/stylesheets/attend.scss */
body#attend .km-admin-btn-sub {
  color: #666;
  border-color: #ccc;
}

/* line 924, app/assets/stylesheets/attend.scss */
body#attend .km-admin-btn-sub:hover {
  color: #fff;
  background: #666;
  border-color: #666;
}

/* line 928, app/assets/stylesheets/attend.scss */
body#attend .km-ki-selector {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 16px;
}

/* line 935, app/assets/stylesheets/attend.scss */
body#attend .km-ki-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 939, app/assets/stylesheets/attend.scss */
body#attend .km-ki-group:not(:last-child) {
  margin-bottom: 12px;
}

/* line 941, app/assets/stylesheets/attend.scss */
body#attend .km-ki-label {
  font-size: 12px;
  font-weight: 700;
  color: #2e7d32;
  width: 36px;
  flex-shrink: 0;
}

/* line 948, app/assets/stylesheets/attend.scss */
body#attend .km-ki-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 953, app/assets/stylesheets/attend.scss */
body#attend .km-ki-btn {
  cursor: pointer;
}

/* line 956, app/assets/stylesheets/attend.scss */
body#attend .km-ki-btn input[type="radio"] {
  display: none;
}

/* line 958, app/assets/stylesheets/attend.scss */
body#attend .km-ki-btn span {
  display: inline-block;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 600;
  color: #555;
  background: #f5f5f5;
  border: 1.5px solid #ddd;
  border-radius: 8px;
  transition: all 0.2s;
}

/* line 970, app/assets/stylesheets/attend.scss */
body#attend .km-ki-btn input[type="radio"]:checked + span {
  color: #fff;
  background: #2e7d32;
  border-color: #2e7d32;
  box-shadow: 0 2px 8px rgba(46, 125, 50, 0.25);
}

/* line 977, app/assets/stylesheets/attend.scss */
body#attend .km-ki-btn:hover span {
  border-color: #2e7d32;
  color: #2e7d32;
}

/* line 984, app/assets/stylesheets/attend.scss */
body#attend .km-form-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 28px 28px 24px;
  margin-top: 16px;
  border-top: 3px solid #2e7d32;
}

/* line 992, app/assets/stylesheets/attend.scss */
body#attend .km-form-badge {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: #2e7d32;
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #ccc;
  width: 100%;
}

/* line 1003, app/assets/stylesheets/attend.scss */
body#attend .km-form-grid {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* line 1008, app/assets/stylesheets/attend.scss */
body#attend .km-form-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* line 1013, app/assets/stylesheets/attend.scss */
body#attend .km-form-label {
  font-size: 12px;
  font-weight: 600;
  color: #888;
  letter-spacing: 0.05em;
}

/* line 1019, app/assets/stylesheets/attend.scss */
body#attend .km-form-select,
body#attend .km-form-input {
  padding: 10px 14px;
  font-size: 15px;
  border: 1.5px solid #ddd;
  border-radius: 8px;
  outline: none;
  background: #fafafa;
  transition: border-color 0.2s;
  -webkit-appearance: none;
}

/* line 1029, app/assets/stylesheets/attend.scss */
body#attend .km-form-select:focus,
body#attend .km-form-input:focus {
  border-color: #2e7d32;
  background: #fff;
}

/* line 1036, app/assets/stylesheets/attend.scss */
body#attend .km-jigen-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 1041, app/assets/stylesheets/attend.scss */
body#attend .km-jigen-btn {
  cursor: pointer;
}

/* line 1043, app/assets/stylesheets/attend.scss */
body#attend .km-jigen-btn input[type="radio"] {
  display: none;
}

/* line 1044, app/assets/stylesheets/attend.scss */
body#attend .km-jigen-btn span {
  display: inline-block;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #555;
  background: #f5f5f5;
  border: 1.5px solid #ddd;
  border-radius: 6px;
  transition: all 0.2s;
}

/* line 1055, app/assets/stylesheets/attend.scss */
body#attend .km-jigen-btn input[type="radio"]:checked + span {
  color: #fff;
  background: #2e7d32;
  border-color: #2e7d32;
}

/* line 1060, app/assets/stylesheets/attend.scss */
body#attend .km-jigen-btn:hover span {
  border-color: #999;
}

/* line 1066, app/assets/stylesheets/attend.scss */
body#attend .km-submit {
  display: block;
  width: 100%;
  padding: 14px;
  margin-top: 24px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #fff;
  background: #2e7d32;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s;
}

/* line 1081, app/assets/stylesheets/attend.scss */
body#attend .km-submit:hover {
  background: #388e3c;
  box-shadow: 0 4px 16px rgba(46, 125, 50, 0.25);
}

/* line 1085, app/assets/stylesheets/attend.scss */
body#attend .km-submit:active {
  background: #1b5e20;
}

@media (max-width: 480px) {
  /* line 1092, app/assets/stylesheets/attend.scss */
  body#attend .km-page {
    padding: 0 10px 32px;
  }
  /* line 1093, app/assets/stylesheets/attend.scss */
  body#attend .km-ki-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  /* line 1094, app/assets/stylesheets/attend.scss */
  body#attend .km-ki-btn span {
    padding: 7px 14px;
    font-size: 13px;
  }
  /* line 1095, app/assets/stylesheets/attend.scss */
  body#attend .km-form-card {
    padding: 20px 18px;
  }
  /* line 1096, app/assets/stylesheets/attend.scss */
  body#attend .km-jigen-btn span {
    padding: 7px 12px;
    font-size: 13px;
  }
  /* line 1097, app/assets/stylesheets/attend.scss */
  body#attend .km-admin-btn {
    padding: 8px 14px;
    font-size: 13px;
  }
}

/* line 1101, app/assets/stylesheets/attend.scss */
body#attend .attend-show-page {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 8px 48px;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
}

/* line 1108, app/assets/stylesheets/attend.scss */
body#attend .attend-show-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 20px 0 16px;
  border-bottom: 2px solid #2e7d32;
}

/* line 1118, app/assets/stylesheets/attend.scss */
body#attend .attend-show-title {
  font-size: 18px;
  font-weight: 700;
  color: #2e7d32;
  background: none;
  margin: 0;
  padding: 0;
  letter-spacing: 0.05em;
}

/* line 1128, app/assets/stylesheets/attend.scss */
body#attend .attend-show-nav {
  display: flex;
  gap: 8px;
}

/* line 1133, app/assets/stylesheets/attend.scss */
body#attend .btn-nav {
  display: inline-block;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: #2e7d32;
  background: #fff;
  border: 1.5px solid #2e7d32;
  border-radius: 6px;
  transition: all 0.2s;
}

/* line 1145, app/assets/stylesheets/attend.scss */
body#attend .btn-nav:hover {
  color: #fff;
  background: #2e7d32;
}

/* line 1150, app/assets/stylesheets/attend.scss */
body#attend .btn-nav-sub {
  color: #666;
  border-color: #ccc;
}

/* line 1153, app/assets/stylesheets/attend.scss */
body#attend .btn-nav-sub:hover {
  color: #fff;
  background: #666;
  border-color: #666;
}

/* line 1161, app/assets/stylesheets/attend.scss */
body#attend .attend-show-flash {
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  margin: 16px 0;
}

/* line 1168, app/assets/stylesheets/attend.scss */
body#attend .attend-show-flash.flash-danger {
  background: #fef2f2;
  color: #b71c1c;
  border-left: 4px solid #d32f2f;
}

/* line 1173, app/assets/stylesheets/attend.scss */
body#attend .attend-show-flash.flash-notice {
  background: #e8f5e9;
  color: #1b5e20;
  border-left: 4px solid #2e7d32;
}

/* line 1181, app/assets/stylesheets/attend.scss */
body#attend .attend-show-search {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px 24px;
  margin: 16px 0;
}

/* line 1189, app/assets/stylesheets/attend.scss */
body#attend .search-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
}

/* line 1196, app/assets/stylesheets/attend.scss */
body#attend .search-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 1201, app/assets/stylesheets/attend.scss */
body#attend .search-item label {
  font-size: 11px;
  font-weight: 600;
  color: #888;
  letter-spacing: 0.05em;
}

/* line 1209, app/assets/stylesheets/attend.scss */
body#attend .search-date-range {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 1215, app/assets/stylesheets/attend.scss */
body#attend .search-sep {
  color: #aaa;
  font-size: 14px;
}

/* line 1220, app/assets/stylesheets/attend.scss */
body#attend .search-input {
  padding: 8px 12px;
  font-size: 14px;
  border: 1.5px solid #ddd;
  border-radius: 6px;
  outline: none;
  background: #fafafa;
  transition: border-color 0.2s;
  -webkit-appearance: none;
}

/* line 1230, app/assets/stylesheets/attend.scss */
body#attend .search-input:focus {
  border-color: #2e7d32;
  background: #fff;
}

/* line 1236, app/assets/stylesheets/attend.scss */
body#attend .search-input-short {
  width: 80px;
}

/* line 1240, app/assets/stylesheets/attend.scss */
body#attend .search-item-btn {
  justify-content: flex-end;
}

/* line 1244, app/assets/stylesheets/attend.scss */
body#attend .btn-search {
  padding: 8px 28px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #2e7d32;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s;
}

/* line 1255, app/assets/stylesheets/attend.scss */
body#attend .btn-search:hover {
  background: #388e3c;
}

/* line 1261, app/assets/stylesheets/attend.scss */
body#attend .attend-show-toolbar.toolbar-del {
  border-bottom-color: #c62828;
}

/* line 1263, app/assets/stylesheets/attend.scss */
body#attend .attend-show-toolbar.toolbar-del .attend-show-title {
  color: #c62828;
}

/* line 1269, app/assets/stylesheets/attend.scss */
body#attend .attend-show-status {
  font-size: 15px;
  font-weight: 700;
  color: #2e7d32;
  padding: 12px 20px;
  background: #e8f5e9;
  border-left: 5px solid #2e7d32;
  border-radius: 0 6px 6px 0;
  margin-bottom: 12px;
  letter-spacing: 0.04em;
}

/* line 1281, app/assets/stylesheets/attend.scss */
body#attend .status-del {
  color: #c62828;
  background: #ffebee;
  border-left-color: #c62828;
}

/* line 1287, app/assets/stylesheets/attend.scss */
body#attend .status-icon {
  margin-right: 6px;
  font-size: 10px;
  vertical-align: middle;
}

/* line 1293, app/assets/stylesheets/attend.scss */
body#attend .status-note {
  font-weight: 400;
  font-size: 12px;
  color: #888;
  margin-left: 4px;
}

/* line 1301, app/assets/stylesheets/attend.scss */
body#attend .toolbar-del ~ .attend-show-table-wrap .attend-show-table thead tr {
  background: #ffebee;
}

/* line 1306, app/assets/stylesheets/attend.scss */
body#attend .attend-show-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #fff;
}

/* line 1314, app/assets/stylesheets/attend.scss */
body#attend .attend-show-table {
  width: 100%;
  min-width: 1100px;
  border-collapse: collapse;
  font-size: 13px;
}

/* line 1320, app/assets/stylesheets/attend.scss */
body#attend .attend-show-table thead tr {
  background: #f5f5f5;
}

/* line 1324, app/assets/stylesheets/attend.scss */
body#attend .attend-show-table th {
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #555;
  text-align: left;
  border-bottom: 2px solid #e0e0e0;
  white-space: nowrap;
  letter-spacing: 0.03em;
}

/* line 1335, app/assets/stylesheets/attend.scss */
body#attend .attend-show-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: top;
  color: #333;
}

/* line 1342, app/assets/stylesheets/attend.scss */
body#attend .attend-show-table tbody tr:hover {
  background: #fafffe;
}

/* line 1346, app/assets/stylesheets/attend.scss */
body#attend .attend-show-table tbody tr.row-alt {
  background: #eef7ee;
}

/* line 1348, app/assets/stylesheets/attend.scss */
body#attend .attend-show-table tbody tr.row-alt:hover {
  background: #e5f2e5;
}

/* line 1355, app/assets/stylesheets/attend.scss */
body#attend .col-actions {
  width: 130px;
  white-space: nowrap;
}

/* line 1356, app/assets/stylesheets/attend.scss */
body#attend .col-id {
  width: 45px;
  text-align: center;
}

/* line 1357, app/assets/stylesheets/attend.scss */
body#attend .col-date {
  width: 55px;
  text-align: center;
}

/* line 1358, app/assets/stylesheets/attend.scss */
body#attend .col-year {
  width: 35px;
  text-align: center;
}

/* line 1359, app/assets/stylesheets/attend.scss */
body#attend .col-period {
  width: 35px;
  text-align: center;
}

/* line 1360, app/assets/stylesheets/attend.scss */
body#attend .col-subject {
  width: 140px;
}

/* line 1361, app/assets/stylesheets/attend.scss */
body#attend .col-absent {
  width: 30%;
  min-width: 300px;
}

/* line 1362, app/assets/stylesheets/attend.scss */
body#attend .col-remarks {
  width: 25%;
  min-width: 250px;
}

/* line 1363, app/assets/stylesheets/attend.scss */
body#attend .col-created {
  width: 80px;
  text-align: center;
  white-space: nowrap;
}

/* line 1364, app/assets/stylesheets/attend.scss */
body#attend .col-user {
  width: 70px;
  text-align: center;
}

/* line 1367, app/assets/stylesheets/attend.scss */
body#attend .absent-tag {
  display: inline-block;
  padding: 2px 6px;
  margin: 1px 3px 1px 0;
  font-size: 11px;
  background: #fff3e0;
  color: #e65100;
  border-radius: 3px;
  white-space: nowrap;
}

/* line 1379, app/assets/stylesheets/attend.scss */
body#attend .action-buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: 3px;
  align-items: center;
}

/* line 1386, app/assets/stylesheets/attend.scss */
body#attend .action-form {
  display: inline;
}

/* line 1390, app/assets/stylesheets/attend.scss */
body#attend .btn-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 4px;
  border: 1.5px solid;
  cursor: pointer;
  transition: all 0.15s;
  padding: 0;
  background: #fff;
  line-height: 1;
}

/* line 1408, app/assets/stylesheets/attend.scss */
body#attend .btn-exp {
  color: #2e7d32;
  border-color: #2e7d32;
}

/* line 1411, app/assets/stylesheets/attend.scss */
body#attend .btn-exp:hover {
  background: #2e7d32;
  color: #fff;
}

/* line 1414, app/assets/stylesheets/attend.scss */
body#attend .btn-chk {
  color: #1976d2;
  border-color: #1976d2;
}

/* line 1417, app/assets/stylesheets/attend.scss */
body#attend .btn-chk:hover {
  background: #1976d2;
  color: #fff;
}

/* line 1420, app/assets/stylesheets/attend.scss */
body#attend .btn-del {
  color: #e53935;
  border-color: #e53935;
}

/* line 1423, app/assets/stylesheets/attend.scss */
body#attend .btn-del:hover {
  background: #e53935;
  color: #fff;
}

/* line 1426, app/assets/stylesheets/attend.scss */
body#attend .btn-rev {
  color: #1976d2;
  border-color: #1976d2;
}

/* line 1429, app/assets/stylesheets/attend.scss */
body#attend .btn-rev:hover {
  background: #1976d2;
  color: #fff;
}

/* line 1432, app/assets/stylesheets/attend.scss */
body#attend .btn-copy {
  color: #8c8c00;
  border-color: #adbd00;
}

/* line 1435, app/assets/stylesheets/attend.scss */
body#attend .btn-copy:hover {
  background: #adbd00;
  color: #fff;
}

@media (max-width: 768px) {
  /* line 1440, app/assets/stylesheets/attend.scss */
  body#attend .attend-show-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 1444, app/assets/stylesheets/attend.scss */
  body#attend .search-grid {
    flex-direction: column;
    gap: 12px;
  }
  /* line 1448, app/assets/stylesheets/attend.scss */
  body#attend .search-input {
    width: 100%;
  }
  /* line 1451, app/assets/stylesheets/attend.scss */
  body#attend .search-date-range {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 1454, app/assets/stylesheets/attend.scss */
  body#attend .search-date-range .search-sep {
    text-align: center;
  }
  /* line 1456, app/assets/stylesheets/attend.scss */
  body#attend .attend-show-page {
    padding: 0 8px 32px;
  }
}

/* line 1462, app/assets/stylesheets/attend.scss */
body#attend #loading {
  border: 1px dashed #999;
  padding: 100px;
  position: fixed;
  top: 20%;
  left: 10%;
  background-color: #FFF;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}

/* line 1474, app/assets/stylesheets/attend.scss */
body#attend #loading .loadingMsg {
  text-align: center;
  padding-top: 50px;
  width: 300px;
  background-image: url(/assets/loading-36-399e85e296703ddad14a67456a8bd68ddd73b52ccf13c2513fa2a803950d5aa6.gif);
  background-position: center top;
  background-repeat: no-repeat;
}
@charset "UTF-8";
/* line 7, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp header {
  background-color: #999;
  padding: 4px 8px;
}

/* line 11, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp header ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 11px;
}

/* line 20, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp header ul li {
  white-space: nowrap;
}

/* line 21, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp header ul a {
  color: #fff;
  text-decoration: none;
}

/* line 22, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp header ul a:hover {
  color: #ddd;
}

/* line 25, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp h3 {
  background-color: #2196f3;
}

/* line 29, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp h4.add {
  color: #0000ff;
  border-bottom: 1px solid #0000ff;
}

/* line 33, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp h4.del {
  color: #ff5555;
  border-bottom: 1px solid #ff5555;
}

/* line 37, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp h5 {
  margin: 5px 0px 0px 5px;
}

/* line 41, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp dl#login {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
}

/* line 46, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp dl#login dt {
  float: left;
  width: 100px;
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 1px 10px;
}

/* line 52, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp dl#login dd {
  width: 300px;
  margin: 0px 0px 1px 105px;
  padding: 1px 5px 1px 5px;
}

/* line 59, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp dl.indi {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 0.8em;
}

/* line 63, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp dl.indi dt {
  float: left;
  width: 150px;
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 1px 10px;
}

/* line 69, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp dl.indi dd {
  width: 300px;
  margin: 0px 0px 1px 155px;
  padding: 1px 5px 1px 5px;
}

/* line 76, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.kyoin {
  word-break: break-all;
  table-layout: fixed;
  margin: 10px 0px 0px 3.5px;
  border-collapse: collapse;
}

/* line 82, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.kyoin th, body#cbtp table.kyoin td {
  padding: 10px 3px;
}

/* line 85, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.kyoin th {
  border: 0.5px solid #000000;
  /* 枠線 */
  background-color: #ececec;
  color: #000000;
  font-size: 0.9em;
}

/* line 91, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.kyoin td {
  border: 0.5px solid #999999;
  /* 枠線 */
  background-color: #ffffff;
  color: #000000;
  font-size: 0.85em;
}

/* line 97, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.kyoin td.active {
  background-color: #fffe8a;
}

/* line 100, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.kyoin td.judge_A {
  background-color: #e0ffff;
}

/* line 103, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.kyoin td.judge_B {
  background-color: #fffe8a;
}

/* line 106, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.kyoin td.judge_C {
  background-color: #ffcccc;
}

/* line 109, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.kyoin td.m_cnt {
  font-size: 1em;
  text-align: right;
}

/* line 116, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel {
  word-break: break-all;
  table-layout: fixed;
  margin: 10px 0px 0px 3.5px;
  font-size: 1em;
}

/* line 122, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel th {
  border: 0.5px solid red;
  /* 枠線 */
  background-color: #ffcccc;
  color: #800000;
}

/* line 127, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel th.kyoin {
  border: 0.5px solid #000000;
  /* 枠線 */
  background-color: #ececec;
  color: #000000;
}

/* line 132, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.core {
  border: 0.5px solid red;
  /* 枠線 */
  background-color: #fff8f8;
  color: #800000;
  font-weight: bold;
}

/* line 138, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel th.jugyo {
  font-size: 0.7em;
}

/* line 141, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.jugyo {
  font-size: 0.7em;
}

/* line 144, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.jugyomini {
  font-size: 0.6em;
}

/* line 148, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.num {
  padding: 7px 5px 7px 5px;
  background-color: #ececec;
  color: #800000;
  font-weight: bold;
  text-decoration: underline;
  /*下線を引く*/
}

/* line 155, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.num.tdtop {
  border-top: 0.5px solid red;
  /* 枠線 */
}

/* line 158, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.num.tdbottom {
  border-bottom: 0.5px solid red;
  /* 枠線 */
}

/* line 161, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.num.change.add {
  border: 1.5px solid blue;
  /* 枠線 */
  background-color: #2196f3;
}

/* line 165, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.num.change.del {
  border: 1.5px solid red;
  /* 枠線 */
  background-color: #ffa5a5;
}

/* line 169, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.num.db_chk {
  background-color: #a2ffff;
}

/* line 172, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.num.ki {
  font-size: 0.7em;
}

/* line 175, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.chked {
  background-color: #a2ffff;
}

/* line 178, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.kyoin.title {
  border: 0.5px solid #000000;
  /* 枠線 */
  background-color: #ececec;
  color: #000000;
}

/* line 183, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.kyoin.num {
  background-color: #e6e6e6;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  /*下線を引く*/
}

/* line 189, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.kyoin.num.ki {
  font-size: 0.7em;
}

/* line 192, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp table.passlr_sel td.kyoin.chked {
  background-color: #2196f3;
  color: #ffffff;
}

/* line 199, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp div.menu {
  margin: 2px 0px 0px 3.5px;
  font-size: 14px;
}

/* line 203, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp div.student {
  margin: 2px 0px 0px 3.5px;
  font-size: 14px;
}

/* line 207, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp div.indi_etc {
  margin: 2px 0px 0px 10px;
  font-size: 0.8em;
}

/* line 212, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp div#add_val {
  word-wrap: break-word;
  width: 330px;
  color: #0000ff;
  font-size: 14px;
  margin: 2px 0px 0px 10px;
}

/* line 219, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp div#del_val {
  word-wrap: break-word;
  width: 330px;
  color: #ff5555;
  font-size: 14px;
  margin: 2px 0px 0px 10px;
}

/* line 226, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp span.juni {
  font-size: 1.1em;
  color: #ff0000;
  font-weight: bold;
}

/* line 231, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp .indent_1 {
  margin: 0px 0px 5px 10px;
}

/* line 234, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp .indent_2 {
  margin: 10px 0px 0px 10px;
}

/* line 239, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp input#reg_sub[type="submit"] {
  margin: 10px 0px 0px 3.5px;
  width: 200px;
  height: 30px;
  transition: .3s;
  border-radius: 3px;
  border: 1px solid black;
}

/* line 247, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp input#reg_sub[type="submit"]:hover {
  width: 200px;
  height: 30px;
  background: black;
  color: white;
}

/* line 253, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp input#mendan[type="submit"] {
  background: #87cefa;
  margin: 10px 0px 0px 3.5px;
  width: 200px;
  height: 50px;
  transition: .3s;
  border-radius: 3px;
  border: 1px solid black;
}

/* line 262, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp input#mendan[type="submit"]:hover {
  background: blue;
  color: white;
}

/* line 266, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp a.menu {
  display: inline-block;
  padding: 0.6em 1em;
  font-size: 12px;
  text-decoration: none;
  color: #2196f3;
  border: solid 1px #2196f3;
  border-radius: 3px;
  transition: .3s;
}

/* line 276, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp a.menu:hover, body#cbtp a.menu.active {
  background: #2196f3;
  color: white;
}

/* line 280, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp a.menu.top {
  margin: 0px 0px 10px 0px;
  padding: 12px 0px 0px 12px;
  height: 30px;
  width: 300px;
  vertical-align: middle;
}

/* line 287, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp a.menu.back {
  margin: 0.6em 1em;
}

/* line 291, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp a.studentnum {
  display: inline-block;
  padding: 0.6em 1em;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #2196f3;
  border: solid 1px #2196f3;
  border-radius: 3px;
  transition: .3s;
}

/* line 302, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp a.studentnum:hover, body#cbtp a.studentnum.active {
  background: #2196f3;
  color: white;
}

/* line 307, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp a.mendan {
  display: inline-block;
  padding: 0.6em 1em;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #191970;
  background: #e0ffff;
  border: solid 1px #191970;
  border-radius: 3px;
  transition: .3s;
}

/* line 319, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp a.mendan:hover, body#cbtp a.mendan.active {
  background: #191970;
  color: white;
}

/* line 323, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp a.del {
  display: inline-block;
  padding: 0.6em 1em;
  font-size: 12px;
  text-decoration: none;
  color: #ff5555;
  border: solid 1px #ff5555;
  border-radius: 3px;
  transition: .3s;
}

/* line 333, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp a.del:hover {
  background: #ff5555;
  color: white;
}

/* line 338, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp button.cbt_show {
  width: 95px;
  height: 30px;
  margin: 10px 0px 0px 3.5px;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
  text-align: center;
  background-color: #f0ffff;
  color: #0a0;
  border: 1px solid #0a0;
  border-radius: 3px;
  transition: .3s;
}

/* line 351, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp button.cbt_show:hover {
  color: white;
  background-color: #0a0;
}

/* line 355, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp button.cbt_show.sel {
  color: white;
  background-color: #0a0;
}

/* line 360, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp button.big_cbt_show {
  width: 120px;
  height: 30px;
  margin: 3px 0px 0px 3.5px;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
  text-align: center;
  background-color: #fff8f8;
  color: #ff5555;
  border: 1px solid #ff5555;
  border-radius: 3px;
  transition: .3s;
}

/* line 373, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp button.big_cbt_show:hover {
  color: white;
  background-color: #ff5555;
}

/* line 377, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp button.big_cbt_show.sel {
  color: white;
  background-color: #ff5555;
}

/* line 382, app/assets/stylesheets/cbtp_lr.scss */
body#cbtp ul.studentmenu {
  list-style: none;
  margin: 10px 0px 5px 3.5px;
  padding: 0px 0px 0px 0px;
}
/* line 5, app/assets/stylesheets/el_menus.scss */
table.fixed.el_index {
  font-size: 14px;
}

/* line 7, app/assets/stylesheets/el_menus.scss */
table.fixed.el_index th {
  padding: 5px 10px 5px 10px;
}

/* line 10, app/assets/stylesheets/el_menus.scss */
table.fixed.el_index td {
  padding: 3px 2px 3px 2px;
}
@charset "UTF-8";
/* line 7, app/assets/stylesheets/evaluate_share.scss */
body#evs header {
  background-color: #660000;
  padding: 4px 8px;
}

/* line 11, app/assets/stylesheets/evaluate_share.scss */
body#evs header ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 11px;
}

/* line 20, app/assets/stylesheets/evaluate_share.scss */
body#evs header ul li {
  white-space: nowrap;
}

/* line 21, app/assets/stylesheets/evaluate_share.scss */
body#evs header ul a {
  color: #fff;
  text-decoration: none;
}

/* line 22, app/assets/stylesheets/evaluate_share.scss */
body#evs header ul a:hover {
  color: #ccc;
}

/* line 24, app/assets/stylesheets/evaluate_share.scss */
body#evs h1 {
  background-color: #e38e00;
}

/* line 27, app/assets/stylesheets/evaluate_share.scss */
body#evs h2 {
  background: #ffe0ac;
  border-top: 1px solid #e38e00;
  border-right: 1px solid #e38e00;
  border-left: 7px solid #e38e00;
  border-bottom: 1px solid #e38e00;
  color: #660000;
  margin: 3px 0px 3px 0px;
  padding: 3px 0px 3px 5px;
  font-size: 16px;
}

/* line 38, app/assets/stylesheets/evaluate_share.scss */
body#evs h3 {
  background: #660000;
  color: #ffffff;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 10px;
  font-size: 14px;
}

/* line 45, app/assets/stylesheets/evaluate_share.scss */
body#evs h4 {
  border-bottom: 1px solid #660000;
  color: #660000;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 1px 5px;
  font-size: 14px;
}

/* line 52, app/assets/stylesheets/evaluate_share.scss */
body#evs dl#login {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
}

/* line 57, app/assets/stylesheets/evaluate_share.scss */
body#evs dl#login dt {
  float: left;
  width: 100px;
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 1px 10px;
}

/* line 63, app/assets/stylesheets/evaluate_share.scss */
body#evs dl#login dd {
  width: 300px;
  margin: 0px 0px 1px 105px;
  padding: 1px 5px 1px 5px;
}

/* line 70, app/assets/stylesheets/evaluate_share.scss */
body#evs input#reg_sub[type="submit"] {
  margin: 10px 0px 0px 3.5px;
  width: 200px;
  height: 30px;
  transition: .3s;
  border-radius: 3px;
  border: 1px solid #660000;
  background: #ffcf7f;
  color: #660000;
}

/* line 80, app/assets/stylesheets/evaluate_share.scss */
body#evs input#reg_sub[type="submit"]:hover {
  width: 200px;
  height: 30px;
  background: #660000;
  color: white;
}

/* line 86, app/assets/stylesheets/evaluate_share.scss */
body#evs button.score_set {
  width: 290px;
  height: 30px;
  margin: 10px 0px 10px 5px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  text-align: center;
  background-color: #ffffdc;
  color: #600;
  border: 1px solid #600;
  border-radius: 3px;
  transition: .3s;
}

/* line 99, app/assets/stylesheets/evaluate_share.scss */
body#evs button.score_set:hover {
  color: #600;
  background-color: #ffff00;
}

/* line 103, app/assets/stylesheets/evaluate_share.scss */
body#evs ul.menu {
  list-style: none;
  margin: 10px 0px 5px 3.5px;
  padding: 0px 0px 0px 0px;
}

/* line 108, app/assets/stylesheets/evaluate_share.scss */
body#evs a.menu {
  display: inline-block;
  padding: 0.6em 1em;
  margin-bottom: 0.6em;
  margin-left: 0.2em;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #660000;
  background: #ffe1c1;
  border: solid 1px #660000;
  border-radius: 3px;
  transition: .3s;
}

/* line 122, app/assets/stylesheets/evaluate_share.scss */
body#evs a.menu:hover, body#evs a.menu.active {
  background: #660000;
  color: white;
}

/* line 126, app/assets/stylesheets/evaluate_share.scss */
body#evs a.menu.del {
  color: #ff3636;
  background: #ffe2e2;
  border: solid 1px #ff3636;
}

/* line 131, app/assets/stylesheets/evaluate_share.scss */
body#evs a.menu.del:hover, body#evs a.menu.active.del {
  background: #ff3636;
  color: white;
}

/* line 135, app/assets/stylesheets/evaluate_share.scss */
body#evs a.menu.back {
  margin: 10px 0px 5px 5px;
  color: #660000;
  background: #ffe0ac;
  border: solid 1px #e38e00;
}

/* line 141, app/assets/stylesheets/evaluate_share.scss */
body#evs a.menu.back:hover, body#evs a.menu.active.del {
  background: #e38e00;
  color: white;
}

/* line 145, app/assets/stylesheets/evaluate_share.scss */
body#evs a.menu.format {
  display: inline-block;
  margin: 5px 0px 5px 10px;
  padding: 0.3em 0.4em;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #228b22;
  background: #ccffcc;
  border: solid 1px #228b22;
  border-radius: 3px;
  transition: .3s;
}

/* line 158, app/assets/stylesheets/evaluate_share.scss */
body#evs a.menu.format:hover, body#evs a.menu.active {
  background: #228b22;
  color: white;
}

/* line 163, app/assets/stylesheets/evaluate_share.scss */
body#evs table.menu {
  word-break: break-all;
  table-layout: fixed;
  margin: 10px 0px 0px 3.5px;
  border-collapse: collapse;
}

/* line 169, app/assets/stylesheets/evaluate_share.scss */
body#evs table.menu th, body#evs table.menu td {
  padding: 10px 3px;
}

/* line 172, app/assets/stylesheets/evaluate_share.scss */
body#evs table.menu th {
  border: 0.5px solid #660000;
  /* 枠線 */
  background-color: #ffe1c1;
  color: #660000;
  font-size: 0.9em;
}

/* line 178, app/assets/stylesheets/evaluate_share.scss */
body#evs table.menu td {
  border: 0.5px solid #660000;
  /* 枠線 */
  background-color: #ffffff;
  color: #660000;
  font-size: 0.85em;
}

/* line 184, app/assets/stylesheets/evaluate_share.scss */
body#evs table.menu td.active {
  background-color: #fffe8a;
}

/* line 192, app/assets/stylesheets/evaluate_share.scss */
body#evs .hosoku {
  font-size: 12px;
  font-weight: bold;
  color: #660000;
}

/* line 197, app/assets/stylesheets/evaluate_share.scss */
body#evs .hosoku.green {
  color: #228b22;
}

/* line 201, app/assets/stylesheets/evaluate_share.scss */
body#evs .notice {
  padding: 3px 0px 3px 11px;
  color: #660000;
  background-color: #fffe8a;
  border: 1px solid #fffe8a;
  font-size: 16px;
  font-weight: bold;
  width: 1000px;
}
/* line 15, app/assets/stylesheets/mihiraki.scss */
body#mihiraki {
  margin: 0;
  padding: 0;
  background: #f0f2f5;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", "Segoe UI", sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #333;
  line-height: 1.6;
}

/* line 25, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .page-header {
  background: linear-gradient(135deg, #0f0f3d 0%, #191970 50%, #2d2d7a 100%);
  padding: 0;
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

/* line 34, app/assets/stylesheets/mihiraki.scss */
body#mihiraki h1 {
  margin: 0;
  padding: 16px 28px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.12em;
}

/* line 42, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .h1-sub {
  font-weight: 400;
  font-size: 13px;
  opacity: 0.7;
  margin-left: 6px;
  letter-spacing: 0.05em;
}

/* line 51, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .main-content {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px 60px;
}

/* line 58, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .filter-area {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  padding: 24px 28px 20px;
  margin: 24px 0;
}

/* line 66, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .filter-label {
  font-size: 12px;
  font-weight: 700;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 16px;
}

/* line 75, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .filter-group {
  margin-bottom: 14px;
}

/* line 79, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .filter-group-label {
  font-size: 11px;
  font-weight: 600;
  color: #aaa;
  margin-bottom: 8px;
  padding-left: 2px;
}

/* line 87, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .filter-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* line 93, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .filter-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 14px;
  margin-top: 4px;
  border-top: 1px solid #eee;
}

/* line 104, app/assets/stylesheets/mihiraki.scss */
body#mihiraki button.kamoku {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  line-height: 1.3;
  white-space: nowrap;
  outline: none;
  border: 1.5px solid transparent;
}

/* line 119, app/assets/stylesheets/mihiraki.scss */
body#mihiraki button.kamoku:active {
  transform: scale(0.95);
}

/* line 124, app/assets/stylesheets/mihiraki.scss */
body#mihiraki button.kamoku.kiso {
  border-color: #f8e7b0;
  background: #fdf8e8;
  color: #5c4a00;
}

/* line 129, app/assets/stylesheets/mihiraki.scss */
body#mihiraki button.kamoku.kiso:hover, body#mihiraki button.kamoku.kiso.active {
  background: #b8960a;
  border-color: #b8960a;
  color: #fff;
  box-shadow: 0 2px 8px rgba(184, 150, 10, 0.3);
}

/* line 137, app/assets/stylesheets/mihiraki.scss */
body#mihiraki button.kamoku.rinsyo {
  border-color: #e8cde1;
  background: #f8f0f6;
  color: #5c2d50;
}

/* line 142, app/assets/stylesheets/mihiraki.scss */
body#mihiraki button.kamoku.rinsyo:hover, body#mihiraki button.kamoku.rinsyo.active {
  background: #8c5a80;
  border-color: #8c5a80;
  color: #fff;
  box-shadow: 0 2px 8px rgba(140, 90, 128, 0.3);
}

/* line 150, app/assets/stylesheets/mihiraki.scss */
body#mihiraki button.kamoku.all {
  background: #191970;
  border-color: #191970;
  color: #fff;
}

/* line 155, app/assets/stylesheets/mihiraki.scss */
body#mihiraki button.kamoku.all:hover, body#mihiraki button.kamoku.all.active {
  background: #22229a;
  box-shadow: 0 2px 8px rgba(25, 25, 112, 0.3);
}

/* line 161, app/assets/stylesheets/mihiraki.scss */
body#mihiraki button.kamoku.teisei {
  background: #eef4fc;
  border-color: #c3d8f4;
  color: #2979d6;
}

/* line 166, app/assets/stylesheets/mihiraki.scss */
body#mihiraki button.kamoku.teisei:hover, body#mihiraki button.kamoku.teisei.active {
  background: #2979d6;
  border-color: #2979d6;
  color: #fff;
  box-shadow: 0 2px 8px rgba(41, 121, 214, 0.3);
}

/* line 175, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .sections-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* line 181, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .section-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  transition: box-shadow 0.2s;
}

/* line 188, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .section-card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* line 192, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .section-card.kiso {
  border-left: 4px solid #b8960a;
}

/* line 195, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .section-card.rinsyo {
  border-left: 4px solid #8c5a80;
}

/* line 198, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .section-card.teisei-card {
  border-left: 4px solid #2979d6;
}

/* line 204, app/assets/stylesheets/mihiraki.scss */
body#mihiraki h3 {
  margin: 0;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

/* line 211, app/assets/stylesheets/mihiraki.scss */
body#mihiraki h3.kiso {
  background: linear-gradient(135deg, #b8960a, #a08209);
  color: #fff;
}

/* line 215, app/assets/stylesheets/mihiraki.scss */
body#mihiraki h3.rinsyo {
  background: linear-gradient(135deg, #8c5a80, #7c5072);
  color: #fff;
}

/* line 219, app/assets/stylesheets/mihiraki.scss */
body#mihiraki h3.teisei {
  background: linear-gradient(135deg, #2979d6, #2266b4);
  color: #fff;
}

/* line 225, app/assets/stylesheets/mihiraki.scss */
body#mihiraki ul.theme {
  list-style: none;
  margin: 0;
  padding: 4px 0;
}

/* line 231, app/assets/stylesheets/mihiraki.scss */
body#mihiraki ul.theme li.theme {
  margin: 0 12px;
  border-bottom: 1px solid #f3f3f3;
}

/* line 235, app/assets/stylesheets/mihiraki.scss */
body#mihiraki ul.theme li.theme:last-child {
  border-bottom: none;
}

/* line 240, app/assets/stylesheets/mihiraki.scss */
body#mihiraki ul.theme a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 8px;
  transition: all 0.15s ease;
}

/* line 252, app/assets/stylesheets/mihiraki.scss */
body#mihiraki ul.theme a::before {
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: currentColor;
  opacity: 0.15;
  transition: opacity 0.15s;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2C4.9 2 4 2.9 4 4v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13zM8 12h8v2H8v-2zm0 4h5v2H8v-2z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2C4.9 2 4 2.9 4 4v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13zM8 12h8v2H8v-2zm0 4h5v2H8v-2z'/%3E%3C/svg%3E");
  mask-size: contain;
  -webkit-mask-size: contain;
}

/* line 268, app/assets/stylesheets/mihiraki.scss */
body#mihiraki ul.theme a:hover::before {
  opacity: 0.5;
}

/* line 274, app/assets/stylesheets/mihiraki.scss */
body#mihiraki ul.theme a.kiso {
  color: #5c4a00;
}

/* line 276, app/assets/stylesheets/mihiraki.scss */
body#mihiraki ul.theme a.kiso:hover {
  background: #fdf8e8;
}

/* line 281, app/assets/stylesheets/mihiraki.scss */
body#mihiraki ul.theme a.rinsyo {
  color: #5c2d50;
}

/* line 283, app/assets/stylesheets/mihiraki.scss */
body#mihiraki ul.theme a.rinsyo:hover {
  background: #f8f0f6;
}

/* line 289, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .teisei-body {
  padding: 8px 24px 20px;
}

/* line 293, app/assets/stylesheets/mihiraki.scss */
body#mihiraki h4 {
  margin: 18px 0 6px;
  font-size: 14px;
  color: #333;
  font-weight: 700;
  padding-bottom: 4px;
  border-bottom: 1px dashed #ddd;
}

/* line 302, app/assets/stylesheets/mihiraki.scss */
body#mihiraki h5 {
  position: relative;
  padding-left: 16px;
  margin: 12px 0 4px;
  font-size: 13px;
  font-weight: 600;
  color: #191970;
  line-height: 1.5;
}

/* line 311, app/assets/stylesheets/mihiraki.scss */
body#mihiraki h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.4em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2979d6;
}

/* line 323, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .teiseinaiyou {
  margin: 2px 0 8px 16px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #555;
  line-height: 1.7;
  background: #fafafa;
  border-radius: 6px;
  border-left: 3px solid #ddd;
}

/* line 336, app/assets/stylesheets/mihiraki.scss */
body#mihiraki .arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  vertical-align: middle;
  text-decoration: none;
  font-size: 14px;
}

/* line 345, app/assets/stylesheets/mihiraki.scss */
body#mihiraki h2 {
  background: #fff;
}

@media (max-width: 768px) {
  /* line 351, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki h1 {
    font-size: 16px;
    padding: 14px 20px;
  }
  /* line 355, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .main-content {
    padding: 0 12px 48px;
  }
  /* line 358, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .filter-area {
    padding: 20px 20px 16px;
    margin: 16px 0;
    border-radius: 10px;
  }
  /* line 363, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .filter-buttons {
    gap: 6px;
  }
  /* line 366, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki button.kamoku {
    padding: 6px 12px;
    font-size: 12px;
  }
  /* line 370, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki h3 {
    padding: 12px 20px;
    font-size: 14px;
  }
  /* line 374, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki ul.theme li.theme {
    margin: 0 8px;
  }
  /* line 377, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki ul.theme a {
    padding: 11px 12px;
    font-size: 13px;
    gap: 10px;
  }
  /* line 382, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .teisei-body {
    padding: 8px 20px 16px;
  }
}

@media (max-width: 480px) {
  /* line 389, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .page-header {
    position: static;
  }
  /* line 392, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki h1 {
    font-size: 15px;
    padding: 12px 16px;
    letter-spacing: 0.08em;
  }
  /* line 397, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .h1-sub {
    display: block;
    margin-left: 0;
    margin-top: 2px;
    font-size: 11px;
  }
  /* line 403, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .main-content {
    padding: 0 8px 40px;
  }
  /* line 406, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .filter-area {
    padding: 16px 14px 12px;
    margin: 12px 0;
    border-radius: 8px;
  }
  /* line 411, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .filter-label {
    font-size: 11px;
    margin-bottom: 12px;
  }
  /* line 415, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .filter-group-label {
    font-size: 10px;
  }
  /* line 418, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .filter-buttons {
    gap: 5px;
  }
  /* line 421, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki button.kamoku {
    padding: 5px 10px;
    font-size: 11px;
    border-radius: 16px;
  }
  /* line 426, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .section-card {
    border-radius: 8px;
  }
  /* line 429, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki h3 {
    padding: 10px 14px;
    font-size: 13px;
  }
  /* line 433, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki ul.theme {
    padding: 2px 0;
  }
  /* line 436, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki ul.theme li.theme {
    margin: 0 6px;
  }
  /* line 439, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki ul.theme a {
    padding: 10px 10px;
    font-size: 12px;
    gap: 8px;
  }
  /* line 444, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki ul.theme a::before {
    width: 16px;
    height: 16px;
  }
  /* line 449, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .teisei-body {
    padding: 6px 14px 14px;
  }
  /* line 452, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki h4 {
    font-size: 13px;
    margin: 14px 0 4px;
  }
  /* line 456, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki h5 {
    font-size: 12px;
    padding-left: 14px;
  }
  /* line 460, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki h5::before {
    width: 6px;
    height: 6px;
    top: 0.45em;
  }
  /* line 466, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .teiseinaiyou {
    font-size: 11px;
    padding: 6px 10px;
    margin-left: 14px;
  }
  /* line 471, app/assets/stylesheets/mihiraki.scss */
  body#mihiraki .sections-grid {
    gap: 12px;
  }
}
@charset "UTF-8";
/* line 6, app/assets/stylesheets/rshk.scss.erb */
body#rshk {
  /* 横並び用 */
  /* 横並び用終わり */
  /* 成功時通知メッセージ関連 */
  /* 失敗系通知メッセージ関連 */
  /* 失敗系通知メッセージ関連 */
  /* メニュー画面のリンクボタン用 */
}

/* line 8, app/assets/stylesheets/rshk.scss.erb */
body#rshk header {
  height: 20px;
  background-color: #999;
  padding: 1px 0px 0px 3.5px;
}

/* line 13, app/assets/stylesheets/rshk.scss.erb */
body#rshk header ul {
  padding: 0px 0px 0px 15px;
  width: 400px;
}

/* line 17, app/assets/stylesheets/rshk.scss.erb */
body#rshk h1 {
  background-color: #009999;
}

/* line 21, app/assets/stylesheets/rshk.scss.erb */
body#rshk h2 {
  background: #F8F8FF;
  border-top: none;
  border-right: 1px solid #999999;
  border-left: 7px solid #999999;
  border-bottom: none;
  color: #262626;
  margin: 3px 0px 3px 0px;
  padding: 3px 0px 3px 5px;
  font-size: 16px;
}

/* line 33, app/assets/stylesheets/rshk.scss.erb */
body#rshk h3 {
  background: #FFFFFF;
  border-bottom: 1px solid #009999;
  border-top: 1px solid #009999;
  border-left: 7px solid #009999;
  border-right: none;
  color: #262626;
  margin: 3px 0px 3px 0px;
  padding: 3px 0px 3px 5px;
  font-size: 14px;
}

/* line 45, app/assets/stylesheets/rshk.scss.erb */
body#rshk ul {
  list-style: none;
  padding-inline-start: 0px;
}

/* line 50, app/assets/stylesheets/rshk.scss.erb */
body#rshk .s_moji {
  font-size: 14px;
}

/* line 55, app/assets/stylesheets/rshk.scss.erb */
body#rshk .border_01 {
  border-width: 3px 0 0 0;
  border-style: solid;
  border-color: #009999;
}

/* line 61, app/assets/stylesheets/rshk.scss.erb */
body#rshk .border_02 {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #009999;
}

/* line 69, app/assets/stylesheets/rshk.scss.erb */
body#rshk .hihyouji {
  display: none;
}

/* line 74, app/assets/stylesheets/rshk.scss.erb */
body#rshk .boxes {
  display: flex;
  max-width: 1000px;
  font-size: 14px;
}

/* line 79, app/assets/stylesheets/rshk.scss.erb */
body#rshk .box {
  margin: 1em 0;
  padding: 0.5em;
}

/* line 83, app/assets/stylesheets/rshk.scss.erb */
body#rshk .title {
  background-color: #B2E0E0;
  width: 100px;
}

/* line 87, app/assets/stylesheets/rshk.scss.erb */
body#rshk .content {
  background-color: #F8F8FF;
  width: 200px;
}

/* line 92, app/assets/stylesheets/rshk.scss.erb */
body#rshk 　　
.boxes_s {
  display: flex;
  max-width: 700px;
  height: 30px;
  font-size: 14px;
}

/* line 99, app/assets/stylesheets/rshk.scss.erb */
body#rshk .box_s {
  margin: 1em 0;
  padding: 0.5em;
}

/* line 103, app/assets/stylesheets/rshk.scss.erb */
body#rshk .serch_title {
  width: 100px;
}

/* line 107, app/assets/stylesheets/rshk.scss.erb */
body#rshk .serch_content {
  width: 300px;
}

/* line 112, app/assets/stylesheets/rshk.scss.erb */
body#rshk .table_title {
  background-color: #B2E0E0;
}

/* line 116, app/assets/stylesheets/rshk.scss.erb */
body#rshk .table_row_1 {
  background-color: #F7F7F7;
}

/* line 120, app/assets/stylesheets/rshk.scss.erb */
body#rshk .table_row_2 {
  background-color: #EAEAEA;
}

/* line 124, app/assets/stylesheets/rshk.scss.erb */
body#rshk .table_col_1 {
  background-color: #B2E0E0;
}

/* line 128, app/assets/stylesheets/rshk.scss.erb */
body#rshk .center {
  text-align: center;
}

/* line 131, app/assets/stylesheets/rshk.scss.erb */
body#rshk .center * {
  margin-right: auto;
  margin-left: auto;
}

/* line 137, app/assets/stylesheets/rshk.scss.erb */
body#rshk .left {
  text-align: left;
}

/* line 141, app/assets/stylesheets/rshk.scss.erb */
body#rshk .right {
  text-align: right;
}

/* line 145, app/assets/stylesheets/rshk.scss.erb */
body#rshk .invisible {
  display: none;
}

/* line 149, app/assets/stylesheets/rshk.scss.erb */
body#rshk .b_font {
  font-weight: bold;
}

/* line 153, app/assets/stylesheets/rshk.scss.erb */
body#rshk .buttun_gray {
  appearance: none;
  border-radius: 3px;
  border-width: 1px;
  border-color: #767676;
  border-style: outset;
  text-align: center;
  background: #EFEFEF;
  padding: 1px 6px;
  font-size: 14px;
  font-color: #000000;
}

/* line 165, app/assets/stylesheets/rshk.scss.erb */
body#rshk .buttun_gray a {
  text-decoration: none;
}

/* line 169, app/assets/stylesheets/rshk.scss.erb */
body#rshk .buttun_gray:hover {
  background: #E5E5E5;
  color: white;
}

/* line 181, app/assets/stylesheets/rshk.scss.erb */
body#rshk .notice {
  padding: 3px 0px 3px 11px;
  color: #009999;
  background-color: #FFFFFF;
  border: 1px solid #B2E0E0;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
}

/* line 192, app/assets/stylesheets/rshk.scss.erb */
body#rshk .danger {
  padding: 3px 0px 3px 11px;
  color: red;
  background-color: #ffcccc;
  border: 1px solid #ffcccc;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
}

/* line 203, app/assets/stylesheets/rshk.scss.erb */
body#rshk .mitatu {
  color: red;
  font-weight: bold;
}

/* line 210, app/assets/stylesheets/rshk.scss.erb */
body#rshk .btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 300px;
  height: 60px;
  color: #262626;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s;
}

/* line 224, app/assets/stylesheets/rshk.scss.erb */
body#rshk .btn a:hover {
  color: #009999;
}

/* line 228, app/assets/stylesheets/rshk.scss.erb */
body#rshk .btn06 a {
  background-color: #B2E0E0;
  border: 1px solid transparent;
  color: #262626;
}

/* line 234, app/assets/stylesheets/rshk.scss.erb */
body#rshk .btn06 a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  transform: rotate(45deg) translateY(-50%);
  width: 6px;
  height: 6px;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #262626;
}

/* line 247, app/assets/stylesheets/rshk.scss.erb */
body#rshk .btn06 a:hover {
  background-color: #B2E0E0;
  border: 1px solid #009999;
}

/* line 252, app/assets/stylesheets/rshk.scss.erb */
body#rshk .btn06 a:hover::after {
  border-color: #009999 #009999 transparent transparent;
}

/* line 256, app/assets/stylesheets/rshk.scss.erb */
body#rshk .full-img {
  background-image: url(/assets/main-f55312d1ac5e3857204ef604bbb94932f8b76676641c340a9bae4503f70bd631.jpg);
  /* 画像のURLを指定       */
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #2F64AB;
}

/* line 271, app/assets/stylesheets/rshk.scss.erb */
body#rshk .hosoku_rshk {
  font-size: 12px;
  color: #FFFFFF;
}

/* line 276, app/assets/stylesheets/rshk.scss.erb */
body#rshk .login {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
}

/* line 281, app/assets/stylesheets/rshk.scss.erb */
body#rshk .login_title {
  font-size: 30px;
  font-weight: bold;
  color: #FFFFFF;
}
@charset "UTF-8";
/* 本ファイルは、検証・本番でファイルを変更する予定のため、git管理対象から外す。 */
/* 変数の定義 */
/* 色関係 */
/* 
本番用
$maincolor: #191970;

検証用
$maincolor: #006400;

*/
/* フォント関係 */
/* ヘッダー関連　*/
/* line 28, app/assets/stylesheets/syl_dtl.scss */
header {
  height: 30px;
  margin: 0px;
  background-color: #191970;
  color: #ffffff;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  border-bottom: solid 1px #ececec;
}

/* line 35, app/assets/stylesheets/syl_dtl.scss */
header ul {
  width: 1000px;
  margin: 0px;
  padding: 5px 0px 0px 30px;
  font-size: 12px;
}

/* line 40, app/assets/stylesheets/syl_dtl.scss */
header ul li {
  list-style: none;
  display: inline-block;
  padding: 0px 10px 0px 0px;
}

/* line 44, app/assets/stylesheets/syl_dtl.scss */
header ul li a {
  text-decoration: none;
  color: #ffffff;
}

/* line 48, app/assets/stylesheets/syl_dtl.scss */
header ul li a:hover {
  color: red;
}
@charset "UTF-8";
/* 変数の定義 */
/* 色関係 */
/* 
本番用
$maincolor: #191970;

検証用
$maincolor: #006400;

*/
/* 複写科目選択画面用の色 */
/* リンク関係 */
/* 達成P／ブループリントリンク */
/* excelリンク */
/* 履歴作成リンク */
/* 複写リンク */
/* 削除リンク */
/* フォーカス関係 */
/* 通知メッセージ関係 */
/* エラー関係 */
/* ボタン関係 */
/* 枠線関係 */
/* フォント関係 */
/* 文字色の細かい指定 */
/* line 77, app/assets/stylesheets/syllabus.scss */
.font_red {
  color: red;
}

/* 失敗系通知メッセージ関連 */
/* line 83, app/assets/stylesheets/syllabus.scss */
.danger {
  padding: 3px 0px 3px 11px;
  color: red;
  background-color: #ffcccc;
  border: 1px solid #ffcccc;
  font-size: 16px;
  font-weight: bold;
  width: 1000px;
}

/* 成功時通知メッセージ関連 */
/* line 94, app/assets/stylesheets/syllabus.scss */
.notice {
  padding: 3px 0px 3px 11px;
  color: #0000ff;
  background-color: #87cefa;
  border: 1px solid #87cefa;
  font-size: 16px;
  font-weight: bold;
  width: 1000px;
}

/* システム的なメッセージを通知するためのクラス */
/* line 106, app/assets/stylesheets/syllabus.scss */
.sys_info {
  padding: 3px 0px 3px 11px;
  color: red;
  background-color: #ffcccc;
  border: 1px solid #ffcccc;
  font-size: 14px;
  font-weight: bold;
}

/* エラー表示部分関連 */
/* line 116, app/assets/stylesheets/syllabus.scss */
#error_explanation {
  border-top: 1px solid red;
  border-right: 1px solid red;
  border-left: 1px solid red;
  border-bottom: 1px solid red;
  color: red;
}

/* line 123, app/assets/stylesheets/syllabus.scss */
#error_explanation h2 {
  padding: 3px 0px 3px 11px;
  margin: 0px 0px 0px 0px;
  border-style: none;
  background: #ffcccc;
  color: red;
  font-size: 16px;
  /*
    border-top:1px solid $maincolor;  
    border-right:1px solid $maincolor;  
    border-left:7px solid $maincolor;  
    border-bottom:1px solid $maincolor;  
*/
}

/* コンテンツ部分をレイアウトでかこっている。container */
/* ボディー関連 */
/* line 145, app/assets/stylesheets/syllabus.scss */
body {
  margin: 0px;
  font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

/* line 150, app/assets/stylesheets/syllabus.scss */
header {
  background-color: #191970;
  padding: 4px 8px;
}

/* line 154, app/assets/stylesheets/syllabus.scss */
header ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 11px;
}

/* line 163, app/assets/stylesheets/syllabus.scss */
header ul li {
  white-space: nowrap;
}

/* line 164, app/assets/stylesheets/syllabus.scss */
header ul a {
  color: #fff;
  text-decoration: none;
}

/* line 165, app/assets/stylesheets/syllabus.scss */
header ul a:hover {
  color: #ccc;
}

/* フッター関連　*/
/* うまくいかないので、footerを一旦削除 */
/* 
footer {
  height: 50px;
  margin: 0px;
  background-color: $sub2_color;
  color: $sub2_font;
  font-family: $font_fam_go;

  ul {
    margin: 0px;      
    padding: 5px 0px 0px 30px;
    li {
      list-style:none;
      display: inline-block;
      padding: 0px 10px 0px 0px;
    }    
  }  
}
*/
/* 見出し関連 */
/* line 191, app/assets/stylesheets/syllabus.scss */
h1 {
  background-color: #000000;
  color: #ffffff;
  margin: 0px;
  padding: 5px 0px 5px 30px;
  font-size: 16px;
  letter-spacing: 0.2em;
}

/* line 199, app/assets/stylesheets/syllabus.scss */
h1.sub {
  padding: 0px 0px 5px 30px;
  font-size: 12px;
  letter-spacing: 0.2em;
}

/* line 205, app/assets/stylesheets/syllabus.scss */
h2 {
  background: #ececec;
  border-top: 1px solid #191970;
  border-right: 1px solid #191970;
  border-left: 7px solid #191970;
  border-bottom: 1px solid #191970;
  color: #000000;
  margin: 3px 0px 3px 0px;
  padding: 3px 0px 3px 5px;
  font-size: 16px;
}

/* line 216, app/assets/stylesheets/syllabus.scss */
h2.upyohaku {
  margin: 50px 0px 3px 0px;
}

/* line 220, app/assets/stylesheets/syllabus.scss */
h3 {
  background: #191970;
  color: #ffffff;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 10px;
  font-size: 14px;
}

/* line 227, app/assets/stylesheets/syllabus.scss */
#cp_sel h3 {
  background: green;
}

/* line 232, app/assets/stylesheets/syllabus.scss */
h4 {
  border-bottom: 1px solid #191970;
  color: #191970;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 1px 5px;
  font-size: 14px;
}

/* レイアウト調整 */
/* line 241, app/assets/stylesheets/syllabus.scss */
.height_30 {
  height: 30px;
}

/* dl,dd,dt関連 */
/* 左フレームの検索関連のdl */
/* line 248, app/assets/stylesheets/syllabus.scss */
dl#search {
  border: 1px solid #191970;
  margin: 3px 0px 3px 0px;
  padding: 3px 5px 3px 5px;
}

/* line 252, app/assets/stylesheets/syllabus.scss */
dl#search dt {
  border-bottom: 3px solid #000000;
  color: #000000;
  font-size: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* line 260, app/assets/stylesheets/syllabus.scss */
dl#search dd {
  margin: 0px 0px 10px 5px;
}

/* シラバス情報表示画面のdl */
/* line 266, app/assets/stylesheets/syllabus.scss */
dl#syl_basic {
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
}

/* line 271, app/assets/stylesheets/syllabus.scss */
dl#syl_basic dt {
  float: left;
  width: 175px;
  background-color: #191970;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 1px 10px;
  border: 1px solid #000000;
}

/* line 280, app/assets/stylesheets/syllabus.scss */
dl#syl_basic dd {
  width: 800px;
  margin: 0px 0px 1px 190px;
  padding: 1px 5px 1px 5px;
  border: 1px solid #000000;
}

/* line 288, app/assets/stylesheets/syllabus.scss */
dl#syl_basic.login dd {
  width: 400px;
}

/* line 293, app/assets/stylesheets/syllabus.scss */
dl#syl_basic.kai dt {
  width: 400px;
}

/* line 296, app/assets/stylesheets/syllabus.scss */
dl#syl_basic.kai dd {
  width: 150px;
  margin: 0px 0px 1px 415px;
}

/* line 302, app/assets/stylesheets/syllabus.scss */
dl#syl_basic.houhou dt {
  background-color: #e0ffff;
  color: #191970;
  width: 350px;
  height: 25px;
  display: flex;
  align-items: center;
}

/* line 310, app/assets/stylesheets/syllabus.scss */
dl#syl_basic.houhou dd {
  color: #191970;
  width: 350px;
  height: 25px;
  display: flex;
  align-items: center;
  margin: 0px 0px 1px 362px;
  font-size: 12px;
  border-left-width: 0px;
}

/* line 322, app/assets/stylesheets/syllabus.scss */
label.houhou {
  margin: 0px 20px 0px 10px;
}

/* line 327, app/assets/stylesheets/syllabus.scss */
.colhaba_01 {
  width: 30px;
}

/* line 330, app/assets/stylesheets/syllabus.scss */
.colhaba_02 {
  width: 50px;
}

/* line 333, app/assets/stylesheets/syllabus.scss */
.colhaba_03 {
  width: 75px;
}

/* line 336, app/assets/stylesheets/syllabus.scss */
.colhaba_04 {
  width: 100px;
}

/* line 339, app/assets/stylesheets/syllabus.scss */
.colhaba_05 {
  width: 125px;
}

/* line 342, app/assets/stylesheets/syllabus.scss */
.colhaba_06 {
  width: 150px;
}

/* line 345, app/assets/stylesheets/syllabus.scss */
.colhaba_07 {
  width: 175px;
}

/* line 348, app/assets/stylesheets/syllabus.scss */
.colhaba_08 {
  width: 200px;
}

/* line 351, app/assets/stylesheets/syllabus.scss */
.colhaba_10 {
  width: 250px;
}

/* line 354, app/assets/stylesheets/syllabus.scss */
.colhaba_11 {
  width: 275px;
}

/* line 357, app/assets/stylesheets/syllabus.scss */
.colhaba_12 {
  width: 300px;
}

/* line 360, app/assets/stylesheets/syllabus.scss */
.colhaba_14 {
  width: 350px;
}

/* line 363, app/assets/stylesheets/syllabus.scss */
.colhaba_15 {
  width: 375px;
}

/* line 366, app/assets/stylesheets/syllabus.scss */
.colhaba_16 {
  width: 400px;
}

/* line 369, app/assets/stylesheets/syllabus.scss */
.colhaba_18 {
  width: 450px;
}

/* line 372, app/assets/stylesheets/syllabus.scss */
.colhaba_24 {
  width: 600px;
}

/* line 375, app/assets/stylesheets/syllabus.scss */
.colhaba_28 {
  width: 700px;
}

/* line 378, app/assets/stylesheets/syllabus.scss */
.colhaba_32 {
  width: 800px;
}

/* 余白関連 */
/* line 383, app/assets/stylesheets/syllabus.scss */
.yohaku_left {
  margin: 0px 0px 0px 10px;
}

/* table関連 */
/* 授業科目一覧画面のテーブル */
/* line 389, app/assets/stylesheets/syllabus.scss */
table.fixed {
  word-break: break-all;
  table-layout: fixed;
  font-size: 12px;
}

/* line 394, app/assets/stylesheets/syllabus.scss */
table.fixed th {
  background-color: #191970;
  color: #ffffff;
}

/* line 400, app/assets/stylesheets/syllabus.scss */
table.fixed td {
  background-color: #d3d3d3;
  color: #000000;
}

/* line 404, app/assets/stylesheets/syllabus.scss */
table.fixed .center {
  text-align: center;
}

/* line 407, app/assets/stylesheets/syllabus.scss */
table.fixed a {
  text-decoration: none;
}

/* line 410, app/assets/stylesheets/syllabus.scss */
table.fixed a:hover {
  color: red;
}

/* line 415, app/assets/stylesheets/syllabus.scss */
table.shelf {
  width: 910px;
}

/* line 419, app/assets/stylesheets/syllabus.scss */
table.shelfupd {
  width: 888px;
}

/* line 424, app/assets/stylesheets/syllabus.scss */
table.fixed.itiran {
  width: 732px;
}

/* line 427, app/assets/stylesheets/syllabus.scss */
table.fixed.cp_sel {
  width: 500px;
}

/* line 430, app/assets/stylesheets/syllabus.scss */
table.fixed.show {
  width: 1301px;
  border-bottom: 1px solid #191970;
  border-collapse: collapse;
}

/* line 434, app/assets/stylesheets/syllabus.scss */
table.fixed.show th {
  border-top: 1px solid #191970;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}

/* line 440, app/assets/stylesheets/syllabus.scss */
table.fixed.show th.sumi_left {
  border-left: 1px solid #191970;
}

/* line 443, app/assets/stylesheets/syllabus.scss */
table.fixed.show th.sumi_right {
  border-right: 1px solid #191970;
}

/* line 446, app/assets/stylesheets/syllabus.scss */
table.fixed.show td {
  background-color: #ffffff;
  border-top: 1px dashed #191970;
  border-left: 1px solid #191970;
  border-right: 1px solid #191970;
}

/* line 452, app/assets/stylesheets/syllabus.scss */
table.fixed.show td.show_line {
  border-top: 1px solid #191970;
}

/* line 456, app/assets/stylesheets/syllabus.scss */
table.fixed.show_dtl {
  width: 1225px;
  border-bottom: 1px solid #191970;
  border-collapse: collapse;
}

/* line 460, app/assets/stylesheets/syllabus.scss */
table.fixed.show_dtl th {
  border-top: 1px solid #191970;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}

/* line 466, app/assets/stylesheets/syllabus.scss */
table.fixed.show_dtl th.sumi_left {
  border-left: 1px solid #191970;
}

/* line 469, app/assets/stylesheets/syllabus.scss */
table.fixed.show_dtl th.sumi_right {
  border-right: 1px solid #191970;
}

/* line 472, app/assets/stylesheets/syllabus.scss */
table.fixed.show_dtl td {
  background-color: #ffffff;
  border-top: 1px dashed #191970;
  border-left: 1px solid #191970;
  border-right: 1px solid #191970;
}

/* line 478, app/assets/stylesheets/syllabus.scss */
table.fixed.show_dtl td.show_line {
  border-top: 1px solid #191970;
}

/* line 484, app/assets/stylesheets/syllabus.scss */
table.fixed.jugyo {
  width: 1277px;
  border-collapse: collapse;
}

/* line 487, app/assets/stylesheets/syllabus.scss */
table.fixed.jugyo th {
  border: 1px solid #ffffff;
}

/* line 490, app/assets/stylesheets/syllabus.scss */
table.fixed.jugyo td.jugyo_line {
  border-top: 15px solid #ececec;
}

/* line 495, app/assets/stylesheets/syllabus.scss */
table.fixed.jugyo.new {
  width: 1092px;
}

/* line 500, app/assets/stylesheets/syllabus.scss */
table.fixed.kai {
  width: 1072px;
}

/* line 504, app/assets/stylesheets/syllabus.scss */
table.fixed.unit {
  width: 875px;
}

/* line 508, app/assets/stylesheets/syllabus.scss */
table.fixed.gio {
  width: 1225px;
}

/* line 512, app/assets/stylesheets/syllabus.scss */
table.fixed.sbo {
  width: 1731px;
}

/* line 514, app/assets/stylesheets/syllabus.scss */
table.fixed.sbo tr:nth-child(2n+1) {
  background: #F0FFFF;
}

/* line 523, app/assets/stylesheets/syllabus.scss */
table.fixed.sbo.space {
  border-spacing: 2px 5px;
}

/* line 529, app/assets/stylesheets/syllabus.scss */
#cp_sel table.fixed th {
  background-color: green;
  color: #ffffff;
}

/* line 535, app/assets/stylesheets/syllabus.scss */
table.fixed.bdown_comce {
  width: 339px;
}

/* line 539, app/assets/stylesheets/syllabus.scss */
table.fixed.bdown_comcy {
  width: 693px;
}

/* line 544, app/assets/stylesheets/syllabus.scss */
table.fixed.comcy_new {
  width: 843px;
}

/* line 547, app/assets/stylesheets/syllabus.scss */
table.fixed.comcy_upd {
  width: 920px;
}

/* line 550, app/assets/stylesheets/syllabus.scss */
table.fixed.status {
  width: 270px;
}

/* line 555, app/assets/stylesheets/syllabus.scss */
table.fixed.hst_sel th, table.fixed.hst_sel td {
  padding: 5px 10px 5px 10px;
}

/* line 560, app/assets/stylesheets/syllabus.scss */
table.cbt_unit {
  word-break: break-all;
  table-layout: fixed;
  margin: 0px 0px 0px 10px;
  font-size: 16px;
}

/* line 568, app/assets/stylesheets/syllabus.scss */
table.cbt_unit th {
  background-color: #800000;
  color: #ffffff;
}

/* line 574, app/assets/stylesheets/syllabus.scss */
table.cbt_unit td {
  padding: 1px 7px 1px 7px;
  background-color: #fff8f8;
  color: #800000;
  font-weight: bold;
  text-decoration: underline;
  /*下線を引く*/
}

/* line 581, app/assets/stylesheets/syllabus.scss */
table.cbt_unit .center {
  text-align: center;
}

/* line 584, app/assets/stylesheets/syllabus.scss */
table.cbt_unit a {
  text-decoration: none;
}

/* line 587, app/assets/stylesheets/syllabus.scss */
table.cbt_unit a:hover {
  color: red;
}

/* line 590, app/assets/stylesheets/syllabus.scss */
table.cbt_unit_sel {
  word-break: break-all;
  table-layout: fixed;
  margin: 0px 0px 0px 10px;
  font-size: 16px;
}

/* line 596, app/assets/stylesheets/syllabus.scss */
table.cbt_unit_sel th {
  border: 0.5px solid red;
  /* 枠線 */
  background-color: #ffcccc;
  color: #800000;
}

/* line 601, app/assets/stylesheets/syllabus.scss */
table.cbt_unit_sel td.core {
  border: 0.5px solid red;
  /* 枠線 */
  background-color: #fff8f8;
  color: #800000;
  font-weight: bold;
}

/* line 608, app/assets/stylesheets/syllabus.scss */
table.cbt_unit_sel td.num {
  padding: 1px 7px 1px 7px;
  background-color: #fff8f8;
  color: #800000;
  font-weight: bold;
  text-decoration: underline;
  /*下線を引く*/
}

/* line 615, app/assets/stylesheets/syllabus.scss */
table.cbt_unit_sel td.num.tdtop {
  border-top: 0.5px solid red;
  /* 枠線 */
}

/* line 618, app/assets/stylesheets/syllabus.scss */
table.cbt_unit_sel td.num.tdbottom {
  border-bottom: 0.5px solid red;
  /* 枠線 */
}

/* line 625, app/assets/stylesheets/syllabus.scss */
table.cbt_unit_show {
  word-break: break-all;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0px 0px 0px 10px;
  font-size: 12px;
}

/* line 632, app/assets/stylesheets/syllabus.scss */
table.cbt_unit_show th {
  border: 0.5px solid red;
  /* 枠線 */
  background-color: #ffcccc;
  color: #800000;
}

/* line 637, app/assets/stylesheets/syllabus.scss */
table.cbt_unit_show td {
  padding: 2px 7px 2px 7px;
  border: 0.5px solid red;
  /* 枠線 */
  background-color: #fff8f8;
  color: #800000;
  font-weight: bold;
}

/* ul関連 */
/* h1直下のリンクタブのCSS定義 */
/* line 650, app/assets/stylesheets/syllabus.scss */
ul.head_tab_2 {
  margin: 7px 0px 7px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
}

/* line 655, app/assets/stylesheets/syllabus.scss */
ul.head_tab_2 li {
  margin: 0px 3px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  display: inline-block;
}

/* line 663, app/assets/stylesheets/syllabus.scss */
ul.head_tab_2 li.hst a {
  margin: 0px 0px 0px 0px;
  padding: 5px 6px 3px 6px;
  border-radius: 5px;
  /* 角丸定義　CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  border-top: 1px solid #800000;
  border-right: 1px solid #800000;
  border-left: 1px solid #800000;
  border-bottom: 1px solid #800000;
  background-color: #f5deb3;
  color: #800000;
  text-decoration: none;
}

/* line 677, app/assets/stylesheets/syllabus.scss */
ul.head_tab_2 li.hst a:hover {
  color: white;
  background-color: #800000;
}

/* line 681, app/assets/stylesheets/syllabus.scss */
ul.head_tab_2 li.hst a.disabled {
  background-color: gray;
  color: black;
  border: 1px solid black;
}

/* line 688, app/assets/stylesheets/syllabus.scss */
ul.head_tab_2 li.cp a {
  margin: 0px 0px 0px 10px;
  padding: 5px 6px 3px 6px;
  border-radius: 5px;
  /* 角丸定義　CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  border-top: 1px solid #0000ff;
  border-right: 1px solid #0000ff;
  border-left: 1px solid #0000ff;
  border-bottom: 1px solid #0000ff;
  background-color: #87cefa;
  color: #0000ff;
  text-decoration: none;
}

/* line 702, app/assets/stylesheets/syllabus.scss */
ul.head_tab_2 li.cp a:hover {
  color: white;
  background-color: #0000ff;
}

/* line 706, app/assets/stylesheets/syllabus.scss */
ul.head_tab_2 li.cp a.disabled {
  background-color: gray;
  color: black;
  border: 1px solid black;
}

/* line 713, app/assets/stylesheets/syllabus.scss */
ul.head_tab_2 li.delete a {
  margin: 0px 0px 0px 278px;
  padding: 5px 6px 3px 6px;
  border-radius: 5px;
  /* 角丸定義　CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  border-top: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  background-color: #ffcccc;
  color: #ff0000;
  text-decoration: none;
}

/* line 727, app/assets/stylesheets/syllabus.scss */
ul.head_tab_2 li.delete a:hover {
  color: white;
  background-color: #ff0000;
}

/* line 731, app/assets/stylesheets/syllabus.scss */
ul.head_tab_2 li.delete a.disabled {
  background-color: gray;
  color: black;
  border: 1px solid black;
}

/* line 742, app/assets/stylesheets/syllabus.scss */
ul.head_tab {
  margin: 15px 0px 7px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  width: 1200px;
}

/* line 747, app/assets/stylesheets/syllabus.scss */
ul.head_tab li {
  margin: 0px 3px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  display: inline-block;
}

/* line 753, app/assets/stylesheets/syllabus.scss */
ul.head_tab li a {
  margin: 0px 0px 0px 0px;
  padding: 7px 6px 7px 6px;
  border-top: 2px solid #191970;
  border-right: 2px solid #191970;
  border-left: 2px solid #191970;
  border-bottom: 2px solid #191970;
  background-color: #ececec;
  color: #191970;
  text-decoration: none;
}

/* line 764, app/assets/stylesheets/syllabus.scss */
ul.head_tab li a.active {
  background-color: #191970;
  padding: 12px 15px 7px 15px;
  color: #ffffff;
}

/* line 769, app/assets/stylesheets/syllabus.scss */
ul.head_tab li a:hover {
  color: red;
  background-color: #191970;
  padding: 12px 15px 7px 15px;
}

/* line 776, app/assets/stylesheets/syllabus.scss */
ul.head_tab li.bdown a {
  margin: 0px 0px 0px 10px;
  padding: 5px 6px 3px 6px;
  border-radius: 5px;
  /* 角丸定義　CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  background-color: #dcdcdc;
  color: #000000;
  text-decoration: none;
}

/* line 790, app/assets/stylesheets/syllabus.scss */
ul.head_tab li.bdown a:hover {
  color: white;
  background-color: #000000;
}

/* line 797, app/assets/stylesheets/syllabus.scss */
ul.head_tab li.excel a {
  margin: 0px 0px 0px 10px;
  padding: 5px 6px 3px 6px;
  border-radius: 5px;
  /* 角丸定義　CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  border-top: 1px solid #228b22;
  border-right: 1px solid #228b22;
  border-left: 1px solid #228b22;
  border-bottom: 1px solid #228b22;
  background-color: #ccffcc;
  color: #228b22;
  text-decoration: none;
}

/* line 811, app/assets/stylesheets/syllabus.scss */
ul.head_tab li.excel a:hover {
  color: white;
  background-color: #228b22;
}

/* input関係 */
/* 授業科目一覧の検索ボタン */
/* line 822, app/assets/stylesheets/syllabus.scss */
input#submit_btn {
  width: 160px;
  margin: 0px 20px 0px 20px;
  padding: 5px 0px 5px 0px;
  font-size: 16px;
  text-align: center;
  background-color: #87cefa;
  color: #0000ff;
}

/* シラバス基本情報登録の登録ボタン */
/* line 833, app/assets/stylesheets/syllabus.scss */
input#submit_btn_reg {
  width: 250px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  background-color: #87cefa;
  color: #0000ff;
  border: 1px solid #0000ff;
}

/* line 845, app/assets/stylesheets/syllabus.scss */
input#submit_btn_reg:hover {
  color: white;
  background-color: #0000ff;
}

/* line 849, app/assets/stylesheets/syllabus.scss */
input#submit_btn_reg.disabled {
  background-color: gray;
  color: black;
  border: 1px solid black;
}

/* 登録ボタンパート2 */
/* line 856, app/assets/stylesheets/syllabus.scss */
input#submit_btn_reg_2 {
  width: 55px;
  margin: 0px 0px 0px 0px;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-align: center;
  background-color: #87cefa;
  color: #0000ff;
  border: 1px solid #0000ff;
}

/* line 867, app/assets/stylesheets/syllabus.scss */
input#submit_btn_reg_2:hover {
  color: white;
  background-color: #0000ff;
}

/* line 871, app/assets/stylesheets/syllabus.scss */
input#submit_btn_reg_2.long {
  width: 75px;
}

/* line 874, app/assets/stylesheets/syllabus.scss */
input#submit_btn_reg_2.disabled {
  background-color: gray;
  color: black;
  border: 1px solid black;
}

/* 情報コピーボタン */
/* line 882, app/assets/stylesheets/syllabus.scss */
input.btn_cp {
  width: 250px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  background-color: #ccffcc;
  color: #228b22;
  border: 1px solid #228b22;
}

/* line 894, app/assets/stylesheets/syllabus.scss */
input.btn_cp:hover {
  color: white;
  background-color: #228b22;
}

/* line 898, app/assets/stylesheets/syllabus.scss */
input.btn_cp.disabled {
  background-color: gray;
  color: black;
  border: 1px solid black;
}

/* フィードバックシート出力ボタン用個別設定 */
/* line 904, app/assets/stylesheets/syllabus.scss */
input.btn_cp.print_out {
  margin: 10px 0px 10px 10px;
}

/* 削除ボタン */
/* line 910, app/assets/stylesheets/syllabus.scss */
a.btn_del {
  margin: 0px 5px 0px 5px;
  padding: 0px 13px 0px 13px;
  font-size: 12px;
  text-align: center;
  background-color: #ffcccc;
  color: #ff0000;
  border: 1px solid #ff0000;
}

/* 選択ボタン */
/* line 921, app/assets/stylesheets/syllabus.scss */
a.btn_sel {
  margin: 0px 5px 0px 5px;
  padding: 0px 20px 0px 20px;
  font-size: 12px;
  text-align: center;
  background-color: #87cefa;
  color: #0000ff;
  border: 1px solid #0000ff;
}

/* フィードバックシート画面へ遷移リンク */
/* line 932, app/assets/stylesheets/syllabus.scss */
a.btn_feed {
  text-decoration: none;
  margin: 0px 5px 0px 5px;
  padding: 0px 20px 0px 20px;
  font-size: 12px;
  text-align: center;
  background-color: #ccffcc;
  color: #228b22;
  border: 1px solid #228b22;
}

/* line 942, app/assets/stylesheets/syllabus.scss */
a.btn_feed:hover {
  color: white;
  background-color: #228b22;
}

/* フィードバック画面の学生入力用のリンク */
/* line 948, app/assets/stylesheets/syllabus.scss */
a.btn_feed_2 {
  text-decoration: none;
  margin: 5px;
  padding: 2px 20px 2px 20px;
  font-size: 12px;
  text-align: center;
  background-color: #ececec;
  color: #000000;
  border: 1px solid #000000;
}

/* line 958, app/assets/stylesheets/syllabus.scss */
a.btn_feed_2:hover {
  color: white;
  background-color: #000000;
}

/* CBT PASS番号登録画面の登録ボタン */
/* line 964, app/assets/stylesheets/syllabus.scss */
button.cbt_unit {
  margin: 0px 5px 0px 5px;
  padding: 5px 13px 5px 13px;
  font-size: 16px;
  text-align: center;
  background-color: #87cefa;
  color: #0000ff;
  border: 1px solid #0000ff;
}

/* line 973, app/assets/stylesheets/syllabus.scss */
button.cbt_unit:hover {
  color: white;
  background-color: #0000ff;
}

/* line 977, app/assets/stylesheets/syllabus.scss */
button.cbt_show {
  margin: 0px 5px 10px 5px;
  padding: 5px 13px 5px 13px;
  font-size: 14px;
  text-align: center;
  background-color: #f0ffff;
  color: #0a0;
  border: 1px solid #0a0;
}

/* line 986, app/assets/stylesheets/syllabus.scss */
button.cbt_show:hover {
  color: white;
  background-color: #0a0;
}

/* line 990, app/assets/stylesheets/syllabus.scss */
button.cbt_show.sel {
  color: white;
  background-color: #0a0;
}

/* line 996, app/assets/stylesheets/syllabus.scss */
table.fixed a.btn_del:hover {
  color: white;
  background-color: #ff0000;
}

/* line 1000, app/assets/stylesheets/syllabus.scss */
table.fixed a.btn_del.disabled {
  background-color: gray;
  color: black;
  border: 1px solid black;
}

/* コアカリ入力 */
/* line 1007, app/assets/stylesheets/syllabus.scss */
table.fixed a.core_sel {
  display: inline-block;
  text-decoration: none;
  font-size: 10px;
  padding: 1px 3px 1px 3px;
  margin: 1px 3px 1px 3px;
  border: 1px solid;
  border-color: #191970;
  background: #cdecff;
  color: #191970;
}

/* line 1018, app/assets/stylesheets/syllabus.scss */
table.fixed a.core_sel:hover {
  color: #ffffff;
  background: #191970;
}

/* line 1022, app/assets/stylesheets/syllabus.scss */
table.fixed a.core_sel.disabled {
  background-color: gray;
  color: black;
  border: 1px solid black;
}

/* コアカリコピー */
/* line 1029, app/assets/stylesheets/syllabus.scss */
table.fixed .core_cp {
  width: 25px;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 0px;
  font-size: 10px;
  text-align: center;
  background: #ccffcc;
  color: #228b22;
  border: 1px solid;
  border-color: #228b22;
}

/* line 1040, app/assets/stylesheets/syllabus.scss */
table.fixed .core_cp:hover {
  color: white;
  background: #228b22;
}

/* line 1044, app/assets/stylesheets/syllabus.scss */
table.fixed .core_cp.disabled {
  background-color: gray;
  color: black;
  border: 1px solid black;
}

/* コアカリクリアボタン */
/* line 1052, app/assets/stylesheets/syllabus.scss */
table.fixed .core_del {
  width: 25px;
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 0px;
  font-size: 10px;
  text-align: center;
  background: #ffcccc;
  color: #ff0000;
  border: 1px solid;
  border-color: #ff0000;
}

/* line 1063, app/assets/stylesheets/syllabus.scss */
table.fixed .core_del:hover {
  color: white;
  background: #ff0000;
}

/* line 1067, app/assets/stylesheets/syllabus.scss */
table.fixed .core_del.disabled {
  background-color: gray;
  color: black;
  border: 1px solid black;
}

/* フィードバックシート印刷用画面CSS */
/* line 1074, app/assets/stylesheets/syllabus.scss */
table.print.title {
  width: 1000px;
  border: 1px solid black;
}

/* line 1077, app/assets/stylesheets/syllabus.scss */
table.print.title th {
  border: 1px solid black;
}

/* line 1080, app/assets/stylesheets/syllabus.scss */
table.print.title th.name_title {
  background-color: #ccffcc;
  width: 150px;
}

/* line 1084, app/assets/stylesheets/syllabus.scss */
table.print.title td {
  border: 1px solid black;
}

/* line 1087, app/assets/stylesheets/syllabus.scss */
table.print.title td.name {
  width: 300px;
}

/* line 1092, app/assets/stylesheets/syllabus.scss */
table.print.value {
  margin: 5px 0px 0px 0px;
  font-size: small;
  width: 1050px;
  border: 1px solid black;
  border-collapse: collapse;
}

/* line 1098, app/assets/stylesheets/syllabus.scss */
table.print.value th {
  border: 1px solid black;
  background-color: #ccffcc;
}

/* line 1102, app/assets/stylesheets/syllabus.scss */
table.print.value th.chk_title {
  width: 50px;
}

/* line 1105, app/assets/stylesheets/syllabus.scss */
table.print.value th.val_unit_title {
  width: 400px;
}

/* line 1108, app/assets/stylesheets/syllabus.scss */
table.print.value td {
  padding: 0px 0px 0px 5px;
  border: 1px solid black;
}

/* line 1112, app/assets/stylesheets/syllabus.scss */
table.print.value td.chk {
  padding: 0px 0px 0px 0px;
  text-align: center;
}

/* line 1118, app/assets/stylesheets/syllabus.scss */
.cell_yohaku {
  padding: 1px 0px 1px 10px;
}

/* line 1122, app/assets/stylesheets/syllabus.scss */
.height_yohaku {
  height: 50px;
}

/* line 1126, app/assets/stylesheets/syllabus.scss */
.feedback_textarea {
  border: 2px solid #0a0;
  /* 枠線 */
  padding: 0.5em;
  /* 内側の余白量 */
  background-color: snow;
  /* 背景色 */
  width: 20em;
  /* 横幅 */
  height: 300px;
  /* 高さ */
  font-size: 1em;
  /* 文字サイズ */
  line-height: 1.2;
  /* 行の高さ */
}

/* line 1136, app/assets/stylesheets/syllabus.scss */
textarea#cbt_set {
  border: 1.5px solid red;
  /* 枠線 */
  margin: 10px 0px 0px 10px;
  padding: 0.5em;
  /* 内側の余白量 */
  background-color: snow;
  /* 背景色 */
  width: 600px;
  /* 横幅 */
  height: 100px;
  /* 高さ */
  font-size: 18px;
  /* 文字サイズ */
  line-height: 1.2;
  /* 行の高さ */
  font-family: "HG丸ｺﾞｼｯｸM-PRO", 　 "MS UI Gothic";
}

/* line 1149, app/assets/stylesheets/syllabus.scss */
.page-break-before {
  page-break-before: always;
}

/* line 1153, app/assets/stylesheets/syllabus.scss */
.page-break-after {
  page-break-after: always;
}

@media print {
  /* line 1158, app/assets/stylesheets/syllabus.scss */
  .noprint_area {
    display: none;
  }
}

/* 再表示ボタン */
/* line 1164, app/assets/stylesheets/syllabus.scss */
.btn_reload {
  display: block;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 2px 7px 2px 7px;
  width: 150px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  background-color: #87cefa;
  color: #0000ff;
  border: 1px solid #0000ff;
}

/* line 1179, app/assets/stylesheets/syllabus.scss */
.btn_reload:hover {
  color: white;
  background-color: #0000ff;
}

/* line 1184, app/assets/stylesheets/syllabus.scss */
.btn_reload.disabled {
  background-color: gray;
  color: black;
  border: 1px solid black;
}

/* 再表示ボタン */
/* line 1191, app/assets/stylesheets/syllabus.scss */
.btn_reload.kai {
  width: 300px;
  margin: 10px 0px 10px 0px;
}

/* line 1198, app/assets/stylesheets/syllabus.scss */
.upd_chk_label {
  display: block;
  width: 50px;
}

/* line 1204, app/assets/stylesheets/syllabus.scss */
.selecthaba_01 {
  width: 240px;
}

/* line 1208, app/assets/stylesheets/syllabus.scss */
.selecthaba_02 {
  width: 780px;
}

/* line 1212, app/assets/stylesheets/syllabus.scss */
.selecthaba_03 {
  width: 190px;
}

/* line 1216, app/assets/stylesheets/syllabus.scss */
.selecthaba_04 {
  width: 140px;
}

/* line 1220, app/assets/stylesheets/syllabus.scss */
.selecthaba_05 {
  width: 65px;
}

/* line 1224, app/assets/stylesheets/syllabus.scss */
.selecthaba_06 {
  width: 500px;
}

/* line 1228, app/assets/stylesheets/syllabus.scss */
.selecthaba_07 {
  width: 110px;
}

/* line 1232, app/assets/stylesheets/syllabus.scss */
.selecthaba_08 {
  width: 50px;
}

/* line 1236, app/assets/stylesheets/syllabus.scss */
.selecthaba_09 {
  width: 95px;
}

/* line 1239, app/assets/stylesheets/syllabus.scss */
.selecthaba_10 {
  width: 590px;
}

/* line 1242, app/assets/stylesheets/syllabus.scss */
.selecthaba_11 {
  width: 395px;
}

/* line 1245, app/assets/stylesheets/syllabus.scss */
.selecthaba_12 {
  width: 120px;
}

/* line 1252, app/assets/stylesheets/syllabus.scss */
.focus {
  background-color: #e0ffff;
}

/* line 1257, app/assets/stylesheets/syllabus.scss */
input:focus, select:focus, textarea:focus {
  background-color: #e0ffff;
}

/* h1配下のコンテンツ範囲指定 */
/* line 1263, app/assets/stylesheets/syllabus.scss */
#contents {
  margin: 3px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  position: absolute;
}

/* line 1269, app/assets/stylesheets/syllabus.scss */
#head_tab_son {
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 10px 10px;
  border-top: 2px solid #191970;
  border-right: 2px solid #191970;
  border-left: 2px solid #191970;
  border-bottom: 2px solid #191970;
}

/* line 1279, app/assets/stylesheets/syllabus.scss */
#loading {
  border: 1px dashed #999;
  padding: 100px;
  position: fixed;
  top: 30%;
  left: 30%;
  background-color: #FFF;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}

/* line 1291, app/assets/stylesheets/syllabus.scss */
#loading .loadingMsg {
  text-align: center;
  padding-top: 50px;
  width: 100px;
  background-image: url(/assets/loading-36-399e85e296703ddad14a67456a8bd68ddd73b52ccf13c2513fa2a803950d5aa6.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

/* マルチカラムレイアウト用のCSS */
/* line 1303, app/assets/stylesheets/syllabus.scss */
#leftframe {
  position: absolute;
  width: 200px;
}

/* line 1307, app/assets/stylesheets/syllabus.scss */
#mainframe {
  position: absolute;
  left: 220px;
}

/* 補足 */
/* line 1313, app/assets/stylesheets/syllabus.scss */
.hosoku {
  font-size: 12px;
  font-weight: bold;
  color: #191970;
}

/* line 1318, app/assets/stylesheets/syllabus.scss */
.hosoku.red {
  color: red;
  background-color: #ffcccc;
}

/* line 1322, app/assets/stylesheets/syllabus.scss */
.hosoku.cbt_unit {
  font-size: 16px;
  font-weight: bold;
  color: red;
  margin: 0px 0px 10px 10px;
  padding: 0px 0px 0px 0px;
}

/* 再表示の補足 */
/* line 1332, app/assets/stylesheets/syllabus.scss */
.hosoku_reload {
  display: block;
  margin: 10px 0px 0px 170px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #191970;
}

/* line 1341, app/assets/stylesheets/syllabus.scss */
.hosoku_reload.dtl_edit {
  margin: 10px 0px 0px 0px;
}

/* ログイン画面のお知らせ */
/* line 1346, app/assets/stylesheets/syllabus.scss */
.attention {
  background-color: #f8f8ff;
  border: solid #193F6A 1px;
  margin: 20px 0px 20px 25px;
  height: 400px;
  width: 600px;
}

/* line 1354, app/assets/stylesheets/syllabus.scss */
.attention h2 {
  padding: 0px 0px 0px 10px;
  background: none;
  border: none;
  color: red;
  margin: 3px 0px 3px 0px;
  padding: 3px 0px 3px 5px;
  font-size: 16px;
}

/* line 1366, app/assets/stylesheets/syllabus.scss */
.attention ul {
  padding-right: 25px;
  font-size: 12px;
}

/* line 1375, app/assets/stylesheets/syllabus.scss */
#sbo_upd_left {
  float: left;
  width: 792px;
}

/* line 1379, app/assets/stylesheets/syllabus.scss */
#sbo_upd_center {
  float: left;
  width: 54px;
}

/* line 1384, app/assets/stylesheets/syllabus.scss */
.clear {
  clear: both;
}

/* line 1389, app/assets/stylesheets/syllabus.scss */
.font_12 {
  font-size: 12px;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */


/*# sourceMappingURL=application.css-8889e1d6daa48f3839f25da18bd85a30b8e14b269c76776a51780fb75279b214.map */
