@charset "UTF-8";

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



/* -------------------------
  font
------------------------- */
.wf-roundedmplus1c { font-family:"M PLUS Rounded 1c"; transform:rotate(0.05deg); }
.marugo { font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }
.txtShadow004fff { text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff; filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2)); }
.extra-text { text-align: center; color: #000; font-size: 16px; line-height: 1.6em; padding-top: 50px; text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff; font-family: "M PLUS Rounded 1c"; transform: rotate(0.05deg);}
@media not screen and (min-width: 810px) {
	.extra-text { padding-top: 10px !important; }
	[data-pagetype=brand] .page_products_teppan #fv_Area h1 { grid-column: 1 / 5; transform: translateX(-16px); }
}

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

	#fv_Area h1 { text-align:center; padding-top:10px; margin:0!important; border:none; }
		#fv_Area h1 img { width:576px; }
	#fv_Area .fv_point { width:150px; position:absolute; top:65px; left:25px; transform:rotate(-8deg); }
	#fv_Area .fv_itemImg__big { width:170px; position:absolute; bottom:120px; right:200px; filter:drop-shadow(3px 3px 3px rgba(255,255,255,0.8)); }
	#fv_Area .fv_itemImg__small { width:170px; position:absolute; bottom:120px; right:15px; filter:drop-shadow(3px 3px 3px rgba(255,255,255,0.8)); }
	#fv_Area h2 { color:#e60012; font-weight:bold; font-size:20px; line-height:1.3em; width:auto; display:inline-block; margin:0!important; padding:0!important; }
	#fv_Area .stroke { font-weight:bold; font-size:20px; line-height:1.3em; filter:drop-shadow(4px 4px 4px rgba(0,0,0,0.4));
		-webkit-text-stroke:8px #fff;
		text-stroke:8px #fff; }
		#fv_Area h2 { position:absolute; bottom:220px; right:15px; z-index:4; }
		#fv_Area .stroke { position:absolute; bottom:220px; right:15px;  z-index:4; }
		#fv_Area .fv_text_edging{width:480px; height:auto; box-sizing:border-box; position:absolute; top:150px; left:50%; margin-left: -240px;}

	#fv_Area .lnaviBox { width:100%; height:83px; margin:250px auto 0 auto; padding:0 21px; position:relative; z-index:5; box-sizing:border-box; }
		#fv_Area .lnaviBox li { float:left; width:232px; height:72px; text-align:center; margin-right:16px; background:url(/assets/img/products/teppan/img/lnaviBox_off__bg.png) no-repeat center; background-size:auto 100%; position:relative; transition: background 0.2s ease-in-out; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.2)); }
			#fv_Area .lnaviBox li:last-child { margin-right:0; }
			#fv_Area .lnaviBox li:hover { background:url(/assets/img/products/teppan/img/lnaviBox_on__bg.png) no-repeat center; background-size:auto 100%; }
			#fv_Area .lnaviBox li p { color:#fff; font-weight:bold; font-size:20px; line-height:1.0em; padding-top:25px; transition: color 0.2s ease-in-out; }
				#fv_Area .lnaviBox li p span { margin-left:-0.35em; }
				#fv_Area .lnaviBox li:hover p { color:#000; }
			#fv_Area .lnaviBox li a { position:absolute; top:0; left:0; width:100%; height:100%; text-decoration:none!important; }

/* -------------------------
  content
------------------------- */
#brandBox { width:980px; margin:13px auto 0 auto; }

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

	#content #brandInner { width:770px; background:url(/assets/img/products/teppan/img/bg_contents.jpg) repeat-y left top; overflow:hidden; }
		#content #brandInner .container { width:100%; margin:0; padding:20px 0 30px 0; position:relative; }
		#content #brandInner .wrap { width:100%; margin:0 auto; padding:0; position:relative; box-sizing:border-box; }
			#content #brandInner #sec02 .wrap { padding:35px 0 0 0; }
			#content #brandInner #sec03 .wrap { padding:35px 0; text-align:center; }

		#content #brandInner h2 { font-size:36px; line-height:1.0em; color:#000; padding:16px 0; width: calc(100% - 40px); margin: 0 20px; border-bottom:5px solid #ff0000; font-feature-settings: "palt"; }
			#content #brandInner h2 .palt { margin-left:-0.35em; }

		/*--「鉄板麺」とは--*/
		#content #sec01 .cont01 { padding:30px 30px 80px 30px; }
			#content #sec01 .cont01 .txtCont { float:left; width:calc(100% - 280px); }
				#content #sec01 .cont01 .txtCont h3 { font-size:22px; line-height:1.6em; color:#000; padding:20px 0 0 30px; }
					#content #sec01 .cont01 .txtCont h3 span { margin-left:-0.35em; }
				#content #sec01 .cont01 .reflect_img { float:left; width:280px;
				 -webkit-box-reflect:below -2px -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(0.2, rgba(0,0,0,0)),to(rgba(0,0,0,0.2))); }
				#content #sec01 .cont01 .itemImg { width:280px; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.2)); }
				
 		#content #sec01 .cont02 { margin-top:-40px; padding:40px 30px 40px 30px; background:rgb(255,233,182,0.6); min-height: 260px;}
			#content #sec01 .cont02 .txtCont { position:relative; float:right; width:calc(100% - 425px); }
				#content #sec01 .cont02 .txtCont .stroke { font-size:26px; font-weight:bold; line-height:1.0em; filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
					-webkit-text-stroke:8px #fff;
					text-stroke:8px #fff; }
				#content #sec01 .cont02 .txtCont h3 { width:auto; padding:0; font-size:26px; font-weight:bold; line-height:1.0em; color:#ff0000; }
			#content #sec01 .cont02 .txtCont h3 { position:absolute; top:0; left:0; z-index:4; }
			#content #sec01 .cont02 .txtCont .stroke { position:absolute; top:0; left:0; z-index:4; }
			#content #sec01 .cont02 .txtCont .txt { color:#000; font-size:22px; line-height:1.6em; padding-top:40px; position:relative; z-index:2; }
			#content #sec01 .cont02 .teppan_deco01 { position:absolute; top:-20px; left:-125px; width:550px; filter:drop-shadow(4px 10px 4px rgba(0,0,0,0.2)); }
			#content #sec01 .cont02 .pointBox { margin-top:15px; padding:10px 20px; background:#ff0000; border-radius:5px; position:relative; }
				#content #sec01 .cont02 .pointImg { position: relative;}
				#content #sec01 .cont02 .pointImg::before { content:""; width:100%; height:180px; position:absolute; top:-40px; right:0; z-index:-1; background:url(/assets/img/products/teppan/img/komugi.png) no-repeat top right; background-size:auto 100%; }
				#content #sec01 .cont02 .pointBox p { color:#fff; font-size:18px; line-height:1.5em; }

  		#content #sec01 .cont03 { margin-top:50px; padding:0 30px 40px 40px; }
			#content #sec01 .cont03 .txtCont { position:relative; float:left; width:calc(100% - 400px); margin-top:40px; }
				#content #sec01 .cont03 .txtCont .stroke { font-size:26px; font-weight:bold; line-height:1.4em; filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
					-webkit-text-stroke:8px #fff;
					text-stroke:8px #fff; }
				#content #sec01 .cont03 .txtCont h3 { width:auto; padding:0; font-size:26px; font-weight:bold; line-height:1.4em; color:#ff0000; }
			#content #sec01 .cont03 .txtCont h3 { position:absolute; top:0; left:0; z-index:4; }
			#content #sec01 .cont03 .txtCont .stroke { position:absolute; top:0; left:0; z-index:4; }
			#content #sec01 .cont03 .txtCont .txt { color:#000; font-size:22px; line-height:1.6em; padding-top:85px; position:relative; z-index:2; }
			#content #sec01 .cont03 .teppan_deco02 { position:absolute; top:-80px; right:-100px; width:550px; filter:drop-shadow(-4px 10px 4px rgba(0,0,0,0.2)); }

		#content #sec01 .cont04 { padding:50px 30px 50px 30px; background:rgb(254,235,198,1.0); }
			#content #sec01 .cont04 .txtCont { float:right; width:calc(100% - 355px); padding-top:25px; position:relative; }
				#content #sec01 .cont04 .txtCont .stroke { font-size:26px; font-weight:bold; line-height:1.0em; filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
					-webkit-text-stroke:8px #fff;
					text-stroke:8px #fff; }
				#content #sec01 .cont04 .txtCont h3 { width:auto; padding:0; font-size:26px; font-weight:bold; line-height:1.0em; color:#ff0000; }
			#content #sec01 .cont04 .txtCont h3 { position:absolute; top:25px; left:0; z-index:4; }
			#content #sec01 .cont04 .txtCont .stroke { position:absolute; top:25px; left:0; z-index:4; }
			#content #sec01 .cont04 .txtCont .txt { color:#000; font-size:22px; line-height:1.6em; padding-top:40px; position:relative; z-index:2; }
			#content #sec01 .cont04 .reflect_img { float:left; width:280px;
				 -webkit-box-reflect:below -2px -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(0.2, rgba(0,0,0,0)),to(rgba(0,0,0,0.2))); }
				#content #sec01 .cont04 .itemImg { width:280px; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.2)); }
			#content #sec01 .cont04 .eco_mark { position:absolute; top:160px; left:185px; width:160px; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.2)); }

		/*--商品ラインアップ--*/
		#content #sec02 .slide_package { width:380px; height: auto; aspect-ratio: 380 / 200; object-fit: scale-down; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.2)); }
		#content #sec02 h3 { width:auto; color:#fff; font-size:20px; line-height:1.0em; margin-top:15px; padding:10px 40px; border-radius:100px; display:inline-block; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.2)); }
			#content #sec02 h3 span { margin-left:-0.35em; }
			#content #sec02 h3.okonimi { background:#f10114; }
			#content #sec02 h3.ennichi { background:#ffda00; color:#000; }
			#content #sec02 h3.wafu { background:#2c0000; }
			#content #sec02 h3.gochujang { background:#006a2c; }
		#content #sec02 .txt { color:#000; font-size:16px; line-height:1.6em; padding-top:15px;
			text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff; }

		/*--スライダー--*/
		.slider { margin:0 auto; text-align:center; }
			.slider img { margin:0 auto; text-align:center; }

		.slick-prev::before, .slick-next::before { font-size:24px; }

		.lazy-item .slick-next,
		.thumb-item-nav .slick-next,
		.multiple-item .slick-next,
		.center-item .slick-next { right:20px; z-index:99; }

		.lazy-item .slick-prev,
		.thumb-item-nav .slick-prev,
		.multiple-item .slick-prev,
		.center-item .slick-prev { left:15px; z-index:100; }

		.single-item .slick-prev::before,
		.single-item .slick-next::before { color:#666; }

		#content .thumb-item { max-width:700px; margin:0 auto; padding:0 5px; }

		#content .slide-inner { max-width:695px; margin:0 auto; text-align:center; }
			#content .slide-inner ul.link { width:338px; margin:20px auto 0 auto; position:relative; }
				#content .slide-inner ul.link li { width:100%; height:80px; background:url(/assets/img/products/teppan/img/slide_btn_off__bg.png) no-repeat center; background-size:100% auto; position:relative; transition:0.2s ease-in-out; filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.2));}
					#content .slide-inner ul.link li:hover { background:url(/assets/img/products/teppan/img/slide_btn_on__bg.png) no-repeat center; background-size:100% auto; }
					#content .slide-inner ul.link li a { position:absolute; top:0; left:0; width:100%; height:100%; text-decoration:none!important }
					#content .slide-inner ul.link li p { color:#000; font-weight:bold; font-size:20px; line-height:1.0em; padding-top:29px; transition:0.2s ease-in-out; }
						#content .slide-inner ul.link li:hover p { color:#fff; }

		#content .thumb-item-nav { width:700px; margin:0 auto 30px auto; }
			#content .thumb-item-nav li { width:170px; }
				#content .thumb-item-nav li img { width:170px; height:auto; aspect-ratio: 170 / 90; object-fit: scale-down; }

		/*--「鉄板麺」レシピ--*/
		#content #sec03 .ban a img { transition:0.2s ease-in-out; }
			#content #sec03 .ban a img:hover {
				filter:alpha(opacity=60);
				-moz-opacity:0.6;
				opacity:0.6; }

/* -------------------------
  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 .itemImg_wl { width:125px; 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; }


/* -------------------------
  鉄板麺レシピ専用
------------------------- */
#content #brandContents { width:770px; background:url(/assets/img/products/teppan/img/bg_contents.jpg) repeat-y left top; padding:20px 0 20px 0; position:relative; }
	#content #brandContents .section { width:730px; margin:0 auto 30px auto; padding:10px 0 0 0; overflow: hidden; position: relative; }

#content #brandContents .txt_full01{
	width: 680px;
	margin-left: 30px;
	padding: 0;
	font-size: 14px;
	line-height: 2.0;
}
	#content #brandContents .txt_full01 span.miyakoSpan { background:#ff5907; color:#fff; padding:2px 5px; }

		#content #brandContents h2.sectionTle { font-size:28px; line-height:1.0em; color:#000; text-align:center; width:730px; margin:0 auto 20px auto; padding:10px 0; background:linear-gradient(#feffff, #feffff, #ffc4b1); border:5px solid #d00e3b; border-radius:100px;  }
			#content #brandContents h2.sectionTle span { margin-left:-0.35em; }

#content #brandContents .section ul.slice li{
	width:770px;
	margin:0 auto;
	padding:0;
	position:relative;
	overflow:hidden;
}

#content #brandContents .section .ban{
	width:695px;
	margin:20px auto;
	padding:0 0 40px;
	position:relative;
    text-align:center;
}

#content #brandContents .section .ban a img:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

#content #brandContents #recipeList{
	width: 730px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	position: relative;
}


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


@media not screen and (min-width: 810px) {
    [data-pagetype=brand] .page_products_teppan #content #sec01 .cont01 .itemImg {
    margin: 0 auto;
    display: block;
}