@charset "utf-8";
body {font-size: 16px;line-height: 1.5;}
p {margin: 0 0 15px;}
a {color: #222;}
a:hover, a:focus {color: #0076c6;}
.dropdown:hover > .dropdown-menu {display: block;}
.noDecoration {color: #0076C6;}
.anchor {padding-top: 90px; margin-top: -90px;}
.lineHeight10 {line-height: 1.0;}
.text-lgray {color: #ddd !important;}
.text-white {color: #fff;}
.text-blue {color: #0076C6;}
.text-danger {color: #B40000;}
.text-btSystemOrange {color: #fbb03b;}
.text-xs {font-size: 10px;}
.text-sm {font-size: 14px;}
.text-lg {font-size: 18px;}
.text-xl {font-size: 38px;font-weight: 600;}
.text-wr-light {font-weight: 400 !important;}
.text-underLine {padding-bottom: 8px;border-bottom: 1px #ddd solid;margin-bottom: 10px;}
.sectionLine {border-top: #cccccc dashed 1px;}
.bg-lgray {background-color: #f5f5f5;}
.index2 {color: #0076C6;padding-bottom: 8px;border-bottom: #ddd 2px dotted;margin-bottom: 20px;}
h3.support {margin-top: 10px;padding: 0;}
@media screen and (max-width: 699px) {h1 {font-size: 30px;}h2 {font-size: 28px;}}
@media screen and (max-width: 499px) {h1 {font-size: 26px;}h2 {font-size: 24px;}h3 {font-size: 22px;}}
@media screen and (max-width: 360px) {h1 {font-size: 24px;}h2 {font-size: 22px;}h3 {font-size: 20px;}}
p.heading {font-weight: 600;font-size: 1.2em;}
table.last-childBorderOn tr:last-child td {border-bottom: 1px solid #ddd;}.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 20px;vertical-align: middle;}
/* image layout */
@media screen and (max-width: 650px) {.imgAdj-650 {display: none;}}
.left-layout {float: left;}
@media screen and (max-width: 500px) {.left-layout {float: none !important;}}
/* ADOBE notice */
.notice {border-top: 1px dotted #aaa;margin: 30px 0;padding: 30px 0;}
/* margin 0*/
.margin0 {margin: 0 !important;}
/* 上方向のmargin */
.block-mt-xs {margin-top: 8px !important;}
.block-mt-sm {margin-top: 15px !important;}
.block-mt-md {margin-top: 30px !important;}
.block-mt-lg {margin-top: 60px !important;}
/* 下方向のmargin */
.block-mb-xs {margin-bottom: 8px !important;}
.block-mb-sm {margin-bottom: 15px !important;}
.block-mb-md {margin-bottom: 30px !important;}
.block-mb-lg {margin-bottom: 60px !important;}
.block-mb-xl {margin-bottom: 100px !important;}
/* 右方向のmargin */
.block-mr-xs {margin-right: 8px !important;}
.block-mr-sm {margin-right: 15px !important;}
.block-mr-md {margin-right: 30px !important;}
.block-mr-lg {margin-right: 60px !important;}
/* 左方向のmargin */
.block-ml-xs {margin-left: 8px !important;}
.block-ml-sm {margin-left: 15px !important;}
.block-ml-md {margin-left: 30px !important;}
.block-ml-lg {margin-left: 60px !important;}
/* padding */
.block-pt-xs {padding-top: 8px;}
.block-pr-xs {padding-right: 8px;}
.block-pb-xs {padding-bottom: 8px;}
.block-pl-xs {padding-left: 8px;}
.block-pt-sm {padding-top: 16px;}
.block-pr-sm {padding-right: 16px;}
.block-pb-sm {padding-bottom: 16px;}
.block-pl-sm {padding-left: 16px;}
.block-pt-md {padding-top: 25px;}
.block-pr-md {padding-right: 25px;}
.block-pb-md {padding-bottom: 25px;}
.block-pl-md {padding-left: 25px;}
.block-pa-xs {padding: 8px;}
/* --layout adjust-- */
@media screen and (max-width:1199px) {.adj-br {display: none;}}
/* --高さ調整-- */
.row-eq-height {display: -webkit-flex;display: flex;flex-wrap: wrap;}
/* --button-- */
.btn-default {background-color: #d9edf7;border: none;}
.btn-default:hover {color: #fff;background-color: #0076c6;border-color: none;}
.btn-primary {background-color: #0076c6;border-color: #0076c6;}
.btn-primary:focus, .btn-primary.focus {color: #fff;background-color: #0065A6;border-color: #0065A6;}
.btn-primary:hover {color: #fff;background-color: #0065A6;border-color: #0065A6;}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {color: #fff;background-color: #0065A6;	border-color: #0065A6;}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {color: #fff;background-color: #0065A6;border-color: #0065A6;}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {background-image: none;}
.btn-yellow {background-color: #FFE500;color: #000D17;}
.btn-yellow:hover, .btn-yellow:focus {color: #000D17;background-color: #FFF;}
.btn-top-contact {width: 400px;margin: 0 auto;font-weight: 600;}
@media screen and (max-width: 499px) {.btn-top-contact {width: 100% !important;}}
.btn-btSystemOrange {background-color: #fbb03b;color: #fff;border: none;}
.btn-btSystemOrange:hover {color: #333;background-color: #efefef;border-color: none;}
/* --logo-- */
.navbar-brand {padding: 3px 15px 15px 20px;}
/* --navigation-- */
.is-fixed {position: fixed;top: 0;left: 0;z-index: 2;width: 100%;}
.navbar {margin-bottom: 0px;padding-top: 15px;padding-bottom: 10px;}
.navbar-default {background-color: #222;}
.navbar-default .navbar-nav > li > a {color: #fff;}
@media screen and (max-width: 767px) {.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #0099FF;}
@media screen and (max-width: 767px) {.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {color: #0099ff;}}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
/* --navigation　BatteryDiviwion-- */
.navbar-default-bd {background-color: #fff;}
.navbar-default-bd .navbar-nav > li > a {color: #222;}
@media screen and (max-width: 767px) {.navbar-default-bd .navbar-nav .open .dropdown-menu > li > a {color: #222;}}
.navbar-default-bd .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #0076c6;}
@media screen and (max-width: 767px) {.navbar-default-bd .navbar-nav .open .dropdown-menu > li > a:hover {color: #0076c6;}}
.navbar-default-bd .navbar-collapse, .navbar-default .navbar-form {border: none;}
.navbar-toggle-bd {background-color: #efefef !important;border-color: #999 !important;}
.navbar-toggle-bd .icon-bar {background-color: #aaa !important;}
/* --navigation　BatteryServicies-- */
.navbar-default-bs {background: #0076c6;border-radius: 0px !important;}
.navbar-default-bs .navbar-nav > li > a {color: #fff;}
@media screen and (max-width: 767px) {.navbar-default-bs .navbar-nav .open .dropdown-menu > li > a {color: #eee;}}
.navbar-default-bs .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {	color: #222;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #cdcdcd;}
@media screen and (max-width: 767px) {.navbar-default-bs .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default-bs .navbar-nav .open .dropdown-menu > li > a:focus {color: #222;}}
.navbar-default-bs .navbar-collapse, .navbar-default .navbar-form {	border: none;}
@media screen and (max-width: 767px) {.navbar-default-bs {padding: 0 !important;margin-top: 0px !important;border-radius: 0px !important;min-height: 5px !important;}}
/* -- tab navigation --*/
.nav-tabs {border-bottom: 1px solid #aaa;}
.nav-tabs.nav-justified {width: 100%;border-bottom: 0;}
.nav-tabs.nav-justified > li {float: none;padding-top: 20px;padding-bottom: 20px;}
.nav-tabs.nav-justified > li > a {margin-bottom: 5px;text-align: center;}
@media screen and (min-width: 768px) {.nav-tabs.nav-justified > li {display: table-cell;width: 1%;}.nav-tabs.nav-justified > li > a {margin-bottom: 0;}}
.nav-tabs.nav-justified > li > a {margin-right: 0;border-radius: 4px;background-color: #ededed;padding-top: 15px;padding-bottom: 15px;}
.nav-tabs.nav-justified > li > a:hover {background-color: #ddd;padding-top: 15px;padding-bottom: 15px;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {border: 1px solid #aaa;color: #fff;background-color: #0076C6;padding-top: 15px;padding-bottom: 15px;}
@media screen and (min-width: 768px) {.nav-tabs.nav-justified > li > a {border-bottom: 1px solid #aaa;border-radius: 4px 4px 0 0;}.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {border-bottom-color: #0076C6;}}
/* --breadcrumb-- */
.breadcrumb {padding: 15px 15px 0 15px;font-size: 12px;}
/* --adjust layout color-- */
.jumbotron {margin-bottom: 0;padding-top: 60px;padding-bottom: 60px;background-color: #DDD6AE;filter: alpha(opacity=80);-moz-opacity: 0.9;opacity: 0.9;color: #000;}
.bg-blue {background-color: #0076c6;filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.bg-white {background-color: #ffffff;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
/* --carousel--*/
.carousel {width: 100%;margin-bottom: 50px;}
.carousel img {width: 100%;}
.carousel-caption {color: #222;text-shadow: none;}
@media screen and (min-width: 768px) {.carousel-indicators {bottom: 10px;}}
.carousel-indicators {bottom: -50px;}
@media screen and (min-width: 768px) {.carousel-indicators {bottom: -50px;}}
.carousel-indicators li {border: 1px solid #555;}
.carousel-indicators .active {background-color: #555;}
/* --pageTop-- */
.pagetop {display: none;position: fixed;bottom: 30px;right: 15px;}
.pagetop a {display: block;background-color: #555;text-align: center;color: #CEEBFF;font-size: 16px;text-decoration: none;padding: 10px 15px;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;border-radius: 5px;}
.pagetop a:hover {display: block;background-color: #000;text-align: center;color: #fff;font-size: 16px;text-decoration: none;padding: 10px 15px;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;border-radius: 5px;}
/* --map-- */
iframe {width : 100%;}
/* --top news-- */
.top-news {background-image: url(../images/top-news_background.png)}
/* --division contact-- */
.division-contact {background-image: url(../images/division-contact_background.png)}
.panel-title {color: #0076C6;}
/* --battery-division contact-- */
.batteryDivision-background {background-image: url(../images/battery-contact_background.png)}
/* --battery-division qaList-- */
.listQuestion ul {list-style-type: none;padding-left: 0;}
.listQuestion ul:after {content: "";display: block;margin-bottom: 2.3em;}
.listQuestion li {width: 100%;line-height: 1.3;padding: 1.2em;border-bottom: 1px dotted #aaa;padding-left: 1.6em;text-indent: -1.6em;}
.listQuestion li:before {content: "Q.";font-weight: 600;margin-right: 8px;color: #555;}
/* --battery-division qa-- */
.question, .answer {box-sizing: border-box;width: 100%;	line-height: 1.6;padding: 1em;clear: both;}
.question {border-top: 1px solid #333;border-bottom: 1px solid #ddd;font-weight: bold;padding-left: 1.6em;text-indent: -1.6em;}
.question:before {content: "Q.";font-weight: 600;margin-right: 8px;color: #555;}
.answer {background-color: #fefefe;border-top: 1px solid #fff;margin-bottom: 15px;padding-left: 1.6em;text-indent: -1.6em;}
.answer:before {content: "A.";font-weight: 600;margin-right: 8px;color: #0076C6;}
.qa_table01 {width: 450px;}
/* articles RelatedPost */
.relatedPost {margin-bottom: 60px;}
.relatedPost h4 {padding-bottom: 8px;border-bottom: 1px solid #aaa;	margin-bottom: 15px;}
.relatedPost ul {list-style-type: none;padding-left: 0;}
.relatedPost ul li {padding-top: 5px;padding-bottom: 10px;padding-left: 30px;border-bottom: dotted 1px #aaa;margin-bottom: 5px;}
.relatedPost ul li:before {font-family: "Font Awesome 5 Free";content: "\f105";font-weight: 900;position: absolute;left: 1em;padding-left: 8px;padding-bottom: 1px;}
/* --articles wordList-- */
.wordList ul {padding-left: 0;margin-bottom: 60px;}
.wordList ul:after {content: "";display: block;clear: both;}
.wordList ul li {list-style-type: none;display: inline-block;}
.wordList ul li a {background-color: #BEDAED;display: inline-block;list-style-type: none;text-align: center;padding: 0.5em 1.2em;margin: 0.5em;border-radius: 5px;}
@media only screen and (min-width: 571px) {.vocabularies dl, .vocabularies dt, .vocabularies dd {box-sizing: border-box;}.vocabularies dl {background: #eee;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;margin-bottom: 80px;}.vocabularies dt, .vocabularies dd {padding: 13px 13px 0 13px;border-top: 1px solid #ccc;}.vocabularies dt {width: 25%;float: left;}.vocabularies dd {background: #fff;margin-left: 25%;padding-bottom: 13px;border-left: 1px solid #ccc;}.vocabularies dd:after {content: '';display: block;clear: both;}}
@media only screen and (max-width:570px) {.vocabularies dl, .vocabularies dt, .vocabularies dd {box-sizing: border-box;}.vocabularies dl {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}.vocabularies dt, .vocabularies dd {padding: 10px 20px;border-top: 1px solid #ccc;}.vocabularies dt {float: none;background-color: #eee;}.vocabularies dd {background-color: #fff;}}
.vocabulariesTitle {font-size: 18px;margin-bottom: 1px;background-color: #BEDAED;padding: 12px;}
span.text-icon { display: inline-block; background: #df002c; padding: 1px 5px; margin-left: 7px;vertical-align: middle; font-size: 0.7em; font-weight: bold; color: #fff; border-radius: 3px;}
/* --articles Index-- */
.BK-index2 {color: #0076C6;padding-left: 53px;padding-bottom: 8px;border-bottom: #ddd 2px solid;margin-bottom: 20px;font-size: 24px;font-weight: 500;}
.BK-index2:before {font-family: "Font Awesome 5 Free";content: "\f02d";font-weight: 900;transform: rotate(335deg);position: absolute;left: 1em;padding-left: 10px;}
.BatteryKnowledge-index ul {list-style-type: none;padding-left: 0;margin-bottom: 100px;}
.BatteryKnowledge-index ul li {padding-top: 10px;padding-bottom: 15px;padding-left: 30px;border-bottom: dotted 1px #aaa;margin-bottom: 5px;}
.BatteryKnowledge-index ul li:before {font-family: "Font Awesome 5 Free";content: "\f105";font-weight: 900;position: absolute;left: 1em;padding-left: 8px;}
/* -- btSystemSales table --*/
.BCRMspec th {background-color: #d9edf7;}
.BCRMcontact_textAdj {text-align: left;}
@media only screen and (max-width:991px) {.BCRMcontact_textAdj {text-align: center;}}
.BCRMcontact_layoutAdj {margin-top: 8px;}
@media only screen and (max-width:991px) {.BCRMcontact_layoutAdj {margin-top: 30px;}}
/* --footer-- */
.footer-background {background-color: #222;border-top: #ccc solid 1px;}
footer .container {padding-top: 50px;padding-bottom: 20px;}
footer ul {list-style-type: none;padding-left: 0;}
.footer-nav {display: block;margin-bottom: 40px;padding-left: 0;}
.footer-nav li {display: inline-block;margin-right: 20px;text-decoration: none;list-style-type: none;}
.footer-nav li a {color: #ddd;text-decoration: none;}
.footer-nav li a:hover {color: #0099ff;}
@media screen and (max-width: 680px) {.footer-nav li {display: block;padding-left: 20px;margin-bottom: 18px;text-decoration: none;list-style-type: none;}.footer-nav li:before {font-family: "Font Awesome 5 Free";content: "\f105";font-weight: 900;position: absolute;left: 15px;padding-right: 8px;color: #888;}}
.copyRight a {text-decoration: none;color: #ddd;}
.copyRight a:hover {color: #0099ff;}
.footer-background-bd {border-top: #ededed solid 1px;background: rgb(229,229,229);background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(200,200,200,1) 100%);background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(200,200,200,1) 100%);background: linear-gradient(to bottom, rgba(229,229,229,1) 0%, rgba(200,200,200,1) 100%);}
.footer-nav-bd li a {color: #222;text-decoration: none;}
.footer-nav-bd li a:hover {color: #0076C6;}