/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Rock+Salt&display=swap');
main{
	font-family:"メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif ;
}
main p{
	font-size: 150%;
	line-height: 160%;
}

.w10{width: 10%} .w15{width: 15%} .w20{width: 20%} .w25{width: 25%} .w30{width: 30%} .w35{width: 35%} 
.w40{width: 40%} .w45{width: 45%} .w49{width: 49%}
.w50{width: 50%} .w55{width: 55%} .w60{width: 60%} .w65{width: 65%} .w70{width: 70%} .w75{width: 75%}
.w80{width: 80%} .w85{width: 85%} .w90{width: 90%} .w95{width: 95%} 
.ml5{margin-left: 5px;}   .ml10{margin-left: 10px;}
.ml15{margin-left: 15px;} .ml20{margin-left: 20px;}
.ml25{margin-left: 25px;} .ml30{margin-left: 30px;}
.ml35{margin-left: 35px;} .ml40{margin-left: 40px;}
.ml45{margin-left: 45px;} .ml50{margin-left: 50px;}
.mr5{margin-right: 5px;}   .mr10{margin-right: 10px;}
.mr15{margin-right: 15px;} .mr20{margin-right: 20px;}
.mr25{margin-right: 25px;} .mr30{margin-right: 30px;}
.mr35{margin-right: 35px;} .mr40{margin-right: 40px;}
.mr45{margin-right: 45px;} .mr50{margin-right: 50px;}
.mt5{margin-top: 5px;}   .mt10{margin-top: 10px;}
.mt15{margin-top: 15px;} .mt20{margin-top: 20px;}
.mt25{margin-top: 25px;} .mt30{margin-top: 30px;}
.mt35{margin-top: 35px;} .mt40{margin-top: 40px;}
.mt45{margin-top: 45px;} .mt50{margin-top: 50px;}
.mb5{margin-bottom: 5px;}   .mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;} .mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;} .mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;} .mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;} .mb50{margin-bottom: 50px;}


.kimg{
	background: #000;
	margin: 0 auto;
}

#kimg_img{
	max-width:1600px;
	height: 430px;
	margin: 0 auto;
}

#kimg_img img{
	height: 430px;
}

.vegas-timer{
	display: none;
}

.kimg_lower_wrap{
	width: 100%;
	background: url("images/kimg_lower_bg.jpg");
	position:relative;
  margin: 0 auto;
}
.kimg_lower{
  max-width: 980px;
  margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.kimg_logo{
    margin-top: -100px;
    max-height: 303px;
}
.kimg_text{
	max-width:380px;
	color: #fff;
	font-size: 15px;
	margin: 20px 0 25px;
	line-height: 150%;
}
.kimg_text strong{
	font-size: 17px;
	line-height: 200%;
}

.navi{
	background: url("images/navi_bg.gif");
	width: 100%;
	position: sticky;
	top:-1px;
	z-index: 10000;
    filter: drop-shadow(0px 0px 2px #999);
}
.navi.fixed {
  position: fixed;
  top: 0;
}
.navi ul{
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.navi ul li a{
	display: block;
	text-align: center;
}
.navi ul li{flex:6;}
.navi ul li:first-child{flex:8;}
.navi ul li:last-child{flex:7;}

.navi ul li:before{
	position: absolute;
	content: '';
	width: 1px;
	height: 45px;
	background-size: 1px 8px;
	background-image: linear-gradient(to bottom, #999, #999 3px,transparent 3px,transparent 8px);
	margin-top:18px;
}
.navi ul li:first-child:before{background: none;}
.navi ul li img{padding: 20px 0;}



.side{
	font-size: 300%;
	font-family: 'Rock Salt', cursive;
	position: absolute;
	transform: rotate(90deg);
	transform-origin:left bottom;
	margin: 0 2%;
	color: #d3dfbf;
}
.side_r{
	font-size: 300%;
	font-family: 'Rock Salt', cursive;
	position: absolute;
	transform: rotate(90deg);
	transform-origin:right top;
	margin: 0 1.5%;
	color: #d3dfbf;
	right: 0;
  margin-top: 480px;
}
@media only screen and (max-width:1200px){
.side,.side_r{
	display: none;
	}
}

.pan_content{
	max-width: 980px;
	margin: 0 auto;
}
h2{
	font-size: 300%;
	font-weight: bold;
	line-height: 85%;
	margin-bottom: 30px;
	text-shadow: 0 0 8px #fff;
}
h2 span.h2_no{
	font-family: 'Roboto', sans-serif;
	font-size:40%;
	font-weight: 900;
}
h2 span.h2_sub{
font-family: 'Rock Salt', cursive;
	font-size:40%;
}


h3{
	font-size: 160%;
	line-height: 95%;
	margin-bottom: 5px;
}
h3 .h3_sub{
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 70%;
}


.grenn_btn1{
	background: url("images/grenn_btn1.png") no-repeat left;
	padding-left:55px;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 3px;
}
.grenn_btn2{
	background: url("images/grenn_btn2.png") no-repeat left;
	padding-left:55px;
	font-size: 120%;
	font-weight: bold;
	font-family: 'Roboto condensed', sans-serif;
	font-style: italic;
}



/* pan_01 */
#pan_01{
	background: url("images/grass_lt.png")  top left no-repeat,
		url("images/grass_rt.png")  top right no-repeat;
	padding:180px 0 0 0;
	background-size: 30%;
}
#pan_01 h2:before{
	content: "";
	position: absolute;
	background: url("images/h2_grass.png")  top right no-repeat;
  padding: 100px 0 0 350px;
}
#pan_01 h2,#pan_01 h3{
	color: #b43a3a;	
}

#pan_01 .pan_content{
	display: flex;
	justify-content: space-between;
}

#pan_01 .pan_content img.map_sa{
	padding-left: 20px;
	max-width: 331px;
}
.bg_pan01_content:before{
    content: "";
    background-color: #eefae1;/*#F5FBF1;*/
    margin-top: 100px;
    height: 86%;
    width: 96%;
    position: absolute;
    z-index: -1;
}

/* pan_02 */
#pan_02{
	background: url("images/gras_lt2.png")  top left no-repeat,
		url("images/pan_02_bg.gif");
  background-size: 35%,cover;
	padding:140px 0 0 0;
}
#pan_02 h2{
	text-align: center;
}
#pan_02 h2:before{
	content: "";
	position: absolute;
	background: url("images/h2_jaguar_pug.png")  top right no-repeat;
  padding: 150px 0 0 350px;
}
#pan_02 h2, #pan_02 h3{
	color: #b1b718;	
}
#pan_02 .pan_content{
	display: flex;
	justify-content: space-between;
}
.pan_02_juguar_detail{display:flex;}
.pan_02_juguar_detail div{margin-right: 15px;}
.pan_02_img_main img{
  max-width: 400px;
	margin-left: 20px;
	display: block;
}
.pan_02_img_main:after{
	content:"Panthera onca";
	font-size: 300%;
	font-family: 'Rock Salt', cursive;
	position: absolute;
	transform: rotate(-12deg);
	transform-origin:left bottom;
	margin:10px 0 0 130px;
	color: #b1b718;	
}


/* pan_03 */
#pan_03{
	background: url("images/gras_lt2.png")  top left no-repeat,
		url("images/pan_03_bg.gif") top right no-repeat;
  background-size:35%,auto;
	padding:140px 0 0 0;
}
#pan_03 h2{
	text-align: center;
}
#pan_03 h2:before{
	content: "";
	position: absolute;
	background: url("images/h2_mammals_pug.png")  top right no-repeat;
  padding: 150px 0 0 350px;
}
#pan_03 h2, #pan_03 h3{
	color: #4b8f95;	
}


/* card */
.p_card_wrap{
 z-index: 2;
 /*width: 96% !important;*/
 margin: 0 auto;
}
.p_card{
	width: 420px;
	padding:0px;
	margin:12px 10px;
	box-shadow: 0 0 10px  rgba(0,0,0,0.25);
	background: #FFF;
}

.p_card_lower{
	padding:20px 14px;
	background: url("images/list_bg.png") 100% 10px no-repeat;
}
.p_card_jp{
	font-size: 200%;
  line-height: 130%;
	font-weight: bold;
}
.p_card_en{
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 120%;
	color:#999;
}
.p_card_lower p{
	font-size: 117%;
	margin: 10px 0;
}


/* pan_04 */
#pan_04{
	background: url("images/gras_lt2.png")  top left no-repeat,
		url("images/pan_04_bg.gif") top right no-repeat;
  background-size: 35%,auto;
	padding:140px 0 0 0;
}
#pan_04 h2{
	text-align: center;
}
#pan_04 h2:before{
	content: "";
	position: absolute;
	background: url("images/h2_birds_pug.png")  top right no-repeat;
  padding: 150px 0 0 350px;
}
#pan_04 h2, #pan_04 h3{
	color: #977148;	
}

/* pan_05 */
#pan_05{
	background: url("images/gras_lt2.png")  top left no-repeat,
		url("images/pan_05_bg.gif") top right no-repeat;
  background-size: 35%,auto;
	padding:140px 0 0 0;
}
#pan_05:after{
	content: "";
	background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
	width: 100%;
	height: 90px;
	position: absolute;
	left:0
}
#pan_05 h2{
	text-align: center;
}
#pan_05 h2:before{
	content: "";
	position: absolute;
	/*background: url("images/h2_birds_pug.png")  top right no-repeat;*/
  padding: 150px 0 0 350px;
}
#pan_05 h2, #pan_05 h3{
	color: #5FB08E;	
}

#pan_05 .list{
	max-width: 745px;
	margin: 0 auto;
	background: #fff;
    padding: 0 20px;
}
#pan_05 .list li {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
}
#pan_05 .list >li {
    background-image: linear-gradient(to right, #000, #000 1px, transparent 1px, transparent 2px);
    background-size: 4px 1px;
    background-position: bottom;
    background-repeat: repeat-x;
}

#pan_05 .list li .img {
    width: 24.65%;
}
#pan_05 .list li .text {
    width: 73.2%;
}

#pan_05 .list li .text .title {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #364f63;
    font-weight: bold;
    display: block;
}

#pan_05 .list li .text p {
    font-size: 13px;
    font-size: 1.3rem;
    color: #000;
    line-height: 1.5;
    margin-top: 2px;
}

#pan_05 .list li .text .info-list {
    margin-top: 4px;
}
	#pan_05 .list li .text .info-list li{display: flex;justify-content: flex-start;}
#pan_05 .list li .text .info-list li .label {
    display: inline-block;
    width: 38px;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    /*background: #4a4a4a;*/
    text-align: center;
    margin-right: 5px;
    line-height: 1.4;
}

#pan_05  .list li .text .info-list li .item {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.50;
    /*color: #4a4a4a;*/
    margin-right: 15px;
    letter-spacing: -0.01rem;
}

#pan_05 .list li li{
   padding: 0;
}
.tour-sub-list {
	max-width: 745px;
	margin: 0 auto;
    padding: 0 20px;
}
.tour-sub-list li .text p{
    font-size: 100%;
}
@media only screen and (max-width: 768px){
	
	#navi{display: none;}
	.kimg_lower, .navi ul, 	#pan_01 .pan_content, #pan_02 .pan_content,	.pan_02_juguar_detail, #pan_05 .list li
	{flex-direction:column}
	.kimg_logo { margin-top: -100px;}
	
	#pan_01 h2:before,#pan_02 h2:before,#pan_03 h2:before,#pan_04 h2:before,#pan_05 h2:before{display: none;}
	
	.p_card{
		max-width: 96%;margin: 25px 2%;
	}
	.kimg_lower{padding:0 3%;}
	.kimg_text{margin-top: -50px; line-height: 180%;}
	#pan_01 {background:url(images/pan_01_bg.gif) top right no-repeat;padding:35px 3% 0;}
	#pan_02 {background:url(images/pan_02_bg.gif) top right no-repeat;padding:35px 3% 0;}
	#pan_03 {background:url(images/pan_03_bg.gif) top right no-repeat;padding:35px 3% 0;}
	#pan_04 {background:url(images/pan_04_bg.gif) top right no-repeat;padding:35px 3% 0;}
	#pan_05 {background:url(images/pan_05_bg.gif) top right no-repeat;padding:35px 3% 0;}
	
	.w49{width: 100%;margin: 15px 0;}
	.w65{width: 100%;margin: 15px 0;}
	.bg_pan01_content:before{height: 270vh;width: 100%;left:0;}
	.pan_02_img_main img{margin-left: 0;}
	.pan_02_img_main img{max-width: 100%;margin-bottom: 20px;}
	.pan_02_img_main:after{margin:-30px 0 0 80px;font-size: 250%;}
	mt80{margin-top: 30px !important;}
	
	
	#pan_05 .list li .img{width: 140px;position: absolute;}
	#pan_05 .list li:first-child .img{top:16px;}
	#pan_05 .list li .text{width: 100%;}
	h2 br.sp2{display: block;content: "";height: 10px;line-height:150%;}
    body.feature main .box_960{width: 100%;}
    .tour-sub-list li{background-color: #fff;padding:0 0 9px 0;}}