﻿
#wrapper {
	margin: 0 auto;
	padding-top: 30px;
	width: 50%;
}
h2 {
	font-weight: normal;
	font-size: 2rem;
	line-height: 2;
}
h3 {
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 2;
}
ul {
	margin-bottom: 20px;
	padding-left: 40px;
}
ul.order {
	list-style: disc;
}
ul.order__list {
	list-style: decimaru;
}
li {
	margin-bottom: 10px;
	font-size: 0.95rem;
	line-height: 1.5;
	letter-spacing: 1px;
}
p {
	margin-bottom: 30px;
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: 2px;
}
p.reserve {
font-size: 0.95rem;
	line-height:1.5;
	letter-spacing: 2px;
}
p.copy {
	text-align: right;
}

@media screen and (max-width:1024px){
	#wrapper {
		width: 70%;
	}
}
@media screen and (max-width:980px){
	#wrapper {
		width: 80%;
	}
}
@media screen and (max-width:780px){
	#wrapper {
		width: 90%;
	}
}
@media screen and (max-width:500px){
	#wrapper {
		width: 96%;
	}
}
