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

/*初期設定でQuicksandが使われている部分を変える*/
.dfont {
   font-family: 'Webフォント名',YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

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

/*--------------------------------------
BOXのカスタマイズ
--------------------------------------*/
.entry-content .box9 {
    margin: 2em 0;
    padding: 1.5em 1em;
    border-top: solid 6px #fceded;
    background: #f47d7d;
    color: #ffffff;
    font-weight: bold;
}

.entry-content .box12 {
    margin: 2em 0;
    padding: 1.5em 1em;
    border-bottom: solid 6px #6ca8eb;
    border-radius: 9px;
    background: #92c4fc;
    color: #ffffff;
    font-weight: bold;
}

.entry-content .box13 {
    margin: 2em 0;
    padding: 1.5em 1em;
    border-bottom: solid 6px #6ca8eb;
    border-radius: 9px;
    background: #92c4fc;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0);
    color: #ffffff;
    font-weight: bold;
}

.entry-content .box16 {
	margin: 2em 0;
	padding: 1.5em 1em;
	background: repeating-linear-gradient( -45deg, #ee7e94, #ee7e94 3px, #ed728a 3px, #ed728a 7px );
}

/*--------------------------------------
引用符のカスタマイズ
--------------------------------------*/
.entry-content blockquote {
	position: relative;
	padding: 15px 1px 1px 1px;
	margin:0;
	box-sizing: border-box;
	border: solid 0px #ffffff;
	color: #ffffff;
}

.entry-content blockquote:before{
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	content: "\f10d";
	font-family: FontAwesome;
	color: #cfcfcf;
	font-size: 20px;
	line-height: 0;
	font-weight: 900;
}

.entry-content blockquote p {
	padding: 0;
	margin: 0;
	line-height: 1.7;
}

.entry-content blockquote cite {
	display: block;
	text-align: right;
	color: #ffffff;
	font-size: 0.9em;
}

.post blockquote:before {
	color: #ffffff!important;
}

/*--------------------------------------
下線を消す
--------------------------------------*/
.entry-content a{
	text-decoration: none!important;
}

/*--------------------------------------
テーブルにスクロールを追加
--------------------------------------*/

table {
 width: 100%;
}

.scroll {
 overflow: auto!important;
 white-space: nowrap;
}

.scroll::-webkit-scrollbar {
 height: 15px;
}

.scroll::-webkit-scrollbar-track {
 background: #F1F1F1;
}

.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}


/*--------------------------------------
以下テスト
--------------------------------------*/

.sng-box.box32 {
  background-color: #fceded;
}
.sng-box.box32 .box-title {
  background-color: #f47d7d;
  color: #FFFFFF;
}

.sng-box.box33 {
  background-color: #edf3fc;
}
.sng-box.box33 .box-title {
  background-color: #6ca8eb;
  color: #FFFFFF;
}