/* =================================
	NIGEHAJI Kitchen CSS
================================= */

/*	reset
============================== */

.cmn main {
	background-image:url(../img/cmn_brd_bg_grn.jpg);
}
@media all and (min-width: 768px) {
.cmn main {
	border-color:#337b00;
}
.cmn main div.brd {
	background-image:none;
}
}
@media all and (max-width: 767px) {
.cmn main div.brd {
	background-image:none;
}
.cmn main {
	border-color:#337b00;
}
}


/*	h1
============================== */
.kitchen main div.brd h1 span {
	display:block;
	background-image:url(../img/kitchen_kitchen.jpg);
	background-repeat:no-repeat;
	text-indent:100%;		/* 指定した分ずらす */	
	white-space:nowrap;	/* 改行させない */	
	overflow:hidden;		/* はみ出た部分を表示しない */
}
@media all and (min-width: 768px) {
.kitchen main div.brd h1 span {
	width:648px;
	height:445px;
}
}
@media all and (max-width: 767px) {
.kitchen main div.brd h1 {
	display:block;
	position:relative;
	height:0;
	padding-top:68.67%;
}
.kitchen main div.brd h1 span {
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}





/*	box
============================== */

.kitchen main div.brd div.box {
	position:relative;
	border-radius:10px;
	border:4px solid #f6b62b;
	background-color: hsla(0,0%,100%,0.7);
}
.kitchen main div.brd div.box p {
	text-align:center;
	line-height:1.75;
}
.kitchen main div.brd div.box p.title {
	text-shadow:1px 1px 0 #ffea7b, -1px 1px 0 #ffea7b, -1px -1px 0 #ffea7b, 1px -1px 0 #ffea7b, 0 0 3px hsla(180,71%,30%,0.5);
	margin-bottom:20px;
}
@media all and (min-width: 768px) {

.kitchen main div.brd div.box {
	padding:50px 0;
	margin:20px 120px 50px;
}
.kitchen main div.brd div.box p.title {
	font-size:120%;
}

.kitchen main div.brd div.box:before,
.kitchen main div.brd div.box:after {
	display:block;
	position:absolute;
}
.kitchen main div.brd div.box:before {
	content:"";
	width:200px;
	height:124px;
	background-image:url(../img/kitchen_tomato.png);
	background-size:cover;
	left:-120px;
	top:50px;
}
.kitchen main div.brd div.box:after {
	content:"";
	background-image:url(../img/kitchen_bentou.png);
	width:172px;
	height:118px;
	right:-100px;
	bottom:-40px;
}

}
@media all and (max-width: 767px) {
.kitchen main div.brd div.box {
	margin:0 10px 10px;
	padding:15px;
}
.kitchen main div.brd div.box p.txt {
	font-size:87.5%;
}
}



/*	MY KITCHEN (kensaku)
============================== */
.kitchen main div.brd p.kensaku span {
	display:block;
	background-image:url(../img/kitchen_kensaku.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	text-indent:100%;		/* 指定した分ずらす */	
	white-space:nowrap;	/* 改行させない */	
	overflow:hidden;		/* はみ出た部分を表示しない */
}
@media all and (min-width: 768px) {
.kitchen main div.brd p.kensaku span {
	width:648px;
	height:63px;
}
}
@media all and (max-width: 767px) {
.kitchen main div.brd p.kensaku {
	display:block;
	position:relative;
	height:0;
	padding-top:12.4015748%;
}
.kitchen main div.brd p.kensaku span {
	display:block;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}