@charset "UTF-8";
:root {
--color-main: #FF6B00;
--color-sub-1:#EB1C23;
--color-sub-2:#C1A968;
--color-sub-3:#DAC17A;
--color-sub-4:#D5242F;
--color-sub-5:#F4777C;
  }
._fc_color-main { color: var(--color-main); }
._fc_color-sub-1 { color: var(--color-sub-1); }
._fc_color-sub-2 { color: var(--color-sub-2); }
._fc_color-sub-3 { color: var(--color-sub-3); }
._bg_color-main { background-color: var(--color-main); }
._bg_color-sub-1 { background-color: var(--color-sub-1); }
._bg_color-sub-2 { background-color: var(--color-sub-2); }
._bg_color-sub-3 { background-color: var(--color-sub-3); }
._bg_color-sub-4 { background-color: var(--color-sub-4); }
._bg_color-sub-5 { background-color: var(--color-sub-5); }
._border_color-main { border-color: var(--color-main); }
._border_color-sub-1 { border-color: var(--color-sub-1); }
._border_color-sub-2 { border-color: var(--color-sub-2); }
._border_color-sub-3 { border-color: var(--color-sub-3); }

._width_a { width: fit-content; }
._border_bottom_grad { border-bottom: 4px solid; border-image: linear-gradient(to right, var(--color-main), var(--color-sub-1)) 1 } 
._fc_grad { background: linear-gradient(to right, var(--color-main), var(--color-sub-1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.section_anchor {
    ._saishin { padding: 0.3em 1em; }
    ._link_anime { transition: transform 0.5s ease; /* 0.5秒かけて変化 */ }
    ._link_anime:hover { transform: translateY(-5px); }  
}
.section_radeon_02 { background: url(/contents/event/a1060600/img/_bg_red_01.webp); background-size: cover; background-repeat: no-repeat; background-position: center center; }
.section_radeon_01, .section_radeon_03 { background: url(/contents/event/a1060600/img/_bg_red_02.webp); background-size: cover; background-repeat: no-repeat; background-position: center center; }
@media screen and (min-width: 700px){
    .block-event-page--accessory { width: 100%; display: block; }
    .block-event-page--accessory-item { 
        .block-top-event--goods { width: 1200px; margin-left: auto; margin-right: auto; } }
}
.section_benchmark {
    ._benchmark > div { min-height: 56px; }
    ._benchmark { 
        ._block_left { padding-right: 8px; }
        ._block_right { padding: 3px 0; }
        ._block_right > div { padding: 0 8px; }

        @media screen and (min-width: 700px){
            ._block_left { width: 18%; font-size: 0.9em; border-right: 1px #ffffff solid ; }
            ._block_right { width: 82%; }
        }
        @media screen and (max-width: 699px){ overflow-x: scroll; width: 100%; border: #4D4D4D 2px solid; padding: 1em;
            ._block_left { width: 100%;}
            ._block_right { width: 1000px; height: 40px; margin-bottom: 1em;}
            ._benchmark::-webkit-scrollbar { height: 14px; /* スクロールバーの高さ */ }
            ._benchmark::-webkit-scrollbar-thumb { background: #989898; /* ツマミの色 */ border-radius: 7px; /* ツマミ両端の丸み */ }
            ._benchmark::-webkit-scrollbar-track { background: #4D4D4D; /* トラックの色 */ border-radius: 7px; /* トラック両端の丸み */ }
        }
    }
}