/*PCヘッダー*/
.fs-l-header__contents {
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    -ms-grid-columns: 30% 40% 30%;
    grid-template-columns: 30% 40% 30%;
}
/*見出し*/
.fs-p-heading--lv2 {
    font-weight: normal;
    margin-bottom: 30px;
    color: #ffffff;
    position: relative;
    font-size: 18px;
    background-color: #d7510f;
    padding: 15px 15px 11px 15px;
}

/* ===========================================================

共通パーツ

=========================================================== */

.contentArea__inner {
  max-width: 1240px;
  padding: 0 20px;
}
.contentArea__inner.noPadding {
  padding: 0;
}

.content_center {
  margin: 0 auto;
}

img {
  max-width: 100%;
  height: auto;
}

.sp_none {
  display: block;
}

.pc_none {
  display: none;
}

.content_area {
  margin-bottom: 0px;
}

.content_area__mb {
  margin-bottom: 0px;
}

.content_inner {
  margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
  .sp_none {
    display: none;
  }

  .pc_none {
    display: block;
  }

  .img_center {
    display: block;
    margin: auto;
  }
}


/*メインコンテンツ　必要
=========================================================== */
.left_contents {
  float: left;
  width: 100%;
  margin-top: 30px;
}

img.tester_banner {
  width: 100%;
}



/*製品情報
----------------------------------------------------------- */



@media screen and (max-width: 768px) {
  .product_info .chart-comp .chart {
    margin: 0 -19px;
  }
}
.product_info .chart-comp .chart-draw {
  overflow: hidden;
  *zoom: 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  .product_info .chart-comp .chart-draw {
    margin: 0 -18px;
  }
}
.product_info .chart-comp .chart-draw a.items {
  display: block;
  position: absolute;
  width: 10%;
}
@media screen and (max-width: 768px) {
  .product_info .chart-comp .chart-draw a.items {
    width: 15.29%;
  }
}
.product_info .chart-comp .chart-draw a.items img {
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
}
@media (min-width: 1025px) {
  .product_info .chart-comp .chart-draw a.items:hover:after {
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    width: 100%;
    height: 78%;
    padding-top: 35%;
    text-align: center;
    color: #fff;
    content: "\f00e";
  }
}
.product_info .chart-comp .chart-draw.all a.items.silvertouch {
  top: 6.80%;
  left: 7.82%;
  width: 10.47%;
}
.product_info .chart-comp .chart-draw.all a.items.ares {
  top: 19.77%;
  left: 29.00%;
}
.product_info .chart-comp .chart-draw.all a.items.mebiusspeed {
  top: 6.80%;
  right: 0%;
}
.product_info .chart-comp .chart-draw.all a.items.siliconetour {
  top: 24.01%;
  right: 33.78%;
  width: 11.04%;
}
.product_info .chart-comp .chart-draw.all a.items.diana {
  top: 42.37%;
  left: 17.00%;
}
.product_info .chart-comp .chart-draw.all a.items.silky {
  top: 42.37%;
  left: 0.00%;
}
.product_info .chart-comp .chart-draw.all a.items.voltpower {
  top: 39.55%;
  right: 11.49%;
  width: 9.23%;
}
.product_info .chart-comp .chart-draw.all a.items.mebius {
  top: 51.55%;
  right: 0.34%;
}
.product_info .chart-comp .chart-draw.all a.items.blackspider {
  top: 62.57%;
  left: 5.00%;
}
.product_info .chart-comp .chart-draw.all a.items.exmulti {
  top: 70.62%;
  left: 7.55%;
}
.product_info .chart-comp .chart-draw.all a.items.volt {
  top: 57.91%;
  right: 23.31%;
}
.product_info .chart-comp .chart-draw.all a.items.siliconsoft {
  top: 42.3%;
  right: 36.4%;
}
.product_info .chart-comp .chart-draw.all a.items.polydinamos {
  top: 64.55%;
  right: 30.18%;
  width: 11.26%;
}
.product_info .chart-comp .chart-draw.all a.items.snakespin {
  top: 59.1%;
  left: 29.00%;
}
.product_info .chart-comp .chart-draw.nylon a.items.silvertouch {
  top: 6.67%;
  left: 3.38%;
  width: 10.47%;
}
.product_info .chart-comp .chart-draw.nylon a.items.ares {
  top: 22.70%;
  left: 65.54%;
}
.product_info .chart-comp .chart-draw.nylon a.items.diana {
  top: 37.12%;
  left: 36.49%;
}
.product_info .chart-comp .chart-draw.nylon a.items.blackspider {
  top: 58.74%;
  left: 1.24%;
}
.product_info .chart-comp .chart-draw.nylon a.items.exmulti {
  top: 62.52%;
  left: 25.23%;
}
.product_info .chart-comp .chart-draw.nylon a.items.snakespin {
  top: 57.74%;
  left: 70.54%;
}
@media screen and (max-width: 768px) {
  .product_info .chart-comp .chart-draw.nylon a.items.silvertouch {
    top: 8.88%;
    left: 16.10%;
    width: 19.62%;
  }
  .product_info .chart-comp .chart-draw.nylon a.items.ares {
    top: 27.13%;
    left: 62.11%;
  }
  .product_info .chart-comp .chart-draw.nylon a.items.diana {
    top: 38.32%;
    left: 31.66%;
  }
  .product_info .chart-comp .chart-draw.nylon a.items.blackspider {
    top: 60.71%;
    left: 6.22%;
  }
  .product_info .chart-comp .chart-draw.nylon a.items.exmulti {
    top: 68.37%;
    left: 25.03%;
  }
  .product_info .chart-comp .chart-draw.nylon a.items.snakespin {
    top: 59.75%;
    left: 68%;
  }
}
.product_info .chart-comp .chart-draw.poly a.items.siliconetour {
  top: 25.6%;
  left: 3.8%;
  width: 11.3%;
}
.product_info .chart-comp .chart-draw.poly a.items.mebius {
  top: 48.47%;
  left: 84.91%;
}
.product_info .chart-comp .chart-draw.poly a.items.mebiusspeed {
  top: 7.39%;
  right: 0%;
}
.product_info .chart-comp .chart-draw.poly a.items.voltpower {
  top: 39.64%;
  left: 66.67%;
  width: 9.23%;
}
.product_info .chart-comp .chart-draw.poly a.items.volt {
  top: 55.14%;
  left: 36.49%;
}
.product_info .chart-comp .chart-draw.poly a.items.polydinamos {
  top: 57.48%;
  left: 15.6%;
  width: 10.9%;
}
.product_info .chart-comp .chart-draw.poly a.items.snakespin {
  top: 57.48%;
  left: 15.6%;
  width: 10.9%;
}
@media screen and (max-width: 768px) {
  .product_info .chart-comp .chart-draw.poly a.items.siliconetour {
    top: 26.92%;
    right: 5.82%;
    width: 20.57%;
  }
  .product_info .chart-comp .chart-draw.poly a.items.mebius {
    top: 51.24%;
    left: 78.51%;
  }
  .product_info .chart-comp .chart-draw.poly a.items.mebiusspeed {
    top: 8.44%;
    right: 4.33%;
  }
  .product_info .chart-comp .chart-draw.poly a.items.voltpower {
    top: 40.32%;
    left: 60.49%;
    width: 17.19%;
  }
  .product_info .chart-comp .chart-draw.poly a.items.volt {
    top: 57.82%;
    left: 33.83%;
  }
  .product_info .chart-comp .chart-draw.poly a.items.polydinamos {
    top: 62.41%;
    left: 12.58%;
    width: 20.43%;
  }
}

/*normalize
=========================================================== */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    outline:0;
    vertical-align:baseline;
} */

/*PCガットチャート表説明欄*/
     *{
       box-sizing: border-box;
     }
    #flexbox{
      display:flex; 
      flex-wrap: wrap;
      width: 100%;
      height:auto;
      padding:0px;
    }
    .box-item{
      width: 50%;
      text-align: center;
      padding:0px 80px;
    }
    .chart-heading1{
      display: block;
      width: 9em;
      background-color: #005e95;
      color: #fff;
      position: relative;
      margin: 0 0 12px -0.4em;
      padding: 6px 10px 5px;
      line-height: 1.4;
    }
    .chart-heading1-2{
      color: #005e95;
      font-size: 16px;
      font-weight: bold;
      margin-left: 0.4em;
    }
    .chart-heading2{
      display: block;
      width: 9em;
      background-color: #d95321;
      color: #fff;
      position: relative;
      margin: 0 0 12px -0.4em;
      padding: 6px 10px 5px;
      line-height: 1.4;
    }
    .chart-heading2-2{
      color: #d95321;
      font-size: 16px;
      font-weight: bold;
      margin-left: 0.4em;
    }

/*PCガットチャート表タイトル*/
.stringChart-index {
font-size : 20px;
font-weight : bold;
font-style : italic;
line-height : 5px;
color : #d95321;
padding-top : 30px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 1%;
border-bottom-width : 2px;
border-bottom-style : solid;
border-bottom-color : #d95321;
}

/*ご利用ガイド*/
.ShoppingGuide-title-big{
    font-size: 2.2em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 8px;
}
.section h3{
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.items{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.item{
  width: 23%;
  height:40px;
  text-align:center;
  padding:10px 0 50px 0;
  color: #2c2c2f;
  background: #e4e9fe;
  border-top: solid 5px #5989cf;
  border-bottom: solid 5px #5989cf;
  font-size:18px;
}
.guide-ttl{
  display: block;
  margin-bottom: 10px;
  padding:10px;
  font-size: 1.17em;
  font-weight: bold;
  background: #e6e6e6;
}
.guide-content {
  padding: 0px 10px 10px 30px;
  line-height: 1.8;
  font-size: 16px;
}
.ShoppingGuide-Table {
  border: 2px;
  border-collapse:  collapse;
}
.ShoppingGuide-th {
  padding: 10px;/*上下左右10pxずつ*/
}
.ShoppingGuide-td {
  padding: 5px 10px;/*上下3pxで左右10px*/
}
.ShoppingGuide-title-small {/*文字の上下二重線*/
  padding: 5px 0px;
  border-top: 3px double #000;
  border-bottom: 3px double #000;
}