@charset "UTF-8";

/*:::::::::::::::::::::::::::::::::::::::::::::
main.css
:::::::::::::::::::::::::::::::::::::::::::::

------------------------------------------------

10px = 77%  	:	18px = 138.5%   :	26px = 197%
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%

1.ページ単位のスタイル
2.header
3.buy
4.main
5.footer
6.other
7.@media(max-width 768px)
*/

/*:::::::::::::::::::::::::::::::::::::::::::::
1.ページ単位のスタイル
:::::::::::::::::::::::::::::::::::::::::::::*/

#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));
	}

/* product category icon
============================================ */
#car .block-categorylist h3 i { color: #d61518;}
#bike .block-categorylist h3 i { color: #008aab;}
#golf .block-categorylist h3 i { color: #00ae41;}
#sports .block-categorylist h3 i { color: #ea1d75;}

/* products_list
============================================ */
#car li figure .overlay { background: rgba(214,21,24,0.5);}
	#car li figure .overlay i a { background:rgba(214,21,24,1);}
	#car li figure .overlay i a:hover { color:rgba(214,21,24,1) !important;}
	#car .block-list ul.row .list-inline li.btn.em { background:rgba(214,21,24,1);}

#bike li figure .overlay { background: rgba(0,138,171,0.5);}
	#bike li figure .overlay i a {background:rgba(0,138,171,1);}
	#bike li figure .overlay i a:hover { color:rgba(0,138,171,1) !important;}
	#bike .block-list ul.row .list-inline li.btn.em { background:rgba(0,138,171,1);}

#golf li figure .overlay { background: rgba(0,174,65,0.5);}
	#golf li figure .overlay i a { background:rgba(0,174,65,1);}
	#golf li figure .overlay i a:hover { color:rgba(0,174,65,1) !important;}
	#golf .block-list ul.row .list-inline li.btn.em { background:rgba(0,174,65,1);}

#sports li figure .overlay { background: rgba(234,29,117,0.5);}
	#sports li figure .overlay i a { background:rgba(234,29,117,1);}
	#sports li figure .overlay i a:hover { color:rgba(234,29,117,1) !important;}
	#sports .block-list ul.row .list-inline li.btn.em { background:rgba(234,29,117,1);}

#otherproducts li figure .overlay { background: rgba(90,90,90,0.5);}
	#otherproducts li figure .overlay i a { background:rgba(0,102,153,1);}
	#otherproducts li figure .overlay i a:hover { color:rgba(0,102,153,1) !important;}
	#otherproducts .block-list ul.row .list-inline li.btn.em { background:rgba(0,102,153,1);}

#business li figure .overlay { background: rgba(90,90,90,0.5);}
	#business li figure .overlay i a { background:rgba(0,102,153,1);}
	#business li figure .overlay i a:hover { color:rgba(0,102,153,1) !important;}
	#business .block-list ul.row .list-inline li.btn.em { background:rgba(0,102,153,1);}


/* item title
============================================ */
#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);
	}


/* item tabmenu
============================================ */
#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);}

/* item ポイント用ボックス
============================================ */
#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);}

/* item 強調文
============================================ */
#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);}



/*:::::::::::::::::::::::::::::::::::::::::::::
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;}


/* logo
============================================ */

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以下 */
	}
@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;
	}
}



/* global nav
============================================ */

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


/* list style
============================================ */
nav ul>li {
	position:relative;
	display:block;
	float:left;
	font-size:77%;
	width:auto;
	margin:0;
	}

	nav ul>li a:hover {
		text-decoration:none;
		}

	/* -------- product nav style -------- */
	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;}

	/* -------- other nav style -------- */
	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;
			}
	/* -------- search nav style -------- */
	nav ul>li.search {
		display: inline-block;
		right:0;
		height: 50px;
		width: 50px;
		position:absolute;
		background:#fff;
		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: #6e6e6e;
				font-size: 30px;
				width: 30px;
				text-align: center;
				position: absolute;
				top: 10px;
				left: 10px;
				cursor: pointer;
				}
				nav ul>li.search .fa:hover { opacity:0.7;}


.gsc-control-wrapper-cse { visibility:visible !important;}

form.gsc-search-box,
form.gsc-search-box-tools { display: block !important;}

.gsc-input-box {
    height: 25px;
}

table.gsc-search-box {
    width: 98% !important;
}
	td.gsc-search-button {
		border-color: transparent;
		background-color: transparent;
		background-image: inherit;
		}
		input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
			border-color: transparent !important;
			background-color: #aaa !important;
			background-image: inherit !important;
			}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
 width: auto !important;
 height: auto !important;
    padding: 6px 20px;
    min-width: 13px;
    margin-top: 2px;
}




.gsc-search-box-tools .gsc-search-box .gsc-input {
	overflow:hidden;
}
			.cse .gsc-control-cse, .gsc-control-cse {
				padding: 10px 0 0 0 !important;
				margin-left:55px;
				}
			.gsib_a {
				padding: 0 !important;
				}


/* Yahoo検索BOX */
#srchBox{
/*	width:298px;
	_width:296px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#EEEEEE;
	color:#000000;
	text-align:left;*/
	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{
	/*width:188px;
	margin-right:6px;
	vertical-align:bottom;*/
	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-bottom: 6px;
}
#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;
}



/* -------- tabmenu nav style -------- */
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:75%;
	margin-left:1.5em !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;}
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;}
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.buy
:::::::::::::::::::::::::::::::::::::::::::::*/

.buy {
	display: none;
	position: fixed;
	top: 13em;
	right: 5em;
    -webkit-transition: all .5s;
    transition: all .5s;
	opacity: 0;
	z-index:1010;
	}
	.buy.show {
		display: block;
		opacity: 1;
		}

.buy-btn {
	position: absolute;
	right:-2.5em;
	top:-3em;
    width: 110px;
    height: 110px;
	display:block;
    text-align: center;
    cursor: pointer;
	box-shadow: rgba(0,0,0,0.4) -2px 2px 2px;
	z-index:1011;
	border-radius: 110px;
	-webkit-border-radius: 110px;
	-moz-border-radius: 110px;
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
	}
	.buy-btn:hover {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-o-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		}

.buy-menu {
    position: relative;
    width: 16em;
    height: 100%;
    background: rgba(255,255,255,1);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 2px;
	}
	.buy-menu h2 {
		width:100%;
		background-color:#ccc;
		padding:1em 0 1em 0.8em;
		line-height:1em;
		font-size:100%;
		margin:0;
		}
		.buy-menu ul {
			vertical-align: middle;
			}
			.buy-menu li {
				margin: 0;
				padding:0.8em 0 0.8em 0.8em;
				line-height:1em;
				font-size:100%;
				border-top:1px solid rgba(0,0,0,0.2);
				}
				.buy-menu li:first-child {
						border-top: none;
						}
				.buy-menu li a:hover {
					opacity:0.7;
					}

	/* -------- 開閉用ボタンがクリックされた時のスタイル -------- */
	.open .buy-menu {
		cursor: url(../images/cross.svg),auto;
		-webkit-transition: all .5s;
		transition: all .5s;
		visibility: visible;
		opacity: 1;
		}









/*:::::::::::::::::::::::::::::::::::::::::::::
4.main
:::::::::::::::::::::::::::::::::::::::::::::*/

main {}


/* ++++++++++++++++++++++++++++++++++++++++++++
主にindexページにて使用
++++++++++++++++++++++++++++++++++++++++++++ */

/* 動画(幅100%時使用)
============================================ */
.block-mainv {
	margin:49px 0 0 0 !important;
	padding:0 !important;
	overflow:hidden;
	border-bottom: #eee 2px solid;
	}
.block-mainv #Video1 {
	width: 100%;
	height: auto;
	}
.block-mainv .inner {
	padding:0 !important;
	margin:0 auto !important;
	max-width: 970px;
	position:relative;
	}

/* CM詳細リンクボタン */
.block-mainv .cm_notice {
	bottom:25px;
	left:25px;
	position: absolute;
	font-size: 20px;
	}
.block-mainv .cm_notice a {
	background: #d62125;
	color: #fff;
	padding:10px 18px;
	}
.block-mainv .cm_notice a:hover {
	background: #555;
	text-decoration:none;
	}

/* 音声ありなし切り替え */
.block-mainv #audio_ctrl {
    bottom: 25px;
    right: 25px;
    position: absolute;
    font-size: 16px;
    cursor: pointer;
	}
.block-mainv #audio_ctrl div {
	display: block;
	color: #FFF;
	background-color: rgba(0,0,0,0.8);
	padding: 0 8px;
	line-height: 28px;
	width: 64px;
	border-radius: 4px;
	text-align: center;
	}
.block-mainv #audio_ctrl div#audio_off {
	}
.block-mainv #audio_ctrl div#audio_on {
	display: none;
	}


.block-mainv .mobile-inner {
	display:none;
	}
.block-mainv ul#mobile-images {
	width:100%;
	margin:0 auto;
	position:relative;
	padding: 0 0 56.25% 0 !important;
	margin-top:49px;
	}
.block-mainv ul#mobile-images li {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	margin:auto auto;
	}
.block-mainv ul#mobile-images li img {
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	}



/* 注意勧告
============================================ */
.block-caution {
	background-color: #d51518;
	padding-top:1em !important;
	padding-bottom:1em !important;
	border:none !important;
	color:#fff;
	}
	.block-caution .container { text-align:center;}
	/* -------- link -------- */
	.block-caution a { color:#fff;}
	/* -------- font -------- */
	.block-caution ul li {
		margin:0;
		font-size:138.5%;
		/*word-wrap:break-word;*/
		/*white-space: pre;*/
		}
	.block-caution ul li i {
		margin:0.4em 0.4em 0 0;
		font-size:131%;
		line-height:0;
		}
	.block-caution ul li i.fa {
		display: inline-block;
		}


/* お知らせ(特記で別枠にしたい場合に使用)
============================================ */
.block-news {
	background-color: #686767;
	padding-top:2em !important;
	padding-bottom:2em !important;
	color:#fff;
	}

.block-news .container {
    margin-bottom: 30px;
    border-bottom: 1px solid #777;
    padding-bottom: 30px;
	}
.block-news .container:last-child {
    border-bottom: none;
    padding-bottom: 0;
	}

	/* font */
	.block-news .row li {
		line-height:1.8em;
		margin-bottom:0;
		font-size:116%;
		}
		.block-news .row li h3 {
			font-weight:normal;
			margin:0.2em 0 1.2em 0;
			font-size:131%;
			line-height:1.6em;
			}
		.block-news .row li strong {
			font-size:116%;
			letter-spacing:0.1em;
			}
		.block-news .row li p {
			margin:1.4em 0 0 0;
			}
	/* -------- link -------- */
	.block-news .row li a {
		color:#fff;
		text-decoration:underline;
		}
	.block-news .row li a:hover {
		opacity:0.7;
		}

/* ++++++++++++++++++++++++++++++++++++++++++++
主にproductsのカテゴリページにて使用
++++++++++++++++++++++++++++++++++++++++++++ */

/* products indexの製品リスト
============================================ */
.block-productlist {
	padding-top: 0 !important;
    padding-bottom: 2em !important;
	border:none !important;
	overflow:hidden;
	}

	.block-productlist .inner {
			border-left:#999 solid 3px;
			border-right:#999 solid 3px;
			border-bottom:#999 solid 3px;
			padding:1.2em;
			background-color:#eee;
			-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;
			-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
			border-radius: 0 0 10px 10px / 0 0 10px 10px;
			}
			.block-productlist.car .inner { border-color:#d61518;}
			.block-productlist.bike .inner { border-color:#008aab;}
			.block-productlist.golf .inner { border-color:#00ae41;}
			.block-productlist.sports .inner { border-color:#ea1d75;}
			.block-productlist.biz .inner { border-color:#333;}
			.block-productlist.lei .inner { border-color:#00B2CC;}
	/* -------- font -------- */
	.block-productlist h2 {
		padding:0.6em 1.2em;
		background-color:#999;
		color:#fff;
		line-height:1;
		margin:0;
		font-size:1.2em;
		-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		}
		.block-productlist.car h2 { background-color:#d61518;}
		.block-productlist.bike h2 { background-color:#008aab;}
		.block-productlist.golf h2 { background-color:#00ae41;}
		.block-productlist.sports h2 { background-color:#ea1d75;}
		.block-productlist.biz h2 { background-color:#333;}
		.block-productlist.lei h2 { background-color:#00B2CC;}

	.block-productlist ul li {
		text-align:center;
		font-size:70%;
		line-height:1;
		padding-top:0.6em;
		}
.block-productlist .col2_5:nth-child(5n+1) {
	clear:both;
}
		.block-productlist ul li img {
			display:block;
			padding-bottom:0.7em;
			width:90%;
			margin:auto;
			}

/* products カテゴリーリスト (修正版)
============================================ */
.category {
	padding: 60px 0 20px;
	background-color: #F0F0F0;
	/*margin-top: 3em;*/
}
.category:nth-child(odd) {
	background-color: #FFF;
}
.category-cnt {
	max-width: 960px;
	margin: 0 auto;
}
.category-cnt .cat_title {
	background-color: #666;
	margin-bottom: 20px;
}
#car .category-cnt .cat_title {
	background-color: #d61518; 
}
#bike .category-cnt .cat_title {
	background-color: #008aab; 
}
#golf .category-cnt .cat_title {
	background-color: #00ae41; 
}
#sports .category-cnt .cat_title {
	background-color: #ea1d75; 
}
.category-cnt .cat_title .cat_name {
	float: left;
	width: 320px;
	height: 320px;
}
.category-cnt .cat_title .cat_name h2 {
	color: #FFF;
	text-align: left;
	line-height:  1.2em;
	height: 100%;
}
#car main .category-cnt .cat_title .cat_name h2 a,
#bike main .category-cnt .cat_title .cat_name h2 a,
#golf main .category-cnt .cat_title .cat_name h2 a,
#sports main .category-cnt .cat_title .cat_name h2 a {
	color: #FFF;
	display: block;
	padding: 30px 20px;
	height: 100%;
	width: 100%;
}
main .category-cnt .cat_title .cat_name h2 a:hover {
	text-decoration: none;
}
.category-cnt .cat_title .cat_name h2 .tit_jp {
	display: block;
	font-size: 30px;
	font-weight: bold;
}
.category-cnt .cat_title .cat_name h2 .tit_en {
	display: block;
	font-size: 12px;
	font-family: "Whitney A","Whitney B",san-serif;
	font-weight: normal;
	padding-left: 5px;
}

.category-cnt .cat_title .cat_visual {
	float: right;
	width: 640px;
}
.category-cnt .cat_title .cat_visual img {
	display: block;
}
.category-cnt .txt {
	font-size: 16px;
	padding: 0 10px;
}

.cat_btn {
	margin: 30px auto 40px;
	width: 90%;
}




#car .category-cnt.small .cat_title {
	background-color: transparent; 
	}
.category-cnt.small .cat_title .cat_visual {
	width: 300px;
	}
.category-cnt.small .cat_title .cat_name {
	width: 630px;
	height: auto;
	}
#car main .category-cnt.small .cat_title .cat_name h2 {
	color: #d61518;
	margin-bottom: 18px;
	}
.category-cnt.small .cat_title .cat_name h2 .tit_jp {
	font-size: 17px;
	line-height:1.3em;
	}
.category-cnt .cat_title .cat_name h2 .tit_en {
	font-size: 24px;
	font-weight: 600;
	padding-left:2px;
	margin-bottom:0;
	}
#car main .category-cnt.small .cat_title .cat_name p {
	font-size: 15px;
	}

@media (max-width:980px){

.category-cnt.small {
    max-width: 90%;
    margin: 0 auto;
	}

#car .category-cnt.small .cat_title.second {
	padding-top:60px;
	}

.category-cnt.small .cat_title .cat_name {
	width: 62%;
	float: left;
	}
.category-cnt.small .cat_title .cat_visual {
	width: 36%;
	float: right;
	}
.category-cnt.small .cat_title .cat_visual img {
	width: 100%;
	}
#car main .category-cnt.small .cat_title .cat_name h2 {
	text-align:left;
	}
#car main .category-cnt.small .cat_title .cat_name h2 .tit_en {
    display: block;
	font-size: 23px;
	}

}
@media (max-width:480px){

.category-cnt.small {
    max-width: 90%;
    margin: 0 auto;
	}
.category-cnt.small .cat_title .cat_name {
	width: 100%;
	float: none;
	}
.category-cnt.small .cat_title .cat_visual {
	width: 100%;
	float: none;
	margin-bottom:15px;
	}
.category-cnt.small .cat_title .cat_visual img {
	width: 100%;
	}
#car main .category-cnt.small .cat_title .cat_name h2 {
	text-align:left;
	}
}




	main .block-categorylist:nth-child(odd) .cat_btn { background:#fff;}

main .cat_btn a {
	display: block;
	padding: 10px 20px;
	line-height: 60px;
	border-radius: 6px;
	border-top: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
}
main .category:nth-child(odd) .cat_btn a {
	background-color: #F3F3F3;
}
main .brand_category:nth-child(even) .cat_btn a {
	background-color: #F3F3F3;
}
main .block-categorylist:nth-child(odd) .cat_btn a {
	background-color: #F3F3F3;
}
.cat_btn a p {
	font-size: 20px;
	line-height: 60px;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0;
}
.cat_btn a p i {
	margin-right: 5px;
}
.cat_btn a .prd_thumbs {
	float: right;
}
.cat_btn a .prd_thumbs img {
	width: auto;
	height: 60px;
	margin-left: 10px;
}
.category h3,
.brand_category h3,
h3.otherTit {
    margin: 40px 0 20px;
    /*font-size: 16px;*/
    line-height: 1.4em;
}
.category h3 span,
.brand_category h3 span,
h3.otherTit span {
    float: right;
    /*font-size: 14px;*/
    margin-top: 0.2em;
}
#car .category  h3 i,
#car .brand_category h3 i,
#car h3.otherTit i {
    color: #d61518;
}
#bike .category  h3 i,
#bike .brand_category h3 i,
#bike h3.otherTit i {
    color: #008aab;
}
#golf .category  h3 i,
#golf .brand_category h3 i,
#golf h3.otherTit {
    color: #00ae41;
}
#sports .category  h3 i,
#sports .brand_category h3 i,
#sports h3.otherTit i {
    color: #ea1d75;
}
#buisiness .category  h3 i {
    color: #333;
}

/* ブランドがある製品ページ */
.brand_category {
	padding: 60px 0;
	background-color: #FFF;
}
.brand_category:nth-child(odd) {
	padding: 60px 0;
	background-color: #F0F0F0;
}
.brand_tit {
}
.brand_tit img {
	max-width: 800px;
	width: 100%;
}
.brand_tit .brand_visual {
	text-align: center;
	background: #CCC;
}
.brand_tit .brand_visual a {
	display: block;
}
.brand_tit #supercat_visual a {
	background: #F00;
}
.brand_tit #supercat_z_visual a {
	background: #000;
}
.brand_tit #expartner_visual a {
	background: #D6D4D8;
}
.brand_tit #panthera_visual a {
	background: #370806;
}
.brand_tit #grgo_visual a {
	background: #000;
}
.brand_tit #argus_visual a {
	background: #EAD692;
}
.brand_tit #aguilas_visual a {
	background: #E8006D;
}
.brand_tit .brand_name {
	margin-top: 10px;
}
.brand_tit .brand_name h2 {
	font-size: 20px;
}
.brand_tit .brand_name h2 a {
	text-decoration: none;
}
.brand_tit .brand_name h2 .tit_jp {
}
.brand_tit .brand_name h2 .tit_en {
	margin-right: 20px;
	font-family: "Whitney A","Whitney B",san-serif;
}

.sp_btn { margin:0;}
.sp_btn img { width:100%;}
p.sp_btn { margin:0;}
.sp_btn img:hover { opacity:0.7}
.category .sp_btn {
	margin-bottom:26px;
}


@media (max-width:980px) {
	.category-cnt .cat_title {
		background-color: #666;
		margin-top: -60px;
	}
	#car .category-cnt .cat_title {
		background-color: #CE1417; 
	}
	.category-cnt .cat_title .cat_name {
		float: none;
		width: 100%;
		height: auto;
	}
	.category-cnt .cat_title .cat_name h2 {
		color: #FFF;
		text-align: center;
		line-height:  1.2em;
		height: auto;
		margin: 0;
	}
	#car main .category-cnt .cat_title .cat_name h2 a {
		color: #FFF;
		display: block;
		padding: 10px 0;
		height: auto;
		background-color: #CE1417; 
	}
	.category-cnt .cat_title .cat_name h2 .tit_jp {
		display: block;
		font-size: 22px;
		font-weight: bold;
	}
	.category-cnt .cat_title .cat_name h2 .tit_en {
		display: none;
	}
	.category-cnt .cat_title .cat_visual {
		float: none;
		width: 100%;
		height:　auto;
	}
	.category-cnt .cat_title .cat_visual img {
		width: 100%;
		height: auto;
	}
	main .cat_btn a {
		display: block;
		padding: 16px 4px;
		line-height: auto;
		text-align: center;
	}
	.cat_btn a p {
		font-size: 18px;
		line-height: 1.2em;
		float: none;
		margin: 0;
		padding: 0;
	}
	.cat_btn a p i {
		margin-right: 5px;
	}
	.cat_btn a .prd_thumbs {
		display: none;
	}
}

/* products 各カテゴリページの製品リスト
============================================ */
.block-categorylist { border:none !important;}
	main .block-categorylist:nth-child(even) { background:#f0f0f0;}
	main .block-categorylist:nth-child(odd) { background:#fff;}

	.block-categorylist .row { margin-left:-1.33%;}
		.block-categorylist .row .col4 { margin-left:1.33%; width: 32.00333333%; text-align:center;}
		.block-categorylist .row .col3 { margin-left:1.33%; width: 23.67%; text-align:center;}

	.block-categorylist .intro {}
	.block-categorylist .intro.space { margin-bottom: 4.2em;}
		.block-categorylist .intro .row { margin-left: -7.33%;}
			.block-categorylist .intro .row .col7{ margin-left: 7.33%;width: 48.00333333%}
			.block-categorylist .intro .row .col5{ margin-left: 7.33%;width: 36.33666667%}

	/* font */
	.block-categorylist h2 {
		font-size: 2.2em;
		margin-bottom: 0.6em;
		}
	.block-categorylist h2.mini {
		font-size: 1.8em;
		margin-bottom: 1em;
		}
	.block-categorylist h3 {
		margin:0 0 1.5em 0;
		font-size: 131%;
		line-height:1.4em;
		}
		.block-categorylist h3 i {
			margin:0 0.3em 0 0;
			font-size:108%;
			}
		.block-categorylist h3 span {
			float:right;
			margin-top:0.2em;
			}
	.block-categorylist h3.line {
		padding-top:1.8em;
		border-top:1px solid #ddd;
		}
		.block-categorylist p {
			font-size:116%;
			}
	.block-categorylist ul {
		margin-bottom:0;
		position:relative;
		}
	.block-categorylist ul li {
		 position:relative;
		}
		.block-categorylist ul li p {
			position: absolute;
			top: 50%;
			left: 50%;
			margin:0 auto;
			font-size:146.5%;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			text-shadow: rgba(0,0,0,0.6) 1px 1px 1px;
			color:#fff;
			letter-spacing:0.1em;
			}
	.block-categorylist p.right {
		font-size: 77%;
		color:#777;
		}
		.block-categorylist p.right a {
			color:#777;
			}
		.block-categorylist p.right.yupidora  {
			}
			.block-categorylist p.right.yupidora a {
				overflow: hidden;
				height: 0;
				display: inline-block;
				width: 60px;
				padding-top: 11px;
				background: url("../img/logo_yupidora.svg") no-repeat;
				}

		.block-categorylist .btn.large a {
			font-size: 123.1%;
			padding:0.8em 0;
			}



	.block-categorylist iframe {
		width: 100%;
		height:  auto;
		}




/* 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 .subnavi { margin:-2.1em 0 3em 0;}
.block-list .subnavi ul>li {
margin-bottom: 0.3em;
position: static;
float: left;
font-size:93%;
margin:0;
}
.block-list .subnavi ul>li a {
margin:0 7px 0 0;
border-radius: 3px;
background-color:#818080;
padding: 0.3em 1em;
display: block;
color:#fff !important;
box-shadow: 0.8px 0.8px 1px rgba(0,0,0,0.2);
}
main .block-list:nth-child(odd) .subnavi ul>li a { background:#717070;}
.block-list .subnavi ul>li a:hover,
.block-list .subnavi ul>li.active> a {
box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
color:#fff !important;
text-decoration:none;
}
#car .block-list .subnavi ul>li a:hover,
#car .block-list .subnavi ul>li.active> a {
background-color:rgba(214,21,24,1);
}

.block-list .subnavi ul>li.end a {
background-color:#bbb;
}
main .block-list:nth-child(odd) .subnavi ul>li.end a { background:#aaa;}

.block-list .subnavi.right { margin:1.5em 0 0 0;}
.block-list .subnavi.right ul>li {
	margin-bottom: 0;
	float: none;
	font-size:100%;
	display:inline-block;
	}
.block-list .subnavi.right ul>li a {
	margin:0;
	background-color:#aaa;
	padding: 1em;
	color:#fff !important;
	box-shadow: none;
	}
main .block-list:nth-child(odd) .subnavi.right ul>li a { background:#aaa;}
#car .block-list .subnavi.right ul>li a:hover,
#car .block-list .subnavi.right ul>li.active> a {
	background-color:rgba(214,21,24,1);
	}



.block-list .row{ margin-left:-1.33%;}
.block-list .col4{
margin-left:1.33%;
width: 32.00333333%;
margin-bottom: 0.7em;
}
.block-list .row li.col4:nth-child(3n+1) { clear:both;}

.block-list .col3{
margin-left:1.33%;
width: 23.67%;
margin-bottom: 0.7em;
}
.block-list .row li.col3:nth-child(4n+1) { clear:both;}
.block-list .row li.col3 figure .overlay i.over_item {bottom:55%;}
.block-list .row li.col3 figure .overlay i.over_compare {bottom:40%;}

.block-list .col3.item figure{
	min-height:347px;
}
.block-list .row li.col3 ul.icon li  {
	width:32px;
	margin:0 0 0 2px;
	}
.block-list .row li.col3 ul.info li  {
	height: 32px;
	width: 32px;
	padding:0.5em 0.3em 0 0.3em;
	}


#business main .block-list:nth-child(even) { background:#fff;}
#business main .block-list:nth-child(odd) { background:#f0f0f0;}

#business .block-list h2 {
    margin: 1.6em 0 0.6em 0;
    font-size: 2.2em;
    font-weight: 600;
}
#business .block-list h2:first-child {
    margin: 0.6em 0 0.6em 0;
    font-size: 2.2em;
    font-weight: 600;
}
#business .block-list .col3.item figure{
	min-height:290px;
	padding: 10px;
    border: 1px solid #CCC;
}
#business .block-list .col3.item figure img{
	    margin: 17px 5% 0 5%;
		width:90%;
}
#business .block-list .col3.item ul.icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0;
}


#business .block-list .col3.item ul.icon li.txtIco {
	font-size: 11px;
	font-family: "Whitney A","Whitney B",san-serif;
	line-height: 32px;
	border-radius: 16px;
	background: #333;
	color: #FFF;
	display: block;
	float: right;
	margin-left: 5px;
	text-align: center;
	margin-top:-2px;
}
#business .block-list .col3.item ul.icon li.txtIco.new {
	background: #d21e1e;
}
#business .block-list .col3.item ul.icon li.txtIco.will {
	background-color:#e67308;
	line-height: 11px;
	padding-top:4px;
	font-weight:bold;
}
#business .block-list .col3.item ul.icon li.txtIco.few {
	background-color:#333;
	line-height: 11px;
	padding-top:4px;
	font-weight:bold;
}


#business .block-list .col3.item span.type {
	position: absolute;
	display: block;
	left: 10px;
	top: 10px;
	color: #666;
	font-size: 11px;
	background: #FFF;
	line-height: 16px;
	padding: 0 4px;
	margin: 0;
	font-weight: bold;
}
#business .block-list .col3.item span.type.second {
	left: 60px;
}

#business .block-list .col3.item h2 {
    text-align: center;
    margin: 10px 0 8px 0;
    font-size: 21px;
	color: #006699;
}

#business .block-list .col3.item p {
    font-size: 12px;
    color: #555;
}

#business .block-list .col3.item ul.list-inline {
	display:block;
	}
#business .block-list .col3.item ul.list-inline li {
	float: none;
	width: 15%;
	padding: 0 0 8px 0;
	margin: 0;
	}
#business .block-list .col3.item ul.list-inline li img {
    margin: 0;
    width: 100%;
}




	/* -------- 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 .row h2 { font-size:123.1%; margin:0.5em 0 0.2em; font-weight:600;}
	.block-list .row h3 { font-size:108%; margin:0.7em 0 0.1em;}
	.block-list .row p { font-size:100%;}
	.block-list ul.row .list-inline>li {
		padding-left: 0;
		margin-bottom:3px;
		margin-right:3px;
		}
		.block-list ul.row .list-inline li.btn {
			padding:5px 7px;
			background-color:#999;
			border-radius: 4px;
			color:#fff;
			font-size:85%;
			height:21px;
			}



	/* -------- icon -------- */
	.block-list ul.icon  {
		position:absolute;
		top:18px;
		right:18px;
		font-size:0;
		}
		.block-list ul.icon li  {
			margin:0 0 0 3px;
			display:inline-block;
			font-size:1em;
			}
		.block-list ul.icon li img  {
			margin:0 !important;
			max-width:40px;
			}
	.block-list ul.info  {
		position:absolute;
		top:18px;
		left:18px;
		font-size:0;
		}
		.block-list ul.info li  {
			margin:0;
			display:inline-block;
			font-size:11px;
			font-weight: 600;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			height:40px;
			width:40px;
			line-height:1em;
			vertical-align:middle;
			text-align:center;
			color:#fff;
			box-shadow: rgba(0,0,0,0.3) 0.3px 0.3px 0;
			padding-top:0.7em;
			}
			.block-list ul.info li.new { background-color:#d21e1e;padding-top:1.2em;}
			.block-list ul.info li.will { background-color:#e67308;}
			.block-list ul.info li.stock { background-color:#444;}
			.block-list ul.info li.limit { background-color:#0c5aa9;}

	/* -------- リストフーバー時アクション -------- */
li figure:before,
li figure:after {
content: "";
height: 0;
display: block;
}
li figure {
position: relative;
padding:18px;
background-color: #e5e5e5;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
max-height:100%;
min-height:100%;
*zoom: 1;
}
li figure:after {
clear:both
}
		li figure img {
			width: 100%;
			vertical-align:bottom;
			height:auto;
			margin-top:48px;
			}
		li figure .overlay {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			display: block;
			opacity: 0;
			filter: alpha(opacity=0);
			-webkit-transition: all 0.35s ease-in-out;
			-moz-transition: all 0.35s ease-in-out;
			transition: all 0.35s ease-in-out;
			-moz-opacity: 0;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			}
			li figure:hover .overlay {
				opacity: 1;
				filter: alpha(opacity=100);
				-moz-opacity: 1;
				-webkit-animation: overlay .5s ease forwards;
				-moz-animation: overlay .5s ease forwards;
				animation: overlay .5s ease forwards;
				}
			li figure .overlay i {
				position: absolute;
				text-align: center;
				left:10%;
				width: 80%;
				font-size: 100%;
				font-style:normal;
				font-weight:bold;
				color:#fff;
				bottom:45%;
				border:#fff 2px solid;
				box-shadow: 1px 1px 3px #666;
				-moz-box-shadow: 1px 1px 3px #666;
				-webkit-box-shadow: 1px 1px 3px #666;
				}
				li figure .overlay i.over_item {bottom:50%;}
				li figure .overlay i.over_compare {bottom:40%;}


			li figure.long .overlay i {
				left:25%;
				width: 50%;
				font-size: 100%;
				}
				li figure.long .overlay i.over_item {bottom:40%;}

			li figure .overlay i a {
				color:#fff !important;
				padding:0.5em 0;
				display:block;
				width: 100%;
				}
				li figure .overlay i a:hover { background-color:#fff !important; text-decoration:none;}


/* -------- 比較表アクション -------- */
		.block-list img.left_box {
			width: 30%;
			float:left;
			margin-top:0;
			}
		.block-list .right_box {
			width: 70%;
			float:right;
			}
	/* -------- font -------- */
	.block-list .right_box h2 { font-size:174%; margin:0.7em 0 0.3em; }
	.block-list .right_box h3 { font-size:116%; margin:1em 0 0.3em;}
	.block-list .right_box p { font-size:100%;}
	.block-list .right_box .list-inline>li {
		padding-left: 0;
		margin-bottom:3px;
		margin-right:3px;
		}
		.block-list .right_box .list-inline li.btn {
			padding:5px 7px;
			background-color: rgba(214,21,24,1);
			border-radius: 4px;
			color:#fff;
			font-size:85%;
			}

	/* -------- 比較表アクション -------- */
#ComparisonBox {
    position: fixed !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
	padding-top:2em !important;
	padding-bottom:2em !important;
    background-color: #fff;
	border-top: #ccc 1px solid;
	border-bottom: #555 1px solid;
	}
#ComparisonBox form {
     margin-right:auto;
	 margin-left:auto;
	 box-sizing: border-box;
	 padding-right:1.5em;
	 padding-left:1.5em;
	 position:relative;
	}
	@media (min-width:768px){ #ComparisonBox form{ width:750px;}}
	@media (min-width:992px){ #ComparisonBox form{ width:970px;}}
	@media (min-width:1200px){ #ComparisonBox form{ width:970px;}}

	#ComparisonBox form ul:before,
	#ComparisonBox form ul:after {
		content: "";
		height: 0;
		display: block;
		}
	#ComparisonBox form ul {*zoom: 1; width:56%;}
	#ComparisonBox form ul:after{clear:both}


	#ComparisonBox form ul li {
		float:left;
		margin: 0 1.2em 0.7em 0;
		line-height:0.8;
		font-size:123.1%;
		color:#666;
		}
		#ComparisonBox form ul li span {
			vertical-align:middle;
			}
			#ComparisonBox form ul li span.ComparisonItem {
				font-family: "Whitney A","Whitney B",san-serif !important;
				font-style: normal !important;
				font-weight: 600 !important;
				}
			#ComparisonBox form ul li span.ComparisonRemove {
				margin:0 0.4em 0 0;
				border:#be1b1c solid 1px;
				color:#be1b1c;
				font-size:12px;
				line-height:12px;
				padding:0 3px 2px 3px;
				cursor:pointer;
				font-weight:bold;
				border-radius: 2px;
				float:left;
				}
			#ComparisonBox form ul li span.ComparisonRemove:hover {
				border:#aaa solid 1px;
				color:#aaa;
				}

			#ComparisonBox form a#ComparisonSubmit {
				position:absolute;
				width:38%;
				top:0;
				right:0;
				font-size: 123.1%;
				padding:0.7em 0;
				border-radius: 4px;
				display: block;
				background: #be1b1c;
				background: -moz-linear-gradient(top,#d61518 0%,#be1b1c);
				background: -webkit-gradient(linear, left top, left bottom, from(#d61518), to(#be1b1c));
				-moz-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.4),inset 1px 1px 1px rgba(255,255,255,0.7);
				-webkit-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.4),inset 1px 1px 1px rgba(255,255,255,0.7);
				border-top: 1px solid #eee;
				border-left: 1px solid #eee;
				font-weight:bold;
				line-height: 1;
				text-align:center;
				color:#fff;
				}
			#ComparisonBox form a#ComparisonSubmit:hover {
				opacity:0.7;
				text-decoration:none;
				}

			#ComparisonBox form a#ComparisonClear {
				border:#999 solid 1px;
				color:#999;
				border-radius: 2px;
				padding:1px 8px;
				font-size:85%;
				font-weight:bold;
				}
			#ComparisonBox form a#ComparisonClear:hover {
				opacity:0.7;
				text-decoration:none;
				}

/* -------- アプリ用 -------- */
		.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:18px;
			background-color: #e5e5e5;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			border-radius: 7px;
			}
	.block-list .col6 .inner h2 {
		margin:0 0 0.3em 0;
		font-size: 167%;
		font-weight: 600;
		color: #004485;
		}
	.block-list .col6 .inner p a {
		background: url("/app/img/app_arow.png") no-repeat left center;
		padding:0 0 0 16px;
		}
		.block-list .col6 .inner img{
			width:auto;
			}
			.block-list .col6 .inner img.left{
				float:left;
				display:block;
				margin:0 20px 20px 0 ;
				}



/* ++++++++++++++++++++++++++++++++++++++++++++
主に製品ページにて使用
++++++++++++++++++++++++++++++++++++++++++++ */

/* ページタイトル
============================================ */
[class*="block-lead"] {
	padding-top:18em !important;
	padding-bottom:3em !important;
	border:none !important;
	text-align:center;
	}
	/* 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%;
			}


	/* -------- item -------- */
	.block-lead-item {
		text-align: left;
		padding-top:17em !important;
		padding-bottom:3em !important;
		}
		.block-lead-item .row { margin-left: -5.33%;}
			.block-lead-item .row [class*="col"]{ margin-left: 5.33%;}
			.block-lead-item .row .col7{width: 52.00333333%}
			.block-lead-item .row .col5{width: 36.33666667%}
		/* 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.expartner h1 {
			color: #0273CA;
		}	
			.block-lead-item h1 span {
				font-size:50%;
				display:block;
				font-weight: 200 !important;
				margin-top:1.2em;
				}
			.block-lead-item h1.en {
				font-size: 3em;
				margin:1em 0 0.6em 0;
				}
				.block-lead-item h1.en span {
					margin-top:1.8em;
					font-size:40%;
					font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic" !important;
					}
					.block-lead-item h1.en span.sub {
					margin-bottom:-0.5em;
					font-size:60%;
					}
				/*製品ページタイトル 修正ver*/
				.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: 20px;
					font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic" !important;
				}
				.block-lead-item h1 span.product_name {
					font-size: 40px;
					font-family: "Whitney A","Whitney B",san-serif;
					font-weight: 600 !important;
					margin-top: 4px;
				}
				.block-lead-item h1 span.product_pagetit {
					font-size: 24px;
					font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", san-serif;
					line-height: 1.2em;
					margin-top: 8px;
				}
				.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;
				}
				.block-lead-item ul.list-inline {
					margin-top: 24px;
				}



			.block-lead-item p {
				color:#fff;
				}
			.block-lead-item.supercat_z p {
				color: #C29E3D;
			}	
			.block-lead-item.expartner p {
				color: #0273CA;
			}	
			.block-lead-item .btn.line {
				border:1px solid #fff;
				padding:0.4em 0.5em;
				border-radius: 3px;
				margin-right:0.4em;
				background-color: transparent !important;
				width:auto !important;
				height: auto !important;
				}
			.block-lead-item.supercat_z .btn.line {
				border:1px solid #C29E3D;
				}
			.block-lead-item.expartner .btn.line {
				border:1px solid #0273CA;
				}


/* パン屑スタイル
============================================ */
.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-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;
	}

/* -------- 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;}


/* 製品概要
============================================ */
.block-intro {
	padding-top:3em;
	padding-bottom:3em;
	border:none !important;
	}
	.block-intro .list-inline {
		margin-left: 0;
		}

	/* -------- font -------- */
	.block-intro h2 {
		margin-bottom:1em;
		font-size:205%;
		font-weight:400;
		}
	.block-intro .list-inline {
		margin-bottom:0.7em;
		}
		.block-intro .list-inline>li {
			margin-bottom:5px;
			font-size:93%;
			}
		.block-intro ul.list-inline:first-child li { margin:0 0.6em 0.6em 0;}

		.block-intro p { font-size:108%; line-height:1.7em}



/* 製品紹介/説明
============================================ */
.block-item { border:none !important;}
	main .block-item:nth-child(even) { background:#f0f0f0;}
	main .block-item:nth-child(odd) { background:#fff;}

	/* box */
	.block-item [id*="c01_"],
	.block-item [id*="c02_"],
	.block-item [id*="c03_"],
	.block-item [id*="c04_"],
	.block-item [id*="c05_"],
	.block-item [id*="c06_"],
	.block-item [id*="c07_"],
	.block-item [id*="c08_"],
	.block-item [id*="c09_"],
	.block-item [id*="c10_"] {
		margin-bottom:2.4em;
		padding-bottom: 2.4em;
		border-bottom: 1px solid #ccc;
		}
		.block-item [id*="c01_"]:last-child,
		.block-item [id*="c02_"]:last-child,
		.block-item [id*="c03_"]:last-child,
		.block-item [id*="c04_"]:last-child,
		.block-item [id*="c05_"]:last-child,
		.block-item [id*="c06_"]:last-child,
		.block-item [id*="c07_"]:last-child,
		.block-item [id*="c08_"]:last-child,
		.block-item [id*="c09_"]:last-child,
		.block-item [id*="c10_"]:last-child {
			border: none;
			margin-bottom: 0;
			padding-bottom: 0;
			}
		/* box縦幅orライン付与調整スタイル */
		.block-item .small_l {
			border-bottom: 1px solid #ddd;
			padding-bottom: 1.2em;
			margin-bottom: 1.2em;
			}
		.block-item .space {
			border: none;
			margin-bottom: 2em;
			padding-bottom: 0;
			}
		.block-item .none_l {
			border: none;
			margin-bottom: 0;
			padding-bottom: 0;
			}

	/* img */
	.block-item img { width:100%;}
	.block-item img.half { width:60%;}

	/* font */
	.block-item h3 { margin:0 0 1.5em 0; font-size:205%; font-weight:400;}
		.block-item h3 span { font-size:77%;}
	.block-item h4 { margin:0 0 0.8em 0; font-size:131%; line-height:1.4em;}
		.block-item h4.lead { margin:0 0 1.3em 0; font-size:167%; line-height:1.5em; font-weight:400;}
	.block-item h5 { margin:0 0 0.5em 0; font-size:116%; line-height:1.4em;}
	.block-item p {line-height:1.7em; font-size:108%;}
		.block-item p.sup { padding-left: 1em; text-indent: -1em;}
		.block-item p strong { font-size:116%;}
	.block-item ul li {
		padding-left: 1em;
		text-indent: -1em;
		margin-bottom:0.4em;
		word-break: break-all;
		}
		.block-item ul li span { font-size:0.8em; padding-right:0.3em;}
		.block-item ul.list-inline li { padding-left: 0; text-indent: 0; margin-right:1.5em;}
		.block-item ul.list-inline:first-child li { margin:0 0.2em 0.8em 0;}

	/* リストに外部ファイルアイコンを付与する */
	.block-item i.fa-file-pdf-o { margin-left:1em;}
		.block-item ul.list-inline i.fa-file-pdf-o { margin-left:0;}
		
	.block-item i.fa-caret-right.fa-1x {
		font-size:70%;
		}

	/* テーブル */
	.block-item table { margin-bottom:0.5em;}
		.block-item table p { margin:0;}
		.block-item table ul li { margin:0;}
		.block-item table th {
			font-weight: bold;
			padding: 1em;
			border: 1px solid #ccc;
			background: #f0f0f0;
			}
			main .block-item:nth-child(even) table th {background: #e5e5e5;}
		.block-item table td {
			padding: 1em;
			border: 1px solid #ccc;
			}

	/* ポイント用ボックス定義 */
	.block-item .box {
		padding:1em 1.2em 1em 1.2em;
		color:#fff;
		border-radius: 8px;
		text-indent: 0;
		height: auto;
		min-height:180px;
		}
		.block-item .box p { color:#f5f5f5;}
			.block-item .box p a {
				color:#fff !important;
				text-decoration:underline;
				}
				.block-item .box p a:hover { opacity:0.7;}
			.block-item .box p a i { margin-right:5px;}

		.block-item .subbox {
			padding:1em 1.2em 0.8em 1.2em;
			border-radius: 8px;
			background: #f0f0f0;
			margin-top:1em;
			}
			main .block-item:nth-child(even) .subbox {background: #e5e5e5;}
			.block-item ul.subbox li {
				padding-left: 0 !important;
				text-indent: 0 !important;
				margin-bottom:0.7em;
				font-size:100%;
				}
			.block-item ul.subbox li h5 {
				margin-bottom:0.1em !important;
				font-size:108%;
				}

	/* -------- ポップアップ -------- */
	#lean_overlay {
		position: fixed;
		z-index:9999;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
		background: #000;
		display: none;
		}
	.movieGuide {
		background: none repeat scroll 0 0 #fff;
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		display: none;
		padding: 50px;
		width: 700px;
		}
	.modal_close {
		position: absolute;
		top: 20px;
		right: 20px;
		display: block;
		width: 65px;
		height: 25px;
		z-index: 10000;
		background: url("../images/btn_close.gif") 0 0 no-repeat;
		}
		.modal_close:hover {
			opacity:0.7;
			}

	/* -------- 製品下部ページメニュー -------- */
	.block-item.sub_navi {
		padding:1.5em 0 !important;
		border-top:solid 1px #ccc !important;
		}
		.block-item.sub_navi ul.list-inline  {
			padding: 0;
			text-indent: 0;
			margin:0;
			text-align:center;
			}
			.block-item.sub_navi ul.list-inline li {
				padding: 0 1.2em 0 0;
				margin: 0 1.2em 0 0;
				font-size:85%;
				border-right:1px solid #ccc;
				}
				.block-item.sub_navi ul.list-inline li:first-child {
					padding-left: 1.2em;
					border-left:1px solid #ccc;
					}
				.block-item.sub_navi ul.list-inline li a { color:#666 !important;}
					.block-item.sub_navi ul.list-inline li a:hover { opacity:0.7;}




/* ++++++++++++++++++++++++++++++++++++++++++++
共有
++++++++++++++++++++++++++++++++++++++++++++ */


/* ======== バナー系 ======== */
.block-pr {
	padding-top:1.5em !important;
	padding-bottom:1.5em !important;
	border:none !important;
	}
	.block-pr .container {}
		.block-pr .container .row { margin-left:-1.33%;}
			.block-pr .container li.col3 {
				margin-left:1.33%;
				width: 23.67%;
				}
	.block-pr .container-fluid {
		width:auto;
		overflow: hidden;
		}
		.block-pr .container-fluid .row {margin-left:0;}
			.block-pr .container-fluid li.col4 {
				margin-left:0;
				width: 33.33333333%;
				text-align:center;
				}
	/* link */
	.block-pr a:hover { opacity:0.7;}
/* font */
.block-pr ul { position:relative; margin:0;}
.block-pr li { position:relative;}
.block-pr li p {
	position: absolute;
	top: 50%;
	left: 50%;
	margin:0 auto;
	font-size:174%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-shadow: rgba(0,0,0,0.6) 1px 1px 1px;
	color:#fff;
	letter-spacing:0.1em;
	}
.block-pr li.col4 p { width:100%;}
.block-pr li.col4 p.myyupiteru {
	font-size:100%;
	letter-spacing:0;
	font-weight:normal;
	line-height:1.9em;
	text-shadow: none;
	}
.block-pr li.col4 p.myyupiteru strong { font-size:189%;}
.block-pr li.col4 p.myyupiteru .btn { margin:0.6em 0.3em 0 0.3em; font-size:100%;}

.block-pr li.col4 p.yp_direct {
	font-size:116%;
	line-height:1.9em;
	}
.block-pr li.col4 p.yp_direct strong { font-size:182%; letter-spacing:0; font-weight:bold;}
.block-pr li.col4 i {
	position: absolute;
	top: 50%;
	left: 94%;
	font-size:116%;
	color:#fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-shadow: rgba(0,0,0,0.6) 1px 1px 1px;
	}


/* 法人様向け製品
============================================ */
/* "buisiness" style */

.row .col12 {
    box-sizing: border-box;
    float: none;
    margin-left: 3.33%;
	margin-top: 2em;
}
ul.prd_list_mini {
	width: 100%;
	padding-bottom: 30px;
}
.category-cnt ul.prd_list_mini {
	padding-bottom: 0;
}
ul.prd_list_mini li {
	float: left;
	width: 25%;
	padding: 0 0.5% 10px;
}
h3.model {
	margin: 30px 0 20px;
}
ul.prd_list_mini li a {
	display: block;
	padding: 10px;
	background: #E8E8E8;
	border: 1px solid #CCC;
	border-radius: 10px;
	min-height:290px;
}
ul.prd_list_mini li a .img {
	position: relative;
}
ul.prd_list_mini li a .img .prd_thumb {
	width: 90%;
	margin: 0 auto;
}
ul.prd_list_mini li a .img .prd_thumb img {
	display:  block;
	padding-top: 15px;
}
ul.prd_list_mini li a .img ul.icon {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}
ul.prd_list_mini li a .img ul.icon li {
	display:  inline-block;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0 0 0 2px;
}
ul.prd_list_mini li a .img ul.icon li img {
}
ul.prd_list_mini li a .img ul.icon li.txtIco {
	font-size: 11px;
	font-family: "Whitney A","Whitney B",san-serif;
	line-height: 32px;
	border-radius: 16px;
	background: #333;
	color: #FFF;
	display: block;
	float: right;
	margin-left: 5px;
	text-align: center;
	margin-top:-2px;
}
ul.prd_list_mini li a .img ul.icon li.txtIco.new {
	background: #d21e1e;
}
ul.prd_list_mini li a .img ul.icon li.txtIco.will {
	background-color:#e67308;
	line-height: 11px;
	padding-top:5px;
	font-weight:bold;
}
ul.prd_list_mini li a .img ul.icon li.txtIco.few {
	background-color:#333;
	line-height: 11px;
	padding-top:7px;
	font-weight:bold;
}

ul.prd_list_mini li a .img span.type {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	color: #666;
	font-size: 11px;
	background: #FFF;
	line-height: 16px;
	padding: 0 4px;
	margin: 0;
	font-weight: bold;
}
ul.prd_list_mini li a .img span.type.second {
	left: 50px;
}
ul.prd_list_mini li a .txt {
}
ul.prd_list_mini li a .txt h3 {
	text-align: center;
	margin: 10px 0;
	font-size: 18px;
}
ul.prd_list_mini li a .txt p {
	position: relative;
	left: 0;
	top: 0;
	font-size: 12px;
    margin: 0 auto;
    -webkit-transform: none;
    transform: none;
    text-shadow: none;
    color: #666;
    letter-spacing: 0;
}

main .contactBtn {
	display: block;
}
main .contactBtn a {
	display: block;
	padding: 15px 15px;
	font-size:18px;
	font-weight:  bold;
	color: #FFF !important;
	border-radius: 6px;
	background: #d61518;
	background: -webkit-gradient(linear, left top, left bottom, from(#d61518), to(#be1b1c));
    font-weight: bold;
    line-height: 1.1em;
    text-align: center;
}
main .contactBtn a i {
	float: right;
	margin-left: 10px;
}
main .contactBtn.mini a {
	display: inline-block;
	color: #FFF !important;
	padding: 10px 10px;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
	font-size:14px;
	border-radius: 3px;
}


ul.prd_list_mini li ul.list-inline {
	display:block;
	}
ul.prd_list_mini li ul.list-inline li {
	float: none;
	width: 15%;
	padding: 0 0 8px 0;
	}
ul.prd_list_mini li ul.list-inline li:hover {
	text-decoration: none;
	}


/* ======== 関連動画 ======== */
.block-movie {}
.block-movie.product {
	padding-top:2.5em !important;
	padding-bottom:0 !important;
	border:none !important;
	}
	.block-movie .row{ margin-left:-1.33%;}
		.block-movie .row .col4 {
			margin-left:1.33%;
			width: 32.00333333%;
			}

	/* font */
	.block-movie h3 {
		margin:0 0 1em 0;
		font-size: 138.5%;
		line-height:1.4em;
		color:#323232;
		}
	.block-movie ul {
		margin-bottom:0;
		}
	.block-movie .btn {
		padding:0;
		margin:0 0 0 1em;
		}
	.block-movie p.right {
		font-size: 77%;
		color:#777;
		}
		.block-movie p.right a {
			color:#777;
			}
		.block-movie p.right.yupidora  {
			}
			.block-movie p.right.yupidora a {
				overflow: hidden;
				height: 0;
				display: inline-block;
				width: 60px;
				padding-top: 11px;
				background: url("../img/logo_yupidora.svg") no-repeat;
				}


	.block-movie iframe {
		width: 100%;
		height: 100%;
		}


/* ======== 関連製品/新着製品 ======== */
.block-relation {border-color:#999 !important;}
main .block-relation:nth-child(even) { background:#f5f5f5;}
main .block-relation:nth-child(odd) { background:#fff;}

.block-relation.new {
	padding-top:0 !important;
	padding-bottom:2.7em !important;
	border:none !important;
	}
/* link */

.block-relation a {
	color: #000000;
	}
.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.2em;
	}
.block-relation h2.en { letter-spacing:0.2em;}
.block-relation h3 {
	margin :1.5em 0 0 0;
	color:#333;
	font-size: 153.9%;
	}

.block-relation li {
	margin:1.5em 0 0 0;
	}
	
.block-relation li strong {
	font-size:108%;
	display: inline-block;
	padding:0.2em 0 0.3em;
	}
.block-relation li p {
	padding: 5px;
	color:#717071;
	border-radius: 3px;
	border:#999 1px solid;
	line-height:1em;
	display:inline-block;
	font-size:93%;
	}
.block-relation li img {
	padding-top:0;
	padding-bottom:0.6em;
	}

.block-relation li img.w768h {
	display: block;
	}
.block-relation li img.w768r {
	display:none;
	}


/* NEW PRODUCTS */
.block-relation ul.newproducts {
	margin-top:1.5em;
	}
.block-relation ul.newproducts.row {
	margin-left:-1.33%;
	}
.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;
	}

.block-relation .btn {
    width: 60%;
    display: block;
    margin-top: 0;
	padding:5px 0 0 0;
	position:relative;
	}
.block-relation .btn a {
	display: block;
	color: #FFF !important;
	padding: 10px 10px;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
	font-size:15px;
	border-radius: 5px;
	}
.block-relation .btn a i {
    position: absolute;
    bottom: 9px;
    right: 5%;
	}

/* ======== お知らせ系 ======== */

.block-release {
	background-color: #d8d8d8;
	padding-top:2.5em !important;
	padding-bottom:2.5em !important;
	border:none !important;
	color:#4c4c4c;
	}

	.block-release .container {}
	.block-release .row{}
		.block-release .row [class*="col"]{ padding-left:3.33%; border-left:1px solid #aaa;}
			.block-release .row .col4:first-child { border:none; padding-left:0;}
			.block-release .row .col4 .list {
				max-height:300px;
				min-height:300px;
				overflow: auto;
				padding-right:0.5em;
				}
			.block-release .row .col4 .list::-webkit-scrollbar {
				width:6px;
				background:#eee;
				border-radius:3px;
				}
			.block-release .row .col4 .list::-webkit-scrollbar-thumb {
				background:#777;
				border-radius:3px;
				}
	/* link */
	.block-release a { color:#4c4c4c !important;}
		.block-release a:hover { text-decoration:underline;}
	/* font */
	.block-release p {
		font-size:138.5%;
		line-height:1.3em;
		color:#000;
		}
		.block-release p span {
			color:#4c4c4c;
			font-size:100%;
			letter-spacing:0.15em;
			}
			.block-release p i { display: none;}
		.block-release li {
			font-size:93%;
			margin:1.5em 0 0 0;
			}
		.block-release li:first-child { margin-top:0;}
		.block-release #luneup li { margin-top:0;}




/* 企業情報、法人、サポート系
============================================ */

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

/* -------- title -------- */
#corp [class*="block-lead"],
#buisiness [class*="block-lead"],
#support [class*="block-lead"] {
	padding-top:8em !important;
	padding-bottom:2em !important;
	border-top:none !important;
	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;}

/* -------- tab -------- */
#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;}


/* -------- 企業コンテンツ -------- */
.block-corp {
	padding-top:3em !important;
	padding-bottom:3em !important;
	border:none !important;
	}
	main .block-corp:nth-child(even) { background:#fff;}
	main .block-corp:nth-child(odd) { background:#f0f0f0;}

	.block-corp img { width:auto;}
	.block-corp img.right { float:right; margin-left:1.5em;}
	.block-corp .space { margin-bottom:2em;}

	/* font */
	.block-corp h2 {
		margin:0 0 1.3em 0 !important;
		font-size:153.9% !important;
		}
		.block-corp h2 span {
			font-size:77% !important;
			font-weight:normal;
			}
		.block-corp h2.title {
			margin-top: 1.3em !important;
			}
	.block-corp h3 {
		margin:0 0 0.5em 0 !important;
		font-size:123.1% !important;
		}
	.block-corp p {
		font-size:108%;
		margin-bottom:1.7em;
		}
		.block-corp p:last-child { margin-bottom:0;}
		.block-corp p.lead {
			font-size:116%;
			}
	.block-corp li {
		font-size:108%;
		margin:1em 0 0 0;
		}
		.block-corp li:first-child { margin:0;}
	/* 個人情報のみ */
	.block-corp.privacy ul {
		margin:0.4em 0 0 0;
		}

	.block-corp.privacy ul li {
		padding-left: 1em;
    	text-indent: -1em;
		}
		.block-corp.privacy ul li ul li {
			font-size:100%;
			}


	.block-corp .row .col6 img { width:100%;}


	/* テーブル */
	.block-corp table { margin-bottom:0.5em;}
		.block-corp table p { margin:0;}
		.block-corp table ul li { margin:0;}
		.block-corp table th {
			font-weight: bold;
			padding: 0.8em;
			border: 1px solid #ccc;
			background: #f0f0f0;
			width:25%;
			}
			main .block-corp:nth-child(odd) table th  { background:#e5e5e5;}
		.block-corp table td {
			padding: 0.8em;
			border: 1px solid #ccc;
			}


	.block-corp ul.line_box {
		margin:0 0 1.3em 0;
		padding:1em 1em 0.6em 1em;
		border:#ccc solid 1px;
		}
.block-corp ul.line_box li {
    font-size: 100%;
    margin: 0 0 0.3em 0;
}
.block-corp ul.line_box li ul {
	padding-left:2em;
	margin-top: 0.4em;
}


	/* -------- inner -------- */
	.block-corp .inner { padding-bottom:2.5em;}
	.block-corp .inner ul>li {
		margin-bottom: 0.3em;
		position: static;
		float: left;
		font-size:85%;
		margin:0;
		}
		.block-corp .inner ul>li a {
			margin:0 5px 0 0;
			border-radius: 3px;
			background-color:#f0f0f0;
			padding: 0.3em 1em;
			display: block;
			box-shadow: 0.8px 0.8px 1px rgba(0,0,0,0.2);
			}
			main .block-corp:nth-child(odd) .inner ul>li a { background:#fcfcfc;}
			.block-corp .inner ul>li a:hover,
			.block-corp .inner ul>li.active> a {
				box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
				color:#fff !important;
				text-decoration:none;
				background-color:#777;
				}
			main .block-corp:nth-child(odd) .inner ul>li a:hover,
			main .block-corp:nth-child(odd) .inner ul>li.active> a { background:#777;}


	/* -------- OEM -------- */

		.sensor .block-corp ul li { margin:0;}
		.sensor .block-corp .btn.large { margin-top: 0;width: 90%;}
		.sensor .block-corp .btn.large.red a {
			background: -moz-linear-gradient(top,#d61518 0%,#be1b1c);
			background: -webkit-gradient(linear, left top, left bottom, from(#d61518), to(#be1b1c));
			}

			.sensor .block-intro p.lead { margin-top:1em; padding:1em; background-color:#eee; font-size:146.5%; text-align:center;}
			.sensor .block-intro p.img { margin-bottom:3em;}
				.sensor .block-intro p.img img { width:100%;}



/*:::::::::::::::::::::::::::::::::::::::::::::
5.footer
:::::::::::::::::::::::::::::::::::::::::::::*/

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;
		}
		footer h4.pc {}
		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 .list-inline>li { margin-left: 1.5em; margin-bottom:2em;}
			footer .list-inline>li:first-child { margin-left:0;}
			footer .list-inline>li i { font-size:3em;}
		footer li ul { padding-top:0.3em;}
			footer li ul li { font-size:100%; padding-left:1em;}

		footer .list-inline>li.minkara {
			}
			footer .list-inline>li.minkara a {
				overflow: hidden;
				height: 0;
				display: block;
				width: 100px;
				padding-top: 23px;
				background: url("../img/logo_minkara.svg") no-repeat;
				opacity:0.7;
				}
			footer .list-inline>li.minkara a:hover {
				opacity:0.7;
				}
		footer .list-inline>li.logotop {
			padding-top: 0.5em; float:right; margin:0;
			}
			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;
			}









/*:::::::::::::::::::::::::::::::::::::::::::::
6.other
:::::::::::::::::::::::::::::::::::::::::::::*/

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


/* icon
============================================ */
i.fa-caret-right {
	margin-right:3px;
	}

i.fa-1x {
	font-size:80%;
	}


/* movie(jstream)
============================================ */
.jstream-eqPlayer {
	width: 100% !important;
	height: auto !important;
	background: none !important;
	}
	.jstream-eqPlayer object {
		width: 100% !important;
		max-width: 100% !important;
		}



/* 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;
}





/*:::::::::::::::::::::::::::::::::::::::::::::
7.@media(max-width 768px)
:::::::::::::::::::::::::::::::::::::::::::::*/

@media (max-width: 768px) {

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


/* ======== ページ単位のスタイル ======== */
/* products */
#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;
	}

#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; }

/* ======== header ======== */
nav { background: #000;}


/* ======== logo ======== */
	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 ======== */
	/* 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;
					}
		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%;
}



.cse .gsc-control-cse, .gsc-control-cse {
    padding: 8px 0 0 0 !important;
    margin-left: 8px;
}
* 



/* ======== navi(sub) ======== */
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;}


/* ======== nav background ======== */
#select-overlay { 
	min-height: 100%;
	background-color:#707070 !important;
	height: 100vh;
	}
body > div#select-overlay {
  height: auto;
}




/* ======== ギミック ======== */

/* 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;
	}




/* ======== main ======== */
main {}

.block-lead { padding-top:7em !important;}

	.block-lead h1 {
		font-size: 2em;
		line-height:1em;
		text-shadow: none;
		}
		.block-lead h1 span {
			font-size:40%;
			}

	.block-lead .inner {
		margin:2em 0 0 0;
		padding:2em 0 1.5em 0;
		}
	.block-lead .inner h2 {
		margin:0 0 0.7em 0;
		line-height:1em;
		font-size:131%;
		}
	.block-lead .inner .btn.large { width:100%;}
		.block-lead .inner .btn.large a { padding:0.3em 0.7em 0.5em 0.7em; font-size:146.5%;}
	.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:1em auto 0 auto;
			}


	/* -------- item -------- */
	.block-lead-item {
		padding-top:7em !important;
		padding-bottom:2em !important;
		}
		.block-lead-item .row { margin-left: 0;}
			.block-lead-item .row [class*="col"]{ margin-left: 0;}
			.block-lead-item .row .col7{width: 100%}
			.block-lead-item .row .col5{width: 100%; text-align:center;}
			.block-lead-item .row .col5 img {width: 50%; margin:auto;}
		/* font */
		.block-lead-item h1 {
			font-size: 1.8em;
			margin:0 0 0.5em 0;
			}
			.block-lead-item h1 span {
				font-size:60%;
				margin-top:0.4em;
				}
			.block-lead-item h1.en {
				font-size: 2em;
				margin:0 0 0.5em 0;
				}



/* 動画<videoタグ使用時> */
.videoBlock {
	}
.block-video {
    max-height: 300px;
	height: auto;
	}
	.block-video video {
		position: relative;
		min-width: inherit;
		min-height: inherit;
		width: 100%;
		height: 100%;
		top:30px;
		right:0px;
		bottom:0px;
		left:0px;
		margin:auto auto;
		}

.block-mainv {
	margin:0 !important;
	border-bottom: none;
	}
.block-mainv .inner {
	display: none;
	}
.block-mainv .mobile-inner {
	display: block;
	}


/* 注意勧告 */
.block-caution {}
	.block-caution .container {}
	/* font */
	.block-caution ul li {
		font-size:116%;
		}





/* ======== 製品リスト ======== */

.block-list {}
.block-list .col4{
width:100%;
margin-left: 0;
}
.block-list .col3{
width:100%;
margin-left: 0;
}
.block-list .row li.col3 figure .overlay i.over_item {bottom:50%;}
.block-list .row li.col3 figure .overlay i.over_compare {bottom:25%;}
.block-list .col3.item figure{
	min-height: inherit !important;
}
.block-list .row li.col3 ul.icon li  {
	width: auto;
	margin:0 0 0 3px;
	}
.block-list .row li.col3 ul.info li  {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	font-size:10px;
	height:30px;
	width:30px;
	padding-top:0.5em;
	}


/* -------- 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 .row li:nth-child(3n+1) { clear: none; }
.block-list ul.icon  {
	top: auto;
	display:block;
	right: auto;
	float:right;
	width:55%;
	position:relative !important;
	}
.block-list ul.icon li {width: auto; line-height: inherit; margin-bottom:0;}
.block-list ul.icon li img { width: auto !important; vertical-align:bottom;}
.block-list ul.icon li:nth-child(2n+1) { clear: both; }
.block-list ul.info  {
    top: 7px;
    left: 7px;
	}
.block-list ul.info li  {
	font-size:10px;
	height:30px;
	width:30px;
	padding-top:0.5em;
	}
.block-list ul.info li.new { background-color:#d21e1e;padding-top:1em; top:15px; left:15px;}

.block-list figure img {
	width: 40% !important;
	margin: 0 !important;
	float:left;
	}

#business .block-list .col3.item figure {
    padding: 18px;
	}
#business .block-list .col3.item h2 {
    text-align: left;
}

.block-list figure h2 {
	margin:0 0 0.3em 45% !important;
	font-size: 153.9% !important;
	}
.block-list figure h3 {
	display:none;
	}
.block-list figure p {
	margin-left:45% !important;
	margin-bottom:0;
	}
.block-list figure ul.list-inline{
	display:none;
	}
li figure .overlay i {
	position: absolute;
	text-align: center;
	left:10%;
	width: 80%;
	font-size: 100%;
	font-style:normal;
	font-weight:bold;
	color:#fff;
	bottom:45%;
	border:#fff 2px solid;
	box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
	}
li figure .overlay i.over_item {bottom:50%;}
li figure .overlay i.over_compare {bottom:25%;}




/* 法人様向け製品
============================================ */
/* "buisiness" style */

.category-cnt .row {
	margin-left: 0;
	}


.row .col12 {
	padding:0 10px;
}
ul.prd_list_mini {
	width: 100%;
	padding-bottom: 30px;
}
.category-cnt ul.prd_list_mini {
	padding-bottom: 0;
}
ul.prd_list_mini {
	
}
ul.prd_list_mini li {
	float: none;
	width: auto;
	padding: 0 0 10px 0;
	box-sizing: border-box;
}

ul.prd_list_mini li a:before,
ul.prd_list_mini li a:after {
	content: "";
	height: 0;
	display: block;
	}
ul.prd_list_mini li a {
	*zoom: 1;
	min-height:auto;
}
ul.prd_list_mini li a:after{clear:both}

ul.prd_list_mini li .img {
	width: 40%;
	float:left;
}
ul.prd_list_mini li .img img {
	    padding-top: 25px !important;
}
ul.prd_list_mini li .txt {
	margin-left:43%;
}

ul.prd_list_mini li a .txt h3 {
    text-align: left;
}
ul.prd_list_mini li a .img ul.icon {
    right:  auto;
	left:-8px;
	top:-3px;
}
ul.prd_list_mini li a .img ul.icon img {
	display:none;
}


/* ======== カルーセルスライダー系 ======== */
.block-slider {
	}
	.sp-text {bottom:1.5em;}
		.sp-text h2 { font-size:131%;}
		.sp-text p { font-size: 153.9%;}

	.sp-arrow { width: 8px !important; height: 80px !important; }

	/* 製品一覧 */
	.block-slider p.btn {
		font-size:146.5%;
		}


/* バナー */
.block-pr {}
.block-pr .container {}
.block-pr .container .row { margin-left:-2.33%;}
.block-pr .container li.col3 {
	width:47.67%;
	margin-bottom:0.4em;
	margin-left:2.33% !important;
	}
.block-pr .container-fluid li.col4 {
	width:100%;
	margin-bottom:0;
	}
.block-pr li.col4 p.yp_direct {
	font-size:108%;
	line-height:1.8em;
	}
.block-pr li.col4 p.yp_direct strong { font-size:189%;}
.block-pr li.col4 i {
	left: 96%;
	}




/* 関連動画 */
.block-movie {}
	.block-movie.product { padding-top:2em !important; }
	.block-movie .container .row { margin-left:-2.33%;}
	.block-movie li.col4 { width:47.67% !important; margin-left:2.33%;}
	.block-movie li.col4:last-child { display:none;}
	/* font */
	.block-movie h3 { margin:0 0 0.8em 0; font-size: 108%;}
	.block-movie .btn { padding:0.3em 0.5em; margin:0 0 0 1em;}






/* ======== タブ ======== */
.block-tab {
	}
	.block-tab ul { }
		.block-tab ul>li {
			font-size:77%;
			}
			.block-tab ul>li a {
				padding: 0.4em 0.8em;
				}


/* 製品 */

	.block-item .row{ margin-left:0;}
		.block-item .row .col6{
			width:100%;
			border:none;
			padding:0;
			margin:1.5em 0 0 0;
			}
		.block-item .row .col6:first-child{
			margin:0;
			}

	/* box */
	/* box */
	.block-item [id*="c01_"],
	.block-item [id*="c02_"],
	.block-item [id*="c03_"],
	.block-item [id*="c04_"],
	.block-item [id*="c05_"],
	.block-item [id*="c06_"],
	.block-item [id*="c07_"],
	.block-item [id*="c08_"],
	.block-item [id*="c09_"],
	.block-item [id*="c10_"] {
		margin-bottom:1em;
		padding-bottom: 1em;
		border-bottom: 1px solid #ccc;
		}
		.block-item .small_l {
			border-bottom: 1px solid #ddd;
			padding-bottom: 0.5em;
			margin-bottom: 0.5em;
			}
	.block-item img { width:100%;}
	.block-item img.half { width:100%;}
	/* link */
	.block-item .btn.large { width:100%;}
	/* font */
	.block-item h3 { margin:0 0 1em 0; font-size:182%; font-weight:400;}
	.block-item h4 { margin:0 0 0.6em 0; font-size:123.1%; line-height:1.4em;}
		.block-item h4.lead { margin:0 0 1em 0; font-size:146.5%; line-height:1.5em; font-weight:400;}
	.block-item h5 { margin:0 0 0.5em 0; font-size:116%; line-height:1.4em;}
		.block-item ul li span { font-size:0.8em; padding-right:0.3em;}
		.block-item ul.list-inline li { padding-left: 0; text-indent: 0; margin-right:1.5em;}
		.block-item .row li:nth-child(2n+1) { clear:both; }

	/* テーブル */
	.block-item table { margin-bottom:0.5em; font-size:85%;}
		.block-item table p { margin:0;}
		.block-item table ul li { margin:0;}
		.block-item table th {
			padding: 0.5em;
			}
		.block-item table td {
			padding: 0.5em;
			}

	/* ポイント用ボックス定義 */
	.block-item .box { padding:0.8em 1em 0.2em 1em; color:#fff; border-radius: 8px; text-indent: 0;}

		.block-item .subbox {
			padding:padding:0.8em 1em 0.6em 1em;
			border-radius: 8px;
			background: #f0f0f0;
			}







/* 関連製品/新着製品
============================================ */
.block-relation {}
.block-relation .container .row { margin-left:-2.33%;}
.block-relation .row .col3,
.block-relation .row .col6 {
	width:47.67% !important;
	margin-left:2.33% !important;
	}
.block-relation .row .col3:nth-child(2n+1) { clear:both;}

.block-relation li img.w768h {
	display:none;
	}
.block-relation li img.w768r {
	display: block !important;
	}



/* お知らせ(特記で別枠にしたい場合に使用)
============================================ */

.block-news {}
	.block-news .row{ margin-left:0;}
		.block-news .row .col6{
			width:100%;
			border:none;
			padding:0;
			margin:0;
			}
	.block-news .row .col6 img{
		width:80%;
		margin:0 auto 1.5em 0;
		}
	/* font */
	.block-news .row li {
		line-height:1.5em;
		font-size:100%;
		}
		.block-news .row li:first-child {
			text-align:center;
			}
	.block-news .row li h3 {
		line-height:1.5em;
		font-size:123.1% ;
		}


/* products indexの製品リスト
============================================ */
.block-productlist .col2_5 { width: 30.00333333%;}
.block-productlist .col2_5:nth-child(5n+1) {
	clear: none;
}
.block-productlist .col2_5:nth-child(3n+1) {
	clear:both;
}

/* ラインナップ/お知らせ系
============================================ */
.block-release {}
	.block-release .row{ margin-left:0;}
	.block-release .row [class*="col"]{ float: none; padding-right: 0; padding-left: 0;}
		.block-release .row .col4{
			width:100%;
			border:none;
			padding:0;
			margin:0;
			}
		.block-release .row .col4 .list{
			height:auto !important;
			max-height: inherit !important;
			overflow:visible;
			padding:0;
			}
	/* font */
	.block-release p {
		line-height:1.2em;
		letter-spacing:0.1em;
		margin:0 0 0.2em 0;
		}
		.block-release p i { display: inline-block !important; float:right;}
	/* アコーディオン */
	.block-release .accordion label { border:#fff 1px solid; padding: 0.8em 0.8em;}
		.block-release .accordion label:hover { background: #c5c7c9;}
	.block-release .accordion p i {
		-webkit-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		}
		.block-release .accordion input[type="checkbox"].on-off:checked + p i,
		.block-release .accordion input[type="checkbox"].on-off:checked + p i:hover{
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
			}
			.block-release .accordion input[type="checkbox"].on-off:checked ~ .list { background: #e7e7e7;}



.block-corp .row { margin-left: 0;}
.block-corp .row .row.inner .col6 { margin-top:10px; text-align:center;}
.block-corp .row .row.inner .col6:first-child { margin-top:0;}

.block-corp .row .row.inner .col6 img { width:70%;}



/* ======== footer ======== */
footer {}
	footer .container {}
	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;
			}
	/* font */
	footer .list-corp { display:none;}
	footer h4 { padding-left: 0;}

		footer h4.pc {
			display:none;
			}
		footer h4.mob {
			display:block;
			}
		footer h4 i { display: inline-block !important; float:right;}


	footer li { line-height:2.2em;}
		footer .list-inline>li { margin-bottom:2em;}
			footer .list-inline>li:first-child { margin-left:0;}

			footer li.logotop { padding-bottom:1.5em;}
			footer li.top { margin-top: 0;}
			footer li.products_list { display: block;}

	/* スマホのみ表示 */
	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;}
	/* ロゴ */
	footer div.copy { position:relative; width:auto; margin-top:80px;}
	/* アコーディオン */
	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;
		}
		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;}




/* Directlist
============================================ */
#directList {
	width:90%;
	}
#directList h3 {
	font-size:153.9%;
	}
#directList p {
	font-size: 108%;
	}

#directList li {
	margin-top:1em !important;
}
#directList li i {
	float:right;
    margin: 15px 0 0 0 !important;
    font-size: 80% !important;
	}
#directList li a {
    padding: 10px 10px 14px 10px;
    font-size: 18px;
}

#directList li a strong {
    font-size: 13px;
}





}


/*	468px Breakpoint
:::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media (max-width: 468px) {
.block-relation .container .row { margin-left:0;}
.block-relation .row .col3 {
	width:100% !important;
	margin-left:0 !important;
	}

#directList {
	width:94%;
	padding:50px 15px 15px 15px;
	}
#directList .row {
    margin-left: 0;
}
#directList .row .col6 {
    width: 100% !important;
    margin-left: 0 !important;
}
#directList li {
	margin-top:0.8em !important;
}
#directList li a {
    padding: 8px 10px 12px 10px;
    font-size: 18px;
}

.block-corp .row .row.inner .col6 img { width:100%;}

}



.sp_banner {
    margin: 0 0 30px 0;
    padding-bottom: 25px;
    border-bottom: #ddd 1px solid;
}