@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は手数料に貸借残と逆日歩を追加


*/

/*step1==========================================================================*/

.table-step-cross1{
	border-collapse: inherit;
	border-spacing: 2px;
}


.table-step-cross1 th, .table-step-cross1 td{
	font-size: 1.25rem;
	border-collapse: unset;
	padding: 2px;
}


.table-stock-info, .table-stock-gyaku, .table-stock-commission{
	border-collapse: unset;
}

.table-step-cross1 th{
    border: none;
    background: none;
    border-bottom: double 1px #0aabd8;
	vertical-align: bottom;
}

.table-step-cross1 td{
    text-align: center;
	vertical-align: middle;
    border: 1px solid #3b8cef;
}

.table-step-cross1 .fixtable01,.table-step-cross1 .fixtable02{
	background: #f0f8ff;
} 

.table-step-cross1 td.line_up {
    border: none;
}

.table-step-cross1 td.line_blue {
    background-color: #f0f8ff;
}

.table-step-cross1 td.line_orange {
    background-color: hwb(44deg 89% 1%);
}

.table-step-cross1 td.line_gray {
    background-color: #e6e6e6;
}

.table-step-cross1 td.yutai_doc {
	text-align: left;
}

/*step2==========================================================================*/


.table-step-cross2 th {
    border: none;
    vertical-align: middle;
    padding: 2px;
    /* padding: 0px 10px 0px 0px; */
    font-size: 1.25rem;
    border-bottom: 1px double #0baad6;
}


.table-step-cross2 td.line_bottom {
    border-bottom: 1px double #0baad6;
}


.table-step-cross2 td {
    border: none;
    vertical-align: middle;
    padding: 0px 10px 0px 0px;
    text-align: right;
    font-size: 1.25rem;
}


.table-step-cross2 td.fixtable02 {
    text-align: center;
	padding: 0px;
	border-bottom: 1px double #0baad6;
}

.table-step-cross2 td.yutai_price.line_up.fixtable02 {
    border: none;
}

/*step3==========================================================================*/

.table-step-cross3{
	border-collapse: inherit;
	border-spacing: 2px;
}


.table-step-cross3 th, .table-step-cross3 td{
	border: none;
	font-size: 1.25rem;
	border-collapse: unset;
	padding: 2px;
	padding-right: 4px;
}



.table-step-cross3 th{
    background: none;
	border-top: double 1px #0aabd8;
    border-bottom: double 1px #0aabd8;
	vertical-align: bottom;
}

.table-step-cross3 td{
	vertical-align: middle;
}


.table-step-cross3 .fixtable01,.table-step-cross3 .fixtable02{
	background: #f0f8ff;
} 

.table-step-cross3 td.line_up {
	line-height: 1.1;
    /* border: none; */
}

.table-step-cross3 td.line_blue {
    background-color: #f0f8ff;
}

.table-step-cross3 td.line_orange {
    background-color: hwb(44deg 89% 1%);
}

.table-step-cross3 td.line_gray {
    background-color: #e6e6e6;
}

.table-step-cross3 td.yutai_doc {
	text-align: left;
}


.table-step-cross3 td.yutai_old_price {
    background-color: #eff2f3;
    border-bottom: 1px double #0baad6;
}

.table-step-cross3 td.line_bottom {
    border-bottom: 1px double #0baad6;
	line-height: 1.1;
}

.table-step-cross3 td.str_center {
	text-align: center;
}


/*step4==========================================================================*/

.table-step-cross4 th {
    border: none;
    vertical-align: middle;
    padding: 2px;
    /* padding: 0px 10px 0px 0px; */
    font-size: 1.25rem;
    border-bottom: 1px double #0baad6;
}

.table-step-cross4 td.line_bottom {
    border-bottom: 1px double #0baad6;
}


.table-step-cross4 td {
    border: none;
    vertical-align: middle;
    padding: 2px 20px 2px 0px;
    text-align: right;
    font-size: 1.25rem;
}


.table-step-cross4 td.fixtable02 {
    text-align: center;
	padding: 0px;
	border-bottom: 1px double #0baad6;
}




/*table-stock-g-day-all==========================================================================*/


.table-stock-g-day-all{
	border-collapse: inherit;
	border-spacing: 2px;
	border-collapse: unset;
    width: 1280px;
}


.table-stock-g-day-all th{
	font-size: 1.25rem;
	border-collapse: unset;
	vertical-align: middle;
	padding: 1px;
	border-bottom: 1px double #0baad6;
}

.table-stock-g-day-all th.check_date{
	background: #f7e1f5;
}


.table-stock-g-day-all td.fixtable02 {
    text-align: center;
}

.table-stock-g-day-all td{
	border: none;
	font-size: 1.25rem;
	border-collapse: unset;
	padding: 1px;
	text-align: right;
	border-bottom: 1px double #0baad6;
}



/*金利テーブルのサイズを指定*/
.commission-price148{
	width: 1480px;
}

/*スクロール表示のON,OFFのため2つのクラスを用意*/	
.table-step-scroll-wrap148,.table-step-scroll-wrap148-non{
	overflow-x: auto;
    padding-top: 22px;
    position: relative;
}

.table-step-scroll-wrap148:before{
content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換 */
color:#fff;
font-size:12px;
background-color:#57bad5;
position: absolute;
top:0px;
border-radius: 5px;
padding: 0.05em 0.5em;
}



/*スマホサイズの場合*/
@media only screen and (max-width: 736px){

.table-step-cross1 th, .table-step-cross1 td{
	font-size: 0.65em;
}
	
.table-step-cross2 th, .table-step-cross2 td{
	font-size: 0.65em;
}	
	
.table-step-cross3 th, .table-step-cross3 td{
	font-size: 0.65em;
}

.table-step-cross4 th, .table-step-cross4 td{
	font-size: 0.65em;
}	

.table-stock-g-day-all th, .table-stock-g-day-all td{
	font-size: 0.65em;
}		
	
	
}



/*テーブルサイズより小さい場合スクロールさせる*/
@media only screen and (max-width : 540px){

/*金利テーブルのサイズを指定*/
.commission-price54{
	width: 540px;
}

/*スクロール表示のON,OFFのため2つのクラスを用意*/	
.table-step-scroll-wrap54,.table-step-scroll-wrap54-non{
	overflow-x: auto;
    padding-top: 22px;
    position: relative;
}

.table-step-scroll-wrap54:before{
content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換 */
color:#fff;
font-size:12px;
background-color:#57bad5;
position: absolute;
top:0px;
border-radius: 5px;
padding: 0.05em 0.5em;
}
	
	
}






/*テーブルサイズより小さい場合スクロールさせる*/
@media only screen and (max-width : 460px){

/*金利テーブルのサイズを指定*/
.commission-price46{
	width: 460px;
}

/*スクロール表示のON,OFFのため2つのクラスを用意*/	
.table-step-scroll-wrap46,.table-step-scroll-wrap46-non{
	overflow-x: auto;
    padding-top: 22px;
    position: relative;
}

.table-step-scroll-wrap46:before{
content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換 */
color:#fff;
font-size:12px;
background-color:#57bad5;
position: absolute;
top:0px;
border-radius: 5px;
padding: 0.05em 0.5em;
}
	
	
}