@charset "utf-8";

.cursorL{
  cursor: url("../img/top/main_slide/prevbtn.png"),url("https://www.hvf.jp/hanedaairport/grand/img/top/main_slide/prevbtn.cur"), pointer;
}
.cursorR{
  cursor: url("../img/top/main_slide/nextbtn.png"),url("https://www.hvf.jp/hanedaairport/grand/img/top/main_slide/nextbtn.cur"), pointer;
}
/*.cursorL{
  cursor: url("../img/top/main_slide/prevbtn.png"), pointer;
}
.cursorR{
  cursor: url("../img/top/main_slide/nextbtn.png"), pointer;
}*/
#slide{
  width: 100%;
  height: 100%;
  position: relative;
	text-align: left;
}
#slide .slideImg{
  width: 100%;
}
#slide .slideF{
  position: absolute;
  top: 0;
  left: 0;
}
#slide img{
  width: 100%;
  overflow: hidden;
}
#slide .slideCopy{
  position: absolute;
  font-size: 2.3vw;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
}
#slide .tl{ top: 9%; left: 3%; }
#slide .tr{ top: 9%; right: 8%; }
#slide .bl{ bottom: 7%; left: 3%; }
#slide .br{ bottom: 7%; right: 3%; }
#slide .slideCopy .copyA{ font-size: 3.5vw; }
#slide .slideCopy .copyB{ font-size: 1.8vw; display: inline; }
#slide .slideCopy .copyB span{ font-size: 10px; display: inline-block;line-height: 10px;vertical-align: top;
}

#slide .slideCopy .copyC{ font-size: 1.1vw; }
#slide .slideCopy .copyD{ font-size: 1vw; }
#slide .copyE{ font-size: 3.3vw; top: 3%; left: 3%; position: absolute; color: #fff; }
#slide .copyF{ font-size: 3.3vw; top: 3%; left: 53%; position: absolute; color: #fff; }
#slide .slideCap{
  position: absolute;
  bottom: 1%;
  right: 1%;
  font-size: 1vw;
  color: #fff;
}
#thumbBox{
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}
#thumbBox .thumbBtn{
	contents:"";
	width: 10px;
	height: 10px;
	border-radius: 5px;
	display: inline-block;
	margin-left: 10px;
	background-color: #fff;
	opacity: 0.5;
	cursor: pointer;
	z-index: 100;
}
#thumbBox .thumbBtn:first-child{
	margin-left: 0;
}
#thumbBox .thumbBtn.active,#thumbBox .thumbBtn:hover{
	opacity: 1;
}

@media screen and (max-width: 1365px) and (min-width: 751px){
	#slide .slideCopy .copyA{ font-size: 48px; }
	#slide .slideCopy .copyB{ font-size: 25px; }
	#slide .slideCopy .copyC{ font-size: 15px; }
	#slide .slideCopy .copyD{ font-size: 12px; }
	#slide .copyE{ font-size: 46px; }
	#slide .copyF{ font-size: 46px; }
	#slide .slideCap{ font-size: 12px; }
}


@media screen and (max-width: 750px) {
	#info {
		font-size: 3vw;
		margin-top: 11vw;
	}
  #slide{
    position: relative;
    cursor: pointer;
  }
  #slide .slideImg{
    position: absolute;
    top: 0;
    left: 0;
  }
	/*#slide .bl{ bottom: 11%; }
	#slide .br{ bottom: 11%; }*/
	#slide .slideCopy{
		position: static;
		background-color: #000;
		height: 10vw;
		padding: 3%;
		box-sizing: border-box;
		text-align: center;
	}
	#slide .slideCopy p{line-height: 1.4em;}
	/*#slide .slideCopy .copyA{ font-size: 6.0vw; }*/
	/*#slide .slideCopy .copyB{ font-size: 3.3vw; }*/
	/*#slide .slideCopy .copyC{ font-size: 2.4vw; }*/
	/*#slide .slideCopy .copyD{ font-size: 2vw; }*/


	#slide .slideCopy .copyA{ font-size: 3.3vw; }
	#slide .slideCopy .copyB{ font-size: 3.3vw; }
	#slide .slideCopy .copyC{ font-size: 3.3vw; }
	#slide .slideCopy .copyD{ font-size: 3.3vw; }

	#slide .copyE{ font-size: 46px; }
	#slide .copyF{ font-size: 46px; }
	#slide .slideCap{
		bottom: 12vw;
		left: auto;
		right: 1%;
		font-size: 12px;
	}
  #prevBtnSp{
    position: absolute;
    left: 0;
  }
  #nextBtnSp{
    position: absolute;
    right: 0;
  }
  /*#slide .slideCopy{ font-size: 31px; }
  #slide .slideCopy span{ font-size: 19px; }
  #slide .slideCopy .copyB{ font-size: 35px; }
  #slide .slideCap{ font-size: 12px; }*/
	#thumbBox{
		padding-bottom: 1%;
	}
}
