@charset "utf-8"; 

/*start 共通*/
html{
    font-size:calc(1000px / 62);
    min-height:0;
}
@media (max-width:1000px){
    html{
        font-size:calc(100vw / 62);
    }   
}

@media (max-width:820px){
    html{
        font-size:calc(100vw / 48);
    }
}

@media (max-width:540px){
    html{
        font-size:calc(100vw / 34);
    }
}


@media (min-width:541px){ .show-S { display:none !important; } }
@media (min-width:821px){ .show-MS{ display:none !important; } }
@media (min-width:821px){ .show-M { display:none !important; } }
@media (max-width:540px){ .show-M { display:none !important; } }
@media (max-width:540px){ .show-LM{ display:none !important; } }
@media (max-width:820px){ .show-L { display:none !important; } }


* {
    box-sizing: border-box;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    font-family:inherit;
}

body {
    color: #fff;
    font-family: sans-serif;
    background-color: #090909;
}


a {
    color: inherit;
    text-decoration: none;
}

body,p {
    margin: 0;
    font-size: 1rem;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    margin:0;
    line-height: 1;
    font-size:inherit;
    color:#fff;
}

img {
    vertical-align: bottom;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}



/*[href]{
    opacity:1;
    transition:opacity 0.3s ease;
}
[href]:hover{
    opacity:0.5;
}*/

[data-smooth]{
    cursor:pointer;
}


.inner-width{
    padding:0 1rem;
    max-width:1200px;
    margin:0 auto;
}

.small{
    font-size:0.8em;
}


.background-arrow{
    background-image:url(../img/background.jpg);
    background-position:center;
    height:268px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}
.background-arrow > span{
    display:block;
    /* margin: 0.5rem 0; */
    text-shadow:0 0 1rem rgba(0,0,0,1) , 0 0 1rem rgba(0,0,0,1);
}


/*img setting*/
img{
    display:block;
    width:100%;
    object-fit:cover;
}

.first{
    width:100%;
    aspect-ratio:1920 / 1056;
}
.name{
    width:80%;
    max-width: 700px;
    margin:0 auto;
    aspect-ratio:1040 / 143;
}

.product-img{
    width:80%;
    max-width: 170px;
    margin:0 auto;
    aspect-ratio:350 / 865;
}

/*end img setting*/


.title{
    font-size:3rem;
    text-align:center;
    line-height: 1.5;
}
@media (max-width:540px){
    .title{
        font-size:2.5rem;
    }
}

.text-row > p{
    color:#fff;
    text-align: center;
    line-height: 2.5;
    font-size: 1.3rem;
}

.product{
    text-align:center;
}
.product-span{
    display:block;
    color:#b80016;
    font-size:3rem;
    letter-spacing:0.5rem;
    margin-top: -6rem;
}


.valino_tire{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.valino_tire > .item{
    width:calc((100% - 1rem) / 2);
}
@media (max-width:540px){
    .valino_tire > .item{
        width:calc((100% - 0rem) / 1);
    }
    .valino_tire > .item + .item{
        margin-top:1rem;
    }
}


#valino_tire{
    padding:5rem 0;
    background-color:#4d4d4d;
}


#spec{
    text-align:center;
}
#spec strong{
    letter-spacing:0.25rem;
    font-size:1.5rem;
    line-height: 1;
}

.table-resposive{
    margin-top: 1rem;
}
.table-resposive,
.js-scrollable{
    display:inline-block;
}

#spec table{
    border-collapse:collapse;
}
#spec table tr:first-child{
    background-color:#a5a6a5;
    color:#000;
}
#spec table tr th{
    /* color:#000; */
    font-weight:normal;
}
#spec table tr td:first-child{
    background-color:#000;
}
#spec table tr th,
#spec table tr td{
    border-right:2px solid #fff;
    padding:0 1rem;
}
#spec table tr th:last-child,
#spec table tr td:last-child{
    border-right:0px solid #fff;
}

#spec table tr:first-child{
    border-top:2px solid #fff;
}
#spec table tr{
    border-bottom:2px solid #fff;
}

.space1{
    height:5rem;
}
.space2{
    height:3rem;
}
.space3{
    height:10rem;
}
.space4{
    height:1.5rem;
}

@media(max-width:540px){
    .space1{
        height:3rem;
    }
    .space2{
        height:2rem;
    }
    .space3{
        height:8rem;
    }
    .space4{
        height:1rem;
    }
    
}