.hide-style { display: none; height: 0; width: 0; } .centerdiv { display: flex; justify-content: center; } .centertext { text-align: center; } .centerdiv img { max-width: 100%; height: auto; } .example-div { text-align: center; font-family: BIZ UDGothic; font-size: 24px; text-align: center; } .remark-div { font-family: BIZ UDGothic; font-size: 22px; } .ruby-div { font-family: BIZ UDGothic; font-size: 48px; cursor: pointer; } .tab-widget .tab-button { padding: 5px 20px; background-color: #cccccccc; border: none; cursor: pointer; display: inline-block; line-height: 25px; } .tab-widget .tab-button.active { background-color: #f0f0f050; } .tab-widget .tab-content .tab-pane { display: none; } .tab-widget .tab-content .tab-pane.active { display: block; }