@charset "utf-8";
.bg-slider {
	//width: 100%; /* 100VWだと失敗する */
	width:calc( 100% - 40px);

	height:calc( (var(--height) * 100 ) - 0px );
	background-position:center center;
	background-size: cover;
	display: grid;
	justify-items: center;
	align-items: center;
	z-index: -200;
	margin: 20px;
	overflow: hidden;
	padding: 0px;
	background-color: #66FFFF;
}
.bg-slidermb {
	width: 100%; /* 100VWだと失敗する */

	
	height:calc( (var(--height) * 100 ) );
	background-position:center center;
	background-size: cover;
	/*
	display: grid;
  justify-items: center;
  align-items: center;
  */
  
	//z-index: -200;
	margin: 0px;
	overflow: hidden;
	position: relative;
}
/* erasable start */
body{
	margin:0;
	padding: 0px;
}
a:link {
	text-decoration: none;
}
/* First View CTRL START */
.fview{
	z-index: -200;
	
      //background:gold;
	  height:var(--height) * 100;
      line-height:calc(var(--height) * 100);
	text-align:center;
	overflow: hidden;
	padding: 0px;
	}
    .fview:nth-child(even){
      background:tomato;
    }

/* First View CTRL END */

/* erasable end */

.viewportpc {
		display: none;
	}
	.viewportmb {
		display: block;
	}
@media screen and (min-width:800px) {
	.viewportmb {
		display: none;
	}
	.viewportpc {
		display: block;
	}
	.bg-slider {
		height: 100VH;
	}
	/* erasable start */
	.fview　{
      height: 100VH;
      line-height: 100VH;
    }
	/* erasable end */
	}