/*
 * Globals
 */

/*
1a1e27
2a2d31
33373a
45484a
555859
676969
787979
898a89
9a9a98
acaba8
bdbbb8
ceccc8
dfdcd7
e7e5e1
efeeeb
f7f5f3
fdfdfc
*/


body {
  background-color: #dfdcd7;
  color: #33373a;
  text-shadow: .04rem .04rem .05rem rgba(253, 253, 252, .7), -.01rem -.01rem .05rem rgba(051, 055, 058, .5);
  font-family: 'Noto Serif JP', serif;
  font-weight: 500 !important;
  font-size: 1.02rem !important;
}


@media (min-width: 768px) {
  .container {
    max-width: 960px;
  }
}


a {
  color: #735727;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #915533;
}
a:hover img{
  opacity: 0.7;
}


.link-light {
  color: #dfdcd7 !important;
}
.link-light:hover, .link-light:focus {
  color: #fdfdfc !important;
}


.link-dark {
  color: #33373a !important;;
}
.link-dark:hover, .link-dark:focus {
  color: #787979 !important;
}



.text-copy {
  color: #f7f5f3;
  text-shadow: -.01rem .01rem .05rem rgba(051, 055, 058, .3);
}
.text-light {
  color: #dfdcd7;
}
.text-light-25 {
  color: rgba(223, 220, 215, 0.25);
}
.text-light-50 {
  color: rgba(223, 220, 215, 0.5);
}
.text-light-85 {
  color: rgba(223, 220, 215, 0.85);
}
.text-dark {
  color: #33373a;
}


.v-rl {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.w-1 {
  width: 1rem !important;
}



.bg-dark {
  background-color: #33373a !important;
  color: #dfdcd7;
  text-shadow: -.01rem -.01rem .05rem rgba(0, 0, 0, .7);
}

.bg-light {
  background-color: #f7f5f3 !important;
  color: #33373a;
}

.bg-side-line {
/*  background-image:url("../img/lux-aeterna.jpg");*/
  background-color: #1f2020 !important;
/*  background-size: cover;*/
/*  background-repeat: no-repeat;*/
/*  background-position: 50% 0%;*/
  text-shadow: -.01rem -.01rem .05rem rgba(051, 055, 058, .3);
}
.side-line {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 1030;
  min-height: 320px;
}
.w-side-line {
  width: 232px;
}


.table {
  color: #33373a;
}


.nav-light .nav-link,
.nav-light .nav-link .dropdown-toggle {
  font-weight: 500 !important;
  padding: 0.25rem 0;
  color: #33373a;
  background-color: transparent;
  border-bottom: 0.25rem solid transparent;
}

.nav-light .nav-link:hover,
.nav-light .nav-link:focus,
.nav-light .nav-link .dropdown-toggle:hover,
.nav-light .nav-link .dropdown-toggle:focus {
  color: #33373a;
  border-bottom-color: #787979;
}

.nav-light .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-light .active {
  color: #000;
  border-bottom-color: #33373a;
}


.nav-dark .nav-link,
.nav-dark .nav-link .dropdown-toggle {
  font-weight: 500 !important;
  padding: 0.25rem 0;
  color: #dfdcd7;
  background-color: transparent;
  border-bottom: 0.25rem solid transparent;
}

.nav-dark .nav-link:hover,
.nav-dark .nav-link:focus,
.nav-dark .nav-link .dropdown-toggle:hover,
.nav-dark .nav-link .dropdown-toggle:focus {
  color: #dfdcd7;
  border-bottom-color: #787979;
}

.nav-dark .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-dark .active {
  color: #f7f5f3;
  border-bottom-color: #f7f5f3;
}


.modal-img {
  text-shadow: -.01rem -.01rem .05rem rgba(0, 0, 0, .7);
  background-color: #2a2d31 !important;
  border: 1px solid #2a2d31 !important;
  color: #dfdcd7;
}
.modal-img .modal-header {
  border: 0 !important;
}
.modal-img .modal-title {
  font-size: 1rem;
}
.modal-img .modal-body {
  padding: 0 !important;
}
.modal-img img {
  border: 1px solid #33373a;
}
.modal-img .modal-note {
  padding: 1rem;
  background-color: #33373a;
}

.modal-img .modal-footer {
  padding: 0.5rem;
  border: 0 !important;
}


.btn-primary {
  color: #fdfdfc;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #735727;
  border-color: #735727;
}
.btn-primary:hover {
  color: #fdfdfc;
  background-color: #915533;
  border-color: #915533;
}
.btn-primary:disabled, .btn-secondary.disabled {
  color: #dfdcd7;
  background-color: #45484a;
  border-color: #45484a;
}

.btn-secondary {
  color: #fdfdfc;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #555859;
  border-color: #555859;
}
.btn-secondary:hover {
  color: #fdfdfc;
  background-color: #676969;
  border-color: #676969;
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #dfdcd7;
  background-color: #45484a;
  border-color: #45484a;
}

.btn-light {
  color: #33373a;
  background-color: #f7f5f3;
  border-color: rgba(0, 0, 0, 0.1);
}
.btn-light:hover {
  color: #1a1e27;
  background-color: #e7e5e1;
}
.btn-light:disabled, .btn-light.disabled {
  color: #acaba8;
  background-color: #f7f5f3;
}

.btn-dark {
  color: #f7f5f3;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #33373a;
  border-color: #33373a;
}
.btn-dark:hover {
  color: #f7f5f3;
  background-color: #787979;
  border-color: #787979;
}
.btn-dark:disabled, .btn-dark.disabled {
  color: #dfdcd7;
  background-color: #555859;
  border-color: #555859;
}


.dropdown-menu-light {
  color: #33373a;
  background-color: #f7f5f3;
  border-color: rgba(0, 0, 0, 0.1);
}
.dropdown-menu-light .dropdown-item {
  font-weight: 500 !important;
  color: #33373a;
}
.dropdown-menu-light .dropdown-item:hover, .dropdown-menu-light .dropdown-item:focus {
  color: #1a1e27;
  background-color: #e7e5e1;
}
.dropdown-menu-light .dropdown-item.active, .dropdown-menu-light .dropdown-item:active {
  color: #1a1e27;
  background-color: #ceccc8;
}
.dropdown-menu-light .dropdown-item.disabled, .dropdown-menu-light .dropdown-item:disabled {
  color: #acaba8;
}
.dropdown-menu-light .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.1);
}
.dropdown-menu-light .dropdown-item-text {
  color: #1a1e27;
}
.dropdown-menu-light .dropdown-header {
  color: #adb5bd;
}

.dropdown-menu-dark {
  color: #dfdcd7;
  background-color: #555859;
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  font-weight: 500 !important;
  color: #dfdcd7;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #f7f5f3;
  background-color: #45484a;
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #f7f5f3;
  background-color: #33373a;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #acaba8;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #f7f5f3;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}


.alert-light {
  color: #555859;
  background-color: #f7f5f3;
  border-color: #e7e5e1;
}
.alert-light .alert-link {
  color: #4f5050;
}


.list-group-item-light {
  color: #33373a;
  background-color: #f7f5f3;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #1a1e27;
  background-color: #e7e5e1;
}
.list-group-item-light.list-group-item-action.active {
  color: #1a1e27;
  background-color: #ceccc8;
  border-color: #ceccc8;
}