@charset "UTF-8";

/*------------ index ------------*/

#main_shop {
	width: 900px;
	margin: 0 0 50px 0;
	font-size: 1.2em;
	line-height: 1.8;
}

table {
	font-size: 1em;
}

table td {
	border-right: #cccbb2 solid 1px;
	border-bottom:  #cccbb2 solid 1px;
	vertical-align: top;
}

.shopbox {
	margin: 15px 12px 12px 15px;
}

.name {
	font-weight: bold;
	font-size: 1.1em;
	color: #003f90;
	margin: 0 0 7px 0;
	padding: 0 0 3px 0;
	line-height: 1.6;
	border-bottom: #cccbb2 dotted 1px;
}

.txt {
	font-size: 0.9em;
	margin: 0 0 3px 0;
}

.maininbox {
	width: 900px;
}

.linenone {
	border-right: none;
	border-bottom: none;
}

.goldtxt {
	font-weight: bold;
	font-size: 1.1em;
	color: #9d7202;
}

.brandleft {
	width: 441px;
	float: left;
}

.brandright {
	width: 441px;
	float: right;
}

.otherimg {
	width: 430px;
	float: left;
}

.othertxt {
	width: 445px;
	float: right;
}



@media only screen and (max-width: 767px) {
	#main_shop{
		width: 100% !important;
		padding: 0 10px;
		box-sizing: border-box;
	}
	
	#main_shop .right{
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	h2.mb15{
		width: 100%;
		padding: 0 10px !important;
	}
	
	.maininbox{
		width: 100% !important;
		
		box-sizing: border-box;
		margin-bottom: 20px !important;
	}
	
	.brandleft,.brandleft img{
		width: 100% !important;
		height: auto;
	}
	.brandleft{
		margin-bottom: 10px;
	}
	
	.brandright,.brandright img{
		width: 100% !important;
		height: auto;
	}
	
	.mb20,.mb20 img,.mb30,.mb30 img{
		width: 100% !important;
		height: auto;
	}
	
	table{
		width: 100% !important;
	}
	
	table tr td{
		width: 100% !important;
		display: block;
		border-right: none;
	}
	
	table tr td .boldtxt{
		font-size: 14px;
		
	}
	table tr td .name{
		font-size: 15px;
		border: none;
	}
	table tr td p{
		font-size: 13px !important;
	}
	
	.shopbox img{
		width: auto !important;
	}
	.linenone{
		display: none;
	}
	.otherimg,.otherimg img{
		width: 100%;
		height: auto;
		float: none;
	}
	.othertxt{
		width: 100% !important;
		float: none;
		font-size: 15px;
	}
	
}