/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Exo:900');
.black{
background-color: #333;

}
.modelname{
font-family: 'Exo', sans-serif;
font-size:5rem;
opacity: 1;
text-align: center;
margin-top: -95px;

    margin-left: 10px;
    z-index: 1;
    
}
.card{
width:100%;

}

p
{
  margin-top: 0px;
  margin-bottom: 0 !important;
}
.card > a {
background-color: #000;
}
.card-img-top{
 opacity: .6;
 border-radius:0;
}
.card .card-body{
padding-top: 0;
}

 div.col-4.px-0 > a.btn.btn-primary.btn-sm{

font-size: 0.8rem;
 }

.tmodel1{
font-family: 'Exo', sans-serif;
color:#D81B60;
font-size:4rem;
}
.tmodel2{
font-family: 'Exo', sans-serif;
color:#D1D1D0;
font-size:3.5rem;
}
.tmodel3{
font-family: 'Exo', sans-serif;
font-size:4rem;
color:#F4D021;
}

.model1{
font-family: 'Exo', sans-serif;
color:#D81B60;
opacity: 1;
z-index: 100;
}
.model2{
font-family: 'Exo', sans-serif;
color:#D1D1D0;
font-size:2.5rem;
}
.model3{
font-family: 'Exo', sans-serif;
color:#F4D021;
opacity: 1;
}

.xs_model1{
font-family: 'Exo', sans-serif;
color:#D81B60;
opacity: 1;
z-index: 100;
font-size: 2rem;
}
.xs_model2{
font-family: 'Exo', sans-serif;
color:#D1D1D0;
font-size:1rem;
}
.xs_model3{
font-family: 'Exo', sans-serif;
color:#F4D021;
opacity: 1;
font-size: 2rem;
}


.review_head{
background-color: #333;
}


#review p{
margin-bottom: 0;
}
.names{
color:#ddd;
}
.bgwhite{
background-color: #fff;
}
.table{
font-size:0.8rem;

}
h1.review_title{
margin-top: 1rem;
}

.boats{
width:100%;
margin-right: 0;
margin-bottom: 0.25rem;
}

.sub_title{
background: #555;
color:#fff;
padding: 0.5rem;
}

.sub_title_sp{
background: #555;
color:#fff;
padding: 0.5rem;
font-size: 1rem;
}

#review > h3{
background: #555;
color:#fff;
padding: 0.5rem;
margin-bottom: 0;
}
 section#review{
 background-color: #fff;
 }
#review > p,#review > h4,#review > h5{
background-color: #fff;
padding: 0.5rem 1rem;

}
.name{
font-size: 2rem;
}
.detail_header{
background-color: #222;
color:#fff;
padding-bottom: 1rem;
}
.index_list{
background-color: #fefefe;
border-bottom: dotted 1px #ddd;

}
.soubi{
font-size: 0.75rem;
}

.back_button{
width: 100%;
font-size: 1rem;
}
.sp_syozoku{
font-size: 0.5rem;

}
.sp_name{
font-weight: bold;
font-size:1rem;

}

@media (min-width:768px){

.card {
width:calc(100%/2);

}
@media (min-width:921px){

.tmodel1,.tmodel3{
font-size:5rem;
}


.back_button{
width: 430px;

}
.card{
width:calc(100%/3);
    border: 1px solid #ddd;
    border-radius: .0;
}
.cart_card{
width:calc(100%/2);
}
.boats{
width:calc(100% /2 );
}

.review_title{
display: inline;
font-size: 3rem;
color:#fff;
vertical-align: middle;
}
.name{
margin-top:0rem;
font-size:4rem;
}


}



@media (min-width:1200px){
.card{
width:calc(100%/4);
    border: 1px solid #ddd;
    border-radius: .0;
}
}


@media (min-width:1600px){
.card{
width:calc(100%/6);
    border: 1px solid #ddd;
    border-radius: .0;
}


.model3,.model1{
font-size:3.1rem;
}



}


