/* 下線蛍光 */
.marker_blue {
background: linear-gradient(transparent 55%, #d6e4ed 55%);
}
.marker_yellow {
background: linear-gradient(transparent 55%, #fffb93 55%);
}
.marker_green {
background: linear-gradient(transparent 55%, #b8f2b7 55%);
}
.marker_pink {
background: linear-gradient(transparent 55%, #fdd5c9 55%);
}

/* 見出し */
h3#midasi3{
    margin: 0 0 1.5em;
    padding: 0.8em;
    border-top: 3px double #C29FAB;
    border-bottom: 3px double #C29FAB;
    font-size: 1.143em;
    font-weight: bold;
}

h4#midasi4{
  position: relative;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #c29fab;
  font-weight: bold;
}
h4::before,
h4::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h4::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(232,183,222,0.5);
}
h4::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(232,183,222,0.3);
}

h5#midasi5{
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em 0 0.8em 2.5em;
    border: 1px solid #c29fab;
    font-size: 1.143em;
    font-weight: bold;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
 
h5:before {
    content: "";
    position: absolute;
    background: #c29fab;
    top: 50%;
    left: 0.5em;
    margin-top :-10px;
    height: 20px;
    width: 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    box-shadow: 1px 1px 1px #c29fab inset;
    -moz-box-shadow: 1px 1px 1px #c29fab inset;
    -webkit-box-shadow: 1px 1px 1px #c29fab inset;
    -o-box-shadow: 1px 1px 1px #c29fab inset;
    -ms-box-shadow: 1px 1px 1px #c29fab inset;
}

/* 囲みボックス */
.kakomi-box3 {
 margin: 2em auto;
 padding: 1em;
 width: 90%;
 border: 1px solid #e8b7de; /* 枠線 */
 background-color: #fff; /* 背景色 */
 border-radius: 8px; /*角の丸み*/ 
 box-shadow: 1px 1px 2px #ccc;
}

/* 動画サイズ */