@charset "utf-8";

/*===================================================

 60.料金一覧表 #biz-price

===================================================*/
#biz-price .bblock {
    margin-bottom: 100px;
}
#biz-price .bblock h2 {
    margin-bottom: 40px;
    font-size: 2.8rem;
}
#biz-price .bblock h2 + ul {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end;
}
#biz-price .bblock h2 + ul li {
    font-size: 1.5rem;
}
#biz-price .bblock h2 + ul li:not(:last-child) {
    margin-right: 20px;
}
#biz-price .bblock span.color-white {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background: var(--white);
    border: 1px solid var(--gray);
    border-radius: 50%;
    display: inline-block;
}
#biz-price .bblock span.color-ivory {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background: var(--subs);
    border-radius: 50%;
    display: inline-block;
}
#biz-price .bblock span.color-env {
    width: 17px;
    height: 12px;
    margin-right: 5px;
    background: image-set(url('/wp-content/uploads/price_5.webp') 1x, url('/wp-content/uploads/price_5-2x.webp') 2x) no-repeat;
    display: inline-block;
}
#biz-price .bblock span.color-none {
    width: 17px;
    height: 12px;
    margin-right: 5px;
    display: inline-block;
}
#biz-price .bblock table {
    width: 100%;
    margin-bottom: 20px;
    white-space: nowrap;
}
#biz-price .bblock table tr th {
    background: none;
    font-weight: normal;
}
#biz-price .bblock table + p span:last-of-type {
    display: none;
}
#biz-price #biz-price-100::after,
#biz-price #biz-price-20::after,
#biz-price #biz-price-100::before,
#biz-price #biz-price-20::before {
    display: block;
    clear: both;
	content: '';
}
#biz-price .bblock .print tr:first-child th {
    font-size: 1.4rem;
}
#biz-price .bblock .print tr:first-child th:first-child {
    background: #c88500;
    color: var(--white);
    font-size: 2.3rem;
    text-align: center;
    writing-mode: vertical-rl;
}
#biz-price .bblock .print tr:first-child th:not(:first-child) {
    padding-top: 15px;
    vertical-align: top
}
#biz-price .bblock .print tr:first-child th p {
    margin: 0 0 5px 0;
}
#biz-price .bblock .print tr td {
    font-size: 1.4rem;
    text-align: center;
}
#biz-price .bblock .print tr td b {
    margin-right: 0.15em;
    font-size: 1.6rem;
}
#biz-price .bblock .print tr:nth-child(2) td:first-child {
    padding: 5px;
    background: #d89612;
    color: var(--white);
    font-size: 1.5rem;
    text-align: center;
    writing-mode: vertical-rl;
}
#biz-price .bblock .print tr:nth-child(2) td:not(:first-child),
#biz-price .bblock .print tr:nth-child(4) td {
    background: #f3f3f3;
}
#biz-price .bblock .bottom {
    width: 100%;
}
#biz-price .bblock .bottom-area {
    float: left;
}
#biz-price .bblock .bottom-area:first-of-type {
    width: 690px;
    margin-right: 20px;
}
#biz-price .bblock .delivery tr th {
    background: #4ca46b;
    color: var(--white);
}
#biz-price .bblock .delivery tr th,
#biz-price .bblock .delivery tr td {
    text-align: center;
}
#biz-price .bblock .delivery tr:first-child th:first-child {
    background: #478a5e;
}
#biz-price .bblock .delivery tr:first-child th:first-child span {
    padding-left: 0.25em;
    font-size: 2.4rem;
    letter-spacing: 0.25em;
}
#biz-price .bblock .delivery tr:nth-child(3) td,
#biz-price .bblock .delivery tr:nth-child(5) td {
    background: #f3f3f3;
}
#biz-price .bblock .delivery tr:nth-child(3) td:first-child,
#biz-price .bblock .delivery tr:nth-child(4) td:first-child,
#biz-price .bblock .delivery tr:nth-child(5) td:first-child {
    font-weight: 500;
}
#biz-price .bblock .delivery tr:nth-child(2) td,
#biz-price .bblock .delivery tr:nth-child(3) td:not(:first-child) {
    font-size: 1.3rem;
}
#biz-price .bblock .delivery tr:nth-child(2) td b,
#biz-price .bblock .delivery tr:nth-child(3) td:not(:first-child) b {
    margin-right: 0.15em;
    font-size: 1.6rem;
}
#biz-price .bblock .delivery tr:last-child td span {
    margin-left: 0.15em;
    font-size: 1.4rem;
}
#biz-price .bblock .delivery + p {
    white-space: nowrap;
}
#biz-price .bblock .bottom-area:nth-of-type(2) {
    width: 433px;
    margin-right: 20px;
}
#biz-price .bblock .express-delivery tr th {
    background: #22a5bd;
    color: var(--white);
}
#biz-price .bblock .express-delivery tr th,
#biz-price .bblock .express-delivery tr td {
    text-align: center;
}
#biz-price .bblock .express-delivery tr:first-child th:first-child {
    background: #2496ab;
}
#biz-price .bblock .express-delivery tr:first-child th:first-child span {
    padding-left: 0.25em;
    font-size: 2.4rem;
    letter-spacing: 0.25em;
}
#biz-price .bblock .express-delivery tr:nth-child(2) td {
    font-size: 1.3rem;
}
#biz-price .bblock .express-delivery tr:nth-child(2) td b {
    margin-right: 0.15em;
    font-size: 1.6rem;
}
#biz-price .bblock .express-delivery tr:nth-child(3) td {
    background: #f3f3f3;
}
#biz-price .bblock .express-delivery tr:nth-child(3) td:first-child {
    font-weight: 500;
}
#biz-price .bblock .express-delivery + p {
    white-space: nowrap;
}
#biz-price .bblock .foot {
    float: right;
    margin-top: 280px;
}
#biz-price .bblock .foot p:first-child {
    margin-bottom: 10px;
    display: none;
    font-size: 2.5rem;
    font-weight: 500;
}
#biz-price .bblock .foot p:last-child {
    margin: 0;
    padding: 5px 10px;
    border: 1px solid #777;
    display: inline;
    font-size: 1.3rem;
}
#biz-price .bblock h3 {
    display: none;
}
#biz-price .bblock .template {
    margin-bottom: 20px;
}
#biz-price .bblock .template tr:first-child th:first-child {
    width: 100px;
    padding-left: 10px;
    background: var(--accent);
    color: var(--white);
    font-size: 2.0rem;
    text-align: center;
    writing-mode: vertical-rl;
}
#biz-price .bblock .template tr th {
    padding-left: 30px;
    background: none;
}
#biz-price .bblock .template tr td:first-of-type {
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: center;
}
#biz-price .bblock .template tr td:nth-of-type(2) {
    text-align: center;
}
#biz-price .bblock .template tr td:first-of-type b {
    margin-right: 0.15em;
    font-size: 1.8rem;
}
#biz-price .bblock .template tr:nth-child(2n) th,
#biz-price .bblock .template tr:nth-child(2n) td {
    background: #f3f3f3;
}
#biz-price .bblock .template tr:first-child th + th {
    width: 508.5px;
}
#biz-price .bblock .template tr:first-child td:first-of-type {
    width: 170.44px;
}
#biz-price .bblock .template tr:first-child td:nth-of-type(2) {
    width: 95.19px;
}
#biz-price .bblock .template tr td:last-of-type {
    padding-left: 30px;
}
#biz-price #biz-template .foot {
    margin-top: 0;
}
#biz-price .bblock .option {
    margin-bottom: 20px;
}
#biz-price .bblock .option tr th {
    padding-left: 30px;
    background: none;
}
#biz-price .bblock .option tr:first-child th:first-child {
    width: 100px;
    padding-left: 10px;
    background: #425eaa;
    color: var(--white);
    font-size: 2.3rem;
    text-align: center;
    writing-mode: vertical-rl;
}
#biz-price .bblock .option tr td:first-of-type {
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: center;
}
#biz-price .bblock .option tr td:first-of-type b,
#biz-price .bblock .option tr:nth-child(4) td:nth-of-type(2) b,
#biz-price .bblock .option tr:nth-child(7) td:nth-of-type(2) b {
    margin-right: 0.15em;
    font-size: 1.8rem;
}
#biz-price .bblock .option tr td:nth-of-type(2) {
    text-align: center;
}
#biz-price .bblock .option tr td:last-of-type {
    padding-left: 30px;
}
#biz-price .bblock .option tr:nth-child(2n) th,
#biz-price .bblock .option tr:nth-child(2n) td {
    background: #f3f3f3;
}
#biz-price .bblock #template-option tr:first-child th + th,
#biz-price .bblock #deadline-option tr:first-child th + th {
    width: 508.5px;
}
#biz-price .bblock #template-option tr:first-child td:first-of-type,
#biz-price .bblock #deadline-option tr:first-child th + td,
#biz-price .bblock #print-option tr:first-child td:first-of-type {
    width: 170.44px;
}
#biz-price .bblock #template-option tr:first-child td:nth-of-type(2),
#biz-price .bblock #deadline-option tr:first-child th + td + td,
#biz-price .bblock #print-option tr:first-child td:nth-of-type(2) {
    width: 95.19px;
}
#biz-price .bblock #deadline-option tr:first-child th:first-child {
    font-size: 2.0rem;
}
#biz-price .bblock #print-option tr:nth-child(4) th {
    width: 360px;
}
#biz-price .bblock #print-option tr:nth-child(4) th + td,
#biz-price .bblock #print-option tr:nth-child(7) td:first-child {
    writing-mode: vertical-rl;
}
#biz-price .bblock #print-option tr:nth-child(4) td:nth-of-type(3),
#biz-price .bblock #print-option tr:nth-child(7) td:nth-child(3) {
    text-align: center;
}
#biz-price #biz-price-option .foot {
    margin-top: 0;
}
/*--------------------------------------------------
 responsive
--------------------------------------------------*/
@media screen and (max-width: 1640px) { 
    #biz-price .bblock .table-wrap {
        margin-bottom: 40px;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    #biz-price .bblock .bottom-area {
        float: none;
    }
    #biz-price .bblock .foot {
        float: right;
        margin-top: 0;
    }
}
@media screen and (max-width: 1090px) {
    #biz-price .bblock .template tr th,
    #biz-price .bblock .template tr td:last-of-type,
    #biz-price .bblock .option tr th,
    #biz-price .bblock .option tr td:last-of-type {
        padding-left: 10px;
    }
}
@media screen and (max-width: 1084px) {
    #biz-price .bblock h3 {
        display: block;
    }
    #biz-price .bblock .template tr:first-child th:first-child,
    #biz-price .bblock .option tr:first-child th:first-child {
        display: none;
    }
    #biz-price .bblock table tr th,
    #biz-price .bblock table tr td {
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 790px) {
    #biz-price #price-list-type {
        display: none;
    }
}
@media screen and (max-width: 750px) {
    #biz-price .bblock .bottom-area:first-of-type {
        width: 100%;
    }
    #biz-price .bblock .bottom .delivery {
        width: 690px;
    }
}
/*===================================================
 print
===================================================*/
@media print {
    @page {
        margin: 0;
        size: landscape; 
    }
    html, body {
        height: auto;
        overflow: visible;
    }
    body {
        width: 100%;
        margin: 0;
        padding: 0;
        print-color-adjust: exact;
        zoom: 60%;
    }
    header,
    #breadcrumbs,
    .title,
    #price-list-type,
    .block,
    #page-top,
    footer,
    #voiceflow-chat {
        display: none !important;
    }
    #main {
        padding: 0;
    }
    #biz-price-20,
    #biz-template,
    #biz-price-option {
        break-before: page;
    }
    #biz-price-20,
    #biz-template,
    #biz-price-option {
        padding-top: 100px;
    }
    #biz-price .bblock .foot {
        margin-top: 200px;
    }
    #biz-price .bblock table + p span:first-of-type {
        display: none;
    }
    #biz-price .bblock table + p span:last-of-type {
        display: inline;
    }
    #biz-price table,
    #biz-price table tr th,
    #biz-price table tr td {
        border: 0.5pt solid var(--gray) !important;
    }
    #biz-price .bblock .foot p:first-child {
        display: block;
    }
    #biz-price .bblock #print-option {
        margin-bottom: 0;
    }
    #biz-price #biz-price-option .foot {
        margin-top: 0;
    }
}