@charset "utf-8";
/* -------------------------------------------
    共通設定
---------------------------------------------*/
.normal{
font-weight: normal !important;
	font-family: ヒラギノ角ゴ W3 JIS2004, Hiragino Kaku Gothic W3 JIS2004;
}

.width_20{
	width: 20%;
}
.mgt20 {
margin-top: 20px !important;
}
.mgt30 {
margin-top: 30px !important;
}
.font_130{font-size: 130%}
.font_120{font-size: 120%}
.font_90{font-size: 90%}
.font_80{font-size: 80%}


.indent3em {
  padding-left: 3em;/*全体文字下げ*/
  text-indent: -3em;/*1文字目上げ*/
	margin-bottom: 1rem;
}
.indent25em {
  padding-left: 2.5em;/*全体文字下げ*/
  text-indent: -2.5em;/*1文字目上げ*/
}
.indent1em {
  padding-left: 1em;/*全体文字下げ*/
  text-indent: -1em;/*1文字目上げ*/
	margin-bottom: 1rem;
}
.ridc-float_left {
    float: left;
}
.mgl1em {
	margin-left: 1em;
}
.mgl2em {
	margin-left: 2em;
}
.mgb5 {
margin-bottom: 5px !important;
}
.mgb1em {
margin-bottom: 1em !important;
}
.mgt0em {
margin-top: 0 !important;
}
.mgt1em {
margin-top: 1.5em !important;
}
.pdt1em {
padding-top: 1em !important;
}
.pdt05em {
padding-top: 0.5em !important;
}
.mgb2em {
margin-bottom: 2em !important;
}
.mgb_led {
margin-bottom: 30px !important;
}
.width100 {
width: 100% !important;
}

.search{
height: 35px;
	width: 200px;
	background-color:#ffffff;
	border:none;
	padding:0 10px;
	margin:0 ;
}
#submit_btn {
	background-color: #ffffff;
	width: 40px;
	border: none;
	cursor: pointer;
	font-family: FontAwesome;
	font-size: 16px;
	margin:0;
}
.li_search {
  width : 250px !important;
height: 40px;
border-left: solid 1px #cccccc;
}
.sec-products
 {
  background-color: #f2f2f2;
}
.sec-products
.link-block-left .list-box .title {
  border: 2px solid #CCCCCC;
  background-color: #FFFFFF;
}
.sec-products
.list-box  {
  background-color: #FFFFFF;
}
.vertical-align-middle
{
	vertical-align: middle !important;
}

.ridc-img-fluid {
  display: block;
  max-width: 100%;
  height: auto;
}
/* -------------------------------------------
    サイトマップ
---------------------------------------------*/
#sitemap {
}
#sitemap .sitemap-link {
}
#sitemap .sitemap-link a.sitemap-link-cat {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size: 19px;
  padding-bottom: 3px;
  border-bottom: 3px solid #0B308E;
  margin: 20px 0;
  display: inline-block;
  text-decoration: none;
}
#sitemap .sitemap-link-title {
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
  font-size: 1.6rem;
  margin: 0 0 10px;
}
#sitemap .sitemap-link ul {
  margin-bottom: 0px;
}
#sitemap .sitemap-link ul li {
  font-size: 1.4rem;
  line-height: 1.2em;
  padding: 0 0 0.7em 1em;
  text-indent: -0.5em;
}
/* -------------------------------------------
    カレンダー
---------------------------------------------*/
table.calender {background: #dddddd; font-size:80%; border-top: solid 1px #cccccc;border-right: solid 1px #cccccc; margin-bottom: 20px;}
.calender td {padding: 8px; text-align: center; border-bottom: solid 1px #cccccc;border-left: solid 1px #cccccc;}
td.month {background: #999966; font-weight:bold;}
td.week {background: #999966; }
td.weekday {background: #ffffff; }
td.holiday {background: #cc0000; font-weight:bold; color: #FFFFFF; }
td.sai {border-width: 3px; border-style: dotted; border-color: #999966;	}
/* -------------------------------------------
    明朝
---------------------------------------------*/
.mincho {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 2.4rem;
}
/* -------------------------------------------
    ホーンの配線方法
---------------------------------------------*/
.horn_box{background-color: #faffc8; padding: 10px; margin-top: 20px; border-style:dashed; border-width: 1px;}
/* -------------------------------------------
    ドラプラ
---------------------------------------------*/
#driveplaza table{
width: 100%
}



a.btn-brand:focus,
a.btn:focus{
  color: #FFF ;
}
a.btn-brand:active,
a.btn:active{
  color: #014c8c ;
}
/* -------------------------------------------
    SNSボタン
---------------------------------------------*/
.sns-btn-list {
overflow: hidden;
float: left;
}
.sns-btn-list li{
float: left;
margin-top: 0;
margin-right: 1rem;
list-style: none;
}
.google {
	width: 65px;
}
.facebook_like {
	width: 83px;
}

td .bg_white td{
background-color:#f5f5f5 !important;
	}

/* -------------------------------------------
    トップページSNSボタン
---------------------------------------------*/
.list-img60 img {
  max-height: 60px;
  width: auto;
}
.list-box60 {
  height: 60px;
}
/* -------------------------------------------
    youtubeレスポンシブ
---------------------------------------------*/
.youtube{
	position: relative;
	height: 0;
	padding:  30px 0 56.25%;
	overflow: hidden;
	border: solid 1px #CBCBCB;
}
.youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#driverecorder .width_70{
	margin: auto;
	width: 70%;
}
/* -------------------------------------------
    ドライブレコーダー
---------------------------------------------*/
#driverecorder{
	font-family: ヒラギノ角ゴ W3 JIS2004, Hiragino Kaku Gothic W3 JIS2004;
}
#driverecorder .box_information{
	border: 3px solid #cccccc;
	text-align: center;
	max-width: 1280px;
	width: 85%;
	margin: auto;
	padding: 2em;
}
#driverecorder .box_information a{
	color: #ff0000;
	font-size: 1.2em;
}
#driverecorder .row{
	margin-right: 0;
	margin-left: 0;
}
#driverecorder .main-contents {
  margin-top: 0px !important;
}
#driverecorder .d_breadcrumb  {
	background: #d3d3d3;
	padding: 0.4em 0 0.8em 0;
	font-family: ヒラギノ角ゴ W3 JIS2004, Hiragino Kaku Gothic W3 JIS2004;
}
#driverecorder .d_breadcrumb ul {
	text-align: center;
	display: flex;
	justify-content: space-around;
	margin-bottom: 0;
}
#driverecorder .d_breadcrumb ul li{
	margin: 0 1.2em;
	font-size: 95%;
	line-height: 1.5em;
}
#driverecorder .d_breadcrumb ul li a{
	display: block;
	padding: 0.6em 0 0.1em 0;
}
#driverecorder .edr-21g {
	color: #00367e;
}
#driverecorder .edr-21 {
	color: #0a7f3f;
}
#driverecorder .edr-11 {
	color: #b90012;
}
#driverecorder a:hover .edr-21g, #driverecorder a:hover .edr-21, #driverecorder a:hover .edr-11 {
    color: #ACC501 !important;
}
#driverecorder .d_contents {
	max-width: 1280px;
	width: 100%;
	margin: auto;
}
#driverecorder .d_contents_point01{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	background: url("../products_images/driverecorder/img_002.jpg") no-repeat;
	background-size: cover;
	background-position: right;
}
#driverecorder .d_contents p,
#driverecorder .d_contents_point01 p,
#driverecorder .d_contents_point02 p,
#driverecorder .d_contents_point03 p,
#driverecorder .d_contents_point04 p
{
	font-size: 120%;
}

#driverecorder .d_contents_point02 table,#driverecorder .d_contents_point01 table
{
	font-size: 120%;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	width: 100%;
}
#driverecorder .d_contents_point01_icon{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	margin-top: -280px;
	position: absolute;
}
#driverecorder .d_contents_point01_left{
	background-color: rgba(255,255,255,0.5);
	min-height: 800px;
	padding: 0;
}
#driverecorder .d_contents_point02{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	background: url("../products_images/driverecorder/img_003.jpg") no-repeat;
	background-size: cover;
	background-position: right;
}
#driverecorder .d_contents_point02_left{
	background-color: rgba(0,0,0,0.5);
	min-height: 400px;
	padding: 0;
}
#driverecorder .d_contents_point03{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	background: #f2f2f1;
}
#driverecorder .d_contents_point03_left{
	background-color: #cecece;
	min-height: 400px;
	padding: 0;
}
#driverecorder .d_contents_point03_right{
	text-align: center;
}
#driverecorder .d_contents_point03_right img{
	margin-top: 6em;
	width: 95%;
}
#driverecorder .d_contents_point04{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	background: url("../products_images/driverecorder/img_004.jpg") no-repeat;
	background-size: cover;
	background-position: right;
}
#driverecorder .d_contents_point04_left{
	background-color: rgba(23,38,70,0.5);
	min-height: 400px;
	padding: 0;
}
#driverecorder .icon_ul {
	text-align: center;
}
#driverecorder .icon_ul li{
	display: inline;
	margin: 0 20px ;
}
#driverecorder .icon_ul li img{
	width: 15%;
}

#driverecorder .font_white{
	color: #FFFFFF;
}
#driverecorder .float_left{
	float: left;
}
#driverecorder .float_right{
	float: right;
}
#driverecorder .bold{
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
#driverecorder .font_120{
	font-size: 150% !important;
}
#driverecorder .font_120-2{
	font-size: 120% !important;
}
#driverecorder .font_90{
	font-size: 90% !important;
}
#driverecorder .font_80{
	font-size: 80% !important;
}
#driverecorder .font_70{
	font-size: 70% !important;
}
#driverecorder .link{
	display: inline-block;
	color: #ffffff;
	background: #82b028;
	border-radius: 20px;
	text-decoration: none;
	padding: 8px 20px 8px 33px;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px ;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	font-size: 120%;
}
#driverecorder  a:hover.link{
	background: #638a17;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px ;
}
#driverecorder .link_01{
	display: inline-block;
	color: #ffffff;
	background: #82b028;
	border-radius: 5px;
	text-decoration: none;
	padding: 8px 20px 8px 33px;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 10px;
	background-size: 12px ;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	font-size: 120%;
}
#driverecorder  a:hover.link_01{
	background: #638a17;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 10px;
	background-size: 12px ;
}
#driverecorder .link_02{
	display: inline-block;
	color: #ffffff;
	background: #00367e;
	border-radius: 5px;
	text-decoration: none;
	padding: 8px 20px 8px 33px;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px ;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	font-size: 120%;
}
#driverecorder .link_02.no_link,#driverecorder a:hover.link_02.no_link{
	color: #fff;
	background: #666;
	border-radius: 5px;
	text-decoration: none;
	padding: 8px 20px 8px 33px;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px ;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	font-size: 120%;
}

#driverecorder  a:hover.link_02{
	background: #001838;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px ;
}
#driverecorder .link_gray{
	display: inline-block;
	color: #ffffff;
	background: #696969;
	text-decoration: none;
	padding: 1em;
	line-height: 1.2em;
}#driverecorder  a:hover.link_gray{
	background: #333333;
}
#driverecorder .display-block{
	display: block !important;
}
#driverecorder .link_blue{
	display: inline-block;
	color: #ffffff;
	background: #00367e;
	text-decoration: none;
	padding: 1em;
	line-height: 1.2em;
}

#driverecorder  a:hover.link_blue{
	background: #001838;
}
#driverecorder .link_blue02{
	background: -webkit-linear-gradient(left, #00367e, #000000);
	background: -o-linear-gradient(left, #00367e, #000000);
	background: linear-gradient(to right, #00367e, #000000);
	padding: 1em;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	margin: 1em 0;
}
#driverecorder  a:hover.link_blue02{
	background: #001838;
}
#driverecorder .link_green{
	display: inline-block;
	color: #000000;
	background: #85b429;
	text-decoration: none;
	padding: 1em;
	line-height: 0.74em;
}
#driverecorder  a:hover.link_green{
	background: #6a911c;
}

#driverecorder .link_green02{
	background: -webkit-linear-gradient(left, #0a7f3f, #000000);
	background: -o-linear-gradient(left, #0a7f3f, #000000);
	background: linear-gradient(to right, #0a7f3f, #000000);
	padding: 1em;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	margin: 1em 0;
}
#driverecorder  a:hover.link_green02{
	background: #023924;
}
#driverecorder .link_red02{
	background: -webkit-linear-gradient(left, #a90001, #250006);
	background: -o-linear-gradient(left, #a90001, #250006);
	background: linear-gradient(to right, #a90001, #250006);
	padding: 1em;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	margin: 1em 0;
}
#driverecorder  a:hover.link_red02{
	background: #620007;
}
#driverecorder .point_bg{
background: -webkit-linear-gradient(left, #000000, #00367e);
background: -o-linear-gradient(left, #000000, #00367e);
background: linear-gradient(to right, #000000, #00367e);
	padding: 10px 0;
}
#driverecorder .point_bg p{
	margin: 0.5em 1em;
	font-size: 200%;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
#driverecorder .point_bg p span{
	font-size: 70%;
}
#driverecorder .d_main_gray{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	background: #d0d0d0;
	padding: 0;
}
#driverecorder .d_main_gray02{
	max-width: 1280px;
	width: 100%;
	margin: 2em auto 0;
	background: #666666;
	padding: 0;
}
#driverecorder .d_main_green{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	background-color: #85b429;
	padding: 0;
}
#driverecorder .d_main_black{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	background-color: #000000;
	padding: 0;
}

#driverecorder .d_main_green02{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	padding: 0;
	background: -webkit-linear-gradient(left, #00367e, #000000);
	background: -o-linear-gradient(left, #00367e, #000000);
	background: linear-gradient(to right, #00367e, #000000);
}
#driverecorder .d_main_green03{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	padding: 0;
	background: -webkit-linear-gradient(left, #0a7f3f, #000000);
	background: -o-linear-gradient(left, #0a7f3f, #000000);
	background: linear-gradient(to right, #0a7f3f, #000000);
}
#driverecorder .d_main_green04{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	padding: 0;
	background: -webkit-linear-gradient(left, #a90001, #250006);
	background: -o-linear-gradient(left, #a90001, #250006);
	background: linear-gradient(to right, #a90001, #250006);
}
#driverecorder h2{
	padding: 1.8em 0 0.8em 0;
	margin: 0 1em ;
	color: #FFFFFF;
	font-size: 230%;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
#driverecorder h2::after{
  background: none;
}
#driverecorder h3{
	padding: 0.3em 0 0.3em 0;
	margin: 0 1em ;
	color: #FFFFFF;
	width: auto !important;
	background: none;
	font-size: 210%;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	line-height: 1.1em !important;
}
#driverecorder h4{
	padding: 0.3em 0 0.3em 0;
	margin: 0 1em ;
	color: #FFFFFF;
	width: auto !important;
	background: none;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	border: none !important;
}
#driverecorder h4.support{
	padding: 0.1em 0.3em ;
	margin: 0;
	color: #000000;
	width: auto !important;
	background: #cccccc;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
#driverecorder .mgt30 {
	margin-top: 30px !important;
}
#driverecorder .pdg1em {
	padding: 1em;
}
#driverecorder .pdg2em {
	padding: 2em;
}

#driverecorder .table-cell {
	display: table-cell;
	table-layout:fixed; 
}
#driverecorder .table {
	display: table;
	table-layout:fixed; 
}

#driverecorder .w20 {
	width: 20% !important;
}
#driverecorder .w25 {
	width: 25% !important;
}
#driverecorder .w30 {
	width: 30% !important;
}
#driverecorder .w35 {
	width: 35% !important;
}
#driverecorder .w40 {
	width: 40% !important;
}
#driverecorder .w45 {
	width: 45% !important;
}
#driverecorder .w50 {
	width: 50% !important;
}
#driverecorder .w55 {
	width: 55% !important;
}
#driverecorder .w60 {
	width: 60% !important;
}
#driverecorder .w65 {
	width: 65% !important;
}
#driverecorder .w70 {
	width: 70% !important;
}
#driverecorder .w75 {
	width: 75% !important;
}
#driverecorder .w80 {
	width: 80% !important;
}
#driverecorder .w85 {
	width: 85% !important;
}
#driverecorder .w90 {
	width: 90% !important;
}
#driverecorder .w100 {
	width: 100% !important;
}
#driverecorder .font_200,#fitt .font_200 {
	font-size: 200% !important;
}
#driverecorder .font_170,#fitt .font_170  {
	font-size: 170% !important;
}
#driverecorder .font_150,#fitt .font_150,#ulook .font_150  {
	font-size: 150% !important;
}
#driverecorder .font_120,#fitt .font_120,#ulook .font_120  {
	font-size: 120% !important;
}
#driverecorder .clear {
	clear: both;
}

#driverecorder .clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#driverecorder .clearfix {
  min-height: 1px;
}

#driverecorder .only_pc{display: inline-block}
@media (max-width: 575.98px) {
#driverecorder .only_pc{display: none}
}
#driverecorder ul.edr_submenu { /* サブメニュー */
  display: flex;
	justify-content:space-between;
	flex-wrap:wrap;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto 1em;
	padding: 0;
	background-color: #4F4F4F;
}
#driverecorder ul.edr_submenu li{ 
  width: 16.6%;
}
#driverecorder ul.edr_submenu li a{
  display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background-color: #4F4F4F;
	padding: 1em 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#driverecorder ul.edr_submenu li:last-child a{ 
	border-right: none;
}
#driverecorder ul.edr_submenu li a:hover{
	background-color: #3A3A3A;
}

/* @include media-breakpoint-up(sm) {*/
/* 極小デバイス（縦向きモバイル, 576px 未満）*/
@media (max-width: 575.98px) {
#driverecorder ul.edr_submenu li{ 
  width: 50%;
}
#driverecorder ul.edr_submenu li:last-child a{
	border-right: 1px solid #fff;
	border-bottom: 1px none;
}
	
 }

ul.driverecorder_menu{
	display: flex;
	justify-content:space-between;
}
ul.driverecorder_menu li{
	width: 16%;
	text-align: center;
	display: block;	
	position: relative;
	margin-bottom: 5px;
}
ul.driverecorder_menu li a{
	display: block;
	border: 3px solid #0b308e;
	height: 125px;
	text-decoration: none !important;
	padding: 10px 5px;
	vertical-align: bottom;
}
ul.driverecorder_menu li a:hover{
	border: 3px solid #134cdd;
}
ul.driverecorder_menu li a::after{
position: absolute;
  right: 3px;
  bottom: 3px;
  content: '';
  width: 26px;
  height: 26px;
  background: url("../products_images/driverecorder/menu_000.png") no-repeat;
    background-size: auto;
  background-size: 100%;
}
ul.driverecorder_menu li:nth-child(1) a{
	background: url("../products_images/driverecorder/menu_001.png") no-repeat center 50px;
}
ul.driverecorder_menu li:nth-child(2) a{
	background: url("../products_images/driverecorder/menu_002.png") no-repeat center 50px;
}
ul.driverecorder_menu li:nth-child(3) a{
	background: url("../products_images/driverecorder/menu_003.png") no-repeat center 62px;
	padding-top: 5px;
}
ul.driverecorder_menu li:nth-child(4) a{
	background: url("../products_images/driverecorder/menu_004.png") no-repeat center 55px;
	padding-top: 5px;
}
ul.driverecorder_menu li:nth-child(5) a{
	background: url("../products_images/driverecorder/menu_005.png") no-repeat center 58px;
}
ul.driverecorder_menu li:nth-child(6) a{
	background: url("../products_images/driverecorder/menu_006.png") no-repeat center 50px;
	padding-top: 20px;
}
/* 小デバイス（横向きモバイル, 768px 未満）*/
@media (max-width: 767.98px) {
	ul.driverecorder_menu{
	flex-wrap: wrap;
}
ul.driverecorder_menu li{
	width: 32.5%;
}
}
/* @include media-breakpoint-up(sm) {*/
/* 極小デバイス（縦向きモバイル, 576px 未満）*/
@media (max-width: 575.98px) {
ul.driverecorder_menu li{
	width: 49%;
}
ul.driverecorder_menu li a{
		height: 100px !important;
}
ul.driverecorder_menu li:nth-child(1) a{
	background: url("../products_images/driverecorder/menu_001.png") no-repeat center 35px;
	background-size: 40px;
}
ul.driverecorder_menu li:nth-child(2) a{
	background: url("../products_images/driverecorder/menu_002.png") no-repeat center 35px;
	background-size: 30px;
}
ul.driverecorder_menu li:nth-child(3) a{
	background: url("../products_images/driverecorder/menu_003.png") no-repeat center 45px;
	background-size: 43px;
	padding-top: 5px;
}
ul.driverecorder_menu li:nth-child(4) a{
	background: url("../products_images/driverecorder/menu_004.png") no-repeat center 40px;
	background-size: 25px;
	padding-top: 5px;
}
ul.driverecorder_menu li:nth-child(5) a{
	background: url("../products_images/driverecorder/menu_005.png") no-repeat center 38px;
}
ul.driverecorder_menu li:nth-child(6) a{
	background: url("../products_images/driverecorder/menu_006.png") no-repeat center 35px;
	padding-top: 20px;
}
	}
/* ---------------------- ページトップへ ---------------------- */
#pagetop {
    position: fixed;
    bottom: 0;
    right: 0;
}
#pagetop a {
	display:block;	
	color:#9c9d9d;
	text-decoration:none;
	padding: 7px;
}
#pagetop i {
	font-size:3em;
}
#pagetop a:hover{
	color:#717171;
}
/* ---------    divアコーディオン(スマホメニュー)　　----------- */
.div_acdn {
}
div.div_acdn_title  {
    cursor: pointer;
	background-image: none !important;
	padding: 0 !important;
	margin:  0 !important;
}
div.div_acdn_content {
    display: none;
	margin: 1em 0;
	text-align: center;
}
div.div_acdn_content a{
    display: block;
}
div.div_acdn_title a{
	display:block;
	padding:0.7em 0;
	text-decoration:none;
	border: 1px solid #d5d5d5;
	background: #e4e4e4;
	text-align: center;
}
div.div_acdn_title a:before {
	color:#0c308e;
    font-family: FontAwesome;
	font-size:1.2em;
    content: "\f13a";
	margin-right: 0.3em;
}
div.div_acdn_title a:hover{
	background-color:#e4e4e4;
	color: #0c308e;
}
/* ---------    divアコーディオン(QA)　　----------- */
.div_acdn_qa {
}
.div_acdn_qa {
	width: 100%;
	padding: 1em 0;
}
.div_acdn_qa dl {
	margin: 0 auto;
	line-height: 1.7em;
}
.div_acdn_qa dt {
	font-size: 120%;
	color: #0c3291;
	margin: 2px 0;
	padding: 10px 0 10px 45px;
	background: url(../products_images/driverecorder/faq_q.png) no-repeat #F2F2F2;
	background-position: 5px 5px;
	background-size: 30px 30px;
	line-height: 1.2em;
	text-decoration: underline;
}
#ulook .div_acdn_qa dt,#fitt .div_acdn_qa dt {/* ULOOK用 */
	background: url(../products_images/ulook/qa_q.png) no-repeat #F2F2F2;
	background-position: 5px 5px;
	background-size: 30px 30px;
}

.div_acdn_qa.led dt { /* LED用 */
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	margin: 10px 0;
	padding: 15px 0 15px 60px;
	background: url(../products_images/led/faq_q.png) no-repeat #ffffff ;
	background-position: 0;
	background-size: 50px 50px;
	line-height: 1.5em;
}
.div_acdn_qa dd {
	font-size: 120%;
	margin: 0 0 2em 0;
	padding: 10px 0 10px 45px;
	background: url(../products_images/driverecorder/faq_a.png) no-repeat;
	background-position: 5px 5px;
	background-size: 30px 30px;
	border-bottom: #666666 solid 1px;
}
#ulook .div_acdn_qa dd,#fitt .div_acdn_qa dd {/* ULOOK用 */
	padding: 5px 0 10px 45px;
	background: url(../products_images/ulook/qa_a.png) no-repeat;
	background-position: 5px 5px;
	background-size: 30px 30px;
}
.div_acdn_qa.led dd { /* LED用 */
	margin: 0 0 2em 0;
	padding: 20px 0 40px 60px;
	background: url(../products_images/led/faq_a.png) no-repeat;
	background-position: 0 10px;
	background-size: 50px 50px;
	border-bottom: #666666 solid 1px;
	
}
.div_acdn_qa dd span{
	background: #666666;
	color: #ffffff;
	border-radius: 3px;
	padding: 0 0.5em;
	font-size: 90%;
	margin-right: 0.5em;
}
.div_acdn_q {	/*  アコーディオン　タイトル　*/
	width: 100%;
	padding: 0;
	cursor: pointer;
}
.div_acdn_q:hover, 
.selected {
	color: #0c3291 !important;
	text-decoration: underline;
	background: url(../products_images/driverecorder/faq_q.png) no-repeat #dddddd;
	background-position: 5px 5px;
	background-size: 30px 30px;
}
.div_acdn_qa li{
	margin-bottom:1em;
}
.div_acdn_qa dd span.a_title{
	background: #666666;
	color: #ffffff;
	border-radius: 3px;
	padding: 0.3em 0.5em;
	font-size: 100%;
	margin: 0;
	line-height: 2.5em;
}
.div_acdn_qa dd span.no_bg{
	background: none;
	color: inherit;
	padding: 0 0.5em;
	font-size: 80%;
	margin-right: 0;
}
/*  EDR用QA番号あり　*/
#driverecorder .div_acdn_qa dt{
	padding: 10px 0 10px 3.9em;
	background: url() no-repeat #F2F2F2;
	
}
#driverecorder .div_acdn_qa dt span.qa_q{
	padding: 2px 0;
	background: #de0000;
	color: #fff;
	text-decoration: none;
	width: 3em;
	text-align: center;
	border-radius: 3px;
	display: inline-block;
	margin-right: 10px;
	margin-left: -3.5em;
}
/* ---------    サポート　　----------- */
.edr_news{
	padding: 1em;
	height: 10em;
	overflow: auto;
	background-color: #F2F2F2;
	margin-bottom: 2em;
}
.edr_news_dl{
	font-size: 1.2em;
}
.edr_news_dl dt{
	float: left;
	width: 10em;
	padding: 0.5em;
}
.edr_news_dl dd{
	border-bottom: 1px solid #cccccc;
	padding: 0.5em 0.5em 0.5em 10.5em;
}

.edr_step_dl{
	font-size: 1.2em;
	margin-top: 20px;
}
.edr_step_dl dt{
	float: left;
	width: 15em;
	padding: 0.8em;
	background: #9fba6b;
	text-align: center;
	border-radius: 5px;
	line-height: 1.2em;
	  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
.edr_step_dl dd{
	padding: 0.5em;
	margin-left: 17em;
	font-size: 0.9em;
	height: 80px;
}
/* ---------    edr-22g　　----------- */
.edr-22g_bg{
	background-color: #cdddea;
	padding-bottom: 2em;
}
/* ---------    edr-22g　　----------- */
.edr-22_bg{
	background-color: #d0dcd2;
	padding-bottom: 2em;
}
/* ---------    edr-21g　　----------- */
.edr-21g_bg{
	background-color: #cfe0ee;
	padding-bottom: 2em;
}

/* ---------    edr-21　　----------- */
.edr-21_bg{
	background-color: #d1ded2;
	padding-bottom: 2em;
}
/* ---------    edr-21　　----------- */
.edr-11_bg{
	background-color: #e2d8db;
	padding-bottom: 2em;
}
table.table_edr{
	width: 100%;
	font-size: 120% !important;
	margin: auto;
}
table.table_edr,table.table_edr th,table.table_edr td{
	border-collapse: collapse !important;
    border:1px solid #333 !important;
	font-weight: normal !important;
	color: inherit !important;
	text-align: left !important;
}
.table_edr td,.table_edr th{
	background-color: #FFFFFF !important;	
}
.table_edr th{
	white-space: nowrap;
}
.table_edr th.color{
	background-color: #cccccc !important;	
}
.table_edr th.center{
	text-align: center!important;
}
table.table_edr02{
	width: 100%;
	font-size: 120% !important;
	margin: auto;
}
table.table_edr02,table.table_edr02 th,table.table_edr02 td{
	border-collapse: collapse !important;
    border:1px solid #333 !important;
	font-weight: normal !important;
	color: inherit !important;
	text-align: center !important;
}
.table_edr02 td{
	background-color: #FFFFFF !important;	
}
.table_edr02 th{
	background-color: #cccccc !important;	
}
.table_edr02 th{
	white-space: nowrap;
}

.v_middle {
  vertical-align: middle !important;
}
#driverecorder .btn-shop br{
	display: none;
}	





/* ---------    hr　　----------- */
.hr_sm{
	display: none;
}



/* 大デバイス（デスクトップ, 1200px 未満）*/
@media (max-width: 1200px) {
#driverecorder,#led,#ulook,#fitt {
   font-size: 0.9em;
 }
#fitt div#driverecorder {
   font-size: 1em ;
 }
#driverecorder .d_contents_point01_left{
	min-height: 750px !important;
}
#driverecorder .d_contents_point01_icon{
	margin-top: -230px;
}
	
}
/* 中デバイス（タブレット, 992px 未満）*/
@media (max-width: 991.98px) {
#driverecorder,#led,#ulook,#fitt {
   font-size: 0.8em;
 }
#fitt div#driverecorder {
   font-size: 1em ;
 }
#driverecorder .d_contents_point01_left{
	min-height: 650px !important;
}
#driverecorder .d_contents_point01_icon{
	margin-top: -230px;
}
#driverecorder .d_contents_point03_right img{
	margin-top: 10em;
}
}
/* 小デバイス（横向きモバイル, 768px 未満）*/
@media (max-width: 767.98px) {
#driverecorder,#led,#ulook,#fitt {
   font-size: 0.8em;
 }
#fitt div#driverecorder {
   font-size: 1em ;
 }
#driverecorder .d_contents_point04_left{
	min-height: 300px;
}
#driverecorder .width_70{
	width: 90%;
}	
}
/* @include media-breakpoint-up(sm) {*/
/* 極小デバイス（縦向きモバイル, 576px 未満）*/
@media (max-width: 575.98px) {
#driverecorder,#led,#ulook,#fitt {
   font-size: 0.65em;
 }
#fitt div#driverecorder {
   font-size: 1em ;
 }
#driverecorder .d_contents_point01_left{
	min-height: 450px !important;
}
#driverecorder .d_contents_point01_icon{
	margin-top: -130px;
}	
#driverecorder .btn-shop br{
	display: block;
}	
.hr_sm{
	display: block;
	margin: 5em 0;
}	


#driverecorder .d_contents_point03_left{
	min-height: 330px;
}
#driverecorder .d_contents_point03_right img{
	margin-top: 0em;
}
	
table.table_edr td,table.table_edr tr{
	font-size: 90% !important;
}
	
#driverecorder .pdg2em,#led .pdg2em,#ulook .pdg2em,#fitt .pdg2em {
	padding: 1em !important;
}	
#driverecorder p{
		margin-bottom: inherit !important;
}	
#driverecorder .point_bg p{
	font-size: 190% !important;
}
#driverecorder .link,#driverecorder .link_02,#driverecorder .link_01{
	background-position: 15px 11px !important;
	background-size: 8px !important;
}
#driverecorder  a:hover.link,#driverecorder  a:hover.link_02,#driverecorder  a:hover.link_01{
	background-position: 15px 11px !important;
	background-size: 8px !important;
}
#driverecorder .font_120{
	font-size: 120% !important;
		
}

/* ---------    サポート　　----------- */
.edr_news{
	padding: 1em;
	height: 16em;
	overflow: auto;
	background-color: #F2F2F2;
}
.edr_news_dl dt{
	float: none;
	width: auto;
	border-bottom: none;
	padding-bottom: 0.1em;
}
.edr_news_dl dd{
	padding: 0.5em;
}
.edr_step_dl dt{
	float: none;
	width: 98%;;
}
.edr_step_dl dd{
	padding: 0.5em;
	margin-left: 0;
	font-size: 0.9em;
	height: 50px;
}	
.edr_app {
	width: 162px !important;
	height: 48px !important;
	}	
.edr_app {
	width: 162px !important;
	height: 48px !important;
	}	
.edr_app.appstore_icon {
	width: 145px !important;
	height: 48px !important;
	}	
}
/* ---------    ファームウェア更新手順　　----------- */
.edr_firmware{
	padding: 2em;
	height: 20em;
	overflow: auto;
	border: 1px solid #ccc;
	margin: 3em 0 2em;
}
.edr_firmware p{
	font-size: 105% !important;
}
.edr_firmware h3{
	background-color: #0B308E !important;
	color: #fff !important;
	padding: 7px 16px !important;
	font-size: 23px !important;
	position: relative !important;
	vertical-align: middle !important;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004 !important;
	margin: 0 0 1em 0  !important;
	display: block!important;
	width: 100% !important;
	line-height: 1.8em !important;
}
#driverecorder .edr_firmware h4{
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004 !important;
	font-size: 22px !important;
	padding: 4px 10px  !important;
	border-left: 6px solid #0B308E !important;
	border-left-color: currentcolor !important;
	color: #0B308E !important;
	border-color: #0B308E !important;
	background: none !important;
	margin-top: 40px !important;
	margin-bottom: 20px !important;
	margin-left: 0 !important;
}
@media (max-width: 575.98px) {
.edr_firmware h3{
	font-size: 18px !important;
}
#driverecorder .edr_firmware h4{
	font-size: 16px !important;
}	
}

/* ---------    キャンペーン　　----------- */
ul.campaign li{
	padding-bottom: 1em;
	font-size: 120%;
	font-weight: bold;
	margin-left: 3em;
	list-style: disc;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
.div_dot{
	padding: 1em 2em;
	border: dashed 3px;
}
.edr-campaign_bg{
	background-color: #243591;
	padding: 2em;
}
.campaign_white{
	background: #ffffff;
	margin-bottom: 3em;
	padding: 2em;
}
/* ---------    補修・オプション部品　　----------- */
ul.option li{
	padding-bottom: 1em;
	font-size: 120%;
	font-weight: bold;
	margin-left: 2em;
	list-style: disc;
}
/* ---------    フォント　　----------- */
.btn_small{
    padding-right: 0 !important;
    padding-left: 0 !important;
}.btn_small i{
    margin-right: 5px !important;
}
.btn_small span{
    font-size: 85% !important;
}





/* -------------------------------------------
    LED照明
---------------------------------------------*/
#led{
	font-family: ヒラギノ角ゴ W3 JIS2004, Hiragino Kaku Gothic W3 JIS2004;
}
#led .row{
	margin-right: 0;
	margin-left: 0;
}
#led .main-contents {
  margin-top: 0px !important;
}
#led .d_breadcrumb  {
	background: #ffffff;
	font-family: ヒラギノ角ゴ W3 JIS2004, Hiragino Kaku Gothic W3 JIS2004;
}
#led .d_breadcrumb ul {
	text-align: center;
	display: flex;
	justify-content: space-around;
	margin-bottom: 0;
}
#led .d_breadcrumb ul li{
	margin: 0 0.95em;
	font-size: 95%;
	line-height: 1.5em;
	width: 11%;
}
#led .d_breadcrumb ul li a{
	display: block;
	padding: 0.9em 0 1.0em 0;
}
#led .d_breadcrumb ul li:last-child{
	width: auto;
}
#led .d_contents {
	max-width: 1280px;
	width: 100%;
	margin: auto;
}
#led .d_contents p,
#led .d_contents_point01 p,
#led .d_contents_point02 p,
#led .d_contents_point03 p,
#led .d_contents_point04 p
{
	font-size: 120%;
}
#led .icon_ul {
	text-align: center;
}
#led .icon_ul li{
	display: inline;
	margin: 0 20px ;
}
#led .icon_ul li img{
	width: 15%;
}
#led .font_white{
	color: #FFFFFF;
}
#led .float_left{
	float: left;
}
#led .float_right{
	float: right;
}
#led .bold{
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
#led .font_120{
	font-size: 150% !important;
}
#led .font_120-2{
	font-size: 120% !important;
}
#led .font_90{
	font-size: 90% !important;
}
#led .font_80,#ulook .font_80,#fitt .font_80{
	font-size: 80% !important;
}
#led .font_70,#ulook .font_70,#fitt .font_70{
	font-size: 70% !important;
}
#led .font_65,#ulook .font_65,#fitt .font_65{
	font-size: 65% !important;
}
#led .link{
	display: inline-block;
	color: #ffffff;
	background: #82b028;
	border-radius: 20px;
	text-decoration: none;
	padding: 8px 20px 8px 33px;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px ;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	font-size: 120%;
}
#led  a:hover.link{
	background: #638a17;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px ;
}
#led .link_02{
	display: inline-block;
	color: #ffffff;
	background: #00367e;
	border-radius: 5px;
	text-decoration: none;
	padding: 8px 20px 8px 33px;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px ;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	font-size: 120%;
}
#led  a:hover.link_02{
	background: #001838;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px ;
}
#led .link_blue{
	display: inline-block;
	color: #ffffff;
	background: #00367e;
	text-decoration: none;
	padding: 1em;
	line-height: 1.2em;
}
#led  a:hover.link_blue{
	background: #001838;
}
#led .link_blue02{
	background: -webkit-linear-gradient(left, #00367e, #000000);
	background: -o-linear-gradient(left, #00367e, #000000);
	background: linear-gradient(to right, #00367e, #000000);
	padding: 1em;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	margin: 1em 0;
}
#led  a:hover.link_blue02{
	background: #001838;
}
#led .link_green{
	display: inline-block;
	color: #000000;
	background: #85b429;
	text-decoration: none;
	padding: 1em;
	line-height: 0.8em;
}
#led  a:hover.link_green{
	background: #6a911c;
}
#led .link_green02{
	background: -webkit-linear-gradient(left, #0a7f3f, #000000);
	background: -o-linear-gradient(left, #0a7f3f, #000000);
	background: linear-gradient(to right, #0a7f3f, #000000);
	padding: 1em;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	margin: 1em 0;
}
#led  a:hover.link_green02{
	background: #023924;
}
#led .link_red02{
	background: -webkit-linear-gradient(left, #a90001, #250006);
	background: -o-linear-gradient(left, #a90001, #250006);
	background: linear-gradient(to right, #a90001, #250006);
	padding: 1em;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	margin: 1em 0;
}
#led  a:hover.link_red02{
	background: #620007;
}
#led .point_bg{
background: -webkit-linear-gradient(left, #000000, #00367e);
background: -o-linear-gradient(left, #000000, #00367e);
background: linear-gradient(to right, #000000, #00367e);
	padding: 10px 0;
}
#led .point_bg p{
	margin: 0.5em 1em;
	font-size: 200%;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
#led .point_bg p span{
	font-size: 70%;
}
#led .bg_gray{
	width: 100%;
	margin: auto;
	background: #153374;
	padding: 0.1em 0;
	color: #ffffff;
}
#led .d_main_gray{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	background: #d0d0d0;
	padding: 0;
}
#led .d_main_gray02{
	max-width: 1280px;
	width: 100%;
	margin: 2em auto 0;
	background: #666666;
	padding: 0;
}
#led .d_main_green{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	background-color: #8dc21f;
	padding: 0;
}
#led .d_main_black{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	background-color: #000000;
	padding: 0;
}

#led .d_main_green02{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	padding: 0;
	background: -webkit-linear-gradient(left, #00367e, #000000);
	background: -o-linear-gradient(left, #00367e, #000000);
	background: linear-gradient(to right, #00367e, #000000);
}
#led .d_main_green03{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	padding: 0;
	background: -webkit-linear-gradient(left, #0a7f3f, #000000);
	background: -o-linear-gradient(left, #0a7f3f, #000000);
	background: linear-gradient(to right, #0a7f3f, #000000);
}
#led .d_main_green04{
	max-width: 1280px;
	width: 100%;
	margin: auto;
	padding: 0;
	background: -webkit-linear-gradient(left, #a90001, #250006);
	background: -o-linear-gradient(left, #a90001, #250006);
	background: linear-gradient(to right, #a90001, #250006);
}
#led h2{
	padding: 0.8em 0 0.8em 0;
	margin: 0 1em ;
	color: #FFFFFF;
	font-size: 230%;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
#led h2::after{
  background: none;
}
#led h3{
	padding: 0.3em 0 0.3em 0;
	margin: 0 1em ;
	color: #FFFFFF;
	width: auto !important;
	background: none;
	font-size: 210%;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	line-height: 1.1em !important;
}
#led h4{

	padding: 0.3em 0 0.3em 0;
	margin: 0 1em ;
	color: #FFFFFF;
	width: auto !important;
	background: none;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	border: none !important;
}
#led h4.support{
	padding: 0.1em 0.3em ;
	margin: 0;
	color: #000000;
	width: auto !important;
	background: #cccccc;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
#led .mgt30 {
	margin-top: 30px !important;
}
#led .pdg1em {
	padding: 1em;
}
#led .pdg2em ,#ulook .pdg2em,#fitt .pdg2em {
	padding: 2em;
}
#led .pdg3em,#ulook .pdg3em,#fitt .pdg3em {
	padding: 3em;
}
#led .pt1em {
	padding-top: 1em;
}
#led .pl1em {
	padding-left: 1em;
}
#led .pr1em {
	padding-right: 1em;
}
#led .pt2em {
	padding-top: 2em;
}
#led .pl2em {
	padding-left: 2em;
}
#led .pr2em {
	padding-right: 2em;
}
#led .pb2em {
	padding-bottom: 2em;
}
#led .mgt05em {
	margin-top: 0.5em;
}
#led .mgb05em {
	margin-bottom: 0.5em;
}
#led .mgr05em {
	margin-right: 0.5em;
}
#led .mgl05em {
	margin-left: 0.5em;
}
#led .mgt1em {
	margin-top: 1em;
}
#led .mgt15em {
	margin-top: 1.5em;
}
#led .mgb1em {
	margin-bottom: 1em;
}
#led .mgr1em {
	margin-right: 1em;
}
#led .mgl1em {
	margin-left: 1em;
}
#led .mgl2em {
	margin-left: 2em;
}
#led .table-cell {
	display: table-cell;
	table-layout:fixed; 
}
#led .table {
	display: table;
	table-layout:fixed; 
}

#led .w20 {
	width: 20% !important;
}
#led .w25 {
	width: 25% !important;
}
#led .w30 {
	width: 30% !important;
}
#led .w35 {
	width: 35% !important;
}
#led .w40 {
	width: 40% !important;
}
#led .w45 {
	width: 45% !important;
}
#led .w50 {
	width: 50% !important;
}
#led .w55 {
	width: 55% !important;
}
#led .w60 {
	width: 60% !important;
}
#led .w65 {
	width: 65% !important;
}
#led .w70 {
	width: 70% !important;
}
#led .w75 {
	width: 75% !important;
}
#led .w80 {
	width: 80% !important;
}
#led .w100 {
	width: 100% !important;
}
#led .font_200 {
	font-size: 200% !important;
}

#led .clear {
	clear: both;
}

#led .clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

#led .clearfix {
  min-height: 1px;
}
#led i {
  margin-right: 0.3em;
	color: #153374;
}

#led a.button_led_01{
	display: block;
	padding: 0.7em 0.5em;
	font-size: 230%;
	color: #ffffff;
	background: #8dc21f;
	text-align: center;
	width: 70%;
	margin: 1em auto 2em;
	text-decoration: none;
	border-radius: 10px;
}
#led a:hover.button_led_01{
	background: #7aa71c;
}
#led a.button_led_02{
	display: block;
	padding: 1em 0.5em;
	font-size: 200%;
	color: #ffffff;
	background: #153374;
	text-align: center;
	width: 70%;
	margin: 2em auto 1em;
	text-decoration: none;
	border-radius: 10px;
	line-height: 1.3em;
}
#led a:hover.button_led_02{
	background: #001838;
}
#led .simulation_result{
	border: 5px solid #8dc21f;
}
#led a.button_led_03{
	display: block;
	padding: 0.5em;
	font-size: 180%;
	color: #ffffff;
	background: #8dc21f;
	text-align: center;
	margin: 1em auto 2em;
	text-decoration: none;
	border-radius: 10px;
	line-height: 1.3em;
}
#led a:hover.button_led_03{
	background: #7aa71c;
}
#led a.button_led_04{
	display: block;
	padding: 0.5em;
	font-size: 180%;
	color: #222222;
	background: #c8c9ca;
	text-align: center;
	margin: 1em auto 2em;
	text-decoration: none;
	border-radius: 10px;
	line-height: 1.3em;
}
#led a:hover.button_led_04{
	background: #a5a6a6;
}
#led a.button_led_05{
	padding: 0.5em 1em 0.5em 1.7em;
	font-size: 150%;
	color: #ffffff;
	background: #8dc21f;
	margin: 1.8em;
	text-decoration: none;
	border-radius: 10px;
	line-height: 1.3em;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 0.8em 0.8em;
}
#led a:hover.button_led_05{
	background: #7aa71c;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 0.8em 0.8em;
}

#led .simulation_result_title{
	background: #d5eaaa;
	font-size: 180% !important;
	font-weight: bold;
	text-align: center;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	padding: 1.5em 0;
}
#led .simulation_result_div{
	text-align: center;
	margin: 2em 0 3em;
}
#led .simulation_result_div02{
	display: flex;
	justify-content : center;
	align-items: center;
	margin: 1em auto ;
	border: 2px solid #8dc21f;
	width: 80%;
	padding: 2em 0;
}
#led .simulation_result_div02_left{
	font-size: 180%;
	margin: 0 1em;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
#led .simulation_result_div02_right{
	font-size: 200%;
	text-align: center;
	color: #e60012;
	line-height: 1.5em;
	font-weight: bold;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}

#led hr{
	margin: 2em 0;
}
#led .marker {
    background: -webkit-linear-gradient(transparent 60%, #fcf52e 60%);
    background: -o-linear-gradient(transparent 60%, #fcf52e 60%);
    background: linear-gradient(transparent 60%, #fcf52e 60%);
}
#led .simulation_cost_div{
	width: 100%;
	background: #f2f2f2;
	padding: 1em;
	margin: 0.5em 0;
}
#led .simulation_cost_notice{
	width: 100%;
	padding: 1em 1em 0 1em;
	margin: 0 0 2.5em 0;
	border: 2px solid #8dc21f;
	font-size: 90%;
}
#led .simulation_cost_graph{
	width: 80%;
	margin: 2em auto;
}
#led .simulation_cost_graph img{
	width: 100%;
}
#led ul.simulation_cost_ul{
	margin: 1em auto 3em;
	display: table;
}
#led ul.simulation_cost_ul li{
	margin: 0.5em 0;
	font-size: 160%;
	font-weight: bold;
	text-indent: -1em;
	padding-left: 3em;
}
#led ul.simulation_cost_ul li i{
	margin-right: 0.1em;
	font-size: 170%;
	color: #fcf52e;
}
#led img.max{
	width: 100% !important;
}
#led img.merit{
	width: 100% !important;
	padding: 1em 3em;
}
#led img.service{
	width: 100% !important;
	padding: 1em 2em;
}
#led p.center{
	margin: auto;
	text-align: center;
}
#led .results_flex{
	display: flex;
	width: 90%;
	margin: auto;
}
#led a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}
.modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.8);
      display: none;
    }
.modal_link.red{
	color: #bf0000 !important;
}
.bigimg {
      position: absolute;
      width: 80%;
      max-width: 800px;
      top: 80px;
      left: 0;
      right: 0;
      margin-right: auto;
      margin-left: auto;
    }
.bigimg img{
	width: 100%;
}
.close-btn {
      color: #fff;
      font-size: 60px;
      position: absolute;
      right: 20px;
      top: 0;
    }

.close-btn a {
      color: #fff !important;
      text-decoration: none !important;
    }
a.rs_red_link{
	color: #ff0000 !important;
}
@media (max-width: 575.98px) {
#led img.merit{
	width: 100% !important;
	padding: 1em 1em;
}
#led .results_flex{
	display: block;
	width: 90%;
}	
.sm_float_left {
    float: left;
}
	
#led a.button_led_01{
	font-size: 200%;
	width: 95%;
}
#led a.button_led_02{
	width: 95%;
}
#led a.button_led_05{
	padding: 0.5em 1em 0.5em 1em;
	font-size: 140%;
	line-height: 1.3em;
	background-image:none;
}
#led a:hover.button_led_05{
	padding: 0.5em 1em 0.5em 1em;
	font-size: 140%;
	line-height: 1.3em;
	background-image:none;
}	
#led .simulation_result_div02{
	display: block;
	width: 95%;
}
#led .simulation_result_div02_left{
	text-align: center !important;
}

	
}


/* -------------------------------------------
    ULOOK
---------------------------------------------*/
#ulook{
}
#fitt{
}
.fitt_logo img{
	width: 80%;
	max-width: 600px;
}
#ulook .row,#fitt .row{
	margin-right: 0;
	margin-left: 0;
}
#ulook .main-contents,#fitt .main-contents {
  margin-top: 0px !important;
}
#ulook .d_breadcrumb{
	background: #0B308E;
}
#fitt .d_breadcrumb {
	background: #000;
}
#ulook .d_breadcrumb ul,#fitt .d_breadcrumb ul {
	text-align: center;
	display: flex;
	justify-content: space-around;
	margin-bottom: 0;
}
#ulook .d_breadcrumb ul li{
	margin: 0;
	font-size: 100%;
	line-height: 1.5em;
}
#fitt .d_breadcrumb ul li{
	margin: 0;
	font-size: 100%;
	line-height: 1.5em;
	width: 13%;
}
#fitt .d_breadcrumb ul li:first-child{
	width: 9%;
}
#ulook .d_breadcrumb ul li a,#fitt .d_breadcrumb ul li a{
	display: block;
	padding: 1.8em 0 1.9em 0;
	color: #fff;
}
#ulook .d_breadcrumb ul li a:hover,#fitt .d_breadcrumb ul li a:hover{
	color: #ACC501;
}
#ulook .d_contents,#fitt .d_contents {
	max-width: 1280px;
	width: 100%;
	margin: auto;
}
#ulook .d_contents.w1100,#fitt .d_contents.w1100 {
	max-width: 1100px;
	width: 100%;
	margin: auto;
}
#fitt .d_contents.w1000 {
	max-width: 1000px;
	width: 100%;
	margin: auto;
}
#fitt .d_contents.w1000 img.wide{
	width: 100%;
	margin: 0 auto 50px;
}
#ulook .d_contents,#fitt .d_contents {
	max-width: 1280px;
	width: 100%;
	margin: auto;
}
#fitt .d_contents p
{
	font-size: 120%;
}

#ulook div.div_acdn_title a{
	padding:1.0em 0;
	border: 1px solid #0B308E;
	background: #0B308E;
	color: #fff;
}
#fitt div.div_acdn_title a{
	padding:1.0em 0;
	border: 1px solid #000;
	background: #000;
	color: #fff;
}
#ulook div.div_acdn_title a:before,#fitt div.div_acdn_title a:before {
	color:#fff;
    font-family: FontAwesome;
	font-size:1.2em;
    content: "\f13a";
	margin-right: 0.3em;
}
#ulook div.div_acdn_title a:hover{
	background-color:#0B308E;
	color: #fff;
}
#ulook div.div_acdn_content a,#fitt div.div_acdn_content a{
   padding: 0.2em;
	
}
.ulook_title{
	background: #0B308E;
	padding: 1em;
	color: #fff;
	text-align: center;
	font-family: 'Ebrima',sans-serif;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.3em;
	letter-spacing: 0.05em;
}
.fitt_bar{
	background: #231816;
	margin-bottom: 50px;
	text-align: center;
	max-height: 80px;
}
.fitt_bar img{
	max-height: 80px;
	width: auto;
}
.fitt_title{
	background: #000;
	padding: 0.2em;
	color: #fff;
	text-align: center;
	font-size: 280%;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	margin: 1em auto 0.5em;
}
.ulook_catch{
	font-size: 330%;
	text-align: center;
	margin: 1em auto; 
}
.fitt_catch{
	font-size: 300%;
	text-align: center;
	margin: 1em auto 0; 
	line-height: 1.35em;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
.fitt_gray{
	font-size: 130%;
	text-align: center;
	margin: 1em auto ; 
	line-height: 1.7em;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	color: #b3b2b2;
}
.fitt_bold{
	font-size: 180% !important;
	margin: 1em auto ; 
	line-height: 1.5em !important;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
.fitt_black{
	font-size: 130%;
	margin: 2em auto ; 
	line-height: 1.7em;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	color: #000;
	width: max-content;
}
.fitt_black_center{
	font-size: 130%;
	margin: 1em auto ; 
	line-height: 1.7em;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	color: #000;
	text-align: center;
}
.ulook_flex{
	display: flex;
	justify-content:space-around;
	align-items:center;
	flex-wrap: wrap;
	max-width: 1200px;
	width: 100%;
	margin: auto;
}
.fitt_flex{
	display: flex;
	justify-content:space-around;
	align-items:center;
	flex-wrap: wrap;
	max-width: 1000px;
	width: 100%;
	margin: 50px auto;
}
.ulook_flex_left{
	width: 45%;
	text-align: center;
}
.fitt_flex_left{
	width: 30%;
	text-align: center;
}
.ulook_flex_left img,.fitt_flex_left img{
	width: 100%;
}
.ulook_flex_right{
	width: 45%;
}
.fitt_flex_right{
	width: 60%;
}
.ulook_flex_right p,.fitt_flex_right p{
	line-height: 1.6em;
}
.ulook_pc,.fitt_pc{display: block}
.ulook_sm,.fitt_sm{display: none}
.ulook_youtube,.fitt_youtube{
	max-width: 750px;
	width: 95%;
	margin: auto;
}
.ulook_youtube img,.fitt_youtube img{
	width: 100%;
}
.ulook_img img,.fitt_img_center img{
	width: 100%;
}
.fitt_img_center{
	width: 60%;
	text-align: center;
	margin: 70px auto;
}
.ulook_catch_title,.fitt_catch_title{
  	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	font-size: 180%;
	margin: 1em 0;
}
.fitt_linkflow{
	border-top: solid 5px #ccc;
	border-bottom: solid 5px #ccc;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2em;
	margin-bottom: 2em;
}
.fitt_linkflow_img{
	width: 25%;
}
.fitt_linkflow_img img{
	width: 100%;
}
.fitt_linkflow_txt{
	width: 70%;
	font-size:120%;
	line-height:1.7em;
}

.tab_area,.tab_03_area{ /*切り替え部分非表示*/
	display: none;
}
#ulook ul.tab,#ulook ul.tab_03{ /*タブ部分*/
	display: flex;
	max-width: 1280px;
	width: 95%;
	margin: auto;
	padding: 20px 20px 10px;
	justify-content: space-between
}
#ulook ul.tab.tab_w80,#ulook ul.tab_03.tab_w80{
	width: 75%;
}
#ulook ul.tab li,#ulook ul.tab_03 li{
	margin: 0;
	text-align: center;
}
#ulook ul.tab li a,#ulook ul.tab_03 li a{
	display: block;
}
#ulook ul.tab li a img,#ulook ul.tab_03 li a img{ 
	width: 90%;
	margin: auto;
}
#ulook ul.tab li a:hover img,#ulook ul.tab_03 li a:hover img{ 
	opacity: 0.8;
}
#ulook .tab_area,#ulook .tab_03_area{ 
	text-align: center;		
}
#ulook .tab_area img,#ulook .tab_03_area img{ 
	margin: auto;
	width: 100%;
}
#ulook .toggle_img{
	cursor: pointer;
}
.feature_flex{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.feature_flex_left{
	width: 41%;
}
.feature_flex_right{
	width: 56%;
}
.feature_flex_right img{
	width: 100%;
}
.feature_catch{
	color: #2a3890;
	font-size: 180%;
	border-bottom: 2px solid #2a3890;
}
.feature_text{
	font-size: 110%;
	line-height: 1.45em;
	margin: 1em 0 0.7em;
}
.feature_text02{
	font-size: 90%;
	line-height: 1.4em;
}
.feature_img {
	text-align: center;
	margin-top: 1em;
}
.feature_img img{
	width: 65%;
}
.install_flex{
	display: flex;
	justify-content:space-between;
	width: 100%;
}
.install_flex_left{
	width: 50%;
}
.install_flex_left img{
	width: 100%;
}
.install_flex_right{
	width: 47%;
}

.tab_02_area{ /*切り替え部分非表示*/
	display: none;
}
#ulook ul.tab_02{ /*タブ部分*/
	display: flex;
	margin-bottom: 0;
}
#ulook ul.tab_02 li{
	width: 25%;
}
#ulook ul.tab_02 li a{
	display: block;
	width: auto;
	text-align: center;
	padding: 1em 0;
	font-size: 120%;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	text-decoration: none;
	color: #222;
	background: #eeefef;
	border: 3px solid #898989;
	border-bottom: none;
}
#ulook ul.tab_02 li:first-child a,#ulook ul.tab_02 li:nth-child(2) a{
	border-right: none;
}
#ulook ul.tab_02 li.active a{
	color: #fff;
	background: #0B308E;
}
#tab_02_1{position: relative}
.tab_02_1_tax{position: absolute; top:-2.3em; right: 3px; text-align: right; font-size: 90%;}
#tab_02_2{position: relative}
.tab_02_2_tax{position: absolute; top:-2.3em; right: 3px; text-align: right; font-size: 90%;}
#tab_02_3{position: relative}
.tab_02_3_tax{position: absolute; top:-2.3em; right: 3px; text-align: right; font-size: 90%;}

#ulook table.lineup,#fitt table.lineup{
	width: 100%;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	border-collapse:collapse;
	line-height: 1.5em;
}
#ulook table.lineup th,#fitt table.lineup th{
	background: #222;
	color: #fff;
	border:3px solid #898989;
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;	
}
#ulook table.lineup td{
	background: #eeefef;
	border:3px solid #898989;
	text-align: center;
	vertical-align: middle;
	padding: 1.3em 0.5em;	
}
#fitt table.lineup td{
	background: #eeefef;
	border:3px solid #898989;
	vertical-align: middle;
	padding: 1.1em 0.5em;	
}
#ulook table.lineup span.new{
color: #fff;
  font-size: 65%;
  background: #9f00fc;
  padding: 2px 5px;
	margin-right: 5px;
  line-height: 1.5em;
	border-radius: 3px;
}



@media (max-width: 800px) {
.ulook_pc,.fitt_pc{display: none}
.ulook_sm,.fitt_sm{display: block}
.install_flex{
	flex-wrap: wrap;
}
.install_flex_left{
	width: 100%;
}
.install_flex_right{
	width: 100%;
}	
#ulook ul.tab_02 li{
	width: 30%;
}	
#ulook .tab_area img,#ulook .tab_03_area img{ 
	width: 100%;
}
.fitt_img_center{
	width: 80%;
	margin: 50px auto;
}
}
@media (max-width: 991px) {
.fitt_bar{
	margin-bottom: 30px;
	max-height: 40px;
}
.fitt_bar img{
	max-height: 40px;
}
}
@media (max-width: 575.98px) {
.ulook_flex_left,.ulook_flex_right{	width: 100%;}
.ulook_flex_left img,.fitt_flex_left img{width: 70%;}
.ulook_catch,.fitt_catch{
	font-size: 220%;
	margin: 0.7em auto; 
}
.fitt_flex_left{	width: 85%;}
.fitt_flex_right{	width: 90%;}
.ulook_catch_title,.fitt_catch_title{
	font-size: 150%;
	text-align: center;
}	
.fitt_flex {
  margin: 20px auto;
}
.fitt_black{
	width: auto;
}
.fitt_title{
	font-size: 230%;
}	
.fitt_linkflow{
	border-top: solid 3px #ccc;
	border-bottom: solid 3px #ccc;
	padding: 2em;
	margin-bottom: 2em;
	flex-wrap: wrap;
}
.fitt_linkflow_img{
	width: 100%;
	text-align: center;
	margin-bottom: 1.5em;
}
.fitt_linkflow_img img{
	width: 50%;
}
.fitt_linkflow_txt{
	width: 100%;
	font-size:120%;
	line-height:1.7em;
}
	
.feature_flex{
	flex-wrap: wrap;
}
.feature_flex_left{
	width: 100%;
}
.feature_flex_right{
	width: 100%;
}	
#ulook ul.tab,#ulook ul.tab_03{ /*タブ部分*/
	flex-wrap: wrap;
}
#ulook ul.tab li,#ulook ul.tab_03 li{
	width: 32%;
}
#ulook ul.tab_02 li{
	width: 33.33%;
}
#ulook ul.tab_02 li a{
	font-size: 110%;
}
/*tableをスクロールさせる*/
/*tableのセル内にある文字の折り返しを禁止*/
table.sm_scroll  {
	overflow: auto;
	white-space: nowrap;
	display:block;
}
table.sm_scroll tbody {
	display:table;
	width: 100%;
}
/*tableにスクロールバーを追加*/
 table.sm_scroll::-webkit-scrollbar {
	height: 5px;
}
/*tableにスクロールバーを追加*/
table.sm_scroll::-webkit-scrollbar-track {
	background: #f1f1f1;
}
/*tableにスクロールバーを追加*/
table.sm_scroll::-webkit-scrollbar-thumb {
	background: #bcbcbc;
}	
	
}
.w70 {
	width: 70% !important;
}
.w50 {
	width: 50% !important;
}
.w40 {
	width: 40% !important;
}
.w30 {
	width: 30% !important;
}
.margin_auto{
	margin: auto;
}
@media screen and (max-width: 600px){
.w50_sm {
	width: 50% !important;
}
}


/*ULOOK取扱店*/
ul.store_locations{
	display: flex;
	justify-content: space-between;
}
ul.store_locations li {
	width: 14%;
}
ul.store_locations li a{
	 font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	display: block;
	text-decoration: none !important;
	border: 1px solid #eee;
	padding: 15px 0 25px;
	background: #F2F2F2;
	margin: 5px 0;
	color: #000 !important;
	text-align: center;
	position: relative;
}
ul.store_locations li a:hover{
	background:#D4D4D4;
}
ul.store_locations li a::after{
position: absolute;
  color: #222;
  font-family: FontAwesome;
  font-size: 1.0em;
  content: "\f0dd";
  bottom: 12px;
  transform: translateX(-50%);
  left: 50%;
}
div.store_locations_title{
	background: #F2F2F2;
	padding: 15px;
	border-left: 5px solid #000;
	margin: 50px 0 20px;
}
dl.store_list {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    line-height: 1.8em;
	line-height: 1.6em;
}
dl.store_list dt {
    width: 15%;
    border-bottom: solid 1px #eeeeee;
  font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
    padding: 15px 0;
}
dl.store_list dd:nth-of-type(odd) {
    margin-right: 1%;
}
dl.store_list dd {
    width: 34%;
    border-bottom: solid 1px #eeeeee;
    padding: 15px 0;
	margin-bottom: 0;
}
.store_list_tester{
	font-size: 80%;
  background: #0B308E;
  color: #fff;
  border-radius: 3px;
  padding: 4px 10px 6px;
  display: table;
  line-height: 1em;
	margin-top: 3px;
}
a.store_list_link{
	font-size: 80%;
	background: #fff;
	border: 1px solid #0B308E;
	color: #0B308E;
	border-radius: 3px;
	padding: 4px 20px 4px 15px;
	text-decoration: none !important;
	margin-right: 5px;
	position: relative;
}
a.store_list_link:hover{
	background: #F2F2F2;
}
a.store_list_link::after{
	position: absolute;
	color:#0B308E;
    font-family: FontAwesome;
	font-size:1.2em;
    content: "\f105";
	bottom: 0;
	right: 8px;
}
@media screen and (max-width: 700px){
ul.store_locations{
	flex-wrap: wrap;
	justify-content: space-around;
}
ul.store_locations li {
	width: 23%;
}
ul.store_locations li:nth-child(5),ul.store_locations li:nth-child(6),ul.store_locations li:nth-child(7) {
	width: 32%;
}
.store_list_tester{
	padding: 3px 8px 5px;
}
dl.store_list dt {
    width: 35%;
    padding: 15px 0 0;
}
dl.store_list dd {
    width: 64%;
    padding: 5px 0 15px;
}
dl.store_list dd:nth-of-type(odd) {
    margin-right: 0;
	
}
}

/* -------------------------------------------
    ULOOK2024
---------------------------------------------*/
.only_sp{
	display: none;
}	
	
.ulook_technology_001{
	margin: 30px auto;
	background: url("../products_images/ulook/img_007.jpg") no-repeat;
	background-size: 900px;
	background-position: center left;
	height: 506px;
	width: 900px;
	position: relative;
}
.ulook_technology_001 .ulook_technology_001_text{
	color:#fff;
	position: absolute;
	right: 90px;
	top: 80px;
	width: 330px;
	border-bottom: 4px solid #fff;
	border-top: 4px solid #fff;
	padding: 40px 0;
	font-size: 120%;
	line-height: 1.4em;
}
.ulook_technology_001_title_01{
	font-size: 130%;
	margin: 0 0 10px;
}
.ulook_technology_001_title_02{
	font-size: 130%;
	margin: 50px 0 10px;
}
.ulook_technology_002{
	margin: 30px auto;
	background: url("../products_images/ulook/img_008.png") no-repeat;
	background-size: 900px;
	background-position: center right;
	height: 506px;
	width: 900px;
	position: relative;
}
.ulook_technology_002 .ulook_technology_002_text{
	color:#222;
	position: absolute;
	left: 40px;
	top: 80px;
	width: 330px;
	border-bottom: 4px solid #222;
	border-top: 4px solid #222;
	padding: 40px 0;
	font-size: 120%;
	line-height: 1.4em;
}
.ulook_technology_002_text_01{
	margin: 0 0 10px;
}
.ulook_technology_002_text_02{
	margin: 30px 0 10px;
}

.ulook_about{
	width: 900px;
	margin: 30px auto;
}
.ulook_about_img img{
	width: 100%;
}
.ulook_about_text{
	width: 750px ;
	margin: 30px auto;
}
span.btn-shop.ulook_red{
display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  vertical-align: middle;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-radius: .25rem;
	padding: 4px 5px;
  color: #C90003 !important;
  border-color: #C90003;
  background-color: #FFF;
}
a.btn-shop.ulook_red{
	background-color: #C90003;
	border-color: #C90003;
	font-size: 90%;
	margin: 1px 0;
}
a.btn-shop.ulook_red:hover {
  color: #C90003 !important;
  border-color: #C90003;
  background-color: #FFF;
}
.ulook_feature_02{
	width: 900px;
	margin: 30px auto 60px;
}
.ulook_feature_img{
	width: 50%;
	margin: 30px auto 0;
}
.ulook_feature_img img{
	width: 100%;
}
.ulook_catch span{
	display: block;
	font-size: 65%;
	padding: 10px;
}
.ulook_feature_02_flex{
	display: flex;
	justify-content: space-between;
	
}
.ulook_feature_02_flex_div{
	width: 31%;
	border-radius: 10px;
	background: #2a6ef2;
	padding: 30px;
	color: #fff;

}
.ulook_feature_02_title{
	font-size: 150%;
font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
			line-height: 1.35em;
	margin-bottom: 20px;
	text-align: center;
}
.ulook_feature_02_text{
		font-size: 100%;
			line-height: 1.4em;

}
.ulook_feature_02_title_02{
	padding: 0.5em 0;
}
.feature_bg{
	width: 1000px;
	margin: 0px auto 60px;
	background: url("../products_images/ulook/feature_bg.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	padding: 0 0 10px 0;
}
.feature_bg_title{
	width: 100%;
	background:#222;
	padding: 10px;
	color: #fff;
	font-size: 120%;
	text-align: center;
font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
.feature_bg_title span{
	font-size: 70%;
	background: #9f00fc;
	padding: 4px 10px 3px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: bottom;
}
.feature_bg_title_02{
	width: 100%;
	background:#666;
	padding: 10px;
	color: #fff;
	text-align: center;
font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
.feature_text{
	text-align: right;
	font-size: 80%;
	margin: -20px 30px 10px 0;
}
@media (max-width: 991px) {
.ulook_technology_001{
    height: auto;
    width: 100%;
    min-height: 500px;
	background-size:cover;
}
.ulook_technology_001 .ulook_technology_001_text{
	right: 5%;
	top:18%;
	width: 38%;
}
.ulook_technology_002{
    height: auto;
    width: 100%;
    min-height: 500px;
	background-size:cover;
}	
.ulook_technology_002 .ulook_technology_002_text{
	left: 4%;
	top:20%;
	width: 32%;	
}	
.feature_bg{
    width: 100%;
}
.ulook_feature_02 {
  width: 95%;
  margin: 30px auto 50px;
}	
.ulook_feature_02_flex_div{
	width: 32%;
}
.ulook_about{
	width: 100%;
}
.ulook_about_text{
	width: 90% ;
}
}
@media (max-width: 775px) {
.ulook_technology_001{
    min-height: 400px;
}
.ulook_technology_001_title_02{
	font-size: 120%;
	margin: 30px 0 10px;
}
.ulook_technology_001 .ulook_technology_001_text{
	top:15%;
	font-size: 110%;
	padding: 30px 0;
}
.ulook_technology_002{
    min-height: 400px;
}	
.ulook_technology_002 .ulook_technology_002_text{
	top:15%;
	font-size: 110%;
	padding: 30px 0;
}	
#ulook ul.tab,#ulook ul.tab_03 {
  padding: 10px 10px;
}	

.ulook_feature_02 {
  width: 95%;
  margin: 30px auto 50px;
}	
.ulook_feature_02_flex_div{
	width: 32.5%;
	padding: 20px;
}
.ulook_feature_02_title {
  font-size: 130%;
margin-bottom: 10px;
}	
span.btn-shop.ulook_red{
margin-top: 5px;
}
}
@media (max-width: 650px) {
.ulook_technology_001{
    min-height: 350px;
}
.ulook_technology_001_title_02{
	margin: 20px 0 10px;
}
.ulook_technology_001 .ulook_technology_001_text{
	top:12%;
	padding: 20px 0;
}
.ulook_technology_002{
    min-height: 350px;
}	
.ulook_technology_002 .ulook_technology_002_text{
	top:12%;
	padding: 20px 0;
}	
	
}
@media (max-width: 575.98px) {
.ulook_about_text p{
	font-size: 130%;
}	
.ulook_technology_001{
    min-height: 300px;
}
.ulook_technology_001_title_02{
	margin: 20px 0 10px;
}
.ulook_technology_001 .ulook_technology_001_text{
	top:12%;
	padding: 20px 0;
}
.ulook_technology_002{
    min-height: 300px;
}	
.ulook_technology_002 .ulook_technology_002_text{
	top:12%;
	padding: 20px 0;
}	
#ulook ul.tab.tab_w80.mirror,#ulook ul.tab_03.tab_w80.mirror {
  width: 100%;
}	
#ulook ul.tab.tab_w80.mirror li,#ulook ul.tab_03.tab_w80.mirror li{
	width: 24%;
}	
#ulook ul.tab.tab_w80.mirror li a img,#ulook ul.tab_03.tab_w80.mirror li a img {
  width: 95%;
}	
.feature_text {
  margin: 0px 10px 10px 0;
}	
#ulook ul.tab.regular,#ulook ul.tab_03.regular {
  width: 100%;
}	
#ulook ul.tab.regular li,#ulook ul.tab_03.regular li{
	width: 16%;
}	
#ulook ul.tab.regular li a img,#ulook ul.tab_03.regular li a img {
  width: 95%;
}	
}	
@media (max-width: 495px) {

.ulook_feature_02_flex {
  justify-content: center;
  flex-wrap: wrap;
}
  .ulook_feature_02_flex_div {
    width: 95%;
	  margin-bottom: 10px;
  }
.ulook_feature_02_text {
  font-size: 130%;
}
.ulook_feature_img{
	width: 80%;
	margin: 10px auto 0;
}
.not_sp{
	display: none;
}
.only_sp{
	display: block;
}
	.ulook_technology_001{
background: none;
	
	}
	.ulook_technology_002{
background: none;
	}
	.ulook_technology_001 img,.ulook_technology_002 img{
width: 100%;	
		margin-bottom: 15px;
	}
	.ulook_technology_001_text_sp,.ulook_technology_002_text_sp{
		width: 90%;
		margin: auto;
		line-height: 1.5em;
		font-size: 120%;
	}	
.ulook_technology_002_text_02 {
  margin: 10px 0 10px;
}
a.btn-shop.ulook_red{
	margin-bottom: 2px;
}

}	

/* -------------------------------------------
    採用情報
---------------------------------------------*/

#recruit .table-bordered{
	font-size: 90%;
	border-top: 1px solid #505050;
}
#recruit .table-bordered th,#recruit .table-bordered td  {
  border: 1px solid #505050;
	border-top: none;
}
#recruit .table-bordered th{
	background: #e2e2e2;
	text-align: center;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}
#recruit .table-bordered td.td_dot{
  border-bottom: 1px dotted #505050;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}
#recruit .table-bordered .width_7em{
	width: 7em;
	text-align: center;
}
.btn-recruit {
  color: #FFF;
  border-color: #559bdb;
  background-color: #559bdb;
font-family: ヒラギノ角ゴ W6 JIS2004;
	margin-bottom: 15px;
	width: 6.5em;
	 box-shadow: 0 4px 0 #2877be; 
	border-radius: 5px
		
}
.btn-recruit:hover {
  color: #559bdb !important;
  border-color: #559bdb;
  background-color: #FFF;
}
.btn-recruit:active {
	 box-shadow: 0 2px 0 #2877be; 
	transform: translateY(2px);
}
/* -------------------------------------------
    EDR補修部品
---------------------------------------------*/
.edr_option img{
	border: 1px solid #e3e3e3;	
}
.edr_option_contents {
	background: #eceeef;
	padding: 0.5em;
	margin-bottom: 15px;
}
.edr_option_contents{
	line-height: 1.5em;
	text-align: center;
}
.edr_option_contents a{
	margin: 0.5em auto;
}

ul.edr_option_menu{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin-top: 10px;
}
ul.edr_option_menu li{
	width: 33%;
	text-align: center;
	display: block;	
	position: relative;
	margin-bottom: 5px;
}
ul.edr_option_menu li a{
	display: block;
	border: 3px solid #0b308e;
	min-height: 100%;
	text-decoration: none !important;
	padding: 10px ;
	vertical-align: bottom;
	line-height: 1.3em;
}
ul.edr_option_menu li a strong{
	color: #fff;
	background: #0b308e;
	border-radius: 3px;
	padding: 5px ;
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
}
ul.edr_option_menu li a span{
	font-size: 90%;
}
ul.edr_option_menu li a:hover{
	border: 3px solid #134cdd;
}
ul.edr_option_menu li a::after{
position: absolute;
  right: 3px;
  bottom: 3px;
  content: '';
  width: 26px;
  height: 26px;
  background: url("../products_images/driverecorder/menu_000.png") no-repeat;
    background-size: auto;
  background-size: 100%;
}
@media (max-width: 450px) {
ul.edr_option_menu li{
	width: 100%;
}
}

.color_link_blue{
	color: #00367e;
	text-decoration: underline;
}
.color_red{
	color: #ff0000 !important;
}

ul.ulook_point{
	display: flex;	
	flex-wrap: wrap;
}
ul.ulook_point li{
	margin-right: 10px;
	margin-bottom: 10px;
	width: 19%;	
}
ul.ulook_point li a{
	display: block;
	background: #0B308E;
	color: #fff !important;
	text-decoration: none !important;
	padding: 1em 2em;
	text-align: center;
}
ul.ulook_point li a:hover {
  color: #ACC501 !important;
}
/* 小デバイス（横向きモバイル, 768px 未満）*/
@media (max-width: 767.98px) {
ul.ulook_point li{
	width: 31%;	
}
}
/* @include media-breakpoint-up(sm) {*/
/* 極小デバイス（縦向きモバイル, 576px 未満）*/
@media (max-width: 575.98px) {
ul.ulook_point{
	margin-top: 10px;
}
ul.ulook_point li{
	width: 47%;	
}
}



#contact .link_01{
	display: block;
	color: #ffffff;
	background: #00367e;
	border-radius: 5px;
	text-decoration: none;
	padding: 10px 20px 10px 38px;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px ;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	font-size: 120%;
}

#contact  a:hover.link_01{
	background: #001838;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px ;
}
#contact .link_02{
	display: block;
	color: #ffffff;
	background: #82b028;
	border-radius: 5px;
	text-decoration: none;
	padding: 10px 20px 10px 38px;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px ;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	font-size: 120%;
}

#contact  a:hover.link_02{
	background: #638a17;
	background-image: url("../products_images/driverecorder/arrow.svg") ;
	background-repeat: no-repeat;
	background-position: 15px 13px;
	background-size: 12px ;
}




/* ------------お問い合わせ------------ */
.contact_index{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
.contact_index div{
	width: 48.5%;
	margin-bottom: 20px;
	padding-top: 50px;
}
.contact_index div a{
	display: block;
	color: #fff !important;
	font-size: 110%;
	text-align: center;
	text-decoration: none !important;
	height: 200px;
	position: relative;
	padding-top: 75px;
	line-height: 1.8em;
}
.contact_index div a:hover{
	opacity: 0.8;
}
.contact_index div a span{
	display: block;
	font-size: 170%;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	font-weight: bold;
}
.contact_index div a span.contact_index_small{
	font-size: 80%;
}
.contact_index div.contact_index_products a{
	background-color: #0b308e;
}
.contact_index div.contact_index_industrial a{
	background-color: #acc501;
}
.contact_index div.contact_index_shopping a{
	background-color: #c58b01;
	padding-top: 60px;
}
.contact_index div.contact_index_public a{
	background-color: #40b5a6;
}
.contact_index div a::before {
  content: "";
  width: 96px;
  height: 96px;
  position: absolute;
  display: inline-block;
  top: -48px;
  left: 50%;
  transform: translateX(-50%);
}
.contact_index div.contact_index_products a::before {
	background-image: url("../img/contact_index_products.png");
}
.contact_index div.contact_index_industrial a::before {
	background-image: url("../img/contact_index_industrial.png");
}
.contact_index div.contact_index_shopping a::before {
	background-image: url("../img/contact_index_shopping.png");
}
.contact_index div.contact_index_public a::before {
	background-image: url("../img/contact_index_public.png");
}
.contact_index div a::after {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  display: inline-block;
  bottom: 20px;
  right: 20px;
	background-image: url("../img/contact_index_arrow.png");
}
.contact_check{
	color: #fff !important;
	background: #e4002b !important;
	border-color: #e4002b !important;
	padding: .375rem 3rem;
}
.contact_check:hover{
	color: #e4002b !important;
	background: #fff !important;
	border-color: #e4002b !important;
}
a.contact_link_btn{
	display: inline-block;
	background: #fff;
	border-radius: 50px;
	padding: 15px 30px;
	border:1px solid #0B308E;
	text-decoration: none !important;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	font-weight: bold;
}
a.contact_form_btn,a.contact_tel_btn{
	display: inline-block;
	background: #0B308E;
	color: #fff !important;
	border-radius: 50px;
	padding: 15px 30px 15px 60px;
	text-decoration: none !important;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
	font-weight: bold;
	position: relative;
}
a.contact_form_btn:hover,a.contact_tel_btn:hover{
	background: #ACC501;
}
a.contact_form_btn::before {
  content: "";
  width: 28px;
  height: 18px;
  position: absolute;
  display: inline-block;
  top: 17px;
  left: 25px;
	background-image: url("../img/contact_index_mail.png");
}
a.contact_tel_btn{
	padding: 15px 30px 15px 30px;

}
.contact_pc{
	display: block;
}
.contact_sm{
	display: none;
}





@media (max-width: 540px) {
.contact_index div{
	width: 100%;
	margin-bottom: 15px;
	padding-top: 0;
}
.contact_index div a{
	text-align: left;
	font-size: 80%;
	height: 90px;
	padding: 30px 5px 0 90px;
}
.contact_index div a span{
	display: inline-block;
	font-size: 150%;
		padding-right: 5px;
}
.contact_index div a span.contact_index_small{
	font-size: 80%;
	display: block;
}
.contact_index div.contact_index_shopping a{
	padding-top: 15px;
}
.contact_index div a::before {
	background-size: 70px;
  width: 70px;
  height: 70px;
  top: 10px;
  left: 10px;
	transform:none;
}

.contact_index div a::after {
  background-size: 20px;
  width: 20px;
  height: 20px;
  bottom: 10px;
  right: 10px;
}	
.contact_pc{
	display: none;
}
.contact_sm{
	display: block;
}
}


/* ------------ホーンに関する基礎知識・配線方法・よくある質問------------ */
ul.question_car-horn_menu{
	display: flex;
}
ul.question_car-horn_menu li{
	width: 16%;
	text-align: center;
	display: block;	
	position: relative;
	margin-bottom: 5px;
	margin-right: 10px;
}
ul.question_car-horn_menu li a{
	display: block;
	border: 3px solid #0b308e;
	height: 125px;
	text-decoration: none !important;
	padding: 15px 5px;
	vertical-align: bottom;
}
ul.question_car-horn_menu li a:hover{
	border: 3px solid #134cdd;
}
ul.question_car-horn_menu li a::after{
position: absolute;
  right: 3px;
  bottom: 3px;
  content: '';
  width: 26px;
  height: 26px;
  background: url("../products_images/driverecorder/menu_000.png") no-repeat;
    background-size: auto;
  background-size: 100%;
}
ul.question_car-horn_menu li:nth-child(1) a{
	background: url("../support_images/question_car-horn_menu_001.png") no-repeat center 45px;
}
ul.question_car-horn_menu li:nth-child(2) a{
	background: url("../support_images/question_car-horn_menu_002.png") no-repeat center 48px;
}
ul.question_car-horn_menu li:nth-child(3) a{
	background: url("../products_images/driverecorder/menu_001.png") no-repeat center 45px;
}

/* 小デバイス（横向きモバイル, 768px 未満）*/
@media (max-width: 767.98px) {
	ul.question_car-horn_menu{
	flex-wrap: wrap;
	justify-content:space-around;
}
ul.question_car-horn_menu li{
	width: 31%;
	margin-right: 0;
}
}
/* @include media-breakpoint-up(sm) {*/
/* 極小デバイス（縦向きモバイル, 576px 未満）*/
@media (max-width: 575.98px) {
ul.question_car-horn_menu li{
	width: 47%;
}
ul.question_car-horn_menu li a{
		height: 100px !important;
}
ul.question_car-horn_menu li:nth-child(1) a{
	background: url("../support_images/question_car-horn_menu_001.png") no-repeat center 35px;
	background-size: 52px;
}
ul.question_car-horn_menu li:nth-child(2) a{
	background: url("../support_images/question_car-horn_menu_002.png") no-repeat center 38px;
	background-size: 50px;
}
ul.question_car-horn_menu li:nth-child(3) a{
	background: url("../products_images/driverecorder/menu_001.png") no-repeat center 35px;
	background-size: 43px;
}

}

/* ------------バイクセキュリティに関するよくある質問 ------------ */
ul.question_security_menu{
	display: flex;
	justify-content:space-around;
	flex-wrap: wrap;
}
ul.question_security_menu li{
	width: 32%;
	text-align: center;
	display: block;	
	position: relative;
	margin-bottom: 5px;
	font-size: 110%;
	font-family: ヒラギノ角ゴ W6 JIS2004, Hiragino Kaku Gothic W6 JIS2004;
}
ul.question_security_menu li a{
	display: block;
	border: 1px solid #0b308e;
	text-decoration: none !important;
	padding: 25px 5px;
	vertical-align: bottom;
}
ul.question_security_menu li a:hover{
	border: 1px solid #134cdd;
}

/* @include media-breakpoint-up(sm) {*/
/* 極小デバイス（縦向きモバイル, 576px 未満）*/
@media (max-width: 575.98px) {
ul.question_security_menu li{
	width: 100%;
}
ul.question_security_menu li a{
	padding: 20px 5px;
}

}



.ulook_demo{
	display: flex;
	flex-wrap: wrap;
	padding: 0 !important;
	width: 100% !important;
	justify-content: flex-start !important;
}

.ulook_demo li{
	width: 33%;
}
.ulook_demo li a{
	text-decoration: none !important;
}
.ulook_demo li a .ulook_title02{
	padding: 5px;
	color: #0B308E !important;
	font-family: 'Ebrima',sans-serif;
	font-weight: bold;
	font-size: 100%;
}
.ulook_demo li a .ulook_text{
	font-size: 70%;
	line-height: 1.2em;
	color: #222;
	margin-bottom: 10px;
	padding: 0 5px;
}
.ulook_demo_text_pc{
	display: block;
	font-size: 90%;
}
.ulook_demo_text_sp{
	display: none;
}
.ulook_box{
	border: 3px solid #0B308E;
	padding: 1em;
	margin: 2em auto;
}
.ulook_box p{
	margin: 0;
}
@media (max-width: 544px) {
.clear_xs{clear: both;}
.ulook_demo li a .ulook_title02{
	font-size: 120%;
}
.ulook_demo li a .ulook_text{
	font-size: 110%;
}	
.ulook_demo_text_pc{
	display: none;
}
.ulook_demo_text_sp{
	display: block;
	font-size: 120%;
}
	
}