body {
    padding: 10px;
    font-size: 12pt;
    background: #fff;
    color: #666;
    display: block;
}

html {
    background: #fff;
}

body.eki-body h2{
    font-size: 20pt;
    color: #0a55ce;
    font-weight: 700;
    margin-bottom: 20px;
}
div.ss-div{
    display: flex;
    margin-top: 10px;
    flex-wrap: wrap;
}
div.ss-div > img{
    width: 46%;
    margin: 0 2%;
    max-width: 300px;
}

img.lp-img{
    width: 50%;
    border: 1px solid #d0d0d0;
    max-width: 230px;
}

p.lp-p{
    white-space: break-spaces;
    word-break: break-all;
    line-height: 2;
}


html {
    height:100%;
  }

  body {
    margin:0;
    background: #fff0;
  }

  .bg {
    animation:slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%);
    bottom:0;
    left:-50%;
    opacity:.5;
    position:fixed;
    right:-50%;
    top:0;
    z-index:-1;
  }

  .bg2 {
    animation-direction:alternate-reverse;
    animation-duration:4s;
  }

  .bg3 {
    animation-duration:5s;
  }

  .content {
    background-color: rgba(255,255,255,0.65);
    border-radius: .25em;
    /* box-shadow: 0 0 0.25em rgba(0,0,0,.25); */
    /* box-sizing: border-box; */
    /* left: 50%; */
    /* padding: 10vmin; */
    /* position: fixed; */
    /* text-align: center; */
    /* top: 50%; */
    /* transform: translate(-50%, -50%); */
    border: none;
    padding: 10px 20px;
  }

  @keyframes slide {
    0% {
      transform:translateX(-25%);
    }
    100% {
      transform:translateX(25%);
    }
  }

  .content h1{
    margin: 0;
  }

  body.eki-body h3{
    font-size: 20pt;
    color: #0a55ce;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0 !important;
}

.button.is-danger {
    background-color: #f14668;
    border-color: transparent;
    color: #fff;
    padding: 30px 15px;
    font-weight: 700;
}

b.subtitle1 {
    font-size: 110%;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}
body.eki-detail b.eki-name{
  font-size: 200%;
  text-align: center;
  display: block;
  margin: 30px 0;
  text-decoration: underline;
  padding: 5px 10px;
}

body.eki-detail h5{
  border-bottom: 1px solid;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

p.det-p {
  white-space: break-spaces;
  word-break: break-all;
  line-height: 1.4;
  margin-bottom: 30px !important;
}

p.eki-before{
  display: inline-block;
}

div.reference{
  display: flex;
  justify-content: space-around;
}

div.pan{
  margin-top: -20px;
  margin-bottom: 30px;
  font-size: 80%;
}

div.pan a{
  text-decoration: underline;
}

a.link{
  text-decoration: underline;
}

a.link:hover{
  color: #f00;
  text-decoration: underline;
}

p.det-p a:hover{
  color: #f00;
  text-decoration: underline;
}