/* symbol color: #aacee5 */
:root {
  --symbolColor: #aacee5; /* サイトのイメージカラー */
}

#navbar {
  /* background-color: var(--symbolColor); */
  /* background-color: black; */
}

body {
  background-image: url(https://i.picsum.photos/id/1041/5184/2916.jpg?hmac=TW_9o6HeD7H7I7NVo-S1Fa1iAvzQ10uvmJqsXvNoi0M);
}

.main-container {
  background-color: gray; /* TODO */
  padding-top: 1%;
  padding-bottom: 1%;
  margin-bottom: 1%;
}

.main-content {
  background-color: white; /* TODO */
  min-height: 100%;
  /* overflow: scroll;
  overflow: auto; */
  padding: 20px;
}

.auto-title-image {
  width: 70vw;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
}

.gallery {
  background: #eee;
}

.gallery-cell {
  width: 600px;
  height: 300px;
  margin-right: 10px;
  /* background: #8c8; */
  counter-increment: gallery-cell;
}

.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 300px;
  font-size: 80px;
  color: white;
}

#carousel-box {
  /* border: solid; */
  padding-bottom: 30px;
}

.card {
  width: 70%;
  margin: 0 auto;
  float: none;
  margin-bottom: 10px;
}