@charset "UTF-8";

/* ------------------------------------------------
11px = 85%  	:	19px = 146.5%	:	27px = 205%
12px = 93%  	:	20px = 153.9%   :	28px = 213%
13px = 100%	    :	21px = 161.6%   :	29px = 220%
14px = 108%	    :	22px = 167%	    :	30px = 227%
15px = 116%	    :	23px = 174%     :	31px = 235%
16px = 123.1%   :	24px = 182%     :	32px = 243%
17px = 131%	    :	25px = 189%     :	33px = 250%

10px = 77%  	:	18px = 138.5%   :	26px = 197%

1.base
2.header
3.footer
4.ページ単位設定
5.@media()
*/


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

1.base

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#car main a { color: #d61518;}
#bike main a { color: #008aab;}
#golf main a { color: #00ae41;}
#sports main a { color: #ea1d75;}

/* button
============================================ */
#car .btn.large a {
	background: -moz-linear-gradient(top,#d61518 0%,#be1b1c);
	background: -webkit-gradient(linear, left top, left bottom, from(#d61518), to(#be1b1c));
	}
#bike .btn.large a {
	background: -moz-linear-gradient(top,#008aab 0%,#0d7c9a);
	background: -webkit-gradient(linear, left top, left bottom, from(#008aab), to(#0d7c9a));
	}
#golf .btn.large a {
	background: -moz-linear-gradient(top,#00ae41 0%,#1b9e3e);
	background: -webkit-gradient(linear, left top, left bottom, from(#00ae41), to(#1b9e3e));
	}
#sports .btn.large a {
	background: -moz-linear-gradient(top,#df4883 0%,#d93372);
	background: -webkit-gradient(linear, left top, left bottom, from(#df4883), to(#d93372));
	}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

2.header

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

header {}
nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	width: 100%;
	height: 50px;
	}
nav a.btn-global { display:none;}


/***********************************************

コーポレートロゴ

***********************************************/
nav a.brand {
	width: 180px;
	position:relative;
	background-color: #000;
	z-index: 1000;
	position:absolute;
	overflow: hidden;
	height: 0;
	display: block;
	width: 180px;
	padding-top: 180px;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	background: #000 url("../img/logo.svg") no-repeat;
	background: #000 url("../img/logo.png") no-repeat\9; /* IE10以下 */
	}
nav.nav_fixed a.brand {
	padding-top: 50px;
	background: #000 url("../img/logo_s.svg") no-repeat;
	background: #000 url("../img/logo_s.png") no-repeat\9; /* IE10以下 */
	}

/* -------- logo -------- */
#app nav a.brand,
#corp nav a.brand,
#buisiness nav a.brand,
#support nav a.brand {
	padding-top: 50px;
	background: #000 url("../img/logo_s.svg") no-repeat;
	}

@media all and (-ms-high-contrast:none){
nav a.brand {
	background: #000 url("../img/logo.png") no-repeat;
	}
nav.nav_fixed a.brand {
	background: #000 url("../img/logo_s.png") no-repeat;
	}
}


/***********************************************

グローバルナビ設定

***********************************************/
nav ul {
	position:relative;
	width: 100%;
	background-color: #707070;
	}
nav ul a,
nav ul a:visited {
	color:#fff;
	display:block;
	}
nav ul a:hover {color:#fff; opacity:0.7;}

/* 大カテゴリボタン設定
============================================ */
nav ul>li {
	position:relative;
	display:block;
	float:left;
	font-size:77%;
	width:auto;
	margin:0;
	}
nav ul>li a:hover {
	text-decoration:none;
	}

/* -------- カテゴリ別ボタン設定 -------- */
nav ul>li.car,
nav ul>li.bike,
nav ul>li.golf,
nav ul>li.sports,
nav ul>li.buisiness {
	text-align: center;		
	width:9.5%;
	font-size:108%;
	background-color:#fff;
	}
nav ul>li.car { margin-left:180px;}
nav ul>li.car a,
nav ul>li.bike a,
nav ul>li.golf a,
nav ul>li.sports a,
nav ul>li.buisiness a {
	letter-spacing:0.1em;
	line-height:50px;
	text-shadow: rgba(0,0,0,0.6) 1px 1px 1px;
	}
nav ul>li.car a,nav ul>li.car a:hover { background-color:#d61518 !important;}
nav ul>li.bike a,nav ul>li.bike a:hover {background-color:#008aab !important;}
nav ul>li.golf a,nav ul>li.golf a:hover {background-color:#00ae41 !important;}
nav ul>li.sports a,nav ul>li.sports a:hover {background-color:#ea1d75 !important;}
nav ul>li.buisiness a,nav ul>li.buisiness a:hover {background-color:#333 !important;}

/* -------- カテゴリに属さないボタンの設定 -------- */
nav ul>li.sub {
	font-size:85%;
	margin: 0 0 0 1%;
	}
nav ul>li.sub a {
	line-height:50px;
	text-decoration: none;
	font-size: 13px;
	padding: 0 0 0 10px;
	}

/* 販売店メニュー */
nav ul>li.sub.dealer,
nav ul>li.sub.inspection,
nav ul>li.sub.option {
	margin: 0;
	position: absolute;
	z-index: 900;
	right :5px;
	}
nav ul>li.sub.dealer {
	top:55px;
	}
nav ul>li.sub.inspection {
	top:105px;
	}
nav ul>li.sub.option {
	top:139px;
	}
nav ul>li.sub.dealer a {
	background: #d62125;
	padding: 3px;
	line-height: 34px;
	}
nav ul>li.sub.inspection a,
nav ul>li.sub.option a {
	background: #ccc;
	padding: 3px;
	line-height: 24px;
	}
nav ul>li.sub.dealer a span {
	line-height:34px;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #d62125;
	font-weight: bold;
	font-size: 14px;
	display: block;
	text-align: center;
	min-width: 190px;
	}
nav ul>li.sub.inspection a span,
nav ul>li.sub.option a span {
	line-height:26px;
	background: #f9f9f9;
	margin: 0;
	padding: 0 0 0 6px;
	color: #444;
	font-weight: bold;
	font-size: 12px;
	display: block;
	text-align: left;
	min-width: 190px;
	}
nav ul>li.sub.dealer a span i,
nav ul>li.sub.inspection a span i,
nav ul>li.sub.option a span i {
    margin-right: 7px;
	}
@media (max-width: 768px) {
nav ul>li.sub.dealer,
nav ul>li.sub.inspection,
nav ul>li.sub.option {
	position: relative;
	right : inherit;
	top: inherit;
	}
nav ul>li.sub.dealer a,
nav ul>li.sub.inspection a,
nav ul>li.sub.option a {
	display: block;
	padding: 0;
	line-height: inherit;
	}
nav ul>li.sub.dealer a span,
nav ul>li.sub.inspection a span,
nav ul>li.sub.option a span {
	display: block;
	padding: 10px;
	line-height: inherit;
	text-align: left;
	font-size: 13px;
	background: #aaa;
	color: #fff;
	}
nav ul>li.sub.dealer a span {
	background: #d62125;
	}
}

/*  サブメニュー(アコーディオン)  */
header nav ul.tab li.sub > ul {
	display: none;
	position: absolute;
	z-index: 1000;
	width: auto;
	}
header nav ul.tab li.sub > ul > li {
	min-width: 20em;
	}
header nav ul.tab li.sub > ul > li > a {
	display: block;
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #606060;
	border-top: none;
	background-color: #707070;
	color: #fff;
	line-height: 2.5em;
	position: relative;
	}
header nav ul.tab li.sub > ul > li:first-child > a {
	border-top: 1px solid #606060;
	}
header nav ul.tab li.sub > ul > li > a:hover {
	opacity: 1;
	background-color: #404040;
	}

/* -------- 検索窓の設定 -------- */
nav ul>li.search {
	display: inline-block;
	right:0;
	height: 50px;
	width: 45px;
	position:absolute;
	background:#000;
	transition: width 0.4s ease-out;
	backface-visibility: hidden;
	z-index: 1000;
	}
nav ul>li.search.active {width: 400px;}
nav ul>li.search .fa {
	color: #fff;
	font-size: 25px;
	width: 25px;
	text-align: center;
	position: absolute;
	top: 13px;
	left: 10px;
	cursor: pointer;
	}
nav ul>li.search .fa:hover { opacity:0.7;}

/* -------- Yahoo検索BOX用の設定 -------- */
#srchBox{ margin-left: 45px;}
#srchBox *{
	margin:0;
	padding:0;
	font-size:13px;
	*font-size:small;
	*font:x-small;
	}
#srchBox a img{ border:none;}
#srchBox #srch{ padding:10px 10px 0 10px;}
#srchBox #srch #srchForm{ white-space:nowrap;}
#srchBox #srchInput{ height: 30px; width: 250px;}
#srchBox #srchBtn{
	width:70px;
	margin-left:7px;
	height: 30px;
	border:1px solid #ccc;
	cursor: pointer;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #DDD;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	}
#srchBox #srchBtn:hover{ opacity:0.7;}
*html #srchBox #srchBtn{ padding-top:2px;}
*:first-child+html #srchBox #srchBtn{ padding-top:2px;}
#srchBox ul{ margin-top:6px; text-align:left;}
#srchBox li{
	list-style-type:none;
	display:inline;
	zoom:1;
	padding-right:10px;
	}
#srchBox li input{
	zoom:1;
	margin-right:2px;
	_margin:-4px 0 -4px -4px;
	vertical-align:middle;
	border:0;
	}
*:+html #srchBox li input{
	margin:-4px 0 -4px -4px;
	}
#srchBox #srchLogo{
	margin:6px 6px 6px 0;
	text-align:right;
	}
#srchBox #srchLogo a{
	color:#666666;
	text-decoration:none;
	font-size:85%;
	}
#srchBox #srchLogo a:hover{
	text-decoration:underline;
	}
#srchBox.watermark{
	padding-top: 10px;
	padding-right: 10px;
	}
@media (max-width: 768px){
#srchBox.watermark {
	padding-top: 0;
	}
}
#srchBox.watermark #srchInput{
	padding:2px 4px;
	border:1px solid #a5acb2;
	background: #fff url(https://s.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
	}
#srchBox.watermark #srchInput.nomark{
	background: #fff;
	}
#srchBox.watermark #srchLogo{
	display: none;
	}


/*  googleカスタム検索窓  */
.cse .gsc-control-cse,
.gsc-control-cse {
	border: none !important;
	background-color: transparent !important;
    padding: 0;
    width: auto;
}
td.gsc-input {}
td.gsc-input .gsc-input-box { border: none;}
.gsib_a {
	padding: 4px;
	box-sizing:border-box;
	line-height: 28px;
}
.gsib_a input {padding: 0 4px !important;}
.gsib_b {
	font-size: 16px !important;
	padding: 0 4px 0 0 !important;
}
.gscb_a {
	font: 27px/13px arial,sans-serif !important;
	line-height: 28px !important;
}
td.gsc-search-button {
    width: 15% !important;
	padding-left: 7px !important;
	box-sizing:border-box;
}
.cse .gsc-search-button-v2,
.gsc-search-button-v2 {
    width: 100% !important;
	cursor: pointer;
	line-height: 28px;
}
/*  googleカスタム検索結果  */
.gsc-modal-background-image-visible {
    opacity: 0.6 !important;
}
.gsc-modal-background-image {
    background-color: #000 !important;
}
.gsc-results-wrapper-overlay {
    height: 90% !important;
    padding: 30px !important;
    width: 90% !important;
    top: 5% !important;
    left: 5% !important;
}
.gsc-above-wrapper-area {
    padding: 5px 0 5px 0 !important;
}
.gsc-selected-option-container {
    font-size: 11px !important;
	padding: 0 28px 0 6px !important;
}
.gsc-selected-option-container .gsc-selected-option {
    font-size: 11px !important;
}
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
    padding: 5px !important;
    margin: 5px !important;
}
.gsc-webResult .gsc-result {
    padding: 10px 0 10px 0 !important;
}
.gsc-adBlock {
	padding-bottom: 5px !important;
    margin-bottom: 10px !important;
}
.gsc-webResult.gsc-result {
    padding: 10px 0 0 0 !important;
}
.gsc-expansionArea > .gsc-webResult.gsc-result {
    padding: 13px 0 0 0 !important;
	margin: 13px 0 0 0 !important;
	border-top: 1px solid #f1f1f1;
}
.gs-image {
	background: none !important;
	border-radius: 0 !important;
	display: block !important;
	height: auto !important;
	width: auto !important;
	line-height: normal !important;
	text-align: left !important;
	padding: 0 !important;
}
.gs-image:hover {
	opacity: 0.6;
}
.gs-title {
	background: none !important;
	border-radius: 0 !important;
	cursor: pointer !important;
	display: block !important;
	height: auto !important;
	width: auto !important;
	line-height: normal !important;
	text-align: left !important;
	padding: 0 !important;
	border: none;
}
.gs-title:hover,
.gs-title:hover b {
	color: #555 !important;
	text-decoration: none !important;
}
.gsc-url-top {
	padding-bottom: 5px !important;
}
.gcsc-more-maybe-branding-root a,
.gcsc-branding a {
	background: none !important;
	border-radius: 0 !important;
	display: inline-block !important;
	height: auto !important;
	width: auto !important;
	line-height: normal !important;
	text-align: left !important;
	padding: 0 !important;
}
.gsc-results .gsc-cursor-box {
    margin: 10px 0 10px 0 !important;
	padding-top: 20px !important;
	border-top: 1px solid #E9E9E9;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    font-size: 15px !important;
	margin-right: 8px !important;
}
@media screen and (min-width: 768px) {
	.gsc-results-wrapper-overlay {
		width: 80% !important;
		left: 10% !important;
	}
	.gsc-expansionArea > .gsc-webResult.gsc-result {
		padding: 18px 0 0 0;
		margin: 18px 0 0 0;
	}
}
/*  googleカスタム検索窓  */


/* 中カテゴリボタン設定
============================================ */
nav ul#tabcontent {
	position:absolute;
	left:180px;
	max-height:130px;
	background: none !important;
	margin:0;
	padding:0;
	overflow: hidden;
	}
nav.nav_fixed ul#tabcontent {
	display:none;
	}
nav ul#tabcontent li { width: 100%; margin:0 !important; display:none; background:#eee;}
nav ul#tabcontent li a.btn-sub { display:none;}
nav ul#tabcontent li ul { width: 100%; background:#eee;}
nav ul#tabcontent li ul li {
	width: auto;
	height:100%;
	font-size:10px;
	margin-left:1.4em !important;
	text-align:center;
	display:block;
	}
nav ul#tabcontent li ul li:first-child { margin-left:1em !important;}
nav ul#tabcontent li ul li a {
	letter-spacing:0;
	line-height:34px;
	text-shadow: none;
	padding-top:96px;
	width:130px;
	color:#717071;
	background: url("../img/products_icon.png") no-repeat 0 0;
	}
nav ul#tabcontent li ul li a:hover { opacity:1;}
nav ul#tabcontent li.car ul li a,
nav ul#tabcontent li.bike ul li a,
nav ul#tabcontent li.golf ul li a,
nav ul#tabcontent li.sports ul li a,
nav ul#tabcontent li.buisiness ul li a { background-color: #eee !important;}
nav ul#tabcontent li.car ul li a:hover { color:#d61518;}
nav ul#tabcontent li.bike ul li a:hover { color:#008aab;}
nav ul#tabcontent li.golf ul li a:hover { color:#00ae41;}
nav ul#tabcontent li.sports ul li a:hover { color:#ea1d75;}
nav ul#tabcontent li.buisiness ul li a:hover { color:#333;}
nav ul#tabcontent li.car ul li.active a { color:#d61518;}
nav ul#tabcontent li.bike ul li.active a { color:#008aab;}
nav ul#tabcontent li.golf ul li.active a { color:#00ae41;}
nav ul#tabcontent li.sports ul li.active a { color:#ea1d75;}
nav ul#tabcontent li.buisiness ul li.active a { color:#333;}
nav ul#tabcontent li.car ul li.car-dr a { background-position: 0px 0px;}
nav ul#tabcontent li.car ul li.car-navi a { background-position: -150px 0px;padding-top:100px;line-height:13px;}
nav ul#tabcontent li.car ul li.car-rader a { background-position: -300px 0px;padding-top:100px;line-height:13px;}
nav ul#tabcontent li.car ul li.car-ensta a { background-position: -450px 0px;}
nav ul#tabcontent li.car ul li.car-secrity a { background-position: -600px 0px;}
nav ul#tabcontent li.car ul li.car-maemite a { background-position: -750px 0;padding-top:100px;line-height:13px;}
nav ul#tabcontent li.car ul li.car-okite a { background-position: -900px 0;padding-top:100px;line-height:13px;}
nav ul#tabcontent li.bike ul li.bike-dr a { background-position: 0px -300px;}
nav ul#tabcontent li.bike ul li.bike-navi a { background-position: -150px -300px;}
nav ul#tabcontent li.bike ul li.bike-radar a { background-position: -300px -300px;}
nav ul#tabcontent li.bike ul li.bike-option a { background-position: -450px -300px;}
nav ul#tabcontent li.golf ul li.golf-laser a { background-position: 0px -600px;}
nav ul#tabcontent li.golf ul li.golf-navi a { background-position: -150px -600px;}
nav ul#tabcontent li.golf ul li.golf-trainer a { background-position: -300px -600px;}
nav ul#tabcontent li.sports ul li.sports-gps a { background-position: 0px -900px;}
nav ul#tabcontent li.sports ul li.sports-handygps a { background-position: -150px -900px;}
nav ul#tabcontent li.sports ul li.sports-cycle a { background-position: -300px -900px;}
nav ul#tabcontent li.sports ul li.sports-mst a { background-position: -450px -900px;}
nav ul#tabcontent li.buisiness ul li.buisiness-dry a { background-position: 0px -1200px;}
nav ul#tabcontent li.buisiness ul li.buisiness-pnd a { background-position: -150px -1200px;padding-top:100px;line-height:13px;}
nav ul#tabcontent li.buisiness ul li.buisiness-rec a { background-position: -300px -1200px;}
nav ul#tabcontent li.buisiness ul li.buisiness-micro a { background-position: -450px -1200px;}
nav ul#tabcontent li.buisiness ul li.buisiness-fdr a { background-position: -600px -1200px;padding-top:100px;line-height:13px;}
nav ul#tabcontent li.buisiness ul li.buisiness-okite a { background-position: -750px -1200px;padding-top:100px;line-height:13px;}
nav ul#tabcontent li.car ul li.car-dr a:hover,
nav ul#tabcontent li.car ul li.car-dr.active a { background-position: 0px -150px;}
nav ul#tabcontent li.car ul li.car-navi a:hover,
nav ul#tabcontent li.car ul li.car-navi.active a { background-position: -150px -150px;}
nav ul#tabcontent li.car ul li.car-rader a:hover,
nav ul#tabcontent li.car ul li.car-rader.active a { background-position: -300px -150px;}
nav ul#tabcontent li.car ul li.car-ensta a:hover,
nav ul#tabcontent li.car ul li.car-ensta.active a { background-position: -450px -150px;}
nav ul#tabcontent li.car ul li.car-secrity a:hover,
nav ul#tabcontent li.car ul li.car-secrity.active a { background-position: -600px -150px;}
nav ul#tabcontent li.car ul li.car-maemite a:hover,
nav ul#tabcontent li.car ul li.car-maemite.active a { background-position: -750px -150px;}
nav ul#tabcontent li.car ul li.car-okite a:hover,
nav ul#tabcontent li.car ul li.car-okite.active a { background-position: -900px -150px;}
nav ul#tabcontent li.bike ul li.bike-dr a:hover,
nav ul#tabcontent li.bike ul li.bike-dr.active a { background-position: 0px -450px;}
nav ul#tabcontent li.bike ul li.bike-navi a:hover,
nav ul#tabcontent li.bike ul li.bike-navi.active a { background-position: -150px -450px;}
nav ul#tabcontent li.bike ul li.bike-radar a:hover,
nav ul#tabcontent li.bike ul li.bike-radar.active a { background-position: -300px -450px;}
nav ul#tabcontent li.bike ul li.bike-option a:hover,
nav ul#tabcontent li.bike ul li.bike-option.active a { background-position: -450px -450px;}
nav ul#tabcontent li.golf ul li.golf-laser a:hover,
nav ul#tabcontent li.golf ul li.golf-laser.active a { background-position: 0px -750px;}
nav ul#tabcontent li.golf ul li.golf-navi a:hover,
nav ul#tabcontent li.golf ul li.golf-navi.active a { background-position: -150px -750px;}
nav ul#tabcontent li.golf ul li.golf-trainer a:hover,
nav ul#tabcontent li.golf ul li.golf-trainer.active a { background-position: -300px -750px;}
nav ul#tabcontent li.sports ul li.sports-gps a:hover,
nav ul#tabcontent li.sports ul li.sports-gps.active a { background-position: 0px -1050px;}
nav ul#tabcontent li.sports ul li.sports-handygps a:hover,
nav ul#tabcontent li.sports ul li.sports-handygps.active a { background-position: -150px -1050px;}
nav ul#tabcontent li.sports ul li.sports-cycle a:hover,
nav ul#tabcontent li.sports ul li.sports-cycle.active a { background-position: -300px -1050px;}
nav ul#tabcontent li.sports ul li.sports-mst a:hover,
nav ul#tabcontent li.sports ul li.sports-mst.active a { background-position: -450px -1050px;}
nav ul#tabcontent li.buisiness ul li.buisiness-dry a:hover,
nav ul#tabcontent li.buisiness ul li.buisiness-dry.active a { background-position: 0px -1350px;}
nav ul#tabcontent li.buisiness ul li.buisiness-pnd a:hover,
nav ul#tabcontent li.buisiness ul li.buisiness-pnd.active a { background-position: -150px -1350px;}
nav ul#tabcontent li.buisiness ul li.buisiness-rec a:hover,
nav ul#tabcontent li.buisiness ul li.buisiness-rec.active a { background-position: -300px -1350px;}
nav ul#tabcontent li.buisiness ul li.buisiness-micro a:hover,
nav ul#tabcontent li.buisiness ul li.buisiness-micro.active a { background-position: -450px -1350px;}
nav ul#tabcontent li.buisiness ul li.buisiness-fdr a:hover,
nav ul#tabcontent li.buisiness ul li.buisiness-fdr.active a { background-position: -600px -1350px;}
nav ul#tabcontent li.buisiness ul li.buisiness-okite a:hover,
nav ul#tabcontent li.buisiness ul li.buisiness-okite.active a { background-position: -750px -1350px;}








/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

3.footer

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
footer .container { position:relative;}
footer .row{ margin-bottom:1.2em;}
footer .row [class*="col"]{
	padding-left:3.33%;
	border-left:1px solid #aaa;
	}
footer .row [class*="col"]:first-child { border:none; padding-left:0;}

/* link */
footer a, footer a:visited { color:#aaa; fill: #aaa;}
footer a:hover { color:#ddd; fill: #ddd;}

/* font */
footer h4 {
	color:#fff;
	letter-spacing:0.1em;
	margin-bottom:0.8em;
	padding-left: 2em;
	}
@media screen and (min-width: 768px) {
	footer h4.pc {font-size: 15px; padding-left: 0; text-align: left;}
}
footer h4.pc a { color:#fff;}
footer h4.pc a:hover { color:#aaa;}
footer h4.mob {
	display:none;
	}
footer h4 i { display: none !important;}
footer li { font-size:93%; line-height:1.2em;}

footer li ul { padding-top:0.3em;}
footer li ul li { font-size:100%; padding-left:1em;}

/* icon */
footer .list-inline { text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
@media screen and (min-width: 768px) {
	footer .list-inline {
			flex-wrap: nowrap;
			justify-content: left;
		}
}
footer .list-inline > li { line-height: 1.0em; margin-bottom:15px; margin-left: 15px;}

footer .list-inline>li svg { height: 24px;}

footer .list-inline > li a {
	background: #aaa;
	border-radius: 5px;
	color:#fff;
	display: block;
	fill: #fff;
	min-width: 40px;
	padding: 0;
	text-align: center;
}
footer .list-inline.corp > li a {
	background: none;
	border-radius: 0;
	min-width: none;
	padding: 0;
}
footer .list-inline > li a:hover { background: #888; color:#ddd; fill: #ddd;}
footer .list-inline.corp > li a:hover { background: none;}
footer .list-inline > li:first-child { margin-left:1px;}
footer .list-inline > li i { font-size:22px; line-height: 40px;}

footer .list-inline>li.logotop {
	padding-top: 0.5em; float:right; margin:0 0 0 auto;
	}
footer .list-inline>li.logotop a {
	overflow: hidden;
	height: 0;
	display: block;
	width: 100px;
	padding: 23px 0 0 0;
	background: url("../img/logo_top.svg") no-repeat;
	opacity:0.7;
	}
footer .list-inline>li.logotop a:hover {
	opacity:0.7;
	}
footer li.top { margin-top: 2em;}
footer li.products_list { display:none;}

/* スマホのみ表示 */
footer .corp { display:none;}

/* ロゴ */
footer div.copy {
	position: absolute;
	right:0;
	bottom:42px;
	}
footer div.copy a {
	text-align:center;
	margin:auto;
	overflow: hidden;
	height: 0;
	display: block;
	width: 100px;
	padding-top: 100px;
	background: url("../img/footer_logo.svg") no-repeat;
	}

/* accordion menu
============================================ */
.accordion input[type="checkbox"].on-off {
	display: none;
	}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

4.ページ単位設定

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



/***********************************************

タブメニュー(各ページ対応メニューボタン設定)

***********************************************/
.block-tab {
	padding-top: 0.7em !important;
    padding-bottom: 0.4em !important;
	border:none !important;
	overflow:hidden;
	background-color:#E7E7E7;
	}
.block-tab.space {
	margin-bottom: 2em !important;
	}

/* カテゴリー別色分け
============================================ */
#car .block-tab ul>li a:hover,
#car .block-tab ul>li.active>a,
#car .block-tab ul>li.active>a:focus,
#car .block-tab ul>li.active>a:hover { background: rgba(214,21,24,1); background: rgb(214,21,24);}
#bike .block-tab ul>li a:hover,
#bike .block-tab ul>li.active>a,
#bike .block-tab ul>li.active>a:focus,
#bike .block-tab ul>li.active>a:hover { background:rgba(0,138,171,1); background: rgb(0,138,171);}
#golf .block-tab ul>li a:hover,
#golf .block-tab ul>li.active>a,
#golf .block-tab ul>li.active>a:focus,
#golf .block-tab ul>li.active>a:hover { background: rgba(0,174,65,1); background: rgb(0,174,65);}
#sports .block-tab ul>li a:hover,
#sports .block-tab ul>li.active>a,
#sports .block-tab ul>li.active>a:focus,
#sports .block-tab ul>li.active>a:hover { background: rgba(234,29,117,1); background: rgb(234,29,117);}
#otherproducts .block-tab ul>li a:hover,
#otherproducts .block-tab ul>li.active>a,
#otherproducts .block-tab ul>li.active>a:focus,
#otherproducts .block-tab ul>li.active>a:hover { background:rgba(0,102,153,1); background: rgb(0,102,153);}
#business .block-tab ul>li a:hover,
#business .block-tab ul>li.active>a,
#business .block-tab ul>li.active>a:focus,
#business .block-tab ul>li.active>a:hover { background:rgba(0,102,153,1); background: rgb(0,102,153);}

#corp .block-tab ul>li a:hover,
#corp .block-tab ul>li.active>a,
#corp .block-tab ul>li.active>a:focus,
#corp .block-tab ul>li.active>a:hover,
#buisiness .block-tab ul>li a:hover,
#buisiness .block-tab ul>li.active>a,
#buisiness .block-tab ul>li.active>a:focus,
#buisiness .block-tab ul>li.active>a:hover,
#support .block-tab ul>li a:hover,
#support .block-tab ul>li.active>a,
#support .block-tab ul>li.active>a:focus,
#support .block-tab ul>li.active>a:hover { background-color: #006699;}


/* -------- ポイント用ボックス -------- */
#car .block-item .box { background-color: rgba(214,21,24,1);}
#bike .block-item .box { background-color: rgba(0,138,171,1);}
#golf .block-item .box { background-color: rgba(0,174,65,1);}	
#sports .block-item .box { background-color: rgba(234,29,117,1);}
/* -------- 協調分 -------- */
#car .block-item p strong { color: rgba(214,21,24,1);}
#bike .block-item p strong { color: rgba(0,138,171,1);}
#golf .block-item p strong { color: rgba(0,174,65,1);}	
#sports .block-item p strong { color:rgba(234,29,117,1);}

/* -------- font -------- */
.block-tab ul { padding: 0; margin: 0; }
.block-tab ul>li {
	margin-bottom: 0.3em;
	position: static;
	float: left;
	font-size:108%;
	}

/* -------- link -------- */
.block-tab ul>li a {
	margin:0 7px 0 0;
	border-radius: 3px;
	background-color:#fff;
	padding: 0.4em 1.2em;
	display: block;
	box-shadow: 0.8px 0.8px 1px rgba(0,0,0,0.3);
	}
.block-tab ul>li a:hover,
.block-tab ul>li.active>a {
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3) inset;
	color:#fff !important;
	text-decoration:none;
	}

.block-tab ul>li.file a { background-color:#E7E7E7;}
.block-tab ul>li.file a i { margin:0 5px 0 0;}
.block-tab ul>li.icon a i { margin:0 5px 0 0;}







/* Directlist
============================================ */
#lean_overlay {
	position: fixed;
	z-index:9999;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}

#directList {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */
	display: none;
	padding: 30px;
	width: 768px;
	}
#directList h3 {
	font-weight:bold;
	font-size:167%;
	margin-bottom:5px;
	}
#directList p {
	margin-bottom:0;
	font-size: 116%;
	}

#directList li {
	margin-top:1em !important;
}
#directList li i {
	float:right;
    margin: 15px 0 0 0 !important;
    font-size: 80% !important;
	}
#directList li a {
    border-radius: 4px;
    padding: 16px 12px;
    color: #fff !important;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
	line-height:1em !important;
    display: block;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
    line-height: 1.1em;
    background: #2f6193;
    background: -webkit-gradient(linear, left top, left bottom, from(#287abd), to(#2f6193));
    background: -moz-linear-gradient(top, #287abd, #2f6193);
    background: -ms-linear-gradient(top, #287abd, #2f6193);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#287abd', endColorstr='#2f6193', GradientType=0)";
}
#directList li.rakuten a {
    background: #b70000;
    background: -webkit-gradient(linear, left top, left bottom, from(#ca0000), to(#b30000));
    background: -moz-linear-gradient(top, #ca0000, #b30000);
    background: -ms-linear-gradient(top, #ca0000, #b30000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca0000', endColorstr='#b30000', GradientType=0)";
}
#directList li.yahoo a {
    background: #e30838;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0838), to(#e30838));
    background: -moz-linear-gradient(top, #ff0838, #e30838);
    background: -ms-linear-gradient(top, #ff0838, #e30838);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0838', endColorstr='#e30838', GradientType=0)";
}
#directList li.amazon a {
    background: #f78412;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9715), to(#f78412));
    background: -moz-linear-gradient(top, #ff9715, #f78412);
    background: -ms-linear-gradient(top, #ff9715, #f78412);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9715', endColorstr='#e30838', GradientType=0)";
}

#directList li a:hover {
	opacity:0.7;
}

#directList li a strong {
    font-size: 14px;
	color:fff !important;
	display:block;
}

#directList .modal_close {
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	width: 65px;
	height: 25px;
	z-index: 10000;
	background: url(/img/btn_close.gif) 0 0 no-repeat;
}













/***********************************************

製品/個別ページ用

***********************************************/


/* ヘッダータイトル周り
============================================= */
[class*="block-lead"] {
	padding-top:17em !important;
	padding-bottom:3em !important;
	border:none !important;
	text-align:center;
	}
#app [class*="block-lead"],
#corp [class*="block-lead"],
#buisiness [class*="block-lead"],
#support [class*="block-lead"] {
    padding-top: 8em !important;
    padding-bottom: 2em !important;
    border-top: none !important;
	}
#corp [class*="block-lead"],
#buisiness [class*="block-lead"],
#support [class*="block-lead"] {
    background-color: #555;
    border-bottom: #eee 1px solid !important;
	}
#corp [class*="block-lead"] h1,
#buisiness [class*="block-lead"] h1,
#support [class*="block-lead"] h1 { color:#fff;}
#corp [class*="block-lead"] h1 span,
#buisiness [class*="block-lead"] h1 span,
#support [class*="block-lead"] h1 span { color:#ddd;}

/* font */
.block-lead h1 {
	color:#000;
	font-weight:400;
	margin: 0 auto;
	font-size: 3em;
	line-height:1em;
	margin:auto;
	}
.block-lead h1 span {
	color:#777;
	margin:0 auto;
	text-shadow: none;
	font-size:40%;
	display:block;
	line-height: 1.6em;
	margin-top: 10px;
	}
.block-lead .inner {
	margin:3em 0 0 0;
	padding:2.5em 0;
	text-align: left;
	background-color:#e7e7e7;
	}
/* font */
.block-lead .inner p {
	line-height:1.7em;
	font-size:116%;
	}

/* content(-item) */
.block-lead-item {
	text-align: left;
	padding-top:17em !important;
	padding-bottom:3em !important;
	}

/* base color */
#car .block-lead-item {
	background: #6b1319;
	background: -webkit-gradient(radial, 76% 100%, 0, 76% 100%, 183, color-stop(1.00, #D61518), color-stop(0.00, #6b1319));
	background: -webkit-radial-gradient(76% 100%, circle, #D61518, #6b1319);
	background: -moz-radial-gradient(76% 100%, circle, #D61518, #6b1319);
	background: -o-radial-gradient(76% 100%, circle, #D61518, #6b1319);
	background: -ms-radial-gradient(76% 100%, circle, #D61518, #6b1319);
	background: radial-gradient(76% 100%, circle, #D61518, #6b1319);
	}
#car .block-lead-item.supercat_z{
	background: #222;
	background: -webkit-gradient(radial, 76% 100%, 0, 76% 100%, 183, color-stop(1.00, #333), color-stop(0.00, #222));
	background: -webkit-radial-gradient(76% 100%, circle, #333, #222);
	background: -moz-radial-gradient(76% 100%, circle, #333, #222);
	background: -o-radial-gradient(76% 100%, circle, #333, #222);
	background: -ms-radial-gradient(76% 100%, circle, #333, #222);
	background: radial-gradient(76% 100%, circle, #333, #222);
	}
#car .block-lead-item.expartner{
	background: #AAA;
	background: -webkit-gradient(radial, 76% 100%, 0, 76% 100%, 183, color-stop(1.00, #CCC), color-stop(0.00, #AAA));
	background: -webkit-radial-gradient(76% 100%, circle, #CCC, #AAA);
	background: -moz-radial-gradient(76% 100%, circle, #CCC, #AAA);
	background: -o-radial-gradient(76% 100%, circle, #CCC, #AAA);
	background: -ms-radial-gradient(76% 100%, circle, #CCC, #AAA);
	background: radial-gradient(76% 100%, circle, #CCC, #AAA);
	}
#bike .block-lead-item {
	background: #063E66;
	background: -webkit-gradient(radial, 76% 100%, 0, 76% 100%, 183, color-stop(1.00, #06669F), color-stop(0.00, #063E66));
	background: -webkit-radial-gradient(76% 100%, circle, #06669F, #063E66);
	background: -moz-radial-gradient(76% 100%, circle, #06669F, #063E66);
	background: -o-radial-gradient(76% 100%, circle, #06669F, #063E66);
	background: -ms-radial-gradient(76% 100%, circle, #06669F, #063E66);
	background: radial-gradient(76% 100%, circle, #06669F, #063E66);
	}
#golf .block-lead-item {
	background: #266c26;
	background: -webkit-gradient(radial, 76% 100%, 0, 76% 100%, 183, color-stop(1.00, #459231), color-stop(0.00, #266c26));
	background: -webkit-radial-gradient(76% 100%, circle, #459231, #266c26);
	background: -moz-radial-gradient(76% 100%, circle, #459231, #266c26);
	background: -o-radial-gradient(76% 100%, circle, #459231, #266c26);
	background: -ms-radial-gradient(76% 100%, circle, #459231, #266c26);
	background: radial-gradient(76% 100%, circle, #459231, #266c26);
	}
#sports .block-lead-item {
	background: #c62f6b;
	background: -webkit-gradient(radial, 76% 100%, 0, 76% 100%, 183, color-stop(1.00, #cc5a87), color-stop(0.00, #c62f6b));
	background: -webkit-radial-gradient(76% 100%, circle, #cc5a87, #c62f6b);
	background: -moz-radial-gradient(76% 100%, circle, #cc5a87, #c62f6b);
	background: -o-radial-gradient(76% 100%, circle, #cc5a87, #c62f6b);
	background: -ms-radial-gradient(76% 100%, circle, #cc5a87, #c62f6b);
	background: radial-gradient(76% 100%, circle, #cc5a87, #c62f6b);
	}
#otherproducts .block-lead-item {
	background: #777;
	background: -webkit-gradient(radial, 76% 100%, 0, 76% 100%, 183, color-stop(1.00, #999), color-stop(0.00, #777));
	background: -webkit-radial-gradient(76% 100%, circle, #999, #777);
	background: -moz-radial-gradient(76% 100%, circle, #999, #777);
	background: -o-radial-gradient(76% 100%, circle, #999, #777);
	background: -ms-radial-gradient(76% 100%, circle, #999, #777);
	background: radial-gradient(76% 100%, circle, #999, #777);
	}
#business .block-lead-item {
	background: #333;
	background: -webkit-gradient(radial, 76% 100%, 0, 76% 100%, 183, color-stop(1.00, #555), color-stop(0.00, #333));
	background: -webkit-radial-gradient(76% 100%, circle, #555, #333);
	background: -moz-radial-gradient(76% 100%, circle, #555, #333);
	background: -o-radial-gradient(76% 100%, circle, #555, #333);
	background: -ms-radial-gradient(76% 100%, circle, #555, #333);
	background: radial-gradient(76% 100%, circle, #555, #333);
	}

.block-lead-item .col8 {width: 66.33666667%}
.block-lead-item .col3 {width: 27.00333333%;}
/* font */
.block-lead-item h1 {
	font-size: 2.4em;
	line-height:0.6em;
	color:#fff;
	margin:0.6em 0;
	}
.block-lead-item.supercat_z h1 {
    color: #C29E3D;
	}
.block-lead-item h1 {}
.block-lead-item h1 span.product_category,
.block-lead-item h1 span.product_name,
.block-lead-item h1 span.product_description {
	display: block;
	line-height: 1.2em;
	margin: 0;
	}
.block-lead-item h1 span.product_category {
	font-size: 19px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic" !important;
	}
.block-lead-item h1 span.product_name {
	font-size: 44px;
	font-family: "Whitney A","Whitney B",san-serif;
	font-weight: 600 !important;
	margin-top: 4px;
	}
.block-lead-item h1 span.product_pagetit {
	font-size: 22px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", san-serif;
	line-height: 1.2em;
	margin-top: 8px;
	display:inline-block;
	}
.block-lead-item h1 span.product_description {
	font-size: 16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic" !important;
	margin-top: 18px;
	font-weight: normal;
	}
.block-lead-item ul.list-inline {
	margin-top: 24px;
	}
.block-lead-item p {
	color:#fff;
	}
.block-lead-item .btn.line {
    border: 1px solid #fff;
    padding: 0.4em 0.5em;
    border-radius: 4px;
    background-color: transparent;
	display:inline-block;
	margin-top:8px;
	}



/* products 各製品トップページの製品リスト
============================================ */
.block-list {
	padding-top:2em !important;
	padding-bottom:2em;
	position:relative;
	border:none !important;
	}
main .block-list:nth-child(even) { background:#fff;}
main .block-list:nth-child(odd) { background:#f5f5f5;}

.block-list .row{ margin-left:-1.33%;}

/* -------- font -------- */
.block-list h2 {
	margin:0.6em 0 1.2em 0;
	font-size: 227%;
	font-weight:400;
	}
.block-list h3 {
	margin-bottom:0.7em;
	font-size: 161.6%;
	}
.block-list h3.line {
	margin-top:1.5em;
	padding-top:1.5em;
	border-top:1px solid #ddd;
	}

/* -------- アプリ用 -------- */
.block-list .col6{
	margin-left:1.33%;
	width: 48.67%;
	margin-bottom: 0.7em;
	}
.block-list .row li.col6:nth-child(2n+1) { clear:both;}
.block-list .col6 .inner{
	position: relative;
	padding:15px 15px 10px 15px;
	background-color: #e5e5e5;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
/* clearfix */
.block-list .col6 .inner:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
/* clearfix IE6 */
* html .block-list .col6 .inner { zoom: 1;} 
/* clearfix IE7 */

.block-list .col6 .inner h2 {
	margin:0 0 0.3em 0;
	font-size: 21px;
	font-weight: 600;
	color: #004485;
	}
.block-list .col6 .inner img{
	width:auto;
	}
.block-list .col6 .inner img.left{
	float:left;
	display:block;
	margin:0 20px 60px 0 ;
	}



/***********************************************

パン屑スタイル

***********************************************/

.block-breadcrumb {
	padding-top: 1.1em !important;
    padding-bottom: 0.9em !important;
	border-color: #ccc !important;
	}
.block-breadcrumb ul.list-inline { }
.block-breadcrumb ul.list-inline li { padding: 0 auto; margin: 0 auto; color:#666;}
.block-breadcrumb ul.list-inline li a { color:#666 !important;}
.block-breadcrumb ul.list-inline li i { margin: 0 0.6em 0 0.3em;}
.block-breadcrumb ul.list-inline li i.fa-home { margin: 0 0.2em 0 0;}




/***********************************************

関連コンテンツ/新着製品

***********************************************/

.block-relation {border-color:#ccc !important;}
main .block-relation:nth-child(even) { background:#fff;}
main .block-relation:nth-child(odd) { background:#f5f5f5;}

.block-relation .row {*zoom: 1; margin-left:-1.33%;}
.block-relation .row [class*="col"]{ margin-left:1.33%;}
.block-relation .row .col4{width: 32.00333333%;}
.block-relation .row .col3{width: 23.67%;}
.block-relation .row .col2{width: 15.33666667%}
.block-relation .row .col15{width: 11.00333333%}
.block-relation .row .col1{width: 7.00333333%}

/* link */
.block-relation a:hover,
.block-relation a:focus {
	opacity:0.7;
	text-decoration: underline;
	}

/* font */
.block-relation h2 {
	margin:0;
	color:#686767;
	letter-spacing:0.1em;
	}
.block-relation h2.en { letter-spacing:0.2em;}
.block-relation h3 {
	margin :1.5em 0 0 0;
	color:#333;
	font-size: 153.9%;
	}

/* NEW PRODUCTS */
.block-relation ul.newproducts { margin-top:1.5em;}
.block-relation ul.newproducts li {
	padding-bottom: 0;
	border-bottom: none;
	text-align: center;
	width: 15.33666667%;
	float: left;
	margin-left:1.33%;
	}
.block-relation ul.newproducts li.en {
	font-weight: 600 !important;
	}
.block-relation ul.newproducts li p {
	padding: 12px;
	color:#717071;
	border-radius: 3px;
	border:#999 1px solid;
	line-height:1em;
	display:block;
	font-size:93%;
	background: #fff;
	margin-bottom: 5px;
	}
.block-relation ul.newproducts li img {
	padding:0;
	vertical-align:bottom;
	}

/* LINEUP */
.block-relation ul.lineup { margin-top:1.0em;}
.block-relation ul.lineup li {
	margin-top:0.3em;
	padding-bottom:0.2em;
	margin-left:1.33%;
	border-bottom:#eee 1px solid;
	float: left;
	width: 15.33666667%;
	}
.block-relation ul.lineup li.en { font-weight: 400 !important;}

/* RELATION CONTENTS */
.block-relation ul.relation { margin-top:1.5em;}
.block-relation ul.relation li {
	padding-bottom: 0;
	margin-left:1.33%;
	text-align: center;
	float: left;
	width: 32.00333333%;
	}
.block-relation ul.relation li img {
	margin-bottom:3px;
	}





/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

5.@media()

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media handheld, only screen and (max-width:970px) {

.block-lead-item .col8 {width: 57.00333333%}
.block-lead-item .col3 {width: 36.33666667%}


}




@media (max-width: 768px) {

/***********************************************

1.base

***********************************************/

html,
body,
#select-overlay {
  height: 100%; /* 「div.background」に対してはmin-heightに対応していないブラウザ用 */
}



/***********************************************

2.header

***********************************************/

/* グローバルナビスマホ/タブレット時背景追加
============================================ */
#select-overlay { 
	min-height: 100%;
	background-color:#707070 !important;
	height: 100vh;
	}
body > div#select-overlay {
	height: auto;
	}


/* コーポレートロゴ
============================================ */
#car nav a.brand,
#bike nav a.brand,
#golf nav a.brand,
#sports nav a.brand,
#business nav a.brand,
#buisiness nav a.brand {
	width:50px;
	background: #000 url("../img/logo_ss.svg") no-repeat;
	}
nav a.brand {
	overflow: hidden;
	padding-top: 50px;
	background: #000 url("../img/logo_s.svg") no-repeat;
	}
nav.nav_fixed a.brand {
	padding-top: 50px;
	background: #000 url("../img/logo_s.svg") no-repeat;
	}


/* グローバルナビ設定
============================================ */
nav { background: #000;}

#car nav ul#tabcontent li.car { display:block !important; }
#car nav ul#tabcontent li.car a.btn-sub { display:block !important; }
#bike nav ul#tabcontent li.bike { display:block !important;}
#bike nav ul#tabcontent li.bike a.btn-sub { display:block !important; }
#golf nav ul#tabcontent li.golf { display:block !important;}
#golf nav ul#tabcontent li.golf a.btn-sub { display:block !important; }
#sports nav ul#tabcontent li.sports { display:block !important;}
#sports nav ul#tabcontent li.sports a.btn-sub { display:block !important; }
#business nav ul#tabcontent li.buisiness { display:block !important;}
#business nav ul#tabcontent li.sports a.buisiness { display:block !important; }
#buisiness nav ul#tabcontent li.buisiness { display:block !important;}
#buisiness nav ul#tabcontent li.sports a.buisiness { display:block !important; }

/* dropdownmenu */
nav a.btn-global {
	float:right;
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background:#ccc;
	z-index:1001;
	}
nav a.btn-global .line {
	position: absolute;
	top: 0;
	left: 10px;
	display: block;
	width: 30px;
	height: 5px;
	background: #000;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
nav a.btn-global .line_01 { top: 11px; }
nav a.btn-global .line_02 { top: 23px; }
nav a.btn-global .line_03 { top: 34px; }
nav a.btn-global.active .line_01 { top: 21px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
nav a.btn-global.active .line_02 { opacity: 0;}
nav a.btn-global.active .line_03 { top: 21px; -webkit-transform: rotate(135deg); transform: rotate(135deg);}

/* navi */
nav ul {
	background-color: #000;
	margin:50px 0 0 0;
	}
nav ul>li {
	position:relative;
	display:block;
	float:none;
	text-align: left !important;
	width:100% !important;
	margin:0 !important;	
	}
nav ul>li.car a,
nav ul>li.bike a,
nav ul>li.golf a,
nav ul>li.sports a,
nav ul>li.buisiness a {
	letter-spacing:0.1em;
	line-height:52px;
	text-shadow: none;
	padding-left:1em;
	}
nav ul>li.sub {
	padding: 0;
	background:#FFF;
	margin: 0%;
	border-bottom: 1px solid #555;
	}
nav ul>li.sub a {
	line-height: inherit;
	padding: 0 0 0 1em;
	background:#707070;
	line-height:52px;
	}

/*  サブメニュー(アコーディオン)  */
header nav ul.tab li.op a {
	background-color: #bbb;
	}
header nav ul.tab li.sub > ul {
	position: relative;
	width: auto;
	}
header nav ul.tab li.sub > ul > li {
	min-width: inherit;
	}
header nav ul.tab li.sub > ul > li > a {
	display: block;
	width: 100%;
	padding: 5px 15px;
	border-right: none;
	border-left: none;
	border-bottom: none;
	border-top: 1px solid #606060;
	background-color: #808080;
	line-height: 3.5em;
	}
header nav ul.tab li.sub > ul > li:first-child > a {
	border-top: none;
	}

nav ul>li.search {
	display:block;
	float: none;
	height: auto;
	width: auto;
	position: relative;
	background:#707070;
	padding:1em 2em;
	transition: none;
	}
nav ul>li.search.active {
	width: 100%;
	}
nav ul>li.search.active .search-input {
	width: 88%;
	}
nav ul>li.search .fa {
	display:none;
	}
nav ul>li.search .search-input {
	top: auto;
	left: auto;
	margin:0;
	width: 88%;
	display:inline-block;
	position: relative;
	padding: 3px 0;
	line-height: 32px;
	vertical-align:bottom;
	box-sizing: border-box;
	}
#srchBox { margin-left: 0;}
#srchBox #srchInput { width: 76%;}
#srchBox #srchBtn { width: 22%; margin-left: 2%;}

/* 中カテゴリボタン設定 */
nav ul#tabcontent {
	width: auto;
	height: auto;
	top:0;
	left:0;
	right:0;
	padding:0;
	margin:0;
	position:absolute;
	float:none;
	max-height: inherit;
	}
nav.nav_fixed ul#tabcontent {
	display: block;
	}
	nav ul#tabcontent li {}
	nav ul#tabcontent li#text_1,
	nav ul#tabcontent li#text_2,
	nav ul#tabcontent li#text_3,
	nav ul#tabcontent li#text_4, 
	nav ul#tabcontent li#text_5 { display:none !important;}
nav ul#tabcontent li a.btn-sub {
	line-height:50px;
	cursor:pointer;
	padding-left:60px;
	position:relative;
	}
nav ul#tabcontent li.buisiness a.btn-sub{
    background-color: #333 !important;
	display:block;
	}
nav ul#tabcontent li a.btn-sub i {
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	 display: inline-block !important;
	 float:right;
	 line-height:50px;
	 position:absolute;
	 right:60px;
	}
nav ul#tabcontent li a.btn-sub.select i{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	}
nav ul#tabcontent li a.btn-sub:hover { opacity:0.7;}
nav ul#tabcontent li ul {
	margin:0;
	background-color:#fff;
	text-align:center;
	position:relative;
	}
nav ul#tabcontent li ul li {
	background-color:#fff !important;
	margin:0 !important;
	width:100% !important;
	font-size:100%;
	border-top:1px solid #ccc;
	}
nav ul#tabcontent li ul li:first-child {
	margin:0 !important;
	border-top: none;
	}
nav ul#tabcontent li ul li a {
    letter-spacing: 0;
    line-height: 44px !important;
    text-shadow: none;
	padding: 0 1em !important;
	width: auto;
	height:auto;
	color: #717071;
	background-image:none;
	background-color:#fff !important;
	margin:auto;
	text-align: left;
	}
nav ul#tabcontent li ul li a:before {
	content:"\f0da";
	font-family: FontAwesome;
	margin-right:5px;
	}
nav ul#tabcontent li.car ul li a { background-color: #fff !important;}
nav ul#tabcontent li.bike ul li a { background-color: #fff !important;}
nav ul#tabcontent li.golf ul li a { background-color: #fff !important;}
nav ul#tabcontent li.sports ul li a { background-color: #fff !important;}
nav ul#tabcontent li.buisiness ul li a { background-color: #fff !important;}
nav ul#tabcontent li.buisiness ul li.buisiness-fdr a { padding-top:14px;padding-bottom:14px;line-height:16px;}




/***********************************************

3.footer

***********************************************/
footer { padding: 2em 20px;}
footer .row{ margin-left:0;}
footer .row [class*="col"]{
	float: none;
	padding-right: 0;
	padding-left: 0;
	}
footer .row .col4{
	width:100%;
	border:none;
	padding:0;
	margin:0;
	}

/* accordion menu */
.accordion label {
	padding: 1.2em 0.8em;
	display: block;
	cursor: pointer;
	border-radius: 3px;
	}
.accordion .list {
	margin: 0;
	padding: 0;
	display:none;
	overflow: hidden;
	height: 0px;
	position: relative;
	}
.accordion input[type="checkbox"].on-off:checked ~ .list {
	height: auto;
	padding:0.8em;
	border-radius: 4px;
	display: block;
	}

/* font */
footer .list-corp { display:none;}
footer h4 { padding-left: 0;}
footer h4.pc { display:none;}
footer h4.mob { display:block; font-size:16px;}
footer h4 i { display: inline-block !important; float:right;}
footer li { line-height:2.2em;}
footer .list-inline>li { margin-bottom:1.5em; margin-left: 10px;}
footer .list-inline>li:first-child { margin-left:0;}
footer .list-inline>li i { font-size: 2em;}
footer .list-inline>li.minkara a {
    width: 80px;
    padding-top: 18px;
	}
footer .list-inline>li.logotop {
    padding-top: 0;
	}
footer .list-inline>li.logotop a {
    width: 80px;
    padding: 18px 0 0 0;
}
footer li.top { margin-top: 0;}
footer li.products_list { display: block;}
footer p small { display: block; text-align:center;}

/* スマホのみ表示 */
footer .corp {
	display: inline-block;
	width:100%;
	text-align:center;
	margin-bottom:0.8em;
	}
footer .corp a { text-decoration:underline;}
footer .corp li {margin-bottom: 0.4em; margin-left: 7px; line-height:1.3em;}

/* ロゴ */
footer div.copy {
	position:relative;
	width:auto;
	margin:60px auto 40px auto;
	bottom: auto;
	}
footer div.copy a {
    width: 90px;
    padding-top: 90px;
	}

/* アコーディオン */
footer .accordion label { border:#666 1px solid;}
footer .accordion label:hover { background: #3d3d3d;}
footer .accordion h4 i {
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	margin-top:2px;
	}
footer .accordion input[type="checkbox"].on-off:checked + h4 i,
footer .accordion input[type="checkbox"].on-off:checked + h4 i:hover{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	}
footer .accordion input[type="checkbox"].on-off:checked ~ .list { background-color: #555; height: auto;}




/***********************************************

4.ページ単位設定

***********************************************/


/* タブメニュー(各ページ対応メニューボタン設定)
============================================= */
.block-tab {
    padding: 0.7em 20px 0.4em 20px !important;
	}
.block-tab ul>li { font-size:93%; }
.block-tab ul>li a { margin: 0 5px 0 0; padding: 0.6em 0.5em;}


/* ヘッダータイトル周り
============================================= */
.block-lead { padding-top:7em !important;}

.block-lead h1 {
	font-size: 2.5em;
	line-height:1em;
	text-shadow: none;
	}
.block-lead h1 span {
	font-size:45%;
	}
.block-lead .inner {
	margin:2em 0 0 0;
	padding:1.5em 0 1.5em 0;
	}
.block-lead .inner h2 {
	margin:0 0 0.7em 0;
	line-height:1em;
	font-size:131%;
	}
.block-lead .inner p {
	text-align:center;
	}
.block-lead .row{ margin-left:0 !important;}
.block-lead .row .col6{
	width:100%;
	border:none;
	padding:0;
	margin:0;
	}
.block-lead .row .col4{
	text-align:center;
	}
.block-lead .row .col4 img{
	width:60%;
	margin:10px auto 0 auto;
	}

/* content */
.block-lead-item {
	padding:7em 20px 2em 20px !important;
	}
.block-lead-item .row { margin-left: 0;}
.block-lead-item .row [class*="col"]{
	margin-left: 0;
	width: 100% !important;
	text-align:center;
	}
.block-lead-item .row .col5 img,
.block-lead-item .row .col3 img {
	width: 40%;
	margin:10px auto 0 auto;
	}

/* font */
.block-lead-item h1 {
	margin: 0;
	}
.block-lead-item h1 span.product_category {
	font-size: 18px;
	}
.block-lead-item h1 span.product_name {
	font-size: 34px;
	margin-top: 0;
	}
.block-lead-item h1 span.product_description {
	font-size: 15px;
	margin-top: 15px;
	font-weight: normal;
	line-height:1.5em;
	}



/* products 各製品トップページの製品リスト
============================================ */
.block-list {}

.block-list .row{ margin-left:0;}

/* -------- font -------- */
.block-list h2 {
	margin:0 0 1em 0;
	font-size: 182%;
	}
.block-list h3 {
	margin-bottom:0.5em;
	font-size: 138.5%;
	}
.block-list h3.line {
	margin-top:1.5em;
	padding-top:1.5em;
	border-top:1px solid #ddd;
	}

/* -------- アプリ用 -------- */
.block-list .col6{
	margin-left:0;
	width: 100%;
	margin-bottom: 0.7em;
	}
.block-list .row li.col6:nth-child(2n+1) { clear:both;}
.block-list .col6 .inner {
	padding:10px 10px 5px 10px;
	}
.block-list .col6 .inner h2 {
	margin:0 0 0.2em 0;
	font-size: 18px;
	}
.block-list .col6 .inner img{
	width:auto;
	}
.block-list .col6 .inner img.left{
	float:left;
	display:block;
	margin:0 25px 5px 0 ;
	}



/* ---------- パン屑スタイル ---------- */
.block-breadcrumb { padding:1em 20px !important;}
.block-breadcrumb ul>li { font-size:93%; }



/* 関連コンテンツ/新着製品
============================================= */

.block-relation { padding:2em 20px !important;}

.block-relation .row {*zoom: 1; margin-left:-1.33% !important;}
.block-relation .row [class*="col"]{ margin-left:1.33% !important;}
.block-relation .row .col4{width: 32.00333333%;}
.block-relation .row .col3{width: 23.67%;}
.block-relation .row .col2{width: 23.67%;}
.block-relation .row .col15{width: 15.33666667%}

/* link */
.block-relation a:hover,
.block-relation a:focus {
	opacity:0.7;
	text-decoration: underline;
	}

/* font */
.block-relation h2 {
	margin:0;
	color:#686767;
	letter-spacing:0.1em;
	}
.block-relation h2.en {
	
	letter-spacing:0.2em;
	}
.block-relation h3 {
	margin :1.5em 0 0 0;
	color:#333;
	font-size: 153.9%;
	}


/* NEW PRODUCTS */
.block-relation ul.newproducts li { width: 23.67%;}
.block-relation ul.newproducts li img {
	width: 100%;
	}


/* LINEUP */
.block-relation ul.lineup li {
	width: 32.00333333%;
	font-size:93%;
	}


/* RELATION CONTENTS */
.block-relation ul.relation li {
	width: 48.67%;
	font-size:93%;
	}

}


@media (max-width: 468px) {

/***********************************************

3.footer

***********************************************/
footer { padding: 2em 10px;}



/***********************************************

4.ページ単位設定

***********************************************/


/* タブメニュー(各ページ対応メニューボタン設定)
============================================= */
.block-tab { padding: 0.7em 10px 0.4em 10px !important;}



/* ヘッダータイトル周り
============================================= */
.block-lead h1 {
	font-size: 2em;
	}
.block-lead h1 span {
	font-size:45%;
	}
.block-lead .inner p {
	font-size:100%;
	}

/* content */
.block-lead-item { padding:7em 10px 2em 10px !important;}
.block-lead-item h1 span.product_category {
	font-size: 16px;
	}
.block-lead-item h1 span.product_name {
	font-size: 32px;
	}
.block-lead-item h1 span.product_description {
	font-size: 13px;
	}
.block-lead-item h1 span.product_pagetit {
	font-size: 18px;
	}
.block-lead-item p {
	font-size: 12px;
	}
.block-lead-item ul.list-inline {
    margin-top: 20px;
	}
.block-lead-item ul.list-inline li {
	width:14%;
	}

.block-lead-item .row .col5 img,
.block-lead-item .row .col3 img {
    width: 65%;
	}


/* products 各製品トップページの製品リスト
============================================ */
.block-list {}

/* -------- アプリ用 -------- */
.block-list .col6 .inner {
	padding:15px 10px 10px 10px;
	text-align:center;
	}
.block-list .col6 .inner h2 {
	margin:0 0 0.2em 0;
	font-size: 18px;
	}
.block-list .col6 .inner img{}
.block-list .col6 .inner img.left{
	float: none;
	display:block;
	margin:0 auto 10px auto;
	width: 40%;
	min-width: 80px;
	}


/* ---------- パン屑スタイル ---------- */
.block-breadcrumb { padding:1em 10px !important;}


/* 関連コンテンツ/新着製品
============================================= */

.block-relation { padding:2em 10px !important;}

.block-relation .row {*zoom: 1; margin-left:-1.33%;}
.block-relation .row [class*="col"]{ margin-left:1.33%;}
.block-relation .row .col15{width: 32.00333333%;}
.block-relation .row .col4{width: 32.00333333%;}


/* NEW PRODUCTS */
.block-relation ul.newproducts li { width: 48.67%;}

/* LINEUP */
.block-relation ul.lineup li { width: 48.67%;}

/* RELATION CONTENTS */
.block-relation ul.relation { margin-left: 0;}
.block-relation ul.relation li {
	margin-left: 0;
	float: none;
	width: 100%;
	}




}