@charset "utf-8";

#ctis-loading { display: none; }
#infinite-handle {text-align: center; }
#infinite-handle .ctis-load-more { margin-top: 40px; }

/*============================
panel
============================*/
.parts_panelArea_top { position: relative; height: 640px; min-width: 1200px; overflow: hidden; background-image: url("../../imageFile/parts/global/sign_parts_topPanel_bg.jpg"); background-size: cover; z-index: 0; }
.parts_panelArea_top .catch span.md_font_bebasKai { display: block; text-align: center; margin-top: 300px; font-size: 6.25em; color: #fff; }
.parts_panelArea_top .catch span.md_font_century { display: block; text-align: center; font-size: 1.125em; color: #fff; }
.parts_panelArea_top:before { content: ''; position: absolute; width: 100%; height: 100%; background: inherit; filter: brightness(50%); z-index: -1; }

.parts_panelArea { position: relative; height: 180px; padding: 80px 0 76px; text-align: center; min-width: 1200px; display: flex; justify-content: center; align-items: center; background-image:url("../../imageFile/parts/global/sign_parts_topPanel_bg.jpg"); background-size: cover; z-index: 0; }
.parts_panelArea:before { content: ''; position: absolute; width: 100%; height: 100%; background: inherit; filter: brightness(50%); z-index: -1; }
.parts_panelArea .catch span.md_font_bebasKai { display: none; }
.parts_panelArea .catch span.md_font_century { display: none; }


/*============================
container
============================*/
.parts_container { width: 1200px; margin: 0 auto; position: relative; }

/*============================
br
============================*/
br.sp{ display: none; }

/*============================
body
============================*/
body { background: none; }

/*============================
#categoryArea
============================*/
#categoryArea { float: left; margin-top: 134px; width: 230px; }
#categoryArea .titlePlate { position: relative; padding: 14px 34px; width: 230px; height: 230px; background-image: url("../../imageFile/parts/global/sign_parts_category_bg.png"); }
#categoryArea .titlePlate .catch.curve_text {}
#categoryArea .titlePlate .catch.curve_text span {}
#categoryArea .titlePlate .title { position: absolute; top: 90px; right: 48px; font-size: 2.625em; color: #000; }
#categoryArea .titlePlate .title:after { content: ''; display: block; margin: 0 auto; border-bottom: 1px solid #000; width: 62px; }
#categoryArea .titlePlate .ja { position: absolute; top: 158px; right: 42px; font-size: 1em; color: #000; }
#categoryArea .categoryList { margin-top: 72px; width: 230px; }
#categoryArea .categoryList ul {  }
#categoryArea .categoryList ul li { display: block; border-top: 1px solid #c4c4c4; font-size: 1em; color: #424242; }
#categoryArea .categoryList ul li:last-child { border-bottom: 1px solid #c4c4c4; }
#categoryArea .categoryList ul li a { display: block; padding: 18px; width: 100%; height: 100%; }
#categoryArea .categoryList ul li a:before { content: ''; display: inline-block; margin-right: 16px; vertical-align: middle; color: #d5d5d5;  line-height: 1; width: 10px; height: 10px; border: 1px solid; border-left: 0; border-bottom: 0; box-sizing: border-box; transform: translateX(-25%) rotate(45deg); }

/*============================
#categoryAreaSP
============================*/
#categoryAreaSP { display: none; }

/*============================
#introArea
============================*/
#introArea { float: right; margin: 100px auto 0 auto; width: 910px; }
#introArea .title { }
#introArea .title img { display: block; margin: 0 auto; width: 354px; }
#introArea .title .catch.curve_text span {}
#introArea .title .main {}
#introArea .title .main img {}
#introArea .title .sub {}
#introArea .catch { text-align: center; margin-top: 40px; font-size: 1.5em; font-weight: bold; }
#introArea .catch.sp { display: none; }
#introArea .text { margin-top: 20px; font-size: 1.125em; line-height: 1.375; }

/*============================
#productListArea
============================*/
#productListArea { float: right; margin-top: 74px; width: 910px; }
#productListArea ul {}
#productListArea ul li { float: left; width: 200px; margin: 60px 36px 0 0; }
#productListArea ul li:nth-child(-n+4) { margin-top: 0; }
#productListArea ul li:nth-child(4n) { margin-right: 0; }
#productListArea ul li a { display: block; width: 100%; height: 100%; }
#productListArea ul li a .image { width: 200px; height: 200px; overflow: hidden; border: 2px solid #000; }
#productListArea ul li a .image img { width: 196px; height: 196px; }
#productListArea ul li a .category { display: inline-block; margin-top: 16px; padding: 2px 4px 1px; background-color: #888; font-size: 0.75em; color: #fff; }
#productListArea ul li a .title { height: 42px; margin-top: 10px; font-size: 1em; font-weight: bold; line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#productListArea ul li a .text { height: 52px; margin-top: 8px; font-size: 0.875em; line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
#productListArea ul li a .price { margin-top: 12px; font-weight: bold; font-size: 1.125em; }
#productListArea ul li a .price span { font-size: 0.875em; }
#productListArea .more { text-align: center; }
#productListArea .button { position: relative; display: inline-block; margin-top: 80px; min-width: 300px; font-size: 1em; font-family: century-gothic,sans-serif; font-weight: 700; font-style: normal; }
#productListArea .button:before { display: block; position: absolute; content: ""; width: 120%; height: 1px; left: -5%; top: 0; background: #aea6a1; opacity: .75; z-index: -1; }
#productListArea .button:after { display: block; position: absolute; content: ""; width: 1px; height: 150%; left: 0; top: -20%; background: #aea6a1; opacity: .75; z-index: -1; }
#productListArea .button span:before { display: block; position: absolute; content: ""; width: 120%; height: 1px; left: -5%; bottom: 0; background: #aea6a1; opacity: .75; z-index: -1; }
#productListArea .button span:after { display: block; position: absolute; content: ""; width: 1px; height: 150%; right: 0; top: -20%; background: #aea6a1; opacity: .75; z-index: -1; }
#productListArea .button a {  }

/*============================
#companyArea
============================*/
#companyArea { display: inline-block; width: 100%; margin-top: 120px; background-color: #f7f7f7; }
#companyArea ul { margin: 0 auto; padding: 58px 0; width: 1000px; }
#companyArea ul li { float: left; margin-right: 50px; width: 290px; height: 342px; background-color: #fff; box-shadow: 0px 0px 21px 6px #ebebeb; }
#companyArea ul li:last-child { margin-right: 0; }
#companyArea ul li a { display: block; padding: 30px 24px; width: 100%; height: 100%; }
#companyArea ul li a .lead { text-align: center; padding-bottom: 8px; font-weight: bold; font-size: 1.625em; }
#companyArea ul li a .lead:after { content:''; display: inline-block; border-bottom: 1px solid #bcbcbc; width: 240px;  }
#companyArea ul li:first-child .lead { padding-bottom: 14px; color: #1b5166; }
#companyArea ul li:nth-child(2) .lead { color: #b58f19; line-height: 0.8; }
#companyArea ul li:nth-child(3) .lead{ padding-bottom: 14px; color: #781b3e; }
#companyArea ul li a .lead span { font-size: 0.75em; }
#companyArea ul li a .logo {}
#companyArea ul li a .logo img { width: 100%; height: 114px; }
#companyArea ul li a .title { text-align: center; margin-top: 20px; font-weight: bold; }
#companyArea ul li a .text { margin: 8px auto; width: 210px; font-weight: regular; }

/*============================
#contactArea
============================*/
#contactArea { position: relative; background-color: #000; padding: 96px 86px; }
#contactArea:before { content: ''; position: absolute; display: block; right: 50%; width: 1px; height: 230px; background-color: #6e6e6e; }
#contactArea .title.leftArea { float: left; margin: 50px 136px; }
#contactArea .title.leftArea img { width: 354px; height: 126px; }
#contactArea .rightArea { float: right; margin-right: 166px; }
#contactArea .rightArea .title.md_font_bebasKai { font-size: 2.25em; color: #fff; }
#contactArea .rightArea .mail { margin-top: 36px; }
#contactArea .rightArea .mail a {}
#contactArea .rightArea .mail a img { width: 40px; }
#contactArea .rightArea .mail a .copy { display: inline; margin-left: 24px; font-size: 1.125em; font-weight: bold; color: #fff; }
#contactArea .rightArea .tell { margin-top: 36px; }
#contactArea .rightArea .tell a {}
#contactArea .rightArea .tell a img { width: 30px; margin: 0 0 22px 5px; }
#contactArea .rightArea .tell a .copy { display: inline-block; margin: 8px 0 0 30px; font-size: 1em; color: #fff; }
#contactArea .rightArea .tell a .copy .number.md_font_bebasKai { font-size: 1.75em; color: #fff; }
#contactArea .rightArea .tell a .copy .number span { font-size: 0.875em; }


/*============================
#productDetailPage ↓
============================*/

.md_panelArea { height: 180px; }
.md_panelArea .catch { display: none; }

#productDetailArea { float: right; width: 910px; margin-top: 134px; }
#productDetailArea .imageArea {  }
#productDetailArea .imageArea .swiper-main { overflow: hidden; width: 910px; height: 540px; background-color: #000; }
#productDetailArea .imageArea .swiper-main {}
#productDetailArea .imageArea .swiper-main .swiper-slide {}
#productDetailArea .imageArea .swiper-main .swiper-slide img { display: block; margin: 0 auto; max-height: 540px; }
#productDetailArea .imageArea .swiper.swiper-thumb {}
#productDetailArea .imageArea .swiper-thumb { margin-top: 30px; }
#productDetailArea .imageArea .swiper-thumb .swiper-wrapper { display: block; }
#productDetailArea .imageArea .swiper-thumb .swiper-slide { float: left; width: 150px!important; cursor: pointer; }
#productDetailArea .imageArea .swiper-thumb .swiper-slide:nth-child(5n) { margin-right: 0!important; }
#productDetailArea .imageArea .swiper-thumb .swiper-slide:nth-child(n+6) { margin-top: 40px; }
#productDetailArea .imageArea .swiper-thumb .swiper-slide .thumb-media { position: relative; overflow: hidden; width: 150px; height: 150px; }
#productDetailArea .imageArea .swiper-thumb .swiper-slide .thumb-media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
#productDetailArea .imageArea .swiper-slide-thumb-active { opacity: 0.3; }
#productDetailArea .imageArea .swiper-thumb .swiper-scrollbar { display: block!important; }

#productDetailArea .detailArea { margin-top: 38px; }
#productDetailArea .detailArea .category { display: inline-block; padding: 2px 4px; background-color: #888; color: #fff; font-size: 1em; }
#productDetailArea .detailArea .title { margin-top: 14px; font-size: 1.5em; font-weight: bold; }
#productDetailArea .detailArea .text { margin-top: 20px; font-size: 1.125em; line-height: 1.375; }
#productDetailArea .detailArea .price { float: right; font-size: 1em; }
#productDetailArea .detailArea .price span { font-size: 2.25em; }
#productDetailArea .dataArea { margin-top: 60px; }
#productDetailArea .dataArea table { width: 100%; }
#productDetailArea .dataArea table tbody {}
#productDetailArea .dataArea table tbody tr { border-top: 2px solid #000; }
#productDetailArea .dataArea table tbody tr:last-child { border-bottom: 2px solid #000; }
#productDetailArea .dataArea table tbody tr th { vertical-align: middle; width: 16%; padding: 22px; font-weight: bold; font-size: 1.125em; }
#productDetailArea .dataArea table tbody tr td { width: 80%; padding: 22px; font-weight: regular; line-height: 1.25; }
#productDetailArea .buyArea {}
#productDetailArea .buyArea .button { margin-top: 60px; display: flex; align-items: center; justify-content: center; gap: 40px; }
#productDetailArea .buyArea .button .md_btn_main::before { content: none; }
#productDetailArea .buyArea .button .md_btn_main::after { content: none; }
#productDetailArea .buyArea .button .md_btn_main span::before { content: none; }
#productDetailArea .buyArea .button .md_btn_main span::after { content: none; }
#productDetailArea .buyArea .button .md_btn_main span img  { width: 22px; height: auto; margin-right: 5px; }

#productDetailArea .buyArea .shop { position: relative; margin-top: 100px; padding: 38px 74px; width: 910px; height: 140px; border: 1px solid #000; }
#productDetailArea .buyArea .shop .inner:before { content: ''; position: absolute; right: 42%; border-left: 1px solid #a5a5a5; height: 64px; }
#productDetailArea .buyArea .shop .leftArea { float: left; }
#productDetailArea .buyArea .shop .leftArea img { margin-right: 34px; }
#productDetailArea .buyArea .shop .leftArea .title { display: inline; position: absolute; top: 28px; font-size: 1.125em; font-weight: bold; }
#productDetailArea .buyArea .shop .leftArea .title span { font-size: 1.5em;  }
#productDetailArea .buyArea .shop .leftArea .copy { display: inline-block; position: absolute; top: 66px; }
#productDetailArea .buyArea .shop .leftArea .copy span { font-size: 0.875em; }
#productDetailArea .buyArea .shop .rightArea { float: right; margin-right: 70px; }
#productDetailArea .buyArea .shop .rightArea .number { font-size: 2.375em; letter-spacing: 0.1; }
#productDetailArea .buyArea .shop .rightArea .text { font-size: 1em; }
#productDetailArea .map { margin-top: 60px; border: 1px solid #000; }
#productDetailArea .map iframe { width: 910px; height: 450px; }

/*============================
#categoryListPage ↓
============================*/
#productListArea .categoryTitle { font-size: 1.75em; font-weight: bold; color: #3b3b3b; }
#productListArea .categoryTitleEn { font-size: 1em; color: #626262; margin-top: 6px; letter-spacing: 0.03em; }

#productListArea.categoryListShikkui { margin-top: 134px; }
#productListArea ul { margin-top: 50px; }