@charset "UTF-8";
/*! sanitize.css v3.0.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
/*doc
---
title: sanitize.css の変更
name: customized-sanitize-css
category: Foundation
---

sanitize.css を生成するソースファイルである sanitize.scss に、以下の様な変更を直接加えています。

* font-family: font-family: $monospace-font-family, monospace; から monospase を削除し font-family: $monospace-font-family; へ変更
* :root の font プロパティに対し font-weight を追加
* 変数 $default-font-weight を追加
* ユニバーサルな box-sizing を $default-box-sizing 変数とした

*/
/*
 * Normalization
 */
/* line 49, ../../sass/admin/foundations/_sanitize.scss */
audio:not([controls]) {
  display: none;
}

/* line 53, ../../sass/admin/foundations/_sanitize.scss */
button {
  overflow: visible;
  -webkit-appearance: button;
}

/* line 58, ../../sass/admin/foundations/_sanitize.scss */
details {
  display: block;
}

/* line 62, ../../sass/admin/foundations/_sanitize.scss */
html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}

/* line 68, ../../sass/admin/foundations/_sanitize.scss */
input {
  -webkit-border-radius: 0;
}
/* line 71, ../../sass/admin/foundations/_sanitize.scss */
input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
}
/* line 79, ../../sass/admin/foundations/_sanitize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
}
/* line 82, ../../sass/admin/foundations/_sanitize.scss */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 89, ../../sass/admin/foundations/_sanitize.scss */
main {
  display: block;
}

/* line 93, ../../sass/admin/foundations/_sanitize.scss */
pre {
  overflow: auto;
}

/* line 97, ../../sass/admin/foundations/_sanitize.scss */
progress {
  display: inline-block;
}

/* line 101, ../../sass/admin/foundations/_sanitize.scss */
small {
  font-size: 75%;
}

/* line 105, ../../sass/admin/foundations/_sanitize.scss */
summary {
  display: block;
}

/* line 109, ../../sass/admin/foundations/_sanitize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 113, ../../sass/admin/foundations/_sanitize.scss */
template {
  display: none;
}

/* line 117, ../../sass/admin/foundations/_sanitize.scss */
textarea {
  overflow: auto;
}

/* line 121, ../../sass/admin/foundations/_sanitize.scss */
[hidden] {
  display: none;
}

/*
 * Universal inheritance
 */
/* line 129, ../../sass/admin/foundations/_sanitize.scss */
*,
::before,
::after {
  box-sizing: border-box;
}

/* line 135, ../../sass/admin/foundations/_sanitize.scss */
* {
  font-size: inherit;
  line-height: inherit;
}

/* line 140, ../../sass/admin/foundations/_sanitize.scss */
::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

/*
 * Opinionated defaults
 */
/* line 154, ../../sass/admin/foundations/_sanitize.scss */
*,
::before,
::after {
  border-style: solid;
  border-width: 0;
}

/* line 163, ../../sass/admin/foundations/_sanitize.scss */
* {
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}

/* line 171, ../../sass/admin/foundations/_sanitize.scss */
:root {
  background-color: #FFFFFF;
  box-sizing: border-box;
  color: #000000;
  cursor: default;
  font: normal 100%/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", メイリオ, sans-serif;
  text-rendering: optimizeLegibility;
}

/* line 182, ../../sass/admin/foundations/_sanitize.scss */
a {
  text-decoration: none;
}

/* line 188, ../../sass/admin/foundations/_sanitize.scss */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/* line 199, ../../sass/admin/foundations/_sanitize.scss */
button,
input,
select,
textarea {
  background-color: transparent;
}

/* line 208, ../../sass/admin/foundations/_sanitize.scss */
button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

/* line 220, ../../sass/admin/foundations/_sanitize.scss */
button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
  min-height: 1.5em;
}

/* line 244, ../../sass/admin/foundations/_sanitize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace;
}

/* line 253, ../../sass/admin/foundations/_sanitize.scss */
nav ol,
nav ul {
  list-style: none;
}

/* line 264, ../../sass/admin/foundations/_sanitize.scss */
select::-ms-expand {
  display: none;
}
/* line 268, ../../sass/admin/foundations/_sanitize.scss */
select::-ms-value {
  color: currentColor;
}

/* line 275, ../../sass/admin/foundations/_sanitize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 282, ../../sass/admin/foundations/_sanitize.scss */
textarea {
  resize: vertical;
}

/* line 288, ../../sass/admin/foundations/_sanitize.scss */
::-moz-selection {
  background-color: #B3D4FC;
  color: #ffffff;
  text-shadow: none;
}

/* line 294, ../../sass/admin/foundations/_sanitize.scss */
::selection {
  background-color: #B3D4FC;
  color: #ffffff;
  text-shadow: none;
}

/* line 302, ../../sass/admin/foundations/_sanitize.scss */
[aria-busy="true"] {
  cursor: progress;
}

/* line 308, ../../sass/admin/foundations/_sanitize.scss */
[aria-controls] {
  cursor: pointer;
}

/* line 314, ../../sass/admin/foundations/_sanitize.scss */
[aria-disabled] {
  cursor: default;
}

/* line 320, ../../sass/admin/foundations/_sanitize.scss */
[hidden][aria-hidden="false"] {
  clip: rect(0 0 0 0);
  display: inherit;
  position: absolute;
}
/* line 325, ../../sass/admin/foundations/_sanitize.scss */
[hidden][aria-hidden="false"]:focus {
  clip: auto;
}

/* line 1, ../../sass/admin/foundations/_sanitize-append.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

/*doc
---
title: SMF (Sortable Multi Fields)
name: ソート可能な複数フィールド
categories: [Component]
---

```block
<form class="cSmf">
  <ul class="cSmf__rows">
    <li class="cSmf__row">
      <label class="cSmf__label" for="nameFieldSample1">
        <span class="cSmf__labelBase">名称</span>-<span class="cSmf__labelIdx">1</span>
      </label>
      <!-- .cSmf__fields を fieldset に適用すると期待通りの結果が得られないのでNG -->
      <div class="cSmf__fields">
        <input type="text" class="cSmf__field--full" name="name1" id="nameFieldSample1" placeholder="名前 (full)">
      </div>
      <div class="cSmf__handle"></div>
      <div class="cSmf__remove"></div>
    </li>
    <li class="cSmf__row">
      <label class="cSmf__label" for="nameFieldSample2">
        <span class="cSmf__labelBase">名称</span>-<span class="cSmf__labelIdx">2</span>
      </label>
      <div class="cSmf__fields">
        <input type="text" class="cSmf__field--middle" name="name2" id="nameFieldSample2" placeholder="名前 (middle)">
        <input type="text" class="cSmf__field--middle" name="reading2" placeholder="よみかた (middle)">
      </div>
      <div class="cSmf__handle"></div>
      <div class="cSmf__remove"></div>
    </li>
    <li class="cSmf__row">
      <label class="cSmf__label" for="nameFieldSample3">
        <span class="cSmf__labelBase">名称</span>-<span class="cSmf__labelIdx">3</span>
      </label>
      <div class="cSmf__fields">
        <input type="text" class="cSmf__field--small" name="name3" id="nameFieldSample3" placeholder="名前 (small)">
        <input type="text" class="cSmf__field--small" name="reading3" placeholder="よみかた (small)">
        <input type="text" class="cSmf__field--small" name="english3" placeholder="英語表記 (small)">
      </div>
      <div class="cSmf__handle"></div>
      <div class="cSmf__remove"></div>
    </li>
    <li class="cSmf__row">
      <label class="cSmf__label" for="nameFieldSample4">
        <span class="cSmf__labelBase">名称</span>-<span class="cSmf__labelIdx">4</span>
      </label>
      <div class="cSmf__fields">
        <input type="text" class="cSmf__field--large" name="name4" id="nameFieldSample4" placeholder="名前 (large)">
        <input type="text" class="cSmf__field--small" name="reading4" placeholder="よみかた (small))">
      </div>
      <div class="cSmf__handle"></div>
      <div class="cSmf__remove"></div>
    </li>
    <li class="cSmf__row">
      <label class="cSmf__label" for="nameFieldSample5">
        <span class="cSmf__labelBase">名称</span>-<span class="cSmf__labelIdx">5</span>
      </label>
      <div class="cSmf__fields">
        <input type="text" class="cSmf__field--xLarge" name="name5" id="nameFieldSample5" placeholder="名前 (xLarge)">
        <input type="text" class="cSmf__field--xSmall" name="reading5" placeholder="(xSmall)">
      </div>
      <div class="cSmf__handle"></div>
      <div class="cSmf__remove"></div>
    </li>
    <li class="cSmf__row">
      <label class="cSmf__label" for="nameFieldSample6">
        <span class="cSmf__labelBase">名称</span>-<span class="cSmf__labelIdx">6</span>
      </label>
      <div class="cSmf__fields">
        <input type="text" class="cSmf__field--large" name="name6" id="nameFieldSample5" placeholder="名前">
        <fieldset>
          <label for="enableFieldSample5">Enable</label>
          <input type="checkbox" class="cSmf__field" name="enabled6" id="enableFieldSample5" checked="checked">
        </fieldset>
      </div>
      <div class="cSmf__handle"></div>
      <div class="cSmf__remove"></div>
    </li>
    <li class="cSmf__row">
      <label class="cSmf__label" for="nameFieldSample7">
        <span class="cSmf__labelBase">名称</span>-<span class="cSmf__labelIdx">7</span>
      </label>
      <div class="cSmf__fields">
        <select class="cSmf__field--small">
          <option value="category1">Abc Def Ghi Jkl Mno Pqr Stu Vwx Yz</option>
          <option value="category2">カテゴリー2</option>
        </select>
      </div>
      <div class="cSmf__handle"></div>
      <div class="cSmf__remove"></div>
    </li>
  </ul>
  <div class="cSmf__control">
    <button class="cSmf__append"></button>
    <button class="cSmf__update">UPDATE</button>
    <button class="cSmf__reset">RESET</button>
  </div>
</form>
```

*/
/* line 96, sortable-multi-fields/*.png */
.sortable-multi-fields-sprite {
  background-image: url('../../img/admin/sortable-multi-fields-sb1f71bf57b.png');
  background-repeat: no-repeat;
}

/* line 107, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf {
  display: block;
  padding: 10px 10px 10px 50px;
  font-size: 16px;
}

/* line 115, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__row {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 600px;
  height: 50px;
  margin: 4px 0 4px 40px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.85);
}
/* line 127, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__row--half {
  width: 300px;
}

/* line 132, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__fields {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 85%;
  height: 100%;
  padding: 0 2px;
}

/* line 141, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__field, .cSmf__field--xSmall, .cSmf__field--small, .cSmf__field--middle, .cSmf__field--large, .cSmf__field--xLarge, .cSmf__field--full {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  width: 48%;
}
/* line 145, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__field--xSmall {
  width: 13%;
}
/* line 149, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__field--small {
  width: 31%;
}
/* line 153, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__field--middle {
  width: 48%;
}
/* line 157, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__field--large {
  width: 66%;
}
/* line 161, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__field--xLarge {
  width: 84%;
}
/* line 165, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__field--full {
  width: 100%;
}
/* line 170, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__field--noBorder {
  border: none;
}

/* line 175, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__label {
  display: block;
  width: 15%;
  height: 100%;
}

/* line 185, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__handle {
  position: absolute;
  left: -40px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  display: block;
  width: 40px;
  height: 30px;
  background: url('../../img/admin/sortable-multi-fields-safef87d10a.png') 0 -120px;
}
/* line 196, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__handle:hover {
  background: url('../../img/admin/sortable-multi-fields-safef87d10a.png') 0 -90px;
}

/* line 201, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__remove {
  position: absolute;
  right: -20px;
  top: 4px;
  cursor: pointer;
  display: block;
  width: 20px;
  height: 20px;
  background: url('../../img/admin/sortable-multi-fields-safef87d10a.png') 0 -170px;
}
/* line 210, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__remove:hover {
  background: url('../../img/admin/sortable-multi-fields-safef87d10a.png') 0 -150px;
}

/* line 215, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__control {
  display: flex;
  align-items: center;
  margin-left: 50px;
}

/* line 221, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__append, .cSmf__update, .cSmf__reset {
  margin: 0 20px 0 0;
}

/* line 225, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__append {
  cursor: pointer;
  display: block;
  width: 30px;
  height: 30px;
  background: url('../../img/admin/sortable-multi-fields-safef87d10a.png') 0 -60px;
}
/* line 232, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__append:hover {
  background: url('../../img/admin/sortable-multi-fields-safef87d10a.png') 0 -30px;
}
/* line 235, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__append--disabled {
  background: url('../../img/admin/sortable-multi-fields-safef87d10a.png') 0 0;
}

/* line 240, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__update, .cSmf__reset {
  cursor: pointer;
  display: block;
  height: 25px;
  line-height: 25px;
  padding: 0 17px;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: white;
}

/* line 254, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__update {
  background-color: #2b83ce;
}
/* line 257, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__update:hover {
  background-color: #006fc3;
}

/* line 263, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__reset {
  background-color: #9152c6;
}
/* line 266, ../../sass/admin/objects/components/_sortable-multi-fields.scss */
.cSmf__reset:hover {
  background-color: #8237c6;
}

/* line 1, ../../sass/admin/objects/components/_admin-form-message.scss */
.cAdminFormMsg {
  width: 85%;
  margin: 8px 0;
  border-radius: 8px;
  font-size: 12px;
}

/* line 8, ../../sass/admin/objects/components/_admin-form-message.scss */
.cAdminFormMsg__help, .cAdminFormMsg__alert, .cAdminFormMsg__error {
  padding: 16px;
  border: 1px solid;
}

/* line 13, ../../sass/admin/objects/components/_admin-form-message.scss */
.cAdminFormMsg__help {
  background: #e3f3fa;
  color: #5c9fbb;
}

/* line 19, ../../sass/admin/objects/components/_admin-form-message.scss */
.cAdminFormMsg__alert {
  background: #ffece0;
  color: #f0a573;
}

/* line 25, ../../sass/admin/objects/components/_admin-form-message.scss */
.cAdminFormMsg__error {
  background: #ffd6eb;
  color: #d682ad;
}

/*doc
---
title: Clippable
name: コンテンツを clipboard にコピーするスクリプトのためのスタイル
categories: [Components]
---



*/
/* line 11, ../../sass/admin/objects/components/_clippable.scss */
.cClippable {
  position: relative;
  display: block;
}
/* line 14, ../../sass/admin/objects/components/_clippable.scss */
.cClippable__clipHandle {
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 4px;
  left: -14px;
  opacity: 0.5;
}
/* line 21, ../../sass/admin/objects/components/_clippable.scss */
.cClippable__clipHandle:hover {
  opacity: 1;
}

/*doc
---
title: テーブル
name: cTable
categories: [Object, Object__Table]
---

`````mobile-block
<table class="cTable">
	<thead class="cTable__thead">
		<tr class="cTable__tr">
			<th class="cTable__serialNumber">#</th>
		</tr>
	</thead>
	<tbody class="cTable__tbody">
		<tr class="cTable__tr">
			<th class="cTable__serialNumber">1</th>
		</tr>
		<tr class="cTable__tr">
			<th class="cTable__serialNumber">123</th>
		</tr>
	</tbody>
</table>
```

*/
/* line 29, ../../sass/admin/objects/components/_table.scss */
.cTable__serialNumber {
  font-size: 85%;
  font-weight: bold;
  text-align: right;
  color: #999999;
}

/* line 1, ../../sass/admin/objects/projects/_option-filter.scss */
.jsOptionFilter__wrapper {
  position: relative;
  display: inline-block;
  margin: 0 3em 0 1em;
  width: 5em;
}

/* line 7, ../../sass/admin/objects/projects/_option-filter.scss */
.jsOptionFilter__input {
  margin: 0;
  width: 5em;
}

/* line 11, ../../sass/admin/objects/projects/_option-filter.scss */
.jsOptionFilter__count {
  position: absolute;
  right: -3em;
  color: #c30000;
  background: #ffdcdf;
  opacity: 0.6;
}

/* line 3, ../../sass/admin/objects/projects/_bit-mask.scss */
.pBitMaskTable__row--yes {
  background: #ffe0ec;
  color: #df0000;
}
/* line 7, ../../sass/admin/objects/projects/_bit-mask.scss */
.pBitMaskTable__row--no {
  color: silver;
}

/* line 14, ../../sass/admin/objects/projects/_bit-mask.scss */
.pBitMaskValues__value {
  display: inline-block;
  margin: 0 1px;
  padding: 0 6px;
  border: 1px solid #c07100;
  border-radius: 4px;
  background: #f7e4c9;
  color: #8b5405;
}

/* line 4, ../../sass/admin/objects/projects/_habtm-ajax.scss */
.pHabtmAjax__input--changed {
  background-color: #fff3f4;
  color: #b35450;
}
/* line 9, ../../sass/admin/objects/projects/_habtm-ajax.scss */
.pHabtmAjax__updBtn {
  display: block;
}
/* line 11, ../../sass/admin/objects/projects/_habtm-ajax.scss */
.pHabtmAjax__updBtn--changed {
  background-color: #fff3f4;
  color: #b35450;
}

/* line 22, ../../sass/admin/objects/projects/_habtm-ajax.scss */
.pHabtmMessageModal__item {
  margin: 10px 0;
}
/* line 24, ../../sass/admin/objects/projects/_habtm-ajax.scss */
.pHabtmMessageModal__item--action {
  list-style: none;
}
/* line 28, ../../sass/admin/objects/projects/_habtm-ajax.scss */
.pHabtmMessageModal__liSubData {
  color: silver;
}

/* line 33, ../../sass/admin/objects/projects/_habtm-ajax.scss */
input[type="text"].pHabtmMessageModal__input {
  margin: 0 5px 0 0;
}

/* line 1, ../../sass/admin/objects/projects/_check-icons.scss */
.pCheckIcon {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  line-height: 15px;
  border: 1px solid;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
}
/* line 11, ../../sass/admin/objects/projects/_check-icons.scss */
.pCheckIcon__correct {
  background-color: #afe7ac;
  color: green;
}
/* line 14, ../../sass/admin/objects/projects/_check-icons.scss */
.pCheckIcon__correct::before {
  content: '✔';
}
/* line 18, ../../sass/admin/objects/projects/_check-icons.scss */
.pCheckIcon__incorrect {
  background-color: #ffd5e5;
  color: #c10000;
}
/* line 21, ../../sass/admin/objects/projects/_check-icons.scss */
.pCheckIcon__incorrect::before {
  content: '✘';
}
/* line 25, ../../sass/admin/objects/projects/_check-icons.scss */
.pCheckIcon__undefined {
  background-color: #fff5b1;
  color: #c1b300;
}
/* line 28, ../../sass/admin/objects/projects/_check-icons.scss */
.pCheckIcon__undefined::before {
  content: '？';
}
/* line 32, ../../sass/admin/objects/projects/_check-icons.scss */
.pCheckIcon__pending {
  background-color: #ffd6fa;
  color: #c100a7;
}
/* line 35, ../../sass/admin/objects/projects/_check-icons.scss */
.pCheckIcon__pending::before {
  content: '!';
}
/* line 39, ../../sass/admin/objects/projects/_check-icons.scss */
.pCheckIcon__update {
  background-color: #d8e545;
  color: #949e00;
}
/* line 42, ../../sass/admin/objects/projects/_check-icons.scss */
.pCheckIcon__update::before {
  content: '↻';
}

/*doc
---
title: 日本語の読みチェック画面
name: pCheckReading
category: [Project, Project__Admin]
---

```mobile-block
<div class="pCheckReading pCheckReading--fontN">
	<div class="pCheckReading__items">
		<div class="pCheckReading__item jsCheckReadingItem" data-id="4">
			<div class="pCheckReading__name">外転神経</div>
			<div class="pCheckReading__reading">がいてんしんけい</div>
		</div>
		<div class="pCheckReading__item jsCheckReadingItem" data-id="47093">
			<div class="pCheckReading__name"><span class="pCheckReading--weak">ミトコンドリア</span>脳筋症・乳酸<span class="pCheckReading--weak">アシドーシス</span>・脳卒中様発作症候群</div>
			<div class="pCheckReading__reading"><span class="pCheckReading--weak">ミトコンドリア</span>のうきんしょう・にゅうさん<span class="pCheckReading--weak">アシドーシス</span>・のうそっちゅうようほっさしょうこうぐん</div>
		</div>
		<div class="pCheckReading__item jsCheckReadingItem" data-id="161">
			<div class="pCheckReading__name">ビリルビン尿症</div>
			<div class="pCheckReading__reading"><span class="pCheckReading--weak">ビリルビン</span>にょうしょう</div>
		</div>
		<div class="pCheckReading__item jsCheckReadingItem" data-id="161">
			<div class="pCheckReading__name">空気気管支造影図</div>
			<div class="pCheckReading__reading">くうききかんしぞうえいず</div>
		</div>
		<div class="pCheckReading__item jsCheckReadingItem" data-id="6308">
			<div class="pCheckReading__name">帯状<span class="pCheckReading--weak">ヘルペス</span></div>
			<div class="pCheckReading__reading">たいじょう<span class="pCheckReading--weak">ヘルペス</span></div>
			<i class="pCheckReading__icon pCheckReading__icon--note"></i>
		</div>
		<div class="pCheckReading__item jsCheckReadingItem" data-id="27161">
			<div class="pCheckReading__name"><span class="pCheckReading--weak">アブミ</span>骨筋</div>
			<div class="pCheckReading__reading"><span class="pCheckReading--weak">アブミ</span>こつきん</div>
			<i class="pCheckReading__icon pCheckReading__icon--pending"></i>
		</div>
		<div class="pCheckReading__item jsCheckReadingItem" data-id="39284">
			<div class="pCheckReading__name"><span class="pCheckReading--weak">カルシウム</span>拮抗薬</div>
			<div class="pCheckReading__reading"><span class="pCheckReading--weak">カルシウム</span>きっこうやく</div>
			<i class="pCheckReading__icon pCheckReading__icon--incorrect"></i>
		</div>
		<div class="pCheckReading__item jsCheckReadingItem" data-id="3868">
			<div class="pCheckReading__name">結節</div>
			<div class="pCheckReading__reading">けっせつ</div>
			<i class="pCheckReading__icon pCheckReading__icon--note"></i>
			<i class="pCheckReading__icon pCheckReading__icon--pending"></i>
		</div>
		<div class="pCheckReading__item jsCheckReadingItem" data-id="101612">
			<div class="pCheckReading__name">多段階運動負荷試験</div>
			<div class="pCheckReading__reading">ただんかいうんどうふかしけん</div>
			<i class="pCheckReading__icon pCheckReading__icon--note"></i>
			<i class="pCheckReading__icon pCheckReading__icon--incorrect"></i>
		</div>
	</div>
	<div class="pCheckReading__actions" style="position: absolute;">
		<div class="jsCheckReadingAction pCheckReading__action pCheckReading__action--save">S</div>
		<div class="jsCheckReadingAction pCheckReading__action pCheckReading__action--size-up jsCheckReadingSizeChange">＋</div>
		<div class="jsCheckReadingAction pCheckReading__action pCheckReading__action--note">注</div>
		<div class="jsCheckReadingAction pCheckReading__action pCheckReading__action--pending">▲</div>
		<div class="jsCheckReadingAction pCheckReading__action pCheckReading__action--incorrect">×</div>
	</div>
</div>
```

*/
/* line 67, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading {
  position: relative;
  font-size: 28px;
  background: white;
}
/* line 72, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading--fontL {
  font-size: 56px;
}
/* line 75, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading--weak {
  opacity: 0.4;
}
/* line 79, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__items {
  padding: 0 0 200px;
}
/* line 83, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__item {
  position: relative;
  border: solid #00d809;
  border-width: 4px 0;
}
/* line 87, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__item--selected {
  background: yellow;
}
/* line 95, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__name {
  background-color: #efefef;
  padding: 8px;
}
/* line 98, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__name--selected {
  background: #c4c400;
}
/* line 103, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__reading {
  padding: 8px;
}
/* line 107, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__actions {
  position: fixed;
  width: 100%;
  height: 200px;
  margin: auto;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  text-align: center;
  font-size: 100px;
  border-top: 16px solid brown;
  background-color: #fff;
}
/* line 121, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__action {
  width: 100%;
}
/* line 123, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__action--save {
  color: blue;
}
/* line 126, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__action--size {
  color: silver;
}
/* line 129, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__action--note {
  margin: 12px 0 0 0;
  font-size: 76px;
  color: #ff00e8;
}
/* line 134, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__action--pending {
  color: #ffbc00;
}
/* line 137, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__action--incorrect {
  color: red;
  font-weight: bold;
}
/* line 143, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__icon {
  position: absolute;
  display: block;
  right: 0;
  width: 80px;
  height: 20px;
}
/* line 149, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__icon--note {
  background-color: #ff00e8;
  top: 0;
}
/* line 153, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__icon--pending {
  background-color: #ffbc00;
  bottom: 20px;
}
/* line 157, ../../sass/admin/objects/projects/_check-reading.scss */
.pCheckReading__icon--incorrect {
  background-color: red;
  bottom: 0;
}

/*doc
---
title: モーダルウインドウ
name: pModal
categories: [Project, Project__Admin]
---

```mobile-block
<div style="position: relative; height: 600px"><!-- wrapping block for demo -->
<div class="pModal" style="display: block; position: absolute; height: 100%;"><!-- inline style for demo -->
	<div class="pModal__bg" style="height: 100%;"></div>
	<div class="pModal__window">
		<p class="pModal__content">ここに文章が入ります<br>ここに文章が入ります<br>ここに文章が入ります</p>
		<a class="pModal__closeBtn">閉じる</a>
	</div>
</div>
</div>
```

*/
/* line 22, ../../sass/admin/objects/projects/_modal.scss */
.pModal {
  position: fixed;
  top: 0;
  display: none;
  width: 100%;
  height: 100vh;
  font-size: 30px;
  text-align: center;
}
/* line 30, ../../sass/admin/objects/projects/_modal.scss */
.pModal__bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
/* line 37, ../../sass/admin/objects/projects/_modal.scss */
.pModal__window {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60%;
  padding: 40px 40px 110px;
  transform: translate(-50%, -50%);
  background: white;
}
/* line 46, ../../sass/admin/objects/projects/_modal.scss */
.pModal__content {
  display: block;
}
/* line 49, ../../sass/admin/objects/projects/_modal.scss */
.pModal__closeBtn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  margin: 0 40px;
  display: block;
  color: cornflowerblue;
  background: #f2f7ff;
  border: 1px solid;
}

/*doc
---
title: 数値表示ユティリティ
name: uNum
categories: [Utility]
---

```block
<div class="uNum">12345</div>
```

*/
/* line 13, ../../sass/admin/objects/_utility.scss */
.uNum {
  text-align: right;
}

/*doc
---
title: フォントサイズユティリティ
name: uFontSize
categories: [Utility]
---

```block
<div class="uLarge">uLarge</div>
<div class="uXLarge">uXLarge</div>
```

*/
/* line 30, ../../sass/admin/objects/_utility.scss */
.uLarge {
  font-size: 21px;
}

/* line 34, ../../sass/admin/objects/_utility.scss */
.uXLarge {
  font-size: 28px;
}

/*doc
---
title: フォントファミリーユティリティ
name: uFontFamily
categories: [Utility]
---

```block
<div class="uSerif">セリフ体</div>
```

*/
/* line 50, ../../sass/admin/objects/_utility.scss */
.uSerif {
  font-family: serif;
}

/*doc
---
title: レタースペーシングユティリティ
name: uLetterSpacing
categories: [Utility]
---

```block
<div class="uLS">レタースペーシング1px</div>
<div class="uLS--2">レタースペーシング2px</div>
<div class="uLS--3">レタースペーシング3px</div>
<div class="uLS--4">レタースペーシング4px</div>
```

*/
/* line 70, ../../sass/admin/objects/_utility.scss */
.uLS {
  letter-spacing: 1px;
}
/* line 72, ../../sass/admin/objects/_utility.scss */
.uLS--2 {
  letter-spacing: 2px;
}
/* line 75, ../../sass/admin/objects/_utility.scss */
.uLS--3 {
  letter-spacing: 3px;
}
/* line 78, ../../sass/admin/objects/_utility.scss */
.uLS--4 {
  letter-spacing: 4px;
}

/*doc
---
title: 省略表示ユティリティ
name: uEllipsis
categories: [Utility]
---

```block
<div class="uEllipsis">省略します</div>
```

*/
/* line 96, ../../sass/admin/objects/_utility.scss */
.uEllipsis {
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/*doc
---
title: display プロパティユティリティ
name: uDisplay
categories: [Utility]
---

```block
<span class="uDisplay--block">block</span>
<span class="uDisplay--inline-block">inline-block</span>
<span class="uDisplay--inline">inline</span>
```

*/
/* line 119, ../../sass/admin/objects/_utility.scss */
.uDisplay--block {
  display: block;
}
/* line 122, ../../sass/admin/objects/_utility.scss */
.uDisplay--inline-block {
  display: inline-block;
}
/* line 125, ../../sass/admin/objects/_utility.scss */
.uDisplay--inline {
  display: inline;
}

/*# sourceMappingURL=style.css.map */
