@charset "Shift_JIS";

/*--------------------
 銘柄リストtable
--------------------*/
/* 件数表示 */
.resultTableTxt {
	display: flex;
	align-items: flex-end;
	width: 100%;
}

.resultTableTxt .maxNum{
	margin-right: 0.25em;
	font-size: 1.8rem;
	font-weight: bold;
}

/* 日時 */
.resultTableDate {
	margin: 0 0 0.2em auto;
	font-size: 1.2rem;
	text-align: right;
}

/* ページャ */
.resultTableNavi {
	width: 100%;
	padding: 0.8em 0;
}
	/* 上段のページャのみ罫線を引く */
	.resultTableTxt + .resultTableNavi {
		border-top: 1px solid #c0c2dc;
	}

.resultTableNavi span {
	position: relative;
	display: inline-block;
	color: #006dc9;
}
.resultTableNavi span ~ span {
	margin-left: 8px;
}
.resultTableNavi span ~ span::before {
	content: "";
	margin-right: 8px;
	border-left: 1px solid #c0c2dc;
}

.resultTableNavi .submitPrev::before,
.resultTableNavi .submitNext::after {
	font-family: 'icf' !important;
	display: inline-block;
	vertical-align: middle;
}
.resultTableNavi .submitPrev::before {
	content: "\e901";
}
.resultTableNavi .submitNext::after {
	content: "\e900";
}

.resultTableNavi input[type="submit"] {
	display: inline-block;
	padding: 0;
	color: #006dc9;
	font-size: 1.4rem;
	background: transparent;
	border: none;
	cursor: pointer;
	outline: none;
}
.resultTableNavi input[type="submit"]:hover {
	text-decoration: underline;
}

/* table本体
--------------------*/
/* Wrap */
.resultTableWrap {
	overflow-x: auto;
	width: 100%;
}
.resultTable {
	width: 100%;
}

@media screen and (min-width:960px) {
	/* リスト最上段の銘柄のpopChartを表示するための領域 */
	.resultTableWrap {
		margin: -50px 0 0;
	}
	.resultTableWrap .resultTable {
		margin: 50px 0 0;
	}
}

/* セル：項目
--------------------*/
.resultTable th, .resultTable td {
	padding: 6px;
	line-height: 1.3;
	text-align: left;
	vertical-align: middle;
}

.resultTable th {
	font-size: 1.3rem;
	background: #eaf0f4;
	border-bottom: 2px solid #405a65;
}

.resultTable th.w75 {
	max-width: 75px;
}
.resultTable th.w95 {
	max-width: 95px;
}

/* PC：文字サイズ、余白の変更 */
@media print, screen and (min-width:960px) {
	.resultTable th {
		font-size: 1.2rem;
	}
	.resultTable th, .resultTable td {
		padding: 10px 5px;
	}
}

/* セル：sort
--------------------*/
.resultTable .sortRow th {
	padding: 6px;
	line-height: 1.25;
}
.resultTable .sortRow th a {
	position: relative;
	display: block;
	margin-left: 2px;
	padding-left: 1em;
	color: #405a65;
	text-decoration: none;
}
.resultTable .sortRow th a::before, 
.resultTable .sortRow th a::after {
	content: "";
	position: absolute;
	left: 0;
	width: 4px;
	height: 8px;
	border: 4px solid transparent;
	opacity: 0.4;
}
.resultTable .sortRow th a::before {
	top: calc(50% - 15px);
	border-bottom: 8px solid #405a65;
}
.resultTable .sortRow th a::after {
	top: calc(50% + 1px);
	border-top: 8px solid #405a65;
}
.resultTable .sortRow th a.sortIcon_u::before {
	border-bottom-color: #006dc9;
	opacity: 1;
}
.resultTable .sortRow th a.sortIcon_d::after {
	border-top-color: #006dc9;
	opacity: 1;
}
.resultTable .unit{
	font-size: 1.1rem;
}

/* セル：データ表示
--------------------*/
.resultTable td {
	font-family: 'Inconsolata', sans-serif;
	text-align: left;
	border-top: 1px solid #c0c2dc;
}
.resultTable tr:last-child td {
	border-bottom: 1px solid #c0c2dc;
}
.resultTable td.figure {
	text-align: right;
}
.resultTable td.sum {
	white-space: nowrap;
}
.resultTable td.code {
	padding: 2px 6px;
	text-align: center;
}
.resultTable td.code .codeInCode {
	margin-right: 10px;
	width: 30px;
}

/* 任意改行 */
.resultTable th span,
.resultTable td span {
	display: inline-block;
	white-space: nowrap;
}

/* 強調セル */
.resultTable th.emp {
	background: #d2efff;
}
.resultTable td.emp {
	position: relative;
	background: #d2efff;
	z-index: -1;
}
.resultTable th.emp + th.emp,
.resultTable td.emp + td.emp {
	border-left: 1px solid #fff;
}

/* セルhover */
.resultTable tr:hover {
	background: rgba(146,168,186,0.25);
}
.resultTable tr:hover td {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

/* 検索結果がないとき */
.nomatch {
	margin: 10px 0;
	padding: 8px 12px;
	text-align: center;
	background: #eaf0f4;
}

/* マネーフロー銘柄：順位タイトル */
.resultTitleTop,
.resultTitleBottom {
	margin: 0 0 0.5em;
	font-size: 1.8rem;
}
.resultTitleTop {
}
.resultTitleBottom {
	margin: 2em 0 0.5em;
}

/*
 トレンド出遅れ銘柄
--------------------*/
/* SP版はFlexBoxを解除 */
@media screen and (max-width:767px) {
	.sectorTxt{
		display: block;
	}
}

/* セクター選択エリア ----------*/
.sectorSelectTable {
	margin: 0 0 2em;
}
.sectorSelectTable th {
	text-align: center;
	border-bottom: 1px solid #c0c2dc;
}
.sectorSelectTable th + th,
.sectorSelectTable td + td{
	border-left: 1px solid #fff;
}
.sectorSelectTable td {
	padding: 0;
	border-bottom: 1px solid #fff;
}
.sectorSelectTable tr:last-child td {
	border-bottom: 1px solid #c0c2dc;
}
.sectorSelectTable td a {
	display: block;
	padding: 6px;
}
.sectorSelectTable td span {
	display: block;
}

/* セルの選択 */
.sectorSelectTable tr td.selected {
	border: 3px solid #c00;
}
.sectorSelectTable tr td.selected a {
	pointer-events: none;
}

/* 結果なし */
.sectorSelectTable tr td.nomatch {
	margin: 0;
	padding: 6px;
}

/* tr:hoverのスタイルを解除 */
.sectorSelectTable tr:hover {
	background: transparent;
}

/* セルのhover */
.sectorSelectTable tr td:hover {
	opacity: 0.7;
}
.sectorSelectTable td.selected:hover {
	opacity: 1;
}

/* SP版 */
@media screen and (max-width:767px) {
	/* 項目は非表示にする */
	.sectorSelectTable thead {
		display: none;
	}

	/* 罫線・余白など */
	.sectorSelectTable {
		border-bottom: 1px solid #c0c2dc;
	}
	.sectorSelectTable td {
		display: block;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-bottom: none;
	}
	.sectorSelectTable tr:last-child td,
	.sectorSelectTable tr:hover td {
		border-bottom: none;
	}
	.sectorSelectTable tr td.selected,
	.sectorSelectTable tr:last-child td.selected {
		border: 3px solid #c00;
	}
	.sectorSelectTable td a {
		position: relative;
		padding-left: 40px;
	}
	.sectorSelectTable td a span {
		display: inline-block
	}

	/* 順位 */
	.sectorSelectTable td a::before {
		content: attr(data-label);
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		top: 0;
		left: 0;
		padding: 10px;
		width: 30px;
		height: 100%;
		border-right: 1px solid #fff;
	}
	.sectorSelectTable td.selected a::before {
		width: 28px;
	}
	.sectorSelectTable td.nomatch a::before {
		content: none;
	}
}

/* セクター銘柄リスト ----------*/
/* 見出し */
.sectorResultTable th {
	border-bottom: 1px solid #c0c2dc;
}
.sectorResultTable strong{
	margin-right: 0.6em;
}
.sectorResultTable strong + a{
	font-weight: normal;
}
.sectorResultTable a:hover .linkArrow {
	text-decoration: underline;
}
/* 銘柄名 */
.sectorResultTable .stockName {
	min-width: 120px;
}
.sectorResultTable .stockName a {
	font-size: 1.2rem;
}
/* チャート画像 */
.sectorResultTable .chartImg{
	width: 362px;
	border-bottom: 1px solid #c0c2dc;
}
.sectorResultTable .chartImg img{
	max-width: none;
	max-width: initial;
}
/* hoverスタイル */
.sectorResultTable tr:hover {
	background: transparent;
}
.sectorResultTable tr:hover td:not(.chartImg) {
	background: rgba(146,168,186,0.25);
}
.sectorResultTable tr:hover td.emp {
	background: #c2ddee;
}
.sectorResultTable tr:hover td.chartImg {
	border-top: 1px solid #c0c2dc;
	border-bottom: 1px solid #c0c2dc;
}
.sectorResultTable tr:last-child:hover td {
	border-bottom: 1px solid #c0c2dc;
}
/* 該当銘柄なし */
.sectorResultTable td.nomatch {
	font-size: 1.2rem;
	background: #f6f6f6;
}

/* 銘柄ポップアップチャート：PC版のみ表示
--------------------*/
.chartWrap a {
	display: block;
}

.popChart {
	position: absolute;
	left: -100%;
}
.popChart img {
	max-width: none;
	max-width: initial;
}

@media screen and (min-width:960px) {
	.chartWrap {
		position: relative;
	}
	.chartWrap a {
		overflow-wrap: anywhere;
	}
	.popChart {
		bottom: calc(100% + 1em);
		left: -5px;
		z-index: 99;
		padding: 5px;
		background: #fff;
		border: 1px solid #c0c2dc;
		box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
		display: none;
	}
}

/* タブメニュー
--------------------*/
.tabMenu {
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin: 0 0 2em;
	padding: 20px 0 0;
	border-top: 2px solid #006dc9;
	border-bottom: 1px solid #c0c2dc;
}
@media print, screen and (min-width:768px) {
	.tabMenu {
		justify-content: flex-start;
	}
}

.tabMenu li {
	position: relative;
	padding: 0;
	line-height: 1.35;
	text-align: center;
}
.tabMenu li::after {
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
	/*
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	*/
}
.tabMenu li:hover::after {
	left: 0;
	width: 100%;
	background: #92a8ba;
}
.tabMenu li.selected {
	padding: 0 0.5em 0.8em;
	color: #006dc9;
}
@media print, screen and (min-width:768px) {
	.tabMenu li.selected {
		padding: 0 0.8em 1em;
	}
}
.tabMenu li.selected::after {
	left: 0;
	width: 100%;
	background-color: #006dc9;
}
.tabMenu li ~ li {
	margin: 0 0 0 0.3em;
}
@media print, screen and (min-width:768px) {
	.tabMenu li ~ li {
		margin: 0 0 0 1em;
	}
}

.tabMenu a {
	display: block;
	padding: 0 0.5em 0.8em;
	color: #405a65;
	text-align: center;
	text-decoration: none;
}
@media print, screen and (min-width:768px) {
	.tabMenu li a {
		padding: 0 0.8em 1em;
	}
}
.tabMenu span {
	display: inline-block;
	white-space: nowrap;
}

/* ソートメニュー
--------------------*/
.sortMenu {
	display: flex;
	width: 100%;
	margin: 1em 0 2em;
}
@media print, screen and (min-width:768px) {
	.sortMenu {
		width: auto;
	}
}

.sortMenu li{
	flex-grow: 1;
	line-height: 1.35;
	background: #fff;
	border: 1px solid #c0c2dc;
}
@media print, screen and (min-width:768px) {
	.sortMenu li{
		flex: 0 1 auto;
		width: auto;
	}
}
.sortMenu li:first-child{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.sortMenu li:last-child{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.sortMenu li:hover{
	background: #eaf0f4;
}

.sortMenu li + li{
	margin-left: -1px;
}

.sortMenu li input[type="radio"] {
	display: none;
}
.sortMenu li a,
.sortMenu li label{
	display: block;
	padding: 0.4em;
	color: #405a65;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
@media print, screen and (min-width:768px) {
	.sortMenu li a {
		padding: 0.4em 1.5em;
	}
}

.sortMenu li.selected{
	background:#006dc9;
	border: 1px solid #006dc9;
}
.sortMenu li.selected a,
.sortMenu li.selected label{
	color: #fff;
	pointer-events: none;
}

.sortMenu li.disabled{
	background:#eee;
}
.sortMenu li.disabled a,
.sortMenu li.disabled label{
	color: #aaa;
	pointer-events: none;
}

/* selectメニュー（SPのみ）
--------------------*/
.selectMenu{
	position: relative;
	margin: 0 0 2em;
}
@media print, screen and (min-width:768px) {
	.selectMenu{
		display: none;
	}
}

.selectMenu::after {
	font-family: 'icf' !important;
	content: "\e902";
	position: absolute;
	display: inline-block;
	top: calc(50% - 10px);
	right: 15px;
	color: #006dc9;
	z-index: -1;
}

.selectMenu select{
	width: 100%;
	padding: 0.6em 1.2em;
	font-size: 1.6rem;
	background: transparent;
	border: 1px solid #c0c2dc;
	border-radius: 3px;
	box-shadow: none;
	outline: none;
	-webkit-appearance: none;
	cursor: pointer;
}
.selectMenu select::-ms-expand{
	display: none;
}
.selectMenu select:focus {
	outline: none;
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
}

/*--------------------
 株価情報 （デイトレチャート、当日約定確率分析）
--------------------*/
.basicInfo{
	margin: 0 0 2em;
}
.basicInfo li {
	display: inline-block;
}
.basicInfo li + li::before {
	content: "／";
}

/* 銘柄遷移ナビ
--------------------*/
.basicNavi {
	display: flex;
	justify-content: space-between;
	margin: 0 0 2em;
	padding: 1em 0;
	border-top: 1px solid #c0d2dc;
	border-bottom: 1px solid #c0d2dc;
}
.basicNavi li {
	position: relative;
	overflow: hidden;
	width: calc(50% - 6px);
	text-overflow: ellipsis;
	white-space: nowrap;
}
.basicNavi li.prev {
	padding-left: 1em;
	text-align: left;
}
.basicNavi li.next {
	padding-right: 1em;
	text-align: right;
}

.basicNavi li span {
	display: block;
	white-space: nowrap;
}
@media print, screen and (min-width:768px) {
	.basicNavi li span {
		display: inline-block;
		margin-right: 0.3em;
	}
}

/* アイコン */
.basicNavi li.prev::before,
.basicNavi li.next::after {
	font-family: 'icf' !important;
	position: absolute;
	display: inline-block;
	top: calc(50% - 10px);
	color: #006dc9;
}
.basicNavi li.prev::before {
	content: "\e901";
	left: 0;
}
.basicNavi li.next::after {
	content: "\e900";
	right: 0;
	margin-left: 0.3em;
}

/* 株価情報 
（デイトレチャート、当日約定確率分析）
----------------------------------------*/
.stockquoteArea {
	text-align: right;
}
@media print, screen and (min-width:768px) {
	.stockquoteArea {
		display: flex;
		justify-content: space-between;
		text-align: left;
	}

	.stockquoteArea input,
	.stockquoteArea label {
		display: none;
	}

	.stockquoteArea .upperArea {
		width: calc(60% - 10px);
	}
	.stockquoteArea .lowerArea {
		width: calc(40% - 10px);
	}
}
@media print, screen and (min-width:960px) {
	.stockquoteArea .upperArea,
	.stockquoteArea .lowerArea {
		width: calc(50% - 10px);
	}
}

/* 株価 */
.stockquoteArea .priceArea {
	font-family: 'Inconsolata', sans-serif;
	width: 100%;
	padding: 10px;
	text-align: right;
	background: #eff6fa;
	border-bottom: 1px solid #c0d2dc;
}
@media print, screen and (min-width:768px) {
	.stockquoteArea .priceArea{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: calc((100% - 40px) / 3);
		margin: 0.5em 0 0;
		padding: 15px 10px;
	}
}
.priceArea .time {
	display: block;
	font-size: 1.6rem;
	text-align: left;
}
.priceArea .price,
.priceArea .change {
	display: inline-block;
	text-align: right;
}
.priceArea .price {
	font-size: 3.2rem;
	line-height: 1.15;
}
.priceArea .change {
	margin-left: 1em;
	font-size: 1.8rem;
	line-height: 1.15;
}
@media print, screen and (min-width:768px) {
	.priceArea .time {
		font-size: 1.4rem;
	}
	.priceArea .price {
		margin: 0.5em 0 0;
	}
	.priceArea .change {
		margin-left: 0;
		font-size: 1.5rem;
	}
}

.stockquoteArea li {
	margin: 0.5em 0 0;
}

.stockquoteArea dl {
	border-bottom: 1px solid #c0d2dc;
}
.stockquoteArea dt {
	font-size: 1.2rem;
}
.stockquoteArea dd {
	height: 2.76rem;
	font-family: 'Inconsolata', sans-serif;
	font-size: 2.4rem;
	line-height: 1.15;
	text-align: right;
}
.stockquoteArea dd .unit {
	font-size: 1.2rem;
	margin-left: 0.3em;
}
.stockquoteArea dd .txt {
	font-size: 1.8rem;
}
@media print, screen and (min-width:768px) {
	.stockquoteArea dd {
		height: 2.3rem;
		font-size: 2rem;
	}
	.stockquoteArea dd .txt {
		font-size: 1.6rem;
	}
}

/* column、レイアウト */
.stockquoteArea .upperArea,
.stockquoteArea .lowerArea ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
}
@media print, screen and (min-width:960px) {
	.stockquoteArea .lowerArea ul {
		justify-content: flex-start;
	}
}

.stockquoteArea .upperColumn{
	width: calc(50% - 10px);
}
@media print, screen and (min-width:768px) {
	.stockquoteArea .upperColumn{
		width: calc((100% - 40px) / 3);
	}
}

.stockquoteArea .lowerArea li{
	width: calc(50% - 10px);
}
@media print, screen and (min-width:960px) {
	.stockquoteArea .lowerArea li{
		width: calc((100% - 40px) / 3);
		margin-right: 20px;
	}
	/* IE11 */
	_:-ms-lang(x)::-ms-backdrop, .stockquoteArea .lowerArea li {
		width: calc((100% - 42px) / 3);
		margin-right: 20px;
	}

	.stockquoteArea .lowerArea li:nth-child(3n){
		margin-right: 0;
	}
}

/* 開閉ボタン */
.stockquoteBtn {
	position: relative;
	display: inline-block;
	margin: 20px 0 0;
	color: #006dc9;
	cursor: pointer;
}
.stockquoteBtn::after {
	font-family: 'icf' !important;
	display: inline-block;
	margin-left: 0.3em;
	vertical-align: middle;
}
.openBtn::after {
	content: "\e902";
}
.closeBtn::after {
	content: "\e903";
}

/* ラジオボタンの選択 */
.stockquoteRadio {
	display: none;
}
.stockquoteRadio[type="radio"] + .stockquoteBtn {
	display: none;
}
.stockquoteRadio[type="radio"]:checked + .stockquoteBtn {
	display: inline-block;
}

/* ラジオボタンの選択と株価指標の展開 */
.lowerArea {
	display: none;
}
.stockquoteRadio#open[type="radio"]:checked ~ .lowerArea {
	display: block;
	margin: 1em 0 0;
}
@media print, screen and (min-width:768px) {
	.stockquoteBtn,
	.stockquoteRadio[type="radio"]:checked + .stockquoteBtn {
		display: none;
	}
	.lowerArea {
		display: block;
		margin: 0;
	}
}

/*--------------------
#contents:flexArea
・デイトレチャート
・当日約定確率分析
--------------------*/
.flexArea .contentsSide {
	width: 100%;
	margin: 3em 0 0;
	/* column幅は各画面ごとに設定する */
}

/* チャート画像の横スクロール用 */
.imgChartWrap{
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	margin: 0 0 1em;
	text-align: center;
}
.imgChartWrap img{
	max-width: auto;
	max-width: initial;
}

/* デイトレチャート
--------------------*/
/* デイトレチャートエリア */
#dailyTradeChart {
}

/* デイトレチャートcolumn */
@media print, screen and (min-width:768px) {
	#dailyTradeChart .contentsMain {
		width: calc(100% - 235px);
		max-width: 731px;
	}
	#dailyTradeChart .contentsSide {
		width: 220px;
		margin: 0 0 0 1em;
	}
	/* チャート画像の表示領域にあらかじめ高さを付けておく */
	#dailyTradeChart .imgChartWrap{
		min-height: 403px;
	}
}
@media print, screen and (min-width:1020px) {
	#dailyTradeChart {
		width: 100%;
		max-width: 1030px;
		margin: 0 auto;
	}
	#dailyTradeChart .contentsMain {
		width: 731px;
	}
	#dailyTradeChart .contentsSide {
		width: calc(100% - 760px);
		min-width: 220px;
		max-width: 260px;
	}
}

/* チャート選択タブ */
@media print, screen and (min-width:768px) {
	#dailyTradeChart .sortMenu {
		width: 100%;
		margin-top: 0;
	}
	#dailyTradeChart .sortMenu li{
		flex-grow: 1;
	}
	#dailyTradeChart .sortMenu li label {
		padding: 0.4em 0.7em;
	}
}

/* チャート設定パネル */
.controlPanel {
	margin: 2em 0 1em;
}
.controlPanel table {
	width: 100%;
	border-top: 1px solid #c0d2dc;
}

/* SP：block表示 */
.controlPanel th,
.controlPanel td {
	display: block;
}
.controlPanel th {
	padding: 10px 10px 0;
	text-align: left;
	white-space: nowrap;
}
.controlPanel td {
	padding: 5px 10px 10px;
	border-bottom: 1px solid #c0d2dc;
}
.controlPanel td span {
	display: block;
	margin: 5px 0 0;
}
@media print, screen and (min-width:768px) {
	/* table-cellに戻す */
	.controlPanel th,
	.controlPanel td {
		display: table-cell;
	}
	.controlPanel th {
		padding: 6px 10px;
		border-bottom: 1px solid #c0d2dc;
	}
	.controlPanel td {
		padding: 6px 10px 6px 6px;
	}
}

.controlPanel input {
	display: none;
}
.controlPanel label {
	position: relative;
	display: inline-block;
	margin-right: 1.5em;
	padding: 0.3em 0 0.3em 1.6em;
	cursor: pointer;
}
.controlPanel label::before,
.controlPanel label::after {
	content: "";
	position: absolute;
	display: block;
}

.controlPanel input[type="checkbox"] + label::before {
	top: calc(50% - 0.55em);
	left: 0;
	width: 1em;
	height: 1em;
	border: 1px solid #636d74;
}

.controlPanel input[type="checkbox"]:checked + label::before {
	border: 1px solid #006dc9;
}
.controlPanel input[type="checkbox"]:checked + label::after {
	top: calc(50% - 1em);
	left: 0.35em;
	width: 0.6em;
	height: 1.2em;
	border-right: 3px solid #006dc9;
	border-bottom: 3px solid #006dc9;
	transform: rotate(40deg);
}

.controlPanel input[type="radio"] + label::before {
	top: calc(50% - 8px);
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #636d74;
	border-radius: 50%;
}

.controlPanel input[type="radio"]:checked + label::before {
	border: 1px solid #006dc9;
}
.controlPanel input[type="radio"]:checked + label::after {
	top: calc(50% - 4px);
	left: 4px;
	width: 8px;
	height: 8px;
	background: #006dc9;
	border-radius: 50%;
}

/* ピボットシグナル分析 */
.pivotSignalArea{
	padding: 10px;
	text-align: center;
	border: 1px solid #c0c2dc;
}

.pivotSignalArea .linkArrow{
	margin: 0.5em 0 1em;
}

#pivot {
	font-family: 'Inconsolata', sans-serif;
	position: relative;
	width: 200px;
	height: 150px;
	margin: 0.5em auto 1em;
	padding: 0;
	vertical-align: top;
	background: url("/servlets/dt/html/basic/img/pivotBase.gif") no-repeat;
}
#pivot .prices {
	position: absolute;
	right: 0;
	color: #929292;
}
#pivot #hbop {
	top: 6px;
	color: #ff64e0;
}
#pivot #s2 {
	top: 24px;
	color: #ff0000;
}
#pivot #s1 {
	top: 44px;
	color: #6857e4;
}
#pivot #p {
	top: 63px;
}
#pivot #b1 {
	top: 82px;
	color: #64bf43;
}
#pivot #b2 {
	top: 101px;
	color: #0000ff; 
}
#pivot #lbop {
	top: 120px;
	color: #069edb;
}
#pivot #pivotPrice {
	position: absolute;
	left: 84px;
}

/* table */
.pivotTable th,
.pivotTable td{
	padding: 4px 8px;
}
/* 行のhoverを解除 */
.pivotTable tr:hover{
	background: transparent;
}
.pivotTable tr:hover td{
	border: none;
}

.pivotTable th {
	position: relative;
	font-weight: normal;
	text-align: left;
	border-bottom: none;
	border-top: 1px solid #c0c2dc;
	z-index: -1;
}
.pivotTable tr:last-child th {
	border-bottom: 1px solid #c0c2dc;
}
.pivotTable tr:hover td {
	border-top: 1px solid #c0c2dc;
	border-bottom: 1px solid #c0c2dc;
}

/* 約定確率
--------------------*/
.execRateMain{
	width: 100%;
	max-width: 700px;
	margin: auto;
}

/* 約定確率エリアcolumn */
@media print, screen and (min-width:768px) {
	#execRateArea .execRateMain {
		width: calc(100% - 235px);
		margin: 0;
	}
	#execRateArea .contentsSide {
		width: 220px;
		margin: 0 0 0 1em;
	}
}
@media print, screen and (min-width:990px) {
	#execRateArea {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
	}
	#execRateArea .contentsMain {
		width: 700px;
	}
	#execRateArea .contentsSide {
		width: calc(100% - 730px);
		min-width: 220px;
		max-width: 260px;
	}
}

.execRateMain .gotoAboutBtn{
	margin: 1em auto 0;
}

/* 約定確率table */
.yakujoTable {
	margin: 3em auto 1em;
}
.yakujoTable th,
.yakujoTable td {
	padding: 6px;
	text-align: center;
}
.yakujoTable th {
	font-weight: normal;
	border-bottom: 1px solid #c0c2dc;
}
.yakujoTable th.buy {
	color: #fff;
	background: #d36b53;
}
.yakujoTable th.sell {
	color: #fff;
	background: #4f8ebc;
}

/* 板table */
.pivotSignalArea + #ita{
	margin: 2em 0 0;
}
#ita th {
	padding: 4px;
	text-align: center;
	white-space: normal;
}
#ita th span {
	display: inline-block;
}
#ita td {
	padding: 4px;
	text-align: right;
}
#ita tr.sell {
	color: #dd0000;
}
#ita tr.buy {
	color: #00d700;
}
#ita td.itaprice {
	text-align: center;
	color: #000000;
	/*background: #d2efff;*/
}
#ita tr.irregular {
	background: #ffe5e7 !important;
}

/* #contents
ピボットシグナルとは
--------------------*/
.pivotItemTxt {
	margin: 0 0 2em;
	line-height: 1.75;
}
@media print, screen and (min-width:768px) {
	.pivotItemTxt {
		margin: 0 2em 0 0;
	}
	.pivotItemImg {
		margin-right: auto;
	}
}

/* #contents
リアルタイムオプションの紹介
・マネーフロー銘柄
・いびつな板銘柄
・注目銘柄
--------------------*/
.restrictedArea h3 {
	margin: 0 0 0.5em;
}
.restrictedArea .itemImg {
	margin: 0 0 1em;
	text-align: center;
}
@media print, screen and (min-width:768px) {
	.restrictedArea .flexArea {
		max-width: 1020px;
		margin: auto;
	}
	.restrictedArea .itemImg {
		width: 60%;
		max-width: 600px;
		margin: 0;
	}
	.restrictedArea .itemTxt {
		width: calc(40% - 2em);
		max-width: 380px;
		margin:1em 0 0 ;
	}
}

.restrictedArea .listIcon{
	margin: 0.3em 0;
}

.restrictedArea .btn {
	margin: 1em 0;
}


/* iframe用スタイル
・直近5分上昇銘柄
・プロットステーション
・押し目買いナビ
・ストップ高候補チャート
・音声お知らせサービス
・注目銘柄TOP30
・季節性分析
・季節性ランキング
・ロスカット分析
--------------------*/
.iframeWrap{
	position: relative;
	width: 100%;
	/* max-width: 100%; */
}

/* 直近5分上昇銘柄
--------------------*/
/* ゲスト：16行表示 */
#updownIframeWrap.userGuest{
	height: 740px;
}
/* 会員：20行表示 */
#updownIframeWrap.userMember{
	height: 900px;
}

/* 音声お知らせサービス
--------------------*/
#soundIframeWrap{
	height: calc(100vh - 120px);
	max-height: 620px;
}
@media print, screen and (min-width:768px) {
	#soundIframeWrap{
		height: 800px;
		max-height: auto;
		max-height: initial;
	}
}

/* 注目銘柄TOP30
--------------------*/
#inplayIframeWrap{
	height: 870px;
}

/* プロットステーション
--------------------*/
#splotIframeWrap{
	height: 5700px;
}

/* 押し目買いナビ
--------------------*/
#buydipIframeWrap{
	height: 500px;
}

/* 季節性分析
--------------------*/
#seasonIframeWrap{
	height: 2170px;
}

/* 季節性ランキング
--------------------*/
#srankIframeWrap{
	height: 1700px;
}

/* ロスカット分析
--------------------*/
#losscutIframeWrap{
	height: 1100px;
}