@charset "UTF-8";

/* ヘッダー処理 */
.header { display: none; }
#catch { display: none; }
#breadcrumb { display: none; }

/* M reset */
article ul { padding: 0; }
article h2, article h3 { margin: 0; }
article p {
	margin: 0em 0;
}

/* 全体共通 */

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
ul,li {
	list-style-type: none;
}
main a {
	text-decoration: none;
	color: #484848;
}
main a:hover {
	text-decoration: underline;
}

main p {
	line-height: 150%;
	text-align: left;
}
/* 全体共通ここまで */


/* ヘッダー */

#header6 {
	background-image: url(../images/6th-product/back-header2-2.png),url(../images/6th-product/back-header2-3.png),url(../images/6th-product/back-header2.gif);
	background-position: right top,-35px 150px,center top;
	background-repeat: no-repeat,no-repeat,repeat;
	margin-bottom: 70px;
	padding: 0px 0px 40px 0px;
  text-align: center;
}

/* ヘッダーここまで */


/* 商品リンク */
#product-link {
	width: 980px;
	margin: 0px auto 70px auto;
}
#product-link ul {
	text-align: center;
	font-size: 0;
}
#product-link li {
	width: 225px;
	margin: 0px 20px 20px 0px;
	display: inline-block;
	vertical-align: top;
}
#product-link li a:hover {
	opacity: 0.8;
}
#product-link li img {
	width: 100%;
	height: auto;
}

/* 商品リンクここまで */


/* 年表 */

#chronology-box {
	width: 960px;
	margin: 0px auto 70px auto;
  text-align: center;
}
#chronology-box img {
	width: 70%;
	height: auto;
}

/* 年表 ここまで */


/* メインここから */

#main {
	text-align: center;
	font-size: 14px;
	color: #40220F;
}

/* インフォメーション */

#news {
	border: 3px solid #86BEE7;
	border-radius: 10px 10px 0px 0px;
	margin: 0px auto 40px auto;
}
#news #news-title {
	background: #86BEE7;
	margin: 0px auto;
	padding: 10px 0px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
}
#news #news-inner {
	padding: 15px;
}

#news dl {
	margin: 0px;
}
#news dt,
#news dd {
	line-height: 180%;
}
#news dt {
	border-top: 1px dotted #999999;
	padding: 5px 0px 0px 0px;
}
#news dt:first-child {
	border-top: 0px dotted #999999;
}
#news dt span {
	color: #cc0000;
}
#news dd {
	margin: -24px 0px 5px 170px;
	font-size: 15px;
	font-weight: bold;
}
#news dd span {
	font-size: 13px;
	font-weight: normal;
}
#news dd span.news-indention {
	display: block;
}

@media screen and (max-width: 980px) {
  #news dd {
  	margin: 7px 0px 5px 80px;;
  }
}

/* インフォメーションここまで */


/* 私たちが「食」に力を入れる理由 */

#reason-box {
	width: 960px;
	margin: 0px auto 60px auto;
	text-align: left;
}
#reason-inner {
	position: relative;
}
#reason-box h2 {
	margin: 0px auto 40px auto;
	text-align: center;
}
#reason-box h3 {
	background: #3C2415;
	margin-bottom: 20px;
	padding: 4px 5px;
}
#reason-box p {
	margin-bottom: 40px;
}
#reason-box #reason-float {
	margin: 0px 0px 0px 0px;
}
#reason-box h4 {
	position: absolute;
	top: 0px;
	right: 0px;
}

/* 私たちが「食」に力を入れる理由ここまで */


/* 6次化商品スライダー */

#product-slider-box {
	width: 960px;
	margin: 0px auto 70px auto;
}
#product-slider-box .bx-wrapper {
	border: 0px solid #fff;
}
#product-slider-box .bx-wrapper .bx-viewport {
	box-shadow: 0 0 0px #ccc;
	border: 0px solid #fff;
	left: 0px;
	background: none;
	transform: translatez(0);
}

/* 6次化商品スライダーここまで */


/* 各商品共通 */

#main .product-box {
	width: 960px;
	margin: 0px auto 100px auto;
}

#main .product-image-left,
#main .product-title-left {
	position: relative;
	float: left;
	width: 460px;
	text-align: center;
}
#main .product-image-right,
#main .product-title-right {
	float: right;
	width: 460px;
	text-align: center;
}

#main .product-box h2 {
	margin-bottom: 10px;
}
#main .product-box .product-title-sub {
	margin-bottom: 15px;
}
#main .product-box .product-title-sub li {
	list-style-type: disc;
	font-size: 18px;
	font-weight: bold;
	color: #3C2415;
	letter-spacing: 1px;
	line-height: 140%;
}
#main .product-box .clearfix {
	margin-bottom: 25px;
}

#main .product-text .product-text-midashi {
	width: 100px;
	background: #3C2415;
	margin: 0px 15px 0px 0p\x;
	padding: 10px 0px;
	font-size: 17px;
	color: #ffffff;
	letter-spacing: 3px;
}
#main .product-text h3 {
	float: left;
	padding: 10px 0px 0px 0px;
	font-size: 17px;
	letter-spacing: 2px;
	font-weight: bold;
}

#main .product-history {
	float: left;
	width: 520px;
	margin-right: 40px;
}
#main .product-text .product-history .product-text-midashi {
	float: left;
}

#main .product-info {
	float: left;
	width: 175px;
	margin-right: 40px;
	font-size: 13px;
	text-align: left;
}
#main .product-text .product-info .product-text-midashi {
	margin-bottom: 25px;
	text-align: center;
}
#main .product-info .product-info-image {
	margin: 0px 0px 10px 0px;
}
#main .product-info dl {
	margin: 0px 0px 10px 0px;
	text-align: left;
}
#main .product-info dt,
#main .product-info dd {
	line-height: 150%;
}
#main .product-info dd {
	margin: -19px 0px 8px 70px;
}
#main .product-info .hakoiri {
	padding: 5px 0px 0px 0px;
	text-align: left;
}

#main .product-pdf {
	float: left;
	width: 185px;
}
#main .product-pdf .product-text-midashi {
	width: 185px;
	margin-bottom: 25px;
}

#main .product-other .product-text-midashi {
	float: left;
	width: 240px;
}

/* 各商品共通ここまで */


/* 華カレー */

#main #product1-box .product-title-sub {
	margin-left: 30px;
}
#main #product1-box .product-title-sub li {
	margin: 0px 0px 8px 0px;
	text-align: left;
}

#main #product1-box .product-other .product-text-midashi {
	float: left;
	width: 360px;
}
#main #product1-box .product-curry-list li {
	display: inline-block;
	margin: 0px 20px 0px 0px;
}
#main #product1-box .product-curry-list li:last-child {
	margin: 0px 0px 0px 0px;
}

/* 華カレーここまで */


/* 桃香 */

#main #product2-box .product-title-sub {
	margin: 0px 0px 48px 30px;
}
#main #product2-box .product-title-sub li {
	margin: 0px 0px 8px 0px;
	text-align: left;
}

#main #product2-box .product-omiyage-list li {
	display: inline-block;
	margin: 0px 70px 0px 0px;
}
#main #product2-box .product-omiyage-list li:last-child {
	margin: 0px 0px 0px 0px;
}

/* 桃香ここまで */


/* 塩糀ドレッシング */

#main #product3-box .product-title-sub {
	margin: 0px 0px 15px 30px;
}
#main #product3-box .product-title-sub li {
	margin: 0px 0px 8px 0px;
	text-align: left;
}
#main #product3-box #product3-comment {
	width: 400px;
	margin: 0px auto 20px auto;
	font-size: 15px;
	color: #cc0000;
	font-weight: bold;
	text-align: left;
	line-height: 150%;
}

/* 塩糀ドレッシングここまで */


/* マドレーヌ */

#main #product6-box .product-info {
	width: 400px;
	margin-right: 0px;
}
#main #product6-box .product-info-image {
	float: left;
	width: 175px;
	margin: 0px 20px 0px 0px;
}
#main #product6-box .product-info dl {
	float: left;
	width: 200px;
	margin: 0px 0px 10px 0px;
	text-align: left;
}

/* マドレーヌ ここまで */


/* 酒粕ジェラート */

#main #product7-box .product-title-sub {
	margin: 0px 0px 46px 30px;
}
#main #product7-box .product-title-sub li {
	margin: 0px 0px 8px 0px;
	text-align: left;
}

/* 酒粕ジェラートここまで */


/* あさかの里 */

#main #product4-box .product-title-sub {
	margin: 0px 0px 82px 30px;
}
#main #product4-box .product-title-sub li {
	margin: 0px 0px 8px 0px;
	text-align: left;
}
#main #product4-box .product-info {
	width: 400px;
	margin-right: 0px;
}
#main #product4-box .product-info-image {
	float: left;
	width: 175px;
	margin: 0px 20px 0px 0px;
}
#main #product4-box .product-info dl {
	float: left;
	width: 175px;
	margin: 0px 0px 10px 0px;
	text-align: left;
}

/* あさかの里ここまで */


/* メインここまで */


#shiokoji-list {
	margin-top: 40px;
	text-align: left;
}
#shiokoji-list li {
	float: left;
	margin-right: 40px;
}
#shiokoji-list li:last-child {
	margin-right: 0px;
}


#main .pause-text {
	position: absolute;
	top: 175px;
	left: 120px;
	background: #dd0000;
	padding: 10px 15px;
	font-size: 20px;
	color: #ffffff;
}


#main .netshop-link {
	width: 390px;
	margin: 0px auto;
}
#main .netshop-link a {
	display: block;
	background: #cc0000;
	padding: 20px 0px;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
}
#main .netshop-link a:hover {
	opacity: 0.7;
	text-decoration: none;
}


#main .netshop-link-list {
	margin-bottom: 10px;
}
#main #netshop-midashi {
	border-bottom: 1px solid #cc0000;
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	color: #cc0000;
	font-weight: bold;
	letter-spacing: 1px;
}
#main .netshop-link-list ul {
	float: left;
	width: 470px;
}
#main .netshop-link-list ul:nth-of-type(2) {
	float: right;
}
#main .netshop-link-list li {
	margin: 0px 0px 15px 0px;
}
#main .netshop-link-list a {
	display: block;
	background: #cc0000;
	padding: 20px 0px;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
}
#main .netshop-link-list a:hover {
	opacity: 0.7;
	text-decoration: none;
}

@media screen and (max-width: 480px) {


/* ヘッダー */

	header {
		background-image: url(../images/6th-product/back-header2-3.png),url(../images/6th-product/back-header2.gif);
		background-position: center 200px,center top;
		background-repeat: no-repeat,repeat;
		background-size: 100px auto,auto auto;
		padding: 0px 0px 80px 0px;
	}

/* ヘッダーここまで */

/* 商品リンク */

	#product-link {
		width: 95%;
	}
	#product-link ul {
		text-align: left;
	}
	#product-link li {
		width: 47%;
		margin: 0px 15px 15px 0px;
		display: inline-block;
		vertical-align: top;
	}
	#product-link li:nth-of-type(2n) {
		margin: 0px 0px 15px 0px;
	}

/* 商品リンクここまで */


/* 年表 */

	#chronology-box {
		width: 95%;
	}
	#chronology-box img {
		width: 100%;
		height: auto;
	}

/* 年表 ここまで */


/* インフォメーション */

	#news #news-title {
		padding: 5px 0px;
		line-height: 140%;
	}
	#news #news-inner {
		padding: 5px 10px;
	}

	#news dt,
	#news dd {
		line-height: 140%;
	}
	#news dd {
		margin: 7px 0px 5px 0px;
		font-size: 15px;
		font-weight: bold;
	}
	#news dd span {
		display: block;
	}

/* インフォメーションここまで */


/* 私たちが「食」に力を入れる理由 */

	#reason-box {
		width: 95%;
	}
	#reason-inner {
		position: static;
	}
	#reason-box h3 {
		width: 100%;
		background: #3C2415;
		margin-bottom: 20px;
		padding: 4px 5px;
	}
	#reason-box #reason-float {
		margin: 0px 0px 0px 0px;
	}
	#reason-box h4 {
		position: static;
	}
	#reason-box h4 img {
		width: 100%;
		height: auto;
	}

/* 私たちが「食」に力を入れる理由ここまで */


/* 6次化商品スライダー */

	#product-slider-box {
		width: 100%;
	}
	#product-slider-box .bx-wrapper img {
		width: 100%;
		height: auto;
	}

/* 6次化商品スライダーここまで */


/* 各商品共通 */

	#main .product-box {
		width: 95%;
	}

	#main .product-image-left,
	#main .product-title-left,
	#main .product-image-right,
	#main .product-title-right {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	#main .product-image-left img,
	#main .product-image-right img {
		width: 100%;
		height: auto;
	}

	#main .product-box h2 img {
		width: 100%;
		height: auto;
	}
	#main .product-box .product-title-sub {
		margin-bottom: 20px;
	}
	#main .product-box h3 img {
		width: 100%;
		height: auto;
	}
	#main .product-box .clearfix {
		margin-bottom: 10px;
	}

	#main .product-text h3 {
		float: none;
		margin-bottom: 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
	}
	#main .product-history {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	#main .product-text .product-history .product-text-midashi {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		padding-left: 10px;
		text-align: left;
	}
	#main .product-info {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	#main .product-text .product-info .product-text-midashi {
		width: 100%;
		margin-bottom: 15px;
		padding-left: 10px;
		text-align: left;
	}
	#main .product-info .product-info-image {
		float: none;
		width: 100%;
		margin: 0px 0px 15px 0px;
		text-align: left;
	}
	#main .product-info dl {
		width: 100%;
		float: none;
	}
	#main .product-info .hakoiri {
		float: none;
		width: 100%;
	}

	#main .product-pdf {
		float: none;
		width: 100%;
		margin-bottom: 30px;
		text-align: left;
	}
	#main .product-pdf .product-text-midashi {
		width: 100%;
		margin-bottom: 15px;
		padding-left: 10px;
		text-align: left;
	}

	#main #product1-box .product-other .product-text-midashi,
	#main #product2-box .product-other .product-text-midashi {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		padding-left: 10px;
		text-align: left;
	}

/* 各商品共通ここまで */


/* 華カレー */

	#main #product2-box .product-title-sub {
		margin-left: 70px;
	}

	#main #product1-box .product-curry-list li {
		width: 100%;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 20px 0px;
		border-bottom: 1px dotted #999999;
	}

/* 華カレーここまで */


/* 桃香 */

	#main #product2-box .product-title-sub {
		margin-left: 30px;
		margin-bottom: 20px;
	}

	#main #product2-box .product-other p b {
		display: block;
	}

	#main #product2-box .product-omiyage-list li {
		width: 100%;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 20px 0px;
		border-bottom: 1px dotted #999999;
	}

/* 桃香ここまで */


	#main #product3-box .product-title-sub {
		margin-bottom: 20px;
	}

	#main #product4-box .product-title-sub {
		margin-bottom: 20px;
	}
	#main #product4-box .product-info {
		width: 100%;
	}
	#main #product4-box .product-info-image {
		float: none;
		width: 100%;
		margin: 0px 0px 10px 0px;
	}
	#main #product4-box .product-info dl {
		float: none;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}

/* マドレーヌ */

	#main #product6-box .product-info {
		width: 100%;
	}

/* マドレーヌ ここまで */


/* 酒粕ジェラート */

	#main #product7-box .product-title-sub {
		margin-left: 30px;
		margin-bottom: 20px;
	}

/* 酒粕ジェラートここまで */



	#shiokoji-list li {
		float: none;
		margin-right: 0px;
		margin-bottom: 40px;
		text-align: center;
	}
	#shiokoji-list li:last-child {
		margin-right: 0px;
		margin-bottom: 0px;
	}


	#main .pause-text {
		position: static;
		width: 200px;
		margin: 0px auto 30px auto;
	}


	#main #product3-box #product3-comment {
		width: 85%;
	}


	#main #product6-box .product-info-image {
		float: none;
		width: 100%;
		margin: 0px 0px 10px 0px;
	}
	#main #product6-box .product-info dl {
		float: none;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}


	#main .netshop-link {
		width: 100%;
		margin: 0px auto;
	}


	#main #netshop-midashi {
			line-height: 130%;
			text-align: left;
	}
	#main .netshop-link-list ul {
		float: none;
		width: 100%;
	}
	#main .netshop-link-list li {
		line-height: 130%;
		text-align: left;
	}
	#main .netshop-link-list a {
		padding: 15px;
	}

}