/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーー  
▼▼▼　index最上段右上のミニリンク　▼▼▼
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.top_minilink{
  font-size: 65%;
  text-align:right!important;
  margin-right:50px;
  padding-top:15px
}

.top_minilink a{
  padding-right:15px;
  text-decoration:none;
  color:#404040FF!important;
}

.top_minilink a:before{
  content      : " \f32b";
  font-weight  : 300!important;
  font-family  : "Font Awesome 5 Pro";
  margin-right : 3px;
  color:#404040FF!important;
} 


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーー  
▼▼▼　2段目のタブ　▼▼▼
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.tab_content {
      /*  フォントの種類  */
      font-family: -apple-system, BlinkMacSystemFont,
                   "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
      
      /*  フォントのサイズ  */
      font-size: 14px;
      
      /*  フォントの色  */
      color: #333!important;
      
      /* 文字間隔の調整の設定 */
      letter-spacing: 1.3px!important;
      
      /* 行間の設定 */
      line-height: 2!important;    }

.tab_content h5{font-size:16px!important;}      



/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーー  
▼▼▼　広告ADのグリッド　▼▼▼
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.cssgrid_ad {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0.8em;
  border: 0 solid #ddd;
  padding: 0.8em;
  margin: 0 0 2em;
}

.cssgrid_ad > div {
  background: ;
  overflow: auto;
  min-width: 0;
  padding: 0.2em;
  margin:0 auto;
}

.cssgrid_btn {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0.8em;
  border: 0 solid #ddd;
  padding: 0.8em;
  margin: 0 0 2em;
}

.cssgrid_btn > div {
  background: ;
  overflow: auto;
  min-width: 0;
  padding: 1em;
  margin:0 auto;
}

.cssgrid_banner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 5px;
  border: 0 solid #ddd;
  padding: 0;
  margin: 5px;
}


.cssgrid_banner_an {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 5px;
  border: 0 solid #ddd;
  padding: 0;
  margin: 5px;
}

.cssgrid_banner_an img {
max-width:350px;
}

.cssgrid_ad > div {
  background: ;
  overflow: auto;
  min-width: 0;
  padding: 0;
  margin:0 auto;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーー  
▼▼▼　項目タイトル　▼▼▼
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


.s_title_search{
background-color : #FFF!important;
text-align       : center;
font-size        : 30px;
font-family      : "M PLUS 1p"!important;
font-weight      : 900;
margin-top       : -50px;
}




/*s_titleのPC版はdesign temp-03*/
@media screen and (max-width:768px){
.s_title_search{
font-weight      : 400;
font-family      : "M PLUS 1p"!important;
font-size        : 20px!important;
text-align       : center!important;
padding          : 0px;
} 

.s_title{
font-weight      : 400;
font-family      : "M PLUS 1p"!important;
font-size        : 25px!important;
text-align       : center!important;
padding          : 5px;
margin:5px -10px;
} 

}



.s_title2{
  text-align: center;
  font-size:30px!important; 
  font-weight:600;
}




@media screen and (max-width:768px){
.s_title2{
font-size:18px!important;
text-align:left!important;
} 
}






.s_title_mini{
  text-align: center;
  font-size:1vw; 
  font-weight:normal;
line-height: 1em;
}




/*===============================================
●top2段目以降のテーブル
===============================================*/
.zr_table_title{
  font-weight: 900;
  font-size: 100%;
  margin-top: 20px;
  line-height: 0.2;
  text-indent: 10px;
}


.zr_table_title:before{
  content      : " \f138";
  font-weight  : 700!important;
  font-family  : "Font Awesome 5 Free";
  margin-right : 3px;
  margin-left  : ;
  color        : tomato!important;
 }

.zr_top02 table {
width:98%;
margin: 10px auto;
}

.zr_table02 th {
  border: solid 2px #fff;
  color: black;
  padding: 5px!important;
  background-color: #ccc;

  }
.zr_table02 td {
  border: solid 2px #fff;
  padding: 5px!important;
  background-color: #F9F9F9FF;
  text-align:left!important;
  font-size:120%;
  }  


@media screen and (max-width: 768px){/*画面の横幅が768px以下*/

.zr_table02 th {
  border :solid 2px #fff;
  margin-top:10px!important;
  font-size:80%;
 
}

.zr_table02 td {
  border-top :solid 2px #fff;
  font-size:80%;
}

}

/*===============================================
●respon01
===============================================*/

.zr_table02{
  font-size:100%;
 }

@media screen and (min-width: 769px){/*画面の横幅が769px以上*/

.zr_table02 th {
text-align   : center;
min-width    : 25%;
font-size:100%;
}


}

@media screen and (max-width: 768px){/*画面の横幅が768px以下*/
.zr_table02{font-size:110%;}
.zr_table02 th,
.zr_table02 td {
  text-align:center;  
　border-bottom: none;
  display: block;
  }


.zr_table02 th{
min-width : initial;
padding   : 5px;
}

}