@charset "UTF-8";
/* モーダルウィンドウのスタイル */
.modal {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  display:none;
  z-index: 11;
}
.modal-inner {
	position: relative;
}
 
/* オーバーレイのスタイル */
.overLay {
  position:fixed;
  top:0;
  left:0;
  background:rgba(0,0,0,0.7);
  width:100%;
  height:100%;
  z-index:12;
}
#search-sp .modal li {
	padding: 10px 10px;
	margin-bottom: 0;
	font-size: 95%;
	height: 3.5em;
	border-bottom: solid 1px #ccc;
}
#search-sp .modal li:last-child {
	border: none;
}
#search-sp #modal_koyo li,
#search-sp #modal_kinmu li {
	height: auto;
}
#search-sp .modal li .subtitle {
	font-size: 80%;
	display: block;
}
#search-sp .modal .inner li label {
	display: block;
}
#search-sp .modal .inner li input[type=checkbox] {
	margin-right: 0.2em;
}
#search-sp .modal li::after  {
	display: none;
}
/*#search-sp li.sp-chiiki .modal a.modalClose,
#search-sp li.sp-koyo a.modalClose,
#search-sp li.sp-syokusyu a.modalClose,
#search-sp li.sp-kyuyo a.modalClose,
#search-sp li.sp-kinmu a.modalClose {
    background: none;
    clear: both;
    padding: 10px 10px 0;
    text-align: center;
    clear: both;
    margin: 0 auto;
}*/

/* モーダルウィンドウの中身のスタイル */
.modal .inner {
  position:fixed;
  z-index:13;
  top:42%;
  left:50%;
  transform:translate(-50%,-50%);
  background: #fff;
  width: 90%;
  max-height: 70%;
  overflow-y: scroll;
  padding:0 0 10px;
}

@keyframes modal{
  0% {top:-100%}
  100% {top:50%}
}
@keyframes modalClose {
  0% {top:50%}
  100% {top:100%}
} 

#search-sp li.sp-chiiki .modal a.modalClose,
#search-sp li.sp-koyo a.modalClose,
#search-sp li.sp-syokusyu a.modalClose,
#search-sp li.sp-kyuyo a.modalClose,
#search-sp li.sp-kinmu a.modalClose {
	padding: 5px 8px;
	border-radius: 3px;
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #eeeeee 100%);
	background: -webkit-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%);
	background: linear-gradient(to bottom, #f8f8f8 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eeeeee',GradientType=0 );
	border: solid 1px #999;
	border-radius: 3px;
	margin-bottom: 10px;
	cursor: pointer;
	text-decoration: none;
	color: #000!important;
	position: fixed;
	bottom: 60px;
	left: 43%;
	z-index: 12;
	text-align: center;
}
#search-sp li.sp-chiiki .modal a.modalClose span.small,
#search-sp li.sp-koyo a.modalClose span.small,
#search-sp li.sp-syokusyu a.modalClose span.small,
#search-sp li.sp-kyuyo a.modalClose span.small,
#search-sp li.sp-kinmu a.modalClose span.small {
	display: block;
	font-size: 80%;
}

#search-sp li.sp-chiiki .modal a.modalClose span.small span,
#search-sp li.sp-koyo a.modalClose span.small span,
#search-sp li.sp-syokusyu a.modalClose span.small span,
#search-sp li.sp-kyuyo a.modalClose span.small span,
#search-sp li.sp-kinmu a.modalClose span.small span {
	color: #DB0080;
}

#search-sp li.sp-chiiki .modal span.modalHeader,
#search-sp li.sp-koyo span.modalHeader,
#search-sp li.sp-syokusyu span.modalHeader,
#search-sp li.sp-kyuyo span.modalHeader,
#search-sp li.sp-kinmu span.modalHeader {
	padding: 5px 8px;
	border-radius: 3px;
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #f8f8f8 0%, #eeeeee 100%);
	background: -webkit-linear-gradient(top, #f8f8f8 0%,#eeeeee 100%);
	background: linear-gradient(to bottom, #f8f8f8 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eeeeee',GradientType=0 );
	border: solid 1px #999;
	border-radius: 3px;
	margin-bottom: 10px;
	text-decoration: none;
	color: #000!important;
	position: fixed;
	top: 5px;
	left: 35%;
	z-index: 12;
	text-align: center;
}
#search-sp li.sp-chiiki .modal span.modalHeader span.small,
#search-sp li.sp-koyo span.modalHeader span.small,
#search-sp li.sp-syokusyu span.modalHeader span.small,
#search-sp li.sp-kyuyo span.modalHeader span.small,
#search-sp li.sp-kinmu span.modalHeader span.small {
	display: block;
    color: #65af47;
}

#search-sp li.sp-chiiki .modal span.modalHeader span.small span,
#search-sp li.sp-koyo span.modalHeader span.small span,
#search-sp li.sp-syokusyu span.modalHeader span.small span,
#search-sp li.sp-kyuyo span.modalHeader span.small span,
#search-sp li.sp-kinmu span.modalHeader span.small span {
	color: #DB0080;
}