@charset "UTF-8";

.modal-content {
	width: 80% ;
	margin: 0 ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
}

.modal-wrapper {
	margin: 0 ;
	padding: 5px 25px ;
	background: #fff ;
	position: relative ;
	z-index: 2 ;
	overflow-y: scroll;
}

#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

#modal-overlay-all {
	z-index: 0 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.first-modal-close {
	position: relative;
	padding-right: 10px;
	padding-top: 5px;
	background-color: #fff;
	z-index: 3;
	font-size: 52px;
	width: 100%;
	display: block;
	text-align: right;
	height: 45px;
	cursor: pointer;
	margin-bottom: 0px !important;
}

.last-modal-close {
  position:  relative;
  text-align:  center;
  background:  #fff;
  display:  block;
  width: 100%;
	font-size: 24px;
	padding: 8px;
	z-index: 3;
	cursor: pointer;
	margin-bottom: 0px !important;
}

.modal-category-navi {
	position:relative;
	z-index: 0;
}

.mod-btn {
	z-index: 1;
}

.tag.tag-accent {
    z-index: 1;
}