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
}
/*  padding: 0px; margin: 0px; */

.container { padding: 0px 3px; line-height: 28px; font-size: 17px; max-width:1100px;} 

/* .container { padding: 0px 3px; line-height: 28px; font-size: 17px; max-width:1150px;} */ 
 /* 5px  add "max-width:px;" 2020/9/30*/
/* padding 上下,左右 */ /* padding 上,右、下、左 */

/* h1 { width:auto; font-size: 18px; letter-spacing:1px; margin-left:2px; background:orange; color: white; line-height: 1.5em;} */ 

/* h1 {  font-size: 18px; background:orange; color: white; line-height: 1.5em;}  */

h1 {display: inline; font-size: 19px; letter-spacing:2px; margin-left :2px; background:orange; color: white; line-height: 2.2em;}

h2 {display: inline; font-size: 18px; letter-spacing: 1px; padding:0 5px 0 5px; background:teal; color: white; line-height: 1.8em;}
  /* padding 上,右、下、左　*/

h3 {display: inline; font-size: 18px; letter-spacing: 1px; padding:0px 10px 0px 2px; background:navy; color: white; line-height: 1.8em;}

/* h3 { font-size: 22px; margin-left:1px; line-height: 1.0em;}  */ 
  
h4 {display: inline; font-size: 17px; letter-spacing: 1px; margin-left:1px; padding:2px 5px 0px 5px; background:mediumblue; color: white; line-height: 1.8em;}
/* margin-left: 5px; */
/* padding 上下,左右 */


h5 {display: inline; font-size: 16px;}  
  /*font-size: 30px;*/

h6 {display: inline; font-size: 15px; letter-spacing: 1px; margin-left:0px; padding:2px 5px 0px 5px; background:dimgray;color: white; line-height: 1.8em;}


/* h6 {display: inline; font-size: 17px; letter-spacing: 1px; padding:0 5px 0 5px; background:silver; color: black; line-height: 1.3em;} */

ul {padding-left: 10px; font-size: 1.0em; line-height: 3.0em; }
/* ul {font-size: 1.0em; padding-top: 5px; padding-bottom: 5px} */

/* ul{ margin:15px;  padding:0px; line-height:2.5em;} */

/* ul{ margin:0; padding:0;line-height:0;} */

/* li {font-size: 0.9em; padding-top: 2px; padding-bottom: 2px} */
/* li {font-size: 0.9em; padding-left: 15px; } */
/* list-style-type: circle;   */
/* disc; */

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

.text0 {padding-left:1px; font-size:1.0em; line-height:1.8em;} 
/* { padding: 10px 20px;  line-height: 2.0em; font-size: 12px; } */        

.text {padding-left:2px; font-size:1.0em; line-height:1.7em;}   
/* { padding: 10px 30px;  line-height: 1.8em; font-size: 17px; } */

.text1 {padding-left:1px; font-size:16px; line-height:1.7em;}
/* { padding: 2px 15px;  line-height: 2.0em; font-size: 17px; } */

.text2 {padding-left:5px; font-size:0.9em; line-height:1.6em;} 

.text21 {padding-left:12px; font-size:14px; line-height:1.6em;} 
  /* padding: 10px 5px;  line-height: 2.0em; font-size: 15px } */

.text3 {padding-left:10px; font-size:1.0em; line-height:1.7em;}   

.text4 { padding-left:7px; font-size: 13px; line-height:1.4em;}
  
/* .text4 { padding-left: 15px;  line-height: 2.0em; font-size: 17px; } */ 

.text5 {padding-left:20px; font-size: 0.9em; line-height: 1.7em; }

.text6 {padding-left:12px; font-size: 14px; line-height: 1.7em; }

.notes { padding-left:5px; font-size: 0.9em; line-height:1.5em; } /* line-height:1.6em; */

.notes1 { padding-left:8px; font-size: 0.8em; line-height:1.4em; color:red }  /* line-height:1.5em; */

.notes3 { padding-left:10px; font-size: 12px; line-height:1.5em; color:black }  
 /* padding-left:9px; font-size: 0.9em; color:red; line-height:1.7em;   */

.formu2 {font-size: 15px; padding:0px 5px;} 

.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;  }  

.p {line-height: 2.0em}  /* あまり意味ない */

.tp {  margin-top:0.5em; }

.btm {  margin-bottom:0.5em; }

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

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

.spc1 {line-height:10px; }  /* 8px */

/*.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: 15px; font-size:1.0em; line-height: 2.5em; }
  /* padding: 10px 20px;   line-height: 1.8em;*/

.listmn { padding:10px; line-height: 1.2em; }

.listmm { padding:10px; line-height: 2.5em; }

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

.li { line-height: 2.0em;}

/* lu { line-height: 1.0em;} */

.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: 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*/
.clearfix:after { content:" ";   display:table;   clear:both; }


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


}