@charset "UTF-8";
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
00.変数・配列指定
01.産機/車載メニュー
02.産機トップメニュー
03.産機下層ページ
99.既存設定上書き
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 */
/* ===================================================================
00.変数・配列指定
=================================================================== */
/* ---------------------------------------------------------------- */
/* ===================================================================
01.産機/車載メニュー
=================================================================== */
/* 共通------------------------------------------------------------ */
.trx-application-menu-wrp {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
}

.trx-application-menu-wrp .trx-application-menu-elm {
  width: 460px;
  margin-right: 20px;
  border-radius: 2px;
  overflow: hidden;
}

.trx-application-menu-wrp .trx-application-menu-elm:last-child {
  margin-right: 0;
}

.trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-img {
  position: relative;
}

.trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-img img {
  width: 460px;
}

.trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-img span {
  position: absolute;
  bottom: .2em;
  left: 0;
  display: block;
  padding: .3em .8em;
  font-size: 1.4em;
  color: #fff;
  line-height: 1.4;
  margin-left: 1.4em;
  text-indent: -.6em;
}

.trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-list {
  border: #d8dfe5 solid 1px;
  border-top: none;
  border-radius: 0 0 2px 2px;
  display: flex;
  flex-wrap: wrap;
  padding: 8px 0 0;
}

.trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-list li {
  box-sizing: border-box;
  width: 100%;
  line-height: 1.3;
  margin: 0 15px 5px;
  border-bottom: #aab6bb dotted 1px;
}

.trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-list li:last-child {
  border: none;
}

.trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-list li span {
  display: block;
  padding: 12px 0 12px 18px;
  color: #003166;
  background: url(https://www.torex.co.jp/image/en/common/icn_arrow_02.png) no-repeat left center;
}

.trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-list li a {
  text-decoration: none;
}

.trx-application-tab-category {
  display: flex;
  border: 1px solid #003166;
  border-radius: 2px;
}

.trx-application-tab-category a {
  position: relative;
  display: block;
  width: 100%;
  padding: .4em 0;
  text-align: center;
  font-size: 18px;
  color: #003166;
  text-decoration: none !important;
}

.trx-application-tab-category a.trx-current {
  background-color: #003166;
  color: #fff;
  pointer-events: none;
}

.trx-application-tab-category a:hover, .trx-application-tab-category a:active {
  background-color: #003166;
  color: #fff;
}

/* トップページ調整（PC）--------------------------------------------- */
@media print, screen and (min-width: 761px) {
  .trx-application-menu-wrp.trx-application-menu-top .trx-application-menu-elm .trx-application-menu-img img {
    width: 440px;
  }
  .trx-application-menu-wrp.trx-application-menu-top .trx-application-menu-elm .trx-application-menu-list {
    border: none;
  }
  .trx-application-menu-wrp.trx-application-menu-top .trx-application-menu-elm .trx-application-menu-list li {
    margin: 0 5px 3px;
  }
  .trx-application-menu-wrp.trx-application-menu-top .trx-application-menu-elm .trx-application-menu-list li:last-child {
    border-bottom: #aab6bb dotted 1px;
  }
  .trx-application-menu-wrp.trx-application-menu-top .trx-application-menu-elm .trx-application-menu-list li span {
    background-position: 10px center;
    padding-left: 28px;
  }
}

/* hover----------------------------------------------------------- */
.trx-application-menu-img a:hover, .trx-application-menu-img a:active {
  opacity: .8;
}

.trx-application-menu-list li:hover, .trx-application-menu-list li:active {
  text-decoration: underline;
}

/* レスポンシブ------------------------------------------------------ */
@media print, screen and (max-width: 760px) {
  .trx-application-menu-wrp {
    display: block;
  }
  .trx-application-menu-wrp .trx-application-menu-elm {
    width: 100%;
    margin: 0 0 40px 0;
  }
  .trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-img span {
    font-size: 4.2vw;
  }
  .trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-img img {
    width: 100%;
  }
  .trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-list {
    padding-bottom: 0;
  }
  .trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-list li {
    width: 100%;
    margin: 0 20px !important;
  }
  .trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-list li:nth-last-child(2):nth-child(odd) {
    border-bottom: #aab6bb dotted 1px;
  }
  .trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-list li:hover, .trx-application-menu-wrp .trx-application-menu-elm .trx-application-menu-list li:active {
    text-decoration: none;
    background-color: #edf1f4;
  }
}

/* ===================================================================
02.産機トップメニュー
=================================================================== */
.trx-application-sanki-list {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
}

.trx-application-sanki-list li {
  width: calc(50% - 6px);
  min-height: 60px;
  border: #d8dfe5 solid 1px;
  border-radius: 2px;
  margin: 0 12px 12px 0;
  box-sizing: border-box;
}

.trx-application-sanki-list li:nth-child(even) {
  margin-right: 0;
}

.trx-application-sanki-list li a {
  text-decoration: none !important;
}

.trx-application-sanki-list li span {
  display: flex;
  padding: 15px 20px;
  height: 100%;
  box-sizing: border-box;
  font-size: 1em;
  color: #003166;
  align-items: center;
}

.trx-application-sanki-list li span .fas {
  font-size: 1.6em;
  margin-right: 20px;
}

/* hover----------------------------------------------------------- */
.trx-application-sanki-list li:hover,
.trx-application-sanki-list li:active {
  background-color: #edf1f4;
}

/* レスポンシブ------------------------------------------------------ */
@media print, screen and (max-width: 760px) {
  .trx-application-sanki-list {
    justify-content: center;
  }
  .trx-application-sanki-list li {
    width: 50%;
    height: auto;
    margin: 0;
    border-width: 1px 0 1px 1px;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .trx-application-sanki-list li:nth-child(even), .trx-application-sanki-list li:last-child {
    border: #d8dfe5 solid 1px;
  }
  .trx-application-sanki-list li:nth-child(n+3) {
    border-top: none;
  }
  .trx-application-sanki-list li span {
    display: block;
    padding: 20px 5px;
    font-size: .7em;
    text-align: center;
  }
  .trx-application-sanki-list li span i.fas {
    display: block;
    font-size: 2.3em;
    margin: 0 0 .2em 0;
  }
}

/* ===================================================================
03.産機下層ページ
=================================================================== */
.trx-application-sanki-tab {
  display: flex;
}

.trx-application-sanki-tab li {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: #d8dfe5 solid;
  border-width: 1px 1px 2px 0;
  width: 100%;
}

.trx-application-sanki-tab li:last-child {
  border-right: none;
}

.trx-application-sanki-tab li a {
  text-decoration: none !important;
  width: 100%;
}

.trx-application-sanki-tab li > span,
.trx-application-sanki-tab li a > span {
  display: flex;
  align-items: center;
  padding: 12px 18px;
  height: 100%;
  box-sizing: border-box;
  color: #003166;
}

.trx-application-sanki-tab li > span i.fas,
.trx-application-sanki-tab li a > span i.fas {
  display: block;
  margin-right: .8em;
}

.trx-application-sanki-tab li.trx-current {
  position: relative;
  background-color: #003166;
  border: none;
}

.trx-application-sanki-tab li.trx-current span {
  color: #fff;
}

.trx-application-sanki-tab li.trx-current::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: calc(50% - 12px);
  border-style: solid;
  border-width: 6px 12px;
  border-color: transparent;
  border-top-color: #003166;
}

.trx-app-dl {
  margin-top: 1.5em;
  padding: 1em 1.5em;
  background-color: #f5f7fa;
}

.trx-app-dl dd {
  padding-left: 1em;
  line-height: 1.6;
}

/* hover----------------------------------------------------------- */
.trx-application-sanki-tab li:hover, .trx-application-sanki-tab li:active {
  background-color: #003166;
  border-color: #003166;
}

.trx-application-sanki-tab li:hover span, .trx-application-sanki-tab li:active span {
  color: #fff;
}

/* レスポンシブ------------------------------------------------------ */
@media print, screen and (max-width: 760px) {
  .trx-application-sanki-tab {
    margin: 60px 0 40px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .trx-application-sanki-tab li {
    width: 50%;
    border-width: 1px 0 1px 1px;
    justify-content: center;
  }
  .trx-application-sanki-tab li:nth-child(even), .trx-application-sanki-tab li:last-child {
    border: #d8dfe5 solid 1px;
  }
  .trx-application-sanki-tab li:nth-child(n+3) {
    border-top: none;
  }
  .trx-application-sanki-tab li span {
    display: block;
    padding: 20px 5px;
    text-align: center;
    font-size: .7em;
  }
  .trx-application-sanki-tab li span i.fas {
    display: block;
    font-size: 2.3em;
    margin: 0 0 .2em 0;
  }
  .trx-application-sanki-tab li.trx-current::after {
    border: none;
  }
  .trx-application-sanki-tab li:not(.trx-current):hover, .trx-application-sanki-tab li:not(.trx-current):active {
    background-color: #edf1f4;
    border-bottom: #d8dfe5 solid 1px;
    border-left: #d8dfe5 solid 1px;
    border-color: #d8dfe5;
  }
  .trx-application-sanki-tab li:not(.trx-current):hover span, .trx-application-sanki-tab li:not(.trx-current):active span {
    color: #003166;
  }
}

/* ===================================================================
99.既存設定上書き
=================================================================== */