@charset "UTF-8";
/* CSS Document */

body {font-family: 'Kaisei Opti', serif;
font-family: 'M PLUS Rounded 1c', sans-serif;
text-align:center;
	

width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}

body {
    padding-top: 90px; /* ヘッダーの後ろに要素が隠れないようにするため */
}


header {
	
    width: 100%; /* 幅いっぱいを指定 */
    height: 90px; /* 高さを指定 */
    background:#FFCCCC; /* 背景色を指定 */
	
    box-sizing: border-box; /*幅を100%にするため */
	z-index: 9999;
    position: fixed; /* ウィンドウを基準に画面に固定 */
    top: 0; /* 上下の固定位置を上から0pxにする */
    left: 0; /* 左右の固定位置を左から0pxにする */
   border-radius: 0 0 20px 20px;
    align-items: center; /* 中の要素を上下中央に並べる */
}

table{width: 100%}


table td{padding: 10px 30px;}
td:not(strong){border-top: dashed 1px  gray;}
/*材料の破線*/



.all{margin: 30px}
.columns{margin-left: 30px}

.title{ 
  position: relative;
  padding: 0.3em;
}
.title:after {align-items: center;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: repeating-linear-gradient(-45deg, #FFCCCC, #FFCCCC 2px, white 2px, white 4px);
}/* タイトルのしましま */

.header img{text-align:center}

.title-group{text-align:left;
}

.title-group h2{margin-left: 10px}
.title-group img{max-width: 100%;
box-shadow: 0 2px 10px 0 rgba(0,0,0,.5);
margin-top: 20px}/*影をつけた*/

.material{text-align:left}

.make p{margin: 6px;}
.make p:not(:first-of-type) {
 /*一番上のみ除外*/
  border-top: dashed 1px gray;
 /*上にグレーの1pxの破線を引きます*/
}





h1{font-family: "Kaisei Opti", serif;
	color:#CE423B;
text-align:left;
font-weight: 100;
}


h2{font-family: "Kaisei Opti", serif;
	color:#CE423B;
text-align:center;
margin-top: 60px;
	

 background: repeating-linear-gradient(-45deg, #FFCCCC, #FFCCCC 2px, white 2px, white 4px);
}/* 見出しのしましま */

h3{font-family: "Kaisei Opti", serif;
	color:#CE423B;
text-align:left}
p{line-height: 2.5;
text-align:left}

.near-recepi img{width:80%;
border-radius: 5%;
}

.near-recepi p{text-align:center;}


footer img{width: 80px;
padding: 100;
margin-top: 30px}