:root {
  --tab-color: #FF0078;
  --tab-gray-color: #929292;
  --theme-color: #3D4896;
  --theme-body-color: #000B00;
  --theme-bg-color: #E5E5E5;
  --theme-alpha-color:  rgba(61, 72, 150, .5);
  --title-size-l: 2.06rem; /* 33px  */
  --title-size-m: 1.5rem; /* 24px  */
  --text-base: .875rem; /* 15px  */
  --text-base-article: 1rem; /* 16px  */
  --text-size-xxs: .6875rem; /* 11px  */
  --text-font-serif: zen-old-mincho, sans-serif;
  --text-font-sans-serif: yu-gothic-pr6n, sans-serif;
  --exhibition-logo-font: source-han-sans-japanese,sans-serif;
  --exhibition-logo-color: #403333;
  --exhibition-logo-size: 1.5rem; /* 24px  */
  --bs-primary: var(--theme-color);
  --bs-font-sans-serif: var(--text-font-sans-serif);
  --header-sp-height: 58px;
  --header-pc-height: 64px;
}

body {
  color: var(--theme-body-color);
}
@media (max-width: 768px) {
  body::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background-color: var(--theme-bg-color);
    background-repeat:no-repeat;
    background-position: 50% 50%;
    background-image: url("../images/affections-objects-of-man-ray-essay-2022-11/manray_logo.png");
    background-size: cover;
    background-size: 178px auto;
  }
}
@media (min-width: 768px) {
  body {
    background: var(--theme-bg-color) url("../images/affections-objects-of-man-ray-essay-2022-11/manray_logo.png") no-repeat 50% 50% fixed;
    background-size: 280px auto;
  }
}
a {
  color: var(--theme-color);
}

.navbar {
  height: var(--header-sp-height);
}
.margin-header {
  margin-top: var(--header-sp-height);
}
@media (min-width: 768px) {
  .navbar {
    height: var(--header-pc-height);
  }
  .margin-header {
    margin-top: var(--header-pc-height);
  }
}
@media (min-width: 768px) {
  .logo {
    height: 36px;
  }
}

.slider {
  background-color: var(--theme-bg-color);
}

.container-xl, .container-lg, .container-md, .container-sm, .container {
  max-width: 1080px;
}
@media (max-width: 767px) {
  .related-article, .article-body {
    margin-left: 16px;
    width: auto;
  }
}
@media (max-width: 767px) {
  .container-inner {
    padding: 16px 0;
  }
}
@media (min-width: 768px) {
  .container-inner {
    width: 704px;
    margin-left: auto;
    margin-right: auto;
    padding: 72px 0;
  }
}

.btn-outline-primary {
  border: 4px solid var(--theme-color);
  color: var(--theme-color);
  border-radius: 0;
  line-height: 52px;
  transition: .3s all;
  font-weight: bold;
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #fff;
  font-weight: bold;
}
.btn-primary {
  border: 4px solid var(--theme-color);
  border-color: var(--theme-color);
  background-color: var(--theme-color);
  border-radius: 0;
  line-height: 52px;
  transition: .3s all;
  font-weight: bold;
}
.btn-primary:hover, .btn-primary:focus {
  border: 4px solid var(--theme-color);
  background-color: transparent;
  color: var(--theme-color);
  font-weight: bold;
}

.text-muted {
  color: var(--tab-gray-color);
}
.small, small {
  font-size: var(--text-size-xxs);
}

.slider img {
    width:100%;
    height:auto;
}
.slider .slick-slide {
    margin:0 10px;/*スライド左右の余白調整*/
}
.slick-track {
  display: flex;
  align-items: center;
}
.slick-slide {
  height: auto !important;
}
ul {
  margin:0;
  padding: 0;
  list-style: none;
}

.article-body {
  margin-bottom: 192px;
}
@media (min-width: 768px) {
  .article-body {
    margin-bottom: 400px;
  }
}

.related-article {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .related-article {
    margin-bottom: 160px;
  }
}

.title {
  font-family: var(--text-font-serif);
  font-weight: 700;
  font-style: normal;
  color: var(--theme-color);
}
.title-l {
  font-size: var(--title-size-l) !important;
  line-height: 1.5;
}
.title-m {
  font-size: var(--title-size-m) !important;
  line-height: 1.96;
}
.title-s {
  font-size: var(--title-size-s) !important;
}
@media (min-width: 768px) {
  .title-lg-l {
    font-size: var(--title-size-l) !important;
  }
}
.text-base {
  font-size: var(--text-base);
  line-height: 2;
}
.text-base-article p {
  font-size: var(--text-base-article);
  line-height: 2;
}
.text-alpha {
  color: var(--theme-alpha-color);
}

@media (max-width: 767px) {
  figure .border {
    border: 0 !important;
  }
}
@media (min-width: 768px) {
  figure .border > img {
    width:  auto;
    max-height: 500px;
  }
}

.writer {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

footer {
  background-color: var(--theme-bg-color);
}
@media (min-width: 768px) {
  footer {
    width: 758px !important;
  }
}
.exhibition-logo {
  font-family: var(--exhibition-logo-font);
  color: var(--exhibition-logo-color);
  font-size: var(--exhibition-logo-size);
  font-weight: 500;
  font-style: normal;
}

.event-detail{
  position: fixed;
  bottom: 0;
  right: 2px;
}
@media (min-width: 768px) {
  .event-detail{
    display: none;
  }
}