@charset "UTF-8";

/* ハイスピードAF */

.container ul.highspeed-af {
	margin-top:2em;
}
.container ul.highspeed-af li {
	display:inline-block;
	padding:0.75em 1em;
	font-weight:500;
	text-align:left;
	vertical-align:middle;
}
.container ul.highspeed-af li.af {
	background-color:#fff;
	border-radius:15px;
	width:6em;
	color:#333;
	text-align:center;
}
.container ul.highspeed-af li.plus {
	background-color:#FFF;
	border-radius:20px;
	color:#333;
	width:1.6em;
	text-align:center;
	padding:0.5em;
	margin:0 2em;
	font-weight:600;
}
@media screen and (max-width: 640px) {
	.container ul.highspeed-af {
		text-align:left;
		width:240px;
		margin-left:auto;
		margin-right:auto;
		font-size: 0.72rem;
	}
	.container ul.highspeed-af li.plus {
		display:block;
		margin:1em auto;
	}

}

/* おすすめプラス */
.container .osusume_plus {
	margin-top:0.5em;
	text-align:left;
}
.container .osusume_plus li {
	display:inline-block;
	width:12em;	
	text-align:left;
}
@media screen and (max-width: 640px) {
	.container .osusume_plus {
		margin-left:3%;
		font-size: 0.72rem;
	}
	.container .osusume_plus li {
		width:auto;
		margin-right:2em;
}
}
/*カメラテクノロジー*/

.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;
	}	
	
}