@charset "utf-8";

@font-face {
	font-family:"SIGMA_Bold";
	font-style:normal;
	font-weight:bold;
	src:url("sigma_bold.eot");
	src:url("sigma_bold.eot?#iefix") format("embedded-opentype"),
	    url("sigma_bold.woff") format("woff"),
	    url("sigma_bold.ttf") format("truetype");
}
@font-face {
	font-family:"SIGMA_Medium";
	font-style:normal;
	font-weight:bold;
	src:url("sigma_medium.eot");
	src:url("sigma_medium.eot?#iefix") format("embedded-opentype"),
	    url("sigma_medium.woff") format("woff"),
	    url("sigma_medium.ttf") format("truetype");
}
@font-face {
	font-family:"NIS_SMS5";
	font-style:normal;
	font-weight:bold;
	src:url("nis_sms5.eot");
	src:url("nis_sms5.eot?#iefix") format("embedded-opentype"),
	    url("nis_sms5.woff") format("woff"),
	    url("nis_sms5.ttf") format("truetype");
}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:100;
	src:url("YakuHanJP/YakuHanJP-Thin.eot");
	src:url("YakuHanJP/YakuHanJP-Thin.woff2") format("woff2"), 
	    url("YakuHanJP/YakuHanJP-Thin.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:200;
	src:url("YakuHanJP/YakuHanJP-Light.eot");
	src:url("YakuHanJP/YakuHanJP-Light.woff2") format("woff2"), 
	    url("YakuHanJP/YakuHanJP-Light.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:300;
	src:url("YakuHanJP/YakuHanJP-DemiLight.eot");
	src:url("YakuHanJP/YakuHanJP-DemiLight.woff2") format("woff2"), 
	    url("YakuHanJP/YakuHanJP-DemiLight.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:400;
	src:url("YakuHanJP/YakuHanJP-Regular.eot");
	src:url("YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"), 
	    url("YakuHanJP/YakuHanJP-Regular.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:500;
	src:url("YakuHanJP/YakuHanJP-Medium.eot");
	src:url("YakuHanJP/YakuHanJP-Medium.woff2") format("woff2"), 
	    url("YakuHanJP/YakuHanJP-Medium.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:700;
	src:url("YakuHanJP/YakuHanJP-Bold.eot");
	src:url("YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"), 
	    url("YakuHanJP/YakuHanJP-Bold.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:900;
	src:url("YakuHanJP/YakuHanJP-Black.eot");
	src:url("YakuHanJP/YakuHanJP-Black.woff2") format("woff2"), 
	    url("YakuHanJP/YakuHanJP-Black.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:100;
	src:url("YakuHanJPs/YakuHanJPs-Thin.eot");
	src:url("YakuHanJPs/YakuHanJPs-Thin.woff2") format("woff2"), 
	    url("YakuHanJPs/YakuHanJPs-Thin.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:200;
	src:url("YakuHanJPs/YakuHanJPs-Light.eot");
	src:url("YakuHanJPs/YakuHanJPs-Light.woff2") format("woff2"), 
	    url("YakuHanJPs/YakuHanJPs-Light.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:300;
	src:url("YakuHanJPs/YakuHanJPs-DemiLight.eot");
	src:url("YakuHanJPs/YakuHanJPs-DemiLight.woff2") format("woff2"), 
	    url("YakuHanJPs/YakuHanJPs-DemiLight.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:400;
	src:url("YakuHanJPs/YakuHanJPs-Regular.eot");
	src:url("YakuHanJPs/YakuHanJPs-Regular.woff2") format("woff2"), 
	    url("YakuHanJPs/YakuHanJPs-Regular.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:500;
	src:url("YakuHanJPs/YakuHanJPs-Medium.eot");
	src:url("YakuHanJPs/YakuHanJPs-Medium.woff2") format("woff2"), 
	    url("YakuHanJPs/YakuHanJPs-Medium.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:700;
	src:url("YakuHanJPs/YakuHanJPs-Bold.eot");
	src:url("YakuHanJPs/YakuHanJPs-Bold.woff2") format("woff2"), 
	    url("YakuHanJPs/YakuHanJPs-Bold.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:900;
	src:url("YakuHanJPs/YakuHanJPs-Black.eot");
	src:url("YakuHanJPs/YakuHanJPs-Black.woff2") format("woff2"), 
	    url("YakuHanJPs/YakuHanJPs-Black.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP";
	font-style:normal;
	font-weight:100;
	src:url("YakuHanMP/YakuHanMP-ExtraLight.eot");
	src:url("YakuHanMP/YakuHanMP-ExtraLight.woff2") format("woff2"), 
	    url("YakuHanMP/YakuHanMP-ExtraLight.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP";
	font-style:normal;
	font-weight:200;
	src:url("YakuHanMP/YakuHanMP-Light.eot");
	src:url("YakuHanMP/YakuHanMP-Light.woff2") format("woff2"), 
	    url("YakuHanMP/YakuHanMP-Light.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP";
	font-style:normal;
	font-weight:300;
	src:url("YakuHanMPs/YakuHanMPs-Regular.eot");
	src:url("YakuHanMPs/YakuHanMPs-Regular.woff2") format("woff2"), 
	    url("YakuHanMPs/YakuHanMPs-Regular.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:400;
	src:url("YakuHanMP/YakuHanMP-Medium.eot");
	src:url("YakuHanMP/YakuHanMP-Medium.woff2") format("woff2"), 
	    url("YakuHanMP/YakuHanMP-Medium.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP";
	font-style:normal;
	font-weight:500;
	src:url("YakuHanMP/YakuHanMP-SemiBold.eot");
	src:url("YakuHanMP/YakuHanMP-SemiBold.woff2") format("woff2"), 
	    url("YakuHanMP/YakuHanMP-SemiBold.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP";
	font-style:normal;
	font-weight:700;
	src:url("YakuHanMP/YakuHanMP-Bold.eot");
	src:url("YakuHanMP/YakuHanMP-Bold.woff2") format("woff2"), 
	    url("YakuHanMP/YakuHanMP-Bold.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP";
	font-style:normal;
	font-weight:900;
	src:url("YakuHanMP/YakuHanMP-Black.eot");
	src:url("YakuHanMP/YakuHanMP-Black.woff2") format("woff2"), 
	    url("YakuHanMP/YakuHanMP-Black.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:100;
	src:url("YakuHanMPs/YakuHanMPs-ExtraLight.eot");
	src:url("YakuHanMPs/YakuHanMPs-ExtraLight.woff2") format("woff2"), 
	    url("YakuHanMPs/YakuHanMPs-ExtraLight.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:200;
	src:url("YakuHanMPs/YakuHanMPs-Light.eot");
	src:url("YakuHanMPs/YakuHanMPs-Light.woff2") format("woff2"), 
	    url("YakuHanMPs/YakuHanMPs-Light.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:300;
	src:url("YakuHanMPs/YakuHanMPs-Regular.eot");
	src:url("YakuHanMPs/YakuHanMPs-Regular.woff2") format("woff2"), 
	    url("YakuHanMPs/YakuHanMPs-Regular.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:400;
	src:url("YakuHanMPs/YakuHanMPs-Medium.eot");
	src:url("YakuHanMPs/YakuHanMPs-Medium.woff2") format("woff2"), 
	    url("YakuHanMPs/YakuHanMPs-Medium.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:500;
	src:url("YakuHanMPs/YakuHanMPs-SemiBold.eot");
	src:url("YakuHanMPs/YakuHanMPs-SemiBold.woff2") format("woff2"), 
	    url("YakuHanMPs/YakuHanMPs-SemiBold.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:700;
	src:url("YakuHanMPs/YakuHanMPs-Bold.eot");
	src:url("YakuHanMPs/YakuHanMPs-Bold.woff2") format("woff2"), 
	    url("YakuHanMPs/YakuHanMPs-Bold.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:900;
	src:url("YakuHanMPs/YakuHanMPs-Black.eot");
	src:url("YakuHanMPs/YakuHanMPs-Black.woff2") format("woff2"), 
	    url("YakuHanMPs/YakuHanMPs-Black.woff") format("woff");
}
@font-face {
	font-family:"ICONS";
	font-style:normal;
	font-weight:normal;
	src:url("icons.eot");
	src:url("icons.eot?#iefix") format("embedded-opentype"),
	    url("icons.woff") format("woff"),
	    url("icons.ttf") format("truetype");
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	font-size:100%; 
	font-style:normal; 
	vertical-align:baseline; 
	background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
i, em {font-style:normal;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
img {vertical-align:bottom;}
input, select, textarea, pre {font-family:inherit;}

html {height:100%;}
body {
	width:100%; height:100%; 
	background-color:#fff; color:#464646; font-size:12px; line-height:1.5; text-align:center; hyphens:auto; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; 
	font-family:Verdana,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}

a {
	color:#464646; text-decoration:underline; outline:none; 
	transition:all 0.2s ease-in-out 0s; transition-property:border-color,background-color,color,opacity;}
a:hover {color:#999;}
sup {position:relative; top:-0.1em; font-size:60%; vertical-align:top;}

/** Frame **/

body > .mask {display:none;}

#container {width:100%; min-width:940px; height:auto !important; height:100%; min-height:100%; overflow:hidden;}
#container:after {display:block; content:""; clear:both; height:0;}

header#header {position:relative; z-index:9900; height:60px; margin:0 auto; text-align:left;}
header#header > h1 {
	width:100%; height:60px; position:absolute; left:0; top:0; z-index:9902; border-bottom:1px solid #e5e5e5; background:#f7f7f7;
	transform:translate3d(0,0,0); transition:all 0.2s ease-in-out 0s; transition-property:border-color,background-color,color,opacity;}
header#header:hover > h1 {border-bottom:1px solid #e5e5e5; background:#f7f7f7;}
header#header > h1 > a {
	display:block; width:252px; height:60px; position:absolute; left:50%; top:0; z-index:9902; margin:0 0 0 -470px; 
	background:url(../images/general.png) 0 0 no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
header#header > nav {width:668px; position:absolute; right:50%; z-index:9902; margin:0 -460px 0 0; text-align:right; letter-spacing:-0.4em; line-height:0;}
header#header > nav > section {display:inline-block; text-align:left; line-height:normal; letter-spacing:normal; vertical-align:top;}
header#header > nav > section > h1 {}
header#header > nav > section.cine-lenses > h1 {position: relative;}
header#header > nav > section > h1 > * {
	display:table-cell; height:57px; padding:2px 15px 0; margin:0 0 -2px; border-bottom:2px solid transparent; 
	color:#000000; font-size:14px; font-weight:normal; text-align:center; text-decoration:none; vertical-align:middle;}
header#header > nav > section > h1 small {font-size: smaller; position: absolute; bottom: 4px; left: 50%; display: block; height: auto; margin: 10px 0 0 -26px; padding: 0;}
header#header > nav > section > h1 a {position: relative;}
header#header > nav > section > h1 > span {color:#999999; cursor:default;}
header#header > nav > section > h1 > a:hover, 
header#header > nav > .selected > h1 > a {border-color:#000000; color:#000000;}
header#header > nav > section > h1 > a:hover {color:#888888;}
header#header > nav > section > ul, 
header#header > nav > section > div, 
header#header > nav > section > section {display:none;}

#sub-nav {display:none; width:100%; position:absolute; left:0; top:61px; z-index:9901;}
#sub-nav > section {
	width:921px; position:absolute; left:0; top:0; z-index:9902; margin:0 0 0 -460px; padding:40px 50%; border-bottom:1px solid #e5e5e5; background:#ffffff; text-align:left;}
#sub-nav > section a:hover {color:#464646; opacity:0.5;}
#sub-nav > section ul > li > span {color:#999999; cursor:default;}
#sub-nav > section ul > li br {color:#ffffff; font-size:1px;}
#sub-nav > section.selected {z-index:9903;}

#sub-nav > .about {}
#sub-nav > .about > ul {display:table; margin:0 auto; border-left:1px solid #e5e5e5;}
#sub-nav > .about > ul > li {display:table-cell; width:189px; padding:88px 20px 0; border-right:1px solid #e5e5e5; color:#7f7f7f; font-weight:bold; text-align:center;}
#sub-nav > .about > ul > li > * {display:block; margin:-88px -20px 0; padding:88px 20px 0; background:center 0 no-repeat; text-decoration:none;}
#sub-nav > .about > ul > li.craftsmanship   > * {background-image:url(../images/main-nav_about_craftsmanship.jpg);}
#sub-nav > .about > ul > li.inside-story    > * {background-image:url(../images/main-nav_about_inside-story.jpg);}
#sub-nav > .about > ul > li.core-technology > * {background-image:url(../images/main-nav_about_core-technology.gif);}
#sub-nav > .about > ul > li.archive         > * {background-image:url(../images/main-nav_about_archive.jpg);}

#sub-nav > .cameras {}
#sub-nav > .cameras > section {display:inline-block;}
#sub-nav > .cameras > section:after {display:block; clear:both; height:0; content:"";}
#sub-nav > .cameras > section > h1 {display:block; float:left; width:229px; height:100px; background:no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#sub-nav > .cameras > section ul {display:table; float:left; border-left:1px solid #e5e5e5;}
#sub-nav > .cameras > section ul > li {display:table-cell; border-right:1px solid #e5e5e5; text-align:center; vertical-align:top;}
#sub-nav > .cameras > section ul > li > * {
	display:table-cell; width:209px; padding:82px 10px 0; text-decoration:none; background:center 0 no-repeat; vertical-align:bottom; 
	font:bold 12px/1.3 SIGMA_Bold, Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#sub-nav > .cameras > section ul > li i, 
#sub-nav > .cameras > section ul > li b {
	font:bold 10px/1.5 Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#sub-nav > .cameras {text-align:center;}
#sub-nav > .cameras > ul {margin:0 auto; letter-spacing:-0.4em;}
#sub-nav > .cameras > ul > li {
	display:inline-block; width:189px; margin:0 0 0 -1px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; letter-spacing:normal; vertical-align:top;}
#sub-nav > .cameras > ul > li > * {display:block; height:100px; background:#fff center 0 no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#sub-nav > .cameras > ul > li > span {opacity:0.5; cursor:default;}
#sub-nav > .cameras > ul > li.sd-quattro > * {background-image:url(../images/main-nav_cameras_sd-quattro.png);}
#sub-nav > .cameras > ul > li.dp-quattro > * {background-image:url(../images/main-nav_cameras_dp-quattro.png);}

#sub-nav > .lenses {padding-top:0; padding-bottom:0;}
#sub-nav > .lenses section {position:relative; letter-spacing:normal; vertical-align:top;}
#sub-nav > .lenses section > h1 {cursor:default;}
#sub-nav > .lenses section > ul {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
#sub-nav > .lenses section > ul:after {display:block; clear:both; height:0; content:"";}
#sub-nav > .lenses section > ul > li {
	display:block; float:left; width:114px; margin:0 -1px 0 0; 
	border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center; vertical-align:top;}
#sub-nav > .lenses section > ul > li > * {
	display:inline-block; width:114px; position:relative; padding:51px 0 0;
	text-decoration:none; background:center 0 no-repeat; vertical-align:bottom; 
	font:bold 12px/1.3 SIGMA_Bold, Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#sub-nav > .lenses section > ul > li > a:after {
	display:block; width:26px; height:12px; position:absolute; left:5px; top:0; 
	background:url(../images/label_new.gif) no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#sub-nav > .lenses section > ul > li > span {opacity:0.5; cursor:default;}
#sub-nav > .lenses > .cas {width:921px; margin:0 0 0 -1000px; padding:10px 1000px 20px; border-bottom:1px solid #e5e5e5; text-align:left;}
#sub-nav > .lenses > .cas > ul {}
#sub-nav > .lenses > .cas > ul > li {position:relative; margin-top:34px;}
#sub-nav > .lenses > .cas > ul > li.a_35_14        > * {background-image:url(../lenses/cas/images/a_35_14.png);}
#sub-nav > .lenses > .cas > ul > li.a_30_14        > * {background-image:url(../lenses/cas/images/a_30_14.png);}
#sub-nav > .lenses > .cas > ul > li.a_18_35_18     > * {background-image:url(../lenses/cas/images/a_18_35_18.png);}
#sub-nav > .lenses > .cas > ul > li.a_24_105_4     > * {background-image:url(../lenses/cas/images/a_24_105_4.png);}
#sub-nav > .lenses > .cas > ul > li.a_50_14        > * {background-image:url(../lenses/cas/images/a_50_14.png);}
#sub-nav > .lenses > .cas > ul > li.a_24_14        > * {background-image:url(../lenses/cas/images/a_24_14.png);}
#sub-nav > .lenses > .cas > ul > li.a_24_35_2      > * {background-image:url(../lenses/cas/images/a_24_35_2.png);}
#sub-nav > .lenses > .cas > ul > li.a_20_14        > * {background-image:url(../lenses/cas/images/a_20_14.png);}
#sub-nav > .lenses > .cas > ul > li.a_50_100_18    > * {background-image:url(../lenses/cas/images/a_50_100_18.png);}
#sub-nav > .lenses > .cas > ul > li.a_12_24_4      > * {background-image:url(../lenses/cas/images/a_12_24_4.png);}
#sub-nav > .lenses > .cas > ul > li.a_85_14        > * {background-image:url(../lenses/cas/images/a_85_14.png);}
#sub-nav > .lenses > .cas > ul > li.a_135_18       > * {background-image:url(../lenses/cas/images/a_135_18.png);}
#sub-nav > .lenses > .cas > ul > li.a_14_18        > * {background-image:url(../lenses/cas/images/a_14_18.png);}
#sub-nav > .lenses > .cas > ul > li.a_24_70_28     > * {background-image:url(../lenses/cas/images/a_24_70_28.png);}
#sub-nav > .lenses > .cas > ul > li.c_17_70_28_4   > * {background-image:url(../lenses/cas/images/c_17_70_28_4.png);}
#sub-nav > .lenses > .cas > ul > li.c_18_200_35_63 > * {background-image:url(../lenses/cas/images/c_18_200_35_63.png);}
#sub-nav > .lenses > .cas > ul > li.c_18_300_35_63 > * {background-image:url(../lenses/cas/images/c_18_300_35_63.png);}
#sub-nav > .lenses > .cas > ul > li.c_150_600_5_63 > * {background-image:url(../lenses/cas/images/c_150_600_5_63.png);}
#sub-nav > .lenses > .cas > ul > li.c_100_400_5_63 > * {background-image:url(../lenses/cas/images/c_100_400_5_63.png);}
#sub-nav > .lenses > .cas > ul > li.s_120_300_28   > * {background-image:url(../lenses/cas/images/s_120_300_28.png);}
#sub-nav > .lenses > .cas > ul > li.s_150_600_5_63 > * {background-image:url(../lenses/cas/images/s_150_600_5_63.png);}
#sub-nav > .lenses > .cas > ul > li.s_500_4        > * {background-image:url(../lenses/cas/images/s_500_4.png);}
#sub-nav > .lenses > .cas > ul > li.a_14_24_28     > * {background-image:url(../lenses/cas/images/a_14_24_28.png);}
#sub-nav > .lenses > .cas > ul > li.a_105_14       > * {background-image:url(../lenses/cas/images/a_105_14.png);}
#sub-nav > .lenses > .cas > ul > li.a_70_28        > * {background-image:url(../lenses/cas/images/a_70_28.png);}
#sub-nav > .lenses > .cas > ul > li > b {
	display:block; height:24px; position:absolute; left:-1px; top:-24px; margin:0; padding:0; 
	border-left:1px solid #e5e5e5; background:0 -10px no-repeat; text-align:left; text-indent:110%; white-space:nowrap; overflow:hidden;}
#sub-nav > .lenses > .cas > ul > li > b.art          {width:52px;  background-image:url(../images/main-nav_lenses_art.png);}
#sub-nav > .lenses > .cas > ul > li > b.contemporary {width:107px; background-image:url(../images/main-nav_lenses_contemporary.png);}
#sub-nav > .lenses > .cas > ul > li > b.sports       {width:70px;  background-image:url(../images/main-nav_lenses_sports.png);}
#sub-nav > .lenses > .dn-lenses {display:inline-block; margin:0 -1px 0 0; padding:10px 0; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
#sub-nav > .lenses > .dn-lenses:after {display:block; clear:both; height:0; content:"";}
#sub-nav > .lenses > .dn-lenses > h1 {float:left; width:100px; padding:0 4px 0 10px; font-size:10px; font-weight:normal; text-align:left; line-height:1.2;}
#sub-nav > .lenses > .dn-lenses > h1 > b {display:block;}
#sub-nav > .lenses > .dn-lenses > ul {float:left;}
#sub-nav > .lenses > .dn-lenses > ul > li {}
#sub-nav > .lenses > .dn-lenses > ul > li > * {height:1em; font-size:10px;}
#sub-nav > .lenses > .dn-lenses > ul > li.c_16_14 > * {background-image:url(../lenses/cas/images/c_16_14.png);}
#sub-nav > .lenses > .dn-lenses > ul > li.a_19_28 > * {background-image:url(../lenses/cas/images/a_19_28.png);}
#sub-nav > .lenses > .dn-lenses > ul > li.a_30_28 > * {background-image:url(../lenses/cas/images/a_30_28.png);}
#sub-nav > .lenses > .dn-lenses > ul > li.a_60_28 > * {background-image:url(../lenses/cas/images/a_60_28.png);}
#sub-nav > .lenses > .dn-lenses > ul > li.c_30_14 > * {background-image:url(../lenses/cas/images/c_30_14.png);}
/* cashBack */
#sub-nav > .lenses > .banner {display: inline-block; padding: 10px 0 0 10px;}
#sub-nav > .lenses > .accessories {display:inline-block; margin:0 -1px 0 0; padding:10px 0; border:none; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
#sub-nav > .lenses > .accessories:after {display:block; clear:both; height:0; content:"";}
#sub-nav > .lenses > .accessories > h1 {float:left; width:100px; padding:0 4px 0 10px; font-weight:bold; font-size:10px; text-align:left; line-height:1.2;}
#sub-nav > .lenses > .accessories > ul {float:left;}
#sub-nav > .lenses > .accessories > ul > li {}
#sub-nav > .lenses > .accessories > ul > li > * {height:1em; padding-top:40px; font-size:10px;}
#sub-nav > .lenses > .accessories > ul > li.usb-dock       > * {background-image:url(../images/main-nav_lenses_accessories_usb-dock.jpg);}
#sub-nav > .lenses > .accessories > ul > li.tele-converter > * {background-image:url(../images/main-nav_lenses_accessories_tele-converter.jpg);}
#sub-nav > .lenses > .accessories > ul > li.filter         > * {background-image:url(../images/main-nav_lenses_accessories_filter.jpg);}
/* NEW label */
#sub-nav > .lenses li.a_14_24_28 > a:after,
#sub-nav > .lenses li.a_105_14   > a:after,
#sub-nav > .lenses li.a_70_28    > a:after {content:"NEW";}

#sub-nav > .accessories {}
#sub-nav > .accessories > ul {display:table; margin:0 auto; border-left:1px solid #e5e5e5;}
#sub-nav > .accessories > ul > li {
	display:table-cell; width:189px; padding:88px 20px 0; border-right:1px solid #e5e5e5; color:#7f7f7f; font-weight:bold; text-align:center;}
#sub-nav > .accessories > ul > li > * {display:block; margin:-88px -20px 0; padding:88px 20px 0; background:center 0 no-repeat; text-decoration:none;}
#sub-nav > .accessories > ul > li > span {opacity:0.5; cursor:default;}
#sub-nav > .accessories > ul > li.usb-dock        > * {background-image:url(../images/main-nav_accessories_usb-dock.jpg);}
#sub-nav > .accessories > ul > li.tele-converter  > * {background-image:url(../images/main-nav_accessories_tele-converter.jpg);}
#sub-nav > .accessories > ul > li.filter          > * {background-image:url(../images/main-nav_accessories_filter.jpg);}
#sub-nav > .accessories > ul > li.mount-converter > * {background-image:url(../images/main-nav_accessories_mount-converter.jpg);}
#sub-nav > .accessories > ul > li.flash           > * {background-image:url(../images/main-nav_accessories_flash.jpg);}

#sub-nav > .download {}

/* MINI Nav */
html.fac-nav-mini #container {padding-top:60px;}
html.fac-nav-mini header#header {
	width:100%; min-width:940px; position:fixed; left:0; top:0; height:30px; 
	-webkit-animation:header-show 0.3s ease-in-out 0s 1 normal both; 
	        animation:header-show 0.3s ease-in-out 0s 1 normal both;}
html.fac-nav-mini header#header > h1 {height:30px;}
html.fac-nav-mini header#header > h1 > a {width:203px; height:30px; background-position:0 -60px;}
html.fac-nav-mini header#header > nav > section > h1 > * {height:27px; font-size:12px;}
html.fac-nav-mini header#header > nav > section > h1 small {display: none;}

@-webkit-keyframes header-show {
	from {-webkit-transform:translate(0,-100%); transform:translate(0,-100%);}
	to   {-webkit-transform:translate(0,0);     transform:translate(0,0);}
}
@keyframes header-show {
	from {-webkit-transform:translate(0,-100%); transform:translate(0,-100%);}
	to   {-webkit-transform:translate(0,0);     transform:translate(0,0);}
}

html.fac-nav-mini #sub-nav {position:fixed; top:31px;}

#body {width:920px; margin:0 auto; padding:0 0 40px; text-align:left;}
#body:after {display:block; clear:both; height:0; content:"";}
#body p {text-justify:newspaper;}

#body > footer {width:918px; margin:80px auto 0; border:1px solid #e5e5e5; border-radius:5px; overflow:hidden;}

#body > footer > .path {margin:0 0 -1px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
#body > footer > .path > ul {display:table;}
#body > footer > .path > ul > li {
	display:table-cell; padding:0 10px 0 28px; background:#f8f8f8 url(../images/path_divider.png) -5px center no-repeat; font-size:12px; font-weight:bold; white-space:nowrap;}
#body > footer > .path > ul > li > a {display:table-cell; height:100%; padding:10px; text-decoration:none; vertical-align:middle;}
#body > footer > .path > ul > li:first-child {padding-left:10px; background-image:none;}
#body > footer > .path > ul > li:last-child  {background-color:#ffffff; font-weight:normal;}

#body > footer > .sitemap {display:none; padding:40px 10px 40px 20px; font-size:12px;}
#body > footer > .sitemap a {text-decoration:none;}
#body > footer > .sitemap span {color:#999999;}
#body > footer > .sitemap h1, 
#body > footer > .sitemap h2, 
#body > footer > .sitemap h3, 
#body > footer > .sitemap h4 {display:table-cell; padding:0 30px 0 28px; border-right:1px solid #e5e5e5; font-weight:bold; line-height:1.2; vertical-align:top; white-space:nowrap;}
#body > footer > .sitemap ul {display:table-cell;}
#body > footer > .sitemap div {display:table-cell; padding:4px 0 0 8px;}
#body > footer > .sitemap div > ul {display:inline-block; margin:-4px 0 0; padding:0 0 10px 20px; vertical-align:top;}
#body > footer > .sitemap div > ul li {display:block; margin:4px 0 0; font-size:10px; line-height:1.2;}
#body > footer > .sitemap div > ul li:first-child {margin-top:0;}
#body > footer > .sitemap div > ul > li {margin-top:1em; font-size:12px;}
#body > footer > .sitemap div > ul h1, 
#body > footer > .sitemap div > ul h2, 
#body > footer > .sitemap div > ul h3, 
#body > footer > .sitemap div > ul h4 {display:block; padding:0 0 1em; border:none; font-size:12px;}
#body > footer > .sitemap div > ul h4 {padding-bottom:0; white-space:normal;}
#body > footer > .sitemap div > ul h4 + ul {margin-top:1em;}
#body > footer > .sitemap div > ul ul {display:block;}
#body > footer > .sitemap > h1 {padding-left:0; visibility:hidden;}
#body > footer > .sitemap ul > li {display:none;}

#body > footer > .sitemap .cameras {}
#body > footer > .sitemap .cameras .dp-series {}

#body > footer > .sitemap .about {}

footer#footer {width:940px; position:relative; margin:0 auto; padding:10px 100px 10px 10px; box-sizing:border-box; text-align:left;}
footer#footer::before {display:block; content:""; position:absolute; left:calc(50% - 50vw); right:calc(50% - 50vw); top:0; border-top:1px solid #e5e5e5;}
footer#footer::after {display:block; content:""; clear:both; height:0;}
footer#footer > nav {float:left;}
footer#footer > nav > ul {}
footer#footer > nav > ul > li {display:inline-block; margin:0; font-size:10px; line-height:1.5;}
footer#footer > nav > ul > li > a {display:block; padding:12px 10px 10px 0; text-decoration:none; line-height:1;}
footer#footer > nav > ul > li > a:before {display:inline-block; content:"\e609"; margin:-0.2em 2px 0 0; color:#999; font:12px/1 icons; vertical-align:middle; text-indent:0;}
footer#footer > nav > ul > li.language {display:none; position:relative; margin:0 20px 0 0;}
footer#footer > nav > ul > li.language > b {font-weight:normal;}
footer#footer > nav > ul > li.language > select {
	padding:2px 16px 2px 2px; font-size:11px; line-height:1.5; border:1px solid #e5e5e5; background:url(../images/footer_language_icon.png) right center no-repeat; 
	-webkit-appearance:button; -moz-appearance:none; appearance:button;}
footer#footer > nav > ul > li.language > select > option {}
footer#footer > nav > ul > li.language > select > option[selected] {color:#aaa;}
footer#footer > .share {position:absolute; right:50%; margin:0 -460px 0 -8px; padding:6px 0;}
footer#footer > .share::after {display:block; clear:both; height:0; content:"";}
footer#footer > .share > li {display:block; float:left; margin:0 0 0 8px;}
footer#footer > .share > li > a {display:block; width:18px; height:18px; background:no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
footer#footer > .share > li > a:hover {opacity:0.5;}
footer#footer > .share > li.facebook  > a {background-image:url(../images/icon_facebook.gif);}
footer#footer > .share > li.twitter   > a {background-image:url(../images/icon_twitter.gif);}
footer#footer > .share > li.instagram > a {background-image:url(../images/icon_instagram.gif);}
footer#footer > small {display:block; float:right; padding:10px 0; font-size:10px;}

html.fac-js-enabled footer#footer > nav > ul > li.language {display:inline-block;}

@media screen and (max-width:940px) {
footer#footer::before {left:-10px; right:-10px;}
}

/* IE11 */
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, footer#footer > nav > ul > li.language > select {padding:2px;}
}


/** by language **/


/** page footer **/
html:lang(ja)    #body > footer > .sitemap .cameras .dp-series .technology {width:260px;}
html:lang(en)    #body > footer > .sitemap .cameras .sd-series .features   {width:180px;}
html:lang(en)    #body > footer > .sitemap .cameras .sd-series .products   {width:210px;}
html:lang(de)    #body > footer > .sitemap .cameras .dp-series .technology {width:15em;}
html:lang(fr)    #body > footer > .sitemap .cameras .sd-series .features   {width:170px;}
html:lang(fr)    #body > footer > .sitemap .cameras .sd-series .products   {width:180px;}
html:lang(zh-cn) #body > footer > .sitemap .cameras .dp-series .technology {width:330px;}
html:lang(zh-tw) #body > footer > .sitemap .cameras .dp-series .technology {width:330px;}
html:lang(es)    #body > footer > .sitemap .cameras .dp-series .technology {width:210px;}
html:lang(es)    #body > footer > .sitemap .cameras .sd-series .features   {width:160px;}
html:lang(es)    #body > footer > .sitemap .cameras .sd-series .products   {width:180px;}
html:lang(ko)    #body > footer > .sitemap .cameras .dp-series .technology {width:350px;}
html:lang(it)    #body > footer > .sitemap .cameras .sd-series .features   {width:170px;}
html:lang(it)    #body > footer > .sitemap .cameras .sd-series .products   {width:170px;}

html:lang(ja)    #body > footer > .sitemap .cameras .dp-series .technology > ul, 
html:lang(zh-cn) #body > footer > .sitemap .cameras .dp-series .technology > ul, 
html:lang(zh-tw) #body > footer > .sitemap .cameras .dp-series .technology > ul, 
html:lang(ko)    #body > footer > .sitemap .cameras .dp-series .technology > ul {
	-webkit-column-count:2; -webkit-column-gap:10px;
	   -moz-column-count:2;    -moz-column-gap:10px;
	        column-count:2;         column-gap:10px;}




@media screen and (max-width:480px) {

/** Frame **/

body {min-width:320px; max-width:480px;}
body > .mask {
	display:block; width:100%; height:100%; position:fixed; left:-100%; top:0; z-index:9000; 
	background:rgba(0,0,0,0.25); opacity:0; transition:opacity 0.2s ease-in-out 0s;}

#container {width:100%; min-width:320px; padding-top:50px; overflow:visible;}

header#header {
	width:100%; min-width:320px; height:50px; position:fixed; left:0; top:0; margin:0; padding:0; border-bottom:1px solid #e5e5e5; 
	overflow:hidden; transition:height 0s 0.3s; pointer-events:none;}
header#header > * {pointer-events:auto;}
header#header > h1 {height:auto; position:relative; left:0; margin:0; background:#f7f7f7;}
header#header.active > h1 {background:#f7f7f7;}
header#header > h1 > a {
	display:block; width:225px; height:50px; position:static; margin:0; 
	background:url(../images/sp/general.png) 0 0 no-repeat; background-size:320px auto; text-indent:110%; white-space:nowrap; overflow:hidden;}
header#header > h1 img {display:none;}
header#header > i {
	display:block; width:47px; height:50px; position:absolute; right:0; top:0; z-index:9902; 
	background:url(../images/sp/general.png) 0 -50px no-repeat; overflow:hidden; 
	background-size:320px auto; cursor:pointer; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
header#header > nav {
	width:100%; max-height:100%; position:relative; left:0; top:0; z-index:9900; margin:-50px 0 0; padding:50px 0 0; border:none; box-sizing:border-box; 
	background:#fff; text-align:left; overflow:hidden; 
	transform:translateY(-100%); transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; overflow:auto; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
header#header > nav > section {display:block; float:none; width:auto; height:auto; border:none; border-bottom:1px solid #e5e5e5; background:#ffffff;}
header#header > nav > section:last-child {border-bottom:none;}
header#header > nav > section > h1 {padding:10px 20px;}
header#header > nav > section > h1 > * {
	display:block; height:auto; position:relative; margin:-10px -20px; padding:10px 50px 10px 20px; border:none; color:#000000; font-size:15px; text-align:left;}
header#header > nav > section > h1 small {position: static; display: inline-block; height: auto; margin: 0; padding: 0 0 0 5px;}
header#header > nav > section > h1 > *:after	{display:block; content:"\e601"; position:absolute; right:20px; top:50%; margin:-0.5em 0 0; color:#4b4b4b; font:16px/1 "icons";}
header#header > nav > section > h1 > a:hover, 
header#header > nav > section.selected > h1 > a {opacity:0.5;}
header#header > nav > section > h1 > span {}
header#header > nav > section > ul {display:none; padding:0 20px; border-top:1px solid #d5d9d8; background:#f7f7f7;}
header#header > nav > section > ul > li {padding:10px 20px; border-top:1px solid #e2e4e4;}
header#header > nav > section > ul > li:first-child {border-top:none;}
header#header > nav > section > ul > li > * {
	display:block; position:relative; margin:-10px -40px; padding:10px 50px 10px 20px; color:#000000; font-size:15px; text-decoration:none;}
header#header > nav > section > ul > li > *:after	{display:block; content:"\e601"; position:absolute; right:20px; top:50%; margin:-0.5em 0 0; color:inherit; font:16px/1 "icons";}
header#header > nav > section > ul > li > a:hover {color:#888888;}
header#header > nav > section > ul > li > span {}

html.fac-nav-show body > .mask {left:0; opacity:1;}
html.fac-nav-show header#header {height:100%; transition-delay:0s;}
html.fac-nav-show header#header > i {background-position:-50px -50px;}
html.fac-nav-show header#header > nav {transform:translateY(0);}
html.fac-is-smartdevice #header#header > nav::before {display:block; content:""; width:1px; height:1px; position:absolute; bottom:-3px;}

	#sub-nav {display:none !important;}

#body {width:auto; padding-bottom:0; overflow:hidden;}
#body > footer {width:auto; margin:30px 0 0; border:none; border-radius:0; padding:0;}
#body > footer > .path {display:none;}
#body > footer > .sitemap {padding:0; border-top:1px solid #e2e4e4;}
#body > footer > .sitemap a, 
#body > footer > .sitemap span {display:block; position:relative; margin:-15px -20px; padding:15px 50px 15px 20px; box-sizing:border-box; text-decoration:none;}
#body > footer > .sitemap a::after, 
#body > footer > .sitemap span::after {display:block; content:"\e601"; position:absolute; right:20px; top:50%; margin:-0.5em 0 0; color:#4b4b4b; font:16px/1 "icons";}
#body > footer > .sitemap span::after {opacity:0.5;}
#body > footer > .sitemap h1, 
#body > footer > .sitemap h2, 
#body > footer > .sitemap h3, 
#body > footer > .sitemap h4 {display:block; padding:0 30px 0 28px; border-right:1px solid #e5e5e5; font-weight:bold; line-height:1.2; vertical-align:top; white-space:nowrap;}
#body > footer > .sitemap h1 {display:none;}
#body > footer > .sitemap h2 {padding:15px 20px; border:none;}
#body > footer > .sitemap h3 {padding:15px 20px; border:none;}
#body > footer > .sitemap h4 {font-weight:normal;}
#body > footer > .sitemap ul {display:block;}
#body > footer > .sitemap div {display:block; padding:0 20px;}
#body > footer > .sitemap div > ul {display:none; margin:0; padding:0;}
#body > footer > .sitemap div > ul > li {
	display:block; margin:0; padding:15px 0; border-top:1px solid #e2e4e4; border-right:none; 
	font-weight:normal; font-size:12px; line-height:1.2; vertical-align:top; white-space:nowrap;}
#body > footer > .sitemap h2 > a::after {display:none;}
#body > footer > .sitemap div > ul ul {display:none;}

footer#footer {width:auto; padding:0 0 20px; background:#f7f7f7; overflow:hidden;}
footer#footer::before {display:none;}
footer#footer::after {}
footer#footer > nav {float:none; margin:0;}
footer#footer > nav > ul {margin:0 0 0 -1px; border-bottom:1px solid #e2e4e4; letter-spacing:-0.4em;}
footer#footer > nav > ul > li {width:50%; margin:0; border-top:1px solid #e2e4e4; font-size:12px; text-align:center; letter-spacing:normal; vertical-align:top;}
footer#footer > nav > ul > li > a {padding:13px 0; border-left:1px solid #e2e4e4; background:none;}
footer#footer > nav > ul > li:nth-child(2n):last-child {width:100%;}
footer#footer > nav > ul > li.language {width:100%; padding:15px 20px 20px; box-sizing:border-box; background:#fff; text-align:left;}
html.fac-js-enabled footer#footer > nav > ul > li.language {display:block;}
footer#footer > nav > ul > li.language > b {display:block; font-size:10px; font-weight:bold; line-height:1;}
footer#footer > nav > ul > li.language > select {
	width:100%; margin:10px 0 0; padding:9px; 
	background:url(../images/sp/icon_arrow_down.png) right center no-repeat; background-size:50px; font-size:16px; border-radius:5px;}
footer#footer > nav > ul > li.language > select > option {}
footer#footer > nav > ul > li.language > select > option[selected] {}
footer#footer > .share {position:static; margin:15px 0 0; padding:0; letter-spacing:-0.4em; text-align:center;}
footer#footer > .share > li {display:inline-block; float:none; margin:0; letter-spacing:normal; vertical-align:top;}
footer#footer > .share > li > a {width:30px; height:30px; background:no-repeat; background-size:30px;}
footer#footer > .share > li.facebook  > a {background-image:url(../images/sp/icon_facebook.png);}
footer#footer > .share > li.twitter   > a {background-image:url(../images/sp/icon_twitter.png);}
footer#footer > .share > li.instagram > a {background-image:url(../images/sp/icon_instagram.png);}
footer#footer > small {float:none; margin:10px 0 0; padding:0; font-size:12px; text-align:center;}


/** by language **/

/* header */
html:lang(en) header#header > nav > section > h1 > * {}


/** page footer **/
#body > footer > .sitemap li {width:auto !important;}
#body > footer > .sitemap ul {
	-webkit-column-count:auto !important;
	   -moz-column-count:auto !important;
	        column-count:auto !important;}

}



/** Components **/

/* .c-link */
.c-link {
	display:inline-block; border:none; border-radius:0; 
	background:transparent; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; 
	text-decoration:none;}
.c-link::before {display:inline-block; content:"\e909"; margin:0 0.5em 0 0; font:12px/1 icons;}
@media screen and (max-width:480px) {
.c-link {}
.c-link::before {}
}

/* .c-button */
.c-button {
	display:table; padding:13px 50px; border:2px solid #e5e5e5; border-radius:0; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;
	font-size:14px; text-align:center; text-decoration:none;}
.c-button::before {display:inline-block; content:"\e909"; margin:0 0.5em 0 0; font:12px/1 icons;}
@media screen and (max-width:480px) {
.c-button {display:block; padding:10px 20px; font-size:12px;}
.c-button::before {font-size:11px;}
}

.c-button.c-button--simple {min-width:290px; padding:1.6em; border-width:1px; box-sizing:border-box; line-height:1;}
.c-button.c-button--simple::before {display:none;}
@media screen and (max-width:480px) {
.c-button.c-button--simple {display:block; min-width:0;}
.c-button.c-button--simple::before {}
}

.c-button.c-button--download {}
.c-button.c-button--download::before {width:14px; height:16px; content:""; background:url(../images/icon_download.png) center center no-repeat; vertical-align:middle; overflow:hidden;}
@media screen and (max-width:480px) {
.c-button.c-button--download {}
.c-button.c-button--download::before {}
}

/* .c-social-links */
.c-social-links {
	display:-webkit-flex; display:flex; 
	-webkit-flex-wrap:wrap; flex-wrap:wrap; 
	margin:-0.7em -0.7em 0 0; color:#fff; font-size:12px;}
.c-social-links > li {margin:0.7em 0.7em 0 0;}
.c-social-links > li > a {display:block; width:1.5em; height:0; position:relative; padding:1.5em 0 0; border-radius:0.3em; background:#717171; color:inherit; overflow:hidden;}
.c-social-links > li > a::after {
	display:-webkit-flex; display:flex; 
	-webkit-justify-content:center; justify-content:center; 
	-webkit-align-items:center; align-items:center; 
	position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; font:normal 1em/1 icons;}
.c-social-links > li.twitter   > a::after {content:"\ea96";}
.c-social-links > li.facebook  > a::after {content:"\ea90";}
.c-social-links > li.instagram > a::after {content:"\ea92";}
.c-social-links > li.youtube   > a::after {content:"\ea9d";}
@media screen and (max-width:480px) {
.c-social-links {font-size:12px; font-size:3.75vw;}
.c-social-links > li {}
.c-social-links > li > a {}
.c-social-links > li > a::after {}
}

/* flex3column-links */
.flex3column-links {
	display:-webkit-flex; display:flex; 
	-webkit-flex-wrap:wrap; flex-wrap:wrap; 
	margin:30px 0 0; padding:0 0 0 1px; font-size:12px; text-align:left;}
.flex3column-links > li, 
.flex3column-links > li > a {
	display:-webkit-flex; display:flex; 
	-webkit-align-items:center; align-items:center;}
.flex3column-links > li {
	-webkit-flex:1 1 0; flex:1 1 0; margin:30px 0 0 -1px; padding:0 30px; border:1px solid #e5e5e5; border-top-width:0; border-bottom-width:0;}
.flex3column-links > li > a {
	-webkit-flex:1 1 auto; flex:1 1 auto; 
	margin:0 -30px; padding:inherit; text-decoration:none;}
.flex3column-links > li .image {
	-webkit-flex:0 0 80px; flex:0 0 80px; 
	height:0; position:relative; padding:80px 0 0; overflow:hidden;}
.flex3column-links > li .image > img {
	display:block; width:auto; min-width:1000%; height:auto; min-height:1000%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0.1);}
.flex3column-links > li b {
	-webkit-flex:1 1 auto; flex:1 1 auto; 
	margin:0 0 0 20px; font-weight:bold;}
	@media screen and (max-width:480px) {
.flex3column-links {display:block; margin:20px 0 0; padding:0; font-size:11px; font-size:3.4375vw;}
.flex3column-links > li, 
.flex3column-links > li > a {}
.flex3column-links > li {margin:-1px 0 0; padding:1em 0; border-width:0; border-top-width:1px; border-bottom-width:1px;}
.flex3column-links > li > a {margin:-1em 0; padding:inherit;}
.flex3column-links > li .image {
	-webkit-flex:0 0 21.4285%; flex:0 0 21.4285%; 
	padding:21.4285% 0 0;}
.flex3column-links > li .image > img {}
.flex3column-links > li b {margin:0 0 0 3.5714%; font-weight:normal;}
.flex3column-links > li b br {display:none;}
}

/* .c-list-articles */
.c-list-articles {
	display:-webkit-flex; display:flex; 
	-webkit-flex-wrap:wrap; flex-wrap:wrap; 
	margin:-30px 0 0; padding:0 0 0 1px; font-size:12px; text-align:left;}
.c-list-articles > li, 
.c-list-articles > li > a {
	display:-webkit-flex; display:flex; 
	-webkit-align-items:center; align-items:center;}
.c-list-articles > li {
	-webkit-flex:0 1; flex:0 1; -webkit-flex-basis:calc(50% - 60px - 1px); flex-basis:calc(50% - 60px - 1px); 
	margin:30px 0 0 -1px; padding:0 30px; border:1px solid #e5e5e5; border-top-width:0; border-bottom-width:0;}
.c-list-articles.c-list-articles--columns3 > li {-webkit-flex-basis:calc(33.3333% - 60px - 1px); flex-basis:calc(33.3333% - 60px - 1px);}
.c-list-articles > li > a {
	-webkit-flex:1 1 auto; flex:1 1 auto; 
	margin:0 -30px; padding:inherit; text-decoration:none;}
.c-list-articles > li .image {
	-webkit-flex:0 0 80px; flex:0 0 80px; 
	height:0; position:relative; padding:80px 0 0; overflow:hidden;}
.c-list-articles > li .image > img {
	display:block; width:auto; min-width:1000%; height:auto; min-height:1000%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0.1);}
.c-list-articles > li b {
	-webkit-flex:1 1 auto; flex:1 1 auto; 
	margin:0 0 0 20px; font-weight:bold;}
@media screen and (max-width:480px) {
.c-list-articles {display:block; margin:0; padding:0; font-size:11px; font-size:3.4375vw;}
.c-list-articles > li, 
.c-list-articles > li > a {}
.c-list-articles > li {margin:-1px 0 0; padding:1em 0; border-width:0; border-top-width:1px; border-bottom-width:1px;}
.c-list-articles > li > a {margin:-1em 0; padding:inherit;}
.c-list-articles > li .image {
	-webkit-flex:0 0 21.4285%; flex:0 0 21.4285%;padding:21.4285% 0 0;}
.c-list-articles > li .image > img {}
.c-list-articles > li b {margin:0 0 0 3.5714%; font-weight:normal; font-size: 12px;}
}

/* .c-spec-table */
.c-spec-table {max-height:50vh; margin:1em 0 0; border:1px solid #ccc; overflow:auto; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; transform:translateZ(0);}
_::-webkit-full-page-media, _:future, :root .c-spec-table::-webkit-scrollbar {width:7px; height:7px; -webkit-appearance:none;}
_::-webkit-full-page-media, _:future, :root .c-spec-table::-webkit-scrollbar-thumb {border-radius:4px; background-color:rgba(0,0,0,0.5); box-shadow:0 0 1px rgba(255,255,255,0.5);}
.c-spec-table > table {width:100%; position:relative;}
.c-spec-table > table th, 
.c-spec-table > table td {
	padding:4px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; 
	background:#fff; font-size:11px; font-weight:normal; text-align:center; vertical-align:middle; line-height:1.2;}
.c-spec-table > table th::after {display:block; content:""; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; border:1px solid #ccc;}
.c-spec-table > table sup {font-size:10px;}
.c-spec-table > table small {font-size:10px;}
.c-spec-table > table > thead th, 
.c-spec-table > table > tbody th {position:-webkit-sticky; position:sticky; left:0; z-index:2;}
.c-spec-table > table > thead th {left:auto; top:0; z-index:3;}
.c-spec-table > table > thead > tr:first-child > th:first-child {left:0; z-index:5;}
.c-spec-table > table > tbody th {position:-webkit-sticky; position:sticky; left:0; z-index:2;}
.c-spec-table > table > tbody tr:nth-child(odd) > * {background:#f1f1f1;}
.c-spec-table > table > tbody tr > th[rowspan] {background:#fff;}
.c-spec-table > table > tbody th {width:150px;}
.c-spec-table > table > tbody th > span {display:inline-block;}
@media screen and (max-width:480px) {
.c-spec-table {width:100vw; max-height:300px; position:relative; margin:1em -20px 0; border:none;}
.c-spec-table > table {width:300%; margin:0 20px;}
.c-spec-table > table::after {display:block; content:""; width:100%; height:100%; position:absolute; left:20px; top:0; pointer-events:none;}
.c-spec-table > table th, 
.c-spec-table > table td {border:1px solid #ccc; font-size:10px;}
.c-spec-table > table sup {font-size:10px;}
.c-spec-table > table > tbody tr:nth-child(odd) > * {}
.c-spec-table > table > tbody th {width:10em;}
}

/* .c-faq-list */
.c-faq-list {margin:-20px 0 0; font-size:14px;}
.c-faq-list > li {margin:20px 0 0; border:2px solid #e5e5e5;}
.c-faq-list > li > *:nth-child(1), 
.c-faq-list > li > *:nth-child(2) {display:block; position:relative; padding:0 10px 0 56px;}
.c-faq-list > li > *:nth-child(1)::before, 
.c-faq-list > li > *:nth-child(2)::before {
	display:block; height:10px; margin:0 0 -10px -36px; 
	font:bold 30px/1 SIGMA_Bold, Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.c-faq-list > li > *:nth-child(1)::after, 
.c-faq-list > li > *:nth-child(2)::after {display:block; content:""; height:15px; overflow:hidden;}
.c-faq-list > li > *:nth-child(1) {font-weight:bold;}
.c-faq-list > li > *:nth-child(1)::before {content:"Q"; padding:15px 0 0;}
.c-faq-list > li > *:nth-child(2) {}
.c-faq-list > li > *:nth-child(2)::before {content:"A";}
.c-faq-list > li.fac-switcher {position:relative;}
.c-faq-list > li.fac-switcher::after {
	display:block; content:"\e906"; width:1em; position:absolute; right:10px; top:15px; font:normal bold 2em/1 icons; text-align:center; 
	transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.c-faq-list > li.fac-switcher > *:nth-child(1) {position:relative; padding-right:3em; cursor:pointer;}
.c-faq-list > li.fac-switcher > *:nth-child(2) {height:0; transition:height 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; overflow:hidden;}
.c-faq-list > li.fac-switcher-show::after {transform:rotate(-180deg);}
.c-faq-list > li.fac-switcher-show > *:nth-child(1) {}
.c-faq-list > li.fac-switcher-show > *:nth-child(2) {}
html.fac-js-enabled .c-faq-list > li.fac-switcher > *:nth-child(2) {height:0;}
html.fac-initial    .c-faq-list > li.fac-switcher > *:nth-child(1)::after, 
html.fac-initial    .c-faq-list > li.fac-switcher > *:nth-child(2) {transition-duration:0s;}
@media screen and (max-width:480px) {
.c-faq-list {margin:-10px 0 0; font-size:12px;}
.c-faq-list > li {margin:10px 0 0;}
.c-faq-list > li > *:nth-child(1), 
.c-faq-list > li > *:nth-child(2) {padding:0 10px 0 50px;}
.c-faq-list > li > *:nth-child(1)::before, 
.c-faq-list > li > *:nth-child(2)::before {font-size:25px;}
}

/* .c-inline-youtube */
.c-inline-youtube {display:block; position:relative;}
.c-inline-youtube::after {
	display:block; content:"\e605"; width:1em; height:1em; position:absolute; left:0; right:0; top:0; bottom:0; z-index:3; 
	margin:auto; padding:0.13em; border:0.1em solid #fff; border-radius:100%; color:#fff; font:normal 4em/0.83em icons; text-decoration:underline; 
	transition:opacity 0.5s ease-in-out 0s; pointer-events:none;}
.c-inline-youtube::after {text-decoration:none;}
.c-inline-youtube > img {display:block; position:relative; z-index:2; pointer-events:none; transition:opacity 0.5s ease-in-out 0s;}
.c-inline-youtube > iframe {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; pointer-events:none;}
.c-inline-youtube:hover::after {opacity:0.7; transition-duration:0.3s;}
.c-inline-youtube.fac-inline-youtube-playing, 
.c-inline-youtube.fac-inline-youtube-paused {pointer-events:none;}
.c-inline-youtube.fac-inline-youtube-playing::after, 
.c-inline-youtube.fac-inline-youtube-paused::after {opacity:0;}
.c-inline-youtube.fac-inline-youtube-playing > img, 
.c-inline-youtube.fac-inline-youtube-paused  > img {opacity:0;}
.c-inline-youtube.fac-inline-youtube-playing > iframe, 
.c-inline-youtube.fac-inline-youtube-paused  > iframe {pointer-events:auto;}
@media screen and (max-width:480px) {
.c-inline-youtube > img {width:100%; height:auto;}
}

/* .c-page */
#container.c-page {}
#container.c-page .c-page-body {margin:0 auto; padding:0 0 50px; text-align:left;}
#container.c-page .c-page-body > .c-page-nav {float:left; width:190px;}
#container.c-page .c-page-body > .c-page-content {width:690px; margin-left:230px;}
#container.c-page--wide {min-width:1150px;}
#container.c-page--wide .c-page-body {width:1150px;}
#container.c-page--wide .c-page-body > .c-page-nav {}
#container.c-page--wide .c-page-body > .c-page-content {width:920px;}
@media screen and (max-width:480px) {
#container.c-page {min-width:0;}
#container.c-page .c-page-body {width:auto; padding-bottom:0;}
#container.c-page .c-page-body > .c-page-nav {float:none; width:auto;}
#container.c-page .c-page-body > .c-page-content {width:auto; margin-left:0;}
}

/* .c-lenses-list */
.c-lenses-list {
	display:-webkit-flex; display:flex; 
	-webkit-flex-wrap:wrap; flex-wrap:wrap; 
	margin:-16px -8px 0; padding:20px 0 0; font:bold 14px/1.2 SIGMA_Bold;}
.c-lenses-list > li,
.c-lenses-list > li > a {
	display:-webkit-flex; display:flex; 
	-webkit-align-items:center; align-items:center; 
	width:100%;}
.c-lenses-list > li {
	-webkit-flex:0 1; flex:0 1; -webkit-flex-basis:calc(33.3333% - 20px - 16px); flex-basis:calc(33.3333% - 20px - 16px); 
	position:relative; margin:16px 8px 0; padding:19px 9px; border:1px solid #e5e5e5;}
.c-lenses-list > li > a {height:100%; margin:-19px -9px; padding:inherit; text-decoration:none;}
.c-lenses-list > li i {
	-webkit-flex:0 0 35px; flex:0 0 35px; 
	display:-webkit-flex; display:flex; 
	-webkit-align-items:center; align-items:center; 
	-webkit-align-self:stretch; align-self:stretch; 
	margin:0 5px 0 0; border-right:1px solid #888; font-size:18px; line-height:1.94; vertical-align:middle; letter-spacing:normal; padding-top:0.2em; box-sizing: border-box;}
.c-lenses-list > li.dc.dn i {line-height:1;}
.c-lenses-list > li.dg.dn i {line-height:1;}
.c-lenses-list > li .image {
	-webkit-flex:0 0 94px; flex:0 0 94px; 
	margin:-5px 0;}
.c-lenses-list > li .image > img {display:block;}
.c-lenses-list > li b {
	-webkit-flex:1 1 100%; flex:1 1 100%; 
	padding:0.3em 0 0;}
.c-lenses-list > li.is-new::before {
	display:block; content:"NEW"; position:absolute; top:0px; left:0px; padding: 2px 7px 1px 7px; 
	background:#000; color:#fff; font:11px/1 SIGMA_Bold; pointer-events:none;}
@media screen and (max-width:480px) {
.c-lenses-list {display:block; margin:-10px 0 0; padding:10px 0 0; font-size:14px; font-size:4.375vw;}
.c-lenses-list > li {width:auto; min-height:0; margin:1em 0 0; padding:1em;}
.c-lenses-list > li > a {margin:-1em;}
.c-lenses-list > li i {
	-webkit-flex-basis:14%; flex-basis:14%; 
	margin:0 2% 0 0; font-size:18px; font-size:5.625vw;}
.c-lenses-list > li.dc.dn i {}
.c-lenses-list > li .image {-webkit-flex-basis:30%; flex-basis:30%;}
.c-lenses-list > li .image > img {width:100%; height:auto;}
.c-lenses-list > li b {}
.c-lenses-list > li.is-new::before {}
}


/** JS Components **/

/* .fac-gallery */
.fac-gallery {position:relative;}
.fac-gallery > .fac-gallery-slider {}
.fac-gallery > .fac-gallery-slider > ul {position:relative;}
.fac-gallery > .fac-gallery-slider > ul > li {position:absolute; left:0; top:0; z-index:1;}
.fac-gallery > .fac-gallery-slider > ul > li.fac-gallery-selected {display:block; position:relative; z-index:2;}
.fac-gallery > .fac-gallery-slider > ul > li[class*=fac-gallery-dummy-] {display:none;}
.fac-gallery > .fac-gallery-slider > ul > li img {display:block; -webkit-user-drag:none; user-drag:none;}
.fac-gallery > nav {}
.fac-gallery > nav > a {
	display:block; width:100px; height:100%; position:absolute; top:0; z-index:2; text-indent:-9999px; white-space:nowrap; text-decoration:none; overflow:hidden;}
.fac-gallery > nav > a:after {
	display:block; content:""; position:absolute; left:0; right:0; top:50%; margin:-0.5em 0 0; color:#999; font:40px/1 "icons"; text-align:center; text-indent:0; 
	transition:color 0.1s ease-in-out 0s; -webkit-transition:color 0.1s ease-in-out 0s;}
.fac-gallery > nav > a:hover {opacity:0.7;}
.fac-gallery > nav > a.fac-gallery-previous       {left:-50px;}
.fac-gallery > nav > a.fac-gallery-previous:after {content:"\e903";}
.fac-gallery > nav > a.fac-gallery-next           {right:-50px;}
.fac-gallery > nav > a.fac-gallery-next:after     {content:"\e901";}
.fac-gallery > nav > ol {
	display:inline-block; position:absolute; left:0; right:0; bottom:0; z-index:2; margin:0 auto; letter-spacing:-0.4em; text-align:center;}
.fac-gallery > nav > ol > li {
	display:inline-block; width:25px; height:25px; position:relative; 
	letter-spacing:normal; vertical-align:top; text-indent:-9999px; white-space:nowrap; overflow:hidden; cursor:pointer;}
.fac-gallery > nav > ol > li:after {
	display:block; content:""; width:10px; height:10px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; border-radius:100%; 
	background:#e9e9e9; text-indent:0; overflow:hidden; 
	transition:background-color 0.1s ease-in-out 0s; -webkit-transition:background-color 0.1s ease-in-out 0s;}
.fac-gallery > nav > ol > li:hover:after, 
.fac-gallery > nav > ol > li.fac-gallery-selected:after {background-color:#000;}
.fac-gallery.fac-gallery-less > nav {display:none;}
@media screen and (max-width:480px) {
.fac-gallery {}
.fac-gallery > .fac-gallery-slider {}
.fac-gallery > .fac-gallery-slider > ul {letter-spacing:-0.4em; text-align:left;}
.fac-gallery > .fac-gallery-slider > ul > li {display:inline-block; position:static; letter-spacing:normal; vertical-align:top;}
.fac-gallery > .fac-gallery-slider > ul > li.fac-gallery-selected {display:inline-block;}
.fac-gallery > .fac-gallery-slider > ul > li[class*=fac-gallery-dummy-] {display:inline-block;}
.fac-gallery > .fac-gallery-slider > ul > li img {}
.fac-gallery > nav {}
.fac-gallery > nav > a {width:20px;}
.fac-gallery > nav > a:after {font-size:20px;}
.fac-gallery > nav > a:hover {}
.fac-gallery > nav > a.fac-gallery-previous       {left:0;}
.fac-gallery > nav > a.fac-gallery-previous:after {}
.fac-gallery > nav > a.fac-gallery-next           {right:0;}
.fac-gallery > nav > a.fac-gallery-next:after     {}
.fac-gallery > nav > ol {}
.fac-gallery > nav > ol > li {width:15px; height:15px;}
.fac-gallery > nav > ol > li:after {width:6px; height:6px;}
.fac-gallery > nav > ol > li:hover:after, 
.fac-gallery > nav > ol > li.fac-gallery-selected:after {}
.fac-gallery.fac-gallery-less > nav {}
}

/* .fac-galley2 */
.fac-gallery2 {position:relative; margin:0 auto; pointer-events:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.fac-gallery2 .fac-gallery2-slider {}
.fac-gallery2 .fac-gallery2-list {position:relative; pointer-events:auto;}
.fac-gallery2 .fac-gallery2-item {}
.fac-gallery2 .fac-gallery2-nav {}
.fac-gallery2 .fac-gallery2-nav > button {
	display:block; width:50px; position:absolute; top:0; bottom:0; z-index:3; padding:0; border:none; outline:none; background:transparent; -webkit-appearance:none; appearance:none; 
	font-size:24px; text-decoration:none; text-indent:110%; white-space:nowrap; overflow:hidden; cursor:pointer; pointer-events:auto;}
.fac-gallery2 .fac-gallery2-nav > button::after {display:block; position:absolute; left:0; right:0; top:50%; margin:-0.5em 0 0; text-indent:0; line-height:1;}
.fac-gallery2 .fac-gallery2-nav > button:focus, 
.fac-gallery2 .fac-gallery2-nav > button::-moz-focus-inner {border:none; outline:none;}
.fac-gallery2 .fac-gallery2-nav > button.fac-gallery2-previous {left:-50px;}
.fac-gallery2 .fac-gallery2-nav > button.fac-gallery2-next     {right:-50px;}
.fac-gallery2 .fac-gallery2-nav > button.fac-gallery2-previous::after {content:"<";}
.fac-gallery2 .fac-gallery2-nav > button.fac-gallery2-next::after     {content:">";}
.fac-gallery2 .fac-gallery2-nav > ol {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	position:absolute; left:0; right:0; bottom:0; z-index:3;}
.fac-gallery2 .fac-gallery2-nav > ol > li {
	display:inline-block; width:20px; height:20px; position:relative; text-indent:110%; white-space:nowrap; overflow:hidden; cursor:pointer; pointer-events:auto;}
.fac-gallery2 .fac-gallery2-nav > ol > li::after {
	display:block; content:""; width:10px; height:10px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:100%; 
	background:#fff; text-indent:0; transition:background-color 0.2s ease-in-out 0s;}
.fac-gallery2 .fac-gallery2-nav > ol > li:hover::after, 
.fac-gallery2 .fac-gallery2-nav > ol > li.fac-gallery2-selected::after {background-color:#000;}
.fac-gallery2-transition-slide .fac-gallery2-list {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.fac-gallery2-transition-slide .fac-gallery2-item {-ms-flex:1 1 100%; -webkit-flex:1 1 100%; flex:1 1 100%;}
.fac-gallery2-direction-vertical .fac-gallery2-slider {height:100%;}
.fac-gallery2-direction-vertical .fac-gallery2-list {-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
.fac-gallery2-direction-vertical .fac-gallery2-nav > button {width:100%; height:50px; top:auto; bottom:auto;}
.fac-gallery2-direction-vertical .fac-gallery2-nav > button.fac-gallery2-previous {left:0; right:0; top:0;}
.fac-gallery2-direction-vertical .fac-gallery2-nav > button.fac-gallery2-next     {left:0; right:0; bottom:0;}
.fac-gallery2-direction-vertical .fac-gallery2-nav > button::after {transform:rotate(90deg);}
@media screen and (max-width:480px) {
.fac-gallery2 .fac-gallery2-nav > ol > li {width:10px; height:10px;}
.fac-gallery2 .fac-gallery2-nav > ol > li::after {width:5px; height:5px;}
}

/* .fac-popups */
.fac-popups {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	position:fixed; width:1px; height:1px; left:-100px; top:-100px; z-index:9999; opacity:0; overflow:hidden; 
	transition:opacity 0s ease-in-out 0s, width 0s ease-in-out 0s, height 0s ease-in-out 0s, left 0s ease-in-out 0s, top 0s ease-in-out 0s;}
.fac-popups .fac-popups-board {
	width:100%; min-width:940px; max-height:100%; position:relative; z-index:2; box-sizing:border-box; 
	background:#fff; overflow:auto; -webkit-overflow-scrolling:touch; pointer-events:auto;}
.fac-popups .fac-gallery2-slider {}
.fac-popups .fac-gallery2-list {}
.fac-popups .fac-gallery2-item {margin:100px;}
.fac-popups .fac-gallery2-nav {}
.fac-popups .fac-gallery2-nav > button {width:100px; height:50vh; top:50%; transform:translateY(-50%); font-size:40px; transition:opacity 0.3s ease-in-out;}
.fac-popups .fac-gallery2-nav > button::after {
	display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0; font:normal 1em/1 icons; text-indent:0;}
.fac-popups .fac-gallery2-nav > button.fac-gallery2-previous {left:0;}
.fac-popups .fac-gallery2-nav > button.fac-gallery2-next     {right:0;}
.fac-popups .fac-gallery2-nav > button.fac-gallery2-previous::after {content:"\e903";}
.fac-popups .fac-gallery2-nav > button.fac-gallery2-next::after     {content:"\e901";}
.fac-popups.fac-gallery2-first .fac-gallery2-nav > button.fac-gallery2-previous, 
.fac-popups.fac-gallery2-last  .fac-gallery2-nav > button.fac-gallery2-next     {opacity:0; pointer-events:none;}
.fac-popups .fac-gallery2-nav > ol {display:none;}
.fac-popups.fac-gallery2-transition-slide .fac-gallery2-slider {overflow:hidden;}
.fac-popups .fac-popups-background {
	position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; margin:auto; background:#fff; pointer-events:auto; 
	-webkit-tap-highlight-color:rgba(0,0,0,0);}
.fac-popups .fac-popups-close {
	display:block; width:1em; height:0; padding:1em 0 0; position:absolute; right:0; top:0; z-index:3; box-sizing: content-box; border:1em solid transparent; outline:none; 
	background-color:transparent; font-size:2rem; font-weight:normal; cursor:pointer; appearance:none; pointer-events:auto; overflow:hidden; transition:color 0.2s ease-in-out;}
.fac-popups .fac-popups-close::after {display:block; content:"\e90f"; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; font:normal 1em/1 icons; text-align:center;}
.fac-popups .fac-popups-close:hover {color:#999;}
.fac-popups.fac-popups-show {
	width:100%; min-width:940px; height:100%; min-height:600px; left:0; top:0; opacity:1;
	transition:opacity 0.3s ease-in-out 0s, width 0s ease-in-out 0s, height 0s ease-in-out 0s, left 0s ease-in-out 0s, top 0s ease-in-out 0s;}
html.fac-is-smartdevice .fac-popups .fac-popups-board::after {content:""; width:1px; height:1px; position:absolute; bottom:-3px;}
@media screen and (max-width:480px) {
.fac-popups {}
.fac-popups .fac-popups-board {width:100%; min-width:0; max-width:none; max-height:100%; margin:0; padding:20px; border:0; border-radius:0;}
_:-ms-input-placeholder, :root .fac-popups .fac-popups-board {margin:0;}
.fac-popups .fac-gallery2-slider {}
.fac-popups .fac-gallery2-list {}
.fac-popups .fac-gallery2-item {margin:0;}
.fac-popups .fac-popups-close {font-size:1rem; font-size:3.125vw;}
.fac-popups.fac-popups-show {min-width:280px; min-height:400px;}
.fac-popups.fac-popups-show .fac-popups-close {position:fixed;}
_:-ms-input-placeholder, :root .fac-popups .fac-popups-close::before {font-size:20px;}
}

/* .fac-slideshow */
.fac-slideshow {position:relative;}
.fac-slideshow > ul {position:relative;}
.fac-slideshow > ul > li {position:absolute; left:0; top:0;}
.fac-slideshow > ul > li.fac-slideshow-selected {position:relative;}
.fac-slideshow > ul > li > a {display:block;}
.fac-slideshow > ul > li img {display:block;}
.fac-slideshow > nav {}
.fac-slideshow > nav > a {
	display:block; width:100px; height:100%; position:absolute; top:0; z-index:2; text-indent:-9999px; white-space:nowrap; text-decoration:none; overflow:hidden;}
.fac-slideshow > nav > a:after {
	display:block; content:""; position:absolute; left:0; right:0; top:50%; margin:-0.5em 0 0; color:#999; font:40px/1 "icons"; text-align:center; text-indent:0; 
	transition:color 0.1s ease-in-out 0s; -webkit-transition:color 0.1s ease-in-out 0s;}
.fac-slideshow > nav > a:hover {opacity:0.7;}
.fac-slideshow > nav > a.fac-slideshow-previous       {left:-120px;}
.fac-slideshow > nav > a.fac-slideshow-previous:after {content:"\e903";}
.fac-slideshow > nav > a.fac-slideshow-next           {right:-120px;}
.fac-slideshow > nav > a.fac-slideshow-next:after     {content:"\e901";}
.fac-slideshow > nav > ol {
	display:inline-block; position:absolute; left:0; right:0; bottom:0; z-index:2; margin:0 auto; letter-spacing:-0.4em; text-align:center;}
.fac-slideshow > nav > ol > li {
	display:inline-block; width:25px; height:25px; position:relative; 
	letter-spacing:normal; vertical-align:top; text-indent:-9999px; white-space:nowrap; overflow:hidden; cursor:pointer;}
.fac-slideshow > nav > ol > li:after {
	display:block; content:""; width:10px; height:10px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; border-radius:100%; 
	background:#e9e9e9; text-indent:0; overflow:hidden; 
	transition:background-color 0.1s ease-in-out 0s; -webkit-transition:background-color 0.1s ease-in-out 0s;}
.fac-slideshow > nav > ol > li:hover:after, 
.fac-slideshow > nav > ol > li.fac-slideshow-selected:after {background-color:#000;}
.fac-slideshow.fac-slideshow-less > nav {display:none;}
@media screen and (max-width:480px) {
.fac-slideshow {}
.fac-slideshow > ul {}
.fac-slideshow > ul > li {}
.fac-slideshow > ul > li.fac-slideshow-selected {}
.fac-slideshow > ul > li > a {}
.fac-slideshow > ul > li img {}
.fac-slideshow > nav {}
.fac-slideshow > nav > a {width:20px;}
.fac-slideshow > nav > a:after {font-size:20px;}
.fac-slideshow > nav > a:hover {}
.fac-slideshow > nav > a.fac-slideshow-previous       {left:0;}
.fac-slideshow > nav > a.fac-slideshow-previous:after {}
.fac-slideshow > nav > a.fac-slideshow-next           {right:0;}
.fac-slideshow > nav > a.fac-slideshow-next:after     {}
.fac-slideshow > nav > ol {}
.fac-slideshow > nav > ol > li {width:15px; height:15px;}
.fac-slideshow > nav > ol > li:after {width:6px; height:6px;}
.fac-slideshow > nav > ol > li:hover:after, 
.fac-slideshow > nav > ol > li.fac-slideshow-selected:after {}
.fac-slideshow.fac-slideshow-less > nav {}
}

/* .fac-item-nav */
@media screen and (max-width:480px) {
html.fac-has-item-nav        #body .fac-item-nav {}
html.fac-has-item-nav        #body .fac-item-nav-list {box-sizing:border-box; background:#fff;}
html.fac-has-item-nav-header #body .fac-item-nav {
	min-width:320px; height:100px; position:absolute; left:0; top:0; right:0; z-index:9800; padding:50px 0 0; box-sizing:border-box; 
	overflow:hidden; transition:height 0s 0.3s; pointer-events:none;}
html.fac-has-item-nav-header #body .fac-item-nav > * {pointer-events:auto;}
html.fac-has-item-nav-header #body .fac-item-nav-header {height:50px; position:relative; z-index:2; padding-right:50px; box-sizing:border-box; background-color:#fff; white-space:nowrap; cursor:pointer;}
html.fac-has-item-nav-header #body .fac-item-nav-header > * {pointer-events:none;}
html.fac-has-item-nav-header #body .fac-item-nav-header::before {
	display:block; content:""; width:70px; position:absolute; right:0; top:0; bottom:0; 
	background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1));}
html.fac-has-item-nav-header #body .fac-item-nav-header::after {
	display:block; content:"\e906"; width:50px; position:absolute; right:0; top:50%; margin:-0.5em 0 0; 
	font:bold 35px/1 icons; text-align:center; transition:transform 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
html.fac-has-item-nav-header #body .fac-item-nav-list {
	max-height:100%; position:relative; left:0; top:0; bottom:0; right:0; z-index:1; margin-top:-50px; padding-top:50px; 
	transform:translateY(-100%); opacity:0; transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0s 0.5s; overflow:auto; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}

html.fac-has-item-nav-header header#header {position:absolute;}
html.fac-has-item-nav-header #body {padding-top:50px;}
html.fac-has-item-nav-header.fac-item-nav-show  body > .mask {left:0; opacity:1;}
html.fac-has-item-nav-header.fac-item-nav-show  #body .fac-item-nav {height:100%; transition-delay:0s;}
html.fac-has-item-nav-header.fac-item-nav-show  #body .fac-item-nav > h1:after {transform:rotateZ(-180deg);}
html.fac-has-item-nav-header.fac-item-nav-show  #body .fac-item-nav-list {transform:translateY(0); opacity:1; transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0s 0s;}
html.fac-has-item-nav-header.fac-is-smartdevice #body .fac-item-nav-list::before {display:block; content:""; width:1px; height:1px; position:absolute; bottom:-3px;}
html.fac-has-item-nav-header.fac-item-nav-fixed #body .fac-item-nav {position:fixed; padding-top:0;}
}

/* .popup */
body > .popup {
	display:block; width:10px; height:10px; position:absolute; left:-10px; top:-10px; z-index:10000; background:#fff; opacity:0; overflow:hidden; transition:opacity 0.3s ease-in-out 0s;}
body > .popup:after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:#fff;}
body > .popup.show {width:100%; min-width:940px; height:100%; left:0; top:0; opacity:1;}
body > .popup > div {width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
body > .popup > .close {
	display:block; width:60px; height:60px; position:absolute; top:0; right:10px; z-index:3; text-indent:-9999px; text-decoration:none; white-space:nowrap; overflow:hidden;}
body > .popup > .close:after {
	display:block; content:"\e90f"; position:absolute; left:0; right:0; top:50%; margin:-0.5em 0 0; color:#999; font:normal 30px/1 icons; text-indent:0;}
body > .popup > .close:hover {opacity:0.5;}

body > .popup.image {}
body > .popup.image > div {}
body > .popup.image > div img {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}

body > .popup.iframe {text-align:center;}
body > .popup.iframe > div {overflow:auto; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
body > .popup.iframe > div iframe {display:block; width:100%; height:100%; margin:0 auto; border:none;}

body > .popup.youtube {text-align:center;}
body > .popup.youtube > div {width:920px; height:517px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
body > .popup.youtube > div iframe {display:block; width:100%; height:100%; position:absolute; left:0; top:0; margin:0 auto; border:none;}

body > .popup.gallery {background:#000;}
body > .popup.gallery:after {background-color:#000;}
body > .popup.gallery > .fac-gallery {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider {height:100%;}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul {height:100%;}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li {width:100%; height:100%; background:#000;}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li.fac-gallery-selected {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li.white {background-color:#fff;}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li[class*=fac-gallery-dummy-] {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li > a {}
body > .popup.gallery.contain > .fac-gallery > .fac-gallery-slider > ul > li img {
	display:block; width:auto; max-width:20%; height:auto; max-height:20%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(5);}
body > .popup.gallery.cover   > .fac-gallery > .fac-gallery-slider > ul > li img {
	display:block; width:auto; min-width:500%; height:auto; min-height:500%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0.2);}

body > .popup.gallery > .fac-gallery > nav {}
body > .popup.gallery > .fac-gallery > nav > a {}
body > .popup.gallery > .fac-gallery > nav > a:after {}
body > .popup.gallery > .fac-gallery > nav > a:hover {}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-previous       {left:0;}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-previous:after {}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-next           {right:0;}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-next:after     {}
body > .popup.gallery > .fac-gallery > nav > ol {bottom:10px;}
body > .popup.gallery > .fac-gallery > nav > ol > li {}
body > .popup.gallery > .fac-gallery > nav > ol > li:after {width:8px; height:8px; border:1px solid #999; background:transparent;}
body > .popup.gallery > .fac-gallery > nav > ol > li:hover:after, 
body > .popup.gallery > .fac-gallery > nav > ol > li.fac-gallery-selected:after {background-color:#999;}
body > .popup.gallery > .fac-gallery.fac-gallery-less > nav {}

@media screen and (max-width:480px) {
body > .popup {}
body > .popup:after {}
body > .popup.show {min-width:0;}
body > .popup > div {position:relative;}
body > .popup > div::before {display:block; content:""; width:1px; height:1px; position:absolute; bottom:-3px;}

body > .popup > .close {width:40px; height:40px; right:0;}
body > .popup > .close:after {font-size:20px;}
body > .popup > .close:hover {}

body > .popup.image {}
body > .popup.image > div {}
body > .popup.image > div img {width:100%; height:auto;}

body > .popup.iframe {}
body > .popup.iframe > div {}
body > .popup.iframe > div iframe {}

body > .popup.youtube {}
body > .popup.youtube > div {width:auto; height:0; padding:56.25% 0 0;}
body > .popup.youtube > div iframe {}

body > .popup.gallery {}
body > .popup.gallery > .fac-gallery {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li {position:relative;}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li.fac-gallery-selected {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li.white {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li[class*=fac-gallery-dummy-] {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li > a {}
body > .popup.gallery > .fac-gallery > .fac-gallery-slider > ul > li img {}
body > .popup.gallery > .fac-gallery > nav {}
body > .popup.gallery > .fac-gallery > nav > a {}
body > .popup.gallery > .fac-gallery > nav > a:after {}
body > .popup.gallery > .fac-gallery > nav > a:hover {}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-previous       {}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-previous:after {}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-next           {}
body > .popup.gallery > .fac-gallery > nav > a.fac-gallery-next:after     {}
body > .popup.gallery > .fac-gallery > nav > ol {}
body > .popup.gallery > .fac-gallery > nav > ol > li {}
body > .popup.gallery > .fac-gallery > nav > ol > li:after {width:6px; height:6px;}
body > .popup.gallery > .fac-gallery > nav > ol > li:hover:after, 
body > .popup.gallery > .fac-gallery > nav > ol > li.fac-gallery-selected:after {}
body > .popup.gallery > .fac-gallery.fac-gallery-less > nav {}

}