@charset "UTF-8";

@import url("/common/css/default.css");
@import url("/common/css/layout_contents.css");
@import url("/common/css/navi.css");

/* -------------------------
  font
------------------------- */
.yuMincho { font-family:YuMincho,'Yu Mincho',serif; }


/* -------------------------
  fv_Area
------------------------- */
#fv_Area { width:100%; height:405px; background:url(/assets/img/products/shinuchi//fv_Area__bg.jpg) no-repeat center top; background-size:100% auto; position:relative; }
	#fv_Area #fv_Inner { width:100%; height:100%; text-align:center; margin:0 auto; padding:0; position:relative; }

	#fv_Area h1 { width:100%!important; text-align:center; padding:10px 0 0 0!important; margin:0!important; border:none; }
		#fv_Area h1 img { width:106px; }

	#fv_Area .fv_itemImg { position:absolute; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.2)); transform: translateZ(0); }
		#fv_Area .item01 { width:122px; top:50px; left:80px; transform:rotate(-10.5deg); }
		#fv_Area .item02 { width:122px; top:50px; right:80px; transform:rotate(10.5deg); }
		#fv_Area .item03 { width:122px; top:212px; left:25px; transform:rotate(-15.0deg); }
		#fv_Area .item04 { width:122px; top:190px; left:167px; transform:rotate(-5.0deg); }
		#fv_Area .item05 { width:134px; top:185px; left:50%; margin-left:-67px; }
		#fv_Area .item06 { width:122px; top:190px; right:167px; transform:rotate(5.0deg); }
		#fv_Area .item07 { width:116px; top:212px; right:25px; transform:rotate(15.0deg); }
		#fv_Area .fv_icon_mew { width:74px; position:absolute; top:172px; left:50%; margin-left:25px; }

		
		
/* -------------------------
content
------------------------- */
#brandBox { width:980px; margin:13px auto 0 auto; }
.lnaviBox { width:100%; height:auto; padding:30px; box-sizing:border-box; display: flex; gap: 3%; }
	.lnaviBox li { height:auto; text-align:center; position:relative; }
		.lnaviBox li img { max-width:100%; }
		.lnaviBox li .icon_new { width:60px; position:absolute; top:-20px; left:-10px; }

#content { float:left; width:770px; margin:0 10px 0 0; padding:0 0 50px 0; }

	#content #brandInner { width:770px; background:#f4ebe0; overflow:hidden; }
		#content #brandInner .container { width:100%; margin:0; padding:0 0 30px 0; position:relative; }
		#content #brandInner .wrap { width:710px; margin:0 auto; padding:0; background:#fff; border:5px solid #cebb98; position:relative; box-sizing:border-box; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3)); }
			#content #brandInner #sec01 .wrap { margin-top:30px; padding-bottom:30px; text-align:center; }
			#content #brandInner #sec02 .wrap { margin-top:30px; }
			#content #brandInner #sec03 .wrap { margin-top:30px; padding-bottom:30px; }

		#content #brandInner h2 { text-align:center; width:600px; height:48px; margin:-26px auto 30px auto; padding:0; background:url(/assets/img/products/shinuchi//h2_bg.png) no-repeat; background-size:100% auto; position:relative; }
			#content #brandInner h2 img { width:auto; height:27px; padding-top:12px; }
				#content #brandInner #sec02 h2 .icon_new { width:62px; height:auto; position:absolute; top:7px; left:156px; padding:0; }

		/*--「真打」とは？--*/
		#content #brandInner #sec01 .img01 { width:480px; }
		#content #brandInner #sec01 p { font-size:19px; color:#000; font-weight:normal; font-feature-settings:"palt"; letter-spacing:0.03em; padding-top:15px; }
		/*--商品画像--*/
		#content #brandInner #sec01 .itemList_top { display: flex; justify-content: center; flex-wrap: wrap; width:100%; padding:0 15px; margin-top:20px; box-sizing:border-box; }
			#content #brandInner #sec01 .itemList_top li { float:left; width:12.5%; position:relative; }
			#content #brandInner #sec01 .itemList_top li img { width:auto; height:94px; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3)); margin-left:-12px; transform: translateZ(0); }
			#content #brandInner #sec01 .itemList_top li:nth-child(1) { z-index:8; }
				#content #brandInner #sec01 .itemList_top li:nth-child(1) img { margin-left:0; }
			#content #brandInner #sec01 .itemList_top li:nth-child(2) { z-index:7; }
			#content #brandInner #sec01 .itemList_top li:nth-child(3) { z-index:6; }
			#content #brandInner #sec01 .itemList_top li:nth-child(4) { z-index:5; }
			#content #brandInner #sec01 .itemList_top li:nth-child(5) { z-index:4; }
			#content #brandInner #sec01 .itemList_top li:nth-child(6) { z-index:3; }
			#content #brandInner #sec01 .itemList_top li:nth-child(7) { z-index:2; }
			#content #brandInner #sec01 .itemList_top li:nth-child(8) { z-index:1; }
		#content #brandInner #sec01 .itemList_bottom { display: flex;
			justify-content: center; width:100%; padding:0 192px; margin-top:20px; box-sizing:border-box; }
			#content #brandInner #sec01 .itemList_bottom li { float:left; width:25.0%; position:relative; }
			#content #brandInner #sec01 .itemList_bottom li img { width:auto; height:94px; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3)); margin-left:-12px; transform: translateZ(0); }
			#content #brandInner #sec01 .itemList_bottom li:nth-child(1) { z-index:4; }
				#content #brandInner #sec01 .itemList_bottom li:nth-child(1) img { margin-left:0; }
			#content #brandInner #sec01 .itemList_bottom li:nth-child(2) { z-index:3; }
			#content #brandInner #sec01 .itemList_bottom li:nth-child(3) { z-index:2; }
			#content #brandInner #sec01 .itemList_bottom li:nth-child(4) { z-index:1; }

		/*--「真打」のこだわり--*/
		#content #brandInner #sec02 .cont_top { display: flex; gap: 16px 55px; padding:0 48px; justify-content: space-between; }
			
			#content #brandInner #sec02 .cont_top .cont_top_text { padding-top: 34px; }
			#content #brandInner #sec02 .cont_top .cont_top_text h3 { width: auto; margin-bottom: 16px; padding-bottom: 0; }
			#content #brandInner #sec02 .cont_top .cont_top_text h3 img { width: 257px;}
			#content #brandInner #sec02 .cont_top .cont_top_text p { font-size:19px; line-height:1.5; color:#000; font-feature-settings:"palt"; letter-spacing:0.03em;}
			#content #brandInner #sec02 .cont_top .cont_top_img { display: flex; flex-direction: column; gap: 16px; }
			#content #brandInner #sec02 .cont_top .cont_top_img img { border: 4px solid #CEBB97; border-radius: 100%; filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.4)); }

		#content #brandInner #sec02 .cont_middle { margin-top: -26px; padding: 64px 48px; background-color: #f1f1f1; }
		#content #brandInner #sec02 .cont_middle h3 { width: auto; margin-bottom: 16px; padding-bottom: 0; }
		#content #brandInner #sec02 .cont_middle img { width: 257px }
		#content #brandInner #sec02 .cont_middle p { font-size:19px; line-height:1.5; color:#000; font-feature-settings:"palt"; letter-spacing:0.03em;}
		#content #brandInner #sec02 .cont_middle img { max-width:100%; position:relative; }
			#content #brandInner #sec02 .cont_middle .cont_middle_img {display: flex; margin-top: 24px; align-items: center; gap: 16px; justify-content: center;}
			#content #brandInner #sec02 .cont_middle .cont_middle_img p {font-weight: 500; font-size: 16px; font-family: 'Noto Sans JP', sans-serif;}

		#content #brandInner #sec02 .cont_bottom { padding:0; text-align:center; }
			/*--レシピリンクがない場合--*/
			#content #brandInner #sec02 .cont_bottom .txt01 { font-size:19px; line-height:1.5; color:#000; font-feature-settings:"palt"; letter-spacing:0.03em; margin-top:30px; padding:15px 0; background:#ebe3d5; }
			/*--レシピリンクがある場合--*
			#content #brandInner #sec02 .cont_bottom .txt01 { font-size:19px; line-height:1.5; color:#000; font-feature-settings:"palt"; letter-spacing:0.03em; margin-top:30px; padding:15px 0 35px 0; background:#ebe3d5; }*/
			#content #brandInner #sec02 .cont_bottom .pageLinkBtn { width:60%; background:#000; margin:-25px auto 0 auto; padding:5px; position:relative; }
				#content #brandInner #sec02 .cont_bottom .pageLinkBtn:hover { background:#856f45; transition: all 0.3s; }
				#content #brandInner #sec02 .cont_bottom .pageLinkBtn a { width:100%; height:100%; position:absolute; top:0; left:0; }
				#content #brandInner #sec02 .cont_bottom .pageLinkBtn p { font-size:18px; color:#fff; padding:10px 0; border:1px solid #fff; }

		/*--商品ラインアップ--*/
		#content #brandInner .productsList { width:100%; }
			#content #brandInner .productsList { padding:0 20px; box-sizing:border-box;
				display:-webkit-box;
				display: block;
				display:-ms-box;
				display:-webkit-flexbox;
				display:-moz-flexbox;
				display:-ms-flexbox;
				display:-webkit-flex;
				display:-moz-flex;
				display:-ms-flex;
				display:flex;
					-webkit-box-lines:multiple;
					-moz-box-lines:multiple;
					-webkit-flex-wrap:wrap;
					-moz-flex-wrap:wrap;
					-ms-flex-wrap:wrap;
					flex-wrap:wrap; }

			#content #brandInner .productsList li { float:left; width:25%; margin-top:30px; padding:0 15px 30px 15px; text-align:center; position:relative; box-sizing:border-box; border-bottom:1px solid #cebb98; }
				#content #brandInner .productsList li:nth-child(-n+4) { margin-top:0; }
				#content #brandInner .productsList li:nth-child(4n+1):nth-last-child(-n+4),
				#content #brandInner .productsList li:nth-child(4n+1):nth-last-child(-n+4) ~ li { padding-bottom:0; border-bottom:none; }

				#content #brandInner .productsList li .itemDescri { padding:20px 0 10px 0; }
					#content #brandInner .productsList li .itemDescri h3 { width:100%; font-size:12px; line-height:1.4em; font-weight:normal; color:#000; padding:0; }
					#content #brandInner .productsList li .itemDescri .txt { font-size:14px; line-height:1.6em; text-align:justify; text-justify:inter-ideograph; color:#000; padding-top:10px; }
				#content #brandInner .productsList li a { text-decoration:none; height: 100%; }
				#content #brandInner .productsList li .pageLinkBtn { width:100%; background:#ee7700; border:3px solid #cfc260; border-radius:10px; margin-top: auto; box-sizing:border-box; }
					#content #brandInner .productsList li .pageLinkBtn p { color:#fff; font-size:12px; line-height:1.0em; font-weight:bold; padding:10px 0; }
			/*--商品画像--*/
			#content #brandInner .productsList a {
				display: flex;
				flex-direction: column;
				align-items: center;
			}
			#content #brandInner .productsList img { width:auto; height:126px; padding:0 0 0 0; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3)); transform: translateZ(0); }

			/*--ホバー設定--*/
			#content #brandInner .productsList li:hover .productsItem { transform: translateZ(0) scale(1.04, 1.04); transition: all 0.3s; }
				#content #brandInner .productsList li:hover h3 { color:#e60012; transform: scale(1.04, 1.04); transition: all 0.3s; }
			#content #brandInner .productsList li:hover .pageLinkBtn { background:#e60012; border:3px solid #e60012; }
				#content #brandInner .productsList li:hover .pageLinkBtn p { color:#fff; }


/* -------------------------
  localNav
------------------------- */
#localNav {  float:left; width:200px; padding:0 0 50px 0; }
	#localNav img { max-width:100%; }
	#localNav ul { background:#fafafa; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; }
	#localNav li { text-align:center; border-bottom:1px dashed #d9d9d9; }
		#localNav li:last-child { border-bottom:1px solid #d9d9d9; }
		#localNav li .itemName { font-size:11px; line-height:1.3em; padding-top:15px; }
			#localNav li .itemName span.kakko { margin-left:-0.7em; }
		#localNav li .itemImg_wl { width:auto; height:90px; padding:8px 0 12px 0; }
		#localNav li .localNavBtn { width:102px; padding-bottom:15px; }
		#localNav ul li a { text-decoration:none; color:#4e4e4e; display:flex; flex-flow:column; align-items:center; }

		/*--ホバー設定--*/
		#localNav li:hover { cursor:pointer; }
			#localNav li:hover .itemName {
				filter:alpha(opacity=50);
    			-moz-opacity:0.5;
    			opacity:0.5; }
			#localNav li:hover img {
				filter:alpha(opacity=50);
    			-moz-opacity:0.5;
    			opacity:0.5; }


/* -------------------------
  サイドバー背景
------------------------- */
.brand_sidebar_bg {
	background-image: url(/common/img/bg_nv_sub.gif);
	background-position: 0 10px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}