@charset "UTF-8";

/*子テーマ用「price_table.css」*/

/*
優待一覧のテーブル

td.doc説明用
td.center 文字が中央
td.number　数値を右寄せ

table-stockが基本のテーブル（優待情報や手数料一覧）
table-stock-infoが企業情報
table-stock-gyakuが逆日歩一覧
table-stock-commissionが手数料一覧
table_overflowでスクロール可能（divに設定）
table-stock-g-dayは、毎日の逆日歩
table_g_day_addは手数料に貸借残と逆日歩を追加


*/

.keni-section h4.stock6{
	margin-top: 0px;
}

.table-stock-new-info th{
    border: double 1px #0aabd8;
	/*border-top: double 1px #0aabd8;*/
    /*border-bottom: double 1px #0aabd8;*/
    vertical-align: bottom;
	padding: 4px;
	background: #f0f8ff;
}

.table-stock-new-gyaku th{
	text-align: right;
	border: none;
    vertical-align: bottom;
    border-bottom: solid 1px #3b8cef;
    padding: 4px;
	padding-right: 4px;
	background: #f0f8ff;
}


.table-stock-new-info{
    border-collapse: inherit;
    border-spacing: 2px;
}

.table-stock-new-info td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #3b8cef;
	padding: 4px;
	font-size: 1.25rem;
}

.table-stock-new-gyaku td{
	border: none;
    text-align: right;
    vertical-align: middle;
    border-bottom: solid 0.5px #3b8cef;
    padding: 4px;
	font-size: 1.25rem;
}


.table-stock-new-info td.line_orange {
	background-color: hwb(44deg 89% 1%);
}

.table-stock-new-info td.line_gray {
	background-color: #e6e6e6;
}

.article-body p.table-stock {
    margin-bottom: unset;
    text-align: right;
	margin-bottom: -15px;
	padding-right: 8px;
}


.g_price_ul, .k_price_ul, .t_price_ul, .y_price_ul, .p_price_ul {
    border-top: solid #2b6aae 1px;
    border-bottom: solid #2b6aae 1px;
    padding: 0.8em 0 0.5em 1.5em;
    margin-top: 2.5em;
    position: relative;
    font-size: 1.25rem;
}



.attention div{
    background-color: #fbcd248f;
}

.teishi div{
    background-color: #eee;
}


.g_price_ul,.k_price_ul,.t_price_ul,.y_price_ul,.p_price_ul{
	border-top: solid #2b6aae 1px;/*上のボーダー*/
	border-bottom: solid #2b6aae 1px;/*下のボーダー*/
	padding: 0.8em 0 0.5em 1.5em;
	margin-top: 2.5em;
	position: relative;
}

.g_price_li_red,.g_price_li_blue,.g_price_li_yellow,.k_price_li_red,.k_price_li_blue,.k_price_li_yellow,.t_price_li_red,.t_price_li_blue,.t_price_li_yellow,.y_price_li_red,.y_price_li_blue,.y_price_li_yellow,.p_price_li_red,.p_price_li_blue,.p_price_li_yellow{
 	line-height: 1.0;
 	padding: 0.1em 0;
	border-bottom: dashed 1px silver;
}

.y_price_li_blue:after {
  /*タイトルタブ*/
	background: #0baad6;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "同じ優待分類";
	letter-spacing: 0.05em;
}

.y_price_li_red:after {
  /*タイトルタブ*/
	background: #d94b59;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "同じ優待分類";
	letter-spacing: 0.05em;
}

.y_price_li_yellow:after {
  /*タイトルタブ*/
	background: #f2cb0c;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "同じ優待分類";
	letter-spacing: 0.05em;
}



.g_price_li_blue:after {
  /*タイトルタブ*/
	background: #0baad6;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "過去の逆日歩";
	letter-spacing: 0.05em;
}

.g_price_li_red:after {
  /*タイトルタブ*/
	background: #d94b59;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "過去の逆日歩";
	letter-spacing: 0.05em;
}

.g_price_li_yellow:after {
  /*タイトルタブ*/
	background: #f2cb0c;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "過去の逆日歩";
	letter-spacing: 0.05em;
}

.k_price_li_blue:after {
  /*タイトルタブ*/
	background: #0baad6;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "規制時の逆日歩";
	letter-spacing: 0.05em;
}

.k_price_li_red:after {
  /*タイトルタブ*/
	background: #d94b59;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "規制時の逆日歩";
	letter-spacing: 0.05em;
}

.k_price_li_yellow:after {
  /*タイトルタブ*/
	background: #f2cb0c;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "規制時の逆日歩";
	letter-spacing: 0.05em;
}

.t_price_li_blue:after {
  /*タイトルタブ*/
	background: #0baad6;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "必要株数と投資額";
	letter-spacing: 0.05em;
}

.t_price_li_red:after {
  /*タイトルタブ*/
	background: #d94b59;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "必要株数と投資額";
	letter-spacing: 0.05em;
}

.t_price_li_yellow:after {
  /*タイトルタブ*/
	background: #f2cb0c;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "必要株数と投資額";
	letter-spacing: 0.05em;
}



.p_price_li_blue:after {
  /*タイトルタブ*/
	background: #0baad6;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "優待価値相当が同じ";
	letter-spacing: 0.05em;
}

.p_price_li_red:after {
  /*タイトルタブ*/
	background: #d94b59;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "優待価値相当が同じ";
	letter-spacing: 0.05em;
}

.p_price_li_yellow:after {
  /*タイトルタブ*/
	background: #f2cb0c;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: -2px;
	bottom: 100%;
	padding: 6px 7px;
	content: "優待価値相当が同じ";
	letter-spacing: 0.05em;
}

.g_price_li_blue:last-of-type,.g_price_li_red:last-of-type,.g_price_li_yellow:last-of-type,.k_price_li_blue:last-of-type,.k_price_li_red:last-of-type,.k_price_li_yellow:last-of-type,.t_price_li_blue:last-of-type,.t_price_li_red:last-of-type,.t_price_li_yellow:last-of-type,.y_price_li_blue:last-of-type,.y_price_li_red:last-of-type,.y_price_li_yellow:last-of-type,.p_price_li_blue:last-of-type,.p_price_li_red:last-of-type,.p_price_li_yellow:last-of-type {
  border-bottom: none;
}


@media only screen and (max-width: 736px){

.keni-main_inner {
	letter-spacing: .025em;
	font-size: 1.3rem;
	line-height: 1.7em;
}
	

.keni-main_inner .toc-area_inner .toc-area_list {
    margin-left: 25px;
    padding: 5px;
    font-size: 0.9px;
}
	
.keni-main_inner .toc-area_inner .toc-area_list>li:before {
position: absolute;
    top: -2px;
    left: -10px;
    width: 18px;
    height: 16px;
    margin-right: 1em;
    margin-left: -1em;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-indent: 0;
    text-align: center;
    vertical-align: middle;
    counter-increment: num;
    content: counter(num);
}

.keni-main_inner .toc-area_inner .toc-area_list li {
    position: relative;
    list-style-type: none;
    margin-bottom: 12px;
    padding-left: 0px;
    font-size: 0.9rem;
}
	
.table-stock-new-info th, .table-stock-new-info td,.table-stock-new-gyaku th,.table-stock-new-gyaku td{
    font-size: .65em;
}

.table-scroll-wrap64 .g_check td {
    padding: 1px;
}
	
.g_price_ul, .k_price_ul, .t_price_ul, .y_price_ul, .p_price_ul {
	font-size: .65em;
}

/* 本来、個別にh2やh3を作りたかったが、修正が大変だったので、全体に適用 */
div .article-body p {
	margin-bottom: 30px;
}
	
div h2,h2.stock {
    font-size: 1.5rem;
}	

div h3,h3.stock {
    font-size: 1.4rem;
}
	
div h4,div h5,h4.stock, h5.stock {
    font-size: 1.3rem;
}

	
}

