@charset "UTF-8";
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
common.css
1.ヘッダータイトル
2.製品ヘッダーメニュー
3.製品タイトル
4.動画/ビジュアル
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


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

1.ヘッダータイトル

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-title.products.model .container { padding: 30px 0;}
/* -------------------------------
タイトル
------------------------------- */
.block-title.products.model .title { width: 100%;}
.block-title.products.model h2 span.sub { font-size: 14px; line-height: 1.3em; margin-bottom: 0.3em;}
.block-title.products.model h2 span.name { display: inline-block; font-size: 28px !important;}
.block-title.products.model h2 span.model { display: inline-block; font-size: 20px; font-weight: 600; margin-bottom: 0;}
.block-title.products.model h2 span.title { font-size: 18px; margin-top: 0.6em; width: 100%;}
.block-title.products.model h2 span.txt { font-size: 13px; margin-top: 0.6em; width: 100%;}
.block-title.products.model ul { border-left-color: #a0a0a0;}
.block-title.products.model ul li { color: #a0a0a0; font-size: 10px;}
.block-title.products.model ul li a { color:#a0a0a0 !important;}
/* -------------------------------
SNS
------------------------------- */
.block-title.products.model .complement { display: flex; margin-top: 15px; width: 100%;}
.block-title.products.model .complement p.type {
	background: #424551;
	color: #fff;
	font-size: 11px;
	line-height: 30px;
	padding: 0 1.0em;
	border-radius: 2px;
	}
.block-title.products.model .complement ul { border-left: none; margin: 0 0 0 auto; padding: 0;}
.block-title.products.model .complement ul li { font-size: 18px; line-height: 30px; width: 30px;}
.block-title.products.model .complement ul li a { border-radius: 2px; color: #fff !important; display: block; text-align: center;}
.block-title.products.model .complement ul li.facebook a { background: #3B5998; vertical-align: bottom;}
.block-title.products.model .complement ul li.twitter a { background: #1DA1F2;}
.block-title.products.model .complement ul li a:hover { background: #505050; overflow: hidden;}
.block-title.products.model .complement ul li i { margin: 0;}
.block-title.products.model .complement ul li.facebook i { margin-left: 6px; vertical-align: bottom;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-title.products.model .container { padding: 35px 0;}
/* -------------------------------
タイトル
------------------------------- */
.block-title.products.model .title { width: calc(100% - 120px);}
.block-title.products.model h2 { align-items: baseline;}
.block-title.products.model h2 span.sub { font-size: 16px; line-height: 1.4em;}
.block-title.products.model h2 span.name { font-size: 32px !important;}
.block-title.products.model h2 span.model { font-size: 24px; margin: 0 0.4em 0 0;}
.block-title.products.model h2 span.title { font-size: 22px;}
.block-title.products.model h2 span.txt { font-size: 15px;}
.block-title.products.model ul li { font-size: 12px;}
/* -------------------------------
SNS
------------------------------- */
.block-title.products.model .complement { align-items: baseline; flex-wrap: wrap; margin-top: 0; width: 120px;}
.block-title.products.model .complement p.type {
	font-size: 12px;
	line-height: 1.3em;
	padding: 1.2em 0;
	text-align: center;
	width: 100%;
	}
.block-title.products.model .complement p.type + p { margin: 0 0 0.4em 0;}
.block-title.products.model .complement ul { border-left: none; margin: auto 0 0 0; padding: 0; width: 100%;}
.block-title.products.model .complement ul li { font-size: 16px; line-height: 25px; width: calc((100% / 2) - 2px);}
.block-title.products.model .complement ul li a { text-align: center;}
.block-title.products.model .complement ul li.facebook a { vertical-align: middle;}
.block-title.products.model .complement ul li.facebook i { margin-left: 0; vertical-align: middle;}
.block-title.products.model .complement ul li.twitter { margin-left: 4px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-title.products.model .container { padding: 40px 0;}
/* -------------------------------
タイトル
------------------------------- */
.block-title.products.model .title { width: calc(100% - 150px);}
.block-title.products.model h2 span.sub { font-size: 18px;}
.block-title.products.model h2 span.name { font-size: 37px !important;}
.block-title.products.model h2 span.model { font-size: 26px;}
.block-title.products.model h2 span.title { font-size: 24px;}
.block-title.products.model h2 span.txt { font-size: 16px;}
.block-title.products.model ul li { font-size: 13px;}
/* -------------------------------
SNS
------------------------------- */
.block-title.products.model .complement { width: 150px;}
.block-title.products.model .complement p.type { padding: 1.4em 0;}
.block-title.products.model .complement ul li { font-size: 17px; line-height: 28px;}
}



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

2.製品メニュー

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-tab {
	background: #d61518 !important;
	filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));
	padding: 0;
	position: relative;
	z-index: 888;
	}
#bike .block-tab { background-color: #008aab !important;}
#golf .block-tab { background-color: #00ae41 !important;}
#support .block-tab { background-color: #069 !important;}
.block-tab .container { margin-right: 0; margin-left: 0;}
/* -------------- リンク */
#car main .block-tab a,
#bike main .block-tab a,
#golf main .block-tab a,
#support main .block-tab a { color: #fff;}
.block-tab a:hover,
.block-tab a:focus,
.menu-mobile a:hover,
.menu-mobile a:focus { text-decoration: none;}
/* -------------- ハンバーガー  */
.menu-mobile {
	display: block;
	font-size: 13px;
	padding: 1.5em 10px;
	position: relative;
	transition: padding-top 0.3s ease 0s;
	transition: padding-bottom 0.3s ease 0s;
	}
.menu-mobile:after {
	content: "\f0c9";
	font-family: "FontAwesome";
	font-size: 24px;
	margin-top: -12px;
	right: 10px;
	position: absolute;
	top: 50%;
	}
.menu-mobile.on:after { content: "\f00d";}
/* -------------- メニューリスト  */
.block-tab .sub_menu { display: block;}
.block-tab .sub_menu > ul {
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px;
	box-sizing: border-box;
	display: none;
	margin: 8px 10px 0 10px;
	position: absolute;
	width: calc(100% - 20px);
	z-index: 9;
	}
.block-tab .sub_menu > ul li + li { border-top: 1px solid #f0f0f0; margin: 0 !important;}
.block-tab .sub_menu > ul li a {
	color: #d61518 !important;
	display: block;
	line-height: 36px;
	padding: 0 1.0em;
	position: relative;
	text-decoration: none;
	transition: background 0.2s ease 0s, color 0.2s ease 0s;
	}
.block-tab .sub_menu > ul li a::before { content: "\f105"; font-family: FontAwesome; font-size: 12px; margin-right: 8px;}
#bike .block-tab .sub_menu > ul li a { color: #008aab !important;}
#golf .block-tab .sub_menu > ul li a { color: #00ae41 !important;}
#support .block-tab .sub_menu > ul li a { color: #069 !important;}
.block-tab .sub_menu > ul li a:hover { background: #d61518; color: #fff !important;}
#bike .block-tab .sub_menu > ul li a:hover { background: #008aab;}
#golf .block-tab .sub_menu > ul li a:hover { background: #00ae41;}
#support .block-tab .sub_menu > ul li a:hover { background: #069; color: #fff !important;}
.block-tab .sub_menu > ul li.active > a,
#bike .block-tab .sub_menu > ul li.active > a,
#golf .block-tab .sub_menu > ul li.active > a,
#support .block-tab .sub_menu > ul li.active > a { color: #fff !important;}
.menu-mobile.on +  ul li.active > a { background: #d61518;}
#bike .menu-mobile.on +  ul li.active > a { background: #008aab;}
#golf .menu-mobile.on +  ul li.active > a { background: #00ae41;}
#support .menu-mobile.on +  ul li.active > a { background: #069;}
.block-tab .sub_menu > ul > li > ul { display: none; position: relative;}
.block-tab .sub_menu > ul > li > ul li + li { border-top: 1px solid #e0e0e0;}
.block-tab .sub_menu > ul > li > ul li a { background: #f0f0f0; padding: 0 1.0em 0 2.0em;}
.menu-dropdown-icon:before {
	background: #d0d0d0;
	color: #333;
	content: "\f067";
	cursor: pointer;
	display: block;
	font-family: "FontAwesome";
	line-height: 36px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 36px;
	z-index: 9;
	}
.menu-dropdown-icon.on:before { content: "\f077";}
.block-tab .sub_menu > ul > li > ul > li > ul { display: none;}
/* -------------------------------
スクロールエフェクト
------------------------------- */
.block-tab.fixed { filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4)); position: fixed; top: 0; width: 100%;}
/* -------------- ハンバーガー  */
.block-tab.fixed .menu-mobile { font-size: 12px; padding: 0.6em 10px;}
.block-tab.fixed .menu-mobile:after { font-size: 18px; margin-top: -9px;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-tab .container { margin-right: 0; margin-left: 0;}
/* -------------- ハンバーガー  */
.menu-mobile { font-size: 14px; padding: 1.5em 20px;}
.menu-mobile:after { right: 20px;}
/* -------------------------------
スクロールエフェクト
------------------------------- */
/* -------------- ハンバーガー  */
.block-tab.fixed .menu-mobile { font-size: 12px; padding: 0.6em 20px;}
}

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

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
.block-tab .container { margin-right: 20px; margin-left: 20px;}
/* -------------- ハンバーガー  */
.menu-mobile { display: none;}
/* -------------- メニューリスト  */
.menu-dropdown-icon:before { content: "";}
.block-tab .sub_menu { display: block;}
.block-tab .sub_menu > ul {
	align-items: stretch;
	background-color: transparent;
	box-shadow: none;
	display: flex !important;
	flex-wrap: nowrap;
	margin: 0 0 0 -10px;
	position: static;
	width: 100%;
	}
.block-tab .sub_menu > ul li { font-size: 11px; line-height: 1.4em; margin-left: 10px; text-align: center;}
.block-tab .sub_menu > ul li + li { border: none; margin-left: 10px !important;}
.block-tab .sub_menu > ul li a { color: #fff !important; line-height: 1.4em; padding: 1.3em 0.5em;}
#bike .block-tab .sub_menu > ul li a,
#golf .block-tab .sub_menu > ul li a,
#support .block-tab .sub_menu > ul li a { color: #fff !important;}
.block-tab .sub_menu > ul li a::before { content: ""; margin-right: 0;}
.block-tab .sub_menu > ul li.menu-dropdown-icon > a { padding: 1.3em 1.5em 1.3em 0.5em;}
.block-tab .sub_menu > ul li.menu-dropdown-icon > a:before {
	color: #fff;
	content: "\f107";
	font-family: "FontAwesome";
	font-size: 12px;
	font-weight: 600;
	position: absolute;
	right: 0;
	transition: all 0.3s ease-out;
	}
.block-tab .sub_menu > ul li.menu-dropdown-icon > a.open::before { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.block-tab .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%;
	}
#bike .block-tab .sub_menu > ul > li > a::after { background: #008aab}
#golf .block-tab .sub_menu > ul > li > a::after { background: #00ae41}
#support .block-tab .sub_menu > ul > li > a::after { background: #069}
.block-tab .sub_menu > ul > li > a:hover::after { background: #A40F19;}
#bike .block-tab .sub_menu > ul > li > a:hover::after { background: #06669F;}
#golf .block-tab .sub_menu > ul > li > a:hover::after { background: #266c26;}
#support .block-tab .sub_menu > ul > li > a:hover::after { background: #069;}
.block-tab .sub_menu > ul > li.active > a::after,
.block-tab .sub_menu > ul > li.active > a:hover::after,
#bike .block-tab .sub_menu > ul > li.active > a::after,
#bike .block-tab .sub_menu > ul > li.active > a:hover::after,
#golf .block-tab .sub_menu > ul > li.active > a::after,
#golf .block-tab .sub_menu > ul > li.active > a:hover::after,
#support .block-tab .sub_menu > ul > li.active > a::after,
#support .block-tab .sub_menu > ul > li.active > a:hover::after { background: #fff;}
.block-tab .sub_menu > ul > li > ul {
	background: #f0f0f0;
	box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px;
	color: #000;
	margin: 8px 0 0 0;
	max-width: 100%;
	padding: 1.2em;
	position: absolute;
	right: 0;
	width: 100%;
	}
/* #support .block-tab .sub_menu > ul > li > ul { right: auto; width: auto;}  */
.block-tab .sub_menu > ul > li > ul > li { font-size: 13px; font-weight: 600; margin: 0; text-align: left;}
.block-tab .sub_menu > ul > li > ul > li + li { border-top: 1px solid #e0e0e0; padding: 1.0em 0 0 0; margin: 1.0em 0 0 0 !important;}
.block-tab .sub_menu > ul > li > ul > li a { background-color: transparent; color: #d61518 !important; padding: 0;}
.block-tab .sub_menu > ul > li > ul > li > a::before { content: "\f105"; font-family: FontAwesome; font-size: 12px; margin-right: 6px;}
#bike .block-tab .sub_menu > ul > li > ul > li a { color: #008aab !important;}
#golf .block-tab .sub_menu > ul > li > ul > li a { color: #00ae41 !important;}
#support .block-tab .sub_menu > ul > li > ul > li a { color: #069 !important;}
.block-tab .sub_menu > ul > li > ul > li a:hover,
#bike .block-tab .sub_menu > ul > li > ul > li a:hover,
#golf .block-tab .sub_menu > ul > li > ul > li a:hover,
#support .block-tab .sub_menu > ul > li > ul > li a:hover { background-color: transparent; color: #303030 !important;}
.block-tab .sub_menu > ul > li > ul > li > ul { display: flex; flex-wrap: wrap; margin:0 0 0 -0.4em;}
.block-tab .sub_menu > ul > li > ul > li > ul li { font-size: 12px !important; font-weight: 400; margin: 0.4em 0 0 0.4em; padding: 0;}
.block-tab .sub_menu > ul > li > ul > li > ul li + li { border: none; margin: 0.4em 0 0 0.4em !important; padding: 0;}
.block-tab .sub_menu > ul > li > ul > li > ul li a,
#bike .block-tab .sub_menu > ul > li > ul > li > ul li a,
#golf .block-tab .sub_menu > ul > li > ul > li > ul li a,
#support .block-tab .sub_menu > ul > li > ul > li > ul li a { background: #fff; color: #000 !important; padding: 0.4em 0.6em;}
.block-tab .sub_menu > ul > li > ul > li > ul li a i { margin-left: 0.5em}
.block-tab .sub_menu > ul > li > ul > li > ul li a:hover,
#bike .block-tab .sub_menu > ul > li > ul > li > ul li a:hover,
#golf .block-tab .sub_menu > ul > li > ul > li > ul li a:hover,
#support .block-tab .sub_menu > ul > li > ul > li > ul li a:hover { background-color: #909090; color: #fff !important;}
	
/* -------------------------------
スクロールエフェクト
------------------------------- */
/* -------------- メニューリスト  */
.block-tab.fixed,
#bike .block-tab.fixed,
#golf .block-tab.fixed,
#support .block-tab.fixed { background: #fff !important;}
.block-tab.fixed .sub_menu > ul > li > a { color: #d61518 !important; padding: 0.75em 0.5em;}
#bike .block-tab.fixed .sub_menu > ul > li > a { color: #008aab !important;}
#golf .block-tab.fixed .sub_menu > ul > li > a { color: #00ae41 !important;}
#support .block-tab.fixed .sub_menu > ul > li > a { color: #069 !important;}
.block-tab.fixed .sub_menu > ul > li > a:hover,
#bike .block-tab.fixed .sub_menu > ul > li > a:hover,
#golf .block-tab.fixed .sub_menu > ul > li > a:hover,
#support .block-tab.fixed .sub_menu > ul > li > a:hover { background-color: transparent;}
.block-tab.fixed .sub_menu > ul > li.active > a { background-color: transparent; color: #d61518 !important;}
#bike .block-tab.fixed .sub_menu > ul > li.active > a { color: #008aab !important;}
#golf .block-tab.fixed .sub_menu > ul > li.active > a { color: #00ae41 !important;}
#support .block-tab.fixed .sub_menu > ul > li.active > a { color: #069 !important;}
.block-tab.fixed .sub_menu > ul > li > a::after { background: #fff; height: 2px;}
#bike .block-tab.fixed .sub_menu > ul > li > a::after { background: #fff;}
#golf .block-tab.fixed .sub_menu > ul > li > a::after { background: #fff;}
#support .block-tab.fixed .sub_menu > ul > li > a::after { background: #fff;}
.block-tab.fixed .sub_menu > ul > li > a:hover::after { background: #d61518;}
#bike .block-tab.fixed .sub_menu > ul > li > a:hover::after { background: #008aab}
#golf .block-tab.fixed .sub_menu > ul > li > a:hover::after { background: #00ae41}
#support .block-tab.fixed .sub_menu > ul > li > a:hover::after { background: #069}
.block-tab.fixed .sub_menu > ul > li.active > a::after { background: #d61518;}
#bike .block-tab.fixed .sub_menu > ul > li.active > a::after { background: #008aab}
#golf .block-tab.fixed .sub_menu > ul > li.active > a::after { background: #00ae41}
#support .block-tab.fixed .sub_menu > ul > li.active > a::after { background: #069}
.block-tab.fixed .sub_menu > ul > li.menu-dropdown-icon > a { padding: 0.75em 1.5em 0.75em 0.5em;}
.block-tab.fixed .sub_menu > ul > li.menu-dropdown-icon > a:before { color: #d61518;}
#bike .block-tab.fixed .sub_menu > ul > li.menu-dropdown-icon > a:before { color: #008aab}
#golf .block-tab.fixed .sub_menu > ul > li.menu-dropdown-icon > a:before { color: #00ae41}
#support .block-tab.fixed .sub_menu > ul > li.menu-dropdown-icon > a:before { color: #069}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
/* -------------- メニューリスト  */
.block-tab .sub_menu > ul li { font-size: 12px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
.block-tab .container { margin-right: 40px; margin-left: 40px;}
/* -------------- メニューリスト  */
.block-tab .sub_menu > ul { margin: 0 0 0 -15px;}
.block-tab .sub_menu > ul li { margin-left: 15px;}
.block-tab .sub_menu > ul li + li { margin-left: 15px !important;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-tab .container { margin-right: 50px; margin-left: 50px;}
/* -------------- メニューリスト  */
.block-tab .sub_menu > ul li { font-size: 14px;}
.block-tab .sub_menu > ul > li > ul > li { font-size: 14px;}
.block-tab.fixed .sub_menu > ul li { font-size: 13px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1280px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1280px) {
.block-tab .container { width: 1160px; margin-right: auto; margin-left: auto;}
/* -------------- メニューリスト  */
.block-tab .sub_menu > ul { margin: 0 0 0 -18px;}
.block-tab .sub_menu > ul li { margin-left: 18px;}
.block-tab .sub_menu > ul li + li { margin-left: 18px !important;}
}




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

3.製品タイトル(旧)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-lead-item {
	background: #111 !important;
	background: -webkit-gradient(radial, 50% 0%, 10, 0 -25%, 200, color-stop(1.00, #333), color-stop(0.00, #111)) !important;
	background: -webkit-radial-gradient(50% 0%, circle, #333, #111) !important;
	background: -moz-radial-gradient(50% 0%, circle, #333, #111) !important;
	background: -o-radial-gradient(50% 0%, circle, #333, #111) !important;
	background: -ms-radial-gradient(50% 0%, circle, #333, #111) !important;
	background: radial-gradient(50% 0%, circle, #333, #111) !important;
	overflow: hidden;
	}
.block-lead-item .container { border-top: 1px solid #424551; padding-bottom: 30px; padding-top: 30px;}
.block-lead-item .row { display: flex; flex-wrap: wrap; margin-left: 0 !important;}
.block-lead-item .row .col8,
.block-lead-item .row .col7,
.block-lead-item .row .col5,
.block-lead-item .row .col4,
.block-lead-item .row .col3 { margin-left: 0 !important; width: 100% !important;}
.block-lead-item .row .col8,
.block-lead-item .row .col7 { order: 2;}
.block-lead-item .row .col5,
.block-lead-item .row .col4,
.block-lead-item .row .col3 { margin-bottom: 30px; order: 1;}
.block-lead-item .row .col5 img,
.block-lead-item .row .col4 img,
.block-lead-item .row .col3 img { display: block; margin: auto; max-width: 300px; width: 100%;}
/* -------------------------------
フォント
------------------------------- */
.block-lead-item h1 {
	border-left: 5px solid #e60012;
	color: #fff !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	margin: 0 !important;
	line-height: 1.5em;
	padding: 7px 0 7px 15px;
	}
#bike .block-lead-item h1 { border-color: #008aab;}
#golf .block-lead-item h1 { border-color: #00ae41;}
.block-lead-item h1 small { display: block; font-size: 14px; font-weight: 400; letter-spacing: 0;}
.block-lead-item h1 span { display: block; line-height: 1.4em;}
.block-lead-item h1 span.product_category { color: #e0e0e0; font-size: 14px; font-weight: 400; line-height: 1.3em; margin-bottom: 0.3em; width: 100%;}
.block-lead-item h1 span.product_name { display: inline-block; font-size: 28px !important;}
.block-lead-item h1 span.model { display: inline-block; font-size: 20px; font-weight: 600; margin-bottom: 0;}
.block-lead-item h1 span.product_pagetit { font-size: 18px; margin-top: 0.6em; width: 100%;}
.block-lead-item h1 span.product_description { font-size: 14px; font-weight: 400; margin-top: 0.6em; width: 100%;}
.block-lead-item ul { border-left: 5px solid #b0b0b0; padding: 6px 0 6px 15px;}
.block-lead-item ul li { color: #b0b0b0; font-size: 11px;}
.block-lead-item ul li + li { margin: 0 0 0 7px;}
.block-lead-item ul li a { color:#b0b0b0 !important;}
.block-lead-item ul li i { margin: 0 7px 0 0;}
.block-lead-item ul li i.fa-home { margin: 0 4px 0 0;}
/* -------------------------------
SNS
------------------------------- */
.block-lead-item .complement { display: flex; margin-top: 20px; width: 100%;}
.block-lead-item .complement p.type {
	background: rgba(0,0,0,0.2);
	border: #f0f0f0 1px solid;
	color: #fff;
	font-size: 11px;
	line-height: 30px;
	padding: 0 1.0em;
	border-radius: 2px;
	}
.block-lead-item .complement ul { border-left: none; margin: 0 0 0 auto; padding: 0;}
.block-lead-item .complement ul li { font-size: 18px; line-height: 30px; width: 30px;}
.block-lead-item .complement ul li a { border-radius: 2px; color: #fff !important; display: block; text-align: center;}
.block-lead-item .complement ul li.facebook a { background: #3B5998; vertical-align: bottom;}
.block-lead-item .complement ul li.twitter a { background: #1DA1F2;}
.block-lead-item .complement ul li a:hover { background: #505050; overflow: hidden;}
.block-lead-item .complement ul li i { margin: 0;}
.block-lead-item .complement ul li.facebook i { margin-left: 6px; vertical-align: bottom;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-lead-item .container { padding-bottom: 35px; padding-top: 35px;}
/* -------------------------------
フォント
------------------------------- */
.block-lead-item h1 { align-items: center; border-left-width: 7px; display: flex; flex-wrap: wrap; padding: 10px 0 10px 25px;}
.block-lead-item h1 small { font-size: 16px;}
.block-lead-item h1 span.product_category { font-size: 16px; line-height: 1.4em;}
.block-lead-item h1 span.product_name { font-size: 32px !important;}
.block-lead-item h1 span.model { font-size: 24px; margin: 0 0.4em 0 0;}
.block-lead-item h1 span.product_pagetit { font-size: 22px;}
.block-lead-item h1 span.product_description { font-size: 15px;}
.block-lead-item ul { border-left-width: 7px; padding: 7px 0 7px 25px;}
.block-lead-item ul li { font-size: 12px;}
/* -------------------------------
SNS
------------------------------- */
.block-lead-item .complement { margin-top: 24px;}
.block-lead-item .complement p.type { font-size: 12px; line-height: 36px; padding: 0 1.2em;}
.block-lead-item .complement ul { border-left: none; margin: 0 0 0 auto;}
.block-lead-item .complement ul li { line-height: 36px; width: 36px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
.block-lead-item {
	background: -webkit-gradient(radial, 78% 10%, 10, 0 -25%, 200, color-stop(1.00, #333), color-stop(0.00, #111)) !important;
    background: -webkit-radial-gradient(78% 10%, circle, #333, #111) !important;
    background: -moz-radial-gradient(78% 10%, circle, #333, #111) !important;
    background: -o-radial-gradient(78% 10%, circle, #333, #111) !important;
    background: -ms-radial-gradient(78% 10%, circle, #333, #111) !important;
    background: radial-gradient(78% 10%, circle, #333, #111) !important;
	}
.block-lead-item .row .col8,
.block-lead-item .row .col7 { margin-right: 30px; order: 1;}
.block-lead-item .row .col5,
.block-lead-item .row .col4,
.block-lead-item .row .col3 { margin: 0; order: 2;}
.block-lead-item .row .col7 { width: 60% !important;}
.block-lead-item .row .col5 { width: calc((100% - 60%) - 30px) !important;}
.block-lead-item .row .col8 { width: 67% !important;}
.block-lead-item .row .col4,
.block-lead-item .row .col3 { width: calc((100% - 67%) - 30px) !important;}
.block-lead-item .row .col5 img,
.block-lead-item .row .col4 img,
.block-lead-item .row .col3 img { max-width: 100%; width: auto;}
/* -------------------------------
SNS
------------------------------- */
.block-lead-item .complement ul { margin: 0;}
.block-lead-item .complement .type + ul { margin: 0 0 0 2.5em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-lead-item .container { padding-bottom: 40px; padding-top: 40px;}
.block-lead-item .row .col8,
.block-lead-item .row .col7 { margin-right: 40px;}
.block-lead-item .row .col5 { width: calc((100% - 60%) - 40px) !important;}
.block-lead-item .row .col4,
.block-lead-item .row .col3 { width: calc((100% - 67%) - 40px) !important;}
/* -------------------------------
フォント
------------------------------- */
.block-lead-item h1 { border-left-width: 8px; padding: 12px 0 12px 30px;}
.block-lead-item h1 small { font-size: 18px;}
.block-lead-item h1 span.product_category { font-size: 18px;}
.block-lead-item h1 span.product_name { font-size: 37px !important;}
.block-lead-item h1 span.model { font-size: 26px;}
.block-lead-item h1 span.product_pagetit { font-size: 24px;}
.block-lead-item h1 span.product_description { font-size: 16px;}
.block-lead-item ul { border-left-width: 8px; padding: 8px 0 8px 30px;}
.block-lead-item ul li { font-size: 13px;}
}



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

3.製品タイトル

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-model-title {
	background: #fff !important;
	overflow: hidden;
	padding-bottom: 30px;
	padding-top: 30px;
	}
.block-model-title .col-info { order: 2;}
.block-model-title .col-img { margin: 0 auto 30px auto; order: 1; padding: 0 20px; text-align: center;}
.block-model-title .col-img img { margin-bottom: 0;}
/* -------------------------------
フォント
------------------------------- */
.block-model-title h3 { font-size: 17px !important; line-height: 1.0em; margin: 0 auto 1.2em auto !important;}
.block-model-title p.title { font-size: 14px;}
.block-model-title a { text-decoration: none;}
/* -------------------------------
製品特徴
------------------------------- */

/* -------------------------------
販売/サポート
------------------------------- */
.side-product-navi ul {
	bottom: 0;
	left: 0;
	padding: 0;
	position: fixed;
	right: 0;
	width: 100%;
	z-index: 8888;
	}
.side-product-navi ul li.cart { background: rgba(255, 255, 255, 0.9); font-weight: 600; margin: 0; padding: 0.6em 1.2em; text-align: center; width: 100%;}
.side-product-navi ul li.cart a {
	background: #d61518;
	color: #fff !important;
	display: block;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
	font-size: 12px;
	padding: 0.5em 2.0em;
	transition: background 0.3s ease-out;
	transition: color 0.3s ease-out;
	transition: filter 0.3s ease-out;
	}
.side-product-navi ul li.cart a:hover { background: #707070; filter: drop-shadow(1px 1px 6px rgba(0,0,0,0.4)); text-decoration: none;}
.side-product-navi ul li.cart a i { margin-right: 0.7em;}
.side-product-navi ul li.support { display: none;}
.block-model-title .side-product-navi { display: none;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-model-title { padding-bottom: 40px; padding-top: 40px;}
.block-model-title .col-img { margin: 0 auto 40px auto; padding: 0 30px; max-width: 380px;}
/* -------------------------------
フォント
------------------------------- */
.block-model-title h3 { font-size: 18px !important; margin: 0 auto 1.3em auto !important;}
.block-model-title p.title { font-size: 15px;}
/* -------------------------------
製品特徴
------------------------------- */

/* -------------------------------
販売/サポート
------------------------------- */
.side-product-navi ul li.cart { padding: 0.6em 10%;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-model-title { padding-bottom: 50px; padding-top: 50px;}
.block-model-title .flex-box { align-items: center; flex-wrap: nowrap;}
.block-model-title .col-info { order: 2; width: calc((100% - 38%) - 45px);}
.block-model-title .col-img { margin: 0 45px 0 0; max-width: inherit; order: 1; padding: 0; width: 38%;}
/* -------------------------------
フォント
------------------------------- */
.block-model-title h3 { font-size: 19px !important; margin: 0 auto 1.4em auto !important;}
.block-model-title p.title { font-size: 16px; line-height: 1.5em;}
/* -------------------------------
製品特徴
------------------------------- */

/* -------------------------------
販売/サポート
------------------------------- */
.side-product-navi ul li.cart a { font-size: 15px;}
.block-model-title .side-product-navi { border-bottom: solid 4px #f5f5f5; display: block; margin-top: 1.5em; padding-bottom: 0.5em;}
.block-model-title .side-product-navi ul {
	background-color: transparent;
	bottom: auto;
	display: flex;
    left: auto;
	margin: 0 0 0 -8px;
	padding: 0;
	position: static;
	right: auto;
	width: auto;
	z-index: 1;
	}
.block-model-title .side-product-navi ul li { display: flex !important; line-height: 1.2em; margin-left: 8px; text-align: center; width: calc((100% / 5) - 8px);}
.block-model-title .side-product-navi ul li + li { margin-top: 0;}
.block-model-title .side-product-navi ul li span { display: none;}
.block-model-title .side-product-navi ul li a {
	color: #505050 !important;
	filter: none;
	font-size: 10px !important;
	font-weight: 400 !important;
	padding: 0 !important;
	width: 100%;
	}
.block-model-title .side-product-navi ul li a i {
	background: #f0f0f0;
	border: #e0e0e0 1px solid;
	color: #707070 !important;
	font-size: 14px !important;
	line-height: 40px;
	margin: 0 0 0.3em 0 !important;
	position: relative;
	transition: all 0.3s ease 0s;
	width: 100%;
	}
.block-model-title .side-product-navi ul li a i::after {
	border-color: transparent transparent #c0c0c0 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-model-title .side-product-navi ul li a:hover i { background: #e0e0e0; color: #303030 !important; filter: drop-shadow(1px 1px 6px rgba(0,0,0,0.5)); z-index: 3;}
.block-model-title .side-product-navi ul li a:hover i::after { border-color: transparent transparent #303030 transparent; bottom: 8px; right: 8px;}
.block-model-title .side-product-navi ul li.cart { display: none !important; margin-right: 0;}
.block-model-title .side-product-navi ul li.cart a { background-color: transparent; color: #d61518 !important;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
/* -------------------------------
販売/サポート
------------------------------- */
.side-product-navi ul {
	background: none;
	bottom: inherit;
	left: inherit;
	margin: 0;
	padding: 0;
	right: 0;
	top: 21vh;
	width: 40px;
	}
.side-product-navi ul li.cart {
	font-weight: 600;
	margin: 0 0 20px 0;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	}
.side-product-navi ul li.cart a {
	align-items: center;
	background: #d61518;
	color: #fff !important;
	display: flex;
	filter: drop-shadow(-1px 1px 1px rgba(0,0,0,0.3));
	font-size: 13px !important;
	padding: 1.4em 0;
	width: 40px;
	}
.side-product-navi ul li.cart a:hover { background: #707070; filter: drop-shadow(1px 1px 6px rgba(0,0,0,0.5)); text-decoration: none;}
.side-product-navi ul li.cart a i {
	font-size: 17px;
	left: -1px;
	margin:0 0 0.5em 0;
	position: relative;
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	-o-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
	}
.side-product-navi ul li.support { display: block; margin: 0; width: 100%;}
.side-product-navi ul li.support + .support { margin-top: 5px;}
.side-product-navi ul li.support a {
	align-items: center;
	background: #707070;
	border: none;
	color: #fff !important;
	display: flex;
	filter: drop-shadow(-1px 1px 1px rgba(0,0,0,0.3));
	font-size: 13px !important;
	line-height: 40px;
	padding: 0;
	position: relative;
	transition: all 0.3s ease 0s;
	transform: translate(0);
	width: 200px;
	}
.side-product-navi ul li.support a:hover { background: #505050; filter: drop-shadow(-1px 1px 1px rgba(0,0,0,0.5)); text-decoration: none; transform: translate(-160px);}
.side-product-navi ul li.support a i { font-size: 17px !important; margin: 0; text-align: center; width: 40px;}
.block-model-title .side-product-navi { margin-top: 1.9em; padding-bottom: 0.7em;}
.block-model-title .side-product-navi ul { margin: 0;}
.block-model-title .side-product-navi ul li { margin-left: 0;}
.block-model-title .side-product-navi ul li + li,
.block-model-title .side-product-navi ul li.support + .support { margin-top: 0;}
.block-model-title .side-product-navi ul li span { display: inline;}
.block-model-title .side-product-navi ul li a {
	background-color: transparent;
	color: #505050 !important;
	display: block;
	filter: none;
	font-size: 11px !important;
	line-height: 1.3em;
	padding: 0;
	position: relative;
	transform: none !important;
	width: 100%;
	}
.block-model-title .side-product-navi ul li a:hover { background-color: transparent; filter: none !important;}
.block-model-title .side-product-navi ul li a i { border-radius: 1px; font-size: 20px !important; line-height: 60px; width: 100%;}

.side-product-navi ul li.cart { background-color: transparent; padding: 0;}
.block-model-title .side-product-navi ul li.cart {
	display: flex !important;
	margin-bottom: 0;
	margin-right: 20px;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    -o-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
	width: calc(28% - 20px);
	}
.block-model-title .side-product-navi ul li.cart a {
    background-color: transparent;
    color: #d61518 !important;
    display: block;
    filter: none;
	font-size: 12px !important;
	font-weight: 600 !important;
    padding: 0;
    width: 100%;
	}
.block-model-title .side-product-navi ul li.cart a i { background: #d61518 !important; border: #b71b1e 1px solid; color: #fff !important; font-size: 24px !important;}
.block-model-title .side-product-navi ul li.cart a:hover i { background: #b71b1e !important; border: #b71b1e 1px solid;}
.block-model-title .side-product-navi ul li.cart a i::after { border-color: transparent transparent #fff transparent;}
.block-model-title .side-product-navi ul li.support { margin-left: 10px; width: calc(18% - 10px);}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-model-title { padding-bottom: 60px; padding-top: 60px;}
.block-model-title .col-info { width: calc((100% - 37%) - 60px);}
.block-model-title .col-img { margin: 0 60px 0 0; width: 37%;}
/* -------------------------------
フォント
------------------------------- */
.block-model-title h3 { font-size: 20px !important; margin: 0 auto 1.4em auto !important;}
.block-model-title p.title { font-size: 18px;}
/* -------------------------------
製品特徴
------------------------------- */

/* -------------------------------
販売/サポート
------------------------------- */
.block-model-title .side-product-navi ul li a { font-size: 12px !important; line-height: 1.4em;}
.block-model-title .side-product-navi ul li a i { font-size: 22px !important; line-height: 64px;}
.block-model-title .side-product-navi ul li.cart a { font-size: 13px !important;}
.block-model-title .side-product-navi ul li.cart a i { font-size: 26px !important;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1280px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1280px) {
.block-model-title .col-info { width: calc((100% - 38%) - 80px);}
.block-model-title .col-img { margin: 0 80px 0 0; width: 38%;}
/* -------------------------------
販売/サポート
------------------------------- */
.side-product-navi ul { width: 50px;}
.side-product-navi ul li.cart a { font-size: 15px !important; padding: 1.6em 0; width: 50px;}
.side-product-navi ul li.cart a i { font-size: 19px !important; margin:0 0 0.5em 0;}
.side-product-navi ul li.support a { font-size: 14px !important; line-height: 50px; width: 230px;}
.side-product-navi ul li.support a:hover { transform: translate(-180px);}
.side-product-navi ul li.support a i { font-size: 19px; width: 50px;}
.block-model-title .side-product-navi ul { width: auto;}
.block-model-title .side-product-navi ul li a { font-size: 12px !important;}
.block-model-title .side-product-navi ul li a i { font-size: 24px !important; line-height: 70px;}
.block-model-title .side-product-navi ul li.cart a { font-size: 14px !important; padding: 0; width: 100%;}
.block-model-title .side-product-navi ul li.cart a i { font-size: 28px !important;}
.block-model-title .side-product-navi ul li.support a { font-size: 12px !important; line-height: 1.3em; width: 100%;}
.block-model-title .side-product-navi ul li.support a i { width: 100%;}
}



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

4.動画/ビジュアル

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
main [class*="block-"]:nth-child(even) { background: #fff;}
main [class*="block-"]:nth-child(odd) { background: #f0f0f0;}
.block-movie,
.block-product-features,
.block-lead { border-bottom: 1px solid #e0e0e0; padding: 40px 0 !important;}
.block-tab + .block-movie { background: #f0f0f0 !important; padding: 40px 0 !important; position: relative; z-index: -1;}
/* -------------------------------
フォント
------------------------------- */
main [class*="block-"] h3.line { margin: 0 auto 1.4em auto;}
main [class*="block-"] h3.line:before { bottom: -0.4em;}
/* -------------------------------
動画
------------------------------- */
.block-movie .flex-box.movie { justify-content: center; margin: -15px 0 0 -15px;}
.block-movie .flex-box.movie li { margin: 15px 0 0 15px !important; text-align: center; width: 100%;}
.flex-box.movie li .video { height: 0; padding-top: 56.25%; position: relative; width: 100%;}
.flex-box.movie li .video iframe {
	border: #fff solid 5px;
	box-sizing: border-box;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 100%;
	}
.flex-box.movie li .video iframe:hover { filter: drop-shadow(1px 1px 6px rgba(0,0,0,0.5)); z-index: 10;}
/* -------------------------------
ビジュアル
------------------------------- */
.block-product-features .container .slide_main { overflow: hidden;}
.block-product-features .container .slide_main .slide .swiper-container { height: 300px; margin-left: auto; margin-right: auto; width: 100%;}
.block-product-features .container .slide_main .slide .swiper-slide { background-position: center; background-size: cover;}
.block-product-features .container .slide_main .slide .s_visual-top { height: 78.5%; width: 100%;}
.block-product-features .container .slide_main .slide .s_visual-thumbs { box-sizing: border-box; height: 20%; margin-top: 8px !important; width: calc(100% - 20px);}
.block-product-features .container .slide_main .slide .s_visual-thumbs .swiper-slide { height: 100%; opacity: 0.3;}
.block-product-features .container .slide_main .slide .s_visual-thumbs .swiper-slide-active { opacity: 1.0;}
/* -------------------------------
PR
------------------------------- */
.block-lead .flex-box.pr li { background: #fff;}
/* -------------------------------
製品特徴
------------------------------- */
.products_info,
.products_info02 { width: 100%;}
.products_info ul + ul,
.products_info02 ul + ul { margin-top: 0.8em;}
.products_info ul li,
.products_info02 ul li { box-sizing: border-box; font-size: 13px !important; font-weight: 600; line-height: 1.3em;}
.products_info ul li + li,
.products_info02 ul li + li { border-top: 1px solid #e0e0e0; display: block; margin-top: 0.7em; padding-top: 0.7em;}
.products_info ul li a,
.products_info02 ul li a { align-items: center; color: #000 !important; display:flex; flex-wrap: nowrap; transition: all 0.3s ease 0s;}
.products_info ul li a:hover,
.products_info02 ul li a:hover{ color: #e60012 !important; text-decoration: none;}
#bike .products_info ul li a:hover,
#bike .products_info02 ul li a:hover{ color: #008aab !important;}
#golf .products_info ul li a:hover,
#golf .products_info02 ul li a:hover{ color: #00ae41 !important;}
.products_info ul li a i,
.products_info02 ul li a i {
	background: #e60012;
	border-radius: 2px;
	color: #fff;
	display: table;
	font-size: 11px;
	font-weight: 600;
	line-height: 12px;
	margin-right: 0.7em;
	text-align: center;
	width: 12px;
	}
#bike .products_info ul li a i,
#bike .products_info02 ul li a i { background: #008aab;}
#golf .products_info ul li a i,
#golf .products_info02 ul li a i { background: #00ae41;}
.products_info ul.sub li,
.products_info02 ul.sub li,
.products_info ul li.sub,
.products_info02 ul li.sub { font-size: 11px !important; font-weight: 400;}
.products_info ul li + li.sub,
.products_info02 ul li + li.sub { margin-top: 0; padding-top: 1.2em;}
.products_info ul.sub li + li,
.products_info02 ul.sub li + li,
.products_info ul li.sub + li.sub,
.products_info02 ul li.sub + li.sub { margin-top: 0; padding-top: 0.4em;}
.products_info ul.sub li a,
.products_info02 ul.sub li a,
.products_info ul li.sub a,
.products_info02 ul li.sub a { color: #707070 !important;}
.products_info ul.sub li a:hover,
.products_info02 ul.sub li a:hover,
.products_info ul li.sub a:hover,
.products_info02 ul li.sub a:hover { color: #303030 !important;}
.products_info ul.sub li a i,
.products_info02 ul.sub li a i,
.products_info ul li.sub a i,
.products_info02 ul li.sub a i {
	background-color: transparent !important;
	border-radius: 0;
	color: #707070;
	display: inline-block;
	font-size: 11px;
	font-weight: 400;
	line-height: 11px;
	margin-right: 0.4em;
	text-align: center;
	width: auto;
	}
.products_info ul.sub li a:hover i,
.products_info02 ul.sub li a:hover i,
.products_info ul li.sub a:hover i,
.products_info02 ul li.sub a:hover i { color: #303030;}
.products_info ul li span.new,
.products_info02 ul li span.new { color: #e60012; margin: 0 0 0 0.6em;}
.block-model-title .products_info { padding-top: 1.5em;}
.block-model-title .products_info ul.feature {
	background-color: #f5f5f5;
	filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.4));
	margin: 0;
	padding: 1.0em;
	position: relative;
	transition: filter 0.3s ease-out;
	}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-movie,
.block-product-features,
.block-lead { padding: 45px 0 !important;}
/* -------------------------------
製品特徴
------------------------------- */
.block-model-title .products_info ul.feature { padding: 1.1em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-movie,
.block-product-features,
.block-lead { padding: 60px 0 !important;}
.block-movie,
.block-product-features { filter: drop-shadow(0 0 1px rgba(0,0,0,0.3));}
.block-movie + .block-product-features { filter: drop-shadow(0 0 1px rgba(0,0,0,0.2));}
.block-movie .container,
.block-product-features .container { position: relative;}
/* -------------------------------
フォント
------------------------------- */
.block-movie h3.line,
.block-product-features h3.line {
	background: #f0f0f0;
	border-radius: 3px;
	left: calc(50% - 140px);
	margin: 0 auto;
	padding-top: 0.9em !important;
	position: absolute !important;
	top:-80px;
	width: 280px;
	}
main [class*="block-"]:nth-child(even) h3.line,
main [class*="block-"]:nth-child(even) h3.line { background: #fff;}
main [class*="block-"] h3.line:before { bottom: -0.6em;}
/* -------------------------------
動画
------------------------------- */
.block-movie .flex-box.movie { margin-top: 0;}
.block-tab + .block-movie .flex-box.movie { margin-top: -15px;}
.block-movie .flex-box.movie li { margin-top: 0; width: calc((100% / 2) - 15px);}
.block-movie .flex-box.movie li p {
	align-items: center;
	background: rgba(255,255,255,0.7);
	display: flex;
	flex-wrap: wrap;
	font-weight: 600;
	justify-content: center;
	margin: 0.5em auto 0 auto;
	padding: 0.4em 0.8em;
	width: max-content;
	}
.block-movie .flex-box.movie li p sup { font-weight: 400; width: 100%;}
.block-movie .flex-box.movie li p span {
	background-color: #dd0000;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	line-height: 1.0em;
	margin: 0 0.7em 0 0;
	padding: 0.7em;
	}
/* -------------------------------
ビジュアル
------------------------------- */
.block-product-features .container .slide_main .slide .swiper-container { max-width: 880px;}
.block-product-features .container .slide_main .slide .s_visual-thumbs { max-width: 480px; width: 480px;}
.block-product-features .container .slide_main .slide .swiper-container .swiper-button-next { right: 20px;}
.block-product-features .container .slide_main .slide .swiper-container .swiper-button-prev { left: 20px;}
/* -------------------------------
製品特徴
------------------------------- */
.products_info ul li,
.products_info02 ul li { font-size: 14px !important;}
.products_info ul li + li,
.products_info02 ul li + li { margin-top: 0.8em; padding-top: 0.8em;}
.products_info ul.sub li,
.products_info02 ul.sub li,
.products_info ul li.sub,
.products_info02 ul li.sub { font-size: 12px !important;}
.products_info ul li + li.sub,
.products_info02 ul li + li.sub { margin-top: 0; padding-top: 1.3em;}
.products_info ul.sub li + li,
.products_info02 ul.sub li + li,
.products_info ul li.sub + li.sub,
.products_info02 ul li.sub + li.sub { margin-top: 0; padding-top: 0.5em;}
.block-model-title .products_info ul.feature { padding: 1.2em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width:1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/* -------------------------------
製品特徴
------------------------------- */
.products_info ul li,
.products_info02 ul li { font-size: 15px !important;}
.products_info ul li + li,
.products_info02 ul li + li { margin-top: 0.9em; padding-top: 0.9em;}
.products_info ul.sub li,
.products_info02 ul.sub li,
.products_info ul li.sub,
.products_info02 ul li.sub { font-size: 13px !important;}
.block-model-title .products_info ul.feature { filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.4)); padding: 1.3em;}
}


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

4.製品情報

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-movie + #contents_area { background: #fff !important;}

#contents_area .container { margin-left: 0; margin-right: 0;}
#contents_area .container #contents_main div::after { clear: both; content: ""; display: block;}
/* -------------------------------
フォント
------------------------------- */
#contents_main h3, #contents_main h4, #contents_main h5, #contents_main h6 { line-height: 1.4em; margin-bottom: 1.0em;}
#contents_main h3 { font-size: 23px;}
#contents_main h4 { font-size: 18px;}
#contents_main h4.line { font-size: 16px;}
#contents_main h5,
#contents_main h6 { font-size: 14px;}
#contents_main p,
#contents_main li,
#contents_main table { font-size: 13px;}
/* --------------- h3 */
#contents_main h3.ttl_bar,
#contents_main h3.line {
	border-bottom: solid 2px #b0b0b0;
	margin-bottom: 1.4em;
	padding:0 0 0.4em 0;
	position: relative;
	width: 100%;
	}
#contents_main h3.ttl_bar:after,
#contents_main h3.line:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #E60012;
	bottom: -2px;
	width: 30%;
	}
#bike #contents_main h3.ttl_bar:after,
#bike #contents_main h3.line:after { border-color: #008aab;}
#golf #contents_main h3.ttl_bar:after,
#golf #contents_main h3.line:after { border-color: #00ae41;}
#contents_main h3.ttl_bar .btn,
#contents_main h3.line .btn { font-size: 12px; margin: 0.4em 0 0 0; max-width: inherit;}
#contents_main h3.ttl_bar .btn a,
#contents_main h3.line .btn a { padding: 0.6em;}
#contents_main h3 span { display: table; font-size: 11px; line-height: 1.0em;}
#contents_main h3 span.new,
#contents_main h3 span.info { background-color: #dd0000; border-radius: 1px; color: #fff; margin-bottom: 0.2em; padding: 0.4em 1.0em;}
#contents_main h3 span.info { background-color: #202020;}
/* --------------- h4 */
#contents_main h4 { color: #990000;}
#bike #contents_main h4 { color: #063E66;}
#golf #contents_main h4 { color: #266c26;}
#contents_main h4.line { border-left: 5px solid #808080; color: #000 !important; padding-left: 0.6em;}
#contents_main h4 span { display: table; font-size: 11px; line-height: 1.0em;}
#contents_main h4 span.new,
#contents_main h4 span.info { background-color: #dd0000; border-radius: 1px; color: #fff; margin-bottom: 0.2em; padding: 0.4em 0.8em; white-space: pre;}
#contents_main h4 span.info { background-color: #202020;}
/* --------------- h5 */
#contents_main h5.boxline {
	background: #202020;
	border-radius: 2px;
    color: #fff !important;
	display: inline-block;
    line-height: 1.0em;
	padding: 0.5em 0.7em;
	}
#contents_main h5 span { font-size: 11px;}
#contents_main h5 span.new { background-color: #dd0000;}
/* --------------- h6 */
#contents_main h6 span { background-color: #fccc00; font-size: 11px; margin-right: 0.8em; padding: 0.3em 0.8em;}
#contents_main h6 span.new { background-color: #dd0000;}
/* --------------- p */
#contents_main p.bk_products { font-size: 11px; position: absolute; right: 10px; text-align: right; top: 0;}
#contents_main p.bk_products a { background: #f0f0f0; color: #505050; display: block; padding: 0.6em 0.7em; transition: all 0.3s ease 0s;}
#contents_main p.bk_products a:hover { background: #d0d0d0; text-decoration: none; z-index: 1;}
#contents_area .container #contents_main .column:nth-child(even) p.bk_products a { background: #fff;}
#contents_area .container #contents_main .column:nth-child(even) p.bk_products a:hover { background: #e0e0e0;}
main [class*="block-"]:nth-child(odd) + #contents_area .container #contents_main .column:nth-child(even) p.bk_products a,
main [class*="block-"]:nth-child(odd) + #contents_area .container #contents_main .column:nth-child(odd) p.bk_products a { background: #e0e0e0;}
main [class*="block-"]:nth-child(odd) + #contents_area .container #contents_main .column:nth-child(even) p.bk_products a:hover,
main [class*="block-"]:nth-child(odd) + #contents_area .container #contents_main .column:nth-child(odd) p.bk_products a:hover { background: #d0d0d0;}
#contents_main p.bk_products i { margin-right: 0.5em;}
#contents_main p.bk_products span { display: none;}
/* --------------- table */
#contents_main table { border: none; clear: both;}
#contents_main table thead { display: none;}
#contents_main table tr { background: #f9f9f9; border: 1px solid #d0d0d0; display:block; margin-top: 0.3em; padding: 0.5em;}
#contents_main table th,
#contents_main table td { display:list-item; list-style:none; text-align: left;}
#contents_main table th br { display: none;}
#contents_main table td.setting { background: #fcfed2;}
#contents_main table th + td { border-top: 1px solid #e0e0e0; margin-top: 0.3em; padding-top: 0.3em;}
#contents_main table td + td { padding-top: 0.2em;}
/* important */
#contents_main .important { font-size: 14px; font-weight: bold;}
#contents_main .important span {
	background: #990000;
	border-radius: 2px;
	color: #fff;
	display: table;
	font-size: 100%;
	padding: 0.2em 0.8em;
	}
#contents_main .important span.info { background-color: #202020;}
/* --------------- sup */
#contents_main sup { font-size: 77%;}
#contents_main .sup li,
#contents_main .at li,
#contents_main li.sup,
#contents_main li.at,
#contents_main p.sup,
#contents_main p.at { color: #707070; font-size: 83%; padding-left: 1.0em; text-indent: -1.0em;}
/* --------------- 間隔設定 */
/* p */
#contents_main div + p,
#contents_main p + p,
#contents_main ul + p,
#contents_main table + p { margin-top: 0.8em;}
/* ul */
#contents_main div + ul,
#contents_main p + ul,
#contents_main ul + ul,
#contents_main table + ul { margin-top: 0.8em;}
#contents_main li + li { margin-top: 0.3em;}
/* table */
#contents_main div + table,
#contents_main p + table,
#contents_main ul + table,
#contents_main table + table { margin-top: 0.8em;}
/* sup */
#contents_main div.video + .sup { margin-top: 0.8em !important;}
/* -------------------------------
ボタン
------------------------------- */
#contents_main .btn {
	font-size: 116%;
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;
	}
#contents_main .btn a {
	color: #fff !important;
	display: block;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
	padding: 0.7em 2.0em;
	position: relative;
	transition: all 0.3s ease-out;
	}
#contents_main .btn a:hover {
	background: #707070 !important;
	filter: drop-shadow(1px 1px 6px rgba(0,0,0,0.5));
	opacity: 1;
	text-decoration: none;
	}
#car #contents_main .btn a { background: #d61518;}
#bike #contents_main .btn a { background: #008aab;}
#golf #contents_main .btn a,
#sports #contents_main .btn a { background: #00ae41;}
#contents_main .btn a i { font-size: 12px; margin-top: -6px; position: absolute; right: 10px; top: 50%;}
/* -------------------------------
img
------------------------------- */
#contents_main img {
	clear: both;
	display:block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
	text-align: center;
	width: auto;
	}
#contents_main img.line { background: #fff; border: #ccc 1px solid; padding: 10px;}
#contents_main img.right { float: none; margin-bottom: 1.6em;}
#contents_main img.left { float: none; margin-bottom: 1.6em;}
/* -------------------------------
製品情報
------------------------------- */
/* --------------- 骨組み */
#contents_area .container #contents_main .column,
#contents_area .container #contents_main .shop_info { padding: 40px 10px; position: relative;}
#contents_area .container #contents_main .column:nth-child(even),
#contents_area .container #contents_main .shop_info:nth-child(even) { background: #f0f0f0;}
/* 間隔設定 */
#contents_area .container #contents_main .column div + div,
#contents_area .container #contents_main .column ul + div,
#contents_area .container #contents_main .column table + div,
#contents_area .container #contents_main .column div + table,
#contents_area .container #contents_main .column p + div,
#contents_area .container #contents_main .column div + p,
#contents_area .container #contents_main .shop_info div + div,
#contents_area .container #contents_main .shop_info ul + div,
#contents_area .container #contents_main .shop_info table + div,
#contents_area .container #contents_main .shop_info div + table,
#contents_area .container #contents_main .shop_info p + div,
#contents_area .container #contents_main .shop_info div + p { margin-top: 20px;}
#contents_area .container #contents_main .s_column + .s_column,
#contents_area .container #contents_main .s_column + div,
#contents_area .container #contents_main p + .s_column { margin-top: 40px;}
#contents_area .container #contents_main .s_column + .s_column.line,
#contents_area .container #contents_main .s_column.line + div,
#contents_area .container #contents_main p + .s_column.line { border-top: 1px solid #f0f0f0; margin-top: 25px; padding-top: 25px;}
#contents_area .container #contents_main .column:nth-child(even) .s_column + .s_column.line,
#contents_area .container #contents_main .column:nth-child(even) .s_column.line + div,
#contents_area .container #contents_main .column:nth-child(even) p + .s_column.line { border-color: #e0e0e0;}
/* --------------- ポイント */
#contents_area .container #contents_main .column .pointBlock,
#contents_area .container #contents_main .sps { background-color: #f0f0f0; border: 2px solid #d0d0d0; border-radius: 2px; padding: 10px;}
#contents_area .container #contents_main .sps { margin-left: 10px; margin-right: 10px;}
#contents_area .container #contents_main .column:nth-child(even) .pointBlock { background-color: #fff;}
/* フォント */
#contents_area .container #contents_main .column .pointBlock h5,
#contents_area .container #contents_main .column .pointBlock h6,
#contents_area .container #contents_main .sps h5,
#contents_area .container #contents_main .sps h6 { align-items: baseline; display: flex;}
#contents_area .container #contents_main .column .pointBlock h5 span,
#contents_area .container #contents_main .column .pointBlock h6 span,
#contents_area .container #contents_main .sps h5 span,
#contents_area .container #contents_main .sps h6 span { align-items: center; background-color: #fccc00; display: flex; filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)); margin-left: -15px;}
#contents_area .container #contents_main .column .pointBlock table tr,
#contents_area .container #contents_main .sps table tr { background: #fff; border: 1px #d0d0d0 solid;}
/* --------------- リスト(基本情報) */
#contents_area .container #contents_main .column .basic_function li + li,
#contents_area .container #contents_main .column.basic_function li + li { border-top: 1px #f0f0f0 solid; margin-top: 25px; padding-top: 25px;}
#contents_area .container #contents_main .column:nth-child(even) .basic_function li + li,
#contents_area .container #contents_main .column:nth-child(even).basic_function li + li { border-color: #e0e0e0;}
/* --------------- リスト(基本機能(画像並べ)) */
#contents_main .itemlist h4 { align-items: center; color: #000; display: flex; flex-wrap: wrap;}
#contents_main .itemlist h4 span { font-size: 60%; font-weight: 400; margin: 0.2em 0 0 0; padding: 0; width: 100%;}
#contents_main .itemlist ul { display: flex; flex-wrap: wrap; margin: -5px 0 0 -5px;}
#contents_main .itemlist ul li { margin: 5px 0 0 5px; width: calc((100% / 4) - 5px);}
#contents_main .itemlist ul li img { width: 100%;}
/* リスト(テキストで強調したい場合利用) */
#contents_main .itemlist.tab ul { display: flex; flex-wrap: wrap; margin: -5px 0 0 -5px;}
#contents_main .itemlist.tab ul li {
	border: #d0d0d0 2px solid;
	text-decoration: none;
	padding: 0.8em;
	margin: 5px 0 0 5px;
	text-align: center;
	width: calc((100% / 2) - 5px);
	}
#contents_main .itemlist.tab ul li strong {
	font-size: 152%;
	font-family: "Whitney A","Whitney B";
	font-weight: 700;
	margin-right: 0.2em;
	}
#contents_main .itemlist.tab ul li.c2 { width: 100%;}
/* --------------- リスト(データなど数を強調したい場合利用)) */
#contents_main ul.originaldata { display: flex; flex-wrap: wrap; margin: -5px 0 0 -5px;}
#contents_main ul.originaldata li {
	border: #d0d0d0 2px solid;
	text-decoration: none;
	padding: 0.6em;
	margin: 5px 0 0 5px;
	text-align: center;
	width: 100%;
	}
#contents_main ul.originaldata li + li { margin-top: 5px;}
#contents_main ul.originaldata li span.title { display: block; font-size: 16px; font-weight: bold; margin-bottom: 0.4em;}
#contents_main ul.originaldata li span.data { color:#dd0000; font-family: "Whitney A","Whitney B"; font-size: 29px; font-weight: 900;}
#contents_main ul.originaldata li span.sub { font-size: 13px; font-weight: 400; margin-left: 0.3em;}
/* --------------- 凡庸ラインボックス */
#contents_main .lineBox,
#contents_main .realphoto { border: 2px solid #d0d0d0; padding: 10px; position: relative;}
#contents_main .realphoto h5 { font-size: 15px;}
#contents_main .realphoto h5.boxline {
	background: #202020;
	border-radius: 2px;
    color: #fff !important;
	display: inline-block;
    line-height: 1.0em;
	padding: 0.5em 0.7em;
	}
#contents_main .lineBox .important,
#contents_main .realphoto .important{
	background: #fff;
	left: 50%;
	margin-left: -8em;
	padding: 0 10px;
	position: absolute;
	top: -0.8em;
	}
#contents_area .container #contents_main .column:nth-child(even) .lineBox .important,
#contents_area .container #contents_main .column:nth-child(even) .realphoto .important { background: #f0f0f0;}
/* --------------- サンプルボイス */
#contents_main ul.sound { display: flex; flex-wrap: wrap; margin: 5px 0 0 -5px;}
#contents_main ul.sound li {
	background: #bb0000;
	color: #fff !important;
	cursor: pointer;
	display: block;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
    font-family: "Whitney A","Whitney B" !important;
    font-style: normal !important;
    font-weight: 600;
	font-size: 17px;
	line-height: 1.3em;
	margin: 5px 0 0 5px;
    padding: 0.8em;
	position: relative;
	text-align: center;
    text-decoration: none;
	transition: all 0.3s ease-out;
	width: calc((100% / 1) - 5px);
	}
#contents_main ul.sound li:hover { background: #707070; filter: drop-shadow(1px 1px 6px rgba(0,0,0,0.5)); z-index: 2;}
#contents_main ul.sound li + li { margin-top: 5px;}
#contents_main ul.sound li i { font-size: 14px; position: absolute; margin-top: -7px; right: 10px; top: 50%;}
#contents_main ul.sound li span small { display: block; font-weight: 400; margin-bottom: 1px;}
/* --------------- audioタグ */
#contents_main i.fa-music { margin-right: 0.3em;}
#contents_main li + li i.fa-music { margin-top: 1.0em;}
#contents_main strong + audio { margin-top: 0.3em;}
#contents_main audio { display: block; filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)); max-width: 100%;}
/* --------------- ご注意 */
#contents_main .attention { border: 2px solid #d0d0d0; border-radius: 3px; padding: 10px;}
#contents_main .attention.br_red { border-color: #E60012;}
#contents_main .attention li { padding-left: 1.0em; text-indent: -1.0em;}
/* --------------- ターゲット識別 */
#contents_main ul.gps_list { display: flex; flex-wrap: wrap; margin-left: -5px;}
#contents_main ul.gps_list li {
	box-sizing: border-box;
	background-color: #f5f5f5;
	display: flex;
	margin: 5px 0 0 5px;
	padding: 0.4em;
	position:relative;
	width: calc((100% / 1) - 5px);
	}
#contents_main ul.gps_list li.radar_color_bg { background-color: #f7f6bf; color: #000;}
#contents_main ul.gps_list li .radar_color_r { background: none !important; color: #e70012; margin-right: 0.4em;}
#contents_main ul.gps_list li .radar_color_y { background: none !important; color: #dbae03; margin-right: 0.4em;}
#contents_main ul.gps_list li .radar_color_b { background: none !important; color: #0175c2; margin-right: 0.4em;}
#contents_main ul.gps_list li .radar_color_g { background: none !important; color: #009943; margin-right: 0.4em;}
#contents_main ul.gps_list li span.new {
	color: #fff;
	background-color: #dd0000;
	border-radius: 2px;
	font-size: 88%;
	font-weight: 600;
	margin: 0 0 0 auto;
	padding: 0 0.6em;
	}
/* --------------- GPSデータ登録件数 */
#contents_main h3.gps { border: 2px #d0d0d0 solid; display: block; font-size: 16px; line-height: 1.8em; padding: 0.8em;}
#contents_main h3.gps .red { color: #dd0000; display: inline; font-size: 16px;}
/* --------------- 上書きモード */
#contents_main .list_info .row { margin-left: 0;}
#contents_main .list_info .row .col3 { display: flex;}
#contents_main .list_info .row .col3 p { border-left: 5px solid #808080; color: #000; font-size: 16px; font-weight: 600; padding-left: 0.6em;}
#contents_main .list_info .row .col3 p + p { margin-top: 0 !important;}
#contents_main .list_info .row .col3 p.default {
	background: #990000;
	border: none;
	border-radius: 2px;
	color: #fff;
	font-size: 13px;
	margin-left: auto;
	padding: 0.2em 0.6em;
	}
#contents_main .list_info .row .col9 { margin-top: 1.4em;}
#contents_main .list_info .row .col9 p + p { margin-top: 0.4em;}
#contents_main .list_info .row .col9 p br { display: none;}
/* --------------- オプション一覧 */
#contents_main .option .row { margin-left: 0 !important;}
#contents_main .option .col3 { margin-bottom: 20px; text-align: center; width: 100% !important;}
#contents_main .option .col3 p { background: #fff; border:1px solid #d0d0d0; margin-bottom: 5px; max-width: 100%; padding: 5px;}
#contents_main .option .col3 img { display: block; margin-left: auto; margin-right: auto; max-width: 240px;}
#contents_main .option .col3 span {
	background: #808080;
	color: #fff;
	display: block;
	font-weight: 600;
	padding:0.3em 0.5em;
	}
#contents_main .option .col3 span br { display: none;}
#contents_main .option .col9 { width: 100% !important;}
/* --------------- 最新情報 */
#contents_main .c_whatnew li a { align-items: baseline; display: flex;}
#contents_main .c_whatnew li a p + p { margin-left: 0.7em; margin-top: 0 !important;}
#contents_main .c_whatnew li a > i { margin-right: 0.7em;}
/* --------------- 取扱説明書・カタログ、各種適応情報 */
#contents_main ul.support_list > li + li { margin-top: 0.7em; padding-top: 0.7em;}
/* --------------- 使用上の注意 */
#contents_main .notice ul li { padding-left: 1.2em; text-indent: -1.2em;}
#contents_main .notice ul li span { margin-right: 0.2em;}
#contents_main .notice img { display: inline;}
/* --------------- 動画配置 */
#contents_main .movieBox { text-align:center;}
#contents_main .movieBox .lineBox p + div { margin-top: 1.0em !important;}
#contents_main .movieBox .video {
	height: 0;
	padding-bottom: 57%;
	position: relative;
	}
#contents_main .movieBox .video iframe {
	border: #fff solid 5px;
	box-sizing: border-box;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 100%;
	}
#contents_main .movieBox .video iframe:hover { filter: drop-shadow(1px 1px 6px rgba(0,0,0,0.5)); z-index: 10;}
/* -------------------------------
タブメニュー
------------------------------- */
#contents_main .page_nav { display: flex; flex-wrap: wrap; justify-content: flex-end; margin: -4px 0 0.8em -4px;}
#contents_main .page_nav li { font-size: 11px; margin: 4px 0 0 4px;}
#contents_main .page_nav li a {
	align-items: center;
	border: #e0e0e0 solid 1px;
	color: #303030 !important;
	display: flex;
	line-height: 1.4em;
	margin:0;
	padding: 0.3em 0.6em;
	transition: all 0.3s ease-out;
	text-align: center;
	z-index: 9;
	}
#contents_area .container #contents_main .column:nth-child(even) .page_nav li a { border: #d0d0d0 solid 1px;}
#contents_main .page_nav li a:hover { filter: drop-shadow(0 0 6px rgba(0,0,0,0.5));}
#contents_main .page_nav li a.on {
	background-color:#e0e0e0;
	border: #e0e0e0 solid 1px;
	color: #909090 !important;
	text-decoration:none;
	z-index: 10;
	}
/* -------------------------------
360°イメージ画像
------------------------------- */
#contents_main .designBlock { padding: 0; position:relative;}
#contents_main .designBlock .attention_txt { margin: 0; padding: 0; text-align:center;}
#contents_main .designBlock .attention_txt p.drag { margin: 0 auto; position: relative;}
#contents_main .designBlock .threesixty {
	margin: auto;
	max-width:540px;
	overflow: hidden;
	padding: 0;
	position: relative;
	}
#contents_main .designBlock .threesixty .threesixty_images { display: none; list-style: none; margin: 0; padding: 0;}
#contents_main .designBlock .threesixty .threesixty_images img { height: auto; position: absolute; top: 0; width: 100%;}
#contents_main .designBlock .threesixty .threesixty_images img.previous-image { visibility: hidden; width: 0;}
#contents_main .designBlock .threesixty .threesixty_images img.current-image { margin: 0; visibility: visible; width: 100%;}
#contents_main .designBlock .threesixty .spinner {
	background: rgba(0, 0, 0, 0.7);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	height: 30px;
	margin: 0 auto;
	width: 60px;
	}
#contents_main .designBlock .threesixty .spinner span {
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: bolder;
	line-height: 30px;
	text-align: center;
	}
/* -------------------------------
ビジュアル
------------------------------- */
#contents_area .container .slide_main { background: #f0f0f0; overflow: hidden; padding: 40px 10px;}
#contents_area .container .slide_main .slide .swiper-container { height: 300px; margin-left: auto; margin-right: auto; width: 100%;}
#contents_area .container .slide_main .slide .swiper-slide { background-position: center; background-size: cover;}
#contents_area .container .slide_main .slide .s_visual-top { height: 84%; width: 100%;}
#contents_area .container .slide_main .slide .s_visual-thumbs { box-sizing: border-box; height: inherit; margin-top: 10px !important; width: 100%;}
#contents_area .container .slide_main .slide .s_visual-thumbs .swiper-slide { height: 100%; opacity: 0.3;}
#contents_area .container .slide_main .slide .s_visual-thumbs .swiper-slide-active { opacity: 1.0;}
/* --------------- フォント */
#contents_area .container .slide_main h2 {
	font-size: 18px;
	padding: 0;
	margin: 0 auto 1.5em auto;
	border: none;
	position: relative;
	text-align: center;
	}
#contents_area .container .slide_main h2::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -6px;
	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 #contents_area .container .slide_main h2::before { background-color: #008aab;}
#golf #contents_area .container .slide_main h2::before { background-color: #00ae41;}
/* -------------------------------
サイドナビ
------------------------------- */
#contents_area .container #sidenav { display: none;}
/* -------------------------------
製品特徴
------------------------------- */
#contents_area .container .slide_main .slide + .products_info { padding-top: 2.0em;}
#contents_area .container .slide_main .slide + .products_info h2,
#contents_area .container .slide_main .slide + .products_info02 h2 { margin: 0 auto 1.1em auto;}
#contents_area .container .slide_main .slide + .products_info h2::before,
#contents_area .container .slide_main .slide + .products_info02 h2::before { bottom: -4px;}
#contents_area .container .slide_main .slide + .products_info ul {
	background-color: #f9f9f9;
	filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.4));
	margin: 0;
	padding: 1.0em;
	position: relative;
	transition: filter 0.3s ease-out;
	}
#contents_area .container .slide_main .slide + .products_info ul li + li,
#contents_area .container .slide_main .slide + .products_info02 ul li + li { margin-top: 0.6em; padding-top: 0.6em;}
/* --------------- 製品情報エリア内 */
#contents_area .container #contents_main .slide_main { overflow: inherit; padding: 40px 0;}
#contents_area .container #contents_main .slide_main .products_info,
#contents_area .container #contents_main .slide_main .products_info02 { margin-left: 10px; margin-right: 10px; width: calc(100% - 20px);}
#contents_area .container #contents_main .slide_main .products_info h2,
#contents_area .container #contents_main .slide_main .products_info02 h2 { margin: 0 auto 1.1em auto;}
#contents_area .container #contents_main .slide_main .products_info h2::before,
#contents_area .container #contents_main .slide_main .products_info02 h2::before { bottom: -4px;}
#contents_area .container #contents_main .slide_main .products_info ul,
#contents_area .container #contents_main .slide_main .products_info02 ul {
	background-color: #f9f9f9;
	filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.4));
	margin: 0;
	padding: 1.0em;
	position: relative;
	transition: filter 0.3s ease-out;
	}
#contents_area .container #contents_main .slide_main .products_info ul + ul,
#contents_area .container #contents_main .slide_main .products_info02 ul + ul {
	background-color: transparent;
	filter: none;
	margin-top: 0.6em;
	padding: 0;
	}
#contents_area .container #contents_main .slide_main .products_info ul li + li,
#contents_area .container #contents_main .slide_main .products_info02 ul li + li { margin-top: 0.7em; padding-top: 0.7em;}
/* -------------------------------
ゴルフナビ用
------------------------------- */
/* --------------- コースデータ用ボタン */
#golfnavi_course ul li + li,
#sco ul li + li { margin-top: 20px;}
#contents_main #course_list .btn,
#contents_main #golfnavi_course .btn,
#contents_main #sco .btn { font-size: 100%; margin: 0; max-width: 100%;}
#contents_main #course_list .btn a,
#contents_main #golfnavi_course .btn a,
#contents_main #sco .btn a {
	align-items: center;
	background: #fff;
	border: #e0e0e0 3px solid;
	color: #000 !important;
	display: flex;
	flex-wrap: nowrap;
	padding: 0.6em;
	text-align: left;
	}
#contents_main #course_list .btn a:hover,
#contents_main #golfnavi_course .btn a:hover,
#contents_main #sco .btn a:hover { background-color: #fff !important;}
#contents_main #golfnavi_course .btn a,
#contents_main #golfnavi_course .btn a:hover { background: #fff url(/products/golf_navi/img/bg_golfnavi_course.jpg) no-repeat top right !important;}
#contents_main #course_list .btn a p,
#contents_main #golfnavi_course .btn a p,
#contents_main #sco .btn a  p { line-height: 1.4em;}
#contents_main #course_list .btn a p + p,
#contents_main #golfnavi_course .btn a p + p,
#contents_main #sco .btn a  p + p { font-weight: 400; margin-left: 1.2em; margin-right: 1.2em; margin-top: 0;}
#contents_main #course_list .btn a p:last-child,
#contents_main #golfnavi_course .btn a p:last-child,
#contents_main #sco .btn a  p:last-child { margin-left: auto; margin-right: 0; margin-top: 0;}
#contents_main #course_list .btn a p img,
#contents_main #golfnavi_course .btn a p img,
#contents_main #sco .btn a p img { max-width: 80px;}
#contents_main #course_list .btn a p strong,
#contents_main #golfnavi_course .btn a p strong,
#contents_main #sco .btn a p strong { color: #13BF57; display: block; font-size: 128%; margin-bottom: 0.4em;}
/* -------------------------------
SPSショップ
------------------------------- */
#contents_area .container #contents_main .shop_info h4 { color: #000 !important;}
#contents_area .container #contents_main .shop_info p { align-items: flex-start; display: flex; flex-wrap: wrap;}
#contents_area .container #contents_main .shop_info p img { margin: 10px 10px 0 0;}
#contents_area .container #contents_main .shop_info table img { display: inline-block;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
/* -------------------------------
フォント
------------------------------- */
#contents_main h3 { font-size: 25px;}
#contents_main h4 { font-size: 19px;}
#contents_main h4.line { font-size: 17px;}
#contents_main h5,
#contents_main h6 { font-size: 15px;}
/* --------------- h3 */
#contents_main h3.ttl_bar,
#contents_main h3.line { border-bottom: solid 3px #b0b0b0;}
#contents_main h3.ttl_bar:after,
#contents_main h3.line:after { border-bottom: solid 3px #E60012; bottom: -3px;}
/* --------------- p */
#contents_main p.bk_products { font-size: 12px; right: 20px;}
#contents_main p.bk_products a { padding: 0.8em 1.0em;}
#contents_main p.bk_products i { margin-right: 0.6em;}
/* important */
#contents_main .important { font-size: 15px; font-weight: bold;}
/* -------------------------------
製品情報
------------------------------- */
/* --------------- 骨組み */
#contents_area .container #contents_main .column,
#contents_area .container #contents_main .shop_info { padding: 45px 20px;}
/* 間隔設定 */
#contents_area .container #contents_main .column div + div,
#contents_area .container #contents_main .column ul + div,
#contents_area .container #contents_main .column table + div,
#contents_area .container #contents_main .column div + table,
#contents_area .container #contents_main .column p + div,
#contents_area .container #contents_main .column div + p,
#contents_area .container #contents_main .shop_info div + div,
#contents_area .container #contents_main .shop_info ul + div,
#contents_area .container #contents_main .shop_info table + div,
#contents_area .container #contents_main .shop_info div + table,
#contents_area .container #contents_main .shop_info p + div,
#contents_area .container #contents_main .shop_info div + p { margin-top: 25px;}
#contents_area .container #contents_main .s_column + .s_column,
#contents_area .container #contents_main .s_column + div,
#contents_area .container #contents_main p + .s_column { margin-top: 45px;}
#contents_area .container #contents_main .s_column + .s_column.line,
#contents_area .container #contents_main .s_column.line + div,
#contents_area .container #contents_main p + .s_column.line { margin-top: 27px; padding-top: 27px;}
/* --------------- ポイント */
#contents_area .container #contents_main .column .pointBlock,
#contents_area .container #contents_main .sps { border: #d0d0d0 3px solid; padding: 15px;}
#contents_area .container #contents_main .sps { margin-left: 20px; margin-right: 20px;}
#contents_area .container #contents_main .column .pointBlock h5 span,
#contents_area .container #contents_main .column .pointBlock h6 span,
#contents_area .container #contents_main .sps h5 span,
#contents_area .container #contents_main .sps h6 span { margin-left: -21px;}
/* --------------- リスト(基本情報) */
#contents_area .container #contents_main .column .basic_function li + li,
#contents_area .container #contents_main .column.basic_function li + li { margin-top: 27px; padding-top: 27px;}
/* --------------- リスト(基本機能(画像並べ)) */
#contents_main .itemlist h4 span { margin: 0 0 0 0.6em; width: auto;}
#contents_main .itemlist ul li { width: calc((100% / 5) - 5px);}
/* リスト(テキストで強調したい場合利用) */
#contents_main .itemlist.tab ul li { border: #d0d0d0 2px solid; width: calc((100% / 3) - 5px);}
/* --------------- リスト(データなど数を強調したい場合利用)) */
#contents_main ul.originaldata li { border: #d0d0d0 2px solid; width: calc((100% / 2) - 5px);}
/* --------------- 凡庸ラインボックス */
#contents_main .lineBox,
#contents_main .realphoto { border: #d0d0d0 3px solid; padding: 15px;}
#contents_main .realphoto h5 { font-size: 16px;}
/* --------------- サンプルボイス */
#contents_main ul.sound li { width: calc((100% / 2) - 5px);}
/* --------------- ターゲット識別 */
#contents_main ul.gps_list li { width: calc((100% / 2) - 5px);}
/* --------------- GPSデータ登録件数 */
#contents_main h3.gps { font-size: 19px;}
#contents_main h3.gps .red { font-size: 19px;}
/* --------------- 上書きモード */
#contents_main .list_info .row .col3 p { font-size: 17px;}
/* -------------------------------
ビジュアル
------------------------------- */
#contents_area .container .slide_main { padding: 45px 20px;}
/* --------------- フォント */
#contents_area .container .slide_main h2 { font-size: 19px;}
/* -------------------------------
製品特徴
------------------------------- */
#contents_area .container .slide_main .slide + .products_info ul { padding: 1.1em;}
/* --------------- 製品情報エリア内 */
#contents_area .container #contents_main .slide_main .products_info,
#contents_area .container #contents_main .slide_main .products_info02 { margin-left: 20px; margin-right: 20px; width: calc(100% - 40px);}
#contents_area .container #contents_main .slide_main .products_info ul,
#contents_area .container #contents_main .slide_main .products_info02 ul { padding: 1.1em;}
/* -------------------------------
ゴルフナビ用
------------------------------- */
/* --------------- コースデータ用ボタン */
#golfnavi_course ul li + li,
#sco ul li + li { margin-top: 25px;}

}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 620px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 620px) {
/* -------------------------------
製品情報
------------------------------- */
/* --------------- リスト(基本機能(画像並べ)) */
#contents_main .itemlist ul li { width: calc((100% / 6) - 5px);}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
#contents_area .container { margin-left: 0; margin-right: 0;}
/* -------------------------------
フォント
------------------------------- */
#contents_main h3 { font-size: 28px;}
#contents_main h4 { font-size: 20px;}
#contents_main h4.line { font-size: 18px;}
#contents_main h5,
#contents_main h6  { font-size: 16px;}
#contents_main p,
#contents_main li,
#contents_main table { font-size: 14px;}
/* --------------- h3 */
#contents_main h3 { align-items: center; display: flex; margin-bottom: 1.2em;}
#contents_main h3.ttl_bar,
#contents_main h3.line { margin-bottom: 1.4em;}
#contents_main h3.ttl_bar .btn,
#contents_main h3.line .btn { font-size: 13px; margin: 0 0 0 auto;}
#contents_main h3.ttl_bar .btn a,
#contents_main h3.line .btn a { padding: 0.8em;}
#contents_main h3 span.new,
#contents_main h3 span.info { font-size: 12px; margin: 0 0.8em 0 0; padding: 0.7em;}
#contents_main h3 sup { font-size: 70%; margin: -0.3em 0 0 0;}
/* --------------- h4 */
#contents_main h4 { align-items: stretch; display: flex;}
#contents_main h4 span.new,
#contents_main h4 span.info { font-size: 12px; margin: 0 0.8em 0 0; padding: 0.7em;}
#contents_main h4 sup { font-size: 70%; margin: -0.3em 0 0 0;}
/* --------------- h6 */
#contents_main h5 span { font-size: 12px;}
/* --------------- h6 */
#contents_main h6 span { font-size: 12px; padding: 0.4em 0.7em;}
/* important */
#contents_main .important { font-size: 16px;}
/* --------------- table */
#contents_main table { border-bottom: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; width: 100%;}
#contents_main table tr { border: none; display: table-row; margin: 0; padding: 0;}
#contents_main table th,
#contents_main table td {
	border-left: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0 !important;
	display: table-cell;
	padding: 0.5em !important;
	}
#contents_main table th br { display: block;}
#contents_main table thead { display: table-header-group;}
#contents_main table thead th,
#contents_main table thead td { background: #eee; text-align: center;}
#contents_main table tbody th { max-width: 25%;}
#contents_main table.center tbody td { text-align: center;}
/* --------------- 間隔設定 */
/* p */
#contents_main div + p,
#contents_main p + p,
#contents_main ul + p,
#contents_main table + p { margin-top: 1.0em;}
/* ul */
#contents_main div + ul,
#contents_main p + ul,
#contents_main ul + ul,
#contents_main table + ul { margin-top: 1.0em;}
#contents_main li + li { margin-top: 0.4em;}
/* table */
#contents_main div + table,
#contents_main p + table,
#contents_main ul + table,
#contents_main table + table { margin-top: 1.0em;}
/* -------------------------------
img
------------------------------- */
#contents_main img.right { float: right; margin: 0 0 0 2.5em;}
#contents_main img.left { float: left; margin: 0 2.5em 0 0;}
/* -------------------------------
製品情報
------------------------------- */
/* --------------- 骨組み */
#contents_area .container #contents_main .column,
#contents_area .container #contents_main .shop_info  { padding: 60px 20px;}
/* 間隔設定 */
#contents_area .container #contents_main .column div + div,
#contents_area .container #contents_main .column ul + div,
#contents_area .container #contents_main .column table + div,
#contents_area .container #contents_main .column div + table,
#contents_area .container #contents_main .column p + div,
#contents_area .container #contents_main .column div + p,
#contents_area .container #contents_main .shop_info div + div,
#contents_area .container #contents_main .shop_info ul + div,
#contents_area .container #contents_main .shop_info table + div,
#contents_area .container #contents_main .shop_info div + table,
#contents_area .container #contents_main .shop_info p + div,
#contents_area .container #contents_main .shop_info div + p { margin-top: 30px;}
#contents_area .container #contents_main .s_column + .s_column,
#contents_area .container #contents_main .s_column + div,
#contents_area .container #contents_main p + .s_column { margin-top: 60px;}
#contents_area .container #contents_main .s_column + .s_column.line,
#contents_area .container #contents_main .s_column.line + div,
#contents_area .container #contents_main p + .s_column.line { margin-top: 35px; padding-top: 35px;}
/* --------------- ポイント */
#contents_area .container #contents_main .column .pointBlock,
#contents_area .container #contents_main .sps { border: #d0d0d0 4px solid; padding: 20px;}
#contents_area .container #contents_main .column .pointBlock h5 span,
#contents_area .container #contents_main .column .pointBlock h6 span,
#contents_area .container #contents_main .sps h5 span,
#contents_area .container #contents_main .sps h6 span { margin-right: 1.0em; margin-left: -27px; padding: 0.3em 1.0em;}
/* --------------- リスト(基本情報) */
#contents_area .container #contents_main .column .basic_function ul,
#contents_area .container #contents_main .column.basic_function ul { display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px;}
#contents_area .container #contents_main .column .basic_function ul li,
#contents_area .container #contents_main .column.basic_function ul li { border: 2px #d0d0d0 solid; margin: 10px 0 0 10px; padding: 1.3em; width: calc((100% / 2) - 10px);}
#contents_area .container #contents_main .column .basic_function ul li + li,
#contents_area .container #contents_main .column.basic_function ul li + li { border: 2px #d0d0d0 solid; margin: 10px 0 0 10px; padding: 1.3em;}
#contents_area .container #contents_main .column:nth-child(even) .basic_function ul li + li,
#contents_area .container #contents_main .column:nth-child(even).basic_function ul li + li { border-color: #d0d0d0;}
/* --------------- リスト(基本機能(画像並べ)) */
#contents_main .itemlist ul { margin: -8px 0 0 -8px;}
#contents_main .itemlist ul li { margin: 8px 0 0 8px; width: calc((100% / 9) - 8px);}
/* リスト(テキストで強調したい場合利用) */
#contents_main .itemlist.tab ul li { width: calc((100% / 4) - 5px);}
#contents_main .itemlist.tab ul li.c2 { width: calc((100% / 2) - 5px);}
/* --------------- リスト(データなど数を強調したい場合利用)) */
#contents_main ul.originaldata li { width: calc((100% / 3) - 5px);}
#contents_main ul.originaldata li span.title { font-size: 18px; margin-bottom: 0.5em;}
#contents_main ul.originaldata li span.data { font-size: 32px;}
#contents_main ul.originaldata li span.sub { font-size: 14px;}
/* --------------- 凡庸ラインボックス */
#contents_main .lineBox,
#contents_main .realphoto { border: #d0d0d0 4px solid; padding: 20px;}
#contents_main .lineBox .important,
#contents_main .realphoto .important { padding: 0 20px; top: -0.9em;}
#contents_main .realphoto h5 { font-size: 17px;}
/* --------------- サンプルボイス */
#contents_main ul.sound li { width: calc((100% / 3) - 5px);}
/* --------------- ご注意 */
#contents_main .attention { padding: 20px;}
/* --------------- ターゲット識別 */
#contents_main ul.gps_list li { width: calc((100% / 3) - 5px);}
/* --------------- GPSデータ登録件数 */
#contents_main h3.gps { border: 4px #d0d0d0 solid; font-size: 22px; padding: 1.0em;}
#contents_main h3.gps .red { font-size: 22px;}
/* --------------- 上書きモード */
#contents_main .list_info .row [class*="col"] { margin-left: 0; float: none;}
#contents_main .list_info .row .col3 { width: 100%;}
#contents_main .list_info .row .col3 p { font-size: 18px;}
#contents_main .list_info .row .col3 p.default { font-size: 14px; margin-left: 1.4em; padding: 0.2em 0.8em;}
#contents_main .list_info .row .col9 { margin-top: 1.7em; width: 100%;}
#contents_main .list_info .important { font-size: 108%;}
/* --------------- オプション一覧 */
#contents_main .option .row { display: flex;}
#contents_main .option .col3 { float: none !important; margin: 0 20px 0 0; width: 25% !important;}
#contents_main .option .col3 p { margin-bottom: 5px;}
#contents_main .option .col3 img { max-width: 100%;}
#contents_main .option .col3 span { padding:0.5em;}
#contents_main .option .col3 span br { display: block;}
#contents_main .option .col9 { float: none !important; margin: 0 !important; width: calc((100% - 25%) - 20px) !important;}
/* --------------- 取扱説明書・カタログ、各種適応情報 */
#contents_main ul.support_list > li + li { margin-top: 0.8em; padding-top: 0.8em;}
/* --------------- 使用上の注意 */
#contents_main .notice ul li { padding-left: 1.4em; text-indent: -1.4em;}
#contents_main .notice ul li span { margin-right: 0.4em;}
/* -------------------------------
360°イメージ画像
------------------------------- */
#contents_main .designBlock .threesixty .threesixty_images img { height: auto; width: 100%;}
#contents_main .designBlock .threesixty .threesixty_images img.previous-image { visibility: hidden; width: 0;}
#contents_main .designBlock .threesixty .threesixty_images img.current-image { margin: 0; visibility: visible; width: 100%;}
/* -------------------------------
タブメニュー
------------------------------- */
#contents_main .page_nav ul > li a { padding: 0.4em 0.6em;}
/* -------------------------------
ビジュアル
------------------------------- */
#contents_area .container .slide_main { padding: 60px 20px;}
/* --------------- フォント */
#contents_area .container .slide_main h2 { font-size: 20px;}
/* -------------------------------
製品特徴
------------------------------- */
#contents_area .container .slide_main .slide + .products_info ul { padding: 1.2em;}
/* --------------- 製品情報エリア内 */
#contents_area .container #contents_main .slide_main { background-color: transparent; padding: 60px 0;}
#contents_area .container #contents_main .slide_main .products_info ul,
#contents_area .container #contents_main .slide_main .products_info02 ul { padding: 1.2em;}
#contents_area .container #contents_main .slide_main .products_info ul li + li,
#contents_area .container #contents_main .slide_main .products_info02 ul li + li { margin-top: 0.8em; padding-top: 0.8em;}
/* -------------------------------
ゴルフナビ用
------------------------------- */
/* --------------- コースデータ用ボタン */
#course_list ul li + li,
#golfnavi_course ul li + li,
#sco ul li + li { margin-left: 20px !important; margin-top: 0;}
#contents_main #course_list .row,
#contents_main #golfnavi_course .row,
#contents_main #sco .row { display: flex; flex-wrap: wrap; margin: 0;}
#contents_main #course_list .row .col4,
#contents_main #golfnavi_course .row .col4,
#contents_main #sco .row .col4 { float: none !important; margin-left: 0; width: 30%;}
#contents_main #course_list .row .col8,
#contents_main #golfnavi_course .row .col8,
#contents_main #sco .row .col8 { float: none !important; margin-left: 0; width: 70%;}
#contents_main #course_list .row li + .col8,
#contents_main #golfnavi_course .row li + .col8,
#contents_main #sco .row li + .col8 { width: calc(70% - 20px);}
#contents_main #course_list .btn a,
#contents_main #golfnavi_course .btn a,
#contents_main #sco .btn a { border: #e0e0e0 4px solid; padding: 0.7em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
#contents_area { padding-bottom: 60px;}
main [class*="block-"]:nth-child(even) + #contents_area { background: #f0f0f0;}
main [class*="block-"]:nth-child(odd) + #contents_area { background: #fff;}
main .block-tab + #contents_area { background: #fff !important;}
#contents_area .container { align-items: flex-start; display: flex; flex-wrap: wrap; margin-right: 40px; margin-left: 40px;}
#contents_area .container #contents_main { width: calc(100% - 270px);}
main [class*="block-"]:nth-child(odd) + #contents_area .container #sidenav { background: #f9f9f9;}
#contents_area .container #sidenav { background: #f5f5f5; box-sizing: border-box; display: block; margin-left: 40px; margin-top: 60px; padding: 15px; width: 230px;}
#contents_area .container #sidenav h5 { background: #f0f0f0; font-size: 13px; padding-right: 15px; position: relative;}
#contents_area .container #sidenav h5::after {
	font-family: FontAwesome;
	content: "\f0d7";
	font-size: 8px;
	font-weight: 600;
	position: absolute;
	right: 5px;
	margin: -4px 0 0 0;
	top: 25%;
	}
#contents_area .container #sidenav > li { margin: 0 !important;}
#contents_area .container #sidenav > li + li,
#contents_area .container #sidenav > ul + li { margin-top: 0.8em !important;}
#contents_area .container #sidenav > li + ul,
#contents_area .container #sidenav > li + div,
#contents_area .container #sidenav > div + h4,
#contents_area .container #sidenav > ul + div,
#contents_area .container #sidenav > div + ul { margin-top: 2.0em !important;}
#contents_area .container #sidenav > ul li + li,
#contents_area .container #sidenav > div li + li,
#contents_area .container #sidenav h4 + ul { margin-top: 0.4em !important;}
#contents_area .container #sidenav #ypd_store { background: #fff; border: 1px solid #ccc; box-sizing: border-box; padding: 10px;}
#contents_area .container #sidenav #ypd_store li.ttl { margin: -11px -11px 10px -11px;}
#contents_area .container #gps_target_data { background: #fff; border: 1px solid #ccc; box-sizing: border-box; padding: 10px; text-align: center;}
#contents_area .container #gps_target_data h4 { margin: -11px -11px 15px -11px;}
#contents_area .container #gps_target_data p + p { margin-top: 1.2em !important;}
#contents_area .container #gps_target_data p.no_link { margin-top: 0.3em !important;}
#contents_area .container #side_adapt { box-sizing: border-box; text-align: center;}
#contents_area .container #side_adapt a { border: 1px solid #ccc; display: block;}
#contents_area .container #side_adapt img { width: 100%;}
#contents_area .container #side_lineup ul { background: #fff; border: 1px solid #ccc; box-sizing: border-box; margin-top: 0.3em; padding: 10px;}
#contents_area .container #side_lineup ul li { font-size: 12px; line-height: 1.0em;}
#contents_area .container #side_lineup ul li + li { border-top: 1px solid #eee; margin-top: 0.6em !important; padding-top: 0.6em;}
#contents_area .container #side_lineup ul li a { align-items: center; display: flex;}
#contents_area .container #side_lineup ul li.active a,
#contents_area .container #side_lineup ul li a:hover { background: #eee;}
#contents_area .container #side_lineup ul li a::before {
	font-family: FontAwesome;
	content: "\f0da";
	font-size: 8px;
	font-weight: 600;
	margin-right: 0.5em;
	}
/* -------------------------------
フォント
------------------------------- */
/* --------------- p */
#contents_main p.bk_products { right: 0; top: 40px;}
#contents_main p.bk_products a { background: #f0f0f0; color: #303030; padding:0.6em 0.9em;}
#contents_main p.bk_products a:hover { background: #d0d0d0;}
#contents_area .container #contents_main .column:nth-child(even) p.bk_products a { background: #d0d0d0;}
#contents_area .container #contents_main .column:nth-child(even) p.bk_products a:hover { background: #f0f0f0;}
#contents_main p.bk_products span { display: inline-block;}
/* -------------------------------
img
------------------------------- */
#contents_main img.right { margin: 0 0 0 3.0em;}
#contents_main img.left { margin: 0 3.0em 0 0;}
/* -------------------------------
製品情報
------------------------------- */
/* --------------- 骨組み */
#contents_area .container #contents_main .column,
#contents_area .container #contents_main .shop_info { padding: 60px 0 0 0;}
#contents_area .container #contents_main .column:nth-child(even),
#contents_area .container #contents_main .shop_info:nth-child(even) { background-color: transparent;}
/* 間隔設定 */
#contents_area .container #contents_main .column div + div,
#contents_area .container #contents_main .column ul + div,
#contents_area .container #contents_main .column table + div,
#contents_area .container #contents_main .column div + table,
#contents_area .container #contents_main .column p + div,
#contents_area .container #contents_main .column div + p,
#contents_area .container #contents_main .shop_info div + div,
#contents_area .container #contents_main .shop_info ul + div,
#contents_area .container #contents_main .shop_info table + div,
#contents_area .container #contents_main .shop_info div + table,
#contents_area .container #contents_main .shop_info p + div,
#contents_area .container #contents_main .shop_info div + p { margin-top: 40px;}
#contents_area .container #contents_main .shop_info div + p { margin-top: 0;}
#contents_area .container #contents_main .column + .column { padding-top: 130px;}
#contents_area .container #contents_main .s_column + .s_column,
#contents_area .container #contents_main .s_column + div,
#contents_area .container #contents_main p + .s_column { margin-top: 65px;}
#contents_area .container #contents_main .s_column + .s_column.line,
#contents_area .container #contents_main .s_column.line + div,
#contents_area .container #contents_main p + .s_column.line { border-color: #f0f0f0; margin-top: 35px; padding-top: 35px;}
#contents_area .container #contents_main .column:nth-child(even) .s_column + .s_column.line,
#contents_area .container #contents_main .column:nth-child(even) .s_column.line + div,
#contents_area .container #contents_main .column:nth-child(even) p + .s_column.line { border-color: #f0f0f0;}
/* --------------- ポイント */
#contents_area .container #contents_main .column:nth-child(even) .pointBlock { background-color: #f0f0f0;}
/* --------------- リスト(基本情報) */
#contents_area .container #contents_main .column .pointBlock,
#contents_area .container #contents_main .sps { padding: 25px;}
#contents_area .container #contents_main .sps { margin: 30px 0 0 0;}
#contents_area .container #contents_main .column .pointBlock h5 span,
#contents_area .container #contents_main .column .pointBlock h6 span,
#contents_area .container #contents_main .sps h5 span,
#contents_area .container #contents_main .sps h6 span { margin-left: -32px;}
/* --------------- リスト(基本機能(画像並べ)) */
#contents_main .itemlist ul li { width: calc((100% / 8) - 8px);}
/* --------------- 凡庸ラインボックス */
#contents_area .container #contents_main .column:nth-child(even) .lineBox .important,
#contents_area .container #contents_main .column:nth-child(even) .realphoto .important { background: #fff;}
#contents_main .realphoto h5 { font-size: 18px;}
/* --------------- オプション一覧 */
#contents_main .option .col3 { margin: 0 35px 0 0;}
#contents_main .option .col9 { width: calc((100% - 25%) - 35px) !important;}
/* -------------------------------
ビジュアル
------------------------------- */
#contents_area .container .slide_main { background-color: transparent; border-bottom: #f0f0f0 1px solid; display: flex; flex-wrap: wrap; padding: 60px 0;}
#contents_area .container .slide_main .slide { margin-right: 30px; width: 65%;}
/* -------------------------------
製品特徴
------------------------------- */
#contents_area .container .slide_main .slide + .products_info { padding-top: 0; width: calc((100% - 65%) - 30px);}
#contents_area .container .slide_main .slide + .products_info ul,
#contents_area .container .slide_main .slide + .products_info02 ul { background: #f0f0f0; filter: none; padding: 8px;}
#contents_area .container .slide_main .slide + .products_info ul li + li,
#contents_area .container .slide_main .slide + .products_info02 ul li + li { border: none; margin-top: 6px; padding-top: 0;}
#contents_area .container .slide_main .slide + .products_info ul li a,
#contents_area .container .slide_main .slide + .products_info02 ul li a { background: #fff; filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3)); padding: 0.7em 0.4em; transition: all 0.3s ease 0s;}
#contents_area .container .slide_main .slide + .products_info ul li a:hover,
#contents_area .container .slide_main .slide + .products_info02 ul li a:hover { filter: drop-shadow(1px 1px 6px rgba(0,0,0,0.5)); z-index: 5;}
#contents_area .container .slide_main .slide + .products_info ul li + li.sub,
#contents_area .container .slide_main .slide + .products_info02 ul li + li.sub { margin-top: 10px;}
#contents_area .container .slide_main .slide + .products_info ul li.sub a,
#contents_area .container .slide_main .slide + .products_info02 ul li.sub a { background-color: transparent; filter: none; padding: 0;}
/* --------------- 製品情報エリア内 */
#contents_area .container #contents_main .slide_main .products_info,
#contents_area .container #contents_main .slide_main .products_info02 { margin: 0; width: 100%;}
#contents_area .container #contents_main .slide_main .products_info h2,
#contents_area .container #contents_main .slide_main .products_info02 h2 {
	align-items: center;
	display: flex;
	border-bottom: solid 3px #b0b0b0;
	font-size: 28px;
	margin-bottom: 0.8em;
	padding: 0 0 0.3em 0;
	position: relative;
	width: 100%;
	}
#contents_area .container #contents_main .slide_main .products_info h2:before,
#contents_area .container #contents_main .slide_main .products_info02 h2:before {
	background: none;
	content: " ";
	display: block;
	border-bottom: solid 3px #E60012;
	bottom: -3px;
	left: 0;
	height: 0;
	position: absolute;
	transform: translate(0);
	width: 30%;
	}
#contents_area .container #contents_main .slide_main .products_info ul,
#contents_area .container #contents_main .slide_main .products_info02 ul { filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.4));}
/* -------------------------------
SPSショップ
------------------------------- */
#contents_area .container #contents_main .sps + .shop_info { padding-top: 80px;}
#contents_area .container #contents_main .shop_info + .shop_info { border-top: #f0f0f0 1px solid; margin-top: 45px; padding-top: 45px;}
#contents_area .container #contents_main .shop_info div.right { float: right; margin: 0 0 0 4.0em;}
#contents_area .container #contents_main .shop_info.flex { align-items: flex-start; display: flex;}
#contents_area .container #contents_main .shop_info.flex .leftbox { width: calc(100% - 330px);}
#contents_area .container #contents_main .shop_info.flex .rightbox { margin: 0 0 0 30px; width: 300px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
#contents_area .container { margin-right: 50px; margin-left: 50px;}
/* -------------------------------
フォント
------------------------------- */
#contents_main h3, #contents_main h4, #contents_main h5, #contents_main h6 { margin-bottom: 1.4em;}
#contents_main h3 { font-size: 28px;}
#contents_main h4 { font-size: 21px;}
#contents_main h4.line { font-size: 19px;}
#contents_main h5,
#contents_main h6  { font-size: 17px;}
#contents_main p,
#contents_main li,
#contents_main table { font-size: 15px; line-height: 1.7em;}
/* --------------- h3 */
#contents_main h3 { margin-bottom: 1.6em;}
#contents_main h3.ttl_bar,
#contents_main h3.line { margin-bottom: 1.8em;}
#contents_main h3 span.new,
#contents_main h3 span.info { font-size: 13px; margin: 0 0.8em 0 0; padding: 0.7em;}
/* --------------- h4 */
#contents_main h4 { align-items: stretch; display: flex; flex-wrap: wrap;}
#contents_main h4 span.new,
#contents_main h4 span.info { font-size: 13px; margin: 0 0.8em 0 0; padding: 0.7em;}
/* --------------- h5 */
#contents_main h5 span { font-size: 13px;}
/* --------------- h6 */
#contents_main h6 span { font-size: 13px; padding: 0.4em 0.7em;}
/* important */
#contents_main .important { font-size: 17px;}
/* --------------- table */
#contents_main table th,
#contents_main table td { padding: 0.6em !important;}
/* --------------- 間隔設定 */
/* p */
#contents_main div + p,
#contents_main p + p,
#contents_main ul + p,
#contents_main table + p { margin-top: 1.4em;}
/* ul */
#contents_main div + ul,
#contents_main p + ul,
#contents_main ul + ul,
#contents_main table + ul { margin-top: 1.4em;}
#contents_main li + li { margin-top: 0.5em;}
/* table */
#contents_main div + table,
#contents_main p + table,
#contents_main ul + table,
#contents_main table + table { margin-top: 1.4em;}
/* -------------------------------
img
------------------------------- */
#contents_main img.right { margin: 0 0 0 4.0em;}
#contents_main img.left { margin: 0 4.0em 0 0;}
/* -------------------------------
製品情報
------------------------------- */
/* --------------- リスト(データなど数を強調したい場合利用)) */
#contents_main ul.originaldata li span.data { font-size: 34px;}
#contents_main ul.originaldata li span.sub { font-size: 15px;}
/* --------------- 凡庸ラインボックス */
#contents_main .realphoto h5 { font-size: 19px;}
/* --------------- GPSデータ登録件数 */
#contents_main h3.gps { font-size: 24px;}
#contents_main h3.gps .red { font-size: 24px;}
/* --------------- 上書きモード */
#contents_main .list_info .row .col3 p { font-size: 19px;}
#contents_main .list_info .row .col3 p.default { font-size: 15px;}
/* --------------- オプション一覧 */
#contents_main .option .col3 { margin: 0 50px 0 0;}
#contents_main .option .col9 { width: calc((100% - 25%) - 50px) !important;}
/* --------------- 取扱説明書・カタログ、各種適応情報 */
#contents_main ul.support_list > li + li { margin-top: 0.9em; padding-top: 0.9em;}
/* -------------------------------
ビジュアル
------------------------------- */
#contents_area .container .slide_main .slide { margin-right: 45px;}
/* --------------- フォント */
#contents_area .container .slide_main h2 { font-size: 22px;}
/* -------------------------------
製品特徴
------------------------------- */
#contents_area .container .slide_main .slide + .products_info { padding-top: 0; width: calc((100% - 65%) - 45px);}
#contents_area .container .slide_main .slide + .products_info ul li,
#contents_area .container .slide_main .slide + .products_info02 ul li { font-size: 14px !important;}
#contents_area .container .slide_main .slide + .products_info ul li a,
#contents_area .container .slide_main .slide + .products_info02 ul li a { padding: 0.8em 0.4em;}
#contents_area .container .slide_main .slide + .products_info ul li + li.sub,
#contents_area .container .slide_main .slide + .products_info02 ul li + li.sub { margin-top: 12px;}
/* --------------- 製品情報エリア内 */
#contents_area .container #contents_main .slide_main .products_info ul,
#contents_area .container #contents_main .slide_main .products_info02 ul { padding: 1.3em;}
#contents_area .container #contents_main .slide_main .products_info ul li + li,
#contents_area .container #contents_main .slide_main .products_info02 ul li + li { margin-top: 0.9em; padding-top: 0.9em;}
/* -------------------------------
ゴルフナビ用
------------------------------- */
/* --------------- コースデータ用ボタン */
#course_list ul li + li,
#golfnavi_course ul li + li,
#sco ul li + li { margin-left: 30px !important;}
#contents_main #course_list .row .col4,
#contents_main #golfnavi_course .row .col4,
#contents_main #sco .row .col4 { float: none !important; margin-left: 0; width: 34%;}
#contents_main #course_list .row .col8,
#contents_main #golfnavi_course .row .col8,
#contents_main #sco .row .col8 { float: none !important; margin-left: 0; width: 66%;}
#contents_main #course_list .row li + .col8,
#contents_main #golfnavi_course .row li + .col8,
#contents_main #sco .row li + .col8 { width: calc(66% - 30px);}
#contents_main #course_list .btn a,
#contents_main #golfnavi_course .btn a,
#contents_main #sco .btn a { border: #e0e0e0 5px solid; padding: 0.9em;}
#contents_main #course_list .btn a p img,
#contents_main #golfnavi_course .btn a p img,
#contents_main #sco .btn a p img { max-width: 100px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1280px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1280px) {
#contents_area .container { width: 1160px; margin-right: auto; margin-left: auto;}
#contents_area .container #contents_main { width: calc(100% - 300px);}
#contents_area .container #sidenav { display: block; margin-left: 60px; padding: 20px; width: 240px;}
/* -------------------------------
フォント
------------------------------- */
/* --------------- p */
#contents_main p.bk_products { top: 45px;}
/* -------------------------------
製品情報
------------------------------- */
/* --------------- 骨組み */
/* 間隔設定 */
#contents_area .container #contents_main .column div + div,
#contents_area .container #contents_main .column ul + div,
#contents_area .container #contents_main .column table + div,
#contents_area .container #contents_main .column div + table,
#contents_area .container #contents_main .column p + div,
#contents_area .container #contents_main .column div + p,
#contents_area .container #contents_main .shop_info div + div,
#contents_area .container #contents_main .shop_info ul + div,
#contents_area .container #contents_main .shop_info table + div,
#contents_area .container #contents_main .shop_info div + table,
#contents_area .container #contents_main .shop_info p + div,
#contents_area .container #contents_main .shop_info div + p { margin-top: 45px;}
#contents_area .container #contents_main .column + .column { padding-top: 145px;}
#contents_area .container #contents_main .s_column + .s_column,
#contents_area .container #contents_main .s_column + div,
#contents_area .container #contents_main p + .s_column { margin-top: 70px;}
#contents_area .container #contents_main .s_column + .s_column.line,
#contents_area .container #contents_main .s_column.line + div,
#contents_area .container #contents_main p + .s_column.line { border-color: #f0f0f0; margin-top: 40px; padding-top: 40px;}
/* --------------- ポイント */
#contents_area .container #contents_main .column .pointBlock,
#contents_area .container #contents_main .sps { padding: 30px;}
#contents_area .container #contents_main .column .pointBlock h5 span,
#contents_area .container #contents_main .column .pointBlock h6 span,
#contents_area .container #contents_main .sps h5 span,
#contents_area .container #contents_main .sps h6 span { margin-left: -37px;}
/* --------------- オプション一覧 */
#contents_main .option .col3 { margin: 0 60px 0 0;}
#contents_main .option .col9 { width: calc((100% - 25%) - 60px) !important;}
/* --------------- 取扱説明書・カタログ、各種適応情報 */
#contents_main ul.support_list > li + li { margin-top: 1.0em; padding-top: 1.0em;}
/* -------------------------------
ビジュアル
------------------------------- */
#contents_area .container .slide_main .slide { margin-right: 60px;}
/* -------------------------------
img
------------------------------- */
#contents_main img.right { margin: 0 0 0 5.0em;}
#contents_main img.left { margin: 0 5.0em 0 0;}
/* -------------------------------
製品特徴
------------------------------- */
#contents_area .container .slide_main .slide + .products_info { width: calc((100% - 65%) - 60px);}
#contents_area .container .slide_main .slide + .products_info ul li a,
#contents_area .container .slide_main .slide + .products_info02 ul li a { padding: 0.8em 0.5em;}
#contents_area .container .slide_main .slide + .products_info ul li + li.sub,
#contents_area .container .slide_main .slide + .products_info02 ul li + li.sub { margin-top: 13px;}
/* -------------------------------
ゴルフナビ用
------------------------------- */
/* --------------- コースデータ用ボタン */
#course_list ul li + li,
#golfnavi_course ul li + li,
#sco ul li + li { margin-left: 40px !important;}
#contents_main #course_list .row li + .col8,
#contents_main #golfnavi_course .row li + .col8,
#contents_main #sco .row li + .col8 { width: calc(66% - 40px);}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

max-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (max-width: 768px) {
/* -------------------------------
フォント
------------------------------- */
#contents_main table td.model_new:before { content:"新モデル："; font-weight:bold;}
#contents_main table td.model_now:before { content:"従来モデル："; font-weight:bold;}
/* --------------- ドライブレコーダー */
#contents_main td.time_f1080p_r1080p:before { content:"F 1080P HD/R 1080P HD："; font-weight:bold;}
#contents_main td.time_f1080p_r720p:before { content:"F 1080P HD/R 720P："; font-weight:bold;}
#contents_main td.time_f720p_r1080p:before { content:"F 720P/R 1080P HD："; font-weight:bold;}
#contents_main td.time_f720p_r720p:before { content:"F 720P/R 720P："; font-weight:bold;}
#contents_main td.time_f1080p_r1080p_30:before { content:"F 1080P HD/R 1080P HD(30コマ/秒)："; font-weight:bold;}
#contents_main td.time_f1080p_r720p_30:before { content:"F 1080P HD/R 720P(30コマ/秒)："; font-weight:bold;}
#contents_main td.time_f720p_r720p_30:before { content:"F 720P/R 720P(30コマ/秒)："; font-weight:bold;}
#contents_main td.time_f1080p_r1080p_15:before { content:"F 1080P HD/R 1080P HD(15コマ/秒)："; font-weight:bold;}
#contents_main td.time_f1080p_r720p_15:before { content:"F 1080P HD/R 720P(15コマ/秒)："; font-weight:bold;}
#contents_main td.time_f720p_r720p_15:before { content:"F 720P/R 720P(15コマ/秒)："; font-weight:bold;}
#contents_main td.time_r1080p:before { content:"R 1080P："; font-weight:bold;}
#contents_main td.time_r720p:before { content:"R 720P："; font-weight:bold;}
#contents_main td.time_4k:before { content:"4K："; font-weight:bold;}
#contents_main td.time_1440p:before { content:"1440P："; font-weight:bold;}
#contents_main td.time_1080hd:before { content:"1080P HD："; font-weight:bold;}
#contents_main td.time_1080hd_30:before { content:"1080P HD(30コマ/秒)："; font-weight:bold;}
#contents_main td.time_1080hd_15:before { content:"1080P HD(15コマ/秒)："; font-weight:bold;}
#contents_main td.time_1080p:before { content:"1080P："; font-weight:bold;}
#contents_main td.time_720p:before { content:"720P："; font-weight:bold;}
#contents_main td.time_720p_30:before { content:"720P(30コマ/秒)："; font-weight:bold;}
#contents_main td.time_720p_15:before { content:"720P(15コマ/秒)："; font-weight:bold;}
#contents_main td.time_vga:before { content:"VGA："; font-weight:bold;}
#contents_main td.time_1080hd_joji:before { content:"1080P HD(常時録画時間)："; font-weight:bold;}
#contents_main td.time_720p_joji:before { content:"720P(常時録画時間)："; font-weight:bold;}
#contents_main td.time_1080hd_event:before { content:"1080P HD(イベント記録件数)："; font-weight:bold;}
#contents_main td.time_720p_event:before { content:"720P(イベント記録件数)："; font-weight:bold;}
#contents_main td.frames_h12:before { content:"12コマ/時："; font-weight:bold;}
#contents_main td.frames_h6:before { content:"6コマ/時："; font-weight:bold;}
#contents_main td.frames_min2:before { content:"2コマ/分："; font-weight:bold;}
#contents_main td.frames_min1:before { content:"1コマ/分："; font-weight:bold;}
#contents_main td.frames_sec30:before { content:"30コマ/秒："; font-weight:bold;}
#contents_main td.frames_sec28:before { content:"28コマ/秒："; font-weight:bold;}
#contents_main td.frames_sec15:before { content:"15コマ/秒："; font-weight:bold;}
#contents_main td.frames_sec14:before { content:"14コマ/秒："; font-weight:bold;}
#contents_main td.frames_sec10:before { content:"10コマ/秒："; font-weight:bold;}
#contents_main td.frames_sec05:before { content:"5コマ/秒："; font-weight:bold;}
#contents_main td.frames_sec01:before { content:"1コマ/秒："; font-weight:bold;}
#contents_main td.resolution_high:before { content:"高画質："; font-weight:bold;}
#contents_main td.resolution_normal:before { content:"普通画質："; font-weight:bold;}
#contents_main td.resolution_low:before { content:"低画質："; font-weight:bold;}
#contents_main td.resolution_high_g:before { content:"高画質(Gセンサー)："; font-weight:bold;}
#contents_main td.resolution_normal_g:before { content:"普通画質(Gセンサー)："; font-weight:bold;}
#contents_main td.resolution_low_g:before { content:"低画質(Gセンサー)："; font-weight:bold;}
#contents_main td.resolution_high_touch:before { content:"高画質(ワンタッチ)："; font-weight:bold;}
#contents_main td.resolution_normal_touch:before { content:"普通画質(ワンタッチ)："; font-weight:bold;}
#contents_main td.resolution_low_touch:before { content:"低画質(ワンタッチ)："; font-weight:bold;}
#contents_main td.m_8gb:before { content:"8GB："; font-weight:bold;}
#contents_main td.m_16gb:before { content:"16GB："; font-weight:bold;}
#contents_main td.m_32gb:before { content:"32GB："; font-weight:bold;}
#contents_main td.m_64gb:before { content:"64GB："; font-weight:bold;}
#contents_main td.m_128gb:before { content:"128GB："; font-weight:bold;}
#contents_main td.obd12-m3:before { content:"OBD12-MⅢ："; font-weight:bold;}
#contents_main td.obd12-hvtm:before { content:"OBD-HVTM："; font-weight:bold;}
#contents_main table td.unit_front:before { content:"フロントカメラユニットのみ："; font-weight:bold;}
#contents_main table td.unit_front_optionr:before { content:"フロントカメラ＋リアカメラユニット(別売品)："; font-weight:bold;}
}



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

12.製品一覧(簡易ver(製品カテゴリ引用))

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* -------- 製品リスト */
main [class*="block-products-list"].simple .flex-box { margin-left: 0; margin-top: -10px;}
main [class*="block-products-list"].simple .flex-box > li { margin-top: 10px; padding: 1.0em; text-align: center}
main [class*="block-products-list"].simple .flex-box > li + li,
main [class*="block-products-list"].simple .flex-box li:nth-child(n+3) { margin-top: 10px;}
main [class*="block-products-list"].simple .flex-box > li > a { padding: 0;}
main [class*="block-products-list"].simple .flex-box > li img { margin-bottom: 0.2em !important; max-width: 60px !important;}
main [class*="block-products-list"].simple .flex-box > li p { font-size: 12px; font-weight: 600;}
main [class*="block-products-list"].simple .flex-box > li p + p { border-top:1px solid #e0e0e0; margin-top: 0.3em !important; padding-top: 0.3em;}
main [class*="block-products-list"].simple .flex-box > li p.check { font-weight: 400; text-align: left;}
main [class*="block-products-list"].simple .flex-box > li p.check a { display: flex;}
main [class*="block-products-list"].simple .flex-box > li p.check a::before {
	font-family: FontAwesome;
	content: "\f0da";
	font-size: 83%;
	margin-right: 0.5em;
	}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 368px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 368px) {
/* -------- 製品リスト */
main [class*="block-products-list"].simple .flex-box { margin-left: -10px;}
main [class*="block-products-list"].simple .flex-box > li { margin-left: 10px; width: calc((100% / 2) - 10px) !important;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
/* -------- 製品リスト */
main [class*="block-products-list"].simple .flex-box > li { width: calc((100% / 3) - 10px) !important;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
/* -------- 製品リスト */
main [class*="block-products-list"].simple .flex-box > li { width: calc((100% / 4) - 10px) !important;}
main [class*="block-products-list"].simple .flex-box > li p { font-size: 13px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
/* -------- 製品リスト */
main [class*="block-products-list"].simple .flex-box > li { width: calc((100% / 5) - 10px) !important;}
main [class*="block-products-list"].simple .flex-box > li img { margin-bottom: 0.3em !important; max-width: 80px !important;}
main [class*="block-products-list"].simple .flex-box > li p + p { margin-top: 0.4em !important; padding-top: 0.4em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 992px) {
/* -------- 製品リスト */
main [class*="block-products-list"].simple .flex-box > li { width: calc((100% / 6) - 10px) !important;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1160px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1160px) {
/* -------- 製品リスト */
main [class*="block-products-list"].simple .flex-box > li { width: calc((100% / 7) - 10px) !important;}
main [class*="block-products-list"].simple .flex-box > li img { max-width: 100px !important;}
}



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

12.製品系汎用コンテンツ

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* -------- タブメニュー */
main [class*="block-products-info"] .subnavi { margin: -1.0em 0 2.2em 0;}
main [class*="block-products-info"] .subnavi ul { display: flex; flex-wrap: wrap; margin: -4px 0 0 -4px;}
main [class*="block-products-info"] .subnavi ul > li { font-size: 11px; margin: 4px 0 0 4px;}
main [class*="block-products-info"] .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-info"]:nth-child(odd) .subnavi ul > li a { background-color:#fcfcfc;}
main [class*="block-products-info"] .subnavi ul > li a:hover,
main [class*="block-products-info"] .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-info"]:nth-child(odd) .subnavi ul > li a:hover,
main [class*="block-products-info"]:nth-child(odd) .subnavi ul > li.active > a { background: #707070;}
/* -------- コンテンツ枠 */
main [class*="block-products-info"] .column + .column { border-top: 1px solid #f0f0f0; margin-top: 25px; padding-top: 25px;}
main [class*="block-products-info"]:nth-child(odd) .column + .column { border-color: #e0e0e0;}



/* --------------- table */
main [class*="block-products-info"] table { border: none; clear: both;}
main [class*="block-products-info"] table thead { display: none;}
main [class*="block-products-info"] table tr { background: #f9f9f9; border: 1px solid #d0d0d0; display:block; margin-top: 0.3em; padding: 0.5em;}
main [class*="block-products-info"] table th,
main [class*="block-products-info"] table td { background-color: transparent !important; display:list-item; list-style:none; padding: 0 !important; text-align: left; width: auto !important;}
main [class*="block-products-info"] table th br { display: none;}
main [class*="block-products-info"] table th + td { border-top: 1px solid #e0e0e0; margin-top: 0.3em; padding-top: 0.3em !important;}
main [class*="block-products-info"] table td + td { padding-top: 0.2em !important;}
main [class*="block-products-info"] table td ol,
main [class*="block-products-info"] table td ul { margin-top: 0.6em;}
main [class*="block-products-info"] table td li + li { margin-top: 0.3em;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
/* -------- コンテンツ枠 */
main [class*="block-products-info"] .column + .column { margin-top: 27px; padding-top: 27px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {

}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

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

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
/* -------- コンテンツ枠 */
main [class*="block-products-info"] .column + .column { margin-top: 35px; padding-top: 35px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {

}



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

5.製品フッターメニュー

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-tab-footer { background: #c0c0c0 !important; padding:1.0em 0; border-top:solid 1px #b0b0b0;}
.block-tab-footer ul { justify-content: center; margin-left: -1.2em;}
.block-tab-footer ul li { font-size: 11px; margin-left: 1.2em;}
.block-tab-footer ul li + li { margin-top: 0;}
.block-tab-footer ul li a { color:#000 !important; display: block; padding: 0.5em 0; position: relative;}
.block-tab-footer ul li a:hover { text-decoration: none;}
.block-tab-footer ul li a::after {
	background: #c0c0c0;
	bottom: 0;
	content: '';
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
	transition: all 0.3s ease-out;
	width: 100%;
	}
.block-tab-footer ul li a:hover::after { background: #a0a0a0;}
.block-tab-footer ul li.active a::after { background: #a0a0a0;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-tab-footer ul { justify-content: center; margin-left: -1.5em;}
.block-tab-footer ul li { font-size: 12px; margin-left: 1.5em;}
}