@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は手数料に貸借残と逆日歩を追加
table_ipo_scheduleはIPOスケジュール

*/

.box_style_blue_new {
    background-image: linear-gradient( -45deg, #fff 25%, #0baedd 25%, #0baedd 50%, #fff 50%, #fff 75%, #0baedd 75%, #0baedd );
    padding: 3px;
    background-size: 4px 4px;
    background-repeat: repeat;
    font-size: 1.4rem;
}

.box_style_new {
    /* margin: 0 0 30px; */
    font-size: 1.4rem;
}

.box_style_blue_new .box_inner_new {
    background-color: #f8fdff;
	padding: 2px;
}

.table-stock-gyaku th, .table-stock-gyaku td, .table-stock-commission th, .table-stock-commission td .table_ipo_schedule th, .table_ipo_schedule td{
	font-size: 1.25rem;
}

.table-stock-price th, .table-stock-price td{
	font-size: 1.10rem;
}

.table-stock-price12 th, .table-stock-price12 td{
	font-size: 1.20rem;
}

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

.table-stock-info th, .table-stock-gyaku th, .table-stock-commission th{
    border: none;
    background: none;
    border-bottom: double 1px #0aabd8;
	vertical-align: bottom;
}

.table-stock-info td, .table-stock-gyaku td, .table-stock-commission td{
    border: none;
    text-align: center;
	vertical-align: middle;
    border-bottom: dotted 1px;
	padding: 4px;
}

.table-stock-commission thead th{
	text-align: center;
}

.table-stock-commission .fixtable01{
	background: #f0f8ff;
} 

.table-stock-commission td.line_up {
    border: none;
	line-height: 0.9;
}

.table-stock-commission td.line_bottom {
    border: none;
	line-height: 0.9;
    border-bottom: 1px double #0baad6;
}


/* IPOスケジュールリスト*/
.table_ipo_schedule td{
    border: none;
    text-align: center;
	vertical-align: middle;
	padding: 4px;
}

.table_ipo_schedule .fixtable01{
	background: #f0f8ff;
} 

.table_ipo_schedule thead th{
	text-align: center;
	vertical-align: middle; /* 垂直方向に中央揃え */
} 

.table_ipo_schedule td.line_bottom {
    border: none;
    border-bottom: 1px double #0baad6;
	padding: 4px 2px;
}



/* 逆日歩一覧リスト*/
.tab-box-g-day {
	overflow: scroll;
}


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


table.table-stock-g-day .g-day-th {
    background-color: aliceblue;
}

.table-stock-g-day th{
    border: none;
    background: none;
    border-bottom: double 1px #0aabd8;
}

.table-stock-g-day td{
    border: none;
    text-align: center;
    border-bottom: dotted 1px;
}

.table-stock-g-day td.attention,.table-stock-g-day td.teishi{
    padding: 0.5em 0;
    text-align: center;
}



div .bdr_black {
    margin: 0 -8px 12px -8px;
}

.bdr_black span.blue.b {
    font-size: 1.2em;
}

.bdr_black p.underline {
    margin-bottom: 0.6em;
}

.message-list {
    position: relative;
    margin: 2em 0 1.8em;
    padding: 1em 0.5em 0.4em;
    border: 2px solid #f2871b;
    border-radius: 5px;
}

.message-list .message-title {
    display: inline-block;
    position: absolute;
    padding: 0 0.25em;
    top: -1em;
    left: 1.5em;
    color: #f2871b;
    background-color: #fff;
    font-weight: 700;
}


div.table-scroll::before {
    content: none;
}


.table-stock-price12 td, .table-stock-price td, .table-stock-gyaku td{
	text-align: right;	
}




.step.ok {
    background-image: linear-gradient(-225deg,#5d9FFF08 0,#b8dCFF33 48%,#76b6ec78 100%);
}

.step.compare li div:last-of-type, .step.ok li div, .step.ok li.terminate {
    background: #1b6bcd;
    padding: 2px 30px;
    color: #fff;
    border-radius: 5px;
}

.step {
    padding: 30px 20px;
    background: linear-gradient(120deg,#fdfbfb 0,#ebedee 100%);
    margin-left: 0!important;
    border-radius: 5px;
}

.step li {
    list-style: none;
    text-align: center;
    margin: 0 auto;
    color: #333;
    max-width: 580px;
    width: fit-content;
}

.step li:not(:last-of-type):after {
    font-family: icomoon;
    content: '\ea36';
    display: block;
    color: #666;
}

.w04 {
    width: 4%;
}

.w08 {
    width: 8%;
}

.box_style {
    font-size: .8em;
    line-height: 2.2em;
}


td span.hissu {
    background-color: #ef883b;
    color: #fff;
    /* font-size: 12px; */
    /* font-weight: bold; */
    /* min-width: 10px; */
    padding: 3px 3px;
    margin: 0px 0px 0px 3px;
    line-height: 1;
    /* vertical-align: middle; */
    /* white-space: nowrap; */
    /* text-align: center; */
    border-radius: 3px;
    display: inline-block;
}


td span.tokuten {
    background-color: #933bef;
    color: #fff;
    /* font-size: 12px; */
    /* font-weight: bold; */
    /* min-width: 10px; */
    padding: 3px 3px;
    margin: 0px 0px 0px 3px;
    line-height: 1;
    /* vertical-align: middle; */
    /* white-space: nowrap; */
    /* text-align: center; */
    border-radius: 3px;
    display: inline-block;
}


td.small_ss {
    font-size: 0.3rem;
}

.table_overflow{
    overflow: scroll;
}

.table_g_day_add {
    width: 960px;
}





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

.table-stock,.table-stock-info,.table-stock-gyaku,.table-stock-commission,.table_ipo_schedule{
	font-size: 0.9em;
}

.table-stock-commission th,
.table-stock-commission td,
.table-stock th,
.table-stock td,
.table-stock-info th,
.table-stock-info td,
.table-stock-gyaku th,
.table-stock-gyaku td,
.table_ipo_schedule th,
.table_ipo_schedule td{
	font-size: 0.65em;
}	

.cross_commission div{
	font-size: 0.8em;
	line-height: 2.2em;
}
	
.table-stock-price12 th, .table-stock-price12 td .table-stock-price th, .table-stock-price td{
	font-size: 0.85rem;
}

.g_price_ul, .k_price_ul, .t_price_ul, .y_price_ul {
    font-size: 12px;
}

	.message-list {
    font-size: 11px;
}
	
}


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

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

.table-scroll-wrap46{
	overflow-x: auto;
    padding-top: 22px;
    position: relative;
}

.table-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;
}
	
	
}


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

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

.table-scroll-wrap52{
	overflow-x: auto;
    padding-top: 22px;
    position: relative;
}

.table-scroll-wrap52: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 : 640px){

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

.table-scroll-wrap64{
	overflow-x: auto;
    padding-top: 22px;
    position: relative;
}

.table-scroll-wrap64: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 : 720px){

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

.table-scroll-wrap72{
	overflow-x: auto;
    padding-top: 22px;
    position: relative;
}

.table-scroll-wrap72: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;
}
	
	
}