@media screen and (max-width: 1024px) {
#col-left {
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	/*z-index: -1;
		visibility: hidden;*/
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#col-left form {
    background-color: #f5f5f5;
}

#col-right {
	width: 100%;
	padding: 15px;
	margin-left: 0;/*position: relative;
    z-index: 2;*/
  }
}

/*ダイナミックパッケージ専用スタイル*/
@media screen and (max-width: 940px) {
.list-group-icon.dp {
	overflow: hidden;
	padding-left: 20px;
}
.list-group-icon.dp li {
	margin: 0 5px 5px 0;
}
}



 @media screen and (max-width: 1024px) {
.toggle-side-bar-btn {
	display: block;
}
}

 @media screen and (max-width: 900px) {
.num-select > .condition-select[data-component="hotel-detail-soter"]:first-child {
	width: 100%;
	float: none;
}
.condition-select[data-component="hotel-detail-soter"]:nth-child(n+2) {
	margin-left: 0;
}
}

 @media screen and (max-width: 1220px) {
.hotel-room-soter-secondary .select-room-plan {
	width: 100%;
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d0d0d0;
}
}

 @media screen and (max-width: 1220px) {
.hotel-room-soter-secondary .select-room-num {
	width: 100%;
	display: block;
}
}
/*@media screen and (max-width: 980px) {
	.check-reserve-tbl td {
		width: 60%;
	}
}*/
 @media screen and (max-width: 1220px) {
.img-slider[data-component="hotel-detail"] {
	width: 100%;
	float: none;
}
}
 @media screen and (max-width: 1220px) {
.img-slider[data-component="hotel-detail"] .slides img {
	/*width: 100%;*/
    height: 200px;
	border: 1px solid #fff;
}
}
 @media screen and (max-width: 1220px) {
.hotel-img-caption {
	/*color: #fff;
	border: 1px solid #fff;
	background-color: #222;*/
}
}
 @media screen and (max-width: 1220px) {
.thumbnail-slider[data-component="hotel-detail"] {
	width: 100%;
	height: auto;
	float: none;
	padding: 15px;
	overflow: auto;
}
}
 @media screen and (max-width: 1220px) {
#home-col-left {
	width: 250px;
}
}
 @media screen and (max-width: 1220px) {
#home-col-right {
	width: calc(100% - 270px);
}
}
 @media screen and (max-width: 1023px) {
#area-map-world, #area-map-japan {
	width: 100%;
	float: none;
}
#area-list-world {
	border-bottom: 1px solid #d0d0d0;
}
}
 @media screen and (max-width: 840px) {
.one-room-price-info {
	background-size: 22px auto;
}
}
@media screen and (max-width: 940px) {
.item-detail-container .col-item-detail.xsm,  .item-detail-container .col-item-detail.xmd {
	width: 100%;
	display: block;
}
.item-detail-container .col-item-detail.xsm {
	border-bottom: 1px solid #d0d0d0;
}
}
 @media screen and (max-width: 940px) {
.item-thumbnail.md.dp {
	width: 20%;
}
}
 @media screen and (max-width: 1220px) {
#dp-main {
	width: calc(100% - 180px);
	width: -webkit-calc(100% - 180px);
}
}
@media screen and (max-width: 940px) {
#dp-main.row {
	width: 100%;
	margin: 0;
}
}
 @media screen and (max-width: 940px) {
#dp-primary {
	margin-bottom: 20px;
}
}
 @media screen and (max-width: 940px) {
.floating-container {
	width: 25%;
	padding-left: 10px;
	display: table-cell;
	vertical-align: top;
	position: static !important;
}
}
 @media screen and (max-width: 940px) {
.floating-search-form {
	left: 0;
	right: auto;
	border-radius: 3px;
}
}
 @media screen and (max-width: 940px) {
.itinerary.row {
	margin: 0 0 10px !important;
}
}
@media screen and (max-width: 940px) {
.dp-selected-item-detail {
	width: 75%;
	display: table-cell;
	vertical-align: top;
}
}
 @media screen and (max-width: 940px) {
.dp-selected-item-box {
	display: block;
}
}
 @media screen and (max-width: 940px) {
.dp-selected-item-air, .dp-selected-item-hotel {
	width: 100%;
	display: table;
}
.dp-selected-item-air {
	border-right: 4px solid #e0e0e0;
}
.dp-selected-item-hotel {
	border-left: 4px solid #e0e0e0;
}
}
 @media screen and (max-width: 940px) {
.dp-selected-item-hotel.active:after,  .dp-selected-item-air.active:after {
	display: none;
}
}
 @media screen and (max-width: 940px) {
.dp-air-spec {
	float: left;
}
}
 @media screen and (max-width: 1080px) {
#hotel-detail-primary #primary {
	width: 100%;
	display: block;
	border-right: none;
}
}
 @media screen and (max-width: 1080px) {
#hotel-detail-primary #secondary {
	width: 100%;
	display: block;
}
}
 @media screen and (max-width: 1080px) {
.hotel-detail-tra-evaluation .evaluation {
	display: block;
}
}
 @media screen and (max-width: 1080px) {
.hotel-detail-tra-evaluation .evaluation .num {
	width: auto;
	display: block;
	float: left;
}
}
 @media screen and (max-width: 1080px) {
.hotel-detail-tra-evaluation .evaluation .detail {
	width: auto;
	display: block;
	float: left;
}
}
@media screen and (max-width: 1220px) {
    .room-price,
    .room-reserve {
        width: 100%;
        display: block;
		border: none;		
    }
}
/*@media screen and (max-width: 980px) {
	.check-reserve-tbl th {
		width: 40%;
	}
}*/
/*
@media screen and (max-width: 1180px) {
	.flight-schedule-box[data-component="dp"] {
		width: 100%;
		float: none;
	}
	.flight-schedule-detail .flight-schedule-box[data-component="dp"]:nth-child(odd) {
		padding-right: 0;
	}
	.flight-schedule-detail .flight-schedule-box[data-component="dp"]:nth-child(even) {
		padding-left: 0;
	}
}
*/

/*
@media screen and (max-width: 1180px) {
	.flight-route-box[data-component="dp"] .departure {
		width: 20%;
		padding-right: 40px;
	}
	.flight-route-box[data-component="dp"] .to {
		width: 20%;
	}
	.flight-route-box[data-component="dp"] .arrival {
		width: 20%;
		padding-right: 40px;
	}
	.flight-route-box[data-component="dp"] .last {
		width: 40%;
	}
}*/


/*********** base  **************/

@media screen and (max-width: 1024px) {
  #wrapper.padding {
    padding-left: 40px;
  }
}

/*検索結果一覧のみ*/
@media screen and (max-width: 1024px) {
  .hide-space {
    padding: 0 !important;
    margin: 0 !important;
  }
}
@media screen and (max-width: 1024px) {
  #site-header {
    /*position: relative;
    z-index: 2;*/
  }
}


/*********** change_margin  **************/
@media screen and (max-width: 1024px) {
  .b2b #col-right {
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
	
	.item-price-list[data-component="result"] dl {
		padding: 4px 10px;
	}
	
}




/*********** flex-tbl  **************/

@media only screen and (max-width:900px) {
	
	.flex-tbl {
		width: 100%;
	}
	.flex-tbl tr {
		display: block;
		float: left;
	}
	.flex-tbl tr td, 
	.flex-tbl tr th {
		border-left: none;
		display: block;
		height: 45px;
	}
	.flex-tbl2 tr td, 
	.flex-tbl2 tr th {
		height: auto;
	}
	.flex-tbl thead {
		display: block;
		float: left;
		width: 30%;
	}
	.flex-tbl thead tr {
		width: 100%;
	}
	.flex-tbl tbody {
		display: block;
		float: left;
		width: 70%;
	}
	.flex-tbl tbody tr {
	}
	.flex-tbl tr td + td {
		border-left: none;
		text-align:left;
	}
	.flex-tbl tbody td:last-child {
		border-bottom: solid 1px #ccc;
	}
}


.flex-tbl3 thead tr.head {
	display: none;
}

@media only screen and (max-width:900px) {
	.flex-tbl3 {
		width: 100%;
	}
	.flex-tbl3 tr {
		display: block;
		float: left;
	}
	.flex-tbl3 tr td, 
	.flex-tbl3 tr th {
		border-left: none;
		display: block;
		height: 45px;
	}
	.flex-tbl32 tr td, 
	.flex-tbl32 tr th {
		height: auto;
	}
	.flex-tbl3 thead {
		display: block;
		float: left;
		width: 30%;
	}
	.flex-tbl3 thead tr.head {
		display: block;
	}
	.flex-tbl3 thead tr {
		width: 100%;
	}
	.flex-tbl3 tbody {
		display: block;
		float: left;
		width: 70%;
	}
	.flex-tbl3 tbody tr {
		width: 100%;
	}
	.flex-tbl3 tr td + td {
		border-left: none;
		text-align:left;
	}
	.flex-tbl3 tbody td:last-child {
		border-bottom: solid 1px #ccc;
	}
}