.breadcrumb-block{ border-top:1px solid #e4e4e4; border-bottom: 2px solid #dedede;}
.breadcrumb{margin: 0; padding: 20px 0; }

.cols{margin:0;}

.prod-pic{border:1px solid #CCC;}
.prod-pic>dt img{ cursor: pointer; width:100%; }
.prod-pic>dd{ overflow: hidden; position: relative; }
.prod-pic>dd>.prod-thumb{ width: 90%; margin:0 5%; overflow: hidden; position: relative; }
.prod-pic>dd>.prod-thumb>.thumb-block{ width: 100%; overflow: hidden; position: absolute; left:0; top:0; }
.prod-pic>dd>.prod-thumb a{ display: block; width: 30.3333%; margin:3% 1.5%; float: left; }
.prod-pic>dd>.prod-thumb a.active{ border: 5px solid #16509a; }
.slide-nav{top:50%;}
.prod-info dt{font-size:36px; font-weight: normal; line-height: 1.3; padding-bottom: .5em; }
.prod-info dd{font-size:18px; color:#999;}
.prod-info p{margin-bottom: 0;}
.button{width:50%; margin-top: 10px;}
.detail h1,.detail h2,.detail h3,.detail h4{ font-size: 40px;  color:#333; padding:.6em 1em; margin: 0 0 1em; position: relative; border-left: none; text-align: center; font-weight: normal; }
.detail h1::after,.detail h2::after,.detail h3::after,.detail h4::after{ position: absolute; bottom:0; left:50%; content:''; width:2em; margin-left: -1em; height:5px; background-color: #999;; }

@media (max-width:1200px) {
  .detail h1,.detail h2,.detail h3,.detail h4{font-size: 30px;}
}

@media (max-width:768px) {
  .detail h1,.detail h2,.detail h3,.detail h4{font-size: 24px;}
  .slide-nav a.prev,.slide-nav a.next{width:20px;}
  .breadcrumb{padding: 10px 0;}
  .prod-info dt{font-size: 28px;}
  .prod-info dd{font-size: 16px;}
}

@media (max-width:450px) {
  .detail h1,.detail h2,.detail h3,.detail h4{font-size: 20px;}
  .breadcrumb-block{display: none;}
  .m-v{margin: 0;}
  .cols{padding: 5vw;}
  .f-l+.f-r{margin-top: 5vw;}
  .prod-info dt{font-size: 24px;}
}