/*contents_layout更新の調整用*/
th {
    font-size: 1.6rem;
    padding: 30px 20px 30px 25px;
    font-weight: bold;
    vertical-align: top;
    background: #ededed;
    border-bottom: 2px solid #fff;
}
td {
    font-size: 1.4rem;
    padding: 20px;
    line-height: 2;
}
img {
    vertical-align: bottom;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
}

/* contents_layout 打消し用 */
.lh-normal {
    line-height: normal !important;
}
.va-top {
    vertical-align: top !important;
}
.va-mid {
    vertical-align: middle !important;
}
.va-btm {
    vertical-align: bottom !important;
}
.w_auto {
    width: auto !important;
}
.mw-reset {
    min-width: 0 !important;
}
.none-border {
    border: 0 !important;
}
.solid-r td {
    border-right: 1px dotted #cccccc !important;
}
.solid-r tr td:first-of-type {
    border-left: 1px dotted #cccccc !important;
}
.solid-r th {
    border-right: 2px solid #fff !important;
}
.solid-r tr th:first-of-type {
    border-left: 2px solid #fff !important;
}
.tbl_03.mini_tbl {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}
.tbl_03.mini_tbl tr,
.tbl_03.mini_tbl td {
    border: 0;
    padding: 5px;
    line-height: normal !important;
}
.tbl_03.border-gray tr,
.tbl_03.border-gray td {
    border: 1px solid #cccccc;
}
.table-10p td,
.table-10p th {
    padding: 10px;
    vertical-align: middle;
}
.p-reset {
    font-size: 1.4rem;
    margin: 0!important; 
}
.s-font {
    font-size: 1.2rem !important;
}
/******************************/

/** maker_style **/
span.ib {
    display: inline-block;
}
.m-center {
    margin-right: auto !important;
    margin-left: auto !important;
}
.border-gray {
    border: 1px solid #cccccc;
}
.td-gray {
    background-color: #ededed;
    font-weight: bold;
}
.red-font {
    color: #cc0000;
}
.no-link {
    pointer-events: none;
}
.tategaki {
    -ms-writing-mode: tb-rl;
    /* IE用　*/
    -webkit-writing-mode: vertical-rl;
    /* chrome用　*/
    -o-writing-mode: vertical-rl;
    /* opera用　*/
    writing-mode: vertical-rl;
    display: inline-block;
}

/** shoda **/
.shoda-p-layout {
    padding: 20px 20px 10px 20px;
}
.flex-content {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    -ms-flex-wrap: wrap;
    align-items: stretch;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex-item {
    box-sizing: border-box;
}
.flex-item.inner {
    display: flex;
    flex-direction: column;
}
/* daitou */
.over-table {
    border-bottom: none;
    width: 100%;
}
.over-table th {
    font-size: 1.2rem;
    background: #ededed;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #cccccc;
}
.over-table td {
    border: 1px solid #cccccc;
}

/* colloid */
.coll-waku {
    border: 1px solid #cccccc;
}
/*fresh　nissin_pizza*/
.product-title {
    border-radius: 10px;
}
/* matsutani */
.gi-box {
    text-align: center;
    border: 1px dashed #cccccc;
    border-radius: 10px;
    font-size: 1.2rem;
    padding: 10px;
}
.matsu-solid td:first-of-type{
    border-top:1px solid #cccccc!important;
}
.matsu-solid td{
    border-left: 1px solid #cccccc!important;
    border-right: 1px solid #cccccc!important;
    border-bottom:1px solid #cccccc!important;
}
.matsu-solid th{
    border-left: 2px solid #fff!important;
}
.matsu-solid td._retitle:before{
    border-right:1px solid #cccccc!important;
}
/* oriental */
.oriental-box {
    padding: 10%;
    border-radius: 10px;
    border: 1px solid #cccccc;
}
/* j-oill */
.title-box {
    display: inline-block;
    background-color: #e60021;
    color: white;
    font-size: 1.8rem;
    font-weight: bold;
    padding:0px 10px;
    line-height: 2;
}
/*fresh food*/
.section02 {
    overflow: hidden;
}
.sbys {
    float: left;
    width: 50%;
    padding-top: 3em;
    padding-left: 10%;
}

@media print,
(min-width: 767px) {

    .pc_w_250p {
        width: 250px !important;
    }
    .pc_w_150p {
        width: 150px !important;
    }
    .pc_block {
        display: block;
    }
    .sp_block {
        display: none;
    }
    .col_img_left,
    .col_img_right {
        font-size: 1.6rem;
        line-height: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 40px;
    }
    .col_img_right > .col:nth-child(1) {
        order: 2;
    }
    .col_img_right > .col:nth-child(2) {
        order: 1;
    }
    .col_img_left > .col:nth-child(1) {
        width: 200px;
        height: 100%;
        margin-right: 20px;
        margin-bottom: 0;
    }
    .col_img_left > .col:nth-child(2) {
        width: calc(100% - 220px);
    }
    .col_img_left > .col p._title {
        position: relative;
        /* font-size: 16px; */
        line-height: 1.8;
        word-break: break-all;
        overflow: hidden;
    }
    .col_img_left > .col p._lead {
        line-height: 1.8;
    }
    .tbl_03.mini_tbl td {
        font-size: 1.6rem;
    }

    /* style2.css */

    .col_img_right2 > .col:nth-child(2) {
        /* float: left; */
        width: 200px;
        height: 100%;
        margin-right: 20px;
        margin-bottom: 0;
    }
    .col_img_right2 > .col:nth-child(1) {
        /* float: left; */
        width: calc(100% - 220px);
    }
    .img_bottle {
        position: absolute;
        right: -50px;
        bottom: -15px;
        z-index: 10;
    }

}

@media (max-width: 768px) {
    th {
        font-size: 1.4rem;
        padding: 15px 20px;
    }
    td {
        font-size: 1.2rem;
        padding: 5px 0 20px;
        line-height: 2;
    }
    .pc_block {
        display: none;
    }
    .sp_block {
        display: block;
    }
    .col_img_left {
        margin-bottom: 25px;
    }
    .col_img_left > .col:nth-child(1) {
        text-align: center;
    }
    /* over-table */
    .over-table {
        border-collapse: collapse;
        border: 0px solid #666;
    }
    .over-table th {
        display: none;
    }
    .over-table tr {
        display: block;
        margin-bottom: 20px;
    }
    .over-table td {
        display: block;
        padding: 1rem;
        position: relative;
        padding-top: calc(1rem + 25px);
        text-align: center;
    }
    .over-table td::before {
        content: attr(data-label);
        display: block;
        width: 100%;
        line-height: 25px;
        padding: 0 10px;
        text-align: center;
        background-color: #ededed;
        border-bottom: 1px solid border: 0px solid #666;
        font-weight: bold;
        position: absolute;
        top: 0;
        left: 0;
    }
    .tbl_03.mini_tbl td {
        font-size: 1.4rem;
    }
    .flex-item-50p {
        width: 100%;
    }
    /* style2.css */
    .aBox_wrap {
        padding: 0 20px;
    }
    .aBox {
        width: 100%;
        padding: 10px 10px 0 10px;
    }
    .bBox {
        width: 100%;
        padding: 10px 10px 0 10px;
    }
/*fresh food*/
.sbys {
    float: none;
    width: 100%;
    padding-top: 0;
    padding-left: 0;
}

.oriental_img2 {
    display: block;
    margin: 0px auto !important;
}

}

.oriental_img2_text{
    text-align: center;
}

@media (min-width:767px) {
    .oriental_img2_div{
        width: fit-content;
    }
}

}
