html{
  scroll-behavior: smooth;
}

body{
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}

.dp1{
  display: inline-block;
}

.kb1{
  display: inline-block;
  margin-top:64px;
  width:80%;
}

.kb2{
  display: inline-block;
  margin-top:64px;
  width:80%;
  color:#ff367f;
}

.bc1{
  color:#ff367f;
}

.bc2{
  color:#ffffff;
}

.gotop{
  width: 60px;
  height: 52px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #ffbbbb;
  border-radius: 50%;
  opacity: 0.7;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  padding-top:8px;
  vertical-align: middle;
}

a{
  color: #ffbbbb;
  text-decoration: underline;
}

.radius1{
 border: 5px solid #FF367F;
 border-radius: 30px 30px 0px 0px;
 padding-top: 20px;
 padding-bottom: 20px;
 display: inline-block;
 background: #FF367F;
 color: #333333;
 letter-spacing: 0.3em;
}

.radius2{
 border: 5px solid #FF367F;
 border-radius: 0px 0px 30px 30px;
 padding: 0px;
 display: inline-block;
}

.radiusMP3{
  width: 180px;
  height: 120px;
  border: 3px solid #ffbbbb;
  border-radius: 10px 10px 10px 10px;
  padding-top: 30px;
  display: inline-block;
  text-decoration:none
}

.radiusMaru{
  border: 5px solid #FF367F;
  border-radius: 15px 15px 15px 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  background: #FF367F;
  color: #333333;
  letter-spacing: 0.3em;
}

.leftSmall{
  width: 90%;
  display: inline-block;
  text-align: left;
  font-size: 70%;
}

.lineBottom{
  width: 90%;
  border-bottom: 2px solid #FF367F;
  display: inline-block;
}