:root{--highest-color:#e0151533;--lowest-color:#146dc833;--loss:#146dc8;--gain:#e01515;--small-font:12px;--medium-font:14px;--normal-font:16px;--title-font:20px;--font-family:"ヒラギノ角ゴシック ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}body,html{max-width:100vw;overflow-x:hidden}body{color:#333;min-width:320px;background:#fff;font-family:var(--font-family);-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.number{font-family:Roboto Condensed,sans-serif;&.colorize{&.negative{color:#146dc8}&.positive{color:#e01515}}}.container{min-width:320px;display:flex;justify-content:center;.contents{flex:1 1;max-width:1075px;min-width:320px;min-height:calc(100vh - 60px);min-height:calc(100dvh - 60px)}}.symbol-header{.header-title{padding-top:10px;padding-left:10px;padding-bottom:5px}.header-row{margin-bottom:5px}.data-row{display:flex;flex-wrap:wrap}.symbol-name{font-size:22px;font-weight:700;margin:0}.symbol-root{font-size:14px;font-weight:700;margin-left:10px}.nikkei{color:#927a22;border:3px double #927a22;padding-left:3px;padding-right:3px;height:15px;font-size:11px;font-weight:700;margin-right:5px}.industry,.nikkei{align-self:flex-end}.industry{font-size:12px;color:#555}.lot-size-container{font-size:12px;color:#555;display:flex;margin-left:5px;align-items:center;align-self:flex-end;.lot-size{margin-left:2px}}.lot-size-divider{font-size:11px;color:#adadad;margin-left:5px;align-self:center}.exchange-select{margin-right:5px;border:1px solid #e0e0e0;width:90px;height:22px;align-self:flex-end}.quote{text-align:center;width:100%;font-weight:700;.close-price{display:inline-block;font-family:Roboto Condensed,sans-serif;font-size:48px;font-weight:400;line-height:48px;margin:3px}.net-change{display:inline-block;padding-left:10px;color:#e01515;font-family:Roboto Condensed,sans-serif;& .value{padding-bottom:3px;text-align:left}}}}.symbol-details-container{display:flex;padding:10px}.symbol-details-tabs{width:100%;padding-left:20px}.tabs{width:100%;margin-top:10px;border-bottom:2px solid #e1c561;&.desktop{display:block}&.mobile{display:none}&.MuiTabs-root{min-height:40px;height:40px}.MuiTabs-indicator{display:none}.tab{border-radius:5px 5px 0 0;width:32%;max-width:120px;min-width:max-content;min-height:40px;margin-right:5px;background-color:#e0e0e0;color:#193a9e;&.Mui-selected{color:#000000;font-weight:700;background-color:#e1c561}}}.summary-tab-view{display:flex}.chart-container{flex:1 1}.symbol-quote-card-container{min-width:190px;width:190px;flex:0.2 1;margin-top:25px}.symbol-quote-card-table{border-collapse:collapse;border:none;width:100%;th{font-size:var(--small-font);font-style:normal;font-weight:400;text-align:left}tr{line-height:20px;&:last-child{line-height:12px}}td{&:last-child{text-align:right}}.number{font-family:var(--font-family)}.price-time-container{display:flex;justify-content:flex-end}.close-price{font-size:20px;font-weight:700}.net-change,.net-change-pct{&.negative{color:var(--loss)}&.positive{color:var(--gain)}}.net-change{font-size:var(--medium-font);font-weight:700;padding:0 5px 0 0}.net-change-pct{font-weight:400}.net-change-pct,.timestamp{font-size:var(--small-font)}.timestamp{padding-left:15px}.date{font-size:var(--small-font)}.price-value{font-weight:700}.high-52-week-price,.low-52-week-price,.price-value{font-size:var(--medium-font)}.divider{border-bottom:1px solid #f0f0f0}}.range-container{display:flex;align-items:center;justify-content:space-between;font-size:var(--small-font);position:relative}.price-range{flex:1 1;height:4px;background:linear-gradient(90deg,#146dc8,#d7d7d7,#e01515);position:relative}.current-price-marker{position:absolute;width:4px;height:4px;border:3px solid #000;background-color:#fff;border-radius:50%;top:-2px;transform:translateX(-50%)}.chart-dropdown-container{margin:10px 0}@media (min-width:480px){.chart-dropdown-container{position:absolute;z-index:1}}.chart-dropdown-label{position:absolute;z-index:1;font-size:13px}.chart-dropdown{position:absolute;left:35px;z-index:1}.bar-size-dropdown{.selector{min-width:100px;margin-left:20px}}.historical-data-header{margin:10px 0;display:flex;justify-content:space-between}@media (max-width:480px){.historical-data-header{display:block;.legend-container{margin-top:8px}}}.historical-data-table{display:flex;flex-wrap:wrap;align-items:center;.row{width:100%;display:flex;border-bottom:1px solid #d7d7d7;&:nth-child(odd){background-color:#f5f5f5}}.header{border-top:1px solid #d7d7d7;background-color:#ededed;font-weight:700;font-size:14px}.cell{padding-left:3px;padding-right:3px;box-sizing:border-box;display:block;text-align:center;&.date{width:20%}&.high-low,&.open-close{width:24%}&.change-volume{width:32%}.multi-row-cell{font-size:14px;height:100%;display:flex;justify-content:center;align-items:center;border-right:1px solid #d7d7d7}.sub-cell{width:100%;text-align:right;&.highest{background-color:var(--highest-color)}&.lowest{background-color:var(--lowest-color)}}}}.loading{position:absolute;top:50%;left:50%;display:flex;justify-content:center;.spinner{position:absolute;width:48px;height:48px;border:5px solid #b4b4b4;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}}.error-banner{position:absolute;top:150px;width:100%;z-index:1000;color:#333333;font-weight:700;background:#fbe2e2 0 0 no-repeat padding-box;border-radius:0}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.symbol-details-container{display:block}.symbol-quote-card-container{width:100%;margin-top:0;&.hidden{display:none}}.tabs{padding:0 5px;&.desktop{display:none}&.mobile{display:block}}.summary-tab-view{display:block}.symbol-details-tabs{padding-left:0}}@media (max-width:1079px){.error-banner{position:absolute;top:80px;width:100%;z-index:1000;color:#333333;font-weight:700;background:#fbe2e2 0 0 no-repeat padding-box;border-radius:0}}.simple-error-banner{border-radius:4px;padding:12px 24px;max-width:90%;text-align:center;.simple-error-banner-content{color:#ea3323;font-weight:400;font-size:14px;line-height:1.4}}.chart-simple-error-banner{padding:55px 0}.market-data-panel-container{position:relative;display:flex;flex-direction:column;align-items:flex-start}.quote-simple-error-banner{padding:0 0 8px}@media (max-width:479px){.simple-error-banner{padding:12px 24px}.chart-simple-error-banner{padding-top:3px}.market-data-panel-container{align-items:center}}.highcharts-tooltip{.point-timestamp{border-bottom:1px solid #95a3b5;color:#727c8b;font-weight:700;margin-bottom:2px;padding:1px;text-align:center}.point-value{font-weight:700;text-align:right}}.legend-container{display:flex;justify-content:flex-end}.legend-container-box{display:flex;gap:12px;font-size:12px;border:1px solid #d7d7d7;padding:4px;margin:4px;.legend-item{display:flex;align-items:center;gap:4px}.legend-box{width:12px;height:12px;&.high{background-color:var(--highest-color)}&.low{background-color:var(--lowest-color)}}}.trade-button{background-color:#ffdd3f;color:#000;border:none;border-radius:24px;padding:8px 16px;font-size:14px;font-weight:700;font-family:var(--font-family);cursor:pointer;outline:none;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;min-width:94px;height:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.1)}.floating-trade-button{position:fixed;bottom:20px;right:20px;z-index:1000;transition:opacity .3s ease}@media (min-width:641px){.floating-trade-button{display:none}}.not-found-container{display:flex;justify-content:center;min-height:300px;padding-top:20px}.not-found-message{text-align:center;font-size:var(--title-font);font-weight:700;color:#404040}.low-flag{background-color:#146dc8;padding-top:4px;padding-bottom:4px}.high-flag,.low-flag{font-size:12px;position:relative;color:#ffffff;border-radius:999px;display:block;text-align:center}.high-flag:before,.low-flag:before{content:"";position:absolute;inset:1px;border:1px solid #ffffff;border-radius:inherit;pointer-events:none}.high-flag{background:#ec6363}