/* List Main */
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
.detail-main {
  padding: 30px 15px 20px;}
.detail-main__container {
  max-width: 1100px;
  margin: 0 auto;}
.detail-main__heading {
  border-bottom: 1px solid #c0c0c0;
  color: #333;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.3em;
  margin:25px 0 15px;
  padding-bottom: 7px;}
.detail-main__heading2 {
  color: #595757;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 15px;}
  .detail-main__product:after {
    content: ' ';
    clear: both;
    display: block;}
.detail-main__product-image {
  max-width: 160px;
  margin: 0 auto 20px;}
  .detail-main__product-image img {
    max-width: 100%;}
  .detail-main__product-image .detail-main__product-zoom {
    color: #595757;
    clear: both;
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.3em;
    margin-top: 8px;}
.detail-main__product-info {
  padding-top: 10px;
  position: relative;}
.detail-main__product-types {
  position: absolute;
  left: 100px;
  top: 0;}
.detail-main__product-types li {
  color: #fff;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.3em;
  margin: 0 2px 3px 0;
  padding: 3px 5px;
  min-width: 50px;
  text-align: center;}
.detail-main__product-types li.blue {
  background: #46a8ff;}
.detail-main__product-types li.gray {
  background: #808080;}
.detail-main__product-types li.orange {
  background: #ff7800;}
.detail-main__product-paragraph {
  color: #333;
  margin-bottom: 10px;}
.detail-main__product-paragraph > span {
  display: block;}
.detail-main__product-paragraph .detail-main__product-id {
  font-size: 1rem;
  line-height: 1.3em;
  margin-bottom: 10px;}
.detail-main__product-paragraph .detail-main__product-name {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 10px;}
.detail-main__product-paragraph .detail-main__product-description {
  font-size: 1.2rem;
  line-height: 1.3em;}
.detail-main__product-price_container > p {
  font-size: 1.2rem;
  line-height: 1.3em;
  margin-bottom: 10px;}
.detail-main__product-price__wrap {
  display: table;
  margin: 0 0 20px auto;
  position: relative;}
.detail-main__product-price__inner {
  display: table-row;
  margin-bottom: 5px;}
.detail-main__product-price__inner > dt,
.detail-main__product-price__inner > dd {
  display: table-cell;
  font-weight: bold;
  line-height: 2em;
  text-align: right;}
.detail-main__product-price__inner > dt {
  font-size: 1.8rem;}
.detail-main__product-price__inner > dd > span {
  font-size: 1.8rem;
  font-weight: normal;
  position: relative;
  top: 2px;}
.detail-main__product-cart {
  background: #e6e6e6;
  margin-bottom: 15px;
  padding: 15px 0px;
  text-align: center;}
  .detail-main__product-cart > span {
    font-size: 1.3rem;}
  .detail-main__product-cart input[type="text"] {
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #9f9f9f;
    font-size: 1.5rem;
    height: 15px;
    padding: 5px;
    position: relative;
    top: -3px;
    width: 30px;}
.mb0{
	margin-bottom:0px !important;}
.detail_btn{
  -ms-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 0 10px 0px;
  padding: 10px;
  -ms-transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-align: center;
width: 100%;
max-width: 230px;}
.input_area{
	margin-bottom:7px;}
.detail-main__product-cart__btn {
  background: #ff9500;
}
.detail-main__estimate__btn {
      background: #00D0FF;}
  .detail-main__product-cart__btn i {
    font-size: 1.8rem;
    position: relative;
    top: 0;}
.detail-main__product-add__btn {
  margin-bottom: 8px;
  text-align: center;}
  .detail-main__product-add__btn a {
    background: #595959;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 10px 23px;
    -ms-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;}
.detail-main__product-add__note {
  font-size: 1.37rem;
  line-height: 1.5em;
  text-align: left;}
.detail-main__tbl-wrap {
  margin-bottom: 20px;
  overflow-x: scroll;}
.detail-main__tbl-wrap::-webkit-scrollbar {
    height: 5px;}
.detail-main__tbl-wrap::-webkit-scrollbar-thumb {
    background: #9f9e9e;}
.detail-main__tbl-wrap::-webkit-scrollbar-track {
    background: #ccc;}
.detail-main__tbl table {
  width: 980px;}
  .detail-main__tbl th,
  .detail-main__tbl td {
    background: #fff;
    border: 1px solid #b2b2b2;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.3em;
    padding: 10px 0;
    vertical-align: middle;
    text-align: center;}
  .detail-main__tbl th {
    background: #f7f8f8;
    font-size: 1.3rem;}
  .detail-main__tbl-head {
    width: 21%;}
  .detail-main__tbl-size1 {
    width: 5%;}
  .detail-main__tbl-size2 {
    width: 12.5%;}
  .detail-main__tbl-size3 {
    width: 6.8%;}
  .detail-main__icon-type span {
    background: #46aaff;
    color: #fff;
    display: inline-block;
    font-size: bold;
    padding: 11px 4px;}
.detail-main__category__back-cart {
  text-align: center;}
  .detail-main__category__back-cart a {
    background: #ff9500;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    max-width: 250px;
    margin: 0 auto;
    padding: 10px;
    -ms-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    text-align: center;
    width: auto;}
    .detail-main__category__back-cart i {
      font-size: 1.8rem;
      position: relative;
      top: 0;}
.detail-main__related-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  align-content: unset;
  align-items: stretch;
  margin-right: -2%;}
.detail-main__related-list > li {
  border: 1px solid #a6a6a6;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #595757;
  margin-bottom: 10px;
  margin-right: 2%;
  width: 48%;
  padding: 10px 10px 50px;
  position: relative;}
.detail-main__related-list .detail-main__related-image {
  margin-bottom: 15px;
  text-align: center;}
  .detail-main__related-list .detail-main__related-image a img {
    -webkit-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    transition: all ease 0.5s;}
.detail-main__related-list .detail-main__related-type {
  margin-bottom: 10px;}
.detail-main__related-list .detail-main__related-type li {
  color: #fff;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.3em;
  min-width: 48px;
  margin: 0 2px 5px 0;
  padding: 3px 5px;
  text-align: center;}
.detail-main__related-list .detail-main__related-type li.blue {
  background: #46a8ff;}
.detail-main__related-list .detail-main__related-type li.gray {
  background: #808080;}
.detail-main__related-list .detail-main__related-type li.orange {
  background: #ff7800;}
.detail-main__related-list .detail-main__related-type li.green {
  background: #28b3b3;}
.detail-main__related-list .detail-main__related-type li.purple {
  background: #a078d2;}
.detail-main__related-list .detail-main__related-id {
  font-size: 1.1rem;
  line-height: 1.1em;
  margin-bottom: 10px;}
.detail-main__related-list .detail-main__related-name {
  font-size: 1.375rem;
  font-weight: normal;
  line-height: 1.3em;
  margin-bottom: 10px;}

.detail-main__related-price__wrap {
  position: absolute;
  right: 0;
  bottom: 12px;
  width: 100%;
}
.detail-main__related-price__inner {
  margin-bottom: 5px;
  width: 100%;
}
.detail-main__related-price__inner > dt,
.detail-main__related-price__inner > dd {
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.3em;
  text-align: right;
}
.detail-main__related-price__inner > dd > span {
  font-size: 1.15rem;
}
.detail-main__related-price__inner > dt{
  width: 40%;
  float: left;
}


@media screen and (max-width: 468px){
    .detail-main__product-add__btn a {
      display: block;}
}

@media screen and (max-width: 360px){
    .detail-main__related-list {
      margin-right: 0;}
    .detail-main__related-price__wrap {
      position: static;
    }
    .detail-main__related-list > li {
      margin-right: 0;
      flex-basis:100%;
      padding-bottom: 10px;}
}