@charset "utf-8";


#full {
	left: 0;
	top: 0;
	z-index: 1;
}
.fully {
	position: absolute;
}
.fully p {
	text-align:center;
	position: absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:70%;
	color:#FFF;
	font-size:3em;
	/*font-size:3.8vh;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:150%;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
	letter-spacing: 0.08em;
}

#box {
	z-index: 9999;
	width: 100%;
	font-size: 16px;
	position: absolute;
	left: 0px;
	top: 0px;
	height:100px;
	color: #fff;
	background-color: rgba(0,0,0,.5);
}
#box p {
	margin:20px;
	text-align:center;
}
/*----*/
#navi {
	z-index: 9999;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 100px;
	color: #fff;
	background-color: rgba(0,0,0,.5);
}


/*scroll setting*/
#boxBottom {
	z-index: 999;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height:50px;
	text-align:center;
}

#boxBottom .arrow-scrollDown{
	position:relative !important;
	display:block;
	margin:0px auto;
	width:143px;
	height:50px;
	z-index:9999;
}
#boxBottom .arrow-scrollDown img{width:auto;height:40px;}

/*other scroll setting*/
/*
.scroll-down {
	z-index: 999;
  padding: 5px 20px 0px;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  height:40px;
  position: absolute;
　　　　bottom: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  bottom: 0px;
}
.scroll-down img{width:auto;height:40px;}

a.scroll-down {
  color: black;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.750em;
  cursor: pointer;
  padding: 0px 20px 10px;
}

.scroll-down:hover { opacity: 0.85; }*/
/**/


/*右矢印のアイコンフォント*/
/*.sp-next-arrow:before {
	font-size: 50px;
	font-family: FontAwesome;
	content: '\f105';
}*/
/*左矢印のアイコンフォント*/
/*.sp-previous-arrow:before {
	font-size: 50px;
	font-family: FontAwesome;
	content: '\f104';
}*/

/*矢印の画像-左：右*/
.sp-previous-arrow:before {
  content:' ' !important;
  display: block;
  background: url(../images/arrow-left.png) no-repeat left top;
  text-indent: -9999px;
  width: 30px;
  height: 38px;
}
.sp-next-arrow:before {
    content:' ' !important;
  display: block;
  background: url(../images/arrow-right.png) no-repeat left top;
  text-indent: -9999px;
  width: 30px;
  height: 38px;
}

.sp-buttons {
	z-index: 2;
	position: absolute;
	bottom:70px;/*20px*/
	left: 0;
	
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,.65));
	-moz-filter: drop-shadow(2px 2px 2px rgba(0,0,0,.65));
	-ms-filter: drop-shadow(2px 2px 2px rgba(0,0,0,.65));
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,.65));
}

@media screen and (max-width:765px) {
	
.fully p {
	font-size:2em;
}
#box {
	height:80px;
}
/*----*/
#navi {
	z-index: 9999;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 15px;
}
/*----*/
.logo-image{position:relative !important;display:block;margin:14px auto;width:160px;z-index:99999999}
.logo-image img{width:160px;height:auto}


.sp-horizontal .sp-previous-arrow {
	left: 5px;
}

.sp-horizontal .sp-next-arrow {
	right: 5px;
}
}