@charset "utf-8";

/* common table_block */
.content-inner-02 {
  margin: 10px 0 0;
	padding: 15px 20px 0 10px;
}
.product-block {
	margin: 18px 0 0;
}
.product-row {
	overflow: hidden;
	width: 100%;
}
.product-row.row-table {
	display: table;
}
.product-row.row-table .img-content {
	float: none;
	width: 45%;
	display: table-cell;
	vertical-align: middle;
}
.product-row.row-table .description-content {
	float: none;
	width: 55%;
	display: table-cell;
}
.img-content {
	float: left;
	width: 45%;
}
.description-content {
	float: left;
	width: 55%;
}
.table-02-product table {
  display: table;
	font-size: 13px;
	border-collapse: separate;
	border: solid #ccc;
	border-width: 2px 0 0 2px;
	width: 100%;
	table-layout: fixed;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*table-02-product*/
.table-02-product table tr {
   display: table-row;
}
.table-02-product table tr th {
	width: 30%;
	background: #EBEBEB;
	text-align: center;
}
.table-02-product table tr th,
.table-02-product table tr td {
	display: table-cell;
	border: solid #ccc;
	border-width: 0 2px 2px 0;
	line-height: 130%;
	vertical-align: middle;
	padding: 2px !important;
}
.table-02-product table tr td {
	width: 70%;
	text-align: center;
}

/* table-02B-product */
.table-02B-product table {
  display: table;
	font-size: 13px;
	border-collapse: collapse;
	border-spacing: 2px;
	border: solid #ccc;
	border-width: 2px 0 0 2px;
	width: 100%;
	table-layout: fixed;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.table-02B-product table tr th,
.table-02B-product table tr td {
	display: table-cell;
  padding: 2px !important;
	border: solid #ccc;
	border-width: 0 2px 2px 0;
	line-height: 130%;
	vertical-align: middle;
}
.table-02B-product table th:first-child {
	width: 70%;
}
.table-02B-product table th:last-child {
	width: 30%;
}
.table-02B-product table td:first-child {
	text-align: left;
}
.table-02B-product table td:last-child {
	text-align: center;
}
.table-block02B,
.table-block03 {
	margin: 18px 0 0;
}
.table-02B-product table thead th {
	text-align: center;
}
.table-02B-product table thead td {
	background: #fff;
}

/*table-03-product*/
.table-03-product table {
  display: table;
	font-size: 13px;
	border-collapse: collapse;
	border-spacing: 2px;
	border: solid #ccc;
	border-width: 2px 0 0 2px;
	width: 100%;
	table-layout: fixed;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
.table-03-product table tr th,
.table-03-product table tr td {
	display: table-cell;
  padding: 2px;
	border: solid #ccc;
	border-width: 0 2px 2px 0;
	line-height: 130%;
	vertical-align: middle;
}
.table-03-product table thead th {
	font-weight: bold;
	text-align: center;
}
table th.bg-pink {
  background: #ffcccb;
}
table th.bg-yellow {
  background: #ffffcd;
}
table th.bg-gray {
  background: #D6D6D6;
}
table th.bg-gold {
  background: #ffe0aa;
}
.deep {
	background: #EBEBEB;
}
.line-up-top {
	margin: 18px 0 0;
}
.fwnormal {
	font-weight: normal !important;
}
.product-banner-block {
	margin: 43px 0 0;
}
.product-banner-block img {
	margin: 0 auto;
}
.lineup-link,
.banner-note {
	color: #0066CC !important;
  text-decoration: underline;
}
.banner-note:hover,
.lineup-link:hover {
	color: #0099FF !important;
  text-decoration: none;
}
.txt-l1-3 {
  line-height: 1.3;
}

/*table column settings*/
.tbl-col-w15 {
	width: 15% !important;
}
.tbl-col-w17-5 {
	width: 17.5% !important;
}
.tbl-col-w20 {
	width: 20% !important;
}
.tbl-col-w22-5 {
	width: 22.5% !important;
}
.tbl-col-w24 {
	width: 24% !important;
}
.tbl-col-w25 {
	width: 25% !important;
}
.tbl-col-w25-8 {
	width: 25.8% !important;
}
.tbl-col-w26 {
	width: 26% !important;
}
.tbl-col-w27 {
	width: 27% !important;
}
.tbl-col-w30 {
	width: 30% !important;
}
.tbl-col-w35 {
	width: 35% !important;
}
.tbl-col-w35-1 {
	width: 35.1% !important;
}
.tbl-col-w36-5 {
	width: 36.5% !important;
}
.tbl-col-w37-5 {
	width: 37.5% !important;
}
.tbl-col-w40 {
	width: 40% !important;
}
.tbl-col-w60 {
	width: 60% !important;
}
.tbl-col-w70 {
	width: 70% !important;
}


/* common table_block SP*/
@media screen and (max-width: 767px) {
	.content-row {
		margin: 8.93vw 0 0;
	}
	.content-column .column-text {
		padding: 0 3.20vw;
	}
	.description-content {
    float: unset;
    width: 100%;
    margin: 13.33vw 0 0;
	}
	.content-inner-02 {
    padding: 0 2.67vw;
	}
	.img-content {
		float: unset;
		width: 100%;
		padding: 0 5.67vw;
	}
	.img-content img {
		width: 100%;
		margin: 0 auto;
	}
	.p_rose .img-content img,
	.p_beco .img-content img,
	.p_porkwiny .img-content img,
	.p_meatball .img-content img,
	.p_hamburg .img-content img,
	.p_shau .img-content img,
	.p_cake1 .img-content img,
	.p_bread .img-content img,
	.p_frozen_maru .img-content img,
	.p_frozen_shikaku .img-content img,
	.p_j_hamburg .img-content img,
	.p_garlic_bacon .img-content img,
	.p_maru_genmai .img-content img,
	.p_brownie .img-content img,
	.p_gotisou .img-content img {
		max-width: 220px;
	}
	.p_j_meatball .img-content img {
		max-width: 210px;
	}
	.p_sikaku .img-content img,
	.p_maru .img-content img,
	.p_shoku_bread-8 .img-content img {
		max-width: 197px;
	}
 	.table-02-product table,
	.table-02B-product table,
	.table-03-product table {
		font-size: 3.73vw;
	}
	table {
		border-width: 0.67vw 0 0 0.67vw !important;
	}
	table tr th,
	table tr td {
		padding: 1.33vw !important;
		border-width: 0 0.67vw 0.67vw 0 !important;
	}
	.table-block02B,
	.sub-detail-content {
    margin: 7.47vw 0 0;
	}
	.table-scroll {
    width: 100%;
    overflow-x: auto;
		margin: 3.73vw 0 0;
	}
	.table-scroll-inner {
		width: 150vw;
		padding: 0 0 5.33vw 0;
	}
	.table-scroll-note {
		position: relative;
    padding: 2.67vw 0;
    padding: 0 0 0 12.67vw;
    font-size: 3.73vw;
	}
	.table-scroll-note:before {
    content: '';
    display: block;
    position: absolute;
    width: 11.11vw;
    height: 5.87vw;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(/shared/image/icon_tablescroll_red.svg) center no-repeat;
    background-size: contain;
	}
	.content-inner-02 {
		margin: 0;
	}
	.table-03-product table thead th:nth-child(3) {
    width: 20%;
	}
	.product-row.row-table {
		display: block;
	}
	.product-row.row-table .img-content {
		display: block;
		width: 100%;
		padding: 15vw 5vw;
	}
	.tbl-col-w22-5 {
		width: 24.5% !important;
	}
	.tbl-col-w24 {
		width: 22% !important;
	}
	.tbl-col-w40 {
		width: 41% !important;
	}
	.tbl-col-w25 {
    width: 24% !important;
	}
}