@charset "UTF-8";
/**************************************************************************************************
 * FONT CSS
 * -------------------------------------------------------------------------------------------------
 * @author      N.K
 * @package     園児管理システム
 * @subpackage  フォントCSS
 * @copyright
 * @since       2017/06/06
 * @link
 **************************************************************************************************/
/*==================================================================================================
 * FONT_COLOR
 *================================================================================================*/
.font-mark      { font-family: ＭＳ Ｐゴシック, MS PGothic, sans-serif; }
.font-blue      { color : #09395d; }
.font-lightblue { color : #B0C8F7; }
.font-brown     { color : #765c47; }
.font-red       { color : #ff0000 !important; }
.font-holiday   { color : #ff0000; }
.font-orange    { color : #FFA500; }
.font-green     { color : #268173; }
.font-white     { color : #FFFFFF; }
.font-myosotis  { color : #66ffff; }
.font-gray      { color : #858585; }
.font-link      { color : #2A527C; }
.font-black     { color : #000000 !important; }

.font-size_SS { font-size : 0.7em !important; }
.font-size_S { font-size : 0.875em !important; }
.font-size_M { font-size : 0.9em !important; }
.font-size_L { font-size : 1.2em !important; }
.font-size_LL { font-size : 1.625em !important; }

label.normal { font-size : 1.0em; font-weight : bold; }
label.adjust { font-size : 1.0em; font-weight : bold; padding-top : 7px; margin-bottom : 0px; }
.small_box_label label { font-size : 0.9em; font-weight : bold; }
.slim_brown { font-size : 1.0em; font-weight : normal !important; color : #765c47; }
.slim_black { font-size : 1.0em; font-weight : normal !important; color : #000000; }
.slim_text-danger { font-size : 1.0em; font-weight : normal !important; color: #a94442; }
label.slim { font-weight : normal !important; }

.radio-inline label {
  position : relative;
  top      : -5px;
  left     : -4px;
  font-size : 0.875em;
  font-weight : normal;
}
.radio-inline label input[type="radio"] {
  position : relative;
  top      : 3px;
  left     : -4px;
}

/*---------------SMALL_SP(0～400px)----------*/
@media screen and (min-width: 0px) and (max-width: 400px) {

  table {
    font-size : 0.9em !important;
  }
}
/*---------------SMALL_SP(401px～550px)----------*/
@media screen and (min-width: 401px) and (max-width: 550px) {

  table {
    font-size : 0.9em !important;
  }
}
/*---------------SMALL_SP(551px～850px)----------*/
@media screen and (min-width: 551px) and (max-width: 850px) {

  table {
    font-size : 0.9em !important;
  }
}
/*---------------SMALL_SP(851px～1366px)----------*/
@media screen and (min-width: 851px) and (max-width: 1366px) {

}
/*---------------SMALL_SP(1367px～1570px)----------*/
@media screen and (min-width: 1367px) and (max-width: 1570px) {

}
font.normal {
  font-size : 1.0em !important;
}


/*==================================================================================================
 * NEON
 *================================================================================================*/
/*--------------------------------------------------------------------------------------------------
 * ネオン - 青
 *------------------------------------------------------------------------------------------------*/
.neon_blue{
    color: #ffffff;
    text-shadow: -1px 1px 5px #0033cc, 1px -1px 5px #0033cc;
}
.neon_blue:hover,
.neon_blue:active {
  color : #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------
 * ネオン - ピンク
 *------------------------------------------------------------------------------------------------*/
.neon_pink{
    color: #ffffff;
    text-shadow: -1px 1px 5px #EB27BB, 1px -1px 5px #EB27BB;
}
.neon_pink:hover,
.neon_pink:active {
  color : #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------
 * ネオン - 暗ピンク
 *------------------------------------------------------------------------------------------------*/
.neon_dark_pink{
    color: #ffffff;
    text-shadow: -1px 1px 5px #CA0C61, 1px -1px 5px #CA0C61;
}
.neon_dark_pink:hover,
.neon_dark_pink:active {
  color : #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------
 * ネオン - オレンジ
 *------------------------------------------------------------------------------------------------*/
.neon_orange{
    color: #ffffff;
    text-shadow: -1px 1px 5px #F2712A, 1px -1px 5px #F2712A;
}
.neon_orange:hover,
.neon_orange:active {
  color : #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------
 * ネオン - 赤
 *------------------------------------------------------------------------------------------------*/
.neon_red{
    color: #ffffff;
    text-shadow: -1px 1px 5px #DF0C0C, 1px -1px 5px #DF0C0C;
}
.neon_red:hover,
.neon_red:active {
  color : #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------
 * ネオン - 緑
 *------------------------------------------------------------------------------------------------*/
.neon_green{
    color: #ffffff;
    text-shadow: -1px 1px 5px #139825, 1px -1px 5px #139825;
}
.neon_green:hover,
.neon_green:active {
  color : #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------
 * ネオン - 水色
 *------------------------------------------------------------------------------------------------*/
.neon_light_blue{
    color: #ffffff;
    text-shadow: -1px 1px 5px #AFEEEE, 1px -1px 5px #AFEEEE;
}
.neon_light_blue:hover,
.neon_light_blue:active {
  color : #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------
 * ネオン - 黒
 *------------------------------------------------------------------------------------------------*/
.neon_black{
    color: #ffffff;
    text-shadow: -1px 1px 5px #000000, 1px -1px 5px #000000;
}
.neon_black:hover,
.neon_black:active {
  color : #FFFFFF;
}

/*--------------------------------------------------------------------------------------------------
 * ネオン - 黄色
 *------------------------------------------------------------------------------------------------*/
.neon_yellow {
  color: #ffffff;
  text-shadow: -1px 1px 5px #F8E243, 1px -1px 5px #F8E243;
}
.neon_yellow:hover,
.neon_yellow:active {
  color : #FFFFFF;
}

.icon_back {
  width : 24px;
  height : 24px;
  border-radius : 5px;
  padding-left : 10px;
}

.icon_back.disabled {
  opacity : 0.3;
}

/* アイコン（青） */
.icon_back_blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #09123c), color-stop(1.00, #0e3e8d));
  background: -webkit-linear-gradient(#09123c, #0e3e8d);
  background: -moz-linear-gradient(#09123c, #0e3e8d);
  background: -o-linear-gradient(#09123c, #0e3e8d);
  background: -ms-linear-gradient(#09123c, #0e3e8d);
  background: linear-gradient(#09123c, #0e3e8d);
  border : 1px solid #070d27;
  color : #FFFFFF;
}
/* アイコン（桃） */
.icon_back_pink {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff5db1), color-stop(1.00, #ef007c));
  background: -webkit-linear-gradient(#ff5db1, #ef007c);
  background: -moz-linear-gradient(#ff5db1, #ef007c);
  background: -o-linear-gradient(#ff5db1, #ef007c);
  background: -ms-linear-gradient(#ff5db1, #ef007c);
  background: linear-gradient(#ff5db1, #ef007c);
  border : 1px solid #a30554;
  color : #FFFFFF;
}

/* アイコン（橙） */
.icon_back_orange {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7400), color-stop(0.00, #fabd7a));
  background: -webkit-linear-gradient(#fabd7a, #ff7400);
  background: -moz-linear-gradient(#fabd7a, #ff7400);
  background: -o-linear-gradient(#fabd7a, #ff7400);
  background: -ms-linear-gradient(#fabd7a, #ff7400);
  background: linear-gradient(#fabd7a, #ff7400);
  border : 1px solid #d46d16;
  color : #FFFFFF;
}
/* アイコン（紫） */
.icon_back_purple {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b567b6), color-stop(1.00, #3c1e3d));
  background: -webkit-linear-gradient(#b567b6, #3c1e3d);
  background: -moz-linear-gradient(#b567b6, #3c1e3d);
  background: -o-linear-gradient(#b567b6, #3c1e3d);
  background: -ms-linear-gradient(#b567b6, #3c1e3d);
  background: linear-gradient(#b567b6, #3c1e3d);
  border : 1px solid #2e1d2f;
  color : #FFFFFF;
}
/* アイコン（緑） */
.icon_back_green {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #1c281f), color-stop(1.00, #396337));
  background: -webkit-linear-gradient(#1c281f, #396337);
  background: -moz-linear-gradient(#1c281f, #396337);
  background: -o-linear-gradient(#1c281f, #396337);
  background: -ms-linear-gradient(#1c281f, #396337);
  background: linear-gradient(#1c281f, #396337);
  border : 1px solid #191f1b;
  color : #FFFFFF;

}

/* 予約アイコン */
.icon_back.reserve:before {
  content : "予";
  position : absolute;
  top : 3px;
  left : 4px;
}
/* クリップ（添付）アイコン */
.icon_back.paperclip:before {
  content : "\e142";
  position : absolute;
  top : 5px;
  left : 4px;
}
/* 受アイコン */
.icon_back.recieve:before {
  content : "受";
  position : absolute;
  top : 3px;
  left : 4px;
}
/* 終アイコン */
.icon_back.finish:before {
  content : "〆";
  position : absolute;
  top : 3px;
  left : 4px;
}
/* 既アイコン */
.icon_back.already_read:before {
  content : "既";
  position : absolute;
  top : 3px;
  left : 4px;
}
/* 未アイコン */
.icon_back.yet_read:before {
  content : "未";
  position : absolute;
  top : 3px;
  left : 4px;
}
/* 済アイコン */
.icon_back.finished:before {
  content : "済";
  position : absolute;
  top : 3px;
  left : 4px;
}
/* 既読等アイコン */
.icon_back.open_file:before {
  content : "\e118";
  position : absolute;
  top : 3px;
  left : 4px;
}
/* 既読等アイコン */
.icon_back.close_file:before {
  content : "\e117";
  position : absolute;
  top : 3px;
  left : 4px;
}

.font-bordering_blue {
    color: #bcf1f1;
    text-shadow: 1px 1px 1px #1525bc,
                -1px 1px 1px #1525bc,
                1px -1px 1px #1525bc,
                -1px -1px 1px #1525bc,
                1px 1px 1px #1525bc,
                -1px 1px 1px #1525bc,
                1px -1px 1px #1525bc,
                -1px -1px 1px #1525bc;
}
.font-bordering_green {
    color: #fff;
    text-shadow: 1px 1px 1px #31AD98,
                -1px 1px 1px #31AD98,
                1px -1px 1px #31AD98,
                -1px -1px 1px #31AD98,
                1px 1px 1px #31AD98,
                -1px 1px 1px #31AD98,
                1px -1px 1px #31AD98,
                -1px -1px 1px #31AD98;
}
.font-bordering_orange {
    color: #fff;
    text-shadow: 1px 1px 1px #ff9800,
                -1px 1px 1px #ff9800,
                1px -1px 1px #ff9800,
                -1px -1px 1px #ff9800,
                1px 1px 1px #ff9800,
                -1px 1px 1px #ff9800,
                1px -1px 1px #ff9800,
                -1px -1px 1px #ff9800;
}