.line{
  height: 3px;
  width: 100vw;
  max-width: 900px;
  background: linear-gradient(to right, rgb(0,255,0), rgb(255,255,0));
}

.h3wrapper{
  padding: 10px;
  border-bottom:1px dotted #333;
}

.show-text{
  padding-bottom: 20px;
}

.show-text a{
  color: #000;
}

.show-text dl.info{
  font-size: 12px;
    margin:auto;
    line-height:1.8;
    color:000;
  }

  dl.info dt{
    display: -webkit-flex;
   display: flex;
   -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
   align-items: center; /* 縦方向中央揃え */
   height: 45px;
      width:6em;
      float:left;
      margin:0;
      padding:0 0 0 5px;
      border-bottom:1px dotted #333;
  }
  dl.info dd{
    display: -webkit-flex;
   display: flex;
   -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
   align-items: center; /* 縦方向中央揃え */
    height: 45px;
    margin:0 0 0px 0;
    padding:0 5px 0px 8vw;
    border-bottom:1px dotted #333;
    text-align: left;
    vertical-align: middle;
  }

  dl.info dd i{
    padding-right:10px;
    margin-left: auto;
    }