/* CSS Document */
main div.headimage {
	height: 32.5vw;
	margin: 0 0 2em 0;
}

main div.headimage img {
	width:100%;
	height:calc(100vw - 67.5vw);
	object-fit: cover;
	object-position: left bottom;
	overflow: hidden;
}

main section {
	margin-bottom: 200px;
}

main section h2 {
	font-size: 2.4rem;
	padding: 1em 0 0 0;
	margin:  0 0 1em 0;
	text-align: center;
}

main section ul.attention li {
	margin-left: 2em;
	text-indent: -1em;
	text-align: justify;
}

main section ul.attention li::before {
	content: "※";	
}

main section#R5 article table {
	border: 1px solid #000;
	border-collapse: collapse;
	width:100%;
	height: 100%;
}

main section#R5 article table th,
main section#R5 article table td {
	border: 1px solid #000;
	border-collapse: collapse;
	padding: 3px;
	vertical-align: middle;
	text-align: center;
}

main section#R5 article table th {
	background: #000;
	color: #fff;
	height: 1.5em;
}

main section div.businesshour {
	background: rgb(244,244,244);
	margin: 30px 0 10px 0;
	padding: 0px 0 30px;
	font-size: 1.8rem;
}

main section#R1 div.businesshour article {
	margin-bottom: 0;
}

main section div.businesshour h2 ,
main section div.businesshour h3 {
	border-bottom: 1px solid;
	padding: 1em 0 0 0;
	text-align: center;
	font-weight: 400;
}

h1 small::before {
	content:"(";
}

h1 small::after {
	content:")";
}

/* スマホ用 */
@media screen and (max-width: 639px) {	
	main section > p {
		font-size: 1.6rem;
		text-align: justify;
	}

	main section article {
		margin: 2em auto 2em;
		font-size: 1.2rem;
		width:98%;
	}

	main section article h2 {
		text-align: center;
		font-size: 1.8rem;
	}
	
	main section article img {
		width: 100%;
	}
	main section article > div.note {
		width: 50%;
		float: left;
		margin: 0;
		padding: 1em;
		text-align: justify; 
		box-sizing: border-box;
	}
	
	main section article div.image {
		width: 50%;
		float: right;
		margin: 0;
		padding: 10px 0;
		text-align: center;
		box-sizing: border-box;
	}
	
	main section article ul.thumb {
		clear: both;
		display: flex;
		justify-content: space-between;
		font-size: 1.2rem;
		flex-wrap: wrap;
	}
	
	main section article ul.thumb li {
		width:33%;
		line-height: 1;
		margin-bottom: 5px;
	}
	
	main section#R5 article table {
		height: auto;
	}

	main section#R1 div.businesshour article dl dt {
		font-size: 1.6rem;
	}
		
	main section#R1 div.businesshour article dl dt::before {
		content: "●";
	}

}
 
/* PC用 */
@media screen and (min-width: 640px) {
	main section {
		font-size: 1.6rem;
	}
	
	main section > p {
		font-size: 1.8rem;
	}
	
	main section article {
		width: 1000px;
		margin: 2em auto 5em;
		text-align: justify;
	}

	main section#R4 article {
		width:100%;
		text-align: center;
	}
	
	main section article img {
		width: 100%;
		height: auto;
	}
		
	main section div.businesshour h2 ,
	main section div.businesshour h3 {
		width:1000px;
		margin:  0 auto 0.25em auto;
		font-size: 2.4rem;
	}
	
	main section#R1 div.businesshour article dl {
		width:50%;
		float: left;
	}

	main section#R1 div.businesshour article dl dt {
		width:5em;
		float: left;
		text-align: right;
	}
		
	main section#R1 div.businesshour article dl dt::before {
		content: "●";
	}

	main section#R1 div.businesshour article dl dd {
		margin-left: 6em;
	}

	main section#R4 article h2 {
		font-size: 3.6rem;
	}
	
	main section article > div.note {
		width: 50%;
		float: left;
		margin: 0;
		padding: 0;
	}
	
	main section article div.image {
		width: 50%;
		float: right;
		margin: 0;
		padding: 10px 0;
		text-align: center;
	}

	main section article ul.thumb {
		clear: both;
		display: flex;
		justify-content: space-between;
		font-size: 1.2rem;
		flex-wrap: wrap;
	}
	
	main section article ul.thumb li {
		width:33%;
		line-height: 1;
		margin-bottom: 5px;
	}

	main section#R5 article#PoppyPrice div {
		display: flex;
	}

	main section#R5 article#PoppyPrice div table {
		min-height: 10em;
	}

	main section#R5 article#PoppyPrice div#Pricebox div.pricewrap {
		width: 50%;
		display: flex;
	}

	main section#R5 article#PoppyPrice table#Table2 ,
	main section#R5 article#PoppyPrice table#Table2 th, 
	main section#R5 article#PoppyPrice table#Table2 td {
		border-left:none;
	}	
}