@charset "utf-8";

* {
    box-sizing: border-box;
}

#lightbox .lb-container {
    padding: 0px;
}

img {
    max-width: 100%;
    height: auto;
  }

.photo_box {
    margin-bottom: 4rem;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-right-color: rgba(255, 255, 255, 0.2);
    border-bottom-color: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
    padding: 48px;
    flex: 1 1 auto
}

@media (max-width: 599px) {
    .photo_box {
        padding: 24px;
    }
}

.photo {
    margin-bottom: 2rem;
    background-color: #000;
    text-align: center;
}

.photo img {
    max-height: 600px;
}

.photo_box .title {
    padding-bottom: 0;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
}

.photo_box .location {
    padding-bottom: 0;
    text-align: center;
}    

.photo_box .author {
    text-align: center;
}

.photo_box .comment {
    background-color:aliceblue;
    padding: 2rem;

}

.kasaku .photo img {
    max-height: 300px;
}

.col-sm-6 {
    display: flex;
    align-items: stretch;
}

/* ページトップ */
#page-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    opacity: 0.8;
  }

  #page-top a {
      background: #666;
      text-decoration: none;
      color: #fff;
      width: 100px;
      padding: 25px 0;
      text-align: center;
      display: block;
      border-radius: 10px;
      font-size: 80%!important;
  }

  #page-top a:hover {
    text-decoration: none;
    background: #999;
  }

  /* 作品募集 */
.carousel {
    background-color: #000;
}
.carousel img {
    width: 100%;
    height: 37.5rem;
    object-fit: contain;
}

@media (min-width: 768px) {
    .carousel img {
        height: 50rem;
    }
}

.gold {
    color: #b39a34;
  }

.silver {
    color: #a6b2bf;
}

.bronze {
    color: #b56a1b;
}

.application_button {
    font-weight: 700;
    color: #00a040;
    font-size: 1.125em;
}

.application_button:hover {
    text-decoration: underline;
}

.address {
    font-size: 1.125em;
    font-weight: 700;
}
/* ルール */
ul.rule li {
    list-style-type: disc;
}

ol.rule-nest li {
    list-style-type: auto;
}

/* 王冠と賞 */

.award_title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.crown {
    width: 60px;
    height: auto;
}