.m-box-modal {
	position : fixed;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	z-index : 2000;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : start;
	-ms-flex-align : start;
	align-items : flex-start;
	padding : 120px 0 0;
	visibility : hidden;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition : all 0.3s ease-out;
	        transition : all 0.3s ease-out;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-modal {
		padding : 50px 15px 0;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.hide-sp {
		display : none !important;
	}
}
.m-box-modal.is-active {
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	visibility : visible;
}
.m-box-modal .modal-overlay {
	background-color : #000;
	opacity : 0.5;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
}
.m-box-modal .modal-inner {
	background-color : #fff;
	padding : 10px;
	position : relative;
	z-index : 1;
	padding : 60px 30px 50px;
	max-width : 490px;
	max-height : 800px;
	width : 100%;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-modal .modal-inner {
		padding : 60px 15px 30px;
	}
}
.m-box-modal .modal-inner .modal-link-wrap {
	text-align : center;
	margin-top : 40px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-modal .modal-inner .modal-link-wrap {
		margin-top : 20px;
	}
}
.m-box-modal .modal-inner .modal-link-wrap .modal-link {
	position : relative;
	display : inline-block;
	border : none;
	padding : 0 25px 0 60px;
	color : #fff !important;
	background : #8a532c;
	line-height : 1.4;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
	-webkit-transition : all 0.3s ease-out;
	        transition : all 0.3s ease-out;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-modal .modal-inner .modal-link-wrap .modal-link {
		padding : 5px 0 5px 35px;
	}
}
.m-box-modal .modal-inner .modal-link-wrap .modal-link > span {
	position : relative;
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
	padding-right : 30px;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	padding : 19px 30px 19px 0;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-modal .modal-inner .modal-link-wrap .modal-link > span {
		padding : 13px 30px 13px 0;
		-webkit-transform : none;
		    -ms-transform : none;
		        transform : none;
	}
}
.m-box-modal .modal-inner .modal-link-wrap .modal-link > span:before {
	content : url('../svg/i_ar_circle_wh.svg');
	position : absolute;
	top : 0;
	bottom : 0;
	left : -40px;
	width : 23px;
	height : 23px;
	margin : auto;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-modal .modal-inner .modal-link-wrap .modal-link > span:before {
		left : -25px;
		width : 17px;
		height : 17px;
	}
}
.m-box-modal .modal-inner .modal-link-wrap .modal-link:after {
	content : '';
	width : 10px;
	height : 10px;
	margin-left : 3px;
	display : block;
	position : absolute;
	top : 50%;
	margin-top : -5px;
	right : 10px;
	background : url(../images/i_blank_wh.png) no-repeat right top;
	background-size : 100% auto;
}
.m-box-modal .modal-inner .modal-link-wrap .modal-link:hover {
	text-decoration : none;
	background-color : #a97a59;
}
.m-box-modal .modal-inner .modal-close .close-btn {
	position : absolute;
	top : 0;
	right : 0;
	width : 50px;
	height : 50px;
	background : #8a532c;
	border : none;
	-webkit-transition : all 0.3s ease-out;
	        transition : all 0.3s ease-out;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-modal .modal-inner .modal-close .close-btn {
		width : 40px;
		height : 40px;
	}
}
.m-box-modal .modal-inner .modal-close .close-btn:before, .m-box-modal .modal-inner .modal-close .close-btn:after {
	content : '';
	width : 20px;
	height : 2px;
	background-color : #fff;
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	margin : auto;
}
.m-box-modal .modal-inner .modal-close .close-btn:before {
	-webkit-transform : rotateZ(-45deg);
	    -ms-transform : rotate(-45deg);
	        transform : rotateZ(-45deg);
}
.m-box-modal .modal-inner .modal-close .close-btn:after {
	-webkit-transform : rotateZ(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotateZ(45deg);
}
.m-box-modal .modal-inner .modal-close .close-btn .btn-wrap {
	position : absolute !important;
	overflow : hidden !important;
	clip : rect(0 0 0 0) !important;
	width : 1px !important;
	height : 1px !important;
	margin : -1px !important;
	padding : 0 !important;
	border : 0 !important;
}
.m-box-modal .modal-inner .modal-close .close-btn:hover {
	text-decoration : none;
	background-color : #a97a59;
}