Body{margin:0}
@media(min-width: 768px){Body{font-size:125%}}

/*--------------------------------------------共通--------------------------------*/
.Border_01{border-bottom:1px solid maroon;padding:0 1em}
.Radius_01{border-radius:30px}
.instagram{background-color:navy;color:white;padding:5px;border:1px;border-radius:5px;font-size:120%}
@media(max-width: 767px){.Only_PC{display:none;}}
@media(min-width: 768px){.Only_Mobile{display:none;}}

/*--------------------------------------------Nav--------------------------------*/
.Top_Nav{padding:1em 0 0.25em 0;background-color:whitesmoke;border-bottom:2px solid lightgray;position:fixed;top:0;left:0;height:3em;width:100%;z-index:999}
.Nav_Table a{color:black;text-decoration:none}
@media(min-width: 768px){
  .Nav_Table{font-size:125%;margin-bottom:0.5em;text-decoration:right}
  .Nav_Table td{padding:0 1.5em;border-right:2px solid lightgray;}}
@media(max-width: 767px){
  .Nav_Table{font-size:125%;margin:0 0 1.5em 0em;}
  .Nav_Table td{padding:0.5em 1.5em;border-bottom:2px solid lightgray;}}
#Nav_Table_Mob{display:none}
.Nav_Bar{font-size:120%;margin:0.5em 1em}
.Nav_Bar a{color:black;text-decoration:none}
#Nav_Bar_2{display:none}

/*--------------------------------------------TopのDiv--------------------------------*/
.Top_02{text-align:center;background-color:whitesmoke;margin:0;padding:3em 0 8em 0;}
@media(min-width: 768px){ .Top_02_01{margin-left:20%;width:60%;}}
@media(min-width: 768px){ .Top_02_02{margin-left:10%;width:80%;}}
.Top_02_03{margin:1em 0; text-align:center}
@media(min-width: 768px){.Top_02_04{margin:1em 33%; width:33%;}}
@media(max-width: 767px){.Top_02_04{margin:1em 5%; width:90%;}}
.Top_025{text-align:center;padding:0 0 3em 0;margin:0}
.Top_03{text-align:center;margin:0;padding:0 0 3em 0;background-color:#FAF0E6}
@media(min-width: 768px){.Top_03_01{background-color:white;margin-left:15%;padding:3em 5%;width:60%;border:solid 1px orange}}
@media(max-width: 767px){.Top_03_01{background-color:white;margin-left:5%;padding:3em 5%;width:80%;border:solid 1px orange}}
.Top_03_02{margin-top:1em}
.Top_03_03{text-align:left}
.Top_03_03 li{padding:0.25em}
.Top_04{text-align:center;margin:0 0 3em 0}
.Top_05{text-align:center;margin:0;padding:0 0 3em 0;background-color:aliceblue}
.Top_90{padding-bottom:3em}

footer{background-color:lightgray;padding:1em 5%}
.Foot_01{text-align:center}
.Copyright{font-size:90%;margin-bottom:1em}

/*--------------------------------------------TopのH1、H2--------------------------------*/
.School_Name{text-align:center;font-size:160%;margin:1em 0;font-family:Century;color:deeppink;}
.School_Name_Mob{font-size:120%;margin:0;font-family:Century;color:brown;}
.Title_01{margin:0em 0 1em 0;padding:1em 0 0 0;font-size:160%;font-family:Century}
.H2_02{text-align:center;font-size:140%;color:maroon;margin:0;font-weight:normal}

/*--------------------------------------------TopのP--------------------------------*/
@media(min-width: 768px){ .Exp_01{background-color:white;padding:3em 0;text-align:left;width:70%;margin-left:15%}}
@media(max-width: 767px){ .Exp_01{background-color:white;padding:1em;text-align:left;margin:0 1em}}
.Exp_02{padding:2em;text-align:left;}
.Lesson_Name{margin-bottom:1em;border-bottom:1px solid orange;font-size:125%;font-weight:bold}

.Teacher_Introduction_Mobile{text-align:left}
.Teacher_Introduction_Mobile h3{color:#555555; font-size:90%; margin:0.8em 0 0 0; font-weight:bold;border-bottom:1px solid orange}
@media (max-width: 767px){.Teacher_Introduction_Mobile h3{margin-top:0.4em}}
.Teacher_Introduction_Mobile p{margin:0.25em 0 1em 1em}
@media (max-width: 767px){.Teacher_Introduction_Mobile p{margin:0.25em 0 0.25em 1em}}

.Information_01{margin:1em 0 0 0.5em}

/*--------------------------------------------TopのImgae--------------------------------*/
.Image_01{position:relative; background-color:black;height:99%;}
.Image_01_Text_01 {position:absolute; bottom:0%; left:50%; -ms-transform: translate(-50%,-0%);-webkit-transform: translate(-50%,-0%);transform: translate(-50%,-0%);text-align:center;margin:0 0 1em 0;padding:0; width:100%;color:maroon}
@media(min-width: 768px){.Image_01_Text_02 {font-size:150%;font-weight:bold}}
@media(max-width: 767px){.Image_01_Text_02 {font-size:125%;font-weight:bold}}

.Image_Person{width:15em}
.Image_Person_2{width:30em}
.Image_Person_3{width:100%}
.Imgae_Ilust_01{width:5em}
.Image_Lesson{width:80%}
.Image_Lesson_Table{width:100%;}

@media (min-width: 768px){
.Left_Picture{text-align:left;margin-left:5%}
.Right_Picture{text-align:right;margin-right:5%}}

@media (max-width: 767px){
.Left_Picture{text-align:left;margin:0 0 1em 0}
.Right_Picture{text-align:right;margin:1em 0 0 0}}

/*--------------------------------------------TopのTable--------------------------------*/
.Lesson_Picture_Table td{width:25%;}

/*-------------------------------------------レシピ--------------------------------*/
.recipe_subtitle{color:brown; font-size:1.1em; margin-bottom:0.5em; margin-top:0.5em;font-weight:bold}
.recipe_process{font-size:1em;text-align:left;}
.recipe_process td{vertical-align:top;}
.recipe_border{border-top:1px solid lightgray;padding-top:0.5em}
.recipe_detail{font-size:1em}
.recipe_introduction{color:gray;padding-bottom:0.5em}
.Recipe_Process_Num{background-color:gray;width:2em;text-align:center;border:1px solid lightgray;color:white}
.Recipe_Advertisement{border:green solid 1px; padding:0.3em;background-color:lightyellow;font-size:1em}
.recipe_raw_table {border-collapse: collapse;font-size:1em;margin-bottom:2em}
.recipe_raw_table tr{border-bottom: solid 1px lightgray;}
.recipe_raw{padding:0.5em 1em 0 1em}
.recipe_amount{padding:0.5em 1em 0 0}