.dcg {max-width:1240px; background: #fff;}
.dcg .clearfix::after {content: ""; clear: both; display: table;}
.dcg {font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif; }
.dcg h1, h2 {font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;}

.dcg  a {text-decoration: none; color: #fff;}
.dcg  a:hover {color: #fff;border: none;}
.dcg .button {font-weight: bold;}


 .dcg .nav-top {width: 100%;height: auto; overflow: auto;margin-top: 20px;margin-bottom: 20px;}
    .dcg .nav-top nav {margin:5px;}
    .dcg .nav-top nav ul { overflow: hidden; border:0px; padding: 25px 0px 0px 20px; }
    .dcg .nav-top li {float: left;padding: 0px 40px; font-weight: bold; font-size: 15px;} 
    .dcg .nav-top  ul a {border-right: 1px solid #000;} 
    .dcg .nav-top nav ul li.active {color:#e30613;;}
    .dcg .nav-top ul a:last-child  {border-right:none;}
    .dcg .nav-top a { padding:5px; color: #000; width: 25%;}
    .dcg .nav-top a {text-decoration: none; list-style: none;}
    .dcg .nav-top nav figure {display: inline-block; float: left; width:100%; padding: 10px; margin-right: 10px; text-align: center;}
    
@media (max-width:1239px) {
    .dcg .nav-top li {float: left;padding: 0px 38px; font-weight: bold; font-size: 15px;} 
}

@media only screen and (max-width: 768px) {
    .dcg .nav-top a { padding:5px; color: #000; width: 24%;}
    .dcg .nav-top nav a {display: inline-block; width:100%; float: none; }
    .dcg .nav-top nav ul { overflow: hidden; border:0px; padding: 25px 0px 0px 10px; }
    .dcg .nav-top nav figure { display: inline-block; float: none; width:100%;  padding:10px; margin:0px; text-align: center;}
    .dcg .nav-top ul a  {float: left; width: 25%; }
    .dcg .nav-top li {float: none; font-weight: bold; font-size: 14px; } 

    }
@media only screen and (max-width: 500px) {
    .dcg .nav-top li {float: none; padding: 0px 10px; font-weight: bold; font-size: 14px; } 

}

.dcg .nav-tab-row {background-color:#e30613; }
.dcg .nav-tab-block {float: left; width:25%; text-align: center; margin:0px 0%; color: #fff; padding:30px 0% 30px 0px; border: 1px solid #000; border-bottom: none;} 
.dcg .nav-tab-text p {margin:0px 40px 0px 28px;}
.dcg .nav-tab-block:nth-child(4) {border-right: none;}
.dcg .nav-tab-block:nth-child(1) {border-left: none;}

.dcg .audio-row{width:100%;}
.dcg .audio-block {float: right; width:50%;}
.dcg .audio-text {margin:80px 10%;}
.dcg .audio-text h1 {font-size: 35px; color:#e30613;}
.dcg .audio-text p {font-size: 15px; width: 100%;}
.dcg .audio-block .button {font-weight: bold; background-color:#e30613; padding: 10px; width:20%; border-radius: 20px; text-align: center; color: #fff;}

.dcg .text-sp {display: block;}
@media (max-width:1239px){
.dcg .audio-block .button {font-weight: bold; background-color:#e30613; padding: 10px; width:30%; border-radius: 20px; text-align: center; color: #fff;}

}
@media (max-width:800px){
.dcg .audio-text {margin:25px 10%;}
.dcg .audio-block .button {margin:0px 10%; background-color:#e30613; padding: 10px; width:26%; border-radius: 20px; text-align: center; color: #fff;}
}

@media (max-width:599px){
.dcg .audio-block {float: none; width:100%;}
.dcg .audio-text {margin:20px 5%;}
.dcg .audio-text p {font-size: 14px; width: 100%;}
.dcg .text-sp {display: inline;}
.dcg .audio-block .button {margin:20px 5%; background-color:#e30613; padding: 10px; width:25%; border-radius: 20px; text-align: center; color: #fff;}
}

.dcg .portable-row {width:100%;}
.dcg .portable-block {float: left; width:50%;}
.dcg .portable-text {margin: 60px 10%;}
.dcg .portable-text h1 {font-size: 35px; color:#e30613;}
.dcg .portable-text p {font-size: 15px;  width:100%;}
.dcg .portable-block .button-2 {font-weight: bold; background-color:#e30613; padding: 10px; width:45%; border-radius: 20px; text-align: center; color: #fff;}

@media (max-width:1239px) {
.dcg .portable-block .button-2 {font-weight: bold; background-color:#e30613; padding: 10px; width:60%; border-radius: 20px; text-align: center; color: #fff;}
}
@media (max-width:800px){
.dcg .portable-text p {font-size: 15px;  width:100%;}
.dcg .portable-text {margin: 10px 5%;}
.dcg .portable-block .button-2 {margin:0px 10%; background-color:#e30613; padding: 10px; width:60%; border-radius: 20px; text-align: center; color: #fff;}
}

@media (max-width:599px){
.dcg .portable-block {float: none; width:100%;}
.dcg .portable-block .button-2 {margin:20px 5%; background-color:#e30613; padding: 10px; width:45%; border-radius: 20px; text-align: center; color: #fff;}    
}

.dcg .hi-fi-row {width:100%; background-color: #000;}
.dcg .hi-fi-block {float: right; width:50%; }
.dcg .hi-fi-text h1{ font-size: 35px; color: #e30613; margin-bottom:30px;}
.dcg .hi-fi-text {margin: 70px 10%; color: #fff;}
.dcg .hi-fi-block .button-3 {font-weight: bold; background-color:#e30613; padding: 10px; width:40%; border-radius: 20px; text-align: center; color: #fff;}

@media (max-width:1239px) {
.dcg .hi-fi-block .button-3 {font-weight: bold; background-color:#e30613; padding: 10px; width:55%; border-radius: 20px; text-align: center; color: #fff;}
}
@media (max-width:800px){
.dcg .hi-fi-text {margin: 200px 5%; color: #fff;}
.dcg .hi-fi-block .button-3 {margin:0px 5%; background-color:#e30613; padding: 10px; width:50%; border-radius: 20px; text-align: center; color: #fff;}
}

@media (max-width:599px){
.dcg .hi-fi-block {float: none; width:100%; }
.dcg .hi-fi-text {margin: 30px 5%; color: #fff;}
.dcg .hi-fi-block .button-3 {margin:20px 5%; background-color:#e30613; padding: 10px; width:34%; border-radius: 20px; text-align: center; color: #fff;}
}

.dcg .dab-row {width:100%;}
.dcg .dab-block {float: left; width: 50%;}
.dcg .dab-text {margin:50px 10%; padding-bottom: 0px;}
.dcg .dab-text h1 {color: #e30613; font-size: 35px;}
.dcg .dab-text p {font-size: 15px;}
.dcg .dab-block .button {font-weight: bold; background-color:#e30613; padding: 10px; width:25%; border-radius: 20px; text-align: center; color: #fff;}
@media (max-width:1239px) {
.dcg .dab-block .button {font-weight: bold; background-color:#e30613; padding: 10px; width:30%; border-radius: 20px; text-align: center; color: #fff;}
}

@media (max-width:800px){
.dcg .dab-block .button {margin:0px 10%; background-color:#e30613; padding: 10px; width:30%; border-radius: 20px; text-align: center; color: #fff;}
}

@media (max-width:599px){
.dcg .dab-block {float: none; width: 100%;}
.dcg .dab-block .button {margin:30px 10%; background-color:#e30613; padding: 10px; width:20%; border-radius: 20px; text-align: center; color: #fff;}
.dcg .dab-text {margin:30px 5%; padding-bottom: 0px;}
.dcg .dab-block .button {margin:20px 5%; background-color:#e30613; padding: 10px; width:25%; border-radius: 20px; text-align: center; color: #fff;}
}