@charset 'utf-8';


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

#container .w1300 {
	min-width: 100%;  
	width: 100%;
	margin: 0;
	overflow: hidden;
}
	

	.tab tour_link{
		padding-top: 30px;
	}	

	#title h1{
		padding-top: 20px;
	}	
	
	.tab-button{
		width:45%;
		padding-top: 20px;
	}
}


/************************************************************
					★タブレット対応
************************************************************/
@media screen /*and (min-width:600px) */and (max-width:769px)  {


img{
    width /***/: auto;
    max-width: 100%;
    height: auto;
}
/* 非表示指定 */
.pc {display: none;}
#breadcrumbs,#pankuzu,#breadcrumb {display: none;}


.btn {	width: 80%;}

/*------------------------------intro*/
#intro ul.flex_box{display: block;}
#intro .z-list{display: flex; align-items: center;}
#intro h3{flex: 3; font-size: 4.5vw;}	
#intro .z-list div{flex:7; margin-left: 1em;}	
/*-----------------------------------------------------------------tab*/
.tab_menu{	font-size: 5vw;}
/*-------------------------------------------------dep_box*/
.dep_box li {    flex: 1;}	
.dep_box li:not(:first-child) {	margin-left:.5em;}
.dep_box li a{
	font-size: 3.8vw;
	padding: .3em 0;		
}	
	
}

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

#container{
	min-width: 100%;  
	width:100%; 
	margin: 0;
	padding: 0;
}
.w1300{
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
}
/*	.w1000{background: red;}*/
/*--- 非表示 ---*/
/*br{display: none}*/
img{max-width:100%;}

/*#breadcrumbs,#pankuzu {display: none;}*/
.pc{display: none;}
.sp{display: block;}

br{display: none;}

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

#container	.title_box h1 img{
		max-width:100%;
	}	
	
	
/*--------------------btn */
.btn{    
	width:95%;	
	font-size: 4vw;
	margin: 1em auto;
}

/*-----------------------------------------------------------------wds*/	
	#wds{
		padding:  25px 0 5px 0;
	}

	#wds h2{
		font-size: 20px;
	}
	
	#wds p{
		font-size: 16px;
		line-height: 1.6;
	}
	
	#wds h4{
		padding-top:30px;
		font-size:20px;
	}
	
	#wds h4:before{
		margin-right:1em;
	}	
	
	#wds h4:after{
		margin-left:1em;
	}
	
	#wds h4:before, #wds h4:after{
		width:5em;
	}	
	
	#wds .wds_att{
		width:auto;
	}	
/*-----------------------------------------------------------------オリジナル特典*/
.original_bonus{
		margin: 10px auto 20px auto;
	}
	
.original_bonus_box dl{
		width:100%;
	padding-top:10px;
	}
	
.original_bonus_box .mataha{
		width:30%;
	margin:20px auto;
	}	
	
.tour_link {
	column-gap:10px;	
	padding-top: 20px;
	}	
	
.tab-button {
		width:calc((100% - 20px) /2);
	}	
	
.tab li.active a{
		padding:15px 0 15px 0;
	}
	
.tour_link a{
		padding:10px 0 10px 0;
		font-size: 20px;
	}
	
.tour_link .active a::after{
		right:10px;
		width:8px;
		height:8px;
		border-width:2px;
	}	
	
	.tour_link a::after{
		right:10px;
		width:8px;
		height:8px;
		border-width:2px;
	}
	
.precaution2{
	margin: 2em 0 3em 0;
	}
	
/*---------------------------------------------------hotel*/
.hotel  .flex_box{display:block;}

#off_hotel, #partner_hotel{
	padding:3em 0;
	}	
	
#off_hotel .off_hotel_tl, #partner_hotel .partner_hotel_tl{
	padding: 10px 0;
	margin-bottom:20px;
	}	

.hotel_box h3{
	margin-left:0.5em;
	font-size:18px;
	line-height:1.3;
}
	
.hotel_list{
	width:100%;
	margin-bottom: 20px;
	}	
	
.hotel_list dt{
		line-height:1.5 ;
	}
	
	#container .off_hotel_btn, #container .othter_hotel_btn{
		font-size: 16px;
		margin:2em auto 2em auto;
	}	

	#container .off_hotel_btn span, #container .othter_hotel_btn span{
		width:30px;
		height: 30px;
		left:15px;
	}
	
#othter_hotel{
		padding:1em 0;
	}
/*-----------------------------------------------------------------other*/
.other{
	padding: 5px 0 0;
}
/*.other .btn{
    width:100%;
	margin:20px auto ;
}*/
/*-----------------------------------------------------------------テーブル*/
  .tbl-r05 {
    width: 80%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
	 padding: 2px 20px;
  }
  .tbl-r05 td:first-child {
    background: #004e76;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
	  color: #004e76;
	  padding-top: 2px;
  }
	
	table {
  border-collapse: collapse;
  border: solid 1px #004e76;
	}
th, td{
	border: solid 1px #b4d2e2;
		}

.pricelist{
		padding: 30px 0 0px 0;	
		}
	
.disney_ticket{
		flex-wrap: wrap;
	}
	
.disney_ticket_left{
		width:100%;
	}	
	
.button_reset{
		padding-top: 10px;
	}
	
.bnr_box{
	padding: 10px 0;
	column-gap: 10px;
	}	
	
	.bnr_box li{
		width:48%;
		padding-bottom: 10px;
	}	

	.modal-window{
		width:100%;
	}	
	
}