@charset "utf-8";

/*
 * 情報局で共通に使用する色について定義するcssです
 */



/* ヒメ日記のタイトルの文字色 */
.color-himenikki{
    color:#e353d6 !important;
}

/* 本日出勤のアイコンの色 */
.color-honjitsu-shukkin{
    background-color: #FF6F0D !important;
	border-color: #FF6F0D !important;
    color: #fff !important;
    font-weight: bold;    
}

/* tomor↓↓ 171010 変更かけても大丈夫？影響あるページが他にないかチェック */

/* ===============================

    通常サイズの通知

=============================== */
.color-suguhime-large {
    background-color: #ECEAFF !important;
    border: solid 1px #e1defb !important;
    box-sizing: border-box;
    color: #5d37ae !important;
}
.color-suguhime-large .text-part {
    padding: 9px 5px 6px 14px;
    text-align: left;
    font-size: 11px;
    line-height: 17px;
    position: relative;
}
.color-suguhime-large .font-bold {
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    margin-right: 3px;
}
.color-suguhime-large .font-small {
    padding-left: 15px;
}

.color-himewari-large {
    background-color: #ffe4e5 !important;
    border: solid 1px #ffd8d9 !important;
    box-sizing: border-box;
    color: #cf0a18 !important;
}
.color-himewari-large .text-part {
    padding: 8px 5px 6px 13px;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    position: relative;
}
.color-himewari-large .font-bold {
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    margin-right: 3px;
}

.color-syukkin-large {
    background-color: #fff7b4 !important;
    border-color: #dec596 !important;
    color: #804402 !important;
}
.color-syukkin-large .text-part {
    padding: 6px 5px 4px 5px;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    position: relative;
}
.color-syukkin-large .font-bold {
    font-size: 13px;
    font-weight: bold;
}

.color-iiko-large {
    background-color: #DBF8C4;
    color: #007516;
    border: solid 1px #c3f39d;
    box-sizing: border-box;
}
.color-iiko-large .text-part {
    padding: 11px 5px 9px 5px;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    position: relative;
}
.color-iiko-large .font-bold {
    font-size: 12px;
    font-weight: bold;
}

.color-shinjin-large { 
    background-color: #ffe7ce;
    border: solid 1px #ffdcb7;
    box-sizing: border-box;
    color: #EA4900;
}
.color-shinjin-large .text-part {
    padding: 7px 5px 5px 5px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    position: relative;
}
.color-shinjin-large .font-bold {
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    margin-right: 3px;
}

/* ===============================

    通常サイズの通知

=============================== */
.color-suguhime {
    background-color: #ECEAFF !important;
    border-color: #ECEAFF !important;
    color: #5d37ae !important;
}
.color-suguhime .text-part {
    margin: 3px 0 0 -4px;
    padding: 8px 5px 7px 5px;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    position: relative;
}
.color-suguhime .font-bold {
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
}
.color-iiko {
    background-color: #DBF8C4 !important;
	border-color: #A5DA7A !important;
	color: #007516 !important;
}

/* tomor↓↓ 171121 */
.color-himewari{
	background-color: #ffe4e5 !important;
	border-color: #fdb5b5 !important;
	color: #cf0a18 !important;
}
/* tomor↑↑ 171121 */

.color-himewari .text-part {
    padding: 5px 5px 4px 5px;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    position: relative;
}
.color-himewari .font-bold {
    font-weight: bold;
    margin-left: 5px;
}

.color-shinjin { 
    background-color: #fff7b4 !important;
	border-color: #dec596 !important;
	color: #804402 !important;  
}
.color-shinjin .text-part {
    margin: 0 0 0 -4px;
    padding: 5px 5px 4px 5px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    position: relative;
}

.color-shyukkin {
	background-color: #fff7b4 !important;
	border: solid 1px #f7eb8f !important;
    box-sizing: border-box;
	color: #804402 !important;  
}
.color-shyukkin .text-part {
    margin: 0 0 0 -4px;
    padding: 8px 5px 6px 5px;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    position: relative;
}
.color-shyukkin .font-bold {
    font-weight: bold;
    margin-left: 5px;
    font-size: 13px;
}

/* ===============================

    smallサイズの通知（marksのタグ）

=============================== */
.color-himewari-s{
    border: 1px solid #e6e6e6;
    color: #888;
}

.color-suguhime-s{
    border: 1px solid #e6e6e6;
    color: #888;
}
.color-shinjin-s{ 
    border: 1px solid #e6e6e6;
    color: #888;
}
.color-iiko-s{
    border: 1px solid #e6e6e6;
    color: #888;
}
/* tomor↑↑ 171010 */
 
.color-nikki,
.color-nikki-s,
.color-kaodashi,
.color-kaodashi-s,
.color-default,
.color-default-s{
    border: 1px solid #e6e6e6;
    color: #888;
}

/* tomor↓↓ 171010 */
.width_180px {
    width: 181px;
    margin-bottom: 2px;
}
/* tomor↑↑ 171010 */

/* 点滅させる */
/* tomor↓↓ 171010 点滅が不要になるので削除。復帰もなくもなさそうなのでコメントアウトでイイかも。
.color-honjitsu-shukkin,
.color-nikki-s,
.color-kaodashi-s,
.color-default-s,
.color-himewari-s,
.color-suguhime-s,
.color-shinjin-s,
.color-iiko-s,
.mark-ichiosi{
    animation: blink 2s linear 2s infinite;
}
*/
.mark-ichiosi {
    animation: blink 2s linear 2s infinite;
}

@keyframes blink {
    0% { opacity: 1; }
    20% { opacity: 0.4; }
    40% { opacity: 1; }
    100% { opacity: 1; }
}

/* 女の子一覧系　サブの出勤情報の帯 */
.obi-area-s-shukkin {
    width: 181px;
    height: 21px;
    font-size: 11px;
/*
    background-color: #fffadd !important;
    color: #804402 !important;
*/
    background-color: #fff7b4 !important;
	border: solid 1px #f7eb8f !important;
    box-sizing: border-box;
	color: #804402 !important;      
}
.obi-area-s-shukkin .text-part {
    width: 100%;
    text-align: center;
    line-height:22px;
}
.obi-area-s-shukkin .font-bold {
    margin: 0 0 0 6px;
}