@charset "UTF-8";
/* モーダルを開いた時の外側のレイヤー */
#member-fgj .over-lay {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #999;
  opacity: 0.7;
      z-index: 9;
}
/* モーダルウィンドウ */
#member-fgj .fgj-modal {
	display: none;
	position: absolute;
	text-align: center;
	top: 30%;
	left: 50%;
	margin: auto;
	transform: translate(-50%, -50%);
	width: 600px;
	padding: 50px;
	background-color: #fff;
  z-index: 10;
}

#member-fgj .fgj-modal p{
	display: inline-block;
text-align: left;
margin-bottom: 30px;
line-height: 1.8;
}

#member-fgj .fgj-modal .btn a,
#member-fgj .fgj-modal .btn p{
	height: 50px;
width: 300px;
margin: 0 auto 20px;
position: relative;
background: #333;
color: #fff!important;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;

}
#member-fgj .fgj-modal .btn a::after,
#member-fgj .fgj-modal .btn p::after{
	content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
border-right: 1px solid;
border-bottom: 1px solid;
transform: rotate(-45deg);
bottom: 0;
top: 0;
margin: auto;
right: 20px;
}
#member-fgj .fgj-modal .btn p:hover{
	cursor: pointer;
	opacity: .7;
}
#member-fgj .fgj-modal .modal_inner{
	    position: relative;
}
#member-fgj .fgj-modal .fgj-modal-close-btn:not(.btn){
	position: absolute;
top: -86px;
right: -50px;
background: #333;
color: #fff;
padding: 10px;
}
#member-fgj .fgj-modal .fgj-modal-close-btn:not(.btn):hover{
	cursor: pointer;
}
#d_content-layout.member #d_content-layout-inner #d_sidemenus #d_sidemenus-inner ul li.fgj-modal-open-btn{
  	cursor: pointer;
}
/* モーダルを開いたとき */
#member-fgj .fgj-modal.active,
#member-fgj .over-lay.active {
  display: block;
}