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

	//width:calc( 100% - 0px);
	height: 100VH;

	//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;
	padding: 0px;
	background-color: #66FFFF;
	position: relative;
}
.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 */
.swtext {
	right: 5%;
	bottom: 20px;
	position: absolute;
	background-color: rgba(255,255,255,1);
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	
}
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;
}
	/* erasable start */
.fview　{
      height: 100VH;
      line-height: 100VH;
}
	/* erasable end */
	}