@charset "UTF-8";

/*カメラテクノロジー*/

.container .technology {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top:1.5em;
}
.container .technology li {
	position:relative;
}
.container .technology li span {
	width:125px;
	height:125px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align:center;
	font-size:18px;
	position:relative
}
.container .technology li:before, 
.container .technology li:after,
.container .technology li span:before,
.container .technology li span:after {
	content:"";
	display:block;
	position:absolute;
	width:40px;
	height:40px;
	border:3px solid #FFF;
}
.container .technology li:before {
	top:0;
	left:0;	
	border-bottom:none;
	border-right:none;
	border-top-left-radius: 10px;
}
.container .technology li:after {	
	top:0;
	right:0;
	border-left:none;
	border-bottom:none;
	border-top-right-radius: 10px;
}
.container .technology li span:before{
	left:0;
	bottom:0;
	border-right:none;
	border-top:none;
	border-bottom-left-radius: 10px;
}
.container .technology li span:after{
	right:0;
	bottom:0;
	border-left:none;
	border-top:none;
	border-bottom-right-radius: 10px;
}
@media screen and (max-width: 640px) {
	
	.container .technology {
		width: 260px;
		margin-right: auto;
		margin-left: auto;
	}
	.container .technology li span {
		width:70px;
		height:70px;
		font-size:11px;
	}
	.container .technology li:before, 
	.container .technology li:after,
	.container .technology li span:before,
	.container .technology li span:after {
		width:24px;
		height:24px;
		border-width:2px;
	}
	.container .technology li:before {
		border-top-left-radius: 6px;
	}
	.container .technology li:after {	
		border-top-right-radius: 6px;
	}
	.container .technology li span:before{
		border-bottom-left-radius: 6px;
	}
	.container .technology li span:after{
		border-bottom-right-radius: 6px;
	}	
	
}

/*手ブレ補正*/

dl.camera_tebure {
	display: inline-block;
    background: rgba(36,26,23,1);
	background: linear-gradient(to bottom, rgba(94,92,92,1) 0%,rgba(45,36,34,1) 100%); 
    padding: 0.5em 1.5em;
	margin:1em 0.5em 0;
}
dl.camera_tebure dt {
	display: inline-block;
    color: white;
}
	
dl.camera_tebure dd {
    display: inline-block;
    background-color: white;
    padding: 3px 2em;
    border-radius: 6px;
    margin-left: 1.5em;
	color:#333;
}

@media screen and (max-width: 640px) {
	dl.camera_tebure {
		display: block;
		font-size:0.75rem;
		padding: 0.5em 0;
		max-width:340px;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
	}
	dl.camera_tebure dt {
		display:block;
		float:left;
		margin-left:1em;
		width:7em;
		line-height:24px;
	}
		
	dl.camera_tebure dd {
		display:block;
		width:auto;
		padding:3px 1em;
		margin-left: 8em;
		margin-right:1em;
	}
	
}

/* 機能一覧 */
.function_list {
	margin: 0 auto !important;
   /* display: table;
    border-collapse: separate;
    border-spacing: 3px 0;*/
	display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap:wrap;
}
.function_list li {
	/*display: table-cell;*/
	width:7em;
	height: 2.6em;
	padding:0.5em 1em;
	border:1px solid #999;
	line-height: 1.2;
	/*vertical-align: middle;*/
	display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    flex-direction: column;
}

.function_list li span {
	font-size: 0.75rem;
}

@media screen and (max-width: 640px) {
	.function_list li {
		font-size: 0.72rem;
		padding:4px 8px;
		margin-bottom:4px;
	}
	.function_list li span {
		font-size: 0.625rem;
	}

}