@charset "UTF-8";

/* 新着一覧 */
#arrival-list                                                        { margin: 88px 0 0 0; min-height: 100%; background-color: #eeeeee; }

#arrival-list .arrival-list-tabs                                     { margin: 0; border: none; padding: 5px 0 0 0; list-style: none; background-color: #33495E; }
#arrival-list .arrival-list-tabs                                     { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: flex-end; gap: 5px; }
#arrival-list .arrival-list-tabs li                                  { width: 45%; margin: 0; border: none; padding: 0; text-align: center; line-height: 35px; background-color: #6c757d; cursor: pointer; }
#arrival-list .arrival-list-tabs li                                  { border-radius: 4px 4px 0 0; }
#arrival-list .arrival-list-tabs li.active                           { background-color: #ffffff; }

#arrival-list .arrivals                                              { margin: 0 0 78px; }
#arrival-list .arrivals .norecords                                   { margin: 0; padding: 10px 10px; border: none; color: #555555; font-size: 14px; line-height: 20px; }
#arrival-list .arrivals .arrival-info                                { position: relative; margin: 2px 0; border: none; padding: 10px 10px 10px 70px; background-color: #ffffff; opacity: 0.7; cursor: pointer; }
#arrival-list .arrivals .arrival-info.unread                         { opacity: 1; }

#arrival-list .arrivals .arrival-info div.icon                       { position: absolute; top: 10px; left: 10px; width: 50px; height: 50px; color: #777777; }
#arrival-list .arrivals .arrival-info div.icon img                   { position: absolute; margin: 0; border: none; width: 100%; height: 100%; top: 0; left: 0; }
#arrival-list .arrivals .arrival-info div.icon span                  { position: absolute; width: 85%; line-height: 20px; font-size: 9px; padding: 0; bottom: 0; right: -5px; text-align: center; color: #ffffff; border-radius: 5px; }
#arrival-list .arrivals .arrival-info div.icon span.conformity       { background-color: #00aa00; }
#arrival-list .arrivals .arrival-info div.icon span.nonconformity    { background-color: #DC3545; }
#arrival-list .arrivals .arrival-info div.icon span.improvement      { background-color: #007bff; }
#arrival-list .arrivals .arrival-info > span                         { line-height: 25px; min-height: 25px; }
#arrival-list .arrivals .arrival-info.unread span                    { font-weight: bold; }
#arrival-list .arrivals .arrival-info span.title                     { display: block; margin-right: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#arrival-list .arrivals .arrival-info span.body                      { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#arrival-list .arrivals .arrival-info span.created                   { position: absolute; top: 10px; right: 10px; white-space: nowrap; }

/* さらに表示 */
#arrival-list .arrivals .more                                        { margin: 0; border: none; padding: 20px 0; color: #34495e; text-align: center; cursor: pointer; }