@charset "UTF-8";


#modal-content {
	width: 70% ;
	margin: 0 0 0 24%;
	padding: 10px 3% 20px ;
	border-left: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 9999 ;
}
  
#modal-overlay {
	z-index: 9998 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

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





/* プルダウンメニュー中身*/


.menu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
	z-index:100;
}
.menu li {
	font-size:2.8rem;
	margin:0;
	border-bottom:2px dashed #ccc;
}
.menu li a {
	display:block;
	padding:7% 5% 7% 4%;	
}
.menu li.closemenu {
	border-bottom:none; 
	margin-bottom:2%;
}
.menu li.closemenu a {
	text-align:center;
	text-decoration:none;
	color:#fff;
	background:#CA292B;
	border-bottom:none;
	padding:6% 5%;	
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}