@charset "euc-jp";

/*===========================================
���㡼����Ϣ�⡼���붦��
============================================*/

.commonJsModal .HalfModal_CloseBtn {
	margin: 0;
	background: none !important;
	top: -5px !important;
	right: 8px !important;
}

.commonJsModal .HalfModal_CloseBtn:before,
.commonJsModal .HalfModal_CloseBtn:after {
	background-color: #fff;
}

.is-forScrollFixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	overflow-y: scroll;
}

/* CenterModal�⡼���� */
.CenterModal{
	display: none;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10001;
}

.CenterModal-bg{
	background: rgba(0, 0, 0, 0.6);
	height: 100vh;
	width: 100%;
}

.CenterModalContent {
	/* max-width: 90%; */
	max-width: 338px;
	width: 100%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 5px;
}

@media only screen and (max-width: 338px) {
	.CenterModalContent {
		max-width: 300px;
	}
}

@media only screen and (min-width: 1025px) {
	.CenterModalContent {
		max-width: 470px;
	}
}



.CenterModal .CloseBtn{
	position: absolute;
	z-index: 10;
	display: inline-block;
	width: 34px;
	height: 34px;
	overflow: hidden;
	cursor: pointer;
	text-indent: 200%;
	white-space: nowrap;
	border-radius: 50%;
	margin: 0;
	background: none;
	top: -35px;
	right: -10px;
}

.CenterModal .CloseBtn::before,
.CenterModal .CloseBtn::after{
	content: '';
	height: 2px;
	width: 27px;
	display: block;
	background: #fff;
	position: absolute;
	top: 16px;
	left: 4px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.CenterModal .CloseBtn::after{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}