/*--------------------------------------------------------------
#
--------------------------------------------------------------*/

/* 隠すけど動くようにする（display:none にしない） */
  input[type="radio"] { position:absolute; opacity:0; left:-9999px; }

  .tab-label {
    display:inline-block;
    padding:1rem;
    border:1px solid #ccc;
    border-bottom:none;
    cursor:pointer;
    background:#eee;
    border-radius:0.3125rem 0.3125rem 0 0;
  }

  .tab-g:hover,
  .tab-g:focus{
    background:#6B4E06;
    color:#FFFFFF;
    font-weight:bold;
    border:3px solid var(--primary-color);
  }

  .tab-s:hover{
    background:#6E6E6E;
    color:#FFFFFF;
    font-weight:bold;
    border:3px solid var(--primary-color);
  }

  .tab-b:hover{
    background:#8B4513;
    color:#FFFFFF;
    font-weight:bold;
    border:3px solid var(--primary-color);
  }


  /* 選択タブの見た目 */
  #tab-gold:checked + label{
    background:#7C5B07;
    color:#FFFFFF;
    font-weight:bold;
    border-bottom:none;
  }
  #tab-silver:checked + label{
    background:#6E6E6E;
    color:#FFFFFF;
    font-weight:bold;
  }
  #tab-bronze:checked + label {
    background:#8B4513;
    color:#FFFFFF;
    font-weight:bold;
  }

  .tab-panel {
    padding:0.75rem;
   }

  .panel-g{
    border:2px solid #7C5B07;
  }

  .panel-s{
    border:2px solid #6E6E6E;
  }

  .panel-b{
    border:2px solid #8B4513;
  }

  /****フォーカス時*****/
  input[type="radio"]:focus-visible + label {
  outline: 3px solid #d00000;
  outline-offset: 4px;
}

  /* 全パネルは非表示 */
  #panel-gold,#panel-silver,#panel-bronze { display:none; }

  /* 選択されたパネルのみ表示（重要: input の後に panel があること） */
  #tab-gold:checked ~ #panel-gold,
  #tab-silver:checked ~ #panel-silver,
  #tab-bronze:checked ~ #panel-bronze {
    display:block;
  }



.event_catch_exhi{
 margin-bottom:2rem;
}

.event_catch_exhi h2{
 font-family: var(--body-font);
}

.information-map {
    margin-top: 2rem;
}


.exhi_haikei{
 background-color: #ffffff;
 padding:1.5rem;
}

.exhibi_title_h2 {
  position: relative;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0.625rem;
  font-family: var(--body-font);
  font-size: 1.5rem;
  line-height: 1.4375rem;
  padding: 0.635rem 1.25rem;
}

.exhibi_title_h2:before {
    content: "";
    display: block;
    background: var(--exhi);
    width: 0.1875rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.ws_map_area{
 margin: 4rem 0 1.5rem 0;
}

.ws_map_area a{
 background-color: var(--ws);
}

.ws_map_area a:hover,
.ws_map_area a:focus-visible{
 background-color: #9e4400;
}


.ex_map_area{
 margin: 4rem 0 1.5rem 0;
}

.ex_map_area a{
 background-color: var(--exhi);
}

.ex_map_area a:hover,
.ex_map_area a:focus-visible{
 background-color: #2b6547;
}


.ex_erea {
    margin-bottom: 3rem;
}



.g_btn.btn{
  display: block;
  color: #ffffff;
  font-size:1rem;
  line-height: 1.3;
  background-color: #7C5B07;
}

.g_btn.btn:hover {
    background-color: #6B4E06;
}

.s_btn.btn:hover {
    background-color: #525252;
}

.b_btn.btn:hover {
    background-color: #66330e;
}


.s_btn.btn{
  display: block;
  color: #ffffff;
  font-size:1rem;
  line-height: 1.3;
  background-color: #6e6e6e;
}

.b_btn.btn{
  display: block;
  color: #ffffff;
  font-size:1rem;
  line-height: 1.3;
  background-color: #8b4513;
}

h3.gold_h3 {
    border-bottom: 3px solid #7C5B07;
    width: fit-content;
    margin-bottom: 1rem;
}

.silver_h3{
  border-bottom: 3px solid #6e6e6e;
  width: fit-content;
  margin-bottom: 1rem;
}

.bronze_h3{
  border-bottom: 3px solid #8b4513;
  width: fit-content;
  margin-bottom: 1rem;
}

#gold_list,
#silver_list {
    margin-bottom: 2rem;
}

#gold_list ul,
#silver_list ul,
#bronze_list ul
{
  list-style: none; 
  padding-left: 0;
}

a.ws_tt_link.tt_link.btn {
    margin: 2rem 0;
}

.ws_bar{
 background-color: var(--ws);
 
}

.ws_bar h2{
 text-align: start;
}

.ws_name{
 text-wrap: wrap;
}


.m_top_1{
 margin-top:1rem;
}

.taisho{
 padding-bottom: 0.5rem;
}

h3.ws_sanka{
 font-size: 1rem;
 border-left: solid 1rem var(--ws);
 padding-left: 0.5rem;
}


.gold_h2 {
    border-bottom: 3px solid #7c5c07;
    margin-top: 1.5rem;
}

.sil_h2 {
    border-bottom: 3px solid #6e6e6e;
    margin-top: 1.5rem;
}

.bro_h2 {
    border-bottom: 3px solid #8b4512;
    margin-top: 1.5rem;
}
.ex_ul .profile_con{
 padding-left: 0;
 width: 100%;
}


.pf_name{
 text-wrap: wrap;
}

.ws_p{
 margin:0;
}

.ws_img {
    margin-top: 1rem;
}

.ws_ul .pf_area {
    padding: 4rem 1rem;
}


.toku_img{
 margin-top:2rem;
}

.pf_area.toku_ex {
    padding: 0;
    background-color: #ffffff;
     border-bottom: none;
}

@media (max-width: 994px) {

}



@media (min-width: 769px) {
 .gsb_btn_area{
  display: flex;
  margin: 2rem 0;
 }

 .g_btn.btn,
  .s_btn.btn{
  margin-right: 2rem;
 }

 .ws_list_title{
  margin-bottom:2rem;
 }



}

@media (max-width: 768px) {
 .event_catch_exhi h2{
 font-size:1.25rem;
 }

 a.g_btn.btn,
 a.s_btn.btn,
 a.b_btn.btn{
    margin: 1rem 0 2rem 0;
}

 .ws_list_title{
  margin-bottom:1rem;
 }

 .ws_th,
.ws_td {
    border-left: solid 1px;
}

.ex_ul .name_yomi {
        font-size: 1rem;
    }

 .ex_ul .pf_long {
        font-size: 1rem;
 }

 .ex_ul     .pf_text {
  font-size: 0.8rem;
 }

 .ex_ul .pf_area {
    padding: 0.5rem 0;
 }

 .stage_list_ul .pf_area {
    padding: 2rem 0;
   }

    .stage_list_ul.ws_ul .pf_area {
    padding: 2rem 0;
   }

 .ws_m_t{
   margin-top:1rem;
   }

   h3.pf_name.ws_h3 {
    font-size: 1.2rem;
}
}