@charset "UTF-8";
/* line 2, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_admins .card, #misty_albums .card, #misty_photos .card {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* line 5, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_admins .card .card-text, #misty_albums .card .card-text, #misty_photos .card .card-text {
  margin-bottom: 0.5rem;
}

/* line 9, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_admins .card ul, #misty_albums .card ul, #misty_photos .card ul {
  list-style: none;
}

/* line 10, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_admins .card i.fa-thumbs-up, #misty_albums .card i.fa-thumbs-up, #misty_photos .card i.fa-thumbs-up {
  color: #007bff;
}

/* line 12, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_admins .card .see_next, #misty_albums .card .see_next, #misty_photos .card .see_next {
  text-align: right;
  font-size: 75%;
}

/* line 18, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_admins .imagePreview, #misty_albums .imagePreview, #misty_photos .imagePreview {
  width: 100%;
  height: 180px;
  background-position: center center;
  background-size: cover;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
  display: inline-block;
}

/* line 27, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_admins #uploader, #misty_albums #uploader, #misty_photos #uploader {
  height: 200px;
  padding: 10px;
  margin: 10px;
}

/* line 33, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_admins .top-controll, #misty_albums .top-controll, #misty_photos .top-controll {
  margin: 10px;
}

/* line 37, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_admins .year-nav, #misty_albums .year-nav, #misty_photos .year-nav {
  color: #333;
  text-decoration: none;
}

/* line 40, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_admins .year-nav i, #misty_albums .year-nav i, #misty_photos .year-nav i {
  margin: 3px;
}

/* line 43, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_admins .page_nav, #misty_albums .page_nav, #misty_photos .page_nav {
  margin: 5px;
}

/* line 48, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_photos #wrap {
  margin: 0;
}

/* line 50, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_photos #main-img {
  max-width: 95vw;
  max-height: calc(100vh - 60px);
}

/* line 55, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_photos .ctrl-box {
  margin-top: 20px;
}

/* line 58, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_photo {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

/* line 63, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_photo #flash {
  position: fixed;
  z-index: 1000;
}

/* line 67, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_photo #flash .alert {
  width: 100vw;
}

/* line 70, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_photo #main-box {
  position: fixed;
  width: 100%;
  text-align: center;
  z-index: 10;
}

/* line 78, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_photo #main-img {
  margin: 50vh auto 0;
  transform: translateY(-50%);
}

@media (orientation: portrait) {
  /* line 78, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
  #misty_photo #main-img {
    max-width: 95vw;
    height: auto;
  }
}

@media (orientation: landscape) {
  /* line 78, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
  #misty_photo #main-img {
    max-height: 95vh;
    width: auto;
  }
}

/* line 92, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_photo #second-box {
  width: 100%;
  margin-top: 100vh;
}

/* line 96, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_photo #second-box .goody {
  padding: 10px;
}

/* line 101, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_photo .content-box {
  padding: 10px;
  max-width: 580px;
  margin: 0 auto;
  background-color: white;
  color: #333;
  opacity: 0.75;
  border-radius: 10px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 50;
}

/* line 113, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_photo .content-box .system {
  text-align: right;
}

/* line 117, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#misty_photo .btn {
  min-width: 150px;
}

/* line 151, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#modal {
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 128, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#modal article, #modal dialog {
  width: 600px;
  max-width: 95%;
  background-color: white;
  border-radius: 10px;
  padding: 15px;
  /* 中央寄せ  */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

/* line 156, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#modal header {
  text-align: center;
  font-size: 120%;
  color: blue;
}

/* line 160, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#modal article {
  border: 1px #333 solid;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
}

/* line 165, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#modal footer {
  text-align: right;
}

/* line 168, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#dialog-back {
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 200;
}

/* line 128, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#dialog-back article, #dialog-back dialog {
  width: 600px;
  max-width: 95%;
  background-color: white;
  border-radius: 10px;
  padding: 15px;
  /* 中央寄せ  */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

/* line 175, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
dialog {
  border: none;
  box-shadow: 0 10px 25px 0 rgba(255, 255, 255, 0.5);
}

/* line 178, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
dialog header {
  text-align: center;
  font-size: 120%;
  color: blue;
}

/* line 185, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
dialog footer {
  text-align: right;
}

@-moz-document url-prefix() {
  /* line 190, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
  #dialog-back dialog {
    -webkit-transform: translateY(-50%) translateX(-75%);
  }
}

/* line 198, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#messages .system {
  text-align: right;
}

/* line 201, ../../saima/.bundle/ruby/2.6.0/misty-1.0-d936be32a60a/app/assets/stylesheets/misty/misty.scss */
#messages .system .updated_at {
  font-size: 75%;
}