@charset "UTF-8";

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

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;
}
/*--------------------------------------------------------------------------
■基本カラー
	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{
	-webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
/*-----<image>-----*/
img.stretch{width:100%; height:auto; border:none; max-width:100%; vertical-align:top;}
/*--------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------*/
.navbar-default{
	margin-bottom:0;
	padding:10px 0 0;
	border-radius:0;
	/*background:url('../images/common/bg-wall_bk.jpg') center center repeat;*/
	background-color: #FFF;
	border-bottom:5px solid #2c2e35 ;
}
.navbar-brand{
	padding:0 15px;
	height:35px;
}
.navbar-brand img{
	display:block;
	vertical-align: top;
}
.head-logo{
	width:auto;
	height:35px;
}
.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;
}
.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:#FFF;
	border-top:1px solid #2c2e35 ;
}
.footer-logo{
	margin:10px auto 10px;
}
.text-copyright{
	font-family:Arial,sans-selif;
	letter-spacing:1px;
	font-size:11px;
	color:#222;
}
.footer-logo a:link img,.footer-logo a:visited img{
	filter: alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
    -webkit-transition: 0.4s ; /* Safariに対応させるため */
    transition: 0.4s ;
}
.footer-logo a:hover img,.footer-logo a:active img{
	filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
    -webkit-transition: 0.2s ; /* Safariに対応させるため */
    transition: 0.2s ;
}
/*販売店様専用サイト*/
.link-button-dealers{
	margin:20px auto 10px;
}
.link-button-dealers a{
	padding:8px 10px;
	display:block;
	color:#222;
	font-family: 'メイリオ', '游ゴシック', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック' , sans-serif;
	font-size:90%;
	line-height: 1;
	letter-spacing: 2px;
	border-radius:16px;
	border:1px solid #222;
	text-decoration: none;

}
.link-button-dealers a:link,.link-button-dealers a:visited{
	background-color:#FFF;
}
.link-button-dealers a:hover,.link-button-dealers a:active{
	background-color:#EFEFEF;
}


/*----------------------------------------
トップに戻るボタン
----------------------------------------*/
#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: #003366;
    -webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
.breadcrumb{
	margin:15px auto;
	padding:6px 15px;
	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;
}
.head-img-box{
	margin: 0;
	display:block;
	width:100%;
	height:375px;
	position:relative;
}
.head-ti-box{
	margin:15px 0;
	display:block;
	width:100%;
	background: linear-gradient(to right, rgba(0,0,0,0.6), transparent);
	position:absolute;
	bottom:0px;
	left:0;
}
.head-ti-box h1{
	margin:0;
	padding:10px 0;
	font-size:220%;
	line-height: 1;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
}
.bg-history{
	background:url('../images/bg-img-history.jpg') center center repeat-x;
	background-size:cover;
}
.bg-download{
	background:url('../images/bg-img-catalogue.jpg') center center repeat-x;
	background-size:cover;
}
.bg-contact{
	background:url('../images/bg-img-contact.jpg') center right repeat-x;
	background-size:cover;
}
/* -------------------------------------------------------------------------------
INDEX
-------------------------------------------------------------------------------*/
.stretch{
	width:100%;
	height:100%;
}
.slick-box{ background-color:rgba(0,0,0,0.3);}
.slick-box img{
  margin: 0 auto;
}

.slick-dots li button::before {
    color: #003366;
	font-size:12px;
}
.block-button{
	margin-top:10px;
	margin-bottom:20px;
	position:relative;
	border-radius:6px;
}
.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 small{
	font-size:90%;
	font-weight:normal;
	color:#FFF;
	display:block;
	width:100%;
	position:absolute;
	bottom:40%;
	margin-bottom:-34px;
}
.block-button a img{
	background-color:rgba(0,0,0,0.5);
	border-radius:6px;
}
.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 ;
}
.bg-bu-history{
	background:url('../images/bg-bu-history.jpg') center top no-repeat;
	background-size:cover;
}
.bg-bu-products{
	background:url('../images/bg-bu-products.jpg') center top no-repeat;
	background-size:cover;
}
.bg-bu-dealers{
	background:url('../images/bg-bu-dealers.jpg') center top no-repeat;
	background-size:cover;
}



/* -------------------------------------------------------------------------------
PRODUCTS LINE UP
-------------------------------------------------------------------------------*/
a:link.list-block,
a:visited.list-block,
a:hover.list-block,
a:active.list-block{
text-decoration: none;
}
.list-block{
	margin:10px 0 60px;
	display:block;
	position:relative;
}
.list-block strong{
	margin:5px auto 10px;
	font-family: 'Noto Serif', serif;
	font-size:180%;
	line-height: 1;
	font-weight:900;
	color:#003366;
	text-decoration: none;
	position:absolute;
	display:block;
	width:100%;
	text-align: center;
}
.list-block > strong > small{
	font-size:40%;
	color:#666;
	display:inline-block;

}
.list-block strong.option{
	margin:5px auto 10px;
	font-family: 'Noto Serif', serif;
	font-size:130%;
	line-height: 1;
	font-weight:900;
	color:#003366;
	text-decoration: none;
	position:absolute;
	display:block;
	width:100%;
	text-align: center;
}
.list-block > strong.option > small{
	margin:10px;
	font-size:50%;
	color:#666;
	display:block;

}
a.list-block:link > img.item-img,a.list-block:visited > img.item-img{
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:90%;
	height:auto;
	-webkit-transition: 0.3s ;
    transition: 0.3s ;
}
a.list-block:hover > img.item-img,a.list-block:active > img.item-img{
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:95%;
	height:auto;
	position:absolute;
	-webkit-transition: 0.3s ;
    transition: 0.3s ;
}
a:link > span.link-border,a > span:visited.link-border{
	margin-left:50%;
	background-color:#003366;
	display:table;
	height:4px;
	width:0;
	-webkit-transition: 0.3s ;
    transition: 0.3s ;
}
a:hover > span.link-border,a > span:active.link-border{
	margin-left:0;
	background-color:#003366;
	display:table;
	border-radius:2px;
	height:4px;
	width:100%;
	-webkit-transition: 0.3s ;
    transition: 0.3s ;
}
.icon-block{
	position:relative;
}
.new-icon-box{
	position:absolute;
	z-index: 500;
}
/* -------------------------------------------------------------------------------
PRODUCTS
-------------------------------------------------------------------------------*/
/*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 30px; padding:0 15px;}
.thumbnail-thumb li { margin: 5px;}
.thumbnial-thumb .slick-next { right: 30px; z-index: 100;}
.thumbnail-thumb .slick-prev { left: 20px; z-index: 100;}
.thumbnail-thumb .slick-current img{margin:1px 0;  box-shadow: 0 0 0 1px rgba(0,50,100,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;
}
.text-color{
	font-size:90%;
	font-family: 'Roboto', sans-serif;
}

.item-description-box{
	margin-top:20px auto;
}
.item-description-box h1{
	margin:20px 0 0 0;
	font-family: 'Noto Serif', serif;
	font-size:280%;
	font-weight:900;
	color:#003366;
}
.item-description-box h1 small{
	padding-left:10px;
	font-family: 'Noto Serif', serif;
	font-size:40%;
	font-weight:900;
	color:#565656;
}
.ti-cate{
	display:block;
	overflow: hidden;
	position: relative;
}
.ti-cate strong{
	padding-left:24px;
	padding-right:6px;
	background: url('../images/common/dot-araya.png')left center no-repeat #FFF;
	background-size:20px 20px;
}
h2.ti-cate{
	font-size:140%;
	line-height: 1.4;
}
.ti-cate:after{
	content:" ";
	width:100%;
	height:0;
	border-bottom:1px dotted #666;
	position:absolute;
	top:50%;
}
.text-price{
	margin:0 10px 0;
	font-size:85%;
	border-bottom:1px dotted #666;
}
.text-price strong{
	font-size:130%;
}
.item-description-box p{
	margin:10px 0 20px 0;
	padding-bottom:20px;
}
hr{
	padding:0;
	border:0;
	border-bottom:1px dotted #666;
}
.text-dvdate{
	margin:30px auto;
	display:table;
	padding:5px 10px;
	text-align: center;
	font-weight:bold;
	border:1px solid #222;
	font-size:14pt;
	ba
}
.text-dvdate span{
	display:block;
	border-bottom:2px solid #CCC;
}
.text-dvdate small{
	display:block;
	margin:5px auto;
	padding:0;
	font-size:9pt;
	font-weight:normal;
}
/*スペックアイコン*/
.icon-box{
	margin:0 0 40px 0;
	padding:0;
	display:table;
}
.icon-box li{
	padding:10px;
	display:table-cell;
}
/*マニュアルダウンロード*/
.manual-box{
	margin-top:-20px;
	margin-bottom:30px;
}
.ico-download{
	padding:10px 15px;
	width:auto;
	padding-left:40px;
	display:inline-block;
	background:url('../images/common/ico-pdf.svg') left center no-repeat;
	border:1px solid #999;
	background-position:10px;
	font-size: 14px;
	letter-spacing: 1.5px;
	border-radius:3px;
}
a:link.ico-download,a:visited.ico-download{
	color:#212121;
	text-decoration: none;
}
a:hover.ico-download,a:active.ico-download{
	color:#000000;
	background-color:#EFEFEF;
	text-decoration: none;
	border: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:3px 0;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
}
.tab-triple > li{
	width:33.3333%;
}
.tab-double > li{
	width:50%;
}

.nav-tabs > li > a{
	margin:0;
	padding:2px 15px;
	cursor: pointer;
	border-left:1px solid #666;
	text-align: center;
}
.nav-tabs > li:first-child > a{
	border-left:0;
}
.nav-tabs > li.active > a{
	margin:0;
	border:0;
	border-radius:0;
	background-color:#FFF;
	color:#FF0000;
	border-left:1px solid #666;
}
.nav-tabs > li:first-child.active > a{
	border-left:0;
}

.nav-tabs > li > a:link,.nav-tabs > li > a:visited{
	margin:0;
	border-top:0;
	border-bottom:0;
	cursor: pointer;
	color:#222;
	-webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
.nav-tabs > li > a:hover,.nav-tabs > li > a:active{
	margin:0;
	border-top:0;
	border-bottom:0;
	border-left:1px solid #666;
	cursor: pointer;
	color:#e31837;
	-webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
.nav-tabs > li:first-child > a:link,.nav-tabs > li:first-child > a:visited{
	border-left:0;
}
.nav-tabs > li.active > a:link,.nav-tabs > li.active > a:visited{
	margin:0;
	border-top:0;
	border-bottom:0;
	border-left:1px solid #666;
	cursor: pointer;
	background-color:#EFEFEF;
	color:#222;
	-webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
.nav-tabs > li:first-child.active > a:link,.nav-tabs > li:first-child.active > a:visited{
	border-left:0;
}
.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:active{
	margin:0;
	border-top:0;
	border-bottom:0;
	cursor: pointer;
	background-color:#CCC;
	color:#e31837;
	-webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
.nav-tabs > li.active > a:focus{
	margin:0;
	border-top:0;
	border-bottom:0;
	cursor: pointer;
	background-color:#EFEFEF;
	color:#222;
	-webkit-transition: 0.3s ; /* Safariに対応させるため */
    transition: 0.3s ;
}
.ti-midium{
	margin-bottom:30px;
	padding:5px 6px 5px 30px;
	font-size:180%;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	background: url('../images/common/dot-araya.png')left center no-repeat #FFF;
	background-size:24px 24px;
}
.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:6px solid #CCC;
	vertical-align: middle;
}
.pickup-spec li strong{
	font-size:160%;
	font-weight:bold;
	color:#003366;
}
.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;
	border-top:3px solid #003366;
	width:100%;
	
	font-family: 'Roboto', sans-serif;
}
.spec th{
	padding:6px 15px;
	border-bottom:1px dotted #999;
	border-left:1px dotted #666;
	text-align: left;
	vertical-align: top;
}
.spec td{
	padding:6px 15px;
	border-bottom:1px dotted #999;
	border-left:1px dotted #666;
	vertical-align: top;
	font-weight:400;
}
.spec td:first-child {
	background-color:#FFF;
	border-left:0;
	width:25px;
}
.spec td:first-child span{
	font-size:70%;
	line-height: 1;
	font-weight:bold;
	-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 15px;
}
.geo th{
	border-bottom:1px solid #666;
	font-weight:bold;
	text-align: center;
}
.geo td{
	text-align: center;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
.geo td:first-child{
	font-weight:bold;
}
.hrz{
	background:url(../images/arrow-left.png) center center no-repeat;
}
geo-place-box{
	display:table;
}
.geo-place-block{
	margin:0;
	padding:0;
	display:table-cell;
		width:50%;
	list-style-type: none;
}
.geo-place-block li{
	padding:6px 15px;
	line-height: 1;
}
.geo-place-block li strong{
	margin-right:10px;
}
.ti-small{
	margin:20px 0 10px;
	padding:6px 0;
	font-size:120%;
	font-weight:bold;
	border-bottom:1px dotted #666;
}
.riders-height{
	width:100%;
	margin-bottom:30px;
}
.riders-height td{
	padding:6px 6px;
	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') center center repeat-y;
	background-size:100%;
	background-color:#6c759c;
}
.bg-rh-l2{
	background:url('../images/common/rh-zone_l2.jpg') center center repeat-y;
	background-size:100%;
	background-color:#6c759c;
}
.bg-rh-m{
	background:url('../images/common/rh-zone_m.jpg') center center repeat-y;
	background-size:100%;
}
.bg-rh-r{
	background:url('../images/common/rh-zone_r.jpg') center center repeat-y;
	background-size:100%;
	background-color:#6c759c;
}
.bg-rh-r2{
	background:url('../images/common/rh-zone_r2.jpg')center center repeat-y;
	background-size:100%;
	background-color:#6c759c;
}
.text-li-attent{
	padding: 0 0 0 25px;
	margin:10px;
	font-size:90%;
}
/*Option*/
img.img-border{
	width:99%;
	border:1px solid #666;
	box-sizing:border-box;
}
.option-table{
	margin:10px 0 20px;
}
.option-table th,.option-table td{
	padding:5px 15px;
	border-bottom:1px solid #666;
	font-size:90%;
}
.option-table td{
	text-align: center;
}
.option-table tr:first-child td{
	font-weight:bold;
}
.text-mi{
	margin-top:20px;
	padding:2px 0 4px 10px;
	font-size:100%;
	line-height: 1;
	font-weight:bold;
	border-bottom:1px dotted #666;
	border-left:6px solid #222;
}
h1.text-name-option{
	font-size:220%;
}
h1.text-name-option span{
	margin-right:6px;
	display:inline-block;
}
.mi-uldot{
	margin:10px 0 30px;
	padding:30px 0;
	font-weight:bold;
	color:#003366;
	border-bottom:12px dotted #99CCFF;
}
hr.uldot{
	margin:10px 0 30px;
	padding:30px 0;
	font-weight:bold;
}
.wheel-spec{
	margin:10px 0 20px;
	border-top:4px solid #003366;
	width:100%;
}
.wheel-spec th,.wheel-spec td{
	padding:10px 15px;
	border-bottom:1px solid #666;
	vertical-align: top;
	
}
.wheel-spec td{font-weight:normal;}
/* -------------------------------------------------------------------------------
Catalogue Download
-------------------------------------------------------------------------------*/
.catalogue-list-box{
	margin:10px auto 40px;
	text-align: center;
}
.catalogue-list-box img{
	margin:0 auto 10px;
	width:auto;
	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用*/
}
.catalogue-list-box strong{
	display:block;
}
.catalogue-archive-box{
	padding:10px 10px 10px 20px;
	margin:10px 20px;
	text-align: left;
	font-size:100%;
	line-height: 1.0;
	background:url('../images/common/list-dot.png') left top no-repeat;
	display:block;
}
.catalogue-archive-box strong{
	margin-right:5px;
}
.catalogue-archive-box small{
	font-size:75%;
	display:inline-block;
}
a.catalogue-archive-box:link{
	color:#222;
	text-decoration: none;
}
a.catalogue-archive-box:visited{
	color:#666;
	text-decoration: none;
}
a.catalogue-archive-box:hover,a.catalogue-archive-box:active{
	color:#003399;
	text-decoration: none;
}
/*-----<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;
}
navber-default{
	padding:0;
}
.navbar-brand img{
	display:inline;
	vertical-align: middle;
}
.head-logo{
	margin-top:5px;
}
.navbar-toggle{
	margin-top:0;
    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*/
.block-button strong{
	font-size:180%;
}
.block-button {
    height: 240px;
    overflow: hidden;
}
/*PRODUCTS （スマホ）*/
.nav-tabs > li{
	width:100%;
}
.nav-tabs > li a,.nav-tabs > li a:link,.nav-tabs > li a:visited,.nav-tabs > li a:hover,.nav-tabs > li a:active,.nav-tabs > li.active > a:focus{
	border-left:0;
}
.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 tr{
	display:table;
	width:100%;
}
.spec th{
	border-bottom:0;

}
.spec th,.spec td{
	font-size:85%;
	display:block;
	border-left:1px dotted #666;
	border-right:1px dotted #666;
}
.spec td:first-child {
	width:100%;
	border-right:0;
}
.spec td:first-child span{
	font-size:75%;
	line-height: 1;
	color:#003366;
	font-weight:bold;
	-webkit-writing-mode:horizontal-tb;
	-ms-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
}

.geo{
	width:100%;
	display:table;
}
.geo tr{
	display:table-cell;
}
.geo th,.geo td{
	display:block;
	font-size:85%;
	line-height: 1.2;
}
.geo tr:first-child td{
	font-size:75%;
	font-weight:900;
	border:0;
	border-bottom:1px dotted #CCC;
}
.geo tr th,.geo tr td{
	font-size:75%;
	border-bottom:1px dotted #CCC;
	border-left:1px dotted #666;
}
.geo-place-block{
	margin:0;
	padding:0;
	display:block;
	width:100%;
	list-style-type: none;
}
.geo-place-block li{
	font-size:85%;
}
.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;
}
.wheel-spec{
	display:table;
}
.wheel-spec tr{
	border-bottom:1px solid #666;
}
.wheel-spec th,.wheel-spec td{
	padding:2px 2px 2px 15px;
	display:block;
	width:100%;
	border:0;
	font-weight:normal;
	font-size:90%;
}
.wheel-spec th:first-child,.wheel-spec td:first-child{
	padding-top:10px;
	padding-left:0;
	font-weight:bold;
	font-size:100%;
}
.wheel-spec th:last-child,.wheel-spec td:last-child{
	padding-bottom:10px;
}
}
/* -------------------------------------------------------------------------------
 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) { 
/*INDEX*/
.block-button strong{
	font-size:180%;
}
/*BIKE(スマホ)*/
.geo th,.geo td{
	padding:6px;
}
.pickup-spec li.img-pu-box{
	padding-right:0;
	width:236px;
}
.pickup-spec li{
	display:inline-block;
}
.pickup-spec li:last-child{
	padding-top:10px;
	display:block;
}
.geo th,.geo td{
	font-size:85%;
	line-height: 1.2;
}
}
/* -------------------------------------------------------------------------------
 992px～1199px(Medium/col-md)
------------------------------------------------------------------------------- */
@media only screen and (min-width: 62em) and (max-width: 74.9375em) {
.geo th,.geo td{
	padding:6px;
}
.pickup-spec li.img-pu-box{
	padding-right:0;
	width:236px;
}
.pickup-spec li{
	display:inline-block;
}
.pickup-spec li:last-child{
	padding-top:10px;
	display:block;
}

}
/* -------------------------------------------------------------------------------
 ～1199px
------------------------------------------------------------------------------- */
@media only screen and (max-width: 74.9375em) {

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