@charset 'UTF-8';
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* --- source : /Caolila/Core/wfp/themes/wfp/scss/include/_define.scss --- */
/* --- source : /Caolila/Core/wfp/themes/wfp/scss/include/_functions.scss --- */
/* --- source : /Caolila/Core/wfp/themes/wfp/scss/sample.0-.scss --- */
.sampleSAMPLE {
  border: 0;
}
/* --- source : /Caolila/Core/wfp/themes/wfp/scss/0-/reset.common.scss --- */
html, body {
  width: 100%;
  height: 100%;
}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  font-family: 'Noto Sans JP', 'Lato', "Ubuntu", "Helvetica Neue", Helvetica, Arial, "YakuHanJP", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  /*color:#003b77;*/
  /*font-family: 'Lato', "Helvetica Neue" , Helvetica , Arial, "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;*/
  line-height: 1.6;
}
article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}
img, object, embed {
  max-width: 100%;
}
.ie8 img, .ie8 object, .ie8 embed {
  max-width: none;
}
/*html{overflow-y:scroll;}*/
ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: top;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: top;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  /* CSS2 */
  white-space: pre-line;
  /* CSS 2.1 */
  word-wrap: break-word;
  /* CSS 3 (and 2.1 as well, actually) */
}
/* IE */
input[type="radio"] {
  vertical-align: middle;
}
input[type="checkbox"] {
  vertical-align: middle;
  *vertical-align: baseline;
}
input[type="button"], input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.ie6 input {
  vertical-align: text-bottom;
}
select, input, textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
a:hover, a:active {
  outline: none;
}
small {
  font-size: 85%;
}
strong, th {
  font-weight: bold;
}
td, td img {
  vertical-align: top;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}
.clickable, label, input[type=button], input[type=submit], button {
  cursor: pointer;
  font-size: 90%;
}
button, input, select, textarea {
  margin: 0;
}
button {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
img {
  vertical-align: bottom;
}
input {
  box-sizing: border-box;
}
/* =========================================================
 text
 ========================================================== */
.large {
  font-size: 110%;
}
.xlarge {
  font-size: 120%;
}
.xxlarge {
  font-size: 130%;
}
.small {
  font-size: 95%;
}
.xsmall {
  font-size: 90%;
}
.xxsmall {
  font-size: 85%;
}
/* --- source : /Caolila/Core/wfp/themes/wfp/scss/0-/style.common.scss --- */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  /* 推奨サイズ */
  display: inline;
  width: 1em;
  height: 1em;
  text-transform: none;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  /* WebKitブラウザサポート */
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
  /* IEサポート */
  font-feature-settings: 'liga';
  text-decoration: none;
}
a .material-icons {
  text-decoration: none;
}
button .material-icons {
  display: inline;
  vertical-align: baseline;
}
#wfp_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
#wfp_contentHeader .headerTitle {
  font-weight: 900;
}
#wfp_contentMenu {
  overflow-y: auto;
}
#wfp_contentMenu ul {
  /*height:$menuLineHeight+($menuPadding*2);*/
}
#wfp_contentMenu ul li {
  line-height: 1rem;
  width: 100%;
  padding: 0.7rem;
  padding-left: 1rem;
  padding-right: 0;
  border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
  /*border-top:1px rgba(255,255,255,0.5) solid;*/
  font-weight: bold;
  font-size: 0.9rem;
  color: #000;
}
#wfp_contentMenu ul li a {
  color: #000;
}
#wfp_contentMenu ul li i {
  display: block;
  float: right;
}
#wfp_contentMenu .material-icons {
  display: inline-block;
  font-size: 1.4rem;
  margin-top: -0.2rem;
  margin-right: 0.3rem;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
}
.wfp_contentMenuSub {
  width: 100%;
  margin-left: 0rem;
  margin-bottom: -0.7rem;
  margin-top: 0.7rem;
  font-size: 100%;
  background-color: transparent;
}
.wfp_contentMenuSub li a {
  font-size: 90%;
}
#wfp_contentMenu ul li .wfp_contentMenuSub li {
  border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}
#wfp_contentMenu ul li .wfp_contentMenuSub li:last-child {
  border-bottom: 0;
}
.wfp_contentMenuSub {
  display: none;
}
.wfp_hasSubMenu {
  position: relative;
}
.wfp_hasSubMenu:before {
  position: absolute;
  right: 2rem;
  line-height: 1rem;
  text-align: center;
  padding-top: 0rem;
  content: "keyboard_arrow_down";
  font-family: 'Material Icons';
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga';
  color: #000;
  background-color: rgba(255, 255, 255, 0);
  width: 1.4rem;
  height: 1.4rem;
  font-size: 1rem;
  box-sizing: border-box;
  border-radius: 2rem;
  z-index: 101;
}
.wfp_subMenuOpenner {
  position: absolute;
  right: 2rem;
  top: 0.5rem;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #fff;
  border-radius: 1.4rem;
  z-index: 102;
  opacity: 0.2;
}
.wfp_subMenuOpenner:hover {
  opacity: 0.4;
}
.wp_subOpen:before {
  content: "keyboard_arrow_up";
}
.wfp_panel .card {
  padding: 1rem;
}
.wfp_panel .cardTitle {
  text-align: center;
  font-size: 1rem;
  border-bottom: 1px #ccc solid;
  margin-bottom: 1em;
  background-color: #333;
  color: #fff;
  padding: 0.5em 0;
  line-height: 1;
}
.wfp_panel .card button {
  overflow: hidden;
}
#footer {
  text-align: center;
  font-size: 80%;
  color: #999;
}
#loadingModal {
  z-index: 1901;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
#loadingModalPng {
  width: 20px;
  height: 20px;
  margin-top: calc(50vh - 10px);
  margin-left: calc(50% - 10px);
  animation: rotate-anime 0.6s linear infinite;
  animation-timing-function: steps(12);
}
.loading-modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1900;
}
@keyframes rotate-anime {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* --- TEST ---- */
#testSubMenuContent {
  background-color: #fff;
  padding: 0.5rem;
  height: 200px;
  margin-bottom: 20px;
}
/* --- Filer ---- */
#filerModal .modal-dialog {
  max-width: 80%;
}
#filerModal .modal-dialog .modal-body {
  max-height: calc(100vh - 18em);
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
}
#filerModal .modal-dialog .modal-body .filerBlock {
  width: 120px;
  text-align: center;
}
#filerModal .modal-dialog .modal-body .filerBlock img {
  width: 50%;
}
#filerModal .modal-dialog .modal-body .filerBlock .thumb {
  width: 100px;
  height: 70px;
  background-size: cover;
}
#filerModal .modal-dialog .modal-body .filerBlock .baseName {
  width: 100%;
  padding: 0.5em;
  word-break: break-all;
  line-height: 1em;
}
.cctx {
  z-index: 1060;
}
#wfpToast {
  position: fixed;
  z-index: 910;
  width: calc(100% - 4em);
  min-height: 1em;
  left: 2em;
  bottom: -2em;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  padding: 0.2em 1em;
  color: #fff;
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  border-radius: 0.5em;
  display: block;
  opacity: 0;
}
#generalModal .modal-dialog {
  width: 100%;
  max-width: 100%;
}
#generalModal .modal-dialog .modal-content {
  margin: 1.75rem 2.5rem;
  height: calc(100vh - 3.5rem);
  width: calc(100vw - 5rem);
}
#generalModal .modal-dialog .modal-content #generalModalContent {
  overflow-y: auto;
  padding: 0;
}
/* --- source : /Caolila/Core/wfp/themes/Caolila/scss/caolila.0-.scss --- */
html {
  overflow-y: scroll;
}
.sortableHandle {
  cursor: move;
}
/*----
 * table
 * ------*/
table.typical {
  border-top: 1px #ccc solid;
  border-left: 1px #ccc solid;
}
table.typical td, table.typical th {
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  padding: 0 0.5em;
}
/* --- source : /usr/local/apache2/htdocs/daemondocs/c/yak/shougaiSticker/Caolila/app/Caolila/Core/Magro/views/templates/scss/Magro.0-.scss --- */
.magroPostList, .magroPostForm {
  width: 100%;
  overflow-x: auto;
}
.magroPostList ::placeholder, .magroPostForm ::placeholder {
  color: #ccc;
}
.magroPostList table, .magroPostForm table {
  width: auto;
  min-width: 50%;
  font-size: 90%;
  border-top: #999 1px solid;
  border-left: #999 1px solid;
}
.magroPostList table tr.isAvailable0 td, .magroPostForm table tr.isAvailable0 td {
  background-color: #eee;
}
.magroPostList table td, .magroPostForm table td, .magroPostList table th, .magroPostForm table th {
  border-right: #999 1px solid;
  border-bottom: #999 1px solid;
  padding: 0.5em 1em;
  white-space: nowrap;
  vertical-align: middle;
}
.magroPostList table td .buttons, .magroPostForm table td .buttons, .magroPostList table th .buttons, .magroPostForm table th .buttons {
  padding: 0.2em 0.5em;
}
.magroPostList table td button, .magroPostForm table td button, .magroPostList table th button, .magroPostForm table th button {
  font-size: 80%;
  padding: 0.1em 1em;
}
.magroPostList table td.wrap, .magroPostForm table td.wrap, .magroPostList table th.wrap, .magroPostForm table th.wrap {
  white-space: normal;
}
.magroPostList table td.title, .magroPostForm table td.title, .magroPostList table th.title, .magroPostForm table th.title {
  white-space: normal;
}
.magroPostList table th, .magroPostForm table th {
  background-color: #9ac71d;
  color: #fff;
  font-weight: normal;
  text-align: center;
}
.magroPostList table th.sortableHandleHead, .magroPostForm table th.sortableHandleHead {
  width: 1em;
}
.magroPostList table td.sortableHandle, .magroPostForm table td.sortableHandle, .magroPostList table td.magro-operations, .magroPostForm table td.magro-operations {
  text-align: center;
}
.magroPostList table .selected td, .magroPostForm table .selected td {
  background-color: #fee;
}
.magroPostList table ul.form-control, .magroPostForm table ul.form-control {
  border: 0;
}
.magroPostList table ul.form-control input, .magroPostForm table ul.form-control input {
  margin-right: 0.5em;
}
.tableOperation {
  padding: 10px 0;
}
body.Magro .buttonWrap button {
  display: inline-block;
}
.newsContent {
  padding: 1em;
  border: #ccc 1px solid;
}
.newsContent .date {
  font-size: 0.9em;
  color: #666;
}
.newsContent .text b {
  color: #555;
  font-size: 1.2em;
  display: block;
  border-bottom: #eee 3px solid;
}
/* --- source : /usr/local/apache2/htdocs/daemondocs/c/yak/shougaiSticker/Caolila/app/Caolila/Project/Views/scss/Sticker.0-.scss --- */
#wfp_contentMenu {
  background-color: #e5f2ff;
}
/* --- source : /usr/local/apache2/htdocs/daemondocs/c/yak/shougaiSticker/Caolila/app/Caolila/Project/Views/scss/StickerTrainee.0-.scss --- */
body.stickerTrainee .wfp_panel .cardTitle {
  background-color: #006dba;
  border-radius: 0.3em;
  padding: 1em 0;
}
/* --- source : /usr/local/apache2/htdocs/daemondocs/c/yak/shougaiSticker/Caolila/app/Caolila/Project/Views/scss/guestPage.0-.scss --- */
body.guestContents {
  background: #3b7ec4;
}
body.guestContents .navbar-brand {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  color: #333;
}
/* --- source : /usr/local/apache2/htdocs/daemondocs/c/yak/shougaiSticker/Caolila/app/Caolila/Applications/Sticker/views/templates/scss/mailTplAdmin.0-.scss --- */
#mailTplAdmin .postForm input {
  width: 100%;
}
#mailTplAdmin .postForm textarea {
  width: 100%;
  height: 10em;
}
/* --- source : /usr/local/apache2/htdocs/daemondocs/c/yak/shougaiSticker/Caolila/app/Caolila/Applications/MagroLectures/views/templates/scss/form.0-.scss --- */
textarea.signs {
  height: 10em;
}
/* --- source : /usr/local/apache2/htdocs/daemondocs/c/yak/shougaiSticker/Caolila/app/Caolila/Applications/News/views/templates/scss/Magro.0-.scss --- */
.newsList .list {
  margin-bottom: 4em;
}
.newsList .list .title {
  font-size: 1.4em;
}
.newsList .list .date {
  font-size: 0.8em;
  color: #444;
}
.newsList .list .meta {
  padding: 0.5em 1em;
  background-color: #f3f0f1;
  border-radius: 0.2em;
}
/* --- source : /usr/local/apache2/htdocs/daemondocs/c/yak/shougaiSticker/Caolila/app/Caolila/Applications/TraineeUI/views/templates/scss/Sticker.0-.scss --- */
* {
  -webkit-print-color-adjust: exact !important;
  /* Chrome, Safari */
  color-adjust: exact !important;
  /*Firefox*/
}
.stickerUnitContainer {
  margin: 20px;
}
.stickerUnitContainer .stickerTable {
  width: 580px;
  border-left: #333 1px solid;
  border-top: #333 1px solid;
}
.stickerUnitContainer .stickerTable > tbody > tr > td {
  border-right: #333 1px solid;
  border-bottom: #333 1px solid;
  font-size: 13.5px;
  padding: 0.2em;
  vertical-align: middle;
}
.stickerUnitContainer .stickerTable .line1 {
  height: 2em;
  line-height: 1em;
}
.stickerUnitContainer .stickerTable .theme {
  height: 6em;
  vertical-align: top;
}
.stickerUnitContainer .stickerTable .instructor {
  height: 5em;
  vertical-align: top;
}
.stickerUnitContainer .stickerTable .consideration {
  height: 15em;
  vertical-align: top;
}
.stickerUnitContainer .stickerTable .col1 {
  width: 48%;
}
.stickerUnitContainer .stickerTable .col2 {
  width: 52%;
}
.stickerUnitContainer .stickerTable .heading {
  transform: scale(0.8);
  color: #555;
  transform-origin: left top;
}
.stickerUnitContainer .stickerTable .considerationNotice {
  transform-origin: right top;
}
.stickerUnitContainer .stickerTable .sticker {
  width: 247px;
  height: 114px;
  border-radius: 0.4em;
  border: #ccc 1px solid;
  background-position: center center;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
}
.stickerUnitContainer .stickerTable .sticker .qr {
  width: 60px;
  float: right;
  margin-top: 20px;
  margin-right: 10px;
}
.stickerUnitContainer .stickerTable .sticker .code {
  width: 100%;
  clear: both;
  text-align: right;
  font-size: 10px;
  padding-right: 10px;
  font-weight: bold;
  transform: scale(0.6);
  transform-origin: right top;
}
.stickerUnitContainer .stickerTable .sticker .signPosition1 {
  margin-left: calc(100% - 37%);
}
.stickerUnitContainer .stickerTable .sticker .signPosition2 {
  margin-left: calc(100% - 42%);
}
.stickerUnitContainer .stickerTable .sticker .signs {
  width: 45%;
  height: 100%;
  line-height: 1.1em;
  letter-spacing: -0.1em;
}
.stickerUnitContainer .stickerTable .sticker .signs .signWrapper {
  transform-origin: left top;
}
.stickerUnitContainer .stickerTable .sticker .signSize1 {
  width: calc(100% / 0.7);
  height: calc(100% / 0.7);
  transform: scale(0.7);
}
.stickerUnitContainer .stickerTable .sticker .signSize2 {
  width: calc(100% / 0.6);
  height: calc(100% / 0.6);
  transform: scale(0.6);
}
.stickerUnitContainer .stickerTable .sticker .signSize3 {
  width: calc(100% / 0.5);
  height: calc(100% / 0.5);
  transform: scale(0.5);
}
.stickerUnitContainer .stickerTable .separator, .stickerUnitContainer .stickerTable .or {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.stickerUnitContainer .stickerTable .separator > div, .stickerUnitContainer .stickerTable .or > div {
  padding: 0 1em;
}
.stickerUnitContainer .stickerTable .elearning .separator {
  width: calc(100% / 0.8);
  transform: scale(0.8);
  transform-origin: left center;
}
.stickerUnitContainer .stickerTable .elearning .separator div {
  width: 70%;
  padding: 0 0em;
  text-align: right;
}
.stickerUnitContainer .stickerTable .elearning .separator .el {
  text-align: left;
  width: 30%;
}
.stickerUnitContainer .stickerTable .yes {
  border: #555 1px solid;
  border-radius: 0.7em;
}
/* --- source : /usr/local/apache2/htdocs/daemondocs/c/yak/shougaiSticker/Caolila/app/Caolila/Applications/TraineeUI/views/templates/scss/TraineeUI.0-.scss --- */
#noteForm textarea {
  width: 100%;
  height: 10em;
}
#printStickers .printBtn {
  display: inline-block;
}
#printStickers .cardTitle {
  width: 100%;
}