/*

	※ テーマディレクトリ(Template項目)が、kanso-general の場合があるので注意	
	
 Theme Name:   KANSO Child for HOGEHOGE
 Theme URI:    https://github.com/toiee-lab/kanso-child-theme
 Description:  KANSO Theme の HOGEHOGE 用に修正したもの
 Author:       your name
 Author URI:   https://github.com/toiee-lab/kanso-child-theme
 Template:     kanso-general-master
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  kanso general child
*/

/*ここから上書きしたいスタイルを記述　　　　２０１９０５０５  */
 /*スマホだと左右の端が切れるので、余白設定したい  */

 /*
body {
    padding: 5%;
}
 でも肝心なページには効かない */



/* スマホの端対応*/
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* メルマガ一覧 字下げ */
section.pagetoc-widget ul.children {
    margin-left: 1em !important;
    padding-left: 0 !important;
}
/* モバイル対応: ヘッダー画像の高さを縮小 */
@media (max-width: 650px) {
    #kns-header {
        height: 250px !important;
    }
}

/* モバイル対応: flexの中央揃えがはみ出す問題を修正 */
@media (max-width: 959px) {
    .uk-flex.uk-flex-center {
        display: block;
    }
    .main-content,
    .main-content-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
}
/* テーブルのはみ出し対応 */
@media (max-width: 700px) {
    table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* フッター リンクを横並びに */
#footer .uk-padding ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}
#footer .uk-padding h3 {
    display: none;
}
#footer .uk-padding {
    text-align: center;
}
#footer .uk-padding ul li + li::before {
    content: "｜";
    padding: 0 0.3em;
    color: #999;
}