.simple-wrap { max-width: 980px; margin: 0 auto; padding: 16px; }
    .simple-card { /*border: 1px solid #ddd;*/ padding: 12px; margin-bottom: 0px; background: #fff; :}
    .simple-field { margin-bottom: 8px; }
    .simple-label { display: block; font-weight: bold; margin-bottom: 4px; }
    .simple-row { display: flex; gap: 8px; flex-wrap: wrap; }
    
    .simple-list-item { border-bottom: 1px solid #ddd; padding: 10px 0; }
    .simple-meta { color: #333; margin-top: 4px; }
    .simple-headline { margin: 12px 0; }

.search_top_flex{
    display: flex;
    gap:10px;
}
.search_input_area{
    width:100%;
    max-width:350px;
}
.search_rightarea{
    width:100%;
    border: 1px solid #ddd;
}
.search_top_flex .map_area{
    overflow: scroll;
}
.simple-card select{
    appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
    height:28px;
    padding:2px;
    font-size:15px;
    width:180px;
}

.simple-card input{
    height:20px;
    padding:2px;
    font-size:15px;
    width:80%;
}


button.simple-btn { 
    display: inline-block; 
    padding: 6px 24px; 
    border: #007b43 1px solid; 
    text-decoration: none; 
    background: #007b43;
    color:#fff;
    height:40px;
}

button.simple-btn:hover{
    background: #eee;
    border: #007b43 1px solid;
    cursor:pointer;
    color:#007b43
}
a.simple-btn { 
    display: inline-block; 
    padding: 6px 24px; 
    /*background: #007b43;
    border: #007b43 1px solid; */
    border:none;
    text-decoration: none; 
    color:#007b43;
    font-size: 15px;
}

a.simple-btn:hover{
    background: #eee;
    
    cursor:pointer;
    color:#007b43;
}
a.simple-btn:visited, a.simple-btn:link{
    color:#007b43;
}
.simple-card h3 span{
    display: inline-block;
    font-size: 0.9em;
}

.simple-card iframe{
    width:100%;
}

@media (max-width: 820px) {
.search_top_flex{
    display: flex;
    flex-direction: column;
}
    .simple-card{
    flex:1
}
.search_top_flex .map_area{
    flex:1
}
}

@media (max-width: 540px) {
.search_input_area{
    width:100%;
    max-width:inherit;
}
.search_rightarea{
    width:auto;
}
}
    
.pulldown-wrapper {
  position: relative;
  width:180px ; /* 必要に応じて調整 */
}

/* 1. ブラウザ標準の矢印を消す */
.pulldown-select {
  width: 100%;
  padding: 10px;
  appearance: none; /* 標準の矢印を非表示に */
  -webkit-appearance: none;
}

/* 2. 下向きの三角形（矢印）を作る */
.pulldown-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  /* borderの太さで三角形の大きさを調整 */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #333; /* 色や高さを指定 */
  pointer-events: none; /* 三角形をクリックできないようにする */
}

/*画像拡大*/
p.img_position{
    text-align: center;
}