@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body, html {
  font-size: 62.5%;
  padding: 0;
  margin: 0;
}

body {
  position: relative;
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, Verdana, sans-serif, icon;
  font-size: 1.4rem;
  color: #333;
  line-height: 1;
  letter-spacing: 0.05em;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
}

main {
  display: block;
}

a {
  display: block;
  color: #000;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  vertical-align: bottom;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
a:after, a:before {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
a img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
a:link {
  color: #000;
}
a:visited {
  color: #000;
}
a:hover {
  color: #000;
  text-decoration: none;
}
a:active {
  color: #000;
}
a:hover {
  opacity: 0.85;
}

ul, dl, dt, dd {
  margin: 0;
  padding: 0;
  text-align: left;
}

li {
  list-style: none;
}

li > li:first-child,
li > div:first-child,
div > li:first-child,
div > div:first-child {
  margin-top: 0;
}

input, button, select, textarea {
  display: inline-block;
  border-style: none;
  border-width: 0;
  border: none;
  border-radius: 0;
  padding: 5px;
  background: #f0f0f0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  border-radius: 5px;
  outline: none;
  transition: 0.3s ease;
}

/*
input {
	&[type=radio],
	&[type=checkbox] {
	    //display: inline-block;
	    //width: auto;
	    display: none;
	}
}
*/
input[type=radio], input[type=checkbox] {
  display: inline-block;
  width: auto;
  padding: 10px;
}

/* custom */
/*
label {
	position: relative;
	display: inline-block;
	cursor: pointer;
	padding-left: 25px;  
    line-height: 140%;
	&:before,
	&:after {
		position: absolute;
		content: '';
		top: 0;
		bottom: 0;
		margin: auto;
		transition: .3s ease;
	}
	&:before {
		left: 0;
		width: 18px;
		height: 18px;
		border: 1px solid $color;
		background: $white;
	}
	&:after {
		opacity: 0;
		left: 4px;
		width: 10px;
		height: 10px;
		background: $main-color;
		-webkit-transform: scale(2);
		transform: scale(2);
	}
	&:hover {
		&:before {
			background: $white;
		}
	}
}

input:checked + label {
	&:after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}


select {
	width: auto;
}

input:focus, select:focus, textarea:focus {
  outline: none;
  background: lighten($main-color,50%);
  //border: 1px solid rgba($gray, 0.5);
}
button {
	border-style: none;
	border-width: 0;
	border: none;
	border-radius: 0;
	background: $white;
}

::-webkit-input-placeholder { color: $border-color; opacity: 1; transition: 0.3s ease;}
::-moz-placeholder { color: $border-color; opacity: 1; transition: 0.3s ease;}
:-moz-placeholder { color: $border-color; opacity: 1; transition: 0.3s ease;}
:-ms-input-placeholder { color: $border-color; opacity: 1; transition: 0.3s ease;}
::-placeholder { color: $border-color; opacity: 1; transition: 0.3s ease;}


:focus::-webkit-input-placeholder { opacity: .7;}
:focus:-moz-placeholder { opacity: .7;}
:focus::-moz-placeholder { opacity: .7;}
:focus:-ms-input-placeholder { opacity: .7;}
:focus::-placeholder { opacity: .7;}

*/
::-webkit-input-placeholder {
  color: #b3b3b3;
}

::-moz-placeholder {
  color: #b3b3b3;
}

:-moz-placeholder {
  color: #b3b3b3;
}

:-ms-input-placeholder {
  color: #b3b3b3;
}

::-placeholder {
  color: #b3b3b3;
}

i, em, address, b {
  font-style: normal;
  font-weight: normal;
}

.tel-link a {
  display: inline-block;
}

img, canvas, video, svg {
  max-width: 100%;
}

.overflow-container {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:after,
:before {
  font-family: "Material Icons";
}

.head {
  font-size: 32px;
  margin-top: 5px;
  margin-bottom: 20px;
}

.subHead {
  font-size: 15px;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: left;
}

.ttl {
  font-size: 15px;
  margin-bottom: 10px;
}

#header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  padding: 0 10px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  border-bottom: 1px solid #eaeaea;
}
#header figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  margin-right: auto;
  margin-left: 0;
}
#header figure > * {
  display: inline-block;
}
#header figure img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
#header figure figurecaption {
  margin-left: 10px;
  white-space: nowrap;
}
@media screen and (max-width: 800px) {
  #header figure figurecaption {
    display: none;
  }
}
#header .headerList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#header .headerList li + li {
  margin-left: 7px;
}
#header .headerList li button {
  cursor: pointer;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  height: 40px;
  width: 40px;
  background: none;
  border: 1px solid #eaeaea;
}
#header .headerList li button:before {
  position: absolute;
  display: block;
  font-family: "Material Icons";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 24px;
  color: #b3b3b3;
  text-indent: 0;
  line-height: 1;
  background: none;
  z-index: 1;
}
#header .headerList li button:hover {
  background: #f0f0f0;
}
#header .headerList li.search {
  position: relative;
  margin-right: 10px;
}
#header .headerList li.search:before {
  position: absolute;
  content: "search";
  display: block;
  font-family: "Material Icons";
  top: 0;
  left: 10px;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 24px;
  color: #b3b3b3;
  text-indent: 0;
  line-height: 1;
  z-index: 1;
}
#header .headerList li.search input {
  height: 40px;
  padding: 10px 10px 10px 40px;
  width: 50vw;
}
#header .headerList li.schedule button:before {
  content: "date_range";
}
#header .headerList li.setting button:before {
  content: "settings";
}
#header .headerList li.logout button:before {
  content: "logout";
}

.editWindowOpen {
  overflow: hidden;
}
.editWindowOpen #main > * {
  overflow-y: inherit;
}

#main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 69px);
  height: calc(100dvh - 69px);
}
#main > * {
  padding: 10px;
  overflow-y: auto;
}
@media screen and (max-width: 800px) {
  #main.taskEditOPen #taskContents {
    display: none;
  }
  #main.taskEditOPen #taskEdit {
    position: relative;
    z-index: 1;
  }
}
#main #sideMenu {
  position: relative;
  background: #373F47;
  color: #FFFFFF;
  width: 30%;
  padding: 0 5px;
  min-width: 280px;
  z-index: 10;
  /*@include max-screen($contentsInner) {
  	padding-left: 10px;
  	padding-right: 10px;
  	min-width: 100px;
  }*/
}
@media screen and (max-width: 800px) {
  #main #sideMenu {
    min-width: 60px;
    width: 60px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
#main #sideMenu > section {
  padding: 5px 0;
}
@media screen and (max-width: 800px) {
  #main #sideMenu > section {
    padding: 0;
  }
}
#main #sideMenu > section + section {
  border-top: 1px solid rgba(234, 234, 234, 0.3);
}
#main #sideMenu > section > section {
  padding: 5px 0;
}
#main #sideMenu > section > section + section {
  border-top: 1px dotted rgba(234, 234, 234, 0.5);
}
#main #sideMenu > section > section + section:first-child {
  padding-top: 0;
}
#main #sideMenu > section > section + section:last-child {
  padding-bottom: 0;
}
#main #sideMenu #sortWrap .first, #main #sideMenu #sortWrap .third {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 10px;
}
#main #sideMenu #sortWrap .first dl, #main #sideMenu #sortWrap .third dl {
  margin-top: 0;
}
#main #sideMenu #sortWrap .first dl dt, #main #sideMenu #sortWrap .third dl dt {
  width: auto;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #sortWrap .first, #main #sideMenu #sortWrap .third {
    display: block;
  }
}
#main #sideMenu #sortWrap .first dl.all {
  width: 50%;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #sortWrap .first dl.all {
    width: 100%;
  }
}
#main #sideMenu #sortWrap .first dl.completed {
  width: 50%;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #sortWrap .first dl.completed {
    width: 100%;
  }
}
#main #sideMenu #sortWrap .third dl {
  width: 33%;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #sortWrap .third dl {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  #main #sideMenu #sortWrap .third dl.thisMonth {
    display: none;
  }
}
#main #sideMenu #sortWrap dl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #sortWrap dl {
    display: block;
  }
}
#main #sideMenu #sortWrap dl.active, #main #sideMenu #sortWrap dl.hover, #main #sideMenu #sortWrap dl:hover, #main #sideMenu #sortWrap dl.dragging {
  background: #586572;
  border-radius: 7px;
}
#main #sideMenu #sortWrap dl.active {
  cursor: default;
}
#main #sideMenu #sortWrap dl.all dt:before {
  content: "list";
}
#main #sideMenu #sortWrap dl.expired dt:before {
  content: "warning_amber";
}
#main #sideMenu #sortWrap dl.today dt:before {
  content: "light_mode";
}
#main #sideMenu #sortWrap dl.tomorrow dt:before {
  content: "sunny_snowing";
}
#main #sideMenu #sortWrap dl.thisWeek dt:before {
  content: "event_available";
}
#main #sideMenu #sortWrap dl.nextWeek dt:before {
  content: "event_note";
}
#main #sideMenu #sortWrap dl.thisMonth dt:before {
  content: "balcony";
}
#main #sideMenu #sortWrap dl.nextMonth dt:before {
  content: "auto_awesome";
}
#main #sideMenu #sortWrap dl.someday dt:before {
  content: "military_tech";
}
#main #sideMenu #sortWrap dl.complted dt:before, #main #sideMenu #sortWrap dl.completed dt:before {
  content: "event_available";
}
#main #sideMenu #sortWrap dl > * {
  position: relative;
  white-space: nowrap;
  padding: 10px;
}
#main #sideMenu #sortWrap dl > * + * {
  margin-left: 10px;
}
#main #sideMenu #sortWrap dl + dl {
  margin-top: 5px;
}
#main #sideMenu #sortWrap dl dt {
  position: relative;
  width: 100%;
  padding-left: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #sortWrap dl dt {
    padding: 30px 2px 5px;
    font-size: 10px;
    text-align: center;
    width: auto;
  }
}
#main #sideMenu #sortWrap dl dt:before {
  position: absolute;
  display: block;
  font-family: "Material Icons";
  top: -4px;
  left: 7px;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 16px;
  color: #FFFFFF;
  text-indent: 0;
  line-height: 1;
  background: none;
  z-index: 1;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #sortWrap dl dt:before {
    top: -15px;
    left: 0;
    right: 0;
  }
}
#main #sideMenu #sortWrap dl dd.total {
  margin-top: -7px;
  margin-right: 7px;
  font-family: "Barlow", sans-serif;
  font-size: 15px;
  letter-spacing: -0.01em;
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #sortWrap dl dd.total {
    width: auto;
    margin-top: -20px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
  }
}
#main #sideMenu #sortWrap dl dd.total:after, #main #sideMenu #sortWrap dl dd.total:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 4px;
  background: #f4f4f4;
  border-radius: 3px;
  z-index: 1;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #sortWrap dl dd.total:after, #main #sideMenu #sortWrap dl dd.total:before {
    height: 4px;
  }
}
#main #sideMenu #sortWrap dl dd.total:before {
  z-index: 2;
}
#main #sideMenu #sortWrap dl dd.count {
  font-family: "Barlow", sans-serif;
  width: 20%;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #sortWrap dl dd.count {
    display: none;
  }
}
#main #sideMenu #sortWrap dl[class*=" p"] dd.total {
  color: #eb6a68;
}
#main #sideMenu #sortWrap dl[class*=" p"] dd.total:before {
  width: 5%;
  background: #e53e3b;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
#main #sideMenu #sortWrap dl[class*=" p"] dd.total:after {
  background: #f19695;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
#main #sideMenu #sortWrap dl.p0 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p0 dd.total:before {
  width: 100%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p0 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p1 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p1 dd.total:before {
  width: 99%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p1 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p2 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p2 dd.total:before {
  width: 98%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p2 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p3 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p3 dd.total:before {
  width: 97%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p3 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p4 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p4 dd.total:before {
  width: 96%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p4 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p5 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p5 dd.total:before {
  width: 95%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p5 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p6 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p6 dd.total:before {
  width: 94%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p6 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p7 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p7 dd.total:before {
  width: 93%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p7 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p8 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p8 dd.total:before {
  width: 92%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p8 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p9 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p9 dd.total:before {
  width: 91%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p9 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p10 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p10 dd.total:before {
  width: 90%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p10 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p11 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p11 dd.total:before {
  width: 89%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p11 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p12 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p12 dd.total:before {
  width: 88%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p12 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p13 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p13 dd.total:before {
  width: 87%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p13 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p14 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p14 dd.total:before {
  width: 86%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p14 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p15 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p15 dd.total:before {
  width: 85%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p15 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p16 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p16 dd.total:before {
  width: 84%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p16 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p17 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p17 dd.total:before {
  width: 83%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p17 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p18 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p18 dd.total:before {
  width: 82%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p18 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p19 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p19 dd.total:before {
  width: 81%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p19 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p20 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p20 dd.total:before {
  width: 80%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p20 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p21 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p21 dd.total:before {
  width: 79%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p21 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p22 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p22 dd.total:before {
  width: 78%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p22 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p23 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p23 dd.total:before {
  width: 77%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p23 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p24 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p24 dd.total:before {
  width: 76%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p24 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p25 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p25 dd.total:before {
  width: 75%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p25 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p26 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p26 dd.total:before {
  width: 74%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p26 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p27 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p27 dd.total:before {
  width: 73%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p27 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p28 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p28 dd.total:before {
  width: 72%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p28 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p29 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p29 dd.total:before {
  width: 71%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p29 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p30 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p30 dd.total:before {
  width: 70%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p30 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p31 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p31 dd.total:before {
  width: 69%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p31 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p32 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p32 dd.total:before {
  width: 68%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p32 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p33 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p33 dd.total:before {
  width: 67%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p33 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p34 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p34 dd.total:before {
  width: 66%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p34 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p35 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p35 dd.total:before {
  width: 65%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p35 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p36 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p36 dd.total:before {
  width: 64%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p36 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p37 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p37 dd.total:before {
  width: 63%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p37 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p38 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p38 dd.total:before {
  width: 62%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p38 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p39 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p39 dd.total:before {
  width: 61%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p39 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p40 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p40 dd.total:before {
  width: 60%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p40 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p41 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p41 dd.total:before {
  width: 59%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p41 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p42 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p42 dd.total:before {
  width: 58%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p42 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p43 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p43 dd.total:before {
  width: 57%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p43 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p44 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p44 dd.total:before {
  width: 56%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p44 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p45 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p45 dd.total:before {
  width: 55%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p45 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p46 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p46 dd.total:before {
  width: 54%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p46 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p47 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p47 dd.total:before {
  width: 53%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p47 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p48 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p48 dd.total:before {
  width: 52%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p48 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p49 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p49 dd.total:before {
  width: 51%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p49 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p50 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p50 dd.total:before {
  width: 50%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p50 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p51 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p51 dd.total:before {
  width: 49%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p51 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p52 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p52 dd.total:before {
  width: 48%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p52 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p53 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p53 dd.total:before {
  width: 47%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p53 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p54 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p54 dd.total:before {
  width: 46%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p54 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p55 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p55 dd.total:before {
  width: 45%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p55 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p56 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p56 dd.total:before {
  width: 44%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p56 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p57 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p57 dd.total:before {
  width: 43%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p57 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p58 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p58 dd.total:before {
  width: 42%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p58 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p59 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p59 dd.total:before {
  width: 41%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p59 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p60 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p60 dd.total:before {
  width: 40%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p60 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p61 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p61 dd.total:before {
  width: 39%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p61 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p62 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p62 dd.total:before {
  width: 38%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p62 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p63 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p63 dd.total:before {
  width: 37%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p63 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p64 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p64 dd.total:before {
  width: 36%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p64 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p65 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p65 dd.total:before {
  width: 35%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p65 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p66 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p66 dd.total:before {
  width: 34%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p66 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p67 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p67 dd.total:before {
  width: 33%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p67 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p68 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p68 dd.total:before {
  width: 32%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p68 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p69 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p69 dd.total:before {
  width: 31%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p69 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p70 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p70 dd.total:before {
  width: 30%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p70 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p71 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p71 dd.total:before {
  width: 29%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p71 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p72 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p72 dd.total:before {
  width: 28%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p72 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p73 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p73 dd.total:before {
  width: 27%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p73 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p74 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p74 dd.total:before {
  width: 26%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p74 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p75 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p75 dd.total:before {
  width: 25%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p75 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p76 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p76 dd.total:before {
  width: 24%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p76 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p77 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p77 dd.total:before {
  width: 23%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p77 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p78 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p78 dd.total:before {
  width: 22%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p78 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p79 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p79 dd.total:before {
  width: 21%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p79 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p80 dd.total {
  color: #FFFFFF;
}
#main #sideMenu #sortWrap dl.p80 dd.total:before {
  width: 20%;
  background: #2eaba5;
}
#main #sideMenu #sortWrap dl.p80 dd.total:after {
  background: #f4f4f4;
}
#main #sideMenu #sortWrap dl.p81 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p81 dd.total:before {
  width: 19%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p81 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p82 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p82 dd.total:before {
  width: 18%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p82 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p83 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p83 dd.total:before {
  width: 17%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p83 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p84 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p84 dd.total:before {
  width: 16%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p84 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p85 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p85 dd.total:before {
  width: 15%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p85 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p86 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p86 dd.total:before {
  width: 14%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p86 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p87 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p87 dd.total:before {
  width: 13%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p87 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p88 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p88 dd.total:before {
  width: 12%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p88 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p89 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p89 dd.total:before {
  width: 11%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p89 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p90 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p90 dd.total:before {
  width: 10%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p90 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p91 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p91 dd.total:before {
  width: 9%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p91 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p92 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p92 dd.total:before {
  width: 8%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p92 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p93 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p93 dd.total:before {
  width: 7%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p93 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p94 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p94 dd.total:before {
  width: 6%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p94 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p95 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p95 dd.total:before {
  width: 5%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p95 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p96 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p96 dd.total:before {
  width: 4%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p96 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p97 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p97 dd.total:before {
  width: 3%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p97 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.p98 dd.total {
  color: #FDD23E;
}
#main #sideMenu #sortWrap dl.p98 dd.total:before {
  width: 2%;
  background: #FDD23E;
}
#main #sideMenu #sortWrap dl.p98 dd.total:after {
  background: #fee48a;
}
#main #sideMenu #sortWrap dl.all dd.total, #main #sideMenu #sortWrap dl.someday dd.total, #main #sideMenu #sortWrap dl.expired dd.total {
  margin-top: 0;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #sortWrap dl.all dd.total, #main #sideMenu #sortWrap dl.someday dd.total, #main #sideMenu #sortWrap dl.expired dd.total {
    display: none;
  }
}
#main #sideMenu #sortWrap dl.all dd.total:before, #main #sideMenu #sortWrap dl.all dd.total:after, #main #sideMenu #sortWrap dl.someday dd.total:before, #main #sideMenu #sortWrap dl.someday dd.total:after, #main #sideMenu #sortWrap dl.expired dd.total:before, #main #sideMenu #sortWrap dl.expired dd.total:after {
  display: none;
}
#main #sideMenu #tagWrap,
#main #sideMenu #memberWrap,
#main #sideMenu #groupWrap,
#main #sideMenu #trashWrap {
  position: relative;
  text-align: left;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #tagWrap,
#main #sideMenu #memberWrap,
#main #sideMenu #groupWrap,
#main #sideMenu #trashWrap {
    text-align: center;
  }
}
#main #sideMenu #tagWrap .subHead,
#main #sideMenu #memberWrap .subHead,
#main #sideMenu #groupWrap .subHead,
#main #sideMenu #trashWrap .subHead {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  padding: 10px;
  font-size: 14px;
  margin: 0;
  padding-left: 30px;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #tagWrap .subHead,
#main #sideMenu #memberWrap .subHead,
#main #sideMenu #groupWrap .subHead,
#main #sideMenu #trashWrap .subHead {
    padding: 30px 0 5px;
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
  }
}
#main #sideMenu #tagWrap .subHead:before, #main #sideMenu #tagWrap .subHead:after,
#main #sideMenu #memberWrap .subHead:before,
#main #sideMenu #memberWrap .subHead:after,
#main #sideMenu #groupWrap .subHead:before,
#main #sideMenu #groupWrap .subHead:after,
#main #sideMenu #trashWrap .subHead:before,
#main #sideMenu #trashWrap .subHead:after {
  position: absolute;
  display: block;
  font-family: "Material Icons";
  top: -4px;
  left: 7px;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 16px;
  color: #FFFFFF;
  text-indent: 0;
  line-height: 1;
  background: none;
  z-index: 1;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #tagWrap .subHead:before,
#main #sideMenu #memberWrap .subHead:before,
#main #sideMenu #groupWrap .subHead:before,
#main #sideMenu #trashWrap .subHead:before {
    top: -14px;
    left: 0;
    right: 0;
  }
}
#main #sideMenu #tagWrap .subHead:after,
#main #sideMenu #memberWrap .subHead:after,
#main #sideMenu #groupWrap .subHead:after,
#main #sideMenu #trashWrap .subHead:after {
  left: auto;
  right: -15px;
  content: "arrow_drop_up";
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #tagWrap .subHead:after,
#main #sideMenu #memberWrap .subHead:after,
#main #sideMenu #groupWrap .subHead:after,
#main #sideMenu #trashWrap .subHead:after {
    display: none;
  }
}
#main #sideMenu #tagWrap .subHead.open:after,
#main #sideMenu #memberWrap .subHead.open:after,
#main #sideMenu #groupWrap .subHead.open:after,
#main #sideMenu #trashWrap .subHead.open:after {
  content: "arrow_drop_down";
}
#main #sideMenu #tagWrap .subHead.hidden:after,
#main #sideMenu #memberWrap .subHead.hidden:after,
#main #sideMenu #groupWrap .subHead.hidden:after,
#main #sideMenu #trashWrap .subHead.hidden:after {
  content: "arrow_right";
}
#main #sideMenu #tagWrap .subHead + .btn_addTag,
#main #sideMenu #memberWrap .subHead + .btn_addTag,
#main #sideMenu #groupWrap .subHead + .btn_addTag,
#main #sideMenu #trashWrap .subHead + .btn_addTag {
  position: absolute;
  top: 10px;
  right: 7px;
  padding: 2px;
  line-height: 1;
  border-radius: 0;
  color: #FFFFFF;
  background: #373F47;
  border: 1px solid #FFFFFF;
  width: 18px;
  height: 18px;
  font-size: 12px;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #tagWrap .subHead + .btn_addTag,
#main #sideMenu #memberWrap .subHead + .btn_addTag,
#main #sideMenu #groupWrap .subHead + .btn_addTag,
#main #sideMenu #trashWrap .subHead + .btn_addTag {
    display: none;
  }
}
#main #sideMenu #tagWrap .subHead + .btn_addTag:hover,
#main #sideMenu #memberWrap .subHead + .btn_addTag:hover,
#main #sideMenu #groupWrap .subHead + .btn_addTag:hover,
#main #sideMenu #trashWrap .subHead + .btn_addTag:hover {
  background: lightn(#373F47, 35%);
}
#main #sideMenu #tagWrap dl,
#main #sideMenu #memberWrap dl,
#main #sideMenu #groupWrap dl,
#main #sideMenu #trashWrap dl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  width: calc(100% - 30px);
}
@media screen and (max-width: 800px) {
  #main #sideMenu #tagWrap dl,
#main #sideMenu #memberWrap dl,
#main #sideMenu #groupWrap dl,
#main #sideMenu #trashWrap dl {
    width: 100%;
  }
}
#main #sideMenu #tagWrap dl.active, #main #sideMenu #tagWrap dl.hover, #main #sideMenu #tagWrap dl:hover,
#main #sideMenu #memberWrap dl.active,
#main #sideMenu #memberWrap dl.hover,
#main #sideMenu #memberWrap dl:hover,
#main #sideMenu #groupWrap dl.active,
#main #sideMenu #groupWrap dl.hover,
#main #sideMenu #groupWrap dl:hover,
#main #sideMenu #trashWrap dl.active,
#main #sideMenu #trashWrap dl.hover,
#main #sideMenu #trashWrap dl:hover {
  background: #586572;
  border-radius: 7px;
}
#main #sideMenu #tagWrap dl.active,
#main #sideMenu #memberWrap dl.active,
#main #sideMenu #groupWrap dl.active,
#main #sideMenu #trashWrap dl.active {
  cursor: default;
}
#main #sideMenu #tagWrap dl > *,
#main #sideMenu #memberWrap dl > *,
#main #sideMenu #groupWrap dl > *,
#main #sideMenu #trashWrap dl > * {
  white-space: nowrap;
  padding: 10px;
}
#main #sideMenu #tagWrap dl > * + *,
#main #sideMenu #memberWrap dl > * + *,
#main #sideMenu #groupWrap dl > * + *,
#main #sideMenu #trashWrap dl > * + * {
  margin-left: 10px;
}
#main #sideMenu #tagWrap dl dt,
#main #sideMenu #memberWrap dl dt,
#main #sideMenu #groupWrap dl dt,
#main #sideMenu #trashWrap dl dt {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 30px);
}
@media screen and (max-width: 800px) {
  #main #sideMenu #tagWrap dl dt,
#main #sideMenu #memberWrap dl dt,
#main #sideMenu #groupWrap dl dt,
#main #sideMenu #trashWrap dl dt {
    padding: 20px 0 5px;
    font-size: 10px;
    width: 100%;
    text-align: center;
  }
}
#main #sideMenu #tagWrap dl dt:before,
#main #sideMenu #memberWrap dl dt:before,
#main #sideMenu #groupWrap dl dt:before,
#main #sideMenu #trashWrap dl dt:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b3b3b3;
  margin: auto;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #tagWrap dl dt:before,
#main #sideMenu #memberWrap dl dt:before,
#main #sideMenu #groupWrap dl dt:before,
#main #sideMenu #trashWrap dl dt:before {
    top: -15px;
    left: 0;
    right: 0;
  }
}
#main #sideMenu #tagWrap dl.color01 dt:before,
#main #sideMenu #memberWrap dl.color01 dt:before,
#main #sideMenu #groupWrap dl.color01 dt:before,
#main #sideMenu #trashWrap dl.color01 dt:before {
  background: #aebdc3;
}
#main #sideMenu #tagWrap dl.color02 dt:before,
#main #sideMenu #memberWrap dl.color02 dt:before,
#main #sideMenu #groupWrap dl.color02 dt:before,
#main #sideMenu #trashWrap dl.color02 dt:before {
  background: #69c4e7;
}
#main #sideMenu #tagWrap dl.color03 dt:before,
#main #sideMenu #memberWrap dl.color03 dt:before,
#main #sideMenu #groupWrap dl.color03 dt:before,
#main #sideMenu #trashWrap dl.color03 dt:before {
  background: #f4db60;
}
#main #sideMenu #tagWrap dl.color04 dt:before,
#main #sideMenu #memberWrap dl.color04 dt:before,
#main #sideMenu #groupWrap dl.color04 dt:before,
#main #sideMenu #trashWrap dl.color04 dt:before {
  background: #f2668c;
}
#main #sideMenu #tagWrap dl.color05 dt:before,
#main #sideMenu #memberWrap dl.color05 dt:before,
#main #sideMenu #groupWrap dl.color05 dt:before,
#main #sideMenu #trashWrap dl.color05 dt:before {
  background: #a2cc67;
}
#main #sideMenu #tagWrap dl.color06 dt:before,
#main #sideMenu #memberWrap dl.color06 dt:before,
#main #sideMenu #groupWrap dl.color06 dt:before,
#main #sideMenu #trashWrap dl.color06 dt:before {
  background: #66dfc5;
}
#main #sideMenu #tagWrap dl.color07 dt:before,
#main #sideMenu #memberWrap dl.color07 dt:before,
#main #sideMenu #groupWrap dl.color07 dt:before,
#main #sideMenu #trashWrap dl.color07 dt:before {
  background: #e8a64d;
}
#main #sideMenu #tagWrap dl.color08 dt:before,
#main #sideMenu #memberWrap dl.color08 dt:before,
#main #sideMenu #groupWrap dl.color08 dt:before,
#main #sideMenu #trashWrap dl.color08 dt:before {
  background: #5187f2;
}
#main #sideMenu #tagWrap dl.color09 dt:before,
#main #sideMenu #memberWrap dl.color09 dt:before,
#main #sideMenu #groupWrap dl.color09 dt:before,
#main #sideMenu #trashWrap dl.color09 dt:before {
  background: #c140b8;
}
#main #sideMenu #tagWrap dl.color10 dt:before,
#main #sideMenu #memberWrap dl.color10 dt:before,
#main #sideMenu #groupWrap dl.color10 dt:before,
#main #sideMenu #trashWrap dl.color10 dt:before {
  background: #b69a90;
}
#main #sideMenu #tagWrap dl.color11 dt:before,
#main #sideMenu #memberWrap dl.color11 dt:before,
#main #sideMenu #groupWrap dl.color11 dt:before,
#main #sideMenu #trashWrap dl.color11 dt:before {
  background: #eb6a68;
}
#main #sideMenu #tagWrap dl.color12 dt:before,
#main #sideMenu #memberWrap dl.color12 dt:before,
#main #sideMenu #groupWrap dl.color12 dt:before,
#main #sideMenu #trashWrap dl.color12 dt:before {
  background: #5db28c;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #tagWrap dl dd.count,
#main #sideMenu #memberWrap dl dd.count,
#main #sideMenu #groupWrap dl dd.count,
#main #sideMenu #trashWrap dl dd.count {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  #main #sideMenu #tagWrap dl dd.total,
#main #sideMenu #memberWrap dl dd.total,
#main #sideMenu #groupWrap dl dd.total,
#main #sideMenu #trashWrap dl dd.total {
    display: none;
  }
}
#main #sideMenu #tagWrap dl dd.edit,
#main #sideMenu #memberWrap dl dd.edit,
#main #sideMenu #groupWrap dl dd.edit,
#main #sideMenu #trashWrap dl dd.edit {
  position: absolute;
  right: -30px;
  margin: auto;
  padding: 0;
  z-index: 10;
}
@media screen and (max-width: 800px) {
  #main #sideMenu #tagWrap dl dd.edit,
#main #sideMenu #memberWrap dl dd.edit,
#main #sideMenu #groupWrap dl dd.edit,
#main #sideMenu #trashWrap dl dd.edit {
    display: none;
  }
}
#main #sideMenu #tagWrap dl dd.edit > button,
#main #sideMenu #memberWrap dl dd.edit > button,
#main #sideMenu #groupWrap dl dd.edit > button,
#main #sideMenu #trashWrap dl dd.edit > button {
  position: relative;
  top: 0;
  left: 0;
  padding: 10px;
  border: none;
  background: none;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
#main #sideMenu #tagWrap dl dd.edit > button:after,
#main #sideMenu #memberWrap dl dd.edit > button:after,
#main #sideMenu #groupWrap dl dd.edit > button:after,
#main #sideMenu #trashWrap dl dd.edit > button:after {
  position: absolute;
  display: block;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 14px;
  color: #FFFFFF;
  text-indent: 0;
  line-height: 1;
  background: none;
  z-index: 1;
  cursor: pointer;
}
#main #sideMenu #tagWrap dl dd.edit > button.btn_delete:after,
#main #sideMenu #memberWrap dl dd.edit > button.btn_delete:after,
#main #sideMenu #groupWrap dl dd.edit > button.btn_delete:after,
#main #sideMenu #trashWrap dl dd.edit > button.btn_delete:after {
  content: "close";
}
#main #sideMenu #tagWrap dl dd.edit > button.btn_editOpen:after,
#main #sideMenu #memberWrap dl dd.edit > button.btn_editOpen:after,
#main #sideMenu #groupWrap dl dd.edit > button.btn_editOpen:after,
#main #sideMenu #trashWrap dl dd.edit > button.btn_editOpen:after {
  content: "more_vert";
}
#main #sideMenu #tagWrap .subHead:before {
  content: "sell";
}
#main #sideMenu #memberWrap .subHead:before {
  content: "person";
}
#main #sideMenu #groupWrap .subHead:before {
  content: "group";
}
#main #sideMenu #trashWrap .subHead:before {
  content: "delete";
}
#main #sideMenu #trashWrap .subHead {
  cursor: pointer;
}
#main #sideMenu #trashWrap .subHead.active, #main #sideMenu #trashWrap .subHead.hover, #main #sideMenu #trashWrap .subHead:hover, #main #sideMenu #trashWrap .subHead.dragging {
  background: #586572;
  border-radius: 7px;
}
#main #sideMenu #trashWrap .subHead dt:before {
  content: "delete";
}
#main #sideMenu #trashWrap .subHead:after {
  display: none;
}
#main #taskContents {
  background: #f0f0f0;
  width: 100%;
  min-width: 40%;
}
@media screen and (max-width: 800px) {
  #main #taskContents {
    min-width: 0;
  }
}
#main #taskContents #dashboard {
  position: relative;
}
#main #taskContents #dashboard > * + * {
  margin-top: 15px;
}
#main #taskContents .taskStatus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #FFFFFF;
  border-radius: 7px;
  padding: 10px;
}
@media screen and (max-width: 800px) {
  #main #taskContents .taskStatus {
    padding: 5px;
  }
}
#main #taskContents .taskStatus dl {
  position: relative;
}
#main #taskContents .taskStatus dl + dl {
  margin-left: 30px;
  border-left: 1px dotted #b3b3b3;
  padding-left: 30px;
}
#main #taskContents .taskStatus dl dt {
  font-size: 10px;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
  margin-right: 10px;
}
#main #taskContents .taskStatus dl dd {
  display: inline-block;
  text-align: center;
  margin-top: 3px;
}
#main #taskContents .taskStatus dl dd + dd {
  position: relative;
  padding-left: 30px;
}
#main #taskContents .taskStatus dl dd + dd:before {
  position: absolute;
  content: "arrow_right";
  top: -15px;
  bottom: 0;
  left: -3px;
  width: 1em;
  height: 1em;
  line-height: 1em;
  margin: auto;
  font-size: 34px;
  color: #b3b3b3;
}
#main #taskContents .taskStatus dl dd b {
  display: block;
  font-size: 25px;
  letter-spacing: -0.01em;
  font-family: "Barlow", sans-serif;
}
#main #taskContents .taskStatus dl dd b i {
  display: inline-block;
  font-size: 16px;
  margin-left: 3px;
}
#main #taskContents .taskStatus dl dd > i {
  display: block;
  font-size: 10px;
  margin-top: 3px;
  color: #b3b3b3;
}
#main #taskContents .taskStatus dl dd:nth-of-type(1) b {
  color: #eb6a68;
}
#main #taskContents .taskStatus dl dd:nth-of-type(2) b {
  color: #299792;
}
#main #taskContents .taskStatus.now dl:last-of-type dd b {
  color: #00A3D9;
}
#main #taskContents .taskStatus.past dl dd:nth-of-type(1) b, #main #taskContents .taskStatus.past dl dd:nth-of-type(2) b {
  color: #299792;
}
#main #taskContents .taskAddition {
  background: #FFFFFF;
  border-radius: 7px;
  padding: 10px;
  margin-bottom: 60px;
  border: 1px solid #FFFFFF;
}
#main #taskContents .taskAddition.active {
  border-color: #eb6a68;
}
#main #taskContents .taskAddition > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main #taskContents .taskAddition > ul > li + li {
  margin-left: 10px;
}
#main #taskContents .taskAddition > ul > li > span {
  display: none;
  font-size: 11px;
  color: #b3b3b3;
}
#main #taskContents .taskAddition > ul > li > button {
  white-space: nowrap;
  font-size: 12px;
}
#main #taskContents .taskAddition > ul > li input {
  background: none;
  border: none;
}
#main #taskContents .taskAddition > ul .taskName {
  width: 100%;
}
#main #taskContents .taskAddition > ul .taskName input {
  width: 100%;
}
#main #taskContents .taskAddition > ul .taskTime {
  position: relative;
  min-height: 1em;
}
#main #taskContents .taskAddition > ul .taskTime:before {
  position: absolute;
  display: block;
  font-family: "Material Icons";
  content: "";
  top: 0;
  right: 45px;
  bottom: 0;
  margin: auto;
  width: 76px;
  height: 20px;
  text-indent: 0;
  line-height: 1;
  background: url("/assets/svg/icon_t00.svg") no-repeat 50% 50%;
  background-size: contain;
  z-index: 1;
}
#main #taskContents .taskAddition > ul .taskTime.t00:before {
  background-image: url("/assets/svg/icon_t00.svg");
}
#main #taskContents .taskAddition > ul .taskTime.t05:before {
  background-image: url("/assets/svg/icon_t05.svg");
}
#main #taskContents .taskAddition > ul .taskTime.t10:before {
  background-image: url("/assets/svg/icon_t10.svg");
}
#main #taskContents .taskAddition > ul .taskTime.t15:before {
  background-image: url("/assets/svg/icon_t15.svg");
}
#main #taskContents .taskAddition > ul .taskTime.t20:before {
  background-image: url("/assets/svg/icon_t20.svg");
}
#main #taskContents .taskAddition > ul .taskTime.t25:before {
  background-image: url("/assets/svg/icon_t25.svg");
}
#main #taskContents .taskAddition > ul .taskTime.t30:before {
  background-image: url("/assets/svg/icon_t30.svg");
}
#main #taskContents .taskAddition > ul .taskTime .btn_editOpen {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  margin-right: 0;
  cursor: pointer;
  border: none;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  width: 37px;
  height: 37px;
  background: none;
  border: none;
}
#main #taskContents .taskAddition > ul .taskTime .btn_editOpen:before {
  position: absolute;
  display: block;
  content: "timer";
  font-family: "Material Icons Outlined";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 22px;
  color: #333;
  text-indent: 0;
  line-height: 1;
  background: none;
  z-index: 1;
}
#main #taskContents .taskAddition > ul .taskDate {
  position: relative;
  display: none;
  /*
    label {
     position: relative;
  display: inline-block;
  width: 200px;
  height: 36px;
  border: 2px solid #ccc;
  border-radius: 15px;
  &:after {
  	position: absolute;
  	content: "calendar_month";
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	width: 1em;
  	height: 1em;
  	line-height: 1em;
  	margin: auto;
  	font-size: 24px;
  	color: $color;
  }
    }
    */
}
#main #taskContents .taskAddition > ul .taskDate label {
  cursor: pointer;
}
#main #taskContents .taskAddition > ul .taskDate input {
  position: relative;
  border: 0;
  font-size: 12px;
  line-height: 12px;
}
#main #taskContents .taskAddition > ul .taskDate:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 100%;
  margin: auto;
  border-left: 1px dotted #b3b3b3;
}
#main #taskContents .taskList {
  text-align: center;
}
#main #taskContents .taskList > section.taskContainer.holiday .subHead i, #main #taskContents .taskList > section.taskContainer.notworkingday .subHead i {
  color: #eb6a68;
}
#main #taskContents .taskList > section + section {
  margin-top: 30px;
}
#main #taskContents .taskList > section .subHead {
  display: block;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 7px;
}
#main #taskContents .taskList > section .subHead i {
  display: inline-block;
  margin-left: 0.5em;
  font-size: 12px;
  text-transform: uppercase;
}
#main #taskContents .taskList > section section + section {
  margin-top: 5px;
}
#main #taskContents .taskList ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  border-radius: 7px;
  cursor: pointer;
  padding: 7px;
  border: 3px solid #FFFFFF;
}
#main #taskContents .taskList ul.c1 {
  border-color: rgba(253, 210, 62, 0.5);
}
#main #taskContents .taskList ul.c2 {
  border-color: rgba(253, 210, 62, 0.5);
}
#main #taskContents .taskList ul.c3 {
  border-color: rgba(253, 210, 62, 0.5);
}
#main #taskContents .taskList ul.c4 {
  border-color: rgba(235, 106, 104, 0.6);
}
#main #taskContents .taskList ul.c5 {
  border-color: rgba(235, 106, 104, 0.6);
}
#main #taskContents .taskList ul.c6 {
  border-color: rgba(235, 106, 104, 0.6);
}
#main #taskContents .taskList ul.c7 {
  border-color: rgba(235, 106, 104, 0.6);
}
#main #taskContents .taskList ul.c8 {
  border-color: rgba(235, 106, 104, 0.6);
}
#main #taskContents .taskList ul.c9 {
  border-color: rgba(235, 106, 104, 0.6);
}
#main #taskContents .taskList ul.c10 {
  border-color: rgba(235, 106, 104, 0.6);
}
#main #taskContents .taskList ul.active {
  background: #f8f8f8;
}
#main #taskContents .taskList ul:hover {
  top: -1px;
  left: -1px;
  -webkit-box-shadow: 1px 1px 5px rgba(51, 51, 51, 0.3);
          box-shadow: 1px 1px 5px rgba(51, 51, 51, 0.3);
}
#main #taskContents .taskList ul + ul {
  margin-top: 3px;
}
#main #taskContents .taskList ul li + li {
  margin-left: 10px;
}
#main #taskContents .taskList ul li.taskTitle {
  width: 100%;
}
#main #taskContents .taskList ul li.taskTitle > * {
  vertical-align: middle;
}
#main #taskContents .taskList ul li.taskTitle span {
  display: inline-block;
  margin-right: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#main #taskContents .taskList ul li.taskTitle i {
  position: relative;
  display: inline-block;
  color: #FFFFFF;
  background: #b3b3b3;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 3px 5px 3px 19px;
  border-radius: 3px;
  font-size: 10px;
  letter-spacing: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 7em;
  white-space: nowrap;
}
#main #taskContents .taskList ul li.taskTitle i + i {
  margin-left: 7px;
}
#main #taskContents .taskList ul li.taskTitle i.tag:before, #main #taskContents .taskList ul li.taskTitle i.group:before {
  position: absolute;
  display: block;
  font-family: "Material Icons";
  top: 0;
  left: 3px;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 12px;
  text-indent: 0;
  line-height: 1;
  background: none;
  z-index: 1;
}
#main #taskContents .taskList ul li.taskTitle i.tag.color01, #main #taskContents .taskList ul li.taskTitle i.group.color01 {
  background: rgba(174, 189, 195, 0.9);
}
#main #taskContents .taskList ul li.taskTitle i.tag.color02, #main #taskContents .taskList ul li.taskTitle i.group.color02 {
  background: rgba(105, 196, 231, 0.9);
}
#main #taskContents .taskList ul li.taskTitle i.tag.color03, #main #taskContents .taskList ul li.taskTitle i.group.color03 {
  background: rgba(244, 219, 96, 0.9);
}
#main #taskContents .taskList ul li.taskTitle i.tag.color04, #main #taskContents .taskList ul li.taskTitle i.group.color04 {
  background: rgba(242, 102, 140, 0.9);
}
#main #taskContents .taskList ul li.taskTitle i.tag.color05, #main #taskContents .taskList ul li.taskTitle i.group.color05 {
  background: rgba(162, 204, 103, 0.9);
}
#main #taskContents .taskList ul li.taskTitle i.tag.color06, #main #taskContents .taskList ul li.taskTitle i.group.color06 {
  background: rgba(102, 223, 197, 0.9);
}
#main #taskContents .taskList ul li.taskTitle i.tag.color07, #main #taskContents .taskList ul li.taskTitle i.group.color07 {
  background: rgba(232, 166, 77, 0.9);
}
#main #taskContents .taskList ul li.taskTitle i.tag.color08, #main #taskContents .taskList ul li.taskTitle i.group.color08 {
  background: rgba(81, 135, 242, 0.9);
}
#main #taskContents .taskList ul li.taskTitle i.tag.color09, #main #taskContents .taskList ul li.taskTitle i.group.color09 {
  background: rgba(193, 64, 184, 0.9);
}
#main #taskContents .taskList ul li.taskTitle i.tag.color10, #main #taskContents .taskList ul li.taskTitle i.group.color10 {
  background: rgba(182, 154, 144, 0.9);
}
#main #taskContents .taskList ul li.taskTitle i.tag.color11, #main #taskContents .taskList ul li.taskTitle i.group.color11 {
  background: rgba(235, 106, 104, 0.9);
}
#main #taskContents .taskList ul li.taskTitle i.tag.color12, #main #taskContents .taskList ul li.taskTitle i.group.color12 {
  background: rgba(93, 178, 140, 0.9);
}
#main #taskContents .taskList ul li.taskTitle i.tag:before {
  content: "sell";
}
#main #taskContents .taskList ul li.taskTitle i.group:before {
  content: "group";
}
#main #taskContents .taskList ul li.taskEx {
  text-align: right;
}
#main #taskContents .taskList ul li.taskEx .taskDue {
  display: block;
  white-space: nowrap;
  min-width: 7em;
  font-size: 12px;
}
#main #taskContents .taskList ul li.taskEx .taskDue i {
  display: block;
  margin-top: 4px;
  font-size: 11px;
}
#main #taskContents .taskList ul li.taskEx .taskTime {
  position: relative;
  display: block;
  margin-top: 3px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
}
#main #taskContents .taskList ul li.taskEx .taskTime:before {
  position: absolute;
  display: block;
  font-family: "Material Icons";
  content: "";
  top: 0;
  right: 3px;
  bottom: 0;
  margin: auto;
  width: 70px;
  height: 20px;
  text-indent: 0;
  line-height: 1;
  background: url("/assets/svg/icon_t00.svg") no-repeat 50% 50%;
  background-size: contain;
  z-index: 1;
}
#main #taskContents .taskList ul li.taskEx .taskTime.t00:before {
  background-image: url("/assets/svg/icon_t00.svg");
}
#main #taskContents .taskList ul li.taskEx .taskTime.t05:before {
  background-image: url("/assets/svg/icon_t05.svg");
}
#main #taskContents .taskList ul li.taskEx .taskTime.t10:before {
  background-image: url("/assets/svg/icon_t10.svg");
}
#main #taskContents .taskList ul li.taskEx .taskTime.t15:before {
  background-image: url("/assets/svg/icon_t15.svg");
}
#main #taskContents .taskList ul li.taskEx .taskTime.t20:before {
  background-image: url("/assets/svg/icon_t20.svg");
}
#main #taskContents .taskList ul li.taskEx .taskTime.t25:before {
  background-image: url("/assets/svg/icon_t25.svg");
}
#main #taskContents .taskList ul li.taskEx .taskTime.t30:before {
  background-image: url("/assets/svg/icon_t30.svg");
}
#main #taskEdit {
  width: 150%;
  background: #FFFFFF;
}

.editWindow {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.2);
  z-index: 100;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.editWindow > div {
  width: 430px;
  margin: 0 auto;
  padding: 20px;
  background: #FFFFFF;
}
.editWindow > div .ttl {
  color: #333;
  text-align: center;
  margin-bottom: 30px;
}
.editWindow > div input[type=text] {
  width: 100%;
  padding: 10px;
}

.radioList,
.checkboxList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.radioList li,
.checkboxList li {
  text-align: center;
}
.radioList li input[type=radio],
.radioList li input[type=checkbox],
.checkboxList li input[type=radio],
.checkboxList li input[type=checkbox] {
  display: none;
}
.radioList li input[type=radio] + label,
.radioList li input[type=checkbox] + label,
.checkboxList li input[type=radio] + label,
.checkboxList li input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  padding: 10px 5px;
  min-width: 4em;
  text-align: center;
  cursor: pointer;
}
.radioList li input[type=radio]:checked + label,
.radioList li input[type=checkbox]:checked + label,
.checkboxList li input[type=radio]:checked + label,
.checkboxList li input[type=checkbox]:checked + label {
  background: #FDD23E;
}
.radioList.circle li input[type=radio] + label,
.radioList.circle li input[type=checkbox] + label,
.checkboxList.circle li input[type=radio] + label,
.checkboxList.circle li input[type=checkbox] + label {
  padding: 10px;
  min-width: 1em;
  border-radius: 50%;
  letter-spacing: 0;
}

.colorList {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.colorList li {
  text-align: center;
  width: calc((100% - 75px) / 6);
}
.colorList li input[type=radio] {
  display: none;
}
.colorList li input[type=radio] + label {
  position: relative;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}
.colorList li input[type=radio]:checked + label:before {
  position: absolute;
  display: block;
  content: "check";
  font-family: "Material Icons";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 14px;
  text-indent: 0;
  line-height: 1;
  color: #FFFFFF;
  background: none;
  z-index: 1;
}
.colorList li input[type=radio].color01 + label {
  background: #aebdc3;
}
.colorList li input[type=radio].color02 + label {
  background: #69c4e7;
}
.colorList li input[type=radio].color03 + label {
  background: #f4db60;
}
.colorList li input[type=radio].color04 + label {
  background: #f2668c;
}
.colorList li input[type=radio].color05 + label {
  background: #a2cc67;
}
.colorList li input[type=radio].color06 + label {
  background: #66dfc5;
}
.colorList li input[type=radio].color07 + label {
  background: #e8a64d;
}
.colorList li input[type=radio].color08 + label {
  background: #5187f2;
}
.colorList li input[type=radio].color09 + label {
  background: #c140b8;
}
.colorList li input[type=radio].color10 + label {
  background: #b69a90;
}
.colorList li input[type=radio].color11 + label {
  background: #eb6a68;
}
.colorList li input[type=radio].color12 + label {
  background: #5db28c;
}

.groupList {
  margin-top: 20px;
}
.groupList li {
  text-align: left;
}
.groupList li input[type=radio],
.groupList li input[type=checkbox] {
  display: none;
}
.groupList li input[type=radio] + label,
.groupList li input[type=checkbox] + label {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 10px 10px 10px 26px;
}
.groupList li input[type=radio] + label:after,
.groupList li input[type=checkbox] + label:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b3b3b3;
  margin: auto;
}
.groupList li input[type=radio] + label:hover,
.groupList li input[type=checkbox] + label:hover {
  background: #f0f0f0;
}
.groupList li input[type=radio].color01 + label:after,
.groupList li input[type=checkbox].color01 + label:after {
  background: #aebdc3;
}
.groupList li input[type=radio].color02 + label:after,
.groupList li input[type=checkbox].color02 + label:after {
  background: #69c4e7;
}
.groupList li input[type=radio].color03 + label:after,
.groupList li input[type=checkbox].color03 + label:after {
  background: #f4db60;
}
.groupList li input[type=radio].color04 + label:after,
.groupList li input[type=checkbox].color04 + label:after {
  background: #f2668c;
}
.groupList li input[type=radio].color05 + label:after,
.groupList li input[type=checkbox].color05 + label:after {
  background: #a2cc67;
}
.groupList li input[type=radio].color06 + label:after,
.groupList li input[type=checkbox].color06 + label:after {
  background: #66dfc5;
}
.groupList li input[type=radio].color07 + label:after,
.groupList li input[type=checkbox].color07 + label:after {
  background: #e8a64d;
}
.groupList li input[type=radio].color08 + label:after,
.groupList li input[type=checkbox].color08 + label:after {
  background: #5187f2;
}
.groupList li input[type=radio].color09 + label:after,
.groupList li input[type=checkbox].color09 + label:after {
  background: #c140b8;
}
.groupList li input[type=radio].color10 + label:after,
.groupList li input[type=checkbox].color10 + label:after {
  background: #b69a90;
}
.groupList li input[type=radio].color11 + label:after,
.groupList li input[type=checkbox].color11 + label:after {
  background: #eb6a68;
}
.groupList li input[type=radio].color12 + label:after,
.groupList li input[type=checkbox].color12 + label:after {
  background: #5db28c;
}
.groupList li input[type=radio]:checked + label:before,
.groupList li input[type=checkbox]:checked + label:before {
  position: absolute;
  display: block;
  content: "check";
  font-family: "Material Icons";
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 16px;
  text-indent: 0;
  line-height: 1;
  color: #b3b3b3;
  background: none;
  z-index: 1;
}

.submitList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-top: 30px;
}
.submitList.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.submitList li button {
  display: block;
  padding: 7px;
  min-width: 90px;
  font-size: 14px;
  cursor: pointer;
}
.submitList li button.submit {
  background: #299792;
  color: #FFFFFF;
}
.submitList li button.submit.disabled {
  background: rgba(41, 151, 146, 0.5);
}

#toggleCompletTask + label {
  display: inline-block;
  margin: 20px auto;
  background: #b3b3b3;
  color: #FFFFFF;
  border-radius: 15px;
  line-height: 1;
  font-size: 12px;
  padding: 5px 20px;
  cursor: pointer;
}

#taskEdit .taskEditHeader {
  padding: 10px;
  border-bottom: 1px solid #eaeaea;
}
#taskEdit .taskEditHeader > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#taskEdit .taskEditHeader > ul > li + li {
  margin-left: 10px;
}
#taskEdit .taskEditHeader > ul > li input {
  background: none;
  border: none;
}
#taskEdit .taskEditHeader > ul .taskName {
  width: 100%;
}
#taskEdit .taskEditHeader > ul .taskName input {
  width: 100%;
}
#taskEdit .taskEditHeader > ul .taskTime {
  position: relative;
}
#taskEdit .taskEditHeader > ul .taskTime:before {
  position: absolute;
  display: block;
  font-family: "Material Icons";
  content: "";
  top: 0;
  right: 45px;
  bottom: 0;
  margin: auto;
  width: 76px;
  height: 20px;
  text-indent: 0;
  line-height: 1;
  background: url("/assets/svg/icon_t00.svg") no-repeat 50% 50%;
  background-size: contain;
  z-index: 1;
}
#taskEdit .taskEditHeader > ul .taskTime.t00:before {
  background-image: url("/assets/svg/icon_t00.svg");
}
#taskEdit .taskEditHeader > ul .taskTime.t05:before {
  background-image: url("/assets/svg/icon_t05.svg");
}
#taskEdit .taskEditHeader > ul .taskTime.t10:before {
  background-image: url("/assets/svg/icon_t10.svg");
}
#taskEdit .taskEditHeader > ul .taskTime.t15:before {
  background-image: url("/assets/svg/icon_t15.svg");
}
#taskEdit .taskEditHeader > ul .taskTime.t20:before {
  background-image: url("/assets/svg/icon_t20.svg");
}
#taskEdit .taskEditHeader > ul .taskTime.t25:before {
  background-image: url("/assets/svg/icon_t25.svg");
}
#taskEdit .taskEditHeader > ul .taskTime.t30:before {
  background-image: url("/assets/svg/icon_t30.svg");
}
#taskEdit .taskEditHeader > ul .taskTime .btn_editOpen {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  margin-right: 0;
  padding-left: 140px;
  cursor: pointer;
  border: none;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  width: 37px;
  height: 37px;
  background: none;
  border: none;
  z-index: 1;
}
#taskEdit .taskEditHeader > ul .taskTime .btn_editOpen:before {
  position: absolute;
  display: block;
  content: "timer";
  font-family: "Material Icons Outlined";
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 22px;
  color: #333;
  text-indent: 0;
  line-height: 1;
  background: none;
  z-index: 1;
}
#taskEdit .taskEditHeader > ul .taskDate {
  position: relative;
}
#taskEdit .taskEditHeader > ul .taskDate label {
  cursor: pointer;
}
#taskEdit .taskEditHeader > ul .taskDate input {
  float: right;
  position: relative;
  border: 0;
  font-size: 20px;
  width: 37px;
}
#taskEdit .taskEditHeader > ul .taskDate:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 100%;
  margin: auto;
  border-left: 1px dotted #b3b3b3;
}
#taskEdit .taskEditSchedule {
  padding: 10px;
  border-bottom: 1px dotted #eaeaea;
}
#taskEdit .taskEditSchedule > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
#taskEdit .taskEditSchedule > ul > li + li {
  margin-left: 10px;
}
#taskEdit .taskEditSchedule > ul input, #taskEdit .taskEditSchedule > ul i {
  display: inline-block;
}
#taskEdit .taskEditSchedule > ul input {
  background: none;
  border: none;
}
#taskEdit .taskEditSchedule > ul .taskStart {
  white-space: nowrap;
}
#taskEdit .taskEditSchedule > ul .taskPeriod {
  white-space: nowrap;
}
#taskEdit .taskEditSchedule > ul .taskPeriod select {
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
#taskEdit .taskEditSchedule > ul .taskPeriod select::-ms-expand {
  display: none;
}
#taskEdit .taskEditSchedule > ul .taskEx {
  width: 100%;
  text-align: right;
}
#taskEdit .taskEditSchedule > ul .taskEx > * + * {
  margin-left: 10px;
}
#taskEdit .taskEditSchedule > ul .taskEx #addTime, #taskEdit .taskEditSchedule > ul .taskEx #addTaskStart,
#taskEdit .taskEditSchedule > ul .taskEx #clearStartDate, #taskEdit .taskEditSchedule > ul .taskEx #allDay {
  display: none;
}
#taskEdit .taskEditSchedule > ul .taskEx #addTime + label, #taskEdit .taskEditSchedule > ul .taskEx #addTaskStart + label,
#taskEdit .taskEditSchedule > ul .taskEx #clearStartDate + label, #taskEdit .taskEditSchedule > ul .taskEx #allDay + label {
  display: inline-block;
  border: 1px solid #b3b3b3;
  border-radius: 5px;
  font-size: 11px;
  padding: 3px 10px;
  white-space: nowrap;
  cursor: pointer;
}
#taskEdit .taskEditSchedule,
#taskEdit .taskEditTag,
#taskEdit .taskEditGroup {
  position: relative;
  padding: 10px 10px 10px 30px;
  border-bottom: 1px dotted #eaeaea;
}
#taskEdit .taskEditSchedule:before,
#taskEdit .taskEditTag:before,
#taskEdit .taskEditGroup:before {
  position: absolute;
  display: block;
  font-family: "Material Icons";
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 18px;
  color: #b3b3b3;
  text-indent: 0;
  line-height: 1;
  background: none;
  z-index: 1;
}
#taskEdit .taskEditSchedule.taskEditSchedule:before,
#taskEdit .taskEditTag.taskEditSchedule:before,
#taskEdit .taskEditGroup.taskEditSchedule:before {
  content: "calendar_month";
}
#taskEdit .taskEditSchedule.taskEditTag:before,
#taskEdit .taskEditTag.taskEditTag:before,
#taskEdit .taskEditGroup.taskEditTag:before {
  content: "sell";
}
#taskEdit .taskEditSchedule.taskEditGroup:before,
#taskEdit .taskEditTag.taskEditGroup:before,
#taskEdit .taskEditGroup.taskEditGroup:before {
  content: "group";
}
#taskEdit .taskEditTag, #taskEdit .taskEditGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#taskEdit .taskEditTag > ul > li, #taskEdit .taskEditGroup > ul > li {
  position: relative;
  display: inline-block;
  padding: 5px 15px 5px 20px;
}
#taskEdit .taskEditTag > ul > li + li, #taskEdit .taskEditGroup > ul > li + li {
  margin-left: 5px;
}
#taskEdit .taskEditTag > ul > li > button, #taskEdit .taskEditGroup > ul > li > button {
  background: none;
  border: none;
  cursor: pointer;
}
#taskEdit .taskEditTag > ul > li:hover > button, #taskEdit .taskEditGroup > ul > li:hover > button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: inline-block;
  padding: 0;
}
#taskEdit .taskEditTag > ul > li:after, #taskEdit .taskEditGroup > ul > li:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b3b3b3;
  margin: auto;
}
#taskEdit .taskEditTag > ul > li.color01:after, #taskEdit .taskEditGroup > ul > li.color01:after {
  background: #aebdc3;
}
#taskEdit .taskEditTag > ul > li.color02:after, #taskEdit .taskEditGroup > ul > li.color02:after {
  background: #69c4e7;
}
#taskEdit .taskEditTag > ul > li.color03:after, #taskEdit .taskEditGroup > ul > li.color03:after {
  background: #f4db60;
}
#taskEdit .taskEditTag > ul > li.color04:after, #taskEdit .taskEditGroup > ul > li.color04:after {
  background: #f2668c;
}
#taskEdit .taskEditTag > ul > li.color05:after, #taskEdit .taskEditGroup > ul > li.color05:after {
  background: #a2cc67;
}
#taskEdit .taskEditTag > ul > li.color06:after, #taskEdit .taskEditGroup > ul > li.color06:after {
  background: #66dfc5;
}
#taskEdit .taskEditTag > ul > li.color07:after, #taskEdit .taskEditGroup > ul > li.color07:after {
  background: #e8a64d;
}
#taskEdit .taskEditTag > ul > li.color08:after, #taskEdit .taskEditGroup > ul > li.color08:after {
  background: #5187f2;
}
#taskEdit .taskEditTag > ul > li.color09:after, #taskEdit .taskEditGroup > ul > li.color09:after {
  background: #c140b8;
}
#taskEdit .taskEditTag > ul > li.color10:after, #taskEdit .taskEditGroup > ul > li.color10:after {
  background: #b69a90;
}
#taskEdit .taskEditTag > ul > li.color11:after, #taskEdit .taskEditGroup > ul > li.color11:after {
  background: #eb6a68;
}
#taskEdit .taskEditTag > ul > li.color12:after, #taskEdit .taskEditGroup > ul > li.color12:after {
  background: #5db28c;
}
#taskEdit .taskEditTag > ul + button.btn_editOpen, #taskEdit .taskEditGroup > ul + button.btn_editOpen {
  font-size: 10px;
  border: 1px solid #b3b3b3;
  width: 18px;
  height: 18px;
  border-radius: 0;
  line-height: 1;
  padding: 2px;
  background: no-repeat;
  cursor: pointer;
}
#taskEdit .taskEditMemo {
  padding: 10px;
}
#taskEdit .taskEditMemo textarea {
  width: 100%;
  height: 15em;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

figure {
  display: block;
  text-align: center;
}

.link {
  display: inline-block;
  text-decoration: underline;
  vertical-align: middle;
}

#register {
  height: 100vh;
  height: 100dvh;
  padding: 20px;
}
#register main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  max-width: 500px;
  width: 100%;
  height: 50vh;
  height: 50dvh;
  margin: 0 auto;
  padding-top: 120px;
}
#register main .head {
  font-size: 26px;
}
#register main div {
  width: 300px;
}

.registerList {
  text-align: center;
}
.registerList li {
  position: relative;
  max-width: 300px;
}
.registerList li input {
  width: 100%;
  padding: 10px;
  font-size: 14px;
}
.registerList li input[placeholder=Password][type=text] + button:before, .registerList li input.passwordDisplay[type=text] + button:before {
  content: "visibility";
}
.registerList li input[placeholder=Password][type=password] + button:before, .registerList li input.passwordDisplay[type=password] + button:before {
  content: "visibility_off";
}
.registerList li button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  margin-right: 0;
  cursor: pointer;
  border: none;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  width: 44px;
}
.registerList li button:before {
  position: absolute;
  display: block;
  font-family: "Material Icons";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 20px;
  color: #333;
  text-indent: 0;
  line-height: 1;
  background: none;
  z-index: 1;
}
.registerList li + li {
  margin-top: 20px;
}

.commitList {
  margin-top: 30px;
}
.commitList button {
  padding: 10px;
  font-size: 16px;
  width: 100%;
  background: #FDD23E;
  cursor: pointer;
}
.commitList button:hover {
  background: #fede70;
}

.exList {
  margin-top: 30px;
}
.exList li {
  text-align: center;
}
.exList li + li {
  margin-top: 20px;
}
.exList li a {
  display: inline-block;
  text-decoration: underline;
  color: #299792;
}
.exList li a:hover {
  text-decoration: none;
}

#app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  height: 100dvh;
}
#app > * {
  width: 100%;
  text-align: center;
}

#task-calendar {
  text-align: center;
}

#user-profile {
  text-align: center;
}
#user-profile h1 {
  margin-bottom: 30px;
}
#user-profile #image-preview {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
#user-profile > div + div {
  margin-top: 20px;
}
#user-profile > div + div > * + * {
  margin-left: 10px;
}

#setting > div {
  position: relative;
  width: 80%;
  min-height: 520px;
  max-width: 520px;
}
#setting > div > * + * {
  margin-top: 20px;
}
#setting > div .close {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  right: 20px;
  top: 20px;
  margin: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: none;
  border: none;
}
#setting > div .close:before {
  position: absolute;
  content: "close";
  display: block;
  font-family: "Material Icons";
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  font-size: 24px;
  color: #b3b3b3;
  text-indent: 0;
  line-height: 1;
  z-index: 1;
}
#setting .settingTab {
  margin: 0 auto;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
#setting .settingTab li {
  display: inline-block;
  margin: 0 7px 0 0;
}
#setting .settingTab li a {
  padding: 5px;
  color: #b3b3b3;
  font-size: 13px;
}
#setting .settingTab li a.active, #setting .settingTab li a:hover {
  color: #333;
}
#setting .settingTab li a.active {
  pointer-events: none;
  cursor: default;
}
#setting .editAvatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
#setting .editAvatar dt {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}
#setting .editAvatar dd {
  margin-left: 20px;
}
#setting .editAvatar dd a {
  color: #00A3D9;
}
#setting .editProfile {
  overflow: hidden;
}
#setting .editProfile dt:nth-of-type(n + 2), #setting .editProfile dd:nth-of-type(n + 2) {
  margin-top: 15px;
}
#setting .editProfile dt {
  clear: left;
  float: left;
  line-height: 40px;
  width: 7em;
}
#setting .editProfile dd {
  float: left;
  margin-left: 15px;
}
#setting .submitList {
  margin-top: 40px;
}
#setting .submitList.center {
  margin-top: 20px;
}

ul.landscape {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
ul.landscape li + Li {
  margin-left: 15px;
}
/*# sourceMappingURL=common.css.map */