body{font-family: 'Noto Sans JP', sans-serif;}
section {
padding:0 !important;*/
}
.main-warp{padding: 0 !important; }

.modal-backdrop{background-color:rgba(0,0,0,0.3) !important;}


img {    display:inline-block !important;	max-width: 100%;}

.breadcrumb-item:after{display: none !important}

.breadcrumb li a, .breadcrumb-item.active{ color: #FFF !important}

.modal.lightbox .modal-content { font-family: 'Noto Sans JP', sans-serif;
  margin:0; 
  border-radius:0; 
  width:100%; 
  max-width:100%; }

.modal.lightbox .modal-body { 
  height: auto; 
  width:100%; 
  padding:0;
  overflow:hidden;     padding: 30px;
}
.modal.lightbox .close {
    position: absolute;
    top: -17px;
    right: -17px;
    z-index: 2;
}
/**/

.isLightbox { 
  position:relative;
  width:100%; 
  /*height:80vh; */
}
	
.isLightbox .track, .isLightbox .track .left { 
  display:table;
  width:auto;
  margin:0 auto;
  /*height: calc( 80vh - 40px ); */
  padding:10px 0 5px 0;
  text-align:center;
  overflow:hidden; 
}

.isLightbox .slide { 
  /*height: calc( 80vh - 40px ); */
  width:auto; max-width:100%; 
  position:relative;
  text-align:left; 
  vertical-align:top; 
  padding:0;
  display:none; 
}

.isLightbox .slide.active { 
  display:table-cell;
}

/**/

.isLightbox .slide img { 
  display:block; 
  /*max-height: 100%; */
  width:auto; max-width:100%; 
  margin:0 auto; 
  z-index:0; 
}

.isLightbox .slide summary { 
  width:100%; 
  font-style:normal; font-size:12;
  background-color:rgba(0,0,0,.88);
  color:#fff;
  padding:.5rem .75rem; 
}

.isLightbox .slide summary + img { 
  max-height:calc(100% - 2rem); }

/**/

.btnPrev, .btnNext { 
  position:absolute; top:50%;
  width:40px; height:40px; margin-top:-20px; 
  background:rgba(0,0,0,.25); color:#fff;
  border-radius:50%; 
  padding:0; 
  min-width:0; }

.btnNext { right:5px; }
.btnPrev { left:5px; }

.btnNext i.material-icons,
.btnNext i.material-icons {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center; 
  left:0; 
}

/**/

.light-pagination { 
  display:table; 
  width:auto; 
  list-style:none; 
  padding:0; 
  margin:0 auto; 
  z-index:11;/* width: 50%;    width: 50%;
    position: relative;
    top: -35px;*/
}

.light-pagination li { 
  display:inline-block; 
  width:20px; height:20px; 
}
	
button.dot {
  font-size:0; line-height:0; color:transparent;
  background:none; filter:none; border:none;
  display: block; width: 20px; height: 20px;  
  cursor: pointer; 
}

button.dot i {
  display:block;
  width:8px; height:8px; 
  margin:0 auto; 
  background-color:#FFFFFF; 
  border-radius:50%;
  background-color:rgba(0,0,0,.11);
  /*box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.75); */
}

button.dot.active i { 
  background-color:#73bd0b; 
}

button.dot:focus { 
  outline:0; 
}