/* Scss Document */
/* Scss Document */
main {
  margin-top: 0px; }

.smaller main {
  margin-top: 180px;
  position: relative;
  z-index: 1; }
  @media (max-width: 599px) {
    .smaller main {
      margin-top: 0px; } }

#current {
  width: 90%;
  max-width: 900px;
  margin: 0 auto; }

#current {
  margin: 0 auto 100px; }
  #current .img {
    margin-bottom: 50px; }
    #current .img img {
      width: 100%;
      height: auto;
      max-width: 900px;
      margin-bottom: 10px; }
  #current h3 {
    font-size: 28px;
    font-family: "din-condensed", "a-otf-midashi-go-mb31-pr6n", sans-serif;
    margin-bottom: 40px; }
    @media (max-width: 599px) {
      #current h3 {
        font-size: 20px; } }
    #current h3 span {
      font-size: 14px; }
  #current h4 {
    font-size: 14px;
    margin: 40px 0 10px;
    font-weight: bold; }
  #current h5 {
    margin: 40px 0 10px;
    font-weight: bold; }
  #current a {
    text-decoration: underline; }
  #current .detail {
    margin-top: 10px; }
    #current .detail .glyphicon {
      margin-right: 8px; }
  #current .story {
    margin: 100px auto; }
    #current .story p {
      font-size: 13px; }

#past {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap; }
  #past a {
    margin-bottom: 20px;
    width: 33%;
    padding: 0 20px; }
    @media (max-width: 599px) {
      #past a {
        width: 50%;
        padding: 0 10px; } }
    @media (max-width: 599px) {
      #past a p {
        font-size: 12px; } }
  #past .img {
    margin-bottom: 10px;
    overflow: hidden; }
    #past .img img {
      transition-duration: 0.3s; }
      #past .img img:hover {
        transform: scale(1.1);
        transition-duration: 0.3s; }

#archives {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto; }
  #archives .exhibition {
    margin-bottom: 100px; }
    #archives .exhibition h4 {
      text-align: center; }
    #archives .exhibition .date {
      text-align: center;
      margin-bottom: 40px; }
    #archives .exhibition .text {
      text-align: center; }
      @media (max-width: 599px) {
        #archives .exhibition .text {
          text-align: left; } }
    #archives .exhibition .mainphoto {
      margin-top: 50px; }

nav.exhibition {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  nav.exhibition a {
    width: 200px;
    overflow: hidden; }
    @media (max-width: 599px) {
      nav.exhibition a {
        width: 150px; } }
    nav.exhibition a img {
      transition-duration: 0.3s; }
      nav.exhibition a img:hover {
        transform: scale(1.1);
        transition-duration: 0.3s; }
  nav.exhibition .ttl {
    text-align: center;
    margin-top: 10px; }

nav.latest {
  justify-content: flex-end; }