html{scroll-behavior: smooth;}
body { margin: 0; padding: 0;word-break:break-all; font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;}
.container { position: relative; width: 100%; height: auto; min-width:320px;padding-bottom:50px;
    /*flex-cont-01*/
    display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
    -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;
    -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
 .head{ /*border: 1px solid #b5cbaa;*/ width:100%; margin:0; height:50px; z-index:5;
	/*flex-item:01-1*/order: 0; flex: 0 0 auto; align-self: auto; 
	/*flex-cont-02*/display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: center;
 }
   h1{ position:absolute; /*border: 1px solid #b5cbaa;*/ font-size:17px; width: auto; margin:20px 0 0 0;
   /*flex-item:02-1*/order: 0; flex: 0 0 auto; align-self: auto;
   }
   h2{ position: absolute; border: 1px solid #d2d2d2; font-size:14px; font-weight:normal; width: auto; margin:50px 0 0 0; padding:0 10px 0 10px;  background-color:#ececec;
   border-radius: 7px;
   /*flex-item:02-2*/order: 1; flex: 0 0 auto; align-self: auto;
   }
   h2 a{ text-decoration:none;}
   .head h2:active{ cursor:pointer; background-color:#ffef9d; }
   .head h2:active a{color:#ff5b00;}
   .head h2:focus{ cursor:pointer; background-color:#ffef9d; }
   .head h2:focus a{color:#ff5b00;}
   .head h2:hover{ cursor:pointer; background-color:#ffef9d; }
   .head h2:hover a{color:#ff5b00;}
   
  .styleNotStr{color: #C0C0C0;}
  .ads_Horizon{/*border: 1px solid #b5cbaa;*/ width:90%; min-height:90px; height:auto; text-align: center; margin: 70px 0 0 0;
	/*flex-item:01-2*/flex: 0 0 auto; align-self: auto;
  }
  #ads02{order: 1; }/*flex-item:01-2*/
  .adstitle{ position: relative; width: 150px; text-align:center; height:20px; z-index: 1; top: -20px; left:50%; margin-left:-75px; font-size:0.75em;color:#c1c1c1; 
  }
  #conentstitle02{order: 15;}
  #cotentsbox001{order: 16;}
  .conentstitle{/*border: 1px solid #b5cbaa;*/ width:100%;height:30px; margin-top:30px;
	/*flex-item:01-3*/flex: 0 0 auto; align-self: auto;
	/*flex-cont-04*/  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: center;
  }
      .line{ height:5px; border: 1px solid #004425; border-radius:2.5px; margin:0 5% 0 5%; background-color:#00a65a;
      }
      .line01{/*flex-item:04-01*/ order: 0; flex: 2 2 auto;}
      .titlemsg{ border: 1px solid #004425;  width: auto; text-align:center;padding:3px 0 0 0; border-radius:20px; background-color:#00a65a; color:#ffffff;
                font-weight: 500; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
              /*flex-item:04-02*/ order: 1; flex: 1 1 auto;}      
   	  .line02{/*flex-item:04-03*/ order: 2; flex: 2 2 auto;}
.cotentsboxY{ border: 1px solid #c8c8c8; width:90%; height:auto; margin:30px 0 0 0; padding:0 0 30px 0; background-color:#faf6f0;
    /*flex-item:01-04*/
	flex: 0 0 auto; align-self: auto;
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: stretch; align-items: flex-start;
	/*flex-cont-05*/
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
    -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;
    -webkit-align-items: center; -ms-flex-align: center; align-items: center;
 }
      .itemBox{ border: 1px solid #c1c3d8; width:80%; height:auto;margin:10px 10px 10px 10px; background-color:#ffffff;
    -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; 
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
    /*flex-cont-06*/
    display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
    -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;
    -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;       
	  }
	  
	  .itemHead{/*border: 1px solid #fe3737;*/ width:100%;height:auto;
	  /*flex-item:06-01*/
	  order: 0;flex: 0 0 auto; align-self: auto;
	  /*flex-cont-07*/
	  display: -ms-flexbox; display: -webkit-flex; display: flex;
      -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
      -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
      -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
      -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between;
      -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
      }  
	  
    .itemTitle{/*border: 1px solid #fe3737;*/ /*position:relative;*/ width: auto/* calc(100% - 80px)*/; top:0px;/* margin:7px 0 0 15px;*/
     height:auto; color: #006d98; text-align:center;
    -webkit-order: 0; -ms-flex-order: 0; order: 0;
    -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
    }	
    .itemTitle h4{ width: auto; padding: 7px 0 0 0 ; margin:0; font-size:1em;font-weight: bolder; 
    }
    
    .rtun{ position: relative; width:36px;height:36px;  top:0px; font-size:12px; text-align:center;
     background-image: url('../../images/rturn.png'); background-size: contain;
     -webkit-order: 1; -ms-flex-order: 1; order: 1;
     -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;
     -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
    }
    
    .itemMsg{/*border: 1px solid #ff0000;*/ width:calc(100% - 20px); height:auto; padding:10px;
	/*flex-item:05-3*/order: 2;flex: 0 0 auto; align-self: auto;
    }
    
    .example{border: 1px solid #d1dbe2; width:calc(100% - 16px); height:auto; margin:15px 0 0 0; padding:7px; background-color:#f3f3f3;
    /*flex-item:05-5*/order: 3;flex: 0 0 auto; align-self: auto;
    }  
  
    .exampletitle{border: 1px solid #a5b0ac; position:relative; top:-5px; left:5px; width:100px; height:22px; font-size:16px; padding-top:1.5px;
     text-align: center; background-color:#404945; color:#e3fff2;border-radius:13px;
    /*flex-item:05-4*//*order: 2;flex: 0 0 auto; align-self: auto;*/
    }
  PRE{white-space:pre-wrap;}
 .smGly{ font-size:14px;font-weight:100;color:#8a8a8a;}
 .purple{ color:#8b00ff; font-style:italic;}
 .brown{color:#a91100;font-family: 'Source Code Pro', monospace;font-weight:400; font-style:italic; font-size:14px;}
  
 






#footer{ width:100%; height: 50px; left:0px; z-index: 5; bottom:0px; background-color:#b1d3c0;/*#999999;*/ color:#ffffff;
  border-radius:467px 467px 0px 0px / 50px 50px 0px 0px;/*←→↑↓半径の値を、左上・右上・右下・左下*/ 
 }
  #footertitle{ position:relative; width: 180px; height: 24px; z-index: 1; top: 12px; left:50%; margin-left:-90px;padding:2px 0 3px 0; text-align: center;}
  #footertitle a{ font-size: 0.875em; text-decoration:none; color:#ffffff;  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
  #footertitle:hover{cursor:pointer;border-radius:3px 3px 3px 3px / 3px 3px 3px 3px;box-shadow:-1px -1px 1px #f2f2f2, 1px 1px 1px #4e4e4e;}

@media screen and (max-width: 800px){
.itemBox{ width:96%;}
.cotentsboxY{ width:96%; }

}