@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html > body{font-size:100%;}
body {line-height: 1;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

nav ul {list-style: none;}
blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}

a {margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

/* change colours to suit your needs */
ins {background-color: #ffff99;color: #000000;text-decoration: none;}
/* change colours to suit your needs */
mark {background-color: #ffff99;color: #000000;font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {border-collapse: collapse;border-spacing: 0;}
/* change border colour to suit your needs */
hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}

*,
*::before,
*::after{-webkit-box-sizing: border-box;box-sizing: border-box;}

.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

/*swiper*/
.swiper-container {width: 100%;overflow: hidden;}
.swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper .swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper .swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper .swiper-button-next:after,.swiper .swiper-button-prev:after{font-size: 30px;}

/*common*/
.disFlex {
	flex-wrap: wrap;
	display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;/* Firefox 17- */
	display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;/* Firefox 18+ */
	display: -ms-flexbox;/* IE 10 */
	display: flex;
}
.jusBet{justify-content: space-between;}
.jusCet{justify-content: center;}
.jusEnd{justify-content: flex-end;}
.aliTop{align-items: flex-start;}
.aliCet{align-items: center;}
.aliBtm{align-items: flex-end;}

.img{font-size: 0px;overflow: hidden;}
img{transition: 0.5s;}

.f_left{float: left;}
.f_right{float: right;}
.clearfix:before,
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix {*zoom: 1;}

.bgfff{background: #fff !important;}
.fff{color: #fff !important;}
em{font-style: normal;}
.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.textCet{text-align: center;}
.textRight{text-align: right;}
.hidden{overflow: hidden;}
.comBg{background-size: cover;background-repeat: no-repeat;}
.iVideo{width: 100%;}
.iVideo video{width: 100%;}
.iImg{width: 100%;}
.iImg img{width: 100%;}

/*-------------------------------------------*/

/*banner*/
.banner{width: 100%;}
.bannerSwiper .swiper-pagination-bullet{opacity: 1;background: #fff;transition:width ease 0.35s;border-radius: 20px;}
.bannerSwiper .swiper-pagination-bullet-active{background: var(--main-color);width:20px;}
.bannerSwiper .swiper-button-next:after,.bannerSwiper .swiper-button-prev:after{color: #fff;}

#footer #f-top .links a.en,
#home #factory-section li,
#home #news-section .col-wrapper .right ul li .title .icon-pdf .web-font-ie-fix img,
#home #voice-section li,
#home.lang-ja #news-section .col-wrapper .left ul li .title .icon-pdf .web-font-ie-fix img,
.sub-index li,sup {vertical-align: top}
#footer {text-align: center}
#footer #f-top {background: #e9eff3;background: linear-gradient(to bottom, #e9eff3 0, #fff 64%)}
#footer #f-top .links {position: absolute;right: 100px;bottom: 54px}
#footer #f-top .links a.en {border: 1px solid #979797;color: #979797;letter-spacing: .05em;line-height: 24px;display: inline-block;font-size: 87.5%;padding: 0 6px;position: relative;top: 5px}
#footer #f-top .links a {display: inline-block;margin-left: 5px}
#footer #f-top .links a:first-of-type {margin-right: 6px}
#footer #f-top .links .sns {display: none}
#footer #f-top .f-group {padding: 28px 0 75px}
#footer #f-top #f-nav {display: inline-block;font-size: 87.5%;margin: 0 auto;text-align: left}
#footer #f-top #f-nav ul {float: left;margin-right: 70px}
#footer #f-top #f-nav ul:last-child {margin-right: 0}
#footer #f-top #f-nav ul li {line-height: 1.8em;margin-bottom: 3px}
#footer #f-top #f-nav ul li .cs {font-size: .8rem;padding-left: 5px}
#footer #f-top #f-nav ul li a {background: url(../images/icon_arrow_03.png) left center no-repeat;padding-left: 16px}
#footer #f-top #f-nav ul li ul {margin-top: 5px;margin-left: 30px;float: none}
#footer #f-top #f-nav ul li ul li a {background: 0 0;padding-left: 0}
#footer #f-top #f-nav ul li ul li strong {font-weight: 400;color: red}
#footer #f-top .btn-page-top {position: fixed;right: 40px;bottom: 40px;z-index: 1000}
#footer .f-group {position: relative;margin: 0 auto;width: 100%;max-width: 1200px;}
#footer #f-bottom {background-color: #c9c9c9;padding: 30px 0}
#footer #f-bottom .copyright {margin-top: 15px;font-size: 62.5%}
#home #news-section {background-color: #fff}
#home #news-section .col-wrapper {display: inline-block;margin: 0 auto;text-align: left}
#home #news-section .col-wrapper .right {float: left;width: 850px}
#home #news-section .col-wrapper .right ul li {line-height: 1.8em;margin-bottom: 5px}
#home #news-section .col-wrapper .right ul li .title {float: left;width: 620px}
#home #news-section .col-wrapper .right ul li .title .icon-pdf {padding-left: 7px;position: relative;top: -4px}
#home #news-section .col-wrapper .right ul li:after {content: "";display: block;clear: both}
#home #news-section .col-wrapper .right ul li .date {background: url(../images/icon_arrow_02.png) left center no-repeat;background-size: 8px auto;float: left;padding-left: 20px;width: 120px}
#home #news-section .col-wrapper .left {width: 150px}
#home #news-section .section-inner {padding: 40px 0 50px;text-align: center}
#home #news-section .section-title {color: #c81b1c;font-size: 281.3%}
#home #news-section .section-title a:link,
#home #news-section .section-title a:visited {color: #c81b1c}
#home #news-section .btn-news {background: url(../images/icon_arrow_12.png) right center no-repeat #e5e5e5;background-size: 40px auto;color: #737373;display: inline-block;font-size: 13px;line-height: 40px;margin: 0 10px 0 0;padding-left: 10px;text-align: left;width: 210px;height: 40px}

#home #after-service-section .section-inner .group .btn-wrapper a,
#home #photo-section,
#home #photo-section a {color: #000}
#home #news-section .links {margin-top: 20px}
#home #news-section select {cursor: pointer}
#home #news-section .category-menu {-webkit-appearance: none;height: 40px;width: 250px}
#home #after-service-section {background-color: #f5f8fa;position: relative;overflow: hidden;height: 600px}
#home #after-service-section .section-inner {position: absolute;left: 50%;top: 0;bottom: 0;margin-left: -500px;width: 1000px;text-align: right}
#home #after-service-section .section-inner .group {display: inline-block;margin-top: 200px}
#home #after-service-section .section-inner .group .btn-wrapper {margin-top: 5px}
#home #after-service-section .section-inner .group .section-sub-title {margin-top: 8px;font-size: 150%}
#home #photo-section {overflow: hidden}
#home #photo-section .container {margin: 0 auto;padding: 80px 0;width: 1000px}
#home #photo-section .section-title {margin-top: 24px;text-align: center}
#home #photo-section .section-sub-title {font-size: 150%;margin: 10px 0;text-align: center}
#home #photo-section .left {position: relative;width: 50%;height: 420px}
#home #photo-section .left img {position: absolute;right: 80px;top: -20px}
#home #photo-section .right {float: right;position: relative;width: 50%;height: 420px}
#home #photo-section .right img {position: absolute;left: 80px}
#home #photo-section .btn-wrapper {text-align: center}
#home #photo-section .boxes {display: flex;flex-wrap: wrap;margin: 0 -184px;max-width: 1368px;-webkit-perspective: 400px;-webkit-perspective-origin: 50% 0;perspective: 400px;perspective-origin: 50% 0}
#home #photo-section .box {opacity: 0;transform: rotateX(-180deg) translateY(-200px);width: 25%}
#home #photo-section .box img {max-width: 100%;height: auto}
#home #photo-section .title-box {width: 50%}
#home #products-section {position: relative;overflow: hidden;color: #fff;height: 910px;background-color: #fff;text-align: center}
#home #products-section h2 {color: #000;position: absolute;left: 50%;top: 10%;transform: translate(-50%, 0);z-index: 100}
#home #products-section nav {bottom: 10%;position: absolute;left: 50%;top: 210px;text-align: center;transform: translate(-50%, 0);width: 100%}
#home #products-section nav a {display: inline-block;font-size: 150%;line-height: 66px;margin: 0 24px;text-align: center;width: 356px;border: 1px solid #000;color: #000;background-color: rgba(255, 255, 255, .8)}
#home #products-section nav a span {background: url(../images/icon_arrow_09.png) left center no-repeat;background-size: 12px auto;padding-left: 20px}
#home #products-section .bg {position: absolute;left: 0;bottom: 0;width: 100%;text-align: center}
#home #products-section .bg img {width: auto;height: auto}
#home #products-section .cover {position: absolute;left: 0;bottom: 0;width: 100%;height: 222px;background: url(../images/home_products_cover.png) left top repeat-x}
#home #simulation-section {position: relative;overflow: hidden}
#home #simulation-section .btn-wrapper {margin-top: 20px}
#home #simulation-section .btn-wrapper a {color: #000}
#home #simulation-section .summary {position: absolute;left: 50%;-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);text-align: center;top: 40px;box-sizing: border-box;padding: 0 20px;width: 100%}
#home #simulation-section .links {margin: 0 auto}
#home #simulation-section .links .link {display: inline-block;margin: 0 45px;text-align: center}
#home #simulation-section .links .link p {margin-bottom: 5px}
#home #simulation-section .section-sub-title {margin: 20px 0 35px;font-size: 125%}
#home #simulation-section .bg {background: url(../images/home_simulation_img_01.jpg) center center no-repeat;background-size: cover;height: 480px}
#home #simulator-section {overflow: hidden}
#home #simulator-section .right {float: left;text-align: right;width: 50%;height: 450px}
#home #simulator-section .right a {color: #000}
#home #simulator-section .section-title {margin-top: 215px}
#home #simulator-section .section-sub-title {font-size: 125%;margin: 20px 0 5px}
#home #simulator-section .left {float: right;position: relative;width: 50%;height: 450px}
#home #simulator-section .left img {margin-top: -210px;position: absolute;left: 80px;top: 50%}
#home .dammy {position: absolute;left: 0;top: 0;bottom: 0;width: 100%;background-color: #fff}
#home .transition-01 {transition: all .5s cubic-bezier(.215, .61, .355, 1)}
#home #motorsports-section .bg img,
#home .transition-02 {transition: all 1s cubic-bezier(.215, .61, .355, 1)}
#home #motorsports-section {background-color: #000;color: #fff;position: relative}
#home #motorsports-section .bg {overflow: hidden;position: relative;height: 450px}
#home #motorsports-section .bg img {position: absolute;left: 50%;top: 50%;width: 100%;height: auto;transform: translate(-50%, -50%) scale(1.2)}
#home #motorsports-section .section-inner {position: absolute;left: 50%;top: 0;bottom: 0;margin-left: -500px;width: 1000px}
#home #motorsports-section .section-inner .group {display: inline-block;margin-top: 10%}
#home #motorsports-section .btn-wrapper {margin-top: 20px;text-align: right}
#home #motorsports-section .section-content {display: inline-block;position: absolute;left: 50%;bottom: 4%;transform: translate(-50%, 0)}
#home #motorsports-section a {color: #fff}
#home .transition-03 {transition: all 3s cubic-bezier(.215, .61, .355, 1)}

#header #g-nav .children,
#home #factory-section li .label,
#home #factory-section li a span,
#home #factory-section li figure::after,
#home #sns-section .images li span,
#home #voice-section li a img,
#owners-photo.detail .local-nav.buttons .btn-back,
#products .accessories .index ul li .category-image {
	transition: all .5s cubic-bezier(.215, .61, .355, 1)
}

#home a.btn-style-01 {
	background: url(../images/icon_arrow_01.png) right center no-repeat;
	color: #fff;
	display: inline-block;
	padding-right: 25px;
	margin-top: 5px
}

#home .bg img {
	width: 100%;
	height: auto
}

#home .section .section-inner {
	margin: 0 auto;
	width: 1200px
}

#home .section .section-title {
	font-family: "Open Sans", sans-serif;
	font-size: 343.8%;
	font-weight: 300;
	letter-spacing: .02em
}

#home #hero-section {
	overflow: hidden;
	position: relative
}

#home #hero-section .bx-wrapper {
	margin-bottom: 0
}

#home #hero-section .bx-wrapper .bx-prev {
	left: 50px
}

#home #hero-section .bx-wrapper .bx-next,
#home #hero-section .bx-wrapper .bx-next:hover {
	right: 50px
}

#home #hero-section .slider .slide {
	position: relative
}

#home #hero-section .slider .slide img {
	width: 100%;
	height: auto
}

#home #hero-section .slider .slide .slide-contents {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1000px
}

#home #hero-section .slider .slide .slide-contents .group {
	display: inline-block
}

#home #hero-section .slider .slide .slide-contents .slide-sub-title {
	font-size: 131.3%;
	font-weight: 200;
	letter-spacing: .05em
}

#home #hero-section .slider .slide .slide-contents .slide-title {
	font-size: 406.3%;
	font-weight: 400;
	margin-left: -5px;
	margin-bottom: 5px
}

#home #hero-section .slider .slide .slide-contents .btn-wrapper {
	padding-right: 5px;
	text-align: right
}

#home #hero-section .slider .slide .slide-contents .btn-wrapper span {
	background: url(../images/icon_arrow_01.png) right center no-repeat;
	display: block;
	padding-right: 24px;
	min-height: 18px
}

#home #hero-section .slider .slide a {
	display: block
}

#home .bx-wrapper .bx-controls-auto,
#home .bx-wrapper .bx-pager {
	bottom: 20px
}

#home #factory-section {
	color: #fff;
	text-align: center;
	background-color: #363636
}

#home #factory-section li {
	padding: 0 6px;
	box-sizing: border-box;
	width: 33.33%
}

#home #factory-section li .label {
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	color: #fff;
	font-size: 150%
}

#home #craftsmanship-section,
#home #factory-section li figure {
	position: relative;
	overflow: hidden
}

#home #factory-section li a span {
	display: block
}

#home #factory-section li a:link,
#home #factory-section li a:visited {
	display: block;
	overflow: hidden;
	border: 1px solid #fff
}

#home #factory-section li a:hover figure::after {
	background-color: rgba(0, 0, 0, 0)
}

#home #factory-section li a:hover span {
	transform: scale(1.15)
}

#home #factory-section li a:hover .label {
	color: #a00
}

#home #factory-section li a img {
	max-width: 100%;
	height: auto;
	backface-visibility: hidden
}

#home #factory-section li figure::after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, .5);
	content: ""
}

#home #factory-section h2 {
	padding: 100px 0 20px
}

#home #factory-section .section-lead {
	font-size: 125%
}

#home #factory-section ul {
	display: flex;
	margin-top: 60px;
	padding-bottom: 100px
}

#home #sns-section {
	background: url(../images/home_gallery_bg.png) center center no-repeat;
	background-size: cover
}

#home #sns-section .images {
	display: flex;
	flex-wrap: wrap
}

#home #sns-section .images li {
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 0 5px;
	width: 16.66%
}

#home #sns-section .images li span {
	display: block;
	padding-top: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

#home #sns-section .images li span:hover {
	opacity: .7
}

#home #sns-section .images li a {
	display: block;
	background-color: #fff
}

#home #sns-section .container {
	padding: 40px 24px;
	margin: 0 auto;
	max-width: 1120px
}

#home #sns-section h2 {
	font-size: 187.5%;
	text-align: center
}

#home #sns-section .icon {
	margin-top: 24px;
	margin-bottom: 16px;
	text-align: center
}

#home #sns-section .icon img {
	width: 32px;
	height: 32px
}

#home #sns-section .left {
	width: 100%
}

#home #sns-section .right {
	max-width: 500px;
	width: 50%
}

#home #voice-section {
	color: #fff;
	text-align: center;
	background-color: #363636
}

#home #voice-section li {
	padding: 0 6px;
	box-sizing: border-box;
	display: inline-block
}

#header #g-nav,
.page-template .section-contents a:link,
.page-template .section-contents a:visited {
	transition: all .4s cubic-bezier(.215, .61, .355, 1)
}

#home #voice-section li a:link,
#home #voice-section li a:visited {
	display: block;
	overflow: hidden
}

#home #voice-section li a:hover img {
	transform: scale(1.05)
}

#home #voice-section h2 {
	padding: 60px 0 20px
}

#home #voice-section .section-lead {
	font-size: 125%
}

#home #voice-section ul {
	margin-top: 60px;
	padding-bottom: 50px;
	font-size: 0
}

#home #motorsports-section.executed .bg img {
	transform: translate(-50%, -50%) scale(1)
}

#home #craftsmanship-section {
	color: #fff;
	height: 800px
}

#home #craftsmanship-section .btn-wrapper {
	margin-top: 20px;
	text-align: right
}

#home #craftsmanship-section .bg img {
	width: 100%;
	height: auto
}

#home #craftsmanship-section .bg video {
	position: absolute;
	width: 100%;
	height: auto
}

#home #craftsmanship-section .bg .cover {
	background: url(../images/video_texture.png) left top;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%
}

#home #craftsmanship-section .section-inner {
	position: static;
	width: auto
}

#home #craftsmanship-section .section-content {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

#home #craftsmanship-section a {
	color: #fff
}

#home #about-technology-section {
	color: #fff;
	overflow: hidden
}

#home #about-technology-section .bg {
	position: absolute;
	left: 0;
	width: 100%
}

#home #about-technology-section .left {
	position: relative;
	width: 50%;
	height: 600px
}

#home #about-technology-section .left .group {
	position: absolute;
	right: 50px;
	top: 50%;
	text-align: right;
	transform: translate(0, -50%)
}

#home #about-technology-section .left .bg {
	width: 100%;
	height: 600px;
	background: url(../images/home_about_main_img_02.jpg) center center no-repeat;
	background-size: cover
}

#home #about-technology-section .right {
	position: relative;
	width: 50%;
	height: 600px
}

#home #about-technology-section .right .group {
	position: absolute;
	left: 50px;
	top: 50%;
	text-align: right;
	transform: translate(0, -50%)
}

#home #about-technology-section .right .bg {
	width: 100%;
	height: 600px;
	background: url(../images/home_technology_main_img_02.jpg) center bottom no-repeat;
	background-size: cover
}

#home #about-technology-section .col,
#home #tanzo-section {
	background-color: #000;
	overflow: hidden
}

#home #about-technology-section .section-title,
#home #about-technology-section a {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .8)
}

#home #gallery-section {
	background: url(../images/home_gallery_bg.png) center center no-repeat;
	background-size: cover;
	overflow: hidden
}

#home #gallery-section .section-inner {
	padding-bottom: 52px;
	margin: 0 auto;
	width: auto;
	max-width: 1000px
}

#home #gallery-section .section-inner .section-title {
	padding: 75px 0 65px;
	text-align: center
}

#home #gallery-section .section-inner ul {
	margin: 0 -10px
}

#home #gallery-section .section-inner ul li {
	box-sizing: border-box;
	float: left;
	padding: 0 10px;
	width: 25%
}

#home #gallery-section .section-inner ul li img {
	width: 100%;
	height: auto;
	opacity: 0;
	transform: scale(0)
}

#home #gallery-section .section-inner .icon {
	margin-top: 48px;
	text-align: center
}

#home #shoplist-section {
	position: relative;
	overflow: hidden;
	height: 400px
}

#home #shoplist-section h2 {
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	text-align: center;
	color: #c81b1c
}

#home #shoplist-section a:link,
#home #shoplist-section a:visited {
	color: #c81b1c
}

#home #tanzo-section {
	color: #fff;
	position: relative
}

#home #tanzo-section .section-inner {
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	text-align: center;
	width: 1000px
}

#home #tanzo-section .section-inner .group {
	display: inline-block
}

#home #tanzo-section .section-inner .group .section-sub-title {
	margin-top: 8px;
	font-size: 150%
}

#home #tanzo-section .section-inner .group .btn-wrapper {
	margin-top: 5px
}

#home #tanzo-section .bg {
	position: relative
}

#home #etc-section {
	text-align: center
}

#home #etc-section .section-inner {
	padding: 110px 0
}

#home #etc-section a {
	background: url(../images/bg_tile_01.png) left top;
	border: 1px solid #a5a5a5;
	display: inline-block;
	padding: 45px 0;
	margin: 0 15px;
	width: 480px
}

#home #etc-section a p {
	letter-spacing: -.05em
}

#home #etc-section a h2 {
	font-size: 281.3%;
	font-weight: 300;
	letter-spacing: .02em;
	margin-top: 5px
}

#home #etc-section a h2 .cs {
	font-size: 1.2rem
}

#home #tanzo-technology-section .section-title,
#home #tanzo-technology-section a {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .8)
}

#home.lang-ja #news-section .col-wrapper {
	display: block;
	margin-right: -10px;
	margin-left: -10px
}

#home.lang-ja #news-section .col-wrapper .left {
	box-sizing: border-box;
	float: left;
	padding: 0 10px;
	width: 50%
}

#home.lang-ja #news-section .col-wrapper .left ul li {
	line-height: 1.8em;
	margin-bottom: 5px
}

#home.lang-ja #news-section .col-wrapper .left ul li .title {
	float: left;
	width: calc(100% - 114px)
}

#home.lang-ja #news-section .col-wrapper .left ul li .title .icon-pdf {
	padding-left: 7px;
	position: relative;
	top: -4px
}

#home.lang-ja #news-section .col-wrapper .left ul li:after {
	content: "";
	display: block;
	clear: both
}

.sub-index li a:before,
.sub-index li span:before {
	color: #c81c1d;
	margin-right: 6px;
	content: "▶";
	top: 2px
}

#home.lang-ja #news-section .col-wrapper .left ul li .date {
	background: url(../images/icon_arrow_02.png) left center no-repeat;
	background-size: 8px auto;
	float: left;
	padding-left: 20px;
	width: 94px
}

#home.lang-ja #news-section .col-wrapper .right {
	box-sizing: border-box;
	float: right;
	padding: 0 20px;
	width: 50%
}

#home.lang-ja #news-section .section-inner {
	max-width: 1000px
}

#home.lang-ja #news-section .section-title {
	margin-bottom: 30px
}

#home.lang-ja #news-section .lead {
	margin-bottom: 10px
}

#home.lang-ja #news-section select {
	cursor: pointer
}

#home.lang-ja #news-section .right .lazy-form-select-wrap {
	box-sizing: border-box;
	margin-bottom: 15px;
	width: 100%
}

#home.lang-ja #news-section .right .lazy-form-select-wrap .lazy-form-select-text {
	box-sizing: border-box;
	width: calc(100% - 41px);
	height: 40px
}

#home.lang-ja #news-section .right .lazy-form-select-wrap.disabled {
	opacity: .7
}

#home.lang-ja #news-section .right .lazy-form-select {
	width: 100%
}

#home.lang-ja #news-section .right select {
	cursor: pointer
}

#home.lang-ja #news-section .right .filter-menu {
	-webkit-appearance: none;
	height: 40px;
	width: 100%
}

#home.lang-ja #news-section .right .btn-wrapper {
	margin-top: 30px;
	text-align: right
}

#home.lang-ja #news-section .right .btn-news {
	background-image: none;
	border: none;
	text-align: center;
	cursor: pointer
}

.sub-index {
	float: left;
	width: 50%
}

.sub-index li {
	box-sizing: border-box;
	float: none;
	display: list-item;
	font-size: 125%;
	line-height: 1.8em;
	padding-right: 20px;
	margin-bottom: 8px;
	position: relative;
	width: auto
}

.sub-index li a {
	padding-left: 1.3em;
	display: block;
	position: relative
}

.sub-index li a:before {
	left: 0;
	font-size: 16px;
	position: absolute
}

.sub-index li span {
	padding-left: 1.3em;
	display: block;
	position: relative;
	cursor: pointer
}

.sub-index li span:before {
	left: 0;
	font-size: 16px;
	position: absolute
}

.sub-index li ul {
	display: none
}

.sub-index li ul li {
	display: block;
	float: none;
	font-size: 100%;
	line-height: 1.2em;
	padding: 5px 0 5px 1.3em;
	margin-bottom: 0;
	width: auto
}

.sub-index li ul li li li:last-of-type,
.sub-index li ul li li:last-of-type,
.sub-index li ul li:last-of-type {
	border-bottom: none
}

.sub-index li ul li a,
.sub-index li ul li span {
	display: block;
	padding: 0 0 5px 1.3em;
	border-bottom: 1px solid #ddd
}

sup {
	font-size: 10px
}

.fit-viewport {
	max-width: 100%;
	height: auto
}

.page-template .section-contents {
	padding-top: 40px
}

.page-template .section-contents img {
	max-width: 100%;
	height: auto
}

.page-template .section-contents p {
	margin-bottom: 1.5em;
	line-height: 1.8em
}

.dl-table dd,
.dl-table dt {
	margin: 0 0 .8em;
	float: left
}

.dl-table,
p {
	line-height: 1.6em
}

.page-template .section-contents a:active,
.page-template .section-contents a:hover {
	opacity: .7
}

.dl-table dd {
	width: 420px
}

.dl-table dt {
	clear: both;
	width: 180px
}

#header {
	text-align: center;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	background-color: rgba(255, 255, 255, .8)
}

#header #h-group {
	min-height: 100px;
	position: relative
}

#header #h-group .btn-menu {
	cursor: pointer;
	position: absolute;
	left: 50px;
	top: 30px;
	width: 56px
}

#header #h-group .btn-menu .bar {
	background-color: #818181;
	display: block;
	width: 56px;
	height: 5px;
	margin-bottom: 3px
}

#header #h-group .btn-menu p {
	color: grey;
	font-size: 93.8%;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1em;
	text-align: center
}

#header #h-group .lang-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	right: 30px;
	top: 35px
}

@media (max-width: 46.875em) {
	#header #h-group .lang-nav {
		flex-direction: column
	}
}

#header #h-group .lang-nav a {
	border: 1px solid #979797;
	color: #979797;
	letter-spacing: .05em;
	line-height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	font-size: 87.5%;
	padding: 0 6px
}

#header #h-group .lang-nav a.sns {
	vertical-align: middle;
	margin: 0 7px;
	padding: 0;
	border: none
}

#header #h-group .lang-nav a.sns:nth-of-type(3) {
	margin-right: 14px
}

#header #h-group .lang-nav .sns img {
	width: 28px;
	height: auto
}

#header #h-group .logo {
	display: inline-block;
	margin-top: 15px
}

#header #g-nav {
	display: none;
	position: absolute;
	left: -380px;
	top: 0;
	z-index: 10000;
	text-align: left;
	width: 380px
}

#header #g-nav .g-nav-inner {
	position: relative
}

#header #g-nav .parent {
	background-color: #ddd
}

#header #g-nav .parent dt.btn-menu-close {
	background-color: #000;
	color: #fff;
	cursor: pointer;
	padding: 40px 0 8px 27px
}

#header #g-nav .parent dt.btn-menu-close span {
	background: url(../images/icon_arrow_10.png) left center no-repeat;
	line-height: 22px;
	padding-left: 22px
}

#header #g-nav .parent ul li a:link,
#header #g-nav .parent ul li a:visited {
	color: #000;
	display: block;
	padding: 12px 0 12px 45px
}

#header #g-nav .parent ul li a:active,
#header #g-nav .parent ul li a:hover {
	background-color: #fff
}

#header #g-nav .parent ul li a:active.inactive,
#header #g-nav .parent ul li a:hover.inactive {
	background-color: #ddd
}

#header #g-nav .parent ul li a.current {
	background-color: #fff
}

#header #g-nav .parent ul li a.current.inactive {
	background-color: #ddd
}

#header #g-nav .parent ul li .en {
	font-size: 150%;
	padding-bottom: 3px
}

#header #g-nav .parent ul li .ja {
	font-size: 75%
}

#header #g-nav .parent ul li ul {
	display: none;
	border-top: 1px solid #fff
}

#header #g-nav .parent ul li ul li {
	border-bottom: 1px solid #fff;
	position: relative
}

#header #g-nav .parent ul li ul li small {
	display: block;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	padding: 12px 0 12px 65px;
	width: 100%;
	height: 100%;
	color: red;
	background-color: rgba(255, 255, 255, .7)
}

#header #g-nav .parent ul li ul li a:link,
#header #g-nav .parent ul li ul li a:visited {
	display: block;
	padding-left: 65px
}

#header #g-nav .parent .sns-accounts {
	background-color: #fff;
	line-height: 70px;
	text-align: center
}

#header #g-nav .parent .sns-accounts a {
	display: inline-block;
	margin: 0 20px
}

#header #g-nav .parent .sns-accounts a img {
	vertical-align: middle
}

#header #g-nav .children {
	background-color: #fff;
	position: absolute;
	left: -380px;
	top: 0;
	bottom: 0;
	width: 380px
}

#header #g-nav .children dt.btn-menu-back {
	background-color: #000;
	color: #fff;
	cursor: pointer;
	padding: 40px 0 8px 27px
}

#header #g-nav .children dt.btn-menu-back span {
	background: url(../images/icon_arrow_10.png) left center no-repeat;
	line-height: 22px;
	padding-left: 22px
}

#header #g-nav .children ul li a:active,
#header #g-nav .children ul li a:hover {
	background-color: #ddd
}

#header #g-nav .children ul li a:link,
#header #g-nav .children ul li a:visited {
	color: #000;
	display: block;
	padding: 12px 0 12px 50px
}

#header #g-nav .children.opened {
	left: 0
}

#header #g-nav ul li .cs {
	font-size: 1rem;
	padding-left: 10px
}

#header #g-nav.opened {
	left: 0
}

html {-webkit-text-size-adjust: none}
body {-webkit-font-smoothing: antialiased;color: #000;margin: 0;padding: 0}
a {border: none;outline: 0}

a:link,
a:visited {
	color: #000;
	text-decoration: none
}

a:active,
a:hover {
	color: #666;
	text-decoration: none
}

img {
	border: none;
	outline: 0;
	vertical-align: bottom
}

label {
	cursor: pointer
}

.no-scroll {
 }

.clearfix:after {
	content: "";
	display: block;
	clear: both
}

ol,
ul {
	list-style: none
}

a.inactive:active,
a.inactive:hover {
	color: #000
}

main {
	display: block
}

.hidden-contents,
.hidden-elem,
.sp-elem,
.sp-il-elem {
	display: none
}

ins {
	background-color: transparent;
	font-family: inherit;
	color: inherit
}

.en {
	font-weight: 400
}

.inactive {
	cursor: default;
	opacity: .5
}

.mt10 {
	margin-top: 10px
}

.mt20 {
	margin-top: 20px
}

.mt30 {
	margin-top: 30px
}

.mt40 {
	margin-top: 40px
}

.mt50 {
	margin-top: 50px
}

.mt60 {
	margin-top: 60px
}

.mt70 {
	margin-top: 70px
}

.mt80 {
	margin-top: 80px
}

.mt90 {
	margin-top: 90px
}

.mt100 {
	margin-top: 100px
}

.mb10 {
	margin-bottom: 10px
}

.mb20 {
	margin-bottom: 20px
}

.mb30 {
	margin-bottom: 30px
}

#not-found,
.mb40 {
	margin-bottom: 40px
}

.mb50 {
	margin-bottom: 50px
}

.mb60 {
	margin-bottom: 60px
}

.mb70 {
	margin-bottom: 70px
}

.mb80 {
	margin-bottom: 80px
}

.mb90 {
	margin-bottom: 90px
}

.mb100 {
	margin-bottom: 100px
}

.table {
	border-spacing: 0;
	border-collapse: collapse;
	display: table;
	padding: 0;
	width: 100%
}

.table-row {
	display: table-row;
	padding: 0
}

.table-cell {
	display: table-cell;
	padding: 0
}

.list-style-01 {
	margin: 0 0 0 .8em
}

.list-style-01 li {
	text-indent: -.8em
}

.list-style-01 li:before {
	content: "- "
}

.br {
	display: block
}

.jspVerticalBar {
	background-color: #ccc;
	right: 3px;
	width: 1px
}

.jspDrag {
	background: #000;
	position: relative;
	top: 0;
	left: -4px;
	width: 9px;
	cursor: pointer
}

#loader {
	background: url(../images/loader_02.gif) center center no-repeat #fff;
	background-size: 30px auto;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 11000
}

#loader .loading-text {
	cursor: pointer;
	font-size: 171.4%;
	font-style: italic;
	letter-spacing: .05em;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	width: 100%
}

#modal-base-layer,
#modal-contents-layer {
	position: fixed;
	text-align: center;
	width: 100%;
	display: none
}

#modal-base-layer {
	background: #000;
	color: #000;
	top: 0;
	right: 0;
	height: 100px;
	z-index: 9900
}

#modal-contents-layer {
	overflow-y: scroll;
	top: 0;
	left: 0;
	z-index: 9901
}

#modal-contents-layer #modal-iscroll-container-inner {
	overflow: hidden
}

.modal-hidden-contents {
	display: none
}

.col-wrapper:after {
	content: "";
	display: block;
	clear: both
}

.col-wrapper .left {
	float: left
}

.col-wrapper .right {
	float: right
}

#wrapper {
	margin: 0 auto;
	min-width: 1240px;
	padding-top: 100px
}

.btn-detail {
	background: url(../images/icon_arrow_01.png) right center no-repeat;
	padding-top: 2px;
	padding-right: 25px;
	padding-bottom: 2px
}

.bx-wrapper .bx-viewport {
	box-shadow: none;
	border: none;
	left: 0;
	background: 0 0;
	transform: translatez(0)
}

.bx-wrapper .bx-controls-direction a {
	margin-top: -48px;
	width: 34px;
	height: 69px;
	text-indent: -9999px;
	z-index: 9999
}

.bx-wrapper img {
	display: inline-block;
	vertical-align: middle
}

.bx-wrapper .bx-prev {
	left: -68px;
	background: url(../images/btn_slide_prev.png) left top no-repeat;
	background-size: 34px auto
}

.bx-wrapper .bx-next,
.bx-wrapper .bx-next:hover {
	right: -68px;
	background: url(../images/btn_slide_next.png) left top no-repeat;
	background-size: 34px auto
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
	bottom: -64px;
	width: 100%
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #a8a8a8;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 7px;
	outline: 0;
	border-radius: 8px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #666
}

.lazy-form-select-wrap {
	display: inline-block;
	cursor: pointer;
	position: relative;
	width: 250px;
	height: 40px
}

.lazy-form-select-wrap .lazy-form-select {
	display: block;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
	height: 40px
}

.lazy-form-select-wrap .lazy-form-select-text {
	background-color: #e5e5e5;
	color: #737373;
	cursor: pointer;
	display: block;
	overflow: hidden;
	float: left;
	font-size: 13px;
	line-height: 40px;
	margin: 0 1px 0 0;
	padding-left: 10px;
	text-align: left;
	width: 199px;
	height: 40px;
	white-space: nowrap
}

.lazy-form-select-wrap .lazy-form-select-trigger {
	background: url(../images/icon_select_01.png) center center no-repeat #e5e5e5;
	background-size: 40px auto;
	display: block;
	float: left;
	width: 40px;
	height: 40px
}

.index {
	padding: 60px 0
}

.index ul {
	margin: 0 -10px
}

.index ul li {
	box-sizing: border-box;
	float: left;
	padding: 0 10px;
	margin-bottom: 20px;
	width: 25%
}

.index-wrapper,
.maker-index .index ul {
	margin: 0 -10px
}

.index ul li .inner {
	background: #bfccdb;
	background: linear-gradient(45deg, #bfccdb 0, #e7ebf1 100%);
	padding: 1px;
	position: relative;
	z-index: 100
}

.index ul li a {
	background: #edf0f5;
	background: linear-gradient(to top right, #edf0f5 0, #fff 100%);
	display: block;
	padding-top: 100%
}

.index ul li .label {
	font-size: 187.5%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.lazy-form-checkbox-wrap {
	position: relative;
	width: 17px;
	height: 17px
}

.lazy-form-checkbox-wrap .lazy-form-checkbox {
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 17px;
	height: 17px;
	border: 1px solid #dbdbdb
}

.lazy-form-checkbox-wrap .checked {
	background: url(../images/icon_check.png) center center no-repeat #eee
}

.maker-index .index {
	box-sizing: border-box;
	float: left;
	padding: 60px 10px;
	width: 50%
}

.maker-index .index ul li {
	box-sizing: border-box;
	float: left;
	padding: 0 10px;
	margin-bottom: 20px;
	width: 50%
}

.sub-index-wrapper {
	padding-top: 15px
}

.with-auto #trunk-inner {
	width: auto
}

#page-title {
	background-color: #ddd;
	padding: 20px 0;
	text-align: center
}

#page-title h1 {
	font-size: 250%;
	line-height: 1em;
	margin-bottom: 5px
}

#page-title p {
	font-size: 75%
}

#trunk-inner {
	margin: 0 auto;
	width: 1000px
}

.breadcrumbs {
	margin: 100px 0 30px;
	color: grey
}

.breadcrumbs ul {
	margin: 0 auto;
	width: 1000px
}

.breadcrumbs ul li {
	float: left;
	margin-right: 8px
}

.breadcrumbs ul li:last-child {
	color: #000
}

.breadcrumbs ul li a {
	color: grey;
	margin-right: 8px
}

.section-inner {
	margin: 0 auto;
	width: 1000px
}

.no-entry {
	margin-bottom: 40px
}

#not-found-section {
	padding: 80px 0;
	line-height: 1.8em;
	min-height: 300px
}

.scrolled #wrapper {
	padding-top: 70px
}

.scrolled #header #h-group {
	min-height: 70px
}

.scrolled #header #h-group .logo {
	margin-top: 14px
}

.scrolled #header #h-group .lang-nav {
	top: 22px
}

.scrolled #header #h-group .btn-menu {
	cursor: pointer;
	position: absolute;
	left: 15px;
	top: 18px;
	width: 30px
}

.scrolled #header #h-group .btn-menu .bar {
	width: 30px;
	height: 3px;
	margin-bottom: 3px
}

.scrolled #header #h-group .btn-menu p {
	font-size: 10px;
	letter-spacing: -.03em
}

.scrolled #header .logo img {
	width: 120px;
	height: auto
}

#g-nav #children-scroller-wrapper,
#g-nav #scroller-wrapper {
	position: relative;
	height: calc(100vh - 70px);
	overflow: hidden
}


@media (max-width: 46.875em) {
	#home #motorsports-section .bg {
		height: 56vw
	}
	#home #motorsports-section .bg img {
		top: 0;
		transform: translate(-50%, 0) scale(1.2)
	}
	#home #motorsports-section .section-inner {
		width: auto;
		margin-left: 0
	}
	#home #motorsports-section .btn-wrapper {
		text-align: center
	}
	#home #motorsports-section.executed .bg img {
		transform: translate(-50%, 0) scale(1)
	}
	#home #sns-section .images li {
		width: 33.33%
	}
	#products.detail .spec-notes dl dd,
	#products.detail .spec-notes dl dt {
		width: 100%
	}
	html[lang=en] #color-audition .voting-result-section .wheels__item:first-of-type .wheels__item-result img {
		width: 120px;
		height: auto
	}
	html[lang=en] #color-audition .voting-result-section .wheels__item-result strong {
		margin-right: .02em
	}
	html[lang=en] #color-audition .anniversary-model-section .button--arrow:link,
	html[lang=en] #color-audition .anniversary-model-section .button--arrow:visited {
		display: inline-block;
		margin-left: 28px;
		text-align: left;
		text-indent: -28px
	}
	
		.sub-index {
		padding: 0 15px;
		float: none;
		width: auto
	}
	.sub-index li {
		float: none;
		display: list-item;
		line-height: 1.4em;
		width: auto
	}
	.with-auto #trunk-inner {
		width: auto
	}
	#page-title h1 {
		font-size: 225%
	}
	#footer {
		text-align: center
	}
	#footer .f-group {
		position: relative;
		padding: 0 15px;
		margin: 0 auto;
		width: auto
	}
	#footer #f-top .f-group {
		padding: 28px 15px
	}
	#footer #f-top #f-nav {
		display: block;
		margin-bottom: 32px;
		columns: 2 auto;
		font-size: 12px
	}
	#footer #f-top #f-nav a:link,
	#footer #f-top #f-nav a:visited {
		color: #707070
	}
	#footer #f-top #f-nav ul {
		float: none;
		margin-right: 0
	}
	#footer #f-top #f-nav ul li ul {
		margin-left: 22px
	}
	#footer #f-top #f-nav>ul:last-of-type {
		margin-top: 2.5em
	}
	#footer #f-top .links {
		display: flex;
		justify-content: center;
		align-items: center;
		position: static
	}
	#footer #f-top .links a {
		position: relative;
		top: 0;
		display: inline-block;
		vertical-align: middle;
		margin-left: 5px
	}
	#footer #f-top .links a.en {
		font-size: 75%;
		top: 0;
		vertical-align: middle
	}
	#footer #f-top .links .sns {
		display: inline-block;
		top: 0;
		vertical-align: middle;
		margin: 0 7px
	}
	#footer #f-top .links .sns:nth-of-type(3) {
		margin-right: 9px
	}
	#footer #f-top .links .sns img {
		vertical-align: middle;
		width: 30px;
		height: auto
	}
	#footer #f-top .logo img {
		width: 100px;
		height: auto
	}
	#footer #f-top .btn-page-top {
		position: fixed;
		right: 15px;
		bottom: 15px
	}
	#footer #f-top .btn-page-top img {
		width: 25px;
		height: auto
	}
	#footer #f-bottom {
		background-color: #c9c9c9;
		padding: 30px 0
	}
	#footer #f-bottom .copyright {
		margin-top: 15px;
		font-size: 62.5%
	}
	#trunk-inner {
		margin: 0 auto;
		width: auto
	}
	.breadcrumbs {
		margin: 60px 0 30px;
		color: grey
	}
	.breadcrumbs ul {
		margin: 0 15px;
		width: auto;
		line-height: 1.6em
	}
	.section-inner {
		width: auto
	}
	#wrapper {
		min-width: 0;
		padding-top: 70px
	}
	.scrolled #header #h-group {
		position: relative;
		min-height: 70px
	}
	.scrolled #header #h-group .btn-menu {
		left: 15px;
		top: 15px;
		width: 40px
	}
	.scrolled #header #h-group .btn-menu .bar {
		width: 40px;
		height: 4px;
		margin-bottom: 3px
	}
	.scrolled #header #h-group .btn-menu p {
		font-size: 75%;
		letter-spacing: 0
	}
	.scrolled #header #h-group .logo {
		margin-top: 12px
	}
	.scrolled #header #h-group .logo img {
		width: 109px
	}
	.scrolled #header #h-group .lang-nav {
		top: 10px
	}
	#g-nav #children-scroller-wrapper,
	#g-nav #scroller-wrapper {
		height: calc(100vh - 180px)
	}
	#home.lang-ja #news-section .col-wrapper {
		margin-right: 0;
		margin-left: 0
	}
	#home.lang-ja #news-section .col-wrapper .left {
		float: none;
		margin-bottom: 40px;
		padding: 0;
		width: auto
	}
	#home.lang-ja #news-section .col-wrapper .right {
		float: none;
		margin-bottom: 20px;
		padding: 0;
		width: auto
	}
	#home.lang-ja #news-section .right .btn-news {
		width: 100%
	}
	
}

@media screen and (max-width: 46.875em) {
	#header #g-nav .children,
	#home .transition-01 {
		transition: all .5s cubic-bezier(.215, .61, .355, 1)
	}
	#header #g-nav,
	#header #g-nav .children {
		position: absolute;
		left: -320px;
		top: 0;
		width: 320px
	}
	#header {
		text-align: center
	}
	#header #g-nav {
		z-index: 10000;
		text-align: left
	}
	#header #g-nav .children {
		background-color: #fff;
		bottom: 0
	}
	#header #g-nav .g-nav-inner,
	#header #h-group {
		position: relative
	}
	#header #g-nav .children.opened,
	#header #g-nav.opened {
		left: 0
	}
	#header #g-nav .children dt.btn-menu-back {
		background-color: #000;
		color: #fff;
		cursor: pointer;
		padding: 12px 0 12px 27px
	}
	#header #g-nav .children dt.btn-menu-back span {
		background: url(../images/icon_arrow_10.png) left center no-repeat;
		line-height: 22px;
		padding-left: 22px
	}
	#header #g-nav .children ul li a:active,
	#header #g-nav .children ul li a:hover,
	#header #g-nav .parent {
		background-color: #ddd
	}
	#header #g-nav .children ul li a:link,
	#header #g-nav .children ul li a:visited {
		color: #000;
		display: block;
		padding: 8px 0 8px 15px
	}
	#header #g-nav .parent dt.btn-menu-close {
		background-color: #000;
		color: #fff;
		cursor: pointer;
		padding: 12px 0 12px 27px
	}
	#header #g-nav .parent dt.btn-menu-close span {
		background: url(../images/icon_arrow_10.png) left center no-repeat;
		line-height: 22px;
		padding-left: 22px
	}
	#header #g-nav .parent ul li a:link,
	#header #g-nav .parent ul li a:visited {
		color: #000;
		display: block;
		padding: 8px 0 8px 15px
	}
	#header #g-nav .parent ul li .en {
		font-size: 125%;
		padding-bottom: 3px
	}
	#header #g-nav .parent ul li .ja {
		font-size: 75%
	}
	#header #g-nav .parent ul li ul {
		border-top: 1px solid #fff
	}
	#header #g-nav .parent ul li ul li {
		border-bottom: 1px solid #fff;
		font-size: 87.5%
	}
	#header #g-nav .parent ul li ul li a:link,
	#header #g-nav .parent ul li ul li a:visited {
		display: block;
		padding: 12px 0 12px 30px
	}
	#header #g-nav .parent ul li ul li small {
		padding: 12px 0 12px 30px
	}
	#header #g-nav .parent .sns-accounts {
		background-color: #fff;
		line-height: 50px;
		text-align: center
	}
	#header #g-nav .parent .sns-accounts a {
		display: inline-block;
		margin: 0 10px
	}
	#header #g-nav .parent .sns-accounts a:nth-child(1) img {
		width: 7px;
		height: auto
	}
	#header #g-nav .parent .sns-accounts a:nth-child(2) img {
		width: 17px;
		height: auto
	}
	#header #h-group {
		min-height: 70px
	}
	#header #h-group .btn-menu {
		cursor: pointer;
		position: absolute;
		left: 15px;
		top: 15px;
		width: 40px
	}
	#header #h-group .btn-menu .bar {
		width: 40px;
		height: 4px;
		margin-bottom: 3px
	}
	#header #h-group .btn-menu p {
		font-size: 75%
	}
	#header #h-group .logo {
		display: inline-block;
		margin-top: 16px
	}
	#header #h-group .logo img {
		width: 109px;
		height: auto
	}
	#header #h-group .lang-nav {
		position: absolute;
		right: 15px;
		top: 10px
	}
	#header #h-group .lang-nav a {
		border: 1px solid #979797;
		color: #979797;
		display: block;
		font-size: 62.5%;
		line-height: 16px;
		margin: 2px 0;
		min-width: 60px
	}
	#header #h-group .lang-nav a.sns,
	#home #photo-section .box:nth-of-type(5),
	#home #photo-section .box:nth-of-type(7) {
		display: none
	}
	#home #after-service-section {
		background-color: #f5f8fa;
		position: relative;
		overflow: hidden;
		height: 200px
	}
	#home #after-service-section .section-inner {
		position: absolute;
		left: auto;
		right: 15px;
		top: 0;
		bottom: 0;
		margin-left: 0;
		width: auto;
		height: 200px;
		text-align: right
	}
	#home #products-section h2,
	#home #products-section nav {
		transform: translate(0, 0);
		width: 100%;
		text-align: center;
		left: 0
	}
	#home #after-service-section .section-inner .group {
		text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff;
		display: inline-block;
		margin-top: 10%
	}
	#home #after-service-section .section-inner .group .btn-wrapper {
		margin-top: 5px
	}
	#home #after-service-section .section-inner .group .btn-wrapper a {
		color: #000
	}
	#home #after-service-section .section-inner .group .section-sub-title {
		margin-top: 8px;
		font-size: 100%
	}
	#home #after-service-section .bg {
		opacity: 1!important;
		height: 200px
	}
	#home #after-service-section .bg img {
		margin-top: -50px;
		width: 100%;
		height: auto
	}
	#home #products-section {
		background-color: #fff;
		color: #fff;
		position: relative;
		height: 450px
	}
	#home #products-section h2 {
		text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff;
		color: #000;
		margin-top: 30px;
		top: 0;
		z-index: 100
	}
	#home #products-section nav {
		margin-top: 40px;
		bottom: 5%;
		top: 60px
	}
	#home #products-section nav a {
		display: block;
		font-size: 120%;
		margin: 0 auto 20px;
		line-height: 50px;
		width: 78%
	}
	#home #products-section nav a:last-child {
		margin-bottom: 0
	}
	#home #products-section .bg {
		opacity: 1!important;
		background-color: #717173;
		position: staic;
		left: 0;
		padding-top: 0
	}
	#home #products-section .bg img {
		width: 100%;
		height: auto
	}
	#home #products-section .cover {
		height: 50px;
		background-size: auto 50px
	}
	#home .bx-wrapper .bx-controls-direction a {
		top: 100%;
		margin-top: -5px
	}
	#home .bx-wrapper .bx-controls-auto,
	#home .bx-wrapper .bx-pager {
		bottom: -20px
	}
	#home .transition-02 {
		transition: all 1s cubic-bezier(.215, .61, .355, 1)
	}
	#home a.btn-style-01 {
		background: url(../images/icon_arrow_01.png) right center no-repeat;
		color: #fff;
		display: inline-block;
		padding-right: 25px;
		margin-top: 5px
	}
	#home .bg {
		position: static;
		transform: none!important
	}
	#home .bg img {
		width: 100%;
		height: auto
	}
	#home .section .section-inner {
		margin: 0 auto;
		width: auto
	}
	#home .section .section-title {
		font-family: "Open Sans", sans-serif;
		font-size: 250%;
		font-weight: 300;
		letter-spacing: .02em
	}
	#home #hero-section {
		padding-bottom: 40px
	}
	#home #hero-section .bx-wrapper .bx-prev {
		left: 15px
	}
	#home #hero-section .bx-wrapper .bx-next,
	#home #hero-section .bx-wrapper .bx-next:hover {
		right: 15px
	}
	#home #hero-section .slider .slide .slide-contents {
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translate(0, -50%);
		width: auto
	}
	#home #hero-section .slider .slide .slide-contents .group {
		display: inline-block
	}
	#home #hero-section .slider .slide .slide-contents .slide-sub-title {
		font-size: 100%;
		font-weight: 200;
		letter-spacing: .05em
	}
	#home #hero-section .slider .slide .slide-contents .slide-title {
		font-size: 250%
	}
	#home #hero-section .slider .slide .slide-contents .btn-wrapper {
		text-align: left
	}
	#home #news-section .section-title {
		color: #c81b1c;
		font-size: 200%
	}
	#home #news-section .section-inner {
		margin: 0 15px
	}
	#home #news-section .col-wrapper {
		display: inline-block;
		margin: 0 auto;
		text-align: left
	}
	#home #news-section .col-wrapper .left {
		float: none;
		margin-bottom: 20px;
		width: auto
	}
	#home #news-section .col-wrapper .right {
		float: left;
		width: auto
	}
	#home #news-section .col-wrapper .right ul li {
		line-height: 1.8em;
		margin-bottom: 10px
	}
	#home #news-section .col-wrapper .right ul li .date {
		display: block;
		float: none;
		padding-right: 10px;
		width: auto
	}
	#home #news-section .col-wrapper .right ul li .title {
		display: block;
		margin-left: 20px;
		float: none;
		width: auto
	}
	#home #news-section .btn-news {
		display: block;
		margin-right: 0;
		margin-bottom: 15px;
		width: auto
	}
	#home #news-section .category-menu {
		width: 100%
	}
	#home #news-section .lazy-form-select-wrap {
		display: block;
		width: 100%
	}
	#home #news-section .lazy-form-select-wrap .lazy-form-select {
		width: 100%
	}
	#home #news-section .lazy-form-select-wrap .lazy-form-select-text {
		box-sizing: border-box;
		width: calc(100% - 42px)
	}
	#home #craftsmanship-section {
		background: url(../images/video.jpg) center center no-repeat;
		background-size: cover;
		color: #fff;
		position: relative;
		height: 56vw
	}
	#home #craftsmanship-section .bg {
		position: relative
	}
	#home #craftsmanship-section .bg img {
		width: 100%;
		height: auto
	}
	#home #craftsmanship-section .bg .cover {
		background: url(../images/video_texture.png) left top;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 100%
	}
	#home #craftsmanship-section .section-inner {
		position: static;
		width: auto
	}
	#home #craftsmanship-section .section-content {
		display: inline-block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%)
	}
	#home #craftsmanship-section a {
		color: #fff
	}
	#home #craftsmanship-section .btn-wrapper {
		margin-top: 20px;
		text-align: center
	}
	#home #factory-section h2 {
		padding-top: 40px
	}
	#home #factory-section ul {
		display: block;
		margin: 24px 15px 0;
		padding-bottom: 40px
	}
	#home #factory-section li {
		margin-bottom: 15px;
		padding: 0;
		width: auto
	}
	#home #factory-section li a:link,
	#home #factory-section li a:visited {
		display: inline-block
	}
	#home #about-technology-section {
		color: #fff;
		overflow: hidden
	}
	#home #about-technology-section .bg {
		position: absolute;
		left: 0
	}
	#home #about-technology-section .left {
		position: relative;
		width: auto;
		float: none;
		height: 200px;
		overflow: hidden
	}
	#home #about-technology-section .left .group {
		position: absolute;
		right: auto;
		left: 0;
		top: 50%;
		width: 100%;
		text-align: center;
		transform: translate(0, -50%)
	}
	#home #about-technology-section .left .bg {
		top: 0;
		height: 200px;
		transition: all .5s cubic-bezier(.215, .61, .355, 1)!important
	}
	#home #about-technology-section .right {
		position: relative;
		width: auto;
		float: none;
		height: 200px;
		overflow: hidden
	}
	#home #about-technology-section .right .group {
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		text-align: center;
		transform: translate(0, -50%)
	}
	#home #about-technology-section .right .bg {
		top: 0;
		height: 200px;
		transition: all .5s cubic-bezier(.215, .61, .355, 1)!important
	}
	#home #simulator-section {
		overflow: hidden
	}
	#home #simulator-section .right {
		float: none;
		text-align: right;
		width: auto;
		height: auto;
		margin: 0 15px
	}
	#home #simulator-section .right a {
		color: #000
	}
	#home #simulator-section .section-title {
		margin-top: 20px
	}
	#home #simulator-section .section-sub-title {
		font-size: 112.5%;
		margin: 20px 0 5px
	}
	#home #simulator-section .left {
		float: none;
		position: relative;
		width: auto;
		margin-top: 40px;
		height: 145px
	}
	#home #simulator-section .left img {
		margin-top: 0;
		position: absolute;
		left: 80px;
		top: 0;
		width: 380px;
		height: auto
	}
	#home #simulation-section .bg {
		background: url(../images/sp_home_simulation_img_01.jpg) center center no-repeat;
		background-size: cover
	}
	#home #simulation-section .links {
		margin-right: -5px;
		margin-left: -5px
	}
	#home #simulation-section .links .link {
		vertical-align: top;
		margin: 0 5px
	}
	#home #simulation-section .links .link img {
		width: auto;
		height: 40px
	}
	#home #photo-section .container {
		margin: 0 auto;
		padding: 0;
		width: auto
	}
	#home #photo-section .box {
		width: 50%
	}
	#home #photo-section .section-title {
		letter-spacing: -.05em;
		margin-top: 20px
	}
	#home #photo-section .section-sub-title {
		font-size: 112.5%;
		margin: 10px 15px;
		min-height: 70px
	}
	#home #photo-section .boxes {
		margin: 0;
		max-width: auto;
		-webkit-perspective: 50vw;
		-webkit-perspective-origin: 50% 0;
		perspective: 50vw;
		perspective-origin: 50% 0
	}
	#home #photo-section .title-box {
		padding-bottom: 20px;
		width: 100%
	}
	#home #voice-section ul {
		margin-right: -5px;
		margin-left: -5px;
		margin-top: 30px
	}
	#home #voice-section ul li {
		width: 50%
	}
	#home #voice-section ul li img {
		width: 100%;
		height: auto
	}
	#home #voice-section h2 {
		padding-top: 40px
	}
	#home #voice-section .section-lead {
		padding-right: 20px;
		padding-left: 20px;
		font-size: 100%
	}
	#home #voice-section .people {
		margin-right: 20px;
		margin-left: 20px
	}
	#home #gallery-section {
		background: url(../images/home_gallery_bg.png) center center no-repeat;
		background-size: cover;
		overflow: hidden
	}
	#home #gallery-section .section-inner {
		padding-bottom: 52px;
		margin: 0 auto;
		width: auto;
		max-width: 1000px
	}
	#home #gallery-section .section-inner .section-title {
		padding: 75px 0 65px;
		text-align: center
	}
	#home #gallery-section .section-inner ul {
		margin: 0 -10px
	}
	#home #gallery-section .section-inner ul li {
		box-sizing: border-box;
		float: left;
		padding: 0 10px;
		width: 25%
	}
	#home #gallery-section .section-inner ul li img {
		width: 100%;
		height: auto;
		opacity: 0;
		transform: scale(0)
	}
	#home #gallery-section .section-inner .icon {
		margin-top: 48px;
		text-align: center
	}
	#home #tanzo-section {
		position: relative;
		overflow: hidden
	}
	#home #tanzo-section .bg {
		opacity: 1!important;
		height: 200px
	}
	#home #tanzo-section .bg img {
		margin-left: -150px;
		width: auto;
		height: 200px
	}
	#home #tanzo-section .section-inner {
		position: absolute;
		width: 100%
	}
	#home #tanzo-section .section-inner .group {
		display: inline-block
	}
	#home #tanzo-section .section-inner .group .section-sub-title {
		margin-top: 8px;
		font-size: 100%
	}
	#home #tanzo-section .section-inner .group .btn-wrapper {
		margin-top: 5px
	}
	#home #shoplist-section {
		height: 200px
	}
	#home #shoplist-section .bg {
		opacity: 0
	}
	#home #shoplist-section h2 {
		font-weight: 500;
		left: 0;
		width: 100%;
		text-align: center;
		transform: translate(0, -50%)
	}
	#home #etc-section .section-inner {
		padding: 30px 0
	}
	#home #etc-section a {
		display: block;
		padding: 30px 0;
		margin: 0 auto 20px;
		width: 78%
	}
	#home #etc-section a p {
		letter-spacing: -.05em
	}
	#home #etc-section a h2 {
		font-size: 250%;
		font-weight: 300;
		letter-spacing: .02em;
		margin-top: 5px
	}
	#home #sns-section .images {
		margin-right: -5px;
		margin-left: -5px
	}
	#home #sns-section .container {
		padding: 40px 15px
	}
	#home #sns-section h2 {
		margin-bottom: 24px
	}
	#home #sns-section .icon {
		margin-top: 0
	}
	#home #sns-section .left,
	#home #sns-section .right {
		float: none;
		max-width: none;
		width: auto
	}
	#not-found-section .section-inner {
		padding-left: 15px;
		padding-right: 15px
	}
	.pc-elem {
		display: none
	}
	.sp-elem {
		display: block
	}
	.sp-il-elem {
		display: inline
	}
	.bx-wrapper .bx-controls-direction a {
		margin-top: -20px;
		width: 20px;
		height: 41px;
		text-indent: -9999px;
		z-index: 9999
	}
	.bx-wrapper .bx-prev {
		left: 15px;
		background: url(../images/btn_slide_prev.png) left top no-repeat;
		background-size: 20px auto
	}
	.bx-wrapper .bx-next,
	.bx-wrapper .bx-next:hover {
		right: 15px;
		background: url(../images/btn_slide_next.png) left top no-repeat;
		background-size: 20px auto
	}
	.bx-wrapper .bx-controls-auto,
	.bx-wrapper .bx-pager {
		bottom: -30px
	}
	.index {
		padding: 40px 0
	}
	.index ul {
		margin: 0 -5px
	}
	.index ul li {
		box-sizing: border-box;
		float: left;
		padding: 0 5px;
		margin-bottom: 10px;
		width: 50%
	}
	.index ul li .inner {
		background: #bfccdb;
		background: linear-gradient(45deg, #bfccdb 0, #e7ebf1 100%);
		padding: 1px;
		position: relative;
		z-index: 100
	}
	.index ul li .label {
		font-size: 150%
	}
	#products .maker-index {
		margin: 0 10px
	}
	#products .maker-index .index {
		margin: 0;
		padding-top: 15px;
		padding-right: 0;
		padding-left: 0;
		width: 50%
	}
}

/*------*/
:root {
	--main-color: #f7931e;
	--main-color2: #109B04;
	--main-transition: all ease 0.4s;
	--main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	--main-bg: linear-gradient(to right,#185fad 0,#109B04 100%);
}

.header{background: var(--main-color);border-bottom: 3px solid var(--main-color);position: relative;z-index: 999;}
.headTop{height: 97px;}
.headTop .wapper{height: 100%;position: relative;}
.headTop .logo{height: 100%;display: flex;justify-content: center;align-items: center;font-size: 0px;line-height: 1;}
.headTop .logo img{width: auto;max-width: 300px;max-height: 80px;}
.hShare{position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.hShare a{display: inline-block;margin-right: 20px;color: #000;font-size: 20px;}

.headCet{width: 100%;background: #333;}
.hMenu{width: 100%;height: 58px;}
.hMenu>ul>li{padding: 0 1vw;position: relative;}
.hMenu>ul>li>span{display: block;}
.hMenu>ul>li>span a{line-height: 58px;font-size: 18px;color: #dfe0df;padding: 0 15px;transition: 0.3s;}
.hMenu>ul>li>span a.menu_hover,
.hMenu>ul>li>span a:hover,
.hMenu>ul>li.cur>span a{color: var(--main-color);}
.hMenu ul li dl{ background:#fff; width:100%; position:absolute; left:50%; top: 100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none;z-index: 9;transform: translateX(-50%);min-width: 150px;}
.hMenu ul li dl dd{ line-height:40px;border-bottom:#ddd dotted 1px;position: relative;}
.hMenu ul li dl dd a{ font-size:14px; color:#333;display:block;padding: 0 10px;text-align: center;}
.hMenu ul li dl dd a:hover{ color:#f60;}

.header.fixed{position: fixed;top: 0;z-index: 999;width: 100%;left: 0;}
.header.fixed .headTop{display: none;}

/*mMenu*/
.m_header{width: 100%;}
.sp_header1{height:70px;background:#fff;position:fixed;z-index:9999;width:100%;display: none;top: 0;}
.sp_header1 .language{float: right;height: 70px;margin-right: 12px;display: flex;align-items: center;}
.sp_header1 .language dd{top: 70px;}

.sp_logo1{float:left;height:70px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo1 img{margin:auto;max-height:50px;}
.sp_nav1{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}

.sp_nav1 span{display:block;background:#000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav1 span:nth-of-type(1){top:0px}
.sp_nav1 span:nth-of-type(2){top:10px}
.sp_nav1 span:nth-of-type(3){top:20px}
.sp_nav_se1 span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se1 span:nth-of-type(2){width:0}
.sp_nav_se1 span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav1{position:fixed;z-index:999;background:#fff;width:100%;height:calc(100% - 70px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;}
.nav_show1{top:70px;}
.sjj_nav1 ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav1 ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav1 ul li .sjj_nav_i_se1 svg{transform:rotate(0deg)}
.sjj_nav1 ul li{border-top:1px #e4e8eb solid;position:relative;line-height:45px;font-size:16px}
.sjj_nav1>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav1 ul li ul{display:none}
.sjj_nav1 ul li a{color:#333;width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav1 ul li a:hover{color: #0188FB;}
.sjj_nav1 ul li ul li a{color:#333;display:block;text-align:left;}
.sjj_nav1 ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav1 ul li .sjj_nav_i_se svg{fill:#333}
.sjj_nav1 ul li ul li>ul{margin-left:10px}
.sjj_nav1 ul li ul li{border-top: none;}
.sjj_nav1 ul li ul li a{padding: 0 30px;}

.language{position: relative;margin-left: 25px;}
.language dt{height: 40px;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #000;cursor: pointer;width: 100px;border-radius: 30px;background: #fff;border: 1px solid #eee;}
.language i{padding-left: 20px;}
.language dd{position: absolute;top: 40px;right: 0;width: 120px;background: #fff;display: none;box-shadow: var(--main-shadow);border-radius: 10px;overflow: hidden;}
.language ul li{line-height: 40px;text-align: center;}
.language ul li a{display: block;padding: 0 10px;font-size: 14px;color: #000;}
.language ul li a img{width: auto;height: 15px;margin-right: 5px;vertical-align: middle;}
.language ul li a:hover{background: #000;color: #fff;}
.language ul li.on a{color: var(--main-color);}
/*.language:hover dd{display: block;}*/

/*tongtu*/
.tongtu{width: 100%;position: relative;}
.tongtu .img{width: 100%;}
.tongtu .img img{width: 100%;height: 400px;object-fit: cover;}
.tongtu .imgTop{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;display: flex;align-items: center;}

.current a{font-size: 16px;color: #fff;position: relative;}
.current a:after{content: ">";padding: 0 5px;color: #fff;}
.current a:last-child:after{display: none;}

.iTit{font-size: 36px;color: #231f20;}
.iTxt{font-size: 18px;color: #333;}
a.part{transition: 0.3s;}

/*products*/
.products{padding: 60px 0;overflow: hidden;}
.proList{margin-left: -10px;margin-right: -10px;}
.proList ul li{width: 25%;padding: 10px;}
.proList .part{display: block;width: 100%;height: 100%;border: 1px solid #ddd;border-radius: 5px;}
.proList .part .img{width: 100%;height: 250px;display: flex;justify-content: center;align-items: center;}
.proList .part .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.proList .part .desc{padding: 20px;}
.proList .part .tit{text-align: center;font-size: 18px;color: #231f20;margin: 10px 0;}
.proList .part .tag{text-align: center;color: #f00;font-size: 16px;}
.proList .part:hover{border-color: var(--main-color);box-shadow: var(--main-shadow);}

/*prodetail*/

.prodetail{width: 100%;}
.prod1{width: 100%;}
.prod1Left{width: 48%;}
.prod1Right{width: 48%;}
.prodPanel{width: 100%;height: 500px;border: 1px solid #ddd;}
.prodPanel .part{display: flex;justify-content: center;align-items: center;padding: 20px;}
.prodPanel .part img{width: auto;height: auto;max-width: 100%;max-height: 100%;}

.prodetail .swiper-button-next,.prodetail .swiper-button-prev{color: #333;}
.prodetail .swiper-button-next:after,.prodetail .swiper-button-prev:after{font-size: 42px;}
.prodpSwiper .swiper-slide img{transition: 0.5s;transform: scale(0.9);}
.prodpSwiper .swiper-slide img:hover{transform: scale(1);}
.prodpSwiper{z-index: 98 !important;}
.prodtSwiper{margin-top: 10px;}
.prodtSwiper .swiper-slide{border: 1px solid #ddd;}
.prodtSwiper .swiper-slide img{opacity: 0.6;}
.prodtSwiper .swiper-slide-thumb-active{border-color: #000;}
.prodtSwiper .swiper-slide-thumb-active img{opacity: 1;}

.prod1Tit{font-size: 36px;color: #231f20;}
.prod1Txt{font-size: 18px;color: #231f20;margin-top: 30px;line-height: 1.8;}
.prod1Txt ul{font-size: 18px;font-weight: 400;letter-spacing: 0px;line-height: 32px;text-align: left;padding-left: 20px;margin: 10px 0;}
.prod1Txt ul li{list-style: disc;}
.prodLink{margin-top: 25px;}
.prodLink a{display: inline-block;padding: 15px 45px;background: #231f20;color: #fff;font-size: 16px;border-radius: 50px;transition: 0.3s;}
.prodLink a:hover{background: var(--main-color);}
.prodShare{margin-top: 30px;}
.prodShare span{display: inline-block;}
.prodShare a{display: inline-block;margin-left: 15px;}
.prodShare img{width: 32px;}

.pageBar{margin-top: 50px;padding-top: 50px;border-top: 1px solid #ddd;font-size: 14px;}
.pageBar .item{width: auto;max-width: 50%;}

.prod2{margin-top: 50px;font-size: 14px;}
.prod2 img{max-width: 100%;width: auto;}

.iTop{margin-bottom: 30px;}
.iTop .current a{color: #222;}
.iTop .current a:after{color: #222;}

.mainFull{width: 100%;padding: 60px 0;}
.mainWarp{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;}
.mainWarp .ml{width: 270px;margin-right: 30px;}
.mainWarp .mr{width: calc(100% - 300px);}
.mainWarp .ml .mlMenu{position: sticky;z-index: 1;overflow-x: hidden;top: 65px;}
.mainWarp .mr .mrBox{margin-top:0px;position: -webkit-sticky;position: sticky;z-index: 1;top: 0;overflow-x: hidden;}
.mrBox{border: 1px solid #ddd;padding: 30px;width: 100%;}

.mlMenu{width: 100%;border: 1px solid #ddd;padding: 25px;}
.mlMenu .tit{font-size: 20px;color: #231f20;margin-bottom: 20px;font-weight: bold;}
.mlMenu ul li{margin: 12px 0;}
.mlMenu ul li a{display: block;font-size: 18px;color: #231f20;opacity: 0.96;transition: 0.3s;line-height: 1.5;}
.mlMenu ul li a:hover{opacity: 1;color: var(--main-color);}


/*pickers*/
.proList2{width: 100%;}
.proList2 dl{margin-bottom: 50px;}
.proList2 dl dt{font-size: 18px;color: #333;margin-bottom: 20px;font-weight: bold;}
.proList2 dl dd{width: 100%;overflow: hidden;}
.proList2 ul{width: 100%;margin-left: -15px;margin-right: -15px;}
.proList2 ul li{width: 33.3%;padding: 15px;}
.proList2 .part{display: block;width: 100%;height: 100%;}
.proList2 .part .img{width: 100%;height: 220px;display: flex;justify-content: center;align-items: center;}
.proList2 .part .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.proList2 .part .desc{padding: 20px 10px;}
.proList2 .part .tit{font-size: 18px;color: #333;}
.proList2 .part .tag{margin: 12px 0;font-size: 14px;color: var(--main-color);}
.proList2 .part .info{font-size: 14px;color: #333;}
.proList2 .part:hover .tit{color: var(--main-color);}

/*colordetail*/

.colordetail{width: 100%;}
.prod3{width: 100%;}
.prod3Left{width: 48%;}
.prod3Img{width: 100%;height: 100%;position: relative;font-size: 0px;}
.prod3Img .bottom{width: 100%;height: 100%;}
.prod3Img .top{width: 100%;height: 100%;position: absolute;top:0px;left: 0;}
.prod3Img .row{width: 100%;height: 100%;display: none;}
.prod3Img .img{width: 100%;height: 100%;}
.prod3Img img{width: 100%;height: 100%;object-fit: contain;}

.prod3Right{width: 48%;border: 1px solid #ddd;padding: 5%;}
.prod3Right .title{font-size: 28px;color: #231f20;font-weight: bold;}
.prod3Right .tag{margin-top: 20px;color: var(--main-color);font-size: 14px;}
.prod3Right .tag a{color: var(--main-color);}
.prod3Right .tag a:hover{color: #999;}
.prod3Right .info{margin-top: 20px;font-size: 18px;color: #333;}
.prod3Right .info .row{display: flex;justify-content: space-between;margin: 10px 0;line-height: 1.6;}
.prod3Right .info .tit{width: 165px;}
.prod3Right .info .txt{flex: 1;}
.prod3Right .tip{color: #f00;font-size: 16px;}

.prod3Tab{width: 100%;}
.prod3Tab ul li{width: 45%;margin: 5px 0;}
.prod3Tab span{display: flex;align-items: center;cursor: pointer;font-size: 16px;color: #333;}
.prod3Tab span i{margin-right: 10px;display: inline-block;}
.prod3Tab ul li.on i{color: dodgerblue;}
.prod3Tab ul li.on i:before{content: "\f192";}

.equipment{background: url(../images/content-bg-01.jpg) center no-repeat;background-size: cover;padding: 60px 0;}
.equipmentList{margin-top: 35px;}
.equipmentList ul{margin-left: -20px;margin-right: -20px;}
.equipmentList ul li{width: 33.3%;padding: 20px;}
.equipmentList .part{display: block;width: 100%;height: 100%;background: #fff;box-shadow: var(--main-shadow);border-radius: 5px;border: 1px solid transparent;}
.equipmentList .part .img{width: 100%;height: 305px;display: flex;justify-content: center;align-items: center;}
.equipmentList .part .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.equipmentList .part .desc{width: 100%;padding: 10px;text-align: center;font-size: 18px;color: #333;line-height: 1.5;}
.equipmentList .part .tit{margin-bottom: 5px;}
.equipmentList .part:hover{border-color: var(--main-color);}

/*contact*/

.contact{background: url(../images/content-bg-01.jpg) center bottom no-repeat;background-size: cover;padding: 80px 0;}
.contact .desc{width: 40%;color: #333;}
.contact .desc .tit{font-size: 30px;color: #231f20;}
.contact .desc .tit2{font-size: 16px;color: #333;margin-top: 10px;}
.contact .desc .tel{margin-top: 20px;font-size: 18px;}
.contact .share{width: 55%;}
.contact .share a{display: inline-block;margin-right: 40px;}
.contact .share img{width: 70px;}

.contact2{width: 100%;/*height: 450px;*/background: #ddd;position: relative;overflow: hidden;}
.contact2 img{width: 100%;height: 100%;object-fit: cover;}
.contact2 p{padding: 0;line-height: 1;display: block;}
.contact2 iframe{width: 100%;}

.inside{padding: 60px 0;}
.inside img{max-width: 100%;}


@media screen and (max-width: 1200px) {
.wapper{width: 100%;padding: 0 20px;}
.proList ul li{width: 33.3%;}
.tongtu .img img{height: auto !important;}
.proList2 ul li{width: 50%;}
.prod3Left{width: 45%;}
.prod3Right{width: 53%;}
.prod3Right{padding: 20px;}
.prod3Right .info{font-size: 16px;}
.prod3Right .info .tit{width: 120px;}
.equipmentList ul li{width: 50%;}


}

@media only screen and (max-width: 980px) {
.header{ display:none}
.sp_header1{ display:block;}
.sjj_nav1{ display:block;}
.hHei{height: 70px;}
.iTit{font-size: 28px;}
.proList ul{margin: 0;}
.proList ul li{width: 50%;padding: 5px;}
.proList .part .img{height: 180px;}
.proList .part .desc{padding: 10px;}
.proList .part .tit{font-size: 16px;}
.prod1Left{width: 100%;margin-bottom: 50px;}
.prod1Right{width: 100%;}

.prod1Tit{font-size: 28px;}
.prod1Txt{font-size: 16px;}
.prod1Txt ul{font-size: 16px;}

.mainWarp{display: block;}
.mainWarp .ml{width: 100%;margin-right: 0;margin-bottom: 20px;}
.mainWarp .ml .mlMenu{top: 0;}
.mainWarp .mr{width: 100%;}

.mlMenu ul li a{font-size: 16px;}
.mrBox{padding: 20px;}
.proList2 ul{margin: 0;}
.proList2 ul li{padding: 5px;}
.proList2 .part .img{height: 180px;}
.proList2 .part .desc{padding: 10px 5px;}
.proList2 .part .tit{font-size: 16px;line-height: 1.6;}
.current a{font-size: 14px;}
.prod3Left{width: 100%;margin-bottom: 30px;}
.prod3Right{width: 100%;}
.prod3Right .info{font-size: 14px;}
.prod3Right .info .row{display: block;margin: 5px 0;}
.prod3Right .info .tit{width: 100%;margin-bottom: 10px;}
.equipmentList ul li{width: 100%;}
.contact .desc{width: 100%;margin-bottom: 30px;}
.contact .share{width: 100%;}


}