@charset "UTF-8";
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
common.css

1.base
2.メインビジュアル(製品トップ)
3.製品カテゴリー(製品トップ)
4.新製品情報(製品トップ)
5.お客様サポート(製品トップ)
6.関連サイト
7.タイトル
8.PV紹介(製品カテゴリ)
9.タブメニュー(製品カテゴリ)
10.サイド固定メニュー(製品カテゴリ)
11.ページタイトル(製品カテゴリ)
13.販売店検索(製品カテゴリ)
14.用品ページ(ヘッダーメニュー調整後削除)
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



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

1.base

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
main [class*="block-"]:nth-child(odd) { background: #fff;}
main [class*="block-"]:nth-child(even) { background: #f0f0f0;}
main [class*="block-"] .inner + .inner { padding-top: 25px; margin-top: 25px; border-top: 1px solid #f0f0f0;}
main [class*="block-"]:nth-child(even) .inner + .inner { border-top: 1px solid #e0e0e0;}
/* font */
main [class*="block-"] h2 { font-size: 20px; margin-bottom: 1em;line-height: 1.3em;}
main [class*="block-"] h2.line {
	align-items: center;
	border: none;
	border-bottom: solid 2px #c0c0c0;
	display: flex;
	font-weight: 400;
	margin-bottom: 1.2em;
	padding:0 0 0.4em 0;
	position: relative;
	width: 100%;
}
main [class*="block-"] h2.line:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #E60012;
	bottom: -2px;
	width: 30%;}
#bike main [class*="block-"] h2.line:after { border-bottom: solid 2px #008aab;}
#golf main [class*="block-"] h2.line:after { border-bottom: solid 2px #00ae41;}
#robot main [class*="block-"] h2.line:after { border-bottom: solid 2px #6a5da5;}
main [class*="block-"] h2 span { font-size: 77%;}
main [class*="block-"] h2 span.info {
	background: #303030;
	border-radius: 2px;
	color: #fff;
	font-size: 58%;
	margin-left: auto;
	padding: 0.2em 0.6em;
	text-align: right;
	}
main [class*="block-"] h3 { font-size: 15px; margin-bottom: 0.5em;}
main [class*="block-"] h3.line {
	font-size: 142%;
	padding: 0;
	margin: 0 auto 2em auto;
	border: none;
	position: relative;
	text-align: center;
	}
main [class*="block-"] h3.line:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	display: inline-block;
	width: 50px;
	height: 2px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%); 
	background-color: #E60012;
	}
#bike main [class*="block-"] h3.line:before { background-color: #008aab;}
#golf main [class*="block-"] h3.line:before { background-color: #00ae41;}
#robot main [class*="block-"] h3.line:before { background-color: #6a5da5;}
main [class*="block-"] div + h3.line,
main [class*="block-"] ul + h3.line { margin-top: 2.5em;}
main [class*="block-"] h3.line-side {
	border-left: 4px solid #aaa;
    font-weight: 600;
    margin: 0 0 15px 0;
	line-height: 1.5em;
	padding: 0 0 0 10px;
	}
main [class*="block-"] h4 {
	display:block;
	font-size: 14px;
	width: 100%;
	margin-bottom: 0.5em;
	}
main [class*="block-"] li,
main [class*="block-"] p,
main [class*="block-"] table { font-size: 12px;line-height: 1.6em;}
main [class*="block-"] .important { font-size: 128%; font-size: 600;}
main [class*="block-"] .sup,
main [class*="block-"] sup { font-size: 87% !important; color: #505050;}
main [class*="block-"] .space {color: #c0c0c0; margin: auto 0.5em;}
main [class*="block-"] p + h3,
main [class*="block-"] table + h4 { margin-top: 1.5em;}
main [class*="block-"] ul + p,
main [class*="block-"] p + ul,
main [class*="block-"] p + table,
main [class*="block-"] table + p { margin-top: 1.1em;}
main [class*="block-"] p + p,
main [class*="block-"] li + li { margin-top: 0.7em;}
/* link */
main [class*="block-product_item"] a { color: #E60012; text-decoration: underline;}
main [class*="block-product_item"] a:hover { color: #505050; text-decoration: none;}
/* 問い合わせ用 */
main [class*="block-"] .btn.contact { margin-top: 20px; padding-top: 20px; display: block; border-top: 1px solid #e0e0e0;}
main [class*="block-"] .btn.contact a {
	padding: 20px 0;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	border-radius: 0;
	background: #E60012;
	margin: 0 auto;
	max-width: 90%;}
main [class*="block-"] .btn.contact a:hover { text-decoration: none; background: #777; opacity: 1;}
main [class*="block-"] .btn.contact a i { float: right; margin: 0 10px;}
main [class*="block-"] .btn.contact a i.fa-envelope { float: none;}
main [class*="block-"] table { font-size: 12px;}
main [class*="block-"] table tr { border: none;}
main [class*="block-"] table th { width: 30%;}
main [class*="block-"] table tr th,
main [class*="block-"] table tr td { padding: 10px; text-align: left;}
main [class*="block-"] table tr:nth-child(odd) th,
main [class*="block-"] table tr:nth-child(odd) td { background: #e5e5e5;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 414px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 414px) {
/* font */
main [class*="block-"] h2 { font-size: 22px;}
main [class*="block-"] h2 span.info {
	padding: 0.2em 1.0em;
}
main [class*="block-"] h3 { font-size: 17px;}
main [class*="block-"] h4 { font-size: 15px; width: 100%;}
main [class*="block-"] li,
main [class*="block-"] p,
main [class*="block-"] table { font-size: 13px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
main [class*="block-"] .inner + .inner { padding-top: 35px; margin-top: 35px;}
/* font */
main [class*="block-"] h2 { font-size: 25px;}
main [class*="block-"] h2.line { margin-bottom: 1.5em;padding: 0 0 0.5em 0;}
main [class*="block-"] h3 { font-size: 18px;}
main [class*="block-"] div + h3.line,
main [class*="block-"] ul + h3.line { margin-top: 2.8em;}
main [class*="block-"] h4 { font-size: 16px;}
main [class*="block-"] li,
main [class*="block-"] p,
main [class*="block-"] table { font-size: 14px;}
main [class*="block-"] table th { width: 25%;}
/* 問い合わせ用 */
main [class*="block-"] .btn.contact { margin-top: 30px; padding-top: 30px;}
main [class*="block-"] .btn.contact a { padding: 26px 0; font-size: 19px;}
main [class*="block-"] .btn.contact a i { margin: 0 15px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
main [class*="block-"] .inner + .inner { padding-top: 45px; margin-top: 45px;}
/* font */
main [class*="block-"] h2 { font-size: 27px;}
main [class*="block-"] h3 { font-size: 20px;}
main [class*="block-"] h4 { font-size: 18px;}
main [class*="block-"] li,
main [class*="block-"] p,
main [class*="block-"] table { font-size: 15px;}
}



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

2.メインビジュアル(製品トップ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-mainv { background: #fff !important;}
.sp-slide { position: relative;}
.sp-buttons {
	bottom: -20px !important;
	left: 0 !important;
	margin: auto;
	right: 0 !important;
	}
.sp-button {
	background: #777 !important;
	margin: 0 7px 0 0 !important;
	opacity: 1 !important;
	width: 18px !important;
	}
.sp-button:hover { background: #E60012 !important;}
.sp-button.sp-selected-button { background: #E60012 !important;}
.prd_page { position: relative; z-index: 1!important;}
/* DRY-TW7500dP絶対配置 */
.direct {
	bottom: 0 !important;
	position: absolute !important;
	right: 0 !important;
	width: 35% !important;
	z-index: 100 !important;
	}
.direct.w40 { width: 39% !important;}
.direct img { width: 100% !important; height: 100% !important; max-height: 50% !important;}
/* DRY-TW9500d絶対配置 */
.dry-tw9500 {
	bottom: 0 !important;
	position: absolute !important;
	right: 0 !important;
	width: 40% !important;
	z-index: 100 !important;
	}
.dry-tw9500 img { width: 100% !important; height: 100% !important; max-height: 50% !important;}
/* DOTAMA絶対配置 */
.rd {
	left: 0 !important;
	position: absolute !important;
	top: 0 !important;
	width: 50% !important;
	z-index: 100 !important;
	}
.rd img { margin: 0!important;}
.dr {
	position: absolute!important;
	right: 0!important;
	top: 0!important;
	width: 50%!important;
	z-index: 100!important;
	}
.dr img { margin: 0!important;}
/* ローディング */
.block-mainv .loading {
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	}
.block-mainv .loading .logo { position: relative}
.block-mainv .loading .logo::before {
	background: url(/share/img/products/visual/loading.gif);
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
	height: 40px;
	left: 50%;
	opacity: 0.3;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.3s ease-out;
	width: 40px;
	}
.block-mainv .slider-pro { margin: 0 !important; opacity: 0; position: absolute; z-index: 999;}
.block-mainv .sp-slides-container { overflow: hidden;}
.block-mainv .sp-buttons { display: none}
.block-mainv .bk { position: relative;}
.block-mainv .sp-horizontal .sp-previous-arrow { left: 10px; right: auto;}
.block-mainv .sp-horizontal .sp-next-arrow { left: auto; right: 10px;}
.block-mainv .sp-horizontal .sp-next-arrow:after,
.block-mainv .sp-horizontal .sp-next-arrow:before,
.block-mainv .sp-horizontal .sp-previous-arrow:after,
.block-mainv .sp-horizontal .sp-previous-arrow:before { height: 20%; width: 16%;}
.block-mainv .sp-arrow { background: rgb(119,119,119,0.9); border-radius: 20px; box-shadow: 1px 1px 5px rgb(0,0,0,0.4); height: 40px; width: 40px;}
.block-mainv .sp-arrow:hover { background: rgb(230,0,18,0.9);}
.block-mainv .sp-arrow:before { left: 40%; top: 30%;}
.block-mainv .sp-arrow:after { left: 40%; top: 50%;}
*::-ms-backdrop, .block-mainv .sp-arrow { background: #777;}
*::-ms-backdrop, .block-mainv .sp-arrow:hover { background: #E60012;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.sp-button { width: 30px !important;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-mainv .loading .logo::before { height: 60px; width: 60px;}
.sp-button { width: 35px !important;}
.block-mainv .sp-buttons { display: block;}
.block-mainv .sp-horizontal .sp-previous-arrow { left: 15px; right: auto;}
.block-mainv .sp-horizontal .sp-next-arrow { left: auto; right: 15px;}
.block-mainv .sp-arrow { border-radius: 25px; height: 50px; width: 50px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1160px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1160px) {
.block-mainv .sp-arrow { border-radius: 30px; height: 60px; width: 60px;}
}


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

3.製品カテゴリー(製品トップ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-product_category {
	background: #f0f0f0 !important;
	padding-bottom: 25px;
	padding-top: 25px;
	}
/* カテゴリメニュー
-----------------------------------*/
.tab-container { max-width: 100%;}
/* タブメニュー */
.tab-header-wrapper {
	display: grid;
	gap: 5px;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 10px;
}
@media screen and (min-width: 468px) {
	.tab-header-wrapper { grid-template-columns: repeat(4, 1fr);}
}
@media screen and (min-width: 768px) {
	.tab-header-wrapper { gap: 10px;}
}
.tab-header {
	background: #222;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	position: relative;
	text-decoration: none;
	width: 100%;
	z-index: 0;
	transition: all 0.3s ease-out;
	}
.tab-header img { transition: all 0.3s ease-out; width: 100%;}
.tab-header.ypd {
	background: #DD0000;
	display: none;
	padding: 30px 0;
	width: 100%;
	}
.tab-header.ypd.tab-header-active { background: #333;}
.tab-header-active { color: inherit; z-index: 1;}
.tab-header.pc { display: none;}
.tab-header img.sp { display: block;}
.tab-header img.pc { display: none;}
.tab-header-active img { opacity: 0.4;}
.tab-header-text {
	color: #fff;
	display: block;
	font-size: 13px;
	font-weight: 600;
	left: 50%;
	line-height: 0.9em;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	text-shadow: rgba(0,0,0,0.6) 1px 1px 1px;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 100%;
	}
.tab-header.ypd	.tab-header-text { font-size: 17px; text-shadow: none;}
.tab-header.ypd	.tab-header-text small { font-weight: 400; display: block; letter-spacing: 0;}
/* SNS */
.sns-header {
	align-items: flex-end;
	background: #DD0000;
	box-sizing: border-box;
	display: flex;
	padding: 28px 0;
	position: relative;
	text-decoration: none;
	transition: all 0.3s ease-out;
	z-index: 0;
	}
.sns-header:hover { background: #777;}
.tab-sns-wrapper { display: block; margin-top: 15px;}
.sns-header-text {
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 600;
	left: 50%;
	line-height: 1.2em;
	margin: 0 auto;
	position: absolute;
	text-shadow: none;
	text-align: center;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 100%;
	}
.sns-header-text small { display: block; font-weight: 400; letter-spacing: 0;}
/* タブ本文
-----------------------------------*/
.tab-body-wrapper { position: relative;}
.tab-body {
	background-color: #fff;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 0;
	display: none;
	padding: 10px;
	transition: all 0.3s ease-out;
	}
.tab-body-active { display: block;}
.tab-body ul { margin-left: -3%;}
.tab-body ul li {
	display:block;
	font-size:13px;
	margin-left: 3%;
	text-align: left;
	width: 100%;
	}
.tab-body ul li + li { border-top: 1px solid #eee; margin-top: 10px; padding-top: 10px;}
.tab-body ul li a {
	display:block;
	letter-spacing:0;
	line-height:1.1em;
	text-shadow: none;
	transition: all 0.3s ease-out;
	}
.tab-body ul li a:before { content: "\f105"; font-family: FontAwesome; margin-right: 7px;}
.tab-body ul li[class*="car-"] a,
.tab-body ul li[class*="robot-"] a,
.tab-body ul li[class*="bike-"] a,
.tab-body ul li[class*="golf-"] a,
.tab-body ul li[class*="sports-"] a,
.tab-body ul li[class*="lei-"] a { color:#777; fill:#777;}
.tab-body ul li[class*="car-"] a:hover { color:#E60012; fill:#E60012;}
.tab-body ul li[class*="robot-"] a:hover { color:#6a5da5; fill:#6a5da5;}
.tab-body ul li[class*="bike-"] a:hover { color:#008aab; fill: #008aab;}
.tab-body ul li[class*="golf-"] a:hover { color:#00ae41; fill:#00ae41;}
.tab-body ul li[class*="sports-"] a:hover { color:#00ae41; fill:#00ae41;}
.tab-body ul li[class*="lei-"] a:hover { color:#000; fill:#000;}
.tab-body ul li svg,
.tab-body ul li img{
	display: none;
	margin: auto;
	margin-top: -25px;
	width: 85%;
	}
.tab-body ul li img:hover { opacity: 0.6;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
/* カテゴリメニュー
-----------------------------------*/
.tab-header-text { font-size: 15px; line-height: 1em;}
/* タブ本文
-----------------------------------*/
.tab-body { padding: 13px;}
.tab-body ul li { font-size:14px;}
.tab-body ul li + li { border-top: 1px solid #eee; margin-top: 13px; padding-top: 13px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-product_category { padding-bottom: 40px; padding-top: 40px;}
/* カテゴリメニュー
-----------------------------------*/
.tab-header-text { font-size: 18px; line-height: 1.3em;}
.tab-sns-wrapper { display: none;}
/* タブ本文
-----------------------------------*/
.tab-body-wrapper { position: relative;}
.tab-body {
	background-color: #fff;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 0;
	display: none;
	height: 160px;
	padding: 20px 10px;
	}
.tab-body-active { display: block;}
.tab-body ul { margin-left: -7px;}
.tab-body ul li {
	display:block;
	font-size:10px;
	margin-left: 7px;
	text-align:center;
	width: calc((100% / 6) - 7px);
	}
.tab-body ul li + li { border-top: none; margin-top: 0; padding-top: 0;}
.tab-body ul li a:before { content: ""; font-family: FontAwesome; margin-right: 0;}
.tab-header.sp { display: none;}
.tab-header.pc { display: flex;}
.tab-header img.sp { display: none;}
.tab-header img.pc { display: block;}
.tab-body ul li svg,
.tab-body ul li img { display: block; margin-top: -2.9em; width: 100px;}
.tab-body ul li img { margin-top: -2.3em;}
.tab-body ul li span { display: block; margin-top: -2.9em;}
#dropdown-lei.tab-body ul li span { margin-top: -1.7em;}

.tab-body.u-row ul.flex-box {
	margin-left: 0;
	display: grid;
	gap:7px;
	grid-template-columns: repeat(6, 1fr);
}
.tab-body.u-row ul.flex-box li {
	margin-left: 0;
	width:100%;
	}

}


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

min-width: 868px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 868px) {
.tab-body ul li svg,
.tab-body ul li img { margin-top: -2.3em; width: 110px;}
.tab-body ul li span { margin-top: -2.3em;}
#dropdown-lei.tab-body ul li span { margin-top: -1.9em;}
}

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

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.tab-body { height: 180px;}
.tab-body ul li svg,
.tab-body ul li img { margin-top: -2.0em; width: 120px;}
.tab-body ul li img { margin-top: -2.3em;}
.tab-body ul li span { margin-top: -2.0em;}
#dropdown-lei.tab-body ul li span { margin-top: -2.0em;}
}

@media all and (-ms-high-contrast:none) {  
*::-ms-backdrop, .tab-body ul li svg{ margin-top: -10px;}  
}  
@supports (-ms-ime-align: auto) {
.tab-body ul li svg{ margin-top: -10px;}
}



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

4.新製品情報(製品トップ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-relation { background: #fff !important; padding-bottom: 25px; padding-top: 25px;}
.block-relation ul li:nth-child(n+5) { display: none;}
.block-relation li p {
	background: #e0e0e0;
    border: none;
	border-radius: 1px;
    color: #333;
	font-size: 10px;
	padding: 5px 25px 5px 5px;
	transition: all 0.3s ease-out;
	}
.block-relation li span.txt {
	display: block;
	font-size: 13px;
	line-height: 1.7;
	padding: 5px 10px 0 0;
	}
.block-relation li a:hover { text-decoration: none;}
.block-relation a:hover,
.block-relation a:focus { opacity:0.9;}
.block-relation a:hover img,
.block-relation a:focus img { opacity:0.9;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-relation { padding-bottom: 40px; padding-top: 40px;}
.block-relation ul { margin-left: -12px; margin-top: -12px;}
.block-relation ul li {
	box-shadow: rgba(0,0,0,0.1) 1px 1px 0;
	font-size: 11px;
	margin-left: 12px !important;
	margin-top: 12px !important;
	max-width: inherit;
	transition: all 0.3s ease-out;
	width: calc((100% / 4) - 12px );
	}
.block-relation ul li strong { font-size: 14px;}
.block-relation ul li:hover { box-shadow: rgba(0,0,0,0.3) 2px 2px 4px;}
.block-relation ul li a:hover { background: linear-gradient(-135deg, #f5f5f5, #fff); color: #E60012 !important; opacity: 1 !important;}
.block-relation ul li a:hover p { background: #666; color: #fff;}
.block-relation ul li:nth-child(n+3) { border-top: none; padding-top: 0;}
.block-relation ul li:nth-child(n+5) { border-top: 0; display: block; padding-top: 0;}
.block-relation li img { max-width: 90%;}
.block-relation li a { display: block; padding: 0 0 10px 0; transition: all 0.3s ease-out;}
.block-relation li.more { box-shadow: none !important; display: block; margin-top: 20px !important; padding: 0;}
.block-relation li.more button {
	background: #f0f0f0;
	border: 1px solid #e0e0e0;
	cursor:  pointer;
	display: block;
	font-weight: 600;
	padding: 6px 10px;
	transition: all 0.3s ease-out;
	width: 100%;
	}
.block-relation li.more button:hover { background: #777; border: 1px solid #666; color: #fff;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-relation ul { margin-left: -21px; margin-top: -21px;}
.block-relation ul li { margin-left: 21px !important; margin-top: 21px !important; width: calc((100% / 4) - 21px );}
}


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

5.お客様サポート(製品トップ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-support { background: #f0f0f0 !important; padding-bottom: 25px; padding-top: 25px;}
.block-support h4 { font-size: 14px; margin-bottom: 5px;}



/* お客様サポート
-----------------------------------*/
.block-support .customer { border-bottom: 1px solid #ddd; margin-bottom: 18px; padding-bottom: 18px;}
.block-support .customer li.support { align-items: center; width: 100%;}
.block-support .customer li.support ul { margin-left: -6px; margin-top: -6px;}
.block-support .customer li.support ul li {
	background: #fff;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 0;
	box-sizing: border-box;
	color: #000;
	display:flex;
	flex-wrap: wrap;
	margin-left: 6px;
	margin-top: 6px !important;
	transition: all 0.3s ease-out;
	width: calc((100% / 2) - 6px );
	}
.block-support .customer li.support ul li:hover { background: #fff; box-shadow: rgba(0,0,0,0.3) 1px 1px 9px;}
.block-support .customer li.support ul li a {
	align-items: center;
	color: #000;
	display:flex;
	padding: 0 1.0em 0 0;
	width: 100%;
	}
.block-support .customer li.support ul li a:hover { text-decoration: none;}
.block-support .customer li.support ul li a i {
	background: #777;
	color: #fff;
	font-size: 17px;
	margin-right: 7px;
	min-width: 40px;
	padding: 13px 10px;
	text-align: center;
	transition: all 0.3s ease-out;
	}
.block-support .customer li.support ul li a:hover i { background: #E60012;}
/* 販売店
-----------------------------------*/
.block-support .customer li.dealer {
	align-items: center;
	background: #E60012;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 0;
	font-size: 14px;
	justify-content: center;
	margin-top: 15px;
	text-align: center;
	transition: all 0.3s ease-out;
	width: 100%;
	}
.block-support .customer li.dealer:hover { background: #777; box-shadow: rgba(0,0,0,0.3) 1px 1px 9px;}
.block-support .customer .dealer a {
	align-items: center;
	color: #fff;
	display: flex;
	justify-content: center;
	padding: 10px;
	width: 100%;
	text-align: center;
	}
.block-support .customer .dealer a:hover { text-decoration: none;}
.block-support .customer .dealer a i { font-size: 24px; margin-right: 10px;}
/* 製品別サポート情報
-----------------------------------*/
.block-support .products_support > li {
	background: #f9f9f9;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 0;
	padding: 10px;
	transition: all 0.3s ease-out;
	width: 100%;
	}
.block-support .products_support > li:hover { box-shadow: rgba(0,0,0,0.2) 1px 1px 7px;}
.block-support .products_support > li + li { margin-top: 9px;}
.block-support .products_support > li strong { display: block; font-size: 108%; margin-bottom: 0.7em;}
.block-support .products_support > li div p { font-size: 13px; line-height: 1.4em;}
.block-support .products_support > li ul li + li,
.block-support .products_support > li div p + p { margin-top: 0.9em;}
.block-support .products_support > li ul li a,
.block-support .products_support > li div p a {
    align-items: center;
	color: #000;
	display: flex;
	position: relative;
	transition: transform .3s;
	}
.block-support .products_support > li ul li a:hover,
.block-support .products_support > li div p a:hover { color: #E60012; text-decoration: none;}
.block-support .products_support > li ul li a::after,
.block-support .products_support > li div p a::after {
	background: #E60012;
	bottom: -1px;
	content: '';
	height: 1px;
	left: 0;
	margin: 0;
	position: absolute;
	right: auto;
	top :auto;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	width: 100%;
	}
.block-support .products_support > li ul li a:hover::after,
.block-support .products_support > li div p a:hover::after { content: ''; transform: scale(1, 1);}
.block-support .products_support > li ul li i,
.block-support .products_support > li div p i { font-size: 93%; margin-right: 0.4em;}
.block-support .products_support > li ul li i.fa-file-pdf-o,
.block-support .products_support > li ul li i.fa-external-link,
.block-support .products_support > li div p i.fa-file-pdf-o,
.block-support .products_support > li div p i.fa-external-link { margin-left: 0.6em; margin-right: 0;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-support .customer li.support ul li a i {
	background: #777;
	color: #fff;
	font-size: 19px;
	margin-right: 7px;
	min-width: 46px;
	padding: 15px 12px;
	text-align: center;
	transition: all 0.3s ease-out;
	}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-support { padding-bottom: 40px; padding-top: 40px;}
.block-support h4 { font-size: 15px;}
/* お客様サポート
-----------------------------------*/
.block-support .customer { border-bottom: 1px solid #ddd; margin-bottom: 28px; padding-bottom: 28px;}
.block-support .customer li.support { width: 80%;}
.block-support .customer li.support ul li { font-size: 14px; line-height: 1.4em; width: calc((100% / 3) - 6px );}
.block-support .customer li.support ul li a {}
.block-support .customer li.support ul li a i {
	font-size: 22px;
	margin-right: 12px;
	min-width: 50px;
	padding: 15px 10px;
	}
/* 販売店
-----------------------------------*/
.block-support .customer li.dealer { font-size: 14px; margin-left: 12px; margin-top: 0; width: calc((100% - 80%) - 12px );}
.block-support .customer .dealer a { flex-wrap:wrap; height: 100%; width: 100%;}
.block-support .customer .dealer a i {
	font-size: 48px;
	margin-right: 0;
	max-width: 100%;
	width: 100%;
	}
.block-support .customer .dealer a span {
	display: block;
	margin-top: 0;
	max-width: 100%;
	width: 100%;
	}
/* 製品別サポート情報
-----------------------------------*/
.block-support .products_support { margin-left: -6px; margin-top: -6px;}
.block-support .products_support > li {
	margin-left: 6px;
	margin-top: 6px !important;
	transition: all 0.3s ease-out;
	width: calc((100% / 2) - 6px );
	}
.block-support .products_support > li + li { margin-top: 6px;}
.block-support .products_support > li h4 { font-size: 15px;}
.block-support .products_support > li strong { margin-bottom: 0.6em;}
.block-support .products_support > li:hover { box-shadow: rgba(0,0,0,0.3) 1px 1px 7px;}
.block-support .products_support > li ul li,
.block-support .products_support > li div p { font-size: 13px; line-height: 1.4em;}
.block-support .products_support > li ul li + li,
.block-support .products_support > li div p + p { margin-top: 0.6em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/* お客様サポート
-----------------------------------*/
.block-support .customer li.support { width: 78%;}
.block-support .customer li.support ul { margin-left: -12px; margin-top: -12px;}
.block-support .customer li.support ul li { margin-left: 12px; margin-top: 12px !important; width: calc((100% / 3) - 12px );}
.block-support .customer li.support ul li a i { font-size: 24px; padding: 17px 13px;}
/* 販売店
-----------------------------------*/
.block-support .customer li.dealer { margin-left: 18px; width: calc((100% - 78%) - 18px );}
/* 製品別サポート情報
-----------------------------------*/
.block-support .products_support { margin-left: -12px; margin-top: -12px;}
.block-support .products_support > li {
	margin-left: 12px;
	margin-top: 12px !important;
	padding: 13px;
	width: calc((100% / 3) - 12px );
	}
}



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

6.関連サイト

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-pr { background: #e0e0e0 !important; border-top: #d0d0d0 1px solid; padding-top: 25px; padding-bottom: 25px;}
.block-pr div + div { border-top: #c0c0c0 1px solid; margin-top: 20px; padding-top: 20px;}
/* フォント
-----------------------------------*/
.block-pr h3 { font-size: 17px; margin-bottom: 0.8em !important; padding-left: 1.5em; position: relative;}
.block-pr h3 i { color: #D61518; margin: 0; position: absolute; left:0; top:0.4em;}
#bike .block-pr h3 i { color: #008aab;}
#golf .block-pr h3 i { color: #00ae41;}
/* リンクバナー
-----------------------------------*/
.block-pr .col3,
.block-pr .col4 { width: inherit;}
.block-pr .col3 li + li { margin-top: 12px;}
.block-pr .col4 li + li { margin-top: 8px;}
.block-pr .col3 li a,
.block-pr .col4 li a { display: block; transition: all 0.3s ease-out;}
.block-pr .col3 li a:hover,
.block-pr .col4 li a:hover { box-shadow: rgba(0,0,0,0.4) 1px 1px 8px; opacity: 0.7;}
/* 関連コンテンツ(製品カテゴリ)
-----------------------------------*/
.block-pr .content {}
.block-pr .content li {
	margin: auto;
	max-width: 100%;
	text-align: center;
	width: auto;
	}
.block-pr .content li a { color: #303030 !important; transition: all 0.3s ease-out;}
.block-pr .content li a:hover { color: #707070 !important;}
.block-pr .content li a img { transition: all 0.3s ease-out;}
.block-pr .content li a:hover img { box-shadow: rgba(0,0,0,0.4) 1px 1px 8px; opacity: 0.7;}
.block-pr .content li + li { margin-top: 12px;}
.block-pr .content li p { font-size: 11px; margin-top: 0.3em; text-align: left;}
/* My yupiteru/ダイレクトボタン
-----------------------------------*/
.block-pr .inner.buy {}
.block-pr .inner.buy > li { box-sizing: border-box; text-align: center; width: 100%;}
.block-pr .inner.buy > li.myyupiteru { margin-top: 12px;}
.block-pr .inner.buy > li a {
	color: #fff !important;
	display: block;
	font-size: 19px;
	padding: 24px 0;
	position: relative;
	}
.block-pr .inner.buy > li a span { display: block;}
.block-pr .inner.buy > li a span + span { margin: 7px auto 0 auto;}
.block-pr .inner.buy > li a span.small { font-size: 14px; padding: 2px 0;}
.block-pr .inner.buy > li a span.title { display: inline-block; margin-left: 10px; padding: 2px 0;}
.block-pr .inner.buy > li a span.titleline { border: 1px solid #fff; display: inline-block; font-size: 12px; padding: 2px 8px;}
.block-pr .inner.buy > li a i { font-size: 13px; margin-top: -6px; position: absolute; right: 1.0em; top: 50%;}
.block-pr .inner.buy > li.yp_direct a { background: #dd0000; transition: all 0.3s ease-out;}
.block-pr .inner.buy > li.myyupiteru a { background: #000; transition: all 0.3s ease-out;}
.block-pr .inner.buy > li.yp_direct a:hover,
.block-pr .inner.buy > li.myyupiteru a:hover { background: #777; box-shadow: rgba(0,0,0,0.4) 1px 1px 8px; text-decoration: none;}
/* 導入の問い合わせ
-----------------------------------*/
.block-pr .biz_contact { text-align: center;}
.block-pr .biz_contact a {
	background: #606060;
	color: #fff !important;
	display: block;
	font-size: 16px;
	padding: 24px 2.4em;
	position: relative;
	transition: all 0.3s ease-out;
	}
.block-pr .biz_contact a i { font-size: 13px; margin-top: -6px; position: absolute; right: 1.0em; top: 50%;}
.block-pr .biz_contact a:hover { background: #909090; box-shadow: rgba(0,0,0,0.4) 1px 1px 8px; text-decoration: none;}
/* 菜乃子プロ
-----------------------------------*/
.nanoko-cnt { position: relative;}
.nanoko-cnt .cat_title { background: #fff; border: #db4d6d 3px solid;}
.nanoko-cnt .cat_title .cat_visual { margin: -2.6% auto 0 auto;}
.nanoko-cnt .cat_title .cat_visual .nanokoimg { display: none;}
.nanoko-cnt .cat_title .cat_visual .nanokoimgwide { display: block;}
.nanoko-cnt .cat_title .cat_name { border-top: none; margin: 0; padding: 15px;}
.nanoko-cnt .cat_title .cat_name p.info {
	background: #003a58;
	color: #fff;
	display: inline-block;
	padding: 5px 20px;
	}
.nanoko-cnt .cat_title .cat_name p.btn { display: block;}
.nanoko-cnt .cat_title .cat_name p.btn a {
	background: #db4d6d;
	color: #fff !important;
	padding: 10px;
	text-align: center;
	display: block;
	border-radius: 3px;
	font-size: 116%;
	}
.nanoko-cnt .cat_title .cat_name p.btn a:hover { background: #707070; text-decoration: none;}
.nanoko-cnt .cat_title .cat_name p.btn i { margin-left: 18px;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
/* 関連コンテンツ(製品カテゴリ)
-----------------------------------*/
.block-pr .container .content {}
.block-pr .container .content ul { margin-left: -12px; margin-top: -12px;}
.block-pr .container .content ul li {
 	margin-left: 12px;
	margin-top: 12px !important;
	max-width: 100%;
	width: calc((100% / 2) - 12px );
	}
.block-pr .container .content li + li { margin-top: 12px;}
/* リンクバナー
-----------------------------------*/
.block-pr .col3 { margin-left: 12%; margin-right: 12%; width: 76%;}
.block-pr .col3 li { margin: auto; max-width: 100%; text-align: center; width: auto;}
.block-pr .col4 { margin-left: -8px; margin-top: -8px;}
.block-pr .col4 li { margin-left: 8px; margin-top: 8px !important; max-width: 100%; width: calc((100% / 2) - 8px );}
/* My yupiteru/ダイレクトボタン
-----------------------------------*/
.block-pr .inner.buy { padding-left: 6%; padding-right: 6%;}
/* 導入の問い合わせ
-----------------------------------*/
.block-pr .biz_contact { padding-left: 6%; padding-right: 6%;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
/* 関連コンテンツ(製品カテゴリ)
-----------------------------------*/
.block-pr .container .content ul li { width: calc((100% / 3) - 12px );}
.block-pr .content li p { font-size: 12px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-pr { padding-bottom: 40px; padding-top: 40px;}
.block-pr .container div { max-width: 100%; width: 100%;}
.block-pr .container div + div { border-top: #c0c0c0 1px solid; margin-top: 35px; padding-top: 35px;}
/* リンクバナー
-----------------------------------*/
.block-pr .col3 { margin-left: -6px; margin-right: 0; margin-top: -6px; width: inherit;}
.block-pr .col3 li { margin-left: 6px; margin-top: 6px !important; max-width: 100%; width: calc((100% / 3) - 6px );}
.block-pr .col4 { margin-left: -6px; margin-top: -6px;}
.block-pr .col4 li { margin-left: 6px; margin-top: 6px !important; width: calc((100% / 4) - 6px );}
/* My yupiteru/ダイレクトボタン
-----------------------------------*/
.block-pr .inner.buy {}
.block-pr .inner.buy > li { max-width: 100%; width: calc((100% / 2) - 3px );}
.block-pr .inner.buy > li.myyupiteru { margin-left: 6px; margin-top: 0;}
.block-pr .inner.buy > li a { padding: 20px 0;font-size: 16px;}
.block-pr .inner.buy > li p { line-height: 2em;}
.block-pr .inner.buy > li p a { font-size: 18px;}
.block-pr .inner.buy > li a span.line {
	border: 1px solid #fff;
	display: inline-block;
	font-size: 11px;
	margin: 0 12px 0 0;
	padding: 1px 6px 0 6px
	}
.block-pr .inner.buy > li a span.title { display: inline-block;}
.block-pr .inner.buy > li a span.small { margin-left: 8px;}
.block-pr .inner.buy > li a i { margin-left: 8px;}
/* 菜乃子プロ
-----------------------------------*/
.nanoko-cnt .cat_title { display: flex;}
.nanoko-cnt .cat_title .cat_visual { margin-top: -19px; width: 330px;}
.nanoko-cnt .cat_title .cat_visual .nanokoimg { display: block;}
.nanoko-cnt .cat_title .cat_visual .nanokoimgwide { display: none;}
.nanoko-cnt .cat_title .cat_name { padding: 24px; width: calc(100% - 330px);}
.nanoko-cnt .cat_title .cat_name p { font-size: 19px; font-weight: 600; line-height: 1.8em;}
.nanoko-cnt .cat_title .cat_name p + p { margin-top: 1.0em !important;}
.nanoko-cnt .cat_title .cat_name p.btn a { font-size: 100%; padding: 12px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
.block-pr .container { display: flex; flex-wrap: wrap;}
/* 関連コンテンツ(製品カテゴリ)
-----------------------------------*/
.block-pr .container .content { padding: 0 25px 0 0; width: 50%;}
.block-pr .container .content + .content { border-left: #c0c0c0 1px solid; border-top: none; margin: 0; padding: 0 0 0 25px;}
.block-pr .container .content li {
	margin: auto;
	max-width: 100%;
	text-align: center;
	width: auto;
	}
.block-pr .container .content ul li { width: calc((100% / 2) - 12px );}
/* シングル */
.block-pr .container .content.single { padding: 0; width: 100%;}
.block-pr .container .content.single ul { margin-left: -20px;}
.block-pr .container .content.single ul li { margin-left: 20px; width: calc((100% / 3) - 20px );}
.block-pr .container .content.single ul li img { width: 100%;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/* リンクバナー
-----------------------------------*/
.block-pr .col3 { margin-left: -12px; margin-right: 0; margin-top: -12px; width: inherit;}
.block-pr .col3 li { margin-left: 12px; margin-top: 12px !important; max-width: 100%; width: calc((100% / 3) - 12px );}
.block-pr .col4 { margin-left: -9px; margin-top: -9px;}
.block-pr .col4 li { margin-left: 9px; margin-top: 9px !important; width: calc((100% / 4) - 9px );}
/* My yupiteru/ダイレクトボタン
-----------------------------------*/
.block-pr .inner.buy > li { max-width: 100%; width: calc((100% / 2) - 6px );}
.block-pr .inner.buy > li.myyupiteru { margin-left: 12px;}
}



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

6.関連サイト

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-release li { font-size: 12px !important;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
/* リンクバナー
-----------------------------------*/
.block-release li { font-size: 13px !important;}
}



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

7.タイトル

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-title {
	background-color: #f0f0f0;
	border-bottom: 1px solid #424551;
	overflow:hidden;
	padding: 15px 0;
	}
/* フォント */
.block-title h2 {
	border-left: 4px solid #e60012;
	font-size: 20px !important;
	font-weight: 600 !important;
	margin: 0 !important;
	line-height: 1.5em;
	padding: 3px 0 3px 11px;
	}
.block-title h2 small { display: block; font-size: 14px; font-weight: 400; letter-spacing: 0;}
.block-title ul { border-left: 4px solid #777; padding: 3px 0 3px 11px;}
.block-title ul li { color:#777; font-size: 11px;}
.block-title ul li + li { margin: 0 0 0 7px;}
.block-title ul li a { color:#777 !important;}
.block-title ul li i { margin: 0 7px 0 0;}
.block-title ul li i.fa-home { margin: 0 4px 0 0;}
/*---------- 製品カテゴリタイトル */
.block-title.products { background-color: #0B0E16 !important; padding: 0;}
.block-title.products .container { border-top: 1px solid #424551; padding: 15px 0;}
/* フォント */
.block-title.products h2 { border-left: 5px solid #e60012; color: #fff !important; padding: 7px 0 7px 15px;}
#car .block-title.products h2 { border-color: #e60012;}
#bike .block-title.products h2 { border-color: #008aab;}
#golf .block-title.products h2 { border-color: #00ae41;}
#dealer .block-title.products h2 { border-color: #069;}
#robot .block-title.products h2 { border-color: #6a5da5;}
.block-title.products h2 span { display: block; line-height: 1.4em;}
.block-title.products h2 span.sub { color: #e0e0e0; font-size: 13px; font-weight: 400; line-height: 1.0em; margin-bottom: 0.5em;}
.block-title.products h2 span.name { font-size: 24px !important;}
.block-title.products h2 span.model { font-size: 16px; font-weight: 400; margin-top: 0.1em;}
.block-title.products h2 span.txt { font-size: 13px; font-weight: 400; margin-top: 0.5em; width: 100%;}
.block-title.products ul { border-left: 5px solid #909090; padding: 6px 0 6px 15px;}
.block-title.products ul li { color: #909090;}
.block-title.products ul li a { color:#909090 !important;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-title { padding: 25px 0;}
/* フォント */
.block-title h2 {
	border-left: 6px solid #e60012;
	font-size: 30px !important;
	font-weight: 400 !important;
	margin: 0 !important;
	padding: 3px 0 3px 18px;
	}
.block-title h2 small { font-size: 16px; margin-top: -0.3em;}
.block-title ul { border-left: 6px solid #777; padding: 3px 0 3px 19px;}
.block-title ul li { font-size: 12px;}
/*---------- 製品カテゴリタイトル */
.block-title.products { padding: 0;}
.block-title.products .container { padding: 25px 0;}
/* フォント */
.block-title.products h2 { align-items: center; border-left: 8px solid; display: flex; flex-wrap: wrap; padding: 10px 0 10px 30px;}
.block-title.products h2 span.sub { font-size: 16px; margin-bottom: 0.4em; width: 100%;}
.block-title.products h2 span.name { font-size: 27px !important; font-weight: 600 !important;}
.block-title.products h2 span.model { font-size: 20px; margin: 0 0 0 0.8em;}
.block-title.products h2 span.txt { font-size: 15px; margin-top: 0.5em;}
.block-title.products ul { border-left: 8px solid #909090; padding: 7px 0 7px 30px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/*---------- 製品カテゴリタイトル */
.block-title.products .container { padding: 30px 0;}
/* フォント */
.block-title.products h2 { padding: 10px 0 10px 30px;}
.block-title.products h2 span.sub { font-size: 18px;}
.block-title.products h2 span.name { font-size: 30px !important; font-weight: 600 !important;}
.block-title.products h2 span.model { font-size: 24px;}
.block-title.products h2 span.txt { font-size: 16px; margin-top: 0.6em;}
.block-title.products ul { border-left: 8px solid #909090; padding: 7px 0 7px 30px;}
}



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

8.PV紹介(製品カテゴリ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
main [class*="block-pv"],
main [class*="block-pv"]:nth-child(odd) {
	background: #f0f0f0;
	background: linear-gradient(to bottom, #f0f0f0 0%,#e0e0e0 100%);
}
main [class*="block-pv"] li + li { margin-top: 0;}
.block-pv {
	padding-bottom: 20px;
	padding-top: 20px;
}
@media screen and (min-width: 768px) {
	.block-pv {
		padding-bottom: 30px;
		padding-top: 30px;
	}
}
/*動画読み込み*/
.block-pv .video {
	margin-inline: auto;
	position: relative;
	width: 100%;
}
.block-pv .video .ytthumb_play { position: relative;}
.block-pv .video iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	transition: all 0.3s ease 0s;
	position: relative;
}
@media screen and (min-width: 680px) {
	.block-pv .video { max-width: 620px;}
}
/*メイン*/
.block-pv .movieBox ul {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr;
}
@media screen and (min-width: 680px) {
	.block-pv .movieBox ul {
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	}
}
/*その他一覧*/
.block-pv .other { margin-top: 20px;}
.block-pv .other .inner {
	background: #f9f9f9;
	box-shadow: rgba(0,0,0,0.4) 1px 1px 6px;
	margin-bottom: 15px;
	padding: 10px;
}
.block-pv .other .inner ul {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.block-pv .other .inner ul li a { color: #000 !important; transition: all 0.2s ease 0s;}
.block-pv .other .inner ul li a img { transition: all 0.2s ease 0s;}
.block-pv .other .inner ul li a p {
	color: #505050;
	font-size: clamp(0.75rem, 0.696rem + 0.27vw, 0.875rem);
	line-height: 1.3em;
	margin-top: 0.3em;
	text-align: center;
}
.block-pv .other .inner ul li a:hover img { opacity: 0.6;}
@media screen and (min-width: 680px) {
	.block-pv .other { margin-top: 30px;}
	.block-pv .other .inner { padding: 20px;}
}
@media screen and (min-width: 980px) {
	.block-pv .other .inner ul {gap: 15px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));}
}
/*ボタン*/
.block-pv .other p.more-close {
	font-size: clamp(0.813rem, 0.759rem + 0.27vw, 0.938rem);
	margin-inline: auto;
	max-width: 580px;
	text-align: center;
	width: 82%;
}
.block-pv .other p.more-close button {
	background: #d61518;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 2px;
	color: #fff;
	cursor:  pointer;
	display: block;
	font-weight: 600;
	padding: 1em 2.0em;
	position: relative;
	transition: all 0.3s ease-out;
	width: 100%;
	}
.block-pv .other p.more-close button.close { box-shadow: none;}
.block-pv .other p.more-close button.close,
.block-pv .other p.more-close button:hover { background: #707070;}
.block-pv .other p.more-close button:focus { outline:0;}
.block-pv .other p.more-close button::after {
	font-family: FontAwesome;
	content: "\f107";
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	position: absolute;
	right: 1.0em;
	transition: all 0.2s ease 0s;
	}
.block-pv .other p.more-close button::after:hover { color: #fff;}
.block-pv .other p.more-close button.close::after { color: #fff; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.block-pv .other p.more-close button.close::after:hover { color: #fff;}




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

9.タブメニュー(製品カテゴリ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.navigation-drop.list {
	background: #d61518;
	box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.4);
	padding: 0;
	position: relative;
	z-index: 888;
	}
.navigation-drop.list .container { margin-right: 0 !important; margin-left: 0 !important;}
/* ハンバーガーメニュー */
.navigation-drop.list .btn_hamburger { margin: 0 auto;}
.navigation-drop.list .btn_hamburger a {
	background: #d61518;
	box-sizing: border-box;
	color: #fff !important;
	display: block;
	position: relative;
	text-decoration: none;
	transition: all 0.2s ease 0s;
	}
.navigation-drop.list .btn_hamburger a:hover,
.navigation-drop.list .btn_hamburger a.active { text-decoration: none;}
.navigation-drop.list .btn_hamburger a::before {
	content: '\f0da   モデル別ラインアップ';
	display: block;
	font-family: FontAwesome;
	font-size: 13px;
	font-weight: 600;
	line-height: 46px;
	margin: 0 0 0 10px;
	text-align: left;
	white-space: pre-wrap;
	}
.navigation-drop .btn_hamburger a:hover::before,
.navigation-drop .btn_hamburger a.active::before  { color: #fff;}
.navigation-drop .btn_hamburger span {
	background-color: #fff;
	border-radius: 1px;
	height: 3px;
	right: 10px;
	position: absolute;
	transition: all 0.2s ease 0s;
	width: 20px;
	}
.navigation-drop.list .btn_hamburger a:hover span { background-color: #fff;}
.navigation-drop.list .btn_hamburger span:nth-of-type(1) { top: 15px;}
.navigation-drop.list .btn_hamburger span:nth-of-type(2) { top: 21px;}
.navigation-drop.list .btn_hamburger span:nth-of-type(3) { bottom: 15px;}
.navigation-drop.list .btn_hamburger .active span { background-color: #fff;}
.navigation-drop.list .btn_hamburger .active span:nth-of-type(1) { -webkit-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg);}
.navigation-drop.list .btn_hamburger .active span:nth-of-type(2) { opacity: 0;}
.navigation-drop.list .btn_hamburger .active span:nth-of-type(3) { -webkit-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg);}
/* メニューリスト */
.navigation-drop.list .sub_menu {
	background: #f0f0f0;
	box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px;
	display: none;
	line-height: 1em;
	left: 4%;
	margin-top: 5px;
	position: absolute;
	width: 92%;
	z-index: 9;
	}
.navigation-drop.list .sub_menu li + li { border-top: 1px solid #e0e0e0;}
.navigation-drop.list .sub_menu a {
	color: #000 !important;
	display: block;
	padding: .7em 1.0em;
	position: relative;
	text-decoration: none;
	transition: all 0.2s ease 0s;
	}
.navigation-drop.list .sub_menu li.active a { background: #d61518; color: #fff !important;}
.navigation-drop.list .sub_menu li.active a::before { color: #fff;}
.navigation-drop.list .sub_menu a:hover { background-color: #707070; color: #fff !important;}
.navigation-drop.list .sub_menu a::before {
	font-family: FontAwesome;
	content: "\f105";
	font-size: 12px;
	margin-right: 8px;
	color: #000;
	}
.navigation-drop.list .sub_menu .down a::before { content: "\f13a"; right: 0.8em;}
.navigation-drop.list .sub_menu a:hover::before { color: #fff;}
.navigation-drop.list .sub_menu .trigger a::before { content: ""; margin: 0;}
.navigation-drop.list .sub_menu .trigger a::after {
	font-family: FontAwesome;
	content: "\f107";
	font-size: 20px;
	font-weight: 600;
	margin-top: -9px;
	color: #000;
	position: absolute;
	right: 0.5em;
	top: 50%;
	transition: all 0.2s ease 0s;
	}
.navigation-drop.list .sub_menu .trigger a:hover::after { color: #fff;}
.navigation-drop.list .sub_menu .trigger.active a,
.navigation-drop.list .sub_menu .trigger.active a:hover { background: #000; color: #fff !important;}
.navigation-drop.list .sub_menu .trigger.active a::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #fff;}
.navigation-drop.list .sub_menu .target {
	display: none;
	margin: 0 auto;
	padding: 0;
	color: #fff;
	}
.navigation-drop.list .sub_menu .target li + li { border-top: 1px solid #d0d0d0;}
.navigation-drop.list .sub_menu .target a { background-color: #e0e0e0; padding: .7em 1.0em .7em 2.0em;}
.navigation-drop.list .sub_menu .target a:hover { background-color: #707070;}
/*----------- スクロールエフェクト */
.navigation-drop.list.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	}
/* ハンバーガーメニュー */
.navigation-drop.list.fixed .btn_hamburger a::before { line-height: 36px;}
.navigation-drop.list.fixed .btn_hamburger span { width: 16px;}
.navigation-drop.list.fixed .btn_hamburger span:nth-of-type(1) { top: 10px;}
.navigation-drop.list.fixed .btn_hamburger span:nth-of-type(2) { top: 16px;}
.navigation-drop.list.fixed .btn_hamburger span:nth-of-type(3) { bottom: 10px;}
.navigation-drop.list.fixed .btn_hamburger .active span { background-color: #fff;}
.navigation-drop.list.fixed .btn_hamburger .active span:nth-of-type(1) { -webkit-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg);}
.navigation-drop.list.fixed .btn_hamburger .active span:nth-of-type(2) { opacity: 0;}
.navigation-drop.list.fixed .btn_hamburger .active span:nth-of-type(3) { -webkit-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg);}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
/* 製品リストナビ
------------------------------------------------------------- */
.navigation-drop.list .container { margin-right: 20px !important; margin-left: 20px !important; max-width: inherit;}
/* ハンバーガーメニュー */
.navigation-drop.list .btn_hamburger a::before { margin: 0
	;}
.navigation-drop.list.fixed .btn_hamburger.title_dr a::before { content: '\f0da  ドライブレコーダーモデル別ラインアップ';}
.navigation-drop .btn_hamburger span { right:0;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
/* 製品リストナビ
------------------------------------------------------------- */
/* ハンバーガーメニュー */
.navigation-drop.list .btn_hamburger { display: none;}
/* メニューリスト */
.navigation-drop.list .sub_menu {
	background-color: transparent;
	box-shadow: none;
	display: block !important;
	left: auto;
	margin-top: 0;
	position: relative;
	width: 100%;
	}
.navigation-drop.list .sub_menu li + li { border: none;}
.navigation-drop.list .sub_menu a,
.navigation-drop.list .sub_menu a:hover,
.navigation-drop.list .sub_menu li.active a,
.navigation-drop.list .sub_menu a:hover	{ background-color: transparent;}
.navigation-drop.list .sub_menu a { color: #fff !important; padding: 0;}
.navigation-drop.list .sub_menu > ul {
	align-items: stretch;
	display: flex;
	flex-wrap: nowrap;
	margin-left: -10px;
	}
.navigation-drop.list .sub_menu > ul > li { margin-left: 10px; text-align: center; width: calc((100% / 3) - 10px) !important;}
.navigation-drop.list .sub_menu > ul > li + li { margin-left: 10px;}
.navigation-drop.list .sub_menu ul li > a { padding: 1.3em 1.5em; position: relative;}
.navigation-drop.list .sub_menu ul li > a::before { color: #fff; font-weight: 600; margin: 0; position: absolute; right: 0;}
.navigation-drop.list .sub_menu ul li a::after {
	background: #D61518;
	bottom: 0;
	content: '';
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	transition: all 0.3s ease-out;
	width: 100%;
	}
.navigation-drop.list .sub_menu ul li a:hover::after { background: #fff;}
.navigation-drop.list .sub_menu ul li.active a::after { background: #fff;}
.navigation-drop.list .sub_menu ul li.active a:hover::after { background: #fff;}
/*----------- スクロールエフェクト */
.navigation-drop.list.fixed { background: #fff;}
.navigation-drop.list.fixed .sub_menu ul li > a { color: #000 !important; padding: 0.6em 1.0em; position: relative;}
.navigation-drop.list.fixed .sub_menu ul li a::before { color: #000;}
.navigation-drop.list.fixed .sub_menu ul li a:hover::before { color: #000;}
.navigation-drop.list.fixed .sub_menu ul li a::after { background: #fff; height: 2px;}
.navigation-drop.list.fixed .sub_menu ul li a:hover::after { background: #d61518;}

.navigation-drop.list.fixed .sub_menu ul li.active > a { color: #d61518 !important;}
.navigation-drop.list.fixed .sub_menu ul li.active a::before { color: #d61518;}
.navigation-drop.list.fixed .sub_menu ul li.active a:hover::before { color: #d61518;}
.navigation-drop.list.fixed .sub_menu ul li.active a::after { background: #d61518;}
.navigation-drop.list.fixed .sub_menu ul li.active a:hover::after { background: #d61518;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
/* 製品リストナビ
------------------------------------------------------------- */
.navigation-drop.list .container { margin-right: 20px !important; margin-left: 20px !important; max-width: inherit;}
/* メニューリスト */
.navigation-drop.list .sub_menu > ul { margin-left: -20px;}
.navigation-drop.list .sub_menu > ul > li { margin-left: 20px; width: calc((100% / 3) - 20px) !important;}
.navigation-drop.list .sub_menu > ul > li + li { margin-left: 20px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/* 製品リストナビ
------------------------------------------------------------- */
.navigation-drop.list .container { margin-right: auto !important; margin-left: auto !important;}
/* メニューリスト */
.navigation-drop.list .sub_menu li { font-size: 14px;}
.navigation-drop.list .sub_menu > ul { margin-left: -30px;}
.navigation-drop.list .sub_menu > ul > li { margin-left: 30px; width: calc((100% / 3) - 30px) !important;}
.navigation-drop.list .sub_menu > ul > li + li { margin-left: 30px;}
}



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

10.サイド固定メニュー(製品カテゴリ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.side-navigation {
	background: rgba(255, 255, 255, 0.7);
	bottom: 0;
	padding: 0.5em 0;
	position: fixed;
	width: 100%;
	z-index: 8888;
	}
.side-navigation .spec { margin: 0 5%; text-align: center;}
.side-navigation .spec a {
	background: #404040;
	color: #fff !important;
	display: block;
	font-size: 12px;
	padding: 0.5em 2.0em;
	transition: all 0.3s ease-out;
	}
.side-navigation .spec a i { margin-right: 0.5em;}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .side-navigation .spec a i,
*::-ms-backdrop, .side-navigation .harness a i { display: none}
.side-navigation .spec a i,
.side-navigation .harness a i { display: none}
.side-navigation .spec a::after,
.side-navigation .harness a::after { content: "" !important;}
}
.side-navigation .spec a:hover {
	background: #707070;
	box-shadow: rgba(0,0,0,0.4) 1px 1px 8px;
	text-decoration: none;
	}
.side-navigation .harness a {
	background: #404040;
	color: #fff !important;
	display: block;
	font-size: 12px;
	padding: 0.5em 2.0em;
	transition: all 0.3s ease-out;
	}
/*---------- 2カラム */
.side-navigation.column { padding: 0.5em 10px;}
.side-navigation.column ul { display: flex; margin-left: -10px;}
.side-navigation.column ul li { margin-left: 10px;}
.side-navigation.column ul li.spec,
.side-navigation.column ul li.harness { margin: 0 0 0 10px; text-align: center; width: calc((100% / 2) - 10px);}

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

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.side-navigation { padding: 0.6em 0;}
.side-navigation .spec { margin-right: auto; margin-left: auto; max-width: 414px;}
.side-navigation .spec a,
.side-navigation .harness a { font-size: 13px; padding: 0.6em 2.0em;}
/*---------- 2カラム */
.side-navigation.column { padding: 0.6em 20px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.side-navigation {
	background-color: transparent;
	bottom: auto;
	display: block;
	right: 0;
	padding: 0;
	top: 21vh;
	width: auto;
	}
.side-navigation .spec {
	margin: 0;
	max-height: 16em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	}
.side-navigation .spec a {
	color: #fff !important;
	display: block;
	font-size: 14px;
	letter-spacing: 0.1em;
	padding: 2.0em 0.8em;
	transition: all 0.3s ease-out;
	}
.side-navigation .spec a i { margin:0 0 0.6em 0;}
.side-navigation .spec a:hover { background: #707070; box-shadow: rgba(0,0,0,0.4) -1px 1px 8px; text-decoration: none;}
.side-navigation .spec a::after {
    font-family: FontAwesome;
    content: "\f08e";
    font-size: 10px;
    margin: auto;
    color: #fff;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    margin-top: 1.0em;
	}
.side-navigation .harness {
	margin: 0.4em 0 0 0;
	max-height: 16em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	}
.side-navigation .harness a {
	color: #fff !important;
	display: block;
	font-size: 14px;
	letter-spacing: 0.1em;
	padding: 1.6em 0.8em;
	transition: all 0.3s ease-out;
	}
.side-navigation .harness a:hover { background: #707070; box-shadow: rgba(0,0,0,0.4) -1px 1px 8px; text-decoration: none;}
.side-navigation .harness a::after {
    font-family: FontAwesome;
    content: "\f08e";
    font-size: 10px;
    margin: auto;
    color: #fff;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    margin-top: 1.0em;
	}
/*---------- 2カラム */
.side-navigation.column { padding: 0;}
.side-navigation.column ul { display: block;  margin: 0;}
.side-navigation.column ul li { margin: 0;}
.side-navigation.column ul li.spec,
.side-navigation.column ul li.harness { margin: 0; width: auto;}
.side-navigation.column ul li.harness { margin: 0.4em 0 0 0; width: auto;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.side-navigation .spec a { font-size: 16px; padding: 1.6em 1.4em; width: 66px;}
.side-navigation .spec a i { margin:0 0 0.9em 0;}
.side-navigation .harness a { padding: 1.6em 1.4em; width: 66px;}
}



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

11.ページタイトル(製品カテゴリ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-lead { background: #fff !important; border-bottom: 1px solid #e0e0e0; padding: 30px 0 !important;}
/*---------- 製品カテゴリ説明 */
.block-lead { width: 100%;}
.block-lead h3.line { font-size: 15px !important;}
.block-lead .title { margin: auto;}
.block-lead .title p { font-size: 13px; line-height: 1.7em;}
.block-lead .title p br { display: none;}
.block-lead .title p + p { margin-top: 1.2em;}
.block-lead .title p.img { display: inline-block;}
.block-lead .title p.img a { box-shadow: 1px 1px 1px rgba(0,0,0,0.2); display: block; transition: all 0.35s ease-in-out;}
.block-lead .title p.img a:hover { box-shadow: 2px 2px 9px rgba(0,0,0,0.4);}
.block-lead .title p + p.img { margin-top: 1.5em;}
.block-lead .title.col2 .img { margin-top: 1.5em;}
.block-lead .title.col2 .img img { max-width: 190px;}
/*---------- 特出ポイント */
.block-lead .title + .flex-box.pr { margin-top: 20px;}
.block-lead .flex-box.pr li {
	border: #e0e0e0 solid 4px;
	box-sizing: border-box;
	padding: 15px;
	width: 100%;
	}
.block-lead .flex-box.pr li div + div { margin-top: 10px;}
.block-lead .flex-box.pr li .txt h3 { font-size: 14px !important; line-height: 1.5em;}
.block-lead .flex-box.pr li .img img { max-width: 120px;}
/* 2カラム */
.block-lead .flex-box.pr li.col2 + li { margin-top: 1.0em;}
/* 導入の問い合わせ
-----------------------------------*/
.block-lead .flex-box.pr + .biz_contact,
.block-lead p + .biz_contact { border-top: 1px solid #e0e0e0; margin-top: 1.5em; padding-top: 1.5em;}
.block-lead .biz_contact p { font-weight: 600; margin: auto; max-width: 780px; text-align: center;}
.block-lead .biz_contact p a {
	background: #0f4c81;
	color: #fff !important;
	display: block;
	font-size: 16px;
	padding: 24px 2.4em;
	position: relative;
	transition: all 0.3s ease-out;
	}
.block-lead .biz_contact p a i { font-size: 13px; margin-top: -6px; position: absolute; right: 1.0em; top: 50%;}
.block-lead .biz_contact p a:hover { background: #777; box-shadow: rgba(0,0,0,0.4) 1px 1px 8px; text-decoration: none;}
.block-lead .pr_box { border-bottom: 1px solid #e0e0e0; margin-bottom: 1.5em; padding-bottom: 1.5em;}
.block-lead .pr_box.noborder { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.block-lead .pr_box p { font-weight: 600; margin: auto; text-align: center;}
.block-lead .pr_box p a { transition: all 0.3s ease-out;}
.block-lead .pr_box p a:hover { opacity: 0.7;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
/*---------- 製品カテゴリ説明 */
.block-lead h3.line { font-size: 17px !important;}
.block-lead .title p { font-size: 14px;}
/*---------- 特出ポイント */
.block-lead .flex-box.pr li { padding: 20px;}
.block-lead .flex-box.pr li div + div { margin-top: 15px;}
.block-lead .flex-box.pr li .txt h3 { font-size: 16px !important;}
.block-lead .flex-box.pr li .img img { max-width: 130px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-lead { padding: 40px 0 !important;}
/*---------- 製品カテゴリ説明 */
.block-lead h3.line { font-size: 19px !important;}
.block-lead .title { width: 90%;}
.block-lead .title p { font-size: 15px;}
/*---------- 特出ポイント */
.block-lead .title + .flex-box.pr { margin-top: 30px;}
.block-lead .flex-box.pr { margin-left: -10px;}
.block-lead .flex-box.pr li { align-items: center; display: flex; margin-left: 10px;}
.block-lead .flex-box.pr li div + div { margin: 0;}
.block-lead .flex-box.pr li .txt { order: 1; text-align: left; width: auto;}
.block-lead .flex-box.pr li .txt h3 { font-size: 17px !important;}
.block-lead .flex-box.pr li .img { margin-left: 30px; order: 2; width: auto;}
.block-lead .flex-box.pr li .img img { max-width: 150px; width: auto;}
/* 導入の問い合わせ
-----------------------------------*/
.block-lead .flex-box.pr + .biz_contact { margin-top: 1.8em; padding-top: 1.8em;}
.block-lead .pr_box { margin-bottom: 1.8em; padding-bottom: 1.8em;}
.block-lead .pr_box.noborder { margin-bottom: 0; padding-bottom: 0;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
.block-lead { padding: 60px 0 !important;}
/*---------- 製品カテゴリ説明 */
.block-lead h3.line { font-size: 20px !important;}
.block-lead .title { width: 100%;}
.block-lead .title p br { display: inline;}
.block-lead .title.col2 { align-items: center; display: flex; flex-wrap: wrap;}
.block-lead .title.col2 .txt { text-align: left; width: calc(100% - 230px);}
.block-lead .title.col2 .img { margin-left: 30px; margin-top: 0; width: 200px;}
.block-lead .title.col2 .img img { max-width: 100%;}
/*---------- 特出ポイント */
.block-lead .title + .flex-box.pr { margin-top: 35px;}
.block-lead .flex-box.pr li .txt h3 { font-size: 18px !important;}
/* 2カラム */
.block-lead .flex-box.pr li.col2 { padding: 20px; width: calc((100% / 2) - 15px);}
.block-lead .flex-box.pr li.col2 + li { margin-top: 0;}
/* 導入の問い合わせ
-----------------------------------*/
.block-lead .flex-box.pr + .biz_contact,
.block-lead p + .biz_contact { margin-top: 2.0em; padding-top: 2.0em;}
.block-lead .biz_contact p a { padding: 25px 3.0em;}
.block-lead .biz_contact p a i { font-size: 14px; margin-top: -7px; right: 2.0em;}
.block-lead .pr_box { margin-bottom: 2.0em; padding-bottom: 2.0em;}
.block-lead .pr_box.noborder { margin-bottom: 0; padding-bottom: 0;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/*---------- 製品カテゴリ説明 */
.block-lead h3.line { font-size: 21px !important;}
.block-lead .title.col2 .txt { width: calc(100% - 270px);}
.block-lead .title.col2 .img { margin-left: 40px; width: 230px;}
/*---------- 特出ポイント */
.block-lead .title + .flex-box.pr { margin-top: 40px;}
.block-lead .flex-box.pr { margin-left: -15px;}
.block-lead .flex-box.pr li { margin-left: 15px;}
/* 導入の問い合わせ
-----------------------------------*/
.block-lead .biz_contact p { margin: auto 5.0em; max-width: inherit;}
}


.block-lead .scroll-btn {
	margin-top: 2.0rem;
}
.block-lead .scroll-btn .scroll-btn-main {
	margin-inline: auto;
	max-width: 40rem;
	width: fit-content;
	font-weight: 600;
}
.block-lead .scroll-btn .scroll-btn-main a {
	background-color: #505050;
	color: white !important;
	padding: 0.8rem 2.8rem;
	border-radius: 3rem;
	display: block;
	transition: all 0.3s ease-out;
	filter:drop-shadow(0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2));
}
.block-lead .scroll-btn .scroll-btn-main a:hover {
	background-color: #101010;
	text-decoration: none;
	filter:drop-shadow(0.2rem 0.2rem 0.6rem rgba(0, 0, 0, 0.4));
}
.block-lead .scroll-btn .scroll-btn-sub {
	border-top: 1px solid #e0e0e0;
	margin-top: 1.2rem;
	padding-top: 1.2rem;
	text-align: end;
	font-size: clamp(0.75rem, 0.727rem + 0.11vw, 0.813rem);
}
.block-lead .scroll-btn .scroll-btn-main i,
.block-lead .scroll-btn .scroll-btn-sub i {
	margin-right: 0.4rem;
}


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

12.製品一覧(製品カテゴリ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
main [class*="block-products-list"]:nth-child(odd) { background: #f0f0f0;}
main [class*="block-products-list"]:nth-child(even) { background: #fff;}

main [class*="block-products-list"] h2.line { display: block;}
main [class*="block-products-list"] h2 span.sub { margin: 0 0 -0.3em 0;}
/* -------- タブメニュー */
main [class*="block-products-list"] .subnavi { margin: -1.0em 0 2.2em 0;}
main [class*="block-products-list"] .subnavi ul { display: flex; flex-wrap: wrap; margin: -4px 0 0 -4px;}
main [class*="block-products-list"] .subnavi ul > li { font-size: 11px; margin: 4px 0 0 4px;}
main [class*="block-products-list"] .subnavi ul > li a {
	align-items: center;
	background-color:#f0f0f0;
	border-radius: 2px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: #303030 !important;
	display: flex;
	line-height: 1.4em;
	margin:0;
	padding: 0.3em 0.5em;
	transition: all 0.35s ease-in-out;
	text-align: center;
	z-index: 9;
	}
main [class*="block-products-list"]:nth-child(odd) .subnavi ul > li a { background-color:#fcfcfc;}
main [class*="block-products-list"] .subnavi ul > li a:hover,
main [class*="block-products-list"] .subnavi ul > li.active > a {
	background-color:#707070;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
	color:#fff !important;
	text-decoration:none;
	z-index: 10;
	}
main [class*="block-products-list"]:nth-child(odd) .subnavi ul > li a:hover,
main [class*="block-products-list"]:nth-child(odd) .subnavi ul > li.active > a { background: #707070;}


main [class*="block-products-list"] .c-info { margin: -0.5em 0 1.5em 0;}
main [class*="block-products-list"] .c-info + .subnavi { margin: 0 0 3em 0;}


/* -------- 販売終了ボタン */
main [class*="block-products-list"] .subnavi.right { margin: 0;}
main [class*="block-products-list"] ul + .subnavi.right { margin:1.8em 0 0 0;}
main [class*="block-products-list"] .subnavi.right + ul { margin:1.2em 0 0 0;}
main [class*="block-products-list"] .subnavi.right ul { display: block; margin: 0;}
main [class*="block-products-list"] .subnavi.right ul li { margin: 0;}
main [class*="block-products-list"] .subnavi.right ul > li a {
	background-color: #909090;
	border-radius: 0;
	box-shadow: none;
	color: #fff !important;
	padding: 1.1em 1.0em;
	transition: all 0.35s ease-in-out;
	}
main [class*="block-products-list"] .subnavi.right ul > li a:hover,
main [class*="block-products-list"] .subnavi.right ul > li.active > a { background-color: rgba(214,21,24,1);}
main [class*="block-products-list"] .subnavi.right ul > li a i { margin-right: 0.5em;}
/* -------- 製品リスト */
main [class*="block-products-list"] .flex-box { margin-left: 0; margin-top: -8px;}
main [class*="block-products-list"] .flex-box + .flex-box { margin-top: 1.8em;}

main [class*="block-products-list"] h3.title-sub { font-size: 16px; font-weight: 400; line-height: 1.3em; margin-bottom: 0.8em;}
main [class*="block-products-list"] .flex-box.title-sub + .flex-box,
main [class*="block-products-list"] .flex-box + h3.title-sub { margin-top: 3.8em; position: relative;}
main [class*="block-products-list"] .flex-box.title-sub + .flex-box:before { content: ""; border-top: solid 1px #e0e0e0; height: 1px; position: absolute; top: -1.5em; left: 0; right: 0;}
main [class*="block-products-list"] .flex-box + h3.title-sub:before { content: ""; border-top: solid 1px #e0e0e0; height: 1px; position: absolute; top: -1.7em; left: 0; right: 0;}
@media screen and (min-width: 468px) {
main [class*="block-products-list"] h3.title-sub { font-size: 18px;}
main [class*="block-products-list"] .flex-box.title-sub + .flex-box:before { left: 8px;}
}
@media screen and (min-width: 768px) {
main [class*="block-products-list"] h3.title-sub { font-size: 20px;}
main [class*="block-products-list"] .flex-box.title-sub + .flex-box:before { left: 10px;}
}
@media screen and (min-width: 992px) {
main [class*="block-products-list"] h3.title-sub { font-size: 22px;}
main [class*="block-products-list"] .flex-box.title-sub + .flex-box:before { left: 12px;}
}

main [class*="block-products-list"] .flex-box > li {
	background: #fff;
	box-shadow: rgba(0,0,0,0.2) 1px 1px 3px;
	margin-left: 0;
	margin-top: 8px;
	max-width: 100%;
	transition: all 0.35s ease-in-out;
	width: 100% !important;
	}
main [class*="block-products-list"] .flex-box > li:hover { box-shadow: rgba(0,0,0,0.6) 2px 2px 12px; z-index: 2;}
main [class*="block-products-list"] .flex-box > li + li,
main [class*="block-products-list"] .flex-box li:nth-child(n+3) { margin-top: 8px;}
main [class*="block-products-list"] .flex-box > li figure { border-radius: 0; padding: 2em 0.8em;}
main [class*="block-products-list"]:nth-child(odd) li figure {background-color: transparent;}
main [class*="block-products-list"]:nth-child(even) li figure { background-color: transparent;}
main [class*="block-products-list"] .flex-box > li > a { display: block; padding: 2em 0.8em;}
main [class*="block-products-list"] .flex-box > li > a:hover { text-decoration: none;}
main [class*="block-products-list"] .flex-box > li figure .overlay { background: rgba(214,21,24,0.7) !important; border-radius: 0;}
#bike main [class*="block-products-list"] .flex-box > li figure .overlay { background: rgba(0,138,171,0.7) !important; border-radius: 0;}
#golf main [class*="block-products-list"] .flex-box > li figure .overlay { background: rgba(0,174,65,0.7) !important; border-radius: 0;}
#robot main [class*="block-products-list"] .flex-box > li figure .overlay { background: rgba(106,93,165,0.7) !important; border-radius: 0;}
main [class*="block-products-list"] .flex-box > li figure .overlay i { border: none !important; box-shadow: none; font-weight: 400;}
main [class*="block-products-list"] .flex-box > li figure .overlay i + i + i,
main [class*="block-products-list"] .flex-box > li figure .overlay i + i { margin-top: 0.8em;}
main [class*="block-products-list"] .flex-box > li figure .overlay i a {
	background-color: transparent !important;
	border: #fff 1px solid !important; 
	padding: 0.7em 0 !important;
	position: relative;
	transition: all 0.35s ease-in-out;
	}
main [class*="block-products-list"] .flex-box > li figure .overlay i a:hover {
	background-color: #fff !important;
	color:rgba(15,76,129,1) !important;
	}
main [class*="block-products-list"] .flex-box > li figure .overlay i a::after {
	font-family: FontAwesome;
	content: "\f105";
	top: 50%;
	right: 0.8em;
	font-size: 16px;
	margin-top: -11px;
	position: absolute;
	color: #fff;
	}
main [class*="block-products-list"] .flex-box > li figure .overlay i a:hover::after { color:rgba(214,21,24,1) !important;}
#bike main [class*="block-products-list"] .flex-box > li figure .overlay i a:hover::after { color:#008aab !important;}
#golf main [class*="block-products-list"] .flex-box > li figure .overlay i a:hover::after { color:#00ae41 !important;}
#robot main [class*="block-products-list"] .flex-box > li figure .overlay i a:hover::after { color:#6a5da5 !important;}
main [class*="block-products-list"] .flex-box > li figure .overlay i.over_compare { display: none;}
main [class*="block-products-list"] .flex-box > li figure .overlay i.over_compare a::after { content: "\f03a"; font-size: 12px; margin-top: -9px; right: 0.9em;}
#bike main [class*="block-products-list"] .flex-box > li figure .overlay i.over_dealer a,
#golf main [class*="block-products-list"] .flex-box > li figure .overlay i.over_dealer a { background:#222 !important;}
#bike main [class*="block-products-list"] .flex-box > li figure .overlay i.over_dealer a:hover,
#golf main [class*="block-products-list"] .flex-box > li figure .overlay i.over_dealer a:hover { color:#222 !important;background-color:#fff !important;}
main [class*="block-products-list"] .flex-box > li figure .overlay i.over_dealer a::after { content: "\f07a"; font-size: 14px; margin-top: -10px; right: 0.9em;}
main [class*="block-products-list"] .flex-box > li figure .overlay i.over_dealer a:hover::after { color:rgba(0,0,0,1) !important;}
main [class*="block-products-list"] .flex-box > li figure .overlay i a[class*="selected"] { background: #fff !important; color:rgba(0,0,0,1) !important; text-decoration: none;}
main [class*="block-products-list"] .flex-box > li figure .overlay i a[class*="selected"]:hover { color:rgba(0,0,0,1) !important;}
#car main [class*="block-products-list"] .flex-box > li figure .overlay i a[class*="selected"],
#bike main [class*="block-products-list"] .flex-box > li figure .overlay i a[class*="selected"],
#golf main [class*="block-products-list"] .flex-box > li figure .overlay i a[class*="selected"] { background: #fff !important;}
#car main [class*="block-products-list"] .flex-box > li figure .overlay i a[class*="selected"]:hover,
#bike main [class*="block-products-list"] .flex-box > li figure .overlay i a[class*="selected"]:hover,
#golf main [class*="block-products-list"] .flex-box > li figure .overlay i a[class*="selected"]:hover { color:rgba(0,0,0,1) !important;}
main [class*="block-products-list"] .flex-box > li figure .overlay i a[class*="selected"]::after { color:rgba(0,0,0,1) !important;}
main [class*="block-products-list"] .flex-box > li img { display: block; margin: 0 auto !important; max-width: 70% !important;}
main [class*="block-products-list"] .flex-box > li h2 {
	font-size: 18px !important;
	font-weight: 600;
	letter-spacing: 0;
	margin: 4% auto 0 auto !important;
	text-align: center;
	}
main [class*="block-products-list"] .flex-box > li h2 + p { margin-top: 4% !important;}
main [class*="block-products-list"] .flex-box > li h2 + ul { margin-top: 4% !important;}
main [class*="block-products-list"] .flex-box > li p + ul,
main [class*="block-products-list"] .flex-box > li ul + ul { margin-top: 3% !important;}
main [class*="block-products-list"] .flex-box > li p { font-size: 12px;}
main [class*="block-products-list"] .flex-box > li ul.function { display: none;}
main [class*="block-products-list"] .flex-box > li ul.type { display: none;}
main [class*="block-products-list"] .flex-box > li ul.model {
    margin: 0 !important;
    display: inline-block;
    position: absolute;
	top: 0;
	right: 0;
	}
main [class*="block-products-list"] .flex-box > li ul.model li {
	background: #606060;
	box-shadow: 2px -2px 3px 0px #505050 inset;
	border-radius: 0px 0px 0px 3px;
	color: #fff;
	font-size: 11px;
	line-height: 1.3em;
	margin: 0;
	max-width: inherit;
	padding: 0.7em;
	width: auto;
	}
/* -------- 生産終了 */
main [class*="block-products-list"] .flex-box + .flex-box.past { margin-top: 2.8em;}
main [class*="block-products-list"].past .flex-box > li,
main [class*="block-products-list"] .flex-box.past > li {
	box-shadow: none;
	font-family: "Whitney A","Whitney B";
	font-size: 17px !important;
	font-weight: 600;
	line-height: 1.4em;
	text-align: center;
	transition: none;
	}
main [class*="block-products-list"].past .flex-box > li:hover,
main [class*="block-products-list"] .flex-box.past > li:hover { box-shadow: none; z-index: 1;}
main [class*="block-products-list"].past .flex-box > li a,
main [class*="block-products-list"] .flex-box.past > li a {
	align-items: center;
	border: 1px #e0e0e0 solid;
	color: #000 !important;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	justify-content: center;
	padding: 0.9em 0.4em;
	position: relative;
	transition: all 0.35s ease-in-out;
	z-index: 1;
	}
main [class*="block-products-list"].past .flex-box > li a span,
main [class*="block-products-list"] .flex-box.past > li a span { display: block; font-size: 10px; line-height: 1.3em; font-weight: 400; margin-top: -0.2em; width: 100%;}
main [class*="block-products-list"].past .flex-box > li div,
main [class*="block-products-list"] .flex-box.past > li div {
	border: 1px #e0e0e0 solid;
	display: block;
	line-height: 1.3em;
	padding: 1em 0.4em;
	position: relative;
	transition: all 0.35s ease-in-out;
	z-index: 1;
	}
main [class*="block-products-list"].past .flex-box > li div span,
main [class*="block-products-list"] .flex-box.past > li div span { display: block; font-size: 87%; font-weight: 400;}
main [class*="block-products-list"].past .flex-box > li div:after,
main [class*="block-products-list"] .flex-box.past > li div:after {
	background-color: #c0c0c0;
	bottom: 0.5em;
	content: '';
	display: inline-block;
	height: 2px;
	left: 50%;
	position: absolute;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	width: 17%;
	}
main [class*="block-products-list"].past .flex-box > li a:hover,
main [class*="block-products-list"] .flex-box.past > li a:hover {
	box-shadow: rgba(0,0,0,0.5) 2px 2px 12px;
	color: #000;
	text-decoration: none;
	z-index: 2;
	}
main [class*="block-products-list"].past .flex-box > li a:after,
main [class*="block-products-list"] .flex-box.past > li a:after {
	background-color: #c0c0c0;
	bottom: 0.7em;
	content: '';
	display: inline-block;
	height: 2px;
	left: 50%;
	position: absolute;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
	width: 17%;
	}
/* -------- 比較表 */
#ComparisonBox {
	background-color: rgba(255,255,255,0.9);
	border: none;
	box-shadow: 0 -1px 2px rgba(0,0,0,0.3);
	padding: 1em 0 !important;
	opacity: 0; z-index: 9999;
	}
#ComparisonBox form {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin: 0 10px;
	padding: 0;
	}
#ComparisonBox form ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin: -0.5em 0 0 -1em;
	width: 60%;
	}
#ComparisonBox form ul li {
	float: none;
	font-size: 14px;
	margin: 0.5em 0 0 1em;
	line-height: 1;
	}
#ComparisonBox form a#ComparisonSubmit {
	background: rgba(214,21,24,1);
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-size: 15px;
	margin-left:auto;
	padding: 1em 0;
	position: static;
	width: 35%;
	}
#bike #ComparisonBox form a#ComparisonSubmit { background: #008aab;}
#golf #ComparisonBox form a#ComparisonSubmit { background: #00ae41;}

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

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
/* -------- 製品リスト */
main [class*="block-products-list"] .flex-box { margin-left: -8px;}
main [class*="block-products-list"] .flex-box > li { margin-left: 8px; width: calc((100% / 2) - 8px) !important;}
main [class*="block-products-list"] .flex-box > li h3 { display: none;}
main [class*="block-products-list"] .flex-box > li img { max-width: 80% !important;}
/* -------- 比較表 */
#ComparisonBox form { margin: 0 20px;}
}

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

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
main [class*="block-products-list"] .flex-box > li figure,
main [class*="block-products-list"] .flex-box > li > a { padding: 1.2em;}
main [class*="block-products-list"] .flex-box > li h2 { font-size: 19px !important; margin: 5% 0 0 0 !important;}
main [class*="block-products-list"] .flex-box > li h3 { display: block; font-size: 13px !important; margin: 1.0em 0 0.2em 0 !important;}
main [class*="block-products-list"] .flex-box > li p { font-size: 13px;}
main [class*="block-products-list"] .flex-box > li ul.type { display: flex; margin-left: -4px;}
main [class*="block-products-list"] .flex-box > li ul.type li {
	border: #d0d0d0 solid 1px;
	border-radius: 2px;
	box-shadow: none;
	color: #000;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0 0 0 4px;
	padding: 0.5em 0.2em;
	text-align: center;
	width: calc((100% / 2) - 4px) !important;
	}
}

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

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
/* -------- タブメニュー */
main [class*="block-products-list"] .subnavi { margin:-1.8em 0 2.8em 0;}
main [class*="block-products-list"] .subnavi ul > li a { padding: 0.4em 0.6em;}


main [class*="block-products-list"] .c-info { margin:-1em 0 1.8em 0;}
main [class*="block-products-list"] .c-info + .subnavi { margin:0 0 4em 0;}


/* -------- 販売終了ボタン */
main [class*="block-products-list"] .subnavi.right { margin: 0;}
main [class*="block-products-list"] ul + .subnavi.right { margin:2.0em 0 0 0;}
main [class*="block-products-list"] .subnavi.right + ul { margin:1.3em 0 0 0;}
main [class*="block-products-list"] .subnavi.right ul > li { font-size: 12px;}
main [class*="block-products-list"] .subnavi.right ul > li a { padding: 1.3em 1.0em;}
/* -------- 製品リスト */
main [class*="block-products-list"] .flex-box { margin-left: -10px; margin-top: -10px;}
main [class*="block-products-list"] .flex-box > li { margin-left: 10px; margin-top: 10px; width: calc((100% / 3) - 10px) !important;}
main [class*="block-products-list"] .flex-box > li + li,
main [class*="block-products-list"] .flex-box li:nth-child(n+3) { margin-top: 10px;}
main [class*="block-products-list"] .flex-box > li img { max-width: 90% !important;}
main [class*="block-products-list"] .flex-box > li h2 { font-size: 21px !important;}
main [class*="block-products-list"] .flex-box > li h3 { font-size: 14px !important;}
main [class*="block-products-list"] .flex-box > li h2 + ul,
main [class*="block-products-list"] .flex-box > li p + ul,
main [class*="block-products-list"] .flex-box > li ul + ul { margin-top: 4% !important;}
main [class*="block-products-list"] .flex-box > li figure .overlay i.over_compare { display: block;}
main [class*="block-products-list"] .flex-box > li figure .overlay {
	background-color: transparent;
	background-image: linear-gradient(to top, rgba(15,76,129,0.9) 50%, rgba(15,76,129,0.0) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: all 0.35s ease-in-out;
	}
main [class*="block-products-list"] .flex-box > li figure:hover .overlay { background-position: 0 -100%;}
/* -------- 生産終了 */
main [class*="block-products-list"].past .flex-box > li,
main [class*="block-products-list"] .flex-box.past > li { font-size: 19px !important;}
main [class*="block-products-list"].past .flex-box > li a,
main [class*="block-products-list"] .flex-box.past > li a { padding-bottom: 0.9em; padding-top: 0.9em;}
/* -------- 比較表 */
#ComparisonBox { opacity: 1;}
#ComparisonBox form{ width: auto;}
}

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

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 992px) {
/* -------- 販売終了ボタン */
main [class*="block-products-list"] .subnavi.right ul > li { font-size: 13px;}
/* -------- 製品リスト */
main [class*="block-products-list"] .flex-box { margin-left: -12px; margin-top: -12px;}
main [class*="block-products-list"] .flex-box > li { margin-left: 12px; margin-top: 12px; width: calc((100% / 3) - 12px) !important;}
main [class*="block-products-list"].past .flex-box > li { margin-left: 12px; margin-top: 12px; width: calc((100% / 4) - 12px) !important;}
main [class*="block-products-list"] .flex-box > li + li,
main [class*="block-products-list"] .flex-box li:nth-child(n+3) { margin-top: 12px;}
main [class*="block-products-list"] .flex-box ul.icon { position: relative; top: auto; right: auto;}
main [class*="block-products-list"] .flex-box > li ul.function { display: block;}
main [class*="block-products-list"] .flex-box > li ul.function li {
	align-items: stretch;
	background-color: #fff;
	border: #e0e0e0 solid 1px;
	box-shadow: none;
	border-radius: 2px;
	flex-wrap: nowrap;
	font-size: 12px;
	line-height: 1.3em;
	padding: 0;
	}
main [class*="block-products-list"] .flex-box > li ul.function li span.title {
	background: #f0f0f0;
	border-right: 1px solid #e0e0e0;
	border-radius: 0;
	color: #000;
	min-width: auto;
	padding: 0.5em 0.4em;
	margin: 0;
	width: 41%;
	}
main [class*="block-products-list"]:nth-child(odd) .flex-box > li ul.function li {border: #d7d7d7 solid 1px;}
main [class*="block-products-list"]:nth-child(odd) .flex-box > li ul.function li span.title { background: #e7e7e7; border-right: 1px solid #d7d7d7;}
main [class*="block-products-list"] .function li span.title:after { content: ""}
main [class*="block-products-list"] .function li span.name {padding: 0.5em 0.4em;}
main [class*="block-products-list"] .function li span + span { margin-left: 0;}
main [class*="block-products-list"] .flex-box > li ul.function li + li { margin-top: 0.3em;}
main [class*="block-products-list"] .flex-box > li ul.type li { font-size: 12px;}
main [class*="block-products-list"] .flex-box > li ul.model li { font-size: 12px;}
}

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

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/* -------- 製品リスト */
main [class*="block-products-list"] .flex-box > li img { max-width: 85% !important;}
/* -------- 比較表 */
#ComparisonBox form { margin: 0 auto; width: 1024px;}
}



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

13.販売店検索

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-products-shop {}
.block-products-shop .dealer_products {display: none;}
.block-products-shop .stepbox {
	background: #fff;
	border: 2px solid #f0f0f0;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
	box-sizing: border-box;
	color: #000;
	padding: 1.0em;
	position: relative;
	transition: all 0.3s ease-out;
	}
.block-products-shop .stepbox.step { background: #f7f7f7;}
.block-products-shop .stepbox.result { border: none !important; filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3));}
.block-products-shop .stepbox + .stepbox { display: flex; flex-wrap: wrap; margin-top: 0.6em;}
.block-products-shop .stepbox:hover { background: #fff; filter: drop-shadow(1px 1px 6px rgba(0,0,0,0.4));}
/* -------- 選択中の製品or地域 */
.block-products-shop .choicebox { position: absolute; top: -32px; width: 100%;}
.block-products-shop .choicebox ul { display: flex; flex-wrap: wrap; justify-content: flex-end;}
.block-products-shop .choicebox ul li + li { margin-left: 0.3em; margin-top: 0;}
.block-products-shop .choicebox ul li a { background: #fff; display: block; filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)); font-size: 12px; padding: 0.4em 0.5em; transition: all 0.3s ease-out;}
.block-products-shop .choicebox ul li a:hover { filter: drop-shadow(1px 1px 6px rgba(0,0,0,0.4)); text-decoration: none;}
.block-products-shop .choicebox ul li a i { margin-right: 5px;}
/* -------- リンク */
.block-products-shop a { color: #006dba;}
.block-products-shop a:hover { color: #999;}
/* -------- font */
main .block-products-shop h2.line { display: block !important;}
main .block-products-shop h2.line span { display: block !important; font-size: 70% !important; margin-top: -0.1em;}
main .block-products-shop h2.line.box { align-items: center; display: flex !important;}
main .block-products-shop h2.line.box span {
	background: #e60012;
	color: #fff;
	display: inline !important;
	font-size: 60% !important;
	font-weight: 600;
	margin: 0 0.6em 0 0;
	padding: 0 0.5em;
	}
.block-products-shop .stepbox ul {}
.block-products-shop .stepbox ul li {
	font-weight: bold;
	font-size: 13px;
	letter-spacing: normal;
	}
.block-products-shop .stepbox ul li.dealername { font-size: 15px;}
.block-products-shop .stepbox ul li.dealername a { text-decoration: underline;}
.block-products-shop .stepbox ul li.iq { display: inline-block; font-weight: normal;}
.block-products-shop .stepbox ul li.iq a {
	background: #fff;
	border: #333 1px solid;
	border-radius: 2px;
	color: #000;
	display: block;
	font-size: 11px;
	line-height: 1.8em;
	padding: 0 4px;
	text-decoration:  none;
	text-align: center;
	}
.block-products-shop .stepbox ul li.iq a:hover { background: #505050; border: #303030 1px solid; color: #fff;}
.block-products-shop .stepbox ul li + li { margin-top: 5px;}
.block-products-shop .stepbox ul li i { margin-right: 5px;}
.block-products-shop .stepbox .step {
	background: #808080;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	left: -4px;
	padding: 0.3em 0.8em;
	position: absolute;
	top: 0.6em;
	transition: all 0.3s ease-out;
	}
.block-products-shop .stepbox:hover .step { background: #303030; left: -6px;}
/* -------- テーブル */
.block-products-shop .stepbox table { font-size: 13px;}
.block-products-shop .stepbox table thead { display: none;}
.block-products-shop .stepbox td a { text-decoration: underline;}
.block-products-shop .stepbox td a:hover { text-decoration: none;}
.block-products-shop .stepbox td span { color: #c0c0c0; padding: 0 8px;}
.block-products-shop .stepbox table tr:nth-child(odd) { background: #f0f0f0 !important;}
.block-products-shop .stepbox table tr:nth-child(odd) th,
.block-products-shop .stepbox table tr:nth-child(odd) td { background-color: transparent !important;}
.block-products-shop .stepbox tr {
	display: block;
	padding: 8px;
	width: 100%;
	}
.block-products-shop .stepbox th {
	display: block;
	max-width: inherit;
	padding: 0 0 3px 0;
	width: 100%;
	}
.block-products-shop .stepbox td {
	border-top: none;
	display: block;
	max-width: inherit;
	padding: 0;
	width: 100%;
	}
.block-products-shop .stepbox td.address::before,
.block-products-shop .stepbox td.tel::before,
.block-products-shop .stepbox td.holiday::before { display: inline-block; font-weight: 600;}
.block-products-shop .stepbox td.address::before { content: '住　所：';}
.block-products-shop .stepbox td.address br { display: none;}
.block-products-shop .stepbox td.tel::before { content: '連絡先：';}
.block-products-shop .stepbox td.holiday::before { content: '休　日：';}
.block-products-shop .stepbox td.storeserch { display: none;}
.block-products-shop .stepbox td:empty { display: none;}
/* -------- ボタン */
.block-products-shop p + .btn { margin-top: 1.3em;}
.block-products-shop .btn { width: 100%;}
.block-products-shop .btn a {
	background: #069;
	border-radius: 1px;
	color: #fff;
	display: block;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	padding: 1.0em 1.4em;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease-out;
	}
.block-products-shop .btn a::after {
	border-color: transparent transparent #fff transparent;
	border-style: solid;
	border-width: 0 0 6px 6px;
	bottom: 4px;
	content: "";
	height: 0;
	position: absolute;
	right: 4px;
	transition: all 0.3s ease 0s;
	width: 0;
	}
.block-products-shop .btn a:hover { background: #707070; filter: drop-shadow(1px 1px 6px rgba(0,0,0,0.4)); opacity: 1;}
.block-products-shop .btn a:hover::after { border-color: transparent transparent #e0e0e0 transparent; bottom: 8px; right: 8px;}
/* -------- 汎用ボックス */
.block-products-shop .innerbox { border-top: 1px solid #e0e0e0; margin-top: 1.2em; padding-top: 1.2em;}
/* -------- 注意書きボックス */
.block-products-shop .cationbox {
	margin-top: 1.6em;
	padding: 1.0em;
	border: 1px #c0c0c0 solid;
	border-radius: 2px;
	}
.block-products-shop .cationbox ul li { font-size: 100%; padding-left:1em; text-indent:-1em;}
.block-products-shop .cationbox ul li + li { margin-top: 0.4em;}
/* -------- 検索 */
.block-products-shop .stepbox .box {
	background: #fff;
	border: 1px solid #ccc;
	display: inline-block;
	height: 40px;
	letter-spacing: normal;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	width: 100%;
	}
.block-products-shop .stepbox .box:before,
.block-products-shop .stepbox .box:after {
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #505050 transparent transparent transparent;
	content: '';
	height: 0;
	position: absolute;
	right: 10px;
	top: 11px;
	width: 0;
	z-index: 2;
	}
.block-products-shop .stepbox .box:before { border-bottom-style: solid; border-top: none;}
.block-products-shop .stepbox .box:after {
	border-top-style: solid;
	border-bottom: none;
	margin-top: 6px;
	pointer-events: none;
	}
.block-products-shop .stepbox .box select {
	background: #f2f2f2;
	background: rgba(0, 0, 0, 0) !important;
	border: 0;
	border-radius: 0;
	color: #333;
	font-size: 13px;
	letter-spacing: normal;
	line-height: 40px;
	margin: 0;
	padding: 0 10px;
	position: relative;
	width: 100%;
	-webkit-appearance: none;
	}
.block-products-shop .stepbox .box select::-ms-expand { display: none;}
.block-products-shop .stepbox + .stepbox h3 { width: 100%;}
.block-products-shop .stepbox + .stepbox .box { width: 80%;}
.block-products-shop .stepbox + .stepbox input {
    background: #069;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
	font-weight: bold;
	line-height: 40px;
	margin-left: 2%;
	position: relative;
	transition: all 0.3s ease-out;
	width: 18%;
	}
.block-products-shop .stepbox + .stepbox input:hover { background: #707070;}
.block-products-shop .stepbox .box select:disabled,
.block-products-shop .stepbox input[type="submit"]:disabled { background: #dcdcdc !important; cursor: default; color: #ababab; filter: none;}
/* -------- SN-TW78dなど特定県のみ対応 */
.block-products-shop .stepbox .sp_pre { border: 1px solid #ccc; padding: 1.3em;}
.block-products-shop .stepbox h3 + .sp_pre,
.block-products-shop .stepbox p + .sp_pre { margin-top: 0.8em;}
.block-products-shop .stepbox .sp_pre ul { display: flex; flex-wrap: wrap; margin: -9px 0 0 -7px;}
.block-products-shop .stepbox .sp_pre ul li { line-height: 1.4em; margin: 9px 0 0 7px;}
.block-products-shop .stepbox .sp_pre ul li::after { color: #b0b0b0; content: "|"; display: inline; margin-left: 8px;}
.block-products-shop .stepbox .sp_pre ul li:last-child::after { content: ""; margin-left: 0;}

.SecurityMenu { display: none;}
.SecurityMenu.-isView { display: block;}
.SecurityMenu.-isView + .box,
.SecurityMenu.-isView + .box + #submit_button { display: none;}



/* -------- 製品カテゴリページライトボックス風呼び出し(旧) */
/* モーダルウィンドウ */
#StoreList.modal-block {
	border: #d0d0d0 solid 1px;
	box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6);
	left: 10px !important;
	max-height: 90vh;
	max-width: 1024px;
	overflow-y: auto;
	right: 10px !important;
	top: 7vh !important;
	z-index: 999999 !important;
	}
/* 枠組み */
#StoreList.modal-block .container { width: auto; margin: 0; padding: 2.0em 1.0em 1.0em 1.0em !important;}
#StoreList.modal-block .container .dealer_products { margin-bottom: 24px;}
#StoreList.modal-block .container .dealer_products h2 {
	background-color: transparent;
	border: none;
	border-bottom: solid 2px #c0c0c0;
    border-radius: 0;
    color: #000;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.4em;
	margin-bottom: 0;
	padding:0 0 0.4em 0;
	position: relative;
	text-align: left;
	}
#StoreList.modal-block .container .dealer_products h2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #E60012;
	bottom: -2px;
	width: 30%;
	}
#StoreList.modal-block .container .dealer_products h2 span { display: block; font-size: 15px;}
#StoreList.modal-block .container .dealer_products p {
	font-weight: 600;
	font-size: 13px;
	line-height: 1.4em;
	margin: 0.7em 0 0 0;
	}
#StoreList.modal-block .container .dealer_products p a { background: #e0e0e0; color: #000 !important; display: inline-block; padding: 0.4em 0.9em;}
#StoreList.modal-block .container .dealer_products p a:hover { background: #505050; color: #fff !important; text-decoration: none;}
#StoreList.modal-block .container .choicebox { display: none;}
#StoreList.modal-block .container h2.line { display: none;}
#StoreList.modal-block .container .stepbox { box-sizing: border-box; color: #000;}
#StoreList.modal-block .container .stepbox .step { display: none;}
#StoreList.modal-block .container .stepbox h3 { display: none;}
#StoreList.modal-block .container .stepbox table { font-size: 13px;}
#StoreList.modal-block .container .stepbox table thead { display: none;}
#StoreList.modal-block .container .stepbox td span { color: #c0c0c0; padding: 0 8px;}
#StoreList.modal-block .container .stepbox table tr:nth-child(odd) { background: #f0f0f0 !important;}
#StoreList.modal-block .container .stepbox table tr:nth-child(odd) th,
#StoreList.modal-block .container .stepbox table tr:nth-child(odd) td { background-color: transparent !important;}
#StoreList.modal-block .container .stepbox tr { display: block; padding: 8px; width: 100%;}
#StoreList.modal-block .container .stepbox th {
	background-color: transparent;
	border: none;
	display: block;
	max-width: inherit;
	padding: 0 0 3px 0;
	width: 100%;
	}
#StoreList.modal-block .container .stepbox td {
	border: none;
	display: block;
	max-width: inherit;
	padding: 0;
	width: 100%;
	}
#StoreList.modal-block .container .stepbox td.address::before,
#StoreList.modal-block .container .stepbox td.tel::before,
#StoreList.modal-block .container .stepbox td.holiday::before { display: inline-block; font-weight: 600;}
#StoreList.modal-block .container .stepbox td.address::before { content: '住　所：';}
#StoreList.modal-block .container .stepbox td.address br { display: none;}
#StoreList.modal-block .container .stepbox td.tel::before { content: '連絡先：';}
#StoreList.modal-block .container .stepbox td.holiday::before { content: '休　日：';}
#StoreList.modal-block .container .stepbox td.storeserch { display: none;}
#StoreList.modal-block .container .stepbox ul {}
#StoreList.modal-block .container .stepbox ul li { font-weight: bold; font-size: 13px; letter-spacing: normal; margin: 0;}
#StoreList.modal-block .container .stepbox ul li.dealername { font-size: 15px;}
#StoreList.modal-block .container .stepbox ul li.dealername a { text-decoration: underline;}
#StoreList.modal-block .container .stepbox ul li.iq {
	display: flex;
	font-weight: normal;
	margin: 0;
	position: relative;
	right: auto;
	top: auto;
	}
#StoreList.modal-block .container .stepbox ul li.iq a {
	background: #fff;
	border: #333 1px solid;
	border-radius: 2px;
	color: #000;
	display: block;
	font-size: 11px;
	line-height: 1.8em;
	padding: 0 6px;
	text-decoration:  none;
	text-align: center;
	}
#StoreList.modal-block .container .stepbox ul li.iq a:hover { background: #505050; border: #303030 1px solid; color: #fff !important;}
#StoreList.modal-block .container .stepbox ul li + li { margin-top: 5px;}
#StoreList.modal-block .container .stepbox ul li i { margin-right: 5px;}
/* 注意書きボックス */
#StoreList.modal-block .container .cationbox {
	margin-top: 1.6em;
	padding: 1.0em;
	border: 1px #c0c0c0 solid;
	border-radius: 2px;
	}
#StoreList.modal-block .container .cationbox ul li { font-size: 100%; padding-left:1em; text-indent:-1em;}
#StoreList.modal-block .container .cationbox ul li + li { margin-top: 0.4em;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-products-shop .stepbox { border: 3px solid #f0f0f0; padding: 1.2em;}
.block-products-shop .stepbox.result { padding: 0.6em;}
.block-products-shop .stepbox .step { left: -5px; top: 0.7em;}
.block-products-shop .stepbox:hover .step { left: -7px;}
/* -------- font */
.block-products-shop .stepbox ul li.iq a { font-size: 11px;}
/* -------- テーブル */
.block-products-shop .stepbox table { font-size: 14px;}
/* -------- ボタン */
.block-products-shop .btn { margin-left: auto;  margin-right: auto; width: 80%;}
.block-products-shop .btn a { font-size: 15px;}
/* -------- 検索 */
.block-products-shop .stepbox .box select { font-size: 14px;}
/* -------- 製品カテゴリページライトボックス風呼び出し */
/* 枠組み */
#StoreList.modal-block .container .stepbox table { font-size: 14px;}
#StoreList.modal-block .container .stepbox ul li.iq a { font-size: 11px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-products-shop .stepbox { border: 4px solid #f0f0f0; padding: 1.6em;}
.block-products-shop .stepbox.result { padding: 0.8em;}
.block-products-shop .stepbox + .stepbox { margin-top: 0.8em;}
.block-products-shop .stepbox .step { left: -0.6em; top: 1.0em;}
.block-products-shop .stepbox:hover .step { left: -1.0em;}
/* -------- 選択中の製品or地域 */
.block-products-shop .choicebox { position: absolute; top: -57px; width: 100%;}
.block-products-shop .choicebox ul li + li { margin-left: 0.5em;}
.block-products-shop .choicebox ul li a { font-size: 13px; padding: 0.5em 0.7em;}
.block-products-shop .choicebox ul li a i { margin-right: 7px;}
/* -------- テーブル */
.block-products-shop .stepbox tr { display: table-row; padding: 0; width: inherit;}
.block-products-shop .stepbox th { display: table-cell; max-width: 15em; padding: 0.8em; width: auto;}
.block-products-shop .stepbox td { display: table-cell; padding: 0.8em; width: auto;}
.block-products-shop .stepbox td:empty { display: table-cell;}
.block-products-shop .stepbox td.storeserch { display: table-cell;}
.block-products-shop .stepbox td.address::before,
.block-products-shop .stepbox td.tel::before,
.block-products-shop .stepbox td.holiday::before { content: '';}
.block-products-shop .stepbox table thead { display: table-header-group;}
.block-products-shop .stepbox table thead tr:nth-child(odd) { background: #777 !important;}
.block-products-shop .stepbox table th.shopcategory { color: #fff; text-align: center;}
/* -------- SN-TW78dなど特定県のみ対応 */
.block-products-shop .stepbox .sp_pre { padding: 1.5em;}
.block-products-shop .stepbox .sp_pre ul { margin: -10px 0 0 -8px;}
.block-products-shop .stepbox .sp_pre ul li { margin: 10px 0 0 8px;}
.block-products-shop .stepbox .sp_pre ul li::after {margin-left: 7px;}
/* -------- ボタン */
.block-products-shop .btn { width: 60%;}
/* -------- 製品カテゴリページライトボックス風呼び出し */
/* 枠組み */
#StoreList.modal-block .container { padding: 2.2em 1.4em 1.4em 1.4em !important;}
#StoreList.modal-block .container .dealer_products { margin-bottom: 32px;}
#StoreList.modal-block .container .dealer_products h2 { font-size: 26px;}
#StoreList.modal-block .container .dealer_products h2 span { display: block; font-size: 17px;}
#StoreList.modal-block .container .stepbox tr { display: table-row; padding: 0; width: inherit;}
#StoreList.modal-block .container .stepbox th { display: table-cell; max-width: 15em; padding: 0.8em; width: auto;}
#StoreList.modal-block .container .stepbox td { display: table-cell; padding: 0.8em; width: auto;}
#StoreList.modal-block .container .stepbox td:empty { display: table-cell;}
#StoreList.modal-block .container .stepbox td.storeserch { display: table-cell;}
#StoreList.modal-block .container .stepbox td.address::before,
#StoreList.modal-block .container .stepbox td.tel::before,
#StoreList.modal-block .container .stepbox td.holiday::before { content: '';}
#StoreList.modal-block .container .stepbox td.address br { display: block;}
#StoreList.modal-block .container .stepbox table thead { display: table-header-group;}
#StoreList.modal-block .container .stepbox table thead tr:nth-child(odd) { background: #777 !important;}
#StoreList.modal-block .container .stepbox table th.shopcategory { color: #fff; text-align: center;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 860px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 860px) {
/* -------- 製品カテゴリページライトボックス風呼び出し */
#StoreList.modal-block + #lean_overlay::after {
	margin: auto;
	top: 10px;
	}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-products-shop .stepbox { border: 5px solid #f0f0f0; padding: 1.8em;}
.block-products-shop .stepbox.result { padding: 1.0em;}
.block-products-shop .stepbox + .stepbox { margin-top: 1.0em;}
.block-products-shop .stepbox .step { left: -0.7em; top: 1.2em;}
.block-products-shop .stepbox:hover .step { left: -1.1em;}
/* -------- 選択中の製品or地域 */
.block-products-shop .choicebox { margin-bottom: 3.0em;}
.block-products-shop .choicebox ul li .choice { border-left: #e60012 6px solid; font-size: 16px; padding: 0.9em 0 0 19px;}
.block-products-shop .choicebox ul li .item span.name { font-size: 21px; margin-left: 25px;}
.block-products-shop .choicebox ul li .item span.link a { padding: 0.2em 1.4em 0.2em 25px;}
.block-products-shop .choicebox ul li .item span.link a i { margin-right: 9px;}
/* -------- font */
.block-products-shop .stepbox ul li.iq a { font-size: 11px;}
/* -------- テーブル */
.block-products-shop .stepbox table { font-size: 15px;}
.block-products-shop .stepbox th { padding: 1.0em;}
.block-products-shop .stepbox td { padding: 1.0em;}
/* -------- ボタン */
.block-products-shop .btn a { font-size: 16px;}
/* -------- 検索 */
.block-products-shop .stepbox .box select { font-size: 14px;}
/* -------- 製品カテゴリページライトボックス風呼び出し */
/* 枠組み */
#StoreList.modal-block .container { padding: 2.8em 1.7em 1.7em 1.7em !important;}
#StoreList.modal-block .container .dealer_products { margin-bottom: 40px;}
#StoreList.modal-block .container .dealer_products h2 { font-size: 29px;}
#StoreList.modal-block .container .dealer_products h2 span { display: block; font-size: 20px;}
#StoreList.modal-block .container .stepbox table { font-size: 15px;}
#StoreList.modal-block .container .stepbox th { padding: 1.0em;}
#StoreList.modal-block .container .stepbox td { padding: 1.0em;}
#StoreList.modal-block .container .stepbox ul li.iq a { font-size: 11px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1100px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1120px) {
/* -------- 製品カテゴリページライトボックス風呼び出し */
/* 枠組み */
#StoreList.modal-block + #lean_overlay::after {
    left: 10px;
    margin-left: calc((100% - 1120px) / 2);
    top: 52px;
	}
}



/* -------- 製品カテゴリページライトボックス風呼び出し(新) */
#lean_overlay { background: rgba(255,255,255,0.9);}
.block-dealer { background-color: #f0f0f0 !important; padding-bottom: 48px; padding-top: 48px;}
@media screen and (min-width: 768px) {
  .block-dealer { padding-bottom: 60px; padding-top: 60px;}
}
#StoreList.block-dealer .container { padding: 15px !important; max-width: inherit; width: 100%;}
@media screen and (min-width: 768px) {
	#StoreList.block-dealer .container { padding: 24px !important;}
}
@media screen and (min-width: 1200px) {
	#StoreList.block-dealer .container { padding: 36px !important;}
}
.block-dealer a,
.block-dealer th a { color: #069 !important;}
.block-dealer a:hover,
.block-dealer th a:hover { color: #a0a0a0 !important;}
.block-dealer p + .btn { margin-top: 24px;}
@media screen and (min-width: 768px) {
  .block-dealer p + .btn { margin-top: 36px;}
}
.block-dealer ul li { line-height: 1.5;}
.block-dealer ul li + li { margin-top: 6px;}
.block-dealer ul li i { margin-right: 6px;}
.block-dealer ul li.dealername,
.block-dealer th ul li.dealername { display: block; margin-right: 0;}
.block-dealer ul li.dealername a,
.block-dealer th ul li.dealername a { text-decoration: underline;}
.block-dealer ul li.iq,
.block-dealer th ul li.iq {
	display: inline-block;
	font-weight: normal;
	position: static;
	margin-top: 6px;
}
.block-dealer ul li.iq a,
.block-dealer th ul li.iq a {
  background-color: white;
  line-height: inherit;
  border: #303030 1px solid;
  border-radius: 2px;
  color: black !important;
  display: block;
  font-size: 11px;
  padding: 3px;
  text-align: center;
  text-decoration: none;
}
.block-dealer ul li.iq a:hover,
.block-dealer th ul li.iq a:hover { background-color: #505050; color: white;}
.block-dealer i.fa-shopping-cart { font-size: 93%; margin-right: 0.6rem;}
.block-dealer table { border-collapse: collapse; border-spacing: inherit;}
.block-dealer table tr { padding: 0.84rem;}
.block-dealer table tr th, .block-dealer table tr td { border: none; border-spacing: 0; line-height: 1.8;}
@media screen and (min-width: 768px) {
  .block-dealer table tr th, .block-dealer table tr td { display: table-cell; padding: 12px;}
}
@media screen and (min-width: 1200px) {
  .block-dealer table tr th, .block-dealer table tr td { padding-left: 18px; padding-right: 18px;}
}
.block-dealer table tr th a, .block-dealer table tr td a { word-break: break-all;}
@media screen and (min-width: 768px) {
  .block-dealer table tr th { max-width: 190px; width: auto;}
}
@media screen and (min-width: 768px) {
  .block-dealer table tr th.shopcategory { color: white; text-align: center;}
}
.block-dealer table tr th ul li { font-weight: bold;}
@media screen and (min-width: 768px) {
  .block-dealer table tr td { width: auto;}
}
.block-dealer table tr td.address::before { content: "住　所：";}
.block-dealer table tr td.tel::before { content: "連絡先：";}
.block-dealer table tr td.holiday::before { content: "休　日：";}
.block-dealer table tr td.address br, .block-dealer table tr td.tel br, .block-dealer table tr td.holiday br {display: none;}
.block-dealer table tr td.address::before, .block-dealer table tr td.tel::before, .block-dealer table tr td.holiday::before { display: inline-block; font-weight: 600;}
@media screen and (min-width: 768px) {
  .block-dealer table tr td.address::before, .block-dealer table tr td.tel::before, .block-dealer table tr td.holiday::before { content: "";}
}
.block-dealer table tr td.storeserch, .block-dealer table tr td:empty { display: none;}
@media screen and (min-width: 768px) {
  .block-dealer table tr td.storeserch, .block-dealer table tr td:empty { display: table-cell;}
}
.block-dealer table tr td a { text-decoration: underline;}
.block-dealer table tr td a:hover { text-decoration: none;}
.block-dealer table tr td span { color: #d0d0d0; padding-left: 0.96rem; padding-right: 0.96rem;}
.block-dealer table tr:nth-child(odd) { background: #f0f0f0;}
.block-dealer table tr:nth-child(even) th, .block-dealer table tr:nth-child(even) td { background-color: transparent !important;}


.block-dealer table tr + tr { border-top: none; margin-top: 0; padding: 0.84rem;}
.block-dealer table thead { display: none;}
@media screen and (min-width: 768px) {
  .block-dealer table thead { display: table-header-group;}
}
.block-dealer table thead tr:nth-child(odd) { background-color: #707070;}
.block-dealer table thead tr th,
.block-dealer table thead tr th.shopcategory { background-color: #707070;}
.block-dealer .btn { line-height: 1.5;}
.block-dealer .btn::before, .block-dealer .btn::after { content: ""; display: block; height: 0; width: 0;}
.block-dealer .btn::before { margin-top: calc((1 - 1.5) * 0.5em);}
.block-dealer .btn::after { margin-bottom: calc((1 - 1.5) * 0.5em);}
.block-dealer .btn::after, .block-dealer .btn::before { margin-bottom: auto; margin-top: auto;}
.block-dealer .btn a {
	background-color: #069;
	background: -webkit-gradient(linear, left top, left bottom, from(#069), to(#069));
	border-radius: 1px;
    -webkit-box-shadow: 1px 1px 2px #000;
    box-shadow: 1px 1px 2px #000;
	color: white;
	display: block;
	font-size: 120%;
	font-weight: 400;
	line-height: 1.5;
	max-width: 100%;
	padding: 24px;
	position: relative;
    -webkit-transition: all 0.3s ease-out;
	text-align: center;
    transition: all 0.3s ease-out;
}
@media screen and (min-width: 768px) {
	.block-dealer .btn a { margin: auto; max-width: 600px;}
}
.block-dealer .btn a:hover { background-color: #707070; color: #fff !important;}
.block-dealer .btn a i {
	bottom: auto;
	margin: 0;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.block-dealer .inner { border-top: 1px solid #e0e0e0; margin-top: 16px; padding-top: 16px;}
@media screen and (min-width: 768px) {
	.block-dealer .inner { margin-top: 20px; padding-top: 20px;}
}
.block-dealer#StoreList { background-color: white !important; padding: 0;}
.block-dealer#StoreList h2.line {
  background-color: transparent;
  color: black;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex !important;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: solid 2px #c0c0c0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
  padding:0 0 0.96rem 0;
  position: relative;
  text-align: left;
  width: 100%;
  margin-bottom: 36px;
}
@media screen and (min-width: 768px) {
	.block-dealer#StoreList h2.line { font-size: 26px; margin-bottom: 48px;}
}
@media screen and (min-width: 1024px) {
	.block-dealer#StoreList h2.line { font-size: 30px;}
}
.block-dealer#StoreList h2.line::after {
  border-bottom: solid 2px #e60012;
  bottom: -2px;
  content: " ";
  display: block;
  margin-bottom: 0;
  position: absolute;
  width: 30%;
}
.block-dealer#StoreList h2.line span { font-size: 70%; width: 100%;}
.block-dealer#StoreList ul.back {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	font-size: 11px;
	line-height: 2.5;
	margin-top: -24px;
	position: relative;
	top: auto;
}
@media screen and (min-width: 768px) {
	.block-dealer#StoreList ul.back { font-size: 12px; line-height: 3; margin-top: -36px;}
}
@media screen and (min-width: 1024px) {
	.block-dealer#StoreList ul.back { font-size: 13px; line-height: 4;}
}
.block-dealer#StoreList ul.back li { font-size: 11px; line-height: 2.5;}
@media screen and (min-width: 768px) {
	.block-dealer#StoreList ul.back li { font-size: 12px; line-height: 3;}
}
@media screen and (min-width: 1024px) {
	.block-dealer#StoreList ul.back li { font-size: 13px; line-height: 4;}
}
.block-dealer#StoreList ul.back li + li { margin-left: 4px; margin-top: 0;}
.block-dealer#StoreList ul.back li a {
	background: white;
	display: block;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;
	box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;
	padding-left: 6px;
	padding-right: 6px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
@media screen and (min-width: 768px) {
	.block-dealer#StoreList ul.back li a { padding-left: 10px; padding-right: 10px;}
}
.block-dealer#StoreList ul.back li a:hover {
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 6px;
	box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 6px;
}
.block-dealer#StoreList ul.back li a i { font-size: 93%; margin-right: 8px;}
.block-dealer#StoreList .block-dealer-result { background-color: white !important;}
.block-dealer#StoreList ul.back + .block-dealer-result { margin-top: 24px;}
@media screen and (min-width: 768px) {
	.block-dealer#StoreList ul.back + .block-dealer-result { margin-top: 36px;}
}
block-dealer div + .cation-box { margin-top: 1.8rem;}
@media screen and (min-width: 768px) {
	block-dealer div + .cation-box { margin-top: 3rem;}
}
block-dealer .cation-box { border: 1px #d0d0d0 solid; border-radius: 2px; padding: 12px;}
@media screen and (min-width: 768px) {
	block-dealer .cation-box { padding-left: 24px; padding-right: 24px;}
}
block-dealer .cation-box ul li + li { margin-top: 6px;}
block-dealer .cation-box ul.sup li { font-size: 100%;}
block-dealer .cation-box ul.sup li::before { content: "※";}




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

14.用品ページ(ヘッダーメニュー調整後削除)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.category { border-bottom: 1px solid #e0e0e0; margin: 0 0 3.0em 0; padding: 0 0 3.0em 0;}
/* -------- タイトル */
.category .cat_title { background-color: #666; margin: 0 -10px 2.0em -10px;}
#car .category .cat_title { background-color: #d61518;}
#bike .category .cat_title { background-color: #008aab;}
#golf .category .cat_title { background-color: #00ae41;}
#sports .category .cat_title { background-color: #00ae41;}
.category .cat_title .cat_visual { width: 100%;}
.category .cat_title .cat_visual img { width: 100%;}
.category .cat_title .cat_name h2 { font-size: 18px; line-height: 1.5em; text-align: center;}
.category .cat_title .cat_name h2 a { color: #fff; display: block; padding: 0.8em 0;}
.category .cat_title .cat_name h2 .tit_en { display: none;}
#car .category .cat_title .cat_name h2 a,
#bike .category .cat_title .cat_name h2 a,
#golf .category .cat_title .cat_name h2 a,
#sports .category .cat_title .cat_name h2 a { color: #fff;}
.category .cat_title .cat_name h2 a:hover { text-decoration: none;}
/* -------- テキスト */
.category h3 { font-size: 17px; margin: 2.0em 0 0.7em 0;}
.category h3 i { margin-right: 0.4em;}
#car .category h3 i { color: #d61518;}
#bike .category h3 i { color: #008aab;}
#golf .category h3 i,
#sports .category h3 i{ color: #00ae41;}
.category p { line-height: 1.4em; word-wrap: break-word;}
.category p.txt { font-size: 14px; line-height: 1.6em;}
.category p.img { display: block; text-align: center; width: 100%;}
.category p + p { margin-top: 0.7em;}
.category p.img + ul { margin-top: 1.5em;}
/* -------- ボタン */
.category .cat_btn { font-size: 16px; line-height: 1.4em; margin: 1.5em 0 0 0;}
.category .cat_btn a {
	background-color: #f0f0f0;
	border: none;
	border-radius: 0;
    box-shadow: rgba(0,0,0,0.2) 1px 1px 0;
	font-weight: 600;
	line-height: inherit;
    padding: 1.2em 0.6em;
	text-align: center;
    transition: all 0.3s ease-out;
    width: 100%;
	}
.category .cat_btn a:hover { box-shadow: rgba(0,0,0,0.4) 1px 1px 7px;}
.category .cat_btn a i { font-size: 14px; margin-right: 0.5em;}
.category .sp_btn { line-height: 1.4em; margin:0 auto 1.5em auto; text-align: center;}
/* -------- 関連コンテンツ */
.category .flex-box.col3,
.category .flex-box.col4 { margin-top: -0.8em;}
.category .flex-box.col3 li,
.category .flex-box.col4 li { display: block; margin: 0.8em auto 0 auto; text-align: center; width: 100%;}
/* -------- PRコンテンツ */
.category .pr {
	border: #e0e0e0 solid 3px;
	box-sizing: border-box;
	margin-top: 1.5em;
	padding: 15px;
	width: 100%;
	}
.category .pr li + li { margin-top: 13px;}
.category .pr li.txt { line-height: 1.5em;}
.category .pr li.img { text-align: center; width: 100%;}
.category .pr li.img img { max-width: 120px;}
/* -------- 菜乃子プロ */
.category .nanoko-cnt .cat_title { margin: 0 10px 0 10px;}
#golf .category .nanoko-cnt .cat_title { background-color: #fff;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
/* -------- タイトル */
.category .cat_title { margin: 0 -20px 2.0em -20px;}
/* -------- テキスト */
.category .txt { font-size: 15px;}
/* -------- ボタン */
/* -------- 関連コンテンツ */
.category .flex-box.col3,
.category .flex-box.col4 { margin-left: -10px; margin-top: -10px; width: auto;}
.category .flex-box.col3 li,
.category .flex-box.col4 li { margin-left: 10px; margin-top: 10px; width: calc((100% / 2) - 10px);}
/* -------- 菜乃子プロ */
.category .nanoko-cnt .cat_title { margin: 0 20px 0 20px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.category { background-color: #fff; border: none; margin: 0; padding: 60px 0;}
.category:nth-child(odd) { background-color: #f0f0f0;}
/* -------- タイトル */
.category .cat_title { display: flex; margin-left: 0; margin-right: 0;}
.category .cat_title .cat_name { order: 1; width: 40%;}
.category .cat_title .cat_name h2 { height: 100%; text-align: left}
.category .cat_title .cat_name h2 a {
    color: #fff;
    display: block;
    padding: 1.8em 1.8em 0 1.8em;
    height: 100%;
    width: 100%;
	}
.category .cat_title .cat_name h2 .tit_jp {
	display: block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3em;
	}
.category .cat_title .cat_name h2 .tit_en {
	display: block;
	font-size: 21px;
	font-weight: 600;
	padding-left: 2px;
	margin: 0.6em 0 0 0;
	}
.category .cat_title .cat_visual { order: 2; width: 60%;}
/* -------- テキスト */
.category h3 { font-size: 19px;}
.category p.txt { font-size: 15px;}
/* -------- ボタン */
.category .cat_btn { font-size: 18px; margin: 1.5em 3.0em 0 3.0em;}
.category:nth-child(odd) .cat_btn a { background-color: #fff;}
/* -------- 関連コンテンツ */
.category .flex-box.col3,
.category .flex-box.col4 { margin-left: -15px; margin-top: -15px;}
.category .flex-box.col3 li { margin-left: 15px; margin-top: 15px; width: calc((100% / 3) - 15px);}
.category .flex-box.col4 li { margin-left: 15px; margin-top: 15px; width: calc((100% / 4) - 15px);}
.category .flex-box.col3 li img,
.category .flex-box.col4 li img { width: 100%;}
/* -------- PRコンテンツ */
.category .pr { align-items: center; display: flex;}
.category .pr li.txt { order: 1; text-align: left; width: auto;}
.category .pr li.img { margin-left: 30px; order: 2; width: auto;}
.category .pr li.img img {max-width: 130px; width: auto;}
/* -------- mij */
.category .mij { flex-wrap: nowrap;}
.category .mij p + p { margin-top: 0;}
.category .mij .txt { width: calc(100% - 310px);}
.category .mij .img { margin-left: 30px; width: 280px;}
.category .mij .img img { max-width: 100%; width: auto;}
/* -------- 菜乃子プロ */
.category .nanoko-cnt .cat_title { margin: 0 20px 0 20px;}
.category .nanoko-cnt .cat_title .cat_visual { order: 1; width: 330px;}
.category .nanoko-cnt .cat_title .cat_name { order: 2; width: calc(100% - 330px);}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/* -------- タイトル */
.category .cat_title .cat_name { width: calc(100% - 640px);}
.category .cat_title .cat_visual { width: 640px;}
/* -------- テキスト */
.category h3 { font-size: 20px;}
.category p.txt { font-size: 16px;}
/* -------- 菜乃子プロ */
.category .nanoko-cnt .cat_title {
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
	}
}



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

製品アップデータ/製品情報/お知らせ設定

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-release .flex-box > div ul.list li.biz { display: none;}