.area-section-title{
    text-align: center;
    color:#5cbaac;
}


.area-media{
    padding: 0 4%;
    margin-top:1rem;
    /*margin-bottom: 1rem; */
    display: block;
  }
  
  ul.area-media-list {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    /*flex-wrap: wrap; */
    justify-content: space-between;
    align-items: center; 
  }
  
  .area-media-list li {
    /* flex-basis: 20%; */    /* 地図アイコンの調整で削除した 2024/01/12 by akiho */
    height: auto;
    text-align: center;
   margin-bottom: 1rem;
   display: inline-block;
   text-decoration: none;
    border: 2px solid #999892;
    background-color: #fff;
    color: #333;
    border-radius: 4px;
    padding:10px;
  }
  
  .area-media-list li:hover {
    border: 3px solid #787772;
    color: #787772;
    text-decoration: underline;
   
  }
  
  .area_image{
  max-width: 100%;
  vertical-align: bottom;
  }


.area-plus {
    padding-top: 40px;
    padding-bottom: 40px;
  }


  ul.area-lists {
    display: block; 
    /*flex-wrap: wrap; */
    justify-content: space-between;
    max-width: 1000px; /* 任意の最大幅を指定 */
    margin: 0 auto; /* 中央揃えするために必要 */
    padding: 20px 20px 20px 10%;/*20px  40px;から変更　2023/8/21 by ishihara*/
    border: 2px solid #999892;
    /* border-radius: 16px; */
    background: #fff;
    text-align: left;
    margin-bottom: 1rem;
    list-style:none;
  }

  
@media screen and (max-width: 940px) {

  ul.area-lists {
    display: block; 
    /*flex-wrap: wrap; */
    justify-content: space-between;
    max-width: 1000px; /* 任意の最大幅を指定 */
    margin: 10px; /* 中央揃えするために必要 */
    padding: 12px 20px 12px 20px;/*12px  20px;から変更　2023/8/21 by ishihara*/
    border: 2px solid #999892;
    /* border-radius: 16px; */
    background: #fff;
    text-align: left;
    margin-bottom: 1rem;
    list-style:none;
  }

  .area-lists li {
    display: inline-block;
    /*width: 22%; */ /* 4列に均等に表示されるように幅を指定 */
    margin-top:5px;
    /*margin-bottom: 10px;*/
    margin-left: 13px;
    text-align: center;
  }



}


  
  .area-lists li {
    display: inline-block;
    /*width: 22%; */ /* 4列に均等に表示されるように幅を指定 */
    margin-top:5px;
    /*margin-bottom: 10px;*/
    margin-left: 20px;
  }

  .area-lists li a:hover {
    border-bottom: 1px solid #3492D1;
    color: #3492D1;
  }

.pref-title{

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 500;
}

  /*
  @media screen and (max-width: 767px) {
    .area-lists li {
      width: 100%; 
    }
  }
  */
  
  /*エリア名タブ化に伴い追加*/
  .area-tab-contents {
    display: none;
  }
  
  .area-tab-contents.show {
    display: block;
  }
  
  .area-media-list > .area-tab-list.active {
   background-color:#E6E6E6;
  }
  
.area-media-text {
    padding: 10px 15px;
    
    text-align: center;
  }
  
  .area-media-text span {
    font-weight: bold;
  }

  .area_term_list{
    display: inline-block;
    max-width: 100%;
  }

  .area_term_list li {
    margin-right: 10px; /* 適宜余白を設定 */
}

  .hiragana_headline{
    display: block;
    width:60px;
    background-color: #5cbaac;
    font-weight: 800;
    color:#fff;
    text-align: center;
    margin-top:20px;
    margin: 20px 0 8px; /* 2023/8/29 余白調整　by ishihara */
    padding:5px ;
    border-radius: 10px;
  }
/*2023/8/22 by ishihara */
@media screen and (max-width: 767px) {
  .pref-title{
    font-size:12px;
  }
}
/* 2023/8/29 余白調整　by ishihara */
@media screen and (max-width: 940px) {
  .hiragana_headline{
    margin-left:10%; 
  }
}