
/*///////////////////////////*/
/*------- ��蝞� --------*/
/*///////////////////////////*/
	
	
/*��蝞�*/
.lightboxArea {
	position:fixed;
	width:100%;
	z-index:99999;
	top:0px;
	left:0px;
	box-sizing:border-box;
	padding:124px 0px;
	display:none;
	justify-content: center;
	align-items: center;
	height: 100%;
}
	/*��蝞梢�摨�*/
	.lightboxBG {
		background:rgba(0,0,0,0.8);
		width:100%;
		height:100%;
		height: 100vh;
		position: absolute;
		top:0px;
	}
	
	/*��蝞曹蜓擃�*/
	.lightboxMain {
		height:360px;
		width:30%;
		margin:0 auto;
		background:#000;
		background:transparent;
		border-radius:10px;
		position: relative;
		transition:0.3s ease all;
		transform:scale(0);
		top:0px;
		box-sizing:border-box;
		font-size:0px;
	}
	.lightboxMain{
		width: 60%;
	}
		/*������蝞望����*/
		.lightboxCloseBtn {
			z-index: 999;
			position: absolute;
			font-size: 15px;
			font-weight: bold;
			letter-spacing: 0px;
			text-align: center;
			width: 34px;
			height: 34px;
			line-height: 34px;
			/* color: #333; */
			background: #fff;
			right: 2%;
			top: 4%;
			/* border: solid #515151 1px; */
			box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
			cursor: pointer;
			transition: 0.3s ease all;
			display: flex;
			transition: 0.3s ease all;
			border-radius: 50%;
			justify-content: center;
			font-family: "Krub",serif;
			/* color: #fff; */
		}
		.lightboxCloseBtn svg{
			fill: #fff;
			width: 25px;
			height: 25px;
			margin: auto;
			transition: 0.3s ease all;
		}
			/* .lightboxCloseBtn:hover {
				background: #8dc21f;
				border-color: #8dc21f;
				transition: 0.3s ease all;
			} */
			.lightboxCloseBtn:hover svg{
				fill: #333;
				transform: rotate(15deg);
				transition: 0.3s ease all;
			}
			
		/*��蝞梯�����*/
		.lightboxContentArea {
			display: flex;
			justify-content: center; /* 瘞游像蝵桐葉 */
			align-items: center; /* ���渡蔭銝� */
			height: 100%; /* 蝣箔�������皛踹�舐�券�摨� */
		
		}
		.lightboxContentArea .wrap{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: auto;
			gap:10px;
			
		}
		.lightboxContentArea .search_inAreaPC {
			display: block;
			position: relative;
			right: 0;
			top: 0;
			border-radius: 40px;
			padding: 0;
		}
		.lightboxContentArea .search_inAreaPC .search_inBoxPC  {
			padding: 0;
		}
		.lightboxContentArea .search_inAreaPC .search_inBoxPC input {
			border: none;
			line-height: unset;
			height: unset;
			padding: 10px;
		}
		.lightboxContentArea  button {
			
			all:unset; /* 皜��斗������閮剜見撘� */
			position: relative;
			right:0;
			bottom:0;
			border-color: #fff;
			text-align: center;
			cursor: pointer;
			background-color: var(--primary_color);
			/* background-color: #73b21a; */
			color: #fff;
			border-radius: 40px;
			font-size: 16px;
			font-weight: bold;
			font-family: var(--foreign_font);
			/* border: 3px solid #fff; */
			line-height: unset;
			height: unset;
			padding: 11px 29px;

		}


@media (max-width: 990px){	

	/*��蝞梯�����*/
	.lightboxContentArea {
		height: 100%;
	}

	
		.lightboxMain {
			width: 50%;
		}
}

@media (max-width: 600px){	

	.lightboxMain {
		width: 90%;
	}
	
/*��蝞�*/
.lightboxArea {
	padding:50px 0px;
}

/*������蝞望����*/
.lightboxCloseBtn {
    /* right: 0px;
    top: 0px; */
}
.lightboxContentArea  button {
			
	padding: 11px 5px;

}


	
	
}