@charset "UTF-8";
input, button, textarea, select {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
button {
 background-color: transparent;
 border: none;
 cursor: pointer;
 outline: none;
 padding: 0;
 appearance: none;
}
#colorbox, #cboxOverlay, #cboxWrapper {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 9999;
 overflow: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
#cboxWrapper {
 max-width: none;
}
a, a:focus, button:focus {
 outline: none;
 outline-width: none;
}
#colorbox {
 outline: 0;
}
#cboxOverlay, .cboxIframe {
 background: rgba(0, 0, 0, 1.0);
}
#cboxContent {
 margin-top: 0px;
 background: rgba(0, 0, 0, 1.0);
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 position: relative;
 overflow: hidden;
}
#colorbox, #cboxOverlay, #cboxWrapper {
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 9999;
}
#cboxOverlay {
 position: fixed;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 1.0);
}
#cboxMiddleLeft, #cboxBottomLeft {
 clear: left;
}
#cboxContent {
 position: relative;
}
#cboxLoadedContent {
 overflow: auto;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
 cursor: pointer;
 z-index: 100002;
}
.cboxPhoto {
 float: left;
 margin: auto;
 border: 0;
 display: block;
 max-width: none;
}
.cboxIframe {
 width: 100%;
 height: 100%;
 display: block;
 border: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
 box-sizing: content-box;
}
#cboxError {
 padding: 50px;
 border: 1px solid #ccc;
}
#cboxTitle {
 position: absolute;
 bottom: 0px;
 left: 0;
 text-align: center;
 width: 100%;
 color: #fdedec;
 margin: 0;
 font-size: 0;
}
#cboxCurrent {
 position: absolute;
 bottom: 10px;
 left: 0;
 right: 0;
 margin: auto;
 color: #eee;
 font-size: 0.7em;
 width: 100px;
 text-align: center;
 font-family: Arial, Helvetica, "sans-serif";
 font-style: italic;
 font-weight: 700;
 display: none !important;
}
#cboxSlideshow {
 position: absolute;
 bottom: 0px;
 right: 42px;
 color: #444;
}
#cboxPrevious, #cboxNext {
 position: absolute;
 top: calc(50% - 40px);
 width: 60px;
 height: 80px;
 font-size: 0;
 z-index: 1002;
}
#cboxPrevious {
 left: 0;
 left: env(safe-area-inset-left);
 background: url("../img/arrow_l.png") no-repeat center top;
 background-size: 40px auto;
}
#cboxNext {
 right: 0;
 right: env(safe-area-inset-right);
 background: url("../img/arrow_r.png") no-repeat center top;
 background-size: 40px auto;
}
/* 左から */
.fadeLeft, #cboxNext {
 animation-name: fadeLeftAnime;
 animation-delay: .5s;
 animation-duration: 0.2s;
 animation-fill-mode: forwards;
 opacity: 0;
}
@keyframes fadeLeftAnime {
 from {
  opacity: 0;
  transform: translateX(-50px);
 }
 to {
  opacity: 1;
  transform: translateX(0);
 }
}
/* 右から */
.fadeRight, #cboxPrevious {
 animation-name: fadeRightAnime;
 animation-delay: .5s;
 animation-duration: 0.2s;
 animation-fill-mode: forwards;
 opacity: 0;
}
@keyframes fadeRightAnime {
 from {
  opacity: 0;
  transform: translateX(50px);
 }
 to {
  opacity: 1;
  transform: translateX(0);
 }
}
#cboxClose {
 position: absolute;
 top: 1%;
 right: 1%;
 display: block;
 color: #333;
 width: 80px;
 height: 80px;
 text-align: right;
 font-weight: bold;
 font-size: 0;
 background: url("../img/btn_close.png") no-repeat right top;
 background-size: 100% auto;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 border: none;
 z-index: 1002;
}
@media screen and (min-width : 768px) {
 #cboxClose {
  transition: .5s;
  transform: rotateZ(0deg);
 }
 #cboxClose:hover {
  transition: .5s;
  transform: rotateZ(180deg);
 }
}
@media screen and (max-width : 767px) {
 #cboxClose {
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
 }
 #cboxPrevious, #cboxNext {
  top: calc(50% - 20px);
  width: 30px;
  height: 40px;
  background-size: 14px auto;
 }
 #colorbox, #cboxOverlay, #cboxWrapper {
  min-height: 100dvh;
 }
}
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
}