/* Lightbox for Bootstrap */
.ekko-lightbox{display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:0!important}.ekko-lightbox-container{position:relative}.ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;bottom:0;right:0;width:100%}.ekko-lightbox iframe{width:100%;height:100%}.ekko-lightbox-nav-overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex}.ekko-lightbox-nav-overlay a{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .5s;color:#fff;font-size:30px;z-index:1}.ekko-lightbox-nav-overlay a>*{-ms-flex-positive:1;flex-grow:1}.ekko-lightbox-nav-overlay a>:focus{outline:none}.ekko-lightbox-nav-overlay a span{padding:0 30px}.ekko-lightbox-nav-overlay a:last-child span{text-align:right}.ekko-lightbox-nav-overlay a:hover{text-decoration:none}.ekko-lightbox-nav-overlay a:focus{outline:none}.ekko-lightbox-nav-overlay a.disabled{cursor:default;visibility:hidden}.ekko-lightbox a:hover{opacity:1;text-decoration:none}.ekko-lightbox .modal-dialog{display:none}.ekko-lightbox .modal-footer{text-align:left}.ekko-lightbox-loader{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ekko-lightbox-loader>div{width:40px;height:40px;position:relative;text-align:center}.ekko-lightbox-loader>div>div{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:a 2s infinite ease-in-out}.ekko-lightbox-loader>div>div:last-child{animation-delay:-1s}.modal-dialog .ekko-lightbox-loader>div>div{background-color:#333}@keyframes a{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}

/* Bootstrap Reset */
.modal-header {
	color: #fff;
	background-image:linear-gradient(-45deg, #bf7db2 25%, #c78ebc 25%, #c78ebc 50%, #bf7db2 50%, #bf7db2 75%, #c78ebc 75%, #c78ebc);
	background-size: 24px 24px;
  -ms-flex-align: center;
  align-items: center;
}
.modal-header button.close {
  position: relative;
  margin: -1rem 0;
  padding: 0.5rem 1rem;
  color:#fff;
  opacity: 1;
  font-size: 2rem;
  background-color: #ab579c;
  border: 3px solid #040000;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.4);
  height: 100%;
  border-radius: 4px;
}
.modal-header button.close:hover,
.modal-header button.close:focus {
  color:#fff;
  top:2px;
  opacity: 0.8;
  text-shadow: none;
}

/*modal-footerは右寄せです。左寄せ指定が良い場合は、下記コメントを解除してください*/
/*.modal-footer {
  -ms-flex-pack: start;
  justify-content: flex-start;
}*/

/* 画像リンク指定 */
.panel-yosou {
  margin-bottom: 15px;
}
.panel-yosou a {
  position: relative;
  display: block;
  border: 3px solid #040000;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.4);
}
.panel-yosou a:hover,
.panel-yosou a:focus {
  top:2px;
}


