@charset 'utf-8';

/*--------------------------------------
  レスポンシブサイト向け対応
--------------------------------------*/
@media print, screen and (min-width: 768px) {   /* common.css のリセット */
  .container {
    max-width: 1000px;
  }
}

@media print, screen and (min-width: 1200px) {   /* common.css のリセット */
  .container {
    width: 950px;
    padding: 0 10px;
    max-width: none;
  }
  
  .container--products {
    width: 800px;
  }

  .container--btn-box {
    width: 500px;
  }

  .container--btn-box2 {
    width: 720px;
  }
}

/*--------------------------------------
  BOX MODEL
--------------------------------------*/
.breadcrumbs {
  background-color: #d8dfe4;
}

@media print, screen and (min-width: 1200px) {
.breadcrumbs .container {
	width:1200px;
}
}

.container--main {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.sidebar {
  float: left;
  width: 220px;
}

.contents {
  float: right;
  width: 690px;
}

.contents-wide {
  float:none;
  width:930px;
}

.contents-thum2 {
  width:650px;
  margin:0 auto;
}

.contents-thum3 {
  width:690px;
  margin:0 auto;
}

@media print, screen and (max-width: 768px) {
.sidebar {
	display:none;
}

.contents-wide {
	width:auto;
}
}

@media print, screen and (max-width: 1000px) {
main {
	padding-top:60.5px;
}

.contents {
  float: none;
  width: 100%;
}
}

/*--------------------------------------
  COMMON
--------------------------------------*/
html {
  overflow-y: scroll;
}

body {
  color: #323232;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;   
/*  font-family: Roboto, Helvetica, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ", sans-serif; */
}

h2 {
	font-size:179%;
	font-weight:bold;
	margin-top:2em;
	margin-bottom:0;
}

h2 span {
	font-size:80%;
	margin-left:20px;
	font-weight:normal;
}

h2.spec {
	font-size: 155%;
}

h3.spec {
	margin: 45px 0 10px;
	font-weight: bold;
	font-size: 182%;
}

a {
  color: #3d83b7;
}

dl.circle {
  margin:0;
}

dl.circle dt:before {
  content:"";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #333;
  display:inline-block;
  margin-right:0.5em;
}

dd {
  margin-left: 0;
}

dl.item dt {
	float:left;
	padding-right:0.5em;
}

dl.item dd {
	margin-top:0.5em;
}

.label-end {
  background-color: #999;
}

.label-teds {
  background-color: #e50000;
  vertical-align:text-bottom;
}

.label-rohs {
  background-color: #177c30;
  vertical-align:text-bottom;
}

.label-bto {
  background-color: #ff6c00;
  vertical-align:text-bottom;  
}

.label-red {
	background:#F00;
}

.label-option {
	background:#d8dfe4;
	padding:.2em .5em;
}

.plus-label {
	display:inline-block;
}

.btn-box {
	margin:30px 0;
}

.btn-box a.btn {
	border-radius:unset;
	background-color:#fff;
}

.btn-box a.arrow-white {
	border-radius:unset;
	background-color:#EB4035;
	color:#fff;
}

.btn-box a.arrow {
    position: relative;
    display: inline-block;
}

.btn-box a.arrow::before,
.btn-box a.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.btn-box-bottom {
	padding:0 0 4rem;
}

.arrow-red::before{
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 7px solid transparent;
    border-left: 10px solid #c81e1e;
}

.arrow-red-back::before{
    box-sizing: border-box;
    width: 4px;
    height: 4px;
	left:-220px;
    border: 7px solid transparent;
    border-right: 10px solid #c81e1e;
}

.arrow-white::before{
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 7px solid transparent;
    border-left: 10px solid #fff;
}

.btn-primary {
  color: #fafafa;
  background-color: #ff8c26;
}

.btn-primary:hover {
  background-color: #ff6c00;
}

.icon {
  vertical-align: middle;
  padding-left: 0.5em;
}

.table-bordered th,
.table-bordered td {
   border: 1px solid #c6c6c6;
}

.fa-file-pdf-o {
  color: #ff3500;
}

.textalignleft {
	text-align:left;
}

.textalignright {
	text-align:right;
}

.mt0 { margin-top:0 !important; }
.mt1 { margin-top:1em !important; }
.mt2 { margin-top:2em !important; }

.mt110 { margin-top:110px !important; }
.mb0 { margin-bottom:0 !important; }

.pl0 { padding-left:0 !important; }

ul.l-disc {
	padding-left:1.3em;
}

ul.l-disc li {
  position: relative;
}

ul.l-disc li::after {
  display: block;
  content: '';
  position: absolute;
  top: .4em;
  left: -1.2em;
  width: 12px;
  height: 12px;
  background-color: #333;
  border-radius: 100%;
}

/* -------------------- */

.page-title {
  	margin: 0;
	padding: 1em 0 0.5em;
	color: #001e46;
	font-weight: normal;
	font-size: 300%;
	text-align: center;
	line-height: 1.2;
}

.page-title-small {
	font-size: 230%;
}

.heading {
  padding: 0.25em 0;
  background: url('./images/bg-heading.png') no-repeat left bottom;
  font-size: 1.25rem;
}

.heading-first {
  margin-top: 0;
}

.menu-item-external {
	background:url(images/icon-external-white.png) no-repeat center right;
	padding-right:20px;
}

.icon-external {
	background:url(images/icon-external-black.png) no-repeat center right;
	padding-right:20px;
}

.icon-external-wh {
	background:url(images/icon-external-white.png) no-repeat center right;
	padding-right:20px;
}

.icon-external-re {
	background:url(images/icon-external-red.png) no-repeat 250px 20px;
	padding-right:55px;
}

.photobox h3 {
	font-size:179%;
	font-weight:bold;
	margin:0 0 0.5em;
}

.photobox p {
	margin:0 0 1em;
}

.photobox img {
	margin:0 0 2em;
}

.photobox-flex {
  display:flex;
  justify-content:space-between;
}

.photobox-left-450 { width:450px; }
.photobox-left-500 { width:500px; }
.photobox-left-615 { width:615px; }
.photobox-left-700 { width:700px; }
.photobox-left-767 { width:767px; }

figure {
	margin:1em 0;
}

figcaption {
	font-weight:bold;
	margin:1em 0;
}

figcaption.btm {
	margin:0 0 3em;
	font-size:160%;
}


@media print, screen and (max-width: 767px) {
figure {
	text-align:center;
}

figure ul {
	text-align:left;
}

.page-title {
	text-align:center;
}
}



/*--------------------------------------
  HEADER
--------------------------------------*/
header {
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
/*  background:linear-gradient(#faf9f6, #e3e1d8); */
  width:100%;
  background:#fff;
  z-index:9999;
}

@media print, screen and (min-width: 1200px) {
header .container {
	width:1200px;
}
}

@media print, screen and (max-width: 1000px) {
header {
  padding-top: 0;
  padding-bottom: 0;
}
}

/*----------------*/
h1.brand {
  margin: 0;
  line-height: 0;
}

/*----------------*/
.nav-global {
  position: absolute;
  top: 0.2rem;
  right: 0;
}

.nav-global ul {
  margin: 0;
}

.nav-global ul li a {
  display: block;
  text-decoration: none;
  color: #333;
}

.nav-global ul > li {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 2rem;
  position:relative;
}
/*
.nav-global ul > li:last-child {
  padding-left: 0.2rem;
}*/
/*
.nav-global ul > li:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 4px;
  margin-left: 4px;
  border-top: transparent solid 5px;
  border-right: transparent solid 7px;
  border-bottom: transparent solid 5px;
  border-left: #fda925 solid 10px;
  vertical-align: 2px;
}
*/
.nav-global ul > li > a {
  color: #323232;
  font-size: 1rem;
  text-decoration: none;
}

.nav-global ul > li > a:hover {
  text-decoration: underline;
}

.nav-global ul li:last-child a/*,
.nav-global ul li:nth-last-of-type(2) a*/ {
  font-size: 0.8rem;
  color:#FFF;
  background:#787878;
  padding:0.2rem 0.5rem;
}

.nav-global ul > li > ul a:hover,
.nav-global ul > li > ul li:last-child a:hover,
.nav-global ul > li > ul li:nth-last-of-type(2) a:hover {
  background-color: #DCF0FF;
  text-decoration:none;
}

.nav-global ul > li ul {
  position: absolute;
  top: 130%;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: 0.15s ease-in-out;
}

.nav-global ul > li:hover ul {
  visibility: visible;
  opacity: 1;
}

.nav-global ul > li li {
  width: 12em;
}

.nav-global ul > li li > a,
.nav-global ul > li li:last-child > a,
.nav-global ul > li li:nth-last-of-type(2) > a {
  padding: 0.5em;
  background: #fff;
  font-size:1rem;
  color:#323232;
}

.nav-global ul > li ul.pro,
.nav-global ul > li ul.in,
.nav-global ul > li ul.fa {
	left:30px;
}

.nav-global ul > li ul.pro li,
.nav-global ul > li ul.in li,
.nav-global ul > li ul.fa li {
	padding-left:0;
	margin-left:0;
}

.nav-global ul li.arrow {
  position: relative;
  font-size:1.2em;
}
.nav-global ul li.arrow::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  right: -.8em;
  width: 6px;
  height: 6px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media print, screen and (max-width: 768px) {
.nav-global ul > li {
  padding-left: 1rem;
}
}

nav.number-nav {
	background:#d8dfe4;
	width:100%;
	z-index:1;
}

@media print, screen and (min-width: 1200px) {
nav.number-nav .container {
	width:1200px;
	margin:0 auto;
	text-align:left;
}

nav.fixed {
	margin-top:60px;
}

.products-tabs__controller > li.ui-state-active > a i,
.products-tabs__controller > li > a:hover i {
  visibility:visible;
  color: #ff8400;
}
}

@media print, screen and (max-width: 1000px) {
nav.number-nav .container {
	text-align:left;
}

.switch ul.child li.ui-state-active a i {
  visibility:visible;
  color: #c81e1e;
}

.menu {
	color:#323232;
}

.menu:after {
    position: absolute;
    margin-top: -1px;
    content: '\025b6';
    font-size: 15px;
    font-weight: bold;
	color:#c81e1e;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
}
 
.menu.active:after {
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.switch ul.child {
	display:none;
	list-style:none;
	padding:0;
}

.switch ul.child li {
	padding:0.1em 0;
	margin:0;
}

.switch ul.child li a {
	color:#000;
	text-decoration:none;
}

nav.number-nav a.toggle {
  margin: 0;
  padding: 0;
  height: auto;
  line-height: 1;
  background: none;
  font-size: 100%;
  font-weight:bold;
  text-align:left;
}
}

/*----------------*/

ul.drawer-menu li {
	border-bottom:1px solid #ccc;
	margin:0;
}

ul.drawer-dropdown-menu li {
	border-top:1px solid #ccc;
	border-bottom:none;
}

@media print, screen and (min-width: 768px) {
  .fixed {
     position: fixed;
     top:0;
  }
}

@media print, screen and (max-width: 899px) {
 .fixed {
  position: fixed;
  z-index:9999;
  top:53px;
}
}

/*--------------------------------------
  SIDEBAR
--------------------------------------*/
.sidebar__products {
  margin-bottom: 2rem;
}

h3.sidebar__products__heading {
  margin: 0;
  padding: 0.5em;
  background-color: #9ca3a4;
  color: #fafafa;
  font-size: 1.125rem;
}

.sidebar__products__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sidebar__products__list > li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cbcbcb;
  line-height: 1.2;
}

.sidebar__products__list > li > a {
  display: block;
  padding: 1rem;
  color: #46555b;
  text-decoration: none;
}

.sidebar__products__list > li.active > a,
.sidebar__products__list > li > a:hover {
  color: #ff8400;
}

.sidebar__products__list > li > a > span {
  font-size: 0.75rem;
}

/*--------------------------------------
  FOOTER
--------------------------------------*/
.footer-primary {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #000;
}

.footer-primary__corp {
	padding-top:1rem;
}

@media print, screen and (min-width: 1200px) {
footer .container {
	width:1200px;
}
}

@media print, screen and (max-width: 767px) {
.footer-primary__corp {
	text-align:center;
	padding-bottom:1rem;
}
}
/* --------------------- */

.nav-footer {
  background:#333;
  padding:1.5em;
}

.nav-footer ul {
	padding-left:1em;
	font-size:0.8em;
}

.nav-footer ul li.arrow {
  position: relative;
  font-size:1.2em;
}
.nav-footer ul li.arrow::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav-footer ul.na {
	margin-top:7.1em;
}

.nav-footer ul.ar {
	margin-top:4.5em;
}

.nav-footer ul.ex {
	padding-left:0;
}

.nav-footer a {
	text-decoration:none;
	color:#FFF;
}

.nav-footer a:hover {
	text-decoration:underline;
}

.footer-nav-title {
	margin-top:1rem;
	font-size:1.2em;
}

@media print, screen and (max-width: 767px) {
.nav-footer {
  position:relative;
  text-align: left;
}

.nav-footer ul.na,
.nav-footer ul.ar {
	margin-top:0;
}

}
/* --------------------- */

address {
  font-size: 0.75rem;
  text-align: right;
  color:#FFF;
}

@media print, screen and (max-width: 767px) {
address {
	text-align:center;
}
}

/* --------------------- */

.go-to-top {
  display: block;
  position: fixed;
  left: auto;
  bottom: 0.25rem;
  right: auto;
  margin-left: 1140px;
  color: rgba(156,163,164,0.9);
  font-size: 2.5rem;
}

@media print, screen and (max-width: 767px) {
.go-to-top {
	right:10px;
}
}

/*--------------------------------------
  BREADCRUMBS
--------------------------------------*/
.breadcrumbs ol {
  margin: 0;
  font-size: 0.83rem;
}

.breadcrumbs .list-inline > li {
  padding-right: 0;
  padding-left: 0;
}

.breadcrumbs li + li::before {
  padding: 0 0.5rem;
  content: "\f105";
  font-family: FontAwesome;
}

/*--------------------------------------
  PRODUCTS
--------------------------------------*/
.products-summary {
  margin-bottom: 12rem;
}

.products-summary__item {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.products-summary__item a {
  color: #323232;
  text-decoration: none;
}

.products-summary__item p {
	margin:0;
}

.products-summary__item__name {
  font-size: 1.1rem;
  font-weight:bold;
  margin:0;
}

.products-summary__item__name-arrow:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 4px;
  margin-left: 4px;
  border-top: transparent solid 6px;
  border-right: transparent solid 6px;
  border-bottom: transparent solid 6px;
  border-left: #c81e1e solid 10px;
  vertical-align: 0;
}

.products-summary__item__image {
  margin:1em 0;
}

.products-summary__item__category {
  font-size: 1rem;
  line-height:1.2em;
  margin:0;
}

@media print, screen and (max-width: 767px) {
.products-summary {
	margin-bottom: 3rem;
	text-align:center;
}
}
/* -------------------- */

.products-title {
  vertical-align: middle;
}

.products-title__category {
	font-size:1.2rem;
	line-height:1.2;
}

h1.products-title__name {
  margin: 0.125em 0;
  padding-right: 1em;
  font-weight: bold;
  font-size: 2.5rem;
  display:inline-block;
}

h2.product-category {
	margin-bottom:0;
	text-align:center;
}

h2.product-category a {
	color:#000;
	text-decoration:none;
}

h2.product-category a:hover {
	text-decoration:underline;
}


/* -------------------- */
.products-tabs nav.number-nav {
	background:#d8dfe4;
	width:100%;
	z-index:1;
}

@media print, screen and (min-width: 1200px) {
.products-tabs nav.number-nav .container {
	width:1200px;
	margin:0 auto;
}

.products-tabs nav.fixed {
	margin-top:60px;
}
}

@media print, screen and (max-width: 767px) {
.products-tabs {
	position:relative;
	z-index:0;
}
}

.products-tabs__controller {
  margin: 0 auto;
  display:inline;
  padding-left:2%;
}

.products-tabs__controller > li {
  display: inline-block;
  margin: 0;
  padding: 0.25rem;
}

.products-tabs__controller > li > a {
  display: block;
  padding: 0.25rem 0.5rem;
  color: #323232;
  text-align: center;
  text-decoration: none;
}

.products-tabs__controller > li > a > i {
  visibility:hidden;
}

.products-tabs__controller > li.ui-state-active > a,
.products-tabs__controller > li.ui-state-hover > a,
.slb-content__anchor a,
.modal-content__case a {
  color: #000;
}

.products-tabs__controller > li.ui-state-active > a i,
.products-tabs__controller > li.ui-state-hover > a i,
.products-tabs__controller > li > a:hover i,
.slb-content__anchor a i,
.modal-content__case a i,
.subnav a i {
  visibility:visible;
  color: #c81e1e;
}

.products-tabs__panel {
  padding: 1rem 0;
}

h1.product-number {
	display:inline;
	font-size:1em;
	font-weight:bold;
}

h2.product-number-contents-top {
	border-top:1px solid #c6c6c6;
	color: #001e46;
	font-weight: normal;
	font-size: 300%;
	margin-top:1em;
	padding-top:1em;
}

h2.product-number-contents {
	margin-top:0;
	color: #001e46;
	font-weight: normal;
	font-size: 300%;
}

.btn-back-list {
	display:inline;
	position:absolute;
	right:0;
}

.btn-back-list a {
	vertical-align:-0.5em;
}

@media print, screen and (max-width: 767px) {
.btn-back-list a {
	vertical-align:0;
}

}

.btn-back-list a:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 10px;
  margin-left: -10px;
  border-top: transparent solid 5px;
  border-right: #000 solid 7px;
  border-bottom: transparent solid 5px;
  border-left: transparent solid 10px;
  vertical-align: 1px;
}

.btn-back-list a {
	background:#c0d7da;
	color:#000;
	text-decoration:none;
	padding:0.2em 0.5em;
	font-weight:bold;
	font-size:1em;
}

/*--------------------*/

.table-spec {
  margin-top:3rem;
  margin-bottom: 2rem;
}

.table-spec2 {
  margin-top:1rem;
  margin-bottom: 4rem;
}

.table-spec th,
.table-spec td {
  font-size: 1rem;
  padding: 0.5em 1em;
  border: 1px solid #c6c6c6;
  vertical-align:middle;
}

.table-spec th {
  font-weight: bold;
  background-color: #dcdcdc;
/*  width:20%; */
}

.table-spec th.pink {
	background-color:#FEF1F1;
}

.table-spec td.dark {
  background-color: #dcdcdc;	
}

.table-spec thead th {
  font-weight: bold;
  background-color: #555;
  color:#fff;
}

.table-spec td.sub {
  background-color: #eceded;
}

.table-spec .isset {
  background-color: #ffe6cc;
}

.table-spec caption.lt {
	text-align:left;
}

.table-spec caption.lb {
	caption-side:bottom;
	text-align:left;
}

.table-spec caption.rb {
	caption-side:bottom;
	text-align:right;
}

.add-line-top th,
.add-line-top td {
	border-top:3px solid #969696;
}

.table-spec-loadcell {
  margin:1rem auto 1.5rem;
  width:100%;
}

.table-spec-loadcell td {
	width:5%;
	height:55px;
}

.table-spec-loadcell td.pic {
	width:15%;
}

.table-spec-loadcell td.pic2 {
	width:14%;
}


@media print, screen and (max-width: 767px) {
.table-spec {
	width:auto;
	display:block;
	overflow-x:auto;
}

.table-spec th {
	padding:0.25em 1.5em;
}
}

/*--------------------*/

.table-download th {
    font-weight: bold;
	border-bottom:1px dotted #717a7f;
}

.table-download td {
	text-align:right;
	border-bottom:1px dotted #717a7f;
}

.table-download .btn-mini {
	padding:0.5em 2em;
}

.table-center {
	margin-left:auto;
	margin-right:auto;
}

h2.pgroup-title {
	margin:0;
}

.area-download ul {
	list-style-type:none;
	text-align:left;
}

.area-download ul li {
	border-bottom:1px dotted #717a7f;
	padding:12px 0;
}

.area-download dl,
.area-download dl dt,
.area-download dl dd {
	margin: 0;
	padding: 0;
}

.area-download dl dt {
	float: left;
	clear: both;
	line-height: 2.5em;
}

.area-download dl dt span {
	font-weight: normal;
}

.area-download dl dd {
	text-align:right;
}

.area-download a.btn {
	font-size:100%;
	padding:0.5em 1em;
}

.area-download .btn-box a.btn {
	padding:.5em 2.3em;
}


/*--------------------
WX-9000
--------------------*/
.eyecatch-wx9000 {
  padding: 3em 0;
  background:url(../products/wx-9000/images/bg-eyecatch.jpg) no-repeat center;
  background-size: cover;
  -webkit-background-size:cover;
  text-align: center;
}

.eyecatch-wx9000 .eyecatch-name {
	position:relative;
	top:20px;
	font-weight:600;
	font-size:30px;
	color:#fff;
	text-align:center;
  line-height:1.1;
  margin-bottom:38px;
}

.eyecatch-wx9000 .eyecatch-name span.new {
  border:1px solid #fff;
	font-size:24px;
  padding:.5px 2px;
  margin-right:13px;
}

.eyecatch-wx9000 .eyecatch-name span.model {
  font-size: 97px;
  font-weight: 600;
  font-family: "Hiragino Kaku Gothic ProN";
}

.eyecatch-wx9000 .eyecatch-copy-1 {
	font-weight:400;
	font-size:30px;
	color:#fff;
	text-align:center;
	letter-spacing:0.09em;
  margin-bottom:38px;
}

.eyecatch-wx9000 .eyecatch-copy-2 {
	font-weight:400;
	font-size:30px;
	color:#fff;
	text-align:center;
  margin-bottom:48px;
}

.eyecatch-wx9000 .eyecatch-btn a {
  font-size: 16px;
  font-weight: 600;
  color: #323232;
  text-decoration: none;
  background: url(./images/icon-pdf.svg) no-repeat 190px, #fff;
  border-radius: 10px;
  padding: 13px 86px;
  margin-bottom: 40px;
  display: inline-block;
}

#heading h2 {
  color: #323232;
  font-size: 24px;
  font-weight: 600;
  padding: 45px 0 0;
  margin-bottom: 0;
  line-height: 2;
}

.wrap-spec {
  background: linear-gradient(to top, #fff, rgba(60, 60, 60, 0.4) 88%, #fff 88%);
  margin: 52px 0 80px;
}

.wrap-spec .container {
  width: 960px;
  padding:0;
}

.wrap-spec .spec-pic {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wrap-spec .spec-pic figure, .wrap-spec .spec-pic figcaption {
  margin: 0;
}

.wrap-spec .spec-pic figure:first-child figcaption {
  text-align: left;
}

.wrap-spec .spec-pic figure:nth-child(2) figcaption {
  text-align: right;
}

.wrap-spec h3 {
  font-size: 38px;
  font-weight: 600;
  margin: 90px 0 55px;
}

.wrap-spec table {
  width: 100%;
}

.wrap-spec table th, .wrap-spec table td {
  text-align: center;
  padding: 20px 0;
  border: 2px solid #C8C8C8;
  font-size: 14px;
  font-weight: 300;
}

.wrap-spec table thead th {
  background: #505050;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.wrap-spec table tbody th,
.wrap-spec table tbody td {
	padding:10px 0;
}

.wrap-spec table .icon-new {
  color: #FA0000;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 10px;
  background: #fff;
  border-radius: 20px;
  margin-right: 8px;
  vertical-align: text-top;
}

.wrap-spec table tbody th {
  background: #F0F0F0;
  font-weight: 600;
}

.wrap-spec table tbody td {
  background: #FFF;
}

.wrap-spec table tbody td.beg {
  background: #FFF0CE;
  font-weight: 600;
}

.wrap-spec table tbody th a.arrow {
  position: relative;
  color: #323232;
  display: block;
}

.wrap-spec table tbody th a.arrow::after {
  display: block;
  content: "▼";
  position: absolute;
  top: 0px;
  right: .6em;
  color: rgb(230, 0, 0);
}

#func-wx9000 .container {
  width:1020px;
}

#func-wx9000 .area {
	padding-top: 80px;
	padding-bottom: 80px;
}

#func-wx9000 .area-colored {
	background-color: #D5DFE3;
}

#func-wx9000 .display-group .title {
  color: #323232;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  margin: 0 auto 33px;
}

#func-wx9000 .btn-box a.btn {
  font-size:16px;
  font-weight:400;
  width:450px;
  padding:17px 0;
}

.list-model {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

.list-model .model {
  margin-right:150px;
}

.list-model .model:first-child ul {
  margin-bottom:57px;
}

.list-model .model:nth-child(2n) {
  margin-right:0;
}

.list-model .model {
  margin-bottom:90px;
}

.list-model .model:nth-child(n+3) {
  margin-bottom:45px;
}

.list-model .model2:first-child ul {
  margin-bottom:30px;
}

.list-model .model2:nth-child(2) ul {
  margin-bottom:90px;
}

.list-channel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.list-channel img {
  margin-right:30px;
  margin-bottom:30px;
}

.table-fs80 th,
.table-fs80 td {
  font-size:.8rem;
}

@media print, screen and (max-width: 834px) {
	.wrap-spec .container,
  #func-wx9000 .container {
		width:100%;
    padding:0 2%;
	}

  .list-model .model2:nth-child(2) ul {
    margin-bottom:0;
  }
}

@media print, screen and (max-width: 768px) {
	#heading h2 {
		font-size:115%;
		padding:45px 5px 0;
	}

	dl.list-point dt,
	dl.list-point dd {
		width: 100%;
	}
}

@media print, screen and (max-width: 414px) {
  .eyecatch-wx9000 .eyecatch-name {
    font-size:18px;
  }

  .eyecatch-wx9000 .eyecatch-name span.model {
    font-size: 65px;
  }
  
  .eyecatch-wx9000 .eyecatch-copy-1,
  .eyecatch-wx9000 .eyecatch-copy-2 {
    font-size:20px;
  }

	.wrap-spec {
		background: linear-gradient(to top, #fff, rgba(60,60,60,0.4) 94%, #fff 94%);
	}

	.wrap-spec h3 {
		font-size: 24px;
		margin: 45px 0 25px;
	}

	.scroll-table {
		overflow: auto;
		white-space: nowrap;
	}

	.wrap-spec table tbody th,
	.wrap-spec table tbody td {
		padding:10px 25px;
	}

	.wrap-spec table tbody th a.arrow::after {
		right: -20px;
	}

  #func-wx9000 .btn-box a.btn {
    width:350px;
  }
}

@media print, screen and (max-width: 320px) {
  .eyecatch-wx9000 .eyecatch-name span.new {
    font-size:20px;
  }

  .eyecatch-wx9000 .eyecatch-name {
    font-size:16px;
  }

  .eyecatch-wx9000 .eyecatch-name span.model {
    font-size: 57px;
  }

  .eyecatch-wx9000 .eyecatch-copy-1,
  .eyecatch-wx9000 .eyecatch-copy-2 {
    font-size:18px;
  }

  #func-wx9000 .btn-box a.btn {
    width:310px;
  }
}


/*--------------------
WX-7000
--------------------*/
.eyecatch-wx7000 {
  padding: 3em 0;
  background:url(../products/wx-7000/images/bg-eyecatch.jpg) no-repeat center;
  background-size: cover;
  -webkit-background-size:cover;
  text-align: center;
}

.eyecatch-wx7000 div img { /*IE8対応*/
	top:0 !important;
}

.eyecatch-wx7000 .copy {
  color: #fff;
  font-size: 179%;
  margin-top:0;
  line-height:1.5;
  letter-spacing:0.07em;
  margin-bottom:1em;
}


.oc-row2 {
	padding: 1em 0;
	text-align: center;
}

.oc-row-gray {
	background:#d8dfe4;
}

.oc-row h2,
.oc-row-gray h2 {
	margin: 0;
	padding: 1em 0 0.5em;
	color: #001e46;
	font-weight: normal;
	font-size: 275%;
	text-align: center;
	line-height: 1.2;
}

.oc-row h3,
.oc-row-gray h3 {
	font-size:230%;
	padding-bottom:5px;
}

.oc-row-copy {
	text-align:center;
	color:#fff;
	font-size:171%;
}

.oc-row-arrow:before {
    content: ' ';
    height: 0;
    position: relative;
    width: 0;
    border: 50px solid transparent;
    border-top-color: #d8dfe4;
    top: 47px;
    margin-left: 0;
}

.oc-row-gray-arrow:before {
    content: ' ';
    height: 0;
    position: relative;
    width: 0;
    border: 50px solid transparent;
    border-top-color: #fff;
    top: 47px;
    margin-left: 0;
}


.oc-lead-wx7000 {
	background: url(../products/wx-7000/images/bg-arrow-down.png) no-repeat top center;
}

dl.variation dt {
	margin:3em 0 0;
}


dl.variation dd {
	margin:1em 0;
}

dl.variation2 dt:first-child {
	margin:3em 0 0 1em;
}

dl.variation2 dt {
	margin:1em 0 0 1em;
	position:relative;
}

dl.variation2 dt:before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 10px;
	height: 10px;
	background-color: #333;
	border-radius: 100%;
}

/*--------------------
VR-24
--------------------*/
.eyecatch-vr24 {
  padding: 3em 0;
  background:#333;
}

.eyecatch-vr24 p {
  color:#fff;
  font-size:140%;
  letter-spacing:0.07em;
}

.slb-body {
	width:858px;
	max-height:unset;
}

.modal-content {
	padding:1em;
}

.slb-content__anchor,
.modal-content__case {
	text-align:right;
	margin:0;
	padding:0 0.5em;
}

.modal-title {
  margin: 0.5em 0;
  border-bottom: 1px dashed #808080;
  font-weight: bold;
  font-size: 138.5%;
}

.subnav {
	background:#fff;
	padding:1em 0;
}

.subnav a.btn {
	border-radius:unset;
	background-color:#ecf3f8;
	border:3px solid #fff;
	font-size:1rem;
	font-weight:bold;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
	line-height:1.2em;
	padding:1em 0;
	width:100%;
	height:60px;
}

.subnav a.btn2 {
	padding:0.5em 0;
}

.oc-lead-vr24 {
}

.oc-lead-vr24:before {
    content: ' ';
    height: 0;
    position: relative;
    width: 0;
    border: 50px solid transparent;
    border-top-color: #d8dfe4;
    top: -5px;
    left: 50%;
    margin-left: -50px;
}

@media print, screen and (max-width: 767px) {
.subnav a.btn {
	margin-bottom:10px;
	font-size:1.5rem;
	padding:0.5em 0;
}

.subnav a.btn2 {
	padding:0;
}

iframe {
	width:100%;
}
}

/*--------------------
LX-1000
--------------------*/
.eyecatch-lx1000 {
  padding: 3em 0;
  background:url(../products/lx-1000/images/bg-eyecatch.jpg) no-repeat center;
  background-size: cover;
  -webkit-background-size:cover;
}

.eyecatch-lx1000 .eyecatch-copy {
	position:relative;
	font-weight:bold;
	font-size:1.8em;
	color:#fff;
	text-shadow:2px 2px 2px #000;
	text-align:center;
	letter-spacing:0.07em;
}

.eyecatch-lx1000 .eyecatch-name {
	position:relative;
	top:20px;
	font-weight:bold;
	font-size:1.6em;
	color:#fff;
	text-shadow:2px 2px 2px #000;
	text-align:center;
	letter-spacing:0.07em;
}

.eyecatch-lx1000 .eyecatch-name span {
	font-size:1.8em;
}

.eyecatch-lx1000 .eyecatch-catalog {
	position:relative;
	top:-30px;
}

@media print, screen and (max-width: 767px) {
.eyecatch-lx1000 .eyecatch-catalog {
	top:0px;
}

}

.wrapper-carousel .caroufredsel_wrapper {
	margin:0 auto !important;
}

@media print, screen and (min-width: 1200px) {
.wrapper-carousel .caroufredsel_wrapper {
	top:20px !important;
	width:518px !important;
}
}

@media print, screen and (max-width: 769px) {
.wrapper-carousel .caroufredsel_wrapper {
	width:450px !important;
}

.wrapper-carousel .caroufredsel_wrapper img {
	width:450px !important;
}

}

@media print, screen and (max-width: 414px) {
.wrapper-carousel .caroufredsel_wrapper {
	top:80px !important;
	width:100% !important;
}

.wrapper-carousel .caroufredsel_wrapper img {
	width:400px !important;
}
}

@media print, screen and (max-width: 375px) {
.wrapper-carousel .caroufredsel_wrapper {
	top:100px !important;
}

.wrapper-carousel .caroufredsel_wrapper img {
	width:350px !important;
}
}

a.arrow-ud {
	position:absolute;
	top:99%;
	left:48.5%;
	animation:pulse 2s infinite;
}

a.arrow-ud span {
	position:absolute;
	top:0;
	left:50%;
    width: 30px;
	height: 30px;
	border: 5px solid;
	border-color:  transparent transparent #e60000 #e60000;
	transform: rotate(-45deg);
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
}

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
}

@media print, screen and (max-width: 767px) {
a.arrow-ud {
	left:46.5%;
}
}

.oc-row-black {
	background:#000;
}

.oc-row-black h2 {
	margin:0 0 1em;
	font-size:2.5rem;
	color:#fff;
}

.oc-row-black p {
	color:#fff;
}

.oc-row-black-arrow {
	width:0;
	height:0;
	margin:0 auto;
	border:35px solid transparent;
	border-top:45px solid #292929;
}

.photo-right dl {
	margin-top:10%;
}
 
table td.bg-red {
	background:#FEF1F1;
}

table td.bg-wh {
	background:#FFF;
}

.lx1000-spec h2 {
	padding-top:196px;
	margin-top:-146px;
}



/*--------------------
LX-100
--------------------*/
.eyecatch-lx100 {
  padding: 3em 0;
  background:url(../products/lx-100/images/bg-eyecatch.jpg) no-repeat center;
  background-size: cover;
  -webkit-background-size:cover;
  text-align: center;
}

.eyecatch-lx100 div img { /*IE8対応*/
	top:0 !important;
}

.eyecatch-lx100 .copy {
  color: #fff;
  font-size: 179%;
  margin-top:0;
  line-height:1.5;
  letter-spacing:0.07em;
  margin-bottom:1em;
}


/*--------------------------------------
  INQUIRY
--------------------------------------*/
.table-form th {
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #f5f5f5;
  font-weight: normal;
}

.table-form td {
  vertical-align:middle;
}

input[type="submit"][disabled] {
  background: #9e9e9e;
  opacity: 0.5;
  cursor: not-allowed;
}

.grecaptcha-badge { visibility: hidden; }

@media print, screen and (max-width: 767px) {
.table-form {
	width:100%;
	border:1px solid #f5f5f5;
}

.table-form th,
.table-form td {
	display:block;
	width:100%;
}
}
/*--------------------------------------
  HOME
--------------------------------------*/
.home-hero {
  padding: 6rem 0;
  background: url('../images/bg-home-hero.jpg') no-repeat center center / cover;
  color: #fafafa;
}

.home-hero-td01 {
  padding: 6rem 0;
  background: url('../images/bg-home-hero02.jpg') no-repeat center center / cover;
  color: #fafafa;
}

.home-hero__title {
  margin-bottom: 1rem;
}

.home-hero__product {
  position: absolute;
  top: -2rem;
  right: 0;
}

.heading-home {
  margin-top: 0;
  margin-bottom:1em;
  font-size: 2rem;
}

.home-products {
  padding: 4rem 0;
}

.home-products__thumbnails__item a {
  color: #323232;
  text-decoration: none;
}

.home-products__thumbnails__item__image {
  display: block;
  margin-bottom: 0.5rem;
}

.home-products__thumbnails__item__name {
  font-size: 1.5rem;
  margin-bottom:1rem;
}

@media print, screen and (max-width: 767px) {
.home-products__thumbnails__item__image {
	margin:0 auto;
}

.home-products__thumbnails__item__category,
.home-products__thumbnails__item__name {
	text-align:center;
}
}

.home-slide {
	margin-top:0;
	background-color:#000;
}

.home-slide li {
	margin:0;
}

.home-hero-td01__description {
	font-size:1.41rem;
}

li.home-hero-td01 a,
li.home-hero a {
	color:#fff;
	text-decoration:none;
}

.home-hero-td01__product {
  position: absolute;
  top: -4.6rem;
  right: 125px;
}

.home-news {
  padding: 0;
}

.home-news dt {
	width:12em;
}

.home-news dt span {
	background-color:#505050;
	color:#fff;
	margin-left:20px;
	border-radius:5px;
	font-size:12px;
}

.home-news dt span.ex {
	padding:3px 10px;
}

.home-news dt span.pr {
	padding:3px 16px;
}

.home-news dt span.ne {
	padding:3px 22px;
}

.home-news .btn-box,
.home-news .btn-box p {
	margin:0;
}

.home-news .btn-box a {
	padding:0.1em 1.8em;
}

@media print, screen and (max-width: 767px) {
.home-news dt {
	float:none;
	margin:0;
}
}

.owl-dots {
  position: absolute;
  bottom: 0.5rem;
  width: 100%
}

.owl-theme .owl-dots .owl-dot span {
  border: 2px solid #ccc;
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0;
  background-color:transparent;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #fff;
  border:2px solid #fff;
}

@media print, screen and (max-width: 767px) {
.owl-dots {
	display:none;
}
}

#pagination {
  width: 100%;
  position: absolute;
  text-align: center;
  top: 500px;
}

#pagination a {
  border: 2px solid #ccc;
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0;
}

#pagination a.selected {
  background-color: #fff;
  border:2px solid #fff;
}

#pagination span {
  display: none;
}

/*--------------------------------------
  What's TEDS
--------------------------------------*/
.teds {
	padding-bottom:1em;
}

.teds h2 {
	margin-top:1em;
}

.teds img {
	padding:30px 0;
}

.teds .border-btm {
	border-bottom:1px dotted #ccc;
}

/*--------------------------------------
  What's CC-Link?
--------------------------------------*/
.table-info {
  margin-bottom: 2rem;
}

.table-info th,
.table-info td {
  font-size: 0.85rem;
  padding: 0.25em 0.5em;
  border: 1px solid #646464;
  vertical-align:middle;
}

.table-info th {
  font-weight: normal;
  background-color: #eceded;
}



/*--------------------------------------
  FAQ
--------------------------------------*/
.faq {
	margin-top:2em;
}

.faq h1 {
	font-size:1.8em;
	font-weight:bold;
	margin-top:-130px;
	padding-top:130px;
}

.faq h2 {
	margin:1em 0 0;
	font-weight:normal;
}

.faq h3 {
	margin:1em 0;
}

.faq h3.red {
	color:#F00;
}

.faq h4 {
	margin:1em 0 0;
	font-weight:bold;
}

.faq p {
	margin:0 0 1em;
}

.faq img {
	margin:1em 0;
}

.faq-last {
	border-bottom:1px solid #333;
	padding-bottom:1em;
}

.nav-faq ul.products-tabs__controller {
	list-style:none;
	padding-left:0;
	line-height:1em;
}

.nav-faq ul.products-tabs__controller > li {
	display:block;
}

.nav-faq ul.products-tabs__controller > li > a {
	text-align:left;
	padding-left:0;
	text-decoration:underline;
}

.nav-faq li.active a,
.nav-faq li a:hover {
	text-decoration:none;
}

/*--------------------------------------
  NEWS
--------------------------------------*/

/*--------------------------------------
  Exhibitions
--------------------------------------*/
.exhibitions h2 {
	margin-top:0;
}

.exhibitions .row {
	margin-bottom:50px;
}

.exhibitions th,
.exhibitions td {
	border:1px solid #c6c6c6;
}

.exhibitions th {
	background-color:#eceded;
}

/*--------------------------------------
  COMPANY
--------------------------------------*/
.company {
	border-bottom:1px dotted #ccc;
	padding-bottom:1em;
}

.company-btm {
	border-bottom:none;
}

.company h2 {
	margin-top:1em;
}

.company table th.head {
	border-bottom:none;
	padding:0;
}

.company table th {
	padding:0.5em 0;
	border-bottom:1px solid #ccc;
}

.company table td {
	padding:0.5em 0 1.5em;
	border-bottom:none;
}

.company table.history th,
.company table.history td {
	padding:0.5em 1em 0.5em 0;
	border-bottom:1px solid #ccc;
}

@media print, screen and (max-width: 767px) {
.company table th,
.company table td {
	width:100%;
	display:block;
}

.company table td.pic img {
	width:100%;
}

.company table.history {
	width:100%;
}

}
/*--------------------------------------
  Sitemap
--------------------------------------*/
.tristyle
,.tristyle li{
	margin:0px;
}
 
.tristyle li{
	list-style-type:none;
	list-style-image:none;
	margin: 5px 0px 5px 0px !important;
}
 
.list1 li{
	position:relative;
	padding-left:20px;
}
 
.list1 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:5px; 
	left:2px; 
	height:0; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #3b71a7;
}

.list2 li{
	list-style-type:disc;
	position:relative;
	padding-left:0;
	color:#3b71a7;
}

.list2 li:before{
	display:none;
}