.error-screen{width:100%;height:100%;display:flex;justify-content:center}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.error-text{color:#616161;font-size:18px;font-weight:300;line-height:180%;margin:0;white-space:nowrap}.error-text-pc{display:contents}.error-text-sp{display:none}.error-image{width:auto;height:auto;object-fit:contain;flex-shrink:0}.error-image-pc{display:block;margin-bottom:32px}.error-image-sp{display:none}@media (max-width: 834px){.error-image{width:auto;height:auto;flex-shrink:0}.error-image-pc{display:none}.error-image-sp{display:block;margin-bottom:30px}.error-text{color:#616161;font-size:14px;font-weight:300;line-height:22px;margin:0}.error-text-pc{display:none}.error-text-sp{display:contents}}.maintenance-screen{width:100%;height:100%;display:flex;justify-content:center}.maintenance-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column}.maintenance-image{width:auto;height:auto;object-fit:contain;flex-shrink:0}.maintenance-title{color:#111;font-size:20px;font-weight:600;line-height:130%;letter-spacing:-.2px;margin:32px 0 24px}.maintenance-text{color:#616161;font-size:18px;font-weight:300;line-height:180%;margin:0}.maintenance-image-pc{display:block}.maintenance-image-sp{display:none}@media (max-width: 834px){.maintenance-image{width:auto;height:auto;flex-shrink:0}.maintenance-image-pc{display:none}.maintenance-image-sp{display:block}.maintenance-title{color:#111;font-size:18px;font-weight:600;line-height:130%;letter-spacing:-.2px;margin:30px 0 16px}.maintenance-text{color:#616161;font-size:14px;font-weight:300;line-height:22px;margin:0}}.custom-dropdown{position:relative;display:inline-block}.custom-dropdown-button{border:1px solid #DDDDDE;border-radius:3px;font-size:12px;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-weight:300;background-color:#fff;cursor:pointer;transition:border-color .15s ease;display:flex;align-items:center;justify-content:space-between;gap:0;width:100%;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:7px 12px;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.custom-dropdown-button:hover{border-color:#1e5aa8}.custom-dropdown-button:focus{outline:none;border-color:#1e5aa8;box-shadow:0 0 0 2px #1e5aa81a}.custom-dropdown-label{flex:1;text-align:left;color:#1a1e20;line-height:100%;font-weight:300;white-space:nowrap;height:100%}.custom-dropdown-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:15px;height:15px}.custom-dropdown-icon{width:100%;height:100%;object-fit:contain;display:block}.custom-dropdown-button.open .custom-dropdown-arrow{transform:rotate(180deg)}.custom-dropdown-list{position:absolute;top:100%;left:0;margin-top:4px;min-width:120px;width:100%;background-color:#fff;border:1px solid #DDDDDE;border-radius:3px;box-shadow:0 2px 8px #0000001a;z-index:1000;overflow-y:auto;display:flex;flex-direction:column;box-sizing:border-box}.custom-dropdown-item{padding:7px 12px;font-size:12px;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-weight:300;color:#1a1e20;background-color:#fff;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;text-align:left;transition:background-color .15s ease;width:100%;line-height:1;white-space:nowrap;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.custom-dropdown-item:last-child{border-bottom:none}.custom-dropdown-item:hover{background-color:#f8f9fa}.custom-dropdown-item.active{background-color:#e3f2fd;color:#1e5aa8;font-weight:500}@media (max-width: 834px){.custom-dropdown-button{font-size:11px}}.trading-chart-container .app-main{display:flex;flex-direction:column}.trading-chart-container .main-chart .coor-div{display:flex;justify-content:center;align-items:center;height:100%}.trading-chart-container .main-chart .coor-div .coor-div-text{font-size:12px;font-weight:400;width:fit-content;display:flex;overflow:hidden;align-items:center;justify-content:center;font-stretch:condensed;color:#fff;background-color:#696969;padding:1px 3px;font-family:Hiragino Sans,sans-serif}.trading-chart-container .controls{padding:20px;display:-webkit-inline-box;flex-direction:column;gap:15px}.trading-chart-container .chart-controls{display:flex;padding-left:13px;margin-top:8px}.trading-chart-container .realtime-chart-container{border:1px solid #CBCCCD;background-color:#f7f7f7}.trading-chart-container .symbol-selector-container{background-color:#f5f5f5;padding:24px;display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.trading-chart-container .symbol-selector-row{display:flex;gap:8px;flex-wrap:wrap}.trading-chart-container .symbol-selector-button{background-color:#fff;border:1px solid #dddddd;border-radius:30px;padding:8px 16px;height:40px;font-size:14px;font-weight:600;color:#222;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;display:flex;align-items:center;justify-content:center}.trading-chart-container .symbol-selector-button:hover{border-color:#07a682;color:#07a682}.trading-chart-container .symbol-selector-button.active{color:#07a682;border-color:#ddd}.trading-chart-container .symbol-selector-button.active:hover{color:#07a682;border-color:#07a682}.trading-chart-container .realtime-rate-title{width:100%;margin:56px 0}.trading-chart-container .realtime-rate-title h2{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-weight:700;font-size:28px;line-height:1.5;color:#222;margin:0}.trading-chart-container .realtime-chart-title{width:100%;margin:80px 0 12px}.trading-chart-container .realtime-chart-title h2{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-weight:700;font-size:28px;line-height:1.5;color:#222;margin:0}.trading-chart-container .symbol-selector{display:inline-block;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 0 0 20px}.trading-chart-container .symbol-select-field{flex:1;min-width:200px;padding:8px 12px;border:1px solid #e1e8ed;border-radius:4px;font-size:.9rem;background-color:#fff;cursor:pointer;transition:border-color .15s ease}.trading-chart-container .symbol-select-field:focus{outline:none;border-color:#1e5aa8;box-shadow:0 0 0 2px #1e5aa81a}.trading-chart-container .timeframe-select-field{min-width:120px;padding:8px 12px;border:1px solid #e1e8ed;border-radius:4px;font-size:.9rem;background-color:#fff;cursor:pointer;transition:border-color .15s ease}.trading-chart-container .timeframe-select-field:focus{outline:none;border-color:#1e5aa8;box-shadow:0 0 0 2px #1e5aa81a}.trading-chart-container .timeframe-selector{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;margin-right:8px}.trading-chart-container .custom-dropdown-button.timeframe-selector{width:82px!important;height:29px!important;padding-left:9px!important}.trading-chart-container .custom-dropdown-button.chart-type-selector{width:89px!important;height:29px!important;padding-left:9px!important}.trading-chart-container .order-type-selector{display:flex;align-items:center;background-color:#ddddde;border-radius:3px;overflow:hidden}.trading-chart-container .chart-type-select-field{min-width:120px;padding:8px 12px;border:1px solid #e1e8ed;border-radius:4px;font-size:.9rem;background-color:#fff;cursor:pointer;transition:border-color .15s ease}.trading-chart-container .chart-type-select-field:focus{outline:none;border-color:#1e5aa8;box-shadow:0 0 0 2px #1e5aa81a}.trading-chart-container .chart-type-selector{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;margin-right:18px}.trading-chart-container .display-setting-select-field{min-width:120px;padding:8px 12px;border:1px solid #e1e8ed;border-radius:4px;font-size:.9rem;background-color:#fff;cursor:pointer;transition:border-color .15s ease}.trading-chart-container .display-setting-select-field:focus{outline:none;border-color:#1e5aa8;box-shadow:0 0 0 2px #1e5aa81a}.trading-chart-container .order-type-button{padding:8px 14px 8px 15px;border:1px solid #ddddde;border-radius:0;font-size:13px;font-family:Helvetica Neue,Arial,sans-serif;cursor:pointer;transition:all .15s ease;background-color:#f7f7f7;color:#1a1e20;font-weight:400;line-height:1;white-space:nowrap;box-sizing:border-box}.trading-chart-container .order-type-button.bid-button{padding:8px 14px 8px 15px;border-radius:3px 0 0 3px}.trading-chart-container .order-type-button.ask-button{padding:8px 15px 8px 13px;border-radius:0 3px 3px 0}.trading-chart-container .order-type-button:hover{background-color:#f7f7f7}.trading-chart-container .order-type-button.active{background-color:#ddddde;color:#1a1e20;border-color:#ddddde;font-weight:700}.trading-chart-container .order-type-button.active:hover{background-color:#ddddde}.trading-chart-container .order-type-divider{width:1px;height:100%;background-color:#ddddde;flex-shrink:0}.trading-chart-container .selector-label{font-weight:600;color:#333;margin-right:10px}.trading-chart-container .btn{padding:10px 20px;margin:0 6px;border:1px solid #e1e8ed;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .15s ease;background-color:#fff;color:#333}.trading-chart-container .btn-primary{background-color:#1e5aa8;color:#fff;border-color:#1e5aa8}.trading-chart-container .btn-primary:hover{background-color:#174a96;border-color:#174a96}.trading-chart-container .btn-secondary{background-color:#fff;color:#333;border-color:#e1e8ed}.trading-chart-container .btn-secondary:hover{background-color:#f8f9fa;border-color:#d1d9e0}.trading-chart-container .chart-container{width:100%;position:relative}.trading-chart-container .last-update-time{font-size:14px;padding:0 0 0 20px}.trading-chart-container .update-time-container{width:100%}.trading-chart-container .update-time-content{width:100%;margin-bottom:56px}.trading-chart-container .update-time-text{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-weight:300;font-size:18px;line-height:1.5;color:#616161;margin:0;width:100%}.trading-chart-container .ma-legend-container{display:flex;gap:8px;align-items:flex-start;padding-left:13px;margin-top:8px}.trading-chart-container .ma-legend-item{display:flex;gap:5px;align-items:center;flex-shrink:0}.trading-chart-container .ma-legend-indicator{width:6px;height:6px;flex-shrink:0}.trading-chart-container .ma-legend-indicator-ma1{background-color:#cf1714}.trading-chart-container .ma-legend-indicator-ma2{background-color:#7ccaad}.trading-chart-container .ma-legend-indicator-ma3{background-color:#c6c42e}.trading-chart-container .ma-legend-label{font-family:Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:10px;line-height:1;color:#1a1e20;margin:0;white-space:nowrap;flex-shrink:0}.trading-chart-container .display-data{display:flex;margin:20px}.trading-chart-container .display-data-item{font-size:14px;margin-right:10px}.trading-chart-container .rate-info-container{border:1px solid #e4e4e4;border-radius:8px;padding:0 60px;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.trading-chart-container .rate-info-top-row{border-bottom:1px solid #eeeeee;display:flex;align-items:center;justify-content:space-between;padding:55px 50px;gap:0}.trading-chart-container .rate-info-item{flex:1;display:flex;flex-direction:column;gap:30px;align-items:center;min-width:0}.trading-chart-container .rate-info-label{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-weight:300;font-size:20px;color:#000;margin:0;text-align:center;white-space:nowrap}.trading-chart-container .rate-info-value-wrapper{display:flex;gap:7px;align-items:flex-start;max-width:100%;min-width:0}.trading-chart-container .rate-arrow-icon-container{width:12px;height:8.4px;flex-shrink:0;display:block}.trading-chart-container .rate-arrow-icon{width:12px;height:8.4px;flex-shrink:0;display:block;object-fit:contain}.trading-chart-container .rate-info-value{font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:50px;line-height:50px;margin:0;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-width:0;flex-shrink:1;max-width:100%}.trading-chart-container .rate-info-value-bidask{color:#111}.trading-chart-container .rate-info-value-black{color:#111;font-weight:400}.trading-chart-container .rate-info-value-up{color:#e24d65!important}.trading-chart-container .rate-info-value-down{color:#37a4ff!important}.trading-chart-container .rate-info-bottom-row{display:flex;align-items:center;justify-content:space-between;padding:50px 0;gap:0}.trading-chart-container .rate-info-bottom-item{display:flex;gap:20px;align-items:flex-end;white-space:nowrap;min-width:0}.trading-chart-container .rate-info-bottom-label{display:flex;flex-direction:column;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-weight:300;font-size:18px;color:#000;line-height:normal;text-align:left;align-items:flex-start;white-space:nowrap}.trading-chart-container .rate-info-bottom-label p{margin:0;padding:0;position:relative;flex-shrink:0}.trading-chart-container .rate-info-bottom-label-pc{display:block}.trading-chart-container .rate-info-bottom-label-mobile{display:none}.trading-chart-container .rate-info-bottom-value{font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:34px;line-height:50px;color:#111;margin:0;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%}.trading-chart-container .rate-info-change-value{color:#111;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.trading-chart-container .rate-info-change-value-positive{color:#e24d65!important}.trading-chart-container .rate-info-change-value-negative{color:#37a4ff!important}.trading-chart-container .rate-info-change-value-zero{color:#111!important}.trading-chart-container .rate-info-change-separator,.trading-chart-container .rate-info-change-ratio{color:#111}.trading-chart-container .rate-info-change-ratio-positive{color:#e24d65!important}.trading-chart-container .rate-info-change-ratio-negative{color:#37a4ff!important}.trading-chart-container .rate-info-change-ratio-zero{color:#111!important}.trading-chart-container .late-container{background:#ffffff;padding:20px;border-radius:6px;border:1px solid #e1e8ed;box-shadow:0 1px 3px #00000014}.trading-chart-container .market-data-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.trading-chart-container .market-data-item{display:flex;flex-direction:column;align-items:center;min-width:80px;padding:8px 12px;background-color:#f8f9fa;border-radius:4px;border:1px solid #e1e8ed}.trading-chart-container .market-data-label{font-size:12px;font-weight:600;color:#666;margin-bottom:4px;text-align:center}.trading-chart-container .market-data-value{font-size:14px;font-weight:700;color:#333;text-align:center}@media (max-width: 834px){.trading-chart-container .chart-container{height:200px}.trading-chart-container .btn{padding:8px 12px;font-size:.8rem;margin:2px}.trading-chart-container .timeframe-selector{margin-right:7.3px}.trading-chart-container .selector-label{margin-right:6px;font-size:.9rem}.trading-chart-container .symbol-selector-container{background-color:#f5f5f5;padding:16px;gap:8px}.trading-chart-container .symbol-selector-row.index{gap:8px;flex-wrap:wrap;max-width:260px}.trading-chart-container .symbol-selector-row.commodity{gap:8px;flex-wrap:wrap;max-width:375px}.trading-chart-container .symbol-selector-button{background-color:#fff;border:1px solid #dddddd;border-radius:30px;padding:8px 16px;height:auto;min-height:auto;font-size:12px;font-weight:600;color:#222;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.5;white-space:nowrap}.trading-chart-container .symbol-selector-button.active{color:#07a682;border-color:#ddd}.trading-chart-container .symbol-selector-button:hover{border-color:#07a682;color:#07a682}.trading-chart-container .symbol-selector-button.active:hover{color:#07a682;border-color:#07a682}.trading-chart-container .symbol-selector{flex-direction:column;align-items:stretch}.trading-chart-container .symbol-select-field,.trading-chart-container .timeframe-select-field{min-width:auto}.timeframe-select-field,::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}.wrapper{display:flex;gap:64px}.text-emphasis{color:#cf256d}.styled{width:200px;height:48px;padding:8px 16px;border-color:#cf256d}.styled:hover{background-color:color-mix(in srgb,#cf256d 10%,transparent)}.styled::picker(select){border-color:#cf256d;border-radius:8px;margin:8px 0;box-shadow:4px 4px #ff67b3;transition:scale .2s}.styled::picker(select):hover{scale:1.05}.styled>option{padding:16px 8px}.styled>option:hover{background-color:color-mix(in srgb,#cf256d 10%,transparent)}.styled>option:checked{color:#cf256d}.trading-chart-container .order-type-selector{margin-left:10px}.trading-chart-container .order-type-button{padding:6px 12px;font-size:13px;min-width:50px}.trading-chart-container .last-update-time,.trading-chart-container .display-data-item{font-size:10px}.trading-chart-container .late-container{padding:15px}.trading-chart-container .market-data-row{gap:10px}.trading-chart-container .market-data-item{min-width:60px;padding:6px 8px}.trading-chart-container .market-data-label{font-size:10px}.trading-chart-container .market-data-value{font-size:12px}.trading-chart-container .rate-info-container{background-color:#f5f5f5;border:1px solid #e4e4e4;border-radius:4px;padding:0 16px}.trading-chart-container .rate-info-top-row{border-bottom:1px solid #eeeeee;border-top:none;border-left:none;border-right:none;padding:32px 0;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}.trading-chart-container .rate-info-item{flex:1;width:auto;gap:10px;min-width:0}.trading-chart-container .rate-info-value{font-size:24px;line-height:normal;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-width:0;flex-shrink:1;max-width:100%}.trading-chart-container .rate-info-label{font-size:14px;font-weight:300}.trading-chart-container .rate-info-value-wrapper{gap:0;align-items:top;max-width:100%;min-width:0}.trading-chart-container .rate-arrow-icon-container,.trading-chart-container .rate-arrow-icon{width:7px;height:4.9px}.trading-chart-container .rate-info-bottom-row{padding:32px 0;flex-direction:row;gap:30px;align-items:stretch;justify-content:center}.trading-chart-container .rate-info-bottom-item{flex:1;width:auto;gap:12px;align-items:center;justify-content:flex-start;flex-direction:column;min-width:0;display:flex}.trading-chart-container .rate-info-bottom-item-change{order:2}.trading-chart-container .rate-info-bottom-item-high{order:1}.trading-chart-container .rate-info-bottom-item-low{order:3}.trading-chart-container .rate-info-bottom-value{font-size:20px;line-height:normal;text-align:center;display:flex;flex-direction:column;align-items:center;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%;margin-top:auto;margin-bottom:auto}.trading-chart-container .rate-info-bottom-item-change .rate-info-bottom-value{flex-direction:column}.trading-chart-container .rate-info-bottom-item-change .rate-info-change-value{display:block;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-width:0;max-width:100%}.trading-chart-container .rate-info-bottom-item-change .rate-info-change-separator{display:none}.trading-chart-container .rate-info-bottom-item-change .rate-info-change-ratio{display:block;white-space:nowrap}.trading-chart-container .rate-info-bottom-item-change .rate-info-change-ratio:before{content:"/ ";color:#111}.trading-chart-container .rate-info-bottom-label{font-size:14px;font-weight:300;text-align:center;align-items:center;flex-shrink:0}.trading-chart-container .rate-info-bottom-label p{margin:0}.trading-chart-container .rate-info-bottom-label-pc{display:none}.trading-chart-container .rate-info-bottom-label-mobile{display:block}.trading-chart-container .update-time-container{margin-top:8px}.trading-chart-container .update-time-content{height:auto;margin-bottom:24px}.trading-chart-container .update-time-text{font-size:10px}.trading-chart-container .realtime-rate-title h2{font-size:20px}.trading-chart-container .realtime-rate-title{margin:32px 0 24px}.trading-chart-container .realtime-chart-title h2{font-size:20px}.trading-chart-container .realtime-chart-title{margin:32px 0 0}.trading-chart-container .chart-type-selector{margin-right:6.5px}}.trading-chart-container .chart-note-container{width:100%;margin-top:10px}.trading-chart-container .chart-note-text{font-family:Hiragino Sans;font-weight:300;font-size:13px;line-height:1.8;color:#616161;margin:0;width:100%}@media (max-width: 834px){.trading-chart-container .chart-note-text{font-size:10px;line-height:1.6}}.rate-screen-container .rate-section.stock-index-section{padding-top:56px!important}.rate-screen-container .rate-section.commodity-section{padding-top:117px!important}.rate-screen-container .section-header{margin-bottom:56px!important}.rate-screen-container .section-header h2{margin:0!important;font-weight:700!important;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,sans-serif!important;font-size:28px!important;color:#222!important;line-height:1.5!important;padding-bottom:0!important}.rate-screen-container .stock-table-container{width:100%!important;overflow-x:auto!important;margin:0!important}.rate-screen-container .stock-table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;background-color:#fff!important;border-radius:4px!important;overflow:hidden!important}.rate-screen-container .stock-table.stock-index-table{display:block!important;overflow:clip!important}.rate-screen-container .stock-table.stock-index-table thead{display:table!important;width:100%!important;table-layout:fixed!important}.rate-screen-container .stock-table.stock-index-table tbody{display:block!important;height:calc(100% - 57px)!important;overflow-y:auto!important}.rate-screen-container .stock-table.stock-index-table tbody tr{display:table!important;width:100%!important;table-layout:fixed!important}.rate-screen-container .stock-table thead{background-color:#fafafa!important;border-top:1px solid #eeeeee!important}.rate-screen-container .stock-table .table-header-row{height:57px!important;background-color:#fafafa!important}.rate-screen-container .stock-table th.header-cell{text-align:center!important;font-weight:300!important;font-family:Hiragino Kaku Gothic Pro,Hiragino Kaku Gothic ProN,Hiragino Sans,sans-serif!important;color:#000!important;border-bottom:none!important;line-height:1.3!important;white-space:nowrap!important}.rate-screen-container .stock-table th.header-cell.symbol-header{width:194px!important;min-width:194px!important}.rate-screen-container .stock-table th.header-cell.commodity-symbol-header{width:104px!important;min-width:104px!important}.rate-screen-container .stock-table th.header-cell.spread-header{width:120px!important;min-width:120px!important}.rate-screen-container .stock-table th.header-cell.change-header{width:190px!important;min-width:190px!important}.rate-screen-container .stock-table th.header-cell.margin-header{width:120px!important;min-width:120px!important}.rate-screen-container .stock-table .table-data-row{height:64px!important;background-color:#fff!important;border-top:1px solid #eeeeee!important}.rate-screen-container .stock-table .table-data-row:last-child{border-bottom:1px solid #eeeeee!important}.rate-screen-container .stock-table td{padding:10px 20px!important;border-bottom:none!important;vertical-align:middle!important}.rate-screen-container .stock-table tbody tr:hover{background-color:#fff!important}.rate-screen-container .symbol-cell{width:202px!important;min-width:202px!important;text-align:center!important;cursor:pointer!important;padding:20px!important}.rate-screen-container .symbol-cell.commodity-symbol-cell{width:104px!important;min-width:104px!important}.rate-screen-container .symbol-cell .symbol-content{display:flex!important;gap:10px!important;align-items:center!important}.rate-screen-container .symbol-cell .symbol-icon{width:21.54px!important;height:21.54px!important;flex-shrink:0!important;position:relative!important}.rate-screen-container .symbol-cell .symbol-name{font-weight:600!important;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,sans-serif!important;color:#000!important;line-height:normal!important;white-space:nowrap!important}.rate-screen-container .clickable-symbol{cursor:pointer!important;color:#007bff!important;text-decoration:none!important;transition:all .2s ease!important}.rate-screen-container .clickable-symbol:hover{color:#0056b3!important;text-decoration:underline!important;background-color:#f8f9fa!important}.rate-screen-container .clickable-symbol:active{color:#004085!important;transform:translateY(1px)!important}.rate-screen-container .price-cell{text-align:center!important;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,sans-serif!important;font-weight:600!important;line-height:normal!important;color:#333!important;white-space:nowrap!important;padding:10px 20px!important}.rate-screen-container .price-cell.bid-price{color:#000!important}.rate-screen-container .price-cell.bid-price.bid-price-up{color:#e24d65!important}.rate-screen-container .price-cell.bid-price.bid-price-down{color:#178df8!important}.rate-screen-container .price-cell.ask-price{color:#000!important}.rate-screen-container .price-cell.ask-price.ask-price-up{color:#e24d65!important}.rate-screen-container .price-cell.ask-price.ask-price-down{color:#178df8!important}.rate-screen-container .spread-cell{text-align:center!important;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,sans-serif!important;font-weight:600!important;line-height:normal!important;color:#000!important;white-space:nowrap!important;width:120px!important;min-width:120px!important;padding:10px 20px!important}.rate-screen-container .change-cell{text-align:center!important;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,sans-serif!important;font-weight:600!important;line-height:normal!important;white-space:nowrap!important;width:190px!important;min-width:190px!important;padding:10px 20px!important}.rate-screen-container .change-cell .change-value-positive{color:#e24d65!important}.rate-screen-container .change-cell .change-value-negative{color:#178df8!important}.rate-screen-container .change-cell .change-value-zero{color:#111!important}.rate-screen-container .change-cell .change-ratio-positive{color:#e24d65!important}.rate-screen-container .change-cell .change-ratio-negative{color:#178df8!important}.rate-screen-container .change-cell .change-ratio-zero{color:#111!important}.rate-screen-container .change-cell.positive,.rate-screen-container .change-cell.negative{color:#000!important}.rate-screen-container .change-percent-cell{text-align:right!important;font-family:Courier New,monospace!important;font-weight:600!important;min-width:90px!important}.rate-screen-container .change-percent-cell.positive{color:#dc3545!important}.rate-screen-container .change-percent-cell.negative{color:#28a745!important}.rate-screen-container .margin-cell{text-align:center!important;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,sans-serif!important;font-weight:600!important;line-height:normal!important;color:#000!important;white-space:nowrap!important;width:120px!important;min-width:120px!important;padding:10px 20px!important}.rate-screen-container .stock-table th.header-cell.bid-header,.rate-screen-container .stock-table th.header-cell.ask-header,.rate-screen-container .stock-table th.header-cell.prev-close-header,.rate-screen-container .stock-table th.header-cell.high-header,.rate-screen-container .stock-table th.header-cell.low-header{text-align:center!important}.rate-screen-container .disclaimer{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,sans-serif!important;font-weight:300!important;font-size:14px!important;line-height:1.8!important;color:#616161!important;text-align:left!important;margin-top:20px!important;margin-bottom:0!important;padding:0!important}.rate-screen-container .disclaimer .disclaimer-link{color:#616161!important;text-decoration-line:underline!important;text-decoration-style:solid!important;text-decoration-skip-ink:none!important;text-decoration-thickness:auto!important;text-underline-offset:auto!important;text-underline-position:from-font!important}@media (max-width: 1120px) and (min-width: 835px){.rate-screen-container .stock-table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.rate-screen-container .stock-table{width:max-content!important;min-width:100%!important;table-layout:auto!important}.rate-screen-container .stock-table.stock-index-table{display:table!important;overflow:visible!important}.rate-screen-container .stock-table.stock-index-table thead{display:table-header-group!important;width:auto!important;table-layout:auto!important}.rate-screen-container .stock-table.stock-index-table tbody{display:table-row-group!important;height:auto!important;overflow:visible!important}.rate-screen-container .stock-table.stock-index-table tbody tr{display:table-row!important;width:auto!important;table-layout:auto!important}.rate-screen-container .stock-table-container::-webkit-scrollbar{height:7px!important}.rate-screen-container .stock-table-container::-webkit-scrollbar-track{background:transparent!important}.rate-screen-container .stock-table-container::-webkit-scrollbar-thumb{background:#d9d9d9!important;border-radius:30px!important}.rate-screen-container .stock-table-container{scrollbar-width:thin!important;scrollbar-color:#d9d9d9 transparent!important}}@media (max-width: 834px){.rate-screen-container .stock-table .table-header-row{height:36px!important}.rate-screen-container .rate-section.stock-index-section,.rate-screen-container .rate-section.commodity-section{padding-top:32px!important}.rate-screen-container .section-header{margin-bottom:24px!important;padding-top:0!important}.rate-screen-container .section-header h2{font-size:20px!important;line-height:1.5!important}.rate-screen-container .stock-table-container{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;position:relative!important;padding-bottom:12px!important}.rate-screen-container .stock-table-container::-webkit-scrollbar{height:7px!important}.rate-screen-container .stock-table-container::-webkit-scrollbar-track{background:transparent!important}.rate-screen-container .stock-table-container::-webkit-scrollbar-thumb{background:#d9d9d9!important;border-radius:30px!important}.rate-screen-container .stock-table-container{scrollbar-width:thin!important;scrollbar-color:#d9d9d9 transparent!important}.rate-screen-container .stock-table{display:table!important;table-layout:fixed!important;width:max-content!important;min-width:100%!important;border-radius:4px!important;margin-bottom:5px!important}.rate-screen-container .stock-table.stock-index-table{display:table!important;height:auto!important;overflow:visible!important}.rate-screen-container .stock-table.stock-index-table thead{display:table-header-group!important;width:auto!important}.rate-screen-container .stock-table.stock-index-table tbody{display:table-row-group!important;height:auto!important;overflow:visible!important}.rate-screen-container .stock-table.stock-index-table tbody tr{display:table-row!important;width:auto!important}.rate-screen-container .stock-table th.header-cell{padding:10px 20px!important;font-size:12px!important;font-weight:300!important;font-family:Hiragino Kaku Gothic Pro,Hiragino Kaku Gothic ProN,Hiragino Sans,sans-serif!important;line-height:1.3!important}.rate-screen-container .stock-index-table th.header-cell.symbol-header{width:169px!important;min-width:169px!important}.rate-screen-container .stock-index-table th.header-cell.bid-header{width:99px!important;min-width:99px!important}.rate-screen-container .stock-index-table th.header-cell.spread-header{width:auto!important;min-width:auto!important}.rate-screen-container .stock-index-table th.header-cell.ask-header{width:100px!important;min-width:100px!important}.rate-screen-container .stock-index-table th.header-cell.change-header{width:137px!important;min-width:137px!important}.rate-screen-container .stock-index-table th.header-cell.high-header{width:95px!important;min-width:95px!important}.rate-screen-container .stock-index-table th.header-cell.low-header{width:97px!important;min-width:97px!important}.rate-screen-container .stock-index-table th.header-cell.margin-header{width:120px!important;min-width:120px!important}.rate-screen-container .stock-table.commodity-table{overflow:visible!important}.rate-screen-container .commodity-table th.header-cell.commodity-symbol-header{width:88px!important;min-width:88px!important}.rate-screen-container .commodity-table th.header-cell.bid-header{width:99px!important;min-width:99px!important}.rate-screen-container .commodity-table th.header-cell.spread-header{width:auto!important;min-width:auto!important}.rate-screen-container .commodity-table th.header-cell.ask-header{width:100px!important;min-width:100px!important}.rate-screen-container .commodity-table th.header-cell.change-header{width:137px!important;min-width:137px!important}.rate-screen-container .commodity-table th.header-cell.high-header{width:95px!important;min-width:95px!important}.rate-screen-container .commodity-table th.header-cell.low-header{width:97px!important;min-width:97px!important}.rate-screen-container .commodity-table th.header-cell.margin-header{width:120px!important;min-width:120px!important}.rate-screen-container .stock-table .table-data-row{height:auto!important}.rate-screen-container .stock-table .table-data-row:last-child{border-bottom:1px solid #e3e3e3!important}.rate-screen-container .stock-table td{padding:16px 20px!important;font-size:12px!important}.rate-screen-container .stock-index-table .symbol-cell{width:169px!important;min-width:169px!important;padding:16px 20px!important}.rate-screen-container .commodity-table .symbol-cell.commodity-symbol-cell{width:88px!important;min-width:88px!important;padding:16px 20px!important}.rate-screen-container .symbol-cell .symbol-icon{width:21.54px!important;height:21.54px!important}.rate-screen-container .symbol-cell .symbol-name{font-size:12px!important}.rate-screen-container .price-cell{font-size:12px!important;padding:16px 20px!important}.rate-screen-container .stock-index-table .price-cell.bid-price,.rate-screen-container .stock-index-table .price-cell.ask-price,.rate-screen-container .commodity-table .price-cell.bid-price,.rate-screen-container .commodity-table .price-cell.ask-price{width:auto!important;min-width:auto!important}.rate-screen-container .spread-cell{font-size:12px!important;padding:16px 20px!important;width:auto!important;min-width:auto!important}.rate-screen-container .change-cell{font-size:12px!important;padding:16px 20px!important;width:137px!important;min-width:137px!important}.rate-screen-container .margin-cell{font-size:12px!important;padding:16px 20px!important;width:120px!important;min-width:120px!important}.rate-screen-container .disclaimer{font-size:10px!important;line-height:1.6!important;text-align:left!important;max-width:100%!important;margin-top:10px!important;color:#616161!important}}.interest-rate-view-container{width:100%;height:100%;font-family:Hiragino Sans,sans-serif}.interest-rate-view-container .interest-rate-main{max-width:640px;margin:0 auto;display:flex;flex-direction:column}.interest-rate-view-container .header-section{text-align:center;display:flex;flex-direction:column;gap:12px}.interest-rate-view-container .update-time{font-size:16px;font-weight:300;color:#616161;margin:0;line-height:1.3}.interest-rate-view-container .tab-container{display:flex;justify-content:center;padding:56px 0 32px}.interest-rate-view-container .tab-wrapper{display:flex;border:1px solid #f0f0f0;border-radius:0;overflow:hidden;width:639px;margin:0 auto}.interest-rate-view-container .tab-button{width:213px;height:45px;border:none;background:#ffffff;font-size:14px;font-weight:600;color:#999;cursor:pointer;border-right:1px solid #e8e8e8;transition:all .2s ease;padding:14px 0;white-space:nowrap;border-bottom:2px solid #E7E7E7;line-height:120%}.interest-rate-view-container .tab-button:last-child{border-right:none}.interest-rate-view-container .tab-button.active{border-bottom:3px solid #07a682}.interest-rate-view-container .table-container{border-radius:0;overflow:hidden;padding-bottom:56px}.interest-rate-view-container .interest-rate-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.interest-rate-view-container .interest-rate-table th,.interest-rate-view-container .interest-rate-table td{border:1px solid #f0f0f0;border-right:1px solid #BBBBBB;text-align:center;vertical-align:middle;word-break:break-all}.interest-rate-view-container .symbol-header{width:240px;height:40px;background:#eeeeee;font-weight:600;color:#525252;text-align:center;padding:10px;line-height:13px}.interest-rate-view-container .date-header{background:#eeeeee;font-weight:600;color:#525252;text-align:center;border-right:1px solid #f0f0f0!important;padding:10px;line-height:120%}.interest-rate-view-container .spacer{width:1px;padding:0;border:1px solid #ffffff!important}.interest-rate-view-container .sub-header{background:white;padding:0;border-right:1px solid #f0f0f0!important}.interest-rate-view-container .sub-header-row{display:flex;height:41px;align-items:center}.interest-rate-view-container .sub-header-row span{flex:1 0 0;text-align:center;font-weight:300;color:#777;border-right:1px solid #f0f0f0;line-height:120%;align-items:center;align-self:center;height:100%}.interest-rate-view-container .sub-header-row span:last-child{border-right:1px solid #ffffff}.interest-rate-view-container .sub-header-row span.days{padding-top:6.5px}.interest-rate-view-container .sub-header-row span.buysell{padding-top:13.5px}.interest-rate-view-container .symbol-cell{font-weight:600;color:#525252;text-align:center;background:white;padding:14px;line-height:13px}.interest-rate-view-container .rate-cell{padding:0;background:white;border-right:1px solid #f0f0f0!important}.interest-rate-view-container .rate-row{display:flex;align-items:center;height:41px}.interest-rate-view-container .rate-row span{flex:1;text-align:center;border-right:1px solid #f0f0f0;padding-top:14px;font-weight:600;height:100%;line-height:13px}.interest-rate-view-container .rate-row span:last-child{border-right:1px solid #ffffff}.interest-rate-view-container .days{color:#525252;line-height:120%}.interest-rate-view-container .buy-rate{color:#4aabff;padding:14px 0;align-items:center;display:flex;justify-content:center}.interest-rate-view-container .sell-rate{color:#e84d66;padding:14px 0;align-items:center;display:flex;justify-content:center}.interest-rate-view-container .buy-rate.unpublished,.interest-rate-view-container .sell-rate.unpublished{color:#b5b5b6;font-weight:400;line-height:120%}.interest-rate-view-container .disclaimer{text-align:left;font-size:14px;font-weight:300;color:#616161;line-height:180%;max-width:600px;margin-left:20px}.interest-rate-view-container .disclaimer p{margin:0}.interest-rate-view-container .disclaimer .disclaimer-link{color:#616161!important;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.interest-rate-view-container .no-data-message{text-align:center;color:#999;font-size:14px;margin:20px 0}@media (max-width: 834px){.interest-rate-view-container .interest-rate-main{max-width:343px;margin:0 auto}.interest-rate-view-container .header-section{gap:12px}.interest-rate-view-container .update-time{font-size:12px;line-height:normal}.interest-rate-view-container .tab-container{padding:32px 0;justify-content:flex-start}.interest-rate-view-container .tab-wrapper{width:343px}.interest-rate-view-container .tab-button{width:114px;height:45px}.interest-rate-view-container .table-container{width:343px;overflow:visible;padding-bottom:32px}.interest-rate-view-container .interest-rate-table{width:343px;min-width:auto}.interest-rate-view-container .symbol-header{width:114px;font-size:10px}.interest-rate-view-container .date-header{width:113.7px;font-size:10px}.interest-rate-view-container .symbol-cell{padding:10px 5px;font-size:10px}.interest-rate-view-container .rate-cell{width:50%}.interest-rate-view-container .rate-row span{font-size:10px}.interest-rate-view-container .rate-row span.days{font-size:10px;line-height:120%;padding-top:14.5px}.interest-rate-view-container .buy-rate.unpublished,.interest-rate-view-container .sell-rate.unpublished{font-size:10px;padding-top:14.5px}.interest-rate-view-container .disclaimer{font-size:14px;line-height:1.8;text-align:left;max-width:343px;margin-left:0}.interest-rate-view-container .sub-header-row span{font-size:10px}.interest-rate-view-container .sub-header-row span.days{padding-top:6.5px}.interest-rate-view-container .sub-header-row span.buysell{padding-top:14.5px}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Hiragino Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app-container{width:100%;overflow:hidden;box-sizing:border-box}
