.teiza_seat_group {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: var(--font-sub);
    font-size: 60px;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 16px;
    margin-top: 32px;
}
.teiza_seat_group::after{
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    background: #333;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 0;
}
.teiza_seat_group span.h_group {
    font-size: 16px;
    font-weight: 600;
    line-height: 1em;
    padding-right: 2px;
    transform: translateY(-4px);
    z-index: 1;
}
.teiza_seat_group span.price {
    font-size: 18px !important;
    line-height: 1em;
    background: #fff !important;
    color: #333 !important;
    padding: 6px 12px;
    z-index: 1;
}
.teiza_seat_group span.price span{
    display: inline-block;
    padding: 2px .5em 2px 0;
}
.h_sub + .teiza_seat_group {
    margin-top:0;
}
.fab_block {
    border: 1px solid #eaeaea;
    border-radius: 8px;
    margin-bottom: 16px;
}
.teiza_seat_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}
.teiza_seat_name {
    font-size: 20px;
    line-height: 1em;
    font-weight: 600;
    width: 100%;
    background: #eaeaea;
    color: #333;
    padding: 16px 16px;
    border-radius: 4px 4px 0 0;
}
/*.teiza_seat_name::before{
    content: '';
    display: inline-block;
    background: #333;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    vertical-align: middle;
    margin-right: 8px;
    transform: translateY(-4px);
}*/
.teiza_seat_name span{
    display: inline-block;
    color: #333;
    background: #fff;
    font-size: 14px;
    line-height: 1em;
    font-weight: 600;
    border-radius: 8px;
    padding: 6px 12px;
    margin-left: 8px;
    vertical-align: middle;
    position: relative;
}
.teiza_seat_spec {
    font-size: 14px;
    margin: 0 2%;
}
.teiza_seat_spec span {
    display: inline-block;
    border: 1px solid #eaeaea;
    border-radius: 16px;
    padding: 0 12px;
    margin-left: 2px;
}
.teiza_seat_ft {
    width:96%;
    margin: 0 2% 0 calc(2% + 1em) !important;
    padding: 16px 0 16px 2em;
}
.teiza_seat_ft li {
    list-style-type: disc;
    font-size:16px !important;
    line-height: 1.8em !important;
}
ul.teiza_color_sample_2025 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    width:96%;
    margin: 0 auto;
    padding: 0;
}
ul.teiza_color_sample_2025 li {
width: calc((100% - 8px) / 3);
list-style: none;
margin-bottom: 16px;
position: relative;
transition: .2s;
}
ul.teiza_color_sample_2025 li input {
    display: none;
}
ul.teiza_color_sample_2025 li label {
    display: block;
    font-size: 14px;
    line-height: 1.2em;
    text-align: center;
    padding:0;
    position: relative;
}
ul.teiza_color_A li label .color_sample::before,
ul.teiza_color_A li label .color_sample::after,
ul.teiza_color_CD li label .color_sample::before,
ul.teiza_color_CD li label .color_sample::after  {
    content: '';
    display: block;
    width: 100%;
    height: 120px;
    margin-bottom: 8px;
    background-size: 900px 960px;
    background-position: 0 0;
    border-radius: 16px;
    cursor: pointer;
    z-index: 0;
    box-sizing: border-box;
}
ul.teiza_color_B li label .color_sample::before,
ul.teiza_color_B li label .color_sample::after {
    content: '';
    display: block;
    width: 100%;
    height: 120px;
    margin-bottom: 8px;
    background-size: 900px 1440px;
    background-position: 0 0;
    border-radius: 16px;
    cursor: pointer;
    z-index: 0;
    box-sizing: border-box;
}
ul.teiza_color_A li label .color_sample::before,
ul.teiza_color_A li label .color_sample::after {
    background-image: url(https://img07.shop-pro.jp/PA01347/159/etc_base64/c3BfY19jbG9sb3JfQQ.jpg);
}
ul.teiza_color_B li label .color_sample::before,
ul.teiza_color_B li label .color_sample::after {
    background-image: url(https://img07.shop-pro.jp/PA01347/159/etc_base64/c3BfY19jbG9sb3JfQg.jpg?cmsp_timestamp=20250926110342);
}
ul.teiza_color_CD li label .color_sample::before,
ul.teiza_color_CD li label .color_sample::after {
    background-image: url(https://img07.shop-pro.jp/PA01347/159/etc_base64/c3BfY19jbG9sb3JfQ0Q.jpg?cmsp_timestamp=20250919174900);
}
ul.teiza_color_A li label[for="color_coo_gy"] .color_sample::before,
ul.teiza_color_A li input:checked + label[for="color_coo_gy"] .color_sample::after,
ul.teiza_color_B li label[for="color_tym_gy"] .color_sample::before,
ul.teiza_color_B li input:checked + label[for="color_tym_gy"] .color_sample::after,
ul.teiza_color_CD li label[for="color_sct_gb"] .color_sample::before,
ul.teiza_color_CD li input:checked + label[for="color_sct_gb"] .color_sample::after {
    background-position: 0 -160px;
}
ul.teiza_color_A li label[for="color_coo_db"] .color_sample::before,
ul.teiza_color_A li input:checked + label[for="color_coo_db"] .color_sample::after,
ul.teiza_color_B li label[for="color_tym_bl"] .color_sample::before,
ul.teiza_color_B li input:checked + label[for="color_tym_bl"] .color_sample::after,
ul.teiza_color_CD li label[for="color_sct_gy"] .color_sample::before,
ul.teiza_color_CD li input:checked + label[for="color_sct_gy"] .color_sample::after {
    background-position: 0 -320px;
}
ul.teiza_color_A li label[for="color_bsp_gr"] .color_sample::before,
ul.teiza_color_A li input:checked + label[for="color_bsp_gr"] .color_sample::after,
ul.teiza_color_B li label[for="color_atr_gy"] .color_sample::before,
ul.teiza_color_B li input:checked + label[for="color_atr_gy"] .color_sample::after,
ul.teiza_color_CD li label[for="color_hkr_br"] .color_sample::before,
ul.teiza_color_CD li input:checked + label[for="color_hkr_br"] .color_sample::after {
    background-position: 0 -480px;
}
ul.teiza_color_A li label[for="color_bsp_br"] .color_sample::before,
ul.teiza_color_A li input:checked + label[for="color_bsp_br"] .color_sample::after,
ul.teiza_color_B li label[for="color_atr_og"] .color_sample::before,
ul.teiza_color_B li input:checked + label[for="color_atr_og"] .color_sample::after,
ul.teiza_color_CD li label[for="color_hkr_pg"] .color_sample::before,
ul.teiza_color_CD li input:checked + label[for="color_hkr_pg"] .color_sample::after {
    background-position: 0 -640px;
}
ul.teiza_color_A li label[for="color_bsp_bk"] .color_sample::before,
ul.teiza_color_A li input:checked + label[for="color_bsp_bk"] .color_sample::after,
ul.teiza_color_B li label[for="color_atr_yl"] .color_sample::before,
ul.teiza_color_B li input:checked + label[for="color_atr_yl"] .color_sample::after,
ul.teiza_color_CD li label[for="color_hkr_bk"] .color_sample::before,
ul.teiza_color_CD li input:checked + label[for="color_hkr_bk"] .color_sample::after {
    background-position: 0 -800px;
}
ul.teiza_color_B li label[for="color_nw2_bg"] .color_sample::before,
ul.teiza_color_B li input:checked + label[for="color_nw2_bg"] .color_sample::after {
    background-position: 0 -960px;
}
ul.teiza_color_B li label[for="color_nw2_gy"] .color_sample::before,
ul.teiza_color_B li input:checked + label[for="color_nw2_gy"] .color_sample::after {
    background-position: 0 -1120px;
}
ul.teiza_color_B li label[for="color_nw2_ki"] .color_sample::before,
ul.teiza_color_B li input:checked + label[for="color_nw2_ki"] .color_sample::after {
    background-position: 0 -1280px;
}
ul.teiza_color_sample_2025 li label .color_sample::after {
    content: 'カラー';
    width: 0;
    height: 160px;
    position: absolute;
    top: 0;
    z-index: 1;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    box-sizing: border-box;
}
ul.teiza_color_sample_2025 li input:checked + label .color_sample::after {
    width: calc(300% + 8px);
    height: 144px;
    padding: 118px 16px 16px;
    text-align: right;
}
ul.teiza_color_sample_2025 li:nth-child(2) input:checked + label .color_sample::after,
ul.teiza_color_sample_2025 li:nth-child(5) input:checked + label .color_sample::after,
ul.teiza_color_sample_2025 li:nth-child(8) input:checked + label .color_sample::after {
    left:calc((300% / 3 * -1) - 4px);
}
ul.teiza_color_sample_2025 li:nth-child(3) input:checked + label .color_sample::after,
ul.teiza_color_sample_2025 li:nth-child(6) input:checked + label .color_sample::after,
ul.teiza_color_sample_2025 li:nth-child(9) input:checked + label .color_sample::after {
    left:calc((300% / 3 * -2) - 8px);
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_hkr_bk"] .color_sample::after,
ul.teiza_color_sample_2025 li input:checked + label[for="color_bsp_bk"] .color_sample::after{
    content: 'ブラック';
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_cal_bg"] .color_sample::after,
ul.teiza_color_sample_2025 li input:checked + label[for="color_nw2_bg"] .color_sample::after {
    content: 'ベージュ';
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_sct_gy"] .color_sample::after,
ul.teiza_color_sample_2025 li input:checked + label[for="color_atr_gy"] .color_sample::after,
ul.teiza_color_sample_2025 li input:checked + label[for="color_coo_gy"] .color_sample::after,
ul.teiza_color_sample_2025 li input:checked + label[for="color_nw2_gy"] .color_sample::after,
ul.teiza_color_sample_2025 li input:checked + label[for="color_tym_gy"] .color_sample::after {
    content: 'グレー';
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_hkr_br"] .color_sample::after,
ul.teiza_color_sample_2025 li input:checked + label[for="color_bsp_br"] .color_sample::after{
    content: 'ブラウン';
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_coo_mc"] .color_sample::after {
    content: 'モカ';
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_coo_db"] .color_sample::after {
    content: 'ダークブラウン';
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_tym_cg"] .color_sample::after {
    content: 'チャコールグレー';
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_bsp_gr"] .color_sample::after {
    content: 'グリーン';
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_nw2_ki"] .color_sample::after {
    content: 'カーキ';
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_atr_og"] .color_sample::after {
    content: 'オレンジ';
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_atr_yl"] .color_sample::after {
    content: 'イエロー';
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_sct_lb"] .color_sample::after {
    content: 'ライトブルー';
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_sct_gb"] .color_sample::after {
    content: 'グレーベージュ';
}
ul.teiza_color_sample_2025 li input:checked + label[for="color_hkr_pg"] .color_sample::after {
    content: 'ペールグレー';
}

ul.teiza_color_sample_2025 li input:checked + label[for="color_tym_bl"] .color_sample::after {
        content: 'ブルー';
}
ul.teiza_color_sample_2025 li label:hover::before {
content: '';
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23ffffff"><path class="cls-1" d="M359.24,224h-59.99c-6.22,0-11.26-5.04-11.26-11.26v-59.99c0-6.21-5.04-11.25-11.26-11.25h-41.49c-6.22,0-11.26,5.04-11.26,11.25v59.99c0,6.21-5.04,11.26-11.26,11.26h-59.99c-6.22,0-11.26,5.04-11.26,11.26v41.48c0,6.21,5.04,11.26,11.26,11.26h59.99c6.22,0,11.26,5.04,11.26,11.26v59.98c0,6.22,5.04,11.26,11.26,11.26h41.49c6.22,0,11.26-5.04,11.26-11.26v-59.98c0-6.22,5.04-11.26,11.26-11.26h59.99c6.22,0,11.26-5.04,11.26-11.26v-41.48c0-6.22-5.04-11.26-11.26-11.26Z"/><path class="cls-1" d="M256,0C114.61,0,0,114.62,0,256s114.61,256,256,256,256-114.61,256-256S397.38,0,256,0ZM256,448c-105.87,0-192-86.13-192-192s86.13-192,192-192,192,86.13,192,192-86.13,192-192,192Z"/></svg>');
display: block;
position: absolute;
top: 8px;
left: 8px;
content: '';
z-index: 2;
width: 20px;
height: 20px;
background-size: cover;
opacity: .8;
}
ul.teiza_color_sample_2025 li input:checked + label:hover::before {
display: none;
}
ul.teiza_color_sample_2025 li input:checked + label:hover::after {
content: '';
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23ffffff"><path class="cls-1" d="M359.77,224h-207.54c-5.93,0-10.73,4.8-10.73,10.73v42.53c0,5.93,4.8,10.73,10.73,10.73h207.54c5.93,0,10.73-4.81,10.73-10.73v-42.54c0-5.93-4.8-10.73-10.73-10.73Z"/><path class="cls-1" d="M256,0C114.61,0,0,114.62,0,256s114.61,256,256,256,256-114.61,256-256S397.38,0,256,0ZM256,448c-105.87,0-192-86.13-192-192s86.13-192,192-192,192,86.13,192,192-86.13,192-192,192Z"/></svg>');
display: block;
position: absolute;
top: 8px;
left: 8px;
content: '';
z-index: 2;
width: 20px;
height: 20px;
background-size: cover;
opacity: .8;
}
ul.teiza_color_sample_2025 li:nth-child(2) input:checked + label:hover::after,
ul.teiza_color_sample_2025 li:nth-child(5) input:checked + label:hover::after,
ul.teiza_color_sample_2025 li:nth-child(8) input:checked + label:hover::after {
    left:calc((300% / 3 * -1) + 4px);
}
ul.teiza_color_sample_2025 li:nth-child(3) input:checked + label:hover::after,
ul.teiza_color_sample_2025 li:nth-child(6) input:checked + label:hover::after,
ul.teiza_color_sample_2025 li:nth-child(9) input:checked + label:hover::after {
    left:calc((300% / 3 * -2) + 4px);
}
@media screen and (max-width: 640px) {
.teiza_seat_name {
font-size: 20px;
}
.teiza_seat_name::before {
width: 12px;
height: 12px;
margin-right: 4px;
transform: translateY(-2px);
}
.teiza_seat_spec {
font-size: 12px;
}
.teiza_seat_group {
font-size: 40px;
}
.teiza_seat_group span.price {
font-size: 16px !important;
}
}
@media screen and (max-width: 460px) {
.teiza_seat_name {
font-size: 16px;
padding: 12px 12px 8px;
}
.teiza_seat_name span {
font-size: 12px;
border-radius: 4px;
padding: 6px 8px;
margin-left: 4px;
}
.teiza_seat_ft li {
font-size: 14px !important;
}
}