@media screen and (min-width: 640px) {
	#sliderSP, .img_commSP {
		display: none;
	}
}
@media screen and (max-width: 639px) {
	body {font-size: 1rem;}
	#slider, .nm_hotel, .img_comm, .img_comm2 {display: none;}
	div.content {width: 100%; padding: 0; margin: 0; background: none; font-size: .9rem;}
	div#mainArea, div#mainVisual {width: 100%; margin: 0}
	div#mainArea {padding-top: 0;}
	div#mainArea p {font-size: 1rem; line-height: 1.6rem;}
	#sliderSP img{
		height: 220px;
	}
	header {
		background: none;
	}
	div.greeting {
		background: #fff;
		padding: 1rem;
		margin: .5rem;
	}
	div.greeting h2 img {
		width: 90%;
	}
	div.greeting p.center {
		text-align: left;
	}
	div.logo {
		margin: 10px;
		height: auto;
		background: #fff url(/img/page/welcome/bg_la_group.png) no-repeat bottom center;
		background-size: 100%;
		border: 3px double #D23933;
	}
	div.logo h1 {
		padding: 20px 0 40px 0;
	}

	div.title, div.hotel {
		background: #fff;
		margin: .5rem;
	}
	div.title {
		padding: 1.2rem 0 .6rem 1rem;
		margin-bottom: 0;
	}
	div.hotel {
		padding: .5rem;
	}
	div.comm p {
		margin-top: 1.5rem;
	}
	div.hotel.noSpace {
		margin-top: 0;
	}
	.title img {
		width: 90%;
	}
	.spaTitle img {
		width: 60%;
	}
	div.img_hotel {
	border: #EADAB9 4px solid;
	margin: .5rem 0;
	width: 45%;
	}
	div.img_hotel img {
		width: 100%;
	}
	div.lg_hotel {
		margin: 1rem 0;
	}
	div.lg_hotel img {
		max-width: 80%;
	}
	.img_commSP {
		border: #EADAB9 4px solid;
		border-radius: 150px;
		background: #e7d5c0;
		width: 150px;
		height: 150px;
		float: right;
		margin: 1rem 0;
		padding: 0;
		overflow: hidden;
	}
	.img_commSP img {
		width: 170px;
	}
	.left, .right {
		float: none;
		width: 100%;
	}
	.left p, .right p {
		margin: 0;
		padding: 0;
		width: 85%;
	}
	.contact {
		color: #D23933;
		font-size: 1em;
		font-weight: bold;
	}
	footer p {
		padding: .5rem;
		font-size: .8rem;
	}
}