@import url('https://fonts.googleapis.com/css2?family=Arya&display=swap');

.themeExtra{
	--section-ratio:2.18;
	font-family: Arial;
	overflow: hidden;
}

.cs::-webkit-scrollbar{
	width:14px;
}
.cs::-webkit-scrollbar-thumb{
	border:4px solid transparent;
	border-radius:10px;
	background-color: #d9d9d9;
	background-clip: content-box;
}
.cs::-webkit-scrollbar-thumb:hover{
	background-color: #999;
}

/************************************** forest start ***************************************/
.forest{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio:var(--section-ratio);
	background: url(../images/bg_forest.jpg) no-repeat center/cover;
}

/*************** 內容 start **************/
.forest hgroup{
	width:70.83%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.forest h2{
	display: flex;
	font-size: 0;
	width:100%;
}
.forest h2 *{
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.forest h2 span:nth-child(1){
	width:29.41%;
	aspect-ratio:4.31;
	background-image: url(../images/forestT1.svg);
}
.forest h2 i{
	width:14.47%;
	aspect-ratio:2.12;
	background-image: url(../images/forestIcon.svg);
	transform-origin: center bottom;
}
.forest h2 span:nth-child(3){
	width:56%;
	aspect-ratio:8.2;
	background-image: url(../images/forestT2.svg);
}

.subT{
	color:#FFF;
	font-size: clamp(14px, 1.58vw, 19px);
	line-height: 1em;
	margin-top:1.5em;
	display: flex;
	align-items: center;
}

.subT ul{
	font-family: 'Arya', sans-serif;
	font-size: 1.1em;
	display: flex;
	align-items: center;
}
.subT li+li{
	margin-left:1em;
	padding-left:1em;
	border-left:1px solid;
}

.subT h3{
	font-size: 1em;
	letter-spacing: 1em;
	margin-left:1.2em;
	transform: translateY(10%);
}
/*************** 內容 end **************/

/*************** scrollHint start **************/
.forest button{
	position: absolute;
	left:50%;
	bottom:1.2em;
	transform: translateX(-50%);
	border:none;
	background: none;
	color:#d9d9d9;
	width:3.21em;
	aspect-ratio:0.75;
	cursor: pointer;
}
.forest button:before,
.forest button:after{
	position: absolute;
	content:"";
	display: block;
	background: currentColor;
}
.forest button:before{
	left:50%;
	top:0;
	width:1px;
	height:100%;
	transform: translateX(-50%);
}
.forest button:after{
	left:50%;
	top:0;
	width:5px;
	aspect-ratio:1;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	animation:scrollHint 1s ease-in alternate infinite;
}
@keyframes scrollHint{
	to{
		top: 100%;
	}
}
.forest button span{
	position: absolute;
	font-size: 12px;
	letter-spacing: 0.05em;
	left:50%;
	top:50%;
	transform:translate(-5%, -50%) rotate(90deg);
}
/*************** scrollHint end **************/
/************************************** forest end ***************************************/

/************************************** 共用 start ***************************************/
.logo{
	display: block;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
._finn{
	background-image: url(../images/logoFinn.svg);
	aspect-ratio:2.91;
}
._artek{
	background-image: url(../images/logoArtek.svg);
	aspect-ratio:3.13;
}
._maruni{
	background-image: url(../images/logoMaruni.svg);
	aspect-ratio:4.47;
}
._e15{
	background-image: url(../images/logoE15.svg);
	aspect-ratio:1.55;
}
._finn.w{ background-image: url(../images/logoFinn_w.svg);}
._artek.w{ background-image: url(../images/logoArtek_w.svg);}
._maruni.w{ background-image: url(../images/logoMaruni_w.svg);}
._e15.w{ background-image: url(../images/logoE15_w.svg);}
/************************************** 共用 end ***************************************/

/************************************** map start ***************************************/
.map{
	position: relative;
	aspect-ratio:var(--section-ratio);
	background: url(../images/bg_map.jpg) no-repeat center/cover;
}

.map li{
	position: absolute;
	left:50%;
	bottom:50%;
	width:4%;
	cursor:pointer;
	transform-origin: left bottom;
}
.map li:nth-child(1){ margin:0 0 4.91% -19.58%;}
.map li:nth-child(2){ margin:0 0 6.58% -14.5%;}
.map li:nth-child(3){ margin:0 0 -4.75% 24%;}
.map li:nth-child(4){ margin:0 0 -0.3% -17%;}

.marker{
	position: relative;
	display: block;
	aspect-ratio:0.75;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translateX(-50%);
	z-index: 1;
}
.map li:nth-child(1) .marker{ background-image: url(../images/markerFinn.svg);}
.map li:nth-child(2) .marker{ background-image: url(../images/markerArtek.svg);}
.map li:nth-child(3) .marker{ background-image: url(../images/markerMaruni.svg);}
.map li:nth-child(4) .marker{ background-image: url(../images/markerE15.svg);}
.map li:hover .marker{
	animation:marker 0.35s ease-out alternate infinite;
}
@keyframes marker{
	to{
		transform: translate(-50%, -25%);
	}
}

.map li:before{
	position: absolute;
	content: "";
	display: block;
	left:0;
	bottom:0;
	width:104.16%;
	aspect-ratio:4.16;
	background: url(../images/markerShadow.png) no-repeat center/contain;
	z-index: 0;
}
.map li:hover:before{
	animation:markerShadow 0.35s ease-out alternate infinite;
}
@keyframes markerShadow{
	to{
		opacity: 0;
		transform: translate(20%, -20%);
	}
}

.map .logo{
	position: absolute;
	bottom:0;
	z-index: 1;
}
.map ._finn{
	width:279.16%;
	right:100%;
	margin:0 55% 29.16% 0;
}
.map ._artek{
	width:195.83%;
	left:0;
	margin:0 0 -20.83% 35%;
}
.map ._maruni{
	width:214.58%;
	left:0;
	margin:0 0 29% 55%;
}
.map ._e15{
	width:93.75%;
	left:0;
	margin:0 0 29% 55%;
}
/************************************** map end ***************************************/

/************************************** main start ***************************************/
.themeExtra .main{
	--main-color:#a4c284;
	position: relative;
	aspect-ratio:var(--section-ratio);
	background: url(../images/bg_main.jpg) no-repeat center bottom/cover;
	display: flex;
	align-items: flex-end;
	padding:0 2.91% 1.25%;
	overflow: hidden;
}

.themeExtra .main > strong{
	display: none;
}

/**************** tree start ****************/
.tree{
	position: relative;
	display: flex;
	align-items: flex-end;
	width:74.33%;
	z-index: 1;
}
.tree li{
	width:25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	color:#2b5048;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
}
.tree li:nth-child(n+3){
	transform: translateX(-12%);
}
.tree li:not(.active){
	cursor: url(../images/cursor.svg) 15 15, pointer;
}
.tree li:before{
	content:"";
	display: block;
	width:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	aspect-ratio:0.94;
	transition: transform 0.5s;
	transform-origin:center bottom;
}
.tree li:nth-child(1):before{ background-image: url(../images/mainTree1.png);}
.tree li:nth-child(2):before{ background-image: url(../images/mainTree2.png);}
.tree li:nth-child(3):before{ background-image: url(../images/mainTree3.png);}
.tree li:nth-child(4):before{ background-image: url(../images/mainTree4.png);}
.tree li:hover:before,
.tree li.active:before{
	transform:scale(1.05);
}
.tree li i{
	font-style: normal;
	margin-top:1em;
}
.tree li span{
	width:7em;
	margin-top:0.2em;
	padding-top:0.2em;
	border-top:1px solid;
}
/**************** tree end ****************/

/************ treeCTWrapper start ************/
.treeCTWrapper{
	position: absolute;
	left:0;
	top:0;
	margin:2.5% 2.91% 0;
	width:94.16%;
	z-index: 0;
}
.treeCTWrapper > ul{
	display: flex;
}
.treeCTWrapper > ul > li{
	width:18.58%;
	margin-top:25%;
	font-size: 12px;
	opacity: 0;
	transition: all 0.35s ease-out;
}
.treeCTWrapper > ul > li:nth-child(3){
	margin-left: -2.4%;
}
.treeCTWrapper > ul > li.active{
	margin-top:2.21%;
	opacity: 1;
}

/**** 品牌 start ****/
.treeCTWrapper h3{
	position: relative;
	background: var(--main-color);
	border-top-right-radius: 0.8em;
	height:3em;
	padding-left:22%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.treeCTWrapper h3:before{
	position: absolute;
	content:"";
	display: block;
	width:31.42%;
	aspect-ratio:1;
	border:0.41em solid var(--main-color);
	border-radius:50%;
	left:0;
	top:0;
	transform: translateY(-45%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.treeCTWrapper > ul > li:nth-child(1) h3:before{ background-image: url(../images/mainTexture1.jpg);}
.treeCTWrapper > ul > li:nth-child(2) h3:before{ background-image: url(../images/mainTexture2.jpg);}
.treeCTWrapper > ul > li:nth-child(3) h3:before{ background-image: url(../images/mainTexture3.jpg);}
.treeCTWrapper > ul > li:nth-child(4) h3:before{ background-image: url(../images/mainTexture4.jpg);}
.treeCTWrapper > ul > li:nth-child(1) h3 em{ width:52%;}
.treeCTWrapper > ul > li:nth-child(2) h3 em{ width:45%;}
.treeCTWrapper > ul > li:nth-child(3) h3 em{ width:50%;}
.treeCTWrapper > ul > li:nth-child(4) h3 em{ width:25%;}
/**** 品牌 end ****/

.treeCTWrapper .ctWrapper{
	height:33em;
	background: linear-gradient(to bottom, #FFF, rgba(255, 255, 255, 0));
	overflow: auto;
}

/**** summary start ****/
.summary{
	padding:1.8em 1.2em;
	line-height: 1.6em;
}
.summary li{
	display: flex;
	align-items: flex-start;
}
.summary li+li{
	margin-top:0.6em;
}
.summary li:before{
	content:"";
	display: block;
	width:1.5em;
	aspect-ratio:1;
	margin-right:0.2em;
	flex-shrink:0;
	background-image: url(../images/mainIcon.svg);
	background-repeat: no-repeat;
	background-position-y:center;
	background-size: 400%;
}
.summary li:nth-child(1):before{ background-position-x:0%;}
.summary li:nth-child(2):before{ background-position-x:33.66%;}
.summary li:nth-child(3):before{ background-position-x:66.66%;}
.summary li:nth-child(4):before{ background-position-x:100%;}
/**** summary end ****/

/**** detail start ****/
.detail{
	position: absolute;
	right:0;
	top:0;
	width:23%;
	border-radius:1em;
	overflow: hidden;
	box-shadow:0.2em 0.2em 0.4em 0.2em rgba(0, 0, 0, 0.3);
	display: none;
}
.treeCTWrapper > ul > li.active .detail{
	display: block;
}

/******************* slick start ******************/
.detail img{
	width:100%;
	display: block;
}

.detail .slick-dots{
	bottom:5%;
	pointer-events:none;
}
.detail .slick-dots li {
	color:#FFF;
	width: 8px;
	height: 8px;
	margin:0 0.6em;
	opacity: 0.65;
	transition: all 0.2s;
	pointer-events:auto;
}
.detail .slick-dots li:hover,
.detail .slick-dots li.slick-active{
	opacity: 1;
}
.detail .slick-dots li button {
	padding:0;
	color:currentColor;
	background: currentColor;
	box-shadow: none;
}
/******************* slick end ********************/

.detail .txt{
	background: #FFF;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom:2em;
}

.detail .feat{
	width:100%;
	padding:2.5em 1em 0 2em;
	display: flex;
	flex-direction: column;
	align-items: center;
	height:15em;
	overflow: auto;
}
.detail .feat h4{
	text-align: center;
	font-size: 1.2em;
	color:#76625b;
	line-height: 1em;
	border:2px solid;
	border-top:none;
	border-bottom:none;
	padding:0 1em;
}
.detail .feat *+h4{
	margin-top:1.5em;
}
.detail .feat p{
	margin:1.8em 0 0;
	line-height: 1.8em;
}

.cta{
	font-size: 1.2em;
	font-weight: bold;
	margin-top:1em;
	color:#FFF;
	background: var(--main-color);
	line-height: 1em;
	padding:0.8em 2.8em;
	border:none;
	border-radius:2em;
	cursor:pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background 0.2s;
}
.cta:after{
	content:"";
	display: block;
	width:0.7em;
	height:0.7em;
	border:1px solid;
	border-top:none;
	border-left:none;
	transform: rotate(-45deg);
	margin-left:0.5em;
	transition: transform 0.2s;
}
.cta:hover{
	color:#FFF;
	background: #2b5048;
}
.cta:hover:after{
	transform: translateX(50%) rotate(-45deg);
}
/**** detail end ****/

.treeCTWrapper .closeBtn{
	display:none;
}
/************ treeCTWrapper end ************/
/************************************** main end ***************************************/

/************************************** product start ***************************************/
.product{
	--tab-text-color:#2b5048;
	--color:#43754f;
	--bg-color:#fbf6e3;
	--tab-side-width:30px;
	--active-line-position:calc(100% + var(--tab-side-width));
	padding:2.42em 2em 4em;
	background: var(--bg-color);
}

/************ tab start *************/
.tabBtnWrapper{
	display: flex;
	padding:0 var(--tab-side-width);
	overflow: hidden;
}
.tabBtnWrapper li{
	position: relative;
	width:25%;
}
.tabBtnWrapper li:nth-child(1){ z-index:3;}
.tabBtnWrapper li:nth-child(2){ z-index:2;}
.tabBtnWrapper li:nth-child(3){ z-index:1;}
.tabBtnWrapper li:nth-child(4){ z-index:0;}
.tabBtnWrapper li.active{ z-index:4;}

.tabBtnWrapper li.active:before,
.tabBtnWrapper li.active:after{
	position: absolute;
	content:"";
	display: block;
	width:500%;
	height:2px;
	bottom:0;
	background: var(--color);
}
.tabBtnWrapper li.active:before{
	right:var(--active-line-position);
}
.tabBtnWrapper li.active:after{
	left:var(--active-line-position);
}

.tabBtnWrapper li span{
	position: relative;
	display: block;
	text-align: center;
	font-size: 1.07em;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.1em;
	padding:1.206em 0 1em;
	color:#999;
	transition: color 0.2s;
	background: var(--bg-color) linear-gradient(to bottom, var(--color), var(--color)) no-repeat left top/100% 1px;
	cursor: pointer;
}
.tabBtnWrapper li span:hover,
.tabBtnWrapper li.active span{
	color:var(--tab-text-color);
}
.tabBtnWrapper li.active span{
	background-size: 100% 2px;
}
.tabBtnWrapper li span:before,
.tabBtnWrapper li span:after{
	position: absolute;
	top:0;
	content:"";
	display: block;
	width:var(--tab-side-width);
	aspect-ratio:0.625;
	background: url(../images/tab.svg) no-repeat center/cover;
}
.tabBtnWrapper li span:before{
	right:100%;
	transform: scaleX(-1);
}
.tabBtnWrapper li span:after{
	left:100%;
}
.tabBtnWrapper li.active span:before,
.tabBtnWrapper li.active span:after{
	background-image: url(../images/tabActive.svg);
}

.tabBtnWrapper li span i{
	font-style: normal;
}
/************ tab end *************/

/************ tabCT start *************/
.tabCTWrapper{
	padding:2em 4em;
}
.tabCTWrapper .tabCT{
	display: none;
}
.tabCTWrapper .tabCT.active{
	display: block;
}

/**** brand start ****/
.brand{
	display: flex;
	align-items: center;
	color:#666;
}
.brand h4{
	display: flex;
	justify-content: center;
	align-items: center;
	width:20%;
	height: 4.5em;
	--gap:5.4%;
	margin-right:var(--gap);
	padding-right:var(--gap);
	border-right:2px solid var(--color);
}
.brand h4 ._finn{ width:100%;}
.brand h4 ._artek{ width:85%;}
.brand h4 ._maruni{ width:90%;}
.brand h4 ._e15{ width:45%;}
.brand p{
	margin:0;
	line-height: 1.6em;
	flex-grow: 1;
}
/**** brand end ****/

/**** 商品 start ****/
.tabCT ul{
	color:#666;
	display: flex;
	flex-wrap:wrap;
	margin-top:2.5%;
	text-align: center;
}
.tabCT li{
	width:22%;
}
.tabCT li:nth-child(n+5){
	margin-top:4%;
}
.tabCT li:not(:nth-child(4n+1)){
	margin-left:4%;
}
.tabCT a{
	display: block;
}
.tabCT .img{
	overflow: hidden;
}
.tabCT img{
	width:100%;
	display: block;
	transition: transform 0.5s;
}
.tabCT a:hover img{
	transform:scale(1.05);
}
.tabCT .txt em,
.tabCT .txt i{
	font-style: normal;
	display: block;
}
.tabCT .txt em{
	height:2.8em;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	
}
.tabCT .txt i{
	margin-top:0.25em;
}
.tabCT .txt i u{
	text-decoration: none;
	font-weight: bold;
	color:#C00;
}
.tabCT .txt i del{
	margin-left:1em;
}
/**** 商品 end ****/
/************ tabCT end *************/
/************************************** product end ***************************************/


@media screen and (max-width:1023px){
	
	main.showTreeCTWrapper{
		z-index: 2;
	}
	
	/************************************** forest start ***************************************/
	.forest{
		aspect-ratio:0.58;
	}

	/*************** 內容 start **************/
	.forest hgroup{
		width:90%;
	}

	.forest h2{
		flex-wrap: wrap;
		justify-content: center;
	}
	.forest h2 span:nth-child(1){
		width:62%;
	}
	.forest h2 i{
		width:30%;
		margin-left:3%;
	}
	.forest h2 span:nth-child(3){
		width:100%;
		margin-top:5%;
	}

	.subT{
		font-size: clamp(14px, 2.5vw, 19px);
		margin-top:3em;
		flex-direction: column;
	}

	.subT h3{
		margin-left:0;
		margin-top:1em;
		transform: translate(0.5em, 0);
	}
	/*************** 內容 end **************/
	/************************************** forest end ***************************************/
	
	/************************************** map start ***************************************/
	.map{
		width:140%;
		margin-left:-21%;
	}
	/************************************** map end ***************************************/
	
	/************************************** main start ***************************************/
	.themeExtra .main{
		aspect-ratio:1.5;
		padding:0 2.5% 5%;
	}
	
	.themeExtra .main > strong{
		position: absolute;
		left:50%;
		top:0;
		transform: translateX(-50%);
		margin-top:10%;
		font-size:1.1em;
		display: block;
	}

	/**************** tree start ****************/
	.tree{
		width:100%;
		z-index: 0;
	}
	.tree li{
		font-size: 0.8em;
	}
	.tree li:nth-child(n+3){
		transform: none;
	}
	.tree li,
	.tree li:not(.active){
		cursor: pointer;
	}
	.tree li:hover:before,
	.tree li.active:before{
		transform:none;
	}
	.tree li:nth-child(2):before,
	.tree li:nth-child(2):hover:before,
	.tree li.active:nth-child(2):before{
		transform: translateX(7%);
	}
	.tree li:nth-child(3):before,
	.tree li:nth-child(3):hover:before,
	.tree li.active:nth-child(3):before{
		transform: translateX(-5%);
	}
	.tree li i{
		font-style: normal;
		margin-top:1.5em;
	}
	.tree li span{
		margin-top:0.5em;
		padding-top:0.8em;
	}
	/**************** tree end ****************/

	/************ treeCTWrapper start ************/
	.treeCTWrapper{
		display: none;
	}
	main.showTreeCTWrapper .treeCTWrapper{
		position: fixed;
		margin:0;
		padding:20% 8% 10%;
		width:100%;
		height:100vh;
		background: rgba(240, 240, 240, 0.95);
		display: flex;
		align-items: center;
		z-index: 1;
	}
	.treeCTWrapper > ul{
		display: block;
		width:100%;
	}
	.treeCTWrapper > ul > li{
		width:auto;
		margin-top:0;
		opacity: 1;
		display: none;
	}
	.treeCTWrapper > ul > li:nth-child(3){
		margin-left: 0;
	}
	.treeCTWrapper > ul > li.active{
		margin-top:0;
		display: block;
	}

	/**** 品牌 start ****/
	.treeCTWrapper h3{
		height:3.5em;
	}
	.treeCTWrapper h3:before{
		width:25%;
	}
	.treeCTWrapper > ul > li:nth-child(1) h3 em{ width:42%;}
	.treeCTWrapper > ul > li:nth-child(2) h3 em{ width:35%;}
	.treeCTWrapper > ul > li:nth-child(3) h3 em{ width:40%;}
	.treeCTWrapper > ul > li:nth-child(4) h3 em{ width:20%;}
	/**** 品牌 end ****/

	.treeCTWrapper .ctWrapper{
		font-size: 1.1em;
		height:65vh;
		background:#FFF;
		border-radius:1em;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	/**** detail start ****/
	.detail{
		position: static;
		width:auto;
		border-radius:0;
		box-shadow:none;
		display: block;
	}

	.detail .feat{
		height:auto;
	}
	/**** detail end ****/

	.treeCTWrapper .closeBtn{
		position: absolute;
		display:block;
		right: 0;
		top: 0;
		margin:15px 15px 0 0;
		width: 20px;
		height: 20px;
		cursor: pointer;
	}
	.treeCTWrapper .closeBtn:before,
	.treeCTWrapper .closeBtn:after {
		position: absolute;
		content: "";
		right: 0;
		top: 10px;
		width: 22px;
		height: 2px;
		background: #999;
		border-radius: 1px;
	}
	.treeCTWrapper .closeBtn:before {
		transform: rotate(-45deg);
	}
	.treeCTWrapper .closeBtn:after {
		transform: rotate(-135deg);
	}
	.treeCTWrapper .closeBtn:hover:before,
	.treeCTWrapper .closeBtn:hover:after {
		background: #666;
	}
	/************ treeCTWrapper end ************/
	/************************************** main end ***************************************/
	
	/************************************** product start ***************************************/
	.product{
		position: relative;
		z-index: 0;
		--tab-side-width:20px;
		padding-left:0;
		padding-right:0;
	}

	/************ tab start *************/
	.tabBtnWrapper li.active:before,
	.tabBtnWrapper li.active:after{
		height:1.5px;
	}
	
	.tabBtnWrapper li span{
		font-size: 0.9em;
		padding: 1em 0 0.5em;
		letter-spacing: normal;
	}
	.tabBtnWrapper li.active span{
		background-size: 100% 1.5px;
	}

	.tabBtnWrapper li span i{
		display:none;
	}
	/************ tab end *************/

	/************ tabCT start *************/
	.tabCTWrapper{
		padding:8% 1em;
	}

	/**** brand start ****/
	.brand{
		flex-direction: column;
	}
	.brand h4{
		width:35%;
		height:auto;
		--gap:5%;
		margin-right:0;
		padding-right:0;
		border-right:none;
		margin-bottom:var(--gap);
		padding-bottom:var(--gap);
		border-bottom:2px solid var(--color);
	}
	/**** brand end ****/

	/**** 商品 start ****/
	.tabCT ul{
		margin-top:5%;
	}
	.tabCT li{
		width:48%;
	}
	.tabCT li:nth-child(n+5){
		margin-top:0;
	}
	.tabCT li:not(:nth-child(4n+1)){
		margin-left:0;
	}
	.tabCT li:nth-child(n+3){
		margin-top:8%;
	}
	.tabCT li:not(:nth-child(2n+1)){
		margin-left:4%;
	}
	.tabCT .txt i{
		font-size: 0.9em;
		margin-top:0.5em;
	}
	.tabCT .txt i del{
		margin-left:0.5em;
	}
	/**** 商品 end ****/
	/************ tabCT end *************/
	/************************************** product end ***************************************/
	
}