@charset "UTF-8";
/* CSS Document */


/* -------------------------------- PC版のスタイルここから ------------------------------------*/

@media print, screen and (min-width: 751px) {
 

/* 料金メニュー */
    
    .tuning-menu-wrap .ttl-txt03{
        margin-bottom: 24px;
    }
    
    .tuning-menu-list,
    .tuning-option-list{
        margin-top: 32px;
        width: 100%;
    }
    
    .tuning-menu-list table,
    .tuning-option-list table{
        width: 100%;
    }
    
    .tuning-menu-list table tr:first-child{
        border-bottom: 3px solid #CCCCCC;
    }
    
    .tuning-option-list table tr:first-child{
        border-bottom: 3px solid #CCCCCC;
    }
    
    .tuning-menu-list table tr:first-child th{
        padding-top:0;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
        text-align: left;
        font-weight: bold;
        font-size: 16px;
        line-height: 26px;
    }
    
    .tuning-menu-list table tr:first-child th b{
        display: block;
        font-size: 12px;
    }
    
    .tuning-menu-list table tr.tr-bd{
        border-bottom: 1px solid #CCCCCC;
    }
    
    .tuning-menu-list table td,
    .tuning-menu-list table th,
    .tuning-option-list table td,
    .tuning-option-list table th{
        padding-top:16px;
        padding-bottom: 16px;
    }
    
    .tuning-menu-list table tr+tr th{
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        padding-left: 16px;
        padding-right: 16px;
        border-bottom: 1px solid #CCCCCC;
        vertical-align: top;
    }
    
    .tuning-menu-list table tr+tr td{
        text-align: left;
        font-size: 16px;
        line-height: 26px;
        padding-left: 16px;
        padding-right: 16px;
        border-bottom: 1px solid #CCCCCC;
    }
    
    .tuning-option-list table tr{
        border-bottom: 1px solid #CCCCCC;
    }
    
    .tuning-option-list table th{
        font-weight: bold;
        font-size: 18px;
        line-height: 1.8em;
        padding-left: 16px;
        padding-right: 16px;
    }
    
    
    .tuning-option-list table th b{
        display: block;
        font-size: 16px;
        line-height: 1.8em;
        font-weight: normal;
        color: #898989;
    }
    
    .tuning-option-list table td{
        width: 20%;
        text-align: left;
        font-size: 16px;
        line-height: 26px;
        padding-left: 16px;
        padding-right: 16px;
    }
    
  
    
}


/* -------------------------------- SP版のスタイルここから ------------------------------------*/

@media screen and (max-width: 750px) {
    

    
/* 料金 */
    
    .tuning-menu-wrap .ttl-txt03{
        margin-top: 40px;
        margin-bottom: 24px;
    }
    
    .tuning-menu-list{
        margin-top: 32px;
        width: 100%;
        overflow-x: scroll;
    }
    
    .tuning-menu-list table{
        width: max-content;
        position: relative;
        display: block;
    }
    
    
    .tuning-menu-list table tr:first-child th:after{
        content: '';
        width: 100%;
        height: 3px;
        background: #ccc;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    
    .tuning-menu-list table tr:first-child th{
        padding-top:8px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 8px;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        position: relative;
        text-align: left;
    }
    
    .tuning-menu-list table tr th:first-child{
        width: 30%;
        position: sticky;
        left: 0;
        z-index: 1;
        background: #F2F2F2;
    }
    
    .tuning-menu-list table tr th+th{
        width: 23%;
    }
    
    .tuning-menu-list table tr+tr td:after,
    .tuning-menu-list table tr+tr th:after{
        content: '';
        width: 100%;
        height: 1px;
        background: #ccc;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    
    .tuning-menu-list table td,
    .tuning-menu-list table th,
    .tuning-option-list table td,
    .tuning-option-list table th{
        padding-top:8px;
        padding-bottom: 8px;
        border-collapse: collapse;
        border: none;
        position: relative;
    }
    
    .tuning-menu-list table tr+tr th{
        font-size: 14px;
        line-height: 1.6em;
        text-align: left;
        padding-left: 8px;
        padding-right: 8px;
        position: sticky;
        left: 0;
        z-index: 1;
        background: #F2F2F2;
    }
    
    
    .tuning-menu-list table tr+tr td{
        text-align: left;
        font-size: 14px;
        line-height: 26px;
        padding-left: 8px;
        padding-right: 8px;
        background: #fff;
    }
    
    .tuning-option-list{
        margin-top: 32px;
    }
    
    .tuning-option-list table tr:first-child{
        border-bottom:3px solid #ccc;
    }
    
    .tuning-option-list table th {
        width: 70%;
        font-size: 14px;
        line-height: 26px;
        text-align: left;
        padding-left: 8px;
        padding-right: 8px;
    }
    
    .tuning-option-list table tr+tr {
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }
    
    .tuning-option-list table td {
        text-align: left;
        font-size: 14px;
        line-height: 26px;
        padding-left: 8px;
        padding-right: 8x;
        background: #fff;
        display: block;
    }
    
    .tuning-option-list table th b {
        display: block;
        font-size: 12px;
        line-height: 1.8em;
        font-weight: normal;
        color: #898989;
    }
    
}