@charset "utf-8";
/* CSS Document */


/************************************************************
					★min770px－max999px
************************************************************/
@media screen /*and (min-width: 770px) */and (max-width: 1000px){

#container, .w1000 {
	min-width: 100%;  
	width: 100%;
	margin: 0;
	
	overflow: hidden;
}
.w1000 {	padding: 0 5px;}

.intro .flex_box{column-gap:1em;}
.photo_left:calc(55% - 1em);
.photo_right:calc(45% - 1em);
	
/* 非表示指定 */
.pc {display: none;}
.sp {display: none;}
.tb{display: block;}	

/*------------------------------------------------------------------------------------------------------------ intro */
.intro dl:nth-child(6) dd/*専*/{margin-left: -2.8em; margin-bottom: 0; }
.credit{
	font-size: 0.95vw;
}	

}
	
	
/************************************************************
					★タブレット対応
************************************************************/
@media screen /*and (min-width:600px) */and (max-width:769px)  {
img{
    width /***/: auto;
    max-width: 100%;
    height: auto;
}

#breadcrumbs,#pankuzu,#breadcrumb {display: none;}

/*------------------------------------------------------------------------------------------------------------ main */
.main{
	background: none;
	padding: 0;
}
h1 span{	margin-top: -1.5em;}
h1.sitettl{
	height: auto;
    padding: 0;
    text-indent: 0;
    background: none;
    margin-bottom: 0;	
}	
.subttl{
	padding: 1em 0.5em;
	font-size: 1.2em;
	}
.subttl dd{text-align: left;}
/*------------------------------------------------------------------------------------------------------------ intro */
.intro{
	padding: 2em 0;
}
	
.intro dt{	font-size: 1.5em;}
/*.intro dd{	font-size: 0.8em;}*/
.intro dd br{display: none;}

	.intro .flex_box{
		padding: 0;
	}	
	

/*------------------------------------------------------------------------------------------------------------tour_info */
.tour_info{	padding: 0 0 7em;}
	
.tour_info ul{
		column-gap: normal;
	}	
	
.tour_info ul li{
	width:  calc(100% / 2 - .6em );
	margin: .5em .3em 2em;
}
	
.tour_info h3{
	font-size: 1.3em;
	flex: 3em;
}
	
.tour_info h3 img{
	width: 30%;
	}

.tour_info .bnr{
	max-width: 95%;
	margin: 1em auto 2em;
}	
	
	.tour_info ul li dl	{
		padding:0.5em 2em 1em ;
	}
	
	.tour_info dt{
		margin:2.5em 0 1em ;
	}
	
	.tour_info dt span{
		font-size: 1em;
	}
}




/************************************************************
						★スマホ対応
************************************************************/
@media screen and (max-width:599px)  {

#container{
	min-width: 100%;  
	width:100%; 
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.w1000{
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
}
/*--- 非表示 ---*/
/*br{display: none}*/
img{max-width:100%;}
.sp_none{display: none;}
.pc {display: none;}
.tb {display: none;}
.sp{display: block;}

/*---------------------------------------------コンテナ用★★★★★★★★-----*/


/*------------------------------------------------------------------------------------------------------------ intro */
.intro{
	padding: 7em 0 2em;
}

	.intro .flex_box{
		flex-wrap: wrap;
	}	
	
	
.intro dt{	
	margin-left: 0;
	width:100%;
	}
.intro dt img{ width: 40%;}	
.intro dd{	padding: 0 .5em .5em; flex: 8; line-height: 1.3;}

.credit{
	font-size: 2.5vw;
}
/*------------------------------------------------------------------------------------------------------------point */
.point{
	padding: 2em 0;
}
.point h2{	font-size: 5.5vw;}

.point p{
		font-size: 1.3em;
	}	
	
.point_tl{
	line-height: 1.3;
	padding:5em 1em 1em 1em ;
	margin: 1em 0 2em 0;
}
	
.point_tl:first-of-type::before, .point_tl:nth-of-type(2)::before{
		top:2%;
	}	

.photo_left,  .photo_right{
		flex-wrap: wrap;
		width:100%;
	margin-bottom: 1em;
	}
	
.photo_left dl,  .photo_right dl{
	width:100%;
	flex-wrap: wrap;
	}	
	
	.tour_box{
		padding: 2em 0;
	}	
/*------------------------------------------------------------------------------------------------------------tour_info */

.tour_info ul li{
	width:  calc(100% / 2 - .6em );
	margin: .5em .3em 2em;
}
.tour_info h3{
	font-size: 1.3em;
	flex: 3em;
}
.tour_info h3 img{	width: 30%;}
.tour_info .combi{	flex: 7;}
/*------------------------------------------------------------------------------------------------------------tour_info */
.tour_info{
	padding: 0 0 3em;
}
.tour_info h2{	
	padding: 1.5em 0;
	background-size: 95%;
	}
.tour_info ul{
		padding: 0 5%;	
	}
.tour_info ul li{
	width:  100%;
	margin: .5em auto 2em;
}
.tour_info dt.tb.sp a{display: inline-block;}
	
	.tour_info ul li dl{
		height: auto;
	}	
	

.btn a{
		padding: 10px 0;
	font-size: 1.2em;
	}
	
.tour_info .commingsoon{
	padding: 10px 0;
	}	
.tour_info dt span{
		font-size: 1.3em;
	}
	
.tour_info .text{
		font-size: 1.2em;
	}
	
	.hatuchi{
		font-size: 1.3em;
	}
	
}