/** 動的変更スタイル Start*/
.dc_bg_col_a_p1{
    background-color: rgba(169,169,194, 0.7); /** カラーパターン更新対象*/
}

.dc_bg_col_p1{
    background-color: rgb(41,48,138); /** カラーパターン更新対象*/
}

/** カラーパターン更新対象*/
@property --header-color {
    syntax: "<color>";
    inherits: false;
    initial-value: rgb(222,221,239);
}

.dc_bg_col_p2{
    background-color: var(--header-color); 
}

/* old color 
.dc_bg_col_p2{
    background-color: rgb(222,221,239)
}
*/

.dc_bg_col_p3 {
    background-color: rgb(246,240,152);
}

.dc_bg_col_p4 {
    background-color: rgb(87,90,88);
}

.dc_bg_col_p5 {
    background-color: white;
}

.dc_bg_imge_p1{
    background-image: radial-gradient(circle at 50% -60%, rgb(222,221,239) 50%, rgb(87,90,88) 51% 51%, rgba(94, 121, 144, 0) 54%);  /** カラーパターン更新対象*/
}
.dc_border_col_p1{
    border-color: rgb(87,90,88);
}

.dc_border_col_p2{
    border-color: rgb(22, 22, 22);
}

.dc_font_col_p1{
    color: rgb(41,48,138);
}

.dc_font_col_p2{
    color: #fff;
}
.dc_font_col_p3{
    color: rgb(87,90,88);
}

.dc_font_col_p4{
    color: rgb(22, 22, 22);
}

.dc_font_col_warn{
    color: rgb(203,0,0);
}

.dc_box-shadow_p1{
    box-shadow: 0 10px 0 rgb(87,90,88); /* 影の太さ・色 */
}

.dc_box-shadow_p2{
    box-shadow: 0 5px 0 rgb(87,90,88); /* 影の太さ・色 */
}

.dc_box-shadow_p3{
    box-shadow: 0 5px 0 rgb(22,22,22); /* 影の太さ・色 */
}

.clearfix::after{
    content:"";
    clear:both;
    overflow:hidden;
}

.dc_radio_btns input[type=radio] + label::after {
    background: #2e3175;
}
.dc_common_title::before{
    content: '●';
    color: rgb(41,48,138);
}
.dc_common_title::after{
    content: '●';
    color: rgb(41,48,138);
}

.dc_common_title {
    font-size: 2rem;
}

.dc_ranking_title::before{
    content: '●';
    color: rgb(41,48,138);
}
.dc_ranking_title::after{
    content: '●';
    color: rgb(41,48,138);
}

.dc_common_title2::before{
    content: '●';
    color: rgb(32,74,160);
}

.dc_common_title2::before{
    content: '●';
    color: rgb(32,74,160);
}

.dc_common_title2::before{
    content: '●';
    color: rgb(32,74,160);
}

.dc_common_title3::before{
    content: '●';
    color: rgb(32,74,160);
}

.dc_ranking_title {
    font-size: 2rem;
}

/** 動的変更スタイル End*/