@charset "UTF-8";
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center; }

#detail {
  font-family: sans-serif; }
  #detail .main-visual {
    background-color: #fff;
    border-bottom: 1px solid #B0B0B0; }
    #detail .main-visual .layout h2 img {
      margin: 12px 0 0; }
  #detail .left {
    width: 730px;
    background-color: #fff; }
  #detail section {
    padding: 22px 0 35px; }
    #detail section .layout .left {
      width: 730px;
      box-shadow: 0px 0 5px 0 #000; }
      #detail section .layout .left .sec1 .head {
        background: url("../../../../img/news/detail/pc/bg_head.png") no-repeat center;
        background-size: cover;
        box-shadow: 0px 2px 10px 0 #000;
        position: relative;
        z-index: 1;
        padding: 24px 0 20px 50px; }
        #detail section .layout .left .sec1 .head h3 {
          font-size: 28px;
          color: #fff;
          display: inline-block;
          line-height: 1; }
        #detail section .layout .left .sec1 .head span {
          display: inline-block;
          background-color: #577E85;
          font-size: 20px;
          border-left: 4px solid #000;
          color: #fff;
          line-height: 1.4;
          padding: 0 10px;
          float: right; }
      #detail section .layout .left .sec1 h4 {
        background-color: #577E85;
        font-size: 24px;
        color: #fff;
        line-height: 1;
        padding: 14px 0 10px;
        text-align: center;
        font-family: sans-serif; }
      #detail section .layout .left .sec1 h5 {
        font-size: 15px;
        color: #BF272D;
        text-align: center;
        background-color: #CAD7DB; }
        #detail section .layout .left .sec1 h5 span::before {
          content: '▶';
          color: #BF272D; }
      #detail section .layout .left .sec1 .content {
        padding: 10px;
        text-align: center; }
        #detail section .layout .left .sec1 .content ul li {
          margin: 10px 0 7px 10px;
          width: 170px;
          height: auto; }
          #detail section .layout .left .sec1 .content ul li:first-child {
            margin-left: 0; }
          #detail section .layout .left .sec1 .content ul li p {
            font-size: 13px;
            line-height: 1.2;
            margin-top: 7px;
            text-align: left; }
      #detail section .layout .left .sec2 .wrap {
        background-color: #BC272D;
        padding: 8px 20px 6px; }
        #detail section .layout .left .sec2 .wrap h3 {
          font-size: 22px;
          color: #fff;
          display: inline-block;
          vertical-align: -13px;
          line-height: 1.1;
          text-align: center; }
        #detail section .layout .left .sec2 .wrap a.btn {
          font-size: 26px;
          color: #000;
          width: 220px;
          padding: 8px 25px 8px 0;
          border-radius: 7px;
          font-weight: bold;
          text-align: center;
          margin-left: 5px;
          display: inline-block; }
          #detail section .layout .left .sec2 .wrap a.btn::after {
            content: '';
            background: url("../../../../img/bike/detail/pc/icon_arrow.png");
            background-size: contain;
            width: 32px;
            height: 45px;
            right: 8px;
            top: 0; }
      #detail section .layout .left .sec2 .content {
        padding: 10px; }
        #detail section .layout .left .sec2 .content .head {
          background: url("../../../../img/bike/detail/pc/bg_head_check.png") no-repeat top;
          background-size: contain;
          padding: 5px 0 0 18px;
          margin-bottom: 20px; }
          #detail section .layout .left .sec2 .content .head .float-left h4 img {
            margin: 5px auto; }
          #detail section .layout .left .sec2 .content .head .float-left h5 {
            font-size: 18px;
            color: #fff; }
          #detail section .layout .left .sec2 .content .head .float-right dl {
            width: 505px;
            margin-top: 9px; }
            #detail section .layout .left .sec2 .content .head .float-right dl dd {
              font-size: 14px;
              border-top: 1px dotted #000;
              line-height: 1.5; }
              #detail section .layout .left .sec2 .content .head .float-right dl dd:last-child {
                border-bottom: 1px dotted #000; }
              #detail section .layout .left .sec2 .content .head .float-right dl dd::before {
                content: '・'; }
        #detail section .layout .left .sec2 .content ul li {
          background: url("../../../../img/bike/detail/pc/bg_check_blue.png") no-repeat top;
          background-size: contain;
          padding: 0 0 15px 0; }
          #detail section .layout .left .sec2 .content ul li h4 {
            font-size: 18px;
            color: #754C24;
            margin-bottom: 10px;
            margin-left: 12px; }
            #detail section .layout .left .sec2 .content ul li h4 span {
              font-size: 12px;
              color: #666666;
              float: right;
              line-height: 2;
              font-weight: normal; }
          #detail section .layout .left .sec2 .content ul li p {
            font-size: 14px; }
          #detail section .layout .left .sec2 .content ul li table {
            width: 340px; }
            #detail section .layout .left .sec2 .content ul li table.tb-left {
              float: left; }
            #detail section .layout .left .sec2 .content ul li table.tb-right {
              float: right; }
            #detail section .layout .left .sec2 .content ul li table tr {
              border-top: 1px dotted #000; }
              #detail section .layout .left .sec2 .content ul li table tr th {
                width: 160px; }
              #detail section .layout .left .sec2 .content ul li table tr:last-child {
                border-bottom: 1px dotted #000; }
              #detail section .layout .left .sec2 .content ul li table tr td {
                width: 180px;
                padding: 2px 0; }
            #detail section .layout .left .sec2 .content ul li table:nth-child(odd) {
              margin-left: 20px;
              width: 350px; }
              #detail section .layout .left .sec2 .content ul li table:nth-child(odd) tr th {
                width: 191px; }
              #detail section .layout .left .sec2 .content ul li table:nth-child(odd) tr td {
                width: 150px; }
          #detail section .layout .left .sec2 .content ul li .option-list ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap; }
            #detail section .layout .left .sec2 .content ul li .option-list ul li {
              background: none;
              padding: 2px 0;
              width: 340px;
              border-bottom: 1px dotted #000; }
              #detail section .layout .left .sec2 .content ul li .option-list ul li:nth-child(1), #detail section .layout .left .sec2 .content ul li .option-list ul li:nth-child(2) {
                border-top: 1px dotted #000; }
          #detail section .layout .left .sec2 .content ul li .option-remark {
            margin-top: 10px; }
          #detail section .layout .left .sec2 .content ul li.red {
            background: url("../../../../img/bike/detail/pc/bg_check_red.png") no-repeat top;
            background-size: contain;
            padding: 0 0 10px 0; }
            #detail section .layout .left .sec2 .content ul li.red h4 {
              color: #fff; }
            #detail section .layout .left .sec2 .content ul li.red table {
              border: 2px solid #939393;
              text-align: center;
              display: block;
              width: 100%;
              margin-left: 0; }
              #detail section .layout .left .sec2 .content ul li.red table tr th, #detail section .layout .left .sec2 .content ul li.red table tr td {
                width: 141px;
                height: 30px; }
              #detail section .layout .left .sec2 .content ul li.red table tr th {
                background-color: #DFE7E9;
                border: 1px solid #939393;
                font-size: 13px;
                font-weight: normal;
                vertical-align: middle; }
              #detail section .layout .left .sec2 .content ul li.red table tr td {
                background-color: #fff;
                border: 1px solid #939393;
                font-size: 16px;
                color: #BB272D;
                vertical-align: middle; }
                #detail section .layout .left .sec2 .content ul li.red table tr td.empty {
                  color: #000; }
            #detail section .layout .left .sec2 .content ul li.red p {
              font-size: 12px;
              color: #666666;
              line-height: 1.4;
              margin-top: 10px; }

@media screen and (max-width: 750px) {
  #detail {
    font-family: sans-serif; }
    #detail .main-visual {
      background: rgba(255, 255, 255, 0.6);
      border-bottom: .1rem solid #B0B0B0; }
      #detail .main-visual .layout {
        margin: 0 3rem; }
        #detail .main-visual .layout h2 img {
          margin: 1rem 0 .5rem; }
    #detail .page-link .layout {
      margin: 0 3rem; }
      #detail .page-link .layout li a:nth-child(2) {
        letter-spacing: -.1rem; }
      #detail .page-link .layout li a::before {
        top: 0; }
    #detail .left {
      width: auto;
      background-color: transparent; }
    #detail section {
      padding: 2.8rem 0 4.5rem; }
      #detail section .layout .left {
        width: auto;
        box-shadow: none;
        float: none; }
        #detail section .layout .left .sec1 {
          width: auto;
          margin: 0; }
          #detail section .layout .left .sec1 .head {
            background: url("../../../../img/bike/detail/sp/bg_head.png") no-repeat center;
            background-size: contain;
            box-shadow: 0 4px 2px -2px #000;
            position: relative;
            z-index: 1;
            padding: 1rem 0 .4rem 5rem;
            height: 6.61rem;
            display: flex;
            justify-content: space-between;
            align-items: center; }
            #detail section .layout .left .sec1 .head::after {
              content: none; }
            #detail section .layout .left .sec1 .head h3 {
              font-size: 2.8rem;
              color: #fff;
              line-height: 3.4rem; }
            #detail section .layout .left .sec1 .head span {
              white-space: nowrap;
              flex-shrink: 0;
              background-color: #577E85;
              font-size: 2rem;
              border-left: .4rem solid #000;
              color: #fff;
              line-height: 1.4;
              padding: 0 1rem;
              margin-top: 0; }
          #detail section .layout .left .sec1 h4 {
            background-color: #577E85;
            font-size: 2.4rem;
            color: #fff;
            line-height: 1;
            padding: 1.4rem 0 1rem;
            text-align: center;
            font-family: sans-serif; }
          #detail section .layout .left .sec1 h5 {
            font-size: 2.2rem;
            color: #BF272D;
            text-align: center;
            background-color: #CAD7DB; }
            #detail section .layout .left .sec1 h5 span::before {
              content: '▶';
              color: #BF272D; }
          #detail section .layout .left .sec1 .content {
            padding: 1.5rem 0; }
            #detail section .layout .left .sec1 .content ul li {
              margin: 1.5rem 0 .5rem;
              width: 33.6rem;
              height: auto; }
              #detail section .layout .left .sec1 .content ul li:first-child {
                margin-left: 0; }
              #detail section .layout .left .sec1 .content ul li:nth-child(odd) {
                margin-right: 1.5rem; }
              #detail section .layout .left .sec1 .content ul li p {
                font-size: 2.2rem;
                line-height: 1.2;
                margin-top: .7rem; }
        #detail section .layout .left .sec2 {
          margin: 0 -3rem; }
          #detail section .layout .left .sec2 .wrap {
            background-color: #BC272D;
            padding: .8rem 2rem .6rem; }
            #detail section .layout .left .sec2 .wrap h3 {
              font-size: 2.2rem;
              color: #fff;
              display: inline-block;
              vertical-align: -1.3rem;
              line-height: 1.1;
              text-align: center; }
            #detail section .layout .left .sec2 .wrap a.btn {
              font-size: 2.6rem;
              width: 22.9rem;
              padding: .9rem 2rem .9rem 0;
              border-radius: 1rem;
              margin-left: .5rem;
              line-height: 1.1;
              position: relative; }
              #detail section .layout .left .sec2 .wrap a.btn::after {
                content: '';
                position: absolute;
                background: url("../../../../img/bike/detail/sp/icon_arrow.png") no-repeat center;
                background-size: contain;
                width: 3.2rem;
                height: 4.5rem;
                right: .8rem;
                top: 0; }
          #detail section .layout .left .sec2 .content {
            padding: 3.5rem 3rem; }
            #detail section .layout .left .sec2 .content .head {
              background: url("../../../../img/bike/detail/sp/bg_head_check.png") no-repeat top;
              background-size: contain;
              padding: .5rem 0 0 1.8rem;
              margin-bottom: 3rem; }
              #detail section .layout .left .sec2 .content .head .float-left h4 img {
                width: 14.9rem;
                margin: .5rem auto; }
              #detail section .layout .left .sec2 .content .head .float-left h5 {
                font-size: 1.8rem;
                color: #fff; }
              #detail section .layout .left .sec2 .content .head .float-right dl {
                width: 49rem;
                margin-top: 1rem; }
                #detail section .layout .left .sec2 .content .head .float-right dl dd {
                  font-size: 2.2rem;
                  border-top: .2rem dotted #000;
                  line-height: 1.5; }
                  #detail section .layout .left .sec2 .content .head .float-right dl dd:last-child {
                    border-bottom: .2rem dotted #000; }
            #detail section .layout .left .sec2 .content ul li {
              background: url("../../../../img/bike/detail/sp/bg_check_blue.png") no-repeat top;
              background-size: contain;
              padding: 0 0 2rem 0; }
              #detail section .layout .left .sec2 .content ul li h4 {
                font-size: 2.6rem;
                margin-bottom: 1rem;
                margin-left: 1.2rem; }
              #detail section .layout .left .sec2 .content ul li span.sp {
                font-size: 2rem;
                line-height: 1.4;
                padding-top: .5rem;
                display: block; }
              #detail section .layout .left .sec2 .content ul li p {
                font-size: 2.2rem; }
              #detail section .layout .left .sec2 .content ul li table {
                width: 100%; }
                #detail section .layout .left .sec2 .content ul li table.tb-left, #detail section .layout .left .sec2 .content ul li table.tb-right {
                  float: none; }
                #detail section .layout .left .sec2 .content ul li table tr {
                  border-top: .2rem dotted #000; }
                  #detail section .layout .left .sec2 .content ul li table tr th {
                    width: 32rem;
                    font-size: 2.2rem;
                    font-weight: normal; }
                  #detail section .layout .left .sec2 .content ul li table tr:last-child {
                    border-bottom: .2rem dotted #000; }
                  #detail section .layout .left .sec2 .content ul li table tr td {
                    padding: .2rem 0;
                    font-size: 2.2rem;
                    width: auto; }
                  #detail section .layout .left .sec2 .content ul li table tr.border-bottom {
                    border-bottom: .2rem dotted #000; }
                #detail section .layout .left .sec2 .content ul li table:nth-child(odd) {
                  margin-left: 0;
                  width: 100%; }
                  #detail section .layout .left .sec2 .content ul li table:nth-child(odd) tr th {
                    width: 32rem; }
                  #detail section .layout .left .sec2 .content ul li table:nth-child(odd) tr td {
                    width: auto; }
                  #detail section .layout .left .sec2 .content ul li table:nth-child(odd) tr:first-child {
                    border-top: none; }
                  #detail section .layout .left .sec2 .content ul li table:nth-child(odd) tr:last-child th, #detail section .layout .left .sec2 .content ul li table:nth-child(odd) tr:last-child td {
                    border-bottom: .2rem dotted #000; }
              #detail section .layout .left .sec2 .content ul li .option-list {
                font-size: 2.2rem; }
                #detail section .layout .left .sec2 .content ul li .option-list ul {
                  display: block; }
                  #detail section .layout .left .sec2 .content ul li .option-list ul li {
                    width: auto; }
                    #detail section .layout .left .sec2 .content ul li .option-list ul li:nth-child(2) {
                      border-top: none; }
              #detail section .layout .left .sec2 .content ul li.red {
                background: url("../../../../img/bike/detail/sp/bg_check_red.png") no-repeat top;
                background-size: contain;
                padding: 0 0 1.2rem 0;
                margin-top: 2rem; }
                #detail section .layout .left .sec2 .content ul li.red h4 {
                  font-size: 2.6rem;
                  margin-bottom: 1rem;
                  margin-left: 1.2rem; }
                #detail section .layout .left .sec2 .content ul li.red span {
                  text-align: right;
                  margin-bottom: .5rem; }
                #detail section .layout .left .sec2 .content ul li.red table {
                  border: .2rem solid #939393;
                  text-align: center;
                  display: table;
                  width: 100%; }
                  #detail section .layout .left .sec2 .content ul li.red table tr {
                    border-top: .1rem solid #939393;
                    border-bottom: .1rem solid #939393; }
                    #detail section .layout .left .sec2 .content ul li.red table tr th, #detail section .layout .left .sec2 .content ul li.red table tr td {
                      width: 12.7rem;
                      height: 3rem;
                      line-height: 1.2; }
                    #detail section .layout .left .sec2 .content ul li.red table tr th {
                      background-color: #DFE7E9;
                      border: 1px solid #939393;
                      font-size: 2.2rem;
                      font-weight: normal;
                      vertical-align: middle; }
                      #detail section .layout .left .sec2 .content ul li.red table tr th:first-child {
                        width: 17.5rem; }
                    #detail section .layout .left .sec2 .content ul li.red table tr td {
                      background-color: #fff;
                      border: .2rem solid #939393;
                      font-size: 2.6rem;
                      color: #BB272D;
                      vertical-align: middle; }
                      #detail section .layout .left .sec2 .content ul li.red table tr td.empty {
                        color: #000; }
                #detail section .layout .left .sec2 .content ul li.red p {
                  font-size: 2rem;
                  color: #666666;
                  line-height: 1.4;
                  margin-top: 1rem; } }