@charset "UTF-8";
/* CSS Document */



table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}
th,
td {
  text-align: left;
  vertical-align: top;
  margin:0;
  padding:0;
  word-wrap : break-word;
  overflow-wrap : break-word;
}



.clearfix:after{
	content:"";
	display:block;
	clear:both;
}


#batteryWrapp .spResp,
#batteryWrapp .spRespb{
	display:none;
	}


/*----------------------------------------------------------
  共通
----------------------------------------------------------*/

#batteryWrapp span.allow {
	vertical-align:top;
	margin-left: 5px;
	}
#batteryWrapp span.allow img {
	vertical-align: middle;
}

#batteryWrapp .tabWrapp,
#batteryWrapp .topNav{
	width:100%;
	max-width: 980px;
	margin:50px auto 70px;
}

#topnavigation li,.bottomNav li{
	cursor: pointer;
}

#batteryWrapp .mainTitle{
	border-bottom:solid 1px #bbbbbb;
	margin-bottom:25px;
	}

#batteryWrapp h1,
#batteryWrapp h2{
	font-size:36px;
	line-height:42px;
	font-weight: bold;
	}

#batteryWrapp h1{
	margin-bottom:15px;
	}

#batteryWrapp h2{
	padding-bottom:20px;
	}

#batteryWrapp h3{
	font-size:22px;
	margin-bottom:20px;
	font-weight: bold;
	}

#batteryWrapp #tab01 h3{
	font-size:24px;
	}
#tab01 h3{
	text-indent: -1em;
	margin-left: 1em;
	}

#tab01 h3 .conText-acc,
#tab02 h3 .conText-acc{
	color: #ff6400;
	}

#tab01 h3 .conText-lineup{
	display: inline-block;
	padding: 7px 12px;
	margin-top: 5px;
	text-indent: 0;
	margin-left: 0;
	color: #2b383f;
	font-size: 16px;
	font-weight: normal;
	background: #eceff1;
	}

.conText_links {
	color: #000!important;
	text-decoration: underline;
}

.conText_links:hover {
	opacity: 0.6;
}

#batteryWrapp .enTitle{
	color:#ff6400;
	font-size:14px;
	line-height:14px;
	padding-bottom:50px;}

#batteryWrapp .topNav ul{
	margin-bottom:70px;
	}


#batteryWrapp .topNav ul li,
#batteryWrapp .bottomNav ul li{
	float:left;
	padding:13px 20px;
	font-size: 18px;
	}
#batteryWrapp .bottomNav ul li * ,#batteryWrapp .topNav .active *,
#batteryWrapp .bottomNav .active *{
	color: #ffffff !important;
}


#batteryWrapp .topNav .active,
#batteryWrapp .bottomNav .active{
	color:#ffffff;
	background-color:#ff6400;
	padding:13px 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:18px;
	}

#batteryWrapp .topNav ul li a{
	color:#2b383f;
}

#batteryWrapp .bottomNav{
	width: 100%;
	max-width:980px;
	margin:0 auto;
	padding: 25px 0;
	text-align: center;
	}
	#batteryWrapp .bottomNav > ul {
		display: inline-block;
	}


#batteryWrapp .bottomNav a{
	color:#ffffff;
}
.bottomNav a:hover{
  text-decoration: underline;
}
@media screen and (max-width: 736px) {
.bottomNav li:hover{
  text-decoration: none;
}
}
#batteryWrapp .footerWrapp{
	width:100%;
	background-color:#22272a;
	height:100px;
	}

/*----------------------------------------------------------
  tab01
----------------------------------------------------------*/

#tab01 h2{
	float:left;
	margin-right:25px;
	margin-bottom:50px;
	}
#tab01 h2 sup,
#tab01 h3 sup{
	height:0;
	vertical-align:top;
	position:relative;
	font-size: 14px;
	}

#tab01 h2:after{
	content:"";
	display:block;
	width:50px;
	padding-top:20px;
	border-bottom:solid 3px #ff6400;
	}

#tab01 h2 .title-option{
  display: block;
  font-size: 14px;
  font-weight: normal;
	}

#tab01 h3 .title-option{
  display: block;
	text-indent: 0;
	margin-left: 0;
  font-size: 14px;
  font-weight: normal;
	}

#tab01 .conText{
	width:90%;
	margin:0 auto 40px;
	}

#tab01 .conText p{
	font-size:18px;
	line-height:1.6em;
	}

#tab01 .conText small{
	font-size:14px;
	display: block;
	margin-top: 10px;
	}
#tab01 .leftText{
	width:55%;
	float:left;
	margin:0 125px 0 60px;
	}

#tab01 .leftText02{
	width:47%;
	float:left;
	margin:0 35px 0 50px;
	}

#tab01 .leftText03{
	width:90%;
	margin:0 0 0 60px;
	}

#tab01 strong{
	font-weight: bold;
	}

#tab01 .conText-clm-L{
	width:65%;
	float:left;
	margin:0 35px 0 0;
	}

#tab01 .conText-clm-R{
	width:30%;
	float:left;
	}
#tab01 .cont{
	margin-bottom:50px;
	}

#tab01 .dougaContents,
#tab01 .fastContents,
#tab01 .secondContents,
#tab01 .thirdContents,
#tab01 .fourthContents{
	border-bottom:1px solid #bbbbbb;
	margin-bottom:50px;
	}

#tab01 .conImg{
	width:40%;
	float:left;
	}

#tab01 .conImg04{
	text-align: center;
}

#tab01 .conImg03{
	display: flex;
	justify-content:space-between;
	width: 90%;
	margin: 0 auto;
}

#tab01 .conlink {
	text-decoration: underline;
	color: #2b383f;
	margin: 15px 0;
	display: inline-block;
}
#tab01 .cont-note {
	margin: 20px auto 40px;
	width: 90%;
}
#tab01 .cont-note li span {
	display: table-cell;
}
#tab01 .cont-note-txt {
	padding-left: 5px;
}


/*----------------------------------------------------------
  tab02
----------------------------------------------------------*/
#tab02 .tabWrapp{
	margin-bottom:70px;
	}

#tab02 .img01{
	width:860px;
	margin:0 auto 45px;
	text-align: center;
	}

#tab02 .conText {
	padding-bottom: 30px;
}
#tab02 .conDesc {
	padding: 20px 0;
}

/*----------------------------------------------------------
  tab03
----------------------------------------------------------*/


#tab03 h2:after{
	content:"";
	display:block;
	width:50px;
	padding-top:20px;
	border-bottom:solid 3px #ff6400;
	margin-bottom:50px;
	}
@media screen and (max-width: 736px) {
#tab03 h2:after{
	content:"";
	display:block;
	width:50px;
	padding-top:20px;
	border-bottom:solid 3px #ff6400;
	margin-bottom:0px;
	}
}

#tab03 .specTable{
	margin-bottom:50px;
	padding-bottom:45px;
	border-bottom:1px solid #bbbbbb;
	}
@media screen and (max-width: 736px) {
#tab03 .specTable{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #bbbbbb;
	}
}

#tab03 .specTable02{
	margin-bottom:50px;
	padding-bottom: 0;
	border-bottom: 0;
	}
#tab03 table{
	width: 100%;
	table-layout: fixed;
	background-color:#eceff1;
	border:1px solid #ffffff;
	}

#tab03 table .evColor th,
#tab03 table .evColor td{
	background-color:#e4e7e9;
	}

#tab03 table thead th{
	color:#ffffff;
	background-color:#22272a;
}
#tab03 table thead th,
#tab03 table thead td,
#tab03 table tbody th,
#tab03 table tbody td{
	height:50px;
	padding:5px 15px;
	vertical-align:middle;
	font-size: 16px;
	border:#fff solid 1px;
	}
#tab03 table tbody tr th{
	font-weight: bold;
}
#tab03 table .blank{
	background:#ffffff;
	}

#tab03 .fBlk{
	color:#2b383f;
	font-size: 16px;
	line-height: 1.8em;
	}
#tab03 span.fRed{
	font-size:10px;
	vertical-align: top;
	}
.f_list li:before {
	content: "●";
	color: #bbb;
	padding-right: 5px;
}
table tr th:first-child{
    width: 30% !important;
}
#tab03 .pcspace{
	padding-left:40px;
}

@media screen and (max-width: 736px) {
#tab03 .fBlk{
	font-size: 14px;
}
table tr th:first-child{
    width: 50% !important;
}
#tab03 .pcspace{
	padding-left:0;
}
}

/*----------------------------------------------------------
  tab04
----------------------------------------------------------*/
#tab04 .contBody {
	display: flex;
	justify-content: space-between;
}
#tab04 .cont_ttl {
	background-color: #eceff1;
	font-size: 18px;
	color: #2b383f;
	text-align: center;
	padding-bottom: 0;
}
#tab04 .cont_list {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
#tab04 .cont_list li+li {
	margin-left: 25px;
}
#tab04 .cont_list_ttl {
	font-size: 16px;
	color: #2b383f;
	margin-top: 20px;
	margin-bottom: 5px;
}
#tab04 .cont_list_desc {
	font-size: 14px;
	color: #2b383f;
}
#tab04 .cont_list_desc .price {
	font-size: 16px;
	color: #cc0000;
	font-weight: bold;
}


/*----------------------------------------------------------
  メディアクエリー
----------------------------------------------------------*/



@media screen and (max-width: 736px) {

	/*共通*/
	/*テキスト*/
	[id *="tab"] * {
		/*スマホ時は基本のフォントサイズ14px*/
		font-size: 14px;
	}

	[class *="Nav"] li {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px !important;
	}

	[id *="tab"] table * {
		font-size: 12px !important;
	}

	[id *="tab"] table span.sp-fz10 {
		font-size: 10px !important;
	}

	[class *="Nav"] li p {
		margin-top: 0 !important;
	}

	#batteryWrapp h1,
	#batteryWrapp h2 {
		font-size: 24px;
		line-height: 1.5;
	}

	#batteryWrapp .enTitle {
		font-size: 12px;
		padding-bottom: 25px;
	}

	/*レイアウト*/
	#batteryWrapp h2 {
		padding-bottom: 0;
		margin-bottom: 25px;
	}

	#mainTitle {
		margin-bottom: 30px;
	}

	#batteryWrapp .tabWrapp {
		width: 90% !important;
		margin: 40px auto;
	}

	#batteryWrapp .spResp {
		display: block;
		height: 0;
	}

	#batteryWrapp .spRespb {
		display: block;
		text-align: center;
		padding: 25px;
	}

	#batteryWrapp .topNav ul,
	#batteryWrapp .bottomNav ul {
		width: 100%;
		background-color: #22272a;
		margin-bottom: 0;
	}

	#batteryWrapp .topNav ul p {
		color: #ffffff;
	}

	#batteryWrapp .topNav,
	#batteryWrapp .bottomNav {
		width: 100%;
		margin: 0;
		padding-bottom: 0;
	}

	#batteryWrapp .topNav ul li,
	#batteryWrapp .bottomNav ul li {
		text-align: center;
		height: 70px;
		padding: 0;
	}


	#batteryWrapp .nav01,
	#batteryWrapp .nav02,
	#batteryWrapp .nav03,
	#batteryWrapp .nav04 {
		border-right: 1px solid #ffffff;
	}
	#batteryWrapp .nav03 {
		border-right: 0;
	}

	#batteryWrapp .nav01,
	#batteryWrapp .nav02,
	#batteryWrapp .nav03,
	#batteryWrapp .nav04 {
		width: calc(25% - 1px);
	}

	#batteryWrapp .nav01 p {
		margin-top: 45px;
	}

	#batteryWrapp .nav02 p {
		margin-top: 15px;
	}

	#batteryWrapp .nav03 p {
		margin-top: 25px;
	}

	#batteryWrapp .topNav ul li,
	#batteryWrapp .topNav ul li a,
	#batteryWrapp .bottomNav ul li {
		color: #ffffff;
	}

	#batteryWrapp .topNav .active,
	#batteryWrapp .bottomNav .active {
		color: #ffffff;
		font-size: 150%;
		background-color: #ff6400;
		padding: 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

	#batteryWrapp .footerWrapp {
		background: none;
		height: auto;
		margin-bottom: 30px;
	}

	#batteryWrapp .bottomNav {
		padding-top: 0;
	}

	/*tab01*/
	#tab01 .dougaContents,
	#tab01 .fastContents,
	#tab01 .secondContents,
	#tab01 .thirdContents,
	#tab01 .fourthContents,
	#tab01 .fifthContents {
		margin-bottom: 30px;
	}

	#tab01 .fastContents h2 {
		float: none;
		margin-bottom: 20px;
	}

	#batteryWrapp #tab01 h3 {
		font-size: 18px;
		line-height: 1.5;
		font-weight: bold;
		margin-bottom: 10px;
	}
	#tab01 .conText p {
		font-size: 16px;

	}
	#tab01 h3 .conText-lineup {
		padding: 5px 10px;
		font-size: 14px;
	}

	#tab01 .fastContents,
	#tab01 .secondContents,
	#tab01 .thirdContents,
	#tab01 .fourthContents,
	#tab01 .fifthContents {
		margin-top: 30px;
	}

	#tab01 .cont {
		margin-bottom: 30px;
	}

	#tab01 .conText {
		width: 99%;
		margin: 0 auto 30px;
	}

	#tab01 .leftText {
		width: 100%;
		float: none;
		margin: 0 auto 30px;
	}

	#tab01 .leftText02 {
		width: 100%;
		float: none;
		margin: 0 auto 20px;
	}

	#tab01 .leftText03 {
		margin: 0 auto 40px;
	}

	#tab01 .conText-clm-L {
		width: 100%;
		float: none;
		margin: 0 auto 30px;
	}

	#tab01 .conText-clm-R {
		width: 100%;
		float: none;
		margin: 0 auto 30px;
	}

	#tab01 .conImg {
		width: 100%;
		float: none;
		margin: 0 auto 40px;
	}
	#tab01 .conImg04 img {
		width: 50%;
	}
	#tab01 .conImg02 img{
		width: 100%;
	}
	#tab01 .conImg03 {
		display: block;
		width: 100%;
	}
	#tab01 .conImg03 figure {
		margin-bottom: 20px;
	}
	#tab01 .cont-note {
		width: 100%;
	}


	/*tab02*/
	#tab02 .panelList ul {
		width: 99%;
		margin: 0 auto;
	}
	#tab02 .img01 {
		width: 90%;
	}
	#tab02 .img01 img {
		width: 100%;
	}
	#tab02 .conImg02 img {
		width: 100%;
	}

	/*tab03*/
	#tab03 .respTav {
		width: 100%;
		background-color: #eceff1;
		margin-bottom: 25px;
	}

	#tab03 .respTav li {
		width: 50%;
		height: 80px;
		line-height: 1.7;
		font-size: 140%;
		float: left;
		text-align: center;
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	#tab03 .respTav .active{
	background-color:#ff6400;
	color:#ffffff;
	}
  #tab03 table thead{
	display:none;
	}

	#tab03 table .hsl2511JOn{
		display:none;
	}
	#tab03 table .hss970nOn,
	#tab03 table .hss1170nOn{
		display:none;
	}
	#tab03 table .hsm1390iOn{
		display:none;
	}
	#tab03 table .hsm1390iOn,
	#tab03 table .hsm1590iOn{
		display:none;
	}
	#tab03 table thead th,
	#tab03 table thead td,
	#tab03 table tbody th,
	#tab03 table tbody td{
		height: auto;
		line-height:1.7;
		padding:10px 15px;
		vertical-align:middle;
		border:#fff solid 1px;
	}
	#tab03 table{
		width:99%;
		table-layout: fixed;
		border:1px solid #ffffff;
	}
	#tab04 .contBody,
	#tab04 .cont_list {
		display: block;
	}
	#tab04 .cont_ttl {
		text-align: center;
		padding: 10px 0;
		margin-bottom: 0;
	}
	#tab04 .cont_list img {
		width: 100%;
	}
	#tab04 .cont_list li {
		margin-bottom: 30px;
	}
	#tab04 .cont_list li+li {
		margin-left: 0;
	}
	#tab04 .cont_list_ttl {
		margin-top: 15px;
	}
}







sup {
font-size: 10px;
vertical-align: top;
position: relative;
top: -0.1em;
}
#tab01 .cont-bnr{
	margin-top: 15px;
	padding: 15px;
	border: 1px solid #bbbbbb;
}
#tab01 .cont-bnr .bold{
	font-size: 18px;
}

@media screen and (max-width: 736px) {
#tab01 .cont-bnr .bold{
	font-size: 18px;
}
}

/* PC・SP */
.spshow {
	display: none;
}
@media only screen and (max-width: 736px) {
	.pcshow { display: none;}
	.spshow { display: block;}
}