@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を記入していきましょう。*/
/*テーブルth色変更*/
.entry-content th {
    color: #fff;
    background-color: #F5A15F;
    text-align: center !important;
}

/*テーブルレスポンシブ*/
.entry-content table.tb-responsive {
    width: 100% !important;
    max-width: 100% !important;
}

/*アフィリエイト用ボタンリンク*/
.article-btn {
    text-align: center; /*中央寄せ*/
}

.article-btn a {
    width: 85%;

    margin: .5em;
    text-decoration: none;
    display: inline-block;
    padding: 1.3em .5em;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2), 0 2px 3px -2px rgba(0, 0, 0, .15);
    background-color: #04B431; /*#4CAF50;背景色*/
    color: #FFFF00; /*文字色*/
    font-weight: bold; /*文字の太さ*/
    text-decoration: none !important;
}

.article-btn a:hover {
    text-decoration: none;
    box-shadow: 0 13px 20px -3px rgba(0, 0, 0, .24);
    -webkit-tap-highlight-color: transparent;
}

.article-btn a::after {
    font-family: FontAwesome;
    content: '\f138';
    margin-left: 0.5em;
}

/*テーブル 横スクロール調整*/
.entry-content table.tb-responsive{
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
}
.entry-content .tb-responsive tbody{
	display: table;
	width: 100%;
}

.entry-content .tb-responsive thead th {
  /* 縦スクロール時にth固定 */
  position: -webkit-sticky;
  position: sticky;
  top: 0;

	/* tbody内のセルより手前に表示する */
  z-index: 1;
}

.entry-content .tb-responsive thead th:first-child {
  /* ヘッダー行内の他のセルより手前に表示する */
  z-index: 2;
}

/*見出し*/
.entry-content h2{
position: relative;
padding: 0.5em;
background: #6BB6FF;
color: white;
}

.entry-content h2::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px #959e9b;
}

.entry-content h4 {
border-bottom: dashed 2px #6BB6FF;
}

.twitter-tweet {
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}