@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;
	overflow: hidden;
}
#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;
}
#slide .slideCap span{
	font-size: 10px;
} 
#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;
}
.ancb{
	position: relative;
}
.ancb a{
	position: absolute;
	left: 0;
	top: -150px;
}
.sld1s{
	position: absolute;
	width: 100%;
	left: 50%;
	bottom: 40px;
	    -webkit-transform: translateX(-50%) ;
	        -moz-transform: translateX(-50%) ;
	        -ms-transform: translateX(-50%) ;
	        transform: translateX(-50%) ;
	z-index: 7;
pointer-events: none;
	opacity: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.sld1s.act{
	opacity: 1;
	pointer-events: initial;
}
.sld1s li{
	width: 50%;
	box-sizing: border-box;
	float: left;
	height: 50px;
}
.sld1s li a{
	width: 90%;
	max-width: 300px;
		margin-left: auto;
			margin-right: auto;
	height: 100%;
	display: block;
	position: relative;
	border: 1px solid #ccc;
	background-color: rgba(0,0,0,0.8);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.sld1s li a::after{
	    content: "";
	        position: absolute;
	         right:20px;
	    	top:20px;
	        z-index: 1;
	        width: 8px;
	        height: 8px;
	        margin: auto;

	    border-top: #fff solid 2px;
	    border-right: #fff solid 2px;

	        -webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.sld1s li a:hover{
	opacity: 0.7;
}
.sld1s li a:hover::after{
	right:10px;
}
.sld1s li a p{
	position: absolute;
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: 16px;
	left: 0;
	top: 50%;
	-webkit-transform:translateY(-50%);
	    -moz-transform:  translateY(-50%);
	    -ms-transform:  translateY(-50%);
	    transform:  translateY(-50%);
}
@media screen and (max-width: 584px) {
	.sld1s li a::after{
		right:10px;
		width: 6px;
		height: 6px;

		border-top: #fff solid 1px;
		border-right: #fff solid 1px;

	}
	.sld1s li a p{
		font-size: 13px;
	}
}


.sld0s{
	position: absolute;
	width: 50%;
	right: 40%;
	bottom: 13%;
	max-width: 300px;
	z-index: 7;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-align: left;
}
.sld0s.act{
	opacity: 1;
	pointer-events: initial;
}
.sld0s li{
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	height: 50px;
}
.sld0s li a{
	width: 100%;

	margin-left: auto;
	margin-right: auto;
	height: 100%;
	display: block;
	position: relative;
	border: 1px solid #fff;
	background-color:#FAC600;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;

}
.sld0s li a::after{
	content: "";
	position: absolute;
	right:20px;
	top:20px;
	z-index: 1;
	width: 8px;
	height: 8px;
	margin: auto;

	border-top: #000 solid 2px;
	border-right: #000 solid 2px;

	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.sld0s li a:hover{
	opacity: 0.7;
}
.sld0s li a:hover::after{
	right:10px;
}
.sld0s li a p{
	position: absolute;
	text-align: center;
	width: 100%;
	color: #000;
	font-size: 16px;
	left: 0;
	top: 50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:  translateY(-50%);
	-ms-transform:  translateY(-50%);
	transform:  translateY(-50%);
}
@media screen and (max-width: 584px) {
	.sld0s{
		position: absolute;
		width: 100%;
		right: auto;
		left: 0;
		bottom: 0;
		max-width: 100%;
		height: 100%;
		opacity: 0;
	}
	.sld0s.act{
		opacity: 0;
		pointer-events: initial;
	}
	.sld0s li{
		height: 100%;
	}
	.sld0s li a::after{
		right:10px;
		width: 6px;
		height: 6px;

		border-top: #fff solid 1px;
		border-right: #fff solid 1px;

	}
	.sld0s li a p{
		font-size: 13px;
	}
}
#slide .slideCopy .copyA,
#slide .slideCopy .copyB,
#slide .slideCopy .copyC,
#slide .slideCopy .copyD{
	text-shadow: 0px 0px 12px #002538,
	0px 0px 14px #002538,
	0px 0px 16px #002538,
	0px 0px 8px #002538,
	0px 0px 10px #002538,
	0px 0px 12px #002538,
	0px 0px 22px #002538;
}
@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: 11px;}
}
#slide .slideCopy p span.sty2{ font-size: 48px; }

@media screen and (max-width: 750px) {
	#info {
		font-size: 3vw;
		margin-top: 11vw;
	}
  #slide{
    position: relative;
    cursor: pointer;
    overflow: unset;
  }
  #slide .slideImg{
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 100%;
  }
	/*#slide .bl{ bottom: 11%; }
	#slide .br{ bottom: 11%; }*/
	#slide .slideCopy{
		position: absolute;
		background-color: #000;
		width: 100%;
		bottom: -12vw;
		left: 0;
		height: 12vw;
		padding: 3%;
		box-sizing: border-box;
		text-align: center;
	}

	#slide .slideCopy{}

	#slide .slideCopy p{
		line-height: 1.4em;
		text-shadow: none!important;
	}
	/*#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 .slideCopy p span.sty2{ font-size: 3.3vw; }



	#slide .slideF .slideCopy{}



	

	#slide .copyE{ font-size: 46px; }
	#slide .copyF{ font-size: 46px; }
	#slide .slideCap{
		bottom: 5vw;
		left: auto;
		right: 1%;
		font-size: 12px;
		line-height: 1.3em;
	}
	#slide .slideCap span{
		font-size: 10px;
	}
  #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%;
	}
}