@charset "utf-8";
/* リセット */
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;padding:0}ul[role="list"],ol[role="list"],ul{list-style:none;margin:0;padding:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}

:root {
	/* text */
	--text-color-0: #ffffff;
	--text-color-1: #222222;
	--text-color-2: #666666;
	--text-color-3: #999999;
	/* border */
	--border-color-0: #cccccc;
	--border-color-1: #999999;
	/*  */
	--stock-color-up: #DD0000;
	--stock-color-down: #1073BB;
	--corporate-color: #049D8E;
}

html {
	font-size: 16px;/* 親サイズに起因 */
	color: var(--text-color-1);
}

input {
	padding: 0;
	margin: 3px 5px 5px 0;
}

/* 共通 */
#sw-stock-chart {
	width: 99%;
	margin: 0 auto;
	/* font-size: 0.9rem; */
}
#sw-stock-chart label, #sw-stock-chart label input[type='radio'],
#sw-stock-chart li label,
#sw-stock-chart li label input[type='radio'] {
	cursor: pointer;
}
[data-sw-txt-hide='on'] {
	display: none;
}

/* 株価情報 -----------------------共通 */
.sw-stock-data .sw-up-color {
	color: var(--stock-color-up);
}
.sw-stock-data .sw-down-color {
	color: var(--stock-color-down);
}
.sw-stock-data dl >* {
	padding: 10px 0;
	/* font-size: 0.9rem; */
}
.sw-stock-data dl dt {
	text-align: left;
	font-size: 0.75rem;
}
.sw-stock-data dl dd {
	text-align: right;
}
.sw-stock-data dl {
	border-top: 1px solid var(--border-color-0);
}
.sw-stock-data dl:first-of-type {
	border-top: none;
}

/* 株価情報 -----------------------並び */
/* base --row left/right */
.sw-stock-data dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.sw-stock-data dl >* {
	flex: 1 0 auto;
}

/* base --column left/right */
.sw-stock-data[data-sw-data-type='column'] dl {
	flex-direction: column;
	justify-content: center;
}
.sw-stock-data[data-sw-data-type='column'] dl >* {
	width: 100%;
}

/*  -- left/left */
.sw-stock-data[data-sw-text-align='left'] dl >* {
	text-align: left;
}
/*  -- right/right */
.sw-stock-data[data-sw-text-align='right'] dl >* {
	text-align: right;
}
/*  -- center/center */
.sw-stock-data[data-sw-text-align='center'] dl >* {
	text-align: center;
}
/*  -- center/right */
.sw-stock-data[data-sw-text-align='dt-center'] dl > dt {
	text-align: center;
}

/* 株価情報 -----------------------単位 */
/*
.sw-stock-data > dl [data-sw-id-name]::after {
	content: attr(data-sw-unit-type);
}
.sw-stock-data [data-sw-unit-type]::after {
		/*font-size: 1rem;
}*/

/* 騰落率()ver */
.sw-stock-data dl [data-sw-id-name]:not([data-sw-id-name='changeRatio'])::after {
	content: attr(data-sw-unit-type);
}
.sw-stock-data [data-sw-unit-type]:not([data-sw-id-name='changeRatio'] >span)::after,
.sw-stock-data dl [data-sw-id-name='changeRatio'] >span::before {
	font-size: 0.75rem;
	margin-left: 0.1rem;
}
.sw-stock-data dl [data-sw-id-name='changeRatio'] >span::before {
	content: attr(data-sw-unit-type);
}
.sw-stock-data dl [data-sw-id-name='changeRatio']::before {
	content: '(';
}
.sw-stock-data dl [data-sw-id-name='changeRatio'] >span::after {
	content: ')';
}

/* 株価情報 -----------------------時刻・時間 */
.sw-stock-data [data-sw-id-name='tradeDate'] {
	font-size: 0.75rem;
}
.sw-stock-data [data-sw-id-name*='Date']:not([data-sw-id-name='yearToDateHigh']):not([data-sw-id-name='yearToDateLow']),
.sw-stock-data [data-sw-id-name*='Time'] {
	/* display: inline-block; */
	color: var(--text-color-3);
}

/* 株価情報 -----------------------フォント */
.sw-stock-data [data-sw-id-name='price'] {
	font-size: 1.75rem;
	font-weight: bold;
}
.sw-stock-data [data-sw-id-name='change'] {
	font-size: 1rem;
}
.sw-stock-data [data-sw-id-name='changeRatio'] {
	font-size: 1rem;
	padding-left: 5px;
}

/* 全体 ----------------------- */
.select_inner {
	margin: 10px;
}
.sw-grid {
	display: grid;
	gap: 20px;
}
.sw-grid[data-col=auto] {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center
}
.sw-grid[data-col=auto-strech] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.sw-grid[data-col=auto-strech]>* {
	flex: 1 0 auto;
}
.sw-grid[data-col=auto]>* {
	flex: 1 1 100%;
}
@media (max-width: 768px) {
	.sw-grid {
		gap:15px 10px;
		/* grid-template-columns: 1fr; */
	}
	/* .sw-grid[data-col=auto-strech], .sw-grid[data-col=auto] {
		display: grid;
	} */
}

/* 全体 -----------------------head-container */
.head-container {
	grid-template-columns: 1fr 2fr 120px;
}
.head-container .sw-stock-data:first-child {
	margin: 10px 0;
}
.head-container #switch-lang,
.head-container .switch-chart-type {
	margin: 10px auto;
}
.head-container .switch-chart-type {
	gap: 0;
	border: 1px solid var(--corporate-color);
	border-radius: 6px;
}
/* ローソク足のみ */
.head-container .switch-chart-type[data-col='auto-strech'] li:nth-child(even) {
	border-left: 1px solid var(--border-color-0);
	border-right: 1px solid var(--border-color-0);
}
/* ライン・ローソク足 */
.head-container .switch-chart-type[data-col='2'] {
	grid-template-columns: repeat(2, 1fr);
}
.head-container .switch-chart-type[data-col='2'] li:nth-child(-n+2){
	border-bottom: 1px solid var(--border-color-0);
}
.head-container .switch-chart-type[data-col='2'] li:nth-child(odd) {
	border-right: 1px solid var(--border-color-0);
}
.head-container .switch-chart-type li label {
	position: relative;
	display: block;
	padding: 3px 5px;
	font-size: 0.75rem;
	text-align: center;
}
.head-container .switch-chart-type li label input[type='radio'] {
	position: absolute;
	opacity: 0;
}
.head-container .switch-chart-type li label:has(input[type='radio']:checked) {
	background-color: var(--corporate-color);
	color: var(--text-color-0);
}
.head-container #switch-lang {
	gap: 0;
	border: 1px solid var(--corporate-color);
	border-radius: 6px;
}
.head-container #switch-lang label {
	flex: 1 0 50%;
}
.head-container #switch-lang label {
	position: relative;
	display: block;
	padding: 3px 5px;
	font-size: 0.75rem;
	text-align: center;
}
.head-container #switch-lang label input[type='radio'] {
	position: absolute;
	opacity: 0;
}
.head-container #switch-lang label:has(input[type='radio']:checked) {
	background-color: var(--corporate-color);
	color: var(--text-color-0);
}
.head-container .sw-stock-data:first-of-type dl {
	border-top: none;
}
.head-container .sw-stock-data:first-of-type dl >* {
	padding: 0;
}
.head-container .sw-stock-data:first-of-type dl > dt {
	text-indent: -999px;
	font-size: 0;
}
.head-container .sw-stock-data[class*='item']{
	/* columns: 6rem 2; */
	display: grid;
	gap: 0px 20px;
	/* place-content: stretch; */
	place-items: stretch;
	grid-auto-flow: column;
}
.head-container .sw-stock-data.item-small {
	margin-left: 50%;
}
.head-container .sw-stock-data[class*='item'][data-half-count='1'] {
	grid-auto-flow: row;
	grid-template-columns: 1fr;
}
.head-container .sw-stock-data[class*='item'][data-half-count='2'] {
	grid-template-rows: repeat(2, 1fr);
}
.head-container .sw-stock-data[class*='item'][data-half-count='3'] {
	grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 769px) {
	.head-container .sw-stock-data[class*='item'][data-half-count='2'] dl:nth-of-type(2n) + dl,
	.head-container .sw-stock-data[class*='item'][data-half-count='3'] dl:nth-of-type(3n) + dl {
		border-top: none;
	}
}
@media (max-width: 768px) {
	.head-container {
		grid-template-columns: 1fr;
	}
	.head-container .sw-stock-data.item-small {
		margin-left: 0;
	}
	.head-container .sw-stock-data[class*='item'][data-half-count='1']:not([data-count='1']) {
		grid-auto-flow: column;
		grid-template-columns: repeat(2, 1fr)
	}
	.head-container .sw-stock-data[class*='item'] dl {
		border-top: 1px solid var(--border-color-0);
	}
}

/* 全体 -----------------------middle-container */
.middle-container {

}
.middle-container .select-term {
	gap: 10px;
}
.middle-container .select-term li {

}
.middle-container .select-term li label {
	position: relative;
	display: block;
	border: 1px solid var(--corporate-color);
	border-radius: 6px;
	padding: 3px 20px;
	text-align: center;
}
.middle-container .select-term li label input[type='radio'] {
	position: absolute;
	opacity: 0;
}
.middle-container .select-term li label:has(input[type='radio']:checked) {
	background-color: var(--corporate-color);
	color: var(--text-color-0);
}
.middle-container .add-chart-line,
.middle-container .chart_other_line {
	gap: 5px 30px;
	justify-content: flex-start;
}
.middle-container .add-chart-line li,
.middle-container .chart_other_line li {
	flex: unset;
}
.middle-container .add-chart-line li label {
	display: flex;
	align-items: center;
}
@media (max-width: 768px) {
	.middle-container .select-term {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
}

/* 全体 -----------------------foot-container */
.foot-container {
	align-items: flex-start;
}
.foot-container.item-medium .sw-stock-data,
.foot-container.item-large .sw-stock-data {
	display: grid;
	gap: 0px 20px;
	/* place-content: stretch; */
	place-items: stretch;
	grid-auto-flow: column;
}
.foot-container.item-small {
    grid-template-columns: 30% 1fr;
}
.foot-container.item-medium {
    grid-template-columns: 60% 1fr;
}
.foot-container.item-medium .sw-stock-data {
	columns: auto 2;
}
.foot-container.item-large {
    grid-template-columns: 1fr;
}
.foot-container.item-large .sw-stock-data {
	order: 2;
	columns: auto 3;
}
.foot-container.item-large .disclosure-list {
    order: 1;
}
.foot-container .disclosure-list {
	flex: 1 0 60%;
	border: 1px solid var(--border-color-0);/* 仮*/
}
.foot-container .disclosure-list h6 {
	padding: 10px;
	color: var(--text-color-0);
	font-size: 0.75rem;
	font-weight: normal;
	background-color: var(--corporate-color);
}
.foot-container .disclosure-list ul {
	height: calc(100vh / 7);
	overflow-y: scroll;
}
.foot-container .disclosure-list li {
	display: flex;
	color: var(--text-color-3);
	font-size: 0.75rem;
	padding: 3px 10px;
	border-bottom: 1px dashed var(--border-color-0);
}
.foot-container .disclosure-list li > span {
	padding-right: 10px;
}
.foot-notice-container li {
	color: var(--text-color-3);
	font-size: 0.75rem;
	text-indent: -0.75rem;
	padding-left: 0.75rem;
}
.foot-notice-container li::before {
	content: '※';
}

@media (min-width: 769px) {
	.foot-container[data-half-count='3']:not(.item-small) .sw-stock-data {
		grid-template-rows: repeat(3, 1fr);
	}
	.foot-container[data-half-count='4']:not(.item-small) .sw-stock-data,
	.foot-container[data-half-count='6']:not(.item-small) .sw-stock-data {
		grid-template-rows: repeat(4, 1fr);
	}
	.foot-container[data-half-count='5']:not(.item-small) .sw-stock-data,
	.foot-container[data-half-count='7']:not(.item-small) .sw-stock-data,
	.foot-container[data-half-count='8'][data-count='15']:not(.item-small) .sw-stock-data{
		grid-template-rows: repeat(5, 1fr);
	}
	.foot-container[data-half-count='8']:not(.item-small) .sw-stock-data,
	.foot-container[data-half-count='9']:not(.item-small) .sw-stock-data {
		grid-template-rows: repeat(6, 1fr);
	}
	.foot-container[data-half-count='10']:not(.item-small) .sw-stock-data {
		grid-template-rows: repeat(7, 1fr);
	}
	.foot-container[data-half-count='3']:not(.item-small) .sw-stock-data dl:nth-of-type(3n) + dl,
	.foot-container[data-half-count='4']:not(.item-small) .sw-stock-data dl:nth-of-type(4n) + dl,
	.foot-container[data-half-count='5']:not(.item-small) .sw-stock-data dl:nth-of-type(5n) + dl,
	.foot-container[data-half-count='6']:not(.item-small) .sw-stock-data dl:nth-of-type(4n) + dl,
	.foot-container[data-half-count='7']:not(.item-small) .sw-stock-data dl:nth-of-type(5n) + dl,
	.foot-container[data-half-count='8'][data-count='15']:not(.item-small) .sw-stock-data dl:nth-of-type(5n) + dl,
	.foot-container[data-half-count='8'][data-count='16']:not(.item-small) .sw-stock-data dl:nth-of-type(6n) + dl,
	.foot-container[data-half-count='9']:not(.item-small) .sw-stock-data dl:nth-of-type(6n) + dl,
	.foot-container[data-half-count='10']:not(.item-small) .sw-stock-data dl:nth-of-type(7n) + dl {
		border-top: none;
	}
}

@media (max-width: 768px) {
	.foot-container[class*='item'] {
		grid-template-columns: 1fr;
	}
	.foot-container[class*='item'] .sw-stock-data {
		display: grid;
		gap: 0 15px;
		grid-auto-flow: column;
		grid-template-columns: repeat(2, 1fr);
		order: 2;
	}
	.foot-container[class*='item'][data-count='1'] .sw-stock-data {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
	}
	.foot-container[class*='item'][data-half-count='2'] .sw-stock-data {
		grid-template-rows: repeat(2, 1fr);
	}
	.foot-container[class*='item'][data-half-count='3'] .sw-stock-data {
		grid-template-rows: repeat(3, 1fr);
	}
	.foot-container[class*='item'][data-half-count='4'] .sw-stock-data {
		grid-template-rows: repeat(4, 1fr);
	}
	.foot-container[class*='item'][data-half-count='5'] .sw-stock-data {
		grid-template-rows: repeat(5, 1fr);
	}
	.foot-container[class*='item'][data-half-count='6'] .sw-stock-data {
		grid-template-rows: repeat(6, 1fr);
	}
	.foot-container[class*='item'][data-half-count='7'] .sw-stock-data {
		grid-template-rows: repeat(7, 1fr);
	}
	.foot-container[class*='item'][data-half-count='8'] .sw-stock-data {
		grid-template-rows: repeat(8, 1fr);
	}
	.foot-container[class*='item'][data-half-count='9'] .sw-stock-data {
		grid-template-rows: repeat(9, 1fr);
	}
	.foot-container[class*='item'][data-half-count='10'] .sw-stock-data {
		grid-template-rows: repeat(10, 1fr);
	}
	.foot-container[class*='item'] .sw-stock-data dl:not(:first-of-type) {
		border-top: 1px solid var(--border-color-0);
	}
	.foot-container[class*='item'][data-half-count='1'] .sw-stock-data dl:nth-of-type(1n) + dl,
	.foot-container[class*='item'][data-half-count='2'] .sw-stock-data dl:nth-of-type(2n) + dl,
	.foot-container[class*='item'][data-half-count='3'] .sw-stock-data dl:nth-of-type(3n) + dl,
	.foot-container[class*='item'][data-half-count='4'] .sw-stock-data dl:nth-of-type(4n) + dl,
	.foot-container[class*='item'][data-half-count='5'] .sw-stock-data dl:nth-of-type(5n) + dl,
	.foot-container[class*='item'][data-half-count='6'] .sw-stock-data dl:nth-of-type(6n) + dl,
	.foot-container[class*='item'][data-half-count='7'] .sw-stock-data dl:nth-of-type(7n) + dl,
	.foot-container[class*='item'][data-half-count='8'] .sw-stock-data dl:nth-of-type(8n) + dl,
	.foot-container[class*='item'][data-half-count='9'] .sw-stock-data dl:nth-of-type(9n) + dl,
	.foot-container[class*='item'][data-half-count='10'] .sw-stock-data dl:nth-of-type(10n) + dl {
		border-top: none;
	}
	.foot-container .disclosure-list {
		order: 1;
	}
}

@media (max-width: 430px) {
	.foot-container[class*='item'] .sw-stock-data {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
	}
	.foot-container[class*='item'] .sw-stock-data dl:not(:first-of-type) {
		border-top: 1px solid var(--border-color-0) !important;
	}
}

/* highcharts ----------------------- */
.highcharts-background,
.highcharts-plot-background {
	fill: #ffffff00;
}
/* .highcharts-plot-border {
	stroke: var(--border-color-0);
} */
.highcharts-axis-labels text {
	color: var(--text-color-2) !important;
	fill: var(--text-color-2) !important;
	font-size: 0.7em !important;
}
.highcharts-xaxis .highcharts-axis-line,
.highcharts-xaxis .highcharts-tick {
	stroke: var(--border-color-0);
}
.highcharts-yaxis .highcharts-axis-line {
	stroke-width: 2px;
	stroke: var(--border-color-0);
}
.highcharts-tooltip-box,
.highcharts-tooltip-box path {
    fill: #ffffff;
    fill-opacity: 0.8;
	box-shadow: 7px 7px 5px 5px #000000;
}
.highcharts-tooltip text {
    fill: var(--text-color-1);
	fill-opacity: 1;
    text-shadow: none;
}