.line-crm-popup{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99999;
	display:none;
}
.line-crm-close{
	width:100%;
	height:35px;
	width: 100%;
    height: 30px;
    max-width: 560px;
    margin: 0 auto;
}
#normalClose{
	display:none;
}
#normalClose img{
	float:right;
	width:30px;
	height:30px;
	border:1px solid #fff;
	border-radius:50%;
	cursor:pointer;
}
#heightClose{
	position: fixed;
	z-index:1000000;
	width:560px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align:right;
	top:0;
	display:none;
}
#heightClose img{
	width: 35px;
    height: 32px;
	cursor:pointer;
}
.line-crm-popup .line-crm-content{
	width: 560px;
	max-height: 100%;
    margin: auto auto;
}
.line-crm-popup .line-crm-content img{
	width:100%;
}
#lineCrmPopupImagePC, #lineCrmPopupImageSP{
	display:none;
}
#linePopupBackground{
	display: none;
	position: fixed; /* Sit on top of the page content */
	width: 100%; /* Full width (cover the whole page) */
	height: 100vh;
	overflow-y: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000; /* Black background with opacity */
	opacity: 90%;
	z-index: 99998; /* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer; /* Add a pointer on hover */
}
#pcLink, #spLink{
	position:absolute;
	z-index:99;
	display:none;
}
.link-area{
	position:absolute;
	z-index:99;
	cursor:pointer;
}

@media (max-width: 560px) { 
	/**SP**/
.line-crm-popup{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:100%;
	height: 100%;
	display:none;
	/* display: block; */
	z-index: 99999;
}
.line-crm-popup .line-crm-close{
	width:99%;
	height:35px;
}
.line-crm-popup .line-crm-close img{
	float:right;
	width:30px;
	height:30px;
	border:1px solid #fff;
	border-radius:50%;
	cursor:pointer;
}
.line-crm-popup .line-crm-content{
	max-width: 90vw;
    margin: auto auto;
}
.line-crm-popup .line-crm-content img{
	width:100%;
}

}