:root {
  --main-color: #40b8b8;
  --main-color-D: #006666;
	--main-color-BG: rgba(0,102,102,0.05);
	
  --second-color: #feef00;
  --second-bg: rgba(254,239,0,0.05);
	
  --kto-second-color: #e62e8b;
  --kto-second-bg: rgba(230,46,139,0.05);
}

.text-main {
	color: var(--main-color);
}
.text-main-D {
	color: var(--main-color-D);
}
.text-second {
	color: var(--second-color) !important;
}

.bg-main {background: var(--main-color) !important; color: #fff !important;}
.bg-main-L {background: var(--main-color-BG) !important;}
.bg-second {background: var(--second-color) !important; color: #000 !important;}

.topLine {border-top: 5px solid var(--main-color);}

label {color: #000 !important;}

a {
  color: var(--main-color);
	text-decoration: none;
	font-size: inherit !important;
}

a:hover {
  color: var(--main-color-D);
	text-decoration: none;
}


a {
  color: var(--main-color);
	text-decoration: none;
	font-size: inherit !important;
}

a:hover {
  color: var(--main-color-D);
	text-decoration: none;
}

.secondA a {padding-bottom: 8px; border-bottom: 2px solid var(--kto-second-color);}
.secondA a:link {color:#444 !important; text-decoration:none !important;}
.secondA a:visited {color:#444 !important; text-decoration:none !important;}
.secondA a:active {color:#444 !important; text-decoration:none !important;}
.secondA a:hover {color:var(--kto-second-color) !important; text-decoration:none !important;}

.mainA a {padding-bottom: 8px; border-bottom: 2px solid var(--main-color);}
.mainA a:link {color:#444 !important; text-decoration:none !important;}
.mainA a:visited {color:#444 !important; text-decoration:none !important;}
.mainA a:active {color:#444 !important; text-decoration:none !important;}
.mainA a:hover {color:var(--main-color) !important; text-decoration:none !important;}


.lh-110 {line-height: 110%;}
.lh-120 {line-height: 120%;}
.lh-130 {line-height: 130%;}

.ls-03 {letter-spacing: -0.03em;}
.ls-05 {letter-spacing: -0.05em;}

.dpx {display: none;}

/**********************/

footer {
	/*background: #f9f9f9;*/
	border-top: 1px solid #ddd;
	padding: 30px 15px !important;
	color: #666;
	font-size: 0.75rem !important;	
}


.footerLinks {
	padding-left: 0;
	margin: 0;
}

.footerLinks li {
	display: inline;
	margin: 0 10px;
	list-style: none;
}

.footerLinks a {
  color: inherit;
}

.footerLinks a:hover {
  color: var(--main-color);
	text-decoration: none;
}

/********/


.btn-front {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--main-color);
  --bs-btn-border-color: var(--main-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--main-color-D);
  --bs-btn-hover-border-color: var(--main-color-D);
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--main-color-D);
  --bs-btn-active-border-color: var(--main-color-D);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #999;
  --bs-btn-disabled-border-color: #999;
}

.btn-outline-front {
  --bs-btn-color: var(--main-color);
  --bs-btn-border-color: #ddd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--main-color);
  --bs-btn-hover-border-color: var(--main-color);
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--main-color);
  --bs-btn-active-border-color: var(--main-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--main-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--main-color);
  --bs-gradient: none;
}

.pagination {
  --bs-pagination-color: #999;
  --bs-pagination-hover-color: #000;
  --bs-pagination-active-bg: var(--main-color);
  --bs-pagination-active-border-color: var(--main-color);
}



/****************/




/*PC*/

@media (min-width: 768px) {
	.procuctCard-height {height: 300px;}
	
	.frontCate-l {justify-content: flex-end;}
	.frontCate-r {justify-content: flex-start;}
	
	.topLine {padding: 13px 5px; font-size: 1.2em;}

}

/*Mobile*/
@media (max-width: 768px) {
	.procuctCard-height {height: 230px;}
	
	.topLine {padding: 10px 5px; font-size: 1.1em;}
}