@charset "UTF-8" ;

/* ここからデモページ用のコード */
body {
	width: 100% ;
	padding: 0 ;
}
/* ここまでデモページ用のコード */

.modal-content {
	width:auto ;
	margin: 0 ;
	padding:30px 60px;
	background: #457d26 ;
	position: fixed ;
	display: none ;
	z-index: 101 ;
	text-align:center;
	box-shadow:0px 0px 8px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 8px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 8px 2px rgba(0,0,0,0.2);
}

.modal-content2 {
	width:auto ;
	margin: 0 ;
	padding: 0;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 101 ;
	text-align:center;
}
.modal-content2 p img { width:80%; }

.modal-content p { font-size:14px; color:#fff; }
  
#modal-overlay {
	z-index: 100 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 255,255,255, 0.95 ) ;
}

.button-link {
	color: #00f ;
	text-decoration: none ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}