@charset "UTF-8";

/* base */

* {margin:0;padding:0;vertical-align:baseline;-webkit-text-size-adjust:100%;box-sizing:border-box;letter-spacing:-0.4px;}
::before, ::after{box-sizing:border-box}

body {overflow-x:hidden;line-height:1;font-family:"Audi","Noto",sans-serif;font-weight:500;font-size:14px;letter-spacing:-1px;color:#111}
button{line-height:1;font-family:"Audi","Noto",sans-serif;font-weight:500;font-size:16px;letter-spacing:-1px;color:#111}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';display:block;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:500;color:#111;line-height:1em;}
strong{font-weight:700}
:lang(en){font-weight:400!important;}

table {width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;table-layout:fixed;}
th,td{font-weight:500}
td {word-wrap:break-word; word-break:keep-all;}
fieldset {border:0;margin:0;padding:0;}
legend, caption {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
address, caption, em, var{font-style:normal;font-weight:500}

a{color:#333;text-decoration:none}

img {border:0;vertical-align:top;width:100%}

.hidden {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}


/* header */
.page-title {line-height: 56px;font-size:24px;color:#24292e;text-align: center;font-weight: 600;}


/* lead calendar */
/*.lead-calendar {text-align: center;height: calc(100% - 56px);position: fixed;}*/
.lead-calendar {width: 100%;height:100%;display: flex;flex-direction: column;overflow: hidden;}
.lead-calendar .calendar-top {background:#e7e9ea;font-size:0;height:57px;line-height: 57px;text-align: center}
.lead-calendar .calendar-top p {display:inline-block;font-size:17px;color:#24292e;margin:0 87px;}
.lead-calendar .calendar-top a {display:inline-block;width:7px;height:13px;background-size:cover;vertical-align: -1px;}
.lead-calendar .calendar-top .btn-prev {background-image: url(../images/ico-prev.png);}
.lead-calendar .calendar-top .btn-next {background-image: url(../images/ico-next.png);}
.lead-calendar .calendar-table {flex: inherit;}
.lead-calendar .calendar-table table {}
.lead-calendar .calendar-table table thead th {text-align: left;}
.lead-calendar .calendar-table table th,td {border:1px solid #d5d9d8;}
.lead-calendar .calendar-table table th {background:#e7e9ea;color:#b0b6b8;font-size:12px;padding:8px 0;}
.lead-calendar .calendar-table table td {background:#fff;font-size:14px;text-align: left;height:51px;padding:7px;}
.lead-calendar .calendar-table table td em {display:block;width:100%;color:#24292e;}
.lead-calendar .calendar-table table td .badgee {display:block;font-weight: 700;color:#ce123f;font-size:12px;margin-top:7px;}
.lead-calendar .calendar-table table td.on {background:#e7e9ea;}
.lead-calendar .calendar-table table td.disabled em {color:#d5d9d8;}
.lead-calendar .calendar-list {flex: 1;}
.lead-calendar .calendar-list {background:#fbfbfb;padding:13px 10px 0;overflow-y: scroll;}
.lead-calendar .calendar-list .total-area {text-align: left;margin-bottom:5px;}
.lead-calendar .calendar-list .total-area .summary {font-weight: 600;color:#24292e;font-size:16px;}
.lead-calendar .calendar-list .total-area .summary em {color:#cc0033;font-size:17px;}
.lead-calendar .calendar-list .total-area .state-type {float:right;}
.lead-calendar .calendar-list .total-area .state-type ul {font-size:0;}
.lead-calendar .calendar-list .total-area .state-type li {display:inline-block;color:#6d7579;font-size:12px;line-height: 20px;}
.lead-calendar .calendar-list .total-area .state-type li+li {margin-left:12px;}
.lead-calendar .calendar-list .total-area .state-type [class^='state'] {font-weight: 600;color:#fff;width:20px;height:20px;border-radius: 100%;background-color:#666;display:inline-block;text-align: center;margin-right:5px;}
.lead-calendar .calendar-list .total-area .state-type .state2 {background-color: #eb6a6a}
.lead-calendar .calendar-list .total-area .state-type .state3 {background-color: #6ac963}
.lead-calendar .calendar-list .total-area .state-type .state4 {background-color: #8471e6}
.lead-calendar .calendar-list .list-area {text-align: left;}
.lead-calendar .calendar-list .list-area li {padding:16px 0;}
.lead-calendar .calendar-list .list-area li+li {border-top:1px solid #e7e9ea;}
.lead-calendar .calendar-list .list-area li div {display:inline-block;vertical-align: middle;text-align: center;}
.lead-calendar .calendar-list .list-area li p {color:#6d7579;font-size:15px;}
.lead-calendar .calendar-list .list-area li strong {font-weight: 700;}
.lead-calendar .calendar-list .list-area li .type1 {color:#666}
.lead-calendar .calendar-list .list-area li .type2 {color:#eb6a6a}
.lead-calendar .calendar-list .list-area li .type3 {color:#6ac963}
.lead-calendar .calendar-list .list-area li .type4 {color:#8471e6}
.lead-calendar .calendar-list .list-area li .detail {text-align: left;}
.lead-calendar .calendar-list .list-area li .detail .phone {margin-top:8px;}
.lead-calendar .calendar-list .list-area li a div:first-child {width:22%;}
.lead-calendar .calendar-list .list-area li a div:nth-child(2) {width:23%;}
.lead-calendar .calendar-list .list-area li a div:nth-child(3) {width:43%;}
.lead-calendar .calendar-list .list-area .btn-star {background-image: url(../images/ico-star.png);width:21px;height:20px;display:inline-block;background-size:cover;}
.lead-calendar .calendar-list .list-area .btn-star.on {background-image: url(../images/ico-star2.png);}
.lead-calendar .calendar-list .nodata {color:#6d7579;line-height: 20px;padding:10% 0;text-align: center}