@charset "Shift_JIS";


/***********************************************************************************

プリント用CSS

************************************************************************************/
* {
	margin: 0;
	padding: 0;
}

html,body{
	margin: 0;
	padding: 0;
	background:#FFFFFF;
	}

body{
}


.clear {
	clear: both;
}



/*印刷ボタン*/
div#print_btn{
	display:none;
}


/*WEBでは消してください*/
#BackImageBox { width:100%; display:block; position:relative;}
#BackImageBox img { width:100%;}


.MainImage { width:100%; text-align:center; position:absolute; padding-top:17%; display:block; top:0; left:0;}
.MainImage img { width:40%;}

#recipe_icon { width:100%; text-align:center; position:absolute; padding-top:58%; display:block; top:0; left:0;}
#recipe_icon img { width:35%; margin-left:10px;}

.TitleBox { width:100%; text-align:center; position:absolute; padding-top:72%; display:block; top:0; left:0;}
.TitleBoxIn { width:45%; display:block; text-align:left; margin:0 auto;}
.TitleBoxIn .copy { width:70%; display:block; margin-bottom:2%;}

.line_print { width:100%; display:block; margin-bottom:5%;}


.Line_01Box { display:none;}
.Line_02Box { display:none;}

.zairyou { width:45%; display:block; text-align:left; margin:0 auto;}




*:first-child+html .zairyou {  margin:10px auto 0 auto;}/* IE7 */
.zairyou .Title02Box { display:block; float:left; width:15%;}
.zairyou table { display:block; float:right; width:80%; margin-bottom:2%; font-size:5px;}

.zairyou table { font-size:12px\9;}/* IE9-10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .zairyou table:not(:target) {
    font-size:12px\9; /* IE10（9なしでIE11にも適用） */
  }
}

.zairyou table th { text-align:center; vertical-align:top; width:3%;}
.zairyou table th img { width:80%; margin-bottom:2%;}



.TitleBox2 { width:100%; text-align:center; position:absolute; padding-top:72%; display:block; top:19%; left:0;}


.howto { width:45%; display:block; text-align:left; margin:0 auto;}
.howto .Title02Box { display:block; float:left; width:15%;}
.howto table { display:block; float:right; width:80%; margin-bottom:2%; font-size:5px;}

.howto table { font-size:12px\9;}/* IE9-10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .howto table:not(:target) {
    font-size:12px\9; /* IE10（9なしでIE11にも適用） */
  }
}

.howto table th { text-align:left; vertical-align:top; width:3%;}
.howto table th img { width:80%; margin-bottom:2%;}
.howto table td { vertical-align:top;}


.advice { width:100%; margin-top:5%;}
.advice img { width:100%;}

div#close-btn{
	display:none;
}