@media (min-width: 768px) {
  html {
    font-size: 14px; } }
@media (min-width: 992px) {
  html {
    font-size: 16px; } }
.wrapper {
  overflow: hidden;
  max-width: 100%; }

section, .container-fluid {
  max-width: 900px; }

.card {
  background-color: rgba(255, 255, 255, 0.9); }

.card-title {
  background: none; }
  .card-title .card-header, .card-title .card-footer {
    background: url(../img/background_cg.png) center repeat-x; }
  .card-title .card-footer {
    background-position: bottom; }
  .card-title .card-body {
    background-color: rgba(255, 255, 255, 0.9); }
  .card-title .card-footer {
    padding: 0; }
    .card-title .card-footer div {
      height: 35px;
      background: url(../img/background_title.png) center bottom no-repeat; }

h1.title {
  text-align: center;
  font-family: Fredoka One;
  color: #ffef00;
  text-shadow: -.04em -.04em 1px #c73400, -.04em .04em 1px #c73400, .04em -.04em 1px #c73400, .04em .04em 1px #c73400, -.05em 0em 1px #c73400, 0 -.05em 1px #c73400, .05em 0 1px #c73400, 0 .05em 1px #c73400;
  margin-bottom: 0; }

.jumbotron {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.table:last-child {
  margin-bottom: 0; }

img.item {
  width: 37px;
  height: 37px; }

#guide-intro {
  margin-top: 100px; }

#guide-bloom #bloom-images {
  text-align: center; }
  #guide-bloom #bloom-images .phase-block {
    display: inline-block;
    width: 256px;
    height: 128px;
    position: relative; }
    #guide-bloom #bloom-images .phase-block img {
      display: block;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%); }
      #guide-bloom #bloom-images .phase-block img.phase-seed {
        z-index: 0;
        left: 25%; }
      #guide-bloom #bloom-images .phase-block img.phase-4 {
        z-index: 1;
        left: 50%; }
      #guide-bloom #bloom-images .phase-block img.phase-5 {
        z-index: 2;
        left: 75%; }
    #guide-bloom #bloom-images .phase-block .phase-label {
      display: block;
      position: absolute;
      z-index: 9;
      top: 0;
      left: 0;
      right: 0;
      font-size: .8em;
      line-height: 1em;
      font-weight: bold; }

#guide-ring .ring img.iconring {
  width: 64px;
  height: 64px; }
#guide-ring .ring img.textring {
  width: 66px;
  height: 16px; }
#guide-ring .ring .ring-wrapper {
  display: block;
  width: 64px;
  height: 64px;
  overflow: hidden;
  margin: 0 auto; }
#guide-ring .ring .ring-wrapper2 {
  display: block;
  width: 66px;
  height: 16px;
  margin: 0 auto; }
#guide-ring .ring span {
  display: block;
  overflow: hidden;
  height: 0;
  width: 0; }
#guide-ring th, #guide-ring td {
  text-align: center;
  vertical-align: middle; }
#guide-ring td.lpsong {
  padding: .6rem;
  vertical-align: middle; }
  #guide-ring td.lpsong table {
    width: 100%;
    margin: 0;
    border-width: 2px; }
    #guide-ring td.lpsong table td.lpreq {
      width: 33.33%; }
  #guide-ring td.lpsong td {
    white-space: nowrap;
    text-align: left; }

#guide-gardenrating .rating img.textrating, #guide-gacha .rating img.textrating {
  width: 64px;
  height: 16px;
  border-radius: 10px; }
#guide-gardenrating .rating .rating-wrapper, #guide-gacha .rating .rating-wrapper {
  display: inline-block;
  padding: 2px;
  border-radius: 12px;
  max-width: 100px; }
#guide-gardenrating .rating span, #guide-gacha .rating span {
  display: block;
  overflow: hidden;
  height: 0;
  width: 0; }
#guide-gardenrating th, #guide-gardenrating td, #guide-gacha th, #guide-gacha td {
  text-align: center;
  vertical-align: middle; }

#guide-gacha .probability td:nth-child(2) {
  text-align: left; }

#guide-attendance th, #guide-attendance td {
  text-align: center;
  vertical-align: middle; }

#guide-comments iframe {
  width: 100% !important; }

#guide-accessories #acce-images {
  text-align: center; }
  #guide-accessories #acce-images .accessory-block {
    display: inline-block;
    width: 128px;
    height: 128px;
    position: relative; }
    #guide-accessories #acce-images .accessory-block img {
      display: block;
      z-index: 0; }
    #guide-accessories #acce-images .accessory-block .acce-label {
      display: block;
      position: absolute;
      z-index: 9;
      top: 0;
      left: 0;
      right: 0;
      font-size: .8em;
      line-height: 1em;
      font-weight: bold; }
    #guide-accessories #acce-images .accessory-block .acce-blocks {
      position: absolute;
      z-index: 2;
      top: 55%;
      left: 50%;
      transform: translate(-50%, -50%); }
      #guide-accessories #acce-images .accessory-block .acce-blocks table, #guide-accessories #acce-images .accessory-block .acce-blocks tr, #guide-accessories #acce-images .accessory-block .acce-blocks td {
        border: 0;
        margin: 0;
        padding: 0; }

article > .IL_BASE {
  width: 100%;
  max-width: 100%;
  background: #fff;
  overflow: hidden; }
