@charset "utf-8";

/* List Today */


.list-head {display: flex; list-style: none; flex-wrap: wrap; width:100%;}
.list-head span {flex:1; height:70px; background:#f4f4f4; display:flex; align-items:center; justify-content:center; border-top:1px solid #000; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.list-head span:first-child {border-left:none;}
.list-head span.red {color:#d14545;}
.list-head span.blue {color:#0d6dd0;}
.list-today { border:1px solid #ddd; padding:15px; margin-bottom:20px; }
.list-today .today-do { margin:0; padding:0; padding-left:20px; }
.list-today .today-do li i { font-size:1.2em; }
.list-today .list-notice { margin:0px; padding:0px; list-style:none; margin-top:10px; padding-top:10px; border-top:1px dotted #aaa; }
.list-today .list-notice li { padding-top:5px; line-height:18px; }



.list-category .div-tab.tabs { margin-bottom:0px; }

/* List */
.list-board { margin-bottom:15px; }
.list-board .list-body { list-style:none; padding:0px; margin:0px; }
.list-board .list-body > li { border-bottom:1px solid #d9d9d9; display:table; width:100%; table-layout:fixed; min-height:140px; }
.list-board .list-body > li > div { border-left:1px solid #d9d9d9; display:table-cell; width:14.285%; min-height:140px; line-height:22px; padding:10px; vertical-align:top; }
.list-board .list-body > li > div:first-child {border-left:none;}
.list-board .list-body > li ul.do-list { padding:0px; margin:0px; list-style:none; }
.list-board .list-body > li ul.do-list li { padding:5px 0px 0px; margin:0px; letter-spacing:-1px; border:0px; }
.is-pc .list-board .list-body li ul.do-list li { line-height:20px; }
.list-board .list-body li ul.do-list li i { font-size:1.2em; }
.list-board .list-body li ul.do-list li > a > span {position:relative; padding-left:40px; display:block;}
.list-board .list-body li ul.do-list li span .icon {position:absolute; left:0; top:0; background:#000; color:#FFF; padding:0 5px; font-size:14px; border-radius:5px;}
.list-board .list-body .bg-today { background:#fafafa; }

.list-board .list-body li ul.do-list li span .icon.cat_0 {background:#ef4646; color:#FFF;}
.list-board .list-body li ul.do-list li span .icon.cat_1 {background:#27a7dc; color:#FFF;}
.list-board .list-body li ul.do-list li span .icon.cat_2 {background:#48b445; color:#FFF;}
.list-board .list-body li ul.do-list li span .icon.cat_3 {background:#c2882c; color:#FFF;}


.list-body span.red {color:#d14545;}
.list-body span.blue {color:#0d6dd0;}

.calendar-btn {font-size:30px; position:relative; top:-5px;}

.list-board .visible-xs { display:none; }
.list-board .hidden-xs { display:block; }

@media all and (max-width:768px) {
	.list-tabs .nav-tabs.nav-justified { display:table !important; }
	.list-tabs .nav-tabs.nav-justified > li { display:table-cell !important; }
	.list-board .list-head { display:none; }
	.list-board .list-body { border-top:1px solid #ddd; }
	.list-board .list-body > li { display:block; border:0px; min-height:80px; }
	.list-board .list-body > li > div { display:block; width:100%; min-height:80px; border-bottom:1px solid #ddd; border-left:none;}
	.list-board .list-body .media-date { float:left; width:80px; }
	.list-board .list-body li ul.do-list li { letter-spacing:0px; }
	.list-board .list-body > li > div.hidden-xs {display:none;}
	.list-board .visible-xs { display:block; }
	.list-board .hidden-xs { display:none; }
}