/*---Layout---*/

#header-wrapper { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; background: #000; }

#header { margin: 11px auto; padding: 0 10px; line-height: 1.0; }

#header-inner {
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;
	max-width: 960px; margin: 0 auto; padding: 0; text-align: left; font-size: 100%;
}

#logo { margin: 0; padding: 0 10px 0 0; flex-basis: 30%; }
#logo img { width: 160px; margin: 0 0 0 5px; padding: 0; }

#menu-1 { text-align: right; flex-basis: 60%; }
#social-icons { margin: 0; padding: 0; text-align: right; }
#social-icons a:hover img { -webkit-filter: brightness(120%); filter:brightness(120%); }

#main-menu { margin: 0 auto 0.3em; padding: 0 10px; background: #333; }
#menu-2 { max-width: 980px; margin: 0 auto; padding: 0; }

ul.menu-primary,
ul.menu-secondary { list-style: none; margin: 0; padding: 0; }

ul.menu-primary li { list-style: none; display: inline-block; margin: 0; padding: 0 7px; line-height: 1.2; font-size: 12px; text-align: left; }
ul.menu-primary li .m-title-en { font-size: 16px; font-family: 'Abel', sans-serif; }
ul.menu-primary li a { color: #FFF; }
ul.menu-primary li a:hover { color: #E20C1A; text-decoration: none; }

ul.menu-secondary li { list-style: none; display: inline-block; margin: 0; line-height: 1.2; font-size: 12px; text-align: left; }
ul.menu-secondary li .m-title-en { font-size: 16px; font-family: 'Abel', sans-serif; }
ul.menu-secondary li a { display: block; color: #FFF; padding: 5px 10px; }
ul.menu-secondary li a:hover { background: #E20C1A; text-decoration: none; }

#wrapper { max-width: 980px; margin: 0 auto; padding: 110px 0 0; text-align: left; font-size: 100%; }

#content-body { margin: 0 10px; padding: 0; line-height: 1.6; }

#content-body img { max-width: 100%; height: auto; }

#footer { margin: 20px auto 20px; padding: 0; font-size: 12px; text-align: center; color: #CCC; }
#footer .copyright { padding: 10px 15px 10px; }

#footer-pagetop { background: #222; }
#footer-pagetop a.pagetop { display: inline-block; background: #444; color: #FFF; padding: 10px; }
#footer-pagetop a.pagetop:hover { text-decoration: none; background: #D00; }

/*---Block---*/
.block-half { display: inline-block; width: 48%; margin: 0 1% 15px; vertical-align: top; font-size: 14px; }

/*---Top---*/
#news-area { font-size: 0px; }

#news-area a { color: #FFF; }
#news-area a:hover { color: #D00; }

.whatsnew-date {
	margin: 0; padding: 4px 0px 4px 20px; color: #D00; font-size: 14px; line-height: 1.1;
	font-family: 'Abel', sans-serif;
	background: #000 url(images/ico_dot01.gif) 5px 10px no-repeat;
}

.whatsnew-tx { padding: 4px 0px 4px 20px; font-weight: bold; line-height: 1.2; }

/*---Pickup---*/
ul.pickup-index { list-style: none; margin: 0; padding: 0; font-size: 0px; font-family: 'Abel', sans-serif; color: #FFF; }
ul.pickup-index li { display: inline-block; width: 32%; margin: 0 0.5% 1em; font-size: 18px; line-height: 1.1; text-align: center; vertical-align: top; }
ul.pickup-index li .pickup-image { margin: 0 0 0.5em; overflow: hidden; }
ul.pickup-index li .pickup-image img {
	width: 100%; height: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}
ul.pickup-index li .pickup-title { margin: 0; padding: 0; }
ul.pickup-index li .note { font-size: 14px; color: #D00; }
ul.pickup-index li .pickup-s-text { font-size: 12px; }

ul.pickup-index li a { color: #FFF; }
ul.pickup-index li a:hover { color: #D00; }
ul.pickup-index li a:hover .pickup-image img { webkit-transform: scale(1.08); transform: scale(1.08); }

/*---Content---*/
.c_left { float: left; width: 48%; padding: 0 0 20px; }
.c_right { float: right; width: 48%; padding: 0 0 20px; }

/*---Product Index---*/
div.category-top-image { margin: 0 0 1em; }

ul.products-index { list-style: none; margin: 0; padding: 0; font-size: 0px; font-family: 'Abel', sans-serif; color: #FFF;  }
ul.products-index li { display: inline-block; width: 24%; margin: 0 0.5% 1em; font-size: 18px; line-height: 1.1; text-align: center; vertical-align: top; }
ul.products-index li .product-thumb { margin: 0 0 0.5em; overflow: hidden; }
ul.products-index li .product-thumb img {
	width: 100%; height: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}
ul.products-index li .product-caption { margin: 0; padding: 0; }
ul.products-index li .note { font-size: 14px; color: #D00; }

ul.products-index li a { color: #FFF; }
ul.products-index li a:hover { color: #D00; }
ul.products-index li a:hover .product-thumb img { webkit-transform: scale(1.08); transform: scale(1.08); }

/*---Bikes---*/
h3.bike_title1 { color: #DDD; font-family: 'Abel', sans-serif; }
h3.bike_title1 .bike_sub_title1 { font-size: 18px; }

.black-label { margin: 0 0 1.5em; padding: 0; line-height: 1.2em; }
.black-label-item { display: table-cell; vertical-align: middle; padding: 5px; }

/*---Apparel & Accessories---*/
.product-left { display: inline-block; width: 58%; vertical-align: top; }
.product-right { display: inline-block; width: 40%; margin: 0 0 0 1%; vertical-align: top; }

/*---news---*/
.news_body { 
	margin: 0 0 30px; padding: 10px 0 20px;
	border-top: 3px solid #900;
}
h3.news_title {
	margin: 0 0 15px; padding: 0 15px 8px 20px;
	font-size: 120%;
	color: #FFF;
	border-bottom: 1px solid #900;
	background: #000 url(images/ico_dot01.gif) 5px 10px no-repeat;
}
.news_date { 
	margin: 0; padding: 0 15px 8px 20px;
	color: #888; line-height: 1.1;
	font-weight: bold;
	background: #000 url(images/ico_dot01.gif) 5px 5px no-repeat;
}


/*---Shop List Menu---*/
.sub-dropmenu {
	list-style-type: none; width: 100%; margin: 5px auto 30px; padding: 0; background: #666; color: #FFF; font-size: 0px; line-height: 1.0;
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	justify-content: space-between; flex-wrap: wrap;
 }
.sub-dropmenu li { position: relative; margin: 0; padding: 0; font-size: 14px; text-align: center; box-sizing: border-box; }
.sub-dropmenu li.parent { flex-basis: 11%; margin: 0; padding: 13px 0; vertical-align: middle; text-align: center; border-right: 1px solid #FFF; }

.sub-dropmenu li a { margin: 0; padding: 15px 0 11px; background: #666; color: #FFF !important; text-decoration: none; }
.sub-dropmenu li ul { position: absolute; z-index: 500; list-style: none; width: 100%; top: 40px; left: 0; margin: 0; padding: 0; }
.sub-dropmenu li ul li { width: 100%; padding: 0; }
.sub-dropmenu li ul li a { display: block; padding: 13px 15px; border-top: 1px solid #FFF; background: #666; color: #FFF; text-align: left; }
.sub-dropmenu li:hover > a { background: #000; color: #FFF; }
.sub-dropmenu li a:hover { background: #000; text-decoration: none !important; }

#shop-selector li ul li { overflow: hidden; height: 0; transition: .2s; }
#shop-selector li:hover ul li { overflow: visible; height: auto; min-height: 38px; }

/*---Shop List---*/
div.shoplist { line-height: 1.2; }
div.shoplist h3 { margin: 0 0 10px; font-size: 115%; color: #FFF; }

div.shoplist table { width: 100%; }
div.shoplist table td { padding: 3px 5px; font-size: 93%; line-height: 1.2; }
div.shoplist table td.zipcode { width: 14%; }
div.shoplist table td.telno { width: 20%; }
div.shoplist table td.website { width: 6%; }
div.shoplist table td.shopname {
	padding: 3px 5px 1px;
	font-size: 100%; font-weight: bold;
	color: #F90;
	border-top: 1px solid #454545;
}

.title_prefecture1 {
	margin: 0 0 15px; padding: 3px 0 3px 30px;
	font-size: 115%;
	color: #FFF;
	background: #666 url(images/bg_title_s04.png) left top no-repeat;
}

.title_shop1 { border-left: 4px solid #C00; padding: 2px 0 2px 6px; }

.prefecture_list table { margin: 0 0 20px; }
.prefecture_list td { border-bottom: 1px solid #CCC; padding: 5px; font-size: 93%; line-height: 1.3; }

/*---etc---*/
.bike_menu1 {
	margin: 0 0 15px; padding: 5px 5px 5px;
	line-height: 0;
	background: #FFF url(images/bg_bike_menu01.png) top left no-repeat;
}

/*---Bike table---*/
.spec_table1 td { border-top: 1px solid #444; padding: 3px; vertical-align: top; }

.geometry1 th { background: #400; text-align: center; font-size: 93%; }
.geometry1 th.geotype1 { background: #300; text-align: center; font-size: 93%; }

.geometry1 td { font-size: 93%; text-align: center; }
.geometry1 td.odd { background: #333; }
.geometry1 td.even { background: #555; }

.scroll-frame { overflow: auto; }

/*---Contact---*/
table.mail-form-1 { width: 100%; }

table.mail-form-1 th,
table.mail-form-1 td { padding: 5px; }

table.mail-form-1 th.mail-form-head { width: 20%; text-align: right; }
table.mail-form-1 input[type=text],
table.mail-form-1 textarea { width: 90%; }

table.mail-form-1 input#zipcode,
table.mail-form-1 input#tel,
table.mail-form-1 input#fax { width: 40%; }

/*---GS DE ROSA---*/
.gs-title-c1 { text-align: center; color: #FFF; }
.gs-title1 { color: #FFF; }
a.gs-button:hover img { filter:brightness(110%); }