@charset "shift_jis";
/* CSS Document */

#contents .section div.pct img {
	margin: 10px 0 10px 10px;
}
#contents .section div.pct {
	margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
	.ex-alignRight {
		text-align: left!important;
	}
	#contents p.ex-alignRight {	
		margin-bottom: 30px;
	}
}

	/* table common */
	.mod-table-wrap{
		letter-spacing: -.40em;
		position:relative;
		margin-top:10px;
		width: 94%;
	}
		.mod-table-wrap h3{
			font-weight:normal;
			letter-spacing: normal;
			position:absolute;
			top:15px;
			left:340px;
		}
		.mod-table-wrap h3.left245 {
			left: 245px;
		}
		.mod-table-wrap .mod-inner-wrap{
			letter-spacing: normal;
			display:inline-block;
			/display:inline;
			/zoom:1;
		}
			table.list {
				width: 100%;
				padding: 0px;
				border-top: #CCC 1px solid;
			}
			#contents .mod-table-wrap .first-table table.list th.right,
			#contents .mod-table-wrap .first-table table.list td.right{
					border-right: none;
				}
			.mod-table-wrap .last-table table.list {
				/border-right:#CCC 1px solid;
			}
				#contents table.list th.converter {
					background: #666;
					color: #fff;
				}
				#contents table.list th.lens,
				#contents table.list td.lens {
					background: #999;
				}
				table.list td {
					padding: 10px 5px;
					border-bottom: #CCC 1px solid;
					text-align: center;
				}
				table.list td.left {
					padding: 10px 10px;
					text-align: left;
					white-space: nowrap;
				}
				table.list th.onlymobile,
				table.list td.onlymobile{
					display:none;
				}
				.mod-table-wrap .first-table table.list th,.mod-table-wrap .first-table table.list td{
					border-left: #CCC 1px solid;
				}
				.mod-table-wrap .last-table table.list th,.mod-table-wrap .last-table table.list td{
					border-left: #CCC 1px solid;
					border-right: #CCC 1px solid;
				}
				.mod-table-wrap .last-table table.list  th.table-header{
					border-left:none;
				}
			.mod-table-wrap .mod-inner-wrap.first-table{
				width:65%;
			}
			.mod-table-wrap .mod-inner-wrap.last-table{
				width:35%;
			}
			.mod-table-wrap .mod-inner-wrap. table.list td {
				width: 100px;
			}
			.mod-table-wrap .mod-inner-wrap. table.list td.left {
				width: 100px;
			}
.fs11 { font-size: 85%; }

@media (max-width: 640px){
			div.tabArea {
				width: auto;
			}
				ul.anchorlink {
					width: auto;
				}
					ul.anchorlink li {
						width: 120px;
						margin: 10px 10px 0px 0px;
						font-size: 12px;
					}
		.mod-table-wrap{
			position:static;
		}
			.mod-table-wrap h3{
				display:none;
			}
			.mod-table-wrap .mod-inner-wrap{
				display:block;
				width:auto!important;
				margin:10px auto;
			}
			table.list{
				border-right: #CCC 1px solid;
			}
				table.list th {
					word-break:break-all;
				}
				table.list th.version {
					height: auto;
				}
				table.list th.table-header{
					border-right:1px solid #CCC;
				}
					table.list th .table-header-label{
						display:block;
					}
				table.list td {
					width: 15%;
					height:auto;
					word-break:break-all;
				}
				table.list td.left {
					width:80px;
				}
					table.list td span{
						display:block;
						font-size:80%;
					}
				table.list th.right,
				table.list td.right{
					border-right: #CCC 1px solid;
				}
				table.list th.onlymobile,
				table.list td.onlymobile{
					display:table-cell;
				}
		.mq-break {
			display: block;
		}
}


/*===========================================
		grayArea
=============================================*/


a.textLink {
    margin: 0 0 0 0.3em;
	padding-left: 0.8em;
}

/* grayArea */

#contents .grayArea {
    margin: 2em 0.3em;
	background: #F0F0F0;
}
#contents .grayArea .introduction {
    display: table;
    width: 100%;
	margin-top: 1em;
}


#contents .grayArea > figure{
	margin: 0.5em;
}

#contents .grayArea .product_info {
    display: table-cell;
    vertical-align: top;
    text-align: center;
	margin-bottom: 2em;
}

#contents .grayArea .pl {
	padding-left: 3em;
}

#contents figure.high{
	text-align:center;
}
#contents figure {
	margin: 0 0.3em 2em;
}

#contents .grayArea .product_info p.product_name{
	text-align:left;
	margin-bottom:0;
}

#contents .grayArea .product_info a span.font_b{
	font-size:16px;
}
#contents .grayArea .product_info a span.font_br{
	padding-left:1em;
}
#contents .grayArea .product_info p.product_name,
#contents .grayArea .product_info p.store{
	margin-left: 0!important;
}
img.zoom {
    float: right;
    margin-right: 9%;
}
.caption {
    margin-top: 5px;
	font-size: 0.85em;
	width: 400px;
    margin: 0 auto;
}
.cap_R { float: right;}
.cap_L { float: left;}

#contents .grayArea .w2_Left .fl_l > img,
#contents .grayArea .product_info > img{
    margin: 1em 0 0 0;
    display: block;
}

#contents .grayArea .product_info p.store{
	text-align:left;
}

#contents .grayArea .product_info .cafe_link{
	text-align:left;
}

#contents .grayArea > .lens_txt{
	margin-top: 1em;
}

#contents .grayArea > .camera_txt{
	margin-top: 2em;
}

span.mod-storeLink a {
    border-radius: 0px;
}

/* 製品紹介2つあるタイプ */
#contents .grayArea .introduction.w2_int{
	display: block;
}
#contents .grayArea .introduction.w2_int figure,
#contents .grayArea .introduction.w3_int figure{
	text-align: center;
}
#contents .grayArea .introduction.yoko figure img.zoom,
#contents .grayArea .introduction.w2_int figure img.zoom {
	margin-left: 2em;
	vertical-align: top;
	float: none;
	margin-right: 0;
}
#contents .grayArea .w2_info{
	width: 90%;
	margin: 0 auto 1.5em auto;
}

/* 製品紹介3つあるタイプ */
#contents .grayArea .introduction.w3_int{
	display: block;
}
#contents .grayArea .introduction.w3_int figure img.zoom {
	margin-left: 2em;
	vertical-align: top;
	float: none;
	margin-right: 0;
}
#contents .grayArea .w3_info{
	width: 95%;
	margin: 0 auto 1.5em auto;
}
#contents .grayArea .w3_info .w3_Left img{
	margin-right: 3.75em;
}
#contents .grayArea .w3_info .w3_Right{
	padding-left: 1.5em;
}
#contents .grayArea .w3_figure_R{
	width: 375px;
	margin: 0 auto;
	display: block;
}

#contents .grayArea .w2_info .w2_Right,
#contents .grayArea .w2_info .w2_Left,
#contents .grayArea .w3_info .w3_Right,
#contents .grayArea .w3_info .w3_Left {
    display: block;
}

#contents .grayArea .w2_info .w2_Left {
	float:left;
	padding-left: 1em;
}
	
#contents .grayArea .w3_info .w3_Left {
	float:left;
	border-right: #bbb 1px solid;
	padding-left: 3em;
}
#contents .grayArea .w2_info .w2_Right,
#contents .grayArea .w3_info .w3_Right {
	float:right;
}
.onlymobile{
	display:none;
}
.yoko a.gallery,
.w2_int a.gallery,
.w3_int a.gallery{
	clear: both;
	display: block;
	text-align: right;
}
#contents .grayArea .product_info.w3_figure_R > img {
	display: inline-block;
}
#contents .grayArea .w3_figure_R p,
#contents .grayArea .w3_figure_R div{
	padding-left: 60px;
}

.plus{
	text-align: center;
	margin: 2em;
}
.fl_l { float:left;}
.fl_r { 
	float:right;
	margin-top:120px;
}
.yoko .caption{ margin:0;}
@media screen and (max-width: 640px) {
	#contents .grayArea{
		width:96%;
		padding: 5px 5px 15px;	
	}

	#contents .grayArea > figure img{
		width:100%;
		max-width:430px;
		
	}
	
	#contents .introduction > figure img{
		width:100%;
		max-width:430px;
	}
	
	#contents .grayArea .product_info{
		display:inline-block;
		width:100%;
		text-align: left;
		padding-left: 2em;
	}
	#contents figure.high {
		text-align: left;
	}

	#contents .grayArea .product_info > img{
		max-width:300px;
		width:100%;
		display:inline-block;
	}

	#contents .thema9_6{
		margin:0.5em 0.5em 1.5em -1.8em;;
		max-width:360px;
		width:106%;
	}

	#contents section > img.img_360{
		max-width:360px;
		width:96%;
	}
	
	#contents figure > img {
		max-width: 96%;
		height: auto;
	}

	#contents .grayArea .pl {
		padding-left: 0;
	}
	
	#contents .nav ul.menu_list {
		width: 80%;
		padding: 0.5em 1.5em 0.5em 0;
	}
	img.zoom {
		display: none;
	}
	#contents .grayArea .w3_info .w3_Right{
		padding-left: 2em;
	}
	
	#contents .grayArea .w3_figure_R{
		display:block!important;
		margin-left:0;
	}
	#contents .grayArea .w2_info,
	#contents .grayArea .w3_info{
		width: auto;
		margin: 0 0 1em 0;
	}
	#contents .grayArea .w2_info .w2_Left,
	#contents .grayArea .w3_info .w3_Left {
		float:noen;
		border-right: none;
		padding-left: 2em;
	}
	#contents .grayArea .w2_info .w2_Right,
	#contents .grayArea .w3_info .w3_Right {
		float:none;
	}
	#contents .grayArea .w3_figure_R p,
	#contents .grayArea .w3_figure_R div{
		padding-left: 0;
	}
	.fl_l { float:none;}
	.fl_r { 
		float:none;
		display:none;
	}
}

/* ワンポイント */

div.onePointArea {
	width: 760px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 70px;
	padding: 0px;
	clear: both;
}
div.onePointArea div.onePointTitle {
	width: 760px;
	height: 65px;
    margin: 0px;
}
div.onePointTitle2 {
	display: none;
}
div.onePointArea  div.onePointBox {
	border-bottom: 11px double #d7e9d9;
	border-left: 11px double #d7e9d9;
	border-right: 11px double #d7e9d9;
	margin-top: 0;
	padding: 20px 20px 20px 20px;
	width: 688px;
}

div.onePointArea_s {
	width: 700px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
}
div.onePointArea_s div.onePointTitle {
	width: 700px;
	height: 65px;
    margin: 0px;
}
div.onePointArea_s div.onePointBox {
	border-bottom: 11px double #d7e9d9;
	border-left: 11px double #d7e9d9;
	border-right: 11px double #d7e9d9;
	margin-top: 0;
	padding: 20px 20px 20px 20px;
	width: 638px;
}
#contents .onePointArea ol ul.txtlink{
	margin:0;
}
ul.mount_list{
	margin: 1em 0 1em 2em;
}
ul.mount_list .txtlink{
	display:inline-block;
	vertical-align: bottom;
	padding-left: 2em!important;
}
ul.mount_list li.clearfix{
	color: #333;
	margin-bottom: 0.5em;
}
ul.mount_list ul.txtlink li {
	float: left;
}
#contents ul.mount_list ul.txtlink{
	margin:0;
	padding:0;
	vertical-align: top;
}
.font16{
	font-size:16px;
}
.grayArea .w3_int p:last-of-type,
.grayArea .w2_int p:last-of-type{
	text-align: center;
}
#contents .onePointArea .onePointBox div{
	border-top: #bbb 2px dotted;
	margin-top:3em;
}
@media screen and (min-width:450px) and (max-width:640px) {
	#contents .grayArea .product_info p.product_name,
	#contents .grayArea .product_info p.store,
	#contents .grayArea .product_info,
	#contents .grayArea .product_info .cafe_link {
		text-align: center!important;
	}
}
@media screen and (max-width: 640px) {
div.onePointArea {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	padding: 10px 0px;
	clear: both;
	border: 11px double #d7e9d9;
}
div.onePointArea img{
	max-width: 100%;
}
div.onePointArea div.onePointTitle {
	width: 78%;
	display: none;
}
div.onePointArea div.onePointTitle2 {
	width: 84%;
	height: auto;
	margin: 0px auto 10px auto;
	padding: 0px;
	display: block;
	text-align: center;
}

div.onePointArea div.onePointBox {
	width: 84%;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	height: auto;
	border: medium none;
	float: none;
}
.resize {
	/* width: 100%; */
	max-width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: bottom;
}

div.onePointArea_s {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	padding: 10px 0px;
	clear: both;
	border: 11px double #d7e9d9;
}
div.onePointArea_s div.onePointTitle {
	width: 78%;
	display: none;
}
div.onePointArea_s div.onePointTitle2 {
	width: 84%;
	height: auto;
	margin: 0px auto 10px auto;
	padding: 0px;
	display: block;
	text-align: center;
}

div.onePointArea_s div.onePointBox {
	width: 84%;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	height: auto;
	border: medium none;
	float: none;
}
.onlymobile{
	display:block;
}
.onlymobile.bottom_l {
	border-bottom: #bbb 1px solid;
	margin: 0 1em 2em 1em;
}
.caption {
	width: auto;
}
.cap_L,.cap_R { 
	float: none;
	display:block;
	text-align: left;
}

ul.mount_list .txtlink{
	padding-left: 0!important;
}


}