/* 
---------------------------------------------
custom properties (variables)
---------------------------------------------*/

:root {
    /* bg */
    --idx-bg-gradient-blue: linear-gradient(90deg, rgba(0, 62, 112, .85), rgba(0, 62, 112, 1));
    --idx-bg-gradient-blue: linear-gradient(30deg, rgba(0, 62, 112, 1), rgba(0, 62, 112, .85));


    /* radius */
    --idx-radius-primary: 4px;
    --idx-opacity-hover: .75;

    /* weight */
    --idx-weight-heading: 600;
    --idx-weight-nav: 500;
    --idx-weight-label: 600;

    /* size */
    --idx-main-area-max-width: 1080px;
    --idx-main-area-article-width: 880px;
}

/* 
---------------------------------------------
Fontfamily
---------------------------------------------*/

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Noto Sans", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
@media (min-width: 1400px) and (min-height: 800px) {
    html {
        /*font-size: 18px;*/
    }
}
/* 
---------------------------------------------
common anination
---------------------------------------------*/

@keyframes idx-open-anination {
    0%{
        opacity: .5;
        margin-top: -.3rem;
    }
    100%{
        opacity: 1;
        margin-top: 0;
    }
}

/*
=============================================
Top page
=============================================*/

/* 
---------------------------------------------
Hero image (.idx-hero )
---------------------------------------------*/

.idx-hero {
    padding-top: 1.5rem;
}

.idx-hero .title .name {
    font-weight: var(--idx-weight-heading);
}
.idx-hero .title .date {
    opacity: .5;
}
.idx-hero .value .current {
    font-size: 3.25rem;
    font-weight: var(--idx-weight-heading);
}
.idx-hero .value .daily-change {
    font-weight: var(--idx-weight-heading);
    text-align: right;
    line-height: 1;
}
.idx-hero .value .daily-change .change {
    display: inline-block;
}
.idx-hero .value .daily-change .range {
    background-color: var(--kite-white);
    border-radius: var(--idx-radius-primary);
    color: var(--kite-brand);
    display: inline-block;
    font-weight: var(--idx-weight-heading);
    margin-left: .5rem;
    padding: .25rem .25rem .25rem .5rem;
}
.idx-hero .value .daily-change .range::after {
    content: "";
    display: inline-block;
    font-family: bootstrap-icons !important;
}
.idx-hero .value .daily-change.up .range::after {
    content: "\F148";
}
.idx-hero .value .daily-change.down .range::after {
    content: "\F128";
}
.idx-hero .detail .detail-link {
    color: var(--kite-white);
}

@media (max-width: 767px) {
    .idx-hero {
        padding-bottom: 0;
    }
    .idx-hero > div {
        display: flex;
        flex-direction: column;
    }
    .idx-hero .title .name {
        display: inline-block;
        font-size: 1.125rem;
    }
    .idx-hero .title .date {
        display: inline-block;
        font-size: .75rem;
        margin-left: .5rem;
    }
    .idx-hero .value {
        display: inline-block;
        margin: 0  auto;
        margin-bottom: 1.5rem;
    }
    .idx-hero .value .daily-change {
        font-size: .875rem;
    }
    .idx-hero .detail {
        display: flex;
        justify-content: space-between;
        list-style: none;
        margin-bottom: 0;
        padding: 0;
    }
    .idx-hero .detail .detail-item {
        width: 100%;
    }
    .idx-hero .detail .detail-link {
        color: var(--kite-white);
        display: block;
        font-size: 0.75rem;
        opacity: .75;
        padding: .25rem 0 .75rem 0;
        text-align: center;
    }
    .idx-hero .detail .detail-item + .detail-item {
        border-left: 1px solid rgba(255,255,255, .5);
    }
}
@media (min-width: 576px) {
    .idx-hero .value .current {
        font-size: 4rem;
    }
}
@media (min-width: 768px) {
    .idx-hero {
        padding: 1.5rem 0 2rem 0;
    }
    .idx-hero > div {
        align-items: start;
        display: flex;
        margin-top: 1.5rem;
    }
    .idx-hero .title {
        margin-top: .5rem;
    }
    .idx-hero .title .name {
        font-size: 1.5rem;
    }
    .idx-hero .title .date {
        font-size: .875rem;
    }
    .idx-hero .value {
        margin: 0 auto;
    }
    .idx-hero .value .current {
        display: block;
        font-size: 4.5rem;
        font-weight: var(--idx-weight-heading);
        line-height: 1;
    }
    .idx-hero .value .daily-change {
        margin-top: 1.5rem;
        font-size: 1.25rem;
    }
    .idx-hero .detail {
        list-style: none;
        margin-top: -.5rem;
        padding: 0;
    }
    .idx-hero .detail .detail-item{
        border-bottom: 1px dotted rgba(255, 255, 255, 0.25);
        position: relative;
    }
    .idx-hero .detail .detail-link{
        display: block;
        opacity: .75;
        padding: .5rem 3rem .5rem 0.25rem;
    }
    .idx-hero .detail .detail-link::after {
        color: var(--kite-white);
        content: "\F285";
        display: inline-block;
        font-family: bootstrap-icons !important;
        position: absolute;
        right: 0;
    }
}
@media (min-width: 992px) {
    .idx-hero {
        padding: 2.5rem 0 3rem 0;
    }
    .idx-hero .title .name {
        font-size: calc(1.5rem + 8 * ((100vw - 992px) / 208));
    }
    .idx-hero .value .current {
        font-size: calc(4.5rem + 8 * ((100vw - 992px) / 208));
    }
    .idx-hero .detail {
        margin-top: 0;
    }
}
@media (min-width: 1200px) {
    .idx-hero {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media (min-width: 1400px) {

    .idx-hero .title .name {
        font-size: 2.5rem
    }
    .idx-hero .value .current {
        font-size: calc(4.5rem + 8 * ((100vw - 992px) / 208));
    }
}

/*
Topic
---------------------------------------------*/
.idx-topic {
    background-color: var(--kite-white);
    padding: 0;
    margin-bottom: .75rem;
}
.idx-topic .topic-item {
    border-bottom: 1px dotted var(--kite-border-primary);
    padding: 1rem 1.5rem 1rem 0;
    position: relative;
}
.idx-topic .topic-item::after {
    content: "\F285";
    display: inline-block;
    font-family: bootstrap-icons !important;
    opacity: .5;
    position: absolute;
    right: 0;
    bottom: calc(50% - 1rem);
}
.idx-topic .topic-title {
    font-size: 0.875rem;
    font-weight: var(--idx-weight-heading);
    margin-bottom: .5rem;
}
.idx-topic .topic-content p{
    line-height: 1.5;
    margin-bottom: 0;
}
.idx-topic .topic-content.topic-type-index .tpoix-link > * {
    vertical-align: bottom;
}
.idx-topic .topic-content.topic-type-index .value {
    display: inline-block;
    font-size: 1.125rem;
    margin-right: .5rem;
}
.idx-topic .topic-content .tpoix-link {
    color: var(--kite-text-primary);
    display: block;
}
.idx-topic .topic-content .tpoix-link:hover,
.idx-topic .topic-content .tpoix-link:active {
    color: var(--kite-text-primary);
}
.idx-topic .topic-content.topic-type-index .tpoix-link:hover,
.idx-topic .topic-content.topic-type-index .tpoix-link:active {
    text-decoration: none;
}
.idx-topic .topic-content.topic-type-index .date {
    display: inline-block;
    font-size: .75rem;
    margin-top: .25rem;
    opacity: .5;
    padding: .25rem 0 .25rem 0;
}

.idx-topic .topic-content.topic-type-index .range {
    background-color: var(--kite-bg-gray);
    border-radius: var(--idx-radius-primary);
    display: inline-block;
    font-size: .75rem;
    margin-right: .5rem;
    padding: .25rem .25rem .25rem .5rem;
}
.idx-topic .topic-content.topic-type-index .range.up {
    background-color: var(--kite-bg-up);
    color: var(--kite-up);
}
.idx-topic .topic-content.topic-type-index .range.down {
    background-color: var(--kite-bg-down);
}
.idx-topic .topic-content.topic-type-index .range.up::after {
    content: "\F148";
    display: inline-block;
    font-family: bootstrap-icons !important;
}
.idx-topic .topic-content.topic-type-index .range.down {
    color: var(--kite-down);
}
.idx-topic .topic-content.topic-type-index .range.down::after {
    content: "\F128";
    display: inline-block;
    font-family: bootstrap-icons !important;
}

.idx-topic .topic-content.topic-type-news {
    display: flex;
    align-items: center;
}
.idx-topic .topic-content.topic-type-news .image {
    font-size: 2.25rem;
    margin-right: 1.5rem;
    padding-left: .25rem;
}

@media (min-width: 992px) {
    .idx-topic {
        border-radius: var(--idx-radius-primary);
        box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, .25);
        display: flex;
        margin-top: -1rem;
        padding: 1rem 0 0 0;
    }
    .idx-topic .topic-item {
        border-bottom: none;
        flex: 1;
        padding: 0 1.125rem 0 1.5rem;
    }
    .idx-topic .topic-item.topic-item-col2{
        flex: 2;
    }
    .idx-topic .topic-item:not(:first-child) {
        border-left: 1px dotted var(--kite-border-primary);
    }
    .idx-topic .topic-item {

    }
    .idx-topic .topic-item::after {
        display: none;
    }
    .idx-topic .topic-content.topic-type-index .range {
        margin-right: .5rem;
    }
    .idx-topic .topic-content.topic-type-index .date {
        display: inline-block;
    }
}

/*
card topic
---------------------------------------------*/
.idx-card-topics {

}
.idx-card-topics .idx-card-topics-item {
    background-color: var(--kite-bg-gray);
    border-radius: var(--idx-radius-primary);
    margin-bottom: 1rem;
    padding: 1.5rem;
}
.idx-card-topics .idx-card-topics-img{
    margin-bottom: 1.25rem;
}
.idx-card-topics .topic-title {
    font-size: 1.125rem;
    font-weight: var(--idx-weight-heading);
    line-height: 1.5;
    margin-bottom: 1rem;
}
.idx-card-topics .topic-text {

}
@media (min-width: 768px) {
    .idx-card-topics .idx-card-topics-item {
        display: flex;
        align-items: center;
    }
    .idx-card-topics .idx-card-topics-img{
        margin: 0 1.5rem 0 0;
        max-width: 25%;
    }
}


/* 
---------------------------------------------
News & release  page
---------------------------------------------*/

/*
News list
---------------------------------------------*/

.idx-newslist {
    margin-bottom: 1rem;
    padding: 0;
}
.idx-newslist .news-item {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
    width: 100%;
}
.idx-newslist .news-item:not(:last-child) {
    border-bottom: 1px dotted var(--kite-border-primary);
}
.idx-newslist .news-item p {
    margin-bottom: 0;
}
.idx-newslist .date { 
    font-weight: normal;
    font-feature-settings: "tnum";
    min-width: 6.75rem;
    padding-top: .25rem;
}
.idx-newslist.lang-en .date { 
    min-width: 7.5rem;
}
.idx-newslist .file {
    bottom: .1875rem;
    font-size: 1.375rem;
    margin-left: .5rem;
    min-width: 2rem;
    position: relative;
}
.idx-newslist .news-link {
    flex-basis: auto;
    padding-bottom: .75rem;
    padding-top: .25rem;
}
.idx-newslist .tag-importantnotice {
    background-color: var(--kite-red-90);
    border-radius: 4px;
    color: var(--kite-white);
    display: inline-block;
    font-size: .825rem;
    margin-right: .75rem;
    margin-top: 3px;
    padding: 0 .5rem;
}
.idx-newslist .tag-new {
    background-color: var(--kite-red-90);
    border-radius: 4px;
    color: var(--kite-white);
    display: inline-block;
    font-size: .825rem;
    margin-right: .75rem;
    margin-top: 3px;
    padding: 0 .5rem;
}
.idx-newslist.idx-importantnotice .news-link {
    display: flex;
    align-items: start;
}
.idx-importantnotice .tag-importantnotice {
    white-space: nowrap;
    width: auto;
}
.idx-newslist .idx-importantnotice .news-link > * {

}


@media (min-width: 768px) {
    .idx-newslist {
        margin-bottom: 1.5rem;
    }
}

/*
News tags
---------------------------------------------*/

.idx-news-tags {
    list-style: none;
    margin-top: 1rem;
    padding-left: 0;
}
.idx-news-tags .tags-item {
    display: inline-block;
    margin-bottom: .5rem;
    margin-right: .125rem;
}
.idx-news-tags .tags-item a {
    background-color: var(--kite-bg-blue);
    border-radius: var(--idx-radius-primary);
    display: block;
    font-size: .8125rem;
    padding: .3125rem .8125rem .3125rem .75rem;
}
.idx-news-tags .tags-item a:hover,
.idx-news-tags .tags-item a:focus {
    color: var(--kite-accent);
    opacity: 1;
}
.idx-news-tags .tags-item i {
    margin-right: .25rem;
}

/* 
---------------------------------------------
Index list page
---------------------------------------------*/

.idx-indexlist {
    margin-bottom: 1.5rem;
}
.idx-indexlist-title {
    align-items: center;
    display: flex;
    font-size: 1.125rem;
    font-weight: var(--idx-weight-heading);
    margin: 2rem 0 0.5rem 0;
}
.idx-indexlist-title::after {
    background-color: var(--kite-text-muted);
    content: "";
    flex-grow: 1;
    height: 1px;
    margin-left: 1rem;
}
.idx-indexlist-subtitle {
    align-items: center;
    color: var(--kite-accent);
    display: flex;
    font-size: .875rem;
    font-weight: var(--idx-weight-heading);
    margin: 2.25rem 0 0.5rem 0;
}
.idx-indexlist-subtitle-xxx::after {
    background-color: var(--kite-accent);
    content: "";
    flex-grow: 1;
    height: 1px;
    margin-left: 1rem;
}
/*
.idx-indexlist-subtitle {
    align-items: center;
    color: var(--kite-accent);
    display: flex;
    font-size: .875rem;
    font-weight: var(--idx-weight-heading);
    margin: 2rem 0 0.5rem 0;
}
.idx-indexlist-subtitle::after {
    background-color: var(--kite-accent);
    content: "";
    flex-grow: 1;
    height: 1px;
    margin-left: 1rem;
}
*/
.idx-indexlist-item {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: .75rem .25rem;
    transition: all .25s 0s ease;
}
.idx-indexlist-item:not(:last-child) {
    border-bottom: 1px dotted var(--kite-border-primary);
}
.idx-indexlist-item:has(+ .idx-indexlist-subtitle) {
    border-bottom: none;
}
.idx-indexlist-item.list-head {
    display: none;
}
/* size */
.idx-indexlist .name {
    max-width: calc(100% - 8rem);
    min-width: 8rem;
    width: 100%;
}
.idx-indexlist .value {
    margin-left: auto;
    width: 8rem;
}

@media (min-width: 992px) {
    .idx-indexlist .daily-change {
        width: 13.5rem;
    } 
}

.idx-indexlist .date {
    width: 7.5rem;
}
.idx-indexlist-item:hover {
    background-color: var(--kite-bg-blue);
}
.idx-indexlist-item > * {
    vertical-align: baseline;
}
.idx-indexlist-item .name {
    font-weight: var(--idx-weight-heading);
    order: 1;
    padding-left: 1rem;
}
.idx-indexlist-item .name a{
    color: var(--kite-text-primary);
}
.idx-indexlist-item .name a:hover,
.idx-indexlist-item .name a:focus {
    color: var(--kite-accent);
    opacity: 1;
}
.idx-indexlist-item .value {
    font-size: 1rem;
    font-weight: var(--idx-weight-heading);
    order: 2;
    text-align: right;
    white-space: nowrap;
}
.idx-indexlist-item .daily-change {
    font-size: .875rem;
    margin-left: auto;
    margin-top: 0.5rem;
    order: 4;
    text-align: right;
    white-space: nowrap;
}
.idx-indexlist-item .date {
    color: var(--kite-text-muted);
    font-size: .875rem;
    margin-top: 0.5rem;
    padding-left: 1rem;
    order: 3;
    text-align: left;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .idx-indexlist {
        margin-bottom: 3rem;
    }
}

@media (min-width: 992px) {
    .idx-indexlist + .idx-indexlist > h2 {
        margin-top: 3rem;
    }
    .idx-indexlist > h2 + .idx-indexlist-item {
        margin-top: .5rem;
    }

    .idx-indexlist-title {
        font-size: 1.5rem;
        margin: 2rem 0 0.5rem 0;
    }
    .idx-indexlist-item {
        flex-wrap: nowrap;
        padding: .75rem .5rem;
    }
    .idx-indexlist .name {
        max-width: none;
        min-width: 8rem;
    }
    .idx-indexlist .value {
        margin-bottom: 0;
        margin-left: auto;
        min-width: 7.5rem;
    }
    .idx-indexlist .daily-change {
        margin-left: 0;
        margin-top: 0;
        order: 3;
        min-width: 10.5rem;
        margin-left:0.5rem;
    }
    .idx-indexlist .date {
        margin-top: 0;
        order: 4;
        padding-left: 0;
        min-width: 7rem;
        margin-left:0.5rem;
    }
    .idx-indexlist-item .date {
        text-align: right;
    }
    .idx-indexlist-item.list-head {
        border-bottom: 0;
        display: flex;
        margin-top: 0;
        padding-bottom: .25rem;
        padding-top: 0;
    }
    .idx-indexlist-item.list-head .name,
    .idx-indexlist-item.list-head .value,
    .idx-indexlist-item.list-head .daily-change,
    .idx-indexlist-item.list-head .date,
    .idx-indexlist-item.list-head .dl-head {
        font-size: .875rem;
        font-weight: normal;
        text-align: right;
    }
    .idx-indexlist-item.list-head + .idx-indexlist-subtitle {
        margin-top: 0;
    }
    .idx-indexlist-item.list-head:hover {
        background-color: inherit;
    }
}

.idx-indexlist-item .change {
    margin-right: .5rem;
}

/* 
---------------------------------------------
# Download center (based idx-indexlist)
---------------------------------------------*/

.idx-indexlist.download-center .idx-indexlist-item.list-head {
    display: none;
}

.idx-indexlist.download-center .idx-indexlist-item.list-head .dl-head > * {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 5.5rem;
}

.idx-indexlist.download-center .dl-item abbr {
    color: var(--kite-text-primary);
    display: block;
    font-size: .6875rem;
    line-height: 1.25
}
.idx-indexlist.download-center .idx-indexlist-item .name {
    order:inherit;
    max-width: inherit;
    width: 100%;
}

.idx-indexlist.download-center .dl-item {
    display: flex;
    flex-wrap: nowrap;
    font-size: 1.375rem;
    justify-content: space-between;
    margin: 1rem 0 0 1rem;
    width: 100%;
}
.idx-indexlist.download-center .dl-item > * {
    text-align: center;
    width: auto;
    vertical-align: top;
}

@media (min-width: 768px) {
    .idx-indexlist.download-center .idx-indexlist-item {
        flex-wrap: nowrap;
    }
    .idx-indexlist.download-center .idx-indexlist-item.list-head {
        display: block;
    }
    .idx-indexlist.download-center  .dl-head {
        margin-left: auto;
        order: 2;
        white-space: nowrap;
    }
    .idx-indexlist-item.list-head .dl-head > * {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        width: 5.5rem;
    }
    .idx-indexlist.download-center .name {
        font-weight: var(--idx-weight-heading);
        max-width: calc(100% - 8rem);
        min-width: 8rem;
        order: 1;
        padding-left: 1rem;
        width: auto;
    }
    .idx-indexlist.download-center .dl-item {
        display: block;
        margin-left: auto;
        order: 2;
        white-space: nowrap;
        width: inherit;
    }
    .idx-indexlist.download-center .dl-item > * {
        display: inline-block;
        font-size: 1.375rem;
        text-align: center;
        width: 5.5rem;
    }
    .idx-indexlist.download-center .dl-item abbr{
        display: none;
    }
    .idx-indexlist.download-center .dl-item > *:last-child,
    .idx-indexlist.download-center .dl-head > *:last-child {
        width: 4.5rem;
    }
    .idx-indexlist.download-center .dl-head {
        font-size: .875rem;
        font-weight: normal;
        text-align: right;
    }
}
/* 
---------------------------------------------
# Individual index page
---------------------------------------------*/

/*
## individual-header
---------------------------------------------*/

.idx-individual-header {
    border-bottom: 1px solid var(--kite-border-primary);
    padding: 1.125rem 0 0 0 ;
}
.idx-individual-header .container-fluid {
    padding: 0;
}
.idx-individual-header .name{
    font-size: 1.125rem;
    font-weight: var(--idx-weight-heading);
    margin: .5rem 0;
    padding: 0 1.125rem 1rem 1.125rem;
}
.idx-individual-header .name + .individual-value {
    margin-top: -1.5rem;
}
.idx-individual-header .current{
    font-size: 2.5rem;
    padding: 0 1.125rem;
}
.idx-individual-header .daily-change{
    font-size: .875rem;
    line-height: 1;
    margin-top:0.25rem;
    padding: 0 1.125rem 1.5rem 1.125rem;
}
.idx-individual-header .daily-change .range{
    background-color: var(--kite-white);
    border-radius: var(--idx-radius-primary);
    color: var(--kite-brand);
    display: inline-block;
    font-weight: 700;
    padding: .3125rem .25rem .25rem .5rem;
}
.idx-individual-header .daily-change .change{
    display: inline-block;
    font-weight: 700;
    padding: .3125rem .5rem .25rem .5rem;
}
.idx-individual-header .daily-change.up .range::after {
    content: "\F148";
    display: inline-block;
    font-family: bootstrap-icons !important;
}
.idx-individual-header .daily-change.down .range::after {
    content: "\F128";
    display: inline-block;
    font-family: bootstrap-icons !important;
}
.idx-individual-header .daily-change .date{
    opacity: .5;
}
.idx-individual-header .ohl {
    background-color: var(--kite-bg-gray);
    color: var(--kite-text-primary);
    padding: 1.125rem;
}
.idx-individual-header .ohl .ohl-table{
}
.idx-individual-header .ohl .label {
    font-weight: normal;
}
.idx-individual-header .ohl .value {
    padding-left: 1rem;
    text-align: right;
}
.idx-individual-header .ohl .date {
    opacity: .5;
    padding-left: 1rem;
}

@media (min-width: 744px) {
    .idx-individual-header {
        padding: 1.5rem 0;
    }
    .idx-individual-header .container-fluid {
        padding: 0 1.5rem;
    }
    .idx-individual-header .individual-value {
        align-items: center;
        display: flex;
        margin-bottom: .5rem;
    }
    .idx-individual-header .name{
        font-size: 2rem;
        margin: .5rem 0;
        padding: 0;
    }
    .idx-individual-header .name + .individual-value {
        margin-top: 0;
    }
    .idx-individual-header .current{
        font-size: 3.5rem;
        padding: 0;
    }
    .idx-individual-header .daily-change {
        padding: 0;
    }
    .idx-individual-header .daily-change .range{
    }

    .idx-individual-header .daily-change .change{

    }

    .idx-individual-header .ohl {
        background-color: inherit;
        border-left: 1px solid rgba(255,255,255, .5);
        margin-left: auto;
        padding: 0 0 0 1.5rem;
    }
    .idx-individual-header .ohl .ohl-table{
        
        color: var(--kite-white);
    }
}

@media (min-width: 992px) {
    .idx-individual-header {
        border-bottom: 0;
    }
    .idx-individual-header .container-fluid {
        justify-content: center;
        max-width: 880px;
    }
    .idx-individual-header + .container-fluid {
        max-width: 880px;
    }
}

.idx-individua-info{
    margin-bottom: 3rem;
    padding-top: 1.5rem;
}
.idx-individua-info .idx-individual-title {
    font-size: 1.75rem;
    font-weight: var(--idx-weight-heading);
    margin-bottom: 2.5rem;
}
.idx-individua-info .idx-individual-gist {
    margin-bottom: 2.5rem;
}
/*
## individual-chart
---------------------------------------------*/
.idx-individual-chart {
    text-align: center;
}
.idx-individual-chart-controller {
    overflow-x: auto;
}
.idx-individual-chart .btn-group {
    border-radius: var(--idx-radius-primary);
    padding: 1rem 0;
}
.idx-individual-chart .btn-group .btn {
    background-color: var(--kite-white);
    border-color: var(--kite-btn-link);
    color: var(--kite-btn-link);
    font-size: .75rem;
    min-width: 4.7em;
    white-space: nowrap;
}
.idx-individual-chart .btn-group .btn:hover {
    background-color: var(--kite-bg-blue);
    color: var(--kite-accent);
    opacity: 1;
}
.idx-individual-chart .btn-group .btn.active {
    background-color: var(--kite-btn-link);
    color: var(--kite-white);
}

.idx-individual-chart-body {
}
.idx-individual-chart-body img {
    max-width: 100%;
}
@media (min-width: 768px) {
    .idx-individual-chart {
        text-align: left;
    }
}
/*
## Individual index - gist(.idx-individual-gist)
---------------------------------------------*/
.idx-individual-gist {
    background-color: var(--kite-bg-blue);
    border-radius: var(--idx-radius-primary);
    line-height: 1.75;
    padding: 1rem 1.5rem 1rem 2.5rem;
}
.idx-individual-gist li{
    margin-bottom: .25rem;
}

/*
## Individual index - overview (idx-individual-overview)
---------------------------------------------*/

.idx-individual-overview {
    list-style: none;
    margin-top: 1.5rem;
    padding:0;
}
.idx-individual-overview .overview-item {
    border-bottom: 1px dotted var(--kite-border-primary);
    margin-bottom: .75rem;
}
.idx-individual-overview .overview-item:last-child {
    border: none;
    margin-bottom: 0;
}
.idx-individual-overview .overview-item > * {
    line-height: 1.75;
}
.idx-individual-overview .label {
    font-weight: 700;
    padding: 0;
}
.idx-individual-overview .content {
    padding: .75rem 0;
}
.idx-individual-overview .content ul {
    list-style-type: disc;
    padding-left: 1rem;
}
.idx-individual-overview .content ul li{
    margin-bottom: 0.5rem;
}
.idx-individual-overview .content ul li:last-child{
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .idx-individual-overview {
        margin-top: 2rem;
    }
    .idx-individual-overview .overview-item {
        display: flex;
    }
    .idx-individual-overview .overview-item{
        margin-bottom: 0;
    }
    .idx-individual-overview .label {
        min-width: 10em;
        padding: .75rem 0;
        width: 10em;
    }
    .idx-individual-overview .content {
        margin-left: 0.5rem;
    }
}


/* 
---------------------------------------------
# Daily summary - page
---------------------------------------------*/

/*
## Daily summary - header
---------------------------------------------*/
.idx-dailysummary-localnav .idx-localnav .nav {
    float: right;
}

@media (max-width: 992px) {
    .idx-dailysummary-header {
        padding-bottom: 0;
    }
    
    .idx-dailysummary-header > div{
        display: flex;
        flex-wrap: wrap;
    }
    .idx-dailysummary-header .idx-header-headding {
        margin-bottom: 1.5rem;
    }
    .idx-dailysummary-header .winnin-rate {
        margin-left: auto;
    }
    .idx-dailysummary-header .winnin-rate .rate,
    .idx-dailysummary-header .winnin-rate .total {
        display: block;
        font-size: 0.75rem;
    }
    .idx-dailysummary-header .daily-summary-nav {
        width: 100%;
    }
    .idx-dailysummary-header .daily-summary-nav .nav-item {
        width: 33.33%;
    }
    .idx-dailysummary-header .daily-summary-nav .nav-item + .nav-item {
        border-left: 1px solid rgba(255,255,255, .5);
    }
    .idx-dailysummary-header .daily-summary-nav {
        display: flex;
        justify-content: space-between;
        list-style: none;
        margin-bottom: 0;
        padding: 0;
    }
    .idx-dailysummary-header .daily-summary-nav .nav-link {
        color: var(--kite-white);
        display: block;
        font-size: 0.75rem;
        opacity: .75;
        padding: .25rem 0 .75rem 0;
        text-align: center;
    }
    .idx-dailysummary-header .daily-summary-nav .nav-link.prev::before {
        content: "\F284";
        display: inline;
        font-family: bootstrap-icons !important;
        vertical-align: bottom;
    }
    .idx-dailysummary-header .daily-summary-nav .nav-link.select:after {
        content: " \25BE";
        display: inline;
        vertical-align: center;
    }
    .idx-dailysummary-header .daily-summary-nav .nav-link.next::after {
        content: "\F285";
        display: inline;
        font-family: bootstrap-icons !important;
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {
    .idx-dailysummary-header {
        
    }
    .idx-dailysummary-header .idx-header-headding {
        margin-bottom: 0;
    }
    .idx-dailysummary-header > div{
        align-items: center;
        display: flex;
    }
    .idx-dailysummary-header .winnin-rate {
        margin-left: 1.5rem;
    }
    .idx-dailysummary-header .winnin-rate .rate,
    .idx-dailysummary-header .winnin-rate .total {
        display: block;
        font-size: .875rem;
    }
    .idx-dailysummary-header .daily-summary-nav {
        display: flex;
        list-style: none;
        margin: 0 0 0 auto;
        padding: 0;
    }
    .idx-dailysummary-header .daily-summary-nav .nav-link {
        color: var(--kite-white);
        display: block;
        font-size: .75rem;
        padding: .125rem .75rem;
        text-align: center;
    }
    .idx-dailysummary-header .daily-summary-nav .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        border-radius: var(--idx-radius-primary);
        text-decoration: none;
    }
    .idx-dailysummary-header .daily-summary-nav .nav-link.prev::before {
        content: "\F284";
        display: block;
        font-family: bootstrap-icons !important;
        font-size: 1.375rem;
    }
    .idx-dailysummary-header .daily-summary-nav .nav-link.select:before {
        content: " \F1E8";
        display: block;
        font-family: bootstrap-icons !important;
        font-size: 1.375rem;
    }
    .idx-dailysummary-header .daily-summary-nav .nav-link.next::before {
        content: "\F285";
        display: block;
        font-family: bootstrap-icons !important;
        font-size: 1.375rem;
    }
    .idx-dailysummary-localnav {
        margin-bottom: -1.5rem;
    }
}
/*
## Daily summary - ohlc
---------------------------------------------*/

.idx-daily-summary-ohlc {
    margin-bottom: 2.5rem;
}

.idx-daily-summary-ohlc .daily-summary-current .daily-change{
    margin-top: .5rem;
}
.idx-daily-summary-ohlc .daily-summary-current > .name {
    font-size: 1.5rem;
}
.idx-daily-summary-ohlc .daily-summary-current > .value {
    font-size: 2.5rem;
}
.idx-daily-summary-ohlc .daily-summary-current > .daily-change {
    font-size: .875rem;
}
.idx-daily-summary-ohlc .daily-summary-current > .daily-change .date {
    color: var(--kite-text-muted);
}
.idx-daily-summary-ohlc .ohl-table {
    width: 100%;
}
.idx-daily-summary-ohlc .ohl-table tr {
    border-bottom: 1px dotted var(--kite-border-primary);
}
.idx-daily-summary-ohlc .ohl-table th,
.idx-daily-summary-ohlc .ohl-table td {
    padding: .5rem;
}
.idx-daily-summary-ohlc .ohl-table .label {
    font-weight: normal;
}
.idx-daily-summary-ohlc .ohl-table .value {
    padding-left: 1rem;
    text-align: right;
}
.idx-daily-summary-ohlc .ohl-table .date {
    color: var(--kite-text-muted);
    padding-left: 1rem;
}
.idx-daily-summary-ohlc .idx-daily-summary-chart {
    padding: 2.5rem 1rem 0 1rem;
    text-align: center;
}
.idx-daily-summary-ohlc .idx-daily-summary-chart img{
    max-width: 100%;
}

@media (min-width: 768px) {
    .idx-daily-summary-ohlc {
        display: flex;
        justify-content:space-around;
    }
    .idx-daily-summary-ohlc .daily-summary-current {
        min-width: 16rem;
        width: 35%;
    }
    .idx-daily-summary-ohlc .daily-summary-chart {
    }
    .idx-daily-summary-ohlc .daily-summary-current > .value {
        font-size: 3rem;
    }
    .idx-daily-summary-ohlc .daily-summary-current > .daily-change {
        font-size: 1.125rem;
    }
    .idx-daily-summary-ohlc .ohl-table {
        margin-top: 1.5rem;
        width: 100%;
    }
    .idx-daily-summary-ohlc .idx-daily-summary-chart {
        padding: 1.0rem 1rem 0 1rem;
    }
}

/*
## Daily summary - valuation-measures
---------------------------------------------*/

.idx-daily-summary-valuation-measures {
    margin-bottom: 2.5rem;
}
.idx-daily-summary-valuation-measures .measures-category {
}
.idx-daily-summary-valuation-measures .measures-title {
    align-items: center;
    color: var(--kite-accent);
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    margin: 1rem 0 0.5rem 0;
}
/*
.idx-daily-summary-valuation-measures .measures-title:has(a)::before {
    color: var(--kite-accent);
    content: "\025b8";
    font-size: 1rem;
    left: -1rem;
    margin-right: .375rem;
    transform: translateY(-10%);
}
*/
.idx-daily-summary-valuation-measures .measures-title .title-link {
    color: var(--kite-accent);
}
.idx-daily-summary-valuation-measures .measures-title .title-link::before {
    color: var(--kite-accent);
    content: "\025b8";
    font-size: 1rem;
    left: -1rem;
    margin-right: .375rem;
    transform: translateY(-10%);
}
.idx-daily-summary-valuation-measures .measures-title::after {
    background-color: var(--kite-accent);
    content: "";
    flex-grow: 1;
    height: 1px;
    margin-left: .75rem;
}

.idx-daily-summary-valuation-measures .measures-item {
    border-bottom: 1px dotted var(--kite-border-primary);
    display: flex;
    padding-bottom: .5rem;
    padding-top: .5rem;
}
.idx-daily-summary-valuation-measures .measures-item:last-child {
    border-bottom: none;
}
.idx-daily-summary-valuation-measures .measures-item .label{
    padding-left: .75rem;
}
.idx-daily-summary-valuation-measures .measures-item .value{
    margin-left: auto;
    padding-right: .5rem;
}
.idx-daily-summary-valuation-measures .measures-item:has(.item){
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: .75rem;
    padding-right: .75rem;
}

@media (min-width: 768px) {
    .idx-daily-summary-valuation-measures {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem; 
    }
    .idx-daily-summary-valuation-measures .measures-category {
        flex: 1;
        flex-grow: 1;
        min-width: 17rem;
    }
    .idx-daily-summary-valuation-measures .measures-category:last-child {
        display: flex;
        flex-wrap: wrap;
        gap: 0 1.5rem; 
    }
    .idx-daily-summary-valuation-measures .measures-category:last-child .measures-title {
        width: 100%;
    }
    .idx-daily-summary-valuation-measures .measures-category:last-child .measures-item {
        border-bottom: 1px dotted var(--kite-border-primary);
        flex-grow: 1;
    }
}

/*
## Daily summary - weights 
---------------------------------------------*/

.idx-daily-summary-weights {

}

.idx-daily-summary-weights .weights-title {
    align-items: center;
    color: var(--kite-accent);
    display: flex;
    font-size: .875rem;
    font-weight: 700;
    margin: 1rem 0 0.5rem 0;
}
.idx-daily-summary-weights .weights-title::after {
    background-color: var(--kite-accent);
    content: "";
    flex-grow: 1;
    height: 1px;
    margin-left: .75rem;
}
.idx-daily-summary-weights .weights-top10 .table {

}
.idx-daily-summary-weights .weights-top10 .table th{
    font-size: 0.875rem;
    font-weight: normal;
    white-space: nowrap;
}
.idx-daily-summary-weights .weights-top10 .table td:nth-child(1),
.idx-daily-summary-weights .weights-top10 .table td:last-child {
    text-align: right;
}
.idx-ja .idx-daily-summary-weights .weights-top10 .table td:nth-child(3) {
    /* 日本語版のみ銘柄名はnowrapを指定 */
    white-space: nowrap;
}
.idx-ja .idx-daily-summary-weights .weights-top10 .table td:nth-child(4) {
    /* 日本語版のみ社名以外はnowrapを指定 */
    min-width :10em;    
}
.idx-daily-summary-weights .weights-group {

}
.idx-daily-summary-weights .weights-group .chart{
    text-align: center;
}
.idx-daily-summary-weights .weights-item {
    border-bottom: 1px dotted var(--kite-border-primary);
    display: flex;
    padding-bottom: .5rem;
    padding-top: .5rem;
}
.idx-daily-summary-weights .weights-item:last-child {
    border-bottom: none;
}
.idx-daily-summary-weights .weights-item .label{
    padding-left: .75rem;
}
.idx-daily-summary-weights .weights-item .value{
    margin-left: auto;
    padding-right: .5rem;
}

/* 
### sector color */

.idx-daily-summary-weights .label-sector1::before { color: #7EB8E2; } /* Technology */
.idx-daily-summary-weights .label-sector2::before { color: #48A0A9; } /* Financials */
.idx-daily-summary-weights .label-sector3::before { color: #E0CF71; } /* Consumer Goods */
.idx-daily-summary-weights .label-sector4::before { color: #DF636C; } /* Materials */
.idx-daily-summary-weights .label-sector5::before { color: #F49272; } /* Capital Goods  */
.idx-daily-summary-weights .label-sector6::before { color: #A28197; } /* Transportation & Utilities */

.idx-daily-summary-weights .weights-group.sector-weights .label::before {
    content: "■";
    margin-right: .25rem;
}

@media (min-width: 576px) {
    .idx-daily-summary-weights .weights-body {
        display: flex;
    }
    .idx-daily-summary-weights .weights-table {
        width: 100%;
    }
    .idx-daily-summary-weights {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
    }
    .idx-daily-summary-weights .weights-top10 {
        width: 100%;
    }
    .idx-daily-summary-weights .weights-group {
        flex-grow: 1;
    }
    .idx-daily-summary-weights .weights-body {
        display: flex;
    }
    .idx-daily-summary-weights .weights-table {
        font-size: .875rem;
        margin-top: .5rem;
    }
}

/* 
---------------------------------------------
For subscribers page(premium Data Package)
---------------------------------------------*/

/*
## form item
---------------------------------------------*/

.idx-formgroup {
    margin-bottom: 2rem;
}
.idx-formgroup label{
    font-weight: var(--idx-weight-label);
}
.idx-formgroup input[type="text"],
.idx-formgroup input[type="email"],
.idx-formgroup input[type="password"] {
    max-width:20rem;
    width: 100%;
}

/*
## induction of pdp
---------------------------------------------*/

.idx-induction-card {
    padding: 1.5rem 0 1rem 0;
}
.idx-induction-card .induction-figure {
    text-align: center;
}
.idx-induction-card .induction-figure img{
    max-width: 70%;
}
.idx-induction-card .induction-figure.figure-pdp-login img{
    max-width: 100%;
}
.idx-induction-card .induction-content {
    margin-top: 1rem;
}

@media (min-width: 768px) {
    .idx-induction-card {
        padding: 2rem 0 1rem 0;
    }
    .idx-induction-card .induction-figure {
        float: right;
        margin-left: 1rem;
    }
    .idx-induction-card .induction-figure img{
        max-width: 300px;
    }
    .idx-induction-card .induction-figure.figure-pdp-login img{
        max-width: auto;
    }
    .idx-induction-card .induction-content p{
        overflow: hidden;
    }
}

/*
.idx-indexlist-header
---------------------------------------------*/


.idx-indexlist-header {
    margin-bottom: 1rem;
}
.idx-componentslist-header {
    margin-bottom: 1rem;
}
.idx-componentslist-header .menu-toggler{
    border:1px solid var(--kite-btn-link);
    border-radius: 4px;
    padding: .4375rem 1rem;
}
.idx-archive-header {
    margin-bottom: 1rem;
}




/*
整理中
---------------------------------------------*/

.idx-section .idx-section-title {
    font-size: 1.5rem;
    font-weight: var(--idx-weight-heading);
    margin-bottom: 1rem;
    text-align: center;
}
.idx-section .idx-section-title::after {
    background-color: var(--kite-accent);
    content: "";
    display: block;
    height: 2px;
    margin: .75rem auto 2.5rem auto;
    width: 12rem;
}
.idx-section.idx-bg-blue .idx-section-title {
    color: var(--kite-white);
}
.idx-section.idx-bg-blue .idx-section-title::after {
    background-color: var(--kite-white);
}


/* license-type */

.idx-license-type {
    padding: 2.5rem 0 2rem 0;
}

.idx-license-type .card {
    border-width: 0;
}
.idx-license-type .card-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    text-align: center;
}
.idx-license-type .card-label {
    color: var(--kite-accent);
    display: block;
    font-size: 1rem;
    font-weight: var(--idx-weight-heading);
    margin-bottom: .875rem;
}
.idx-license-type .card-title {
    font-size: 1.25rem;
    font-weight: var(--idx-weight-heading);
    margin-bottom: .875rem;
    text-align: left;
}
.idx-license-type .card-text {
    line-height: 1.65;
    margin-bottom: 1.5rem;
    text-align: left;
}
.idx-license-type .btn{
    max-width: 240px;
    white-space: nowrap;
    width: 100%;
}
.idx-license-type .card-img-top {
    max-width: 400px;
    width: 100%;
}
@media (min-width: 768px) {
    .idx-license-type {
        margin: 1.5rem auto;
        padding-top: 2rem!important;
        padding-bottom: 1.5rem!important;
    }
    .idx-license-type .card-title {
        font-size: 1.25rem;
        width: 100%;
    }
    .idx-license-type .card-body {
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .idx-license-type .card-body .btn{
        margin-top: auto;
    }
    .idx-license-type .card-label {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: 3rem;
    }
}

/* case */

.idx-license-case {
    margin: 0 auto;
    padding-top: 2.5rem!important;
    padding-bottom: 1.5rem!important;
}
.idx-license-case .case-item {
    align-items:center;
    background-color: var(--kite-white);
    margin: 0 0 1rem 0;
    padding: 1.5rem;
}
.idx-license-case .case-item > * {
    padding: 0;
}
.idx-license-case .case-item > .case-img {
    text-align: center;
}
.idx-license-case .case-item > .case-img img {
    max-width: 400px;
    width: 100%;
}
.idx-license-case .case-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}


.idx-license-case .case-content {
    padding:1.5rem 0;
}

.idx-license-case .case-text {}
.idx-license-case .case-link {}

@media (min-width: 992px) {
    .idx-license-case .case-item > * {
        padding: 0;
    }
    .idx-license-case .case-item .case-img {
        padding-right: 1.5rem;
    }
    .idx-license-case .case-title {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
}

/* world map */

.idx-license-map {
    width: 100%;
    margin: 0 auto;
    padding: 1rem;
    background-color: #EAF1F8;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.idx-license-map::-webkit-scrollbar {
    display: none;
}
.idx-license-map svg {
    height: 80vw;
    max-height: 600px;
}

@media (min-width: 768px) {
    .idx-license-map {
        width: 100%;
        height: auto;
        padding: 2rem 2.5rem 1rem 2.5rem;
    }
    .idx-license-map svg {
        height: auto;
        max-height: 600px;
    }
}

/* contact */

.idx-contact {
    margin: 1.5rem auto;
    padding-top: 2.5rem!important;
    padding-bottom: 2.5rem!important;
}
.idx-contact .contact-btn-group {
    margin-top: 2rem;
}
.idx-contact .contact-btn {
    background-color: var(--kite-white);
    border-radius: var(--idx-radius-primary);
    color: var(--kite-brand);
    display: block;
    font-weight: bold;
    font-size: 1rem;
    margin: 0 auto;
    max-width: 80%;
    padding: 1rem .5rem;
    text-align: center;
}
.idx-contact .contact-btn + .contact-btn {
    margin-top: 1.5rem;
}
.idx-contact .contact-btn:hover,
.idx-contact .contact-btn:active {
    text-decoration: none;
    opacity: .9;;
}
.idx-contact .contact-btn .idx-icon{
    background-color: var(--kite-brand);
    font-size: 1.5rem;
    margin-right: .5rem;
    vertical-align: top;
}
@media (min-width: 768px) {
    .idx-contact .contact-btn-group {
        display: flex;
        margin-top: 2rem;
        justify-content: center;
    }
    .idx-contact .contact-btn {
        flex: 1;
        flex-grow: 1;
        font-size: 1rem;
        margin: 0 .75rem;
        max-width: 50%;
        padding: 1rem .5rem;
    }
    .idx-contact .contact-btn + .contact-btn {
        margin-top: 0;
    }
}


/* hero */
.idx-license-hero {

}
.idx-license-hero .hero-heading {
    padding: .5rem 2rem;
}
.idx-license-hero .title{
    font-size: 1.75rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}
.idx-license-hero .lead{
    font-size: 1.125rem;
}
.idx-license-hero .hero-img {
    display: none;
}
.idx-license-hero .hero-img .card-img-top{
    max-width: 400px;
    width: 100%;
}
@media (min-width: 576px){
  .idx-license-hero .hero-img {
    display: block;
    text-align: center;
  }
}

/*
Archive / Daily summary - Datepicker
---------------------------------------------*/

/* datepicker */
#idx-datepicker-wrapper {
    animation: open-anination-datepicker .2s ease;
    display: none;
    position: absolute;
    right: 0;
    transform: translateX(30%);
    
}
@media (min-width: 992px) {
    #idx-datepicker-wrapper {
        right: 0;
        transform: translateX(0);
    }
}
@keyframes open-anination-datepicker {
    0%{
        opacity: 0;
        margin-top: -.5rem;
    }
    100%{
        opacity: 1;
        margin-top: 0;
    }
}
.ui-datepicker span.ui-state-default,
.ui-datepicker .ui-widget-content span.ui-state-default {
    background-color: var(--kite-white);
    border-color: var(--kite-white);
}
.ui-datepicker a.ui-state-default,
.ui-datepicker .ui-widget-content a.ui-state-default {
}
.ui-datepicker a.ui-state-active,
.ui-datepicker .ui-widget-content a.ui-state-active {
    background-color: var(--kite-btn-link);
    color: var(--kite-white);
}
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight {
    background-color: var(--kite-bg-blue);
    font-weight: bold;
}

/*
Winning rate of the day .idx-calendar
---------------------------------------------*/

.idx-calendar {
    border-top: 1px solid var(--kite-accent);
    padding: 1rem 0;
}
.idx-calendar-list {
    list-style: none;
    padding: 0;
}
.idx-calendar-list .cal-item {
    border-bottom: 1px solid var(--kite-border-primary);
}
.idx-calendar-list .cal-item.cal-up {
    background-color: var(--kite-bg-up);
    color: var(--kite-up);
}
.idx-calendar-list .cal-item.cal-down {
    background-color: var(--kite-bg-down);
    color: var(--kite-down);
}
.idx-calendar-list .cal-item.today {
    background-color: var(--kite-bg-blue);
}

@media (max-width: 767px) {
    .idx-calendar-list .cal-item {
        padding: .75rem 0;
    }
    .idx-calendar-list .cal-item > * {
        display: inline-block;
    }
    .idx-calendar-list .cal-date {
        font-weight: bold;
        margin-right: 1.5rem;
        text-align: right;
        width: 2rem;
    }
    .idx-calendar-list .cal-rate span{
        margin-left: .5rem;
    }

}
@media (min-width: 768px) {
    .idx-calendar-list  {
        display:flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
    }
    .idx-calendar-list .cal-item {
        padding-top: .375rem;
        padding-bottom: 1rem;
        text-align: center;
        width: calc(100% /5);
    }
    .idx-calendar-list .cal-item.cal-up {
        background-color: var(--kite-bg-up);
        color: var(--kite-up);
    }
    .idx-calendar-list .cal-item.cal-down {
        background-color: var(--kite-bg-down);
        color: var(--kite-down);
    }
    .idx-calendar-list .cal-item.today {
        background-color: var(--kite-bg-blue);
    }
    .idx-calendar-list .cal-item > * {
        display: block;
    }
    .idx-calendar-list .cal-date {
        font-size: 2rem;
    }
    .idx-calendar-list .cal-rate {
        font-size: .875rem;
        white-space: nowrap;
    }
    .idx-calendar-list .cal-rate > span{
        display: block;
    }
}
@media (min-width: 992px) {
    .idx-calendar {
        padding: 1rem;
    }
}

/*
FAQ .idx-faq
---------------------------------------------*/
.idx-faq + .idx-faq {
    margin-top: 3rem;
}

.idx-faq .faq-list {
    list-style: none;
    padding: 0;
}
.idx-faq .faq-list .faq-item {
    border-bottom: 1px dotted var(--kite-gray-50);
    padding: 1.25rem 0 1rem 0;
}
.idx-faq .faq-list .faq-item:last-child {
    border-bottom: none;
}
.idx-faq .faq-list .question {
    display: inline-block;
    font-size: 1rem;
    padding: 0 2.5rem 0 1.5rem;
    position: relative;
    width: 100%;
}
.idx-faq .faq-list .question::before {
    content: "Q.";
    display: inline-block;
    font-size: 1.25rem;
    margin-left: -1.5rem;
    width: 1.5rem;
    
}
.idx-faq .faq-list .question::after {
    color: var(--kite-text-muted);
    content: "\F64D";
    display: block;
    font-family: bootstrap-icons !important;
    font-size: 1.25rem;
    position: absolute;
    right: .5625rem;
    text-align: center;
    top: 0;
    transition: all .25s 0s ease;
}
.idx-faq .faq-list .answer {
    animation: idx-open-anination .25s ease;
    display: none;
    padding: 1rem 2.5rem .5rem 1.5rem;
}
.idx-faq .faq-list .question.active + .answer {
    display: block;
}
.idx-faq .faq-list .question.active::after {
    transform:rotate(45deg);
}
.idx-faq .faq-list .answer > *:last-child {
    margin-bottom: 0;
}
/*
Governance .idx-consultation
---------------------------------------------*/

.idx-consultation {
    background-color: var(--kite-bg-blue);
    border-radius: var(--idx-radius-primary);
    margin-bottom: 2.5rem;
    padding: 1.5rem;
    width: 100%;
}
.idx-consultation ul {
    list-style: none;
} 
.idx-consultation-list .consultation-item {
    background-color: var(--kite-white);
    border-radius: var(--idx-radius-primary);
    margin-top:1.5rem;
    padding: 1.5rem;
}
.idx-consultation-list .consultation-item .title {
    font-size: 1.125rem;
    line-height: 1.5;
}
.idx-consultation-list .consultation-item .expiration {
    color: var(--kite-red-90);
}
.idx-consultation-list .consultation-item .btn {
    padding: .5rem 2rem;
}
.idx-consultation-list .consultation-item .idx-ui-group {
    margin-bottom: 0;
}
.idx-consultation-list.disable {
    
}
.idx-consultation-list.disable .consultation-item {
    background-color: var(--kite-gray-10);
}
.idx-consultation-list.disable .consultation-item > * {
    opacity: .5;
}
/* css でリンク無効化 */
.idx-consultation-list.disable a.btn {
    border-color: var(--kite-text-muted);
    color : var(--kite-text-muted);
    opacity: var(--bs-btn-disabled-opacity);
    pointer-events: none;
}
@media (max-width: 576px) {
    .idx-consultation-list .consultation-item .idx-ui-group {
        flex-wrap: wrap;
    }
    .idx-consultation-list .consultation-item .btn {
        margin: 0 0 .75rem 0;
        width: 100%;
    }
    .idx-consultation-list .consultation-item .btn:last-child {
        margin-bottom: 0;
    }
}
/*
contact type .idx-contact-type
---------------------------------------------*/

.idx-contact-type {
    padding: 2.5rem 0 2rem 0;
}

.idx-contact-type .card {
    border-width: 0;
}
.idx-contact-type .card-body {
    padding: 1.5rem;
    text-align: left;
}
.idx-contact-type .card-label {
    color: var(--kite-accent);
    display: block;
    font-size: 1rem;
    font-weight: var(--idx-weight-heading);
    margin-bottom: .875rem;
}
.idx-contact-type .card-title {
    font-size: 1.25rem;
    font-weight: var(--idx-weight-heading);
    margin-bottom: .875rem;
    text-align: left;
}
.idx-contact-type .card-text {
    line-height: 1.65;
    margin-bottom: 1.5rem;
    text-align: left;
}
.idx-contact-type .btn {
    max-width: 240px;
    white-space: nowrap;
}
.idx-contact-type .card-img-top {
    max-width: 300px;
    width: 100%;
}
@media (min-width: 768px) {
    .idx-contact-type {
        margin: 1.5rem auto;
        padding-top: 2rem!important;
        padding-bottom: 1.5rem!important;
    }
    .idx-contact-type .card-title {
        font-size: 1.25rem;
        width: 100%;
    }
    .idx-contact-type .card-body {
        display: flex;
        flex-direction: column;
    }
    .idx-contact-type .card-body a{
        margin-top: auto;
    }
}

/*
sitemap
---------------------------------------------*/

.idx-sitemap {

}
.idx-sitemap > .idx-list ul {
    padding-left: 1rem;
}
.idx-sitemap > .idx-list .list-item .list-item{
    border-bottom: 1px dotted var(--kite-border-primary);
    list-style: none;
    padding-left: 1.25rem;
}
.idx-sitemap .idx-list li:last-child,
.idx-sitemap .idx-list .list-item .list-item:last-child {
    border-bottom: none;
    margin-bottom: .5rem;
}
.idx-sitemap ul {
    list-style: none;
}
.idx-sitemap > .idx-list .list-opt {
    display: block;
    padding: 0rem 0.25rem 0.75rem 0;
}
.idx-sitemap > .idx-list .list-opt::before {
    content: "┗";
    margin: 0 1rem;
}
@media (min-width: 992px) {
    .idx-sitemap > .idx-list ul {
        padding-left: 3rem;
    }
    .idx-sitemap > .idx-list .list-opt {
        display: inline-block;
        padding: 0.75rem 0.25rem 0.75rem 0.25rem;
    }
    .idx-sitemap > .idx-list .list-opt::before {
        content: "|";
        margin: 0 1rem;
    }
}

/*
Chronicle .idx-chronicle
---------------------------------------------*/
.idx-chronicle {

}
.idx-chronicle .chronicle-year.chronicle-head {
    text-align: center;
    vertical-align: middle;
}
.idx-chronicle .chronicle-event.chronicle-head {
    padding-left: 1rem;
    vertical-align: middle;
    white-space: normal;
}
.idx-chronicle .chronicle-year {
    padding: 1rem 0 1rem .75rem!important;
}
.idx-chronicle .chronicle-event {
    padding: 1rem 0 1rem .5rem;
}
.idx-chronicle .chronicle-event > ul {
    margin-bottom: 0;
    padding-left: 1.5rem;
}
.idx-chronicle .chronicle-event > ul li:not(:last-child){
    margin-bottom: .375rem;
}

@media (min-width: 992px) {
    .idx-chronicle .chronicle-year {
        padding: 1rem 2rem!important;
        text-align: right;
    }
    .idx-chronicle .chronicle-event {
        padding: 1rem;
    }
    .idx-chronicle .chronicle-event.chronicle-head {
        padding-left: 3rem;
    }
}

/*
Data .idx-comparison-table 
---------------------------------------------*/
.idx-comparison-table .comparison-table-head {
    display: none;
}
.idx-comparison-table .comparison-table-item {
    border-bottom: 1px solid var(--kite-border-primary);
    margin-bottom: 1rem;
}
.idx-comparison-table .comparison-table-item > *{
    padding: 0 1rem 1rem 1rem;
}
.idx-comparison-table .comparison-th {
    font-size: 1.125rem;
    font-weight: var(--idx-weight-heading);
}
.idx-comparison-table .title-sm {
    font-weight: var(--idx-weight-heading);
}
.idx-comparison-table .idx-u-page-link {
    display: block;
}
.idx-comparison-table .idx-u-page-link + .idx-u-page-link {
    margin-top: .25rem;
}

@media (min-width: 576px) {
    .idx-comparison-table {}
    .idx-comparison-table .comparison-table-head {
        border-bottom: 1px solid var(--kite-border-primary);
        border-top: 1px solid var(--kite-border-primary);
        display: flex;
    }
    .idx-comparison-table .comparison-table-head > *{
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .idx-comparison-table .comparison-table-head > * > p{
        font-weight: var(--idx-weight-heading);
    }
    .idx-comparison-table .comparison-table-head > div > *:last-child{
        margin-bottom: 0;
    }
    .idx-comparison-table .comparison-table-item {
        margin-bottom: 0;
    }
    .idx-comparison-table .comparison-table-head > *,
    .idx-comparison-table .comparison-table-item > * {
        padding: 1rem;
    }
    .idx-comparison-table .comparison-table-item ul {
        padding-left: 1.5rem;
    }
    .idx-comparison-table .comparison-table-item ul li {
        margin-bottom: .5rem;
    }
    .idx-comparison-table .comparison-table-item > div >*:last-child {
        margin-bottom: 0;
    }
    .idx-comparison-table .comparison-table-head >*:nth-child(2),
    .idx-comparison-table .comparison-table-item >*:nth-child(2) {
        background-color: var(--kite-bg-gray);
    }
    .idx-comparison-table .title-sm {
        display: none;
    }
}
/*
PremiumDataPackage (plan-table) .idx-plan-table
---------------------------------------------*/
.idx-plan-table .plan-table-head {
    display: none;
}
.idx-plan-table .plan-table-item {
    border-bottom: 1px solid var(--kite-border-primary);
    margin-bottom: 1rem;
}
.idx-plan-table .plan-table-item > *{
    flex-direction: column;
    padding: 0 1rem 1rem 1rem;
}
.idx-plan-table .plan-th {
    font-size: 1.125rem;
    font-weight: var(--idx-weight-heading);
}
.idx-plan-table .title-sm {
    border-bottom: 1px solid var(--kite-border-primary);
    padding-bottom: .5rem;
    text-align: center;
    width: 100%;
}
.idx-plan-table .plan-title {
    font-size: 1.5rem;
    font-weight: var(--idx-weight-heading);
    margin-bottom: .5rem;
}
.idx-plan-table .plan-price {
    color: var(--kite-accent);
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.idx-plan-table .plan-price span {
    display: block;
    font-size: .875rem;
    font-weight: normal;
}

@media (min-width: 576px) {
    .idx-plan-table {
        margin-bottom: 2.5rem;
    }
    .idx-plan-table .plan-table-head {
        border-bottom: 1px solid var(--kite-border-primary);
        border-top: 1px solid var(--kite-border-primary);
        display: flex;
    }
    .idx-plan-table .plan-table-head > *{
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .idx-plan-table .plan-table-head > * > p{
        font-weight: var(--idx-weight-heading);
    }
    .idx-plan-table .plan-table-head > div > *:last-child{
        margin-bottom: 0;
    }
    .idx-plan-table .plan-table-item {
        margin-bottom: 0;
    }
    .idx-plan-table .plan-table-item > *{
        flex-direction: inherit;
    }
    .idx-plan-table .plan-table-head > *,
    .idx-plan-table .plan-table-item > * {
        padding: 1rem;
    }
    .idx-plan-table .plan-table-item > div >*:last-child {
        margin-bottom: 0;
    }
    .idx-plan-table .plan-table-head >*:nth-child(2),
    .idx-plan-table .plan-table-item >*:nth-child(2) {
        background-color: var(--kite-bg-gray);
    }
    .idx-plan-table .plan-price {
        width: 100%;
    }
    .idx-plan-table .title-sm {
        display: none;
    }
    .idx-plan-table .plan-price span {
    }
    .idx-plan-table .plan-description {

    }
    .idx-plan-table .plan-title {
    }
}
/*
PremiumDataPackage (feature) .idx-pdp
---------------------------------------------*/
.idx-pdp {
    display: flex;
    flex-wrap: wrap;
}
.idx-pdp .pdp-item {
    padding: 1rem 0 1.5rem 0;
    width: 100%;
}
.idx-pdp .pdp-title {
    font-size: 1.25rem;
    font-weight: var(--idx-weight-heading);
    margin-bottom: 1rem;
}
.idx-pdp .pdp-item ul {
    padding-left: 1.5rem;
}
.idx-pdp .pdp-item ul li{
    margin-bottom: .25rem;
}
.idx-pdp .pdp-remarks {
    font-size: .875rem;
    padding-left: 1.5rem;
}
.idx-pdp .pdp-remarks li {
    color: var(--kite-text-muted);
    margin-bottom: .25rem;
}
.idx-pdp .pdp-tag {
    background-color: var(--kite-bg-gray);
    font-size: .875rem;
    margin-left: .5rem;
    padding: .25rem .75rem
}
.idx-pdp .pdp-samplefile {
    background-color: var(--kite-bg-gray);
    border-radius: var(--idx-radius-primary);
    padding: 1rem;
}
.idx-pdp .pdp-samplefile > *:last-child {
    margin-bottom: 0;
}
.w2ui-sidebar {
    width: 100% !important;
}
.w2ui-sidebar > div {
    width: 100% !important;
}
.idx-pdp-inner {
    overflow-x: auto;
    padding-bottom: 1.5rem;
}
.idx-pdp-inner > .row {
    min-width: 768px;
}

@media (min-width: 768px) {
    .idx-pdp .pdp-item {
        padding: 1rem 1rem 2.5rem 1rem;
        width: 50%;
    }
}

/*
▼アンケートページ対応
---------------------------------------------*/
.modal-header {
    background-color: #055689;
    border-radius: 6px 6px 0 0;
    border-bottom: 0;
}
.modal-header > .close {
    position: relative;
    vertical-align: top;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}
.modal-header > .close > .batsu {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 0 30px 0;
}
.modal-header > .close > .batsu::before,
.modal-header > .close > .batsu::after {
    content: "";
    position: absolute;
    top: 20%;
    left: 50%;
    width: 2px;
    height: 17px;
    background: #ffffff;
}
.modal-header > .close > .batsu::before {
    transform: translate(-50%,-50%) rotate(45deg);
}
.modal-header > .close > .batsu::after {
    transform: translate(-50%,-50%) rotate(-45deg);
}
.modal-header > .modal-title {
    margin: auto;
    color:  #ffffff;
    font-weight: 700;
}
.modal-body {
    min-height: 190px;
    font-size: 17px;
}
.modal-body > .body {
    min-height: 150px;
}
.modal-body > .body > .image > a > img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.modal-body > .body > .text {
    padding: 2px 12px;
}
.modal-body > .body > .content {
    background: #f8f8f8;
    padding: 16px 12px;
    margin-bottom: 15px;
}
.modal-body > .body > .content > .question {
    font-weight: 700;
    padding: 0 2px 0 4px;
}
.modal-body > .body > .content > .answer {
    
}
.modal-body > .body > .content > .answer > .choice {
    display: flex;
    margin: 10px 4px 0 4px;
}
.modal-body > .body > .content > .answer > .choice > input[type=radio]{
    vertical-align: text-top;
    width: 17px;
    padding: 0 2px;
    margin: 0;
}
.modal-body > .body > .content > .answer > .choice > label {
    max-width: 520px;
    padding: 0 4px 0 8px;
    margin: 0;
    font-weight: 400;
}
.modal-body > .footer {
    display: flex;
    margin: 20px 12px 2px 12px;
    box-sizing: border-box;
}
.modal-body > .footer > input[type=checkbox] {
    vertical-align: text-top;
    width: 17px;
    padding: 0 2px;
    margin: 0;
}
.modal-body > .footer > label {
    padding: 0 4px 0 8px;
    margin: 0;
    font-weight: 400;
}
.modal-footer > .btn-modal > .btn {
    min-width: 80px;
    font-size: 17px;
    vertical-align: middle;
}
.modal-footer > .btn-modal > .btn-primary {
    background-color: #055689;
    border-color: #055689;
}
.modal-footer > .btn-modal > .btn-default {
    border-color: #dee2e6;
}

/*
▼気候変動指数コンテンツ追加対応
---------------------------------------------*/

/* 一覧表-偶数行(色付) */
.list-even {
    background-color: #f8f8f8;
}
/* 一覧表-奇数行(色付) */
.list-odd {
    background-color: #fff;
}

.table-esg {
    margin: auto;
    margin-top: 28px;
    border-top: none !important;
    border-right: none;
    border-left: none;
    border-bottom: none;
}
.table-esg td {
    border: none;
    padding: 6px 0;
}
.table-esg > tbody > .normal,
.table-esg > tbody > .sub {
    border-top: dotted 1px #bbb;
}
.table-esg > tbody > .main {
    border-top: solid 1px #055689
}
.table-esg > tbody > .header,
.table-esg > tbody > .list-first {
    border-top: solid 3px #055689;
}
.table-esg > tbody > .header td {
    text-align: center;
    font-size: 14px;
    color: #055689;
}
.table-esg > tbody > .sub > .text {
    font-size: 14px;
    padding-left: 1em;
}
.table-esg > tbody > .normal > .value,
.table-esg > tbody > .main > .value,
.table-esg > tbody > .sub > .value {
    text-align: center;
}

/*
xxx
---------------------------------------------*/
/*
xxx
---------------------------------------------*/