@charset "UTF-8";
html {
	font-size: 62.5%;
	width:100%;height:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	/*font-family: "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
body {
	font-size: 16px;
  	font-size: 1.6rem;  
	margin: 0; padding: 0;
	line-height: 1.7;
	width:100%;height:100%;
	background-color:#ffffff;
	color:#000000;
/*	 position: relative;
    left: 0;*/
    overflow-x: hidden;
	-webkit-text-size-adjust: auto;
}
a { text-decoration: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;
}
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;
}
p {margin:0;}
h1 {margin:0;padding:0; }
h2{ margin:0;padding:0; font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:24px; font-size:2.4rem; }
h3 { margin:0;padding:0; font-family: 'Montserrat', sans-serif; }
/*	ul
---------------------------------------------------------------*/
	ul { margin:0; padding:0;}
	li { list-style-type: none; margin:0; padding:0;}
	
	/*	pcsp
---------------------------------------------------------------*/	
.pconly { display:none;}
.sponly {display:block;}
.asterisk { color:#cc0000; font-size:14px; font-size:1.4rem;}	
	
	/**/
	
	#wrapper { width:100%; position:relative; left:0;overflow-x:hidden;}
	
	#headerWrapper { width:100%; background-image:url(images/motoguzzi_sp.gif); background-repeat:no-repeat; background-position:center top;   background-color:#000000;background-size: contain;height: 0; padding-top:15%; cursor:pointer; display:block;}
	#headerWrapper a { color:#000000;display:block;}
	#header {display:none;}
	#menu  { width:60%; position:fixed; top:0;left:-60%; height:100%; background-color:#000000; z-index:999; overflow:scroll;}
	#menu_sp { width:20%; height:100px; display:block; z-index:110;position:absolute; top:0; left:0; text-indent:-9999px; }
	#slide_menu{
	position: absolute;
	top: 0;
	left: -60%;
	width: 60%;
	height: 100%;
    background: #000000;
	z-index:990;
	overflow:scroll;
}

	#menulst { margin:0; padding:0;}
	#menulst li a {float:left; width:86%; background-color:#000000; display:block;  border-bottom-color:#ffffff; border-bottom-style:solid; border-bottom-width:thin;padding-left:6%; margin-left:4%; padding-top:20px; padding-bottom:20px;font-size:18px; font-size:1.8rem;font-family: 'Montserrat', sans-serif;}
	#menulst  a { color:#ffffff;}
	#topWrapper { width:100%; }
	#topWrapper img { width:100%;}

	
	#contentsWrapper { width:100%; background-color:#ffffff; padding-bottom:100px;   }
	.contents { width:96%; text-align:center;  margin-left:2%; margin-right:2%;}
	.contents1000 { width:96%; text-align:center;  margin-left:2%; margin-right:2%; margin-bottom:10%;}
	.contents770 { width:96%; text-align:center;  margin-left:2%; margin-right:2%;}
	
	.unit{ width:90%; margin-left:5%;text-align:center;  }
	.unit a { display:block; color:#000000;}
	.unit_title {font-weight:bold; font-size:18px;  font-size:1.8rem; margin-top:30px; }

	.w100 { width:100%;}
	.unit a:hover {opacity: 0.3;}
	.w65  { width:65%; }
	.mt20 { margin-top:20px;}
	.ml40 {/* margin-left:40px;*/}
	.ml20 { /*margin-left:20px;*/}
	.ml10 { margin-left:10px;}
	.mt30 { margin-top:30px;}
	.mb30 { margin-bottom:30px;}
	.mb20 { margin-bottom:20px;}
		.mt70 { margin-top:70px;}
	#btnArea { clear:both; margin-top:60px; margin-bottom:60px;}
.mlp20 { margin-left:3%;}
.mtp20 { margin-top:20px;}
.w80 { width:90%; margin-left: 2%; }

.title { font-family: 'Montserrat', sans-serif;  font-weight:600; font-size:18px;  font-size:1.8rem;text-align:left;} 
.text {font-size:16px; font-size:1.6rem; text-align:left;}
.caption {font-size:18px; font-size:1.8rem; text-align:center; }
.subtitle {font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:16px; font-size:1.6rem; text-align:left;}
.textleft { text-align:left;}
.caution {font-size:12px; font-size:1.2rem; text-align:left; }
.textcenter {font-size:12px; font-size:1.2rem; text-align:center; }

.colorbox { display:block; width:28px; height:28px; border-color:#7f7f7f; border-style:solid; border-width:1px;float:left;text-indent:-9999px;}
.colorbox_nolink {display:block; width:20px; height:20px; border-color:#7f7f7f; border-style:solid; border-width:5px; float:left;text-indent:-9999px;}

#color01 {background-color:#000000; }
#color02 { background-color:#c9c9c9; }
#color10  {background-color:#38618D; }
#color11  {background-color:#000000; }
#color12 {background-color:#808080; }
#color22  { background-color:#fea000; }
#color23  { background-color:#cc3333; }
#color24 { background-color:#000000; }
#color25 { background-color:#c9c9c9; }
#color21 { background-color:#ffffff;}
#color26 { background-color:#c9c9c9;}
#color31  {background-color:#ffffff; }
#color32  {background-color:#fea000; }
#color33  {background-color:#cc3333; }
#color41  {background-color:#EDEDED; }
#color51  {background-color:#000000; }
#color52  {background-color:#00749E; }
#color53  {background-color:#045E04; }
#color54  {background-color:#E9C440; }
#color61  {background-color:#DF4600; }
#color20191  {background-color:#B00000; }
#color20192 {background-color:#000000; }
#color20193  { background-color:#444444; }
#color20194 {background-color:#727272; }
#color20195  {background-color:#305E2B; }
#color201911  {background-color:#46352d; }
#color201912 {background-color:#000000; }
#color201913 {background-color:#515e6e; }
#color202003 {background-color:#C2B366; }
#color_btnArea a { }
#color_btnArea li:hover { border-width:6px; display:block; width:19px; height:19px; border-style:solid; border-color:#7f7f7f; cursor:pointer;}
#color_btnArea li.active  { border-width:6px; display:block; width:19px; height:19px;  border-style:solid; border-color:#7f7f7f;}
.color_Contents { clear:both; width:100%; padding-top:1px; } 
.color_Contents img { width:100%;}


.area { display:none;}

/*heritage*/
.heritage_text { font-size:13px; font-size:1.3rem; text-align:left; line-height:24px;}
.heritage_title {font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:24px; font-size:2.4rem; text-align:center;}
.heritage_leftp {width:100%;}
.heritage_rightp { width:100%;}
/*heritage*/

.spec { width:100%;}
.spec_item { background-color:#e5e5e5; width:98%; padding-left:2%; padding-top:1%; padding-bottom:1%;font-size: 16px;	font-size: 1.6rem; font-weight:600; text-align:left;}
.spec_contents { background-color:#ffffff;  width:98%; padding-left:2%;padding-top:1%; padding-bottom:1%;font-size: 16px;	font-size: 1.6rem;  text-align:left;}
.submenu  { width:100%;display:block; font-family: 'Montserrat', sans-serif; font-size:18px; font-size: 1.8rem; font-weight:600; cursor:pointer; text-align:left; background-image:url(images/close.png); background-repeat:no-repeat; background-position:right top; border-bottom-color:#999999; border-bottom-style:solid; border-bottom-width:1px;  }
.open {background-image:url(images/open.png); background-repeat:no-repeat;  background-position:right top;}
.subcontents { margin-top:15px; }


#dealertlst  a {color:#000000;  }
.dealertlst { width:94%; margin-left:2%; display:block; font-size:12px; font-size:1.2rem;  text-align:left;  padding:1%;} 
	.dealertlst:nth-child(odd){background-color:#eeeeee;}
	.dealertlst:nth-child(even){background-color:#e5e5e5;}
	.dealertlst a {color:#000000;  }
		.dealertlst_name { margin-left:2%; width:96%; float:left;   border-bottom: 1px solid #d2d2d2;padding-bottom:1%;}
	.dealertlst_tel {margin-left:2%;float:left;  width:30%;padding-top:1%; }
	.dealertlst_add {width:60%; float:left; padding-top:1%;}
	.dealertlst_homepage {display:none;}
	.dealertlst_map a {float:right; cursor:pointer; width:6%; margin-top:-3%; margin-right:1%;  background-image:url(images/btn_map_sp.png); background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-9999px;  }
	#dealertlst .panel {display:none; background-color:#eeeeee;  width:100%; height:474px; padding:0;}
	.mb10 { margin-bottom:10px;}
	
	
	.support_subtitle {  font-size:18px; font-size:1.8rem; text-align:left;}
	ul.contact_table { display:table;width:96%; margin-left:2%;}
.contact_table li {display:table-cell; font-size:14px; padding:4px;}
.contact_table li:nth-child(1) {  width:5%; }
.contact_table li:nth-child(2) {  width:95%;}

.apparel a { display:block; color:#000000; }
.apparel a:hover {opacity: 0.7; }
	
	 .news_photo {  width:100%;}
	 .news_photo img { width:100%;}
	/* .news_photo img { width: 100%;  height: auto !important;}*/
.news_contents {width:100%; }
/*.news_contents img { width:100%;}*/
.news_contents a {color:#cc3333;}
.news_contents img { width:100%;}
.news_date_icn { clear:both; padding-left:72px; padding-top:5px; padding-bottom:5px; display:block; background-image:url(images/news_icon_date.gif); background-repeat:no-repeat; background-position:left 10px; }
.news_place_icn {clear:both;padding-left:72px;padding-top:5px; padding-bottom:5px;display:block; background-image:url(images/news_icon_place.gif); background-repeat:no-repeat; background-position:left 10px; }
.news_date { font-size:16px; font-size:1.6rem; float:left; }
.news_category { float:left; font-size:16px; font-size:1.6rem;color:#cc3333;}
.news_title {  clear:both; font-size:16px;  font-size:1.6rem; padding-top:20px;}
.news_contents{ text-align:left;font-size:18px; font-size:1.8rem;margin-top:10px; }
.news_btnArea { clear:both;margin-bottom:50px; margin-top:30px;  }
.news_btnArea img { width:65%; margin-left:18%;}
.previous-entries { font-size:14px; font-size:1.4rem; }
.next-entries{ font-size:14px; font-size:1.4rem; }
.previous-entries  a {color:#cc3333;}
.next-entries a {color:#cc3333;}


/*event*/
.event_clm { font-size:16px; font-size:1.6rem; text-align:left;width:100%; padding:0; margin:0;cursor:pointer;}
.event_clm_even {display:block; height:40px;  background-color:#e5e5e5; }
.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;}
.actived {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_date { margin-left:10px; line-height:40px;}
.event_ride { width:20%;  margin-left:10px; line-height:40px;float:left; font-weight:bold;}
.event_place { width:20%; height:40px;float:left; line-height:40px;}
.event_title { width:55%; height:40px;float:left; line-height:40px;}
.event_detail { font-size:16px; font-size:1.6rem; text-align:left; display:none; }
.event_photo {float:left; width:50%; display:block;  margin-left:20px;margin-right:20px; margin-bottom:10px;  margin-top:10px; }
.event_photo img { width:100%; }
.event_text { float:left; width:100%; margin-bottom:20px;   }
.event_btnArea { clear:both; padding-top:30px; text-align:center; width:50%;}

/*event*/


.caravan_clm { font-size:18px; font-size:1.8rem; text-align:left;width:100%;  padding:0; margin:0;cursor:pointer; border-bottom: 1px solid #e7e7e7; }
.caravan_logo { margin-top: 25px; margin-bottom: 20px;width:100%; }
/*.caravan_logo img { width:100%;}*/
.caravan_logo div:nth-child(1) { width:20%;text-align: center; display: block;height: 60px;float:left; }
.caravan_logo div:nth-child(2) { width:70%; text-align: center;display: block;height: 60px;float:left;  }
.caravan_logo div:nth-child(1) img { height:100%;}
.caravan_logo div:nth-child(2) img { width:100%;}


.caravan_photo {float:left; width:50%; display:block;  margin-left:20px;margin-right:20px; margin-bottom:10px;  margin-top:10px;  }
.caravan_photo img { width:100%; }
.caravan_text {float:left; width:100%; margin-bottom:20px; }

#footerWrapper { width:100%;background-image:url(images/footer_sp.gif); background-repeat:no-repeat; background-position:center top; background-size:cover;}
	#footer { width:96%;  padding:2%; font-size:15px; font-size:1.5rem;  padding-top:85px; text-align:center;color:#ffffff; }
	#footer a { color:#ffffff;}
	.mb25 { margin-bottom:25px;}
	.w6 { width:6%;}


	.online,.footer_online {text-align: center; }
.online img { width:512px; height: auto; margin-bottom: 25px;}
.online p { font-size:14px; margin-bottom: 25px; }
.footer_online img  { width:477px; height: auto; margin-bottom: 10px; margin-top: 120px;}	
	
	button { border:thin solid #fbd1d5; height:40px; padding-right: 20px;text-align: center; margin-bottom: 60px;}
button p {font-family: 'Montserrat', sans-serif;font-size:12px;font-size:1.2rem; font-weight:bold; color:#000000; margin-left: 20px;  line-height: 38px; padding-right: 30px;background-image: url("images/arrow.png"); background-repeat: no-repeat; background-position: center right;}
button a {color:#000000; display:block;}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}