.button {
	margin:1%;
  display       : inline-block;
  font-size     : 1.1rem; 
  text-align    : center;
  cursor        : pointer;
  padding       : 1% 5%;
  background    : #333;
  color         : #ffffff;
	transition    : .3s;
	line-height   : 1em;
}
.button:hover {
  box-shadow    : none;
  opacity       : 0.8;
}
.button a {
	color:#fff;
}
 
.selectbox{
  box-sizing: border-box;
  width: 200px;
  height: 50px;
  padding: 0px 0px 0px 10px;
  margin: 5px auto;
  font-size: 1em;
  color: #333;
  border: solid 1px #ccc;
  border-radius: 0;
  outline: 0;
  transition: 0.3s;
  -webkit-appearance: none;
	background:#fff;
}

.modalNoDisp {
  display : none;
}

.modalBg {
  position   : fixed;
  overflow   : hidden;
  top        : 0;
  right      : 0;
  bottom     : 0;
  left       : 0;
  background : radial-gradient(circle at 50% 50%,
                               rgba(0, 0, 0, 0.90),
                               rgba(0, 0, 0, 0.70));
  z-index    : 10;
}

.modalBgOpen {
  animation  : bgOpenAnime 0.3s ease;
}
@keyframes bgOpenAnime {
   0% { opacity: 0 }
 100% { opacity: 1 }
}

.modalBgClose {
  bottom     : 100%;
  animation  : bgCloseAnime 0.3s ease;
}
@keyframes bgCloseAnime {
   0% { opacity: 1; bottom: 0 }
 100% { opacity: 0; bottom: 0 }
}

/* === モーダルウインド ==================================== */
.modalBg .modalWindow {
  position      : absolute;
  top           : 55%;
  left          : 50%;
  transform     : translate(-50%, -50%);
  z-index       : 11;
  width         : 80%;
	max-width:1000px;
	min-width:280px;
	height:65%;
	overflow:auto;
  min-height    : 500px;
  background    : #fff;
  border-radius : 10px;
  font-size     : 12px;
	padding:2% 3%;
}
.modalBg .modalWindow .title{
	text-align:center;
	font-weight:bold;
	font-size:1.5rem;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	margin:20px auto 10px;
	background:url(../../img/sub_h3_bar.gif) center top no-repeat;
	padding-top:25px;
}

.modalBg .modalWindow .title span{
	display:block;
	font-size:12px;
}

.search_select_item{
	margin:0px auto 15px;
	padding:0px;
	border-top:#ddd solid 1px;
	font-size: 12px;
}
.search_select_item th{
	background:#eee;
	width:16%;
	margin:0px auto;
	padding:2%;
	vertical-align:middle;
	text-align:center;
	border-bottom:#ddd solid 1px;
}
.search_select_item td{
	width:75%;
	margin:0px auto;
	padding:2%;
	vertical-align:middle;
	border-bottom:#ddd solid 1px;
}
.search_select_item td h4{
	padding:2%;
	border-bottom:#ddd solid 1px;
}
.search_select_item th span{
	font-size:11px;
	line-height:0;
}

.search_select_item td span{
	font-size:11px;
}

.search_select_block{
	margin:1% auto;
	padding:1%;
}

.search_select_checkbox{
	margin:0px;
	padding:0px;
	list-style:none;
}
.search_select_checkbox li{
	width:24%;
	margin:1% auto;
	display:inline-block;
	vertical-align:top;
}


.tsukin_select_item{
	margin:0px auto 0px;
	padding:0px;
	border-top:#ddd solid 1px;
	/*border-bottom:#ddd solid 1px;*/
}
.tsukin_select_item td{
	width:96%;
	margin:0px auto;
	padding:2%;
	vertical-align:middle;
	border-bottom:#ddd solid 1px;
}
.tsukin_select_item td h4{
	padding:2%;
	border-bottom:#ddd solid 1px;
}
.tsukin_select_item tr:nth-child(odd) td {
	background:#eee;
}

.tsukin_select_item dl{
	display:inline-block;
	margin:0px 10px;
	padding:0px;
	vertical-align:bottom;
}
.tsukin_select_item dl:nth-child(1){
	width:30%;
}
.tsukin_select_item dl:nth-child(2){
	width:20%;
}
.tsukin_select_item dl:nth-child(3){
	width:20%;
}
.tsukin_select_item_text{
	width:10%;
	vertical-align:bottom;
	display:inline-block;
}
.delete {
	float:right;
	margin:10px 0px 0px 0px;
  font-size     : 0.8rem; 
  text-align    : center;
  cursor        : pointer;
  padding       : 1% 1.5%;
  background    : #333;
  color         : #ffffff;
	transition    : .3s;
	line-height   : 1em;
}
.delete:hover {
  box-shadow    : none;
  opacity       : 0.8;
}
.delete a {
	color:#fff;
}
.delete .material-icons{
	display:block;
	padding-bottom:10px;
  font-size : 1.1rem; 
}



@media only screen and (min-width: 881px) and (max-width: 1199px) {

}

@media only screen and (min-width: 791px) and (max-width: 880px) {
.modalBg .modalWindow {
  top : 55%;
	max-width:100%;
	height:75%;
  min-height : 400px;
}

.modalBg .modalWindow .title{
	font-size:1.2rem;
}

.search_select_item th{
	display:block;
	width:96%;
}
.search_select_item td{
	display:block;
	width:96%;
}

}

@media only screen and (min-width: 641px) and (max-width: 790px) {
.selectbox{
  width: 150px;
}
.modalBg .modalWindow {
  top : 55%;
	max-width:100%;
	height:75%;
  min-height : 400px;
}

.modalBg .modalWindow .title{
	font-size:1.2rem;
}

.search_select_item th{
	display:block;
	width:96%;
}
.search_select_item td{
	display:block;
	width:96%;
}
.search_select_checkbox li{
	width:48%;
}
}

@media only screen and (min-width: 360px) and (max-width: 640px) {
.selectbox{
  width: 120px;
}
.modalBg .modalWindow {
  top : 52%;
	max-width:100%;
	height:80%;
  min-height : 80%;
}

.modalBg .modalWindow .title{
	font-size:1.2rem;
}
.search_select_item th{
	display:block;
	width:96%;
}
.search_select_item td{
	display:block;
	width:96%;
}
.search_select_checkbox li{
	width:48%;
}

.tsukin_select_item dl:nth-child(1){
	width:70%;
	display:block;
}
.tsukin_select_item dl:nth-child(2){
	width:40%;
}
.tsukin_select_item dl:nth-child(3){
	width:40%;
}
.tsukin_select_item_text{
	width:20%;
	margin-left:10px;
}
.delete {
	/*display:block;*/
	float:none;
	width:40%;
	margin:10px auto 0px;
  font-size     : 0.8rem; 
  padding       : 1% 1.5%;
}
.delete .material-icons{
	padding:5px 0px;
	margin:0px;
}

}

@media screen and (max-width: 359px) {
.selectbox{
  width: 100px;
}
.modalBg .modalWindow {
  top : 52%;
	max-width:100%;
	height:80%;
  min-height : 80%;
}

.modalBg .modalWindow .title{
	font-size:1.1rem;
}
.search_select_item th{
	display:block;
	width:96%;
}
.search_select_item td{
	display:block;
	width:96%;
}
.search_select_checkbox li{
	display:block;
	width:96%;
}

.tsukin_select_item dl:nth-child(1){
	width:70%;
	display:block;
}
.tsukin_select_item dl:nth-child(2){
	width:40%;
}
.tsukin_select_item dl:nth-child(3){
	width:40%;
}
.tsukin_select_item_text{
	width:20%;
	margin-left:10px;
}
.delete {
	display:block;
	float:none;
	width:40%;
	margin:10px auto 0px;
  font-size     : 0.8rem; 
  padding       : 1% 1.5%;
}
.delete .material-icons{
	padding:5px 0px;
	margin:0px;
}

}