@charset "UTF-8";

html {
	height: 100%;
	font-size: 62.5%;
}

@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');
}
.VINYLOBLClass {
  font-family: "VINYLOBL";
}

body {
	/*font-size: 10px;
  	font-size: 1.0rem;  */
	margin: 0 !important;
	padding: 0 !important;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 

	height: 100%;
	background-color:#ffffff;
	color:#000000;
}

a {
	text-decoration: none;
	color:#6dcdb1;
	
}
a img {
	border: none;
}

a:hover {
	text-decoration: none;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
.alt {
	text-indent: -9999px;
	font-size: 0px;
	line-height: 0;
}
h1,h2,h3,h4 {margin:0;padding:0;}

/*	ul
---------------------------------------------------------------*/
	ul { margin:0; padding:0;}
	li { list-style-type: none; margin:0; padding:0; }
	
/*	pcsp
---------------------------------------------------------------*/	
.pc { display:block; }
.sp { display:none; background-color: #ffee00; }
.w100 { width:100%;}
.w100 img {width:100%;}
	.asterisk { color:#cc0000; font-size:14px; font-size:1.4rem;}
.w50 { width:50%;}
.w50 img {width:100%;}
	
/**/


.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.pt30 { padding-top:30px;}
.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml35 { margin-left:35px;}
.ml40 { margin-left:40px;}
.ml50 { margin-left:50px;}
.ml95 { margin-left:95px;}
.mr20 { margin-right:20px;} 
p {margin:0;}
.strong { font-weight:bold;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.pb25 { padding-bottom:25px;}
.text { font-size:15px; font-size:1.5rem; text-align:left; line-height:24px; }	
.title {font-size:18px; font-size:1.8rem; text-align:left; }
.textcenter { text-align:center;}
.caution { font-size:12px; font-size:1.2rem; text-align:left; }
.mmt15 { margin-top:-15px;}




#header {position:relative; z-index:100; width:1024px; margin:0 auto; }
.menu_top { width:134px; height:103px; display:block; position:absolute; left:30px;  top:0; }
.menu_right {  font-size:11px; font-size:1.1rem; line-height:35px; right:0px;position:absolute; width:320px; color:#6dcdb1; top:0;}
.menu_right_os {  font-size:11px; font-size:1.1rem; line-height:35px; right:0px;position:absolute; width:440px; color:#6dcdb1; top:0;}
#menu { position:absolute; top:55px; left:170px;cursor:pointer;}
.menu_model { position:absolute; top:55px; left:525px; }
.menu_model li { float:left; margin-right:12px;}
.menu_model li:hover { background-color:#ffffff;}
.menu_contact { position:absolute; top:55px;  right:50px;}
#submenu {  position:relative; z-index:90; display:none;background-image:url(images/submenu_bg.jpg); background-repeat:no-repeat; background-position:center top; width:1024px; margin:0 auto;}
.submenulst { left:0px; top:30px; position:absolute; }
.submenulst li {  float:left; width:170px; height:260px; text-indent:-9999px; }
.submenulst li a {  float:left; width:174px; height:260px; text-indent:-9999px; /*background-color: #223344; */}
.submenulst li a:hover {  border-bottom-color:#6dcdb1; border-bottom-style:solid; border-bottom-height:5px; /*opacity: 0.2;*/}
#submenu_close {  position:absolute; display:block;  width:80px; height:30px; right:40px; top:300px;  cursor:pointer; }


.contents1300 {z-index:80; width:1300px; margin:0 auto; text-align: center;  }
.contents1024 {z-index:80; width:1024px; margin:0 auto;}
.contents100  {z-index:80; width:1024px; margin:0 auto; }
.contents833 { z-index:80; width:833px; margin:0 auto;}
.contents740 {z-index:80; width:740px; margin:0 auto;}

#wrapper {  width:1024px; margin:0 auto;}

.bannerBox, .bannerBox a {
	width:100%;
	margin:0;
	line-height:0;
	vertical-align:middle;
}

.bannerBox img {
	width:100%;
	margin:0;
}

.fluid-width-video-wrapper { 
	width: 100%;
	position: relative;
	padding: 0;
}

.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}  

.leftcontents { float:left; width:36%; margin-left:6%;}
.rightcontents { float:left; width:47.8%; margin-left:4%;}
.contents_title { font-weight:bold;  font-size:15px; font-size:1.5rem; width:100%; border-bottom: 1px solid #000000; /*display: block;*/ }
.contents_title_l{ font-weight:bold;  font-size:15px; font-size:1.5rem; width:100%; /*border-bottom: 1px solid #000000;*/ /*display: block;*/ }
.color_name { text-align:center; float:left;}
.color_name p { font-size:12px;font-size:1.2rem; }
.color_name_l { text-align:center; float:left;}
.color_name_l p { font-size:12px;font-size:1.2rem; }
.contents_text { font-size:14px; font-size:1.4rem; }
.blockWrap { margin-left:7%; width:93%;}
.blockWrap dt { float:left; width:25%; margin-top:5px; margin-bottom:5px; clear:left; font-size:12px; font-size:1.2rem;}
.blockWrap dd { float:left; width:65%; margin-top:5px; margin-bottom:5px; font-size:12px; font-size:1.2rem;}
	


/*dealer*/




#dealertlst { display:block;/* height:50px;*/ font-size:14px; font-size:1.4rem;text-align:left;  } 
.dealertlst:nth-child(odd){background-color:#eeeeee;}
.dealertlst:nth-child(even){background-color:#e5e5e5;}
	
#dealertlst a {color:#000000; display: block;  }
#dealertlst a:hover {opacity: 0.3;}


.dealertlst_name { width:37%; margin-left:1%;  float:left;margin-top: 16px;}
.dealertlst_tel {width:10%; margin-left:1%;float:left;margin-top: 16px;}
.dealertlst_add {width:37%; margin-left:1%; float:left;margin-top: 16px; }
.dealertlst_homepage  {width:12%; float:left;height:45px;}
.dealertlst_homepage a { width:100%; float:left; cursor:pointer;height:45px; background-image:url(images/btn_homepage_pc.png); background-repeat:no-repeat; background-position:center center; 
   background-size:contain;text-indent:-9999px;} 
.dealertlst_map {width:12%; float:left;height:45px;}
.dealertlst_map a { width:100%; float:left; cursor:pointer;height:45px; background-image:url(images/btn_mapbk_pc.png); background-repeat:no-repeat; background-position:center center; 
   background-size:contain; margin-left:2%;text-indent:-9999px;} 
.dealertlst_map a.active {width:100%; float:left; cursor:pointer;height:45px; background-image:url(images/btn_mapbk_pc_off.png); background-repeat:no-repeat; background-position:center center; 
   background-size:contain; margin-left:2%;text-indent:-9999px;}



/*news*/	
.news_icn { width:70px; float:left;}
.news_contents {float:left;width:650px; }
.news_contents a { color:#ed1e24;}
.news_contents_all { width:100%;}
.news_date { float:left; font-size:12px; font-size:1.2rem;}
.news_category {float:left; font-size:12px; font-size:1.2rem; color:#ed1e24; margin-left:10px;}
.news_title {float:left; width:100%;text-align:left; font-size:18px; font-size:1.8rem; margin-top:5px;}
.news_tag { color:#999999; float:left; width:100%;text-align:left; font-size:12px; font-size:1.2rem; margin-top:5px;}
.news_text{ float:left; width:100%; text-align:left;font-size:15px; font-size:1.5rem;margin-top:5px; margin-bottom:10px; }
.news_btnArea a {float:right; margin-bottom:50px; 
background-color:#6dcdb1; color:#ffffff; width:180px; font-size:15px; font-size:1.5rem;	margin-top:30px; text-align:center; line-height:36px;}
.previous-entries { font-size:12px; font-size:1.2rem; }
.next-entries{ font-size:12px; font-size:1.2rem; float:right; }
.previous-entries  a {color:#cc3333;}
.next-entries a {color:#cc3333;}
.news_date_icn { clear:both; padding-left:72px; display:block; background-image:url(images/news_icon_date.gif); background-repeat:no-repeat; background-position:left 5px; }
.news_place_icn {clear:both;padding-left:72px; display:block; background-image:url(images/news_icon_place.gif); background-repeat:no-repeat; background-position:left 5px; padding-bottom:15px; }

/*news*/	

.support_subtitle {  font-size:18px; font-size:1.8rem; text-align:left;}
ul.contact_table { display:table;width:740px; margin-left:15px;}
.contact_table li {display:table-cell; font-size:14px; padding:4px;}
.contact_table li:nth-child(1) {  width:20px; }
.contact_table li:nth-child(2) {  width:680px;}
/*event*/
.event_clm { font-size:18px; font-size:1.8rem; text-align:left;width:768px; padding:0; margin:0;cursor:pointer;}
.event_clm2 { font-size:18px; font-size:1.8rem; text-align:left;width:768px; padding:0; margin:0;cursor:pointer;}
.event_clm_odd {display:block; height:40px; background-color:#eeeeee; margin-bottom:10px; background-image:url(images/event_close.png); background-repeat:no-repeat; background-position: 98% center;}
.event_clm .active {display:block; height:40px; background-color:#eeeeee; margin-bottom:10px; background-image:url(images/event_open.png); background-repeat:no-repeat; background-position: 98% center;}
.event_clm_even {display:block; height:40px;  background-color:#e5e5e5; }
.event_clm_even2 {display:block; height:40px;  background-color:#e5e5e5; }
.event_clm_odd2 {display:block; height:40px; background-color:#eeeeee; margin-bottom:10px; }

.event_date { margin-left:20px; line-height:40px;}
.event_ride { width:230px;  margin-left:20px; line-height:40px;float:left; font-weight:bold;}
.event_place { width:150px; height:40px;float:left; line-height:40px;}
.event_title { width:350px; height:40px;float:left; line-height:40px;}
.event_detail { font-size:16px; font-size:1.6rem; text-align:left; display:none; }
.event_detail2 { font-size:16px; font-size:1.6rem; text-align:left; display:block; }
.event_keyword { margin-left:20px; line-height:40px; color:#999999;}

.event_photo {float:left; width:200px; display:block;  margin-left:20px;margin-right:20px; margin-bottom:20px;  margin-top:10px; }
.event_photo img { width:100%; }
.event_photo2 {float:left; width:400px; display:block;  margin-left:20px;margin-right:20px; margin-bottom:20px;  margin-top:10px; }
.event_photo2 img { width:100%; }
.event_text { float:left; width:500px;  margin-top:10px; margin-bottom:20px; }
.event_text2 { float:left; width:300px;  margin-top:10px; margin-bottom:20px; }
.event_btnArea a { float:right; margin-bottom:50px; 
background-color:#6dcdb1; color:#ffffff; width:180px; font-size:15px; font-size:1.5rem;	margin-top:30px; text-align:center; line-height:36px;}

/*journal*/
.journal_title_small { color:#40b4e5; font-size: 18px;font-size:1.8rem; text-align:center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
.journal_title_small_black { font-size: 18px;font-size:1.8rem;text-align:center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
.journal_category {float:left; font-size:14px; font-size:1.4rem; color:#ed1e24; }

/*event*/

.vespa946txt { font-family: "VinylOT", sans-serif;
    line-height: 1;
font-size: 32px;}
.vespa946red { color:#ba0c2f; }
.vespagray { color:#666666; }

/*footer*/
#footerWrapper { width:100%;background-color:#ffffff; color:#000000;border-top: 1px solid #a0a0a0; margin-top:30px; }
#footer {color:#6dcdb1; font-size:15px; font-size:1.5rem; margin-top:43px; text-align:center; padding-bottom:30px; }
#footer a {color:#6dcdb1; }

/*vespared*/
#menuRedWrapper { width:100%;  background-color:#ba0c2f;height: 96px; position: fixed; z-index: 90;}
#menuRed { width:1300px;margin:0 auto;  }
.logo { float:left;margin-right: 74px;}

.menuRedul {}
.menuRedul li a { float:left; margin-left: 25px;   margin-top: 40px;  display: block; height:15px; }
.menuRedul li a:hover {border-bottom: 3px solid #ffffff;}
.menuRedul li a.active {border-bottom: 5px solid #ffffff;}
.pt300 { padding-top:300px;}
.bg_vespa946red { background-color:#ba0c2f;}
.pb50 { padding-bottom:50px;}
.pt150 { padding-top:150px;}
.pb60 { padding-bottom:60px;}
.pb120 { padding-bottom:120px;}
.vespared_title { font-family: "VinylOT";color: #ba0c2f;  font-weight: bolder;  font-size:24px; font-size:2.4rem; }
.ACCESSORIES_title{ font-family: "VinylOT";color: #ba0c2f;  font-weight: bolder;  font-size:48px; font-size:4.8rem; }
#THEPROJECT_F2 { position:relative; margin-top:150px; display: block; width:100%; height:1090px;}
#THEPROJECT_F2_01 { position:absolute; top:0; left:0; width: 57%;}
#THEPROJECT_F2_01 img { width: 100%;}	
#THEPROJECT_F2_02 { position:absolute; top:0; left:53%;  display: block; background-color:#ba0c2f; text-align: left; color:#ffffff; font-size:32px;font-size:3.2rem; padding:50px;  font-family: "VinylOT"; font-style: normal; }
#THEPROJECT_F2_03 { position:absolute; left:59%; top:388px; width:460px; height:140px;}
#THEPROJECT_F2_04 a { position:absolute; left:59%; top:61%;height: 52px; display: block; background-color: #ba0c2f; color:#ffffff;  font-size:24px; font-size:2.4rem; text-align:left; line-height:52px; padding-left: 2%; padding-right:2%;font-family: "VinylOT";}
#THEPROJECT_F2_04 a:hover {color: #ba0c2f; background-color: #ffffff;  border-bottom: 5px solid #ba0c2f;}

.bggray { background-color:#f2f2f2; }
.features { float:left; margin: 4%;width:34%; background-color:#f2f2f2; text-align: left; padding: 4%; height: 450px;}
.features_l {float:left; width:50%;}
.features_l img { width:100%;}

.features_p { float:left; width:50%; position: relative;}
.features_p img { width:100%;}
.feature_button a {height: 40px; display: block; background-color: #ba0c2f; color:#ffffff;  font-size:20px; font-size:2.0rem; text-align:left; line-height:40px; padding-left: 2%; padding-right:2%;position:absolute; top:80%; left:66%;font-family: "VinylOT";}
.feature_button a:hover {color: #ba0c2f; background-color: #f2f2f2;  border-bottom: 5px solid #ba0c2f; height: 35px;}
.features_title {color: #ba0c2f;font-size:20px; font-size:2.0rem; font-weight:bold; }
.features_subtitle { font-weight:bold; font-size:12px; font-size:1.2rem; }
.features_text {font-size:12px; font-size:1.2rem; }



.catalogue_button  { width: 98%; height: 42px; display: block; background-color: #ba0c2f; color:#ffffff;  font-size:15px; font-size:1.5rem; text-align:left; line-height:42px; padding-left: 2%;color:#ffffff; cursor: pointer;}
.catalogue_button:hover {color: #ba0c2f; background-color: #f2f2f2;  height: 37px;  border-bottom: 5px solid #ba0c2f; color:#ba0c2f;}

.catalogue_buttonc a  { width: 98%; height: 42px; display: block; background-color: #ba0c2f; color:#ffffff;  font-size:15px; font-size:1.5rem; text-align:left; line-height:42px; padding-left: 2%;color:#ffffff; cursor: pointer;}
.catalogue_buttonc a:hover {color: #ba0c2f; background-color: #f2f2f2;  height: 37px;  border-bottom: 5px solid #ba0c2f; color:#ba0c2f;}


.pt90 { padding-top:90px;}
.accessories { float: left; width: 50%;}
.accessories img { width:100%;}
.w80 { width:90%; margin-left: 2%; }
.accessories_r { float: left; width: 50%;}
.accessories_r p {  padding-top:  34px; width: 80%; margin-left: 10%; }
.accessories_harf { width:50%; float:left;}
.accessories_harf img { width:100%;}
.accessories_button a { width: 78%; height: 42px; display: block; background-color: #ba0c2f; color:#ffffff; margin-left: 10%;  font-size:15px; font-size:1.5rem; text-align:left; line-height:42px; padding-left: 2%; }
.accessories_button a:hover { color: #ba0c2f; background-color: #ffffff;  border-bottom: 5px solid #ba0c2f;}

#modal-content{
	width: 50% ;
	
	margin: 0 ;
	padding: 10px 20px ;
	background: #ba0d30 ;
	position: fixed ;
	display: none ;
	z-index: 999 ;
	color:#ffffff;
}
#modal-overlay {
	z-index: 900 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
	cursor: pointer;
}

.button-link {
float:right;
	margin-right: 2%;
	margin-top: 2%;
}
 
.button-link:hover {
	cursor: pointer ;

}
.modal-content-title { color:#ffffff;font-size:36px; font-size:3.6rem; padding-top: 5%; padding-left: 2%; font-family: "VinylOT", sans-serif; text-decoration: none; margin-bottom: 50px; }
.contents_title_sp { background-color:#950a26; height:22px; line-height: 22px; font-size:12px; font-size:1.2rem; padding-left: 1%; border:none; width: 90%; }
.spec { margin-left:7%; width:93%;}
.spec dt { float:left;  padding-left: 2%; width:25%; margin-top:5px; margin-bottom:5px; clear:left; font-size:12px; font-size:1.2rem;}
.spec dd { float:left; width:65%; margin-top:5px; margin-bottom:5px; font-size:12px; font-size:1.2rem;}

	.bg_heritage { background-image: url(https://vespa-japan.com/heritage/images/bg.gif); background-repeat: repeat-y; background-position: center;}
.list-unstyled {padding-left:0;list-style:none;}

.header-title {
    font-family: VinylOT, RobotoCondensedBoldItalic!important;
    font-size: 5em!important;
    font-weight: 700!important;
		text-align:center;
	color: #40b4e5;
}

#HERITAGE .textContent {text-align:center;font-size: 1.5em;background-image: url(https://vespa-japan.com/heritage/images/dot.gif); background-repeat: no-repeat; background-position: center bottom;color: #666;
    font-family: Montserrat, sans-serif;
    font-weight: 300;}
.bg_dot { display: block; height:30px;background-image: url(https://vespa-japan.com/heritage/images/dot.gif); background-repeat: no-repeat; background-position: center top; }
.storyTimeline {overflow:auto;}

.storyTimeline>li { clear: both; }
.storyTimeline>li:nth-child(odd) .text {float:left; }
.storyTimeline>li:nth-child(odd) .boxImg  {float:left; }
.storyTimeline>li:nth-child(even) .text {float:right; text-align: left; }
.storyTimeline>li:nth-child(even) .boxImg  {float:right; }
.storyTimeline>li .text { width: 44%; padding-right: 3%; padding-left: 3%;}
.storyTimeline>li .boxImg { width: 44%; padding-left: 3%;padding-right: 3%;}
.storyTimeline>li .boxImg img { width:100%;}

.storyTimeline>li {
    overflow: hidden;
    position: relative;
    padding-bottom: 80px;
    min-height: 200px
}
.storyTimeline>li .text {
  /*  padding: 0 22px;*/
    margin-top: 10px;
		text-align:right;
}
.storyTimeline>li .text h3 {
    margin: 0;
    font-size: 1.42857em;
    color: #40b4e5;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}
.storyTimeline>li .text .year {
    display: block;
    color: #40b4e5;
    font-size: 5.71429em;
    font-family: VinylOT, sans-serif;
    line-height: 1;
	
}
.storyTimeline>li .text .descr {
    display: block;
    color: #666;
    font-size: 0.8em;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    margin-top: 5px
}

#page-top { display:none;}

#HERITAGE button { background-color:#6dcdb1; color:#ffffff; padding-left:20px; padding-right: 20px; height:40px; border:0; font-size:15px; font-size:1.5rem;	/*border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px; */ text-align:center; line-height:36px; display: block; margin-left:auto; margin-right: auto;} 
#HERITAGE button a {color:#ffffff; display:block;}

#MANIFESTO .textContent {text-align: center; font-size:18px; font-size: 1.8rem; font-weight: 500; line-height: 1.7em;}
#MANIFESTO .bar { background-color: #40b4e5; border-bottom: 1px; height:1px;}
#MANIFESTO ul li { width:48%; float: left; padding-top: 40px; font-size: 1.8rem; margin-right:2%;}
#MANIFESTO .corner-title {
 font-family: VinylOT, RobotoCondensedBoldItalic!important;
    font-size: 2.5em!important;
    font-weight: 400!important;
		text-align:left;
	color: #40b4e5;
}

#MANIFESTO .corner-title_s {color: #40b4e5; font-size: 1.8rem; padding-bottom: 10px;}
#MANIFESTO .readmore  {color:#dd7aa7; text-align: right; font-family: VinylOT, RobotoCondensedBoldItalic!important; font-size: 2.4rem;}
#MANIFESTO .readmore  a {color:#dd7aa7; }


#ACCESSORIES .textContent {text-align:center;font-size: 1.5em;
    font-family: Montserrat, sans-serif;color: #666;
    font-weight: 300;}

#ACCESSORIES button { background-color:#6dcdb1; color:#ffffff; padding-left:20px; padding-right: 20px; height:40px; border:0; font-size:15px; font-size:1.5rem;	/*border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px; */ text-align:center; line-height:36px; display: block; margin-left:auto; margin-right: auto;} 
#ACCESSORIES button a {color:#ffffff; display:block;}
.online,.footer_online {text-align: center;}
.online img { width:512px; height: auto; margin-bottom: 25px;}
.online p { font-size:14px; color: #666; margin-bottom: 25px; }
.footer_online img  { width:477px; height: auto; margin-bottom: 10px; margin-top: 50px;}
.btn_journal { text-align: center; font-size: 18px; font-size: 1.8rem; margin-top: 30px;}

@media (min-width: 1084px) and (max-width: 1300px) {
	
/*	body { background-color:#ffff00;}*/
	.contents1300 {z-index:80; width:100%; margin:0 auto; text-align: center;  }
	#THEPROJECT_F2 { position:relative; margin-top:150px; display: block; width:100%; height:960px; }
	.w100_p2 img { width: 100%;}
/*	.text { float:left;}
	.boxImg  { width: 418px; float: left; } .boxImg img { width:100%;}*/

}
	
@media (min-width: 768px) and (max-width: 1084px) {
	#wrapper {  width:100%; }
	/*body { background-color:#ff0000;}*/
	.logo { float:left;margin-right: 0px;}
	.contents1300 {z-index:80; width:100%; margin:0 auto; text-align: center;  }
	.w100_p3 img { width: 100%;}
	.w100_p2 img { width: 100%;}
 
	#header {position:relative; z-index:100;width:96%; margin-left:2%;}
	.menu_top { width:13%; height:100%; display:block; position:absolute; left:3%;  }
	.menu_right {  font-size:11px; font-size:1.1rem;  right:0px;position:absolute;  color:#6dcdb1; }
    .menu_right_os {  font-size:11px; font-size:1.1rem;  right:0px;position:absolute;  color:#6dcdb1; }
	#menu { position:absolute; top:53.3%; left:18.6%;cursor:pointer; background-color: #dd0022;}
	.menu_model { position:absolute; top:53.3%; left:48%;}
	.menu_model li { float:left; margin-right:12px;}
	.menu_model li:hover { background-color:#ffffff;}
	.menu_contact { position:absolute;  top:53.3%;  right:2%;}
	.contents1024,.contents100 {z-index:80; width:96%; margin-left:2%; }
	.contents740 {z-index:80; width:96%; margin-left:2%; }

	#submenu {  position:relative; z-index:90; display:none; background-image:url(images/submenu_bg.jpg); background-repeat:no-repeat; background-position:center top;width:96%; margin-left:2%; background-size: contain; }
.submenulst {top:0px; position:absolute; /*left:50%; margin-left:-435px;*/   width:98%; left:1%; }
	
.submenulst li {  float:left; width:16.6%;    }
.submenulst li a {  float:left; width:100%; height:100%; text-indent:-9999px; /*background-color: #223344; opacity: 0.5;*/}
.submenulst li a:hover {  border-bottom-color:#6dcdb1; border-bottom-style:solid; border-bottom-height:5px;}
#submenu_close {  position:absolute; display:block;  width:80px; height:60px; right:2.7%; top:75%;  cursor:pointer;/*background-color:#ffff00; */ }
#dealertlst { display:block; height:50px; font-size:14px; font-size:1.4rem; margin-top:10px; text-align:left;  } 

	 .dealertlst_name { width:27%;  margin-left:1%; float:left; font-size:13px; }

	.dealertlst_tel {width:13%; margin-left:1%;float:left; font-size:13px;}
	.dealertlst_add {width:44%; margin-left:1%; float:left;font-size:13px;}
	.dealertlst_homepage  {width:12%; float:left; height:45px; }
	.dealertlst_homepage a { width:100%; cursor:pointer; margin-top:5px; height:45px; background-image:url(images/btn_homepage_pc.png); background-repeat:no-repeat; background-position:center 5px; background-size:contain; text-indent:-9999px;}
	.dealertlst_map { width:12%;}
   .dealertlst_map a {width:100%; margin-top:5px;float:left; cursor:pointer;height:45px; background-image:url(images/btn_mapbk_pc.png); background-repeat:no-repeat; background-position:center 5px; 
   background-size:contain; margin-left:1%;text-indent:-9999px;}
   
      .dealertlst_map a.active {margin-top:5px;float:left; cursor:pointer;height:45px; background-image:url(images/btn_mapbk_pc_off.png); background-repeat:no-repeat; background-position:center 5px; 
   background-size:contain;  margin-left:1%;text-indent:-9999px;}
	.spec { margin-left:7%; width:100%;}
.spec dt { float:left;  padding-left: 2%; width:25%; margin-top:5px; margin-bottom:5px; clear:left; font-size:12px; font-size:1.2rem;}
.spec dd { float:left; width:55%; margin-top:5px; margin-bottom:5px; font-size:12px; font-size:1.2rem;}

}