body{
 background: rgb(250, 256, 256); padding: 0px; margin: 0px;  
 font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
 font-size: 17px;
 border-left-color: rgb(224, 255, 255); 
 border-left-width: 5px; 
 border-left-style: solid;
 margin:0
}

.container { padding: 0px 3px; line-height: 1.8em; font-size: 17px; max-width:1200px;} 
 /* 5px  add "max-width:px;" 2020/9/30*/


h1 { font-size: 20px; margin-left:2px; background:orange; color: white; line-height: 1.7em;} 

  /*font-size: 30px;border-radius: 1px; line-height:指定しなかった */

h3 { font-size: 22px; margin-left:1px; line-height: 1.0em;}  
  /*font-size: 30px;*/
  
h4 { font-size: 18px; margin-left:1px; line-height: 1.2em;}  
  /*font-size: 30px;*/

.mh3{ padding: 10px 1px; line-height: 1.0em; font-size:1.3em;  }*/    /*小さい方には効果なし*/

.text { padding-left:5px;  line-height: 2.0em; font-size: 17px; }    
 /* 余白について */
 /* 1つだけ:上下左右すべてに */
 /* 2つの設定:1つめが上下,2つめが左右 */
 /* 3つの設定:1つめが上に,2つめが左右に,3つめが下 */
 /* 4つの設定:1つめ上,あとは順に右,下,左(時計回りの順番) */
/*10px 30px;  line-height: 1.8em; font-size: 17px; */ 

.text1 { padding-left: 15px;  line-height: 1.8em; font-size: 17px; }    /*padding: 5px 15px;*/ 

.text0 { padding: 10px 20px;  line-height: 1.7em; font-size: 12px; }        
  /*padding: 10px 15px;line-height: 2.0em;font-size: 12px;*/ 

.text2 { padding: 10px 5px;  line-height: 1.7em; font-size: 15px }
         /*padding: 10px 25px;  line-height: 2.0em; font-size: 17px*/
         
.text3 { padding: 5px 25px;  line-height: 1.8em; font-size: 15px }
   /*line-height: 1.5em; font-size: 30px*/

.text4 { padding: 10px 30px;  line-height: 2.0em; font-size: 17px; }    /*padding: 10px 20px;*/ 

.notes { padding: 10px 17px;  line-height: 2.0em; font-size: 15px; }

.notes1 { padding-left:15px; font-size: 0.8em; line-height:1.8em; color:red }

.notes3 { padding-left:15px; font-size: 0.9em; line-height:1.8em; color:red }

.formu0 {font-size: 15px; }

.formu00 {font-size: 12px; }
 
.formu { line-height: 2.0em; padding: 0px 20px; font-size: 17px; }

.formu2 { line-height: 2.5em; padding: 0px 20x; font-size: 20px;   }   /*分数用*/

.ovrflw-x {overflow-x:scroll; background-color: lightgray; }

hr { height:5px ; border-width: 1px ;  border-top: 1px; border-top-style: solid;  border-top-color: green;  }  

.tp {  margin-top:1.0em; }

.btm {  margin-bottom: 1.0em; }

.btm- {  margin-bottom: 5px; }

.spc {line-height: 8px; }  /* 20px */

/*.under {border-bottom: solid 2px red; } */   /*線だけ色がつく*/

.under0 {	text-decoration: underline; font-size: 1.0em; }

.under1 {	text-decoration: underline; font-size: 1.1em; }

.under {text-decoration: underline; color: red; }    /*字も色がつく*/

.description img {padding: 0 10px ;  font-size:1.0em; } /*width: 100%;*/

.figu {padding: 0 10px ;  font-size:1.0em; width: 100%; }


.coffe img { padding: 0 5px ;  font-size:1.0em;} /*width: 20%;*/                           

.listm { padding: 2px; font-size:1.0em; line-height: 2.0em; }
  /* padding: 10px 20px;   line-height: 1.8em;*/

.listmn { padding: 2px; font-size:1.1em; line-height: 2.0em; }

ul { line-height:1.5em;}  /* 効果なし */ 

li { line-height:1.5em;}  /* 効果なし */

/*li { padding: 10px 5px; font-size:1.1em;}*/    /* :影響大のため消す*/

.header { margin-top: 0px;  padding: 10px;  text-align: left;  width: 95%;  }

.footer { padding: 10px;  padding-bottom: 40px;  text-align: left;  width: 95%; }

em {font-style:normal; font-weight: 700; color: red; }　　/*2022/03/12 */

/*em {font-weight: 500; color: red; }*/　　/*2021/10/25旧font-size:1.1em; 要素ﾀｸﾞemにはドットは不要*/

/*em {font-size:1.1em; font-weight: bold; color: red; }*/

a {	color: blue; }

strong {	color:blue ;}

.em2 { font-style: normal; font-weight: bold; color: black; }　　/*これは要素ﾀｸﾞではない*/

/*a:link { color: blue; } */ 
/*darkblue*/

a:visited { color: purple; }
a:hover { color: red; } 



/*@media screen and (max-width: 480px) {*/


@media screen and (max-width: 600px) {
  body{
    color: #333333;
    background: #FFFFF5;
    font-size: 14px;  /*15px*/
    line-height: 1.7em;
    border-left-width: 2px;
  }

.container { padding: 0px 5px; font-size: 14px;  }  /*15px*/

.text0 { font-size: 13px; } 
.text1 { font-size: 13px; } 
.text2 { font-size: 13px; } 
.text3 { font-size: 13px; } 
.text4 { font-size: 13px; } 

.listm { padding: 2px; font-size:1.0em; line-height: 3.0em; }
/*2.8em; */

.listmn { padding: 2px; font-size:1.2em; line-height: 2.8em; }

.notes {font-size: 13px;}
.notes1 {font-size: 13px;}


.formu0 {font-size: 10px;}
.formu0 {font-size: 12px;}
.formu {font-size: 13px;  padding: 0px 3px; }
.formu2 {font-size: 13px; padding: 0px 3px; }


.figu {font-size:1.0em; }

img { width: 85%; height:auto; }   /*80%;*/

.coffe img { font-size:1.0em;}                           


.clearfix:after { content:" ";   display:table;   clear:both; }

}