* {
margin: 0px;
padding: 0px;
}

@media screen and (min-width:768px){
	.body {
 	 	position:relative;
 	 	background: url(../img/waitingroom/new_img/nhc_waitingroom_pc.jpg) no-repeat;
		width: 100%;
		padding-top: 70%;
		background-size: 100%;
	}
	
	.books_list-pc {
  		display: block;
  		position: absolute;
  		top: 35.5%;
  		right: 6%;
  		width: 21%;
		height: 12%;
		background: url(../img/waitingroom/new_img/link_book_pc_1.jpg) no-repeat;
		background-size: contain;
	}
	.books_list-pc:hover{
		background: url(../img/waitingroom/new_img/link_book_pc_2.jpg) no-repeat;
		background-size: contain;
	}
	.wrapper{
		display: none;
	}
}

@media screen and (max-width:767px){
	.body{
		min-width: 280px;
		width: 100%;
		padding: 2% 2% 20px;
		box-sizing: border-box;
	}

	p, dl{
		width: 94%;
		margin: 0 auto;
	}

	.ttl{
		width: 100%;
	}

	.ttl_img, .movie_img, .books_img, .books_list_img, .line, .sanitary_img{
		width: 100%;
		height: auto;
	}

	.books_list-sp{
		display: block;
		width: 60%;
		margin: 0 auto;
		padding: 2%;
		box-sizing: border-box;
	}

	.sanitary_ttl{
		margin-top: 18px;
	}

	dt{
		margin-top: 10px;
	}

	dd{
		text-align: justify;
	}

	.no-margin{
		margin: 0 !important;
	}

}