.title{
	text-align: center;
	margin:0.5em 0;
}

.titlein{
	font-size:24pt;
}

.demo{
	display: flex;
	flex-direction: row;
	margin:1em;
	justify-content: center;
}

.sc{
	width: 100%;
	text-align: center;
	margin: 1em;
}

.sc img.border{
	border:1px solid gray;
}

.sampleo{
	display: flex;
	flex-direction: row;
	margin:1em;
	justify-content: center;
	flex-wrap: wrap;
}

.sample .box{
	position: relative;
	width: 300px;
	margin: 0.5em;
}

.sample img{
	object-fit: contain;
}

.image-caption {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.4);
	border-radius: 5px;
  color: #fff;
  padding: 5px 10px;
  font-size: 0.8em;
  white-space: nowrap;
}


.doc{
	width: 100%;
	font-weight: bold;
	text-align: center;
}

.doc a{
	color: #222222;
}

.pp-title{
		font-size: larger;
		width:100%;
		font-weight: bold;
		text-align: center;
}

#buy{
	text-align: center;
}

#buy table{
	display: inline-table;
}

#buy .from{
	font-weight: bold;
}

#buy .payway{
	font-size:smaller;
}


#sample .title{
	font-weight: bold;
	text-align: center;
	font-size: large;
}

.samplelist{
	text-align: center;
}

.sample{
	display: inline-block;
}

.sample>div{
	display: flex;
	justify-content: center;
}

.sample .result{
	display: flex;
	align-items: center;
	justify-content: center;
}


.sample .result img{
	max-height:5cm;
}

table.param td{
	vertical-align: top;
}

table.param tr td:first-child{
	font-weight: bold;
	padding-right: 0.5em;
}