@charset "utf-8";
/* -------------------------------------------
    共通設定
---------------------------------------------*/
@font-face {
  font-family: "ヒラギノ角ゴ W3 JIS2004,Hiragino Kaku Gothic W3 JIS2004";
  src: url("font.eot?") format('eot');
  src: url("font.eot?#iefix") format('embedded-opentype'),  url("font.woff") format('woff'),  url("font.ttf") format('truetype');
}
html {
  font-size: 10px;/* 1rem基準値 */
}
body {
  font-size: 1.6rem; /* 10 * 1.6 = 16px */
  font-family: ヒラギノ角ゴ W3 JIS2004, Hiragino Kaku Gothic W3 JIS2004;
  background-color: #ffffff;
  color: #000000;
  line-height: 1;
  /*スマホで勝手に文字が大きくなる対策*/
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
/* 基礎装飾ルール */
.clear {  clear: both;}
.left, .alignleft {  text-align: left;}
.right, .alignright {  text-align: right;}
.center {  text-align: center !important;}
.hidden {  visibility: hidden;}
.small {  font-size: 0.8em;  font-weight: normal;}
.fzBig, .fzbig {  font-size: 120%;}
.big {  font-size: 1.5em;}
.big2 {  font-size: 2.0em;}
.price {  font-size: 1.2em;  color: #FF3300;}
.bold, text-bold {  font-weight: bold;}
.red {  color: #BF0000;}
.catchColor {  color: #5899db;}
.underline {  border-bottom: 1px solid #efedea;}
.noteline {
  line-height: 200%;
  border-bottom: 1px dotted #CCC;
  padding-bottom: 5px;
}
.notice {
  color: #F60;
  background: inherit;
  font-weight: bold;
  border-bottom: 1px dotted #F30;
}
.marker {
  color: inherit;
  background: #FDD;
  padding: 2px;
}
.zero {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
}
.fz8 {  font-size: 8px;}
.fz9 {  font-size: 9px;}
.fz12 {  font-size: 12px;}
.fz14 {  font-size: 14px;}
.fz145 {  font-size: 14.5px;}
.fz16 {  font-size: 16px;}
.fz18 {  font-size: 18px;}
.fz20 {  font-size: 20px;}
.fz26 {  font-size: 26px;}
.color-fb {  color: #305097;}
.color-tw {  color: #00aced;}
.color-go {  color: #db4a39;}
.color-rs {  color: #f26522;}

/* 基本 全て線なし色継承 */
a, aside a {
  text-decoration: none;
  color: inherit;
}
/* 基本 全て線なし色変化 */
a:hover {
  color: #ACC501;
  text-decoration: none;
}
/* 本文のボタン以外のリンクカラー */
a.url-link,
.main-contents a:not(.btn) {
  text-decoration: underline;
  color: #0B308E;
}
/*ホバー*/
a.url-link:hover,
 .main-contents [class*="-contents"] a:not(.btn):hover,
.main-contents .side-link a:hover,
.container > .row .newslist dl.newslist-articles dd a:hover {
  color: #ACC501;
}
/*線なし設定*/
.main-contents [class*="link-list-"] a:not(.btn),
.main-contents .heading-pagelink a,
.main-contents .side-link a {
  text-decoration: none;
  color: inherit;
}
.container > .row .newslist dl.newslist-articles dd a {
  color: #000000;
  text-decoration: none;
}
/*ボタン色設定*/
.color-white,
.btn-default,
.btn-white {
  color: #0B308E;
  background-color: #FFF;
  border-color: #0B308E;
}
a.color-white:hover,
a.btn-default:hover,
.btn-white:hover {
  color: #FFF;
  background-color: #0B308E;
  border-color: #0B308E;
}
.color-brand,
.btn-primary,
.btn-brand {
  color: #FFF;
  background-color: #0B308E;
  border-color: #0B308E;
}
.btn-brand.no-link {
  color: #FFF;
  background-color: #949494;
  border-color: #949494;
}
.btn-brand.no-link:hover,
.btn-brand.no-link:active{
  color: #FFF !important;
  background-color: #949494 !important;
  border-color: #949494 !important;
pointer-events: none !important;
}
.btn-green {
  color: #FFF;
  background-color: #009946;
  border-color: #009946;
}
.btn-red {
  color: #FFF;
  background-color: #ae1f24;
  border-color: #ae1f24;
}
.btn-green:hover {
  color: #009946 !important;
  background-color: #FFF;
  border-color: #009946;
}
.btn-red:hover {
  color: #ae1f24 !important;
  background-color: #FFF;
  border-color: #ae1f24;
}
a.color-brand:hover,
a.btn-primary:hover,
.btn-brand:hover {
  color: #0B308E !important;
  background-color: #FFF;
  border-color: #0B308E;
}

.btn-shop {
  color: #FFF;
  border-color: #ACC501;
  background-color: #ACC501;
}
.btn-shop:hover {
  color: #ACC501 !important;
  border-color: #ACC501;
  background-color: #FFF;
}
.btn-shop.gray {
	 color: #f3f3f3;
  border-color: #999999;
  background-color: #999999;
  pointer-events: none;

}
.btn-shop.gray {
	 color: #f3f3f3;
  border-color: #999999;
  background-color: #999999;
  pointer-events: none;

}

ol, ul {
  list-style: none;
  list-style-type: none;
}
ul.list-ul li {
  margin: 0;
  padding: 0 0 0.5em;
  line-height: 1.2em;
}
.list-ul-disc {
  padding-left: 25px;
  list-style-type: disc;
}
.list-ul-decimal {
  padding-left: 25px;
  list-style-type: decimal;
}
.indent {
  padding-left: 1em;/*全体文字下げ*/
  text-indent: -1em;/*1文字目上げ*/
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
}
h1, .heading-1 {
  font-size: 4rem; /* 10 * 4 = 40px */
  margin: 0;
}
h1 img {
  width: 170px;
}
h2, .h2, .heading-2 {
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  font-size: 26px;
  position: relative;
  padding: 10px 0;
  vertical-align: middle;
  margin-top: 60px;
  margin-bottom: 40px;
}
h2 span, .h2 span, .heading-2 span {
  font-size: small;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 10px 0 10px 10px;
  color: #0B308E;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  letter-spacing: 0.075em;
}
.top-heading {
  margin-top: 0;
  padding: 0;
}
.top-heading span {
  display: block;
  position: relative;
  padding: 0;
  color: inherit;
  padding: 3px 0;
}
.top-heading:after {
  display: none;
}
/*productsページのリンク付き見出し*/
.heading-pagelink {
  position: relative;
  display: table;
  width: 100%;
  margin-bottom: 40px;
}
.heading-pagelink h2 {
  display: inline-block;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  font-size: 26px;
  margin: 0;
  letter-spacing: 0;
  padding: 0 0 0.2em 0;
}
.heading-pagelink ul {
  text-align: right;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  font-size: 16px;
  color: #0B308E;
  display: inline-block;
  float: right;
  clear: both;
  margin: 10px 0 10px 0;
}
.heading-pagelink ul li {
  border-left: 1px solid #000;
  padding-left: 15px;
}
.heading-pagelink ul li:first-child {
  border-left: none;
  padding-left: none;
}
h2::after, .heading-pagelink::after {
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: #0b308e;
  background: -moz-linear-gradient(left, #0b308e 17%, #e6e6e6 17%);
  background: -webkit-linear-gradient(left, #0b308e 17%, #e6e6e6 17%);
  background: linear-gradient(to right, #0b308e 17%, #e6e6e6 17%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b308e', endColorstr='#e6e6e6', GradientType=1 );
}
.heading-pagelink h2::after, .h3::after, .heading-3::after {
  position: inherit;
  content: "";
  display: none;
}
h3, .h3, .heading-3 {
  background-color: #0B308E;
  color: #fff;
  padding: 0px 0 0 16px;
  font-size: 23px;
  position: relative;
  vertical-align: middle;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  margin-top: 60px;
  margin-bottom: 40px;
  display: table;
  width: 100%;
  line-height: 1.8em;
}
h3.line02 {
  padding: 6px 1px 7px 16px;
  line-height: 1.3em;
}
h3 span, .h3 span, .heading-3 span {
  display: table-cell;
  text-align: right;
  padding: 14px 1em;
  background-color: #ACC501;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  letter-spacing: 0.075em;
  color: #fff;
  min-width: 10px;
  width: 1px;
  vertical-align: middle;
  line-height: 1em;
  white-space: nowrap;
}

@media (max-width: 543px) {
h2 span, .h2 span, .heading-2 span, h3 span, .h3 span, .heading-3 span {
  display: none;
}
}
h4, .h4, .heading-4 {
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  font-size: 22px;
  padding: 4px 10px;
  border-left: 6px solid;
  color: #0B308E;
  border-color: #0B308E;
  background: none;
  margin-top: 40px;
  margin-bottom: 20px;	
}


h4 span, .h4 span, .heading-4 span {
  display: none;
}
h5, .h5, .heading-5 {
  font-size: 18px;
  display: inline-block;
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  padding: 0 0 3px;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  border-left: none;
  margin-top: 30px;
}
h4 small, h5 small {
  font-size: 65%;
}
h6, .h6, .heading-6 {
  font-size: 16px;
  display: inline-block;
  width: 100%;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  margin-top: 20px;
  border-left: 6px solid;
  padding: 0px 10px;
  margin-bottom: 0.5em;
  border-color: #ccc;
}
p {
  line-height: 1.3em;
  font-size: 16px;
  font-family: ヒラギノ角ゴ W3 JIS2004;
  margin-top: 10px;
  margin-bottom: 25px;
  color: #000;
}
.mskw-section {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 543px) {
.mskw-section {
  padding-top: 30px;
}
	.sm_pb_30{
		padding-bottom: 30px;
	}	
	
}
#products .products-contents>.row, .mskw-contents-section {
  margin-top: 40px;
}
.container > .row > [class*="-contents"] {
  margin-bottom: 40px;
}
/*一番上の見出し・見出しの隣の見出しはmargin-top:0*/
.container > .row > [class*="-contents"] > h2:first-of-type,
.container > .row > [class*="-contents"] .link-block> h2:first-of-type,
.products-contents [class*="col-"] > h3:first-of-type,
.products-contents [class*="col-"] > h4:first-of-type,
.products-contents [class*="col-"] > h5:first-of-type,
h2+h3,
h3+h4,
h4+h5,
h5+h6,
mgt0 {
  margin-top: 0;
}
.main-contents {
  margin-top: 60px;
}
/* -------------------------------------------
    フォント設定まとめ
---------------------------------------------*/
/* --- フォント設定 --- */
b, strong {
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
.font_hiragino_w3 {
  /*モリサワWEBフォント*/
  font-family: ヒラギノ角ゴ W3 JIS2004, Hiragino Kaku Gothic W3 JIS2004;
}
.font_hiragino_w6 {
  /*モリサワWEBフォント*/
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
.font_lato {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  letter-spacing: 0.075em;
}
.font_lato_black {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  letter-spacing: 0.075em;
}
.font_lato.ls, .font_lato_black.ls {
  letter-spacing: 0;
}
.font_opensans {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
.font_opensans_semibold {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
.font_opensans_bold {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
.font_abel {
  font-family: 'Abel', sans-serif;
}

/*==================================================
-- :bootstrap 調整css
================================================== */
@media (min-width: 1200px) {
.container {
  width: 1160px;
  max-width: 100%;
}
}
ul {
  padding: 0;
}
.btn {
  font-size: inherit;
}
/* --- row調整css --- */
/* .row の左右のネガティブマージンを0にする */
.row--nomargin {
  margin-left: 0;
  margin-right: 0;
}
/* .row--nopadding の中にあるカラムの左右のパディングを0にする */
.row--nopadding {
  margin-left: 0;
  margin-right: 0;
}
.row--nopadding > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
/*.rowのの中にあるカラムの左右のパディングを調整する*/
.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-0 > [class*="col-"] {
  padding-right: 0px;
  padding-left: 0px;
}
.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-10 > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.row-15 {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.row-15 > [class*="col-"] {
  padding-right: 7.5px;
  padding-left: 7.5px;
}
.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-20 > [class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}
.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}
.row-30 > [class*="col-"] {
  padding-right: 15px;
  padding-left: 15px;
}
.row-40 {
  margin-left: -20px;
  margin-right: -20px;
}
.row-40 > [class*="col-"] {
  padding-right: 20px;
  padding-left: 20px;
}
.row-50 {
  margin-left: -25px;
  margin-right: -25px;
}
.row-50 > [class*="col-"] {
  padding-right: 25px;
  padding-left: 25px;
}
/* img-responsive画像を中央寄せ */
.img-responsive, .img-fluid {
  margin: 0 auto 0px auto;
  display: block;
}
.img-max-width {
  width: 100%;
}
.img-border {
  border: 1px solid #E6E6E6;
}

@media (max-width: 767px) {
[class*="row-"] {
  margin-left: -.9375rem;
  margin-right: -.9375rem;
}
[class*="row-"] > [class*="col-"] {
  padding-right: .9375rem;
  padding-left: .9375rem;
}
}

/* dl疑似テーブル bootstrap4--- */
@media (min-width: 768px) {
dl.dl-horizontal dt {
  float: left;
  width: 30%;/*dt幅・同じ値*/
  overflow: hidden;
  clear: left;
  text-align: left;
  text-overflow: ellipsis;
  white-space: normal;
}
dl.dl-horizontal dd {
  margin-left: 30%;/*dt幅・同じ値*/
}
dl.dl-fake-table dt {
  margin: 0;
  border-top: 1px solid;
}
dl.dl-fake-table dd {
  border-left: 1px solid;
  border-top: 1px solid;
}
}
@media only screen and (min-width:0) and (max-width:767px) {
dl.dl-horizontal dt {
  float: left;
  width: 30%;/*dt幅・同じ値*/
  overflow: hidden;
  clear: left;
  text-align: left;
  text-overflow: ellipsis;
  white-space: normal;
}
dl.dl-horizontal dd {
  margin-left: 30%;/*dt幅・同じ値*/
}
dl.dl-fake-table dt {
  margin: 0;
  border-top: 1px solid;
}
dl.dl-fake-table dd {
  border-left: 1px solid;
  border-top: 1px solid;
}
}
dl.dl-horizontal {
  margin-right: 0;
  margin-left: 0;
}
dl.dl-fake-table {
  margin: 0;
  border: 1px solid;
  border-top: none;
  width: 100%;
}
dl.dl-fake-table dt {
  padding: 10px;
  line-height: 1em;
  border-top: 1px solid;
}
dl.dl-fake-table dd {
  padding: 10px;
  line-height: 1.2em;
  margin-bottom: 0;
}
/*個別設定値・色フォント*/

dl.dl-fake-table {
  font-family: ヒラギノ角ゴ W3 JIS2004, Hiragino Kaku Gothic W3 JIS2004;
  background-color: #999999;
  border-color: #cccccc;
  font-size: 14px;
}
dl.dl-fake-table dt {
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  font-weight: bold;
  border-color: #cccccc;
  color: #FFF;
}
dl.dl-fake-table dd {
  background-color: #E6E6E6;
  border-color: #cccccc;
}
@media only screen and (min-width:0) and (max-width:767px) {
dl.dl-fake-table {
  background-color: #E6E6E6;
}
dl.dl-fake-table dt {
  background-color: #999999;
}
}
/* dl疑似テーブル bootstrap4ここまで--- */


@media only screen and (min-width:0) and (max-width:767px) {
/*テーブルXY入れ替え
class属性にtable-change-rowAndColを追加*/
.table-change-rowAndCol {
  display: block;
  width: 100%;
  margin: 0;
  margin-bottom: 20px;
}
.table-change-rowAndCol thead {
  display: block;
  float: none;  /* IE9以下 */
  float: left;
  overflow-x: scroll;
}
.table-change-rowAndCol tbody {
  display: block;
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
}
.table-change-rowAndCol thead th {
  display: block;
  width: auto;
  border-bottom-width: 1px;
}
.table-change-rowAndCol tbody tr {
  display: block;
  margin: 0;
}
.table-change-rowAndCol td {
  display: block;
}
}
/*==================================================
-- :　カラム５等分するCSS
================================================== */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1-5 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
.col-sm-1-5 {
  width: 20%;
  float: left;
}
}

@media (min-width: 992px) {
.col-md-1-5 {
  width: 20%;
  float: left;
}
}

@media (min-width: 1200px) {
.col-lg-1-5 {
  width: 20%;
  float: left;
}
}
/* -------------------------------------------
    ヘッダー部
---------------------------------------------*/

.header-nav-area {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 40%, #000000 40%);
  background: -webkit-linear-gradient(top, #ffffff 40%, #000000 40%);
  background: -o-linear-gradient(top, #ffffff 40%, #000000 40%);
  background: -ms-linear-gradient(top, #ffffff 40%, #000000 40%);
  background: linear-gradient(to bottom, #ffffff 40%, #000000 40%);
}
.header-slide-area {
  background-color: #F2F2F2;
}
.header-slide-area .header-contents {
  background-position: center;
  background-size: cover;
}
/*--- カテゴリーヘッダーの画像指定 ---*/
.header-slide-area .header-contents.products {
  background-image: url(../img/heading-car.jpg);
}
.header-slide-area .header-contents.car {
  background-image: url(../img/heading-car.jpg);
}
.header-slide-area .header-contents.motorcycle {
  background-image: url(../img/heading-motorcycle.jpg);
}
.header-slide-area .header-contents.construction-equipment {
  background-image: url(../img/heading-construction-equipment.jpg);
}
.header-slide-area .header-contents.other {
  background-image: url(../img/heading-other.jpg);
}
.header-slide-area .header-contents.industrial {
  background-image: url(../img/heading-industrial.jpg);
}
.header-slide-area .header-contents.support {
  background-image: url(../img/heading-support.jpg);
}
.header-slide-area .header-contents.news {
  background-image: url(../img/heading-news.jpg);
}
.header-slide-area .header-contents.info {
  background-image: url(../img/heading-news.jpg);
}
.header-slide-area .header-contents.about {
  background-image: url(../img/heading-about.jpg);
}
.header-slide-area .header-contents.recruit {
  background-image: url(../img/heading-recruit.jpg);
}
.header-slide-area .header-contents.shopping {
  background-image: url(../img/heading-shopping.jpg);
}
.header-slide-area .header-contents.contact {
  background-image: url(../img/heading-contact.jpg);
}
.header-slide-area .header-contents.sitemap {
  background-image: url(../img/heading-contact.jpg);
}
.header-slide-area .header-contents.privacy {
  background-image: url(../img/heading-contact.jpg);
}
.header-slide-area .header-contents.disclaimer {
  background-image: url(../img/heading-contact.jpg);
}
.header-slide-area .header-contents.character {
  background-image: url(../img/heading-character.jpg);
}
/*--- カテゴリーヘッダーの画像指定　ここまで ---*/

.header-slide-area .header-contents .header-logo {
  background-color: rgba(255,255,255,0.9);
  height: 260px;
}
.header-slide-area .list-box {
  border: none;
}
.header-slide-area .link-block-left .list-box .title {
  font-size: 29px;
}
.header-slide-area .link-block-left .list-box .title .title-bg {
  font-size: 19px;
}
.header-contents {
  display: table;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.header-logo {
  display: table-cell;
  width: 320px;
  height: 100px;
  background-color: #0B308E;
  vertical-align: middle;
  text-align: center;
}
.header-nav {
  display: table-cell;
}
.sub-nav {
  height: 40px;
  text-align: right;
  display: table;
  width: 100%;
}
.header-logo-small {
  display: table-cell;
  background-color: #0B308E;
  width: 30%;
  text-align: center;
  vertical-align: middle;
}
.header-logo-small img {
  max-height: 40px;
  padding: 5px;
  margin: 0 auto;
}
.sub-nav ul {
  vertical-align: middle;
  min-height: 100%;
  display: table-cell;
  background: #ffffff;
}

@media (min-width: 767px) and (max-width: 1199px) {
.sub-nav ul {
  width: 60%;
}
.sub-nav ul li {
  width: 25.1%;/* IE8以下とAndroid4.3以下用フォールバック */
  width : -webkit-calc(100% / 4);
  width : calc(100% / 4);
  margin: 0;
}
}
.sub-nav li {
  width: 16.6666%;/* IE8以下とAndroid4.3以下用フォールバック */
  width : -webkit-calc(100% / 6);
  width : calc(100% / 6);
  min-height: 40px;
  line-height: 40px;
  font-size: 13px;
}
.sub-nav .mail-link {
  color: #FFF;
  background-color: #0B308E;
  text-align: left;
  padding-left: 0.8em;
  position: relative;
  font-size: 1.5rem;
}
.sub-nav .mail-link::after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  content: "\f105";
  font-family: FontAwesome;
  font-size: 16px;
  color: #fff;
  padding: 0px 10px 0;
}
.sub-nav .mail-link:hover {
  background-color: #3C59A5;
}
.main-nav {
  height: 60px;
}

/*
@media (max-width: 1199px)  {
  header .main-nav .navbar .navbar-nav .nav-item .nav-link,
  header .sub-nav .mail-link{
    font-size:80%;
  }
}
*/
@media (max-width: 991px) {
.main-nav {
  height: auto;
  background-color: #0B308E;
}
}
.main-nav .navbar {
  background-color: #000;
  height: inherit;
  padding: 0;
  border-radius: 0;
}
.main-nav .navbar .navbar-nav {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: inherit;
}
.main-nav .navbar .navbar-nav .nav-item {
  display: table-cell;
  border-right: 1px solid #FFF;
  float: none;
  text-align: center;
  height: inherit;
  vertical-align: middle;
}
.main-nav .navbar .navbar-nav .nav-item+.nav-item {
  margin-left: auto;
}
.main-nav .navbar .navbar-nav .nav-item .nav-link {
  height: inherit;
  padding: 0;
  line-height: 1em;
  color: #fff;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  font-size: 15px;
  vertical-align: middle;
  position: relative;
}
.main-nav .navbar .navbar-nav .nav-item .nav-link:hover {
  background: #4D4D4D;
}
.main-nav .navbar .navbar-nav .nav-item .nav-link span {
  height: 1em;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.main-nav .navbar .navbar-nav .nav-item .nav-link.toggle-side {
  width: 100%;
  display: inline-block;
}
.main-nav .navbar .navbar-nav .nav-item .nav-link.toggle-caret {
  display: block;
  width: 1em;
  margin: auto;
  height: 1em;
  position: absolute;
  top: 1.8em;
  bottom: 0;
  right: 0;
  left: 0;
}
.main-nav .navbar .navbar-nav .nav-item.products-nav-link .nav-link.toggle-caret {
  left: 0;
}
.main-nav .navbar .navbar-nav .nav-item.support-nav-link .nav-link.toggle-caret {
  left: 0;
}
/*ドロップダウンリスト設定*/
.dropdown:hover > .dropdown-menu {
  /*display: block;*/
  /*表示効果*/
  visibility: visible;
  opacity: 1;
}
.open>.dropdown-menu {
  visibility: visible;
  opacity: 1;
}
.dropdown-menu {
  font-size: 1.4rem;
  background-color: #000;
  padding: 0;
  margin: 0;
  /*表示効果*/
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  display: block;
}
.dropdown-item {
  color: #FFF;
  margin-right: 1em;
  border-bottom: 1px solid #333;
  padding: 9px 20px;
}
.dropdown-menu li:last-child .dropdown-item {
  border-bottom: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #f5f5f5;
  text-decoration: none;
  background-color: #2b2d2f;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  margin-left: -1px;
}
.multi-level3 {
  display: none;
}
.dropdown-submenu:hover .multi-level3 {
  display: block;
}
.dropdown-submenu:hover>.dropdown-menu {
  display: block;
  /*表示効果*/
  visibility: visible;
  opacity: 1;
}
.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 6px;
  margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}
/*--------*/


#dl-menu .jump-left {
  clear: both;
  float: left;
  min-height: 50px;
  width : 90%; /* IE8以下とAndroid4.3以下用フォールバック */
  width : -webkit-calc(100% - 48px);
  width : calc(100% - 48px);
}
#dl-menu .jump-right {
  float: left;
  min-height: 50px;
}
#dl-menu .jump-right a {
  min-height: 50px;
}
.dl-menuwrapper li.jump-right > a {
  background: rgba(0,0,0,0.1);
}
#dl-menu li {
  border-bottom: 1px solid rgba(255,248,213,0.1);
}
#dl-menu .jump-right .dl-submenu {
  width: 100%;
}
#dl-menu .dl-subviewopen, #dl-menu .dl-subview {
  float: none;
}
#dl-menu .dl-subview .jump {
  height: auto;
}
#dl-menu .dropdown-item {
  border-bottom: 0px;
  white-space: normal;
}
.dl-menuwrapper li > a:after {
  right: auto;
}
.dl-menuwrapper li a {
  padding: 15px 24px;
}
/*--------*/

/*スマホメニュー設定*/
.sm-logo {
  display: table-cell;
  width: 100%;
  text-align: center;
}
.sm-logo img {
  height: 40px;
  padding: 5px 0;
  width: 100%;
}
#dl-menu {
  z-index: 100;
  display: table;
  position: relative;
  background-color: #0B308E;
}
.dl-menuwrapper {
  max-width: 100%;
}
button.dl-trigger {
  display: table-cell;
}
.dl-menu {
  position: absolute;
  left: 0;
}
/* dl-menu　色設定 */
.sm-color .dl-menuwrapper button {
  background: #0B308E;
}
.sm-color .dl-menuwrapper button:hover,
.sm-color .dl-menuwrapper button.dl-active,
.sm-color .dl-menuwrapper ul {
  background: #3C59A5;
}
.breadcrumb-wrapper {
  position: relative;
  top: -260px;
}
.breadcrumb {
  position: absolute;
  right: 0;
  margin-top : 10px;
  background-color: inherit;
  font-size: 1.3rem;
  display: inline-block;
}
/* -------------------------------------------
    スライド
---------------------------------------------*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
.header-contents.top {
  position: relative;
}
a.rslides_nav.rslides1_nav {
  position: absolute;
  top: 50%;
  bottom: 50%;
  z-index: 10;
  font-size: 31px;
  color: #FFF;
  margin: -25px 0 0 0;
  width: 1em;
  height: 1em;
  text-align: center;
}
a.rslides_nav.rslides1_nav.next {
  right: 2%;
}
a.rslides_nav.rslides1_nav.prev {
  left: 2%;
}
ul.rslides_tabs{
	display: flex;
	justify-content:center;
	margin-top: -25px;
	z-index: 9;
	position: inherit;
}
@media (max-width: 1200px) {
ul.rslides_tabs{
	margin-top: 5px;
}
}
ul.rslides_tabs li a{
	font-size: 0;
	text-decoration: none !important;
	margin: 0 1px;
}
ul.rslides_tabs li a::before{
	content: "●";
	font-size: 17px;
	color: #666;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3),-1px 1px 0 rgba(255,255,255,0.3),1px -1px 0 rgba(255,255,255,0.3),-1px -1px 0 rgba(255,255,255,0.3);
}
ul.rslides_tabs li.rslides_here a::before{
	color: #222;
}

/* -------------------------------------------
    インデックス
---------------------------------------------*/

.sec-news {
  border-bottom: 1px solid #CCCCCC;
}
.important-news.rs_pc {
	display: block;
}
.important-news.rs_tab {
	display: none;
}
@media (max-width: 1200px) {
.important-news.rs_pc {
	display: none;
}
.important-news.rs_tab {
	display: block;
}
}
.important-news {
  background-color: #F2DCDC;
  border: 1px solid #A61313;
  color: #A61313;
  display: inline-block;
  width: 100%;
  padding: 2rem 1.6rem ;
  margin: 1px 0;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
	height: 60px ;
}
.important-news a {
  color: #A61313;
}
.important-news a:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
.important-news dl.dl-horizontal dt {
  width: 10em;/*dt幅・同じ値*/
}
.important-news dl.dl-horizontal dd {
  margin-left: 0;/*dt幅・0か同じ値*/
}
}
.important-news dl {
  margin-bottom: 15px;
}
.important-news dt {
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  margin-bottom: .5rem;
}
i {
  margin-right: 0.5em;
}
/* ------------　　LATESTNEWS最新情報   -----------*/
.newslist {
  font-family: ヒラギノ角ゴ W3 JIS2004;
  font-size: 14px;
  padding: 0px;
}
.newslist .newslist-title .title {
  text-align: left;
  font-size: 28px;
  font-family: lato;
  padding: 10px 0;
}
.newslist .newslist-title .title a {
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  font-size: 14px;
  text-decoration: none;
}
.title-ja {
  font-family: ヒラギノ角ゴ W3 JIS2004;
  font-size: 17px;
  letter-spacing: 0;
}
.newslist .newslist-block {
  border-left: 1px solid #808080;
  padding: 10px 10px 0 30px;
  height: 245px;
  overflow: auto;
}
@media (max-width: 543px) {
.newslist .newslist-block {
  overflow: hidden;
}
}
dl.newslist-articles dt {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1em;
}
dl.newslist-articles dd {
  margin-bottom: 18px;
  padding: 0.4em 0 0;
  line-height: 1.2em;
}
dl.newslist-articles dt span {
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  font-size: 1.2rem;
  width: 9.2rem;
  margin: 0 1em 7px;
  display: inline-block;
  text-align: center;
  padding: 0.4em 0;
}

@media (min-width: 768px) {
dl.newslist-articles dt {
  width: 14em;/*dt幅・同じ値*/
}
dl.newslist-articles dd {
  margin-left: 0;/*dt幅・0か同じ値*/
}
}

@media (max-width: 991px) {
.newslist .newslist-block {
  border-left: 0px;
}
.newslist .newslist-title .title {
  border-bottom: 1px solid #808080;
}
.newslist {
  padding-right: 15px;
}
.newslist.rs {
  padding-right:0 !important;
}
}

@media (max-width: 1200px) {
.newslist {
  margin-bottom: 35px;
}
.newslist.rs {
  margin-bottom:0 !important;
}	
}
.info-newproduct {
  background-color: #ACC501;
  color: #000;
}
.info-release {
  background-color: #000;
  color: #FFF;
}
.info-notice {
  background-color: #0B308E;
  color: #FFF;
}
.info-info {
  background-color: #a61313;
  color: #FFF;
}
/* -- ページネーション --*/
.pagenavi {
  text-align: center;
  font-size: 1.4rem;
  padding-top: 10px;
  font-family: ヒラギノ角ゴ W3 JIS2004, Hiragino Kaku Gothic W3 JIS2004;
}
.pagenavi a,
.pagenavi span {
  text-decoration: none;
  border: 1px solid #BFBFBF;
  padding: 3px 5px;
  margin: 2px;
}
/* -- お知らせ詳細ページ --*/
.news-date {
  text-align: right;
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
  margin-bottom: 20px;
}
.pagenavi span.current {
  font-weight: bold;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
.social-bookmark {
  border: 0;
  padding: 10px 0 20px 0;
  margin: 0;
}
/* ------------　　MATCHINGINFO最新適合情報   -----------*/
.tekigoulist .title {
  background-color: #000;
  color: #FFF;
  padding: 16px 20px;
  font-size: 23px;
  font-family: lato;
}
.tekigoulist .title .title-ja {
  font-family: ヒラギノ角ゴ W3 JIS2004;
  font-size: 15px;
}
.tekigoulist .contents {
  background-color: #F2F2F2;
  padding: 20px;
  font-size: 14px;
  height: 200px;
  overflow: auto;
}
@media (max-width: 543px) {
.tekigoulist .contents {
  overflow: hidden;
}
}

.tekigoulist .contents dt {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  color: #999999;
}
.tekigoulist .contents dd {
  font-family: ヒラギノ角ゴ W3 JIS2004;
  text-indent: -0.5em;
  padding: 5px 0 10px 1.2em;
  margin-bottom: 10px;
  border-bottom: 1px solid #B3B3B3;
  box-shadow: 0 1px 0px 0px #FFF;
  line-height: 1.2em;
}
.tekigoulist .contents dd:last-child {
  border-bottom: none;
  box-shadow: none;
}
/* ------------　　PRODUCT商品情報   -----------*/
.sec-line {
  border-top: 2px solid #CCCCCC;
  padding-top: 40px;
}
.link-block-left .list-box .title {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
  font-family: lato;
  overflow: hidden;

}
.link-block-left .title .title-bg {
  display: inline-block;
  background-color: #0B308E;
  color: #FFF;
  text-align: center;
  padding: 3px 15px;
  font-size: 18px;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
.link-block-right {
  margin-bottom: 25px;
}
.link-block .row:last-child .link-block-right {
  margin-bottom: 0;
}
.list-box {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  height: 78px;
  width: 100%;
  margin: 0 0 15px 0;
  border: 1px solid #CCCCCC;
}
.list-box.two {
  height: 175px;
}

@media (max-width:991px) {
.list-box.two {
  height: 78px;
}
}
.list-box a {
  display: block;
}
.list-img {
  display: table-cell;
  vertical-align: middle;
}
.list-text {
  display: table-cell;
  vertical-align: middle;
  padding: 0em 1em 0 1em;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
.list-text_middle {
  vertical-align: middle;
  padding:  0 0.5em 0 0.5em;
}
.list-text span {
  display: block;
  font-size: 0.7em;
  font-family: Abel;
  padding-top: 0.5rem;
}
.list-img img {
  max-height: 78px;
  width: auto;
}
/* ------------　　SUPPORTお客様サポート   -----------*/
.sec-support {
  background-color: #e3e3e3;
}
.sec-support figure img {
  width: 100%;
}

@media (max-width:543px) {
.sec-support figure img {
  display: none;
}
}
.sec-support figcaption {
  text-align: center;
  color: #FFF;
  font-size: 16px;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  padding: 0.8em;
}
.sec-support figure {
  background: #0B308E;
}
.sec-support figure:hover {
  background-color: #3C59A5;
}
/* ------------　　GROUPミツバグループリンク   -----------*/
.sec-group {
  background-color: #f2f2f2;
}
.sec-group img {
  width: 100%;
  border: 2px solid #CCCCCC;
  margin-bottom:  20px;
	
}

/* -------------------------------------------
    商品情報ページ
---------------------------------------------*/
#products .link-block-right .list-box::after {
  position: absolute;
  top: 0;
  bottom: 15px;
  left: 20px;
  content: "\f105";
  font-family: FontAwesome;
  font-size: 23px;
  background-color: #0B308E;
  color: #FFF;
  padding: 0 0 24px 9px;
  margin: auto 0;
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
}
.listimg {
  height: 100px;
  overflow: hidden;
}
#products .link-block-right .list-box.no-after::after {
  content: none;
}
#products .link-block-right .list-box .list-img {
  padding-left: 35px;
}
#products .link-block-right .list-box .list-text {
  font-size: 120%;
}
ul.products-link-list {
  margin: 0 -7.5px;
  font-size: 0;
}
.products-link-list li {
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
  text-align: center;
  padding: 0 7.5px;
}

@media (max-width: 767px) {
.products-link-list li {
  width: 50%;
}
}

@media (max-width: 543px) {
.products-link-list li {
  width: 100%;
}
}
.products-link-list li p {
  margin: 0;
  font-size: 1.2rem;
}
.products-link-list li .photo {
  border: 1px solid #CCCCCC;
  padding: 5px;
  margin: 0;
}
.products-link-list li .name {
  text-align: center;
  font-weight: bold;
  color: #233e4f;
  background: #e6eaed;
  padding: 6px 0;
  line-height: 110%;
  margin: 10px 0 0;
}
.products-link-list li .btn {
  margin: 10px 0 25px;
}
.link-under-text {
  display: block;
  text-align: left;
  padding: 0.5em 0;
}
/* -------------------------------------------
    商品情報個別ページ
---------------------------------------------*/

/* ------------　　商品情報    -----------*/

.catchcopy {
  font-family: ヒラギノ角ゴ W6 JIS2004;
  font-size: 25px;
  margin-top: 30px;
}
#products a.btn {
  font-family: ヒラギノ角ゴ W6 JIS2004;
  text-align: left;
  white-space: normal;
}
.btn-float-left {
  float: left;
  margin-right: 10px;
}
#products .btn-description {
  width: 240px;
  margin: 0 0 0 1em;
  line-height: 1.2em;
}

@media (max-width: 1199px) {
#products .btn-description {
  width: 100%;
  margin: 0.5em 0 0 0;
}
}
#products table,
#driverecorder table,
#support table,
#news_table table {
  font-family: ヒラギノ角ゴ W3 JIS2004;
  font-size: 14px;
  text-align: center;
}
#products th,
#driverecorder th,
#support th,
#news_table th{
  background: #999999;
  padding: 7px 7px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  font-family: ヒラギノ角ゴ W6 JIS2004;
}
#products td,
#driverecorder td,
#support td,
#news_table td{
  padding: 7px 7px;
  color: inherit;
  border: 1px solid #FFF;
  background: #E6E6E6;
}
#news_table td{
  width: 28%;
}
#news_table td.w10,#news_table th.w10{
  width: 10%;
}
#news_table td.w40{
  width: 40%;
}
#news_table td img{
  width: 50%;
}
#support table {
  text-align: left;
}
#driverecorder td{
  text-align: left;
  vertical-align: top;
}
#support table a {
  color: #0B308E;
  text-decoration: underline;
}

@media (max-width: 767px) {
#products table,
#support table
#news_table table{
  width: 800px;
}
}
#products div.left_box ul {
  margin: 0;
  padding: 5px 0 0 0;
  overflow: hidden;
}
#products div.left_box ul li {
  float: left;
  margin: 0 10px 10px 0;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  display: block;
  background-size: contain;
}
#products ul li.type01 {
  background: url(../products_images/type_icon_01.gif) left top no-repeat;
}
#products ul li.type02 {
  background: url(../products_images/type_icon_02.gif) left top no-repeat;
}
#products ul li.type03 {
  background: url(../products_images/type_icon_03.gif) left top no-repeat;
}
#products ul li.type04 {
  background: url(../products_images/type_icon_04.gif) left top no-repeat;
}
#products ul li.type05 {
  background: url(../products_images/type_icon_05.gif) left top no-repeat;
}
#products ul li.type06 {
  background: url(../products_images/type_icon_06.gif) left top no-repeat;
}
#products ul li.type07 {
  background: url(../products_images/type_icon_07.gif) left top no-repeat;
}
#products ul li.type08 {
  background: url(../products_images/type_icon_08.gif) left top no-repeat;
}
#products ul li.type09 {
  background: url(../products_images/type_icon_09.gif) left top no-repeat;
}
#products ul li.type10 {
  background: url(../products_images/type_icon_10.gif) left top no-repeat;
}
#products ul li.type11 {
  background: url(../products_images/type_icon_11.gif) left top no-repeat;
}
#products ul li.type12 {
  background: url(../products_images/type_icon_12.gif) left top no-repeat;
}
#products ul li.type13 {
  background: url(../products_images/type_icon_13.gif) left top no-repeat;
}
/* -------------------------------------------
    お客様サポート
---------------------------------------------*/
.row-0 > [class*="col-"] {
}
[class*="link-list-"] {
  margin: 0 -7.5px;
  font-size: 0;
}
[class*="link-list-"] li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 7.5px;
  font-size: 1.6rem;
}
.link-list-two li {
  width: 50%;
}
.link-list-three li {
  width: 33.333%;
}
.link-list-four li {
  width: 25%;
}
.link-list-five li {
  width: 20%;
}

@media (max-width: 767px) {
[class*="link-list-"] li {
  width: 50%;
}
[class*="link-list-"].support-list-block-angle-right li,
 [class*="link-list-"].category-list-block-angle-right li {
  width: 100%;
}
.link-list-auto li {
  width: auto;
}
}

@media (max-width: 543px) {
[class*="link-list-"] li {
  width: 100%;
}
.link-list-auto li {
  width: auto;
}
}
.link-list-auto li {
  width: auto;
}
.category-list-block li,
.support-list-block li {
  font-size: 1.5rem;
}
.category-list-block li a>div,
.support-list-block li a>div {
  display: table;
  table-layout: auto;
  box-sizing: border-box;
  height: 78px;
  width: 100%;
  border: 1px solid #CCCCCC;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}

@media (max-width: 543px) {
.category-list-block li a>div,
 .support-list-block li a>div {
  height: 39px;
}
}
.category-list-block li a>div .inner,
.support-list-block li a>div .inner {
  display: table-cell;
  vertical-align: middle;
  padding: 0.5em 1em;
  width: 100%;
}
.category-list-block div.title,
.support-list-block div.title {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  padding: 0.5em 1em;
}
.category-list-block .title span,
.support-list-block .title span {
  display: inline;
  padding: 0;
  width: auto;
  line-height: 1.3em;
}
.category-list-block div.title .title-bg,
.support-list-block div.title .title-bg {
  display: inline-block;
  background-color: #0B308E;
  color: #FFF;
  text-align: center;
  padding: 1px 5px;
  font-size: 16px;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}

@media (max-width: 767px) {
.category-list-block div.title,
 .support-list-block div.title {
  font-size: 16px;
}
}
.category-list-block-angle-right div,
.support-list-block-angle-right div {
  position: relative;
  padding-left: 40px;
  text-align: left;
}
.category-list-block-angle-right div::after,
.support-list-block-angle-right div::after {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0.5em;
  content: "\f105";
  font-family: FontAwesome;
  font-size: 23px;
  background-color: #0B308E;
  color: #FFF;
  padding: 0px 0 24px 2px;
  margin: -12px 0 0 0;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  text-align: center;
}

@media (max-width: 544px) {
.category-list-block.category-list-block-angle-right div,
 .support-list-list-block.support-list-block-angle-right div {
  padding-left: 0;
}
.category-list-block.category-list-block-angle-right div::after,
 .support-list-list-block.support-list-block-angle-right div::after {
  display: none;
}
}
.category-list-block .list-text,
.support-list-block .list-text {
  vertical-align: middle;
  text-align: left;
  padding: 0 1em;
  width: 100%;
}
.support-list-bar li {
  border: 1px solid #E6E6E6;
  margin-bottom: 5px;
  line-height: 1em;
  padding: 5px 1em;
  font-size: 1.4rem;
}
.support-list-bar li a,
.support-list-qa dd a {
  color: #0B308E;
  text-decoration: underline;
}
.support-list-qa dt {
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  border: 1px solid #E6E6E6;
  border-bottom: none;
  line-height: 1em;
  padding: 1em 1em 0.5em;
  color: #0B308E;
  font-size: 1.6rem;
}
.support-list-qa dd {
  margin-bottom: 5px;
  line-height: 1.2em;
  padding: 0.5em 1em 1em;
  color: #333;
  font-size: 1.4rem;
  border: 1px solid #E6E6E6;
  border-top: none;
  word-wrap: break-word;
}
.support-list-qa dd a {
  padding: 10px 0;
  display: inline-block;
}
.support-list-qa p {
  font-size: inherit;
  margin: 10px 0;
}
ul.matching-list li .btn {
  width: 100%;
}
.border-box {
  border: 1px solid #ccc;
  padding: 1em;
  margin: 7.5px 0;
}

/* -------------------------------------------
    サイドバー部
---------------------------------------------*/
@media (min-width: 1200px) {
.container > .row > [class*="-contents"] {
  padding-right: 35px;
}
aside.sidebar {
  padding-left: 30px;
}
}
.side_title {
  text-align: center;
  color: #0B308E;
  border-top: 1px solid #0B308E;
  padding: 10px 0 10px;
  font-size: 26px;
}
.side-link h3.open_h3:first-child,
.side-link .sidebar-btn:first-child {
  margin-top: 0;
}
.sidebar-btn {
  display: table;
  margin-top: 10px;
}
.sidebar-btn a {
  display: table-cell;
  width: 100%;
}
.sidebar-btn a .open_h3 {
  border: 1px solid #0B308E;
  font-size: 1.6rem;
  font-family: ヒラギノ角ゴ W6 JIS2004;
  color: #0B308E;
  background-color: #FFF;
  padding: 12px 10px 12px 20px;
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.2em;
}
.sidebar-btn span {
  font-size: 26px;
  background-color: #0B308E;
  color: #fff;
  display: table-cell;
  width: 1px;
  padding: 0px 10px 0;
  vertical-align: middle;
}
.sidebar-btn span .fa {
  margin: 0;
}
aside.sidebar .side-link ul {
  background-color: #F0F3F8;
  padding: 5px 20px;
  font-size: 1.4rem;
}
aside.sidebar .side-link ul li {
  border-bottom: 1px solid #ccc;
  padding: 10px 1em 10px 1.5em;
  text-indent: -0.5em;
  line-height: 1.3em;
}
li[class*="fa-"]::before {
  font-family: FontAwesome;
  font-size: 14px;
  color: #000;
  margin-right: 0.5em;
}
aside.sidebar .side-link ul li:last-child {
  border-bottom: none;
}
.open5 {
  height: 100%;
}
aside.sidebar .wrap {
  margin-bottom: 10px;
}
aside.sidebar .side-banner ul li {
  margin: 10px 1em 10px 1.5em;
}
/* -------------------------------------------
    フッター部
---------------------------------------------*/
footer {
  border-top: 1px solid #CCCCCC;
}
footer .footer-link {
  padding: 40px 0;
}
footer .footer-link a.footer-link-cat {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 19px;
  padding-bottom: 3px;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  display: inline-block;
}
footer .footer-credit img {
  margin: 0;
}
.footer-link-title {
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  font-size: 1.6rem;
  margin: 0 0 10px;
}
.footer-link-title.fs {
  margin-top: 30px;
  font-size: 1.5rem;
  letter-spacing: -0.1px;
}
.footer-link ul { 
  margin-bottom: 0px;
}
.footer-link ul li {
  font-size: 1.4rem;
  line-height: 1.2em;
  padding: 0 0 0.7em 1em;
  text-indent: -0.5em;
}
.footer-credit {
  background-color: #0B308E;
  color: #FFF;
  font-size: 12px;
}
.footer-credit p, .footer-credit a {
  color: #FFF;
  display: inline-block;
  margin: 0;
  font-size: 12px;
  vertical-align: middle;
}
.footer-credit a:hover {
  color: #ACC501;
}
.footer-credit #page-top a {
  background: #000;
  text-decoration: none;
  color: #fff;
  width: 40px;
  padding: 3px 0;
  margin: 0 0 0 1em;
  text-align: center;
  display: inline-block;
}
.footer-credit #page-top a:hover {
  color: #ACC501;
}
.footer-credit #page-top a i {
  margin-right: 0;
}
.footer-left {
  min-height: 40px;
  line-height: 40px;
}
.footer-right {
  text-align: right;
}
.footer-right img {
  vertical-align: middle;
  display: inline-block;
  margin: 0;
}

@media (max-width: 767px) {
.footer-left {
  min-height: 0px;
  line-height: auto;
  text-align: center;
}
.footer-right {
  text-align: center;
}
}
/*スクロールバー設定*/
/* For the "inset" look only */
html {
  overflow: auto;
}

/* Let's get this party started */
::-webkit-scrollbar {
 width: 12px;
}

 ::-ms-scrollbar {
 width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
 -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
::-ms-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
 -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}

/* Handle */
::-webkit-scrollbar-thumb {
 background: rgba(150,150,150,0.8);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
 -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}
::-ms-scrollbar-thumb {
 background: rgba(150,150,150,0.8);
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
 -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0);
}

/* -------------------------------------------
    コンタクトメールフォーム部
---------------------------------------------*/
/*--------- メールフォーム入力画面他共用 ----------*/
.contact-form dl dt,
.contact-desc dl dt{
  background-color:#e6eaed;
  color:#233e4f;
}
.contact-form dl.dl-fake-table,
.contact-desc dl.dl-fake-table{
  background-color:#e6eaed;
}
.contact-form dl dd,
.contact-desc dl dd{
  background-color:#fff;
  min-height:35px;
}
.contact-form .btn{
  font-family: ヒラギノ角ゴ W6 JIS2004;
  font-size: 16px;
}
.contact-form .form-control{
  font-size:1em;
}
.contact-desc dl dd{
  line-height:140%;
}


.form-contents .form-control{
  display: inline-block;
}
/*--------- メールフォーム確認画面 ----------*/
.contact-form .contact-confirm-table td:first-child{
  padding:3px;
  white-space:nowrap;
}
.contact-form .contact-confirm-table td:last-child{
  padding:3px 3px 3px 10px;
  white-space:normal;
}



/* マージントップ */
.mgt0 { margin-top: 0px !important;}
.mgt5 { margin-top: 5px !important;}
.mgt10 { margin-top:10px !important;}
.mgt15 { margin-top:15px !important;}
.mgt20 { margin-top:20px !important;}
.mgt25 { margin-top:25px !important;}
.mgt30 { margin-top:30px !important;}
.mgt35 { margin-top:35px !important;}
.mgt40 { margin-top:40px !important;}
.mgt45 { margin-top:45px !important;}
.mgt50 { margin-top:50px !important;}
.mgt55 { margin-top:55px !important;}
.mgt60 { margin-top:60px !important;}
.mgt65 { margin-top:65px !important;}
.mgt70 { margin-top:70px !important;}
.mgt75 { margin-top:75px !important;}
.mgt80 { margin-top:80px !important;}
.mgt85 { margin-top:85px !important;}
.mgt90 { margin-top:90px !important;}
.mgt95 { margin-top:95px !important;}
.mgt100 { margin-top:100px !important;}
.mgt105 { margin-top:105px !important;}
.mgt110 { margin-top:110px !important;}
.mgt115 { margin-top:115px !important;}
.mgt120 { margin-top:120px !important;}
.mgt125 { margin-top:125px !important;}
.mgt130 { margin-top:130px !important;}
.mgt135 { margin-top:135px !important;}
.mgt140 { margin-top:140px !important;}
.mgt145 { margin-top:145px !important;}
.mgt150 { margin-top:150px !important;}
/* マージンボトム */
.mgb0 { margin-bottom: 0px;}
.mgb5 { margin-bottom: 5px;}
.mgb10 { margin-bottom:10px;}
.mgb15 { margin-bottom:15px;}
.mgb20 { margin-bottom:20px;}
.mgb25 { margin-bottom:25px;}
.mgb30 { margin-bottom:30px;}
.mgb35 { margin-bottom:35px;}
.mgb40 { margin-bottom:40px;}
.mgb45 { margin-bottom:45px;}
.mgb50 { margin-bottom:50px;}
.mgb55 { margin-bottom:55px;}
.mgb60 { margin-bottom:60px;}
.mgb65 { margin-bottom:65px;}
.mgb70 { margin-bottom:70px;}
.mgb75 { margin-bottom:75px;}
.mgb80 { margin-bottom:80px;}
.mgb85 { margin-bottom:85px;}
.mgb90 { margin-bottom:90px;}
.mgb95 { margin-bottom:95px;}
.mgb100 { margin-bottom:100px;}
.mgb105 { margin-bottom:105px;}
.mgb110 { margin-bottom:110px;}
.mgb115 { margin-bottom:115px;}
.mgb120 { margin-bottom:120px;}
.mgb125 { margin-bottom:125px;}
.mgb130 { margin-bottom:130px;}
.mgb135 { margin-bottom:135px;}
.mgb140 { margin-bottom:140px;}
.mgb145 { margin-bottom:145px;}
.mgb150 { margin-bottom:150px;}
/* マージンライト */
.mgr0 { margin-right: 0px;}
.mgr5 { margin-right: 5px;}
.mgr10 { margin-right:10px;}
.mgr15 { margin-right:15px;}
.mgr20 { margin-right:20px;}
.mgr25 { margin-right:25px;}
.mgr30 { margin-right:30px;}
.mgr35 { margin-right:35px;}
.mgr40 { margin-right:40px;}
.mgr45 { margin-right:45px;}
.mgr50 { margin-right:50px;}
.mgr55 { margin-right:55px;}
.mgr60 { margin-right:60px;}
.mgr65 { margin-right:65px;}
.mgr70 { margin-right:70px;}
.mgr75 { margin-right:75px;}
.mgr80 { margin-right:80px;}
.mgr85 { margin-right:85px;}
.mgr90 { margin-right:90px;}
.mgr95 { margin-right:95px;}
.mgr100 { margin-right:100px;}
.mgr105 { margin-right:105px;}
.mgr110 { margin-right:110px;}
.mgr115 { margin-right:115px;}
.mgr120 { margin-right:120px;}
.mgr125 { margin-right:125px;}
.mgr130 { margin-right:130px;}
.mgr135 { margin-right:135px;}
.mgr140 { margin-right:140px;}
.mgr145 { margin-right:145px;}
.mgr150 { margin-right:150px;}
/* マージンレフト */
.mgl0 { margin-left: 0px;}
.mgl5 { margin-left: 5px;}
.mgl10 { margin-left:10px;}
.mgl15 { margin-left:15px;}
.mgl20 { margin-left:20px;}
.mgl25 { margin-left:25px;}
.mgl30 { margin-left:30px;}
.mgl35 { margin-left:35px;}
.mgl40 { margin-left:40px;}
.mgl45 { margin-left:45px;}
.mgl50 { margin-left:50px;}
.mgl55 { margin-left:55px;}
.mgl60 { margin-left:60px;}
.mgl65 { margin-left:65px;}
.mgl70 { margin-left:70px;}
.mgl75 { margin-left:75px;}
.mgl80 { margin-left:80px;}
.mgl85 { margin-left:85px;}
.mgl90 { margin-left:90px;}
.mgl95 { margin-left:95px;}
.mgl100 { margin-left:100px;}
.mgl105 { margin-left:105px;}
.mgl110 { margin-left:110px;}
.mgl115 { margin-left:115px;}
.mgl120 { margin-left:120px;}
.mgl125 { margin-left:125px;}
.mgl130 { margin-left:130px;}
.mgl135 { margin-left:135px;}
.mgl140 { margin-left:140px;}
.mgl145 { margin-left:145px;}
.mgl150 { margin-left:150px;}
/* パディングトップ */
.pdt0 { padding-top: 0px;}
.pdt5 { padding-top: 5px;}
.pdt10 { padding-top:10px;}
.pdt15 { padding-top:15px;}
.pdt20 { padding-top:20px;}
.pdt25 { padding-top:25px;}
.pdt30 { padding-top:30px;}
.pdt35 { padding-top:35px;}
.pdt40 { padding-top:40px;}
.pdt45 { padding-top:45px;}
.pdt50 { padding-top:50px;}
.pdt55 { padding-top:55px;}
.pdt60 { padding-top:60px;}
.pdt65 { padding-top:65px;}
.pdt70 { padding-top:70px;}
.pdt75 { padding-top:75px;}
.pdt80 { padding-top:80px;}
.pdt85 { padding-top:85px;}
.pdt90 { padding-top:90px;}
.pdt95 { padding-top:95px;}
.pdt100 { padding-top:100px;}
.pdt105 { padding-top:105px;}
.pdt110 { padding-top:110px;}
.pdt115 { padding-top:115px;}
.pdt120 { padding-top:120px;}
.pdt125 { padding-top:125px;}
.pdt130 { padding-top:130px;}
.pdt135 { padding-top:135px;}
.pdt140 { padding-top:140px;}
.pdt145 { padding-top:145px;}
.pdt150 { padding-top:150px;}
/* パディングボトム */
.pdb0 { padding-bottom: 0px;}
.pdb5 { padding-bottom: 5px;}
.pdb10 { padding-bottom:10px;}
.pdb15 { padding-bottom:15px;}
.pdb20 { padding-bottom:20px;}
.pdb25 { padding-bottom:25px;}
.pdb30 { padding-bottom:30px;}
.pdb35 { padding-bottom:35px;}
.pdb40 { padding-bottom:40px;}
.pdb45 { padding-bottom:45px;}
.pdb50 { padding-bottom:50px;}
.pdb55 { padding-bottom:55px;}
.pdb60 { padding-bottom:60px;}
.pdb65 { padding-bottom:65px;}
.pdb70 { padding-bottom:70px;}
.pdb75 { padding-bottom:75px;}
.pdb80 { padding-bottom:80px;}
.pdb85 { padding-bottom:85px;}
.pdb90 { padding-bottom:90px;}
.pdb95 { padding-bottom:95px;}
.pdb100 { padding-bottom:100px;}
.pdb105 { padding-bottom:105px;}
.pdb110 { padding-bottom:110px;}
.pdb115 { padding-bottom:115px;}
.pdb120 { padding-bottom:120px;}
.pdb125 { padding-bottom:125px;}
.pdb130 { padding-bottom:130px;}
.pdb135 { padding-bottom:135px;}
.pdb140 { padding-bottom:140px;}
.pdb145 { padding-bottom:145px;}
.pdb150 { padding-bottom:150px;}
/* パディングライト */
.pdr0 { padding-right: 0px;}
.pdr5 { padding-right: 5px;}
.pdr10 { padding-right:10px;}
.pdr15 { padding-right:15px;}
.pdr20 { padding-right:20px;}
.pdr25 { padding-right:25px;}
.pdr30 { padding-right:30px;}
.pdr35 { padding-right:35px;}
.pdr40 { padding-right:40px;}
.pdr45 { padding-right:45px;}
.pdr50 { padding-right:50px;}
.pdr55 { padding-right:55px;}
.pdr60 { padding-right:60px;}
.pdr65 { padding-right:65px;}
.pdr70 { padding-right:70px;}
.pdr75 { padding-right:75px;}
.pdr80 { padding-right:80px;}
.pdr85 { padding-right:85px;}
.pdr90 { padding-right:90px;}
.pdr95 { padding-right:95px;}
.pdr100 { padding-right:100px;}
.pdr105 { padding-right:105px;}
.pdr110 { padding-right:110px;}
.pdr115 { padding-right:115px;}
.pdr120 { padding-right:120px;}
.pdr125 { padding-right:125px;}
.pdr130 { padding-right:130px;}
.pdr135 { padding-right:135px;}
.pdr140 { padding-right:140px;}
.pdr145 { padding-right:145px;}
.pdr150 { padding-right:150px;}
/* パディングレフト */
.pdl0 { padding-left: 0px;}
.pdl5 { padding-left: 5px;}
.pdl10 { padding-left:10px;}
.pdl15 { padding-left:15px;}
.pdl20 { padding-left:20px;}
.pdl25 { padding-left:25px;}
.pdl30 { padding-left:30px;}
.pdl35 { padding-left:35px;}
.pdl40 { padding-left:40px;}
.pdl45 { padding-left:45px;}
.pdl50 { padding-left:50px;}
.pdl55 { padding-left:55px;}
.pdl60 { padding-left:60px;}
.pdl65 { padding-left:65px;}
.pdl70 { padding-left:70px;}
.pdl75 { padding-left:75px;}
.pdl80 { padding-left:80px;}
.pdl85 { padding-left:85px;}
.pdl90 { padding-left:90px;}
.pdl95 { padding-left:95px;}
.pdl100 { padding-left:100px;}
.pdl105 { padding-left:105px;}
.pdl110 { padding-left:110px;}
.pdl115 { padding-left:115px;}
.pdl120 { padding-left:120px;}
.pdl125 { padding-left:125px;}
.pdl130 { padding-left:130px;}
.pdl135 { padding-left:135px;}
.pdl140 { padding-left:140px;}
.pdl145 { padding-left:145px;}
.pdl150 { padding-left:150px;}