@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 3.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

@media only screen and (min-width: 769px) {
    .footer-meta {
        padding: 10px 0 30px;
        text-align: right;
    }
}

.dfont {
    margin-bottom: 1em;
}

.related-posts.type_b {
    margin-bottom: 2.5em!important;
}


/*フッターあたりのシェアボタンを消すため*/
.entry-footer {
    display: none !important;
}


.article-footer .footer-contents .sns-btn {
display: none;
}

.toc-container, .ez-toc-container {
        margin: 0 auto 2em;
    }

@media only screen and (max-width: 730px) {
    .entry-content {
        padding: 15px 13px 0px 10px !important;
    } 
}

.prnx{
	display:none;
}


.footer-meta {
       padding: 0px 5% 50px!important;
        text-align: right;
    }



@media only screen and (min-width: 769px) {
    #main h3.h-undeline {
        padding-bottom: 30px!important;
    }
}

@media only screen and (max-width: 730px) {
    .entry-content {
        padding-left: 10px;
        padding-right: 13px;
    }
}



.wpcf7 input[type="submit"] ,
.pushbutton-wide{
	background-color: #BDBDBD;
}

span.hissu {/*必須ラベル*/
    display: inline-block;/*縦横調整できるように*/
    background: #e46c65;/*背景色*/
    padding: 0px 10px;/*内側の余白（上下　左右）*/
    font-size: 14px;/*文字の大きさ*/
    color: white;/*文字の色*/
    letter-spacing: 3px;/*文字の間隔*/
    border-radius: 3px;/*角を丸くする*/
    margin-left: 15px;/*外側の余白（左）*/
    vertical-align: text-bottom;/*縦方向の位置調整*/
}
@media screen and (max-width: 991px){/*モバイル表示の設定*/
.entry-content {/*記事エリア*/
    padding: 40px 0px 0;/*内側の余白*/
}}


dl_list dt {
    float: left;
    width: 9em;
    line-height: 1.1;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 78, 162);
    border-image: initial;
    border-radius: 30px;
    background: rgb(0, 78, 162);
}

.dl_list dd {
    line-height: 1.6;
    padding: 4px 0px 8px 10.2em;
    border-bottom: 1px dotted rgb(221, 221, 221);
    margin: 0px 0px 10px;
}

@media screen and (max-width: 769px) {
 .sgb-header .wp-block-sgb-header-navigation {
        display: none;
    }
}






/************************************
** 関連記事のタイトル
************************************/

.related-posts.type_b {
    background: #fff;
}

#main h3.h-undeline {
  color: #999;
  background-color: initial;
}
@media only screen and (min-width: 769px) {
  #main h3.h-undeline {
    padding-bottom: 0;
    margin: 20％ 0!important;
  }
}

#main h3.h-undeline::before {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 4px;
  font-family: "Font Awesome 5 Free" !important;
  font-size: 1.05em;
  color: #fff;
  content: "\f15c";
  background-color: #f8c678; /* お好みの色に */
  border-radius: 50%;
}