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


/* 基礎 */

html,body {
	height:100%;
/*	scroll-padding-top: 140px;*/
	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);}

/*全体*/

body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
	text-align:center;
	min-height: 100vh;
	font-size: 1.0rem;
	color:rgba(50,50,50,1.00);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d15329+1,0f0803+8,000000+50,0f0803+92,d15329+100 */
background: #d15329; /* Old browsers */
background: -moz-linear-gradient(left,  #d15329 1%, #0f0803 8%, #000000 50%, #0f0803 92%, #d15329 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d15329 1%,#0f0803 8%,#000000 50%,#0f0803 92%,#d15329 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d15329 1%,#0f0803 8%,#000000 50%,#0f0803 92%,#d15329 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d15329', endColorstr='#d15329',GradientType=1 ); /* IE6-9 */

}

#PageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	background: url("../img/bg_material.png") left top repeat;
}

/*ルミナス*/

.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%;
}

/*リンクフェードイメージ*/

a.f_fade img {
	display: block;
	transition: all 0.3s;
	opacity: 1;
}

a:hover.f_fade img {
	opacity: 0.6
}