@charset "UTF-8";
li {
  list-style: none; }

#admin_menu {
  margin-top: 5rem; }

.margint2rem {
  margin-top: 2rem; }

.autofit {
  width: 100%;
  height: 100%;
  object-fit: contain; }

.widthfit {
  width: 100%;
  height: auto; }

.trush-parent {
  position: relative; }

.trush {
  position: absolute;
  top: 5%;
  left: 5%; }
  .trush i {
    font-size: 1.8rem; }

.select {
  position: absolute;
  width: 90vw;
  margin: 5vw;
  display: flex; }
  .select > div {
    position: relative;
    width: 12.5%;
    border: 1px solid black;
    background-color: white; }
    .select > div .destination {
      position: absolute;
      top: 10%;
      left: 10%;
      cursor: pointer; }
      .select > div .destination i {
        font-size: 1rem; }

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background-color: rgba(0, 0, 0, 0.6); }

#exhibitions {
  /*-----------------ヘッダー-------------------*/ }
  #exhibitions header {
    display: flex;
    width: 100%;
    height: 50px;
    align-items: center;
    font-family: serif;
    color: #324158;
    margin: 0px 0px 20px 0px;
    background-color: #dddddd; }
  #exhibitions .page-grid {
    margin: 30px 5% 100px 5%;
    font-family: 'Noto Sans JP', sans-serif; }
  #exhibitions .login {
    font-family: 'Sawarabi Gothic', sans-serif; }
  #exhibitions .select-form {
    display: flex;
    align-items: center;
    margin: 30px; }
  #exhibitions .select-form button {
    width: 30px;
    height: 30px;
    margin: 0px 10px 0px 0px;
    border-radius: 30px;
    /* 50%の値で丸い形状を指定 */
    border: none;
    /* ボーダーを無効にする */
    outline: none; }
  #exhibitions .select-form img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
  #exhibitions body {
    margin: 0%;
    padding: 0;
    font-family: 'Sawarabi Gothic', sans-serif; }
  #exhibitions nav {
    margin-right: auto; }
  #exhibitions .menu-item {
    list-style: none;
    display: inline-block;
    padding: 10px; }
  #exhibitions a {
    text-decoration: none;
    color: #324158; }
  #exhibitions h1 {
    font-family: serif;
    font-size: 35px; }
  #exhibitions h2 {
    font-size: 35px;
    color: #324158;
    font-family: serif; }
  #exhibitions h3 {
    line-height: 1;
    margin: 50px 0 20px 0;
    font-size: 30px;
    color: black; }
  #exhibitions h4 {
    line-height: 1px;
    margin: 40px 0 30px 0;
    font-family: 'Sawarabi Gothic', sans-serif;
    font-weight: 100;
    font-size: 20px;
    color: black; }
  #exhibitions .page-font {
    font-size: 14px;
    line-height: 1.2;
    margin: 0px 0px 5px 0px; }

.grid-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  height: max-content;
  column-gap: 30px; }

.item-container {
  width: 100%;
  height: max-content;
  margin: 0px 0px 20px 0px;
  position: relative; }

.item-container img, h5 {
  margin: 0px; }

.item-container img {
  object-fit: cover;
  width: 100%;
  height: 200px;
  margin: 0px;
  border-radius: 13px; }

#icon-plus {
  color: #5755d9;
  font-size: 1rem;
  cursor: pointer;
  display: inline; }

#icon-minus {
  color: #e85600;
  font-size: 1rem;
  cursor: pointer;
  display: inline; }

.trademark {
  position: absolute;
  top: 0.85rem;
  left: 1.5rem;
  color: #5755d9;
  height: 2rem; }
  .trademark .logo {
    align-items: center;
    border-radius: 0.1rem;
    display: inline-flex;
    font-size: .7rem;
    height: 2rem;
    padding: 0.2rem;
    width: auto; }
    .trademark .logo img {
      display: inline-block;
      height: auto;
      width: 8rem; }

#drop-zone {
  padding: 1rem;
  border: thin dotted cornflowerblue;
  border-radius: 0.75rem; }
  #drop-zone input[type="file"] {
    display: none; }