body{    
    }
    /*.testhyouji{
     display: none;   
    }  ＊表示を消すコード*/
.mainlo {
    margin-left: auto;
    margin-right: auto;    
    width: 620px;
    background-color: whitesmoke;
    border-left: groove;  
    border-right: groove;  
    border-bottom: groove; 
    border-bottom: groove; 
    border-width: thick;   
}
.hyo0{
    border: 0;
    padding-left: 20px;
    width: 600px;
}            
            .hyo0 td:nth-child(1) {
                width: 20px;
                border: 0;
            }
            .hyo0 td:nth-child(2) {
                width: 10px;
                border: 0;               
            }
            .hyo0 td:nth-child(3) {
                width: 200px;
                border: 0;               
            }
            .hyo0 td:nth-child(4) {
                width: 200px;
                border: 0;                
            }
            .hyo0 td:nth-child(5) {
                width: 200px;
                border: 0;               
            }
            .hyo0 td:nth-child(6) {
                width: auto;
                border: 0;                
            }
.shohinmei {
      
      color: blue;                /* 文字色を青に */
    }
.dai {
    text-align: center;
    font-weight: bold;
    font-size: larger;
    font-size: x-large;
}
.dai2 {
    //text-align: center;
    font-weight: bold;
    font-size: larger;
    font-size: x-large;
}
.in01 {
    margin-left: 0px;
}

.in012 {
    margin-left: 0px;
}
.in013 {
    margin-left: 0px;
    width: 300;
}
.in02 {
    margin-left: 50px;
}
.lab1 {
    margin-left: 20px;
    font-weight: bold;
}   
.lab11 {
    margin-left: 20px;
    color: red;
    font-weight: bold;
}   
.lab12 {
    font-weight: normal;
    margin-left: 20px;
}

.tdaimei {
    margin-left: 20PX;
    font-weight: bolder;
}
.lab3 {
    margin-left: 50px;
    font-weight: bold;
}       
.shikaku {
    margin-left: 50px;
}   
.tare {
    margin-left: 50px;
}
.send {
    margin-left: 50px;
    margin-bottom: 30px;
}
.rise {
    margin-left: 50px;
    margin-bottom: 30px;
}
.lab31 {
    margin-left: 100px;
}
.lab32 {
    margin-left: 150px;
}
.desi {
    text-align: center;
    background-color: ghostwhite;
}
#mivent {
    margin-left: 50px;
    color: blue;
    font-weight: bold;
    text-decoration-line: underline;
}
.costtable {
  text-align: center; 
}
  td:first-child,
  th:first-child {
    border: none;
  }
.tab1, td, th { 
    border: 2px #808080 solid; 
    padding-left: 5px;
}
.tab1,td{
    text-align: right;
}
.tab1,th{
    text-align: center;
}
.tab1 {
    margin: 20px;
    width: 750px;
    table-layout: fixed;
}
.hyo1{
    width: 55px;    
}
.hyou1,td{
    text-align: left;
}
.hyo2{
    width: 20px;
}
.hyo3{
    width: 40px;
}
.hyo4{
    width: 15px;
}
.hyo5{
    width: 15px;
    
}
.hyo6{
    width: 25px;
}
.haba1{
    text-align: left;

}

.mceria {
    color: blue;
    font-weight: bolder;
    padding-left: 30px;
}
.lab1-1 {
    color: red;
    margin-left: 20px;
    font-weight: bolder;
}
/* --- ↓商取引 ------------------------------------------- */ 


div.main5 {
    
    width: 560px;
    margin : 0 auto;  
  }
  h2.toku {
    padding: 30px;
  }
  td.hyo2 {  
    width: 140px; 
    padding-left: 10px;
    padding-right: 10px;
  }
  td.hyo3 {
    width: 400px;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* --- ↑商取引 ------------------------------------------- */ 
  .zu01{
    width: 246px; 
  }
  .zu02{
    width: 150px; 
  }
  .zu01-1{
    width: 500px; 
  }
  /*まずはお決まりのボックスサイズ算出をborer-boxに まるっとコピーした*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 2rem;
  font-weight: 700;
  line-height: 0.5;
  position: relative;
  display: inline-block;
  padding: 1rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.8rem;
}


  a.btn--blue {
    color: #000;
    background-color: #473efc;
    border-bottom: 5px solid #2c13ad;
    border-right: 5px solid #2c13ad ;
  }
  
  a.btn--blue:hover {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    color: #000;
    background: # fff20a;
    border-bottom: 2px solid #ccc100;
  }
  a.btn--blue {
    color: #000;
    background-color: #473efc;
    border-bottom: 5px solid #2c13ad;
    border-right: 5px solid #2c13ad ;
  }
  
  a.btn--blue:hover {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    color: #000;
    background: # fff20a;
    border-bottom: 2px solid #ccc100;
  }

    /*まずはお決まりのボックスサイズ算出をborer-boxに まるっとコピーした*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
.btn,
button.btn {
  font-size: 2rem;
  font-weight: 700;
  line-height: 0.5;
  position: relative;
  display: inline-block;
  padding: 1rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.8rem;
}


  .btn--blue {
    color: #000;
    background-color: #473efc;
    border-bottom: 5px solid #2c13ad;
    border-right: 5px solid #2c13ad ;
  }
  
  .btn--blue:hover {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    color: #000;
    background: # fff20a;
    border-bottom: 2px solid #ccc100;
  }
  .btn--blue {
    color: #000;
    background-color: #473efc;
    border-bottom: 5px solid #2c13ad;
    border-right: 5px solid #2c13ad ;
  }
  
  .btn--blue:hover {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    color: #000;
    background: # fff20a;
    border-bottom: 2px solid #ccc100;
  }

  /* ---  ------------------------------------------- */ 
  /* ---  ------------------------------------------- */ 
  /* ---  ------------------------------------------- */ 
  /* ---  ------------------------------------------- */ 
  /* ---  ------------------------------------------- */
  /* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
/* --- スマホ対応                          ----------------- */
/* --- スマホ対応                          ----------------- */  
@media screen and (max-width:600px) {
/* --- ↓ index ------------------------------------------- */
/*gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg*/

/*gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg*/ 
  .mainlo {
    margin-left: auto;
    margin-right: auto;    
    width: 620px;
    background-color: whitesmoke;
    border-left: groove;  
    border-right: groove;  
    border-bottom: groove; 
    border-bottom: groove; 
    border-width: thick;   
}
.hyo0{
    
    border: 0;
    padding-left: 20px;
    width: 600px;
}            
            .hyo0 td:nth-child(1) {
                width: 20px;
                border: 0;
            }
            .hyo0 td:nth-child(2) {
                width: 10px;
                border: 0;               
            }
            .hyo0 td:nth-child(3) {
                width: 200px;
                border: 0;               
            }
            .hyo0 td:nth-child(4) {
                width: 200px;
                border: 0;                
            }
            .hyo0 td:nth-child(5) {
                width: 200px;
                border: 0;               
            }
            .hyo0 td:nth-child(6) {
                width: auto;
                border: 0;                
            }
.shohinmei {
      
      color: blue;                /* 文字色を青に */
    }
.dai {
    text-align: center;
    font-weight: bold;
    font-size: larger;
    font-size: x-large;
}
.dai2 {
    //text-align: center;
    font-weight: bold;
    font-size: larger;
    font-size: x-large;
}
.in01 {
    margin-left: 0px;
}

.in012 {
    margin-left: 0px;
}
.in013 {
    margin-left: 0px;
    width: 300;
}
.in02 {
    margin-left: 50px;
}
.lab1 {
    margin-left: 20px;
    font-weight: bold;
}   
.lab11 {
    margin-left: 20px;
    color: red;
    font-weight: bold;
}   
.lab12 {
    font-weight: normal;
    margin-left: 20px;
}

.tdaimei {
    margin-left: 20PX;
    font-weight: bolder;
}
.lab3 {
    margin-left: 50px;
    font-weight: bold;
}       
.shikaku {
    margin-left: 50px;
}   
.tare {
    margin-left: 50px;
}
.send {
    margin-left: 50px;
    margin-bottom: 30px;
}
.rise {
    margin-left: 50px;
    margin-bottom: 30px;
}
.lab31 {
    margin-left: 100px;
}
.lab32 {
    margin-left: 150px;
}
.desi {
    text-align: center;
    background-color: ghostwhite;
}
#mivent {
    margin-left: 50px;
    color: blue;
    font-weight: bold;
    text-decoration-line: underline;
}
.costtable {
  text-align: center; 
}
  td:first-child,
  th:first-child {
    border: none;
  }
.tab1, td, th { 
    border: 2px #808080 solid; 
    padding-left: 5px;
}
.tab1,td{
    text-align: right;
}
.tab1,th{
    text-align: center;
}
.tab1 {
    margin: 20px;
    width: 750px;
    table-layout: fixed;
}
.hyo1{
    width: 55px;    
}
.hyou1,td{
    text-align: left;
}
.hyo2{
    width: 20px;
}
.hyo3{
    width: 40px;
}
.hyo4{
    width: 15px;
}
.hyo5{
    width: 15px;
    
}
.hyo6{
    width: 25px;
}
.haba1{
    text-align: left;

}

.mceria {
    color: blue;
    font-weight: bolder;
    padding-left: 30px;
}
.lab1-1 {
    color: red;
    margin-left: 20px;
    font-weight: bolder;
}
/* --- ↓商取引 ------------------------------------------- */ 


div.main5 {
    
    width: 560px;
    margin : 0 auto;  
  }
  h2.toku {
    padding: 30px;
  }
  td.hyo2 {  
    width: 140px; 
    padding-left: 10px;
    padding-right: 10px;
  }
  td.hyo3 {
    width: 400px;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* --- ↑商取引 ------------------------------------------- */ 
  .zu01{
    width: 246px; 
  }
  .zu02{
    width: 150px; 
  }
  .zu01-1{
    width: 500px; 
  }
  /*まずはお決まりのボックスサイズ算出をborer-boxに まるっとコピーした*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 2rem;
  font-weight: 700;
  line-height: 0.5;
  position: relative;
  display: inline-block;
  padding: 1rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.8rem;
}


  a.btn--blue {
    color: #000;
    background-color: #473efc;
    border-bottom: 5px solid #2c13ad;
    border-right: 5px solid #2c13ad ;
  }
  
  a.btn--blue:hover {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    color: #000;
    background: # fff20a;
    border-bottom: 2px solid #ccc100;
  }
  a.btn--blue {
    color: #000;
    background-color: #473efc;
    border-bottom: 5px solid #2c13ad;
    border-right: 5px solid #2c13ad ;
  }
  
  a.btn--blue:hover {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    color: #000;
    background: # fff20a;
    border-bottom: 2px solid #ccc100;
  }

    /*まずはお決まりのボックスサイズ算出をborer-boxに まるっとコピーした*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
.btn,
button.btn {
  font-size: 2rem;
  font-weight: 700;
  line-height: 0.5;
  position: relative;
  display: inline-block;
  padding: 1rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.8rem;
}


  .btn--blue {
    color: #000;
    background-color: #473efc;
    border-bottom: 5px solid #2c13ad;
    border-right: 5px solid #2c13ad ;
  }
  
  .btn--blue:hover {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    color: #000;
    background: # fff20a;
    border-bottom: 2px solid #ccc100;
  }
  .btn--blue {
    color: #000;
    background-color: #473efc;
    border-bottom: 5px solid #2c13ad;
    border-right: 5px solid #2c13ad ;
  }
  
  .btn--blue:hover {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    color: #000;
    background: # fff20a;
    border-bottom: 2px solid #ccc100;
  }