﻿


/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
JS
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
	/* ::::::::::::::::::::::::::::
	SLICK
	:::::::::::::::::::::::::::: */
		/* -------------------------
		Main-V slide-arrow
		------------------------- */
		.TS_Product_Loop .slide-arrow,
		.BAG_Tab_Panel .slide-arrow {
			/* background: rgba(100,140,200,.4); CHK */
			cursor: pointer;
			display: block;
			height: 70px;
			line-height: 50px;
			position: absolute;
			text-align: center;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
			transform: translateY(-50%);
				-moz-transition: all .2s;
				-webkit-transition: all .2s;
				-o-transition: all .2s;
				-ms-transition: all .2s;
			transition: .2s;
			top: 50%;
			user-select: none;
			width: 50px;
			z-index: 100;
		}
		.TS_Product_Loop .prev-arrow,
		.BAG_Tab_Panel .prev-arrow {
			background: url("../image/arwl_blk.svg") no-repeat;
			background-size: contain;
			background-position: center;
			left: 5px;
		}
		.TS_Product_Loop .next-arrow,
		.BAG_Tab_Panel .next-arrow {
			background: url("../image/arwr_blk.svg")no-repeat;
			background-size: contain;
			background-position: center;
			right: 5px;
		}
			/* -------------------------
			dotsClass: "slide-dots",
			------------------------- */
			#TS_TopPage_MainV	ul.slick-slide {
					/* background: rgba(200,10,120,.4); CHK */
					display: block;
					height: 16px;
					width: 100%;
				}
			#TS_TopPage_MainV	.slick-dots {
				bottom: 30px;
				display: block;
				height: auto;
				left: 50%;
				list-style: none !important;
				margin: 0;
				position: absolute;
				text-align: center;
					-webkit-transform: translateX(-50%);
					-moz-transform: translateX(-50%);
					-ms-transform: translateX(-50%);
					-o-transform: translateX(-50%);
				transform: translateX(-50%);
				width: 50%;
			}
				#TS_TopPage_MainV	.slick-dots li {
					background:transparent;
					cursor: pointer; 
					display: inline-block;
					font-size: 0;
					height: 16px; 
					list-style-type: none !important;
					margin: 0 5px;
					padding: 10px;
					position: relative;
					width: 16px;
				}
					#TS_TopPage_MainV	.slick-dots li button {
						background:transparent;
						border: 2px solid #fff;
						border-radius: 8px;
						color: transparent;
						cursor: pointer; 
						display: block;
						font-size: 0;
						height: 12px; 
						line-height: 0px; 
						outline: none;
						padding: 6px;
						width: 12px; 
					}
					#TS_TopPage_MainV	.slick-dots li button::before {
						font-size: 0;
					}
						#TS_TopPage_MainV	.slick-dots li button:hover::before,
						#TS_TopPage_MainV	.slick-dots li button:focus::before {
							opacity: 1;
						}
						#TS_TopPage_MainV	.slick-dots li.slick-active button::before {
							background: #fff !important;
							border-radius: 10px;
							font-size: 0;
							height: 16px;
							margin: 10px;
							opacity: 1;
							width: 16px;
						}

	/* ::::::::::::::::::::::::::::
	MAGNIFIC POPUP
	:::::::::::::::::::::::::::: */
		/*
		.mfp-bg {}
			.mfp-wrap
			.mfp-gallery {}
				.mfp-container {}
				.mfp-image-holder {}
					.mfp-content {}
						.mfp-figure {}
							.mfp-figure figure {}
								.mfp-figure figure img {}
								.mfp-figure figure figcaption {}
									.mfp-bottom-bar {}
										.mfp-title {}
										.mfp-counter {}
							.mfp-close {}
		*/
		/* ----- overlay at start ----- */
		.mfp-bg {
			background-color: rgba(0,0,0, 0.65) !important;
			opacity: 0;
				-webkit-transition: all .5s ease-out;
				-moz-transition: all .5s ease-out;
			transition: all .5s ease-out;
		}
		/* overlay animate in */
		.mfp-bg.mfp-ready {
			opacity: 0.8;
		}
		/* ----- overlay animate out ----- */
		.mfp-bg.mfp-removing {
			opacity: 0;
		}
				.mfp-container {
					/* background: rgba(255,100,255,.2); CHK */
					position: relative;
				}
					/* ----- content at start ----- */
					.mfp-wrap .mfp-content {
						border: none;
						opacity: 0;
							-webkit-transition: all .5s ease-out;
							-moz-transition: all .5s ease-out;
						transition: all .5s ease-out;
					}
					/* ----- content animate it ----- */
					.mfp-wrap.mfp-ready .mfp-content {
						opacity: 1;
					}
					/* ----- content animate out ----- */
					.mfp-wrap.mfp-removing .mfp-content {
						opacity: 0;
					}
						.mfp-figure {
							/* background: rgba(100,200,200,.4); CHK */
						}
							.mfp-figure figure {
								/* background: rgba(100,200,40,.4); CHK */
								user-select: none;
							}
								.mfp-figure figure img {
									/* background: rgba(150,40,200,.4); CHK */
								}
							.mfp-figure figure figcaption,
							.mfp-bottom-bar,
							.mfp-title,
							.mfp-counter,
							.mfp-close {
								display: none;
							}
		/* -------------------------
		gallery-arrow
		------------------------- */
		.gallery-arrow {
			/* background: rgba(100,140,200,.4); CHK */
			cursor: pointer;
			display: block;
			height: 70px;
			line-height: 1;
			position: absolute;
			text-align: center;
				-webkit-transform: translate(-50%,-50%);
				-moz-transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
				-o-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
				-moz-transition: all .3s;
				-webkit-transition: all .3s;
				-o-transition: all .3s;
				-ms-transition: all .3s;
			transition: .3s;
			top: 50%;
			user-select: none;
			width: 42px;
			z-index: 5020;
		}
		.gallery-arrow-left {
			background: url("../image/colorchart_gallery_arrow-l.svg") no-repeat;
			background-size: contain;
			background-position: center;
		}
		.gallery-arrow-right {
			background: url("../image/colorchart_gallery_arrow-r.svg")no-repeat;
			background-size: contain;
			background-position: center;
		}

	/* ::::::::::::::::::::::::::::
	TO-TOP
	:::::::::::::::::::::::::::: */
	#page-top {
		bottom: 10px;
		display: none;
		height: auto;
		position: fixed;
		right: 15px;
		width: 60px;
		z-index: 100;
	}
	#page-top a {
		border-radius: 32px;
		color: #000; /* BLACK */
		font-size: 3rem!important;
		display: block;
		height: 60px;
		margin: 0;
		padding: 0;
		text-align: center;
			-moz-transition: all .3s;
			-webkit-transition: all .3s;
			-o-transition: all .3s;
			-ms-transition: all .3s;
		transition: .3s;
		width: 60px
	}
		#page-top a img {
			display: block;
			height: auto;
			width: 10vw;
		}
	#move-page-top {
		cursor: pointer;
		display: block;
		line-height: 62px;
		text-decoration: none;
	}



/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
FRAMEWORK
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
	/* ::::::::::::::::::::::::::::
	STRUCTURE
	:::::::::::::::::::::::::::: */
		/* =========================
		HTML
		========================= */
		html {
			scroll-behavior: smooth;
		}

		/* =========================
		HEADER
		========================= */
			.TS_toppage	header.TS_GlobalHDR,
				#TS_Hdr_Inr,
					#TS_Logo_Anchor,
						#TS_Hdr_Navi {
				background: transparent;
			}
			.TS_toppage	header.TS_GlobalHDR {
				-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
			}
			header.TS_GlobalHDR {
				align-items: center;
				background: rgba(255,255,255,1); /* WHT */
				display: flex;
				height: 60px;
				left: 0;
				margin: auto;
				padding: 5px 0 0;
				position: fixed;
				right: 0;
				top: 0;
				width: 100%;
				z-index: 1000;
			}
			#switch {
				display: none;
			}
			#TS_Hdr_Inr {
				align-items: flex-end;
				/* background: rgba(100,120,220,.3); CHK */
				display: flex;
				justify-content: space-between;
				margin: 0 auto;
				padding: 0 10vw;
				width: 100%;
			}
				#TS_Logo_Anchor {
					/* background: rgba(200,80,220,.3); CHK */
					width: 150px;
				}
					#TS_Logo_Anchor img {
						display: block;
						height: auto;
						width: 100%;
					}
					#TS_Hdr_Navi {
						/* background: rgba(50,220,220,.3); CHK */
						width: calc( 100% - 150px );
					}
						.TS_Hdr_wrap  {
							align-items: stretch;
							display: flex;
							justify-content: flex-end;
							list-style-type: none;
							padding: 0;
						}
							.TS_Hdr_wrap li {
								/* background: rgba(100,180,20,.5); CHK */
								display: block;
								font-weight: 700;
								font-style: normal;
								line-height: 1;
								margin: 0 0 0 5em;
							}
								.TS_Hdr_wrap li a {
										display: block;
										font-family: 'Noto Sans JP', sans-serif;
										/* font-size: 2vw */
										-moz-transition: all .3s;
										-webkit-transition: all .3s;
										-o-transition: all .3s;
										-ms-transition: all .3s;
									transition: .3s;
								}

		/* =========================
		FOOTER
		========================= */
		footer {
			font-family: 'Noto Sans JP', sans-serif;
			font-weight: 300;
			margin: 6vw 0 0;
			position: relative;
		}
			#TS_Ftr_Inr {
				background: #ececec;
				display: flex;
				font-size: 0.65vw;
				padding: 4vw 10vw 7vw;
			}
				#TS_Ftr_Inr_L,
				#TS_Ftr_Inr_R {
					width: 50%;
				}
					#TS_Ftr_Inr_L p,
					#TS_Ftr_Inr_R p {
						margin: 0 0 1em;
					}
				#TS_Ftr_Inr_L {
					/*background: rgba(100,230,20,.5); CHK */
				}
					#TS_Logo_Footer {
						/* background: rgba(200,80,220,.3); CHK */
						display: block;
						height: auto;
						line-height: 1;
						margin: 0 0 1em;
						min-width: 480px;
						padding: 0;
						width: 20vw;
					}
				#TS_Ftr_Inr_R {
					/* background: rgba(20,230,120,.5); CHK */
				}
					#TS_Ftr_Inr_R .bdrBtn {
						margin: 0 0 1em;
					}

		/* =========================
		FONT SETTINGS
		========================= */
			/* -------------------------
			FAMILY
			------------------------- */
			.f_franklin {
				font-family: franklin-gothic-urw, sans-serif;
				font-weight: 500;
				font-style: normal;
			}
			.f_noto {
				font-family: 'Noto Sans JP', sans-serif;
			}
			/* -------------------------
			KERNING
			------------------------- */
			.fk_Auto { font-kerning: auto; }
			.fk_Auto { font-kerning: normal; }
			.fk_Auto { font-kerning: none; }
			.fk_pwid { font-feature-settings: "pwid" } /*プロポーショナル字形（文字ごとに幅を設定した字形）*/
			.fk_palt { font-feature-settings: "palt" } /*プロポーショナルメトリクス（自動文字詰め設定）*/
			.fk_pkna { font-feature-settings: "pkna" } /*プロポーショナルかな（かな関連の字形セットをプロポーショナル字形に）縦書対応*/
			.fk_vkrn { font-feature-settings: "vkrn" } /*縦組みペアカーニング（隣り合う文字ごとに文字詰めが設定される）*/
			.fk_vpal { font-feature-settings: "vpal" } /*縦組みプロポーショナルメトリクス*/
			/* -------------------------
			SCALLING
			------------------------- */
			.fsx_50 { transform: scaleX(0.5); }
			.fsx_55 { transform: scaleX(0.55); }
			.fsx_60 { transform: scaleX(0.6); }
			.fsx_65 { transform: scaleX(0.65); }
			.fsx_70 { transform: scaleX(0.7); }
			.fsx_75 { transform: scaleX(0.75); }
			.fsx_80 { transform: scaleX(0.8); }
			.fsx_85 { transform: scaleX(0.85); }
			.fsx_90 { transform: scaleX(0.9); }
			.fsx_95 { transform: scaleX(0.95); }
			/* -------------------------
			Family / Size / Weight / LH / Margin / Padding / Color
			------------------------- */
			#TS_TopPage_Cap {
				font-family: 'Noto Sans JP', sans-serif;
			}
			#TS_TopPage_Cap h3 {
				/* font-size: 1.5vw; */
				font-size: 1.3vw;
				font-weight: 700;
				line-height: 1;
				margin-bottom: 0.75em;
			}
			#TS_TopPage_Cap h4 {
				font-size: 0.8vw;
				font-weight: 400;
				line-height: 1.5;
			}
			#TS_IntroSS p {
				font-size: 0.9vw;
				line-height: 2.3;
				font-weight: 300;
			}
			.TS_AboutTitle p {
				font-size: 0.9vw;
				line-height: 2.4;
			}
			#TS_LineupSS .TS_Product_Title {
				/* background: rgba(200,222,150,.3); CHK */
				padding: 0 0 1.25vw;
				position: relative;
			}
			#TS_LineupSS .TS_Product_Title_Name h1,
			.TS_2ndlayer .TS_Product_Title h1 {
				font-size: 3vw;
			}
				#TS_LineupSS .TS_Product_Title h1 strong,
				.TS_2ndlayer .TS_Product_Title h1 strong {
					margin: 0.5em 0 0;
					line-height: 1.4;
					font-size: 33.3333333333%;
				}
			#TS_LineupSS .TS_Product_Title h2,
			.TS_2ndlayer .TS_Product_Title h2 {
				display: block;
				color: #095aa5;
				font-size: 3vw;
				font-weight: 700;
				margin: 0 0 1.6vw;
			}
				#TS_LineupSS .TS_Product_Title h2 strong,
				.TS_2ndlayer .TS_Product_Title h2 strong {
					border-bottom: 4px dotted #095aa5;
					display: inline-block;
					font-size: 33.3333333333%;
					padding: 0 0 5px 0;
				}
			/* ----- ICON ----- */
			#TS_LineupSS .TS_Product_Title_Icon {
				/* background: rgba(100,150,200,.3); CHK */
				bottom: 1.25vw;
				position: absolute;
				right: 0;
			}
			.TS_2ndlayer .TS_Product_Icon {
				bottom: 0;
				display: block;
				position: absolute;
				right: 0;
			}
			#TS_LineupSS .TR180 .TS_Product_Icon,
			#TS_LineupSS .TR160 .TS_Product_Icon,
			#TS_LineupSS .CF135 .TS_Product_Icon,
			#TS_LineupSS .TR2000 .TS_Product_Icon,
			.TS_2ndlayer .TR180 .TS_Product_Icon,
			.TS_2ndlayer .TR160 .TS_Product_Icon,
			.TS_2ndlayer .TR2000 .TS_Product_Icon {
				width: 6.8vw;
			}
			#TS_LineupSS .TR150 .TS_Product_Icon,
			.TS_2ndlayer .TR150 .TS_Product_Icon {
				width: 6.2vw;
			}
			#TS_LineupSS .CF135 .TS_Product_Icon,
			.TS_2ndlayer .CF135 .TS_Product_Icon {
				width: 5.6vw;
			}
			#TS_LineupSS .TR180-UB .TS_Product_Icon:first-child,
			.TS_2ndlayer .TR180-UB .TS_Product_Icon:first-child {
				width: 7.5vw;
				right: 5.6vw;
			}
			#TS_LineupSS .TR180-UB .TS_Product_Icon:last-child,
			.TS_2ndlayer .TR180-UB .TS_Product_Icon:last-child {
				width: 5.5vw;
			}
			#TS_LineupSS .TR3300 .TS_Product_Icon,
			#TS_LineupSS .TR3400 .TS_Product_Icon,
			#TS_LineupSS .TR3600 .TS_Product_Icon,
			.TS_2ndlayer .TR3300 .TS_Product_Icon,
			.TS_2ndlayer .TR3400 .TS_Product_Icon,
			.TS_2ndlayer .TR3600 .TS_Product_Icon {
				width: 3.5vw;
			}
			#TS_LineupSS .CT4238 .TS_Product_Icon,
			#TS_LineupSS .CT3536 .TS_Product_Icon,
			#TS_LineupSS .CT3020 .TS_Product_Icon,
			#TS_LineupSS .EC3842 .TS_Product_Icon,
			#TS_LineupSS .WP3630 .TS_Product_Icon,
			.TS_2ndlayer .CT4238 .TS_Product_Icon,
			.TS_2ndlayer .CT3536 .TS_Product_Icon,
			.TS_2ndlayer .CT3020 .TS_Product_Icon,
			.TS_2ndlayer .EC3842 .TS_Product_Icon,
			.TS_2ndlayer .WP3630 .TS_Product_Icon {
				width: 6.5vw;
			}
			.TS_Product_TopPage_Cap {
				font-size: 0.8vw;
				font-weight: 300;
				line-height: 1.625;
				margin: 2.4em 0 2.6em;
			}
			#TS_LineupSS .TS_Product_Weight_Size_Color {
				margin: 0 0 2.5vw;
				padding: 0;
			}
				#TS_LineupSS .TS_Product_Weight_Size_Color span {
					margin: 0 1em 0 0;
				}
			.TS_Product_OSC_Weight,
			.TS_Product_OSC_Size,
			.TS_Product_OSC_Color {
				font-size: 1.65vw;
				font-weight: 700;
			}
				.TS_Product_OSC_Weight small {
					font-size: 1.65vw;
				}
				.TS_Product_OSC_Size small,
				.TS_Product_OSC_Color small {
					font-size: 60%;
					font-weight: 700;
				}
			#TS_LineupSS .BAG_Spec_Wpr .TS_Product_Caption {
				margin: 1.5em 0 2em;
			}
			#TS_TopBagSS .TS_Product_Title h1 {
				font-size: 100%;
				font-size: 2.3vw;
			}
				#TS_TopBagSS .TS_Product_Title h1 strong {
					font-size: 32%;
					margin-top: 1.5em;
				}

		/* =========================
		COMMON PARTS
		========================= */
			/* -------------------------
			TAB LABEL
			------------------------- */
			.TS_Label {
				align-items: center;
				background: #fff;
				color: #000;
				display: flex;
				height: 31px;
				justify-content: flex-start;
				left: 10vw;
				padding: 0 0 0 15px;
				position: absolute;
				top: -30px;
				width: calc( 150px - 15px );
			}
				.TS_Label span {
					/* background: rgba(200,100,130,.3); CHK */
					font-family: 'Noto Sans JP', sans-serif;
					font-weight: 800;
					font-size: 0.9vw;
					line-height: 1;
					margin: 0;
					padding: 0;
					white-space: nowrap;
					width: auto;
				}
				footer .TS_Label {
					background: #ececec;
					z-index: 10;
				}
			/* -------------------------
			BR
			------------------------- */
			.br960 {
				display: none;
			}
			/* -------------------------
			BSP
			------------------------- */
			.bsp960 {
				display: inline;
			}
			/* -------------------------
			BTN
			------------------------- */
			.bdrBtn {
				background: transparent;
				border: 1px solid #000;
				border-radius: 100px;
				display: block;
				font-family: 'Noto Sans JP', sans-serif;
				font-size: 1vw;
				font-weight: 700;
				line-height: 1;
				padding: 15px 10px;
				text-align: center;
				width: calc( 90% - 22px );
			}
			.bdrBtn.TS_Product_ContactBtn {
				max-width: 12em;
			}
			.TSVMBtn_PC {
				display: block;
			}
			.TSVMBtn_SP {
				display: none;
			}
			.bdrBtn.TS_ViewMoreBtn {
				/* max-width: 12em; */
				max-width: 260px;
			}
			#TS_BagSS .bdrBtn.TS_ViewMoreBtn {
				max-width: 200px;
			}
			/* -------------------------
			TABLE
			------------------------- */
			.tblW1 { width: 1%; }
			.tblW2 { width: 2%; }
			.tblW3 { width: 3%; }
			.tblW4 { width: 4%; }
			.tblW5 { width: 5%; }
			.tblW6 { width: 6%; }
			.tblW7 { width: 7%; }
			.tblW8 { width: 8%; }
			.tblW9 { width: 9%; }
			.tblW10 { width: 10%; }
			.tblW15 { width: 15%; }
			.tblW20 { width: 20%; }
			.tblW25 { width: 25%; }
			.tblW30 { width: 30%; }
			.tblW35 { width: 35%; }
			.tblW40 { width: 40%; }
			.tblW50 { width: 50%; }
			.tblW60 { width: 60%; }
			.tblW70 { width: 70%; }
			.tblW80 { width: 80%; }
			.tblW90 { width: 90%; }
			.tblW100 { width: 100%; }

		/* =========================
		ANIMATION
		========================= */
			/* -------------------------
			Motion Link
			------------------------- */
			.TS_UdrLink_Btn {
				/* background: rgba(140,120,230,.4); CHK */
				display: block;
				width: 100%;
				position: relative;
			}
			/* btn default */
			.TS_UdrLink_Btn span::before,
			.TS_UdrLink_Btn span::after,
			.TS_UdrLink_Btn::before,
			.TS_UdrLink_Btn::after {
				background-color: transparent;
				content: "";
				position: absolute;
				transition: all 0.2s;
			}
			.TS_UdrLink_Btn::before {
				bottom: -1px;
				height: 1px;
				left: 0;
				width: 100%;
			}
			.TS_UdrLink_Btn::after {
				bottom: -1px;
				height: 1px;
				left: 0;
				width: 0;
			}
			.TS_UdrLink_Btn span::before {
				bottom: -1px;
				height: 1px;
				left: 0;
				width: 100%;
			}
			.TS_UdrLink_Btn span::after {
				bottom: -1px;
				height: 1px;
				left: 0;
				width: 0;
			}
			.TS_UdrLink_Btn:hover::before {
				display: none;
					filter: alpha(opacity=0);
					-moz-opacity: 0;
				opacity: 0;
			}
			.TS_UdrLink_Btn:hover::after {
				background-color: #000;
				width: 100%;
					filter: alpha(opacity=100);
					-moz-opacity: 1;
				opacity: 1;
				transition-delay: 0.2s;
			}
			.TS_UdrLink_Btn:hover span::before {
				display: none;
					filter: alpha(opacity=0);
					-moz-opacity: 0;
				opacity: 0;
			}
			.TS_UdrLink_Btn:hover span::after {
				width: 100%;
					filter: alpha(opacity=100);
					-moz-opacity: 1;
				opacity: 1;
				transition-delay: 0.2s;
			}
			/* -------------------------
			SCROLL
			------------------------- */
			.TS_ScrollAnchor_-50px {
				scroll-margin-top: -50px;
			}
			.TS_ScrollAnchor_-30px {
				scroll-margin-top: -30px;
			}
			.TS_ScrollAnchor_-25px {
				scroll-margin-top: -20px;
			}
			.TS_ScrollAnchor_-20px {
				scroll-margin-top: -20px;
			}
			.TS_ScrollAnchor_0px {
				scroll-margin-top: 0px;
			}
			.TS_ScrollAnchor_10px {
				scroll-margin-top: 10px;
			}
			.TS_ScrollAnchor_20px {
				scroll-margin-top: 20px;
			}
			.TS_ScrollAnchor_30px {
				scroll-margin-top: 30px;
			}
			.TS_ScrollAnchor_40px {
				scroll-margin-top: 40px;
			}
			.TS_ScrollAnchor_50px {
				scroll-margin-top: 50px;
			}
			.TS_ScrollAnchor_60px {
				scroll-margin-top: 60px;
			}
			.TS_ScrollAnchor_65px {
				scroll-margin-top: 65px;
			}
			.TS_ScrollAnchor_100px {
				scroll-margin-top: 100px;
			}
			.TS_ScrollAnchor_150px {
				scroll-margin-top: 150px;
			}
			.TS_ScrollAnchor_200px {
				scroll-margin-top: 200px;
			}
			.TS_ScrollAnchor_2vw {
				scroll-margin-top: 2vw;
			}
			.TS_ScrollAnchor_4vw {
				scroll-margin-top: 4vw;
			}
			.TS_ScrollAnchor_5w {
				scroll-margin-top: 5vw;
			}
			.TS_ScrollAnchor_10vw {
				scroll-margin-top: 10vw;
			}
			.TS_ScrollAnchor_20vw {
				scroll-margin-top: 20vw;
			}
			.TS_ScrollAnchor_50w {
				scroll-margin-top: 50vw;
			}




/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
FRONT PAGE
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
	/* ::::::::::::::::::::::::::::
	FRONT PAGE COMMON PARTS
	:::::::::::::::::::::::::::: */
	.TS_LabelSS {
		margin: 0;
		padding: 0;
		text-align: center;
		width: 100%;
	}

	/* ::::::::::::::::::::::::::::
	FIRST VIEW
	:::::::::::::::::::::::::::: */
	#TS_TOP_FVSS {
		/* background: rgba(100,120,130,.3); CHK */
		height: 100vh;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
		#TS_TopPage_MainV {
			/* background: rgba(220,0,130,.3); CHK */
			height: inherit;
			position: relative;
			width: inherit;
		}
			#TS_TopPage_MainV div {
				/* background: rgba(200,0,0,.3); CHK */
				background-repeat: no-repeat;
				background-size: cover;
				background-position: top;
				height: 100vh;
				margin: 0;
				padding: 0;
			}
		#TS_TopPage_Cap {
			/* background: rgba(200,0,200,.3); CHK */
			bottom: 60px;
			color: #fff;
			left: 50%;
			position: absolute;
			text-align: center;
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				-o-transform: translateX(-50%);
			transform: translateX(-50%);
			width: 100%;
		}

	/* ::::::::::::::::::::::::::::
	INTRIDUCTION
	:::::::::::::::::::::::::::: */
	#TS_IntroSS {
		align-items: center;
		aspect-ratio: 1.92/0.874;
		background: url("../image/ts_about_bg.jpg");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		border-bottom: 2px solid #fff;
		border-top: 2px solid #fff;
		display: flex;
		justify-content: center;
		position: relative;
		width: 100%;
		z-index: 5;
	}
		#TS_IntroSS #TS_Logo_Wht {
			display: block;
			height: auto;
			margin: 0 auto 1.5em;
			min-width: 150px;
			width: 15vw;
		}
		#TS_IntroSS p {
			color: #fff;
			text-align: center;
		}
			#TS_IntroSS .TS_Label {
				bottom: -1px;
				top: auto;
			}

	/* ::::::::::::::::::::::::::::
	ABOUT US
	:::::::::::::::::::::::::::: */
	#TS_AboutSS {
		/* background: rgba(100,200,100,.4); CHK */
		position: relative;
		z-index: 1;
	}
		.TS_AboutSS_Inr {
			/* background: rgba(255,0,0,.4); CHK */
			background: #d5e6f0;
			height: auto;
			line-height: 1;
			margin: 0;
			padding: 0;
			overflow-x: clip;
			position: relative;
			width: 100%;
		}
			.TS_AboutArea {
				display: flex;
				height: auto;
			}
			.TS_AboutArea .br768 {
				display: none;
			}
				.TS_AboutImg {
					/* background: rgba(250,150,100,.4); CHK */
					height: auto;
					z-index: 1;
				}
				.TS_AboutTitle {
					/* background: rgba(100,200,100,.4); CHK */
					align-items: flex-start;
					font-family: 'Noto Sans JP', sans-serif;
					font-weight: 400;
					text-align: left;
					z-index: 100;
				}
					.TS_AboutTitle img {
						display: block;
						height: auto;
						line-height: 1;
						margin: 0;
						padding: 0;
					}
					.TS_AboutTitle p {
						padding-left: 8.4745762711864%;
						padding-top: 1.2em;
						white-space: nowrap;
					}
			/* Authentic */
			#TS_AboutArea_Authentic { /* 1920*850 */
				justify-content: flex-end;
				width: 100%;
			}
				#TS_AboutImg_Authentic {
					margin-top: -13%;
				}
					#TS_AboutImg_Authentic img { /* 1058*850 > 1058*1108 */
						aspect-ratio: 1.058/1.108;/*  */
						width: 55.1041666666667vw;
					}
				#TS_AboutTitle_Authentic {
					margin-top: 4vw;
					margin-right: -1.6vw;
					width: 29vw;
				}
					#TS_AboutTitle_Authentic img {
						width: 17.7083333333333vw;
					}
			/* Quality */
			#TS_AboutArea_Quality { /* 1920*1146 */
				align-items: center;
				justify-content: flex-start;
				margin-top: -14.2708333333333vw; 
				width: 100%;
			}
					#TS_AboutImg_Quality img { /* 938*1146 */
						aspect-ratio: 0.928/1.146;
						width: 48.8541666666667vw;
					}
				#TS_AboutTitle_Quality {
					margin-top: 0vw;
					margin-left: -1vw;
					width: 29vw;
				}
					#TS_AboutTitle_Quality img { /*  */
						width: 14.1666666666667vw;
					}
			/* Essense */
			#TS_AboutArea_Essense { /* 1920*961 */
				/* align-items: flex-end; */
				align-items: flex-end;
				justify-content: flex-end;
				margin-top: -17.3125vw;
				width: 100%;
			}
					#TS_AboutImg_Essense img { /* 897*961 */
						aspect-ratio: 0.897/0.961;
						width: 46.71875vw;
					}
				#TS_AboutTitle_Essense {
					margin-bottom: 8vw;
					margin-right: -2.5vw;
					width: 31vw;
				}
					#TS_AboutTitle_Essense img { /*  */
						width: 14.1666666666667vw;
					}
#TS_Ptxt_vLogo {
		bottom: calc( -58.8541666666667vw ); /* visible height * 0.5 */
		display: block;
		height: auto;
		/* mix-blend-mode: multiply; */
		position: absolute;
		right: 0;
			filter:alpha(opacity=50); /* IE 6,7*/
			-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */
			-moz-opacity: 0.5; /* FF , Netscape */
			-khtml-opacity: 0.5; /* Safari 1.x */
		opacity:0.5;
		zoom: 1; /*IE*/
		width: 11.5625vw;
		z-index: 200;
	}
	/* ::::::::::::::::::::::::::::
	LINEUP
	:::::::::::::::::::::::::::: */
	#TS_LineupSS {
		/* background: rgba(100,200,100,.2); CHK */
		background: rgba(255,255,255,1); /* WHT */
		margin-top: -5px;
		position: relative;
		z-index: 5;
	}
		.TS_LineupSS_Inr {
			/* background: rgba(100,200,255,.4); CHK */
			height: auto;
			line-height: 1;
			margin: 0 auto;
			padding: 0;
			position: relative;
			width: 100%;
		}
			.TS_ProductLoopForTopPage {
				border-bottom: 1px solid #b3b3b3;
				font-size: 0;
				margin: 0;
				padding: 3.90625vw 10vw;
				position: relative;
				width: auto;
			}
			.TS_ProductLoopForTopPage:last-child {
				border-bottom: none;
				/* background: rgba(200,255,255,.4); CHK */
			}
			.TS_ProductLoopForTopPage:nth-child(odd) {
				/* background: rgba(200,255,255,.4); CHK */
			}
			.TS_ProductLoopForTopPage:nth-child(even) {
				/* background: rgba(100,255,100,.4); CHK */
			}
			.TS_ProductLoopForTopPage.TR3300,
			.TS_ProductLoopForTopPage.TR3400 {
				background: #eff5fb;
			}
				.TS_ProductLoopForTopPage_L,
				.TS_ProductLoopForTopPage_R {
					display: inline-block;
					height: auto;
					margin: 0;
					padding: 0;
					position: relative;
					vertical-align: middle;
				}
				.TS_ProductLoopForTopPage_L {
					/* background: rgba(255,100,100,.4); CHK */
					padding: 0 8% 0 0;
					width: 46%;
				}
					.TS_ProductLoopForTopPage .TS_Product_Title {
						padding: 0 0 1.25vw;
						margin: 0;
					}
					.TS_ProductLoopForTopPage_L .TS_Spec_Sticky_Spec,
					.TS_ProductLoopForTopPage_L .TS_Spec_Sticky_Spec_Inr {
						height: auto;
						margin: 0;
						padding: 0;
						text-align: left;
						width: 100%;
					}
				.TS_ProductLoopForTopPage_R {
					aspect-ratio: 8/6;
					/* background: rgba(100,100,255,.4); CHK */
					height: auto;
					line-height: 1;
					position: relative;
					width: 54%;
				}
						.TS_ProductLoopForTopPage_R a img {
							display: block;
							height: auto;
							left: 50%;
							line-height: 1;
							position: absolute;
								-webkit-transform: translate(-50%,-50%);
								-moz-transform: translate(-50%,-50%);
								-ms-transform: translate(-50%,-50%);
								-o-transform: translate(-50%,-50%);
							transform: translate(-50%,-50%);
							top: 50%;
							width: 100%;
						}
						.TS_ProductLoopForTopPage_R a img.TS_LineupImg_h {
								filter:alpha(opacity=0);
								-ms-filter: "alpha(opacity=0)";
								-moz-opacity: 0;
								-khtml-opacity: 0;
							opacity:0;
								-moz-transition: all .3s ease-out;
								-webkit-transition: all .3s ease-out;
								-o-transition: all .3s ease-out;
								-ms-transition: all .3s ease-out;
							transition: all .3s ease-out;
							zoom: 1;
							z-index: 2;
						}
						.TS_ProductLoopForTopPage_R a img.TS_LineupImg_i {
								filter:alpha(opacity=100);
								-ms-filter: "alpha(opacity=100)";
								-moz-opacity: 1;
								-khtml-opacity: 1;
							opacity:1;
								-moz-transition: all .3s ease-out;
								-webkit-transition: all .3s ease-out;
								-o-transition: all .3s ease-out;
								-ms-transition: all .3s ease-out;
							transition: all .3s ease-out;
							zoom: 1;
							z-index: 1;
						}
				.TS_LineupImg_typo {
					display: block;
					position: absolute;
					right: -2.578125vw; /* width/2 */
					width: 5.15625vw;
						filter:alpha(opacity=75);
						-ms-filter: "alpha(opacity=75)";
						-moz-opacity: 0.75;
						-khtml-opacity: 0.75;
					opacity:0.75;
					/* top: 35vw; */
						-webkit-transform: translateY(-50%);
						-moz-transform: translateY(-50%);
						-ms-transform: translateY(-50%);
						-o-transform: translateY(-50%);
					transform: translateY(-50%);
					top: 50%;
					zoom: 1;
					z-index: 10;
				}
					.TR3400 .TS_LineupImg_typo {
						right: -5.72916666666665vw; /* width/2 */
						width: 11.4583333333333vw;
					}
	/* ::::::::::::::::::::::::::::
	BAG
	:::::::::::::::::::::::::::: */
	#TS_TopBagSS {
		/* background: rgba(100,200,100,.2); CHK */
		font-size: 0;
		margin: 0 0 10vw;
		position: relative;
	}
		#TS_TopBagSS .TS_Label {
			z-index: 8;
		}
		.TS_TopBagSS_Inr {
			/* ackground: rgba(100,200,255,.4); CHK */
			height: auto;
			line-height: 1;
			margin: 0 auto;
			padding: 0;
			position: relative;
			text-align: left;
			width: 80%;
		}
			.TS_BagTopPage {
				height: auto;
				width: 100%;
			}
				#TS_TopBagSS .TS_Product_Title {
					border: none;
					display: block;
					padding: 4vw 0 3vw;
				}
						#TS_TopBagSS .TS_ProductLoopForTopPage_L,
						#TS_TopBagSS .TS_ProductLoopForTopPage_R {
							vertical-align: top;
						}
						#TS_TopBagSS .TS_ProductLoopForTopPage_L { /* 699*616 */ /*821*616*/
							/* background:#ff0; */
							background-image: url("../image/ct4238_toppage-ib.jpg");
							background-repeat: no-repeat;
							background-position: center;
							background-size: cover;
							height: 32.0833333333333vw;
						}
							#TS_TopBagSS .TS_ProductLoopForTopPage_L img {
								display: block;
								object-fit: cover;
								object-position: center;
							}



/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
2ND LAYER
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
	/* ::::::::::::::::::::::::::::
	2ND LAYER COMMON PARTS
	:::::::::::::::::::::::::::: */
	#TS_MainColmn,
	#TS_BagColmn {
		/* background: rgba(200,100,120,.4); CHK */
	}
	#TS_MainColmn {
		padding: 60px 0 0;
	}
	#TS_BagColmn {
		margin:5vw 0 0;
		padding: 0;
	}

	/* ::::::::::::::::::::::::::::
	PRODUCT COLUMN
	:::::::::::::::::::::::::::: */
		/* =========================
		PRODUCT COLUMN MAIN-V COLUMN
		========================= */
		.TS_Product_Loop {
			/* background: rgba(100,170,255,.3); CHK */
			border-bottom: 1px solid #b3b3b3;
			padding: 5vw 0 5vw;
		}
		.TS_Product_Loop:first-child {
			padding: 0 0 5vw;
		}
		.TS_Product_Loop.TR3300,
		.TS_Product_Loop.TR3400,
		.TS_Product_Loop.TR3600 {
			background: rgba(239,245,251,1); /* PALEBLUE */
		}
			.TS_StikcyWpr {
				/* background: rgba(220,170,160,.3); CHK */
				font-size: 0;
				height: auto;
				margin: 0;
				width: 100%;
			}
			.BAG_Tab_Panel .TS_StikcyWpr {
				/* background: rgba(0,0,0,.3); CHK */
				padding: 4vw 0 0;
			}
				.TS_MainV_Sticky,
				.TS_Spec_Sticky,
				.BAG_MainV_Sticky,
				.BAG_Spec_Sticky {
					display: inline-block;
					margin: 0;
					vertical-align: top;
				}
				.TS_MainV_Sticky,
				.BAG_MainV_Sticky {
					/* background: rgba(130,130,220,.3); CHK */
					width: 60%;
				}
					.TS_MainV_Sticky div:last-child,
					.BAG_MainV_Sticky div:last-child {
						margin: 0;
					}
					.TS_MainV_Sticky div {
						margin: 0 0 4px;
						height: calc( 100vh - 56px );
					}
					.BAG_MainV_Sticky div {
						height: calc( 100vh - 56px - 4vw - 4vw );
						/* scroll-margin-top: 400px; */
						margin: 0 0 4px;
					}
							.TS_MainV_Sticky div img {
								display: block;
								height: calc( 100vh - 56px );
								object-fit: cover;
								object-position: top center;
								width: 100%;
							}
							.BAG_MainV_Sticky div img {
								display: block;
								height: calc( 100vh - 56px - 4vw - 4vw );
								object-fit: cover;
								object-position: top center;
								width: 100%;
							}
		/* =========================
		PRODUCT COLUMN THUMBNAIL & SPEC COLUMN
		========================= */
			.TS_Spec_Sticky,
			.BAG_Spec_Sticky {
				/* background: rgba(255,255,0,.3); CHK */
				font-size: 0;
					position: -webkit-sticky;
				position: sticky;
				left: 0;
				width: 40%;
			}
			.TS_Spec_Sticky {
				height: calc( 100vh - 56px );
				top: 60px;
			}
			.BAG_Spec_Sticky {
				top: calc( 56px + 4vw + 4vw );
			}
			.TS_Spec_Wpr,
			.BAG_Spec_Wpr {
				/* background: rgba(255,255,255,.5); CHK */
				align-items: flex-end;
				display: flex;
				justify-content: space-between;
				height: 100%;
				width: 100%;
			}
				/* -------------------------
				THUMBNAIL
				------------------------- */
				.TS_Spec_Sticky_Thumbnail,
				.BAG_Spec_Sticky_Thumbnail {
					align-items: flex-end;
					/* background: rgba(120,240,180,.3); CHK */
					display: flex;
					justify-content: flex-end;
					flex-flow: column;
					padding: 0 10px;
					width: 12%;
				}
				.TS_Spec_Sticky_Thumbnail {
					max-height: calc( 100vh - 56px);
				}
				.BAG_Spec_Sticky_Thumbnail {
					height: calc( 100vh - 56px - 4vw - 4vw - 4px );
				}
					.TS_Spec_Sticky_Thumbnail div,
					.BAG_Spec_Sticky_Thumbnail div {
						margin: 0 0 10px;
					}
				/* -------------------------
				SPEC
				------------------------- */
				.TS_Spec_Sticky_Spec,
				.BAG_Spec_Wpr .TS_Spec_Sticky_Spec {
					/* background: rgba(255,255,50,.3); CHK */
					width: 88%;
				}
					.TS_Spec_Sticky_Spec_Inr,
					.BAG_Spec_Wpr .TS_Spec_Sticky_Spec_Inr {
						/* background: rgba(255,55,250,.3); CHK */
						margin: 0 2vw 0 30px;
						width: calc( 100% - 2vw - 30px );
					}
					.TS_Spec_Sticky_Spec_Inr {
						height: calc( 100vh - 60px );
					}
					.BAG_Spec_Wpr .TS_Spec_Sticky_Spec_Inr {
						height: calc( 100vh - 56px - 4vw - 4vw );
					}
						/* ----- TITLE ----- */
						.TS_Product_Title,
						.BAG_Spec_Wpr .TS_Product_Title {
							align-items: flex-end;
							/* background: rgba(150,230,240,.2); CHK */
							border-bottom: 1px solid #000;
							display: flex;
							padding: 6vh 0 1.25vw;
							vertical-align: top;
							width: 100%;
						}
							.TS_Product_Title_L,
							.BAG_Spec_Wpr .TS_Product_Title_L {
								/* background: rgba(220,140,240,.3); CHK */
								/* width: 84%; */
								width: 50%;
							}
								.TS_Product_Title h1 {
									/* background: rgba(120,100,240,.5); CHK */
									font-family: 'Noto Sans JP', sans-serif;
									font-size: 100%;
									font-weight: 900;
									line-height: 1;
									padding: 0;
									width: 100%;
								}
								.TS_Product_Title h1 strong {
									/* background: rgba(100,120,240,.5); CHK */
									display: block;
									font-weight: 700;
									line-height: 1;
									margin: 0.3333333333em 0 0;
									padding: 0;
								}
								.TS_New_Icon img {
									display: inline-block;
									height: auto;
									margin: 0 0 0 5px;
									width: 2.5vw;
								}
							.TS_Product_Title_R {
								/* background: rgba(100,240,100,.5); CHK */
								position: relative;
								/* width: 16%; */
								width: 50%;
							}
								.TS_Product_Spec_icon {
									display: inline-block;
									height: auto;
									margin-bottom: -0.5vw;
									padding: 0 4px;
									width: 3vw;
								}
						/* ----- WEIGHT / SIZE / COLOR ----- */
						.TS_Product_Weight_Size_Color {
							/* background: rgba(100,240,100,.3); CHK */
							display: block;
							font-family: 'Noto Sans JP', sans-serif;
							font-weight: 700;
							line-height: 1;
							padding: 1.5vw 0 2vw;
						}
						.TS_Product_Weight_Size_Color span {
							margin: 0 15px 0 0;
						}
							.TS_Product_Caption {
								font-size: 0.65vw;
								font-weight: 400;
								line-height: 1.4;
								margin: 0 0 2em;
							}
							.BAG_Spec_Wpr .TS_Product_Caption {
								margin: 1.5em 0 2em;
							}
						/* ----- TAB ----- */
						.TS_Price_Size_Tab {
							font-size: 0;
							margin: 0 auto;
						}
						.TS_Price_Size_Tab .tab_item {
							border-bottom: 1px solid transparent;
							display: inline-block;
							font-family: 'Noto Sans JP', sans-serif;
							font-size: 1vw;
							font-weight: 700;
							margin: 0 30px 0 0;
							min-width: 100px;
							padding: 0;
						}
						table.TS_Price_Size_Tab_Table {
							/* background: rgba(210,22,200,.4); CHK */
							border-collapse: collapse;
							font-feature-settings: "palt";
							margin: 10px 0 20px;
							font-size: 0.8vw;
							table-layout: fixed;
							width: 100%;
						}
						table.TS_Price_Size_Tab_Table tr {
							/* background: rgba(110,230,100,.4); CHK */
						}
							table.TS_Price_Size_Tab_Table th,
							table.TS_Price_Size_Tab_Table td {
								border-bottom: 1px solid #000;
								font-weight: normal;
								padding: 0;
								position: relative;
							}
							table.TS_Price_Size_Tab_Table th {
								/* background: rgba(210,242,220,.4); CHK */
								text-align: left;
							}
							table.TS_Price_Size_Tab_Table td {
								/* background: rgba(210,242,150,.4); CHK */
								text-align: center;
							}
							table.TS_Price_Size_Tab_Table td p {
								width: 100%;
							}
								.tblBdrR {
									border-right: 1px solid #000;
									display: inline-block;
									height: 70%;
									position: absolute;
									right: 0;
									top: 50%;
										-webkit-transform: translateY(-50%);
										-moz-transform: translateY(-50%);
										-ms-transform: translateY(-50%);
										-o-transform: translateY(-50%);
									transform: translateY(-50%);
									width: 1px;
								}
								.tblBdrL {
									border-left: 1px solid #000;
									display: inline-block;
									position: absolute;
									left: 0;
								}
								input[type="radio"] {
									display: none;
								}
									/* .tab_content */
									#TR180_tab1_content,
									#TR180_tab2_content,
									#TR160_tab1_content,
									#TR160_tab2_content,
									#TR150_tab1_content,
									#TR150_tab2_content,
									#CF135_tab1_content,
									#CF135_tab2_content,
									#TR180-UB_tab1_content,
									#TR180-UB_tab2_content,
									#TR2000_tab1_content,
									#TR2000_tab2_content,
									#TR3300_tab1_content,
									#TR3300_tab2_content,
									#TR3400_tab1_content,
									#TR3400_tab2_content,
									#TR3600_tab1_content,
									#TR3600_tab2_content {
										display: none;
										clear: both;
										overflow: hidden;
									}
									.TS_Price_Size_Tab .tab_content_inr {
										padding: 1vw 0 0;
									}
										.TS_Price_Size_Tab .tab_content_inr img {
											display: block;
											margin: 0 0 30px;
											/* max-width: 500px; */
											width: 100%;
										}
									#TR180_tab1:checked ~ #TR180_tab1_content,
									#TR180_tab2:checked ~ #TR180_tab2_content,
									#TR160_tab1:checked ~ #TR160_tab1_content,
									#TR160_tab2:checked ~ #TR160_tab2_content,
									#TR150_tab1:checked ~ #TR150_tab1_content,
									#TR150_tab2:checked ~ #TR150_tab2_content,
									#CF135_tab1:checked ~ #CF135_tab1_content,
									#CF135_tab2:checked ~ #CF135_tab2_content,
									#TR180-UB_tab1:checked ~ #TR180-UB_tab1_content,
									#TR180-UB_tab2:checked ~ #TR180-UB_tab2_content,
									#TR2000_tab1:checked ~ #TR2000_tab1_content,
									#TR2000_tab2:checked ~ #TR2000_tab2_content,
									#TR3300_tab1:checked ~ #TR3300_tab1_content,
									#TR3300_tab2:checked ~ #TR3300_tab2_content,
									#TR3400_tab1:checked ~ #TR3400_tab1_content,
									#TR3400_tab2:checked ~ #TR3400_tab2_content,
									#TR3600_tab1:checked ~ #TR3600_tab1_content,
									#TR3600_tab2:checked ~ #TR3600_tab2_content {
										display: block;
									}
									.TS_Price_Size_Tab input:checked + .tab_item {
										/* background: rgba(230,240,220,.3); CHK */
										border-bottom: 1px solid #000;
									}

		/* =========================
		COLOR CHART
		========================= */
		.TS_ColorChartColmn {
			/* background: rgba(100,180,20,.5); CHK */
			margin: 15px auto 0;
			padding: 0;
			width: calc( 100% - 4vw + 2vw );
		}
			.TS_ColorChartColmn h2 {
				border-bottom: 1px solid #000;
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 700;
				font-size: 1vw;
				/* line-height: 1; */
				max-width: 9em;
				margin: 0 0 0.5vw 1.25vw;
				padding: 0 0 5px;
			}
			.colorChart-popup {
				align-items: flex-start;
				display: flex;
				flex-wrap: wrap;
				list-style-type: none;
				justify-content: flex-start;
				padding: 0 0.5vw;
			}
				.colorChart-popup a {
					display: block;
					line-height: 1;
					margin: 0.5vw 0.5vw 0;
					text-align: left;
					text-decoration: none;
					user-select: none;
					width: calc( 4.166666666666667% - 1vw );
				}
				#TR2000_CC .colorChart-popup a {
								pointer-events: none;
								text-decoration: none;
								cursor: default;
				}
					.colorChart-popup a p {
						font-family: 'Noto Sans JP', sans-serif;
						font-weight: bold;
						font-size: 0.65vw;
						line-height: 1;
						padding: 3px 0.5em; 
					}
					.colorChart-popup a h3 {
						font-family: 'Noto Sans JP', sans-serif;
						font-weight: normal;
						font-size: 0.5vw;
						line-height: 1.2;
						padding: 0 0.5em; 
					}
						.colorChart-popup a h3 span {
							margin: 0 -0.55em;
						}
					.TS_ColorTip {
						aspect-ratio: 1 / 1;
						border: 1px solid #768189;
						box-sizing: border-box;
						display: block;
						hegiht: auto;
						width: 100%;
					}

		/* =========================
		BAG TAB
		========================= */
		#TS_Bag_Tab-B {
			align-items: strech;
			background: rgba(255,255,255,.8);
			cursor: pointer;
			display: flex;
			justify-content: space-between;
			list-style-type: none;
			font-size: 18px;
			height: 4vw;
			margin: 0;
			padding: 0 10vw;
				position: -webkit-sticky;
			position: sticky;
			top: 60px;
			left: 0;
			width: 100%;
			z-index: 250;
		}
			#TS_Bag_Tab-B li {
				align-items: center;
				display: flex;
				/* width: calc( 100% / 5 ); */
				height: 100%;
				position: relative;
			}
			#TS_Bag_Tab-B li:nth-child(odd) {
				/* background: rgba(150,120,100,.3); CHK */
			}
			#TS_Bag_Tab-B li:nth-child(even) {
				/* background: rgba(150,100,250,.3); CHK */
			}
			#TS_Bag_Tab-B li.active {
				/* background-color: rgba(250,250,50,.3); CHK */
				/* border-bottom: 1px solid #000; */
			}
			#TS_Bag_Tab-B li.active span {
				border-bottom: 1px solid #000;
			}
			#TS_Bag_Tab-B li.active span:hover {
				border-bottom: 1px solid #fff;
			}
				#TS_Bag_Tab-B li h1,
				.BAG_Tab_List h1 {
					border-bottom: 1px solid transparent;
					display: inline-block;
					font-family: 'Noto Sans JP', sans-serif;
					font-size: 1.6vw;
					font-weight: 800;
					line-height: 1;
					padding: 0;
						-moz-transition: all .2s;
						-webkit-transition: all .2s;
						-o-transition: all .2s;
						-ms-transition: all .2s;
					transition: .2s;
					user-select: none;
				}
					#TS_Bag_Tab-B li h1 small,
					.BAG_Tab_List h1 small {
						display: block;
						font-size: 44%;
						margin-top: 0.25em;
					}
					#TS_Bag_Tab-B .tab-content {
						display: none;
						width: 100%;
					}
					#TS_Bag_Tab-B .tab-content.active {
						display: block;
					}
				.tab-content{
					display: none;
					width: 100%;
				}
				.tab-content.active{
					display: block;
				}
				.tabnav {
					align-content: center;
					display: flex;
					justify-content: stretch;
				}
				.tabnavi ul {
					list-style-type: none;
				}
				.tabnav > li {
					color: #fff;
					list-style-type: none;
					flex: 1;
					text-align: center;
					background: #ccc;
					height: 80px;
				}
				.tabnav > li img{
					display: block;
					margin: 0;
					height: 0;
					line-height: 1;
					width: 100%;
					height: auto;
				}
				.tabnav > li.active {
					background: #000;
					color: #fff;
				}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
RESPONSIVE
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
JS ■■■ RESPONSIVE ■■■
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
/* -------------------------
min 1/1
------------------------- */
@media (min-aspect-ratio: 1/1) {
	/* ::::::::::::::::::::::::::::
	MAGNIFIC POPUP
	:::::::::::::::::::::::::::: */
	.gallery-arrow-left {
		right: calc( 50% + 50vh - 120px );
	}
	.gallery-arrow-right {
		left: calc( 50% + 50vh - 120px + 40px );
	}
}
/* -------------------------
max 1/1
------------------------- */
@media (max-aspect-ratio: 1/1) {
	/* ::::::::::::::::::::::::::::
	MAGNIFIC POPUP
	:::::::::::::::::::::::::::: */
	.gallery-arrow {
			-webkit-transform: translate(0,-50%);
			-moz-transform: translate(0,-50%);
			-ms-transform: translate(0,-50%);
			-o-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}
	.gallery-arrow-left {
		right: auto;
		left: 5%;
	}
	.gallery-arrow-right {
		left: auto;
		right: 5%;
	}
} /* min 1/1 */
/* -------------------------
768
------------------------- */
@media screen and (max-width: 768px) {
	/* ::::::::::::::::::::::::::::
	SLCIK
	:::::::::::::::::::::::::::: */
	.TS_Product_Loop .slide-arrow,
	.BAG_Tab_Panel .slide-arrow {
		height: 56px;
		width: 40px;
	}
	.TS_Product_Loop .prev-arrow,
	.BAG_Tab_Panel .prev-arrow {
		left: 3px;
	}
	.TS_Product_Loop .next-arrow,
	.BAG_Tab_Panel .next-arrow {
		right: 3px;
	}
	/* ::::::::::::::::::::::::::::
	MAGNIFIC POPUP
	:::::::::::::::::::::::::::: */
	.gallery-arrow-left {
		left: 20px;
	}
	.gallery-arrow-right {
		right: 20px;
	}
}/* 768 */
/* -------------------------
540
------------------------- */
@media screen and (max-width: 540px) {
	/* ::::::::::::::::::::::::::::
	MAGNIFIC POPUP
	:::::::::::::::::::::::::::: */
	.gallery-arrow {
		height: 56px;
		width: 33.6px;
	}
	.gallery-arrow-left {
		left: 10px;
	}
	.gallery-arrow-right {
		right: 10px;
	}
}/* 540 */



/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
FRAMEWORK ■■■ RESPONSIVE ■■■
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
/* -------------------------
1920
------------------------- */
@media screen and (max-width: 1920px) {
/* ::::::::::::::::::::::::::::
STRUCTURE
:::::::::::::::::::::::::::: */
	/* =========================
	FONT SETTINGS
	========================= */
		table.TS_Price_Size_Tab_Table {
			font-size: 0.7vw;
		}
		.colorChart-popup a p {
			font-size: 0.75vw;
		}
		.colorChart-popup a h3 {
			font-size: 0.6vw;
		}
	/* =========================
	COMMON PARTS
	========================= */
		/* -------------------------
		BTN
		------------------------- */
		.bdrBtn.TS_ViewMoreBtn {
			max-width: 215px;
		}
		#TS_BagSS .bdrBtn.TS_ViewMoreBtn {
			max-width: 215px;
		}
} /* 1920 */
/* -------------------------
1600
------------------------- */
@media screen and (max-width: 1600px) {
/* ::::::::::::::::::::::::::::
STRUCTURE
:::::::::::::::::::::::::::: */
	/* =========================
	FONT SETTINGS
	========================= */
		#TS_Ftr_Inr {
			font-size: 0.75vw;
		}
		.TS_Label span {
			/* font-size: 1.25vw; */
			font-size: 0.9vw;
		}
			#TS_LineupSS .TS_Product_Title_Name h1,
			.TS_2ndlayer .TS_Product_Title h1 {
			font-size: 2.8vw;
			}
		.TS_Product_OSC_Weight,
		.TS_Product_OSC_Size,
		.TS_Product_OSC_Color {
			font-size: 1.45vw;
		}
				.TS_Product_OSC_Weight small {
					font-size: 1.45vw;
				}
		.TS_Product_Caption {
			font-size: 0.75vw;
		}
		.tab_item {
			font-size: 1.05vw;
		}
		.TS_ColorChartColmn h2 {
			font-size: 1.05vw;
		}
} /* 1600 */
/* -------------------------
1400
------------------------- */
@media screen and (max-width: 1400px) {
	/* ::::::::::::::::::::::::::::
	STRUCTURE
	:::::::::::::::::::::::::::: */
		/* =========================
		FOOTER
		========================= */
					#TS_Logo_Footer {
						min-width: 320px;
						width: 30vw;
					} 
		/* =========================
		COMMON PARTS
		========================= */
			/* -------------------------
			BTN
			------------------------- */
			.bdrBtn.TS_ViewMoreBtn {
				max-width: 180px;
			}
			#TS_BagSS .bdrBtn.TS_ViewMoreBtn {
				max-width: 180px;
			}
}/* 1400 */
/* -------------------------
1280
------------------------- */
@media screen and (max-width: 1280px) {
	/* ::::::::::::::::::::::::::::
	STRUCTURE
	:::::::::::::::::::::::::::: */
		/* =========================
		FONT SETTINGS
		========================= */
		#TS_Ftr_Inr {
				font-size: 0.9vw;
		}
			.TS_Label span {
				font-size: 1.35vw;
			}
			.TS_Product_OSC_Weight,
			.TS_Product_OSC_Size,
			.TS_Product_OSC_Color {
				font-size: 1.55vw;
			}
				.TS_Product_OSC_Weight small {
					font-size: 1.55vw;
				}
			.TS_Product_Caption {
				font-size: 0.9vw;
			}
		.tab_item {
			font-size: 1.25vw;
		}
		.TS_ColorChartColmn h2 {
			font-size: 1.25vw;
		}
}/* 1280 */
/* -------------------------
1024
------------------------- */
@media screen and (max-width: 1024px) {
	/* ::::::::::::::::::::::::::::
	STRUCTURE
	:::::::::::::::::::::::::::: */
		/* =========================
		FONT SETTINGS
		========================= */
			#TS_Ftr_Inr {
				font-size: 1vw;
			}
				.TS_Label span {
					font-size: 1.45vw;
				}
							.TS_Product_OSC_Weight,
							.TS_Product_OSC_Size,
							.TS_Product_OSC_Color {
								font-size: 1.65vw;
							}
								.TS_Product_OSC_Weight small {
									font-size: 1.65vw;
								}
							.TS_Product_Caption {
								font-size: 1vw;
							}
				.tab_item {
					font-size: 1.35vw;
				}
		.TS_ColorChartColmn h2 {
			font-size: 1.35vw;
		}
		/* =========================
		COMMON PARTS
		========================= */
			/* -------------------------
			BTN
			------------------------- */
			.bdrBtn.TS_ViewMoreBtn,
			#TS_BagSS .bdrBtn.TS_ViewMoreBtn {
				padding: 10px 0;
				width: calc( 90% - 2px );
				max-width: 120px;
			}
}/* 1024 */
/* -------------------------
960
------------------------- */
@media screen and (max-width: 960px) {
	/* ::::::::::::::::::::::::::::
	STRUCTURE
	:::::::::::::::::::::::::::: */
		/* =========================
		HEADER
		========================= */
		#TS_Hdr_Inr {
			padding: 0 2.5vw;
		}
			#TS_Logo_Anchor {
				width: 20vw;
			}
				#TS_Hdr_Navi {
					width: calc( 100% - 24vw );
				}
						.TS_Hdr_wrap li {
							margin: 0 0 0 3.5em;
						}
		/* =========================
		FOOTER
		========================= */
		footer {
			margin: 15vw 0 0;
		}
			#TS_Ftr_Inr {
				display: block;
			}
				#TS_Ftr_Inr_L,
				#TS_Ftr_Inr_R {
					display: block;
					width: auto;
				}
				#TS_Ftr_Inr_R {
					margin: 5vw 0 0;
				}
					#TS_Ftr_Inr_R .bdrBtn {
						margin: 0 0 2em;
					}
					#TS_Logo_Footer {
						width: 58vw;
					}
		/* =========================
		FONT SETTINGS
		========================= */
		.TS_Hdr_wrap li a {
			font-size: 2vw;
		}
		#TS_Ftr_Inr {
			font-size: 1.8vw;
		}
		.TS_Label span  {
			font-size: 2vw;
		}
		.bdrBtn {
			font-size: 2.4vw;
		}
			#TS_TopPage_Cap h3 {
				font-size: 2.4vw;
			}
			#TS_TopPage_Cap h4 {
				font-size: 1.4vw;
			}
			#TS_IntroSS p {
				font-size: 1.4vw;
			}
			.TS_AboutTitle p {
				font-size: 1.4vw;
			}
			/* ----- ICON ----- */
			#TS_LineupSS .TS_Product_Title_Icon {
				/* background: rgba(100,150,200,.3); CHK */
				bottom: 1.25vw;
				position: absolute;
				right: 0;
			}
			.TS_2ndlayer .TS_Product_Icon {
				bottom: 0;
				display: block;
				position: absolute;
				right: 0;
			}
			#TS_LineupSS .TR180 .TS_Product_Icon,
			#TS_LineupSS .TR160 .TS_Product_Icon,
			#TS_LineupSS .CF135 .TS_Product_Icon,
			#TS_LineupSS .TR2000 .TS_Product_Icon,
			.TS_2ndlayer .TR180 .TS_Product_Icon,
			.TS_2ndlayer .TR160 .TS_Product_Icon,
			.TS_2ndlayer .TR2000 .TS_Product_Icon {
				width: 13vw;
			}
			#TS_LineupSS .TR150 .TS_Product_Icon,
			.TS_2ndlayer .TR150 .TS_Product_Icon {
				width: 12.5vw;
			}
			#TS_LineupSS .CF135 .TS_Product_Icon,
			.TS_2ndlayer .CF135 .TS_Product_Icon {
				width: 11.5vw;
			}
			#TS_LineupSS .TR180-UB .TS_Product_Icon:first-child,
			.TS_2ndlayer .TR180-UB .TS_Product_Icon:first-child {
				width: 15vw;
				right: 11.5vw;
			}
			#TS_LineupSS .TR180-UB .TS_Product_Icon:last-child,
			.TS_2ndlayer .TR180-UB .TS_Product_Icon:last-child {
				width: 11vw;
			}
			#TS_LineupSS .TR3300 .TS_Product_Icon,
			#TS_LineupSS .TR3400 .TS_Product_Icon,
			#TS_LineupSS .TR3600 .TS_Product_Icon,
			.TS_2ndlayer .TR3300 .TS_Product_Icon,
			.TS_2ndlayer .TR3400 .TS_Product_Icon,
			.TS_2ndlayer .TR3600 .TS_Product_Icon {
				width: 8.5vw;
			}
			#TS_LineupSS .CT4238 .TS_Product_Icon,
			#TS_LineupSS .CT3536 .TS_Product_Icon,
			#TS_LineupSS .CT3020 .TS_Product_Icon,
			#TS_LineupSS .EC3842 .TS_Product_Icon,
			#TS_LineupSS .WP3630 .TS_Product_Icon,
			.TS_2ndlayer .CT4238 .TS_Product_Icon,
			.TS_2ndlayer .CT3536 .TS_Product_Icon,
			.TS_2ndlayer .CT3020 .TS_Product_Icon,
			.TS_2ndlayer .EC3842 .TS_Product_Icon,
			.TS_2ndlayer .WP3630 .TS_Product_Icon {
				width: 13vw;
			}
			.TS_Product_TopPage_Cap {
				font-size: 1.4vw;
			}
			#TS_LineupSS .TS_Product_Title_Name h1,
			.TS_2ndlayer .TS_Product_Title h1 {
				font-size: 5.5vw;
			}
			#TS_LineupSS .TS_Product_Title h2,
			.TS_2ndlayer .TS_Product_Title h2 {
				font-size: 5vw;
			}
		.TS_Product_OSC_Weight,
		.TS_Product_OSC_Size,
		.TS_Product_OSC_Color {
			font-size: 4vw;
		}
			.TS_Product_OSC_Weight small {
				font-size: 4vw;
			}
		.TS_Product_Caption {
			font-size: 2vw;
		}
		.TS_Price_Size_Tab .tab_item {
			font-size: 3.5vw;
		}
		table.TS_Price_Size_Tab_Table {
			font-size: 2.4vw;
		}
		.TS_ColorChartColmn h2 {
			font-size: 3.5vw;
		}
		.colorChart-popup a p {
			font-size: 1.8vw;
		}
		.colorChart-popup a h3 {
			font-size: 1.35vw;
		}
		#TS_Bag_Tab-B li h1 {
			font-size: 3.5vw;
		}
			#TS_TopBagSS .TS_Product_Title h1 {
				font-size: 5.5vw;
			}
		/* =========================
		COMMON PARTS
		========================= */
			/* -------------------------
			TAB LABEL
			------------------------- */
			.TS_Label {
				left: 2.5vw;
			}
			/* -------------------------
			BR
			------------------------- */
		.br960 {
			display: block;
		}
			/* -------------------------
			BSP
			------------------------- */
		.bsp960 {
			display: none;
		}
			/* -------------------------
			BTN
			------------------------- */
			.TS_Spec_Sticky_Spec_Inr .bdrBtn {
				width: calc( 90% - 2em );
			}
			.bdrBtn.TS_ViewMoreBtn,
			#TS_BagSS .bdrBtn.TS_ViewMoreBtn {
				padding: 15px 10px;
				max-width: 260px;
			}
			.bdrBtn.TS_ViewMoreBtn {
				margin: 1.5em auto;
			}
			#TS_BagSS .bdrBtn.TS_ViewMoreBtn {
				margin: 0 auto;
			}
			.TSVMBtn_PC {
				display: none;
			}
			.TSVMBtn_SP {
				display: block;
				z-index: 10000;
			}
}/* 960 */
/* -------------------------
768
------------------------- */
@media screen and (max-width: 768px) {
	/* ::::::::::::::::::::::::::::
	STRUCTURE
	:::::::::::::::::::::::::::: */
		/* =========================
		HEADER
		========================= */
						.TS_Hdr_wrap li {
							margin: 0 0 0 30px;
						}
		/* =========================
		FONT SETTINGS
		========================= */
		table.TS_Price_Size_Tab_Table {
			font-size: 2.8vw;
		}
		.colorChart-popup a p {
			font-size: 1.8vw;
		}
		.colorChart-popup a h3 {
			font-size: 1.4vw;
		}
}/* 768 */
/* -------------------------
640
------------------------- */
@media screen and (max-width: 640px) {
	/* ::::::::::::::::::::::::::::
	STRUCTURE
	:::::::::::::::::::::::::::: */
		/* =========================
		FONT SETTINGS
		========================= */
		#TS_TopPage_Cap h3 {
			font-size: 3vw;
		}
		#TS_TopPage_Cap h4 {
			font-size: 2vw;
		}
		#TS_IntroSS p {
			font-size: 2vw;
		}
					.TS_AboutTitle p {
						font-size: 2vw;
					}
	.TS_Product_TopPage_Cap {
		font-size: 2vw;
	}
		/* =========================
		HEADER
		========================= */
		header.TS_GlobalHDR {
			padding: 0;
		}
		#switch ~ label {
			padding: 12px 12px;
			width: 60px;
			height: 60px;
			position: fixed;
			box-sizing: border-box;
			top: 0;
			right: 0;
			user-select: none;
			z-index: 999;
			cursor: pointer;
		}
		#switch ~ label span {
			display: block;
			width: 25px;
			height: 3px;
			top: 50%;
			left: 0;
			right: 0;
			margin:auto;
			background: #000;
			opacity: 1;
			position: absolute;
				-moz-transition: all .2s;
				-webkit-transition: all .2s;
				-o-transition: all .2s;
				-ms-transition: all .2s;
			transition: .2s;
		}
		#switch ~ label span:before,
		#switch ~ label span:after {
			content: "";
			display: block;
			background: #000;
			opacity: 1;
			position: absolute;
			width: 25px;
			height: 3px;
			left: 0;
			right: 0;
			margin: auto;
				-moz-transition: all .2s;
				-webkit-transition: all .2s;
				-o-transition: all .2s;
				-ms-transition: all .2s;
			transition: .2s;
		}
		#switch ~ label span:before {
			top: -9px;
		}
		#switch ~ label span:after {
			top: 9px;
		}
		#TS_Hdr_Navi {
			align-items: center;
			/* background: rgba(255,255,255,0); WHT */
			background: rgba(28,40,87,0); /* BLUE */
			box-sizing: border-box;
			display: flex;
			height: 100vh;
			justify-content: center;
			left: 0;
			top: -100vh;
			padding-top: 0;
			position: fixed;
				-moz-transition: all .3s;
				-webkit-transition: all .3s;
				-o-transition: all .3s;
				-ms-transition: all .3s;
			transition: .3s;
			width: 100%;
		}
			.TS_Hdr_wrap li {
				opacity: 0;
			}
			.TS_Hdr_wrap li a {
				color: #fff;
				display: block;
				font-size: 3.5vw;
				padding: 1em 0;
			}
		#switch:checked ~ label span {
			background: #fff;
		}
		#switch:checked ~ label span:before {
			top: calc( 50% + 1.5px );
			opacity: 0;
		}
		#switch:checked ~ label span:after {
			top: calc( 50% - 1.5px );
			opacity: 0;
		}
		#switch:checked ~ #TS_Hdr_Navi { 
			top: 0;
			/* background: rgba(255,255,255,95); WHT */
			background: rgba(28,40,87,.85); /* BLUE */
		}
			#switch:checked ~ #TS_Hdr_Navi li { 
				opacity: 1;
					-moz-transition: all .5s;
					-webkit-transition: all .5s;
					-o-transition: all .5s;
					-ms-transition: all .5s;
				transition: .5s;
			}
		.TS_Hdr_wrap {
			align-items: center;
			display: flex;
			flex-direction: column;
		}
		.scroll-prevent {
			position: fixed;
			z-index: -1;
			width: 100%;
			height: 100%;
		}
		/* =========================
		FOOTER
		========================= */
		footer {
			margin: 30vw 0 0;
		}
}/* 640 */
/* -------------------------
540
------------------------- */
@media screen and (max-width: 540px) {
	/* ::::::::::::::::::::::::::::
	STRUCTURE
	:::::::::::::::::::::::::::: */
		/* =========================
		FOOTER
		========================= */
					#TS_Logo_Footer {
						min-width: 1px;
						max-width: 100%;
						width: 80vw;
					}
					#TS_Ftr_Inr_R .bdrBtn {
						margin: 0 0 1em;
					}
		/* =========================
		FONT SETTINGS
		========================= */
		.TS_Hdr_wrap li a {
			font-size: 5vw;
		}
			#TS_Ftr_Inr {
				font-size: 2.6vw;
			}
			.TS_Label {
				height: 30px;
				top: -29px;
				width: calc( 120px - 15px );
			}
				.TS_Label span  {
					font-size: 3vw;
				}
			.bdrBtn {
				font-size: 3.5vw;
			}
		#TS_TopPage_Cap h3 {
			font-size: 4vw;
		}
		#TS_TopPage_Cap h4 {
			font-size: 2vw;
		}
		#TS_IntroSS p,
					.TS_AboutTitle p,
		.TS_Product_TopPage_Cap {
			font-size: 2.8vw;
		}
			#TS_LineupSS .TS_Product_Title_Name h1,
			.TS_2ndlayer .TS_Product_Title h1 {
			font-size: 8vw;
			}
			#TS_LineupSS .TS_Product_Title h2 strong,
			.TS_2ndlayer .TS_Product_Title h2 strong {
				font-size: 2.64vw;
			}
			.TS_Product_OSC_Weight,
			.TS_Product_OSC_Size,
			.TS_Product_OSC_Color {
				font-size: 4vw;
			}
				.TS_Product_OSC_Weight small {
					font-size: 4vw;
				}
			.TS_Product_Caption {
				font-size: 2.6vw;
			}
			#TS_LineupSS .TS_Product_Title_Name h1,
			.TS_2ndlayer .TS_Product_Title h1 {
				font-size: 7.5vw;
				line-height: 1.15;
				}
			#TS_TopBagSS .TS_Product_Title h1 strong {
				line-height: 1.5;
			}
		#TS_LineupSS .TR180 .TS_Product_Icon,
		#TS_LineupSS .TR160 .TS_Product_Icon,
		#TS_LineupSS .CF135 .TS_Product_Icon,
		#TS_LineupSS .TR2000 .TS_Product_Icon {
			width: 15vw;
		}
		#TS_LineupSS .TR150 .TS_Product_Icon {
			width: 14.5vw;
		}
		#TS_LineupSS .CF135 .TS_Product_Icon {
			width: 13.5vw;
		}
		#TS_LineupSS .TR180-UB .TS_Product_Icon:first-child {
			width: 18.5vw;
			right: 15vw;
		}
		#TS_LineupSS .TR180-UB .TS_Product_Icon:last-child {
			width: 15vw;
		}
		#TS_LineupSS .TR3300 .TS_Product_Icon,
		#TS_LineupSS .TR3400 .TS_Product_Icon,
		#TS_LineupSS .TR3600 .TS_Product_Icon {
			width: 10.5vw;
		}
		#TS_LineupSS .CT4238 .TS_Product_Icon,
		#TS_LineupSS .CT3536 .TS_Product_Icon,
		#TS_LineupSS .CT3020 .TS_Product_Icon,
		#TS_LineupSS .EC3842 .TS_Product_Icon,
		#TS_LineupSS .WP3630 .TS_Product_Icon {
			width: 19vw;
		}
		.tab_item {
			font-size: 3.5vw;
		}
			.TS_New_Icon img {
				width: 6vw;
			}
		/* =========================
		COLOR CHART
		========================= */
		.TS_ColorChartColmn h2 {
			font-size: 3.5vw;
		}
			.colorChart-popup a {
				margin: 1vw 1.5vw 1vw;
				width: calc( 16.666666666666667% - 3vw );
			}
				.colorChart-popup a p {
					font-size: 2.6vw;
				}
				.colorChart-popup a h3 {
					font-size: 2vw;
				}
		/* =========================
		BAG TAB
		========================= */
		#TS_Bag_Tab-B li h1 {
			font-size: 4.5vw;
		}
}/* 540 */



/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
FRONT PAGE ■■■ RESPONSIVE ■■■
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
/* -------------------------
960
------------------------- */
@media screen and (max-width: 960px) {
	/* ::::::::::::::::::::::::::::
	INTRIDUCTION
	:::::::::::::::::::::::::::: */
							#TS_IntroSS #TS_Logo_Wht {
								width: 28vw;
							}
	/* ::::::::::::::::::::::::::::
	ABOUT US
	:::::::::::::::::::::::::::: */
		.TS_AboutSS_Inr {
			padding: 7vw 0 0;
		}
								/* Authentic */
										#TS_AboutImg_Authentic img { /* 1058*850 */
											width: 49.59375000000003vw; /* 90% */
										}
									#TS_AboutTitle_Authentic {
										margin-top: 4vw;
										padding-left: 2vw;
										width: calc( 100% - 49.59375000000003vw - 2vw )
									}
										#TS_AboutTitle_Authentic img {
											width: 21.24999999999996vw; /* 120% */
										}
								/* Quality */
								#TS_AboutArea_Quality { /* 1920*1146 */
									margin-top: -4.756944444444433vw; /* 1/2 */
								}
										#TS_AboutImg_Quality img { /* 938*1146 */
											width: 43.96875000000003vw; /* 90% */
										}
									#TS_AboutTitle_Quality {
										padding-right: 2vw;
										width: calc( 100% - 43.96875000000003vw - 2vw )
									}
										#TS_AboutTitle_Quality img { /*  */
											width: 17.00000000000004vw;
										}
								/* Essense */
								#TS_AboutArea_Essense { /* 1920*961 */
									margin-top: -5.104166666666667vw;
								}
										#TS_AboutImg_Essense img { /* 897*961 */
											width: 42.046875vw; /* 90% */
										}
									#TS_AboutTitle_Essense {
										margin-top: 8vw;
										padding-left: 2vw;
										width: calc( 100% - 42.046875vw - 2vw )
									}
										#TS_AboutTitle_Essense img { /*  */
											width: 17.00000000000004vw;
										}
	/* ::::::::::::::::::::::::::::
	LINEUP
	:::::::::::::::::::::::::::: */
									.TS_ProductLoopForTopPage_L,
									.TS_ProductLoopForTopPage_R {
										display: block;
										padding: 0;
										width: 100%;
									}
								.TS_ProductLoopForTopPage {
									overflow-x: clip;
									padding: 8vw 10vw 10vw;
								}
									.TS_LineupImg_typo {
										right: -4.51171875vw; /* width/2 */
										width: 9.0234375vw;
									}
										.TR3400 .TS_LineupImg_typo {
											right: -10.026041666666638vw; /* width/2 */
											width: 20.052083333333275vw;
										}
						#TS_LineupSS .TS_Product_TopPage_Cap {
							margin: 2em 0 2em;
						}
						#TS_LineupSS .TS_Product_Weight_Size_Color {
							margin: 3vw 0;
							padding: 0;
						}
	/* ::::::::::::::::::::::::::::
	BAG
	:::::::::::::::::::::::::::: */
	#TS_TopBagSS {
		margin: 0 auto;
	}
											#TS_TopBagSS .TS_ProductLoopForTopPage_L,
											#TS_TopBagSS .TS_ProductLoopForTopPage_R {
												display: block;
												height: auto;
												vertical-align: top;
												width: 100%;
											}
											#TS_TopBagSS .TS_ProductLoopForTopPage_L { /* 699*616 */ /*821*616*/
												aspect-ratio: 1257/1100;
												background-position: bottom;
												background-size: contain;
												height: auto;
												margin: 0 0 2vw;
												width: 100%;
											}
												#TS_TopBagSS .TS_ProductLoopForTopPage_L img {
													display: block;
													object-fit: unset;
												}
												#TS_ProductLoopForTopPage .TS_ViewMoreBtn {
													margin: 1.5em auto;
												}
												#TS_TopBagSS .TS_ViewMoreBtn {
													left: 50%;
													position: absolute;
														-webkit-transform: translateX(-50%);
														-moz-transform: translateX(-50%);
														-ms-transform: translateX(-50%);
														-o-transform: translateX(-50%);
													transform: translateX(-50%);
													top: -10vw;
												}
}/* 960 */
		/* -------------------------
		768
		------------------------- */
		@media screen and (max-width: 768px) {
			/* ::::::::::::::::::::::::::::
			FIRST VIEW
			:::::::::::::::::::::::::::: */
			#TS_TOP_FVSS,
				#TS_TopPage_MainV ,
					#TS_TopPage_MainV div {
						aspect-ratio: 1/1;
						height: auto;
						width: 100%;
					}
				#TS_TopPage_Cap {
					bottom: 120px;
				}
			/* ::::::::::::::::::::::::::::
			INTRIDUCTION
			:::::::::::::::::::::::::::: */
			#TS_IntroSS {
				margin-top: -30px;
			}
			/* ::::::::::::::::::::::::::::
			ABOUT US
			:::::::::::::::::::::::::::: */
			.TS_AboutArea .br768 {
				display: block;
			}
			/* Authentic */
					#TS_AboutImg_Authentic img { /* 1058*850 */
						width: 55.1041666666667vw;
					}
				#TS_AboutTitle_Authentic {
				}
					#TS_AboutTitle_Authentic img {
						width: 24.79166666666662vw; /* 140% */
					}
				/* Quality */
				#TS_AboutArea_Quality { /* 1920*1146 */
					margin-top: 5vw;
				}
						#TS_AboutImg_Quality img { /* 938*1146 */
							width: 48.8541666666667vw;
						}
					#TS_AboutTitle_Quality {
					}
						#TS_AboutTitle_Quality img { /*  */
							width: 19.83333333333338vw; /* 140% */
						}
				/* Essense */
				#TS_AboutArea_Essense { /* 1920*961 */
					margin-top: -5vw;
				}
				/* Essense */
					#TS_AboutTitle_Essense {
					}
						#TS_AboutImg_Essense img { /* 897*961 */
							width: 46.71875vw;
						}
						#TS_AboutTitle_Essense img { /*  */
							width: 19.83333333333338vw; /* 140% */
						}
		}/* 768 */
		/* -------------------------
		640
		------------------------- */
		@media screen and (max-width: 640px) {
			/* ::::::::::::::::::::::::::::
			FIRST VIEW
			:::::::::::::::::::::::::::: */
			#TS_TOP_FVSS,
				#TS_TopPage_MainV ,
					#TS_TopPage_MainV div {
						aspect-ratio: 3/4;
					}
				#TS_TopPage_Cap {
					bottom: 100px;
				}
			/* ::::::::::::::::::::::::::::
			INTRIDUCTION
			:::::::::::::::::::::::::::: */
			#TS_IntroSS {
				align-items: center;
				aspect-ratio: 1/1;
			}
				#TS_IntroSS #TS_Logo_Wht {
					width: 36vw;
				}
			/* ::::::::::::::::::::::::::::
			ABOUT US
			:::::::::::::::::::::::::::: */
							.TS_AboutTitle p {
								padding-left: 4.2372881355932%;
								padding-top: 0.75em;
							}
					/* Authentic */
					.TS_AboutArea .br768 {
						display: none;
					}
					#TS_AboutArea_Authentic {
						flex-direction: column;
					}
						#TS_AboutImg_Authentic {
							margin-top: -5%;
							text-align: right;
						}
							#TS_AboutImg_Authentic img { /* 1058*850 */
								width: 77.14583333333338vw; /* 140% */
							}
						#TS_AboutTitle_Authentic {
							width: auto;
						}
					/* Quality */
					#TS_AboutArea_Quality {
						align-items: flex-end;
						/* background: rgba(100,150,222,.4); CHK */
						flex-direction: column-reverse;
						justify-content: flex-end;
						margin-top: 5%;
					}
						#TS_AboutImg_Quality {
							margin-right: unset;
							margin-top: -5%;
							text-align: left;
							width: 100%;
						}
							#TS_AboutImg_Quality img { /* 938*1146 */
								width: 68.39583333333338vw; /* 140% */
							}
						#TS_AboutTitle_Quality {
							width: calc( 70% - 2vw );
							padding-right: 2vw;
						}
							#TS_AboutTitle_Quality p {
								/* background: rgba(200,150,222,.4); CHK */
								padding-left: 11%;
							}
					/* Essense */
					#TS_AboutArea_Essense {
						/* background: rgba(200,150,222,.4); CHK */
						flex-direction: column;
						margin-top: 5%;
					}
						#TS_AboutTitle_Essense {
							margin-bottom: unset;
							margin-right: unset;
							margin-top: unset;
							width: 100%;
						}
						#TS_AboutImg_Essense {
							margin-top: -5%;
							text-align: right;
							width: 100%;
						}
							#TS_AboutImg_Essense img { /* 897*961 */
								width: 65.40625vw; /* 140% */
							}
					#TS_Ptxt_vLogo {
							bottom: -30%;
							width: 16.1875vw; /* 140% */
							z-index: 200;
					}
			/* ::::::::::::::::::::::::::::
			LINEUP
			:::::::::::::::::::::::::::: */
			.TS_LineupSS_Inr {
				margin: 0 auto;
				padding: 5vw 0 0;
			}
			/* ::::::::::::::::::::::::::::
			BAG
			:::::::::::::::::::::::::::: */
			#TS_TopBagSS .TS_ProductLoopForTopPage_R {
				display: none;
			}
/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
2ND LAYER
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
	/* ::::::::::::::::::::::::::::
	2ND LAYER COMMON PARTS
	:::::::::::::::::::::::::::: */
						/* ----- WEIGHT / SIZE / COLOR ----- */
						.TS_2ndlayer .TS_Product_Weight_Size_Color {
							padding: 5vw 0;
						}
		}/* 640 */
		/* -------------------------
		540
		------------------------- */
		@media screen and (max-width: 540px) {
			/* ::::::::::::::::::::::::::::
			ABOUT US
			:::::::::::::::::::::::::::: */
			/* Authentic */
				#TS_AboutImg_Authentic {
					margin-top: 0;
					padding: 5vw 0;
				}
					#TS_AboutImg_Authentic img { /* 1058*850 */
						width: 90.921875000000055vw; /* 165% */
					}
					#TS_AboutTitle_Authentic img {
						width: 29.218749999999945vw; /* 165% */
					}
			/* Quality */
			#TS_AboutArea_Quality {
				justify-content: flex-start;
				margin-top: 0;
			}
				#TS_AboutTitle_Quality{
					margin-left: 0;
					padding-left: 0;
					padding-right: 0;
					width: calc( 100% - 2vw );
				}
					#TS_AboutTitle_Quality p {
						padding-left: 4.2372881355932%;
					}
					#TS_AboutTitle_Quality img {
						width: 23.375000000000055vw; /* 165% */
					}
				#TS_AboutImg_Quality {
					margin-top: 0;
					padding: 5vw 0;
				}
					#TS_AboutImg_Quality img { /* 938*1146 */
						width: 80.609375000000055vw; /* 165% */
					}
			/* Essense */
			#TS_AboutArea_Essense {
				margin-top: 2.5%;
			}
					#TS_AboutTitle_Essense img { /*  */
						width: 23.375000000000055vw; /* 165% */
					}
				#TS_AboutImg_Essense {
					margin-top: 0;
					padding: 5vw 0 0;
				}
					#TS_AboutImg_Essense img { /* 897*961 */
						width: 77.0859375vw; /* 165% */
					}
			/* ::::::::::::::::::::::::::::
			BAG
			:::::::::::::::::::::::::::: */
		.TS_TopBagSS_Inr {
			padding: 5vw 0 10vw;
		}
			#TS_TopBagSS .TS_ProductLoopForTopPage_L { /* 699*616 */ /*821*616*/
				aspect-ratio: 1257/1257;
			}
		}/* 540 */



/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
2ND LAYER ■■■ RESPONSIVE ■■■
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
/* -------------------------
min 16/9
------------------------- */
@media (min-aspect-ratio: 16/9) { 
	/* =========================
	PRODUCT COLUMN MAIN-V COLUMN
	PRODUCT COLUMN THUMBNAIL & SPEC COLUMN
	========================= */
	.TS_MainV_Sticky div,
	.BAG_MainV_Sticky div {
			aspect-ratio: 1.4 / 1.3;
			height: auto;
			min-height: 1px;
		}
			.TS_MainV_Sticky div img,
			.BAG_MainV_Sticky div img {
				display: block;
				aspect-ratio: 1.4 / 1.3;
				height: auto;
				object-fit: unset;
				width: 100%;
			}
} /* min 16/9 */
/* -------------------------
min 2/1
------------------------- */
@media (min-aspect-ratio: 2/1) { 
	/* =========================
	PRODUCT COLUMN MAIN-V COLUMN
	PRODUCT COLUMN THUMBNAIL & SPEC COLUMN
	========================= */
	.TS_Spec_Sticky {
		/* background: rgba(255,0,0,.5); CHK */
		height: auto;
	}
	.BAG_Spec_Sticky {
		/* background: rgba(255,255,0,.5); CHK */
		height: auto;
	}
		.TS_Spec_Sticky_Spec_Inr {
			height: auto;
		}
		.BAG_Spec_Wpr .TS_Spec_Sticky_Spec_Inr {
			height: auto;
		}
} /* min 2/1 */
/* -------------------------
max 4/3
------------------------- */
@media (max-aspect-ratio: 4/3) { 
	/* =========================
	PRODUCT COLUMN MAIN-V COLUMN
	PRODUCT COLUMN THUMBNAIL & SPEC COLUMN
	========================= */
	.TS_Spec_Wpr {
		/* background: rgba(255,0,0,1); CHK */
	}
	.TS_MainV_Sticky div,
	.BAG_MainV_Sticky div {
		aspect-ratio: 1.4 / 1.3;
		height: auto;
		min-height: 1px;
		width: 100%;
	}
		.TS_MainV_Sticky div img,
		.BAG_MainV_Sticky div img {
			display: block;
			aspect-ratio: 1.4 / 1.3;
			height: auto;
			object-fit: unset;
			width: 100%;
		}
		/* =========================
		PRODUCT COLUMN THUMBNAIL & SPEC COLUMN
		========================= */
			.TS_Spec_Wpr,
			.BAG_Spec_Wpr {
				align-items: flex-start;
			}
				/* -------------------------
				THUMBNAIL
				------------------------- */
				.TS_Spec_Sticky_Thumbnail {
					aspect-ratio: 1 / 9.46;
					/* background: rgba(0,255,0,1); CHK */
					height: auto;
				}
				.BAG_Spec_Sticky_Thumbnail {
					aspect-ratio: 1 / 9.46;
					/* background: rgba(0,0,255,1); CHK */
					height: auto;
				}
} /* min 4/3 */
/* -------------------------
1920
------------------------- */
@media screen and (max-width: 1920px) {
/* /////////////////////////////////////////////////////////
PRODUCT PAGE
///////////////////////////////////////////////////////// */
	/* -----------------------------
	COLOR CHART
	------------------------------ */
			.colorChart-popup a {
				margin: 0.5vw 0.75vw 0;
				width: calc( 5.555555555555556% - 1.5vw );
			}
}/* 1920 */
/* -------------------------
1600
------------------------- */
@media screen and (max-width: 1600px) {
/* ::::::::::::::::::::::::::::
PRODUCT COLUMN
:::::::::::::::::::::::::::: */
/* =========================
PRODUCT COLUMN MAIN-V COLUMN
========================= */
				.TS_MainV_Sticky div,
				.BAG_MainV_Sticky div {
					aspect-ratio: 1.4 / 1.3;
					height: auto;
					min-height: 1px;
					width: 100%;
				}
						.TS_MainV_Sticky div img,
						.BAG_MainV_Sticky div img {
							height: auto;
							object-fit: unset;
						}
/* =========================
COLOR CHART
========================= */
			.colorChart-popup a {
				width: calc( 6.25% - 1.5vw );
			}
}/* 1600 */
/* -------------------------
1280
------------------------- */
@media screen and (max-width: 1280px) {
	/* ::::::::::::::::::::::::::::
	PRODUCT COLUMN
	:::::::::::::::::::::::::::: */
		/* =========================
		PRODUCT COLUMN MAIN-V COLUMN
		========================= */
			.TS_MainV_Sticky,
			.BAG_Tab_Panel .TS_MainV_Sticky,
			.BAG_MainV_Sticky {
				width: 55%;
			}
		/* =========================
		PRODUCT COLUMN THUMBNAIL & SPEC COLUMN
		========================= */
			.TS_Spec_Sticky,
			.BAG_Spec_Sticky {
				width: 45%;
			}
}/* 1280 */
/* -------------------------
960
------------------------- */
@media screen and (max-width: 960px) {
	/* ::::::::::::::::::::::::::::
	PRODUCT COLUMN
	:::::::::::::::::::::::::::: */
		/* =========================
		PRODUCT COLUMN MAIN-V COLUMN
		========================= */
	.TS_Product_Loop {
		/* background: rgba(100,170,255,.3); CHK */
		border-bottom: 1px solid #b3b3b3;
		padding: 10vw 0 8vw;
		width: 100%;
	}
			.TS_MainV_Sticky,
			.TS_Spec_Sticky,
			.BAG_Tab_Panel .TS_MainV_Sticky,
			.BAG_MainV_Sticky,
			.BAG_Spec_Sticky {
				display: block;
				width: auto;
			}
				.TS_MainV_Sticky div,
				.BAG_MainV_Sticky div {
					height: auto;
					margin: 0;
					min-height: 1px;
					width: auto;
				}
				.TS_MainV_Sticky div:last-child,
				.BAG_MainV_Sticky div:last-child {
					margin: 0;
				}
						.TS_MainV_Sticky div img,
						.BAG_MainV_Sticky div img {
							display: block;
							height: auto;
							object-fit: unset;
						}
		/* =========================
		PRODUCT COLUMN THUMBNAIL & SPEC COLUMN
		========================= */
			.TS_Spec_Sticky,
			.BAG_Spec_Sticky {
				height: auto;
				position: static;
				top: auto;
			}
			.TS_Spec_Wpr,
			.BAG_Spec_Wpr {
				display: block;
				height: auto;
						width: 100vw;
			}
				.TS_Spec_Sticky_Thumbnail,
				.TS_Spec_Sticky_Spec
				.BAG_Spec_Wpr .TS_Spec_Sticky_Spec {
					position: static;
					width: auto;
				}
				/* -------------------------
				THUMBNAIL
				------------------------- */
				.TS_Spec_Sticky_Thumbnail {
					aspect-ratio: unset;
					align-items: unset;
					display: block;
					justify-content: unset;
					flex-flow: unset;
					margin: 0;
					padding: 5px 0;
					text-align: center;
					width: 100%;
				}
				.BAG_Spec_Sticky_Thumbnail {
					aspect-ratio: unset;
					display: none;
				}
					.TS_Spec_Sticky_Thumbnail div {
						display: block;
						cursor: pointer;
						margin: 0;
						max-height:100%;
						padding: 0;
						text-align: center;
						width: 100%;
					}
							.slick-list,
							.slick-slide {
								margin: 0;
								padding: 0;
								text-align: center;
								width: 100%;
							}
							.TS_Spec_Sticky_Thumbnail div a {
								display: block;
								pointer-events: none;
								text-decoration: none;
								cursor: default;
								margin: 5px;
								padding: 0;
							}
				/* -------------------------
				SPEC
				------------------------- */
				.TS_Spec_Sticky_Spec,
				.BAG_Spec_Wpr .TS_Spec_Sticky_Spec {
							/* bottom: auto; */
							/* right: auto; */
					margin: 0 auto;
					width: 80%;
				}
					.TS_Spec_Sticky_Spec_Inr,
					.BAG_Spec_Wpr .TS_Spec_Sticky_Spec_Inr {
						height: auto;
						margin: 0 auto;
						width: auto;
					}
						.TS_Product_Title,
						.BAG_Spec_Wpr .TS_Product_Title {
							padding: 5vw 0 2.5vw;
						}
							.TS_Product_Title_L,
							.BAG_Spec_Wpr .TS_Product_Title_L {
								width: 60%;
							}
							.TS_Product_Title_R,
							.BAG_Spec_Wpr .TS_Product_Title_R {
								width: 40%;
							}
								.TS_New_Icon img {
									width: 5vw;
								}
									.TR180 .TS_Product_Icon,
									.TR160 .TS_Product_Icon,
									.TR150 .TS_Product_Icon,
									.CF135 .TS_Product_Icon,
									.TR2000 .TS_Product_Icon {
										width: 12vw;
								}
									.TR180-UB .TS_Product_Icon:last-child {
										width: 11vw;
								}
									.TR180-UB .TS_Product_Icon:first-child {
										width: 14.5vw;
										right: 11.5vw;
								}
									.TR3300 .TS_Product_Icon,
									.TR3400 .TS_Product_Icon,
									.TR3600 .TS_Product_Icon {
										width: 8vw;
								}
									.CT4238 .TS_Product_Icon,
									.CT3536 .TS_Product_Icon,
									.CT3020 .TS_Product_Icon,
									.EC3842 .TS_Product_Icon,
									.WP3630 .TS_Product_Icon {
										width: 17vw;
								}
								.TS_Product_Spec_icon {
									margin-bottom: -1vw;
									width: 6vw;
								}
						.TS_Product_Weight_Size_Color {
							padding: 3vw 0;
						}
					.TS_Price_Size_Tab .tab_content_inr {
						margin: 1.5em 0 0;
					}
		/* =========================
		COLOR CHART
		========================= */
		.TS_ColorChartColmn {
			margin: 30px auto 0 ;
		}
			.TS_ColorChartColmn h2 {
				margin: 0 0 0.5em 1.25vw;
			}
				.colorChart-popup a {
					margin: 1vw 1vw;
					width: calc( 10% - 2vw );
				}
		/* =========================
		BAG TAB
		========================= */
			#TS_Bag_Tab-B {
				flex-wrap: wrap;
				justify-content: center;
				height: auto;
				padding: 0;
				text-align: center;
			}
				#TS_Bag_Tab-B li {
					justify-content: center;
					padding: 1em 0;
					width: calc( 100% / 3 );
				}
		@media (max-aspect-ratio: 4/3) { /* 704 * 653.714285714285714 */
			.TS_MainV_Sticky div,
			.BAG_Tab_Panel .TS_MainV_Sticky div  {
				aspect-ratio: auto;
			}
					.TS_MainV_Sticky div img,
					.BAG_Tab_Panel .TS_MainV_Sticky div img {
						aspect-ratio: auto;
					}
		.TS_Spec_Wpr,
		.BAG_Spec_Wpr { /* 576 * 653.714285714285714 */
			aspect-ratio: auto;
		}
	}
}/* 1280 */
@media screen and (max-width: 768px) {
	/* ::::::::::::::::::::::::::::
	PRODUCT COLUMN
	:::::::::::::::::::::::::::: */
		/* =========================
		PRODUCT COLUMN MAIN-V COLUMN
		========================= */
				.TS_Spec_Sticky_Spec,
				.BAG_Spec_Wpr .TS_Spec_Sticky_Spec {
					width: 95%;
				}
							.TS_Product_Title_L,
							.BAG_Spec_Wpr .TS_Product_Title_L {
								width: 60%;
							}
							.TS_Product_Title_R,
							.BAG_Spec_Wpr .TS_Product_Title_R {
								width: 40%;
							}
		/* =========================
		COLOR CHART
		========================= */
			.colorChart-popup a {
				width: calc( 12.5% - 2vw );
			}
		/* =========================
		BAG TAB
		========================= */
		.tabnav > li{
			cursor: pointer;
		}
		.tabnav > li.active{
			cursor: default;
		}
}/* 768 */
/* -------------------------
640
------------------------- */
@media screen and (max-width: 640px) {
	/* ::::::::::::::::::::::::::::
	PRODUCT COLUMN
	:::::::::::::::::::::::::::: */
	.TS_Product_Loop {
		padding: 12vw 0 10vw;
	}
			.TS_Product_Spec_icon {
				margin-bottom: -1.5vw;
				width: 7.5vw;
			}
					.TS_Price_Size_Tab .tab_content_inr {
						margin: 3em 0 0;
					}
	.tab_content_inr img {
		margin: 0 0 15px;
	}
		/* =========================
		COLOR CHART
		========================= */
			.colorChart-popup a {
				width: calc( 12.5% - 2vw );
			}
}/* 640 */ 
/* -------------------------
540
------------------------- */
@media screen and (max-width: 540px) {
}/* 540 */ 








/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
HOVER
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media (hover: hover) and (pointer: fine) {
/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
FRAMEWORK
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
	/* ::::::::::::::::::::::::::::
	STRUCTURE
	:::::::::::::::::::::::::::: */
		/* =========================
		COMMON PARTS
		========================= */
			/* -------------------------
			BTN
			------------------------- */
			.bdrBtn:hover {
				border: 1px solid #000;
				background: #000;
				color: #fff;
					filter: alpha(opacity=100);
					-moz-opacity: 1;
				opacity: 1;
			}
/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
FRONT PAGE
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
	/* ::::::::::::::::::::::::::::
	FIRST VIEW
	:::::::::::::::::::::::::::: */
		/* -------------------------
		Front Pange - First View slick dots
		------------------------- */
		.slick-dots li button:hover,
		.slick-dots li button:focus {
			background: #fff;
			outline: none;
		}
	/* ::::::::::::::::::::::::::::
	LINEUP
	:::::::::::::::::::::::::::: */
		.TS_ProductLoopForTopPage_R a:hover{
				filter:alpha(opacity=100);
				-ms-filter: "alpha(opacity=100)";
				-moz-opacity: 1;
				-khtml-opacity: 1;
			opacity:1;
		}
		.TS_ProductLoopForTopPage_R a:hover img.TS_LineupImg_h {
				filter:alpha(opacity=100);
				-ms-filter: "alpha(opacity=100)";
				-moz-opacity: 1;
				-khtml-opacity: 1;
			opacity:1;
		}
		.TS_ProductLoopForTopPage_R a:hover img.TS_LineupImg_i {
				filter:alpha(opacity=0);
				-ms-filter: "alpha(opacity=0)";
				-moz-opacity: 0;
				-khtml-opacity: 0;
			opacity:0;
		}
/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
2ND LAYER
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
	/* ::::::::::::::::::::::::::::
	PRODUCT COLUMN
	:::::::::::::::::::::::::::: */
		/* =========================
		PRODUCT COLUMN THUMBNAIL & SPEC COLUMN
		========================= */
				/* -------------------------
				THUMBNAIL
				------------------------- */
			.TS_Spec_Sticky_Thumbnail .slide-arrow:hover,
			.BAG_Spec_Sticky_Thumbnail .slide-arrow:hover {
					filter: alpha(opacity=100);
					-moz-opacity: 1;
				opacity: 1;
					-moz-transition: all .2s;
					-webkit-transition: all .2s;
					-o-transition: all .2s;
					-ms-transition: all .2s;
				transition: .2s;
				transform-origin: center middle;
				width: 35px;
			}
				.tab_item:hover {
					opacity: 0.75;
					cursor: pointer;
				}
				/* -------------------------
				SPEC
				------------------------- */
					.TS_Price_Size_Tab input:checked + .tab_item:hover {
						border-bottom: 1px solid transparent;
						transition: all 0.2s;
					}
		/* =========================
		COLOR CHART
		========================= */
			.gallery-arrow-left:hover {
				background: url("../image/colorchart_gallery_arrow-l_h.svg") no-repeat;
				background-size: contain;
				background-position: center;
					-moz-transition: all .1s;
					-webkit-transition: all .1s;
					-o-transition: all .1s;
					-ms-transition: all .1s;
				transition: .1s;
			}
			.gallery-arrow-right:hover {
				background: url("../image/colorchart_gallery_arrow-r_h.svg")no-repeat;
				background-size: contain;
				background-position: center;
					-moz-transition: all .1s;
					-webkit-transition: all .1s;
					-o-transition: all .1s;
					-ms-transition: all .1s;
				transition: .1s;
			}
} /* HOVER */






@media (any-hover: hover) {
	a:hover{
					filter: alpha(opacity=100);
					-moz-opacity: 1;
				opacity: 1;
	}
}




/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
FRAMEWORK
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
	/* ::::::::::::::::::::::::::::
	STRUCTURE
	:::::::::::::::::::::::::::: */
		/* =========================
		HTML
		========================= */
		/* =========================
		HEADER
		========================= */
		/* =========================
		FOOTER
		========================= */
		/* =========================
		FONT SETTINGS
		========================= */
			/* -------------------------
			FAMILY
			------------------------- */
			/* -------------------------
			KERNING
			------------------------- */
			/* -------------------------
			SCALLING
			------------------------- */
			/* -------------------------
			Family / Size / Weight / LH / Margin / Padding / Color
			------------------------- */
		/* =========================
		COMMON PARTS
		========================= */
			/* -------------------------
			TAB LABEL
			------------------------- */
			/* -------------------------
			BR
			------------------------- */
			/* -------------------------
			BSP
			------------------------- */
			/* -------------------------
			BTN
			------------------------- */
			/* -------------------------
			TABLE
			------------------------- */
		/* =========================
		ANIMATION
		========================= */
			/* -------------------------
			Motion Link
			------------------------- */
			/* -------------------------
			SCROLL
			------------------------- */

/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
FRONT PAGE
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
	/* ::::::::::::::::::::::::::::
	FRONT PAGE COMMON PARTS
	:::::::::::::::::::::::::::: */
	/* ::::::::::::::::::::::::::::
	FIRST VIEW
	:::::::::::::::::::::::::::: */
	/* ::::::::::::::::::::::::::::
	INTRIDUCTION
	:::::::::::::::::::::::::::: */
	/* ::::::::::::::::::::::::::::
	ABOUT US
	:::::::::::::::::::::::::::: */
	/* ::::::::::::::::::::::::::::
	LINEUP
	:::::::::::::::::::::::::::: */
	/* ::::::::::::::::::::::::::::
	BAG
	:::::::::::::::::::::::::::: */

/* /////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
2ND LAYER
////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////// */
	/* ::::::::::::::::::::::::::::
	2ND LAYER COMMON PARTS
	:::::::::::::::::::::::::::: */
	/* ::::::::::::::::::::::::::::
	PRODUCT COLUMN
	:::::::::::::::::::::::::::: */
		/* =========================
		PRODUCT COLUMN MAIN-V COLUMN
		========================= */
		/* =========================
		PRODUCT COLUMN THUMBNAIL & SPEC COLUMN
		========================= */
				/* -------------------------
				THUMBNAIL
				------------------------- */
				/* -------------------------
				SPEC
				------------------------- */
		/* =========================
		COLOR CHART
		========================= */
		/* =========================
		BAG TAB
		========================= */




