body{
    width:100%;
    background-color:#f5f5f5;
    font-family:"BIZ UDPGothic", YuGothicM, "游ゴシック Medium", YuGothic, "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", Meiryo, sans-serif;
}

ul#wrap{
    text-align: center;
}

ul#wrap li{
    list-style-type:none;
    vertical-align:middle;
    display: inline-block;
}
#title{
    width:100%;
}
li#title{
    height:42px;
    background-color:#696969;
    color:#fff;
    margin:5px auto;
}

#g_wrap h2{
    font-size:min(24px,5.9vw);
    margin:13px auto;
    text-align: center;
}

#g_wrap dt{
    margin:10px 0 10px 10px;
    height:20px;
    font-size:clamp(16px,5vw,24px);
    float:left;
}

#g_wrap dd{
    text-align:right;
    font-size:17px;
    font-weight:700;
}

span#data1{
    font-size:25px;
    color:#000000;
    width:97%;
    margin:5px 11px 0;
}

span#data2{
    font-size:25px;
    width:auto;
    height:auto;
    margin:10px;
    display:block;
}

span#data6{
    font-size:25px;
    display:inline-block;
    width:auto;
    height:auto;
    margin:11px;
    color:#83000f;
}

.price{
    margin:5px 0 0 0;
    height:30px;
    width:250px;
    float:left;
    width:100%;
}

 .price dt{
    margin:0 0 0 10px!important
}

.change{
    margin:0;
    width:100%;
    float:left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.li_01{
    background-color:#fff;
    width:100%;
    margin:5px auto;
    display:inline-block;
    height:100%;
}
.li_02{
    height:100%;
    background-color:#fff;
    display:inline-block;
}
.li_03{
    height:100%;
    background-color:#fff;
    width:100%;
    margin:0 auto;
    display: inline-block;
}
#delayed{
    font-size:11px;
    display:block;
    clear:left;
    text-align: left;
}

.security_code{
    margin:5px 0 0 0x;
    width:auto;
    font-size:12px;
    display:block;
    text-align: left;
}
#time{
    display:block; 
    margin:2px;
    font-size:13px;
    text-align: left;
}
#c_name{
    margin:5px 0 0 0x;
    width:150px;
    display:block;
    font-size:15px;
    color:#ba0015;
    text-align: left;
}

#chart_btn{
    width: 80%;
    margin: 5px auto;
}

#chart_btn a{
    text-decoration: none !important;
}

.chart_btn_parts{
    display: flex;
    justify-content: space-between;
    background-color: #ba0015;
    align-items: center;
}

.chart_ico{
    width: 10%;
    min-width: 15px;
    max-width: 30px;
    height: auto;
    margin: clamp(10px,5vw,15px);
}

.chart_btn_parts span{
    color: #fff;
    font-size: min(24px,5vw);
}

.right_ico{
    width: 5%;
    min-width: 15px;
    max-width: 30px;
    height: auto;
    margin: clamp(10px,5vw,15px);
}

dd,dl,dt{
    padding:0;
    margin:auto 0;
}

ul#wrap li{
    list-style-type:none;
    vertical-align:middle;
    width:95%;
    margin:5px;
}

#title{
    width:100%;
}

li#title{
    background-color:#696969;
    color:#fff;
    display:inline-block;
    height:100%;
}

.volume{
    margin:0;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}