.navbar{
  background: transparent;
  border-bottom: 2px solid #ddd;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover {
  background: rgba(0, 0, 0, 0.05);
}

.maincontent{
  max-width: 768px !important;
  padding-top: 1rem;
  margin-bottom: 100px;
}

.nw-maincontent{
  padding-top: 1rem;
  margin-bottom: 100px;
}

.btn-x-transparent{
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #222;
  transition: none;
}

.novel-badge{
  font-size: 0.7rem;
  margin-right: 0.25rem;
}

.zindex-top{
  z-index: 10;
}

#tab_eplists{
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
}
#tab_eplists li{
  white-space: normal;
  display: inline-block;
}

.nav-tabs {
  border: none;
}

.mtag{
  display: inline-block;
  font-size: 80%;
  background: #e4e4e4;
  border: solid 1px rgba(127, 127, 127, 0.247);
  border-radius: 0.2em;
  padding: 0.2em 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  color: #000 !important;
}

.mtag-highlight{
  background: #ffe3e3;
}

/* ダークテーマ */
body.dark-theme{
  background: #000;
  color: #ccc;
}

body.dark-theme .navbar{
  border-bottom: 2px solid #444;
}
body.dark-theme .navbar-brand {
  color: #ccc;
}
body.dark-theme .navbar-brand:focus,
body.dark-theme .navbar-brand:hover{
  color: #999;
}
body.dark-theme .navbar-nav .nav-link {
  color: rgba(204,204,204,.5);
}
body.dark-theme .navbar-nav .nav-link:focus, body.dark-theme .navbar-nav .nav-link:hover {
  color: rgba(204,204,204,.7);
}
body.dark-theme .navbar-nav .nav-link:focus, body.dark-theme .navbar-nav .nav-link:hover {
  background: rgba(204, 204, 204, 0.15);
}

body.dark-theme a{
  color: #90c6ff;
}

body.dark-theme .list-group-item{
  background-color: transparent;
  color: #ccc;
  border-color: #444;
}
body.dark-theme .list-group-item-action:focus, body.dark-theme .list-group-item-action:hover{
  background-color: rgba(204,204,204,.2);
  color: #ccc;
}
body.dark-theme .nav-tabs .nav-item.show .nav-link, body.dark-theme .nav-tabs .nav-link.active{
  color: #ccc;
  background-color: rgba(204,204,204,.2);
  border-color: rgba(204,204,204,.2);
  border-bottom-color: transparent;
}

body.dark-theme .page-link,
body.dark-theme .page-item.disabled .page-link{
  background-color: transparent;
  color: #ccc;
  border-color: #444;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-radius: 0;
}
body.dark-theme .page-item:first-child .page-link{
  border-left-color: transparent;
}
body.dark-theme .page-item:last-child .page-link{
  border-right-color: transparent;
}
body.dark-theme .page-item.disabled .page-link{
  color: #444 !important;
}

body.dark-theme .form-control,
body.dark-theme .custom-select,
body.dark-theme .custom-control-label::before{
  background-color: #000;
  color: #ccc;
  border-color: #444;
}
body.dark-theme .form-control:focus,
body.dark-theme .custom-select:focus{
  background-color: #222;
}

body.dark-theme .btn-x-transparent{
  background-color: #222;
  border-color: #222;
  color: #999;
}

body.dark-theme .card{
  background-color: #000;
  border-color: #222;
}

body.dark-theme .mtag{
  background-color: #222;
  color: #999 !important;
}

body.dark-theme .custom-range::-webkit-slider-runnable-track{
  background-color: #000;
  border: solid 1px #444;
}