@charset "UTF-8";
/*-------------------------------------------------------------- 製品情報
--------------------------------------------------------------*/
.products.layout-two-columns { margin-top: 20px; }

.products > section > section { margin-bottom: 40px; background: #EEE; box-shadow: 0 3px 3px -3px #000; }

.products > section.marine > section { background: #E3ECFD; }

.products > section.its > section { background: #EBEDF2; }

.products > section.systems > section { background: #E3F5FC; }

#contents .layout-single-column.products > section > section h3, #contents .layout-two-columns.products > section > section h3 { color: #FFF; font-size: 1.25em; margin: 0 0 1.0em; padding: 10px; background: #0F3CAA; }

table.bd-none th, table.bd-none td { border: none; }

.prd-table-clm { overflow: auto; }

/* マーケットの色
---------- */
.markets span { color: #FFF; }

.markets span.fishing, .markets span.gnssConsumer, .products-category .navi .fishing.dispOn, .products-category .navi .gnssConsumer.dispOn { background: #74a7d7; }

.markets span.workboats, .products-category .navi .workboats.dispOn { background: #74c5e3; }

.markets span.recreational, .markets span.gnssAutomotive, .products-category .navi .recreational.dispOn, .products-category .navi .gnssAutomotive.dispOn { background: #7e9cb5; }

.markets span.merchant, .markets span.gnssTiming, .products-category .navi .merchant.dispOn, .products-category .navi .gnssTiming.dispOn { background: #80b2a8; }

/*-------------------------------------------------------------- ページ内ナビ
--------------------------------------------------------------*/
.prd-nv { background: #e9e9e9; }

.prd-nv.fixed { margin: 0 auto; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1000; }

.prd-nv.fixed .prd-nv-inner { position: relative; }

.prd-nv .prd-nv-inner ul { display: flex; justify-content: space-between; margin: 0; padding: 0; }

.prd-nv .prd-nv-inner li { margin: 0; padding: 0; display: flex; flex: auto; min-height: 72px; }

.prd-nv .prd-nv-inner li a { box-sizing: border-box; color: #161616; display: flex; align-items: center; justify-content: center; padding: 1em 0.5em; transition: 0.1s; width: 100%; height: 100%; line-height: 1.2; }

.prd-nv .prd-nv-inner li a:hover { color: #0163cc; }

#prd-nv-top, .prd-nv-top { width: auto; }

#prd-nv-top a, .prd-nv .prd-nv-inner .prd-nv-top a { color: #0163cc; display: flex; align-items: end; padding: 30px 1.5em; }

#prd-nv-top a:before, .prd-nv-top a:before { font-family: 'furunocom' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 1.2em; content: "\e905"; }

#prd-nv-top a span, .prd-nv-top a span { display: block; width: 0; height: 0; overflow: hidden; line-height: 2em; }

.prd-nv .current { background: #ccc; }

/* ナビゲーション制御
------------------------------ */
.slicknav_menu { display: none; line-height: 1.3; }

#navTitle { color: #FFF; display: block; float: left; font-weight: bold; padding: 0.5em 0 0.5em; max-width: calc(100% - 7em); max-height: 2em; overflow: hidden; }

.products-category { margin-top: -1.69rem; }

/*-------------------------------------------------------------- 製品情報 TOP --------------------------------------------------------------*/
.products-top { padding: 2em 0 8em; }

.products-top h1 { text-align: center; font-size: 3rem; font-weight: normal; padding: 0 18px 2em; letter-spacing: 0.03em; }

.products-top .cat-navi { max-width: 1200px; margin: 0 auto 4.5rem; }
.products-top .cat-navi ul { border-right: solid 1px #d1d1d1; margin: 0; padding: 0; display: flex; justify-content: space-between; }
.products-top .cat-navi ul li { box-sizing: border-box; border-left: solid 1px #d1d1d1; list-style: none; margin: 0; padding: 0; width: 50%; display: flex; }
.products-top .cat-navi a { box-sizing: border-box; display: flex; align-items: center; color: #161616; font-size: 1.375rem; text-align: center; padding: 0; position: relative; width: 90%; margin: 0 auto; max-width: 336px; transition-duration: 0.2s; height: 100%; justify-content: center; }
.products-top .cat-navi a:hover { color: #004ea2; }
.products-top .cat-navi a > span { display: inline-block; line-height: 1.3; width: 100%; max-width: 250px; }
.products-top .cat-navi a small { display: block; text-align: center; font-size: 0.625rem; }
.products-top .cat-navi a:before, .products-top .cat-navi a:after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'furunocom' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1.5; color: #d6dade; font-size: 2rem; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.products-top .cat-navi a:after { content: '\e906'; right: 0; text-align: right; font-size: 15px; color: #004ea2; }
.products-top .cat-navi a.marine:before { content: '\f21a'; }
.products-top .cat-navi a.its:before { content: '\f1b9'; }
.products-top .cat-navi a.systems:before { content: '\f080'; }
@media screen and (max-width: 1110px) { .products-top .cat-navi a { font-size: 1.25em; }
  .products-top .cat-navi a:before { font-size: 1.4rem; width: 2em; } }
@media screen and (max-width: 640px) { .products-top .cat-navi { margin: 0 auto 30px; }
  .products-top .cat-navi ul { border-top: solid 1px #d1d1d1; border-right: none; display: block; }
  .products-top .cat-navi ul li { box-sizing: border-box; border-left: none; border-bottom: solid 1px #d1d1d1; margin: 0; padding: 0 0 0 0; position: relative; width: 100%; }
  .products-top .cat-navi ul li:before { content: ""; background: #3671af; margin: auto; z-index: 2; position: absolute; height: 7px; width: 7px; left: 18px; top: 0; bottom: 0; }
  .products-top .cat-navi a { box-sizing: border-box; background: #f8f8f8; color: #161616; font-size: 1rem; text-align: left; padding: 0.5em 1rem 0.5em 2.5rem; width: 100%; max-width: none; }
  .products-top .cat-navi a:after { right: 1em; }
  .products-top .cat-navi a > span { margin-left: 0.75em; max-width: none; }
  .products-top .cat-navi a small { display: none; } }

.cn .products-top .cat-navi ul li { width: 50%; }
@media screen and (max-width: 640px) { .cn .products-top .cat-navi ul li { box-sizing: border-box; border-left: none; border-bottom: solid 1px #d1d1d1; margin: 0; padding: 0 0 0 0; position: relative; width: 100%; } }

.products-top h2, .products-category h1 { color: #fff; border: none; background: no-repeat center center; background-size: cover; font-size: 2.625em; font-weight: normal; padding: 95px 0 90px; margin: 0 0 5rem; text-align: center; }

.products-top h2 small, .products-category h1 small { display: block; text-align: center; font-size: 0.5em; }

.products-top .marine h2, .products-category h1.marine { background-image: url(/img/products/top/title_bg1.jpg); background-color: #64899f; }

.products-top .its h2, .products-category h1.its { background-image: url(/img/products/top/title_bg2.jpg); background-color: #113737; }

.products-top .systems h2, .products-category h1.systems { background-image: url(/img/products/top/title_bg3.jpg); background-color: #201f0f; }

.products-top h3 { color: #161616; border-bottom: 1px solid #004ea2; font-size: 2.25em; font-weight: normal; padding-bottom: 0.5em; margin-bottom: 3.5rem; }

.products-top section .inner { margin-bottom: 4.5rem; }

@media screen and (max-width: 640px) { .products-top { padding: 0 0 8em; }
  .products-top h1 { text-align: left; font-size: 1.5rem; padding: 0 18px 1.5rem; }
  .products-top h2, .products-category h1 { font-size: 1.25em; line-height: 1.3; padding: 42px 0; margin-bottom: 24px; }
  .products-top h3 { font-size: 1.375em; padding-bottom: 0.25em; margin-bottom: 0.75em; } }
.products-top .categories ul, .merchant .categories ul { display: flex; flex-wrap: wrap; padding: 0; }
.products-top .categories li, .merchant .categories li { box-sizing: border-box; list-style: none; padding: 0 0 1.25em; width: 32.5%; }
.products-top .categories li:nth-of-type(3n-1), .merchant .categories li:nth-of-type(3n-1) { margin: 0 1.25%; }
.products-top .categories li a, .merchant .categories li a { background: no-repeat right center; background-size: contain; background-color: #fff; box-sizing: border-box; border: 1px solid #bfbfbf; color: #222; height: 100%; padding: 0.5em 56% 0.5em 1.25em; min-height: 80px; display: flex; align-items: center; flex-wrap: wrap; line-height: 1.3; transition-duration: 0.2s; }
.products-top .categories li a:hover, .merchant .categories li a:hover { border: 1px solid #004ea2; color: #004ea2; opacity: 0.8; }
.products-top .categories .coastal-monitoring a, .products-top .categories .meteorological-monitoring a, .products-top .categories .terrain-monitoring a, .products-top .categories .marine-equipment-training a, .products-top .categories .fish-farming a, .products-top .categories .offshore_wind a, .products-top .categories .ARNavigation a, .products-top .categories .RemoteMonitoringSystem a, .products-top .categories .waveguidelan a, .products-top .categories .PlanningStation a, .products-top .categories .construction_remote_monitoring a, .merchant .categories .coastal-monitoring a, .merchant .categories .meteorological-monitoring a, .merchant .categories .terrain-monitoring a, .merchant .categories .marine-equipment-training a, .merchant .categories .fish-farming a, .merchant .categories .offshore_wind a, .merchant .categories .ARNavigation a, .merchant .categories .RemoteMonitoringSystem a, .merchant .categories .waveguidelan a, .merchant .categories .PlanningStation a, .merchant .categories .construction_remote_monitoring a { padding: 0 0 0 1.25em; }
.products-top .categories .ARNavigation a, .products-top .categories .RemoteMonitoringSystem a, .products-top .categories .waveguidelan a, .products-top .categories .PlanningStation a, .products-top .categories .construction_remote_monitoring a, .merchant .categories .ARNavigation a, .merchant .categories .RemoteMonitoringSystem a, .merchant .categories .waveguidelan a, .merchant .categories .PlanningStation a, .merchant .categories .construction_remote_monitoring a { background-position: 114% 0; }
.products-top .categories .coastal-monitoring a span, .products-top .categories .meteorological-monitoring a span, .products-top .categories .terrain-monitoring a span, .products-top .categories .marine-equipment-training a span, .products-top .categories .fish-farming a span, .products-top .categories .offshore_wind a span, .products-top .categories .ARNavigation a span, .products-top .categories .RemoteMonitoringSystem a span, .products-top .categories .waveguidelan a span, .products-top .categories .PlanningStation a span, .products-top .categories .construction_remote_monitoring a span, .merchant .categories .coastal-monitoring a span, .merchant .categories .meteorological-monitoring a span, .merchant .categories .terrain-monitoring a span, .merchant .categories .marine-equipment-training a span, .merchant .categories .fish-farming a span, .merchant .categories .offshore_wind a span, .merchant .categories .ARNavigation a span, .merchant .categories .RemoteMonitoringSystem a span, .merchant .categories .waveguidelan a span, .merchant .categories .PlanningStation a span, .merchant .categories .construction_remote_monitoring a span { box-sizing: border-box; background: #fff; width: 65%; height: 100%; display: flex; align-items: center; }
@media screen and (max-width: 1110px) { .products-top .categories li a, .products-top .categories .ARNavigation a, .products-top .categories .RemoteMonitoringSystem a, .products-top .categories .waveguidelan a, .products-top .categories .coastal-monitoring a, .products-top .categories .meteorological-monitoring a, .products-top .categories .terrain-monitoring a, .products-top .categories .marine-equipment-training a, .products-top .categories .fish-farming a, .products-top .categories .offshore_wind a, .products-top .categories .PlanningStation a, .products-top .categories .construction_remote_monitoring a, .merchant .categories li a, .merchant .categories .ARNavigation a, .merchant .categories .RemoteMonitoringSystem a, .merchant .categories .waveguidelan a, .merchant .categories .coastal-monitoring a, .merchant .categories .meteorological-monitoring a, .merchant .categories .terrain-monitoring a, .merchant .categories .marine-equipment-training a, .merchant .categories .fish-farming a, .merchant .categories .offshore_wind a, .merchant .categories .PlanningStation a, .merchant .categories .construction_remote_monitoring a { background: no-repeat top center #fff; background-size: auto 75px; padding: 75px 0 0 0; }
  .products-top .categories .ARNavigation a, .products-top .categories .RemoteMonitoringSystem a, .products-top .categories .waveguidelan a, .products-top .categories .coastal-monitoring a, .products-top .categories .meteorological-monitoring a, .products-top .categories .terrain-monitoring a, .products-top .categories .marine-equipment-training a, .products-top .categories .fish-farming a, .products-top .categories .offshore_wind a, .products-top .categories .PlanningStation a, .products-top .categories .construction_remote_monitoring a, .merchant .categories .ARNavigation a, .merchant .categories .RemoteMonitoringSystem a, .merchant .categories .waveguidelan a, .merchant .categories .coastal-monitoring a, .merchant .categories .meteorological-monitoring a, .merchant .categories .terrain-monitoring a, .merchant .categories .marine-equipment-training a, .merchant .categories .fish-farming a, .merchant .categories .offshore_wind a, .merchant .categories .PlanningStation a, .merchant .categories .construction_remote_monitoring a { background-size: 100% auto; padding: 75px 0 0 0; }
  .products-top .categories .ARNavigation a, .products-top .categories .RemoteMonitoringSystem a, .products-top .categories .waveguidelan a, .products-top .categories .PlanningStation a, .products-top .categories .construction_remote_monitoring a, .merchant .categories .ARNavigation a, .merchant .categories .RemoteMonitoringSystem a, .merchant .categories .waveguidelan a, .merchant .categories .PlanningStation a, .merchant .categories .construction_remote_monitoring a { background-size: cover; }
  .products-top .categories li a > span, .products-top .categories .coastal-monitoring a > span, .products-top .categories .meteorological-monitoring a > span, .products-top .categories .terrain-monitoring a > span, .products-top .categories .marine-equipment-training a > span, .products-top .categories .fish-farming a > span, .products-top .categories .offshore_wind a > span, .products-top .categories .ARNavigation a span, .products-top .categories .RemoteMonitoringSystem a span, .products-top .categories .waveguidelan a span, .products-top .categories .PlanningStation a span, .products-top .categories .construction_remote_monitoring a span, .merchant .categories li a > span, .merchant .categories .coastal-monitoring a > span, .merchant .categories .meteorological-monitoring a > span, .merchant .categories .terrain-monitoring a > span, .merchant .categories .marine-equipment-training a > span, .merchant .categories .fish-farming a > span, .merchant .categories .offshore_wind a > span, .merchant .categories .ARNavigation a span, .merchant .categories .RemoteMonitoringSystem a span, .merchant .categories .waveguidelan a span, .merchant .categories .PlanningStation a span, .merchant .categories .construction_remote_monitoring a span { border-top: 1px solid #bfbfbf; box-sizing: border-box; background: #fff; display: block; padding: 0.5em 0.5em; height: 100%; width: 100%; }
  .products-top .categories li a:hover > span, .merchant .categories li a:hover > span { background: #cee0f2; } }
@media screen and (max-width: 640px) { .products-top .categories li a, .merchant .categories li a { background-size: auto 61px; padding: 61px 0 0 0; }
  .products-top .categories .coastal-monitoring a, .products-top .categories .meteorological-monitoring a, .products-top .categories .terrain-monitoring a, .products-top .categories .marine-equipment-training a, .products-top .categories .fish-farming a, .products-top .categories .offshore_wind a, .products-top .categories .ARNavigation a, .products-top .categories .RemoteMonitoringSystem a, .products-top .categories .waveguidelan a, .products-top .categories .PlanningStation a, .products-top .categories .construction_remote_monitoring a, .merchant .categories .coastal-monitoring a, .merchant .categories .meteorological-monitoring a, .merchant .categories .terrain-monitoring a, .merchant .categories .marine-equipment-training a, .merchant .categories .fish-farming a, .merchant .categories .offshore_wind a, .merchant .categories .ARNavigation a, .merchant .categories .RemoteMonitoringSystem a, .merchant .categories .waveguidelan a, .merchant .categories .PlanningStation a, .merchant .categories .construction_remote_monitoring a { padding: 61px 0 0 0; } }
@media screen and (max-width: 580px) { .products-top .categories li, .merchant .categories li { width: 48.5%; margin-right: 3%; }
  .products-top .categories li:nth-of-type(3n-1), .merchant .categories li:nth-of-type(3n-1) { margin: 0 3% 0 0; }
  .products-top .categories li:nth-of-type(2n), .merchant .categories li:nth-of-type(2n) { margin-right: 0; } }
@media screen and (max-width: 420px) { .products-top .categories .ARNavigation a, .products-top .categories .RemoteMonitoringSystem a, .products-top .categories .PlanningStation a, .merchant .categories .ARNavigation a, .merchant .categories .RemoteMonitoringSystem a, .merchant .categories .PlanningStation a { background-size: auto 60%; }
  .products-top .categories .marine-equipment-training a, .products-top .categories .meteorological-monitoring a, .products-top .categories .terrain-monitoring a, .products-top .categories .coastal-monitoring a, .products-top .categories .fish-farming a, .products-top .categories .offshore_wind a, .merchant .categories .marine-equipment-training a, .merchant .categories .meteorological-monitoring a, .merchant .categories .terrain-monitoring a, .merchant .categories .coastal-monitoring a, .merchant .categories .fish-farming a, .merchant .categories .offshore_wind a { background-size: auto 75px; }
  .products-top .categories .waveguidelan a, .products-top .categories .construction_remote_monitoring a, .merchant .categories .waveguidelan a, .merchant .categories .construction_remote_monitoring a { background-size: auto 80%; } }

.jp .products-top .categories li.compass a, .jp .merchant .categories li.compass a { padding-right: 46%; }
@media screen and (max-width: 1110px) { .jp .products-top .categories li.compass a, .jp .merchant .categories li.compass a { padding: 75px 0 0 0; } }
@media screen and (max-width: 640px) { .jp .products-top .categories li.compass a, .jp .merchant .categories li.compass a { background-size: auto 61px; padding: 61px 0 0 0; } }

/*-------------------------------------------------------------- 製品情報 製品カテゴリー一覧
--------------------------------------------------------------*/
.products-category .column-left { margin-top: 8em; overflow: hidden; }

.products-category .products-list ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; width: 100.93%; }

.products-category .products-list li { display: flex; list-style: none; margin: 0 0.93% 20px 0; width: 24.06%; }

.products-category .products-list a { display: flex; flex-wrap: wrap; border: 1px solid #ddd; }

.products-category .products-list .thumbnail { border-bottom: 1px solid #ddd; background: no-repeat center center; background-size: contain; position: relative; width: 100%; height: 122px; text-align: center; }

.products-category .products-list .thumbnail img { box-sizing: border-box; display: inline-block; padding: 3px 0 3px; max-height: 100%; max-width: 100%; }

.products-detail .products-list li .new, .products-category .products-list .thumbnail .new { position: absolute; top: 0; left: 0; width: 85px; height: 85px; overflow: hidden; }

.products-detail .products-list li .new .new-inner, .products-category .products-list .thumbnail .new-inner { background: #fd6c00; color: #fff; display: inline-block; font-size: 13px; font-weight: bold; line-height: 16px; letter-spacing: 0.05em; width: 91px; text-align: center; left: -24px; top: 5px; position: absolute; padding: 2px 0; -webkit-transform: rotate(-33deg); -ms-transform: rotate(-33deg); transform: rotate(-33deg); }

.products-category .products-list .copy { background: #f8f8f8; padding: 1.25em 4px 4.25em; position: relative; width: 100%; height: calc(100% - 123px ); box-sizing: border-box; }

.products-category .products-list a:hover .copy { background: #dee8f2; }

.products-category .products-list .copy h3 { color: #004ea2; font-weight: normal; font-size: 1.25em; line-height: 1.3; margin: 0 0 1rem; padding: 0 1rem 0; }

.products-category .products-list .copy h3 .name { display: inline-block; font-size: 0.9em; width: 100%; }

.products-category .products-list .copy h3 .model { border: 1px solid #004ea2; display: inline-block; font-size: 0.55em; float: left; padding: 2px; line-height: 1; margin: 0.45em 0.75em 0 0; }

.products-category .products-list .copy h3 .modelname { overflow-wrap: anywhere; }

.products-category .products-list .copy p { font-size: 0.9375em; color: #222222; padding: 0 1rem 0; margin: 0; }

.products-category .markets { position: absolute; bottom: 6px; left: 4px; display: flex; flex-wrap: wrap; width: calc(100% - 8px ); height: 48px; align-items: baseline; }

.products-category .markets span { border-radius: 3px; width: 49.7%; line-height: 1.4; margin: 0 0.6% 3px 0; font-size: 12px; color: #fff; text-align: center; padding: 1px 0; }

.products-category .markets span:nth-of-type(2n) { margin-right: 0; }

/* ナビゲーション表示調整
---------- */
.its .column-left nav > ul > li:nth-of-type(1) > ul { width: 100%; }

.dsrc .column-left nav > ul > li:nth-of-type(1) > ul { width: 80%; }

.etc .products-list .copy, .etcOption .products-list .copy, .etcOption .products-list .copy, .dsrc .products-list .copy, .ClinicalChemistryAnalyzer .products-list .copy, .UltrasoundBoneDensitometer .products-list .copy, .medical-other .products-list .copy, .cn .products-category.marine .products-list .copy { padding-bottom: 1.5em; }

/* 絞り込み機能
---------- */
.products-category .navi ul { display: flex; flex-wrap: wrap; margin-bottom: 3em; }

.products-category .navi li { background: #eeeeee; color: #787878; margin: 0 0.25em 0.5em 0; border-radius: 3px; padding: 0.25em 1em; cursor: pointer; }

.products-category .navi .dispOn { background: #444; color: #fff; }

/*-------------------------------------------------------------- 製品情報 検索結果
--------------------------------------------------------------*/
.products-category.products-serch .page-title { font-weight: normal; font-size: 2.25em; padding: 0 0 1.69rem; margin: 1.69rem 0 0; color: #161616; text-align: left; }

/*-------------------------------------------------------------- 製品情報 ページが見つかりません
--------------------------------------------------------------*/
.notfound { padding-bottom: 4em; }

.notfound h1 { padding: 0 0 1.69rem; }

/*-------------------------------------------------------------- 製品情報 製品詳細
--------------------------------------------------------------*/
/* grid
---------- */
.products-detail .main-information { display: grid; grid-template-columns: 42% auto; grid-template-rows: auto auto auto; display: -ms-grid; -ms-grid-columns: 42% 58%; -ms-grid-rows: auto auto auto; }

.products-detail .main-information .product-title { grid-column: 2 / 3; grid-row: 1 / 2; -ms-grid-column: 2; -ms-grid-row: 1; }

.products-detail .main-information .other { grid-column: 2 / 3; grid-row: 2 / 3; -ms-grid-column: 2; -ms-grid-row: 2; }

.products-detail .main-information .images { grid-column: 1 / 2; grid-row: 1 / 4; -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 3; }

ul, li { list-style: none; margin: 0; padding: 0; }

/* 偶数カラムに背景色を付ける
---------- */
.products-detail .product-details > section:nth-of-type(2n) { background: #f8f8f8; }

/* 擬似youtube
---------- */
.youtube-img a { display: block; position: relative; padding-top: 55%; height: 0 !important; overflow: hidden; }

.youtube-img a .icon { background: url(/img/common/icon_youtube.png) no-repeat left top; height: 0; left: 50%; margin: -21px 0 0 -31px; padding-top: 43px; overflow: hidden; position: absolute; top: 50%; width: 62px; z-index: 2; }

.youtube-img a:hover .icon { background-position: left -43px; }

.youtube-img a img { height: auto !important; position: absolute; right: 0; top: 0; margin-top: -10% !important; width: 100% !important; }

/* main-information
---------- */
.products-detail .main-information { margin: 60px auto 90px; }

.products-detail .main-information p { margin: 0; padding: 0; }

.products-detail .main-information .images { padding-right: 8%; }

.products-detail .main-information .slick-dotted { padding-bottom: 85px; margin-bottom: 0; }

.products-detail .main-information .images .image-main { text-align: center; width: 100%; position: relative; overflow: hidden; }

.products-detail .main-information .images .image-main:before { content: ""; display: block; vertical-align: middle; }

.products-detail .main-information .images .image-main img { width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto; }

.products-detail .main-information .slick-track { display: flex; align-items: center; }

.products-detail .main-information .slick-dots { bottom: 0px; text-align: left; display: flex; flex-wrap: wrap; }

.products-detail .main-information .slick-dots li { width: 14.1%; margin: 0 3.75% 9px 0; position: relative; max-width: none; height: auto; display: flex; }

.products-detail .main-information .slick-dots li:nth-of-type(6n) { margin-right: 0; }

.products-detail .main-information .slick-dots li:before { content: ""; display: block; padding-top: 85%; text-align: center; vertical-align: middle; }

.products-detail .main-information .slick-dots li span { box-sizing: border-box; border: 1px solid #cccccc; position: absolute; width: 100%; height: 100%; display: flex; }

.products-detail .main-information .slick-dots li span:after { content: ''; background: #333; height: 100%; opacity: 0.2; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; }

.products-detail .main-information .slick-dots li img { width: auto; max-width: 90%; max-height: 90%; padding-top: 5%; margin: auto; display: block; /* 以下4行IE11用 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.products-detail .main-information .slick-dots li.slick-active span:after { display: none; }

.products-detail .main-information .slick-dots li::after { position: absolute; content: ''; height: 3px; top: auto; bottom: -9px; width: 100%; background: #b9b9b9; }

.products-detail .main-information .slick-dots li.slick-active:after, .products-detail .main-information .slick-dots li:hover:after { background: #ffae00; }

.products-detail #Features img, .products-detail #Freespace0 img, .products-detail #Freespace1 img, .products-detail #Freespace2 img { max-width: 100% !important; height: auto !important; }

.products-detail .main-information .product-title { padding-bottom: 2.5em; }

.products-detail .main-information .category-name { background: #004ea2; color: #fff; font-size: 0.9375em; display: inline-block; padding: 0 0.5em; margin-bottom: 0.75em; }

.products-detail .main-information h1 { display: flex; flex-wrap: wrap; font-size: 1em; font-weight: normal; align-items: center; padding: 0; margin: 0; }

.products-detail .main-information .prd-name { font-size: 1.5em; width: 100%; }

.products-detail .main-information .model { font-size: 0.87em; border: 1px solid #161616; margin-right: 0.5rem; line-height: 1.3; padding: 1px 0.3em 0; }

.products-detail .prd-model { overflow-wrap: anywhere; }

.products-detail .main-information .prd-model { font-size: 2.25em; }

.products-detail .main-information .new { color: #fff; background: #fd6c00; font-weight: bold; font-size: 0.8125em; margin: 0 0 0 0.5rem; padding: 0.15em 0.5em; }

.products-detail .main-information .previous, .products-detail .main-information .oldproduct { background: #ffc750; font-size: 0.875em; font-weight: normal; padding: 0.15em 0.25em; display: inline-block; margin-left: 0.5em; }

.products-detail .main-information h2 { font-size: 1.5em; color: #004ea2; line-height: 1.2; border: none; margin: 0; padding: 0 0 1rem; }

.products-detail .main-information .introduction { padding-bottom: 1.75em; }

.products-detail .main-information .markets { margin-bottom: 30px; display: flex; flex-wrap: wrap; }

.products-detail .main-information .markets span { box-sizing: border-box; font-size: 81.25%; line-height: 1.3; margin: 0 1% 2px 0; padding: 0.2em 0.4em; display: inline-block; width: 24%; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; /* Safari,Google Chrome用 */ -moz-border-radius: 2px; /* Firefox用 */ }

.products-detail .main-information .markets span:nth-of-tyle(4n) { margin-right: 0; }

.products-detail .main-information .featureicons { margin-bottom: 30px; }

.products-detail .main-information .featureicons img { display: inline-block; padding-right: 0.5em; width: auto; height: 60px; }

.products-detail .main-information .relatedcontents h3 { display: flex; align-items: center; font-size: 0.9375em; color: #161616; letter-spacing: 0.06em; }

.products-detail .main-information .relatedcontents h3:after { margin-left: 5px; border-top: 1px solid #e4e4e4; content: ""; flex-grow: 1; }

.products-detail .main-information .relatedcontents ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; font-size: 0.875em; }

.products-detail .main-information .relatedcontents li { padding: 0 2.75% 0.5em 0; width: 17.8%; }

.products-detail .main-information .relatedcontents li:nth-of-type(5n) { padding-right: 0; }

/* .product-details
---------- */
.products-detail .product-details > section .inner { padding-top: 90px; padding-bottom: 30px; }

.products-detail .product-details h3 { color: #161616; font-size: 2.5em; font-weight: normal; display: inline-block; border-bottom: 2px solid #004ea2; padding-bottom: 0.25em; }

/* 特長
---------- */
#Features h4 { font-size: 1.5em; color: #004ea2; padding-bottom: 25px; margin-bottom: 0; }

#Features .inner > ul > li > div { padding-bottom: 90px; }

#Features li.no-discription h4 { padding-bottom: 80px; }

/* 仕様
---------- */
#Spec h4, #Options h4 { color: #161616; font-size: 1.5em; margin-bottom: 2em; }

#Spec dl { display: flex; flex-wrap: wrap; margin: 0 0 60px; }

#Spec dt, #Spec dd { box-sizing: border-box; margin: 0 0 1em; padding: 0 0 1em; border-bottom: 1px solid #ccc; }

#Spec dt { width: 30%; font-weight: bold; }

#Spec dd { padding-left: 0.5em; width: 70%; }

/* 映像例
---------- */
#Screenshots li { margin-bottom: 3em; }

#Screenshots a { color: #161616; }

#Screenshots a:hover { color: #004ea2; }

#Screenshots a img { border: 1px solid #a3a3a3; margin-bottom: 0.25em; max-height: 300px; }

/* 仕様
---------- */
#Options .inner > ul { padding-bottom: 60px; }

#Options .inner > ul > li { border-bottom: 1px solid #bfbfbf; padding-bottom: 1em; margin-bottom: 1.25em; }

#Options .name { display: block; font-weight: bold; padding-bottom: 0.25em; }

#ExternalDimension .externaldimensions, #InterconnectionDiagram .configurations { text-align: center; }

#ExternalDimension .externaldimensions a, #InterconnectionDiagram .configurations a { display: block; padding-bottom: 1em; }

#ExternalDimension .externaldimensions img, #InterconnectionDiagram img { border: 1px solid #bfbfbf; display: block; margin: 0 auto; }

/* カタログ
---------- */
#Documentations li { width: 32%; margin-right: 2%; }
#Documentations li:nth-of-type(3n) { margin-right: 0; }
#Documentations li a { display: flex; }
#Documentations li a small { font-size: 0.875em; }
#Documentations li img { border: 1px solid #0f6bce; flex-shrink: 0; max-width: 170px; max-height: 155px; }
#Documentations li .copy { padding-left: 1em; }
#Documentations li a:hover img { opacity: 0.7; }
@media screen and (max-width: 960px) { #Documentations li { width: 49%; margin-right: 2%; }
  #Documentations li:nth-of-type(3n) { margin-right: auto; }
  #Documentations li:nth-of-type(2n) { margin-right: 0; } }
@media screen and (max-width: 640px) { #Documentations li { width: 100%; margin-right: 0%; }
  #Documentations li:nth-of-type(3n), #Documentations li:nth-of-type(2n) { margin-right: 0; }
  #Documentations li img { max-hegit: 110px; max-width: auto; }
  #Documentations li .copy { line-height: 1.3; } }

.products-detail #Features li > h4 .new { color: #FFF; font-weight: bold; background: #FF6C00; font-size: 15px; margin: 0 0.5em; padding: 0 0.25em; }

.products .products-detail .clm-half { width: 47.2%; float: left; }

.products .products-detail .clm-half h5 { border-bottom: 2px solid #ddd; color: #000; font-size: 1.25em; font-weight: normal; letter-spacing: 0; margin: 0 0 15px; padding: 0 2px 5px; }

/* FAQ
---------- */
.products-detail .faq h4 { color: #004ea2; font-weight: bold; font-size: 1.375em; margin-bottom: 1em; }

.product-faq { border-bottom: 1px solid #bfbfbf; margin: 0 0 55px; padding: 0 0 0 60px; }

.product-faq > dt, .product-faq > dd { padding-top: 0.15rem; margin-left: 3rem; margin-right: 3rem; position: relative; }

.product-faq > dt { margin-bottom: 1.75rem; font-weight: bold; }

.product-faq .question, .product-faq .anser { border-radius: 50%; box-sizing: border-box; color: #fff; font-weight: normal; font-size: 1.5em; position: absolute; top: -0.15rem; left: -3rem; width: 1.5em; height: 1.5em; display: flex; align-items: center; justify-content: center; }

.product-faq dt .question { background: #ffae00; }

.product-faq dd { margin-bottom: 60px; }

.product-faq dd .anser { background: #acc5df; }

/* 同カテゴリー製品リスト
---------- */
.products-detail .products-list .inner { overflow: hidden; }

.products-detail .products-list { padding-bottom: 120px; }

.products-detail .products-list h3 { font-size: 1.5em; margin-bottom: 1em; }

.products-detail .products-list a h4 { font-weight: normal; color: #161616; line-height: 1.3; }

.products-detail .products-list ul { width: 101%; }

.products-detail .products-list li { margin: 0 0.99% 0 0; padding-bottom: 12px; width: 24%; position: relative; }

.products-detail .products-list li a { background: #fff; border: 1px solid #c1c1c1; padding: 4px 4px 4px 10px; display: flex; height: calc(100% - 12px ); }

.products-detail .products-list li.current a, .products-detail .products-list li a:hover { background: #cee0f2; border: 1px solid #3b85d1; }

.products-detail .products-list .copy { width: calc(100% - 85px); }

.products-detail .products-list .thumbnail { background: no-repeat center center #fff; background-size: contain; width: 82px; height: 78px; }

.products-detail .products-list li .new { left: auto; right: 0; }

.products-detail .products-list li .new .new-inner { font-size: 11px; line-height: 13px; left: auto; right: -27px; padding: 1px 0; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); }

.products-detail .products-list li h4 { display: flex; flex-wrap: wrap; align-items: center; }

.products-detail .products-list li .prd-name { width: 100%; }

.products-detail .products-list li .model { display: inline-block; padding: 1px 2px; margin-right: 3px; font-size: 0.6875em; background: #5d83ab; color: #fff; }

#download_sd .btns, #download_sd .dl-terms .btns, .normal-btns-clm .btns { box-sizing: border-box; display: block; }

#download_sd .btns a, .normal-btns-clm .btns a { display: inline-block; }

#download_sd .button, .normal-btns-clm .button { padding: 0.8em 2em 0.8em 1.2em; box-sizing: border-box; }

#download_sd .button, .dl-terms .button, .normal-btns-clm .button { padding: 0.8em 2em 0.8em 1.2em; line-height: 1.2; background-color: #3671af; color: #fff; font-size: 16px; }

/* スマホサイズ用 */
@media screen and (max-width: 960px) { /*-------------------------------------------------------------- 製品情報 製品カテゴリー一覧 --------------------------------------------------------------*/
  .products-category .products-list ul, .products-detail .products-list ul { width: 102%; }
  .products-category .products-list li, .products-detail .products-list li { width: 31.37%; margin-right: 1.96%; } }
@media screen and (max-width: 880px) { .products-detail .main-information .markets span { width: 49.5%; }
  .products-detail .main-information .relatedcontents li { width: 32%; margin: 0 2% 1em 0; padding: 0; }
  .products-detail .main-information .markets span:nth-of-type(2n), .products-detail .main-information .relatedcontents li:nth-of-type(3n) { margin-right: 0; } }
@media screen and (max-width: 700px) { /*-------------------------------------------------------------- 製品情報 製品カテゴリー一覧 --------------------------------------------------------------*/
  .products-category .products-list ul, .products-detail .products-list ul { width: 102%; }
  .products-category .products-list li, .products-detail .products-list li { width: 48.03%; margin-right: 1.96%; }
  .products-category .products-list .copy h3 { font-size: 1em; font-weight: bold; margin-bottom: 0.5em; } }
@media screen and (max-width: 640px) { /*-------------------------------------------------------------- 製品詳細ページ --------------------------------------------------------------*/
  #download_sd img.floatright { display: block; margin: auto; float: none; padding-bottom: 0.25em; }
  #download_sd .btns { text-align: center; }
  /*-------------------------------------------------------------- 製品情報 製品カテゴリー一覧 --------------------------------------------------------------*/
  .products-category .column-left { margin-top: 3em; }
  .products-category .navi li { font-size: 0.87em; }
  .products-category h2 { border-bottom: 1px solid #004ea2; display: inline-block; font-size: 1.375rem; padding: 0 0 0.5rem; margin-bottom: 1em; }
  .products-category .products-list ul { width: 100%; }
  .products-category .products-list li { width: 100%; margin-right: 0; }
  .products-category .products-list a { width: 100%; }
  .products-category .products-list .thumbnail { box-sizing: border-box; width: 39%; border: none; }
  .products-category .products-list .copy { border-left: 1px solid #dfdfdf; box-sizing: border-box; width: 61%; padding: 0.5em 0.75em; height: auto; }
  .products-category .products-list .copy h3 { margin-bottom: 0.5em; padding: 0 0 0; }
  .products-category .products-list .copy p { padding: 0; }
  .products-category .markets { display: none; }
  /*-------------------------------------------------------------- 製品情報 検索結果 --------------------------------------------------------------*/
  .products-category.products-serch .page-title { font-size: 1.5em; margin: 0 18px; }
  /*-------------------------------------------------------------- 製品情報 製品詳細 --------------------------------------------------------------*/
  /* main-information ---------- */
  .products-detail .main-information { display: block; margin: 20px auto 40px; }
  .products-detail .main-information .images { padding: 0 0 35px; width: 100%; overflow: hidden; }
  .products-detail .main-information .images-inner { width: 100%; }
  .products-detail .main-information .images .slick-list { width: 90%; margin: auto; }
  .products-detail .main-information .images .image-main:before { content: ""; display: block; vertical-align: middle; }
  .products-detail .main-information .images .image-main img { width: auto; max-width: 100%; max-height: 100%; margin: 0 auto; }
  .products-detail .main-information .product-title { padding-bottom: 1em; }
  .products-detail .main-information .introduction { padding-bottom: 1.5em; }
  .products-detail .main-information .markets { margin-bottom: 30px; }
  .products-detail .main-information .markets span:nth-of-tyle(4n) { margin-right: 0; }
  .products-detail .main-information .relatedcontents h3:after { display: none; }
  .products-detail .main-information .featureicons img { height: 55px; padding: 0 0.25em 0.25em 0; }
  .products-detail .product-details > section .inner { padding-top: 30px; }
  .products-detail .product-details h3 { font-size: 1.375em; }
  #Features li.no-discription h4 { padding-bottom: 40px; }
  #Features h4, #Features h6 { font-size: 1.25em; padding-bottom: 20px; line-height: 1.3; }
  #Features .inner > ul > li > div { padding-bottom: 60px; }
  #Features > ul > li > div > table { font-size: 87%; }
  #Screenshots li { margin-bottom: 1em; }
  #Spec h4, #Options h4 { font-size: 1.1em; font-weight: bold; color: #004ea2; margin-bottom: 1rem; }
  #Options .inner > ul > li { width: 100%; margin-right: 0; }
  #Screenshots a img { margin-bottom: 0; }
  #Screenshots li { line-height: 1.3; font-size: 0.875em; }
  #Spec dl { margin: 0 0 40px; }
  #Options .inner > ul { padding-bottom: 40px; }
  #ExternalDimension .externaldimensions img, #InterconnectionDiagram img { border: none; }
  .products-detail .faq h4 { font-size: 1.25em; }
  .product-faq > dt { font-size: 1em; line-height: 1.4; }
  .product-faq { padding-left: 0; }
  .product-faq > dt, .product-faq > dd { margin-right: 0; margin-left: 2em; padding-top: 0; }
  .product-faq .question, .product-faq .anser { font-size: 1.125em; top: 0.3em; left: -2rem; }
  .product-faq dd { margin-bottom: 45px; } }
@media screen and (max-width: 420px) { .products-category .products-list .copy p { font-size: 0.875em; }
  .products-detail .main-information .slick-dots li { width: 19%; margin: 0 2% 9px 0; }
  .products-detail .main-information .slick-dots li:nth-of-type(6n) { margin-right: auto; }
  .products-detail .main-information .slick-dots li:nth-of-type(4n) { margin-right: 0; }
  .products-detail .main-information .category-name { font-size: 0.875em; }
  .products-detail .main-information .prd-name { font-size: 1.25em; }
  .products-detail .main-information .prd-model { font-size: 1.625em; }
  .products-detail .main-information h2 { font-size: 1.25em; }
  .products-detail .main-information .relatedcontents li { width: 48%; margin: 0 4% 1em 0; padding: 0; }
  .products-detail .main-information .relatedcontents li:nth-of-type(3n) { margin-right: auto; }
  .products-detail .main-information .relatedcontents li:nth-of-type(2n) { margin-right: 0; }
  /* 製品一覧ページ対応 */
  /* カテゴリー一覧ページ対応 */
  .products .products-list > ul { width: auto; }
  .products .products-list > ul > li { width: 100%; float: none; }
  .products .products-list > ul > li a { padding: 30px 0 0; width: 100%; }
  /* 製品詳細ページ対応 */
  .products .products-detail #Features img, .products .products-detail #Freespace0 img { display: block; float: none !important; }
  .products .products-detail #Screenshots > ul > li { padding: 0 5% 24px 0; width: 50%; }
  .list-three-clm .clm { box-sizing: border-box; float: none; padding-right: 0; width: 100%; }
  .products-detail .products-list li { width: 100%; margin-right: 0; }
  .products-detail .products-list li:nth-of-type(4n) { margin-right: auto; }
  .products-detail .products-list .copy { padding: 0.25em 0; }
  .products-detail .products-list { padding-bottom: 60px; } }
@media screen and (max-width: 640px) { .prd-nv-inner { display: none; }
  .prd-nv { -moz-box-sizing: border-box; box-sizing: border-box; border: none; padding: 0; margin: 0; width: 100%; }
  .prd-nv .slicknav_menu { background: #e3e3e3; box-sizing: border-box; display: block; padding: 5px 10px; position: relative; width: 100%; z-index: 0; }
  .prd-nv .slicknav_btn { background: none; display: flex; justify-content: flex-end; margin: 0; padding: 0.5em 3%; text-align: right; width: 100%; }
  .prd-nv .slicknav_menu .slicknav_menutxt { color: #161616; font-weight: normal; padding-right: 0.25em; text-shadow: none; }
  .prd-nv .slicknav_menu .slicknav_icon { float: none; }
  .prd-nv .slicknav_menu .slicknav_icon-bar { background: #3671af; box-shadow: none; }
  .prd-nv .slicknav_nav li { float: left; width: 50%; }
  .prd-nv .slicknav_nav a:hover { background: #c2c2c2; }
  .prd-nv .slicknav_nav a { color: #161616; }
  .product-details > section { overflow: auto; }
  #navTitle { color: #161616; position: absolute; float: none; top: 0.25em; display: flex; align-items: center; }
  #navTitle small { background: #fff; border: 1px solid #5a5a5a; display: inline-block; font-size: 0.65em; font-weight: normal; padding: 0.05em 0.25em; margin-right: 0.5em; } }
@media screen and (max-width: 400px) { .prd-nv .slicknav_nav li { float: none; width: 100%; } }
/* 個別ページ調整 */
#CH250 .bd-none th, #CH250 .bd-none td { padding: 0; vertical-align: middle; text-align: center; }
#CH250 .bd-none td:nth-child(2n) { min-width: 12em; }
#CH250 .bd-none { max-width: 100% !important; }
@media screen and (max-width: 640px) { #CH250 .bd-none td:nth-child(2n) { min-width: inherit; } }

#GP1670F .product-faq dd .dl-list dt, #GP1870F .product-faq dd .dl-list dt { color: #333; margin: 0; }
#GP1670F .product-faq dd .dl-list dd, #GP1870F .product-faq dd .dl-list dd { margin: -1.5em 0 0 12em; }
@media screen and (max-width: 640px) { #GP1670F .list-three-clm .clm, #GP1870F .list-three-clm .clm { font-size: 87%; }
  #GP1670F .list-three-clm .clm br, #GP1870F .list-three-clm .clm br { display: none; }
  #GP1670F .product-faq dd .dl-list dd, #GP1870F .product-faq dd .dl-list dd { margin: 0 0 1em 0; }
  #GP1670F .product-faq dd > dl, #GP1670F .product-faq dd > ol, #GP1870F .product-faq dd > dl, #GP1870F .product-faq dd > ol { margin-top: 0; }
  #GP1670F #Features td, #GP1870F #Features td { box-sizing: border-box; display: inline-block; vertical-align: top; margin-bottom: 10px; padding: 0 0px 10px; width: 100% !important; } }

@media screen and (max-width: 420px) { /* 製品個別ページ対応 */
  #CSH5LMARK2 #Features th, #CSH5LMARK2 #Features td, #CSH8LMARK2 #Features th, #CSH8LMARK2 #Features td, #GP33 #Features th, #GP33 #Features td { border: none; box-sizing: border-box; display: inline-block; vertical-align: top; margin-bottom: 10px; padding: 5px 10px; }
  #CSH5LMARK2 #Features th, #CSH8LMARK2 #Features th { width: 35% !important; }
  #CSH5LMARK2 #Features td, #CSH8LMARK2 #Features td { width: 63%; }
  #GP33 #Features td:nth-child(2n) { margin-top: -1em; padding-bottom: 1.5em; }
  #GP33 #Features tr { display: block; clear: both; } }