.pcloudpriceTable{
    --pcloudcolor: #17bed0;
    --red: #f20000;
    --orange: #f97316;
    table-layout:fixed;
}
.pcloudpriceTable .btn,.pcloudpriceTable a.btn,
.pcloudpriceTable button.btn{
    font-size: 1em;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #106eac;
    background: #fcb900;
    line-height: 1.3;
    margin-top: .5em;
    width: min(100%,16rem);
    & .vk_button_link_txt{
        font-size: min(1.4em,4dvw);
    }
}
.pcloudpriceTable tbody tr:nth-of-type(odd){
    background: none !important;
}
.pcloudpriceTable th,
.pcloudpriceTable td{
    text-align: center;
    border: solid 1px #106eac;
    vertical-align: middle !important;
    padding: 1em 0.5em;
}
.pcloudpriceTable th{
	color: #fff;
	background: #106eac;
	border-color: #fff;
}
.pcloudpriceTable th:first-child{
    width: 4.5em;
}
.pcloudprice-price{
    font-size: 1.3em;
}

/* 公式サイトセール用 */
.pCloudOnCampaign .pcloudpriceTable td{
    text-decoration: line-through;
    text-decoration-color: rgba(235,7,7,.7);
    text-decoration-style: double;
    text-decoration-thickness: 2px;
}
.pcloudprice-ribbon{
    font-size: min(1.4em,3dvw);
    font-weight: bold;
    display: inline-grid;
    grid-template-columns: .8em 1fr .8em;
    gap: 2px;
    --ribbonColor: var(--pcloudcolor);
    & span{
        background: var(--ribbonColor);
        color: #fff;
        padding: 0 .5em;
    }
    &:before,&:after{
        content: "";
        background: var(--ribbonColor);
        clip-path: polygon(0 10%, 100% 10%, 50% 50%, 100% 90%, 0 90%);
    }
    &:before{
        transform: scaleX(-1);
    }
}
.pcloudpriceTable{
    & td:has(.pcloudprice-price){
        & .pcloudprice-ribbon{
            --ribbonColor: var(--red);
        }
        & .btn,
        & a.btn,
        & button.btn{
            background: var(--orange);
        }
    }
}