/* 月別地震回数表　折りたたみ用css  ここから*/

/*ボックス全体*/
.leftbox_tsukibetsu {
    margin: 2em 0;
    padding: 0;
    max-width: 700px;/*最大幅*/
}

/*ラベル*/
.leftbox_tsukibetsu label {
    display: block;
    margin: 1.5px 0;
    padding : 8px 20px;
    color: #383397;
    font-weight: bold;
    background: #dadffc;
    cursor :pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.leftbox_tsukibetsu label:before {
    font-family: "Font Awesome 5 Free";
    color: #000000;
    font-weight: 900;
    content: "\025b6";
    position: relative;
    padding-right: 8px;
}

/*ラベルホバー時*/
.leftbox_tsukibetsu label:hover {
    background :#00BFFF;
}

/*チェックは隠す*/
.leftbox_tsukibetsu input {
    display: none;
}

/*中身を非表示にしておく*/
.leftbox_tsukibetsu .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
/*    background: #fff5eb; */
    opacity: 1;
}

.leftbox_tsukibetsu .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    font-family: "Font Awesome 5 Free";
    color: #000000;
    font-weight: 900;
    content: "\025bc";
    position: relative;
}

/* 月別地震回数表　折りたたみ用css  ここまで*/


/* 年別回数表　スクロール用css ここから */
#kaisuhyo {
    overflow: scroll;
	height: 400px;
    max-width: 700px;/*最大幅 2025.05.22追加*/
}
#kaisuhyo thead tr {
    position: sticky;
    z-index: 1;
    top: 0;
}
#kaisuhyo thead tr th{
    border-bottom-width: 2px;
}
/* 年別回数表　スクロール用css ここまで */

/* 月別回数表　位置調整用css ここから */
#tsukibetsu_table{
	margin-top: 60px;
}
/* 月別回数表　位置調整用css ここまで */

#kaisuhyo_table{
		table-layout: fixed;
}