body{
    padding: 0px !important;
}

    body:before{
		border:0;
        top:0px !important;
	}

.wrapper .swiper-container .swiper-wrapper {
    transition-timing-function: linear !important;
}
.swiper-container{
        overflow: hidden;
}
.swiper-wrapper img{
        width: 100%;
    }

.wildlife_defalt {
  font-size: 16px;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.wildlife_title {
  width: 100%;
  height: 70vh;
	/* animation: image_anime 10s ease infinite; /* 5遘偵�繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ繧堤ｹｰ繧願ｿ斐☆ */
}
/*@keyframes image_anime {
  0% {
    background-image: url('img/title_bg.jpg'); 
  }
  50% {
    background-image: url('img/title_bg2.jpg'); 
  }
  100% {
    background-image: url('img/title_bg3.jpg');
  }
}*/
.wildlife_title div.h2 {
  margin: 0 auto;
  max-width: 1050px;
    position: absolute;
    top:10%;
    left: 7%;

}
.wildlife_title div.h2 h2 {
  margin: 0;
}


.tour_detail_contact{
    display: flex;
  justify-content: center;
    gap:15px;

}
.tour_detail_contact div{
    background: #fff;
    display: inline-block;
    margin:0 auto;
    border: 3px solid #006f47;
    padding: 10px 0;
    min-width: 200px;
    height: 30px;
    color: #006f47;
    font-weight: bold;
    text-align: center;
    line-height:30px;
}
.tour_detail_contact div:hover{
    opacity: 0.6;
}

.tour_detail a img{
    padding-top: 3px;
    height: 22px;
}

.bw100 {
  width: 100%;
  background-color: #fff;
    position: relative;
  z-index: -2;
    margin-bottom:80px;
}
.box_intro {
  display: flex;
  justify-content: space-between;
}
.wl_intro {
  max-width: 600px;
  line-height: 200%;
}
.wl_navi {
  width: 245px;
  background: url("img/bg_black.jpg");
  padding: 90px 40px 20px;
  margin-top: -170px;
	z-index: 1;
}
.wl_navi a {
  color: #fff;
  text-decoration: none;
}
.wl_navi a:hover {
  text-decoration: underline;
}
.wl_navi_ttl {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  font-family: "Times New Roman", Times, "serif";
  margin-bottom: 20px;
  padding-bottom: 90px;
  background: url(img/snavi_border.png) repeat-x bottom;
}
.wl_navi li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  background: url("img/snavi_border.png") repeat-x bottom;
  font-size: 14px;
  line-height: 160%;
}
.wl_navi li .en {
  font-size: 12px;
}
.wl_content_h {
  background: url("img/bg_gray.jpg");

}
.wl_content_h_white {
  background: #fff;
  color: #000;
}
.wl_content_h_inner {
  max-width: 960px;
  margin: 0 auto;
}
.wl_content_h_inner h3 {
  font-size: 20px;
  margin-top: 3px;
}
.wl_content_h_inner .en {
  font-size: 70px;
  font-weight: bold;
  font-style: italic;
  font-family: "Times New Roman", Times, "serif";
    line-height: 110%;
}
.wl_content_h_inner p {
  margin-top: 15px;
	font-size: 16px;
	line-height:160%; 
}

.cover_w{
    background: #fff;
    position: relative;
    z-index: 1;
    padding-bottom:60px;
        width: 100% !important;

}

.num{
font-family: 'Merienda', cursive;
    font-size: 140%;
}

.box_txt_id{
    width: 60%;

}
.box_txt_id2{
    width: 34%;
}

.box_txt_id2 img{
    width: 100%;
}

.box_txt_id h4{
    margin-top: 40px;
    font-size: 120%;
}

.w50{
    width: 50%;
}
.map{
    width: 45%;
}

/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/*----------------------------
scroll_left ｜左から出現
----------------------------*/
.scroll_left {
  transition: 0.8s ease-in-out;
  transform: translateX(-60px);
  opacity: 0;
  filter: alpha(opacity=0);
}

.scroll_left.on {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
}

/*----------------------------
scroll_right ｜右から出現
----------------------------*/
.scroll_right {
  transition: 0.8s ease-in-out;
  transform: translateX(60px);
  opacity: 0;
  filter: alpha(opacity=0);
}

.scroll_right.on {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
}
/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}

.scroll_up.on {
  transform: translateY(0);
  opacity: 1;
}

/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.d-demo {
  display: -ms-grid;
  overflow: hidden;
}
/*----------------------------*/

.d-demo__wrap {
  display: flex;
  overflow: hidden;
}

.d-demo__list {
  display: flex;
  list-style: none;
    padding-left:16px;
}

.d-demo__list--left{
animation :infinity-scroll-left 95s infinite linear 0.5s both;
}

.d-demo__item {
  width: calc(100vw / 1);
}
.d-demo__item > img{
   width: 100%;
}

.bg_pan01_content:before{
    content: "";
    background-color: #ececec;/*#F5FBF1;*/
    margin-top: 80px;
    height:100%;
    width: 66%;
    position: absolute;
    z-index: -1;
    right: 0;
}
.bg_pan02_content:before{
    content: "";
    background-color: #ececec;/*#F5FBF1;*/
    margin-top: 180px;
    height:80%;
    width: 66%;
    position: absolute;
    z-index: -1;
    left: 0;
}

.tour01{
    background-image: url(" img/kimg_tour01.jpg");
    background-size: cover;
    margin-right: 5%;
    min-height:640px;
}



.tour02{
    background-image: url(" img/kimg_tour02.jpg");
    background-size: cover;
    margin-left: 5%;
    min-height:640px;
}
.tour03{
    background-image: url(" img/kimg_tour03.jpg");
    background-size: cover;
    margin-right: 5%;
    min-height:640px;
}

.title_box{
    background: #fff;
    padding: 30px 40px;
    display: block;
    position: absolute;
    bottom: -120px;
    width: 38%;
    padding-left: 10%;
    z-index: 100;
    
}
.title_box2{
    background: #fff;
    padding: 30px 40px;
    display: block;
    position: absolute;
    bottom: -120px;
    right: 0;
    width: 38%;
    padding-right:7%;
    
}

.stickarrow {
  width: 80%;
  height: 8px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  transform: skew(45deg);
  position:relative;
 left: -5px;
    margin:30px 0;
}

.stickarrow::before{
    content: "VISIT";
  transform: skew(-45deg) !important;
    position: absolute;
    right: -20%;
    font-weight: bold;
}


.title_box h2{
    margin: 10px 0px;
    line-height: 120%;
}
.title_box2 h2{
    margin: 10px 0px;
    line-height: 120%;
}


/*  リードテキストアニメーション　*/
.read{
    position: absolute;
    bottom:5%;
    left: 7%;
}
.item {
  padding:5px 10px;
  margin-bottom: 15px;
  background: #fcff00;
  color: #010101;
  list-style: none;
  opacity: 0;
  transform: translateX(100%);
    white-space: nowrap;
}

.item:nth-child(1) {
  animation: example 0.5s ease 0.5s 1 forwards;
    width:190px; font-size: 18px;
}

.item:nth-child(2) {
  animation: example 0.5s ease 1s 1 forwards;
    width:350px; font-size: 18px;
}

.item:nth-child(3) {
  animation: example 0.5s ease 1.5s 1 forwards;
}

.item:nth-child(4) {
  animation: example 0.5s ease 2s 1 forwards;
}

.item:nth-child(5) {
  animation: example 0.5s ease 2.5s 1 forwards;
}

.item:nth-child(6) {
  animation: example 0.5s ease 3s 1 forwards;
}

@keyframes example {
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*  */





@media screen and (max-width: 1000px){
    .wrapper{
        overflow-y: hidden;
    }
    
    .swiper-wrapper img{
    }
.swiper-wrapper{
    }


.swiper-slide{
        width: 300% !important;
        height: 300% !important;
    }
    .tour_detail_contact{
    display: block !important;
    }
    .tour_detail_contact div{
        width: 100%;
        margin: 3px 0;
    }
    
.photo_ic{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
.photo_ic li{
  width: 49%;
}
    
    
.d-demo__item {
  width: calc(200vw / 1);
}
    
.box_txt_id{
    width: 90%;
    padding:0% 5%;

}
.box_txt_id2{
    width: 90%;
    padding:0% 5%;
}

.box_txt_id2 img{
    width: 100%;
}

.box_txt_id h4{
    margin-top: 40px;
    font-size: 120%;
}    
    
    
.bw100 {
    margin-bottom:0px;
}
    
.pt90{
        padding: 0px !important;
    }
.tour01{
    background-image: url("img/title_bg_sp.jpg");
    background-size:cover;
    background-position: center;
    margin-right: 0%;
    height: 300px;
    min-height: 300px;
}

.tour02{
    background-image: url("img/kimg_tour02.jpg");
    background-size:cover;
    background-position: center;
    margin-left: 0%;
    height: 300px;
    min-height: 300px;
}
.tour03{
    background-image: url("img/kimg_tour03.jpg");
    background-size:cover;
    background-position: center;
    margin-right: 0%;
    height: 300px;
    min-height: 300px;
}
    
.title_box{
    font-size: 90%;
    display: block;
    position:static;
    width:auto;
    padding:5% !important;
    height: auto;
}
.title_box2{
    font-size: 90%;
    display: block;
    position:static;
    width:auto;
    padding:5% !important;
    height: auto;
}
    .pt100{
        padding-top: 25px !important;
    }    
    .w50{
        width: 90%;
    }
    .map{width:90%;
    padding: 5%;}
    
.box_intro {
  display:block !important;
}
    
.read{
    position: absolute;
    top:5%;
    left:3%;
}
.item {
  padding:3px 8px;
  margin-bottom:6px;
  opacity: 0;
}

.item:nth-child(1) {
    width:146px; font-size: 14px;
}

.item:nth-child(2) {
    width:270px; font-size: 14px;
}
    
	a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
  outline: none 
	}
	.wildlife_title{
		/*height: 50vh*/
	}
	.wildlife_title div.h2{
		padding-top:5%;
	}
	.wildlife_title div.h2 h2{
		text-align: left;
        width: 90%;
	}
	.wildlife_title div.h2 h2 img{
		max-width: 92%;
	}
	
	.bw100.wildlife_defalt{
		z-index: 1;
		position: relative;
	}
	.wl_navi{
		margin-top:-50px;
		width: 90%;
    padding: 30px 5% 10px;
		line-height: 90%;
	}
	.wl_navi li{
		line-height:120%;		
	}
	.wl_navi_ttl{
		padding-bottom: 30px;
	}
	.wl_intro{
		margin-top:20px;
		line-height: 140%;
	}
	.box_intro{
		display: block;
	}
	.wl_content_h,.wl_content_h_white{
		padding:0 3.5%;
	}
	.wl_content_h_inner{
		padding-bottom:25px;
	}
	.wl_content_h_white .wl_content_h_inner{
		padding-top:0;
	}
	.wl_content_h_inner h3{
		font-size:16px;
	}
	.wl_content_h_inner p{
		margin-top: 15px;
	}
	.wl_content_h_inner .en{
		font-size: 40px;
	}
	
	.sl_contents{
		padding:0 2.5%;
	}
	.sl_contents > div h4{
		font-size: 22px;
	}
	.slick-dots{
		bottom:-21px;
	}
	.slick-dots li{
		margin:  0;
	}
	.sl_contents > div p{
    width: 98%;
    padding: 0 1%;
	}
	.p_card{
		padding:20px 15px;
		margin:10px 3.5%
	}
	.p_card_jp{
		font-size: 25px;
	}
	p.w100{
		width: 97%;
	}
	.tour_body{
		display: block;
		width: 97%;
	}
	.tour{
		padding:20px 3.5%;
		line-height: 140%;
	}
	.tour_title{
		font-size: 20px;
	}
	.tour_gray{
		padding:20px;
	}
	div.slick-dotted.slick-slider.slider3{
		width: 100%;
	}
.slick-slide .caption {
	font-size: 12px;
	}
}