/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*
  border: 1px solid #ccc;
*/

#wrap_oneday .section_title p {
  margin-top: -1em;
}

.oneday_on {
  background-color: rgb(0,0,0,0.06);/*
  background-color: #eee;
  mix-blend-mode: multiply;*/
}

#oneday01 {
  padding: 0 1em;
}
#wrap_oneday ul {
  list-style-type: none;
  border-left: 3px solid #081230;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.5em 0;
  margin-left: 50px;
  max-width: 500px;
  z-index: 3;
}
#wrap_oneday li {
  display: flex;
  margin-left: -1.5em;
  padding: 0.1em 0 0.15em 1em;
}
#wrap_oneday li em {
  font-style: normal;
  min-width: 5em;
  z-index: 5;
}
#wrap_oneday li em:before {
  content: "\f111";
  color: #fff;
  margin-right: 0.5em;
  font-family: FontAwesome;
  visibility: hidden;
  z-index: 10;
}
#wrap_oneday li.onday_time em:before {
  content: "\f017";
  color: #081230;
  background-color: #fff;
  border-radius: 100%;
  visibility: visible;
}
#wrap_oneday li span {
}
#oneday03 {
  max-width: 800px;
}

@media (min-width: 768px) {
  #oneday00 {
    display: flex;
　  flex-direction: row;
    justify-content: space-around;
    flex-wrap: no-wrap;
  }
  #oneday02 {
    flex-basis: 55%;
  }
  #oneday02 img {
    width: 100%;
  }
  #oneday03 {
  }
}

@media (max-width: 767px) {
  #wrap_oneday ul {
    margin-left: 20px;
  }
  #wrap_oneday li {
    flex-direction: column;
  }
  #wrap_oneday li span {
    padding-left: 2em;
  }
}