#furigana-tools {
    padding: 0px 0px 20px 0px;
    text-align: right;
}

#furigana-tools button {
  font-size: 90%;
  color: #FFF;
  border: 1px solid #4D5196;
  background: #4D6FBE;
  padding: 0.4em 0.6em;
  border-radius: 3px;
  cursor: pointer;
}

/* ===== theme style ===== */
@media (min-width: 992px) {
  .-hasRuby #navbarColor01 .navbar-nav {
    align-items: baseline;
  }
  .-hasRuby #footer .list-unstyled {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
  }
  .-hasRuby #footer .list-unstyled li {
    float: none !important;
  }
  .-hasRuby #footer .list-unstyled li.float-lg-right {
    position: absolute;
    right: 0px;
    top: -3em;
  }
}
.-hasRuby .breadcrumb {
  align-items: baseline;
}
@media (max-width: 991px) {
  .-hasRuby #footer .list-unstyled {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
  }
  .-hasRuby #footer .list-unstyled li {
    float: none;
  }
  .-hasRuby #footer .list-unstyled li.float-lg-right {
    position: absolute;
    right: 0px;
    top: -3em;
  }
}
.-hasRuby .black .nav-item.active a * {
  color: #fff !important;
  font-weight: inherit !important;
}
.black .nav-item.active a ruby rt {
  font-weight: normal !important;
}
.-hasRuby h1 *,
.-hasRuby h2 *,
.-hasRuby h3 *,
.-hasRuby h4 *,
.-hasRuby h5 *,
.-hasRuby h6 *,
.-hasRuby strong * {
  font-weight: inherit !important;
}

.-hasRuby h1 ruby rt,
.-hasRuby h2 ruby rt,
.-hasRuby h3 ruby rt,
.-hasRuby h4 ruby rt,
.-hasRuby h5 ruby rt,
.-hasRuby h6 ruby rt,
.-hasRuby strong ruby rt {
  font-weight: normal !important;
}

.-hasRuby .custom-control-indicator {
  top: 50%;
  transform: translateY(-50%);
}
.-hasRuby button .tsutaeruRuby__translation {
  padding-top: 0.5em;
  display: inline-block !important;
}





@media screen and (min-width: 768px) {
  .video-js.vjs-has-started.-enable-miniplayer {
    z-index: 1000;
    padding-top: 0px;

  }
}

.-hasRuby .search-box button {
    height: auto;
}

.-hasRuby .search-box button * {
    padding: 0px;
    line-height: 1;
}


.-hasRuby .item-subtitle .badges {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.-hasRuby .item-subtitle .badges .badge.badge-info {
  min-height: 2.8rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.section-head .section-info {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.section-head .section-info .category {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.section-head .section-info .category .badge.badge-info {
  display: flex;
  align-items: center;
  justify-content: center
}
.-hasRuby .section-head .section-info .category .badge.badge-info {
  min-height: 2.8rem;
}


/* == このサイト向け == */
.toggle-switch {
    overflow:hidden;
    line-height:1;
    font-size:0.825rem;
    position:relative;
    display:inline-flex;
    flex-direction:row-reverse;
    flex-wrap:nowrap;
    align-items:center;
    background-color:#efefef;
    border-radius:200px;
    box-shadow:0 1px 1px #e2e2e2 inset
}
div.toggle-switch--wakachigaki {
    border:1px solid #667714
}
div.toggle-switch--furigana {
    border:1px solid #0050bc
}
.toggle-switch::after {
    position:absolute;
    z-index:10;
    right:1rem;
    content:"";
    width:2.75rem;
    height:0.9rem;
    padding:0;
    margin:0;
    background-color:#b0b0b0;
    box-shadow:1px 2px 3px #ccc inset;
    border-radius:200px
}
.toggle-switch input[type="checkbox"] {
    position:absolute;
    z-index:-1;
    opacity:0
}
.toggle-switch label {
    cursor:pointer;
    position:relative;
    display:inline-flex;
    align-items:center;
    color:#fff;
    text-align:center;
    flex-grow:1;
    white-space:nowrap;
    min-width:3em;
    margin:0 4.5rem 0 0;
    padding:0.6rem 0.5rem 0.6rem 0.8rem;
    background-color:#0050bc
}
.toggle-switch label::before {
    content:"";
    position:absolute;
    z-index:30;
    right:-2.2rem;
    height:1.785rem;
    width:1.785rem;
    background-color:#d9d9d9;
    border-radius:50%;
    box-shadow:0px 1px 2px #aaa;
    transition:0s
}
.toggle-switch.transition label::before {
    transition:right 0.2s
}
.toggle-switch input[type="checkbox"]:focus-visible + label::before {
    border:solid 0.2rem #d9d9d9;
    box-shadow:inset 0 0 0 0.2rem #555
}
.toggle-switch input[type="checkbox"]:focus-visible:checked + label::before {
    border:solid 0.2rem #0050bc;
    box-shadow:inset 0 0 0 0.2rem #fff
}
.toggle-switch input[type="checkbox"]:checked + label::before {
    right:-4.015rem;
    background-color:#0050bc
}
.toggle-switch label::after {
    position:absolute;
    z-index:20;
    content:"";
    left:100%;
    width:100%;
    height:100%;
    padding:0;
    margin:0
}
.toggle-switch--wakachigaki label,
.toggle-switch--wakachigaki input[type="checkbox"]:checked + label::before {
    background-color:#4f5f00
}
.toggle-switch--wakachigaki input[type="checkbox"]:focus-visible:checked + label::before {
    border:solid 0.2rem #4f5f00
}
.toggle-switch label::before {
    border:1px solid #444
}
.toggle-switch::after {
    border:1px solid #444
}
.toggle-switch {
    margin-top:0.3rem
}
@media (max-width: 991px) {
  .switch-area {
    margin-bottom: 1rem;
  }
}

html.-showTGRuby  rt {
  display: ruby-text;
}
html.-hideTGRuby  rt {
  display: none;
}
html.-hideTGWakachigaki  .wakachigakiSeparator {
  display: none;
}
html.-showTGWakachigaki .wakachigakiSeparator {
  display: inline;
}
html.-hideTGWakachigaki  #caption-area .separator {
  display: none;
}
html.-showTGWakachigaki #caption-area .separator {
  display: inline;
}

.-hideRuby h1 *,
.-hideRuby h2 *,
.-hideRuby h3 *,
.-hideRuby h4 *,
.-hideRuby h5 *,
.-hideRuby h6 *,
.-hideRuby strong * {
  font-weight: inherit !important;
}