@charset "UTF-8";
.bread-links {
  width: 980px;
  margin: 0 auto;
  list-style: none;
}


.bread-links .bread-links__item {
  font-size: 14px;
  display: inline-block;
}
.bread-links .bread-links__item a:hover{
  opacity: .7;
}
.bread-links .bread-links__item::after {
  content: ">";
}

.bread-links .bread-links__item:last-child::after {
  content: "";
}

.bread-links .bread-links__item a {
  color: #2b383f;
  margin: 0 5px;
  text-decoration: underline;
}

@media screen and (max-width: 736px) {
  .bread-links {
    background-color: #eceff1;
    padding: 10px;
    width: auto;
    margin-left: -10%;
    padding-left: 10%;
    margin-bottom: 30px;
  }
.bread-links .bread-links__item {
  font-size: 10px;
}

}

br.sp{ display: none; }
.switch_pc{ display: block; }
.switch_sp{ display: none; }

@media screen and (max-width: 736px) {
  br.sp{ display: block; }
  .switch_pc{ display: none; }
  .switch_sp{ display: block; }
}

.pruduct-close {
  background: #c00;
  width: 460px;
  margin: 50px auto;
  padding: 20px 0;
}

.pruduct-close p {
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 1.4;
}

.pruduct-close p small {
  color: #fff;
  font-size: 14px;
}

@media screen and (max-width: 736px) {
  .pruduct-close {
    width: 100%;
    margin: 30px auto;
    padding: 15px 0;
  }
  
  .pruduct-close p {
    font-size: 14px;
  }
  
  .pruduct-close p small {
    font-size: 12px;
  }
}

.text-head {
  font-family: "Hiragino Kaku Gothic W6 JIS2004", "ヒラギノ角ゴ W6 JIS2004", "メイリオ", "meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 737px), print {
  .text-head {
    margin: 60px auto 50px;
  }
}

@media screen and (max-width: 736px) {
  .text-head {
    margin: 32px auto 30px;
    font-size: 24px;
  }
}

.text-head::after {
  content: '';
  display: block;
  background: #ff6400;
  width: 50px;
  height: 3px;
  margin: 25px auto 0;
}

.text--product-title,.text--subheading {
  font-weight: bold;
}

.text--product-title_sub {
  font-size: 20px;
  padding: 5px 10px;
  display: inline-block;
  border: 2px solid #ff6400;
  color: #ff6400;
}

.text--product-title .model-number {
  margin-left: -10px;
  font-size: 45px;
  /*vertical-align: text-top;*/
}

.title-option{
  display: block;
  font-size: 14px;
  font-weight: normal;
	color: #2b383f;
}

@media screen and (max-width: 736px) {
  .text--product-title .model-number {
    font-size: 20px;
  }
}

.text--product-title .product-title-sub {
  display: block;
  font-size: 30px;
  line-height: 1;
}

@media screen and (max-width: 736px) {
  .text--product-title .product-title-sub {
    font-size: 19px;
  }
}

.text--product-title__description {
  font-weight: bold;
  font-size: 28px;
  display: block;
	line-height: 1.3;
}

@media screen and (max-width: 736px) {
  .text--product-title__description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px;
  }
}

#sec1 .text--product-title,
#intro .text--product-title{
  font-size: 60px;
	margin-top: 10px;
	line-height: 1.2;
}

@media screen and (max-width: 736px) {
#sec1 .text--product-title,
#intro .text--product-title {
    font-size: 32px;
  }
}

.product-links {
  list-style: none;
  display: -ms-flexbox;
  display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
  -ms--ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
  -ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
  justify-content: center;
  gap: 0 15px;
  width: 100%;
  font-size: 14px;
}



.product-links .product-links__item {
    position: relative;
    text-align: center;
    display: inline-block;
	padding: 0 2px 0 0;
	margin: 0;
}
.product-links .product-links__item a {
  box-sizing: border-box;
  color: #2b383f;
  font-weight: bold;
  font-size: 20px;
  display: block;
  background-color: #eceff1;
  border-radius: 5px;
	padding: 14px 0;
  width: 290px;
}
.product-links .product-links__item.is-current a {
  background-color: #ff6400;
	color: #fff;
}


@media screen and (max-width: 736px) {
.product-links .product-links__item {
    font-size: 12px;
    line-height: 20px;
    width: 45%;
    letter-spacing: 0;
	padding: 0;
}
	.product-links .product-links__item a {
	font-size: 11px;
	padding: 10px 0;
  width: 100%;
  }
}

.product-links .product-links__item a:hover {
  text-decoration: none;
	opacity: 0.7;
}

#sec1 .product-box{
	margin: 20px 0 50px;
}
@media screen and (max-width: 736px) {
#sec1 .product-box{
    -ms-flex-direction: column;
        flex-direction: column;
	margin: 20px 0 30px;
  }
}

.product-box .spec {
  width: 39.79592%;
  margin-right: 12.2449%;
}

@media screen and (max-width: 736px) {
  .product-box .spec {
    width: 100%;
    -ms-flex-order: 2;
    order: 2;
  }
}

.product-box .spec .price-box {
  display: inline-block;
  background-color: #eceff1;
  padding: 15px 20px;
  margin-bottom: 60px;
}

@media screen and (max-width: 736px) {
  .product-box .spec .price-box {
    width: 100%;
  }
}

.product-box .spec .price-box .price {
  color: #c00;
  font-weight: bold;
  font-size: 36px;
}
.product-box .spec .spec-detail {
  margin-top: 0;
}

@media screen and (max-width: 736px) {
  .product-box .spec .price-box .price {
    font-size: 28px;
}
    .product-box .spec .spec-detail {
  margin-top: 0px;
}
}


.product-box .spec .spec-detail ul {
  font-weight: bold;
  list-style: none;
  margin-bottom: 20px;
}

.product-box .spec .spec-detail ul li {
  border-top: 1px solid #bbb;
  padding: 10px 15px;
}

.product-box .spec .spec-detail ul li:last-child {
  border-bottom: 1px solid #bbb;
}

.product-box .spec .spec-detail dl {
  display: -ms-flexbox;
  display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  -moz-box-pack:justify;
	-ms-box-pack:justify;
	box-pack:justify;
	flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

.product-box .spec .spec-detail dt {
  font-size: 22px;
  font-weight: bold;
}

.product-box .spec .spec-detail dt.ls {
  letter-spacing: -0.05em;
}

@media screen and (max-width: 736px) {
  .product-box .spec .spec-detail dt {
    font-size: 18px;
  }
}

@media screen and (max-width: 736px) {
  .product-box .spec .spec-detail dt.sp-br {
    font-size: 14px;
  }
}

.product-box .spec .spec-detail dt.text-pc-br {
  font-size: 16px;
}

@media screen and (max-width: 736px) {
  .product-box .spec .spec-detail dt.text-pc-br {
    font-size: 14px;
  }
}

.product-box .spec .spec-detail dd {
  font-size: 28px;
  font-weight: bold;
}

.product-box .spec .spec-detail dd span.unit,
.product-box .spec .spec-detail dt .note {
  font-size: 16px;
  font-weight: normal;
  vertical-align: middle;
}

.product-box .spec .spec-detail dd.spec_2 {
  line-height: 1.1;
}

.product-box .spec .spec-detail dd span.unit2 {
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
}

@media screen and (max-width: 736px) {
  .product-box .spec .spec-detail dd {
    font-size: 25px;
  }
}

.product-box .spec .spec-detail .dougabtn a {
  display: -ms-flexbox;
  display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background-color: #c00;
  padding: 15px;
  border-radius: 5px;
  width: 274px;
  font-size: 14px;
}

@media screen and (max-width: 736px) {
  .product-box .spec .spec-detail .dougabtn a {
    margin: 0 auto;
    width: 88%;
  }
}

.product-box .spec .spec-detail .dougabtn a::before {
  content: url("/battery/lineup/common/img/movie-icon.png");
  margin-right: 10px;
  margin-top: 2px;
}

.product-box .spec .spec-detail .dougabtn a::after {
  content: ">";
  position: absolute;
  right: 15px;
  font-size: 20px;
  top: 10px;
}

.product-box .spec .spec-option{
  font-size: 14px;
}

.product-box .img-box {
  position: relative;
  top: 80px;
  width: 46%;
  box-sizing: border-box;
}

.product-box .img-box .product-img.mt-110 {
	margin-top: -110px;
}

.product-box .img-box .product-img.mt-80 {
	margin-top: -80px;
}

.product-box .img-box .product-img.mt-130 {
	margin-top: -130px;
}

.product-box .img-box .product-img.mt-160 {
	margin-top: -160px;
}

.product-box .img-box .product-img.mt-180 {
	margin-top: -180px;
}

.product-box .img-box .product-img.mt-200 {
	margin-top: -200px;
}
.product-box .img-box .product-img.mt-220 {
	margin-top: -220px;
}
@media screen and (min-width: 737px) {
  .product-box .img-box .product-img.mt-280-pc {
    margin-top: -280px;
  }
}

@media screen and (max-width: 736px) {
  .product-box .img-box {
    width: 72.5%;
    top: 0;
  }

	.product-box .img-box .product-img.mt-110,
	.product-box .img-box .product-img.mt-80,
	.product-box .img-box .product-img.mt-130,
	.product-box .img-box .product-img.mt-160,
	.product-box .img-box .product-img.mt-180,
	.product-box .img-box .product-img.mt-200,
	.product-box .img-box .product-img.mt-220{
		margin-top: 0;
	}
}

.js-product-accordion-btn.text--subheading > span{
	font-weight: normal;
	font-size: 14px;
	margin-left: 20px;
}
.js-product-accordion-panel-lead{
	padding-top: 30px;
}
.product-icon{
  position: absolute;
  top: 10px;
  left: 10px;
  width: 25%;
}

.product-icon.mt-120 {
	margin-top: -120px;
}
.product-icon.mt-160 {
	margin-top: -160px;
}

@media screen and (max-width: 736px) {
.product-icon.mt-120 {
	margin-top: 0;
}
.product-icon.mt-160 {
	margin-top: 0;
}
}
.product-icon img{
  width: 100%;
  height: auto;
}

@media screen and (max-width: 736px) {
  .product-icon{
    top: 0;
    left: 0;
    width: 30%;
  }
}

.product-box .img-box > figure {
  position: relative;
}

@media screen and (max-width: 736px) {
  .product-box .img-box > figure {
    position: static;
  }
}

@media screen and (max-width: 736px) {
  .product-box .img-box {
    width: 81.25% !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media screen and (max-width: 736px) {
  .js-product-accordion-panel {
    display: none;
  }
}

@media screen and (max-width: 736px) {
  .js-product-accordion-btn {
    position: relative;
    background-color: #eceff1;
    box-sizing: border-box;
    width: 110%;
    margin-left: -5%;
    padding-left: 10%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .js-product-accordion-btn.is-icon-close::after {
    position: absolute;
    color: #404a4f;
    margin-right: 10px;
    font-size: 24px;
    vertical-align: 2px;
    vertical-align: 2px;
    right: 1%;
    content: "+";
  }
  .js-product-accordion-btn.is-icon-open::after {
    position: absolute;
    color: #404a4f;
    margin-right: 10px;
    font-size: 24px;
    vertical-align: 2px;
    right: 1%;
    vertical-align: 2px;
    content: "-";
  }
}

.functionnal-list {
  -ms--ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
      -ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
  list-style: none;
  font-size: 12px;
}

@media screen and (max-width: 736px) {
  .functionnal-list {
    margin-bottom: 40px;
  }
}

.functionnal-list ul {
  list-style: none;
}

.functionnal-list .title {
  font-size: 16px;
  margin: 15px 0;
}

.functionnal-list span.line-wrap {
  display: -ms-flexbox;
  display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
}

.functionnal-list span.red {
  height: 2px;
  background-color: #c00;
  width: 50px;
}

.functionnal-list span.gray {
  width: 100%;
  background-color: #aaa;
  height: 2px;
}

.functionnal-list .list__panele {
  margin-top: 30px;
  margin-left: 5px;
}

@media screen and (max-width: 736px) {
  .functionnal-list .list__panele {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 736px) {
  .functionnal-list .icon-wrapper {
    -ms--ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
        -ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
  }
}

.functionnal-list .icon-wrapper li {
  width: 70px;
  height: 70px;
  font-size: 12px;
  display: -ms-flexbox;
  display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.functionnal-list .icon-wrapper li p {
  font-size: 10px;
}
.functionnal-list .icon-wrapper li p .icon-spacing {
  letter-spacing: -1px;
}

@media screen and (max-width: 736px) {
  .functionnal-list .icon-wrapper li {
    width: 28.125%;
    height: 75px;
    font-size: 12px;
    margin-left: 3%;
    margin-bottom: 5px;
  }
  .functionnal-list .icon-wrapper li:nth-child(n+4) {
    margin-top: 3%;
  }
}

.functionnal-list .icon-wrapper li + li {
  margin-left: 5px;
}

@media screen and (max-width: 736px) {
  .functionnal-list .icon-wrapper li + li {
    margin-left: 3%;
  }
}

.functionnal-list .icon-wrapper li.pc-none {
  display: none;
}

@media screen and (max-width: 736px) {
  .functionnal-list .icon-wrapper li.pc-none {
    display: -ms-flexbox;
    display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
  }
}

.functionnal-list .icon-wrapper li.on {
  background-color: #22272a;
}

.functionnal-list .icon-wrapper li.on > p {
  text-align: center;
  color: #fff;
  letter-spacing: 0;
 line-height:  13px;
}

.functionnal-list .icon-wrapper li.off {
  text-align: center;
  background-color: #e1e4e6;
}

.functionnal-list .icon-wrapper li.off > p {
  color: #999;
}

.functionnal-list .icon-wrapper li p.small {
  font-size: 10px;
  letter-spacing: 0;
}

.js-product-accordion-close-btn {
  display: none;
}

@media screen and (max-width: 736px) {
  .js-product-accordion-close-btn {
    display: block;
    text-align: center;
    font-size: 14px;
    border: 1px solid #999;
    border-radius: 5px;
    padding: 15px 0;
    width: 80%;
    margin: 0 auto;
    position: relative;
  }
  .js-product-accordion-close-btn::after {
    position: absolute;
    right: 10px;
    font-size: 14px;
    content: "×";
  }
}



.safty-area {
  -ms-flex-pack: justify;
  -moz-box-pack:justify;
	-ms-box-pack:justify;
	box-pack:justify;
	flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
  -ms--ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
      -ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}

@media screen and (max-width: 736px) {
  .safty-area {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.safty-area h4 {
  margin-bottom: 30px;
}
.safty-area .emb-card  h4 {
  margin-bottom: 15px;
}
@media screen and (max-width: 736px) {
  .safty-area h4 {
    margin-bottom: 15px;
  }
}

.safty-area .title {
  font-size: 14px;
  background-color: #eceff1;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-weight: bold;
}

.safty-area .graph-wrapp {
  width: 53.57143%;
}

@media screen and (max-width: 736px) {
  .safty-area .graph-wrapp {
    width: 100%;
  }
  .safty-area .graph-wrapp > .l-flex-box {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.safty-area .graph-wrapp .l-col {
  width: 35%;
}

.safty-area .graph-wrapp .l-col figure {
  margin-bottom: 10px;
}

@media screen and (max-width: 736px) {
  .safty-area .graph-wrapp .l-col {

  }
}

.safty-area .graph-wrapp .r-col {
  width: 100%;
  margin-left: 4%;
}

@media screen and (max-width: 736px) {
  .safty-area .graph-wrapp .r-col {
    width: 100%;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 30px;
  }
}

.safty-area .graph-wrapp .r-col ul {
  font-size: 16px;
  list-style: none;
}

@media screen and (max-width: 736px) {
  .safty-area .graph-wrapp .r-col ul {
    display: -ms-flexbox;
    display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
    -ms-flex-pack: justify;
    -moz-box-pack:justify;
	-ms-box-pack:justify;
	box-pack:justify;
	flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
    -ms--ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
        -ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
  }
}

.safty-area .graph-wrapp .r-col ul li {
  padding: 10px;
  border-bottom: 1px solid #bbb;
}

@media screen and (max-width: 736px) {
  .safty-area .graph-wrapp .r-col ul li {
    width: 42.1875%;
  }
}

.safty-area .graph-wrapp .r-col dl {
  display: -ms-flexbox;
  display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
  -ms-flex-pack: justify;
  -moz-box-pack:justify;
	-ms-box-pack:justify;
	box-pack:justify;
	flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

.safty-area .graph-wrapp .r-col dl dt,.safty-area .graph-wrapp .r-col dl dd {
  font-size: 16px;
}
.safty-area .text-cap{
  font-size: 14px;
}

@media screen and (max-width: 736px) {
  .safty-area .graph-wrapp .r-col dl dt,.safty-area .graph-wrapp .r-col dl dd {
    font-size: 12px;
  }
	/*android*/
	.android .safty-area .graph-wrapp .r-col dl dd {
    transform: scale(1.3,1.3);
}
.safty-area .text-cap{
    margin-bottom: 20px;
  }
}

.emb-are-wrapper {
  width: 100%;
  -ms-flex-pack: justify;
  -moz-box-pack:justify;
	-ms-box-pack:justify;
	box-pack:justify;
	flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

@media screen and (max-width: 736px) {
  .emb-are-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
    padding-top: 0;
    width: 100%;
  }
}

.emb-are-wrapper .emb-card {
  -ms-flex-pack: justify;
  -moz-box-pack:justify;
	-ms-box-pack:justify;
	box-pack:justify;
	flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #bbb;
}

.emb-are-wrapper .emb-card + .emb-card {
  border-bottom: none;
}
@media screen and (max-width: 736px) {
 .emb-are-wrapper .emb-card + .emb-card {
     padding-bottom: 0;
     margin-bottom: 0;
}
    .emb-are-wrapper .emb-card + .emb-card .text-cap{text--product-title
        margin-bottom: 0;
        font-size: 14px;
    }
}

@media screen and (max-width: 736px) {
	.emb-are-wrapper .emb-card .text--plane {
	    line-height: 1.6;
	}
}

.emb-are-wrapper .emb-card .text-under-line {
  font-size: 14px;
}

.emb-are-wrapper .emb-card span:hover {
  text-decoration: underline;
}
.emb-are-wrapper .emb-card span{
  text-decoration: underline;
}
.emb-are-wrapper .emb-card figure {
  width: 12%;
}

.emb-are-wrapper .emb-card .text-wrap {
  width: 86%;
}

.emb-are-wrapper .emb-card .text-wrap .text--subheading,
.emb-are-wrapper .emb-card .text-wrap .text--plane {
  display: table-cell;
  vertical-align: top;
}

.emb-are-wrapper .emb-card .text-wrap .text--subheading {
  width: 25%;
}

.emb-are-wrapper .emb-card .text-wrap .text--plane .notice {
  margin: 0;
}

.emb-are-wrapper .notice {
    color: #c00 !important;
    text-align: left !important;
    text-decoration: none !important;
}

.other-product-wrapper {
  -ms-flex-align: initial;
  align-items: initial;
}

@media screen and (max-width: 736px) {
  .other-product-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-top: 0;
  }
  .emb-are-wrapper .emb-card .text-wrap .text--subheading,
  .emb-are-wrapper .emb-card .text-wrap .text--plane {
    display: block;
  }
  .emb-are-wrapper .emb-card figure {
    width: 26%;
  }
  .emb-are-wrapper .emb-card .text-wrap {
    width: 70%;
  }
  .emb-are-wrapper .emb-card .text-wrap .text--subheading {
    width: 100%;
  }
}

.other-product-wrapper .other-model-list {
  display: -ms-flexbox;
  display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
  -ms--ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
      -ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
  width: 68.36735%;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 736px) {
  .other-product-wrapper .other-model-list {
    width: 100%;
    margin-top: 30px;
  }
}

.other-product-wrapper .other-title {
  width: 27.14286%;
  color: #fff;
  padding: 30px 20px;
  margin-right: 20px;
  display: -ms-flexbox;
  display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("/battery/lineup/common/img/tri1.png");
  background-repeat: no-repeat;
  background-position: right;
	background-size: auto 100%;
	font-size: 20px;
}

@media screen and (max-width: 736px) {
  .other-product-wrapper .other-title {
    width: 100%;
    font-size: 16px;
    background-image: url("/battery/lineup/common/img/tri1-sp.png");
    background-position: bottom;
    padding: 20px 20px 40px;
	text-align: center;
	justify-content: center;
  }
  .other-product-wrapper .other-title br {
    display: none;
  }
}

.other-product-wrapper .other-model-list__item {
  list-style: none;
  box-sizing: border-box;
  width: 165px;
}

@media screen and (max-width: 736px) {
  .other-product-wrapper .other-model-list__item {
    width: 50%;
  }
}

.other-product-wrapper .other-model-list__item:nth-child(n+5) {
  margin-top: 40px;
}

@media screen and (max-width: 736px) {
  .other-product-wrapper .other-model-list__item:nth-child(n+5) {
    margin-top: 0;
  }
}

@media screen and (max-width: 736px) {
  .other-product-wrapper .other-model-list__item:nth-child(n+3) {
    margin-top: 0px;
  }
}

.other-product-wrapper .other-model-list__item.is-current {
  background-color: #eceff1;
}

.other-product-wrapper .other-model-list__item figure {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  vertical-align: bottom;
}

.other-product-wrapper .other-model-list__item figcaption {
  margin-top: 10px;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0;
}

@media screen and (max-width: 736px) {
  .other-product-wrapper .other-model-list__item figcaption {
    font-size: 14px;
  }
}

.other-product-wrapper .other-model-list__item figcaption span {
  display: block;
}

.other-product-wrapper .other-model-list__item figure img {
  width: 48.48485%;
}

.oil-msg {
  border: 5px solid #efefef;
}

.oil-msg p {
  color: #c00;
}

.attention-list {
  list-style: none;
}

.attention-list li {
  font-size: 16px;
margin-top: 5px!important;
}

.attention-list li::before {
  content: "■";
  color: #bbb;
  padding-right: 5px;
}
.attention-list li span.tdu {
	font-weight: bold;
    text-decoration: underline;
}

.attention-box {
  border-color: #efefef;
  border: 5px solid #efefef;
  background-color: #fff;
  transition: .4s;
}

.attention-box a {
  padding: 30px;
  display: -ms-flexbox;
  display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 736px) {
  .attention-box a {
    padding: 15px;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.attention-box .l-col {
  width: 28.26531%;
}

@media screen and (max-width: 736px) {
  .attention-box .l-col {
    width: 100%;
    padding-bottom: 15px;
  }
}

.attention-box .l-col figure {
  width: 65px;
  height: auto;
  display: inline-block;
  margin-right: 10px;
  vertical-align: text-top;
}

@media screen and (max-width: 736px) {
  .attention-box .l-col figure {
    width: 13.46154%;
    vertical-align: middle;
    margin-right: 15px;
  }
}

.attention-box .l-col p {
  width: 60%;
  color: #c00;
  font-weight: bold;
  display: inline-block;
  vertical-align: text-top;
}

@media screen and (max-width: 736px) {
  .attention-box .l-col p {
    width: 72%;
    vertical-align: middle;
  }
}

.attention-box .r-col {
  width: 68.57143%;
  padding-left: 30px;
  border-left: 1px solid #ccc;
}

@media screen and (max-width: 736px) {
  .attention-box .r-col {
    border-left: none;
    border-top: 1px solid #ccc;
    padding-left: 0;
    padding-top: 15px;
    width: 100%;
  }
}

.attention-box .r-col .text--subheading {
  color: #c00;
}

.attention-box .r-col .text--plane--link {
  text-align: right;
  font-size: 16px;
  text-decoration: underline;
}

@media screen and (max-width: 736px) {
  .attention-box .r-col .text--plane--link {
    font-size: 14px;
  }
}

.attention-box:hover {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .3);
}
#sec1 .text--product-title__description,
#intro .text--product-title__description{
  color: #ff6400;
}

@media screen and (max-width: 736px) {
  #sec1 .text--product-title__description,
  #intro .text--product-title__description {
    color: #ff6400;
    font-size: 20px;
    line-height: 1.4;
  }
  #sec1 .text--product-title__descripftion,
  #intro .text--product-title__description {
    font-size: 16px;
  }
  #sec1 .text--product-title_sub,
   {
    font-size: 13px;
  }
}
#sec1 .text--product-title__description sup{
  color: #c00;
	font-size: 14px;
	vertical-align: top;
}
#sec1 .l-section-inner{
  padding-top: 15px;
}
@media screen and (max-width: 736px) {
#sec1 .l-section-inner{
  padding-top: 0;
}
}

#kvArea {
  position: relative;
}

#kvArea figure.bgi {
  background-size: cover;
  background-position: center;
  height: 525px;
}

@media screen and (max-width: 736px) {
  #kvArea figure.bgi {
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 78.125%;
  }
}

#kvArea .l-text-box{
  position: absolute;

  width: 980px;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 736px) {
  #kvArea .l-text-box {
    position: static;
    width: 100%;
  }
}

#kvArea .l-text-box .text-box {
  background-color: rgba(255, 255, 255, .6);
  position: absolute;
  padding: 30px;
}

@media screen and (max-width: 736px) {
  #kvArea .l-text-box .text-box {
    position: static;
    background-color: #fff;
	  padding: 30px 15px;
  }
}

#kvArea .item-type {
  font-size: 18px;
  color: #fff;
  padding: 10px;
}

@media screen and (max-width: 736px) {
  #kvArea .item-type {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
  }
}

#kvArea .item-description {
  margin-top: 30px;
  font-size: 40px;
  line-height: 45px;
  font-weight: 100;
  color: #2b383f;
    line-height: 1.4;
}

@media screen and (max-width: 736px) {
  #kvArea .item-description {
      margin-top: 20px;
    font-size: 22px;
    line-height: 1.4;
    color: #2b383f;
  }
}

#kvArea .logo {
  width: 346px;
}

@media screen and (max-width: 736px) {
  #kvArea .logo {
    margin-top: 12px;
    width: 54.0625%;
  }
}

#kvArea .kv-end {
  position: relative;
  bottom: 0;
  color: #fff;
  width: 100%;
  box-sizing: border-box;
  font-size: 36px;
}
#kvArea .kv-end h4 {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  color: #fff !important;
  padding: 5px 0;
	letter-spacing: 0;
}
#kvArea .kv-end h4 .model-number{
  font-size: 28px;
}

@media screen and (max-width: 736px) {
  #kvArea .kv-end {

    padding: 3% 5.46875%;
    letter-spacing: -1px;
  }
    #kvArea .kv-end h4{
        font-size: 20px;
    }
#kvArea .kv-end h4 .model-number{
  font-size: 16px;
}
}


.annzenn {
  border: 5px solid #efefef;
  margin-bottom: 10px;
}

.annzenn h4 {
  color: #ff6400;
}

.annzenn ul {
  margin-top: 30px;
  list-style: none;
}
@media screen and (max-width: 736px) {
.annzenn ul {
  margin-top: 20px;
}

}

.annzenn li {
  font-size: 16px;
margin-top: 5px;
}
@media screen and (max-width: 736px) {
  .annzenn li {
  font-size: 14px;
}
.annzenn li  + li{
margin-top: 10px;
}

}

.annzenn li::before {
  content: "●";
  color: #bbb;
  padding-right: 5px;
}

footer {
  margin-top: 30px;
}
@media screen and (max-width: 736px) {
footer {
  margin-top: 0px;
}
}


@media screen and (max-width: 736px) {
.product-box .spec .price-box{
  margin-bottom: 20px;
}
/*.product-box .spec .price-box{
  margin-bottom: 0px;
}*/
}
.emb-card a:hover{
  opacity: .7;
}

.emb-card [class*="text--"] + [class*="text--"] {
    margin-top: 10px;
}

#topnavigation li:hover{
  color: #ff6400;
}
#topnavigation li p{
  color: inherit;
}
#batteryWrapp .tabWrapp, #batteryWrapp .topNav{
  width: 980px !important;
}
@media screen and (max-width: 736px) {
 #batteryWrapp .tabWrapp, #batteryWrapp .topNav{
  width: 100% !important;;
}
.attention-list li{
    font-size: 14px;
}
}
.other-model-list li:hover{
  opacity: .7;
}



.cont_movie{
	width:  640px;
	padding-bottom: 50px;
	margin: 0 auto;

}
.cont_movie .video-js, .cont_movie .video-js video{
	width:  640px;
}
@media screen and (max-width: 736px) {
.cont_movie{
	width:  100%;
	padding-bottom: 30px;
}
.cont_movie .video-js, .cont_movie .video-js video{
	width:  100%!important;
	height: auto!important;
    position: relative;
}

}

.r-text-wrapper{
    width: 980px;
    margin: 0 auto;
    right: 0;
    left: 0;
    top: 123px;
    position: absolute;
}
@media screen and (max-width: 736px) {
 .r-text-wrapper{
    width: 100%;
     position: static;
}
}

.r-text-wrapper .l-text{
    width: auto;
    position: absolute;
    background-color: rgba(64, 74, 79, .6);
    padding: 30px;
    left: 100px;
}
.r-text-wrapper .r-text{
    width: auto;
    position: absolute;
    background-color: rgba(255, 255, 255, .6);
    padding: 30px;
    right: 0px;
}

@media screen and (max-width: 736px) {
    .r-text-wrapper .r-text{
        right: 0;
        background-color: #fff;
        position: static;
		padding: 30px 15px;
    }
    .r-text-wrapper .l-text{
        left: 0;
        background-color: #fff;
        position: static;
		padding: 30px 15px;
    }
}
@media screen and (max-width: 736px) {
    .l-module-margin{
  margin: 30px 0 30px;
}
}
#sec4 .l-section-inner {
    padding-top: 30px;
}
@media screen and (max-width: 736px) {
#sec4 .l-section-inner {
  padding: 0px 4.6875% 70px;
}
.other-product-wrapper .other-title {
  height: auto!important;
  background-image: url("/battery/lineup/common/img/tri1-sp.png");
	background-size: 100% 30px;
}
}
/*#tab03 table{
  word-break:break-all;
}*/


/*------------------------tooltip------------------------------*/

.js-product-accordion-icon.is-active{
    opacity: .7;
}

.js-product-accordion-baloon{
    position: absolute;
    top: 78px;
    z-index: 10;
    padding: 20px;
    border:5px solid #e1e4e6;
    background-color: #fff;
    width: 525px;
    display: none;
    box-sizing: border-box;
}
/*吹き出し*/
.js-product-accordion-baloon::before {
	position: absolute;
	top: -30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 15px solid #e1e4e6;
}
.js-product-accordion-baloon::after {
	position: absolute;
	top: -20px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 15px solid #fff;
}

.js-product-accordion-baloon .close-btn{
    position: absolute;
    color: #2b383f!important;
    font-size: 30px!important;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 15px;
    z-index: 11;
    line-height: 30px!important;
	text-align: center;
}
.js-product-accordion-baloon .title-main{
    font-size: 20px;
    text-align: left;
    color: #2b383f;
    font-weight: bold;
    margin: 0 0 10px;
}

.js-product-accordion-baloon .title{
    font-size: 16px;
    text-align: left;
    color: #2b383f;
    font-weight: bold;
    margin: 0;
}
.js-product-accordion-baloon .text{
    text-align: left!important;
    color: #2b383f !important;
    margin-top: 5px;
    line-height: 24px!important;
    font-size: 16px!important;
}
.text + .title{
    margin-top: 20px;
}

/*
バルーンのレイアウト
pc版はfunctionnal-listをrelativeしてsp版は.js-product-accordion-baloonをrelativeする
一段目と二段目でバルーンのtopを指定する
*/
.js-product-accordion-icon{
    cursor: pointer;
    position: static;
}
.list__panele{
    position: relative;
}
@media screen and (max-width: 736px) {
 .js-product-accordion-icon{
    position: relative;
}
}
.js-product-accordion-baloon{
    top: 130px;
}
.idou .js-product-accordion-baloon,
.mente .js-product-accordion-baloon{
    left: 0;
}
.jyosetu .js-product-accordion-baloon{
    left: -150px;
}

.sousa .js-product-accordion-baloon,
.kaiteki .js-product-accordion-baloon{
    left: 0;
}
.brade .js-product-accordion-baloon{
    left: -375px;
}


/*矢印のレイアウト*/

 .js-product-accordion-icon:nth-child(1) .js-product-accordion-baloon::before,
 .js-product-accordion-icon:nth-child(1) .js-product-accordion-baloon::after {
    left: 4%;
}
 .js-product-accordion-icon:nth-child(2) .js-product-accordion-baloon::before,
 .js-product-accordion-icon:nth-child(2) .js-product-accordion-baloon::after {
    left: 18%;
}

.js-product-accordion-icon:nth-child(3) .js-product-accordion-baloon::before,
 .js-product-accordion-icon:nth-child(3) .js-product-accordion-baloon::after {
    left: 33%;
}
 .js-product-accordion-icon:nth-child(4) .js-product-accordion-baloon::before,
 .js-product-accordion-icon:nth-child(4) .js-product-accordion-baloon::after {
    left: 48%;
}
 .js-product-accordion-icon:nth-child(5) .js-product-accordion-baloon::before,
 .js-product-accordion-icon:nth-child(5) .js-product-accordion-baloon::after {
    left: 63%;
}
 .js-product-accordion-icon:nth-child(6) .js-product-accordion-baloon::before,
 .js-product-accordion-icon:nth-child(6) .js-product-accordion-baloon::after {
    left: 77%;
}
 .js-product-accordion-icon:nth-child(7) .js-product-accordion-baloon::before,
 .js-product-accordion-icon:nth-child(7) .js-product-accordion-baloon::after {
    left: 91%;
}

.jyosetu .js-product-accordion-icon:nth-child(1) .js-product-accordion-baloon::before,
.jyosetu .js-product-accordion-icon:nth-child(1) .js-product-accordion-baloon::after {
    left: 33%;
}
.jyosetu .js-product-accordion-icon:nth-child(2) .js-product-accordion-baloon::before,
.jyosetu .js-product-accordion-icon:nth-child(2) .js-product-accordion-baloon::after {
    left: 48%;
}
.jyosetu .js-product-accordion-icon:nth-child(3) .js-product-accordion-baloon::before,
.jyosetu .js-product-accordion-icon:nth-child(3) .js-product-accordion-baloon::after {
    left: 63%;
}
 .jyosetu .js-product-accordion-icon:nth-child(4) .js-product-accordion-baloon::before,
 .jyosetu .js-product-accordion-icon:nth-child(4) .js-product-accordion-baloon::after {
    left: 77%;
}
 .jyosetu .js-product-accordion-icon:nth-child(5) .js-product-accordion-baloon::before,
 .jyosetu .js-product-accordion-icon:nth-child(5) .js-product-accordion-baloon::after {
    left: 91%;
}
.brade .js-product-accordion-icon:nth-child(1) .js-product-accordion-baloon::before,
.brade .js-product-accordion-icon:nth-child(1) .js-product-accordion-baloon::after {
    left: 77%;
}

@media screen and (max-width: 736px) {
    .js-product-accordion-baloon{
        width: 322%;
        padding: 10px;
        top: 80px;
    }
    .js-product-accordion-baloon .close-btn{
    position: absolute;
    color: #2b383f!important;
    font-size: 30px!important;
    right: 15px;
    top: 10px;
    }
	.js-product-accordion-baloon .title-main{
    font-size: 19px;
		width: 100%;
		padding-right: 30px;
		box-sizing: border-box;
}
    .js-product-accordion-baloon .title{
        font-size: 18px;
		width: 100%;
		padding-right: 30px;
		box-sizing: border-box;
		}
    .js-product-accordion-baloon .text{
        font-size: 14px;
    }
    /*    バルーンのレイアウト*/
    .js-product-accordion-icon:nth-child(3n + 1) .js-product-accordion-baloon{
        left: 0;
    }
    .js-product-accordion-icon:nth-child(3n + 2) .js-product-accordion-baloon{
        left: -110%;
    }
    .js-product-accordion-icon:nth-child(3n + 3) .js-product-accordion-baloon{
        left: -222%;
    }
/*    矢印のレイアウト*/
    .js-product-accordion-icon:nth-child(3n + 1) .js-product-accordion-baloon::before,
    .js-product-accordion-icon:nth-child(3n + 1) .js-product-accordion-baloon::after{
        left: 12%;
    }
    .js-product-accordion-icon:nth-child(3n + 2) .js-product-accordion-baloon::before,
    .js-product-accordion-icon:nth-child(3n + 2) .js-product-accordion-baloon::after{
        left: 46%;
    }
    .js-product-accordion-icon:nth-child(3n + 3) .js-product-accordion-baloon::before,
    .js-product-accordion-icon:nth-child(3n + 3) .js-product-accordion-baloon::after{
        left: 82%;
    }

	.jyosetu .js-product-accordion-icon:nth-child(1) .js-product-accordion-baloon::before,
	.jyosetu .js-product-accordion-icon:nth-child(1) .js-product-accordion-baloon::after {
		left: 12%;
	}
	.jyosetu .js-product-accordion-icon:nth-child(2) .js-product-accordion-baloon::before,
	.jyosetu .js-product-accordion-icon:nth-child(2) .js-product-accordion-baloon::after {
		left: 46%;
	}
	.jyosetu .js-product-accordion-icon:nth-child(3) .js-product-accordion-baloon::before,
	.jyosetu .js-product-accordion-icon:nth-child(3) .js-product-accordion-baloon::after {
		left: 82%;
	}
	 .jyosetu .js-product-accordion-icon:nth-child(4) .js-product-accordion-baloon::before,
	 .jyosetu .js-product-accordion-icon:nth-child(4) .js-product-accordion-baloon::after {
		left: 12%;
	}
	 .jyosetu .js-product-accordion-icon:nth-child(5) .js-product-accordion-baloon::before,
	 .jyosetu .js-product-accordion-icon:nth-child(5) .js-product-accordion-baloon::after {
		left: 46%;
	}
	 .brade .js-product-accordion-icon:nth-child(1) .js-product-accordion-baloon::before,
	 .brade .js-product-accordion-icon:nth-child(1) .js-product-accordion-baloon::after {
		left: 12%;
	}
}
.js-product-accordion-baloon.is-active{
    display: block;
}

.js-product-accordion-icon.on:hover{
	background-color: #363c40;
}

 li.js-product-accordion-icon.on:hover{
	background-color: #363c40;
}
 li.js-product-accordion-icon.off:hover{
	background-color: #e8eced;
}

@media screen and (max-width: 736px) {
 li.js-product-accordion-icon.on:hover{
	background-color: #22272a;
}
 li.js-product-accordion-icon.off:hover{
	background-color: #e1e4e6;
}
}


.text--subheading_s {
	font-weight: bold;
	font-size: 22px;
}
.text .notes {
	font-size: 14px;
}
@media screen and (max-width: 736px) {
.text--subheading_s {
	font-size: 18px;
}
}

.minimum {
  display: inline-block;
  white-space: nowrap;
  font-size: 10px;
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
@media screen and (max-width: 736px) {
.minimum {
  font-size: 10px;
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -o-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
}
}


@media screen and (min-width: 737px), print {
  .info-bnr {
    width: 60%;
    margin: 0 auto 23px;
  }
}

@media screen and (max-width: 736px) {
  .info-bnr {
    width: 100%;
    margin: 13px auto 14px;
  }
}

.info-bnr .info-bnr__item {
  background-color: #eceff1;
}

@media screen and (max-width: 736px) {
  .info-bnr .info-bnr__item::after {
    right: 6px;
  }
}

.info-bnr .info-bnr__item a {
  display: block;
  position: relative;
  font-family: "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴ W3 JIS2004", "メイリオ", "meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-weight: 400;
}

@media screen and (min-width: 737px), print {
  .info-bnr .info-bnr__item a {
    padding: 13px 9px 9px 23px;
  }
}

@media screen and (max-width: 736px) {
  .info-bnr .info-bnr__item a {
    padding: 8px 0 8px 16px;
    letter-spacing: 0.03em;
  }
}

.info-bnr .info-bnr__item a:after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  height: 22px;
  margin: auto;
  -webkit-transform: scaleX(0.9);
      -ms-transform: scaleX(0.9);
          transform: scaleX(0.9);
  color: #ff6400;
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f054";
}