@charset "utf-8";

/* ------------------------------ */
/* ▼ block 要素 ▼ */

*{
	margin: 0px;
	padding: 0px;
	float: none;
	border-collapse:collapse;
	box-sizing:border-box;
	list-style:none;
}


.disp-flex,
.flex,
*[class*="flex-border"]
{
	display:flex;
}

*[class*="grid-border"] > *,
*[class*="flex-border"] > *
{
	border:1px solid hsl(var(--themes-color),100%,95%);
	padding:.5vw 1vw;
	margin:-1px 0px 0px -1px;
}


.outer-100{
	width:100%;
	height:auto;
	margin:0 auto;
}

.outer-98{
	width:98%;
	height:auto;
	margin:0 auto;
}

.outer-96{
	width:96%;
	height:auto;
	margin:0 auto;
}

.outer-94{
	width:94%;
	height:auto;
	margin:0 auto;
}

.outer-92{
	width:92%;
	height:auto;
	margin:0 auto;
}

.outer-90{
	width:90%;
	height:auto;
	margin:0 auto;
}

.outer-85{
	width:85%;
	height:auto;
	margin:0 auto;
}

.outer-80{
	width:80%;
	height:auto;
	margin:0 auto;
}

.outer-75{
	width:75%;
	height:auto;
	margin:0 auto;
}

.outer-70{
	width:70%;
	height:auto;
	margin:0 auto;
}

.outer-65{
	width:65%;
	height:auto;
	margin:0 auto;
}

.outer-60{
	width:60%;
	height:auto;
	margin:0 auto;
}


.outer-55{
	width:55%;
	height:auto;
	margin:0 auto;
}

.outer-50{
	width:50%;
	height:auto;
	margin:0 auto;
}

.outer-40{
	width:40%;
	height:auto;
	margin:0 auto;
}

.outer-30{
	width:30%;
	height:auto;
	margin:0 auto;
}

.grid{
	gap:10px;
}


.grid1{
	display:grid;
	grid-template-columns: 1fr;
}

.grid2{
	display:grid;
	grid-template-columns: 1fr 1fr;
}

.grid3{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.grid4{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid5{
	display:grid;
	grid-template-columns: repeat(5, 1fr);
}

.grid6{
	display:grid;
	grid-template-columns: repeat(6, 1fr);
}

.grid7{
	display:grid;
	grid-template-columns: repeat(7, 1fr);
}

.grid8{
	display:grid;
	grid-template-columns: repeat(8, 1fr);
}

.grid9{
	display:grid;
	grid-template-columns: repeat(9, 1fr);
}

.grid10{
	display:grid;
	grid-template-columns: repeat(10, 1fr);
}

.grid11{
	display:grid;
	grid-template-columns: repeat(11, 1fr);
}

.grid12{
	display:grid;
	grid-template-columns: repeat(12, 1fr);
}

.grid .clm
{
	border-style:solid;
	padding:5px 10px;
}



.grid-gap-none .clm{
	border-style:none solid solid none;
	padding:10px;
}


/* ▼ block 要素 ▼ */
/* ------------------------------ */

/* ------------------------------ */
/* ▼ BOX 関連 ▼ */


.fl-l{
	float:left;	
}
.fl-r{
	float:right;	
}

.disp-none{
	display:none !important;	
}

.after-clear:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}


/*-----------------------------------*/
/* 角丸 */

.rounded-square{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(../ie-css3.htc);
}


.rounded-square10{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.rounded-square10-top{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px 10px 0px 0px;
}
.rounded-square20-top{
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px 20px 0px 0px;
}


.rounded-square15{
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}

.rounded-square20{
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}


.radius-s{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}


.radius-m{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.radius-b{
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}

.radius-g{
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}



/* 角丸 */
/*-----------------------------------*/


/*-----------------------------------*/
/* 半円 */

.harf-circle-updown-50{
	width: 100px;
	height: 50px;
	border-radius: 50% / 100% 100% 0 0;
}

/* 半円 */
/*-----------------------------------*/


/*-----------------------------------*/
/* 円 */


.circle-auto{
	width:auto;	
	height:auto;
	line-height:100%;
	border-radius: 50%;
}

.circle-25{
	width:50px;
	height:50px;
	border-radius: 50%;
}

.circle-30{
	width:30px;
	height:30px;
	border-radius: 50%;
}

.circle-35{
	width:35px;
	height:35px;
	border-radius: 50%;
}


.circle-50{
	width:50px;
	height:50px;
	border-radius: 50%;
}

.circle-100{
	width:100px;
	height:100px;
	border-radius: 50%;
}


.circle-150{
	width:150px;
	height:150px;
	border-radius: 50%;
}

.circle-200{
	width:200px;
	height:200px;
	border-radius: 50%;
}


/* 円 */
/*-----------------------------------*/



.magb5{
	margin-bottom:5px !important;	
}

.magb10{
	margin-bottom:10px !important;		
}

.magb15{
	margin-bottom:15px !important;	
}

.magb20{
	margin-bottom:20px !important;	
}

.magb25{
	margin-bottom:25px !important;	
}

.magb30{
	margin-bottom:30px !important;	
}

.magb35{
	margin-bottom:35px !important;	
}

.magt5{
	margin-top:5px !important;	
}

.magt10{
	margin-top:10px !important;		
}

.magt15{
	margin-top:15px !important;	
}

.magt20{
	margin-top:20px !important;	
}

.magt25{
	margin-top:25px !important;	
}

.magt30{
	margin-top:30px !important;	
}

.magt35{
	margin-top:35px !important;	
}

.magt40{
	margin-top:40px !important;	
}

.magt50{
	margin-top:50px !important;	
}

.magt100{
	margin-top:100px !important;	
}


/* padding */


.padb5{
	padding-bottom:5px !important;	
}

.padb10{
	padding-bottom:10px !important;		
}

.padb15{
	padding-bottom:15px;	
}

.padb20{
	padding-bottom:20px;	
}


.padt5{
	padding-top:5px !important;	
}

.padt10{
	padding-top:10px !important;	
}
.padt15{
	padding-top:15px !important;	
}
.padt20{
	padding-top:20px !important;	
}
.padt25{
	padding-top:25px !important;	
}
.padt30{
	padding-top:30px !important;	
}

.padb5{
	padding-bottom:5px !important;	
}

.padb10{
	padding-bottom:10px !important;	
}
.padb15{
	padding-bottom:15px !important;	
}
.padb20{
	padding-bottom:20px !important;	
}
.padb25{
	padding-bottom:25px !important;	
}
.padb30{
	padding-bottom:30px !important;	
}



.pad5-0{
	padding:5px 0px;
}


.pad10-0{
	padding:10px 0px;
}
.pad15-0{
	
	padding:15px 0px ;
}

.pad20-0{
	padding:20px 0px ;
}

.pad30-0{
	padding:30px 0px ;
}


.pad50-0{
	padding:50px 0px ;
}

.pad150-0{
	padding:150px 0px ;
}


.foreground{
	z-index:9999;	
}

.fixed {
    position: fixed;
}

.disp-none{
	display:none;	
}

.disp-block,
.block{
	display:block;
}

.disp-inlineblock,
.inline-block,
.inline{
	display:inline-block;
}


.flex,
.disp-flex{
	display: flex;
	flex-wrap:wrap;
}

.flex .item,
.disp-flex .item
{
	margin-right:10px;
	padding:5px 10px;
	white-space:nowrap;
}




/* over lay */

.overlay-outer{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	background-color:hsla(var(--themes-color),0%,0%,.85);
	overflow:auto;
}

.overlay-msg{
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	margin: auto;
	background-color:rgba(0,0,0,0.7);
	padding:10px;
	width:150px;
	height:auto;
}

.overlay-inner-wrap{
	position: relative;
    border-width: 5px;
    border-style: solid none none;		
}

.overlay-inner-wrap .close-btn{
	position:absolute;
	top:0px;
	right:20px;
}

.overlay-outer .CmnInnerWrap{
	background:hsl(var(--themes-color),0%,100%);
	border:1px hsl(var(--themes-color),100%,50%) solid;
	border-top-width:5px !important;
	width:70%;
	margin:20px auto 20px;
	padding-bottom:20px;
}

.overlay-outer .CmnHeader{
	background:hsl(var(--themes-color),100%,50%);
	color:hsl(var(--themes-color),0%,100%);
	font-size:20px;
	width:100%;
	padding:15px 3%;
	margin:0 auto 20px;
	position:relative;
	text-align:center;
}

.overlay-outer .CmnHeader .CmnClose{
	background:hsl(var(--themes-color),100%,96%);
	color:hsl(var(--themes-color-blue),100%,60%);
	text-decoration:underline;
	display:inline-block;
	padding:5px 20px;
	position:absolute;
	bottom:0;
	right:2%;
}


/* ▼ BOX 関連 ▼ */
/* ------------------------------ */





/* ------------------------------ */
/* ▼ text ▼ */

a{
	color:#0044CC;	
}

a:visited{
	color:#609;
}


.al-c{
	text-align:center;	
}

.al-l{
	text-align:left;	
}

.al-r{
	text-align:right;	
}

.textd-none{
	text-decoration:none;
}

.textd-underline{
	text-decoration:underline;
}

.textd-uline-h:hover{
	text-decoration:underline;
}


.textd-nodata{
	text-decoration:line-through;
}



.font-size10{
	font-size:10px;	
}

.font-size12{
	font-size:12px;	
}

.font-size14{
	font-size:14px;	
}

.font-size16{
	font-size:16px;	
}

.font-size18{
	font-size:18px;	
}

.font-size20{
	font-size:20px;	
}

.font-size22{
	font-size:22px;	
}

.font-size24{
	font-size:24px;	
}

.font-size26{
	font-size:26px;	
}

.font-size28{
	font-size:28px;	
}

.font-size30{
	font-size:30px;	
}

.font-size32{
	font-size:32px;	
}

.font-size34{
	font-size:34px;	
}

.font-size36{
	font-size:36px;	
}

.font-size38{
	font-size:38px;	
}

.font-size40{
	font-size:40px;	
}

.font-size42{
	font-size:42px;	
}

.font-size44{
	font-size:44px;	
}

.font-size46{
	font-size:46px;	
}

.font-size48{
	font-size:48px;	
}

.font-size50{
	font-size:50px;	
}

.font-size52{
	font-size:52px;	
}

.fwnormal{
	font-weight:normal;	
}

.fwbold{
	font-weight:bold;	
}

.btn{
	cursor: pointer;
}

/* ▼ text ▼ */
/* ------------------------------ */





.no-border,
.border-none
{
	border-style:none !important;	
}



/* ------------------------------ */
/* ▼ form parts ▼ */

input[type="text"],input[type="password"],select,textarea{
	padding:5px 10px;
}

input[type=radio]{
	-webkit-appearance: radio !important;
}



.form-field{
	height:auto;
	margin:20px auto;
	background:#FFF;
	padding:0px 0px 10px;
}

.form-field div.input-field-outer{
	width:94%;
	border-bottom:1px dotted #CCC;
	padding:0px 0px 10px;
	margin:0px auto 10px;
}

.form-field .input-field-title{
	position:relative;
	width:82%;
	padding:10px 16% 10px 2%;
	background:#009;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	margin:0px 0px 20px;
}

.form-field .input-field-title .close-btn{
	position:absolute;
	right:10px;
	top:10px;
	display:inline-block;
	width:auto;
	height:auto;
	padding:2px 10px;
	background:#fff;
	font-size:14px;
	margin:0px 2% 0px 0px;
	text-decoration:none;
}

.form-field div.input-field-outer .input-item-inner{
	position:relative;	
}

.form-field div.input-field-outer .input-item-inner .span-label{
	position:absolute;
	top:0px;
	left:2%;
	color:#999;
}

.form-field div.input-field-outer .input-item-inner .span-msg{
	position:absolute;
	bottom:0px;
	left:2%;
	color:#F00;
}

.form-field div.input-field-outer .input-item-inner .input-item{
	width:96%;
	height:auto;
	padding:15px 2% 15px;
}

.form-field div.input-field-outer .detail-input-outer{
	width:73%;
	height:auto;	
}

.form-field div.input-field-outer .thumb{
	width:25%;
	height:auto;	
}

.form-field div.input-field-outer .thumb img{
	width:150px;
	height:auto;
	margin:0px 0px 10px;
}

.form-field div.input-field-outer .thumb .input-file{
	display:inline-block;
	color: white;  
	background-color:#666;
	padding:2px 0px;
	border-radius:5px;
	width:100%;
	text-align:center;
}

.input-border{
	border-color:#999;	
}



/* ▼ form parts ▼ */
/* ------------------------------ */



/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/*  フォームアイテム */

.cmn-form-wrap .cmn-item-input-text{
	background:hsl(var(--themes-color),100%,98%);
	border:1px solid hsl(var(--themes-color),100%,30%);
}


.cmn-form-wrap .cmn-item-submit{
	font-size:16px;
	display:inline-block;
	margin:0px 30px;
	padding:8px 16px;
	background:hsl(var(--themes-color),100%,25%);
	border:1px solid hsl(var(--themes-color),100%,25%);
	color:hsl(var(--themes-color-gray),0%,100%)	;
}

.cmn-form-wrap .cmn-item-label{
	padding:5px 2%;
	border:1px solid hsl(var(--themes-color),100%,90%);
}

.cmn-form-wrap .result-msg{
	text-align:center;
	background:hsl(var(--themes-color-red),100%,50%);
	color:#fff;
	margin:16px auto;
}

/* ------------------------------ */
/* colors */


/* ------------------------------------------------------- */
/* font color */

.cmn-color-link{
	color:var(--themes-color-link)	;
}

.cmn-color-red20,
.cmn-color-red20:visited
{
	color:hsl(var(--themes-color-red),100%,20%)	;
}

.cmn-color-red30,
.cmn-color-red30:visited
{
	color:hsl(var(--themes-color-red),100%,30%)	;
}

.cmn-color-red40,
.cmn-color-red40:visited
{

	color:hsl(var(--themes-color-red),100%,40%)	;
}

.cmn-color-red50,
.cmn-color-red50:visited
{
	color:hsl(var(--themes-color-red),100%,50%)	;
}

.cmn-color-red60,
.cmn-color-red60:visited
{
	color:hsl(var(--themes-color-red),100%,60%)	;
}

.cmn-color-red70,
.cmn-color-red70:visited
{
	color:hsl(var(--themes-color-red),100%,70%)	;
}

.cmn-color-red80,
.cmn-color-red80:visited
{
	color:hsl(var(--themes-color-red),100%,80%)	;
}

.cmn-color-red90,
.cmn-color-red90:visited
{
	color:hsl(var(--themes-color-red),100%,90%)	;
}

.cmn-color-red95,
.cmn-color-red95:visited
{
	color:hsl(var(--themes-color-red),100%,95%)	;
}


.cmn-color-orange20,
.cmn-color-orange20:visited
{
	color:hsl(var(--themes-color-orange),100%,20%)	;
}

.cmn-color-orange30,
.cmn-color-orange30:visited
{
	color:hsl(var(--themes-color-orange),100%,30%)	;
}

.cmn-color-orange40,
.cmn-color-orange40:visited
{
	color:hsl(var(--themes-color-orange),100%,40%)	;
}

.cmn-color-orange50,
.cmn-color-orange50:visited
{
	color:hsl(var(--themes-color-orange),100%,50%)	;
}

.cmn-color-orange60,
.cmn-color-orange60:visited
{
	color:hsl(var(--themes-color-orange),100%,60%)	;
}

.cmn-color-orange70,
.cmn-color-orange70:visited
{
	color:hsl(var(--themes-color-orange),100%,70%)	;
}

.cmn-color-orange80,
.cmn-color-orange80:visited
{
	color:hsl(var(--themes-color-orange),100%,80%)	;
}

.cmn-color-orange90,
.cmn-color-orange90:visited
{
	color:hsl(var(--themes-color-orange),100%,90%)	;
}

.cmn-color-orange95,
.cmn-color-orange95:visited
{
	color:hsl(var(--themes-color-orange),100%,95%)	;
}



.cmn-color-brown20,
.cmn-color-brown20:visited
{
	color:hsl(var(--themes-color-brown),100%,20%)	;
}

.cmn-color-brown30,
.cmn-color-brown30:visited
{
	color:hsl(var(--themes-color-brown),100%,30%)	;
}

.cmn-color-brown40,
.cmn-color-brown40:visited
{
	color:hsl(var(--themes-color-brown),100%,40%)	;
}

.cmn-color-brown50,
.cmn-color-brown50:visited
{
	color:hsl(var(--themes-color-brown),100%,50%)	;
}

.cmn-color-brown60,
.cmn-color-brown60:visited
{
	color:hsl(var(--themes-color-brown),100%,60%)	;
}

.cmn-color-brown70,
.cmn-color-brown70:visited
{
	color:hsl(var(--themes-color-brown),100%,70%)	;
}

.cmn-color-brown80,
.cmn-color-brown80:visited
{
	color:hsl(var(--themes-color-brown),100%,80%)	;
}

.cmn-color-brown90,
.cmn-color-brown90:visited
{
	color:hsl(var(--themes-color-brown),100%,90%)	;
}

.cmn-color-brown95,
.cmn-color-brown95:visited
{
	color:hsl(var(--themes-color-brown),100%,95%)	;
}



.cmn-color-yellow20,
.cmn-color-yellow20:visited
{
	color:hsl(var(--themes-color-yellow),100%,20%)	;
}

.cmn-color-yellow30,
.cmn-color-yellow30:visited
{
	color:hsl(var(--themes-color-yellow),100%,30%)	;
}

.cmn-color-yellow40,
.cmn-color-yellow40:visited
{
	color:hsl(var(--themes-color-yellow),100%,40%)	;
}

.cmn-color-yellow50,
.cmn-color-yellow50:visited
{
	color:hsl(var(--themes-color-yellow),100%,50%)	;
}

.cmn-color-yellow60,
.cmn-color-yellow60:visited
{
	color:hsl(var(--themes-color-yellow),100%,60%)	;
}

.cmn-color-yellow70,
.cmn-color-yellow70:visited
{
	color:hsl(var(--themes-color-yellow),100%,70%)	;
}

.cmn-color-yellow80,
.cmn-color-yellow80:visited
{
	color:hsl(var(--themes-color-yellow),100%,80%)	;
}

.cmn-color-yellow90,
.cmn-color-yellow90:visited
{
	color:hsl(var(--themes-color-yellow),100%,90%)	;
}

.cmn-color-yellow95,
.cmn-color-yellow95:visited
{
	color:hsl(var(--themes-color-yellow),100%,95%)	;
}


.cmn-color-green20,
.cmn-color-green20:visited
{
	color:hsl(var(--themes-color-green),100%,20%)	;
}

.cmn-color-green30,
.cmn-color-green30:visited
{
	color:hsl(var(--themes-color-green),100%,30%)	;
}

.cmn-color-green40,
.cmn-color-green40:visited
{
	color:hsl(var(--themes-color-green),100%,40%)	;
}

.cmn-color-green50,
.cmn-color-green50:visited
{
	color:hsl(var(--themes-color-green),100%,50%)	;
}

.cmn-color-green60,
.cmn-color-green60:visited
{
	color:hsl(var(--themes-color-green),100%,60%)	;
}

.cmn-color-green70,
.cmn-color-green70:visited
{
	color:hsl(var(--themes-color-green),100%,70%)	;
}

.cmn-color-green80,
.cmn-color-green80:visited
{
	color:hsl(var(--themes-color-green),100%,80%)	;
}

.cmn-color-green90,
.cmn-color-green90:visited
{
	color:hsl(var(--themes-color-green),100%,90%)	;
}

.cmn-color-green95,
.cmn-color-green95:visited
{
	color:hsl(var(--themes-color-green),100%,95%)	;
}


.cmn-color-skyblue20,
.cmn-color-skyblue20:visited
{
	color:hsl(var(--themes-color-skyblue),100%,20%)	;
}

.cmn-color-skyblue30,
.cmn-color-skyblue30:visited
{
	color:hsl(var(--themes-color-skyblue),100%,30%)	;
}

.cmn-color-skyblue40,
.cmn-color-skyblue40:visited
{
	color:hsl(var(--themes-color-skyblue),100%,40%)	;
}

.cmn-color-skyblue50,
.cmn-color-skyblue50:visited
{
	color:hsl(var(--themes-color-skyblue),100%,50%)	;
}

.cmn-color-skyblue60,
.cmn-color-skyblue60:visited
{
	color:hsl(var(--themes-color-skyblue),100%,60%)	;
}

.cmn-color-skyblue70,
.cmn-color-skyblue70:visited
{
	color:hsl(var(--themes-color-skyblue),100%,70%)	;
}

.cmn-color-skyblue80,
.cmn-color-skyblue80:visited
{
	color:hsl(var(--themes-color-skyblue),100%,80%)	;
}

.cmn-color-skyblue90,
.cmn-color-skyblue90:visited
{
	color:hsl(var(--themes-color-skyblue),100%,90%)	;
}

.cmn-color-skyblue95,
.cmn-color-skyblue95:visited
{
	color:hsl(var(--themes-color-skyblue),100%,95%)	;
}

.cmn-color-blue20,
.cmn-color-blue20:visited
{
	color:hsl(var(--themes-color-blue),100%,20%)	;
}

.cmn-color-blue30,
.cmn-color-blue30:visited
{
	color:hsl(var(--themes-color-blue),100%,30%)	;
}

.cmn-color-blue40,
.cmn-color-blue40:visited
{
	color:hsl(var(--themes-color-blue),100%,40%)	;
}

.cmn-color-blue50,
.cmn-color-blue50:visited
{
	color:hsl(var(--themes-color-blue),100%,50%)	;
}

.cmn-color-blue60,
.cmn-color-blue60:visited
{
	color:hsl(var(--themes-color-blue),100%,60%)	;
}

.cmn-color-blue70,
.cmn-color-blue70:visited
{
	color:hsl(var(--themes-color-blue),100%,70%)	;
}

.cmn-color-blue80,
.cmn-color-blue80:visited
{
	color:hsl(var(--themes-color-blue),100%,80%)	;
}

.cmn-color-blue90,
.cmn-color-blue90:visited
{
	color:hsl(var(--themes-color-blue),100%,90%)	;
}

.cmn-color-blue95,
.cmn-color-blue95:visited
{
	color:hsl(var(--themes-color-blue),100%,95%)	;
}

.cmn-color-purple20,
.cmn-color-purple20:visited
{
	color:hsl(var(--themes-color-purple),100%,20%)	;
}

.cmn-color-purple30,
.cmn-color-purple30:visited
{
	color:hsl(var(--themes-color-purple),100%,30%)	;
}

.cmn-color-purple40,
.cmn-color-purple40:visited
{
	color:hsl(var(--themes-color-purple),100%,40%)	;
}

.cmn-color-purple50,
.cmn-color-purple50:visited
{
	color:hsl(var(--themes-color-purple),100%,50%)	;
}

.cmn-color-purple60,
.cmn-color-purple60:visited
{
	color:hsl(var(--themes-color-purple),100%,60%)	;
}

.cmn-color-purple70,
.cmn-color-purple70:visited
{
	color:hsl(var(--themes-color-purple),100%,70%)	;
}

.cmn-color-purple80,
.cmn-color-purple80:visited
{
	color:hsl(var(--themes-color-purple),100%,80%)	;
}

.cmn-color-purple90,
.cmn-color-purple90:visited
{
	color:hsl(var(--themes-color-purple),100%,90%)	;
}

.cmn-color-purple95,
.cmn-color-purple95:visited
{
	color:hsl(var(--themes-color-purple),100%,95%)	;
}



.cmn-color-pink20,
.cmn-color-pink20:visited
{
	color:hsl(var(--themes-color-pink),100%,20%)	;
}

.cmn-color-pink30,
.cmn-color-pink30:visited
{
	color:hsl(var(--themes-color-pink),100%,30%)	;
}

.cmn-color-pink40,
.cmn-color-pink40:visited
{
	color:hsl(var(--themes-color-pink),100%,40%)	;
}

.cmn-color-pink50,
.cmn-color-pink50:visited
{
	color:hsl(var(--themes-color-pink),100%,50%)	;
}

.cmn-color-pink60,
.cmn-color-pink60:visited
{
	color:hsl(var(--themes-color-pink),100%,60%)	;
}

.cmn-color-pink70,
.cmn-color-pink70:visited
{
	color:hsl(var(--themes-color-pink),100%,70%)	;
}

.cmn-color-pink80,
.cmn-color-pink80:visited
{
	color:hsl(var(--themes-color-pink),100%,80%)	;
}

.cmn-color-pink90,
.cmn-color-pink90:visited
{
	color:hsl(var(--themes-color-pink),100%,90%)	;
}

.cmn-color-pink95,
.cmn-color-pink95:visited
{
	color:hsl(var(--themes-color-pink),100%,95%)	;
}

.cmn-color-blk,
.cmn-color-blk:visited,
.cmn-color-gray0,
.cmn-color-gray0:visited
{
	color:hsl(var(--themes-color-gray),0%,0%)	;
}

.cmn-color-gray5,
.cmn-color-gray5:visited
{
	color:hsl(var(--themes-color-gray),0%,5%)	;
}

.cmn-color-gray10,
.cmn-color-gray10:visited
{
	color:hsl(var(--themes-color-gray),0%,10%)	;
}

.cmn-color-gray15,
.cmn-color-gray15:visited
{
	color:hsl(var(--themes-color-gray),0%,15%)	;
}

.cmn-color-gray20,
.cmn-color-gray20:visited
{
	color:hsl(var(--themes-color-gray),0%,20%)	;
}

.cmn-color-gray30,
.cmn-color-gray30:visited
{
	color:hsl(var(--themes-color-gray),0%,30%)	;
}

.cmn-color-gray40,
.cmn-color-gray40:visited
{
	color:hsl(var(--themes-color-gray),0%,40%)	;
}

.cmn-color-gray50,
.cmn-color-gray50:visited
{
	color:hsl(var(--themes-color-gray),0%,50%)	;
}

.cmn-color-gray60,
.cmn-color-gray60:visited
{
	color:hsl(var(--themes-color-gray),0%,60%)	;
}

.cmn-color-gray70,
.cmn-color-gray70:visited
{
	color:hsl(var(--themes-color-gray),0%,70%)	;
}

.cmn-color-gray80,
.cmn-color-gray80:visited
{
	color:hsl(var(--themes-color-gray),0%,80%)	;
}

.cmn-color-gray85,
.cmn-color-gray85:visited
{
	color:hsl(var(--themes-color-gray),0%,85%)	;
}

.cmn-color-gray90,
.cmn-color-gray90:visited
{
	color:hsl(var(--themes-color-gray),0%,90%)	;
}

.cmn-color-gray95,
.cmn-color-gray95:visited
{
	color:hsl(var(--themes-color-gray),0%,95%)	;
}

.cmn-color-white,
.cmn-color-white:visited,
.cmn-color-gray100,
.cmn-color-gray100:visited
{
	color:hsl(var(--themes-color),0%,100%)	;
}





/* ------------------------------------------------------- */
/* background color */

.cmn-color-bg10{
	background:hsl(var(--themes-color),100%,10%)	;
}
.cmn-color-bg15{
	background:hsl(var(--themes-color),100%,15%)	;
}
.cmn-color-bg20{
	background:hsl(var(--themes-color),100%,20%)	;
}
.cmn-color-bg25{
	background:hsl(var(--themes-color),100%,25%)	;
}

.cmn-color-bg30{
	background:hsl(var(--themes-color),100%,30%)	;
}

.cmn-color-bg35{
	background:hsl(var(--themes-color),100%,35%)	;
}

.cmn-color-bg40{
	background:hsl(var(--themes-color),100%,40%)	;
}

.cmn-color-bg45{
	background:hsl(var(--themes-color),100%,45%)	;
}

.cmn-color-bg50{
	background:hsl(var(--themes-color),100%,50%)	;
}

.cmn-color-bg55{
	background:hsl(var(--themes-color),100%,55%)	;
}


.cmn-color-bg60{
	background:hsl(var(--themes-color),100%,60%)	;
}

.cmn-color-bg65{
	background:hsl(var(--themes-color),100%,65%)	;
}


.cmn-color-bg70{
	background:hsl(var(--themes-color),100%,70%)	;
}

.cmn-color-bg75{
	background:hsl(var(--themes-color),100%,75%)	;
}


.cmn-color-bg80{
	background:hsl(var(--themes-color),100%,80%)	;
}

.cmn-color-bg85{
	background:hsl(var(--themes-color),100%,85%)	;
}


.cmn-color-bg90{
	background:hsl(var(--themes-color),100%,90%)	;
}

.cmn-color-bg95{
	background:hsl(var(--themes-color),100%,95%)	;
}

.cmn-color-bg96{
	background:hsl(var(--themes-color),100%,96%)	;
}

.cmn-color-bg97{
	background:hsl(var(--themes-color),100%,97%)	;
}

.cmn-color-bg98{
	background:hsl(var(--themes-color),100%,98%)	;
}

.cmn-color-bg99{
	background:hsl(var(--themes-color),100%,99%)	;
}




.cmn-color-bg-red20{
	background:hsl(var(--themes-color-red),100%,20%)	;
}

.cmn-color-bg-red30{
	background:hsl(var(--themes-color-red),100%,30%)	;
}

.cmn-color-bg-red40{
	background:hsl(var(--themes-color-red),100%,40%)	;
}

.cmn-color-bg-red50{
	background:hsl(var(--themes-color-red),100%,50%)	;
}

.cmn-color-bg-red60{
	background:hsl(var(--themes-color-red),100%,60%)	;
}

.cmn-color-bg-red70{
	background:hsl(var(--themes-color-red),100%,70%)	;
}

.cmn-color-bg-red80{
	background:hsl(var(--themes-color-red),100%,80%)	;
}

.cmn-color-bg-red90{
	background:hsl(var(--themes-color-red),100%,90%)	;
}

.cmn-color-bg-red95{
	background:hsl(var(--themes-color-red),100%,95%)	;
}

.cmn-color-bg-red96{
	background:hsl(var(--themes-color-red),100%,96%)	;
}

.cmn-color-bg-red97{
	background:hsl(var(--themes-color-red),100%,97%)	;
}

.cmn-color-bg-red98{
	background:hsl(var(--themes-color-red),100%,98%)	;
}

.cmn-color-bg-red99{
	background:hsl(var(--themes-color-red),100%,99%)	;
}


.cmn-color-bg-orange20{
	background:hsl(var(--themes-color-orange),100%,20%)	;
}

.cmn-color-bg-orange30{
	background:hsl(var(--themes-color-orange),100%,30%)	;
}

.cmn-color-bg-orange40{
	background:hsl(var(--themes-color-orange),100%,40%)	;
}

.cmn-color-bg-orange50{
	background:hsl(var(--themes-color-orange),100%,50%)	;
}

.cmn-color-bg-orange60{
	background:hsl(var(--themes-color-orange),100%,60%)	;
}

.cmn-color-bg-orange70{
	background:hsl(var(--themes-color-orange),100%,70%)	;
}

.cmn-color-bg-orange80{
	background:hsl(var(--themes-color-orange),100%,80%)	;
}

.cmn-color-bg-orange90{
	background:hsl(var(--themes-color-orange),100%,90%)	;
}

.cmn-color-bg-orange95{
	background:hsl(var(--themes-color-orange),100%,95%)	;
}

.cmn-color-bg-orange96{
	background:hsl(var(--themes-color-orange),100%,96%)	;
}

.cmn-color-bg-orange97{
	background:hsl(var(--themes-color-orange),100%,97%)	;
}

.cmn-color-bg-orange98{
	background:hsl(var(--themes-color-orange),100%,98%)	;
}

.cmn-color-bg-orange99{
	background:hsl(var(--themes-color-orange),100%,99%)	;
}



.cmn-color-bg-brown20{
	background:hsl(var(--themes-color-brown),100%,20%)	;
}

.cmn-color-bg-brown30{
	background:hsl(var(--themes-color-brown),100%,30%)	;
}

.cmn-color-bg-brown40{
	background:hsl(var(--themes-color-brown),100%,40%)	;
}

.cmn-color-bg-brown50{
	background:hsl(var(--themes-color-brown),100%,50%)	;
}

.cmn-color-bg-brown60{
	background:hsl(var(--themes-color-brown),100%,60%)	;
}

.cmn-color-bg-brown70{
	background:hsl(var(--themes-color-brown),100%,70%)	;
}

.cmn-color-bg-brown80{
	background:hsl(var(--themes-color-brown),100%,80%)	;
}

.cmn-color-bg-brown90{
	background:hsl(var(--themes-color-brown),100%,90%)	;
}

.cmn-color-bg-brown95{
	background:hsl(var(--themes-color-brown),100%,95%)	;
}

.cmn-color-bg-brown96{
	background:hsl(var(--themes-color-brown),100%,96%)	;
}

.cmn-color-bg-brown97{
	background:hsl(var(--themes-color-brown),100%,97%)	;
}

.cmn-color-bg-brown98{
	background:hsl(var(--themes-color-brown),100%,98%)	;
}

.cmn-color-bg-brown99{
	background:hsl(var(--themes-color-brown),100%,99%)	;
}



.cmn-color-bg-yellow20{
	background:hsl(var(--themes-color-yellow),100%,20%)	;
}

.cmn-color-bg-yellow30{
	background:hsl(var(--themes-color-yellow),100%,30%)	;
}

.cmn-color-bg-yellow40{
	background:hsl(var(--themes-color-yellow),100%,40%)	;
}

.cmn-color-bg-yellow50{
	background:hsl(var(--themes-color-yellow),100%,50%)	;
}

.cmn-color-bg-yellow60{
	background:hsl(var(--themes-color-yellow),100%,60%)	;
}

.cmn-color-bg-yellow70{
	background:hsl(var(--themes-color-yellow),100%,70%)	;
}

.cmn-color-bg-yellow80{
	background:hsl(var(--themes-color-yellow),100%,80%)	;
}

.cmn-color-bg-yellow90{
	background:hsl(var(--themes-color-yellow),100%,90%)	;
}

.cmn-color-bg-yellow95{
	background:hsl(var(--themes-color-yellow),100%,95%)	;
}

.cmn-color-bg-yellow96{
	background:hsl(var(--themes-color-yellow),100%,96%)	;
}

.cmn-color-bg-yellow97{
	background:hsl(var(--themes-color-yellow),100%,97%)	;
}

.cmn-color-bg-yellow98{
	background:hsl(var(--themes-color-yellow),100%,98%)	;
}

.cmn-color-bg-yellow99{
	background:hsl(var(--themes-color-yellow),100%,99%)	;
}





.cmn-color-bg-green20{
	background:hsl(var(--themes-color-green),100%,20%)	;
}

.cmn-color-bg-green30{
	background:hsl(var(--themes-color-green),100%,30%)	;
}

.cmn-color-bg-green40{
	background:hsl(var(--themes-color-green),100%,40%)	;
}

.cmn-color-bg-green50{
	background:hsl(var(--themes-color-green),100%,50%)	;
}

.cmn-color-bg-green60{
	background:hsl(var(--themes-color-green),100%,60%)	;
}

.cmn-color-bg-green70{
	background:hsl(var(--themes-color-green),100%,70%)	;
}

.cmn-color-bg-green80{
	background:hsl(var(--themes-color-green),100%,80%)	;
}

.cmn-color-bg-green90{
	background:hsl(var(--themes-color-green),100%,90%)	;
}

.cmn-color-bg-green95{
	background:hsl(var(--themes-color-green),100%,95%)	;
}

.cmn-color-bg-green96{
	background:hsl(var(--themes-color-green),100%,96%)	;
}

.cmn-color-bg-green97{
	background:hsl(var(--themes-color-green),100%,97%)	;
}

.cmn-color-bg-green98{
	background:hsl(var(--themes-color-green),100%,98%)	;
}

.cmn-color-bg-green99{
	background:hsl(var(--themes-color-green),100%,99%)	;
}


.cmn-color-bg-skyblue20{
	background:hsl(var(--themes-color-skyblue),100%,20%)	;
}

.cmn-color-bg-skyblue30{
	background:hsl(var(--themes-color-skyblue),100%,30%)	;
}

.cmn-color-bg-skyblue40{
	background:hsl(var(--themes-color-skyblue),100%,40%)	;
}

.cmn-color-bg-skyblue50{
	background:hsl(var(--themes-color-skyblue),100%,50%)	;
}

.cmn-color-bg-skyblue60{
	background:hsl(var(--themes-color-skyblue),100%,60%)	;
}

.cmn-color-bg-skyblue70{
	background:hsl(var(--themes-color-skyblue),100%,70%)	;
}

.cmn-color-bg-skyblue80{
	background:hsl(var(--themes-color-skyblue),100%,80%)	;
}

.cmn-color-bg-skyblue90{
	background:hsl(var(--themes-color-skyblue),100%,90%)	;
}

.cmn-color-bg-skyblue95{
	background:hsl(var(--themes-color-skyblue),100%,95%)	;
}

.cmn-color-bg-skyblue96{
	background:hsl(var(--themes-color-skyblue),100%,96%)	;
}

.cmn-color-bg-skyblue97{
	background:hsl(var(--themes-color-skyblue),100%,97%)	;
}

.cmn-color-bg-skyblue98{
	background:hsl(var(--themes-color-skyblue),100%,98%)	;
}

.cmn-color-bg-skyblue99{
	background:hsl(var(--themes-color-skyblue),100%,99%)	;
}





.cmn-color-bg-blue20{
	background:hsl(var(--themes-color-blue),100%,20%)	;
}

.cmn-color-bg-blue30{
	background:hsl(var(--themes-color-blue),100%,30%)	;
}

.cmn-color-bg-blue40{
	background:hsl(var(--themes-color-blue),100%,40%)	;
}

.cmn-color-bg-blue50{
	background:hsl(var(--themes-color-blue),100%,50%)	;
}

.cmn-color-bg-blue60{
	background:hsl(var(--themes-color-blue),100%,60%)	;
}

.cmn-color-bg-blue70{
	background:hsl(var(--themes-color-blue),100%,70%)	;
}

.cmn-color-bg-blue80{
	background:hsl(var(--themes-color-blue),100%,80%)	;
}

.cmn-color-bg-blue90{
	background:hsl(var(--themes-color-blue),100%,90%)	;
}

.cmn-color-bg-blue95{
	background:hsl(var(--themes-color-blue),100%,95%)	;
}

.cmn-color-bg-blue96{
	background:hsl(var(--themes-color-blue),100%,96%)	;
}

.cmn-color-bg-blue97{
	background:hsl(var(--themes-color-blue),100%,97%)	;
}

.cmn-color-bg-blue98{
	background:hsl(var(--themes-color-blue),100%,98%)	;
}

.cmn-color-bg-blue99{
	background:hsl(var(--themes-color-blue),100%,99%)	;
}




.cmn-color-bg-purple20{
	background:hsl(var(--themes-color-purple),100%,20%)	;
}

.cmn-color-bg-purple30{
	background:hsl(var(--themes-color-purple),100%,30%)	;
}

.cmn-color-bg-purple40{
	background:hsl(var(--themes-color-purple),100%,40%)	;
}

.cmn-color-bg-purple50{
	background:hsl(var(--themes-color-purple),100%,50%)	;
}

.cmn-color-bg-purple60{
	background:hsl(var(--themes-color-purple),100%,60%)	;
}

.cmn-color-bg-purple70{
	background:hsl(var(--themes-color-purple),100%,70%)	;
}

.cmn-color-bg-purple80{
	background:hsl(var(--themes-color-purple),100%,80%)	;
}

.cmn-color-bg-purple90{
	background:hsl(var(--themes-color-purple),100%,90%)	;
}

.cmn-color-bg-purple95{
	background:hsl(var(--themes-color-purple),100%,95%)	;
}

.cmn-color-bg-purple96{
	background:hsl(var(--themes-color-purple),100%,96%)	;
}

.cmn-color-bg-purple97{
	background:hsl(var(--themes-color-purple),100%,97%)	;
}

.cmn-color-bg-purple98{
	background:hsl(var(--themes-color-purple),100%,98%)	;
}

.cmn-color-bg-purple99{
	background:hsl(var(--themes-color-purple),100%,99%)	;
}



.cmn-color-bg-pink20{
	background:hsl(var(--themes-color-pink),100%,20%)	;
}

.cmn-color-bg-pink30{
	background:hsl(var(--themes-color-pink),100%,30%)	;
}

.cmn-color-bg-pink40{
	background:hsl(var(--themes-color-pink),100%,40%)	;
}

.cmn-color-bg-pink50{
	background:hsl(var(--themes-color-pink),100%,50%)	;
}

.cmn-color-bg-pink60{
	background:hsl(var(--themes-color-pink),100%,60%)	;
}

.cmn-color-bg-pink70{
	background:hsl(var(--themes-color-pink),100%,70%)	;
}

.cmn-color-bg-pink80{
	background:hsl(var(--themes-color-pink),100%,80%)	;
}

.cmn-color-bg-pink90{
	background:hsl(var(--themes-color-pink),100%,90%)	;
}

.cmn-color-bg-pink95{
	background:hsl(var(--themes-color-pink),100%,95%)	;
}

.cmn-color-bg-pink96{
	background:hsl(var(--themes-color-pink),100%,96%)	;
}

.cmn-color-bg-pink97{
	background:hsl(var(--themes-color-pink),100%,97%)	;
}

.cmn-color-bg-pink98{
	background:hsl(var(--themes-color-pink),100%,98%)	;
}

.cmn-color-bg-pink99{
	background:hsl(var(--themes-color-pink),100%,99%)	;
}




.cmn-color-bg-gray0,
.cmn-color-bg-blk
{
	background:hsl(var(--themes-color-gray),0%,0%)	;
}

.cmn-color-bg-gray5{
	background:hsl(var(--themes-color-gray),0%,5%)	;
}

.cmn-color-bg-gray10{
	background:hsl(var(--themes-color-gray),0%,10%)	;
}

.cmn-color-bg-gray15{
	background:hsl(var(--themes-color-gray),0%,15%)	;
}

.cmn-color-bg-gray20{
	background:hsl(var(--themes-color-gray),0%,20%)	;
}

.cmn-color-bg-gray30{
	background:hsl(var(--themes-color-gray),0%,30%)	;
}

.cmn-color-bg-gray40{
	background:hsl(var(--themes-color-gray),0%,40%)	;
}

.cmn-color-bg-gray50{
	background:hsl(var(--themes-color-gray),0%,50%)	;
}

.cmn-color-bg-gray60{
	background:hsl(var(--themes-color-gray),0%,60%)	;
}

.cmn-color-bg-gray70{
	background:hsl(var(--themes-color-gray),0%,70%)	;
}

.cmn-color-bg-gray80{
	background:hsl(var(--themes-color-gray),0%,80%)	;
}

.cmn-color-bg-gray85{
	background:hsl(var(--themes-color-gray),0%,85%)	;
}

.cmn-color-bg-gray90{
	background:hsl(var(--themes-color-gray),0%,90%)	;
}

.cmn-color-bg-gray95{
	background:hsl(var(--themes-color-gray),0%,95%)	;
}

.cmn-color-bg-gray96{
	background:hsl(var(--themes-color-gray),0%,96%)	;
}

.cmn-color-bg-gray97{
	background:hsl(var(--themes-color-gray),0%,97%)	;
}

.cmn-color-bg-gray98{
	background:hsl(var(--themes-color-gray),0%,98%)	;
}

.cmn-color-bg-gray99{
	background:hsl(var(--themes-color-gray),0%,99%)	;
}

.cmn-color-bg-gray100,
.cmn-color-bg-white
{
	background:hsl(var(--themes-color-gray),0%,100%)	;
}


/* ------------------------------------------------------- */


/* ------------------------------------------------------- */
/* border color */

.cmn-color-border10{
	border-color:hsl(var(--themes-color),100%,10%)	;
}
.cmn-color-border15{
	border-color:hsl(var(--themes-color),100%,15%)	;
}
.cmn-color-border20{
	border-color:hsl(var(--themes-color),100%,20%)	;
}
.cmn-color-border25{
	border-color:hsl(var(--themes-color),100%,25%)	;
}

.cmn-color-border30{
	border-color:hsl(var(--themes-color),100%,30%)	;
}

.cmn-color-border35{
	border-color:hsl(var(--themes-color),100%,35%)	;
}

.cmn-color-border40{
	border-color:hsl(var(--themes-color),100%,40%)	;
}

.cmn-color-border45{
	border-color:hsl(var(--themes-color),100%,45%)	;
}

.cmn-color-border50{
	border-color:hsl(var(--themes-color),100%,50%)	;
}

.cmn-color-border55{
	border-color:hsl(var(--themes-color),100%,55%)	;
}


.cmn-color-border60{
	border-color:hsl(var(--themes-color),100%,60%)	;
}

.cmn-color-border65{
	border-color:hsl(var(--themes-color),100%,65%)	;
}


.cmn-color-border70{
	border-color:hsl(var(--themes-color),100%,70%)	;
}

.cmn-color-border75{
	border-color:hsl(var(--themes-color),100%,75%)	;
}


.cmn-color-border80{
	border-color:hsl(var(--themes-color),100%,80%)	;
}

.cmn-color-border85{
	border-color:hsl(var(--themes-color),100%,85%)	;
}


.cmn-color-border90{
	border-color:hsl(var(--themes-color),100%,90%)	;
}

.cmn-color-border95{
	border-color:hsl(var(--themes-color),100%,95%)	;
}

.cmn-color-border96{
	border-color:hsl(var(--themes-color),100%,96%)	;
}

.cmn-color-border97{
	border-color:hsl(var(--themes-color),100%,97%)	;
}

.cmn-color-border98{
	border-color:hsl(var(--themes-color),100%,98%)	;
}

.cmn-color-border99{
	border-color:hsl(var(--themes-color),100%,99%)	;
}



.cmn-color-border-red20{
	border-color:hsl(var(--themes-color-red),100%,20%)	;
}

.cmn-color-border-red30{
	border-color:hsl(var(--themes-color-red),100%,30%)	;
}

.cmn-color-border-red40{
	border-color:hsl(var(--themes-color-red),100%,40%)	;
}

.cmn-color-border-red50{
	border-color:hsl(var(--themes-color-red),100%,50%)	;
}

.cmn-color-border-red60{
	border-color:hsl(var(--themes-color-red),100%,60%)	;
}

.cmn-color-border-red70{
	border-color:hsl(var(--themes-color-red),100%,70%)	;
}

.cmn-color-border-red80{
	border-color:hsl(var(--themes-color-red),100%,80%)	;
}

.cmn-color-border-red90{
	border-color:hsl(var(--themes-color-red),100%,90%)	;
}

.cmn-color-border-red95{
	border-color:hsl(var(--themes-color-red),100%,95%)	;
}


.cmn-color-border-orange20{
	border-color:hsl(var(--themes-color-orange),100%,20%)	;
}

.cmn-color-border-orange30{
	border-color:hsl(var(--themes-color-orange),100%,30%)	;
}

.cmn-color-border-orange40{
	border-color:hsl(var(--themes-color-orange),100%,40%)	;
}

.cmn-color-border-orange50{
	border-color:hsl(var(--themes-color-orange),100%,50%)	;
}

.cmn-color-border-orange60{
	border-color:hsl(var(--themes-color-orange),100%,60%)	;
}

.cmn-color-border-orange70{
	border-color:hsl(var(--themes-color-orange),100%,70%)	;
}

.cmn-color-border-orange80{
	border-color:hsl(var(--themes-color-orange),100%,80%)	;
}

.cmn-color-border-orange90{
	border-color:hsl(var(--themes-color-orange),100%,90%)	;
}

.cmn-color-border-orange95{
	border-color:hsl(var(--themes-color-orange),100%,95%)	;
}



.cmn-color-border-brown20{
	border-color:hsl(var(--themes-color-brown),100%,20%)	;
}

.cmn-color-border-brown30{
	border-color:hsl(var(--themes-color-brown),100%,30%)	;
}

.cmn-color-border-brown40{
	border-color:hsl(var(--themes-color-brown),100%,40%)	;
}

.cmn-color-border-brown50{
	border-color:hsl(var(--themes-color-brown),100%,50%)	;
}

.cmn-color-border-brown60{
	border-color:hsl(var(--themes-color-brown),100%,60%)	;
}

.cmn-color-border-brown70{
	border-color:hsl(var(--themes-color-brown),100%,70%)	;
}

.cmn-color-border-brown80{
	border-color:hsl(var(--themes-color-brown),100%,80%)	;
}

.cmn-color-border-brown90{
	border-color:hsl(var(--themes-color-brown),100%,90%)	;
}

.cmn-color-border-brown95{
	border-color:hsl(var(--themes-color-brown),100%,95%)	;
}



.cmn-color-border-yellow20{
	border-color:hsl(var(--themes-color-yellow),100%,20%)	;
}

.cmn-color-border-yellow30{
	border-color:hsl(var(--themes-color-yellow),100%,30%)	;
}

.cmn-color-border-yellow40{
	border-color:hsl(var(--themes-color-yellow),100%,40%)	;
}

.cmn-color-border-yellow50{
	border-color:hsl(var(--themes-color-yellow),100%,50%)	;
}

.cmn-color-border-yellow60{
	border-color:hsl(var(--themes-color-yellow),100%,60%)	;
}

.cmn-color-border-yellow70{
	border-color:hsl(var(--themes-color-yellow),100%,70%)	;
}

.cmn-color-border-yellow80{
	border-color:hsl(var(--themes-color-yellow),100%,80%)	;
}

.cmn-color-border-yellow90{
	border-color:hsl(var(--themes-color-yellow),100%,90%)	;
}

.cmn-color-border-yellow95{
	border-color:hsl(var(--themes-color-yellow),100%,95%)	;
}

.cmn-color-border-green20{
	border-color:hsl(var(--themes-color-green),100%,20%)	;
}

.cmn-color-border-green30{
	border-color:hsl(var(--themes-color-green),100%,30%)	;
}

.cmn-color-border-green40{
	border-color:hsl(var(--themes-color-green),100%,40%)	;
}

.cmn-color-border-green50{
	border-color:hsl(var(--themes-color-green),100%,50%)	;
}

.cmn-color-border-green60{
	border-color:hsl(var(--themes-color-green),100%,60%)	;
}

.cmn-color-border-green70{
	border-color:hsl(var(--themes-color-green),100%,70%)	;
}

.cmn-color-border-green80{
	border-color:hsl(var(--themes-color-green),100%,80%)	;
}

.cmn-color-border-green90{
	border-color:hsl(var(--themes-color-green),100%,90%)	;
}

.cmn-color-border-green95{
	border-color:hsl(var(--themes-color-green),100%,95%)	;
}


.cmn-color-border-skyblue20{
	border-color:hsl(var(--themes-color-skyblue),100%,20%)	;
}

.cmn-color-border-skyblue30{
	border-color:hsl(var(--themes-color-skyblue),100%,30%)	;
}

.cmn-color-border-skyblue40{
	border-color:hsl(var(--themes-color-skyblue),100%,40%)	;
}

.cmn-color-border-skyblue50{
	border-color:hsl(var(--themes-color-skyblue),100%,50%)	;
}

.cmn-color-border-skyblue60{
	border-color:hsl(var(--themes-color-skyblue),100%,60%)	;
}

.cmn-color-border-skyblue70{
	border-color:hsl(var(--themes-color-skyblue),100%,70%)	;
}

.cmn-color-border-skyblue80{
	border-color:hsl(var(--themes-color-skyblue),100%,80%)	;
}

.cmn-color-border-skyblue90{
	border-color:hsl(var(--themes-color-skyblue),100%,90%)	;
}

.cmn-color-border-skyblue95{
	border-color:hsl(var(--themes-color-skyblue),100%,95%)	;
}

.cmn-color-border-blue20{
	border-color:hsl(var(--themes-color-blue),100%,20%)	;
}

.cmn-color-border-blue30{
	border-color:hsl(var(--themes-color-blue),100%,30%)	;
}

.cmn-color-border-blue40{
	border-color:hsl(var(--themes-color-blue),100%,40%)	;
}

.cmn-color-border-blue50{
	border-color:hsl(var(--themes-color-blue),100%,50%)	;
}

.cmn-color-border-blue60{
	border-color:hsl(var(--themes-color-blue),100%,60%)	;
}

.cmn-color-border-blue70{
	border-color:hsl(var(--themes-color-blue),100%,70%)	;
}

.cmn-color-border-blue80{
	border-color:hsl(var(--themes-color-blue),100%,80%)	;
}

.cmn-color-border-blue90{
	border-color:hsl(var(--themes-color-blue),100%,90%)	;
}

.cmn-color-border-blue95{
	border-color:hsl(var(--themes-color-blue),100%,95%)	;
}

.cmn-color-border-purple20{
	border-color:hsl(var(--themes-color-purple),100%,20%)	;
}

.cmn-color-border-purple30{
	border-color:hsl(var(--themes-color-purple),100%,30%)	;
}

.cmn-color-border-purple40{
	border-color:hsl(var(--themes-color-purple),100%,40%)	;
}

.cmn-color-border-purple50{
	border-color:hsl(var(--themes-color-purple),100%,50%)	;
}

.cmn-color-border-purple60{
	border-color:hsl(var(--themes-color-purple),100%,60%)	;
}

.cmn-color-border-purple70{
	border-color:hsl(var(--themes-color-purple),100%,70%)	;
}

.cmn-color-border-purple80{
	border-color:hsl(var(--themes-color-purple),100%,80%)	;
}

.cmn-color-border-purple90{
	border-color:hsl(var(--themes-color-purple),100%,90%)	;
}

.cmn-color-border-purple95{
	border-color:hsl(var(--themes-color-purple),100%,95%)	;
}



.cmn-color-border-pink20{
	border-color:hsl(var(--themes-color-pink),100%,20%)	;
}

.cmn-color-border-pink30{
	border-color:hsl(var(--themes-color-pink),100%,30%)	;
}

.cmn-color-border-pink40{
	border-color:hsl(var(--themes-color-pink),100%,40%)	;
}

.cmn-color-border-pink50{
	border-color:hsl(var(--themes-color-pink),100%,50%)	;
}

.cmn-color-border-pink60{
	border-color:hsl(var(--themes-color-pink),100%,60%)	;
}

.cmn-color-border-pink70{
	border-color:hsl(var(--themes-color-pink),100%,70%)	;
}

.cmn-color-border-pink80{
	border-color:hsl(var(--themes-color-pink),100%,80%)	;
}

.cmn-color-border-pink90{
	border-color:hsl(var(--themes-color-pink),100%,90%)	;
}

.cmn-color-border-pink95{
	border-color:hsl(var(--themes-color-pink),100%,95%)	;
}




.cmn-color-border-gray0{
	border-color:hsl(var(--themes-color-gray),0%,0%)	;
}

.cmn-color-border-gray5{
	border-color:hsl(var(--themes-color-gray),0%,5%)	;
}

.cmn-color-border-gray10{
	border-color:hsl(var(--themes-color-gray),0%,10%)	;
}

.cmn-color-border-gray15{
	border-color:hsl(var(--themes-color-gray),0%,15%)	;
}

.cmn-color-border-gray20{
	border-color:hsl(var(--themes-color-gray),0%,20%)	;
}

.cmn-color-border-gray30{
	border-color:hsl(var(--themes-color-gray),0%,30%)	;
}

.cmn-color-border-gray40{
	border-color:hsl(var(--themes-color-gray),0%,40%)	;
}

.cmn-color-border-gray50{
	border-color:hsl(var(--themes-color-gray),0%,50%)	;
}

.cmn-color-border-gray60{
	border-color:hsl(var(--themes-color-gray),0%,60%)	;
}

.cmn-color-border-gray70{
	border-color:hsl(var(--themes-color-gray),0%,70%)	;
}

.cmn-color-border-gray80{
	border-color:hsl(var(--themes-color-gray),0%,80%)	;
}

.cmn-color-border-gray85{
	border-color:hsl(var(--themes-color-gray),0%,85%)	;
}

.cmn-color-border-gray90{
	border-color:hsl(var(--themes-color-gray),0%,90%)	;
}

.cmn-color-border-gray95{
	border-color:hsl(var(--themes-color-gray),0%,95%)	;
}

.cmn-color-border-gray100{
	border-color:hsl(var(--themes-color-gray),0%,100%)	;
}