@charset "utf-8";
 @import url('https://fonts.googleapis.com/css?family=Caveat');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:Noto+Sans+JP:400,700');
/*base*/
@media only screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}


.trek_fnt {
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.6;
}
h2, h3, h4, p, span, div {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
.day_h3, ul.nav li a span, .check h5 span, #flow h3 span {
	font-family: 'Caveat', cursive;
}
h3, #syangboche h4, ul.nav li a, .check h5 {
	font-family: 'Noto Sans JP', sans-serif;
}
h2 {
	text-align: center;
}
.tour_txt h4, ul.fixed_nav li, .tour_box {
	font-size: 13px;
}
.mb30 {
	margin-bottom: 30px!important;
}
.mt9 {
	margin-top: 9px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.ml12 {
	margin-left: 12px!important;
}
.pb75 {
	padding-bottom: 75px!important;
}
.fL {
	float: left;
}
.fR {
	float: right;
}
.cf, .wrap {
	overflow: hidden;
}
#container {
	position: relative;
	z-index: 2;
}
.container {
	width: 960px;
	margin: 0 auto;
}
.s_ttl {
	padding: 90px 0 25px 0;
}
.s_lead {
	width: 646px;
	margin: 0 auto 30px;
}
/*メインビジュアル*/
.mv {
	min-width: 960px;
	width: 100%;
	height: 500px;
	margin: 0 auto;
	position: relative;
	margin-top: 0px;/*    z-index: 1;*/
}
.effect {
	opacity: 0;
	transition: all 1s ease 0s;
}
.effect.show {
	opacity: 1 !important;
	filter:alpha(opacity=100) !important; /* IE 6,7*/
	-ms-filter: "alpha(opacity=100)" !important; /* IE 8,9 */
	zoom:1; /*IE*/
}
#slide {
	position: relative;
	overflow: hidden;
	max-width: 1400px;
	height: 100%;
	opacity: 0;
	filter:alpha(opacity=0) !important;
	-ms-filter: "alpha(opacity=0)" !important;
	zoom:1;
	transition: opacity 3s ease 0s;
	margin: 0 auto;
}
#slide div {
	position: absolute;
	top: 0;
	left: 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	display:none;
}





#slide div.bg1 {
	display:inherit;
}
.bg1 {
	background-image: url(images/mv_trek_nepal03.jpg);
}
.bg2 {
	background-image: url(images/mv_trek_nepal02.jpg);
}
.bg3 {
	background-image: url(images/mv_trek_nepal06.jpg);
}
.bg4 {
	background-image: url(images/mv_trek_nepal01.jpg);
}
.bg5 {
	background-image: url(images/mv_trek_nepal07.jpg);
}
.mv_ttl {
	width: 485px;
	height: 203px;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	margin: auto;
}
.mv_ttl img {
	width: 100%;
}
.btn_panf a.panf img {
	position: absolute;
	right: 5%;
	top: 60%;
}
a.panf:hover {
	opacity: 0.8;
	filter:alpha(opacity=80); /* IE 6,7*/
	-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
	zoom:1; /*IE*/
}
/*メニュー*/
ul.nav {
	min-width: 960px;
	margin: 0 auto;
}
ul.nav li {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	padding: 24px 23px;
	line-height: 1.4;
}
/*ul.nav li.nav3 {
	display: none;
}*/
ul.nav li a {
	text-decoration: none;
	color: #333;
}
ul.nav li a:hover {
	background: url(images/bg_hover.gif) center bottom repeat-x;
}
ul.nav li a span {
	display:block;
	background: none;
}
ul.fixed_nav {
	background: #fff;
	position: fixed;
	top:0;
	width: 100%;
	z-index: 10;
	text-align: center;
}
ul.fixed_nav li {
	padding: 0 15px;
	line-height: 80px;
	position: relative;
}
/*ul.fixed_nav li.nav3 {
	display: inline-block;
	top: 7px;
}
ul.fixed_nav li.nav3 a:hover {
	background: none;
}*/
ul.fixed_nav li a span {
	display: none;
}
ul.fixed_nav li a {
	color: #333;
	line-height: 80px;
}
/*mountains*/
#mountains {
	background: #33CCCC url(images/cross-scratches.png);
}
#mountains h3, .check h5 {
	font-size: 16px;
	margin-bottom: 8px;
}
.tour_box {
	background: #fff;
}
.tour_wrap {
	width: 100%;
	padding: 35px 50px;
}
.tour_link {
	width: 50%;
}
.tour_link li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: bold;
	padding-right: 3px;
}


@media only screen and (max-width: 767px) {
.tour_box {
	background: none;
}
    .mv {
	min-width: 100%;
	width: 100%;
	height: 400px;
	margin-top:0px;/*    z-index: 1;*/
}
.mv_ttl {
	width: 100%;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	margin: auto;
    text-align: center;
}
.mv_ttl img {
	width: 94%;
}
.btn_panf a.panf img {
	position: absolute;
	top: 60%;
    margin: 0 auto;
}
    
ul.nav {
	width: 100% !important;
    min-width: 100%;
	margin: 0 auto;
}
ul.nav li {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	width: 32%;
	line-height: 1.4;
    padding:15px 0px;
	vertical-align: middle;
}
.nav4 {
	width: 49% !important;
	margin-top: -15px; 
}
.nav5 {
	width: 49% !important;
	margin-top: -15px;
}
ul.fixed_nav li {
    padding:15px 0px !important;
}
ul.fixed_nav li a {
	line-height: 10px;
    font-size: 14px;
}
.tour_wrap{
        padding: 10px 20px;
}    
    .tour_link{
        width: 90%;
    }
.tour ul img{
    height: 123px;
}
    
}


/*syangboche*/
#syangboche {
	background: #ff930f url(images/cross-scratches.png);
}
.day_h3 {
	font-size: 60px;
	text-align: left;
	z-index: 3;
	margin: -42px 0 10px 15px;
	color: #fff;
	font-weight: normal;
}
.day {
	padding-bottom: 70px;
}
.day h4, #flow h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.day h4 span, .check h5 span {
	font-size: 18px;
}
.day .txt_box {
	width: 460px;
	padding: 0 20px;
}
/*check*/
.check {
	background: #ffdcad;
	margin-top: 40px;
}
.check .fL {
	width: 458px;
	padding: 25px 0 0 20px;
}
.check .fR {
	padding: 25px 20px 25px 0;
}
.check h5 span {
	background: url(images/bg_hover.gif) center bottom repeat-x;
	margin-right: 15px;
}
/*flow*/
#flow {
	background: #ffdcad;
}
#flow .flow_inner {
	padding: 0 72px 75px 72px;
	background: url(images/bg_arrow.png) top center no-repeat;
}
#flow .s_ttl {
	padding-top: 75px;
}
#flow .txt_box {
	width: 336px;
	margin-bottom: 60px;
}
#flow .am07 {
	margin-top: 45px;
}
#flow h3 {
	padding-left: 35px;
	margin-top: 10px;
}
#flow .am06 h3 {
	background: url(images/flow_icn01.png) center left no-repeat;
}
#flow .am07 h3 {
	background: url(images/flow_icn02.png) center left no-repeat;
}
#flow .am08 h3 {
	background: url(images/flow_icn03.png) center left no-repeat;
}
#flow .pm12 h3 {
	background: url(images/flow_icn04.png) center left no-repeat;
}
#flow .pm15 h3 {
	background: url(images/flow_icn05.png) center left no-repeat;
}
#flow h3 span {
	padding-right: 12px;
	font-size: 22px;
}
/*question*/
#question {
	background: #f98289 url(images/cross-scratches.png);
}
#question .s_box {
	width: 46%;
	padding-right: 2%;
	margin-right: 1%;
}
#question .s_box p strong {
	font-size: 15px;
}
#question .s_box.border {
	border-right: #777 solid 1px;
}
#question .s_box .col {
	width: 98%;
	padding-bottom: 30px;
	border-bottom: #777 solid 1px;
}
#question .s_box .col.last {
	padding-bottom: 0;
	border-bottom: none;
}
#question .s_box .col h3 {
	font-size: 20px;
	background: url("images/icn_q.png") center left no-repeat;
	padding-left: 45px;
	margin: 17px 0px 8px 0px;
}
#question .s_box .col p {
	padding: 13px 0 8px 10px;
}
h3.h3_mochimono{
	margin: 100px 0 50px 10px;
	font-size:25px; 
	border-bottom: 4px solid;
	display: inline-block;
	padding: 0 0 8px;
}
.mochimono{
	display: flex;
	flex-wrap: wrap;
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
}
.mochimono>div{
	width: 33.3%;
}

.mochimono strong{
	font-size: 20px;
	padding-bottom: 0;
	margin-left: 5px;
	font-weight: bold;
	
}

.mochimono table{
  border-collapse: separate;
  border-spacing: 10px;
	margin-top: 0 !important;
}
.mochimono tr{
	line-height: 20px;
}
.mochimono th{
	background-color: #fff;
	padding:5px;
	width: 120px;
	vertical-align: middle;
	font-size: 13px;
	text-align: center;
}
.mochimono th.okonomi{
	color: #fff;
	border: solid 2px #fff;
	background: transparent;
}
.mochimono td{
	font-size: 13px;
	padding:10px 0;
}

/*flow*/
#flow {
	background: #ffdcad;
}
#flow .flow_inner {
	padding: 0 72px 75px 72px;
	background: url(images/bg_arrow.png) top center no-repeat;
}
#flow .s_ttl {
	padding-top: 75px;
}
#flow .txt_box {
	width: 336px;
	margin-bottom: 60px;
}
#flow .am07 {
	margin-top: 45px;
}
#flow h3 {
	padding-left: 35px;
	margin-top: 10px;
}
#flow .am06 h3 {
	background: url(images/flow_icn01.png) center left no-repeat;
}
#flow .am07 h3 {
	background: url(images/flow_icn02.png) center left no-repeat;
}
#flow .am08 h3 {
	background: url(images/flow_icn03.png) center left no-repeat;
}
#flow .pm12 h3 {
	background: url(images/flow_icn04.png) center left no-repeat;
}
#flow .pm15 h3 {
	background: url(images/flow_icn05.png) center left no-repeat;
}
#flow h3 span {
	padding-right: 12px;
	font-size: 22px;
}
/*support*/
#support {
	background: #53afed url(images/cross-scratches.png);
}
#support .s_box {
	width: 46%;
	padding-right: 2%;
	margin-right: 1%;
}
#support .s_box p strong {
	font-size: 15px;
}
#support .s_box.border {
	border-right: #777 solid 1px;
}
#support .s_box .col {
	width: 98%;
	padding-bottom: 30px;
	border-bottom: #777 solid 1px;
}
#support .s_box .col.last {
	padding-bottom: 0;
	border-bottom: none;
}
#support .s_box .col h3 {
	font-size: 20px;
	background: url(images/icn_point.png) center left no-repeat;
	padding: 13px 0 8px 65px;
	margin: 15px 0 8px;
}
/*saiyu_tour*/
#saiyu_tour {
	background: #72bd0f url(images/cross-scratches.png);
}
a.panf img {
	position: absolute;
	top: -15%;
	right: 2%;
}
#saiyu_tour .s_ttl {
	margin-bottom: 20px;
}
.tour h3 {
	font-size: 20px;
	margin-bottom: 30px;
	text-align: center;
}
.tour .tour_col {
	position: relative;
	margin-bottom: 60px;
	background: #fff;
	padding: 40px 27px;
}
.tour ul {
	overflow: hidden;
	margin-bottom: 20px;
}
.tour ul li {
	max-width: 280px;
	float: left;
}




.tour_grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}

.tour_grid4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}



















.tour_txt {
	font-size: 12px;
    padding-top: 5px;
}
.icn_tour {
	font-weight: bold;
	color: #fff;
	background-color: #333;
	margin-right: 5px;
	padding: 0 5px;
}
.tour_txt .detail {
	margin-top: 3px;
	font-weight: bold;
}
/*old*/
.img_box {
	width:956px;
	height:548px;
	padding:0px;
	line-height:0;
}
.img_box a {
	text-decoration:none;
	cursor:default;
}


ul.fixed_nav li.nav3 img {
	display: block;
}



@media only screen and (max-width: 767px) {
    .tour_link li{
    white-space: nowrap;
        overflow: scroll;
    text-overflow: ellipsis;}
	


.container {
	width: 100%;
	margin: 0 auto;
}
.s_ttl {
	padding: 50px 10px 25px 10px;
}
.s_lead {
	width: 90%;
	margin: 0 auto 30px;
}
.img_box {
    display: block;
	padding:0px;
	line-height:0;
    width: 100%;
    height: auto;
}
    .img_box tr{display: inline;}

.img_box td{
    display: inline-block;
    width:44%;
    padding: 3% 1% 1% 3%; 
    margin-bottom: 5px;
        
    }
.mosaic-block {
	float:left;
	position:relative;
	overflow:inherit;
	width:100%;
	height:auto;
}
.mosaic-backdrop {
		display:none;
		position:static;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
.mosaic-block img{
    width: 100%;
    height: 100%;
    }
.details{ margin:10px; font-size:12px; color:#FFF; line-height:18px;}
    .details p{  text-decoration: none !important; }	

.details h4{
	font-size:14px;  color:#FFF; margin-bottom:5px;
	}

.day_h3 {
	font-size: 40px;
    line-height: 100%;
	text-align: left;
	z-index: 3;
	margin: 10px 0 5px 15px;
	color: #fff;
	font-weight: normal;
}
.day .txt_box{
        width: 90%; margin: 0 auto;
    }
.check{padding: 20px !important;}
.check .fL{
        width: 100%; margin: 0 auto;}    
.check .fR{
       padding-left: 10px !important;} 


.fL{
        float: none;padding: 0 !important;
    }
.fR{
        float: none;padding: 0 !important;
    }
.ml12{margin: 0px !important;}
.cf img{
    width: 90%; 
    padding:1% 5% !important;
    display: block; 
    }  
#flow .flow_inner {
	padding: 0 22px 75px 22px;
    background: none;
}
	
.mochimono{display: block;}
	
	.mochimono>div{width: 100%;}
	.mochimono th{width: 100%;text-align: left;padding: 10px 0 10px 10px;}
	.mochimono td{width: 100%;padding:3px 0 10px;}

h3.h3_mochimono {
    margin: 100px 0 20px 20px;
}

.mochimono tr {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 10px;
}
.mochimono strong {
    margin-left: 20px;
}
.mochimono table {
    margin-bottom: 15px;
}
    
#support .s_box {
    width: 90%; margin:0 auto;
}
#support .s_box .col {
    border: 0;
    }
#support .s_box.border {
    border: 0;
    }
#question .s_box {
    width: 90%; margin:0 auto;
}
#question .s_box .col {
    border: 0;
    }
#question .s_box.border {
    border: 0;
    }
.col img.pic.mt9 {width: 48%; padding: 1% 1% !important;}
.col img.pic.ml12 {width: 48%; padding: 1% 1% !important;}
    img.bag{width: 100px;}
.check img{ width: 48% !important; float: left; padding: 0px !important    }
/*
    .col img{ width: 48% !important; float: left; padding: 0px !important;margin: 0px !important  }
*/


.tour .tour_col {
	position: relative;
	margin-bottom: 60px;
	padding: 20px 10px;
    background: none;
}
.tour ul {
	overflow: hidden;
	margin-bottom: 20px;
}
.tour ul h4{
    max-height: 40px;
overflow: scroll    }

.tour_txt p {display: none}
.tour ul li {
	max-width: 180px;
	float: left;
    margin-bottom: 15px;
}
    
    
.tour_grid3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}

.tour_grid4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}

    
    
    
    .tour h3{margin-bottom: 10px;}
.tour ul li + li {
	margin-left: 2px;
}
.tour_txt {
	font-size: 12px;
}
    #saiyu_tour .s_ttl{ margin: 0px;}
}