@charset "UTF-8";

/* shop modal ---------------------------------------*/

body{background: #ededed;}

.shop-modal-inner{
	background: #ededed;
	width: 700px;
	height: 100%;
}

.tripshop.is-modal{
	border:1px solid #aaa;
	padding: 0;
	height: 100%;
}

.tripshop.is-modal .tripshop-inner{
	max-width: 100%;
	height: 100%;
	position:relative;
	left: 0;
	top: 0;
	transform: translate(0,0);
}

.tripshop.is-modal .tripshop-map-wrapper{
	width: 50%;
	height:  100%;
	margin: 0;
	position:absolute;
	right: 0;
	top: 0;
}

.tripshop.is-modal .tripshop-leftbox{
	width: 50%;
	padding:  50px;
	height: 100%;
	overflow: auto;
}

.tripshop.is-modal .tripshop-map{
	width: 100%;
	height: 100%;
	border: none;
}

.tripshop.is-modal .tripshop-slider{
	width: 100%;
	padding: 0;
}

.tripshop.is-modal .tripshop-title{margin-bottom: 10px;}

.tripshop.is-modal .tripshop-data{margin-top: 50px;}



@media screen and (max-width: 1000px){


	/* shop modal ---------------------------------------*/

	.shop-modal-inner{
		width: 100%;
	}

	.tripshop.is-modal{}
	.tripshop.is-modal .tripshop-inner{}

	.tripshop.is-modal .tripshop-map-wrapper{
		width: 100%;
		height:  50%;
		position:relative;
	}

	.tripshop.is-modal .tripshop-leftbox{
		width: 100%;
		padding:  30px 20px 0;
		height: 50%;
	}

	.tripshop.is-modal .tripshop-slider{
		width: 100%;
		padding: 0 0 40px;
	}

	.tripshop.is-modal .tripshop-title{margin-bottom: 30px;}
	.tripshop.is-modal .tripshop-data{margin-top: 0px;}

	.tripshop-detail-title{font-size:11px;}
	.tripshop-time, .tripshop-address, .tripshop-tel, .tripshop-link{font-size:9px;margin-bottom:6px;}



}