#main .main-inner .mb{
	margin-bottom: 100px;
}

#colorbox,#cboxOverlay,#cboxWrapper{

	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
	-webkit-transform:translate3d(0, 0, 0)
	}
#cboxWrapper{
	max-width:none
	}
#cboxOverlay{
	position:fixed;
	width:100%;
	height:100%}
#cboxMiddleLeft,#cboxBottomLeft{
	clear:left}
#cboxContent{
	position:relative}
#cboxLoadedContent{
	overflow:auto;
	-webkit-overflow-scrolling:touch}
#cboxTitle{margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{
	display:none}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{
	cursor:pointer}
.cboxPhoto{
	float:left;
	margin:auto;
	border:0;
	display:block;
	max-width:none;
	-ms-interpolation-mode:bicubic}
.cboxIframe{
	width:100%;
	height:100%;
	display:block;
	border:0;
	padding:0;
	margin:0}
#colorbox,#cboxContent,#cboxLoadedContent{
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box}
#cboxOverlay{background:rgba(0,0,0,0.9)}
#colorbox{outline:0}
#cboxTopLeft{width:0;height:0}
#cboxTopRight{width:0;height:0}
#cboxBottomLeft{width:0;height:0}
#cboxBottomRight{width:0;height:0}
#cboxMiddleLeft{width:0}
#cboxMiddleRight{width:0}
#cboxTopCenter{height:0}
#cboxBottomCenter{height:0}
#cboxContent{
	background:transparent;
	overflow:hidden}
.cboxIframe{background:transparent}
#cboxError{
	padding:50px;
	border:1px solid #ccc}
#cboxLoadedContent{margin-bottom:28px}
#cboxTitle{
	position:absolute;
	bottom:4px;
	left:0;
	text-align:center;
	width:100%;
	color:#949494}
#cboxCurrent{
	position:absolute;
	bottom:4px;
	left:58px;
	color:#949494}
#cboxLoadingOverlay{display:none}
#cboxLoadingGraphic{display:none}
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{
	border:0;
	padding:0;
	margin:0;
	overflow:visible;
	width:auto;
	background:none}
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{
	outline:0}#cboxSlideshow{position:absolute;
		bottom:4px;
		right:30px;
		color:#0092ef}
#cboxPrevious{
		position:absolute;
		bottom:0;left:0;
		background:url("../js/vendor/colorbox/images/controls.png") no-repeat -75px 0;
		width:25px;height:25px;
		text-indent:-9999px}
#cboxPrevious:hover{background-position:-75px -25px}
#cboxNext{
		position:absolute;
		bottom:0;left:27px;
		background:url("../js/vendor/colorbox/images/controls.png") no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px}
#cboxNext:hover{background-position:-50px -25px}
#cboxClose{
			position:absolute;
			bottom:0;right:0;
			background:url("../js/vendor/colorbox/images/controls.png") no-repeat -25px 0;
			width:25px;height:25px;
			text-indent:-9999px}
#cboxClose:hover{background-position:-25px -25px}
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)}
.loading-icon{
	position:absolute;
	margin:auto;
	left:-5000px;right:auto;top:-5000px;bottom:auto;
	width:125px;height:125px;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden}
.loading-icon *{
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden}
.loading-icon.active{left:0;right:0;top:0;bottom:0}
.loading-icon .wrap{
	position:relative;
	width:125px;height:125px;
	margin:auto;transform:scale(0.6);
	-o-transform:scale(0.6);
	-ms-transform:scale(0.6);
	-webkit-transform:scale(0.6);
	-moz-transform:scale(0.6);
	opacity:0;
	-webkit-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	transition:opacity 0.5s}
.loading-icon .wrap.show{opacity:1}
.loading-icon .wrap .ball{
	position:absolute;
	background-color:rgba(255,255,255,0);
	height:22px;width:22px;
	border-radius:12px;
	-o-border-radius:12px;
	-ms-border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	animation-name:f_fadeG;
	-o-animation-name:f_fadeG;
	-ms-animation-name:f_fadeG;
	-webkit-animation-name:f_fadeG;
	-moz-animation-name:f_fadeG;
	animation-duration:1.2s;
	-o-animation-duration:1.2s;
	-ms-animation-duration:1.2s;
	-webkit-animation-duration:1.2s;
	-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	animation-direction:normal;
	-o-animation-direction:normal;
	-ms-animation-direction:normal;
	-webkit-animation-direction:normal;
	-moz-animation-direction:normal}
.loading-icon .wrap .ball.b1{
	left:0;top:51px;animation-delay:0.45s;
	-o-animation-delay:0.45s;
	-ms-animation-delay:0.45s;
	-webkit-animation-delay:0.45s;
	-moz-animation-delay:0.45s}
.loading-icon .wrap .ball.b2{
	left:15px;top:15px;
	animation-delay:0.6s;
	-o-animation-delay:0.6s;
	-ms-animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
	-moz-animation-delay:0.6s}
.loading-icon .wrap .ball.b3{
	left:51px;top:0;
	animation-delay:0.75s;
	-o-animation-delay:0.75s;
	-ms-animation-delay:0.75s;
	-webkit-animation-delay:0.75s;
	-moz-animation-delay:0.75s}
.loading-icon .wrap .ball.b4{
	right:15px;top:15px;
	animation-delay:0.9s;
	-o-animation-delay:0.9s;
	-ms-animation-delay:0.9s;
	-webkit-animation-delay:0.9s;
	-moz-animation-delay:0.9s}
.loading-icon .wrap .ball.b5{
	right:0;top:51px;
	animation-delay:1.05s;
	-o-animation-delay:1.05s;
	-ms-animation-delay:1.05s;
	-webkit-animation-delay:1.05s;
	-moz-animation-delay:1.05s}
.loading-icon .wrap .ball.b6{
	right:15px;bottom:15px;
	animation-delay:1.2s;
	-o-animation-delay:1.2s;
	-ms-animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s}
.loading-icon .wrap .ball.b7{
	left:51px;bottom:0;
	animation-delay:1.35s;
	-o-animation-delay:1.35s;
	-ms-animation-delay:1.35s;
	-webkit-animation-delay:1.35s;
	-moz-animation-delay:1.35s}
	.loading-icon .wrap .ball.b8{
		left:15px;bottom:15px;
		animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s}
	@keyframes f_fadeG{0%{background-color:#00b551}
	100%{background-color:rgba(255,255,255,0)}}
	@-o-keyframes f_fadeG{0%{background-color:#00b551}
	100%{background-color:rgba(255,255,255,0)}}
	.forPC{display:block}.forPCi{display:inline-block}
	.forSP,.forSPi{display:none}
	@media screen and (max-width: 640px){
		.forSP{display:block}.
		forSPi{display:inline-block}
		.forPC,.forPCi{display:none}}
		/*#main{background:#EDEDED}*/
	@media screen and (max-width: 640px){
		#main{padding:0}
		#main .rim-tpl-inner-wrap{padding:10px}}
		#main .main-inner{padding:100px 0 0px}

	@media screen and (max-width: 640px){
		#main .main-inner{padding:0px 0 40px}
	}
		#main .main-inner p{font-size:16px;line-height:1.5}
		.more{
			cursor:pointer;
			
			text-align:left;
			display:inline-block;
			font-size:14px;
			padding:10px 0 10px 14px;
			background:url(/common/img/icon-cursor.png) no-repeat 0 center;
			margin-left:20px}
		.more.close{
			background:url(/common/img/icon-cursor-down.png) no-repeat 0 center}
		.description{font-size:14px;line-height:1.6;padding-bottom:20px}

@media screen and (max-width: 640px){
	.description{padding:35px 20px 20px;}
}
#main .main-inner .news{
	background: #fff;
	padding: 35px 35px 45px;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 80px;
}

		#main .main-inner .news h1{
			font-size: 24px;
			font-weight: bold;
			margin-bottom: 15px;}

		@media screen and (max-width: 640px){
	#main .main-inner .news{
		padding: 15px 20px 25px;
		margin-bottom: 40px;
	}
	#main .main-inner .news h1{
		font-size: 18px;
		margin-bottom: 5px;
	}
	#main .main-inner .news dl dt{
		width:90px;
	}
}
		#main .main-inner .news dl{
			font-size: 15px;
			border-top:1px solid #ccc;
			
		}
		#main .main-inner .news dl:last-child{
			border-bottom:1px solid #ccc;
		}
		#main .main-inner .news dl dd a{color:#333;}
		#main .main-inner .article{
			width:100%;
			padding:30px 0px 30px;
			margin:0;
			border-bottom:1px solid #ccc;
			box-sizing:border-box}
		#main .main-inner .article.article-03{
			border-bottom:none;
		}
		@media screen and (max-width: 640px){
			#main .main-inner .article.article-03{
				padding-bottom: 0;
			}
		}
		#main .main-inner .article{font-size:14px}
		#main .main-inner .article h3{
			
			font-size:32px;
			font-weight:bold;
			padding-bottom:20px;
			text-indent:-1.3em;
			margin-left:1.3em}
		#main .main-inner .article h3.noindent{
			text-indent:0;
			margin-left:0; 
		}
		@media screen and (max-width: 640px){
			#main .main-inner .article h3{
				font-size:24px;
				padding-bottom:5px;
			}
		}
		#main .main-inner p.indent{
			text-indent:-6em;
			margin-left:6em; 
		}
		#main .main-inner p.link-txt{
			padding: 0 22px;
			margin-top:40px;
			font-size: 18px;
		}
		@media screen and (max-width: 640px){
			#main .main-inner p.link-txt{
				padding:0;
			}
		}
		#main .main-inner p.link-txt a{
			color:#333;
		}
		#main .main-inner .other{
			padding: 20px 22px 0;
		}
		#main .main-inner .other .ttl{
			font-size: 22px;
			font-weight: bold;
			margin-bottom: 40px;
		}
		
		#main .main-inner .other a{
			color:#333;
		}
		@media screen and (max-width: 640px){
			#main .main-inner .other{
				padding: 10px 0px 0;
			}
			#main .main-inner .other .ttl{
				margin-bottom: 25px;
			}
		}
		#main .main-inner p a{
			color:#333;
		}


		#main .main-inner .article h4{
			font-size:22px;
			font-weight: bold;
		}
		@media screen and (max-width: 640px){
			#main .main-inner .article h4{
				font-size: 18px;
			}
		}
		#main .main-inner .article .youtube-wrap{
			text-align: center;
		}
		#main .main-inner .article .youtube-wrap iframe{
			margin:30px auto 0;
		}
		@media screen and (max-width: 640px){
			#main .main-inner .article .youtube-wrap iframe{
				width:100%;
			}
		}

		#main .main-inner .article .column-2{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			padding:0 25px;
			margin-top:20px;

		}
		#main .main-inner .article .column-2 .col{
			width:42%;
		}
		@media screen and (max-width: 640px){
			#main .main-inner .article .column-2{
				display: block;
				padding:0;
			}
			#main .main-inner .article .column-2 .col{
				width:100%;
				margin-bottom: 25px;
			}
		}
		#main .main-inner .article .column-2 .col .image-popup{
			cursor: pointer;
		}
		#main .main-inner .left-part,#main .main-inner .right-part{
			width:45.71%;padding:0;margin:0;line-height:1.6}
		#main .main-inner .right-part{float:right}
		#main .main-inner .article .pic-wrap{width:82.65%;margin:30px auto 0}
		#main .main-inner .article .pic-wrap2{width:100%;margin:0px auto 0}

		@media only screen and (max-width: 640px){
			#main .main-inner .article .pic-wrap{width:100%}
			#main .main-inner .article .pic-wrap img{min-width:auto}
		}


		#main .main-inner .article .pic-wrap .fl-wrap{
			overflow: hidden;
			margin-top: 30px;
		}
		#main .main-inner .article .pic-wrap .fl-wrap:first-child{
			margin-top: 0;
		}

		#main .main-inner .article .pic-wrap .square-icon{
			position: relative;
			padding-left: 1.5em;
		}
		#main .main-inner .article .pic-wrap .square-icon::before{
			position: absolute;
			content: "■";
			width:  1em;
			height: 1em;
			display:  inline-block;
			left: 0;
		}
		#main .main-inner .article .pic-wrap .square-icon.mt{
			margin-top: 30px;
		}

		#main .main-inner .article .pic-wrap .text{
			display: block;
			font-size: 16px;
			font-weight: bold;
			text-align: right;
			margin-top: 15px;
			width:100%;
		}
		#main .main-inner .article .pic-wrap .text2{
			margin-top: 30%;
		}
		@media only screen and (max-width: 640px){
			#main .main-inner .article .pic-wrap .text2{
				margin-top: 40px;
			}
		}
		#main .main-inner .article .pic-wrap .txt{
			display: inline-block;
			margin-top:5px;
		}
		#main .main-inner .article .pic-wrap .pard{
			display: inline-block;
			padding-left: 20px;
		}

		
		#main .main-inner .article .pic-wrap .caption{text-align:center;margin-top:10px}
		#main .main-inner .article .pic-wrap .pic-left,
		#main .main-inner .article .pic-wrap .pic-right{width:46.56%}
		#main .main-inner .article .pic-wrap .pic-left{float:left}
		#main .main-inner .article .pic-wrap .pic-right{float:right}
		#main .main-inner .article .pic-wrap .pic-left.pic-left2{
			width:31%;
		}
		#main .main-inner .article .pic-wrap .pic-right.pic-txt{
			width:66%;
		}


		#main .main-inner .article .pic-wrap .pic-left.pic-left3{
			width:64.9%;
		}

		#main .main-inner .article .pic-wrap .pic-right.pic-right2{
			width:31.56%;
		}

		#main .main-inner .article .pic-wrap .pic-left.pic-left4{
			width: 38.56%;
		}

		#main .main-inner .article .pic-wrap .pic-right.pic-right3{
			width: 60.56%;
		}



		@media only screen and (max-width: 640px){
			#main .main-inner .article .pic-wrap .pic-left,
		#main .main-inner .article .pic-wrap .pic-right{width:100%}
			#main .main-inner .article .pic-wrap .pic-left{
				margin-bottom: 20px;
			}
			#main .main-inner .article .pic-wrap .pic-left.pic-left2{
				width:100%;
			}
			#main .main-inner .article .pic-wrap .pic-right.pic-txt{
				width:100%;
			}
			#main .main-inner .article .pic-wrap .pic-left.pic-left3{
				width:100%;
			}
			#main .main-inner .article .pic-wrap .pic-right.pic-right2{
				width:100%;
			}
			#main .main-inner .article .pic-wrap .pic-left.pic-left4{
				width:100%;
			}
			#main .main-inner .article .pic-wrap .pic-right.pic-right3{
				width:100%;
			}
		}

		
		#main .main-inner .article .pic-wrap .icon-zoom{
			color: #fff;
			background: url("../img/icon-zoom.svg") left 12px center no-repeat,#333;
			  background-size: auto, auto;
			background-size: 16px;
			cursor: pointer;
			padding: 5px 20px 5px 35px;
			display: inline-block;
			margin-top: 5px;
		}
		#main .main-inner .article .pic-wrap .icon-zoom:hover{
			text-decoration: none;
		}
		#main .main-inner .article .pic-wrap .detail{
	display: block;
	margin-top:5px;
	font-size: 12px;
	width:100%;
}
		.product-name{
			display: inline-block !important;
		     float: none !important;
		    padding: 2px 5px !important;
		    background: #a6a6a6;
		    color:#262626;
		    height:22px;
		    line-height: 22px;
		    margin-left: 10px;
		        font-weight: bold;
		   
		}
		@media only screen and (max-width: 640px){
			.product-name{
				/* height:20px;
		    line-height: 20px;
		    font-size: 15px !important;*/
			}
		}
		#main .main-inner .article .gr-banner{
			text-align: center;
			margin-top:60px;
		}
		#main .main-inner .article .gr-banner img{
			margin-bottom:5px;
			max-width: 260px;
			min-width: auto;
		}
		#main .main-inner .article .gr-banner img:hover{
			opacity: 0.75;
		}
		#main .main-inner .article .pic-wrap-col3{margin:30px auto 0}
		#main .main-inner .article .pic-wrap-col3 .pic-col{
			float:left;width:31%;margin-right:3%}
		#main .main-inner .article .pic-wrap-col3 .pic-col:last-child{
			margin-right:0}
		
		@media only screen and (max-width: 640px){
			#main .main-inner .article .pic-wrap-col3 .pic-col{
				width:100%;margin-right:0;margin-bottom:25px}}
		#main .main-inner .article .detail{margin:30px 0 20px}
		#main .main-inner .article .emphasis{padding:20px 0 0;font-weight:bold}
		#main .main-inner .article .ph-half img{width:45.71%}
		#main .main-inner .article .effect{
			width:240px;font-size:14px;}
		#main .main-inner .article .effect th{
			border:1px solid #CCC;text-align:center}
		#main .main-inner .article .effect .border-w{
			border-bottom:3px double #CCC}
		#main .main-inner .article .effect td{
			border:1px solid #CCC;text-align:center}

	.update-wrap{
		background: #fff;
		padding:10px 35px;
		margin-top: 10px;
	}
	@media only screen and (max-width: 640px){
		.update-wrap{
			padding:20px;
		}
	}
	.update-wrap .link{
		font-size: 14px;
		color:#0095a0 !important;
	}
	.update-wrap .link2{
		float: right;
	}

	.update-wrap .imgchart{
		margin-top:20px;
		width:200px !important;
	}

		#main .main-inner .article .effect .w80{width:80px}
		.update-content-01 .article-01{padding-top:25px;padding-bottom:50px !important}
		.update-content-02 .article-02 span{margin-left:0;width:100%}
		.update-content-02 .article-02 .pic-wrap{width:100%}
		.update-content-02 .article-02 .pic-left{width:41.53%;padding-left:6.33%}
		.update-content-02 .article-02 .pic-right{width:36.02%;padding-right:8.88%}
@media only screen and (min-width: 641px){
	.update-content-01 .article-04 .text, .update-content-01 .article-04 .pic-wrap .pic-left3
	{padding-left: 32px;}
}
@media only screen and (max-width: 640px){
	#main .main-inner .article{padding:25px 0 25px}
	.article{font-size:14px}.article h3{
		font-size:24px;font-weight:bold;padding-bottom:10px}
	#main .main-inner .left-part,#main .main-inner .right-part{
		width:100%;float:none}
	#main .main-inner .right-part{margin-top:20px}
	#main .main-inner .article .ph-half img{width:100%}
	#main .main-inner .article .effect{margin:0 auto}
	.article .pic-wrap{width:100%;margin:0}
	.article .pic-wrap .pic-left,.article .pic-wrap .pic-right{
		width:100%;margin-top:10px;float:none}
	#main .main-inner .article:nth-child(1){padding-top:15px}
	#main .main-inner .article:nth-child(3) .pic-wrap{
		margin-left:0;width:100%}
		#main .main-inner .article:nth-child(3) .pic-left{
			width:100%;padding-left:0}
	#main .main-inner .article:nth-child(3) .pic-right{
		width:100%;padding-right:0}
	.more{
		cursor:pointer;
		text-align:left;
		/*text-decoration:underline;*/
		font-size:14px}}
	.frm-download{margin:50px 0}
	.frm-download p{margin-top:17px;padding:0 22px}
	.frm-download p a{font-weight:bold;font-size:18px;color:#333;text-decoration:underline}
@media only screen and (max-width: 640px){
	.frm-download{margin:30px 0 30px}
.frm-download p{padding:0;margin-top:0px;}}

.frm{padding:50px 22px;border-bottom: 1px solid #ccc;}
.frm .fz24{font-size: 24px !important;}
.frm .fz18{font-size: 18px !important;}
#main .main-inner .accordion a.toggle-button{
	display:block;background:url("../img/accordion_bg.jpg") no-repeat 0 0;
	padding:10px 10px 10px 45px;
	font-size:18px;
	line-height:1.4;
	color:#000;font-weight:bold;margin:0}
	/*#main .main-inner .accordion-contents{
		margin-top:25px;
	}*/
	#main .main-inner .accordion-contents .accordion-block{
		padding-bottom:30px;
	}
#main .main-inner .accordion{position:relative;padding:0;border:0}
#main .main-inner .accordion .inner{padding:30px 22px 0;display:none}
.firmware .bd-wrap h4{font-size:24px;font-weight:bold;padding-bottom:17px}
#main .main-inner .accordion .toggle-button span{
	position:absolute;
	top:12px;left:12px;
	background:url("../img/icon-accordion.png") no-repeat 0 0;
	display:block;
	width:21px;
	height:21px}
#main .main-inner .accordion a{text-decoration:none}
#main .main-inner .firmware{padding:0px;margin-top:25px}
.description1{padding:0px 0 0 0px;font-size:14px}
.title-lv2{background:#EDEDED;border:none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;padding:5px;}

.title-lv2 span{
	padding:0;
}
.title-lv2 span.dl-box{
	background:#404040;
	height: 22px;
	float: right;
	margin: 5px 0px;
	padding: 0 13px 0;
}

.title-lv2 span.dl-box a{
	float: none;
	font-size: 17px;
	font-weight: bold;
	color: #fff !important;
	line-height: 22px;
	background: none;
	padding: 0;
}

.pic-wrap figure .image{width:100%}
.pic-wrap figure .image a{display:block;width:100%;position:relative}
.pic-wrap figure .image a:after{
	content:'';
	position:absolute;
	right:0;bottom:0;
	display:block;
	width:40px;
	height:40px;
	background:url(../img/art_pho_ico.png) no-repeat center center #000;
	background-size:20px 20px}
.pic-wrap figure img{vertical-align:bottom;width:100%}
.detail{width:120vh;max-width:980px}
.detail .photo{width:120vh;height:80vh;
	max-width:980px;
	max-height:653.33333px;
	margin:0 0 12px 0}
.detail .photo p{
	width:120vh;height:80vh;
	max-width:980px;
	max-height:653.33333px;
	position:relative;
	overflow:hidden}
.detail .photo p .imgalt{display:block;width:120vh;height:80vh}
.detail .photo p img{
	max-width:100%;max-height:100%;
	position:absolute;margin:auto;
	left:-5000px;right:-5000px;
	top:-5000px;bottom:-5000px;
	opacity:0;
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s}
.detail .stats{color:#fff}
.detail .stats .lens-name{
	font-size:14px;line-height:20px;
	letter-spacing:0.04em;margin:0 0 4px 0}
.detail .stats .lens-name sup{
	font-size:0.71429em;
	vertical-align:baseline;
	position:relative;top:-0.5em}
.detail .stats .exif{
	font-size:12px;line-height:20px;
	letter-spacing:0.04em;margin:0 0 26px 0;
	display:-webkit-box;display:-moz-box;
	display:-ms-box;display:-webkit-flexbox;
	display:-moz-flexbox;display:-ms-flexbox;
	display:-webkit-flex;display:-moz-flex;
	display:-ms-flex;display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;
	flex-wrap:wrap}
.detail .stats .exif dt:after{content:'：'}
.detail .stats .exif dd:after{content:'、'}
.detail .stats .exif dd:last-child:after{display:none}
.detail .close-button a{display:block;margin:0 auto;
	width:198px;height:34px;
	border:1px solid #ffffff;
	font-size:13px;
	color:#ffffff;
	line-height:34px;
	vertical-align:middle;
	text-align:center;
	text-decoration:none}
.detail .close-button a:after{
	content:'';display:inline-block;
	vertical-align:middle;
	width:11px;
	height:11px;
	background:url("/japan/products/star_lens/common/img/_ico_clo.png") no-repeat;
	background-size:11px 22px;margin:0 0 0 9px}
.detail.portrait{width:53.33333vh;max-width:653.33333px}
.detail.portrait .photo{
	width:53.33333vh;
	height:80vh;
	max-width:653.33333px;
	max-height:980px}
.detail.portrait .photo p{width:53.33333vh;height:80vh;max-width:653.33333px;max-height:980px}
.detail.portrait .photo p .imgalt{width:53.33333vh;height:80vh}
.detail.portrait .photo p img{width:auto;height:100%}
@media all and (max-width: 768px){.detail{width:93.06667vw}
.detail .photo{width:93.06667vw;height:62.04444vw;margin:0 0 1.33333vw 0}
.detail .photo p{
	width:93.06667vw;
	height:62.04444vw;
	position:relative;
	overflow:hidden}
.detail .photo p .imgalt{
	display:block;
	width:93.06667vw;
	height:62.04444vw}
.detail .photo p img{
	max-width:100%;
	max-height:100%;
	position:absolute;
	margin:auto;left:-5000px;
	right:-5000px;top:-5000px;bottom:-5000px;
	opacity:0;-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s}
.detail .stats .lens-name{
	font-size:3.2vw;line-height:5.06667vw;
	letter-spacing:0.04em;margin:0 0 0.66667vw 0}
	.detail .stats .lens-name sup{
		font-size:0.58333em;vertical-align:baseline;
		position:relative;top:-0.4em}
	.detail .stats .exif{
		font-size:2.66667vw;
		line-height:4.53333vw;
		letter-spacing:0.04em;
		margin:0 0 5.33333vw 0;
		display:-webkit-box;
		display:-moz-box;display:-ms-box;
		display:-webkit-flexbox;display:-moz-flexbox;
		display:-ms-flexbox;display:-webkit-flex;
		display:-moz-flex;display:-ms-flex;display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;flex-wrap:wrap}
.detail .stats .exif dt:after{content:'：'}
.detail .stats .exif dd:after{content:'、'}
.detail .stats .exif dd:last-child:after{display:none}
.detail .close-button a{
	display:block;margin:0 auto;
	width:39.46667vw;height:7.46667vw;
	border:0.26667vw solid #ffffff;
	font-size:3.2vw;color:#ffffff;
	line-height:7.46667vw;
	vertical-align:middle;
	text-align:center;
	text-decoration:none}
.detail .close-button a:after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:2.4vw;height:2.4vw;
	background:url("/japan/products/star_lens/common/img/_ico_clo.png") no-repeat;
	background-size:2.4vw 4.8vw;margin:0 0 0 2.66667vw}
.detail.portrait{width:93.06667vw}
.detail.portrait .photo{width:93.06667vw;height:139.6vw}
.detail.portrait .photo p{width:93.06667vw;height:139.6vw}
.detail.portrait .photo p .imgalt{width:93.06667vw;height:139.6vw}
.detail.portrait .photo p img{width:auto;height:100%}}
.option figure{width:100%}
@media screen and (max-width: 768px){
	.option figure{width:100%}}.option figure>.image{width:100%}
	.option figure>.image a{
		display:block;width:100%;
		position:relative;background:#fff;text-align:center}
	.option figure>.image a:after{
		content:'';position:absolute;right:0;bottom:0;
		display:block;width:40px;height:40px;
		background:url(../img/art_pho_ico.png) no-repeat center center #000;
		background-size:20px 20px}
	.option figure>.image img{
		vertical-align:bottom;
		max-width:100%;
		max-height:100%}
	.option figure figcaption .detail{display:none}
/*# sourceMappingURL=style.css.map */
/*button.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	  margin-top: 0px;
	top: 50%;
	margin-top: -55px;
  width: 80px;
  height: 100px;
  cursor: pointer;
}
.mfp-arrow-left {
	left: 4%;
  background: url("../img/icon-prev-w.png") no-repeat center center !important;
}
.mfp-arrow-right {
	right: 4%;
  background: url("../img/icon-next-w.png") no-repeat center center !important;
}
.mfp-arrow-left::before,
.mfp-arrow-left::after,
.mfp-arrow-right::before,
.mfp-arrow-right::after{
	display: none;
}
img.mfp-img{
  max-width: 2000px;
}
@media only screen and (max-width: 640px){
	img.mfp-img{
	  width: 100% !important;
	  max-width: 100%;
	}
}*/

#main .main-inner .article .flexList{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#main .main-inner .article .flexList ul{
	margin-left: 1em;
	width: 33%;
	list-style-type: disc;
}
@media only screen and (max-width: 640px){
	#main .main-inner .article .flexList{
		padding-left: 0;
		display: block;
	}

	#main .main-inner .article .flexList ul{
		width: 100%;
	}
}
#main .main-inner p.text-ver24{