html {box-sizing: border-box;}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color:#333;
	margin:0;
	padding:0;
	counter-reset: li;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;
	background-color: #FFF;
}



a img {
	border: none;
}

/* 順序注意 */


a:link {
	color: #06C;
	text-decoration: none;
}
a:visited {
	color: #099;
	text-decoration:none;
}
a:hover, a:active, a:focus {
text-decoration:none;
opacity:0.6;
}


#footer{font-size:x-small; color:#666; text-align:center}


h1 {
	font-size: x-large;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	line-height: 2em;
	border-right:solid 10px #B57E5C;
	border-left: solid 10px #B57E5C;
	
	margin-top: 1em;
	margin-bottom: 0px;
}


h2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: large;
	font-weight: bold;
	color: #B57E5C;
	background-color: #FFEDCC;
	border-top: solid 1px #D8B58D;
	border-bottom: solid 1px #D8B58D;
	padding:5px 5px 5px 10px;
}




img.recipe-image{
	max-width: 100%;
	height: auto;
	margin:0 auto;
	display:block;
  }


#ingredients_list h2 span {
	font-size: small;
	font-weight: normal;
	color: #333;
}

#ingredients_list ul {
	list-style-type: none;
	margin:0;
    padding:0;
}

#ingredients_list ul li {
	border-bottom: solid 1px #DDD;
	padding:3px 3px 3px 1em;
}


#recipe-step ol {
margin:0;
padding:0;
counter-reset: li;
 list-style: none;
 padding-left: 0;
}


#recipe-step ol > li {
 position: relative;
 margin-bottom: .5em;
 padding-left: 3.5em;
 border-bottom: solid 1px #DDD;
}

#recipe-step ol li:before {
 content: counter(li) "";
 counter-increment: li;
 position: absolute;
 left: 1em;
 width: 1.8em;
 height: 1.8em;
 background: #000;
 border-radius: 50px;
 color: #fff;
 line-height: 1.8;
 text-align: center;
}

.donburi-image {
	display: block;
	height: 30px;
	width: 150px;
	margin: 5px auto;
}


img.donburi_comic_latest{
	max-width: 100%;
	height: auto;
	margin:20px auto;
	display:block;
	}
	
a img.donburi_comic_latest:hover, a img.donburi_comic_latest:focus{
	opacity:0.6;
}

.index_link
{
text-align:center;
border-top:solid 1px #D8B58D;
margin-top:20px;
}

.index_link a{display:block; width:100%;}


.index_link span {
	display:block;
	color: #D8B58D;
}


/*メニュー*/



#donburi_list ul{
	list-style-type: none; 
	overflow:hidden; 
	padding: 0;
	border-top:dotted 1px #D8B58D;
	border-bottom:dotted 1px #D8B58D;
	}


	
#donburi_list ul li{
width:100%;
height:auto;
border-bottom:dotted 1px #D8B58D;
overflow:hidden;
color:#B57E5C; 
font-weight:nomal; 
font-size:medium;
	}





#donburi_list ul li a{display: table; padding:10px;}




#donburi_list ul li img{ 
width:100px; 
height:100px;
vertical-align: middle;
display: table-cell;
margin-right:5px;
 }

#donburi_list ul li span{
display: table-cell;
vertical-align: middle;
  }
  
#donburi_list ul li:last-child{
    border-bottom:none;
}
  
  
@media screen and (min-width: 640px)
{
#donburi_list ul li{display: block; width:50%; float:left;}
}

@media screen and (min-width: 780px)
{
#donburi_list ul li{width:33%;}
}



img.comicill{	max-width: 80%;
	height: auto;
	margin:20px auto;
	display:block;
	border:solid 2px #000;}