@charset "UTF-8";
.jost { font-family: "Jost"; }

.italic { font-style: italic; }

main.lang_en { font-family: "font02"; }

/*scrollItem
---------------------------------------------------------------------------*/
/*js
-----------------------------------------------------------------------------*/
.tran, .scrollListItem, .scrollItem, .scrollAllList > * { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }

.fadein { opacity: 0; }
.fadein.scrollActive { opacity: 1; }
.fadeout { opacity: 1; }
.fadeout.scrollActive { opacity: 0; }
.fadeTop { translate: 0 1.7857142857rem; }
.fadeTop.scrollActive { translate: 0 0; }
.fadeBottom { translate: 0 -1.7857142857rem; }
.fadeBottom.scrollActive { translate: 0 0; }
.fadeRight { translate: 1.7857142857rem 0; }
.fadeRight.scrollActive { translate: 0 0; }
.fadeRight100 { translate: 100% 0; }
.fadeRight100.scrollActive { translate: 0 0; }
.fadeLeft { translate: -1.7857142857rem 0; }
.fadeLeft.scrollActive { translate: 0 0; }
.fadeLeft100 { translate: -100% 0; }
.fadeLeft100.scrollActive { translate: 0 0; }

.scaleUp { scale: 0.97 0.97; }
.scaleUp.scrollActive { scale: 1 1; }
.scaleUp00 { scale: 0 0; }
.scaleUp00.scrollActive { scale: 1 1; }
.scaleUp02 { scale: 0.8 0.8; }
.scaleUp02.scrollActive { scale: 1 1; }
.scaleX00 { scale: 0 1; }
.scaleX00.scrollActive { scale: 1 1; }
.scaleY00 { scale: 1 0; }
.scaleY00.scrollActive { scale: 1 1; }
.scaleDown { scale: 1.1 1.1; }
.scaleDown.scrollActive { scale: 1 1; }

.clip_path { overflow: hidden; }
.clip_path .clip_in { display: inline-block; clip-path: inset(0 100% 0 0); }
.clip_path.scrollActive .clip_in { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; clip-path: inset(0 0 0 0); }

.panelX { scale: 0 1; }
.panelX.scrollActive { scale: 1 1; }

.panel { -webkit-transform: translate(0, 1.4285714286rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); -ms-transform: translate(0, 1.4285714286rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); transform: translate(0, 1.4285714286rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); }
.panel.scrollActive { -webkit-transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); -ms-transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); }

.scrollAllList.allFadeIn > * { opacity: 0; }
.scrollAllList.allFadeIn > *.scrollActive { opacity: 1; }
.scrollAllList.allFadeTop > * { translate: 0 1.7857142857rem; }
.scrollAllList.allFadeTop > *.scrollActive { translate: 0 0; }
.scrollAllList.allFadeRight > * { translate: 1.7857142857rem 0; }
.scrollAllList.allFadeRight > *.scrollActive { translate: 0 0; }
.scrollAllList.allFadeLeft > * { translate: -1.7857142857rem 0; }
.scrollAllList.allFadeLeft > *.scrollActive { translate: 0 0; }
.scrollAllList.allFadeRight100 > * { translate: 100% 0; }
.scrollAllList.allFadeRight100 > *.scrollActive { translate: 0 0; }
.scrollAllList.allFadeLeft100 > * { translate: -100% 0; }
.scrollAllList.allFadeLeft100 > *.scrollActive { translate: 0 0; }
.scrollAllList.allScaleDown > * { scale: 1.1 1.1; }
.scrollAllList.allScaleDown > *.scrollActive { scale: 1 1; }

/*loading
---------------------------------------------------------------------------*/
.pace-running #wrapper { display: none; }

.pace { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2000; position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; height: 1px; width: 160px; background: #fff; border: none; overflow: hidden; }
.pace .pace-progress { box-sizing: border-box; transform: translate3d(0, 0, 0); max-width: 300px; z-index: 2000; display: block; position: absolute; top: 0; right: 100%; height: 100%; width: 100%; background: #ccc; }
.pace.pace-inactive { display: none; }

body:not(.pace-done)::after { content: ""; display: block; width: 157px; height: 24px; background: url("../../../common/img/logo.png"); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -400%); }
body:not(.pace-done)::before { display: block; position: fixed; width: 100%; text-align: center; top: 49%; left: 50%; transform: translate(-50%, -200%); font-family: "Jost"; font-size: 1em; content: "TAICHI RIDING GEAR COLLECTION 2025 SPRING & SUMMER"; font-family: "Noto Sans JP", "Noto Sans SC", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; font-size: .8em; }

/*simplebar
---------------------------*/
.simplebar-track.simplebar-horizontal { background: #EEEEEE; height: 7px; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar { top: 0; height: 0.5rem; cursor: pointer; }
.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before { background: #111111; }

@keyframes LoopSlideRight { 0% { transform: translate(0, 0); }
  100% { transform: translate(200%, 0); } }
@keyframes LoopSlideLeft { 0% { transform: translate(0, 0); }
  100% { transform: translate(-200%, 0); } }
video { vertical-align: bottom; }

main { overflow: clip; }

.inner { margin: auto; }
@media print, screen and (min-width: 768px) { .inner { width: 84%; } }

@media print, screen and (min-width: 768px) { header.header_2025 { margin-top: -5.78vw; } }
@media only screen and (max-width: 767px) { header.header_2025 { margin-top: -17.76vw; } }

.sub_sec_tit { color: #fff; font-size: 0.86rem; font-weight: 300; letter-spacing: 500; }

/*lp_header
-----------------------*/
#lp_header { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; }
#lp_header .mv_logo { width: 12.5rem; }
#lp_header .mv_logo a { width: 100%; }
#lp_header .mv_logo svg { fill: #111111; }
@media print, screen and (min-width: 768px) { #lp_header { padding-top: 2.86rem; }
  #lp_header .mv_logo { margin-left: 3.57%; width: 12.5rem; } }
@media only screen and (max-width: 767px) { #lp_header { padding-top: 11.68vw; }
  #lp_header .mv_logo { margin: 0 auto; } }

/*mv
-----------------------*/
#mv { position: relative; width: 100%; min-height: 100vh; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
#mv::before { position: absolute; top: 0; left: 0; z-index: -2; width: 100%; height: 100%; content: ""; display: block; background-size: cover; }
#mv .mv_txt_area { color: #fff; }
#mv .mv_tit { font-size: 2.86rem; font-weight: 600; margin-bottom: 2.1428571429rem; white-space: nowrap; }
#mv .page_copy { font-size: 0.86rem; font-weight: 300; line-height: 1.5; margin-top: calc(0px - (((1em*1.5) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.5) - 1em)/2)); }
@media print, screen and (min-width: 768px) { #mv { aspect-ratio: 1400/904; align-items: flex-end; padding-bottom: 11.93rem; }
  #mv::before { background-image: url("../img/mv_bg.jpg"); }
  #mv .mv_txt_area { margin-bottom: 3.57rem; margin-left: 5.21rem; }
  #mv .mp4Mv { width: 72.29%; aspect-ratio: 16/9; margin: 0 3.57rem 0 -8.07rem; } }
@media only screen and (max-width: 767px) { #mv { aspect-ratio: 428/816; -webkit-flex-direction: column; flex-direction: column; }
  #mv .mp4Mv { order: -1; width: 88.3177570093vw; margin: 76.64vw auto 11.92vw; }
  #mv .mv_txt_area { margin-left: 5.84vw; }
  #mv::before { background-image: url("../img/mv_bg_sp.jpg"); } }

/*mv
-----------------------*/
#intro_img_area { position: relative; }
@media print, screen and (min-width: 768px) { #intro_img_area { padding: 14.29rem 0; }
  #intro_img_area .mv_img:not(.mv_img011) { position: relative; }
  #intro_img_area .mv_img01 { width: 44.43%; }
  #intro_img_area .mv_img02 { width: 45.43%; margin: -68.36rem 3.79rem 0 auto; }
  #intro_img_area .mv_img03 { width: 24.71%; margin: 5.86rem 0 0 auto; }
  #intro_img_area .mv_img04 { width: 27.43%; margin: -15.14rem 0 0 41.21rem; }
  #intro_img_area .mv_img05 { width: 100%; margin: 7rem 0 0 0; }
  #intro_img_area .mv_img06 { width: 27.14%; margin: 4.14rem 0 0 6.71rem; }
  #intro_img_area .mv_img07 { width: 44.36%; margin: -46.86rem 0 0 auto; z-index: -1; }
  #intro_img_area .mv_img08 { width: 28.5%; margin: -29.07rem 0 0 24.29rem; }
  #intro_img_area .mv_img09 { width: 29.93%; margin: 10.14rem 0 0 0; } }
@media only screen and (max-width: 767px) { #intro_img_area { padding: 16.36vw 0 23.36vw; }
  #intro_img_area .mv_img { position: relative; }
  #intro_img_area .mv_img01 { width: 62.85vw; }
  #intro_img_area .mv_img02 { width: 34.95vw; margin: -23.36vw 5.84vw 0 auto; }
  #intro_img_area .mv_img03 { width: 62.62vw; margin: 58.41vw 0 0 auto; }
  #intro_img_area .mv_img04 { width: 63.08vw; margin: -35.05vw 27.94vw 0 auto; }
  #intro_img_area .mv_img05 { width: 100%; margin: -21.03vw 0 0 0; }
  #intro_img_area .mv_img06 { width: 41.12vw; margin: 49.23vw 5.84vw 0 auto; }
  #intro_img_area .mv_img07 { width: 41.12vw; margin: -42.06vw 5.84vw 0 auto; z-index: 1; }
  #intro_img_area .mv_img08 { width: 78.5vw; margin: -23.36vw 0 0 5.84vw; }
  #intro_img_area .mv_img09 { width: 49.07vw; margin-top: 5.84vw; } }

/*intro
-----------------------*/
#intro { color: #fff; background-size: cover; position: sticky; top: 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; }
#intro .intro_tit { font-size: 2.43rem; font-weight: 700; line-height: 1.5294117647; margin-top: calc(0px - (((1em*1.5294117647) - 1em)/2)); margin-bottom: calc(0px - (((1em*1.5294117647) - 1em)/2)); }
#intro .sub_sec_tit { margin-bottom: 4.67vw; }
#intro .txt_area .txt { font-size: 1rem; font-weight: 40; line-height: 2; margin-top: calc(0px - (((1em*2) - 1em)/2)); }
#intro .txt_area .txt:last-child { margin-bottom: calc(0px - (((1em*2) - 1em)/2)); }
#intro .txt_area .txt:not(:last-child) { margin-bottom: calc(3em - (((1em*2) - 1em)/2)); }
@media print, screen and (min-width: 768px) { #intro { background-image: url("../img/intro_bg.jpg"); height: 100vh; }
  #intro .intro_area { width: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; }
  #intro .tit_area { margin-left: 11.6428571429rem; }
  #intro .sub_sec_tit { margin-bottom: 1.43rem; }
  #intro .txt_area { margin-right: 21.79rem; width: 26.43rem; } }
@media only screen and (max-width: 767px) { #intro { position: sticky; top: 0; background-image: url("../img/intro_bg_sp.jpg"); min-height: 100vh; width: 100%; aspect-ratio: 428/792; }
  #intro .intro_area { width: 88.3177570093vw; margin: auto; }
  #intro .tit_area { margin-bottom: 9.35vw; } }

/*features_section
-----------------------*/
.features_section { background-color: #111; color: #fff; position: sticky; top: 0; }
.features_section .sec_tit_area { margin: 0 auto 2.14rem; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; }
.features_section .features_tit { color: #222; font-weight: 700; }
.features_section .sec_tit { font-size: 2.43rem; letter-spacing: 0.05em; font-weight: 700; }
.features_section .features_item .txt_area .list_tit { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; font-size: 1.14rem; font-weight: 700; letter-spacing: 0.05em; margin-bottom: 0.7857142857rem; }
.features_section .features_item .txt_area .no { font-size: 0.86rem; font-weight: 300; letter-spacing: 0.05em; margin-right: 0.71rem; }
.features_section .features_item .txt_area .txt { font-size: 0.93rem; font-weight: 400; letter-spacing: 0.05em; line-height: 2.4615384615; }
@media print, screen and (min-width: 768px) { .features_section { padding: 0 0 50vh; height: 150vh; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; }
  .features_section .sec_tit_area { width: 92.86%; -webkit-align-items: center; align-items: center; }
  .features_section .features_tit { font-size: 8.57rem; }
  .features_section .features_no { margin-bottom: 1.07rem; }
  .features_section .features_list { margin-right: -0.71rem; }
  .features_section .features_item { margin-right: 0.71rem; }
  .features_section .features_item .txt_area { width: 86.96%; margin: auto; }
  .features_section .features_item_img { margin-bottom: 2.14rem; width: 100%; aspect-ratio: 16/9; } }
@media only screen and (max-width: 767px) { .features_section { padding: 23.36vw 0 0; width: 100%; min-height: 100vh; aspect-ratio: 428/781; }
  .features_section .sec_tit_area { width: 88.3177570093vw; align-items: flex-end; white-space: nowrap; }
  .features_section .features_tit { text-align: right; font-size: 2.86rem; }
  .features_section .features_no { margin-bottom: 1.07rem; }
  .features_section .features_list { padding-left: 5.84vw; }
  .features_section .slick-list { padding-right: 15.65vw; }
  .features_section .features_item { margin-right: 4.67vw; }
  .features_section .features_item .txt_area { margin: auto; }
  .features_section .features_item_img { margin-bottom: 4.67vw; width: 100%; aspect-ratio: 16/9; } }

/*bridge_area
-----------------------*/
.bridge_area { background: #111; color: #fff; }
.bridge_area .loop_txt { padding: 1.43rem 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; font-size: 1rem; font-weight: 300; letter-spacing: 0.05em; }
.bridge_area .loop_txt span { white-space: nowrap; }
.bridge_area .loop_txt span::before { content: '　|　'; }
.bridge_area .loop_txt:nth-of-type(odd) { justify-content: flex-end; }
.bridge_area .loop_txt:nth-of-type(odd) span { animation: LoopSlideRight 25s linear 0s infinite normal forwards; }
.bridge_area .loop_txt:nth-of-type(even) span { animation: LoopSlideLeft 25s linear 0s infinite normal forwards; }

/*coordinate_wrap
-----------------------*/
.coordinate_wrap { background: #fff; position: relative; }
.coordinate_wrap .sec_tit_area { position: relative; }
.coordinate_wrap .sub_sec_tit { color: #111; }
.coordinate_wrap .product_name { font-weight: 700; }
.coordinate_wrap .features_area { position: relative; }
.coordinate_wrap .features_area .tit { font-size: 0.86rem; font-weight: 300; margin-bottom: 0.71rem; }
.coordinate_wrap .features_area .txt { font-size: 1rem; font-weight: 400; letter-spacing: 0.05em; line-height: 2.2857142857; }
.coordinate_wrap .function_area .slider_option_box { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; margin-bottom: 1.43rem; }
.coordinate_wrap .function_area .slider_option_box .tit { font-size: 0.86rem; font-weight: 300; letter-spacing: 0.05em; }
.coordinate_wrap .function_area .slider_option { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.coordinate_wrap .function_area .slider_option .slider_no { order: -1; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-right: 0.71rem; font-size: 0.86rem; font-weight: 300; }
.coordinate_wrap .function_area .slider_option .slider_no::before { content: ""; display: block; width: 0.71rem; height: 1px; background-color: #111; margin: 0 0.71rem; }
.coordinate_wrap .function_area .slider_option .slider_no .current { order: -1; }
.coordinate_wrap .function_area .slider_option .slick-prev { margin-right: 0.5rem; }
.coordinate_wrap .function_area .slider_option .slick-prev::after { scale: -1 1; }
.coordinate_wrap .function_area .slick-arrow { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; font-size: 1rem; border-radius: 0; font-size: 0; border-radius: 100vh; aspect-ratio: 40/20; width: 2.86rem; background-color: #111; cursor: pointer; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; }
.coordinate_wrap .function_area .slick-arrow::after { content: ""; display: block; background-size: 100% 100%; width: 0.86rem; aspect-ratio: 12/8; background-image: url("../../../common/img_2025/icon_vector_wh.svg"); }
.coordinate_wrap .function_area .list_item { margin-right: 1.43rem; }
.coordinate_wrap .function_area .list_item .list_img { margin-bottom: 1.14rem; }
.coordinate_wrap .function_area .list_item .txt { font-size: 0.93rem; font-weight: 400; letter-spacing: 0.05em; line-height: 2; }
.coordinate_wrap .color_area .area_tit { font-size: 0.86rem; font-weight: 300; letter-spacing: 0.05em; margin-bottom: 1.43rem; }
.coordinate_wrap .color_area .color_img { background-color: #F7F7F7; }
.coordinate_wrap .color_area .color_img img { width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%; font-family: "object-fit:contain; object-position:50% 50%; "; mix-blend-mode: darken; }
.coordinate_wrap .color_area .color_no { font-size: 0.86rem; font-weight: 300; letter-spacing: 0.05em; }
.coordinate_wrap .color_area .color_btn_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2.14rem; }
.coordinate_wrap .color_area .color_btn { all: unset; border-radius: 50%; width: 1.71rem; aspect-ratio: 1/1; border: 0.14rem solid #ddd; cursor: pointer; }
.coordinate_wrap .color_area .color_btn:not(:last-child) { margin-right: 1.07rem; }
.coordinate_wrap .color_area .color_btn.black { background-color: #111111; }
.coordinate_wrap .color_area .color_btn.black-black { background: linear-gradient(90deg, #111111 0%, #111111 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.black-gunmetal { background: linear-gradient(90deg, #111111 0%, #111111 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.black-white { background: linear-gradient(90deg, #111111 0%, #111111 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.black-gray { background: linear-gradient(90deg, #111111 0%, #111111 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.black-eaglegray { background: linear-gradient(90deg, #111111 0%, #111111 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.black-red { background: linear-gradient(90deg, #111111 0%, #111111 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.black-yellow { background: linear-gradient(90deg, #111111 0%, #111111 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.black-charcoal { background: linear-gradient(90deg, #111111 0%, #111111 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.black-lightgray { background: linear-gradient(90deg, #111111 0%, #111111 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.black-beige { background: linear-gradient(90deg, #111111 0%, #111111 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.black-coyote { background: linear-gradient(90deg, #111111 0%, #111111 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.black-darkkhaki { background: linear-gradient(90deg, #111111 0%, #111111 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.black-heathergray { background: linear-gradient(90deg, #111111 0%, #111111 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.black-armygreen { background: linear-gradient(90deg, #111111 0%, #111111 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.black-chino { background: linear-gradient(90deg, #111111 0%, #111111 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.black-khaki { background: linear-gradient(90deg, #111111 0%, #111111 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.black-navy { background: linear-gradient(90deg, #111111 0%, #111111 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.black-neon { background: linear-gradient(90deg, #111111 0%, #111111 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.black-retroblue { background: linear-gradient(90deg, #111111 0%, #111111 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.black-ivory { background: linear-gradient(90deg, #111111 0%, #111111 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.black-burgundy { background: linear-gradient(90deg, #111111 0%, #111111 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.black-stealthblack { background: linear-gradient(90deg, #111111 0%, #111111 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.black-cream { background: linear-gradient(90deg, #111111 0%, #111111 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal { background-color: #4F535B; }
.coordinate_wrap .color_area .color_btn.gunmetal-black { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-gunmetal { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-white { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-gray { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-eaglegray { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-red { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-yellow { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-charcoal { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-lightgray { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-beige { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-coyote { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-darkkhaki { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-heathergray { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-armygreen { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-chino { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-khaki { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-navy { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-neon { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-retroblue { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-ivory { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-burgundy { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-stealthblack { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.gunmetal-cream { background: linear-gradient(90deg, #4F535B 0%, #4F535B 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.white { background-color: #fff; }
.coordinate_wrap .color_area .color_btn.white-black { background: linear-gradient(90deg, #fff 0%, #fff 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.white-gunmetal { background: linear-gradient(90deg, #fff 0%, #fff 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.white-white { background: linear-gradient(90deg, #fff 0%, #fff 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.white-gray { background: linear-gradient(90deg, #fff 0%, #fff 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.white-eaglegray { background: linear-gradient(90deg, #fff 0%, #fff 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.white-red { background: linear-gradient(90deg, #fff 0%, #fff 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.white-yellow { background: linear-gradient(90deg, #fff 0%, #fff 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.white-charcoal { background: linear-gradient(90deg, #fff 0%, #fff 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.white-lightgray { background: linear-gradient(90deg, #fff 0%, #fff 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.white-beige { background: linear-gradient(90deg, #fff 0%, #fff 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.white-coyote { background: linear-gradient(90deg, #fff 0%, #fff 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.white-darkkhaki { background: linear-gradient(90deg, #fff 0%, #fff 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.white-heathergray { background: linear-gradient(90deg, #fff 0%, #fff 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.white-armygreen { background: linear-gradient(90deg, #fff 0%, #fff 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.white-chino { background: linear-gradient(90deg, #fff 0%, #fff 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.white-khaki { background: linear-gradient(90deg, #fff 0%, #fff 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.white-navy { background: linear-gradient(90deg, #fff 0%, #fff 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.white-neon { background: linear-gradient(90deg, #fff 0%, #fff 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.white-retroblue { background: linear-gradient(90deg, #fff 0%, #fff 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.white-ivory { background: linear-gradient(90deg, #fff 0%, #fff 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.white-burgundy { background: linear-gradient(90deg, #fff 0%, #fff 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.white-stealthblack { background: linear-gradient(90deg, #fff 0%, #fff 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.white-cream { background: linear-gradient(90deg, #fff 0%, #fff 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.gray { background-color: #959494; }
.coordinate_wrap .color_area .color_btn.gray-black { background: linear-gradient(90deg, #959494 0%, #959494 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.gray-gunmetal { background: linear-gradient(90deg, #959494 0%, #959494 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.gray-white { background: linear-gradient(90deg, #959494 0%, #959494 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.gray-gray { background: linear-gradient(90deg, #959494 0%, #959494 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.gray-eaglegray { background: linear-gradient(90deg, #959494 0%, #959494 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.gray-red { background: linear-gradient(90deg, #959494 0%, #959494 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.gray-yellow { background: linear-gradient(90deg, #959494 0%, #959494 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.gray-charcoal { background: linear-gradient(90deg, #959494 0%, #959494 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.gray-lightgray { background: linear-gradient(90deg, #959494 0%, #959494 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.gray-beige { background: linear-gradient(90deg, #959494 0%, #959494 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.gray-coyote { background: linear-gradient(90deg, #959494 0%, #959494 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.gray-darkkhaki { background: linear-gradient(90deg, #959494 0%, #959494 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.gray-heathergray { background: linear-gradient(90deg, #959494 0%, #959494 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.gray-armygreen { background: linear-gradient(90deg, #959494 0%, #959494 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.gray-chino { background: linear-gradient(90deg, #959494 0%, #959494 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.gray-khaki { background: linear-gradient(90deg, #959494 0%, #959494 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.gray-navy { background: linear-gradient(90deg, #959494 0%, #959494 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.gray-neon { background: linear-gradient(90deg, #959494 0%, #959494 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.gray-retroblue { background: linear-gradient(90deg, #959494 0%, #959494 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.gray-ivory { background: linear-gradient(90deg, #959494 0%, #959494 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.gray-burgundy { background: linear-gradient(90deg, #959494 0%, #959494 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.gray-stealthblack { background: linear-gradient(90deg, #959494 0%, #959494 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.gray-cream { background: linear-gradient(90deg, #959494 0%, #959494 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray { background-color: #5B5F6A; }
.coordinate_wrap .color_area .color_btn.eaglegray-black { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-gunmetal { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-white { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-gray { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-eaglegray { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-red { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-yellow { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-charcoal { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-lightgray { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-beige { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-coyote { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-darkkhaki { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-heathergray { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-armygreen { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-chino { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-khaki { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-navy { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-neon { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-retroblue { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-ivory { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-burgundy { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-stealthblack { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.eaglegray-cream { background: linear-gradient(90deg, #5B5F6A 0%, #5B5F6A 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.red { background-color: #D50000; }
.coordinate_wrap .color_area .color_btn.red-black { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.red-gunmetal { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.red-white { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.red-gray { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.red-eaglegray { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.red-red { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.red-yellow { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.red-charcoal { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.red-lightgray { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.red-beige { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.red-coyote { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.red-darkkhaki { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.red-heathergray { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.red-armygreen { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.red-chino { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.red-khaki { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.red-navy { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.red-neon { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.red-retroblue { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.red-ivory { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.red-burgundy { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.red-stealthblack { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.red-cream { background: linear-gradient(90deg, #D50000 0%, #D50000 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.yellow { background-color: #ffff00; }
.coordinate_wrap .color_area .color_btn.yellow-black { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.yellow-gunmetal { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.yellow-white { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.yellow-gray { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.yellow-eaglegray { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.yellow-red { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.yellow-yellow { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.yellow-charcoal { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.yellow-lightgray { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.yellow-beige { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.yellow-coyote { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.yellow-darkkhaki { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.yellow-heathergray { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.yellow-armygreen { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.yellow-chino { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.yellow-khaki { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.yellow-navy { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.yellow-neon { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.yellow-retroblue { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.yellow-ivory { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.yellow-burgundy { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.yellow-stealthblack { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.yellow-cream { background: linear-gradient(90deg, #ffff00 0%, #ffff00 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.charcoal { background-color: #383F45; }
.coordinate_wrap .color_area .color_btn.charcoal-black { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-gunmetal { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-white { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-gray { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-eaglegray { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-red { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-yellow { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-charcoal { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-lightgray { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-beige { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-coyote { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-darkkhaki { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-heathergray { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-armygreen { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-chino { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-khaki { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-navy { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-neon { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-retroblue { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-ivory { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-burgundy { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-stealthblack { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.charcoal-cream { background: linear-gradient(90deg, #383F45 0%, #383F45 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.lightgray { background-color: #D3D3D3; }
.coordinate_wrap .color_area .color_btn.lightgray-black { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-gunmetal { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-white { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-gray { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-eaglegray { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-red { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-yellow { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-charcoal { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-lightgray { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-beige { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-coyote { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-darkkhaki { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-heathergray { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-armygreen { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-chino { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-khaki { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-navy { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-neon { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-retroblue { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-ivory { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-burgundy { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-stealthblack { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.lightgray-cream { background: linear-gradient(90deg, #D3D3D3 0%, #D3D3D3 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.beige { background-color: #E7D0A9; }
.coordinate_wrap .color_area .color_btn.beige-black { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.beige-gunmetal { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.beige-white { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.beige-gray { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.beige-eaglegray { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.beige-red { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.beige-yellow { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.beige-charcoal { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.beige-lightgray { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.beige-beige { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.beige-coyote { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.beige-darkkhaki { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.beige-heathergray { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.beige-armygreen { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.beige-chino { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.beige-khaki { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.beige-navy { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.beige-neon { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.beige-retroblue { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.beige-ivory { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.beige-burgundy { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.beige-stealthblack { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.beige-cream { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.coyote { background-color: #81613C; }
.coordinate_wrap .color_area .color_btn.coyote-black { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.coyote-gunmetal { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.coyote-white { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.coyote-gray { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.coyote-eaglegray { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.coyote-red { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.coyote-yellow { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.coyote-charcoal { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.coyote-lightgray { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.coyote-beige { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.coyote-coyote { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.coyote-darkkhaki { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.coyote-heathergray { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.coyote-armygreen { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.coyote-chino { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.coyote-khaki { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.coyote-navy { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.coyote-neon { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.coyote-retroblue { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.coyote-ivory { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.coyote-burgundy { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.coyote-stealthblack { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.coyote-cream { background: linear-gradient(90deg, #81613C 0%, #81613C 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki { background-color: #4B4840; }
.coordinate_wrap .color_area .color_btn.darkkhaki-black { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-gunmetal { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-white { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-gray { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-eaglegray { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-red { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-yellow { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-charcoal { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-lightgray { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-beige { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-coyote { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-darkkhaki { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-heathergray { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-armygreen { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-chino { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-khaki { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-navy { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-neon { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-retroblue { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-ivory { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-burgundy { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-stealthblack { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.darkkhaki-cream { background: linear-gradient(90deg, #4B4840 0%, #4B4840 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.heathergray { background-color: #eeeeee; }
.coordinate_wrap .color_area .color_btn.heathergray-black { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-gunmetal { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-white { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-gray { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-eaglegray { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-red { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-yellow { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-charcoal { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-lightgray { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-beige { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-coyote { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-darkkhaki { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-heathergray { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-armygreen { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-chino { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-khaki { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-navy { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-neon { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-retroblue { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-ivory { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-burgundy { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-stealthblack { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.heathergray-cream { background: linear-gradient(90deg, #eeeeee 0%, #eeeeee 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.armygreen { background-color: #67695F; }
.coordinate_wrap .color_area .color_btn.armygreen-black { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-gunmetal { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-white { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-gray { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-eaglegray { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-red { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-yellow { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-charcoal { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-lightgray { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-beige { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-coyote { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-darkkhaki { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-heathergray { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-armygreen { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-chino { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-khaki { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-navy { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-neon { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-retroblue { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-ivory { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-burgundy { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-stealthblack { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.armygreen-cream { background: linear-gradient(90deg, #67695F 0%, #67695F 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.chino { background-color: #E7D0A9; }
.coordinate_wrap .color_area .color_btn.chino-black { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.chino-gunmetal { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.chino-white { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.chino-gray { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.chino-eaglegray { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.chino-red { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.chino-yellow { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.chino-charcoal { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.chino-lightgray { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.chino-beige { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.chino-coyote { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.chino-darkkhaki { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.chino-heathergray { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.chino-armygreen { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.chino-chino { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.chino-khaki { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.chino-navy { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.chino-neon { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.chino-retroblue { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.chino-ivory { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.chino-burgundy { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.chino-stealthblack { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.chino-cream { background: linear-gradient(90deg, #E7D0A9 0%, #E7D0A9 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.khaki { background-color: #6F6329; }
.coordinate_wrap .color_area .color_btn.khaki-black { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.khaki-gunmetal { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.khaki-white { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.khaki-gray { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.khaki-eaglegray { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.khaki-red { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.khaki-yellow { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.khaki-charcoal { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.khaki-lightgray { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.khaki-beige { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.khaki-coyote { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.khaki-darkkhaki { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.khaki-heathergray { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.khaki-armygreen { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.khaki-chino { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.khaki-khaki { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.khaki-navy { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.khaki-neon { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.khaki-retroblue { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.khaki-ivory { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.khaki-burgundy { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.khaki-stealthblack { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.khaki-cream { background: linear-gradient(90deg, #6F6329 0%, #6F6329 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.navy { background-color: #32628A; }
.coordinate_wrap .color_area .color_btn.navy-black { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.navy-gunmetal { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.navy-white { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.navy-gray { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.navy-eaglegray { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.navy-red { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.navy-yellow { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.navy-charcoal { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.navy-lightgray { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.navy-beige { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.navy-coyote { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.navy-darkkhaki { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.navy-heathergray { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.navy-armygreen { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.navy-chino { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.navy-khaki { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.navy-navy { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.navy-neon { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.navy-retroblue { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.navy-ivory { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.navy-burgundy { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.navy-stealthblack { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.navy-cream { background: linear-gradient(90deg, #32628A 0%, #32628A 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.neon { background-color: #ccde83; }
.coordinate_wrap .color_area .color_btn.neon-black { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.neon-gunmetal { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.neon-white { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.neon-gray { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.neon-eaglegray { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.neon-red { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.neon-yellow { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.neon-charcoal { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.neon-lightgray { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.neon-beige { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.neon-coyote { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.neon-darkkhaki { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.neon-heathergray { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.neon-armygreen { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.neon-chino { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.neon-khaki { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.neon-navy { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.neon-neon { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.neon-retroblue { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.neon-ivory { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.neon-burgundy { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.neon-stealthblack { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.neon-cream { background: linear-gradient(90deg, #ccde83 0%, #ccde83 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.retroblue { background-color: #86a5aa; }
.coordinate_wrap .color_area .color_btn.retroblue-black { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-gunmetal { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-white { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-gray { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-eaglegray { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-red { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-yellow { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-charcoal { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-lightgray { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-beige { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-coyote { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-darkkhaki { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-heathergray { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-armygreen { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-chino { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-khaki { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-navy { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-neon { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-retroblue { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-ivory { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-burgundy { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-stealthblack { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.retroblue-cream { background: linear-gradient(90deg, #86a5aa 0%, #86a5aa 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.ivory { background-color: #d5cece; }
.coordinate_wrap .color_area .color_btn.ivory-black { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.ivory-gunmetal { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.ivory-white { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.ivory-gray { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.ivory-eaglegray { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.ivory-red { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.ivory-yellow { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.ivory-charcoal { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.ivory-lightgray { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.ivory-beige { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.ivory-coyote { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.ivory-darkkhaki { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.ivory-heathergray { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.ivory-armygreen { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.ivory-chino { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.ivory-khaki { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.ivory-navy { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.ivory-neon { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.ivory-retroblue { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.ivory-ivory { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.ivory-burgundy { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.ivory-stealthblack { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.ivory-cream { background: linear-gradient(90deg, #d5cece 0%, #d5cece 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.burgundy { background-color: #9e363a; }
.coordinate_wrap .color_area .color_btn.burgundy-black { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-gunmetal { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-white { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-gray { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-eaglegray { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-red { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-yellow { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-charcoal { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-lightgray { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-beige { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-coyote { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-darkkhaki { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-heathergray { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-armygreen { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-chino { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-khaki { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-navy { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-neon { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-retroblue { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-ivory { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-burgundy { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-stealthblack { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.burgundy-cream { background: linear-gradient(90deg, #9e363a 0%, #9e363a 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack { background-color: #272729; }
.coordinate_wrap .color_area .color_btn.stealthblack-black { background: linear-gradient(90deg, #272729 0%, #272729 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-gunmetal { background: linear-gradient(90deg, #272729 0%, #272729 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-white { background: linear-gradient(90deg, #272729 0%, #272729 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-gray { background: linear-gradient(90deg, #272729 0%, #272729 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-eaglegray { background: linear-gradient(90deg, #272729 0%, #272729 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-red { background: linear-gradient(90deg, #272729 0%, #272729 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-yellow { background: linear-gradient(90deg, #272729 0%, #272729 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-charcoal { background: linear-gradient(90deg, #272729 0%, #272729 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-lightgray { background: linear-gradient(90deg, #272729 0%, #272729 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-beige { background: linear-gradient(90deg, #272729 0%, #272729 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-coyote { background: linear-gradient(90deg, #272729 0%, #272729 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-darkkhaki { background: linear-gradient(90deg, #272729 0%, #272729 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-heathergray { background: linear-gradient(90deg, #272729 0%, #272729 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-armygreen { background: linear-gradient(90deg, #272729 0%, #272729 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-chino { background: linear-gradient(90deg, #272729 0%, #272729 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-khaki { background: linear-gradient(90deg, #272729 0%, #272729 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-navy { background: linear-gradient(90deg, #272729 0%, #272729 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-neon { background: linear-gradient(90deg, #272729 0%, #272729 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-retroblue { background: linear-gradient(90deg, #272729 0%, #272729 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-ivory { background: linear-gradient(90deg, #272729 0%, #272729 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-burgundy { background: linear-gradient(90deg, #272729 0%, #272729 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-stealthblack { background: linear-gradient(90deg, #272729 0%, #272729 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.stealthblack-cream { background: linear-gradient(90deg, #272729 0%, #272729 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .color_btn.cream { background-color: #f6f1dc; }
.coordinate_wrap .color_area .color_btn.cream-black { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #111111 50%, #111111 100%); }
.coordinate_wrap .color_area .color_btn.cream-gunmetal { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #4F535B 50%, #4F535B 100%); }
.coordinate_wrap .color_area .color_btn.cream-white { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #fff 50%, #fff 100%); }
.coordinate_wrap .color_area .color_btn.cream-gray { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #959494 50%, #959494 100%); }
.coordinate_wrap .color_area .color_btn.cream-eaglegray { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #5B5F6A 50%, #5B5F6A 100%); }
.coordinate_wrap .color_area .color_btn.cream-red { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #D50000 50%, #D50000 100%); }
.coordinate_wrap .color_area .color_btn.cream-yellow { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #ffff00 50%, #ffff00 100%); }
.coordinate_wrap .color_area .color_btn.cream-charcoal { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #383F45 50%, #383F45 100%); }
.coordinate_wrap .color_area .color_btn.cream-lightgray { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #D3D3D3 50%, #D3D3D3 100%); }
.coordinate_wrap .color_area .color_btn.cream-beige { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.cream-coyote { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #81613C 50%, #81613C 100%); }
.coordinate_wrap .color_area .color_btn.cream-darkkhaki { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #4B4840 50%, #4B4840 100%); }
.coordinate_wrap .color_area .color_btn.cream-heathergray { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #eeeeee 50%, #eeeeee 100%); }
.coordinate_wrap .color_area .color_btn.cream-armygreen { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #67695F 50%, #67695F 100%); }
.coordinate_wrap .color_area .color_btn.cream-chino { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #E7D0A9 50%, #E7D0A9 100%); }
.coordinate_wrap .color_area .color_btn.cream-khaki { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #6F6329 50%, #6F6329 100%); }
.coordinate_wrap .color_area .color_btn.cream-navy { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #32628A 50%, #32628A 100%); }
.coordinate_wrap .color_area .color_btn.cream-neon { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #ccde83 50%, #ccde83 100%); }
.coordinate_wrap .color_area .color_btn.cream-retroblue { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #86a5aa 50%, #86a5aa 100%); }
.coordinate_wrap .color_area .color_btn.cream-ivory { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #d5cece 50%, #d5cece 100%); }
.coordinate_wrap .color_area .color_btn.cream-burgundy { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #9e363a 50%, #9e363a 100%); }
.coordinate_wrap .color_area .color_btn.cream-stealthblack { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #272729 50%, #272729 100%); }
.coordinate_wrap .color_area .color_btn.cream-cream { background: linear-gradient(90deg, #f6f1dc 0%, #f6f1dc 50%, #f6f1dc 50%, #f6f1dc 100%); }
.coordinate_wrap .color_area .buy_area { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; }
.coordinate_wrap .color_area .buy_area .buy_btn { background: #111; color: #fff; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; font-size: 1rem; font-weight: 500; letter-spacing: 0.05em; border-radius: 100vh; cursor: pointer; }
.coordinate_wrap .color_area .buy_area .price { font-size: 0.86rem; font-weight: 400; letter-spacing: 0.05em; color: #999; }
@media print, screen and (min-width: 768px) { .coordinate_wrap .info_area { display: grid; margin-bottom: 5rem; }
  .coordinate_wrap .sec_tit_area { grid-area: 1 / 1 / 2 / 3; }
  .coordinate_wrap .sub_sec_tit { margin-bottom: 1.43rem; }
  .coordinate_wrap .product_name { font-size: 5rem; }
  .coordinate_wrap .product_name .clip_in { padding-bottom: 5.36rem; }
  .coordinate_wrap .sec_txt { position: absolute; top: 100%; writing-mode: vertical-rl; text-orientation: sideways; rotate: 180deg; white-space: nowrap; font-size: 0.86rem; font-weight: 300; letter-spacing: 0.05em; }
  .coordinate_wrap .coord_img_box01 { width: 43.79rem; }
  .coordinate_wrap .features_area { width: 43.79rem; padding-bottom: 4.79rem; }
  .coordinate_wrap .coord_img_box02 { width: 24.07rem; }
  .coordinate_wrap .coord_img_box03 { width: 16.07rem; margin-top: -5rem; }
  .coordinate_wrap .function_area { padding-left: 8.07%; margin-bottom: 4.43rem; }
  .coordinate_wrap .function_area .slider_option_box { padding-right: 8rem; }
  .coordinate_wrap .function_area .slick-list { padding-right: 15.43rem; }
  .coordinate_wrap .color_area .item_area { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; }
  .coordinate_wrap .color_area .color_img { width: 32.14rem; aspect-ratio: 450/300.45; margin-right: 3.57rem; }
  .coordinate_wrap .color_area .color_no { margin-bottom: 1.43rem; }
  .coordinate_wrap .color_area .color_name { font-size: 2.14rem; font-weight: 700; margin-bottom: 1.07rem; }
  .coordinate_wrap .color_area .buy_area .buy_btn { width: 12.5rem; aspect-ratio: 175/40; }
  .coordinate_wrap .color_area .buy_area .price { margin-left: 0.86rem; } }
@media only screen and (max-width: 767px) { .coordinate_wrap .inner { width: 88.3177570093vw; margin: 0 auto; }
  .coordinate_wrap .info_area { margin-bottom: 14.02vw; }
  .coordinate_wrap .sub_sec_tit { margin-bottom: 3.5vw; }
  .coordinate_wrap .product_name { font-size: 2.86rem; }
  .coordinate_wrap .product_name .clip_in { padding-bottom: 9.35vw; }
  .coordinate_wrap .coord_img_box01 { width: 100%; margin-bottom: 14.02vw; }
  .coordinate_wrap .features_area { padding-bottom: 7.01vw; }
  .coordinate_wrap .coord_img_box02 { width: 57.01vw; }
  .coordinate_wrap .coord_img_box03 { width: 41.12vw; margin-top: -16.43vw; }
  .coordinate_wrap .function_area { padding-left: 5.84vw; margin-bottom: 14.02vw; }
  .coordinate_wrap .function_area .slider_option_box { padding-right: 5.84vw; }
  .coordinate_wrap .function_area .slick-list { padding-right: 15.42vw; }
  .coordinate_wrap .color_area .color_img { width: 88.32vw; aspect-ratio: 450/300.45; margin-bottom: 4.67vw; }
  .coordinate_wrap .color_area .color_no { margin-bottom: 2.34vw; }
  .coordinate_wrap .color_area .color_name { font-size: 5.61vw; font-weight: 700; margin-bottom: 4.67vw; }
  .coordinate_wrap .color_area .buy_area { -webkit-justify-content: space-between; justify-content: space-between; }
  .coordinate_wrap .color_area .buy_area .buy_btn { width: 57.01vw; aspect-ratio: 244/40; } }

/*coordinate_wrap
-----------------------*/
.coordinate_area:nth-of-type(odd) .coord_img_box03 { margin-left: auto; }
.coordinate_area:nth-of-type(even) { background: #EAEAED; }
.coordinate_area:nth-of-type(even) .coord_img_box02 { margin-left: auto; }
@media print, screen and (min-width: 768px) { .coordinate_area { padding: 10rem 0; }
  .coordinate_area:nth-of-type(odd) .info_area { grid-template-columns: 57.4% 42.6%; }
  .coordinate_area:nth-of-type(odd) .coord_img_box01 { grid-area: 3 / 1 / 4 / 2; }
  .coordinate_area:nth-of-type(odd) .features_area { grid-area: 2 / 1 / 3 / 2; }
  .coordinate_area:nth-of-type(odd) .sec_txt { left: -4.43rem; }
  .coordinate_area:nth-of-type(odd) .img_area { grid-area: 2 / 2 / 4 / 3; }
  .coordinate_area:nth-of-type(even) .info_area { grid-template-columns: 47.79% 52.13%; }
  .coordinate_area:nth-of-type(even) .coord_img_box01 { grid-area: 3 / 2 / 4 / 3; }
  .coordinate_area:nth-of-type(even) .features_area { grid-area: 2 / 2 / 3 / 3; }
  .coordinate_area:nth-of-type(even) .sec_txt { right: -4.43rem; }
  .coordinate_area:nth-of-type(even) .img_area { grid-area: 2 / 1 / 4 / 2; }
  .coordinate_area:nth-of-type(even) .coord_img_box02 { margin-right: 4.43rem; } }
@media only screen and (max-width: 767px) { .coordinate_area { padding: 23.36vw 0; } }

/*lineUp_area
---------------------------------------------------------------------------*/
#lineUp_area { position: relative; background-color: #EAEAED; }
#lineUp_area .lineUp_area_tit { font-size: 0.86rem; font-weight: 300; letter-spacing: 0.05em; }
#lineUp_area .lineUp_area_tit::after { margin-top: 1.43rem; content: ""; display: block; width: 100%; height: 1px; background-color: #111111; }
#lineUp_area .lineUp_typ_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
#lineUp_area .lineUp_typ_list a { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; display: inline-block; }
#lineUp_area .lineUp_typ_list a.active { color: #fff; background: #111; }
#lineUp_area .lineUp_list_wrap { position: relative; }
#lineUp_area .lineUp_list_box { width: 100%; z-index: -1; opacity: 0; -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; position: absolute; top: 0; left: 0; }
#lineUp_area .lineUp_list_box.active { position: relative; opacity: 1; z-index: 1; }
#lineUp_area .lineUp_list { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; }
#lineUp_area .lineUp_item figure { aspect-ratio: 1/1; }
#lineUp_area .lineUp_item figure img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit:cover; object-position:50% 50%; "; }
#lineUp_area .lineUp_item .price { color: #999; }
#lineUp_area .simplebar-track.simplebar-horizontal { background-color: transparent; }
@media print, screen and (min-width: 768px) { #lineUp_area { padding: 7.14rem 0 10.71rem; }
  #lineUp_area .inner { width: 92.86%; }
  #lineUp_area .lineUp_area_tit { font-size: 1.43rem; letter-spacing: 0.05em; margin-bottom: 3.57rem; }
  #lineUp_area .lineUp_typ_list { font-size: 0.86rem; letter-spacing: 0.05em; margin-bottom: 2.29rem; }
  #lineUp_area .lineUp_typ_list a { padding: 0.21rem 0.71rem; }
  #lineUp_area .lineUp_typ_list a:hover { color: #fff; background: #111; }
  #lineUp_area .lineUp_list_wrap { position: relative; }
  #lineUp_area .lineUp_list { padding-bottom: 1.43rem; }
  #lineUp_area .lineUp_item { width: 21.09%; min-width: 17.93vw; margin-right: 1.7%; }
  #lineUp_area .lineUp_item figure { margin-bottom: 1.43rem; }
  #lineUp_area .lineUp_item .txt_area { font-size: 0.86rem; font-weight: 400; letter-spacing: 0.05em; }
  #lineUp_area .lineUp_item .p_no { margin-bottom: 1.07rem; }
  #lineUp_area .lineUp_item .name { font-size: 1rem; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 1.43rem; } }
@media only screen and (max-width: 767px) { #lineUp_area { padding: 23.36vw 0 23.36vw 5.84vw; }
  #lineUp_area .lineUp_area_tit { font-size: 2.8vw; letter-spacing: 0.05em; width: 88.3177570093vw; margin: 0 0 7.01vw; }
  #lineUp_area .lineUp_typ_list { font-size: 2.8vw; letter-spacing: 0.05em; white-space: nowrap; margin-bottom: 2.34vw; }
  #lineUp_area .lineUp_typ_list a { padding: 0.7vw 2.34vw; }
  #lineUp_area .lineUp_list_wrap { margin-top: 4.67vw; position: relative; }
  #lineUp_area .lineUp_list { padding-bottom: 4.67vw; }
  #lineUp_area .lineUp_item { min-width: 37.38vw; margin-right: 2.34vw; }
  #lineUp_area .lineUp_item figure { margin-bottom: 4.67vw; }
  #lineUp_area .lineUp_item .txt_area { font-size: 3.36vw; font-weight: 400; letter-spacing: 0.05em; }
  #lineUp_area .lineUp_item .p_no { margin-bottom: 3.5vw; }
  #lineUp_area .lineUp_item .name { font-size: 4.25vw; font-weight: 500; letter-spacing: 0.05em; line-height: 1.4285714286; margin-top: calc(0px - (((1em*1.4285714286) - 1em)/2)); margin-bottom: calc(4.67vw - (((1em*1.4285714286) - 1em)/2)); } }
@media (hover: hover) and (pointer: fine) { #lineUp_area .lineUp_item a figure { overflow: hidden; }
  #lineUp_area .lineUp_item a figure img { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }
  #lineUp_area .lineUp_item a:hover figure img { scale: 1.05 1.05; } }

@media (hover: hover) and (pointer: fine) { .slick-arrow { border: 1px solid #111111; -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }
  .slick-arrow::after { -webkit-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }
  .slick-arrow:hover { background-color: #fff; }
  .slick-arrow:hover::after { background-image: url("../../../common/img_2025/icon_vector.svg"); } }