@charset "utf-8";

.kv-item { background: url("../img/contents/kv-item.jpg") no-repeat center center;}

/*	css of 商品のご案内	*/

.ptl{ margin-bottom: 60px;}

.nora { position: relative; width: 100%; height: 800px; margin-bottom: 60px; background: url("../img/contents/bg-norakura.jpg") no-repeat 50% 0;
background-size: auto 100%;}
.nora .inner{ position:absolute; width: 100%; bottom: 80px;}
.nora .inner div{ width: 90%; max-width: 800px; margin: 0 auto; padding: 20px 40px;
 background: rgba(255,255,255,0.6);
}
.nora p.txt { margin-bottom: 10px; letter-spacing: 0.075rem; line-height: 1.8;}
.nora p.name{ text-align: right;}


.ctn{ padding-top: 0; padding-bottom: 100px;}
.chef { box-sizing: border-box; width: 92%; max-width: 900px; margin:0 auto 80px; padding: 20px 40px; background: #efefef;}
.chef h2{ margin-bottom: 15px; font-size: 26px; font-weight: normal;}
.chef .txtBox{ width: 70%; float: right;}
.chef figure{ width: 25%; float: left;}
.chef figure img{ width: 100%;}
.chef p.txt { margin-bottom: 15px; font-size: 15px; letter-spacing: 0.075rem; line-height: 1.8;}
.chef p.prof{ font-size: 12px;}
.chef p.prof span{ display: block;}

h2.stl{ width: 92%; margin: 0 auto 30px; max-width: 900px;}


ul.items { width: 100%; font-size: 0; text-align: center;}
ul.items li { display:inline-block; position: relative; width: 44%; margin: 0 2% 40px;
 background: #eee; vertical-align: top;}
ul.items li dl { box-sizing: border-box; width: 100%; min-height: 600px; padding: 20px; position:relative; top: -10px; left: -10px; background: #fff; border: solid 1px #ccc;}
ul.items li dl dt{ font-size: 24px;}
ul.items li dl dd.fig img{ width: 100%;}
ul.items li dl dd.catch{ margin: 0 auto 10px;
 color: #6d460b; font-size: 18px; line-height: 1.4; letter-spacing: 0.125rem; text-align: left;}
ul.items li dl dd.txt { font-size: 14px; line-height: 1.6; letter-spacing: 0.125rem; text-align: left;}


@media (max-width: 769px) {
	.nora { width: 100%; height: 500px;}
	.nora .inner{ bottom: 40px;}
}
@media (max-width: 641px) {
	.nora figure{ width: 100%; max-width: 300px; float: none; margin: 0 auto 20px;}
	.nora figure img{ width: 100%;}

	.chef { margin:0 auto 40px; padding: 20px;}
	.chef h2{ font-size: 21px;}
	.chef .txtBox{ width: 100%; float: none;}
	.chef p.txt { font-size: 14px;}
	.chef figure{ width: 200px; float: none; height: 250px; margin:0 auto 20px; overflow:hidden;}

	h2.stl{ font-size: 24px;}
	ul.items li { display: block; width: 90%; margin: 0 auto 40px;}
	ul.items li dl { min-height: auto;}
	ul.items li dl dt{ font-size: 21px;}
}

@media (max-width: 481px) {
	.nora { width: 100%; height: auto; padding-top: 300px; background-size: auto 260px;}
	.nora .inner{ position:relative; bottom: auto;}
	.nora .inner div{ padding: 0;}

	.chef { margin:0 auto 40px; padding: 20px 10px;}
	.chef h2{ font-size: 18px;}
	ul.items li dl { min-height: 400px; height: auto; padding: 20px 10px;}
	ul.items li dl dt{ font-size: 18px;}
	ul.items li dl dd.catch{ font-size: 16px;}
}