/*
 Theme Name:   child-main
 Template:     twentytwentytwo
 Version:1.0
*/

/*　ページ背景　*/
body {background-color: #393939;}
/*　タイトルのカスタム　*/
h1.wp-block-post-title {
      font-size: 30px;
      margin: 0 auto !important;
      text-align: center;
    }
.catalog-title{
      font-size: 30px;
      text-align: center;
      border-bottom: 2px solid #818181;
      padding-bottom: 20px;
      margin-top: 100px;
    }
@media only screen and (max-width: 500px) {
h1.wp-block-post-title {
        font-size: 20px;
        text-align: center;
      }
.catalog-title{
        font-size: 20px;
      }
.wp-block-separator{margin-bottom:0;}
}
/* デジタルカタログのスタイル調整 */
.df-sidemenu{
        font-size: 15px !important;
        color: #f1f1f1 !important;
        background: #000 !important;
      }
.df-ui-close{background: #bb0000 !important;}
.df-ui .df-ui-btn{
    color: #f9f9f9 !important;
    background-color: #181818 !important;
    width:  100% !important;
    font-size: 20px !important;
}
.df-float .df-ui {
        width: 100% !important;
        justify-content:space-around;
}
.df-ui .df-ui-page label {
        color: #fff !important;
        width: 40px !important;
        font-size: 15px !important;}
.df-icon-share {display: none !important;}
.df-more-container {width: 160px !important;}
.df-ui-btn span, .df-outline-item a {font-family: "トーキング"}
.df-outline-item a {font-size: 20px !important;}
.df-sidemenu-open .df-sidemenu-wrapper{width: 320px !important;}
.df-sidemenu {font-size: 27px !important;}
.df-sidemenu-open .df-ui-nav.df-ui-prev {left: 320px !important;}
.df-outline-toggle:before {background: #fff; color: #bb0000;}
.df-outlines-hidden:before {background: #bb0000; color: #fff;}
/* プラグインCSSのカスタマイズ */
.df-icon-close:before{content:"←閉じる" !important;}
.df-icon-list:before{
        font-size:12px;
        position:relative;
        top:-4px;
        content:"目次" !important;
      }
.df-icon-grid-view:before{
        font-size:12px;
        position:relative;
        top:-4px;
        content:"一覧" !important;
      }
.df-icon-fullscreen:before{
        font-size:12px;
        position:relative;
        top:-4px;
        content:"全画面" !important;
      }


@media only screen and (max-width: 500px) {
.df-search-container {right: 55px !important;}
.df-sidemenu {font-size: 20px !important;}
.df-sidemenu-open .df-sidemenu-wrapper{width: 210px !important;}
.df-sidemenu-open .df-ui-nav.df-ui-prev {left: 195px !important;}
.df-outline-item a {font-size: 12px !important;}

}