.rize div, .rize span, .rize applet, .rize object, .rize iframe,
.rize h1, .rize h2, .rize h3, .rize h4, .rize h5, .rize h6, .rize p, .rize blockquote, .rize pre,
.rize a, .rize abbr, .rize acronym, .rize address, .rize big, .rize cite, .rize code,
.rize del, .rize dfn, .rize em, .rize img, .rize ins, .rize kbd, .rize q, .rize s, .rize samp,
.rize small, .rize strike, .rize strong, .rize sub, .rize sup, .rize tt, .rize var,
.rize b, .rize u, .rize i, .rize center,
.rize dl, .rize dt, .rize dd, .rize ol, .rize ul, .rize li,
.rize fieldset, .rize form, .rize label, .rize legend,
.rize table, .rize caption, .rize tbody, .rize tfoot, .rize thead, .rize tr, .rize th, .rize td,
.rize article, .rize aside, .rize canvas, .rize details, .rize embed, 
.rize figure, .rize figcaption, .rize footer, .rize header, .rize hgroup, 
.rize menu, .rize nav, .rize output, .rize ruby, .rize section, .rize summary,
.rize time, .rize mark, .rize audio, .rize video {
	font-size: 15px;
}
a{

    text-decoration: none;
}
a:hover{
    opacity: 0.8;
}
.bikeAtt a{
    color:#000;
}
.bikeAtt a:hover{
    opacity: 0.8;
}
.honda .bikeListWrap::after {
    content: "";
    display: block;
    width: 49%;
    height: 0;
}
.categoryBlc a{
    color: #fff100;
    padding-right: 2vw;
}
.ttl{
    background-color:#0099cc;
    height: 45px;
}
.ttl h2{
    color:#fff;
    font-size: 1.8vw;
    width: 98%;
    max-width: 990px;   
    line-height: 45px ;
    margin:0 auto;
    white-space: nowrap;
    
}
/*▼メインビジュアルここから*/
.mainVsal{
    background:url(../../img/rize/top_main02.png)no-repeat center top;
    height: 0;
    background-size: contain;
    width: 100%;
    padding-top:38.25%;
}
.txtWrap .mainTxtBg{
    /*background:url(../../img/rize/top_notxt.png)no-repeat center top;*/
    
    height: 0;
    width:100%;
    padding-top:38.25%;
    background-size: contain;
    /*position: absolute;*/
   /* top: 30.9vh ;*/
    position: relative;
}
.movieArea{
    text-align: center;
}
@-moz-document url-prefix() {
  .txtWrap .mainTxtBg{
      /*top: 25.9vh;*/
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .txtWrap .mainTxtBg{
      /*top:28.3vh;*/
    }
}
.movieArea {
    text-align: center;
    margin-bottom: 2em;
}

.txtWrap .mainTxt{
    position: absolute;
    top:17%;
    left:0;
    right:0;
    margin:0 auto;
    text-align: center;
    top: -83%;

}
.txtWrap .mainTxt img{
    /*width: 450px;*/
    width: 30vw;

}

.categoryArea .txtBlc{
    text-align: center;
    margin-bottom:2em;
}
.categoryArea .txtBlc img{
    max-width: 718px;
    height: auto;
}
.categoryArea .categoryBlc{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width:925px;
    width:100%;
    margin:0 auto;
    margin-bottom:4em;
}
.categoryArea .categoryBlc li{
    background-color:#000;
    border-radius: 37px;
    color:#fff100;
    width:280px;
    height: 72px;
    text-align: center;
    line-height: 72px;
    margin-bottom:2em;
    
}
.categoryArea .categoryBlc li a{
    font-weight: bold;
    font-size: 18px;
}

/*▼注目のバイクここから*/
.attentionArea h2{
    text-align: center;
    margin-bottom:2em;
}
.attentionArea h2::before{
    content:'AVAILABLE NOW';
    display: block; 
    color:#000;
    margin-bottom:1em;
}
.attentionArea h2 img{
    max-width: 220px;
    height: auto;
}
.attentionArea .bikeAtt{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width:752px;
    width:100%;
    margin:0 auto 2em;
}
.attentionArea .bikeAtt::after{
    display: block;
content:"";
width: 47%;
}
.attentionArea .bikeAtt li{
    width:138px;
    height: 30px;
    border-radius: 20px;
    color:#000;
    background-color:#fff100;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
    padding-left: 9px;
    margin-bottom:1em;
}
.attentionArea .bikeAtt li a{
    font-size: 15px;
  }
  /*▼Itemここから*/
/*アコーディオンここから*/
.bikeListWrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:2em;
    align-items: top;
}
.bikeListWrap .bikeBox{
    width: 32%;  /* お好みの幅で指定 */
   
    /* paddingと合わせてbox-sizingも指定 */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}
.bikeListWrap:after {
    content: "";
    display: block;
    width: 22%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
.bikeListWrap:before {
    content: "";
    display: block;
    width: 32%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
}
.brandTtl{
    background-color:#000;
    color:#fff100;
    font-weight: bold;
    border: none;
    cursor: pointer;
    width:100%;
    height: 50px;
    font-size: 20px;
    text-align: left;
    margin-bottom:1em;
}
.brandTtl span{
    max-width:850px;
    width:98%;
    margin:0 auto;
    display: block;
    font-size: 20px;
    font-weight: bold;
}
.btnArea span{
    display:block;

    line-height:50px;
    text-align:center;
    cursor:pointer;
    text-align: left;
    position: relative;
    margin-bottom:1em;
}
.btnArea span:before{
    content: "";
	position: absolute;
	top: 27%;
	left: -3vw;
	width: 23px;
	height: 22px;
	background:url(../../img/rize/plus.png) no-repeat;

}

/* ③オープン時にopenクラスを付与（縦線を回転させて非表示に） */
.btnArea span.open:after {
	content: "";
	position: absolute;
	top: 27%;
	left: 14vw;
	width: 23px;
	height: 22px;
	background:url(../../img/rize/minus.png) no-repeat;

}

.bikeBoxInr{
    display: none;
}
.btnArea.active{
background:url(images/i_swich.png) 177px 18px no-repeat;
}


.active{
    display: block;
}

.attentionArea{
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Noto Sans JP", sans-serif !important;
}
.figcaption{
    font-size: 14px;  
    /*height: 178px;*/
}
.figcaption p{
    line-height: 1.8;

}
.arrow_r_c {
  position: relative;
  display: block;
  padding-left: 20px;
  color: #333;
  text-decoration: none;
  width:100%;
  height: 30px;
  border-radius: 30px;
    line-height: 30px;
    font-size: 15px;
    margin-bottom:0.5em;
    cursor: pointer;
}
.arrow_r_c:before {
  content: '';
  width: 18px;
  height: 18px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -9px;
}
.arrow_r_c:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -3px;
  transform: rotate(45deg);
}
.bikeBox{
    /*width:200px;*/
    margin-top:2em;
    max-width:24%;
}
.bikeBoxInr{
    max-width:925px;
    width:95%;
    margin:0 auto;
}
.bikeImg{
    border:1px solid #000;
    text-align: center;
    padding:10%;
    margin-bottom:0.8em;
}
.figcaption .brand{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}
.lineBtn{
    background-color:#00c300;
        cursor: pointer;
    color:#fff;   
}
.lineBtn a{
    color:#fff;
    display: block;
    font-weight: bold;
}
.mailBtn{
    background-color:#fff100;
    color:#000;
    font-weight: bold;
}
.telBtn{
    background-color:#969696;
    color:#fff;
    font-weight: bold;
}
.figcaption .price{
    color:#ff6699;
    font-size: 14px;
    margin-bottom:1em;
    font-weight: bold;
    line-height: 1.2
}
.font_p{
    font-size: 18px;
    font-weight: bold;
}
/*▼レンタルバイクここから*/
.renralBikes{
    background:url(../../img/rize/yellow_top.png)no-repeat center top;
    /*height: 0;*/
    padding-top:10.3%;
    width: 100%;
    background-size: contain;
}
.renralInr{
    background-color:#fff100;
    position: relative;
    padding-bottom:17em;
}
.rlwrap{
    max-width: 925px;
    width: 100%;
    margin:0 auto;
    display: flex;
}
.renralBikes .rlwrap .leftBox{
    position: absolute;
    top:-9vh;
}
.renralInr h3{
    margin-bottom:2em;
}
.renralInr .rightBox{
    /* margin-left: 24em; */
    margin-left: 26em;
    margin-top: 3%;
}
@-moz-document url-prefix() {
    .renralInr .rightBox{
        margin-top:2%;
    }
}
.renralInr h3::before{
    content:'ABOUT “RENTAL-BIKES”';
    display: block; 
    color:#000;
    margin-bottom:1em;
}
.renralInr .txtBox{
    font-size: 18px;
    font-family:  "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Noto Sans JP", sans-serif!important;
    line-height: 2;
        margin-bottom: 5vh;
}
/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root .renralInr .txtBox{

    margin-bottom:12%;
    }
   
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .renralInr .txtBox{
        margin-bottom:9%;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sellbikesInr .txtBox {
        margin-bottom:10%;
    }
}

.renralInr .bikeimgBox{
    position: absolute;
    top: -14vh;
    right: 0vw;
    width: 25vw;

}

/*.renralBikes .cttBtn02{
    background:url(../../img/rize/btn_bg.png) no-repeat ;
    height: 68px;
    max-width:510px;
    width:100%;
    background-size: 100% auto;
}*/
.arrow_r_d {
  position: absolute;
  display: inline-block;
  padding-left: 20px;
  color: #333;
  text-decoration: none;
  margin-top:1.5%;
    
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* ここに書く */
  .arrow_r_d:before,.arrow_r_d:after{
   top:49%!important;
  }
}
.arrow_r_d:before {
  content: '';
  width: 18px;
  height: 18px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: 57%;
  right: -2.9vw;
  margin-top: -9px;
}
.arrow_r_d:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 57%;
  right:  -2.48vw;
  margin-top: -4px;
  transform: rotate(45deg);
}
/*.cttBtn{
    position: relative;
}
.cttBtn::before{
    content:"";
    width: 100%;
    height: 68px;
    background-image: url(../../img/rize/btn_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
}*/
/*topの矢印デザイン*/
.arrow_r_a {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #333;
  text-decoration: none;
}
.arrow_r_a:before {
  content: '';
  width: 25px;
  height: 25px;
  background: #fff100;
  border-radius: 50%;
  position: absolute;
  top: 50%;
      right: 17px;
    margin-top: -13px;
}
.arrow_r_a:after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  position: absolute;
  top: 47%;
    right: 26px;
  margin-top: -4px;
  transform: rotate(45deg);
}

/*注目の矢印デザイン*/
.arrow_r_b {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #333;
  text-decoration: none;
}
.arrow_r_b:before {
  content: '';
  width: 18px;
  height: 18px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -9px;
}
.arrow_r_b:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -4px;
  transform: rotate(45deg);
}

/*.btnIner{
    position: absolute;
    top: 23%;
    left: 5%;
}*/


/*▼sellbikesここから*/
.sellbikes{
    background:url(../../img/rize/black_top_a.png)no-repeat center top;
    /*height: 0;*/
    padding-top:8.55%;
    width: 100%;
    background-size: contain;
    margin-top: -8em;
    z-index: 100;
    position: relative;
}
.sellbikesInr{
    background-color: #000;
    position: relative;
/*    padding-bottom: 20em;*/
}
.sellbikesInr h3::before{
    content:'ABOUT “SELL-BIKES”';
    display: block; 
    color:#fff;
    margin-bottom:1em;
}
_::-webkit-full-page-media, _:future, :root .sellbikesInr .txtBox{
    margin-bottom:8vh;
}
.sellbikesInr .txtBox{
    color:#fff100;
    font-size: 18px;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Noto Sans JP", sans-serif !important;
    line-height: 2;
    margin-bottom:5vh;
}
/*.sellbikes .cttBtn02{
    background:url(../../img/rize/sellBtnBg.png) no-repeat;
    height: 69px;
    max-width:509px;  
    width: 100%;
    background-size: 100% auto;
}*/
.sellbikes h3,.repairInr h3{
    margin-bottom:2em;
}
.sellbikes .leftBox{
    margin-right:3em;
    margin-top: 9vh;
    position: relative;
    
}
.sellbikes .leftBox::before{
    content:"";
    background:url(../../img/rize/bik04.png) no-repeat;
    display: block;
    height: 375px;
    width:100%;
    max-width:500px;
    position: absolute;
    top: -55%;
    background-size: contain;
left: 25%;
}


.sellbikes .rightBox{
    margin-top: -6em;
}
.sellbikes .bikeimgBox{
    position: absolute;
    top: -24%;
    left: 25vw;
}

.sellbikes .btnIner{
    padding-left:3%;
    position: relative;
}

.arrow_e {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #333;
  text-decoration: none;
  margin-top:4.7%;
}
.arrow_e:before {
  content: '';
  width: 18px;
  height: 18px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: 57%;
  right: -9vw;
  margin-top: -9px;
}
.arrow_e:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 57%;
  right: -8.5vw;
  margin-top: -4px;
  transform: rotate(45deg);
}
.arrow_f{
    margin-top: 3.7%;
    
}
.repairBikesWrap{
    height: 100%;
}


/*▼repairBikesここから*/
.repairBikes{
    background:url(../../img/rize/yellow_top02_a.png)no-repeat center top;
    /*height: 0;*/
    /*padding-top:15.2em;*/
    padding-top: 18.8%;
    width: 100%;
    background-size: contain;
/*    margin-top: -20em;*/
    z-index: 1000;
    position: relative;
}
.repairInr{
    background-color:#fff100;

    padding-bottom: 11vw;
position: relative;
    
}
.repairInr h3::before{
    content:'ABOUT “REPAIR-BIKES”';
    display: block; 
    color:#000;
    margin-bottom:1em;
}


.repairInr .txtBox{
    color:#000;
    font-size: 18px;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Noto Sans JP", sans-serif !important;
    line-height: 2;
    margin-bottom:7%;
}
.repairBikes .leftBox{
    margin-right:3em;
    margin-top: -9em;
}
.repairBikes .bikeimgBox{
    position: absolute;
    /*top: 0vh;
    right: 5vw;*/
top: /*-56%;*/-17vw;
right: -1vh;
/*    width: 33vw;*/
        max-width: 262px;

}
.repairBikes .rightBox{
    margin-top: 4vh;
    position: relative;
}


/*.repairBikes .cttBtn03{
    background: url(../../img/rize/btn_bg.png) no-repeat;
    height: 68px;
    width: 100%;
    max-width:510px;
    padding-left:2%;
    background-size: 100% auto;
}*/
.repairBikes .arrow_e::after{
    right: -13.8%;
}
.repairBikes .arrow_e::before{
    right: -15.5%;
}


/*フッター ここから*/
.ftr-logo a{
    display: block;
    
}
.ftr-btm {
  background: #505050;
  padding: 40px 10px 100px 10px;
}
.l-ftr{
    font-size: 1.2rem;
}
.ftr-btm-inr {
  width: 100%;
  max-width: 924px;
  margin: 0 auto;
}

.ftr-logo {
  width: 176px;
  height: 26px;
  overflow: hidden;
  display: block;
  
  padding: 25px 0 0;
  margin: 0 0 30px;
    box-shadow: none;
}


.float-icon {
  position: absolute;
  top: 130px;
  right: 10px;
}

.float-icon a {
  display: block;
  float: right;
  padding-left: 10px;
}

.float-icon::after {
  content: "";
  clear: both;
  display: block;
}


_::-webkit-full-page-media, _:future, :root .sellbikes .bikeimgBox {
    position: absolute;
    top: -20%;
    left: 25vw;
}
_::-webkit-full-page-media, _:future, :root .sellbikes .leftBox{
        margin-top: 9vh;
}
_::-webkit-full-page-media, _:future, :root .btnArea:before{
    left:13%;
}
._::-webkit-full-page-media, _:future, :root .btnArea:after{
    left: 13.9%;
}

._::-webkit-full-page-media, _:future, :root .renralInr .bikeimgBox {
    position: absolute;
    top: -14vh;
    right: 5vw;
    width: 23vw;
}

._::-webkit-full-page-media, _:future, :root .renralInr .rightBox{
    margin-top:2%;
}
._::-webkit-full-page-media, _:future, :root .repairInr .txtBox{

     margin-bottom:10%;
}
._::-webkit-full-page-media, _:future, :root .repairBikes .rightBox{
    margin-top:3vh;
}

/*firefox用*/
@-moz-document url-prefix() {
  /* ここに書く */
  .btnArea::before {
      left:14vw;
    }
    .btnArea::after{
      left:11.8vw;    
    }
    
}

@media screen and (max-width: 1075px) {
    .repairBikes .rightBox::before{
        background-size: 70%;
        top:-51%;
    }
    .repairBikes .bikeimgBox{
        width:18vw;
        top:-34%;
    }
    
}




@media screen and (max-width: 1000px) {
        .ttl h2{
        padding-left:1em;
    }
}
@media screen and (max-width: 950px) {
    .arrow_r_c{
        width:95%;
    }
    .arrow_r_d{
        margin-top: 2.2%;
    }
    .honda .bikeListWrap::after {
        width: 31%;
    }
    .bikeListWrap::after{
        width: 31%;
    }
    .sellbikes .leftBox::before{
        background-size: 63%;
        top: -23%;
        left: 52%;
    }
    .renralBikes .leftBox img{
        width:29vw;
    }
    .renralBikes .rlwrap .leftBox{
        top:2vh;
    }
    .renralInr .bikeimgBox{
        top:-10vh;
    }
    .renralInr .rightBox{
        margin-left:31vw;
        padding-right:2em;
    }
    .sellbikes .bikeimgBox img{
        display: none;
    }
    .sellbikes .leftBox{
        margin-top:0;
        padding-left:2em;
    }
    .repairBikes .leftBox{
        margin-top:0;
    }
    .renralBikes .cttBtn02{
        margin-left: /*-28vw*/0%; 
    }
        .renralBikes .cttBtn02 img{
        
    }
    .arrow_r_d::before,.arrow_r_d::after,.arrow_e:before,.arrow_e:after{
        display: none;
    }
    .cbWrap,.baWrap{
        padding:0 1em;
    }
    .repairBikes .arrow_e::before,.repairBikes .arrow_e::after{
        display: none;
    }
    .categoryArea .txtBlc{
        width:56vw;
        margin:0 auto 2em;
    }
    .brandTtl{
        padding-left:9vw;
    }
        .btnArea span{
     /*   padding-left:18px;*/
    }
    .repairBikes .rightBox{
        margin-right:1em;
    }
    .ttl h2{
        white-space: normal;
    }
    .bikeBox{
        max-width: 30%;
    }
}
@media screen and (max-width: 945px) {
.repairBikes .rightBox::before {
    background-size: 61%;
top: -22vh;
}
}
@media screen and (max-width: 932px) {
    .repairBikes{
        padding-top: 18.6%;
    }
    .categoryArea .txtBlc img{
        max-width: 100%;
    }
}
@media screen and (max-width: 700px) {
    .bikeBox{
        max-width:48%!important;
    }
    .bikeListWrap .bikeBox{
        width: auto;
    }
    .sellbikesInr{
        padding-bottom:9em;
    }
}
@media screen and (max-width: 690px) {
     .movieArea{

  position: relative;
  width: 95%;
        margin:0 auto 2em;
  padding-top: 56.25%;
}
    .repairBikesWrap .repairBikes{
        margin-top:0;
        padding-top:18.2vw;
    }
    
.movieArea iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
    .ttl{
        height: auto;
        padding:0.5em 0;
    }
    .ttl h2{
        line-height: 20px;
    }
    .repairBikes .bikeimgBox{
        display: none;
    }
    .repairBikes{
        padding-top: 52.8vw;
    
    }
    .repairBikes .cttBtn03{
        margin:0 auto;
    }
    .sellbikes .leftBox::before{
        background:none;
        left:0;
    }
    .repairBikes .leftBox img{
        display: none;
    }
    .rlwrap{
        display: block;
        text-align: center;
    }
    .renralBikes{
        padding-top:7.3%;
    }
    .sellbikes .rightBox img{
        display: none;
    }
/*    .sellbikesInr{
        padding-bottom:28em;
    }*/
    .repairBikes .rightBox{
        margin-top:0;
        text-align: center;
        padding: 1em;
    }
    .arrow_e::before,.arrow_e::after{
        display: none;
    }
    .renralBikes .leftBox img{
        display: none;
    }
    .renralInr .rightBox{
        margin-left:0;
        text-align: center;
        padding-right:0;
        padding:0 1em;
    }
    .renralBikes .cttBtn02{
        max-width: 510px;
    width:100%;
margin: 0 auto;
        
    }
    .renralBikes .cttBtn02 .arrow_r_d{
        max-width:418px;
        margin:0 auto;
        display: block;
        margin-top: 3%;
    }
    .categoryArea .txtBlc {

        padding:0 1em;
    }
    /* .sellbikes .leftBox{
        margin-right:0;
        padding-left:0;
    } */
    .sellbikes .cttBtn02{
        margin:0 auto;
    }
    .renralInr .bikeimgBox{
        right:/*-2vw*/0;
        width: 19vw;
    }
    .renralInr{
        padding-bottom:11em;
    }
/*    _::-webkit-full-page-media, _:future, :root .repairBikes,_::-webkit-full-page-media, _:future, :root .sellbikes{
        background:none;
    }*/
    _::-webkit-full-page-media, _:future, :root .rlwrap{
        padding:1em 0;
    }
    .btnArea span::before{
        left: -8vw
    }
    .renralBikes .cttBtn02 img{
       /* width:80vw;*/
    }
        .categoryArea .categoryBlc li{
    margin:0 auto 1em;
}
    .arrow_r_c{
        width:95%;
    }

}

@media screen and (max-width: 590px) {
    .bikeListWrap{
        display: block;
    }
    .bikeListWrap .bikeBox {
    width: 100%;
    margin: 0 auto 2em;
        max-width: 100%!important;
}
    .bikeBox .figcaption{
        height: auto;
    }

    .arrow_e{
padding-left:0;
    }

        
    .sellbikes .cttBtn02{
        width:93%;
    }
    .figcaption{
        height: 172px;
    }
    .footer .news-area{
        border-bottom:0;
        height: auto;
    }
    .ttl h2{
        padding-left:0;
        }
}

@media screen and (max-width:480px) {
    
.bikeListWrap::after {

    width: 47%;

}
    .figcaption {
    height: 193px;
}
    .ttl h2{
        font-size: 13px;
    }
    bikeBox {
    max-width: 48%;
}
    .arrow_r_c{
        font-size: 15.5px;
        width: auto;
       padding-left: 17px;
text-align: left;
    }
    .repairBikes{
        padding-top: 61.8vw;
    }
    .arrow_r_d::before{
        display: none;
    }
    .categoryArea .categoryBlc li{
        height: 50px;
        line-height: 50px;
    }
    .sellbikes .btnIner img{
        width:80vw;
    }
    .bikeBox{
        margin:0 auto 1em;
    }
}
.ftr-fix{
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    padding: 10px;
    position: fixed;
    bottom:0;
    left: 0;
    z-index: 9999;
  }
  .ftr-fix a{
    margin: 0 20px;
  }
  @media screen and (max-width:767px){
    .attentionArea .bikeAtt li{
      width: 48%;
    }
    .mailBtn,
    .telBtn{
      margin-top: 14px;
  
    }
    .lineBtn a span,
    .mailBtn span,
    .telBtn span{
      font-size: 17px;
    }
    .arrow_r_c{
      height: auto;
      padding: 5px 15px;
    }
    .ftr-fix{
      padding: 0;
  
    }
    .ftr-fix a{
     margin: 0;
     display: block;
     width: 50%;
    }
    .ftr-fix a img{
      width: 100%;
    }
  
    
  }