@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Pacifico);

figcaption{text-align: center;font-size: small}
header{background-color:#fffaf0;margin: 1em 0; padding: 1px 0 2.5em 0;}
.fwB{font-weight: bold}
.marker{ background: linear-gradient(transparent 65%, #ffff99 0%);  }
ul.normal li{list-style: disc;	margin-left: 1.5em;	padding-left: -1.5em;}
.h2decoration {}
h3{color:#20b2aa !important;}
.text2025 h3{
  all: unset;       /* すべてのスタイルをリセット */
  display: block;   /* 見出しとしてブロック表示に戻す */
  font-size: 1.17em; /* ブラウザデフォルトのh3相当サイズ */
  font-weight: bold; /* デフォルトの太字に */
  margin: 1em 0;    /* デフォルトの上下マージン */
  text-align: left;
  color: darkgreen;
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px dotted #dcdcdc;
}	
.asatsumi2025 h3{color:#ff4500;}
.redhill2025 h3{color: ;}
.event2025-detail{color:;font-weight: bold}
.timetable {border: 2px solid #dcdcdc; ;width: 600px;max-width: 100%;text-align: center;margin: auto}
.timetable th,.timetable td{ border: 1px solid #dcdcdc; padding: 8px 12px;text-align: center;}
.timetable th{font-size: 120%;}
.timetable td a{text-decoration: none}

/*　タイムテーブル（タブで切り替え）　*/        
.tab-buttons {
display: flex;
justify-content: center;
margin-bottom: 1em;
}
.tab-buttons button {
flex: 1;
padding: 10px;
border: 1px solid #ccc;
cursor: pointer;
background: #f9f9f9;
transition: background 0.3s;
font-size: 105%
}
.tab-buttons button.active {
background: #20b2aa;
color: #fff;
border-bottom: 2px solid #20b2aa;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.event-list {
list-style: none;
padding: 0;
}
.event-list li {
border-bottom: 1px solid #ddd;
padding: 8px 0;
display:  ;
justify-content: space-between;
line-height: 1.3;
}
.event-list li span.time {
  color:black ;
  font-weight: bold;
  margin-right: 10px;
    display: ;
    }     
.event-list li a{ 
    text-decoration: none;}
.pagelink {margin: 0 auto;}
.pagelink p{
    display: inline-flex;
    border: 1px solid #dcdcdc;
    margin:0.5em 0.3em 0em  0 !important;
    padding: 4px 5px;
	font-size:15px ;
		}    
.pagelink p a{
	text-decoration: none;
		}
.event-image{
 float: right;               /* PC時：右寄せしてテキスト回り込み */
  width: 200px;               /* 画像の表示サイズ（お好みで調整） */
  margin: 0 1em 1em 0em;        /* 左側と下に余白 */
  height: ;            
}        
.event-image2{
 float:;               /* PC時：右寄せしてテキスト回り込み */
  width: 480px;               /* 画像の表示サイズ（お好みで調整） */
  margin: 0 0 2em 1em;        /* 左側と下に余白 */
  height: auto;            
    display: inline!important;
}        
        
@media (max-width: 480px) {
  .event-image {
    float: none;
    display: block;
    width: 60%;   
    margin: 1em auto !important;
  }
  .event-image2 {
    float: none;
    display: block;
    width: 100%;   
    margin: 1em auto !important;
  }
}       
/* すこやか物産展リスト */
.suko-list li{
    font-weight: bold;
    line-height: 1.2; 
    border-bottom: dashed 1px #fce1c5;
    padding: 5px 0 2px 0;
}
.suko-list span{
    font-weight: normal;
    background-color: #fce1c5;
    margin-left:0.5em ; 
    padding: 2px 0.5em;
    font-size: smaller;
    border-radius: 4px;
}
.event-pic-pc{
    text-align: center;
}
.event-pic-sp {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.scroll-img {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.scroll-img img {
    display: block;
    width: auto;
    max-width: none;
}