/*
*******************************************************************************************************
# /ja/products/css/common.css
*******************************************************************************************************
*/

/*------------------------------------
	Override
------------------------------------*/
.wrp-contents {
	margin-bottom: 0;
}

/*------------------------------------
	Anchor (for header/footer)
------------------------------------*/
#gearheadPositionerNav {
	height: 60px;
}

#gearheadNav, #componentNav, #greaseNav {
	position: relative;
	top: -60px;
}

/*------------------------------------
	Footer submenu
------------------------------------*/
.wrp-ft-submenu.products-detail {
	margin-top: 0;
	padding-top: 40px;
}

/*------------------------------------
	Contents
------------------------------------*/
.wrp-products-pagenav {
	margin: 0 40px;
}

.wrp-products-pagenav .box-pagenav {
	max-width: 1208px;
	margin: 0 auto;
}

.wrp-products-pagenav .box-pagenav .text-lead {
	margin-bottom: 20px;
}

.wrp-products-pagenav .box-pagenav .list-select {
	background: url(../../../common/img/bg_ancer.jpg) no-repeat 0 0;
	background-size: contain;
	*zoom: 1;
}

.wrp-products-pagenav .box-pagenav .list-select:before, .wrp-products-pagenav .box-pagenav .list-select:after {
	content: "";
	display: table;
}

.wrp-products-pagenav .box-pagenav .list-select:after {
	clear: both;
}

.wrp-products-pagenav .box-pagenav .list-select li {
	float: left;
	width: 20%;
	margin-bottom: 80px;
}

.wrp-products-pagenav .box-pagenav .list-select li img {
	transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.wrp-products-pagenav .box-pagenav .list-select li a {
	position: relative;
	display: block;
	color: #111111;
	text-decoration: none;
	text-align: center;
}

.wrp-products-pagenav .box-pagenav .list-select li a:hover {
	color: #0090d7;
}

.wrp-products-pagenav .box-pagenav .list-select li a:hover img {
	-ms-transform: scale(1.07);
	transform: scale(1.07);
}

.wrp-products-pagenav .box-pagenav .list-select li .product-img {
	margin: 3% 8px 0;
}

.wrp-products-pagenav .box-pagenav .list-select li .product-img img {
	width: 66%;
}

.wrp-products-pagenav .box-pagenav .list-select li .product-category {
	position: relative;
	display: inline-block;
	padding: 0;
	font-size: 17px;
}

.wrp-products-pagenav .box-pagenav .list-select li .product-img::before, .wrp-products-pagenav .box-pagenav .list-select li .product-img::after {
	content: "";
	position: absolute;
	right: 50%;
	top: 225px;
	display: block;
	width: 1px;
	height: 14px;
	background-color: #0090d7;
}

.wrp-products-pagenav .box-pagenav .list-select li .product-img::before {
	margin-right: -3px;
	-ms-transform: rotate(25deg);
	transform: rotate(25deg);
}

.wrp-products-pagenav .box-pagenav .list-select li .product-img::after {
	margin-right: 3px;
	-ms-transform: rotate(155deg);
	transform: rotate(155deg);
}

.wrp-products-pagenav .box-pagenav .list-select li .product-text {
	display: block;
	font-size: 12px;
}

.wrp-products-pagenav .btn-select {
	width: 392px;
	margin: 0 auto;
}

@media screen and (max-width: 1200px) {
	.wrp-products-pagenav .box-pagenav .list-select li .product-img {
		margin: 9% 0 0;
	}

	.wrp-products-pagenav .box-pagenav .list-select li .product-img img {
		width: 73%;
	}

	.wrp-products-pagenav .box-pagenav .list-select li .product-name {
		margin-top: -7%;
	}

	.wrp-products-pagenav .box-pagenav .list-select li .product-category {
		font-size: 14px;
	}

	.wrp-products-pagenav .box-pagenav .list-select li .product-img::before, .wrp-products-pagenav .box-pagenav .list-select li .product-img::after {
		top: 210px;
	}

}

/* wrp-ttl-detail */
.wrp-ttl-detail {
	width: 100%;
	height: 210px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	color: #ffffff;
}

.wrp-ttl-detail.bg-actuator {
	background-image: url(../../../common/img/bg_products_hd01.jpg);
}

.wrp-ttl-detail.bg-gearhead {
	background-image: url(../../../common/img/bg_products_hd02.jpg);
}

.wrp-ttl-detail.bg-component {
	background-image: url(../../../common/img/bg_products_hd03.jpg);
}

.wrp-ttl-detail.bg-grease {
	background-image: url(../../../common/img/bg_products_hd04.jpg);
}

.wrp-ttl-detail.bg-gearhead_positioner {
	background-image: url(../../../common/img/bg_products_hd05.jpg);
}

.wrp-ttl-detail.bg-gearhead_agv {
	background-image: url(../../../common/img/bg_products_hd06.jpg);
}


.wrp-ttl-detail .ttl-detail {
	position: relative;
	margin-left: 50%;
	padding: 42px 0 0 10px;
	font-size: 27px;
}

.wrp-ttl-detail .ttl-detail::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -18px;
	display: block;
	width: 9px;
	height: 9px;
	margin-top: -24px;
	border-radius: 40px;
	border: solid 5px #ffffff;
	opacity: 0.5;
}

.wrp-ttl-detail .ttl-detail .ttl-inner {
	display: block;
	font-size: 64px;
	line-height: 1em;
	font-family: 'Noto Sans Bold';
}

/* detail-section1 */
.detail-section1 {
	*zoom: 1;
	margin-bottom: 60px;
}

.detail-section1:before, .detail-section1:after {
	content: "";
	display: table;
}

.detail-section1:after {
	clear: both;
}

.detail-section1 .img-single {
	float: left;
	width: 50%;
	text-align: center;
}

.detail-section1 .img-single img {
	width: 350px;
	height: 350px;
	margin-top: -143px;
}

.detail-section1 .box-rotation {
	position: relative;
	float: left;
	width: 50%;
}

.detail-section1 .box-rotation .img-rotation {
	visibility: hidden;
	position: relative;
	width: 350px;
	height: 350px;
	margin: -143px auto 0;
}

.detail-section1 .box-rotation .img-rotation img {
	position: absolute;
	width: 350px;
	height: 350px;
	top: 0;
	left: 0;
}

.detail-section1 .box-rotation .img-rotation img.panel-1 {
	z-index: 1;
}

.detail-section1 .box-rotation .img-rotation.frame-1 .panel-1 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-2 .panel-2 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-3 .panel-3 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-4 .panel-4 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-5 .panel-5 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-6 .panel-6 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-7 .panel-7 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-8 .panel-8 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-9 .panel-9 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-10 .panel-10 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-11 .panel-11 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-12 .panel-12 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-13 .panel-13 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-14 .panel-14 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-15 .panel-15 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-16 .panel-16 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-17 .panel-17 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-18 .panel-18 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-19 .panel-19 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-20 .panel-20 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-21 .panel-21 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-22 .panel-22 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-23 .panel-23 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-24 .panel-24 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-25 .panel-25 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-26 .panel-26 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-27 .panel-27 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-28 .panel-28 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-29 .panel-29 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-30 .panel-30 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-31 .panel-31 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-32 .panel-32 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-33 .panel-33 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-34 .panel-34 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-35 .panel-35 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-36 .panel-36 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-1 .panel-v-1 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-2 .panel-v-2 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-3 .panel-v-3 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-4 .panel-v-4 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-5 .panel-v-5 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-6 .panel-v-6 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-7 .panel-v-7 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-8 .panel-v-8 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-9 .panel-v-9 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-10 .panel-v-10 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-11 .panel-v-11 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-12 .panel-v-12 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-13 .panel-v-13 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-14 .panel-v-14 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-15 .panel-v-15 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-16 .panel-v-16 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-17 .panel-v-17 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-18 .panel-v-18 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-19 .panel-v-19 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-20 .panel-v-20 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-21 .panel-v-21 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-22 .panel-v-22 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-23 .panel-v-23 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-24 .panel-v-24 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-25 .panel-v-25 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-26 .panel-v-26 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-27 .panel-v-27 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-28 .panel-v-28 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-29 .panel-v-29 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-30 .panel-v-30 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-31 .panel-v-31 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-32 .panel-v-32 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-33 .panel-v-33 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-34 .panel-v-34 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-35 .panel-v-35 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .img-rotation.frame-v-36 .panel-v-36 {
	visibility: visible;
	z-index: 2;
}

.detail-section1 .box-rotation .rotation-controller {
	position: absolute;
	left: 50%;
	bottom: -75px;
	width: 210px;
	height: 54px;
	margin-left: -105px;
	background: url(../../../common/img/icn_rotation_img.png) no-repeat center top;
}

.detail-section1 .box-rotation .rotation-controller .btn-prev a, .detail-section1 .box-rotation .rotation-controller .btn-next a {
	position: absolute;
	top: 9px;
	width: 40px;
	height: 40px;
	border: solid 1px #cccccc;
	border-radius: 40px;
	cursor: pointer;
}

.detail-section1 .box-rotation .rotation-controller .btn-prev a:hover, .detail-section1 .box-rotation .rotation-controller .btn-next a:hover {
	border-color: #666666;
	background-color: #f4f4f4;
	color: #111111;
}

.detail-section1 .box-rotation .rotation-controller .btn-prev a:hover::after, .detail-section1 .box-rotation .rotation-controller .btn-prev a:hover::before, .detail-section1 .box-rotation .rotation-controller .btn-next a:hover::after, .detail-section1 .box-rotation .rotation-controller .btn-next a:hover::before {
	background-color: #111111;
}

.detail-section1 .box-rotation .rotation-controller .btn-prev a::before, .detail-section1 .box-rotation .rotation-controller .btn-prev a::after, .detail-section1 .box-rotation .rotation-controller .btn-next a::before, .detail-section1 .box-rotation .rotation-controller .btn-next a::after {
	content: "";
	position: absolute;
	right: 11px;
	top: 50%;
	display: block;
	width: 14px;
	height: 1px;
	background-color: #cccccc;
}

.detail-section1 .box-rotation .rotation-controller .btn-prev a::before, .detail-section1 .box-rotation .rotation-controller .btn-next a::before {
	margin-top: -3px;
	-ms-transform: rotate(22deg);
	transform: rotate(22deg);
}

.detail-section1 .box-rotation .rotation-controller .btn-prev a::after, .detail-section1 .box-rotation .rotation-controller .btn-next a::after {
	margin-top: 3px;
	-ms-transform: rotate(151deg);
	transform: rotate(151deg);
}

.detail-section1 .box-rotation .rotation-controller .btn-prev a {
	left: 0;
}

.detail-section1 .box-rotation .rotation-controller .btn-prev a::before {
	right: 14px;
	margin-top: -3px;
	-ms-transform: rotate(-22deg);
	transform: rotate(-22deg);
}

.detail-section1 .box-rotation .rotation-controller .btn-prev a::after {
	right: 14px;
	margin-top: 3px;
	-ms-transform: rotate(-151deg);
	transform: rotate(-151deg);
}

.detail-section1 .box-rotation .rotation-controller .btn-next a {
	right: 0;
}

.detail-section1 .box-rotation .rotation-controller-vertical {
	position: absolute;
	left: 50%;
	bottom: 200px;
	margin-left: 230px;
}

.detail-section1 .box-rotation .rotation-controller-vertical .btn-prev a, .detail-section1 .box-rotation .rotation-controller-vertical .btn-next a {
	position: absolute;
	top: 9px;
	width: 40px;
	height: 40px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	border-radius: 40px;
	cursor: pointer;
}

.detail-section1 .box-rotation .rotation-controller-vertical .btn-prev a:hover, .detail-section1 .box-rotation .rotation-controller-vertical .btn-next a:hover {
	border-color: #666666;
	background-color: #f4f4f4;
	color: #111111;
}

.detail-section1 .box-rotation .rotation-controller-vertical .btn-prev a:hover::after, .detail-section1 .box-rotation .rotation-controller-vertical .btn-prev a:hover::before, .detail-section1 .box-rotation .rotation-controller-vertical .btn-next a:hover::after, .detail-section1 .box-rotation .rotation-controller-vertical .btn-next a:hover::before {
	background-color: #111111;
}

.detail-section1 .box-rotation .rotation-controller-vertical .btn-prev a::before, .detail-section1 .box-rotation .rotation-controller-vertical .btn-prev a::after, .detail-section1 .box-rotation .rotation-controller-vertical .btn-next a::before, .detail-section1 .box-rotation .rotation-controller-vertical .btn-next a::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 14px;
	height: 1px;
	background-color: #cccccc;
}

.detail-section1 .box-rotation .rotation-controller-vertical .btn-prev a::before, .detail-section1 .box-rotation .rotation-controller-vertical .btn-next a::before {
	margin-top: 0px;
	right: 15px;
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}

.detail-section1 .box-rotation .rotation-controller-vertical .btn-prev a::after, .detail-section1 .box-rotation .rotation-controller-vertical .btn-next a::after {
	margin-top: 0px;
	right: 8px;
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}

.detail-section1 .box-rotation .rotation-controller-vertical .btn-prev a {
	position: absolute;
	right: 0;
	top: 60px;
}

.detail-section1 .box-rotation .rotation-controller-vertical .btn-prev a::before {
	right: 15px;
	margin-top: 0px;
	-ms-transform: rotate(-120deg);
	transform: rotate(-120deg);
}

.detail-section1 .box-rotation .rotation-controller-vertical .btn-prev a::after {
	right: 8px;
	margin-top: 0px;
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.detail-section1 .box-rotation .rotation-controller-vertical .btn-next a {
	position: absolute;
	right: 0;
	top: -60px;
}

.detail-section1 .box-sumally {
	float: right;
	width: 50%;
	min-height: 240px;
}

.detail-section1 .box-sumally .box-inner {
	margin-left: 15px;
	padding: 33px 28px 40px;
	background: #eff0f3;
}

.detail-section1 .box-sumally .box-inner p {
	max-width: 608px;
}

.detail-section1 .box-sumally .box-inner p.sttl-sumally {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
}

@media screen and (max-width: 1200px) {
	.wrp-rotation-products .box-rotation .img-rotation {
		width: 288px;
		height: 298px;
		margin: -119px auto 0;
	}

	.wrp-rotation-products .box-rotation .img-rotation img {
		position: absolute;
		width: 288px;
		height: 298px;
	}

	.wrp-rotation-products .box-sumally .box-inner p.sttl-sumally {
		font-size: 24px;
		font-weight: bold;
		line-height: 1.5;
	}
}

/* detail-section2 */
.detail-section2 .wrp-inner-half {
	margin-bottom: 35px;
	*zoom: 1;
}

.detail-section2 .wrp-inner-half:before, .detail-section2 .wrp-inner-half:after {
	content: "";
	display: table;
}

.detail-section2 .wrp-inner-half:after {
	clear: both;
}

.detail-section2 .wrp-inner-half.box-information {
	width: 38%;
}

.detail-section2 .wrp-inner-half.box-application {
	width: 60.5%;
}

.detail-section2 .box-application .box-inner {
	margin-left: 15px;
}

.detail-section2 .box-application .list-application li {
	float: left;
	width: 50%;
	margin-bottom: 16px;
}

.detail-section2 .box-application .list-application li:nth-child(odd) {
	padding-right: 8px;
}

.detail-section2 .box-application .list-application li:nth-child(even) {
	padding-left: 8px;
}

.detail-section2 .box-application .list-application li a.mod-btn {
	position: static;
}

.detail-section2 .box-application .list-application li div {
	display: table;
	padding: 12px 10px;
}

.detail-section2 .box-application .list-application li img, .detail-section2 .box-application .list-application li .btn-inner {
	display: table-cell;
	vertical-align: middle;
}

.detail-section2 .box-application .list-application li img {
	width: 110px;
	height: auto;
	margin-right: 20px;
}

.detail-section2 .box-application .list-application li .btn-inner {
	padding: 0;
	font-size: 13px;
	text-align: left;
}

.detail-section2 .wrp-inner-half.box-introduction {
	width: 62%;
}

.detail-section2 .box-introduction .box-inner {
	margin-left: 15px;
}

.detail-section2 .box-introduction .list-introduction li {
	float: left;
	width: 50%;
	margin-bottom: 16px;
}

.detail-section2 .box-introduction .list-introduction li a.mod-btn {
	position: static;
}

.detail-section2 .box-introduction .list-introduction li:nth-child(odd) {
	padding-right: 8px;
}

.detail-section2 .box-introduction .list-introduction li:nth-child(even) {
	padding-left: 8px;
}

.detail-section2 .box-introduction .list-introduction li div {
	display: table;
}

.detail-section2 .box-introduction .list-introduction li img, .detail-section2 .box-introduction .list-introduction li .btn-inner {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}

.detail-section2 .box-introduction .list-introduction .btn-modal a {
	display: block;
}

.detail-section2 .box-introduction .list-introduction li img {
	width: 100%;
	height: auto;
	margin-right: 20px;
}

.detail-section2 .box-introduction .list-introduction li .btn-inner {
	padding: 0;
	font-size: 13px;
	text-align: left;
}

@media screen and (max-width: 1200px) {
	.wrp-contents .detail-section2 .wrp-inner-half {
		float: none;
		width: 100%;
		margin-bottom: 50px;
	}

	.wrp-contents .detail-section2 .box-introduction .box-inner {
		margin-left: 0;
	}
}



/* detail-section3 */
.detail-section3 {
	margin-bottom: 80px;
}

.detail-section3 .js-table-scroll {
	overflow: hidden;
	font-size: 13px;
	text-align: left;
	*zoom: 1;
}

.detail-section3 .js-table-scroll:before, .detail-section3 .js-table-scroll:after {
	content: "";
	display: table;
}

.detail-section3 .js-table-scroll:after {
	clear: both;
}

.detail-section3 .js-table-scroll th, .detail-section3 .js-table-scroll td {
	text-align: left;
}

.detail-section3 .js-table-scroll thead th {
	vertical-align: top;
}

.detail-section3 .js-table-scroll .js-scroll-head {
	float: left;
	width: 160px;
}

.detail-section3 .js-table-scroll .js-scroll-head table {
	width: 100%;
}

.detail-section3 .js-table-scroll .js-scroll-head th, .detail-section3 .js-table-scroll .js-scroll-head td {
	padding: 12px 15px;
	border: solid 1px #dddddd;
	background-color: #f7f7f7;
}

.detail-section3 .js-table-scroll .js-scroll-head .top-line-none tbody th, .detail-section3 .js-table-scroll .js-scroll-body tbody td {
	border-top: none;
}

.detail-section3 .js-table-scroll .js-scroll-body tbody .development td {
	background-color: #f7f7f7;
}

.detail-section3 .js-table-scroll .js-scroll-head tbody th, .detail-section3 .js-table-scroll .js-scroll-head tbody td {
	padding: 12px;
}

.detail-section3 .js-table-scroll .js-scroll-body .js-xy-scroll-body.scroll {
	overflow-y: auto;
	overflow-x: auto;
	max-height: 400px;
}

.detail-section3 .js-table-scroll .js-scroll-head .overflow-y-hidden {
	overflow-y: hidden;
	overflow-x: hidden;
	overflow: hidden;
	width: 160px;
	border-right: solid 1px #dddddd;
}

.detail-section3 .js-table-scroll .js-scroll-head .overflow-y-hidden1111:after {
	content:"";
	position: absolute;
	width: 160px;
	height: 11px;
	margin-top: -11px;
	background-color: #fff;
}

.detail-section3 .js-table-scroll .js-scroll-body .overflow-y-hidden .spec-table {
	background-color: #f7f7f7;
}

.detail-section3 .js-table-scroll .js-scroll-head .overflow-y-hidden .js-y-scroll-body.scroll {
	width: 180px;
	max-height: 400px;
}

.detail-section3 .js-table-scroll .js-y-scroll-body.scroll {
	overflow-y: auto;
	overflow-x: hidden;
}

.detail-section3 .js-table-scroll .overflow-x-hidden {
	overflow-y: hidden;
	overflow-x: hidden;
}

.detail-section3 .js-table-scroll .overflow-x-hidden .line {
	border-right: solid 1px #dddddd;
}

.detail-section3 .js-table-scroll .overflow-x-hidden .js-x-scroll-body.scroll {
	overflow-y: hidden;
	overflow-x: auto;
}

.detail-section3 .js-table-scroll .js-scroll-body table {
	width: 100%;
}

.detail-section3 .js-table-scroll .js-scroll-body th, .detail-section3 .js-table-scroll .js-scroll-body td {
	border: solid 1px #dddddd;
	border-left: none;
}

.detail-section3 .js-table-scroll .js-scroll-body th {
	padding: 10px 11px;
	width: 150px;
	word-break: break-all;
}

.detail-section3 .js-table-scroll .js-scroll-body td {
	padding: 12px 11px;
	width: 150px;
}

.detail-section3 .js-table-scroll .js-scroll-body .subinfo {
	margin-top: 2px;
	color: #7f8894;
}

.detail-section3 ::-webkit-scrollbar {
	width: 11px;
	height: 11px;
}

.detail-section3 ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
}

.detail-section3 ::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #ccc;
}

/* detail-section4 */
.detail-section4 {
	margin-bottom: 80px;
}

.detail-section4 .mod-ttl-section {
	margin-bottom: 0;
}

.detail-section4 .box-download-section {
	padding-bottom: 60px;
}

.detail-section4 .btn-inquiry {
	width: 390px;
	margin: 0 auto;
}

/* box-bg-section */
.box-bg-section {
	padding: 45px 0 0;
}

.box-bg-section.bg-actuator {
	background-image: url(../../../common/img/bg_products01.jpg);
}

.box-bg-section.bg-gearhead {
	background-image: url(../../../common/img/bg_products02.jpg);
}

.box-bg-section.bg-component {
	background-image: url(../../../common/img/bg_products03.jpg);
}

.box-bg-section.bg-gearhead_positioner {
	background-image: url(../../../common/img/bg_products05.jpg);
}

.box-bg-section.bg-gearhead_agv {
	background-image: url(../../../common/img/bg_products06.jpg);
}

.box-bg-section.bg-grease {
	background-image: url(../../../common/img/bg_products04.jpg);
}

.box-bg-section.bg-actuator, .box-bg-section.bg-gearhead, .box-bg-section.bg-component, .box-bg-section.bg-gearhead_positioner, .box-bg-section.bg-gearhead_agv {
	color: #ffffff;
	background-size: cover;
}

.box-bg-section.bg-actuator .mod-ttl-section, .box-bg-section.bg-gearhead .mod-ttl-section, .box-bg-section.bg-component .mod-ttl-section, .box-bg-section.bg-gearhead_positioner .mod-ttl-section, .box-bg-section.bg-gearhead_agv .mod-ttl-section {
	color: #ffffff;
}

.box-bg-section.bg-grease {
	background-size: cover;
}

.box-bg-section.bg-grease .mod-ttl-section, .box-bg-section.bg-grease .product-text {
	color: #111111;
}

/* mod-list-products */
.mod-list-products {
	margin: 0 -15px;
	*zoom: 1;
}

.mod-list-products:before, .mod-list-products:after {
	content: "";
	display: table;
}

.mod-list-products:after {
	clear: both;
}

.mod-list-products > li {
	float: left;
	width: 25%;
	margin-bottom: 40px;
}

.mod-list-products > li .list-inner {
	position: relative;
	display: block;
	margin: 0 15px;
	color: #ffffff;
	text-decoration: none;
}

.mod-list-products > li a {
	display: block;
}

.mod-list-products > li a:hover img {
	opacity: 0.8;
}

.mod-list-products > li .product-name {
	position: absolute;
	left: 23px;
	top: 13px;
	font-size: 24px;
	font-family: 'Noto Sans Bold';
}

.mod-list-products > li .product-img {
	border: solid 1px rgba(255, 255, 255, 0.6);
	text-align: center;
}

.mod-list-products > li .product-img img {
	width: 82%;
	margin: 21.5% 0 8%;
}

.mod-list-products > li .product-text {
	margin-top: 15px;
	*zoom: 1;
	font-weight: bold;
}

.mod-list-products > li .product-text:before, .mod-list-products > li .product-text:after {
	content: "";
	display: table;
}

.mod-list-products > li .product-text:after {
	clear: both;
}

.mod-list-products > li .box-hover-contet {
	position: absolute;
	left: -4px;
	top: 0;
	z-index: 1;
	display: none;
	width: 140%;
	min-height: 100%;
	border-radius: 4px;
	box-sizing: content-box;
	padding: 20px;
	margin: -20px 0 0 -15px;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	color: #111111;
}

.mod-list-products > li .box-hover-contet ul {
	float: right;
	display: inline-block;
	padding: 15px 15px 15px 0;
	word-break: break-all;
	line-height: 1.2;
}

.mod-list-products > li .box-hover-contet ul li {
	margin-bottom: 8px;
}

.mod-list-products > li .box-hover-contet ul li span {
	float: left;
	display: none;
}

.mod-list-products > li .box-hover-contet ul li a {
	display: block;
}

.mod-list-products > li > .list-inner.active .product-name {
	z-index: 2;
	color: #111111;
}

.mod-list-products > li > .list-inner.active .product-img {
	position: relative;
	z-index: 2;
	border-color: transparent;
}

.mod-list-products > li > .list-inner.active .product-text {
	position: relative;
	z-index: 2;
	color: #111111;
}

.mod-list-products > li:nth-child(4n) .box-hover-contet {
	left: auto;
	right: -15px;
}

.mod-list-products > li:nth-child(4n) .box-hover-contet ul {
	float: left;
	padding-right: 0;
	padding-left: 15px;
}

@media screen and (max-width: 1200px) {
	.mod-list-products {
		margin: 0 -18px;
	}

	.mod-list-products > li {
		width: 50%;
	}

	.mod-list-products > li a {
		margin: 0 18px;
	}

	.mod-list-products > li .product-img img {
		width: 60%;
		margin: 5% 0;
	}

	.mod-list-products > li .box-hover-contet {
		width: 145%;
		margin: -20px 0 0 -15px;
	}

	.mod-list-products > li:nth-child(2n) .box-hover-contet {
		left: -46%;
	}

	.mod-list-products > li:nth-child(2n) .box-hover-contet ul {
		float: left;
	}
}

/* actuator */
.bg-actuator .mod-list-products .box-hover-contet {
	width: 175%;
}

.bg-actuator .mod-list-products .box-hover-contet ul {
	width: 200px;
	padding-right: 0;
}

.bg-actuator .mod-list-products .box-hover-contet ul li span {
	display: none;
}

.bg-actuator .mod-list-products .box-hover-contet ul li a {
	margin-left: 0;
}

.bg-actuator .mod-list-products:nth-child(4n) .box-hover-contet {
	left: -77%;
}

/* grease */
.bg-grease .mod-list-products .product-name {
	color: #0090d7;
}

.bg-grease .mod-list-products .product-img {
	border: solid 1px rgba(221, 221, 221, 0.8);
	background-color: #ffffff;
}

.bg-grease .mod-list-products .box-hover-contet {
	color: #111111;
}

/* to disable box-hover-contet */
.disable-hover li > .list-inner.active .product-name {
	z-index: 3;
	color: #0090d7;
}

.disable-hover li > .list-inner.active .product-img {
	border: solid 1px rgba(221, 221, 221, 0.8);
}

.mod-popup .mod-popup-inner {
	width: 930px;
}

.mod-popup .movie-area {
	padding: 0px 65px;
}

.enactment {
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: right;
}

/* grease_221122 */
.bg-grease .mod-list-products > li:last-of-type {
	display: none;
}

.box-sds {
	display: block;
    margin-top: 50px;
    width: 520px;
}

.b0 {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.mod-btn-sds {
	border: solid 4px #eff0f3;
	border-radius: 0px;
	font-size: 21px;
}

.mod-btn-sds:hover {
	border-color: #eff0f3;
	background-color: #ffffff;
	color: #0090d7;
}


.mod-btn-sds .btn-inner {
	padding: 22px 14px 18px 6px;
}

.mod-btn-sds .btn-inner p {
	width: 300px;
    margin: 0 auto;
	place-items: center;
	display: grid;
	font-size: 18px;
    height: 40px;
}

.mod-btn-sds .btn-inner::before {
    content: "";
    position: absolute;
    top: 32px;
    left: 50px;
    display: inline-block;
    width: 13px;
    height: 18px;
    margin-right: 12px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
}

.mod-btn-sds .btn-inner::after {
    content: "";
    position: absolute;
    top: 32px;
    left: 48px;
    display: inline-block;
    width: 10px;
    height: 5px;
    margin-top: 3px;
    display: block;
    background-color: #d82020;
}