@charset "utf-8";

/*=================================

sp_motor

=================================*/
@media screen and (max-width:767px){

#second_main_visual:before { background-size:105px 46px; height:46px; margin-top:-23px; left:5%; top:40%; width:105px; }

#motor .lead { margin-bottom:20px; }

#motor #motor_cont { padding:0 10px 10px; }

#motor #motor_cont > ul > li { margin-top:20px; padding:10px; }
#motor #motor_cont > ul > li:after { height:60%; }

#motor #motor_cont > ul > li .cont { flex:0 0 100%; flex-wrap:wrap; padding:0; }
#motor #motor_cont > ul > li .cont .detail { flex:0 0 100%; order:2; padding:30px 0 0; z-index:3; }
#motor #motor_cont > ul > li .cont .detail .caption { left:15px; top:-15px; }
#motor #motor_cont > ul > li .cont .detail .caption span { font-size:200%; }
#motor #motor_cont > ul > li .cont .detail h3  { padding-left:15px; }
#motor #motor_cont > ul > li .cont .detail h3 span:first-child { font-size:154%; }
#motor #motor_cont > ul > li .cont .detail h3 span.at { margin-left:10px; }

#motor #motor_cont > ul > li .cont .detail .entrance_date dl { padding:15px; }
#motor #motor_cont > ul > li .cont .detail .entrance_date dl dd { flex-wrap:wrap; }
#motor #motor_cont > ul > li .cont .detail .entrance_date dl dd span:first-child { display:block; flex:0 0 100%; }
#motor #motor_cont > ul > li .cont .detail .entrance_date dl dd span.day { flex:0 0 30%; margin-top:10px; margin-left:0; }
#motor #motor_cont > ul > li .cont .detail .entrance_date dl dd span:nth-child(3) { flex:0 0 70%; margin-top:10px; margin-left:0; padding-left:10px; }
#motor #motor_cont > ul > li .cont .detail .entrance_date dl dd span.night { flex:0 0 30%; margin-top:10px; margin-left:0; }
#motor #motor_cont > ul > li .cont .detail .entrance_date dl dd span:nth-child(5) { flex:0 0 70%; margin-top:10px; margin-left:0; padding-left:10px; }
#motor #motor_cont > ul > li .cont .detail .entrance_date dl dd span:nth-child(7) { flex:0 0 70%; margin-top:10px; margin-left:0; padding-left:10px; }

#motor #motor_cont > ul > li .cont .detail .entrance_date dl dd ul li { flex-wrap:wrap; }
#motor #motor_cont > ul > li .cont .detail .entrance_date dl dd ul li span:first-child { flex:0 0 100%; margin-top:10px; margin-left:0; }
#motor #motor_cont > ul > li .cont .detail .entrance_date dl dd ul li span.day { flex:0 0 30%; margin-top:10px; margin-left:0; }
#motor #motor_cont > ul > li .cont .detail .entrance_date dl dd ul li span(3) { flex:0 0 70%; margin-top:10px; margin-left:0; padding-left:10px; }
#motor #motor_cont > ul > li .cont .detail .entrance_date dl dd ul li span.night { flex:0 0 30%; margin-top:10px; margin-left:0; }
#motor #motor_cont > ul > li .cont .detail .entrance_date dl dd ul li span(5) { flex:0 0 70%; margin-top:10px; margin-left:0; padding-left:10px; }

#motor #motor_cont > ul > li ul.btn_area { flex-wrap:wrap; justify-content:center; margin-top:0; }
#motor #motor_cont > ul > li > ul.btn_area li { flex:0 0 100%; margin-top:15px; margin-right:0; margin-left:0; }
#motor #motor_cont > ul > li > ul.btn_area li:first-child { margin:0; }
#motor #motor_cont > ul > li > ul.btn_area li a { display:flex; flex: 0 0 100%; padding:15px 10px; }
#motor #motor_cont > ul > li > ul.btn_area li a span { font-size:85%; padding:0 5px; }
#motor #motor_cont > ul > li > ul.btn_area li a i { font-size:79%; }

#motor #motor_cont > ul > li .pic { flex:0 0 100%; margin-left:0; order:1; top:auto; z-index:2; }
#motor #motor_cont > ul > li .pic img { height:240px; position:relative; width:100%; }
#motor #motor_cont > ul > li .pic span { top:220px; right:10px; }
#motor #motor_cont > ul > li .pic span img { height:40px; }

/*--- lmotor ---*/
#motor #motor_cont > ul > li#lisence_lmotor .cont .detail .target { min-height:70px; }
#motor #motor_cont > ul > li#lisence_lmotor .cont .detail .target > img { height:70px; }
#motor #motor_cont > ul > li#lisence_lmotor .cont .detail .target > img:first-child { margin-left:-66px; }
#motor #motor_cont > ul > li#lisence_lmotor .cont .detail .target > img:nth-child(2) { margin-right:-22px; margin-left:0; }
#motor #motor_cont > ul > li#lisence_lmotor > ul.btn_area { margin-top:20px; }

/*--- nmotor ---*/
#motor #motor_cont > ul > li#lisence_motor .cont .detail .target { min-height:70px; }
#motor #motor_cont > ul > li#lisence_motor .cont .detail .target > img { height:70px; }
#motor #motor_cont > ul > li#lisence_motor .cont .detail .target > img:first-child { margin-left:-66px; }
#motor #motor_cont > ul > li#lisence_motor .cont .detail .target > img:nth-child(2) { margin-right:-22px; margin-left:0; }
#motor #motor_cont > ul > li#lisence_motor > ul.btn_area { margin-top:20px; }

/*--- smotor ---*/
#motor #motor_cont > ul > li#lisence_smotor .cont .detail .target { min-height:70px; }
#motor #motor_cont > ul > li#lisence_smotor .cont .detail .target > img { height:70px; }
#motor #motor_cont > ul > li#lisence_smotor .cont .detail .target > img:first-child { margin-left:-66px; }
#motor #motor_cont > ul > li#lisence_smotor .cont .detail .target > img:nth-child(2) { margin-right:-22px; margin-left:0; }
#motor #motor_cont > ul > li#lisence_smotor > ul.btn_area { margin-top:20px; }


#motor #motor_cont #vehicle { margin-top:20px; }
#motor #motor_cont #vehicle > ul li { flex:0 0 100%; margin-top:15px; margin-left:0; padding:10px; }
#motor #motor_cont #vehicle > ul > li dl dd ul li { justify-content:start; margin-top:0; }
#motor #motor_cont #vehicle > ul > li dl dd ul li span { flex:0 1 6em; }
#motor #motor_cont #vehicle > ul > li dl dd ul li span:nth-child(2) { flex:1 1 70%; }
#motor #motor_cont #vehicle > ul > li .pic img { height:60px; }