@charset "utf-8";


/* ----------------------------------------------------------
 Frameworks
-----------------------------------------------------------*/

body #container {
	}


/* ----------------------------------------------------------
 Top Visual
-----------------------------------------------------------*/

#home #mainVisual {
	width: 1000px; height: 370px;
	margin: 0 auto;
	overflow: hidden;
	}
	#home #mainVisual ul#mvScreen {
		margin: 0;
		}
		#home #mainVisual ul#mvScreen li {
			float: left;
			}
			#home #mainVisual ul#mvScreen li a {
				position: relative;
				display: block;
				}
				#home #mainVisual ul#mvScreen li a:after {
					position: absolute;
					top: 0; right: 0; bottom: 0; left: 0;
					content: "";
					transition: all ease-out .3s;
					}
					#home #mainVisual ul#mvScreen li a:hover:after {
						text-decoration: none;
						filter: alpha(opacity=80);
						-moz-opacity: 0.8;
						opacity: 0.8;
						box-shadow: inset 0 0 0 5px rgba(255,221,87,1);
						}

	#home #mainVisual ul#mvNav {
		width: 1000px;
		margin: 9px auto 0;
		}
		#home #mainVisual ul#mvNav li {
			width: 40px; height: 7px;
			display: inline-block;
			margin: 0 2px 0 0;
			text-indent: -99999px;
			transition: all ease-out .3s;
			background: #ccc;
			cursor: pointer;
			}
			#home #mainVisual ul#mvNav li:hover   { background: rgba(255,221,87,1); }
			#home #mainVisual ul#mvNav li.current { background: #cc0000; }


/*-----------------------------------------------------------
 Top GlobalNav
-----------------------------------------------------------*/

#topGlobalNav {
	display: none;
	}



/*-----------------------------------------------------------
 Primary
-----------------------------------------------------------*/

#primary h2 {
	margin: 0 0 25px;
	font-size: 24px;
	color: #2c2a2a;
	text-align: center;
	}

#primary h3 {
	padding: 0;
	border: none;
	}
		

/*---------- productsNav ----------*/

#home #productsNav {
	position: relative;
	padding: 50px 0;
	}
	
	/* pnScreen */
	#home #productsNav ul#pnScreen {
		margin: 0 0 0 -80px;
		}
		#home #productsNav ul#pnScreen li {
			float: left;
			width: 280px;
			margin: 0 0 0 80px;
			}
			#home #productsNav ul#pnScreen li a {
				position: relative;
				padding: 265px 0 0 120px;
				display: block;
				color: #333;
				text-align: center;
				text-decoration: none;
				}
				#home #productsNav ul#pnScreen li#pnChallenge    a { padding: 245px 40px 0 0; background: transparent url("/images/phPnChallenge.jpg")    no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnHanetsuki    a { background: transparent url("/images/phPnHanetsuki.jpg")    no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnPorkKimchee  a { background: transparent url("/images/phPnPorkKimchee.jpg")  no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnSeafood      a { background: transparent url("/images/phPnSeafood.jpg")      no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnBoiledGyoza  a { background: transparent url("/images/phPnBoiledGyoza.jpg")  no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnNabeTsuyu    a { background: transparent url("/images/phPnNabeTsuyu.jpg")    no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnMabodofu     a { background: transparent url("/images/phPnMabodofu.jpg")     no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnXiaoLongBao  a { background: transparent url("/images/phPnXiaoLongBao.jpg")  no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnChaoFan      a { background: transparent url("/images/phPnChaoFan.jpg")      no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnMayoChili    a { background: transparent url("/images/phPnMayoChili.jpg")    no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnYakiXiaoLong a { background: transparent url("/images/phPnYakiXiaoLong.jpg") no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnNegiChaoFan  a { background: transparent url("/images/phPnNegiChaoFan.jpg")  no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnNira         a { background: transparent url("/images/phPnNira.jpg")         no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnCurryGyoza   a { background: transparent url("/images/phPnCurryGyoza.jpg")   no-repeat left top; }
				#home #productsNav ul#pnScreen li#pnRecipe       a { padding: 245px 40px 0 0; background: transparent url("/images/phPnRecipe.jpg")       no-repeat left top; }
				
				
				/* before */
				#home #productsNav ul#pnScreen li a:before {
					position: absolute;
					left: 0; top: 0;
					width: 242px; height: 242px;
					content: "";

					display: -webkit-flex;
					display: flex;
					-webkit-align-items: center;
					align-items: center;
					-webkit-justify-content: center;
					justify-content: center;
					-webkit-flex-wrap: wrap;
					flex-wrap: wrap;
			
					font-size: 30px;
					font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
					font-weight: 400;
					line-height: 1.15em;
					letter-spacing: -0.08em;
					color: #fff;
					white-space: pre;
					
					background: transparent url("/images/bgPnMask.png") no-repeat left top;
					transition: all ease-out .3s;
					}
					#home #productsNav ul#pnScreen li a:hover:before {
						content: attr(data-catch);
						background-color: rgba(255,204,0,0.8);
						}
					
				/* after */
				#home #productsNav ul#pnScreen li a:after {
					position: absolute;
					right: 0; bottom: 2em;
					width: 160px; height: 95px;
					content: "";
					}
					#home #productsNav ul#pnScreen li#pnHanetsuki    a:after { background: transparent url("/images/thumbPnHanetsuki.png")    no-repeat center top; }
					#home #productsNav ul#pnScreen li#pnPorkKimchee  a:after { background: transparent url("/images/thumbPnPorkKimchee.png")  no-repeat center top; }
					#home #productsNav ul#pnScreen li#pnSeafood      a:after { background: transparent url("/images/thumbPnSeafood.png")      no-repeat center top; }
					#home #productsNav ul#pnScreen li#pnBoiledGyoza  a:after { background: transparent url("/images/thumbPnBoiledGyoza.png")  no-repeat center top; }
					#home #productsNav ul#pnScreen li#pnNabeTsuyu    a:after { background: transparent url("/images/thumbPnNabeTsuyu.png")    no-repeat center top; }
					#home #productsNav ul#pnScreen li#pnMabodofu     a:after { background: transparent url("/images/thumbPnMabodofu.png")     no-repeat center top; }
					#home #productsNav ul#pnScreen li#pnXiaoLongBao  a:after { background: transparent url("/images/thumbPnXiaoLongBao.png")  no-repeat center top; }
					#home #productsNav ul#pnScreen li#pnChaoFan      a:after { background: transparent url("/images/thumbPnChaoFan.png")      no-repeat center top; }
					#home #productsNav ul#pnScreen li#pnMayoChili    a:after { background: transparent url("/images/thumbPnMayoChili.png")    no-repeat center top; }
					#home #productsNav ul#pnScreen li#pnYakiXiaoLong a:after { background: transparent url("/images/thumbPnYakiXiaoLong.png") no-repeat center top; }
					#home #productsNav ul#pnScreen li#pnNegiChaoFan  a:after { background: transparent url("/images/thumbPnNegiChaoFan.png")  no-repeat center top; }
					#home #productsNav ul#pnScreen li#pnNira         a:after { background: transparent url("/images/thumbPnNira.png")         no-repeat center top; }
					#home #productsNav ul#pnScreen li#pnCurryGyoza   a:after { background: transparent url("/images/thumbPnCurryGyoza.png")   no-repeat center top; }

	
	/* pnNav */
	#home #productsNav ul#pnNav {
		height: 0;
		margin: 0;
		}
		#home #productsNav ul#pnNav li {
			position: absolute;
			top: 145px;
			cursor: pointer;
			}
			#home #productsNav ul#pnNav li#pnPrev { left:  -60px; }
			#home #productsNav ul#pnNav li#pnNext { right: -60px; }



/*---------- noticeSec ----------*/

#home #noticeSec {
	padding: 40px 0 30px;
	background: #ffdd57;
	}
	
	/* pickUpSec */
	#home #noticeSec #pickUpSec {
		margin-bottom: 50px;
		}
		#home #noticeSec #pickUpSec ul {
			margin: 0 0 0 -4px;
			}
			#home #noticeSec #pickUpSec ul li {
				float: left;
				margin: 0 0 4px 4px;
				}
				#home #noticeSec #pickUpSec ul li.puSmall  { width: 246px; }
				#home #noticeSec #pickUpSec ul li.puMiddle { width: 330px; }
				#home #noticeSec #pickUpSec ul li.puLarge  { width: 498px; }
				
				#home #noticeSec #pickUpSec ul li:nth-of-type(8n+6) { clear: both; }
				
				#home #noticeSec #pickUpSec ul li a {
					position: relative;
					display: block;
					color: #333;
					text-decoration: none;
					}
					#home #noticeSec #pickUpSec ul li a:after {
						position: absolute;
						top: 0; right: 0; bottom: 0; left: 0;
						content: "";
						margin: 0;
						transition: all ease-out .3s;
						}
						#home #noticeSec #pickUpSec ul li a:hover:after { box-shadow: inset 0 0 0 5px rgba(0,0,0,0.2); }

				
				/* image */
				#home #noticeSec #pickUpSec ul li p {
					position: relative;
					margin: 0;
					text-align: center;
					overflow: hidden;
					background: #fff;
					}
					#home #noticeSec #pickUpSec ul li.puSmall  p { height: 179px; }
					#home #noticeSec #pickUpSec ul li.puMiddle p { height: 180px; }
					#home #noticeSec #pickUpSec ul li.puLarge  p { height: 430px; }
					
					#home #noticeSec #pickUpSec ul li p img {
						position: absolute;
						top: 50%; left: 50%;
						width: 100%;
 						-webkit-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);
 						}
				
				/* date */
				#home #noticeSec #pickUpSec ul li dl {
					margin: 0; padding: 11px 8px 5px;
					background: #fff;
					}
					#home #noticeSec #pickUpSec ul li dl dt {
						margin: 0 0 4px;
						}
						/* News Icon => /common/css/xx/layout.css */

					#home #noticeSec #pickUpSec ul li dl dd {
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						}
						#home #noticeSec #pickUpSec ul li a:hover dl dd { text-decoration: underline; }
	
	/* btnMore */
	#home #noticeSec #btnMore {
		text-align: center;
		}
		#home #noticeSec #btnMore span {
			position: relative;
			padding: 10px 0 16px;
			display: inline-block;
			cursor: pointer;
			}
			#home #noticeSec #btnMore span:after {
				position: absolute;
				left: 50%; bottom: 0;
				width: 15px; height: 9px;
				content: "";
				margin: 0 0 0 -8px;
				background: transparent url("/common/images/icoArrow-Bottom.png") no-repeat;
				transition: all ease-out .3s;
				}
				#home #noticeSec #btnMore span:hover:after { bottom: -5px; }


	/* newsSec */
	#home #noticeSec #newsSec {
		position: relative;
		margin-bottom: 30px;
		}
		#home #noticeSec #newsSec dl {
			}
			#home #noticeSec #newsSec dl dt {
				float: left;
				padding: 8px 10px;
				}
			#home #noticeSec #newsSec dl dd {
				margin: 0 0 4px; padding: 8px 10px 9px 220px;
				background: #fff;
				}
				#home #noticeSec #newsSec dl dd a { color: #333; }
		
		#home #noticeSec #newsSec p {
			text-align: right;
			}
		
		

/*---------- productsSec ----------*/

#home #productsSec {
	}
	#home #productsSec h3 {
		margin: 0 0 20px;
		font-size: 18px;
		color: #666;
		text-align: center;
		}
	
	#home #productsSec a {
		font-size: 16px;
		color: #333;
		line-height: 2em;
		}
	
	/* prTrading & prSeasoning */
	#home #productsSec .prBox ul {
		margin: 0 0 30px -20px;
		}
		#home #productsSec .prBox ul li {
			position: relative;
			float: left;
			margin: 0 0 20px 20px; 
			text-align: center;
			transition: all ease-out .7s;
			box-shadow: inset 0 0 0 8px rgba(255,255,255,0.6);
			text-shadow: 0 2px 0 #fff;
			
			background-color: #e1f4f8;
			/*background: transparent url("/images/bgProducts.png") no-repeat center center;*/
			border-radius: 100px;
			/*border-radius: 120px 30px 120px 30px / 30px 120px 30px 120px;*/
			}
			#home #productsSec .prBox ul li:nth-of-type(2n+1) { background-color: #ffeda8; }

			#home #productsSec .prBox ul li:hover { box-shadow: inset 0 0 0 80px rgba(255,255,255,0.6); }

			#home #productsSec .prBox ul li:before {
				position: absolute;
				top: 0; right: 0; bottom: 0; left: 0;
				content: "";
				margin: 15px;
				transition: all ease-out .3s;
				box-shadow: inset 0 0 0 70px rgba(255,255,255,1);
				border-radius: 100px;
				/*border-radius: 120px 30px 120px 30px / 30px 120px 30px 120px;*/
				}
				#home #productsSec .prBox ul li:hover:before {
					margin: -1px;
					box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
					}
			
			
			#home #productsSec .prBox ul li a {
				position: relative;
				width: 180px; height: 180px;
				padding: 30px 5px 5px;
				display: block;
				text-decoration: none;
				z-index: 99;
				}
				#home #productsSec .prBox ul li a span {
					height: 108px;
					display: block;
					line-height: 108px;
					border-radius: 5px;
					overflow: hidden;
					transition: all ease-out .3s;
					}
					#home #productsSec .prBox ul li a span img {
						width: auto; height: auto;
						max-width: 100%; max-height: 100%;
						vertical-align: middle;
						/*-webkit-filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.1));
						filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.1));*/
						transition: all ease-out .3s;
						}
					
					#home #productsSec .prBox ul li a:hover span {
						transform: rotate(-10deg);
						}
						#home #productsSec .prBox ul li a:hover span img {
							/*-webkit-filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, 0.2));
							filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, 0.2));*/
							}

	#home #productsSec #prSeasoning {
		float: left;
		padding: 0 12px 0 0;
		background: transparent url("/common/images/bgSlashGray.gif") repeat-y right top;
		}
		#home #productsSec #prSeasoning ul { margin-bottom: 5px; }
	
	
	/* prOther */
	#home #productsSec #prOther {
		float: left;
		}
		#home #productsSec #prOther li {
			position: relative;
			float: left;
			padding: 42px 12px 0 4px;
			text-align: center;
			background: transparent url("/common/images/bgSlashGray.gif") repeat-y right top;
			}
			#home #productsSec #prOther li img {
				display: block;
				}
				#home #productsSec #prOther li img {
					-webkit-filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.1));
					filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.1));
					}
			
			#home #productsSec #prOther li:before {
				position: absolute;
				left: 50%; top: 0;
				width: 148px; height: 60px;
				margin: 0 0 0 -74px; padding: 0 0 30px;
				content: attr(data-other);
				
				display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				align-items: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
				
				font-size: 14px;
				line-height: 1.4em;
				white-space: pre;
				background: transparent url("/images/phPrOther-pop.png") no-repeat;
				transition: all ease-out .3s;
				z-index: 99;
				}
				#home #productsSec #prOther li:hover:before { top: 5px; }
	
	/* prCategory */
	#home #productsSec ul#prCategory {
		float: left;
		width: 308px;
		padding: 0 0 0 2px;
		}
		#home #productsSec ul#prCategory li {
			border-bottom: 1px solid #b2b2b2;
			}
			#home #productsSec ul#prCategory li:last-child { border: none; }
			#home #productsSec ul#prCategory li a {
				display: block;
				padding: 13px 10px 13px 40px;
				background: transparent url("/common/images/icoArrowMid.gif") no-repeat 20px 1.25em;
				}
	

/*---------- storeSec ----------*/

#home #storeSec {
	position: relative;
	}
	/* stNews */
	#home #storeSec #stNews {
		margin: 0 0 30px;
		}
		#home #storeSec #stNews dl {
			margin: 0 0 10px;
			}
			#home #storeSec #stNews dl dt {
				position: relative;
				padding: 0 0 0 70px;
				}
				#home #storeSec #stNews dl dt:before {
					position: absolute;
					left: 5px; top: 0;
					width: 50px; height: 50px;
					content: "";
					display: block;
					}
					#home #storeSec #stNews dl dt.icoOh:before { background: transparent url("/common/images/icoOhsho.png")      no-repeat center center; }
					#home #storeSec #stNews dl dt.icoTo:before { background: transparent url("/common/images/icoTomato.png")     no-repeat center center; }
					#home #storeSec #stNews dl dt.icoYo:before { background: transparent url("/common/images/icoYottekoy.png")   no-repeat center center; }
					#home #storeSec #stNews dl dt.icoBe:before { background: transparent url("/common/images/icoBeefst.png")     no-repeat center center; }
					#home #storeSec #stNews dl dt.icoRb:before { background: transparent url("/common/images/icoR-baker.png")    no-repeat center center; }
					#home #storeSec #stNews dl dt.icoCo:before { background: transparent url("/common/images/icoCoccinelle.png") no-repeat center center; }
					#home #storeSec #stNews dl dt.icoAs:before { background: transparent url("/common/images/icoAndSwell.png")   no-repeat center center; }
					#home #storeSec #stNews dl dt.icoOt:before { background: transparent url("/common/images/icoEatand.png")     no-repeat center center; }
			
		#home #storeSec #stNews dl dd {
			margin: 0 0 8px; padding: 0 0 10px 70px;
			background: transparent url("/common/images/bgDotted.gif") repeat-x left bottom;
			}
		
		#home #storeSec #stNews p {
			text-align: right;
			}
	
	/* stSearch */
	#home #storeSec #stSearch {
		float: right;
		width: 270px;
		padding: 10px 0 0 18px;
		}
		#home #storeSec #stSearch form {
			}
		
		#home #storeSec #stSearch dl {
			padding: 0 5px 20px;
			background: transparent url("/common/images/bgDotted-coverGray.gif") repeat-x left bottom;
			}
			#home #storeSec #stSearch dl dt {
				margin: 0 0 5px; padding: 6px 0 6px 33px;
				background: transparent url("/images/icoSearch.png") no-repeat left top;
				}
			
			#home #storeSec #stSearch dl dd {
				}
				#home #storeSec #stSearch dl dd select {
					width: 100%;
					padding: 8px 10px;
					
					-webkit-appearance: none;
					-moz-appearance: none;
					appearance: none;
					
					box-shadow: inset 0 0 0 1px #fff;
					background: transparent url("/common/images/bgSelect.png") no-repeat right center;
					border: 1px solid #ccc;
					border-radius: 0;
					}
					#home #storeSec #stSearch dl dd select::-ms-expand { display: none; }
					#home #storeSec #stSearch dl dd select::focus      { background-color: #eafeff; }
		
		/* Button */
		#home #storeSec #stSearch p {
			}
			
			/* Button Base Style => /common/css/xx/common.css */
			
			#home #storeSec #stSearch p button {
				width: 100%;
				}
				#home #storeSec #stSearch p button span {
					margin: 0;
					}
					#home #storeSec #stSearch p button span:before {
						width: 25px; height: 22px;
						margin: 0 8px 0 0;
						display: inline-block;
						content: "";
						vertical-align: middle;
						background: transparent url("/images/icoStore.png") no-repeat;
						}
		
		/* stCategory */
		#home #storeSec ul#stCategory {
			clear: both;
			margin: 0 0 30px; padding: 0 0 0 1px;
			
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			-webkit-justify-content: center;
			justify-content: center;
			
			background: transparent url("/common/images/bgDotted-vertical.gif") repeat-y left top;
			}
			#home #storeSec ul#stCategory li {
				width: 100%;
				padding: 20px 0;
				
				-webkit-box-flex: 1;
				box-flex: 1;
				text-align: center;
				background: transparent url("/common/images/bgDotted-vertical.gif") repeat-y right top;
				}
				#home #storeSec ul#stCategory li a {
					transition: all ease-out .3s;
					}
					#home #storeSec ul#stCategory li a:hover {
						text-decoration: none;
						filter: alpha(opacity=40);
						-moz-opacity: 0.4;
						opacity: 0.4;
						}
		
		/* btnBrand */
		#home #storeSec p#btnBrand {
			text-align: center;
			}
			#home #storeSec p#btnBrand a {
				padding: 15px 50px 15px 55px;
				display: inline-block;
				color: #333;
				background: #ffd324 url("/common/images/icoArrow-dotted.png") no-repeat 15px center;
				border-radius: 5px;
				transition: all ease-out .3s;
				}
				#home #storeSec p#btnBrand a:hover { background-color: #ffb424; }