<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">a img {
  backface-visibility: hidden;
}

/* overwhite */
.midasi span {
  display: inline-block;
  margin-top: 5px;
  line-height: 1.2;
}

/* pageonly */
.page-change {
  padding: 20px 0 0;
  border-top: solid 1px #0aa0d2;
  text-align: center;
}
.page-change a {
  display: inline-block;
  padding: 5px 3px;
}

.customers {
  letter-spacing: -.4em;
}
.customers li {
  display: inline-block;
  letter-spacing: normal;
  box-sizing: border-box;
  width: 30%;
  margin: 0 1% 15px;
  line-height: 1.4;
}
.customers li a {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  padding-top: 66.7%;
  background-color: #ececec;
  overflow: hidden;
}
.customers li a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  margin: 0 auto;
  vertical-align: bottom;
}
.customers li a img:not(:first-child) {
  display: none;
}
.customers li p {
  margin: 5px 0 0;
  text-align: center;
}
.customers li:nth-last-child(1),
.customers li:nth-last-child(2),
.customers li:nth-last-child(3) {
  margin-bottom: 0;
}
.customers li p small {
	display: block;
	background: #0aa0d2;
	padding: 2px 0 1px;
	margin: 5px 0 0;
	font-size: 11px;
	line-height: 1.5em;
	color: #fff;
	border-radius: 5px;
}

.customers.h60 li a {
  padding-top: 60%;
}

.customers.movie li a::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  left: 0;
  right: 0;
  width: 26px;
  height: 26px;
  background-image: url("../img/common/icon_play.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  margin: 0 auto;
  z-index: 10;
}

.modal-gallery.dis {
  display: block;
}

.modal-gallery {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
}
.modal-gallery .close-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
}
.modal-gallery &gt; div,
.modal-gallery .next,
.modal-gallery .prev {
  position: absolute;
  top: 55%;
  transform: translate(0, -55%);
  -webkit-transform: translate(0, -55%);
  -moz-transform: translate(0, -55%);
  -ms-transform: translate(0, -55%);
  z-index: 120;
}
.modal-gallery .next,
.modal-gallery .prev,
.modal-gallery .close {
  display: inline-block;
  color: #666666;
  font-size: 150%;
}
.modal-gallery .next:hover,
.modal-gallery .prev:hover,
.modal-gallery .close:hover {
  text-decoration: none;
}
.modal-gallery &gt; div {
  left: 0;
  right: 0;
  width: 95%;
  max-width: 740px;
  margin: 0 auto;
  padding: 15px 20px;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
.modal-gallery &gt; div.youtube &gt; div {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding-top: 56.25%;
  z-index: 110;
}
.modal-gallery &gt; div.youtube &gt; div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.modal-gallery .next {
  right: -2px;
}
.modal-gallery .prev {
  left: -2px;
}
.modal-gallery .close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal-gallery #pic_name {
  margin-bottom: 5px;
  text-align: center;
}
.modal-gallery #pic_main {
  position: relative;
  overflow: hidden;
  width: 98%;
  height: 0;
  margin: 0 auto 10px;
  padding-top: 65.366%;
  background-color: #ececec;
}
.modal-gallery #pic_main img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  margin: 0 auto;
  vertical-align: bottom;
}
.modal-gallery #pic_other {
  letter-spacing: -.4em;
  margin-bottom: 5px;
  text-align: center;
}
.modal-gallery #pic_other a {
  cursor: pointer;
  display: inline-block;
  letter-spacing: normal;
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  width: 30%;
  height: 0;
  margin: 0 1%;
  padding-top: 20.01%;
}
.modal-gallery #pic_other a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  margin: 0;
  vertical-align: bottom;
}

.h60 .modal-gallery #pic_main {
  padding-top: 58.8%;
}
.h60 .modal-gallery #pic_other a {
  padding-top: 18%;
}

.simple-modal .modal-gallery #pic_name,
.simple-modal .modal-gallery #pic_other {
  display: none;
}

#preload_image {
  position: fixed;
  top: -10000px;
  left: 0px;
}
#preload_image img {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 449px) {
  /* overwhite */
  .midasi em {
    font-size: 7vw;
  }

  .midasi span {
    font-size: 3.3vw;
  }

  /* pageonly */
  .page-change &gt; div {
    font-size: 3.2vw;
  }

  .customers li p {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 320px) {
  /* pageonly */
  .page-change &gt; div {
    font-size: 3.3vw;
  }

  .page-change a {
    padding: 5px 2px;
  }
}
@media screen and (min-width: 800px) {
  /* overwhite */
  .midasi2 {
    margin-top: 30px;
  }

  /* pageonly */
  .page-change {
    padding-top: 30px;
  }

  .customers li {
    width: 23%;
    margin: 0 1% 30px;
  }
  .customers li p {
    margin: 10px 0 0;
  }
  .customers li:nth-last-child(1),
  .customers li:nth-last-child(2),
  .customers li:nth-last-child(3),
  .customers li:nth-last-child(4) {
    margin-bottom: 0;
  }

  .customers.movie li a::before {
    width: 50px;
    height: 50px;
  }

  .modal-gallery &gt; div {
    padding: 25px 60px;
  }
  .modal-gallery .next,
  .modal-gallery .prev {
    font-size: 30px;
  }
  .modal-gallery .next {
    right: 12px;
  }
  .modal-gallery .prev {
    left: 12px;
  }
  .modal-gallery .close {
    top: 20px;
    right: 20px;
    font-size: 40px;
  }
  .modal-gallery #pic_other {
    margin-bottom: 5px;
    text-align: center;
  }
}

/*# sourceMappingURL=gallery.css.map */
</pre></body></html>