@charset "UTF-8";
#cboxPrevious {
  top: 50%; }

#cboxNext {
  top: 50%;
  right: 0;
  left: auto !important; }

#cboxCurrent {
  left: 0 !important; }

.detail-wrapper {
  margin-top: 60px; }
  .detail-wrapper .contact-one {
    margin-top: 60px; }
  .detail-wrapper .visual {
    background: url("../../../../data/img/pc/detail/visual_bg.png") no-repeat center center;
    background-size: cover;
    height: 120px; }
    .detail-wrapper .visual .layout {
      height: 100%; }
      .detail-wrapper .visual .layout .txt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        text-align: center;
        width: 100%; }
        .detail-wrapper .visual .layout .txt h1 {
          font-size: 32px;
          line-height: 1;
          color: #fff;
          width: 100%; }
          .detail-wrapper .visual .layout .txt h1 span {
            display: block;
            font-size: 16px;
            margin-top: 15px; }
  .detail-wrapper .sec1 {
    padding: 45px 0 147px; }
    .detail-wrapper .sec1 .entry {
      float: right;
      width: 710px;
      position: relative;
      z-index: 99; }
      .detail-wrapper .sec1 .entry .tags div {
        float: left;
        line-height: 1;
        font-weight: bold; }
        .detail-wrapper .sec1 .entry .tags div span {
          width: 100%;
          text-align: center;
          display: block;
          font-weight: normal; }
        .detail-wrapper .sec1 .entry .tags div.new {
          width: 60px;
          font-size: 12px;
          color: #fff;
          background-color: #E83030;
          height: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
        .detail-wrapper .sec1 .entry .tags div.is_new {
          width: 60px;
          font-size: 12px;
          color: #fff;
          background-color: #00A5DC;
          height: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
        .detail-wrapper .sec1 .entry .tags div.not-new {
          width: 60px;
          font-size: 12px;
          color: #333333;
          background-color: #FFD800;
          height: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
        .detail-wrapper .sec1 .entry .tags div.model {
          font-size: 12px;
          padding: 0 10px;
          color: #fff;
          background-color: #000;
          height: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
        .detail-wrapper .sec1 .entry .tags div:nth-child(n+2) {
          margin-left: 10px; }
      .detail-wrapper .sec1 .entry .name {
        font-size: 24px;
        font-weight: bold;
        color: #122F77;
        line-height: 1;
        margin-top: 14px; }
      .detail-wrapper .sec1 .entry .content {
        clear: both;
        padding-top: 41px; }
        .detail-wrapper .sec1 .entry .content .details {
          float: left;
          width: 270px; }
          .detail-wrapper .sec1 .entry .content .details .price-txt .txt1 {
            font-size: 16px;
            font-weight: bold;
            color: #333333;
            line-height: 1; }
          .detail-wrapper .sec1 .entry .content .details .price-txt .txt2 {
            font-size: 28px;
            font-weight: bold;
            color: #E83030;
            line-height: 1;
            margin-top: 10px; }
            .detail-wrapper .sec1 .entry .content .details .price-txt .txt2 span {
              color: #333333;
              font-size: 14px;
              font-weight: normal; }
              .detail-wrapper .sec1 .entry .content .details .price-txt .txt2 span label {
                font-size: 12px; }
            .detail-wrapper .sec1 .entry .content .details .price-txt .txt2 .discount {
              font-size: 28px;
              font-weight: bold;
              color: #333333;
              text-decoration: line-through;
              position: relative;
              padding-left: 40px;
              margin-bottom: 15px; }
              .detail-wrapper .sec1 .entry .content .details .price-txt .txt2 .discount::before {
                content: "";
                background: url("../../../../data/img/pc/detail/dc_icon.png") no-repeat;
                background-size: cover;
                width: 30px;
                height: 36px;
                position: absolute;
                left: 0;
                top: 0; }
          .detail-wrapper .sec1 .entry .content .details table {
            width: 100%;
            margin-top: 28px; }
            .detail-wrapper .sec1 .entry .content .details table tr {
              border-bottom: 4px solid #fff; }
              .detail-wrapper .sec1 .entry .content .details table tr th {
                text-align: left;
                font-size: 14px;
                font-weight: normal;
                color: #333333;
                width: 120px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height: 40px;
                vertical-align: middle;
                padding-left: 10px;
                background-color: #CCCCCC; }
              .detail-wrapper .sec1 .entry .content .details table tr td {
                font-size: 12px;
                font-weight: normal;
                color: #333333;
                height: 40px;
                background-color: #EFF5EA;
                vertical-align: middle;
                padding-left: 10px; }
          .detail-wrapper .sec1 .entry .content .details .green-tag {
            border: 2px solid #3EBE65;
            margin-top: 14px; }
            .detail-wrapper .sec1 .entry .content .details .green-tag .tag-ttl {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              background-color: #3EBE65;
              width: 95px;
              float: left;
              height: 40px; }
              .detail-wrapper .sec1 .entry .content .details .green-tag .tag-ttl span {
                display: block;
                width: 100%;
                text-align: center;
                font-size: 12px;
                font-weight: bold;
                color: #fff; }
            .detail-wrapper .sec1 .entry .content .details .green-tag .tag-txt {
              height: 40px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
              .detail-wrapper .sec1 .entry .content .details .green-tag .tag-txt span {
                display: block;
                width: 100%;
                text-align: center;
                font-size: 14px;
                font-weight: normal;
                color: #333333; }
          .detail-wrapper .sec1 .entry .content .details a {
            display: block;
            margin: 17px auto 0;
            background-color: #FF5800;
            position: relative;
            font-size: 18px;
            font-weight: normal;
            color: #fff;
            text-align: center;
            line-height: 1;
            width: 100%;
            padding: 27px 0;
            border-radius: 3px;
            border: 1px solid #FF5800; }
            .detail-wrapper .sec1 .entry .content .details a::before {
              content: '';
              border: solid #fff;
              border-width: 0 2px 2px 0;
              display: inline-block;
              margin: auto;
              -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
              -webkit-transform: rotate(-45deg);
              position: absolute;
              right: 13px;
              top: 0;
              bottom: 0;
              width: 10px;
              height: 10px; }
            .detail-wrapper .sec1 .entry .content .details a:hover {
              color: #FF5800;
              background-color: #fff; }
              .detail-wrapper .sec1 .entry .content .details a:hover::before {
                border: solid #FF5800;
                border-width: 0 2px 2px 0; }
        .detail-wrapper .sec1 .entry .content .img-container {
          float: right;
          width: 400px; }
          .detail-wrapper .sec1 .entry .content .img-container .box_img {
            position: relative;
            height: 300px; }
          .detail-wrapper .sec1 .entry .content .img-container .img_large {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            overflow: hidden;
            width: 100%;
            height: 300px; }
            .detail-wrapper .sec1 .entry .content .img-container .img_large:first-child {
              z-index: 2; }
            .detail-wrapper .sec1 .entry .content .img-container .img_large a {
              width: 100%;
              height: 100%;
              display: -webkit-flex;
              /* Safari用 */
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-justify-content: center;
              /* Safari用 */
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-align-items: center;
              /* Safari用 */
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              background: #cfcfcf; }
            .detail-wrapper .sec1 .entry .content .img-container .img_large img {
              max-width: 100%;
              max-height: 100%;
              width: auto; }
          .detail-wrapper .sec1 .entry .content .img-container p {
            text-align: right;
            font-size: 14px;
            font-weight: normal;
            color: #333333;
            line-height: 1;
            margin-top: 11px;
            position: relative; }
            .detail-wrapper .sec1 .entry .content .img-container p .search {
              position: absolute;
              right: 160px;
              top: 0; }
          .detail-wrapper .sec1 .entry .content .img-container ul.flex {
            margin-top: 16px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between; }
            .detail-wrapper .sec1 .entry .content .img-container ul.flex:after {
              content: "";
              display: block;
              width: 120px; }
            .detail-wrapper .sec1 .entry .content .img-container ul.flex li {
              width: 120px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: end;
              -ms-flex-align: end;
              align-items: flex-end;
              margin-bottom: 20px; }
              .detail-wrapper .sec1 .entry .content .img-container ul.flex li img {
                max-width: auto;
                height: auto;
                width: 100%; }
      .detail-wrapper .sec1 .entry .notes {
        margin-top: 59px; }
        .detail-wrapper .sec1 .entry .notes li .ttl {
          height: 50px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background-color: #EFF5EA;
          font-size: 20px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-left: 5px solid #122F77;
          padding-left: 20px;
          color: #122F77; }
        .detail-wrapper .sec1 .entry .notes li p {
          font-size: 16px;
          font-weight: normal;
          color: #333333;
          margin-top: 30px;
          line-height: 1.4;
          padding-left: 30px; }
        .detail-wrapper .sec1 .entry .notes li:nth-child(n+2) {
          margin-top: 65px; }
      .detail-wrapper .sec1 .entry .contact {
        background-color: #122F77;
        border-radius: 10px;
        padding: 21px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 65px; }
        .detail-wrapper .sec1 .entry .contact .tel {
          width: 310px; }
          .detail-wrapper .sec1 .entry .contact .tel p {
            color: #fff;
            font-size: 18px;
            margin-bottom: 0; }
            .detail-wrapper .sec1 .entry .contact .tel p.info {
              text-align: left;
              padding-left: 70px;
              position: relative;
              margin-top: 11px; }
              .detail-wrapper .sec1 .entry .contact .tel p.info span {
                font-size: 32px;
                font-weight: bold;
                display: block; }
              .detail-wrapper .sec1 .entry .contact .tel p.info::before {
                position: absolute;
                content: '';
                background: url("../../../../data/img/pc/new-battery/icon_tel.png") center no-repeat;
                background-size: contain;
                width: 60px;
                height: 60px;
                left: 0;
                top: 5px; }
          .detail-wrapper .sec1 .entry .contact .tel a {
            display: block;
            background: #FFD800;
            color: #122F77;
            font-size: 18px;
            position: relative;
            padding: 5px 0;
            font-weight: bold;
            text-align: center; }
        .detail-wrapper .sec1 .entry .contact .fax {
          width: 310px; }
          .detail-wrapper .sec1 .entry .contact .fax p {
            color: #fff;
            font-size: 14px;
            margin-bottom: 0; }
            .detail-wrapper .sec1 .entry .contact .fax p.head {
              text-align: center; }
          .detail-wrapper .sec1 .entry .contact .fax ul {
            margin-top: 10px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; }
            .detail-wrapper .sec1 .entry .contact .fax ul li {
              width: 100px; }

@media screen and (max-width: 750px) {
  .sp-pad {
    padding: 0 4rem; }
  .detail-wrapper {
    margin-top: 16rem; }
    .detail-wrapper .visual {
      background: url("../../../../data/img/sp/detail/visual_bg.png") no-repeat center center;
      background-size: cover;
      height: 18rem; }
      .detail-wrapper .visual .layout {
        height: 100%; }
        .detail-wrapper .visual .layout .txt {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          height: 100%;
          text-align: center;
          width: 100%; }
          .detail-wrapper .visual .layout .txt h1 {
            font-size: 4.4rem;
            line-height: 1;
            color: #fff;
            width: 100%; }
            .detail-wrapper .visual .layout .txt h1 span {
              display: block;
              font-size: 2.4rem;
              margin-top: 2rem; }
    .detail-wrapper .layout {
      margin: 0 4rem;
      width: auto; }
    .detail-wrapper .contact-one {
      margin-top: 10rem; }
    .detail-wrapper .sec2 {
      padding: 7.5rem 0 0; }
    .detail-wrapper .sec1 {
      padding: 7.5rem 0; }
      .detail-wrapper .sec1 .entry {
        float: none;
        width: 100%; }
        .detail-wrapper .sec1 .entry .tags div.new {
          height: 4rem; }
          .detail-wrapper .sec1 .entry .tags div.new span {
            font-size: 2.4rem; }
        .detail-wrapper .sec1 .entry .tags div.not-new {
          height: 4rem; }
          .detail-wrapper .sec1 .entry .tags div.not-new span {
            font-size: 2.4rem; }
        .detail-wrapper .sec1 .entry .tags div.model {
          height: 4rem; }
          .detail-wrapper .sec1 .entry .tags div.model span {
            font-size: 2.4rem; }
        .detail-wrapper .sec1 .entry .tags div:nth-child(n+2) {
          margin-left: 2rem; }
        .detail-wrapper .sec1 .entry .name {
          font-size: 4.8rem;
          margin-top: 2rem;
          line-height: 1.8; }
        .detail-wrapper .sec1 .entry .content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          padding-top: 4rem; }
          .detail-wrapper .sec1 .entry .content .details {
            float: none;
            width: 100%;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            margin-top: 5rem; }
            .detail-wrapper .sec1 .entry .content .details .price-txt .txt1 {
              font-size: 3.1rem; }
            .detail-wrapper .sec1 .entry .content .details .price-txt .txt2 {
              font-size: 6.4rem; }
              .detail-wrapper .sec1 .entry .content .details .price-txt .txt2 .discount {
                font-size: 5.4rem;
                padding-left: 8rem;
                margin-bottom: 2rem; }
                .detail-wrapper .sec1 .entry .content .details .price-txt .txt2 .discount::before {
                  width: 6rem;
                  height: 7rem; }
              .detail-wrapper .sec1 .entry .content .details .price-txt .txt2 span {
                font-size: 3.1rem; }
                .detail-wrapper .sec1 .entry .content .details .price-txt .txt2 span label {
                  font-size: 2.3rem; }
            .detail-wrapper .sec1 .entry .content .details table {
              margin-top: 4rem; }
              .detail-wrapper .sec1 .entry .content .details table tr th {
                width: 20rem;
                font-size: 2.4rem;
                height: 6rem;
                padding-left: 2rem; }
              .detail-wrapper .sec1 .entry .content .details table tr td {
                font-size: 2.4rem;
                height: 6rem;
                padding-left: 2rem; }
            .detail-wrapper .sec1 .entry .content .details .green-tag {
              margin-top: 4rem;
              border: 0.2rem solid #3EBE65; }
              .detail-wrapper .sec1 .entry .content .details .green-tag .tag-ttl {
                height: 6rem;
                width: 20rem; }
                .detail-wrapper .sec1 .entry .content .details .green-tag .tag-ttl span {
                  font-size: 2.4rem; }
              .detail-wrapper .sec1 .entry .content .details .green-tag .tag-txt {
                height: 6rem; }
                .detail-wrapper .sec1 .entry .content .details .green-tag .tag-txt span {
                  font-size: 2.4rem; }
            .detail-wrapper .sec1 .entry .content .details a {
              height: 9rem;
              font-size: 2.4rem;
              margin: 8rem auto 0;
              width: 60rem;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              padding: 0; }
              .detail-wrapper .sec1 .entry .content .details a span {
                display: block;
                width: 100%;
                text-align: center; }
              .detail-wrapper .sec1 .entry .content .details a::before {
                border: solid #fff;
                border-width: 0 0.2rem 0.2rem 0;
                right: 3rem;
                height: 1.5rem;
                width: 1.5rem; }
          .detail-wrapper .sec1 .entry .content .img-container {
            float: none;
            width: 100%;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            background-color: #ccc; }
            .detail-wrapper .sec1 .entry .content .img-container .swiper-container .swiper-wrapper .swiper-slide {
              height: 56.5rem; }
            .detail-wrapper .sec1 .entry .content .img-container .swiper-container .swiper-pagination-bullet {
              width: 3rem;
              height: 3rem;
              margin: 0 1.5rem;
              background: #fff;
              opacity: 1;
              bottom: 3rem; }
            .detail-wrapper .sec1 .entry .content .img-container .swiper-container .swiper-pagination-bullet-active {
              background: #122F77; }
            .detail-wrapper .sec1 .entry .content .img-container .swiper-container .swiper-button-next {
              right: 4rem;
              background-image: none;
              width: 4.5rem;
              height: 4.5rem;
              border: solid #fff;
              border-width: 0 2px 2px 0;
              display: inline-block;
              margin: auto;
              -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
              -webkit-transform: rotate(-45deg);
              position: absolute;
              top: 0;
              bottom: 0; }
            .detail-wrapper .sec1 .entry .content .img-container .swiper-container .swiper-button-prev {
              left: 4rem;
              background-image: none;
              width: 4.5rem;
              height: 4.5rem;
              border: solid #fff;
              border-width: 0 2px 2px 0;
              display: inline-block;
              margin: auto;
              -ms-transform: rotate(135deg);
              transform: rotate(135deg);
              -webkit-transform: rotate(135deg);
              position: absolute;
              top: 0;
              bottom: 0; }
        .detail-wrapper .sec1 .entry .notes {
          margin-top: 10rem; }
          .detail-wrapper .sec1 .entry .notes li .ttl {
            height: 7rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 3rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-left: .5rem solid #122F77;
            padding-left: 2.5rem;
            margin-bottom: 3rem;
            color: #122F77; }
          .detail-wrapper .sec1 .entry .notes li p {
            margin-top: 4rem;
            padding-left: 0;
            font-size: 2.6rem;
            text-align: justify;
            line-height: 1.8; }
          .detail-wrapper .sec1 .entry .notes li:nth-child(n+2) {
            margin-top: 10rem; }
        .detail-wrapper .sec1 .entry .contact {
          border-radius: 1rem;
          padding: 3rem 3.5rem 3.5rem;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          display: block;
          margin: 15rem 0; }
          .detail-wrapper .sec1 .entry .contact .tel {
            width: auto; }
            .detail-wrapper .sec1 .entry .contact .tel p {
              color: #fff;
              font-size: 3.6rem;
              margin-bottom: 0; }
              .detail-wrapper .sec1 .entry .contact .tel p.info {
                text-align: left;
                padding-left: 10rem;
                position: relative;
                margin-top: 2rem;
                line-height: 1.1; }
                .detail-wrapper .sec1 .entry .contact .tel p.info span {
                  font-size: 6.4rem;
                  font-weight: bold;
                  display: block; }
                .detail-wrapper .sec1 .entry .contact .tel p.info::before {
                  position: absolute;
                  content: '';
                  background: url("../../data/img/sp/tire/icon_tel.png") center no-repeat;
                  background-size: contain;
                  width: 8.7rem;
                  height: 9rem;
                  left: 0;
                  top: .5rem; }
            .detail-wrapper .sec1 .entry .contact .tel a {
              display: block;
              background: #FFD800;
              color: #122F77;
              font-size: 2.6rem;
              position: relative;
              padding: 5px 0;
              font-weight: bold;
              text-align: center; }
          .detail-wrapper .sec1 .entry .contact .fax {
            width: auto; }
            .detail-wrapper .sec1 .entry .contact .fax p {
              color: #fff;
              font-size: 2.6rem;
              margin-bottom: 0; }
              .detail-wrapper .sec1 .entry .contact .fax p.head {
                margin-top: 2rem;
                text-align: center; }
            .detail-wrapper .sec1 .entry .contact .fax ul {
              margin-top: 2rem;
              -webkit-box-pack: justify;
              -ms-flex-pack: justify;
              justify-content: space-between; }
              .detail-wrapper .sec1 .entry .contact .fax ul li {
                width: 17rem; } }