@charset "utf-8";
/* CSS Document */

/* トップページ */
#slider {
    width: 100%;
    height: 100%;
    min-height: 500px;
    overflow: hidden;
    position: relative;
}
.slider_wrap {
width:3200px;
height:440px;
position: absolute;
left: 50.38%;
margin-left: -1600px;
}
.bxslider {
width:100%;
height:440px;
}
#top_gray {
width:100%;
background: #f3f3f3;
padding:40px 0;
margin-top: 10px;
}
#maincatch {
margin: 0 auto;
width:1000px;
overflow: hidden;
}
#maincatch h2 {
font-size:48px;
line-height: 60px;
}
#plate1 {
float: left;
margin-right: 30px;
width:311px;
}
#plate2 {
float: right;
	width:659px;
}
#two {
margin-top: 40px;
}
#two img {
margin-right: 30px;
}
#two img:hover {
margin-right: 30px;
opacity:0.6;
}
#news {
clear: both;
width:100%;
background: #000;
padding:40px 0;
}
#nnn {
width: 1000px;
margin: 0 auto;
font-size:30px;
color: #fff;
margin-bottom: 5px;
}
#n_box {
border-bottom: 1px solid #fff;
margin-bottom: 30px;
}
.ren {
width:1000px;
margin: 0 auto;
color:#acacac;
padding:4px 0;
}
#imp {
width:1000px;
margin: 40px auto;
}
#imp h2 {
text-align: center;
font-size: 30px;
margin-bottom: 40px;
}
.imp_box {
width:250px;
float:left;
text-align: center;
margin: 0 40px;
}
.imp_box p {
font-size: 14px;
margin-bottom: 20px;
}
#try {
width:100%;
background: url(../img/top/back_try.png);
padding:50px 0;
clear: both;
}
#try_c {
width:1000px;
margin: 0 auto;
}
#try_c h2 {
font-size: 72px;
}
#coming {
border: 1px solid #bbbbbb;
padding:80px 0;
text-align: center;
font-size: 56px;
width:600px;
margin: 40px auto;
color:#bbbbbb;
}
#taiken {
margin: 30px auto 0 auto;
text-align: center;
display: flex;
justify-content: space-between;
width: 700px;
}
#taiken a {
display: block;
width: 300px;
text-decoration: none;
color: #000;
}
#taiken a p {
font-size: 16px;
line-height: 30px;
}
#taiken img:hover {
opacity: 0.7;
}
#toroku {
font-size: 24px;
margin-top: 8px;
}

/* ブランドヒストリー */
#hdr_history {
width:100%;
height:198px;
background: url(../img/history/hdr_history.png) no-repeat center;
background-size: cover;
}
.bhis {
width:960px;
margin: 30px auto 50px auto;
}

/* ライダー紹介 */
#hdr_riders {
width:100%;
height:198px;
background: url(../img/riders/hdr_riders.png) no-repeat center;
background-size: cover;
}
.r_box {
width:100%;
background: #f3f3f3;
padding:20px 0;
clear: both;
margin-bottom: 20px;
}
.rider {
width:1000px;
margin: 0 auto;
overflow: hidden;
}
.rider img {
float:left;
margin-right: 40px;
}
.rider h3 {
font-size: 30px;
margin-top: 10px;
}
.rider small {
font-size: 16px;
}
.rider p {
font-size: 12px;
margin-top: 8px;
line-height: 22px;
}
.tate {
float: right;
width: 610px;
}
#ambs {
width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap: 20px;
}
#ambs section {
border-radius: 30px;
padding: 30px;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
margin: 30px 0 60px auto;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
#ambs section figure {
width: 80%;
}
#ambs section img {
max-width: 100%;
}
#ambs section h3 {
font-size: 20px;
margin-bottom: 30px;
}
#ambs section div ul {
display: flex;
flex-direction: column;
align-items: center;
}
#ambs section div ul li {
width: 30%;
transition: 0.3s;
}
#ambs section div ul li:hover {
opacity: 0.7;
}
#sp_ad {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 50px 0;
margin-bottom: 100px;
}
#sp_ad > div {
width: 1000px;
margin: 0 auto;
display: grid;
gap: 5%;
grid-template-columns: 1fr 1fr 1fr;
}
#sp_ad > div section {
padding: 10px;
border: 1px solid #eee;
}
#sp_ad > div section h3 {
font-weight: bold;
}

/* 製品情報 */
#hdr_products {
width:100%;
height:198px;
background: url(../img/products/hdr_products.png) no-repeat center;
background-size: cover;
}
.model {
font-size: 30px;
border-bottom: 1px solid #000;
padding-bottom: 10px;
margin: 100px auto 20px auto;
width:1000px;
clear: both;
}
.s_blue {
color:#0078dd;
font-size: 36px;
}
.s_orange {
color:#ff7200;
font-size: 36px;
}
.s_brown {
color:#813a00;
font-size: 36px;
}
.s_green {
color:#5bb20e;
font-size: 36px;
}
.s_pp {
color:#7c18da;
font-size: 36px;
}
.s_r {
float: right;
width:560px;
}
.s_box {
width:1000px;
margin: 40px auto 0 auto;
overflow: hidden;
}
.s_box img {
float:left;
margin-right: 50px;
}
.s_red {
font-size: 24px;
color:#a70000;
}
.s_red3 {
font-size: 20px;
color:#a70000;
}
.s_red4 {
font-size: 14px;
color:#a70000;
}
.s_red2 {
font-size: 18px;
color:#a70000;
}
.s_red5 {
color:#d51616;
font-size: 36px;
}
#op {
width:1000px;
margin: 0 auto;
padding-bottom:50px;
display: flex;
flex-wrap: wrap;
}
.op_box {
position: relative;
width:304px;
box-sizing:border-box;
padding: 10px 10px 70px 10px;
text-align: center;
border: 1px solid #c4c4c4;
margin: 20px 14px 0px 14px;
}
.op_box a {
position: absolute;
bottom: 0;
left: 24px;
margin-top: 40px;
display: block;
}
#setu {
width:1000px;
margin: 0 auto;
border:1px solid #aaaaaa;
background: #fff;
padding:50px;
overflow: hidden;
}
#setu h2 {
font-size: 28px;
margin-bottom: 30px;
background: #000;
color:#fff;
padding:10px;
text-align: center;
}
#setu dl {
margin: 30px 0;
}
#setu dt {
font-size:20px;
}
.setu_p {
width:280px;
float: left;
text-align: center;
font-size: 16px;
margin: 0 8px 40px 8px;
}
.spec {
width:100%;
border: 1px solid #ccc;
padding:15px;
font-size: 12px;
text-align: center;
}
.chu {
border:1px dotted #ccc;
padding: 3px 20px;
font-size: 14px;
}
.rank {
font-size: 12px;
text-align: center;
width:1000px;
margin: 0 auto;
padding:10px 0;
background: #f6f6f6;
border: 1px solid #ccc;
}
.p_left {
width:48%;
float: left;
margin-top: 20px;
border: 1px solid #ccc;
padding:0 10px;
text-align: center;
}
.p_right {
width:48%;
float: right;
margin-top: 20px;
border: 1px solid #ccc;
padding:0 10px;
text-align: center;
}
.ss_box {
width:1000px;
margin: 40px auto 0 auto;
overflow: hidden;
}
.sl {
float:left;
margin-right: 50px;
}
.ss_red {
font-size: 18px;
color:#a70000;
}
.ss_red2 {
font-size: 14px;
color:#a70000;
}
.disc {
width:1000px;
margin: 0 auto;
}
#gen {
width:1000px;
margin: 30px auto;
border: 1px solid #333;
padding:20px 0;
text-align: center;
font-size: 20px;
}

/* インプレッション */
#hdr_impression {
width:100%;
height:198px;
background: url(../img/impression/hdr_impression.png) no-repeat center;
background-size: cover;
}

/* 試乗場所紹介 */
#hdr_ready {
width:100%;
height:198px;
background: url(../img/ready/hdr_ready.png) no-repeat center;
background-size: cover;
}
.shop_p {
border: 10px solid #c2c2c2;
}
.read_shop {
width:1000px;
margin: 0 auto 40px auto;
font-size: 24px;
font-weight: bold;
border-bottom: 1px solid #5d5d5d;
padding-bottom:3px;
}

/* 取扱い店舗 */
#sonota {
width:100%;
margin: 40px auto;
text-align: center;
}
#sonota h2 {
font-size: 30px;
margin-bottom: 40px;
}
#sonota p {
border-bottom: 1px dashed #e2e2e2;
margin-bottom: 30px;
padding-bottom: 10px;
}
#sonota h3 {
font-size: 30px;
font-weight: bold;
font-family: "游明朝","YuMincho";
margin: 30px 0;
}