@charset "utf-8";

/*****************************************************************

	レイアウト定義

*****************************************************************/


/*============================================================
	Nav
============================================================*/
#modal_overlay{
	margin: 0;
	padding: 0;
  position:fixed !important;
  position:absolute;
  z-index:10000;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
	background: #6b9ed2;
	cursor: pointer;
	display: none;
	-moz-opacity:0.4; -ms-filter: "alpha( opacity=40)"; filter: alpha(opacity=40); opacity:0.4;
}

#modal_main{
	display: none;
	width: 651px;
	height: 481px;
	top: 50%;
	left: 50%;
	overflow: hidden;
	margin: -240px 0 0 -325px;
	padding: 0;
	position: fixed;
	z-index: 11000;
	background: url(../images/page_exit/bg_pc_modal.png) 0 0 no-repeat;
}
#modal_main *{
	margin: 0;
	padding: 0;
	position: static;
	font-size: 0;
	line-height: 1;
}
#modal_main .modal_txt{
	display: none;
}
#modal_main .modal_btn_1,
#modal_main .modal_btn_2{
	display:block;
	position: absolute;
	bottom: 54px;
	text-decoration: none;
}
#modal_main .modal_btn_1{
	left: 24px;
}
#modal_main .modal_btn_2{
	left:246px;
}
#modal_main img{
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-size: 0;
	border: 0;
}

#modal_main .modal_btn_1:hover,
#modal_main .modal_btn_2:hover{
	-moz-opacity:0.8; -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity:0.8;
}

	#modal_main .type_pc{
		display: inline;
	}
	#modal_main .type_sp{
		display: none;
	}

@media screen and (max-width: 665px) {
	#modal_main{
		width: 315px;
		height: 240px;
		top: 50%;
		left: 50%;
		overflow: hidden;
		margin: -120px 0 0 -158px;
		padding: 0;
		position: fixed;
		z-index: 11000;
		background: url(../images/page_exit/bg_sp_modal.png) 0 0 no-repeat;
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
	}
	#modal_main *{
		margin: 0;
		padding: 0;
		position: static;
		font-size: 0;
		line-height: 1;
	}
	#modal_main .modal_txt{
		display: none;
	}
	#modal_main .modal_btn_1,
	#modal_main .modal_btn_2{
		width: 109px;
		display:block;
		position: absolute;
		bottom: 32px;
		text-decoration: none;
	}
	#modal_main .modal_btn_1{
		left: 10px;
	}
	#modal_main .modal_btn_2{
		left:120px;
	}
	#modal_main .modal_btn_1 img,
	#modal_main .modal_btn_2 img{
		width: 100%;
	}
	#modal_main .type_pc{
		display: none;
	}
	#modal_main .type_sp{
		display: inline;
	}
}