@charset "shift_jis";

body {
	box-sizing: border-box;
}
h1, h2 {
	font-size: 18px;
	margin: 0px;
}
h3 {
	font-size: 16px;
	margin: 0px;
}
#wallstand-body {
 margin: 0px auto 50px;
 font-size: 16px;
 line-height: 1.5;
 color: #222;
 width: 850px;
}
.text {
	margin-bottom: 30px;
	padding: 0px 5px;
	line-height: 1.6;
}
.kome {
	text-indent: -1em;
	padding-left: 1em;
}
.b_under {
	font-weight: bold;
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.margin_t {
	margin-top: 20px;
}
.img {
	margin: 15px 0px;
	text-align: center;
}
.menu {
	font-size: 18px;
	font-weight: bold; 
	color: #222222;
	display: inline-block;
	margin-right: 35px;
	text-decoration: none;
}
.title {
	border-top: solid 1px #222222;
	border-bottom: solid 1px #222222;
	margin: 50px 0px 20px;
	padding: 2px 10px;
	font-weight: bold;
}
.features {
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap; 
	justify-content: space-between;
	padding: 0px 5px;
}
.features-box {
    width: 47%;
    padding: 15px 10px;
    background-color: #f5f5f5;
    text-align: center;
    font-size: 14px;
    margin: 5px 0px;
}
.features-text {
	margin-top: 10px;
	text-align: left;
	line-height: 1.6;
}
.option-btn {
	display: inline-block;
	width: 180px;
	font-size: 16px;
	margin: 5px;
	padding: 10px;
	text-align: center;
	line-height: 1.3;
	font-weight: bold;
	background: #828fd1;
	color: #ffffff;
	border-radius: 5px;
	text-decoration: none;
}
.order-btn {
	display: inline-block;
	width: 120px;
	font-size: 14px;
	margin: 5px 0px;
	padding: 5px 10px;
	text-align: center;
	line-height: 1.3;
	font-weight: bold;
	background: #8fb1db;
	color: #ffffff;
	text-decoration: none;
}
.subtitle {
	font-weight: bold;
	background: #d5e3f2;
	display: inline-block;
	margin: 5px 0px;
	padding: 2px 15px; 
}
.recotext {
	line-height: 2.0;
	border-bottom: solid 3px #ccc;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 7px;
	padding: 2px 5px;
}
.mklink {
	color: #1D3994;
}
.mklink:hover {
	text-decoration: underline;
}
.lineup-table {
	width: 870px;
	font-size: 14px;
	border-collapse: collapse;
	text-align: center; 
	white-space: nowrap;
	margin-bottom: 50px;
}
.lineup-table table th, .lineup-table table td {
	height: 38px;
	padding: 0px 5px;
	vertical-align: middle;
}
.table-hd {
	height: 25px;
	border-bottom: solid 1px #222222;
}
.series {
	background-color: #d6d6d6;
	min-width: 50px;
}
table.lineup-table td{
	padding: 3px 2px;
}
.border_b {
	border-bottom: solid 1px #222222;
}
.options {
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap; 
	justify-content: space-between;
	align-items: flex-start;
	padding: 0px 5px;
}
.options-box {
    width: 32%;
    margin: 5px 0px;
}
.option-img-title {
	text-align: left;
}
.lineup-btn {
	display: inline-block;
	width: 500px;
	font-size: 16px;
	padding: 10px;
	text-align: center;
	line-height: 1.3;
	font-weight: bold;
	background: #828fd1;
	color: #ffffff;
	border-radius: 5px;
	text-decoration: none;
}
/* サテンホワイト */
.sa-white {
	font-size: 16px;
}
/* サテンブラック */
.sa-black {
	font-size: 18px;
	color: #000000;
}
/* ウォールナット */
.walnut {
	font-size: 18px;
	color: #8a6969;
}
/* ホワイトオーク */
.white-oak {
	font-size: 18px;
	color: #f5e7d3;
}
/* シルバーメッキ */
.silver {
	font-size: 18px;
	color: #dbdbdb;
}
/* コッパーメッキ */
.copper {
	font-size: 18px;
	color: #f0c080;
}
/* サテンピンク */
.sa-pink {
	font-size: 18px;
	color: #ffe0e8;
}
/* サテンブルー */
.sa-blue {
	font-size: 18px;
	color: #c9f9ff;
}
/* サテンイエロー */
.sa-yellow {
	font-size: 18px;
	color: #fff9bd;
}
/* サテングリーン */
.sa-green {
	font-size: 18px;
	color: #daffcc;
}
/*
.txt-s {
	font-size: 12px;
}
*/
.txt-space {
	letter-spacing: -2px;
}