@charset "utf-8";

/*----------------------------------------------------------------------------
<div class="lyricBody">
  <span class="ruby"><span class="rb">歌詞</span><span class="rt">かし</span></span>
</div>
----------------------------------------------------------------------------*/

div span.ruby {
  display: inline-table;
  position: relative;
  vertical-align: bottom;
  text-align: center;
}

span.ruby span.rb {
  display: table-row;
  position: relative;
}

span.ruby span.rt {
  display: table-header-group;
  color: #0059aa;
  text-align: center;
  font-size: smaller;
  letter-spacing: -0.001em;
  line-height: 1.2;
  white-space: nowrap;
}

/*!
 * Start Bootstrap - Full Slider (https://startbootstrap.com/template-overviews/full-slider)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-slider/blob/master/LICENSE)
 */

.carousel-item {
  height: 100vh;
  min-height: 30vh;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-content {
  position: absolute;
  right: 15%;
  top: 6vh;
  left: 15%;
  z-index: 10;
  padding-top: 2vh;
  padding-bottom: 2vh;
  text-align: center;
}

.carousel-footnote {
  position: absolute;
  right: 15%;
  bottom: 2vh;
  left: 15%;
  z-index: 10;
  padding-top: 2vh;
  padding-bottom: 2vh;
  text-align: center;
}

div.cell2 {
  display: inline-block;
  *display: inline;
  vertical-align: top;
  text-align: center;
  max-width:45%
}

.smallmargin {
  margin: 2vh;
}

.medmargin {
  margin: 3.5vh;
}

.bigmargin {
  margin: 5vh;
}

.Large {
  font-size: 6vh;
}

.large {
  font-size: 4.5vh;
}

.Big {
  font-size: 3.5vh;
}

.big {
  font-size: 2.5vh;
}

.small {
  font-size: 1.5vh;
}