@charset "UTF-8";

/*　Rhino Rack TOP　*/

img{
height: auto;
}

#rhinorack_main2026{
position:relative;
margin-bottom:20px;
overflow: hidden;
background-color: transparent; 
}
#rhinorack_main2026 video{
width: 100%;
height: auto;
}
.top_rhinorack h2{
	padding-bottom:8px;
}
.top_rhinorack p.lead{
text-align: left;
font-weight: bold;
padding-bottom: 1em;
font-size: 1rem;
}

h2.main{
text-align: center;
}
.rhinorack_thread{
padding: 10px 15px;
background: #F0F2F6;
border-radius: 8px;
margin-top: 20px;
font-size: 0.95rem;
}

.rhinorack_thread h3{
padding-bottom: 0.2em;
margin-bottom: 0.5em;
border-bottom: solid 2px #015cb9;
font-size: 1.2rem;
line-height: 1.3;
}
.rhinorack_thread h3 span{
font-size: 70%;
color: #015cb9;
font-weight: bold;
}
.rhinorack_thread p{
font-size: 95%;
text-align: justify;
padding-bottom: 1em;
}
.slick-wrap{
padding-bottom: 30px;
}
.slider {
margin-inline: auto;
width: 100%;
}
.slider-img {
margin: 0 10px;
}
.slider-img img {
height: auto;
width: 100%;
}
.slick-dots {
bottom: auto !important;
}
.slick-dots li button:before {
color: #bfc7d0 !important;
}
.slick-dots li.slick-active button:before {
color: #015cb9 !important;
}
.slick-dots li {
width: 10px !important;
}
.rhinorack_title{
padding: 20px 0;
margin-top: 30px;
text-align: left;
font-size: 0.95rem;
}
.rhinorack_title h2{
font-size: 24px;
line-height: 1.3;
padding-bottom: 1em;
text-align: center;
}
.rhinorack_title h2 span{
font-size: 75%;
color: #015cb9;
font-weight: bold;
}
.rhinorack_title p{
padding-bottom: 1em;
}

.accessory{
width: 100%;
padding: 20px 20px 0;
box-sizing: border-box;
position: relative;
border: solid 1px #E0E0E0;
margin-top: 20px;
}
.accessory .rhinorack_pic{
padding-bottom: 8px;
border-bottom: solid 1px #E0E0E0;
margin-bottom: 3%;
}

.rhinorack_pics{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 10px;
}
.rhinorack_pic{
width: 48%;
text-align: center;
font-size: 85%;
padding-bottom: 1%;
}
.rhinorack_pic img{
width: 100%;
height: auto;
padding-bottom: 0.25em;
}

h3.rhinorack {
font-size: 22px;
border-bottom: 2px solid #015cb9;
margin-bottom: 10px;
}
h4.rhinorack {
text-align: left;
font-size: 16px;
color: #fff;
background: #000;
padding: 0 20px;
display: table;
margin-bottom: 10px;
}

.top_banner_wrap{
text-align: center;
}
.top_banner_wrap img{
padding-bottom: 10px;
}
p.arb_note{
text-align: center;
box-sizing: border-box;
border: #cabf75 double 3px;
font-size: 90%;
padding: 5px 0;
width: 95%;
margin: auto;
margin-top: 25px;
}

.rhinorack_info{
display: flex;
justify-content: center;
padding-top: 30px;
}
.rhinorack_sns {
text-align: center;
margin: 0 0.5em;
font-size: 13px;
width: 40%;
line-height: 1.2;
}
.rhinorack_sns img {
width: 40px;
padding-bottom: 5px;
}


.rhinorack_store{
padding: 35px 0 0;
}
.rhinorack_store a{
display:block;
width: 95%;
max-width: 500px;
border: solid 1px rgba(0,0,0,0.2);
margin:0 auto 15px;
}
.rhinorack_store a img{
width: 100%;
}