@charset "utf-8";

#main {
	margin: 0 auto 50px;
	text-align: center; 
}
#main h2 span {
	font-size: .8em;
}

#main .division {
	max-width: 500px;
	width: 90%;
	margin: 0 auto;
}
#main table{
	text-align: center;
	margin: 0 auto 30px;
	border-collapse: collapse;
	font-size: 1.2em;
}
#main table th,
#main table td {
	padding: 10px;
}
#main table tr {
	border-bottom: 3px double #0BA29A;
}

#main table span {
	font-size: .9em;
}
#main table span.sold {
	font-size: 1.2em;
	color: #F96A6C;
	font-weight: bold;
}
#main table td a {
	font-size: .9em;
}
#main .plan {
	padding-top: 150px;
	margin-bottom: 50px;
}
#main .plan ul {
	margin-bottom: 30px;
}
#main .plan li {
	color: #006E68;
	text-align: left;
	list-style: disc;
	margin: 0 auto 5px 30px;
	font-size: 1.2em;
}
#main .feature {
	color: #0BA29A;
	text-align: left;
	max-width: 700px;
	width: 90%;
	margin: 30px auto;
}
#main .feature li {
	list-style: disc outside;
	margin-bottom: 10px;
}
#main .info {
	padding: 10px;
	background: #EBEBEB;
	display: flex;
	justify-content: space-around;
	align-items:center;
	margin-bottom: 30px;
}

#main .info dl{
	display: flex;
	align-items: baseline;
	line-height: 20px;
	margin: 10px auto 15px;
}
#main .info dt::before{
	content: "● ";
}
#main .info dd::before{
	content: ": ";
}
#main .info strong {
	font-size: 1.5em;
	font-weight: normal;
}
#main .info span {
	font-size: .9em;
}
#main .info .price strong {
	color: #CACF0E;
	font-weight: bold;
	font-size: 2em;
}
#main .layout {
	display: flex;
	justify-content: space-between
}
#main .layout figure{
	width: 50%;
	text-align: center;
	margin: 0 auto 15px;
}
#main figcaption,
#main  aside {
	font-size: .8em;
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: left;
}
#main .photos {
	display: flex;
	max-width: 1200px;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
}
#main .photos li {
	list-style: none;
	margin: 0;
}
#main .photos li.w-50 {
	width: 50%;
}
#main .link ul {
	text-align: center;
}
#main .link li {
	display: inline-block;
	padding: 5px 0 5px 10px;
}
#main .link li a {
	
}
#main .link li::after {
	content: "|";
	padding-left: 10px;
}
#main .link li:last-child::after {
	content: none;
}
#main .model {
	margin: 30px auto;
}
@media screen and (max-width: 960px) {
}

@media screen and (max-width: 786px) {
}

@media screen and (max-width: 640px) {
	#main table{
	font-size: 1em;
}
#main table th,
#main table td {
	padding: 5px;
}
	#main .info {
	display: block;
	}
	#main .layout {
	flex-wrap: wrap;
}
#main .layout figure{
	width: 100%;
}
}

@media screen and (max-width: 480px) {
	#main table{
	font-size: .9em;
}
	#main .info {
	padding: 5px;
	font-size: .9em;
}

#main .feature {
	width: 90%;
}
#main .photos li.w-50 {
	width: 100%;
	}
#main .link li::after {
	padding-left: 5px;
}
}

@media screen and (max-width: 320px) {

}