


#udon_recipe { width:950px; background: url(../image/recipe_bg.jpg) repeat-y; position:relative;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px;
color:#111; }


a:hover img{
opacity:0.7;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
a img{
	/*Transition*/
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}


#udon_recipe .top_bottom { width:572px; margin:auto;}

#udon_recipe .recipe_page { width:572px; margin:auto; background:url(../image/kakejiku_bg.png) repeat-y; overflow:hidden; position:relative;}

#udon_recipe .recipe_page .button2 .yummy_button {position:absolute; top:113px; right:54px;}

#udon_recipe .recipe_page .button2 .print_button {position:absolute; top:192px; right:54px;}

#udon_recipe .recipe_page .recipe_title { padding:40px 131px 0px;}
#udon_recipe .recipe_page .recipe_title img { margin:0 0 20px 0; }


#udon_recipe .recipe_page .point { background:url(../image/point.png) no-repeat; line-height:21px; padding:0 131px;}

#udon_recipe .recipe_page .udon_recipe { padding:30px 60px 20px;}

#udon_recipe .recipe_page .udon_recipe dl.udon_data {  width:450px; margin:25px 0 0 0; overflow:hidden;}
#udon_recipe .recipe_page .udon_recipe dl.udon_data dt {  float:left;  clear:left;  width:380px; text-align:left; height:auto; padding:7px 0;}
#udon_recipe .recipe_page .udon_recipe dl.udon_data dt.ti1{ text-indent:-0.5em;}

#udon_recipe .recipe_page .udon_recipe dl.udon_data dt.alldotline{ background:url(../image/dotline.png) repeat-x 0px center; height:20px;}
#udon_recipe .recipe_page .udon_recipe dl.udon_data dt.alldotline_long{ background:url(../image/dotline_450.png) repeat-x 0px center; height:20px;width:450px;}
#udon_recipe .recipe_page .udon_recipe dl.udon_data dt.dotline{ background:url(../image/dotline.png) no-repeat 45px center; text-indent:-7px;}
#udon_recipe .recipe_page .udon_recipe dl.udon_data dt.alldotline_txt{ background:url(../image/dotline_450.png) no-repeat 45px center; margin-top:10px; text-indent:-7px;width:450px;}

#udon_recipe .recipe_page .udon_recipe dl.udon_data dd {  float:left;  width:70px;  text-align:left; padding:5px 0;}

/*素材上アキ*/
#udon_recipe .recipe_page .recipe dl.udon_data .material { margin:10px 0 0 0;}

/*分量名長い時用*/
.long dt {  width:365px !important;}
.long dd {  width:85px !important;}


/*下準備*/
/*#udon_recipe .recipe_page .udon_recipe p.memo { background:url(../image/sita_jyunbi.png) no-repeat; margin:40px 0 50px 0; line-height:35px; padding:3px 0 0 90px;}
#udon_recipe .recipe_page .udon_recipe p.memo_1 { background:url(../image/sita_jyunbi_1line.png) no-repeat; margin:40px 0 50px 0; line-height:35px; padding:20px 0 20px 90px;}*/


#udon_recipe .recipe_page .udon_recipe .memo { background:url(../image/memo_bg.png) no-repeat; margin:40px 0 50px 0;  min-height:77px; padding:0 0 0 88px;}
#udon_recipe .recipe_page .udon_recipe .memo_l1 { padding:15px 0 0 88px;}

#udon_recipe .recipe_page .udon_recipe .memo p { padding:10px 0 0 20px; text-indent:-16px; background:url(../image/memo_p_bg.png) no-repeat; line-height:25px; vertical-align:middle;}
#udon_recipe .recipe_page .udon_recipe .memo span.endline{ display:block; background:url(../image/memo_p_bg.png) no-repeat; height:6px;}


/*作り方*/
#udon_recipe .recipe_page .udon_recipe .process { margin: 25px 0 30px 0;}
#udon_recipe .recipe_page .udon_recipe .process p{padding:3px 0 10px 43px; margin:0 0 10px 0; line-height:23px;}

#udon_recipe .recipe_page .udon_recipe .process p img { height:23px; width:auto; margin:0 3px 0 0;}
#udon_recipe .recipe_page .udon_recipe p.no1 { background:url(../image/no1.png) no-repeat;}
#udon_recipe .recipe_page .udon_recipe p.no2 { background:url(../image/no2.png) no-repeat;}
#udon_recipe .recipe_page .udon_recipe p.no3 { background:url(../image/no3.png) no-repeat;}
#udon_recipe .recipe_page .udon_recipe p.no4 { background:url(../image/no4.png) no-repeat;}
#udon_recipe .recipe_page .udon_recipe p.no5 { background:url(../image/no5.png) no-repeat;}
#udon_recipe .recipe_page .udon_recipe p.no6 { background:url(../image/no6.png) no-repeat;}

/*使用している商品*/
#udon_recipe .recipe_page .udon_recipe .item ul { overflow:hidden; padding:0 2px; margin:15px 0 0 0; box-sizing: border-box; display: flex; justify-content: space-between}
#udon_recipe .recipe_page .udon_recipe .item li { display:block; background:#FFF; border:#dddddd solid 1px; width:150px; float:left; min-height:172px; padding:20px 0 0 0; text-align:center; box-sizing: border-box; flex: 0 0 33%;}
#udon_recipe .recipe_page .udon_recipe .item li p { margin:0 9px 8px 9px;}
#udon_recipe .recipe_page .udon_recipe .item li p a { color:#000; text-decoration:underline;}
#udon_recipe .recipe_page .udon_recipe .item li p a:hover { color:#ef5124;}
#udon_recipe .recipe_page .udon_recipe .item li img { margin:0 0 16px 0;}

#udon_recipe .z1 { position:absolute; z-index:1;}
#udon_recipe .z2 { position:absolute; z-index:2; left:70px; top:0;}

#udon_recipe .back{ padding:30px 0 0 0; text-align:center; }

#udon_recipe .recipe_bottom { margin:0 0 60px 0;}

/*ポップアップ*/
#whitebox {
background: url(../../image/fff95.png);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
z-index:50;

display:none;
}

#whitebox #whitebox_text { 
width: 217px;
margin: 0 auto;
padding: 40px 0;
font-size: 13px;
line-height:2.5em;
color: #000;
font-weight:bold;
position: relative;
}

#whitebox #whitebox_text h4 { font-size:20px; text-align:center; padding:28px 0 42px 0;}
#whitebox #whitebox_text h4 span { font-size:13px;}

#whitebox #whitebox_text .lbclose{
	position:absolute;
	left:20%;
	top:40px;
	margin-left:250px;
}

#udon_recipe.fixed { display:none;}



.ti1{text-indent:-1em;}


@media screen and (max-width: 480px) {
	#pankuzu_dsn{height:auto;}
		#pankuzu_dsn{ width:100%;}

	img{max-width:100%; height:auto;}
	#contents_area{width:100%;}
#udon_recipe { width:100%; text-align:center; font-size:1.2em;}
#udon_recipe .top_bottom { width:100%; margin:auto;}

#udon_recipe .z2 { max-width: 100%; height: auto; position: static; text-align:center;} 

#udon_recipe .recipe_page { background-image:url(../image/kakejiku_bg.png); background-size: 100%; background-repeat:repeat-y; text-align:left; padding:0 10px; width:auto; }

#udon_recipe .recipe_page .recipe_title { padding:10px 0; text-align:center;}

#udon_recipe .recipe_page .recipe { padding:10px;}

#udon_recipe .recipe_page .recipe dl.udon_data {  width:100%;}
#udon_recipe .recipe_page .recipe dl.udon_data dt {width:65%;}
#udon_recipe .recipe_page .recipe dl.udon_data dd {width:35%; text-align:right;}

#udon_recipe .recipe_page .recipe dl.data dt { width:80%;}

#udon_recipe .recipe_page .recipe dl.data dd { width:auto;}

#udon_recipe .recipe_page .point { background:url(../image/point.png) no-repeat; line-height:21px; padding: 105px 10px 0 10px;}

#udon_recipe .recipe_page .recipe .item ul { width:auto;}
#udon_recipe .recipe_page .recipe .item ul li { margin:auto; float:none;}

#udon_recipe .recipe_page .recipe p.memo_1 { background: url(../image/sita_jyunbi.png) no-repeat;
margin: 40px 0 50px 0;
line-height: 35px;
padding: 3px 0 0 90px;}

#udon_recipe .recipe_page .button2 .yummy_button {position:absolute; top:5%; right:3%; width:17%; height:auto;}

#udon_recipe .recipe_page .button2 .print_button {position:absolute; top:10%; right:3%; width:18%; height:auto;}

#whitebox_text{
	width:94%;
}

#whitebox #whitebox_text .lbclose{
	margin:1em auto;
	position:absolute;
	left:auto;
	right:-10%;
	top:27px;
	margin-left:0;
}

}
