@charset "UTF-8";

@-ms-viewport	{width: device-width;}
/*--------------------------------------------------------------------------
RALEIGH 2021
--------------------------------------------------------------------------*/

body{
	font-family:'メイリオ', Meiryo , '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック' , sans-serif;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.5rem;
	font-weight:300;
	line-height: 1.6;
}
img{
	max-width:100%; height:auto;
}
hr{
	border:0;
	border-bottom:1px dotted #666;
}
/*--------------------------------------------------------------------------
■基本カラー
	ARAYA GRAY color:#2c2e35;
--------------------------------------------------------------------------*/
/*汎用スタイル*/
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{
	line-height: 1.2;
	font-size:50%;
	display:inline-block;
}
p{
	line-height: 1.6;
}
a {
	outline: none;
}
a:focus, *:focus { outline:none; }
a:link,a:visited,a:hover,a:active{
    transition: 0.3s ;
}
a:link img,a:visited img,a:hover img,a:active img{
    transition: 0.3s ;
}
/*--------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------*/
.navbar-inverse{
	border-radius:0;
	/*background:url('../images/common/bg-wall_bk.jpg') center center repeat;*/
	background-color: #222222;
	border-bottom:3px solid #e31837 ;
}

.navbar-brand img{
	display:inline;
	vertical-align: top;
}
.head-logo{
	width:auto;
	height:24px;
}
.head-logo-mark{
	margin-top:-12px;
	margin-right:5px;
	width:auto;
	height:60px;
	position:relative;
	z-index: 999;
}
.social-icon img{
	width:auto;
	height:20px;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}
/*COVID-19による影響に対する重要なお知らせ*/
.news-important{
	margin:-20px 0 0;
	padding:0;
	background:#EFEFEF;
	text-align: center;
	display:block;
	border-bottom:1px solid #CCC;
}
.news-important a{
	margin:20px auto;
	display:block;
}
.news-important a:link,.news-important a:visited{
	color:#343434;
}
/*--------------------------------------------------------------------------
FOOTER
--------------------------------------------------------------------------*/
footer{
	margin-top:20px;
	padding:10px 0;
	border-top:1px solid #CCC;
	background-color:#080808;
	background:url('../images/common/bg-wall_2.jpg') center center repeat;
}
.footer-logo{
	margin:10px auto 10px;
}
.text-copyright{
	font-family:Arial,sans-selif;
	letter-spacing:1px;
	font-size:11px;
	color:#FFF;
}
.footer-logo a:link img,.footer-logo a:visited img{
	filter: alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
    transition: 0.4s ;
}
.footer-logo a:hover img,.footer-logo a:active img{
	filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
    transition: 0.2s ;
}
/*販売店様専用サイト*/
.link-button-dealers{
	margin:20px auto 10px;
}
.link-button-dealers a{
	padding:8px 10px;
	display:block;
	color:#FFF;
	font-family:  '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック' , sans-serif;
	font-size:90%;
	line-height: 1;
	letter-spacing: 2px;
	border-radius:3px;
	border:2px solid #861123;
	text-decoration: none;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
}
.link-button-dealers a:link,.link-button-dealers a:visited{
	background-color:#111;
}
.link-button-dealers a:hover,.link-button-dealers a:active{
	background-color:#e31837;
}

/*----------------------------------------
トップに戻るボタン
----------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #555;
    text-decoration: none;
    color: #fff;
    font-size:20px;
    line-height: 1;
    width: 54px;
    padding: 15px 0 18px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:link {
    -webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
#page-top a:hover {
    text-decoration: none;
    background: #222;
    -webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
.breadcrumb{
	margin:15px auto;
	padding:6px 15px;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	border-radius:0;
	background-color:#FFF;
	font-size:85%;
}
.breadcrumb a{
	font-family: 'Roboto', sans-serif;
	font-weight:900;
}
.breadcrumb a:link,.breadcrumb a:visited{
	color:#2c2e35;
	-webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
.breadcrumb a:hover,.breadcrumb a:active{
	color:#e31837;
	-webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
    text-decoration: none;
}
/* -------------------------------------------------------------------------------
INDEX
-------------------------------------------------------------------------------*/
.slick-box{
	/*margin-top:-20px;COVID-19による影響のお知らせ消したら表示させる2箇所*/
	text-align: center;
}
.slick-box{ background-color:rgba(0,0,0,0.9);}
.slick-box img{
  margin: 0 auto;
}
.stretch{
	width:100%;
	height:100%;
}
.block-button{
	margin-top:20px;
	position:relative;
}
.block-button strong{
	padding:0 12px;
	font-size:240%;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
	color:#FFF;
	font-weight: 900;
	display:block;
	width:100%;
	position:absolute;
	bottom:50%;
	margin-bottom:-34px;
	left:0;

}
.block-button strong small{
	padding-right:15px;
	font-size:40%;
	font-weight:normal;
	display:table;
	width:auto;
	background:url('../images/arrow-right.png')right center no-repeat;
	background-size:12px 12px;
}
.block-button span{
	padding:10px;
	position:absolute;
	top:0;
	background-color:rgba(0,0,0,0.6);
	color:#FFF;
	z-index: 5;
}
.block-button a:link span,.block-button a:visited span{
	padding:0 10px;
	height:0;
	font-size:75%;
	overflow: hidden;
	transition: all 600ms 0s ease;
	width:100%;
}
.block-button a:hover span,.block-button a:active span{
	padding:10px;
	height:auto;
	transition: all 600ms 0s ease;
}
.block-button a:link img,.block-button a:visited img{
	filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
    -webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
.block-button a:hover img,.block-button a:active img{
	filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
    -webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
.top-menu-button img{
	background:rgba(0,0,0,0.5);
	border:4px solid #999;
}
.top-menu-button small{
	margin-bottom:6px;
	display:blosk;
	width:100%;
	position:absolute;
	bottom:50%;
	left:0;
	z-index: 10;
	color:#FFF;
}
.top-menu-button strong{
	padding:2px 0;
	display:blosk;
	width:100%;
	position:absolute;
	bottom:50%;
	left:0;
	z-index: 10;
	color:#FFF;
}
.cont-button img{
	background:rgba(0,0,0,0.5);
	border:4px solid #530909;
}
.cont-button small{
	margin-bottom:2px;
	font-size:100%;
	display:blosk;
	width:100%;
	position:absolute;
	bottom:50%;
	left:0;
	z-index: 10;
	color:#FFF;
}
.cont-button strong{
	padding:2px 0;
	display:blosk;
	width:100%;
	position:absolute;
	bottom:50%;
	left:0;
	z-index: 10;
	color:#FFF;
	font-size:160%;
	line-height: 1.2;
}
.ti-cate{
	display:block;
	overflow: hidden;
	position: relative;
	font-family: 'Roboto', sans-serif;
	color:#222;
	font-size:140%;
	line-height: 1.4;
	font-weight: 900;
}
.ti-cate:after{
	margin-left:5px;
	content:" ";
	width:100%;
	height:0;
	border-bottom:3px solid #222;
	position:absolute;
	top:50%;
}

.bg-bu-carlton{
	background:url('../images/bg-bu-carlton.jpg') center top no-repeat;
	background-size:cover;
}
.bg-bu-crossover{
	background:url('../images/bg-bu-crossover.jpg') center top no-repeat;
	background-size:cover;
}
.bg-bu-compact{
	background:url('../images/bg-bu-compact.jpg') center top no-repeat;
	background-size:cover;
}
.bg-bu-option{
	background:url('../images/bg-bu-option.jpg') center top no-repeat;
	background-size:cover;
}

/* -------------------------------------------------------------------------------
CONTENTS
-------------------------------------------------------------------------------*/

.head-img-box{
	/*margin:-20px 0 40px 0;COVID-19による影響のお知らせ消したら表示させる2箇所*/
	margin:0 0 40px 0;
	width:100%;
	height:420px;
	display:block;
	position:relative;
}
.head-ti-box{
	display:block;
	width:100%;
	background-color:rgba(0,0,0,0.6);
	position:absolute;
	bottom:0;
}
.head-ti-box h1{
	margin:0;
	padding:15px 0;
	font-family: 'Roboto', sans-serif;
	color:#FFF;
	font-weight: 900;
	display:block;
	filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
.bg-history{
	background:url('../images/bg-img-history.jpg') center center no-repeat;
	background-size:cover;
}
.bg-column{
	background:url('../images/bg-img_column.jpg') center top no-repeat;
	background-size:cover;
}
.bg-products{
	background:url('../images/bg-img_products.jpg') center top no-repeat;
	background-size:cover;
}
.bg-download{
	background:url('../images/bg-img_download.jpg') center top no-repeat;
	background-size:cover;
}
.bg-gallery{
	background:url('../images/bg-img_gallery.jpg') center top no-repeat;
	background-size:cover;
}
.bg-dealers{
	background:url('../images/bg-img_dealers.jpg') center center no-repeat;
	background-size:cover;
}
.bg-contact{
	background:url('../images/bg-img_contact.jpg') center center no-repeat;
	background-size:cover;
}
.text-title{
	margin:10px 0 20px 0;
	font-size:180%;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	color:#867514;
	position:relative;
	display:block;
	width:100%;
	overflow: hidden;
}
.text-title span{
	padding-right:10px;
	display:inline-block;
	width: auto;
	background:#FFF;
	z-index: 0;
}
.text-title:after{
	content: '';
	width:100%;
	border-top:1px dotted #666;
	position:absolute;
	top:50%;
	z-index: 100;
}
img.picture-frame{
	margin-bottom:20px;
	border:10px solid #FFF;
	box-shadow: 1px 1px 5px #666;
     -moz-box-shadow: 1px 1px 5px #666;
     -webkit-box-shadow: 1px 1px 5px #666;
}
img.img-border{
	border:1px solid #666;
}
.bg-bk{
	background-color:#000000;
	padding-bottom:20px;
}
.youtube-movie-content {
	padding-top: 56.25%;
	/*margin-top:-8.4375%;*/
	position: relative;
	width: 100%;
}
.youtube-movie-content iframe {
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
	z-index: 2;
}
/*--------------------------------------------------------------------------
PRODUCTS ALL
--------------------------------------------------------------------------*/
.text-carlton{
	color:#02386f;
}
.text-crossover{
	color:#004332;
}
.text-compact{
	color:#732046;
}
.text-option{
	color:#506061;
}
.ca-ti-box{
	margin:20px 0;
	border-bottom:1px solid #666;
}
.ca-ti-box{
	margin:40px 0;
}
.ca-ti-box h1{
	margin:5px 0;
	font-size:220%;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
}
.ca-ti-box h1 small{
	color:#222;
}

.cate-carlton{
	border-bottom:6px solid #02386f;
	color:#777;
}
.cate-crossover{
	border-bottom:6px solid #004332;
	color:#777;
}
.cate-compact{
	border-bottom:6px solid #732046;
	color:#777;
}
.cate-clubsport{
	border-bottom:6px solid #603700;
	color:#777;
}
.cate-option{
	border-bottom:6px solid #506061;
	color:#777;
}
.ca-ti-box h2{
	margin:10px 0 0;
	font-size:100%;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#2c2e35;
	letter-spacing: 2px;
}

/*2021 ボタン式*/
.bike-button{
	display:block;
	padding:0;
	border:1px solid #CCC;
	position:relative;
}
.bike-button dt{
	padding:4px 12px;
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align: center;
	box-sizeing:border-box;
}
.bike-button dd{
	padding:12px;
	text-align: center;
	box-sizeing:border-box;
}
.bike-button dd strong{
	font-size:200%;
	display:block;
}
.bike-button dd span{
	font-size:100%;
	display:block;
}
.bike-list-text{
	padding:6px 10px;
	font-size:100%;
	text-align: left;
	background-color:#EFEFEF;
	box-sizeing:border-box;
	border-radius:6px;
}
.bike-button a:link,.bike-button a:visited{
	text-decoration: none;
	color:#222;
}
.bike-button a:hover,.bike-button a:active{
	text-decoration: none;
	color:#333;
}
.bgc-carlton{
	background-color:#02386f;
}
.bgc-crossover{
	background-color:#004332;
}
.bgc-clubsport{
	background-color:#603700;
}
.bgc-compact{
	background-color:#732046;
}
.bike-list-box{
	margin:10px 0 40px;
	position:relative;
}
.bike-list-box a strong{
	font-size:200%;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	color:#2c2e35;
	position:absolute;
	left:25px;
	top:0px;
}

.bike-list-box a:link,.bike-list-box a:visited{
	filter: alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
	-webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
.bike-list-box a:hover,.bike-list-box a:active{
	filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
	-webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
.bike-list-box p{
	padding:6px;
	font-size:100%;
	
}
.option-list-box{
	margin:10px 0 40px;
	text-align: center;
}
.option-list-box img{
	border:1px solid #666;
}
.option-list-box a strong{
	margin:15px 0 0 0;
	font-size:100%;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	color:#2c2e35;
	display:block;
}

.option-list-box a:link,.option-list-box a:visited{
	filter: alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
	-webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
    text-decoration: none;
    color:#2C2E35;
}
.option-list-box a:hover,.option-list-box a:active{
	filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
	-webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
    text-decoration: none;
    color:#2C2E35;
}
.option-list-box span{
	padding:6px;
	font-size:90%;
	font-weight:bold;
}
.text-ti-ml{
	padding-left:5px;
	font-size:110%;
	font-weight:bold;
	border-left:10px solid #2C2E35;
}
.option-table{
	margin:10px 0 20px;
	border-top:1px solid #666;
	border-right:1px solid #666;
}
.option-table tr:first-child td{
	background-color:#506061;
	color:#FFF;
	font-weight:bold;
}
.option-table th,.option-table td{
	padding:3px 15px;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	font-size:90%;
}
.option-table td {
	text-align: center;
	background-color:#EFEFEF;
	font-weight:400;
	font-family: 'Noto Sans JP', sans-serif;
}
.icon-block{
	position:relative;
}
.new-icon-box{
	position:absolute;
	z-index: 500;
}

/* -------------------------------------------------------------------------------
BIKES & OPTIONS
-------------------------------------------------------------------------------*/
/*Slick Slider*/
.thumbnail { max-width: 700px; margin: 0 auto 5px; padding: 0; border:0;}
.thumbnail img,.thumbnail-nav img{ width: 100%;}
.thumbnail-thumb { max-width: 700px; margin: 0 auto; padding:0 15px;}
.thumbnail-thumb li { margin: 5px;}
.thumbnial-thumb .slick-next { right: 20px; z-index: 100;}
.thumbnail-thumb .slick-prev { left: 15px; z-index: 100;}
.thumbnail-thumb .slick-current {margin:1px 0;  box-shadow: 0 0 0 1px rgba(0,0,0,1); opacity: 0.8;}
.thumbnail-thumb div div div { cursor: pointer;}
.thumbnail-thumb img {
    width:95%;
    height:95%;
}
.slick-list{padding:1px;}
.slick-prev::before, .slick-next::before {
    color:#6b749b;
    color:#666;
}
.thumbnail-thumb .slick-prev{
	left: 0;
	z-index: 100;
}
.thumbnail-thumb .slick-next{
	right: 0;
	z-index: 100;
}
.thumbnail-thumb img {
    width:95%;
    height:95%;
}
.text-color{
	font-size:90%;
	font-family: 'Roboto', sans-serif;
}
.item-description-box{
	margin-top:20px;
}
.item-description-box h1{
	margin:20px 0 0 0;
	font-family: 'Roboto', sans-serif;
	font-size:280%;
	font-weight:700;
	border-bottom:5px solid #2c2e35;
}
.item-description-box h1.bb-carlton{
	border-color:#02386f;
}
.item-description-box h1.bb-crossover{
	border-color:#004332;
}
.item-description-box h1.bb-clubsport{
	border-color:#603700;
}
.item-description-box h1.bb-compact{
	border-color:#732046;
}
.item-description-box h1.bb-option{
	border-color:#506061;
}
.text-price{
	margin:0 10px 0;
	font-size:85%;
}
.text-price strong{
	font-size:130%;
}
.item-description-box p{
	margin:10px 0 20px 0;
	padding-bottom:20px;
	border-bottom:1px dotted #666;
}
table.mini-spec{
	margin-bottom:40px;
}
table.mini-spec th,table.mini-spec td{
	padding:3px 15px;
	vertical-align: top;
	
}
table.mini-spec th{
	text-align: right;
	border-right:1px solid #666;
}

.nav-tabs{
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}
.nav-tabs{
	padding:0;
	margin:40px auto 20px;
}
.nav-tabs > li{
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
}
.nav-tabs > li > a{
	margin:0;
	padding:6px 15px;
	border:0;
	cursor: pointer;
}
.nav-tabs > li.active > a{
	margin:0;
	border:0;
	border-radius:0;
	background-color:#2c2e35;
	color:#FFF;
}
.nav-tabs > li > a:link,.nav-tabs > li > a:visited{
	margin:0;
	border:0;
	cursor: pointer;
	color:#222;
    transition: 0.3s ;
}
.nav-tabs > li > a:hover,.nav-tabs > li > a:active{
	margin:0;
	border:0;
	cursor: pointer;
	color:#222;
    transition: 0.3s ;
}
.nav-tabs > li.active > a:link,.nav-tabs > li.active > a:visited{
	margin:0;
	border:0;
	cursor: pointer;
	color:#FFF;
    transition: 0.3s ;
}
.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:active{
	margin:0;
	border:0;
	cursor: pointer;
	background-color:#2c2e35;
	color:#FFF;
    transition: 0.3s ;
}
.nav-tabs > li.active > a:focus{
	margin:0;
	border:0;
	cursor: pointer;
	background-color:#2c2e35;
	color:#FFF;
    transition: 0.3s ;
}
.tab-double li{
	width:50%;
}
.ti-midium{
	padding:5px 0;
	font-size:180%;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	border-bottom:5px solid #2c2e35;
}
h3.ti-midium{
	font-size:120%;
}
/*スペックアイコン*/
.icon-box{
	margin:0 0 30px 0;
	padding:0;
	display:table;
}
.icon-box li{
	padding:10px;
	display:table-cell;
}
/*スポットイメージ*/
.multiple { padding: 0;}
.multiple img { width: 99%; border:1px solid #999;}
.multiple a:link img,.multiple a:visited img{
	opacity:0.9;
    transition: 0.3s ;
}
.multiple a:hover img,.multiple a:active img{
	opacity:0.9;
    transition: 0.3s ;
}
.multiple div { margin: 0 10px;}
.multiple .slick-next { right: 17px; z-index: 100;}
.multiple .slick-prev { left: 34px; z-index: 100;}
.pickup-spec{
	list-style-type: none;
	padding:0;
	display:table;
	width:100%;
	border-bottom:1px dotted #666;
}
.pickup-spec:first-child{
	padding-top:10px;
	border-top:1px dotted #666;
}
.pickup-spec li{
	display:table-cell;
	vertical-align: middle;
}
.pickup-spec li.img-pu-box{
	padding-right:20px;
	width:260px;
}
.pickup-spec a{
	margin:10px 0 20px;
	border:1px solid #CCC;
	vertical-align: middle;
}
.pickup-spec li strong{
	font-size:160%;
	font-weight:bold;
	color:#e31837;
}
.img-pu-box a{
	position:relative;
	display:block;
	background-color:#000;
}
.img-pu-box a:link img,.img-pu-box a:visited img{
	-moz-opacity:1.0;
    opacity:1.0;
    -webkit-transition: 0.4s ;
    transition: 0.4s ;
    
}
.img-pu-box a:hover img,.img-pu-box a:active img{
	-moz-opacity:0.6;
    opacity:0.6;
    -webkit-transition: 0.4s ;
    transition: 0.4s ;
}
.img-pu-box a:after{
	margin-top:-30px;
	content:url(../images/ico-zoom.png);
	position:absolute;
	display:inline-block;
	width:100%;
	top:50%;
	left:0;
	text-align: center;
	z-index: 100;
	-moz-opacity:0.7;
    opacity:0.7;
}
.img-pu-box a:link::after{
	-moz-opacity:0;
    opacity:0;
    -webkit-transition: 0.4s ;
    transition: 0.4s ;
}
.img-pu-box a:hover::after{
	-moz-opacity:0.7;
    opacity:0.7;
    -webkit-transition: 0.4s ;
    transition: 0.4s ;
}
.spec{
	margin:0 0 40px;
	font-family: 'Roboto', sans-serif;
	width: auto;
}
.spec th{
	padding:6px 15px;
	border-right:1px solid #2c2e35;
	text-align: right;
	vertical-align: top;
}
.spec td{
	padding:6px 15px;
	vertical-align: top;
}
.spec td:first-child{
	border-bottom:5px solid #FFF;
	background-color:#2c2e35;
	color:#FFF;
	font-size:75%;
}
.spec td:first-child td{
	padding:5px;
	position:relative;
}
.spec td:first-child span{
-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.geo{
	margin:0 0 40px;
	width:100%;
	font-family: 'Roboto', sans-serif;
}
.geo th,.geo td{
	padding:6px;
	border-bottom:1px solid #2c2e35;
}
.geo td{
	text-align: center;
}
.geo td:first-child{
	font-weight:900;
}
.geo tr:hover{
	background-color: #EFEFEF;
}
.hrz{
	background:url(../images/arrow-left.png) center center no-repeat;
}
.riders-height{
	width:100%;
	margin-bottom:30px;
}
.riders-height td{
	padding:6px 0;
	text-align: center;
	border-bottom:1px solid #2c2e35;
	font-family: 'Roboto', sans-serif;
}
.riders-height td:first-child{
	font-weight:900;
}
.riders-height tr:first-child td:last-child{
	padding-right:10px;
	font-size:70%;
}
.bg-rh{
	background:url('../images/common/line-1px.gif') center center repeat-y;
}
.bg-rh-l{
	background:url('../images/common/rh-zone_l.jpg') right center repeat-y;
	background-size:contain;
	background-color:#6c759c;
}
.bg-rh-l2{
	background:url('../images/common/rh-zone_l2.jpg') right center repeat-y;
	background-size:contain;
	background-color:#6c759c;
}
.bg-rh-m{
	background:url('../images/common/rh-zone_m.jpg') center center repeat-y;
	background-size:contain;
}
.bg-rh-r{
	background:url('../images/common/rh-zone_r.jpg') left center repeat-y;
	background-size:contain;
	background-color:#6c759c;
}
.bg-rh-r2{
	background:url('../images/common/rh-zone_r2.jpg') left center repeat-y;
	background-size:contain;
	background-color:#6c759c;
}
/*--------------------------------------------------------------------------
DOWNLOAD
--------------------------------------------------------------------------*/
.send-address{
	margin:10px 0;
	width:auto;
}
.send-address td{
	padding:5px 15px;
	font-weight:400;
	line-height: 1.2;
}
.send-address td:first-child{
	background-color:#CCC;
	position:relative;
	line-height:40px;
	font-size:85%;
}
.send-address td:first-child:after{
	content: "";
	margin-top:-40px;
    margin-right:-30px;
    width: 0;
    height: 0;
    position:absolute;
    right:0;
    top:50%;
    border-style: solid;
    border-width: 40px 15px;
    border-color:  transparent transparent transparent #CCC;
}
.send-address td:nth-child(2){
	padding-left:25px;
}
.download-li-box{
	margin:20px auto 40px;
	text-align: center;
}
.download-li-box img{
	margin-bottom:10px;
	width:220px;
	height:auto;
	box-shadow: 1px 1px 5px #666; /*CSS3*/
     -moz-box-shadow: 1px 1px 5px #666; /* Firefox用*/
     -webkit-box-shadow: 1px 1px 5px #666; /* Google Chrome, Safari用*/
	
}
.download-li-box strong{
	font-size:120%;
	line-height: 1.3;
	font-weight:bold;
	display: block;
}
.download-li-box small{
	margin-bottom:10px;
	display:block;
	font-size:80%;
	font-weight: normal;
}
.column-li-box{
	margin:10px 0 40px;
	display:block;
	position:relative;
	border:1px solid #666;
}
.column-li-box img{
	background-color:rgba(0,0,0,0.5);
}
.column-li-box strong{
	padding:10px 0;
	margin-bottom:-10px;
	position:absolute;
	bottom:55px;
	display: block;
	width:100%;
	background:rgba(255,255,255,0.8);
	text-align: center;
}
.column-li-box small{
	padding:5px 10px;
	display:block;
	width:100%;
	text-align: right;
	font-size:75%;
	background-color: rgba(0,0,0,0.8);
	color:#FFF;
}
.column-li-box a:link img,.column-li-box a:visited img{
	filter: alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}
.column-li-box a:hover img,.column-li-box a:active img{
	filter: alpha(opacity=85);
    -moz-opacity:0.85;
    opacity:0.85;
}
.column-li-box a:link,.column-li-box a:visited{
	color:#222222;
}
.column-li-box a:hover,.column-li-box a:active{
	color:#333333;
}
.text-ti{
	margin:10px 0 10px;
	padding:10px;
	font-size:130%;
	display:table;
	width:100%;
	border-bottom:4px solid #e31837;
}
.columns-box{
	padding-top:30px;
	margin-top:10px;
	margin-bottom:30px;
	border-top:1px dotted #666;
}
.columns-box p{
	margin:15px 0 25px;
	font-size:110%;
}
.column-table{
	margin:10px 0 20px;
	width:100%;
	border-top:1px solid #666;
	border-left:1px solid #666;
}
.column-table th{
	background-color:#CCCCCC;
	font-weight:bold;
}
.column-table th.dark,.column-table td.dark{
	background-color:#222;
	color:#FFF;
}
.column-table th,.column-table td{
	padding:5px 10px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
.column-table td.ami{
	background-color:#EFEFEF;
}
/*--------------------------------------------------------------------------
DEALERS
--------------------------------------------------------------------------*/
.tab-dealers{
	display:table;
	width:100%;
}
.tab-dealers li{
	display:table-cell;
	width:14.28%;
	text-align: center;
	position:relative;
}
.tab-dealers li.active:after{
	content: "";
    margin-left:-10px;
    width: 0;
    height: 0;
    position:absolute;
    left:50%;
    bottom:-30px;
    border-style: solid;
    border-width: 15px 10px ;
    border-color: #222222 transparent transparent transparent;
}
.dealers{
	margin:10px 0 20px;
	width:100%;
	border-top:3px solid #666;
}
.dealers th,.dealers td{
	border-bottom:1px solid #999;
}
.dealers th{
	padding: 5px 15px;
	background-color:#DFDFDF;
	color:#222;
	font-size:85%;
	font-weight:normal;
}
.dealers th:last-child{
	text-align: center;
}
.dealers td{
	padding: 10px 15px;
	font-weight:normal;
}
.dealers td:first-child{
	font-weight:bold;
	font-size:120%;
}
.dealers td:last-child{
	text-align: center;
}
.dealers a:link,.dealers a:visited{
	color:#867514;
}
.dealers a:hover,.dealers a:active{
	color:#49400d;
}
.tab-pane h3{
	margin-top:40px;
}
.sub-dlist{
	margin:10px 0 20px;
	padding:0 0 10px 0;
	display:table;
	width:100%;
	list-style-type: none;
	border-bottom:1px solid #666;
}
.sub-dlist li{
	margin:0;
	padding:0;
	display:table-cell;
	border-right:1px solid #666;
	position:relative;
}
.sub-dlist li:after{
	content: "";
    margin-bottom:-5px;
    width: 0;
    height: 0;
    position:absolute;
    left:10px;
    bottom:50%;
    border-style: solid;
    border-width: 5px 5px ;
    border-color:  transparent transparent  transparent #222;
}
.sub-dlist li:last-child{
	border-right:0;
}
.sub-dlist li a{
	margin:0;
	padding:5px 25px;
	display:block;
	text-align: center;
	line-height: 1.2;
	font-weight:bold;
	text-decoration: none;
	color:#666;
}
.sub-dlist li a:link,.sub-dlist li a:visited{
	background-color:#FFF;
}
.sub-dlist li a:hover,.sub-dlist li a:active{
	background-color:#EFEFEF;
	color:#222;
}

.dealers td.premium{
	padding-left:35px;
	font-weight:bold;
	font-size:120%;
	background:url('../images/common/ico-premium.png') left center no-repeat;
	background-size:30px auto;
}

/*-----<spacer>-----*/
.ctsp0{margin-top:0!important;}
.cbsp0{margin-bottom:0!important;}
.ctsp1{margin-top:10px;}
.cbsp1{margin-bottom:10px;}
.ctsp2{margin-top:20px;}
.cbsp2{margin-bottom:20px;}
.ctsp3{margin-top:30px;}
.cbsp3{margin-bottom:30px;}
.ctsp4{margin-top:40px;}
.cbsp4{margin-bottom:40px;}

/* -------------------------------------------------------------------------------
スマホ用設定ここから
-------------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------------
～768px(Extra small)
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 48em) {
/*-----<h1><h2><h3><h4><h5><h6>-----*/
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{
	line-height: 1.2;
	font-size:50%;
	color:#222;
	display:block;
}
/*-----<navbar-button>-----*/
.navbar-text{
	margin-top:0;
	padding:0;
	font-size:9px;
	line-height: 0;
	font-weight: bold;
	font-family:Arial,sans-selif;
}
.navbar-brand img{
	display:inline;
	vertical-align: middle;
}
.head-logo{
	margin-top:4px;
	width:auto;
	height:26px;
}
.navbar-toggle{
    padding: 0 7px 9px 7px;
}
.navbar-toggle .icon-bar {
    width: 28px;
    height: 3px;
    border-radius:2px;
}

button.navbar-toggle:not(.collapsed) span.bar1{
	-webkit-transform: translateY(7px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg);
	transition: all 300ms ease-in-out;
}
button.navbar-toggle:not(.collapsed) span.bar2{
	opacity: 0;
	transition: all 300ms ease-in-out;
}
button.navbar-toggle:not(.collapsed) span.bar3{
	-webkit-transform: translateY(-7px) rotate(45deg);
	transform: translateY(-7px) rotate(45deg);
	transition: all 300ms ease-in-out;
}
button.navbar-toggle span.bar1{
	-webkit-transform: translateY(0) rotate(0deg);
	transform: translateY(0) rotate(0deg);
	transition: all 300ms ease-in-out;
}
button.navbar-toggle span.bar2{
	opacity: 100;
	transition: all 300ms ease-in-out;
}
button.navbar-toggle span.bar3{
	-webkit-transform: translateY(0) rotate(0deg);
	transform: translateY(0) rotate(0deg);
	transition: all 300ms ease-in-out;
}
/*ドロップダウンメニューホバー(スマホ)*/
.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  
}
.dropdown-menu {
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  display: block;
  width:100%;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.dropup .dropdown-menu {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;  
}
/*INDEX（スマホ）*/
.cont-button{
	height:140px;
}
/*PRODUCTS （スマホ）*/
.tab-double li{
	width:100%;
}
.pickup-spec li{
	display:block;
	padding:10px 0;
}
.pickup-spec img{
	margin-bottom:0;
}
.pickup-spec li.img-pu-box{
	padding-right:0;
	width:100%;
}
.pickup-spec li:last-child{
	margin-bottom:20px;
}
.spec th,.spec td{
	font-size:90%;
}
.geo th{
	font-size:85%;
	line-height: 1.2;
}
.geo{
	width:100%;
	display:table;
}
.geo tr{
	display:table-cell;
}
.geo th,.geo td{
	display:block;
	font-size:85%;
}
.geo td:first-child{
	font-size:75%;
	font-weight:900;
	border:0;
}
.hrz{
	background:url(../images/arrow-top.png) center center no-repeat;
}
.riders-height{
	display:table;
}
.riders-height tr{
	display:table-cell;
}
.riders-height th,.riders-height td{
	display:block;
	border:0;
}
.riders-height td{
	font-size:75%;
	font-weight:900;
	border-right:1px solid #2C2E35;
	
}
.riders-height tr:first-child{
	width:60px;
}
.riders-height tr:first-child td{
	padding-right:10px;
	font-size:90%;
	font-weight: normal;
	text-align: right;
}
.riders-height tr:first-child td:last-child{
	padding-right:10px;
	font-size:70%;
}
.bg-rh{
	background:url('../images/common/line-1px.gif') center center repeat-x;
}
.bg-rh-l{
	background:url('../images/common/rh-zone_tp.jpg') right center repeat-x;
	background-size:contain;
	background-color:#6c759c;
}
.bg-rh-l2{
	background:url('../images/common/rh-zone_tp2.jpg') right center repeat-x;
	background-size:contain;
	background-color:#6c759c;
}
.bg-rh-m{
	background:url('../images/common/rh-zone_md.jpg') center center repeat-x;
	background-size:contain;
}
.bg-rh-r{
	background:url('../images/common/rh-zone_bt.jpg') left center repeat-x;
	background-size:contain;
	background-color:#6c759c;
}
.bg-rh-r2{
	background:url('../images/common/rh-zone_bt2.jpg') left center repeat-x;
	background-size:contain;
	background-color:#6c759c;
}
/*--------------------------------------------------------------------------
PRODUCT LIST（スマホ）
--------------------------------------------------------------------------*/
.ca-ti-box{
	margin:20px 0;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}
.ca-ti-box h1{
	margin:5px 0;
	font-size:160%;
	border-right:0;
	text-align: center;
}
.ca-ti-box h2{
	margin:10px 0;
	font-size:70%;
	color:#2c2e35;
	letter-spacing: 2px;
	text-align: center;
}
.bike-list-box a strong{
	font-size:160%;
	top:-20px;
}
/*--------------------------------------------------------------------------
DEALERS LIST（スマホ）
--------------------------------------------------------------------------*/
.tab-dealers{
	display:table;
}
.tab-dealers li{
	display:block;
	width:100%;
}
.dealers tr{
	display:table;
	width:100%;
}
.dealers td{
	display:block;
	padding:2px 15px 2px 35px;
	border:0;
	line-height: 1.2;
}
.dealers td:first-child{
	padding-top:10px;
	padding-left:10px;
}
.dealers td.premium{
	padding-left:35px;
}
.dealers td:last-child{
	padding-bottom:10px;
	border-bottom:1px solid #666;
	text-align: left;
}
.sub-dlist li{
	display:block;
	width:100%;
	border:0;
}
.sub-dlist li a{
	font-size:90%;
	text-align: left;
}
}
/* -------------------------------------------------------------------------------
 768px～
------------------------------------------------------------------------------- */
@media only screen and (min-width : 768px) {
/* デスクトップ表示ではホバー操作でドロップダウンを表示 */
.navbar-nav > li.dropdown:hover > .dropdown-menu{
  display: block;
}
.sp-view{
	display:none;
}
ul.sp-view,li.sp-view,div.sp-view{
	display:none;
}
}
/* -------------------------------------------------------------------------------
 768px～991px(Small/col-sm)
------------------------------------------------------------------------------- */
@media only screen and (min-width: 48.063em) and (max-width: 61.9375em) { 
.navbar-header{
	float: none;
	position:relative;
	height:50px;
}
.head-logo{
	height:30px;
}
.navbar-header > a{
	position:absolute;
	left:50%;
	
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
	margin-left:-147px;
}
.navbar-nav li{
	width:25%;
	text-align: center;
}
.geo td{font-size:90%;}
.riders-height td{font-size:90%;}
.bike-button{
	height:440px;
}
}
/* -------------------------------------------------------------------------------
 992px～1199px(Medium/col-md)
------------------------------------------------------------------------------- */
@media only screen and (min-width: 62em) and (max-width: 74.9375em) {
.navbar-header{
	float: none;
	position:relative;
	height:40px;
}
.navbar-header > a{
	position:absolute;
	left:50%;
	
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
	margin-left:-115px;
}
.bike-button{
	height:485px;
}
}
/* -------------------------------------------------------------------------------
 ～1199px
------------------------------------------------------------------------------- */
@media only screen and (max-width: 74.9375em) {

}
/* -------------------------------------------------------------------------------
1200px～(Large/col-lg)
------------------------------------------------------------------------------- */
@media only screen and (min-width: 90.063em) { }