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

@font-face {
    font-family: "VinylOT";
    src: url("fonts/t-26_-_vinylot-oblique.otf"), url("https://vespa-japan.com/fonts/t-26_-_vinylot-oblique.eot?iefix") format("eot"), url("fonts/t-26_-_vinylot-oblique.woff") format("woff"), url("fonts/t-26_-_vinylot-oblique.ttf") format("truetype"), url("https://vespa-japan.com/fonts/t-26_-_vinylot-oblique.svg#svgFontName") format("svg")
}
@font-face {
  font-family: "VINYLOBL";
  src: url("https://vespa-japan.com/fonts/VINYLOBL.eot") format('eot'),
       url("fonts/VINYLOBL.woff") format('woff');
}

@font-face{
    font-family: 'Bebas Neue', cursive;
    font-family: 'Lato', sans-serif;}

.RN_pc {display:block;}
.RN_sp {display:none;}

.RN_header {
    position:relative; z-index:100; width:1024px; margin:0 auto;
}
.RN_sidemenu { position:absolute; top:2px; left:550px;}
.RN_sidemenu ul { text-align: right;}
.RN_sidemenu li { display: inline-block;  border-left-color:#6dcdb1; border-left-style:solid; border-left-height:100%; border-left-width: thin; font-size: 115%; margin-right: 6px; padding-left: 6px; margin-top: 10px;}
.RN_sidemenu li:first-child { border: none;}
.RN_sidemenu li a {color:#6dcdb1;}


/*
 右によった版
.RN_modelmenu { position: absolute; top:53px; left:660px; }
.RN_modelmenu ul { }
.RN_modelmenu li { display: inline-block; margin-left: 8px; padding-left: 10px;}
.RN_modelmenu li:last-child { margin-left: 30px;}
.RN_modelmenu_sub { z-index: 100;height:60px;display: none; width:1024px;position:absolute; top:82px;left:50%; margin-left: -512px; }
.RN_modelmenu_sub ul { text-align: right;background-color:#ffffff;margin-top: 12px; }
.RN_modelmenu_sub li { display: inline-block; margin-right: 2%;font-family: 'VinylOT';font-size: 180%; font-weight: 100;line-height: 60px; }
.RN_pos1 { left:673px;position:absolute; }
.RN_pos2 { left:753px;position:absolute; }
.RN_pos3 { left:840px;position:absolute; }
.RN_pos4 { left:902px;position:absolute; }
.RN_modelmenu_sub li a:hover { color:#000000;}*/


.RN_modelmenu {position: absolute; top:53px;  left:430px;}
.RN_modelmenu li { display: inline-block; margin-left: 8px; padding-left: 10px;}
.RN_modelmenu li:last-child { margin-left: 260px;}
.RN_modelmenu_sub { z-index: 100;height:60px;display: none; width:1024px;position:absolute; top:82px;left:50%; margin-left: -512px;   }
.RN_modelmenu_sub ul { text-align: center;background-color:#ffffff;margin-top: 12px; border-bottom-color:#6dcdb1; border-bottom-style:solid; border-bottom-width: 1px;/*border-left-color:#6dcdb1; border-left-style:solid; border-left-width: 1px;border-right-color:#6dcdb1; border-right-style:solid; border-right-width: 1px;*/}
.RN_modelmenu_sub li { display: inline-block; margin-right: 2%;font-family: 'VinylOT';font-size: 180%; font-weight: 100;line-height: 60px; }
.RN_modelmenu_sub li:last-child { margin-right: 0%;}     
.RN_pos1 { left:443px;position:absolute; }
.RN_pos2 { left:523px;position:absolute; }
.RN_pos3 { left:610px;position:absolute; }
.RN_pos4 { left:672px;position:absolute; }
.RN_modelmenu_sub li a:hover { color:#000000;}



#RN_submenu { position:absolute; top:55px; left:170px;cursor:pointer; }


#RN_submenu_sub { position:relative; z-index:80; display:none; background-image:url(images/submenu_bg.jpg); background-repeat:no-repeat; background-position:center top; width:1024px; left:50%; margin-left:-512px; }
/*#RN_submenu_sub { position:absolute; z-index:80; display:none; background-image:url(images/submenu_bg.jpg); background-repeat:no-repeat; background-position:center top; width:1024px; top:95px;}
*/

#RN_submenu_sub ul { left:2px; top:20px; position:absolute; }
#RN_submenu_sub li {display: inline-block; width:166px; height:260px;}
#RN_submenu_sub li a { display: inline-block; width:166px; height:260px; text-indent:-9999px; /*background-color: #ff2244;opacity: 0.2;*/ }
#RN_submenu_sub li a:hover {  border-bottom-color:#6dcdb1; border-bottom-style:solid; border-bottom-height:5px; }
#RN_submenu_close {  position:absolute; display:block; text-align: right; width:80px; right:20px; top:250px;  cursor:pointer;font-family: 'Montserrat';font-size: 150%; font-weight: 600; }



.triangle {
  border-right: 18px solid transparent !important;
  border-bottom: 12px solid #ffffff !important;
  border-left: 18px solid transparent !important; 
  width:1px;

}


.RN_topcontents { margin-top:-15px; }
.RN_topcontents img { width:100%;line-height:0;vertical-align:middle;}

.RN_dmapboxContainer{
  font-size: 0;
}

.RN_dmapboxContainer div{
  display: inline-block;
  font-size: 14px;/*padding-left:0.5%;*/
  height:36px;
  margin-left: 1%;
    margin-top: 5px;
/*   */
}
.RN_dmapboxContainer div a { display:block;}
.RN_dmapboxContainer:nth-child(odd) {background-color:#eeeeee;}
.RN_dmapboxContainer:nth-child(even) {background-color:#e5e5e5;}

.RN_dmapboxContainer div:first-child { width:37%;}
.RN_dmapboxContainer div:nth-child(2) { width:10%; }
.RN_dmapboxContainer div:nth-child(3) { width:25%; }
.RN_dmapboxContainer div:nth-child(4) {width:12%; margin-left: 0; background-color: #0c121c; height:40px; line-height: 40px; font-family: 'Montserrat'; font-size: 1.4rem;  font-weight: 700; color:#ffffff;text-align: center; paddig:0px;opacity: 0.7;   }
.RN_dmapboxContainer div:nth-child(5) {width:10%; margin-left: 0; background-color: #0c121c; height:40px; line-height: 40px; font-family: 'Montserrat'; font-size: 1.4rem;  font-weight: 700; color:#ffffff;text-align: center; paddig:0px;opacity: 0.7;   }
.RN_dmapboxContainer div:nth-child(4) a,.RN_dmapboxContainer div:nth-child(5) a { color:#ffffff;}
.RN_dmapboxContainer div:nth-child(4) a:hover,.RN_dmapboxContainer div:nth-child(5):hover { opacity: 0.3; }
.RN_dmapboxContainer div:nth-child(5) { margin-left:0.5%;margin-right:0.5%; cursor: pointer; padding-left: 2%;}
.smalltriangle { margin-left:30px; font-size:30%;}
.newpanel {/*display:none;*/ background-color:#eeeeee;   padding:0; height:474px; width:100%; overflow: hidden;}

@media (max-width: 1023px) {
.RN_pc {display:none;}
.RN_sp {display:block;}   
    
.RN_header {position:relative; z-index:100; width:100%; background-image: none; height:auto;}
.RN_header img { width:100%;}
.RN_submenu_sp { cursor:pointer; position: absolute; top:20%;left:3%;}
.RN_submenu_sp img {background: #57b498;
  padding: 5px;
  border: 1px solid #419a80;
  width: 24px;}
.RN_dealer_sp  {position:absolute;  top:20%;  right:3%;}

#RN_submenu_sub_sp { 
	position: absolute;
	top: 0;
	left: -60%;
	width: 60%;
	height: 100%;
    background: #ffffff;
	z-index:990;
	 border-right: 1px solid #419a80;
	overflow:scroll;
	}
#RN_submenu_sub_sp ul { margin:0; padding:0;}
#RN_submenu_sub_sp li {width:86%; background-color:#ffffff; display:block;  border-bottom-color:#a0a0a0; border-bottom-style:solid; border-bottom-width:thin;padding-left:6%; margin-left:4%; padding-top:15px; padding-bottom:15px;font-size:18px; font-size:1.8rem;font-family: 'Montserrat', sans-serif;color:#6dcdb1;}    
#RN_submenu_sub_sp li a {width:86%; background-color:#ffffff; display:block;  color:#6dcdb1;}

    
.RN_topcontents { margin-top:-1.5%; } 
    

    
    
    
    
    
    
    
}