@charset "utf-8";
/*
 * 全ページ共通CSS
 *
 * 【注意】デザインに関する定義はdefault_layout.cssに記述すること！！
 */


.emphasis-red {
	color: red;
}
.emphasis-bold {
	font-weight: bold;
}
.grayed-out {
	color: lightgray;
}
.not-allowed {
	cursor: not-allowed;
}


.trim-long-string {/* XXX 万能なスタイルがないので、trim-long-string1～から適当なものを選んでtrim-long-stringとして定義する */
    max-height: 40rem;
    overflow: auto;
}
.trim-long-string:before {
}
.trim-long-string:after {
}

.trim-long-string1 {/* 複数行表示非対応！！（複数行の場合、行毎に省略表示される） */
    /* widthやheightは個別に設定すること */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.trim-long-string2 {/* 複数行表示対応 ※但しIE,Edge,Firefox非対応（Chrome,Safari(win)確認済） */
    /* widthや-webkit-line-clampは必要なら個別に設定すること */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 20;
    overflow: hidden;
}
.trim-long-string3 {/* 複数行表示対応（Chrome,IE,Edge,Firefox,Safari(win)確認済） */
    /* 文字が中途半端に切れて３点リーダーが表示されることもある */
    /* widthやheightは必要なら個別に設定すること */
    position: relative;
    max-height: 40rem;
    overflow: hidden;
}
.trim-long-string3:before {
    position: absolute;
    background: #fff;
    content: '･･･';
    bottom: 0;
    right: 0;
}
.trim-long-string3:after {
    position: absolute;
    background: #fff;
    content: "";
    width: 100%;
    height: 100%;
}
.trim-long-string4 {/* スクロールバー方式 ※案外これがいちばん良いかも ※ */
    max-height: 40rem;
    overflow: auto;
}

li.class-not-checked {
    display: none;
}