/*--------------------------------------------------------------
## プラグインのタブの装飾設定（発音向上全体マップ）
--------------------------------------------------------------*/

/*タブ表示の装飾*//*レスポンシブ仮*/

/*IMPORTANT
You need to add this CSS code to the custom CSS editor at plugin settings page*/

.su-tabs.my-custom-tabs { background-color: #fff }
.su-tabs.my-custom-tabs .su-tabs-nav span { font-size: 0.9em }
.su-tabs.my-custom-tabs .su-tabs-nav span.su-tabs-current { background-color: #edf7f6 }
.su-tabs.my-custom-tabs .su-tabs-pane {
/* padding: ; */
font-size: 15px;
background-color: #edf7f6;
}

@media (min-width:768px) {.su-tabs.my-custom-tabs { background-color: #fff }
.su-tabs.my-custom-tabs .su-tabs-nav span { font-size: 0.9em }
.su-tabs.my-custom-tabs .su-tabs-nav span.su-tabs-current { background-color: #edf7f6 }
.su-tabs.my-custom-tabs .su-tabs-pane {
padding: 5em;
font-size: 16px;
background-color: #edf7f6;}
}



/*タブ表示の装飾*/

/*IMPORTANT
You need to add this CSS code to the custom CSS editor at plugin settings page*/

/*<style>
.su-tabs.my-custom-tabs { background-color: #84ADEA }
.su-tabs.my-custom-tabs .su-tabs-nav span { font-size: 0.9em }
.su-tabs.my-custom-tabs .su-tabs-nav span.su-tabs-current { background-color: #edf7f6 }
.su-tabs.my-custom-tabs .su-tabs-pane {
padding: 5em;
font-size: 0.8em;
background-color: #edf7f6;
}