@media screen and (max-width:768px){
	#nav{display: none;}
	#home_main{
		padding: 0.625rem;
	}
	.market{
		margin-bottom: 10px;
	}
	.market dl{
		overflow: hidden;
	}
	.market dl dt{
	}
	.market dl dt img{
		display: block;
		width: 100%;
		height: 100%;
	}
	.market dl dd{
	}
	.market dl dd h3{
		padding-top: 0.625rem;
	}
	.market dl dd ul li{
		padding-bottom: 5px;
		font-size: 13px;
		color: #666;
	}
	.market dl dd ul li a{
		color: #369;
		text-decoration: underline;
	}
	
	.enterlist{
		margin-bottom: 20px;
	}
	.enterlist dl{
		box-sizing: border-box;
		overflow: hidden;
	}
	.enterlist dl dt a{
		font-size: 18px;
		color: #369;
		text-decoration: underline;
		padding-bottom: 5px;
		font-weight: bold;
	}
	.enterlist dl dd{
		color: #666;
		padding-bottom: 6px;
	}
}
@media screen and (min-width:769px){
	.myback{display: none;}
	#main{
		padding: 20px;
		width: 1200px;
		margin: 0 auto;
	}
	.line{
		border: 1px solid #ccc;
		margin-bottom: 20px;
		overflow: hidden;
		border-left: 0;
	}
	.line h2{
		width: 100%;
		height: 50px;
		line-height:50px;
		font-size: 16px;
		background-color: #ccc;
		padding-left: 20px;
		box-sizing: border-box;
	}
	.itemwarp{
		border-bottom: 1px solid #ccc;
		width: 599px;
		float: left;
		height: 220px;
	}
	.itemwarp dl{
		width: 220px;
		height: 220px;
		border-left: 1px solid #ccc;
		float: left;
		padding: 10px;
		box-sizing: border-box;
		cursor: pointer;
		background-color: #eee;
	}
	.itemwarp dl dt{
		width: 200px;
		height: 150px;
	}
	.itemwarp dl dt img{
		display: block;
		width: 100%;
		height: 100%;
	}
	.itemwarp dl dd{
		width: 200px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #369;
		font-weight: bold;
	}
	.enter{
		float: left;
		padding-left: 20px;
		width:340px;
	}
	.enter a{
		display: block;
		border-bottom: 1px dotted #999;
		padding: 8px 0;
	}
	.enter a:last-child{
		border-bottom:0;
	}
	.name{
		font-size: 16px;
		color: #369;
		text-decoration: underline;
	}
	.name:hover{
		color: #f60;
	}
	.lineinfo{
		font-size: 12px;
		color: #f60;
	}

	/* ------------------------------- */
	.marketenter{
		padding: 10px;
	}
	.market{
		border: 1px solid #ccc;
		margin-bottom: 10px;
		padding: 10px;
		border-radius: 5px;
	}
	.market dl{
		width: 1160px;
		overflow: hidden;
	}
	.market dl dt{
		width: 400px;
		height: 300px;
		float: left;
	}
	.market dl dt img{
		display: block;
		width: 100%;
		height: 100%;
	}
	.market dl dd{
		width: 750px;
		float: left;
		margin-left: 10px;
	}
	.market dl dd h3{
		padding-bottom: 10px;
	}
	.market dl dd ul li{
		padding-bottom: 5px;
		font-size: 13px;
		color: #666;
	}
	.market dl dd ul li a{
		color: #369;
		text-decoration: underline;
	}

	.enterlist{
		margin-bottom: 20px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
	.enterlist dl{
		border: 1px solid #ccc;
		padding: 10px;
		box-sizing: border-box;
		border-radius: 5px;
		height: 120px;
		overflow: hidden;
	}
	.enterlist dl dt a{
		font-size: 18px;
		color: #369;
		text-decoration: underline;
		padding-bottom: 5px;
		font-weight: bold;
	}
	.enterlist dl dd{
		color: #666;
		padding-bottom: 6px;
	}
}