@charset 'euc-jp';

div.slider {margin:40px 15px;}
div.slider img {
  max-width:100%;
  height:auto;
}

.bx-wrapper .bx-viewport {
  left:0 !important;
  border:none !important;
  box-shadow:none !important;
}

@media only screen and (max-width:768px) {
  div.slider {margin:0;}
}

div.modal {
  position:fixed;
  left:0;
  top:0;
  z-index:1001;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.7);
}
div.modal {
  /* display:table; */
  display:none;
}
div.modal div.content {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  font-size:0;
}
div.modal div.content img {
  max-width:770px;
  height:auto;
  box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}
div.modal div.btn {margin:0;}
div.modal span.close {
  position:absolute;
  right:1rem;
  top:1rem;
  display:inline-block;
  width:32px;
  height:32px;
  line-height:30px;
  background-color:rgb(255,255,255);
  border-radius:50%;
  text-align:center;
  font-size:0;
  color:transparent;
  cursor:pointer;
}
div.modal span.close:before {
  display: inline-block;
  min-width:1em;
  font-size:inherit;
  font-family:'FontAwesome';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content:'\f00d';
  font-size:24px;
  color:rgb(182,182,182);
}
/* div.modal span.close:hover {opacity:0.8;} */

@media screen and ( max-width:768px ){
  div.modal div.content img {
    max-width:90%;
    height:initial;
  }
}