@charset "utf-8";
/* CSS Document */


/* 基礎 */

html,body {
	height:100%;
	scroll-padding-top: 120px;
	scroll-behavior: smooth;
}

html {
	font-size:62.5%;
}

img {
	max-width: 100%;
	height: auto;	
}

@media screen and (min-width:1025px) {
	.sp{
		display: none;
	}
}
@media screen and (max-width:1024px) {
	.pc{
		display: none;
	}
}

/*INVIEW*/

.inv {opacity: 0; transition:0.7s; transform:translate(0,20px); }
.vie {opacity: 1.0; transform:translate(0);}

/*ルミナス*/

.lum-lightbox{
  z-index: 999;
}

@media (max-width: 460px) {

  .lum-lightbox-inner img {
    max-width: 150vw;  /* 好きなサイズ感で */
    max-height: 88vh;  /* 90vhだと数pxだけ上下にスクロールできてしまうためこのサイズ */
   /* display: block;  を追加すると max-height: 92vh くらいでも大丈夫 */
  }

　 /* 矢印ナビが大きすぎると感じたら */
  .lum-gallery-button:after {
    width: 6vw;
    height: 6vw;
  }
}

.lum-lightbox-inner img.lum-img {
  max-width: 100%;
}