@charset "UTF-8";

.contents_shokuzaizukan {
	/*font-family: "�q���M�m�p�S�V�b�N Pro", "Hiragino Kaku Gothic Pro", "���C���I", "Meiryo", "�l�r �o�S�V�b�N", "MS PGothic", "Osaka", sans-serif;*/
	margin: 0 auto;
	font-size: 14px;
	color:#432323;
	line-height: 1.8;
	overflow: hidden;
}
.contents {
	padding-bottom: 0;
}
.contents_shokuzaizukan,.footer {
	background: url(../static/shokuzaizukan/mokume.jpg);
}
.breadcrumb ul {
	max-width: 102.4rem;
	margin: 0 auto;
}
.contents_Clearfix:after {
	display: block;
	clear: both;
	content: "";
}
.shokuzaizukan_inner,.contents_inner {
	max-width: 100%;
}
.contents_shokuzaizukan .contents_inner {
	height: 100%;
}

a.txtLink {
	text-indent: -1em;
	margin-left: 1em;
	font-weight: bold;
	text-decoration: underline;
	display: inline-block;
}
a.txtLink:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 6px;
	margin-left: 6px;
	border: transparent solid 5px;
	border-left-color: #986452;
}

a.txtLink:hover {
	text-decoration: none;
}

.contents_shokuzaizukan img {
	width: 100%;
}
.stripes {
	width: 100%;
	height: 39px;
	position: absolute;
	background: url(../static/shokuzaizukan/stripes.png);
	background-repeat: repeat-x;
	background-size: auto 39px;
}

#shokuzaizukan_main {
	width: 100%;
	max-width: 102.4rem;
	margin: 0 auto 3px;
	position: relative;
	z-index: 1;
}

#shokuzaizukan_nav {
	max-width: 98rem;
	overflow: hidden;
	margin: auto;
	z-index: 2;
	position: relative;
}
#shokuzaizukan_nav>div {
	width: 25%;
	height: 72px;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
}

#shokuzaizukan_nav>div>a {
	display: block;
	width: 100%;
	height: 100%;
}

#shokuzaizukan_nav_vegetable {
	background-image: url(../static/shokuzaizukan/tab_vegetable.png);
	background-size:contain;
}
#shokuzaizukan_nav_vegetable.on {
	background-image: url(../static/shokuzaizukan/tab_vegetable_on.png);
	background-size:contain;
}

#shokuzaizukan_nav_fruits {
	background-image: url(../static/shokuzaizukan/tab_fruits.png);
	background-size:contain;
}
#shokuzaizukan_nav_fruits.on {
	background-image: url(../static/shokuzaizukan/tab_fruits_on.png);
	background-size:contain;
}
#shokuzaizukan_nav_vegetable.on + #shokuzaizukan_nav_fruits {
	background-image: url(../static/shokuzaizukan/tab_fruits2.png);
	background-size:contain;
}

#shokuzaizukan_nav_seafood {
	background-image: url(../static/shokuzaizukan/tab_seafood.png);
	background-size:contain;
}
#shokuzaizukan_nav_seafood.on {
	background-image: url(../static/shokuzaizukan/tab_seafood_on.png);
	background-size:contain;
}
#shokuzaizukan_nav_fruits.on + #shokuzaizukan_nav_seafood {
	background-image: url(../static/shokuzaizukan/tab_seafood2.png);
	background-size:contain;
}

#shokuzaizukan_nav_meat {
	background-image: url(../static/shokuzaizukan/tab_meat.png);
	background-size:contain;
}
#shokuzaizukan_nav_meat.on {
	background-image: url(../static/shokuzaizukan/tab_meat_on.png);
	background-size:contain;
}
#shokuzaizukan_nav_seafood.on + #shokuzaizukan_nav_meat {
	background-image: url(../static/shokuzaizukan/tab_meat2.png);
	background-size:contain;
}
.shokuzaizukan_lead_vegetable {
	position: relative;
	width: 100%;
	background: #5f9f48;
	margin-bottom: 30px;
}

.shokuzaizukan_lead_vegetable::after {
	height: 20px;
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -20px;
	background: linear-gradient(151.5deg, #5f9f48 17px, transparent 0), linear-gradient(209.5deg, #5f9f48 17px, transparent 0);
	background-size: 30px 30px;
}
.shokuzaizukan_lead_fruits {
	position: relative;
	width: 100%;
	background: #ea616b;
	margin-bottom: 30px;
}

.shokuzaizukan_lead_fruits::after {
	height: 20px;
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -20px;
	background: linear-gradient(151.5deg, #ea616b 17px, transparent 0), linear-gradient(209.5deg, #ea616b 17px, transparent 0);
	background-size: 30px 30px;
}
.shokuzaizukan_lead_seafood {
	position: relative;
	width: 100%;
	background: #4791aa;
	margin-bottom: 30px;
}

.shokuzaizukan_lead_seafood::after {
	height: 20px;
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -20px;
	background: linear-gradient(151.5deg, #4791aa 17px, transparent 0), linear-gradient(209.5deg, #4791aa 17px, transparent 0);
	background-size: 30px 30px;
}
.shokuzaizukan_lead_meat {
	position: relative;
	width: 100%;
	background: #e16d24;
	margin-bottom: 30px;
}

.shokuzaizukan_lead_meat::after {
	height: 20px;
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -20px;
	background: linear-gradient(151.5deg, #e16d24 17px, transparent 0), linear-gradient(209.5deg, #e16d24 17px, transparent 0);
	background-size: 30px 30px;
}
.shokuzaizukan_lead_inner {
	max-width: 102.4rem;
	padding-top: 17px;
	margin: 0 auto 15px;
	overflow: hidden;
}

.shokuzaizukan_lead_inner .L img {
	width: 10.15625%;
	float: left;
	margin-left: 5.2734375%;
	margin-right: 6.15234375%;
	text-align: center;
}
.shokuzaizukan_lead_inner .R {
	width: 74.10546875%;
	margin-right: 3.90625%;
	float: right;
}
.shokuzaizukan_lead_inner h2 {
	color: #fff;
	font-size: 20px;
	margin: 20px 0 15px;
}
.shokuzaizukan_lead_inner p {
	font-size: 16px;
	color: #fff;
}

#shokuzaizukan_body {
	max-width: 100%;
	margin: auto;
	z-index: 1;
	overflow: hidden;
}

#shokuzaizukan_body_content {
	width: 100%;
}
.shokuzaizukan_lead_vegetable{
	max-width: 100%;
}

.contents_vegetableBox,
.contents_fruitsBox,
.contents_seafoodBox,
.contents_meatBox{
	max-width: 90rem;
	margin: 20px auto;
	font-size: 14px;
	font-weight: lighter;
}

.shokuzaizukan_vegetable,
.shokuzaizukan_fruits,
.shokuzaizukan_seafood,
.shokuzaizukan_meat {
	margin-top: 22px;
	overflow: hidden;
}
.shokuzaizukan_vegetable:not(:last-of-type),
.shokuzaizukan_fruits:not(:last-of-type),
.shokuzaizukan_seafood:not(:last-of-type),
.shokuzaizukan_meat:not(:last-of-type) {
	margin-bottom: 80px;
}
.shokuzaizukan_vegetable:last-of-type,
.shokuzaizukan_fruits:last-of-type,
.shokuzaizukan_seafood:last-of-type,
.shokuzaizukan_meat:last-of-type {
	margin-bottom: 25px;
}

.shokuzaizukan_body_content {
	overflow: hidden;
	margin: 0 60px;
}

.contents_vegetableBox h4,
.contents_fruitsBox h4,
.contents_seafoodBox h4,
.contents_meatBox h4 {
	font-size: 21px;
	font-weight: bold;
	margin: 20px 0 10px;
}
.contents_vegetableBox h4 {
	color: #2f592c;
}
.contents_fruitsBox h4 {
	color: #ca345b;
}
.contents_seafoodBox h4 {
	color: #137183;
}
.contents_meatBox h4 {
	color: #ac3723;
}
.contents_meatBox h5 {
	clear: both;
	font-size: 16px;
	color: #432323;
	line-height: 1em;
	font-weight: bold;
	padding: 20px 0 0;
}
.contents_meatBox h5:nth-child(2), .contents_meatBox h5:nth-child(3){
	padding-top: 30px;
}

.contents_vegetableBox p,
.contents_fruitsBox p,
.contents_seafoodBox p,
.contents_meatBox p {
	clear: both;
	padding-top: 15px;
	margin-bottom: 15px;
}
.shokuzaizukan_vegetable_header img,
.shokuzaizukan_fruits_header img,
.shokuzaizukan_seafood_header img,
.shokuzaizukan_meat_header img {
	width: auto;
	margin-right: 10px;
	vertical-align: middle;
}
.shokuzaizukan_read {
	margin-bottom: 50px;
}

.contents_fruitsBox {
	overflow: hidden;
	clear: both;
}

.contents_vegetableBox em,
.contents_fruitsBox em,
.contents_seafoodBox em,
.contents_meatBox em{
	color: #ac5729;
	font-style: normal;
	font-weight: bold;
}
.contents_vegetableBox .L,
.contents_fruitsBox .L,
.contents_seafoodBox .L,
.contents_meatBox .L{
	width: 59.5%;
	float: left;
}
.contents_vegetableBox .R,
.contents_seafoodBox .R{
	width: 40.5%;
	padding-left: 20px;
	float: right;
	height: auto;
}
.contents_fruitsBox .R {
	width: 40.5%;
	padding-left: 20px;
	float: right;
	height: auto;
}
.contents_meatBox .R{
	width: 40.5%;
	padding-left: 20px;
	float: right;
	height: auto;
}
.contents_vegetableBox .R .Btn01,
.contents_fruitsBox .R .Btn01,
.contents_seafoodBox .R .Btn01,
.contents_meatBox .R .Btn01 {
	left: 20px;
	width: 100%;
	text-align: center;
}
.contents_vegetableBox .R .Btn02,
.contents_fruitsBox .R .Btn02,
.contents_seafoodBox .R .Btn02,
.contents_meatBox .R .Btn02 {
	left: 20px;
	width: 100%;
	text-align: center;
}
.shokuzaizukan_photos_detail_data {
	font-size: 14px;
}
.shokuzaizukan_photos_detail_data em {
	color: #9a6454;
	font-style: normal;
	font-weight: bold;
}

.contents_detail{
	display: none;
	margin-top: 20px;
}
.contents_detail .L{
	float: left;
	width: 75%;
	clear: both;
	overflow: hidden;
}

a.detailsBtn{
	display: block;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
	padding: 10px 38px;
	margin: 10px auto 0;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;;
}

.contents_vegetableBox a.detailsBtn {
	background: #5f9f48;
}
.contents_fruitsBox a.detailsBtn {
	background: #ea616b;
}
.contents_seafoodBox a.detailsBtn {
	background: #4791aa;
}
.contents_meatBox a.detailsBtn {
	background: #e16d24;
}

.contents_detail a.detailsBtn {
	text-align: center;
	margin: 10px auto;
	clear: both;
}

.vegetable_hr {
	width: 924px;
	height: 29px;
	margin: 0 auto;
	background-image: url(../static/shokuzaizukan/vegetable/hr_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.fruits_hr {
	width: 924px;
	height: 20px;
	margin: 0 auto;
	background-image: url(../static/shokuzaizukan/fruits/hr_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.seafood_hr {
	width: 924px;
	height: 30px;
	margin: 0 auto;
	background-image: url(../static/shokuzaizukan/seafood/hr_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.meat_hr {
	width: 924px;
	height: 21px;
	margin: 0 auto;
	background-image: url(../static/shokuzaizukan/meat/hr_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
}

a.detailsBtn2 {
	display: block;
	font-weight: bold;
	color: #fff;
	background: #c64a42;
	border-radius: 3px;
	padding: 10px 40px;
	margin: 25px auto;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;;
}
.vegetableBox02 ul li {
	width: 23.5%;
	float: left;
	font-size: 12px;
	margin-right: 2%;
	margin-bottom: 25px;
}
.vegetableBox02 ul li:nth-child(4),
.vegetableBox02 ul li:nth-child(8) {
	margin-right: 0;
}
.vegetableBox02 ul li:nth-child(5) {
	clear: both;
}
.vegetableBox02 h5 {
	font-size: 21px;
	color: #553a37;
}
.vegetableBox02 ul li img {
	margin-bottom: 10px;
}
.vegetableBox02 ul li h6 {
	font-size: 12px;
	color: #000;
}
.vegetableBox02 ul li em {
	color: #ac5729;
}
.suisai {
	max-width: 90.2rem;
	margin: 0 auto;
	padding-top: 80px;
	background-image: url(../static/shokuzaizukan/suisai_pc.png);
	background-size: auto;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 1023px) {
	.contents>.contents_inner {
		padding-left: 0px;
		padding-right: 0px;
	}
	.shokuzaizukan_inner,.contents_inner {
		padding: 0;
	}
	.stripes {
		height: 28px;
		background-size: auto 28px;
	}
	#shokuzaizukan_nav {
		max-width: 93.35%;
	}
	#shokuzaizukan_nav>div {
		height: 53px;
	}
	.shokuzaizukan_lead_vegetable::after {
		background: linear-gradient(144deg, #5f9f48 17px, transparent 0), linear-gradient(216deg, #5f9f48 17px, transparent 0);
		background-size: 25px 30px;
	}
	.shokuzaizukan_lead_fruits::after {
		background: linear-gradient(144deg, #ea616b 17px, transparent 0), linear-gradient(216deg, #ea616b 17px, transparent 0);
		background-size: 25px 30px;
	}
	.shokuzaizukan_lead_seafood::after {
		background: linear-gradient(144deg, #4791aa 17px, transparent 0), linear-gradient(216deg, #4791aa 17px, transparent 0);
		background-size: 25px 30px;
	}
	.shokuzaizukan_lead_meat::after {
		background: linear-gradient(144deg, #e16d24 17px, transparent 0), linear-gradient(216deg, #e16d24 17px, transparent 0);
		background-size: 25px 30px;
	}
	.shokuzaizukan_lead_inner .L img {
		width: 11.97916%;
		margin-left: 5.46875%;
		margin-right: 3.38541%;
	}
	.shokuzaizukan_lead_inner .R {
		width: 74.8697916%;
		margin-right: 4.296875%;
	}
    /*
	.contents_vegetableBox, .contents_fruitsBox, .contents_seafoodBox, .contents_meatBox {
		padding: 0 5%;
	}
    */
	.contents_vegetableBox h4,
	.contents_fruitsBox h4,
	.contents_seafoodBox h4,
	.contents_meatBox h4{
		font-size: 25px;
	}
	.contents_vegetableBox span,
	.contents_fruitsBox span,
	.contents_seafoodBox span,
	.contents_meatBox span{
		font-size: 20px;
	}
	.vegetable_hr {
		width: 683px;
		background-image: url(../static/shokuzaizukan/vegetable/hr_tb.png);
	}
	.fruits_hr {
		width: 683px;
		background-image: url(../static/shokuzaizukan/fruits/hr_tb.png);
	}
	.seafood_hr {
		width: 683px;
		background-image: url(../static/shokuzaizukan/seafood/hr_tb.png);
	}
	.meat_hr {
		width: 683px;
		background-image: url(../static/shokuzaizukan/meat/hr_tb.png);
	}
	
	.vegetableBox02 ul li {
		width: 32%;
		float: left;
	}
	.vegetableBox02 ul li:nth-child(4),
	.vegetableBox02 ul li:nth-child(8) {
		margin-right: 2%;
	}
	.vegetableBox02 ul li:nth-child(5) {
		clear: none;
	}
	.vegetableBox02 ul li:nth-child(3),
	.vegetableBox02 ul li:nth-child(6) {
		margin-right: 0;
	}
	.vegetableBox02 ul li:nth-child(4),
	.vegetableBox02 ul li:nth-child(7) {
		clear: both;
	}
	
	.suisai {
		padding-top: 120px;
		background-image: url(../static/shokuzaizukan/suisai_tb.png);
		background-size: contain;
	}
}
@media only screen and (max-width: 767px) {

	#shokuzaizukan_main {
		width: 100%;
		margin-bottom: 0%;
	}
	.shokuzaizukan_inner,.contents_inner {
		padding: 0;
	}
	.stripes {
		height: 23px;
		background-size: auto 23px;
	}
	#shokuzaizukan_nav {
		margin: 15px auto 0;
		width: 91.33%;
	}
	#shokuzaizukan_nav>div {
		width: 49.5%;
		margin-right: 1%;
		height: 52px;
		margin-bottom: 4px;
	}
	#shokuzaizukan_nav>div:nth-child(even){
		margin-right: 0;
	}
	#shokuzaizukan_nav_vegetable {
		background-image: url(../static/shokuzaizukan/tab_vegetable_sp.png);
	}
	#shokuzaizukan_nav_vegetable.on {
		background-image: url(../static/shokuzaizukan/tab_vegetable_on_sp.png);
	}
	#shokuzaizukan_nav_fruits {
		background-image: url(../static/shokuzaizukan/tab_fruits_sp.png);
	}
	#shokuzaizukan_nav_fruits.on {
		background-image: url(../static/shokuzaizukan/tab_fruits_on_sp.png);
	}
	#shokuzaizukan_nav_vegetable.on + #shokuzaizukan_nav_fruits {
		background-image: url(../static/shokuzaizukan/tab_fruits_sp.png);
	}
	#shokuzaizukan_nav_seafood {
		background-image: url(../static/shokuzaizukan/tab_seafood_sp.png);
	}
	#shokuzaizukan_nav_seafood.on {
		background-image: url(../static/shokuzaizukan/tab_seafood_on_sp.png);
	}
	#shokuzaizukan_nav_fruits.on + #shokuzaizukan_nav_seafood {
		background-image: url(../static/shokuzaizukan/tab_seafood_sp.png);
	}
	#shokuzaizukan_nav_meat {
		background-image: url(../static/shokuzaizukan/tab_meat_sp.png);
	}
	#shokuzaizukan_nav_meat.on {
		background-image: url(../static/shokuzaizukan/tab_meat_on_sp.png);
	}
	#shokuzaizukan_nav_seafood.on + #shokuzaizukan_nav_meat {
		background-image: url(../static/shokuzaizukan/tab_meat_sp.png);
	}
	.shokuzaizukan_lead_vegetable::after {
		background: linear-gradient(148deg, #5f9f48 17px, transparent 0), linear-gradient(212deg, #5f9f48 17px, transparent 0);
		background-size: 21px 30px;
	}
	.shokuzaizukan_lead_fruits::after {
		background: linear-gradient(148deg, #ea616b 17px, transparent 0), linear-gradient(212deg, #ea616b 17px, transparent 0);
		background-size: 21px 30px;
	}
	.shokuzaizukan_lead_seafood::after {
		background: linear-gradient(148deg, #4791aa 17px, transparent 0), linear-gradient(212deg, #4791aa 17px, transparent 0);
		background-size: 21px 30px;
	}
	.shokuzaizukan_lead_meat::after {
		background: linear-gradient(148deg, #e16d24 17px, transparent 0), linear-gradient(212deg, #e16d24 17px, transparent 0);
		background-size: 21px 30px;
	}
	.shokuzaizukan_lead_inner .L{
		display: none;
	}
	.shokuzaizukan_lead_inner .R{
		float: none;
		width: 100%;
	}
	.shokuzaizukan_lead_inner .R h2 {
		font-size: 20px;
		width: 100%;
		height: 100%;
		padding-left: 60px;
		margin-top: 0;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.shokuzaizukan_lead_vegetable .R h2{
		min-height: 45px;
		background-image: url(../static/shokuzaizukan/vegetable/icon_vegetable_sp.png);
		background-repeat: no-repeat;
		background-size: 36px 45px;
	}
	.shokuzaizukan_lead_fruits .R h2{
		background-image: url(../static/shokuzaizukan/fruits/icon_fruits_sp.png);
		background-repeat: no-repeat;
		background-size: 37px 36px;
	}
	.shokuzaizukan_lead_seafood .R h2{
		background-image: url(../static/shokuzaizukan/seafood/icon_seafood_sp.png);
		background-repeat: no-repeat;
		background-size: 48px 32px;
	}
	.shokuzaizukan_lead_meat .R h2{
		background-image: url(../static/shokuzaizukan/meat/icon_meat_sp.png);
		background-repeat: no-repeat;
		background-size: 47px 33px;
	}
	.contents_vegetableBox h4,
	.contents_fruitsBox h4,
	.contents_seafoodBox h4,
	.contents_meatBox h4 {
		font-size: 17px;
	}
	.contents_vegetableBox .R, .contents_fruitsBox .R, .contents_seafoodBox .R, .contents_meatBox .R {
		display: none;
	}
	.contents_vegetableBox .L, .contents_fruitsBox .L, .contents_seafoodBox .L, .contents_meatBox .L {
		width: 100%;
		float: none;
	}
	
	.contents_detail{
		display: inline;
	}
	.contents_detail .L{
		float: none;
		width: 100%;
	}
	a.detailsBtn {
		padding: 10px 40px 13px;
	}
	a.detailsBtn.btn02 {
		padding: 10px 47px 13px;
	}
	a.detailsBtn.btn03 {
		padding: 10px 40px 13px;
	}
	a.detailsBtn.btn04 {
		padding: 10px 47px 13px;
	}
	.vegetable_hr {
		width: 100%;
		max-width: 557px;
		background-image: url(../static/shokuzaizukan/vegetable/hr_sp.png);
	}
	.fruits_hr {
		width: 100%;
		max-width: 557px;
		background-image: url(../static/shokuzaizukan/fruits/hr_sp.png);
	}
	.seafood_hr {
		width: 100%;
		max-width: 557px;
		background-image: url(../static/shokuzaizukan/seafood/hr_sp.png);
	}
	.meat_hr {
		width: 100%;
		max-width: 557px;
		background-image: url(../static/shokuzaizukan/meat/hr_sp.png);
	}

	.vegetableBox02 h5 {
		font-size: 17px;
	}
	.suisai {
		padding-top: 50px;
		background-image: url(../static/shokuzaizukan/suisai_sp.png);
	}
}
@media only screen and (max-width: 500px) {
	#shokuzaizukan_nav>div {
		height: 44px;
	}
}
@media only screen and (max-width: 420px) {
	#shokuzaizukan_nav>div {
		height: 37px;
	}
	.vegetableBox02 ul li em {
		display: none;
	}
}
@media only screen and (max-width: 400px) {
	#shokuzaizukan_nav>div {
		height: 35px;
	}
}
@media only screen and (max-width: 350px) {
	#shokuzaizukan_nav>div {
		height: 35px;
	}
}
@media only screen and (max-width: 300px) {
	#shokuzaizukan_nav>div {
		height: 26px;
	}
}
@media only screen and (max-width: 250px) {
	#shokuzaizukan_nav>div {
		height: 22px;
	}
}
@media only screen and (max-width: 200px) {
	#shokuzaizukan_nav>div {
		height: 17px;
	}
}