@charset "UTF-8";

@media (min-width: 768px){
/* ���j���[ */
div#floating-menu {
        /* position: fixed;
         top: 0px; 
         left: 0px;
         right: 0px;*/
         background-color: #c33;
         border: 1px solid #fff;
         z-index: 9999; 
        } 

.fixed  {
         position: fixed;
         top: 0px; 
         left: 0px;
         right: 0px;
        }

.gmenu2, .gmenu4  {
         padding: 5px 20px;
         background-color: #c33; /*#3fa45b;*/
        }

.gmenu2 p, .gmenu4 p {
          display: none;
         }

.gmenu2 ul, .gmenu2 ol,.gmenu4 ul, .gmenu4 ol {
         margin: 0;
         padding: 0;
         font-size: 14px;
         line-height: 1.4;
         list-style: none;
	 width: 100%;
	 max-width: 1280px;
	 margin-left: auto;
	 margin-right: auto;
        }

.gmenu2 li a, .gmenu4 li a {
         display: block;
         /* padding: 10px; */
         padding: 2px 15px;
         border-right: solid 1px #aaa;
         color: #fff;
         text-decoration: none;
        }

.gmenu2 li:first-child a, .gmenu4 li:first-child a {
         border-left: solid 1px #aaa;
        }

.gmenu2 li  {
         float: left;
         *clear: right;
         width: 16%;
	 max-width: 204px;
         text-align: center;
        }   
	
.gmenu4 li {
         float: left;
         *clear: right;
         width: 25%;
	 max-width: 320px;
         text-align: center;
        }   

.gmenu2 li a:hover, .gmenu4 li a:hover {
         background-color: #333;
        }

.gmenu2 li span, .gmenu4 li span {
         display: block;
         font-size: 10px;
        }

.gmenu2 ul:after, .gmenu2 ol:after, .gmenu4 ul:after, .gmenu4 ol:after {
         content: "";
         display: block;
         clear: both;
        }

.gmenu2 ul, .gmenu2 ol, .gmenu4 ul, .gmenu4 ol {
         *zoom: 1;
        }
	
.gmenu2 ul.child { 
         display: none;
         position: absolute;
         margin-left: 5px;
         padding: 0;
	 width: 15%;
	 z-index: 100;
        }

.gmenu2 ul.child li{
          width: 100%;
         }

.gmenu2 ul.child li a {
    
         padding: 5px 10px;
         margin-left: -5px;
         margin-right: -5px;
         margin-bottom: -5px;
         border-left: solid 1px #aaa;
         border-right: solid 1px #aaa;
         background-color: #c33;/*#3fa45b;*/
         display: block;
         color: #fff;/*#000;*/
	 
        }

.gmenu2 ul.child li a:hover {
         background-color: #333;/*#eee;*/
         }



  .col2s .col      {
                  float: left;
                  width: 48.5%;
                  margin-left: 3%;
                  *clear: right;
                  }
 
 .col3s .col, .col3ss .col      {
                  float: left;
                  width: 31%;
                  margin-left: 3.5%;
                  *clear: right;
                  }

 .col4s .col      {
                  float: left;
                  width: 22.75%;
                  margin-left: 3%;
                  *clear: right;
                  }
		  
  .col5s .col      {
                  float: left;
                  width: 18.4%;
                  margin-left: 2%;
                  *clear: right;
                  }

       .col:first-child {
                   margin-left: 0;
                  }

       .col2s:after, .col3s:after, .col3ss:after, .col4s:after, .col5s:after {
                   content: "";
                   display: block;
                   clear: both;
                  }

       .col2s, .col3s, .col3ss, .col4s, .col5s {
                  *zoom: 1;
                  }

       .entry01 {
               padding: 20px;
               border: solid 1px #aaa;
               background-color: #fff;
              }

       .entry02 {
               padding: 20px;
               border: solid 1px #aaa;
               border-radius: 5px;
               background-color: #fff;
              }
       .product img {
                display: block;
                max-width: 100%;
                height: auto;
                margin:0 auto 30px auto;
                vertical-align: bottom; 
               }

       .product h2 {
                margin: 0 0 20px 0;
                font-size: 20px !important;
                line-height: 1.2;
                text-align: center;
               }

       .textbox01 {
               padding: 10px;
               border: solid 2px #aaa;
               background-color: #fff;
              }

       .textbox02 {
               padding: 10px;
               border: solid 2px #aaa;
               border-radius: 5px;
               background-color: #fff;
              }


.news {
            margin: 0 5% 0 5%;
           }

/*  .news h2 {
         font-weight: bold;
         font-size: 180%;
         margin-left: auto;
         margin-right: auto;
        }*/

  .news dl  {
       font-weight: nomal;
       font-size: 120%;
      }

  .news dt  {
      /* background-color: #fdd;*/
       padding-top: 10px;
       padding-bottom: 10px;
       padding-left: 10px;
       width: 180px;
       float: left;
       clear: both;
      }

  .news dd  {
     /*  background-color: #99f;*/
       padding-top: 10px;
       padding-left: 10px;
       padding-right: 10px;
       padding-bottom: 10px;
       width: 80%;
       margin-left: 190px;
      }
      
  .article-left {
       width: 220px !important;
      }

  .article-left img {
       padding: 0px;
       border: solid 1px #aaa;
       border-radius: 5px;
       }

  .article-right {
       width: 70% !important;
      }

      
  .dstyle-x2 {
      font-size: 120%;
      }
      
  .dstyle p {
      font-size: 140%;
      }
      
  .dstyle img {
      padding: 24px 0 24px 0;
      }
     
  .f120 p {
       font-size:120%; 
       line-height: 1.6;
     }

  .f110 p {
       font-size:110%; 
       line-height: 1.4;
     }
     
    .f120 span {
       font-size:120%; 
       line-height: 1.6;
     }

  .f110 span {
       font-size:110%; 
       line-height: 1.4;
     }
     
     
  .sp_on {
      display: none;
      }
      
  
  .pc_on {
       display: block;
       }

  #left-menu {
      width: 70%;
      max-width: 672px;
      float: left;
  }

  #right-menu {
       width: 29%;
       max-width: 278px;
       float: right;
       padding: 0;
       margin-left: 5px;
       background: #fff;
       z-index: 1;
  }
  
  #right-menu img {
       width: 70px;
       height: 70px !important;
       border: 0 !important;
       align: middle;
  }
  

  #right-menu p {
       margin: 0 0 20px 0;
       
  }

}/*@media  */


@media (min-width: 641px) and (max-width: 767px){
/* ���j���[ */
div#floating-menu {
        /* position: fixed;
         top: 0px; 
         left: 0px;
         right: 0px;*/
         background-color: #c33;
         border: 1px solid #fff;
         z-index: 9999; 
        } 

.fixed  {
         position: fixed;
         top: 0px; 
         left: 0px;
         right: 0px;
        }

.gmenu2, .gmenu4  {
         padding: 5px 20px;
         background-color: #c33; /*#3fa45b;*/
        }

.gmenu2 p, .gmenu4 p {
          display: none;
         }

.gmenu2 ul, .gmenu2 ol,.gmenu4 ul, .gmenu4 ol {
         margin: 0;
         padding: 0;
         font-size: 14px;
         line-height: 1.4;
         list-style: none;
        }

.gmenu2 li a, .gmenu4 li a {
         display: block;
         /* padding: 10px; */
         padding: 2px 15px;
         border-right: solid 1px #aaa;
         color: #fff;
         text-decoration: none;
        }

.gmenu2 li:first-child a, .gmenu4 li:first-child a {
         border-left: solid 1px #aaa;
        }

.gmenu2 li  {
         float: left;
         *clear: right;
         width: 16%;
         text-align: center;
        }   
	
.gmenu4 li {
         float: left;
         *clear: right;
         width: 25%;
         text-align: center;
        }   

.gmenu2 li a:hover, .gmenu4 li a:hover {
         background-color: #333;
        }

.gmenu2 li span, .gmenu4 li span {
         display: block;
         font-size: 10px;
        }

.gmenu2 ul:after, .gmenu2 ol:after, .gmenu4 ul:after, .gmenu4 ol:after {
         content: "";
         display: block;
         clear: both;
        }

.gmenu2 ul, .gmenu2 ol, .gmenu4 ul, .gmenu4 ol {
         *zoom: 1;
        }

.gmenu2 ul.child { 
         display: none;
         position: absolute;
         margin-left: 5px;
         padding: 0;
	 width: 15%;
	 z-index: 100;
        }

.gmenu2 ul.child li{
          width: 100%;
         }

.gmenu2 ul.child li a {
    
         padding: 5px 10px;
         margin-left: -5px;
         margin-right: -5px;
         margin-bottom: -5px;
         border-left: solid 1px #aaa;
         border-right: solid 1px #aaa;
         background-color: #c33;/*#3fa45b;*/
         display: block;
         color: #fff;/*#000;*/
	 
        }

.gmenu2 ul.child li a:hover {
         background-color: #333;/*#eee;*/
         }




  .col2s .col      {
                  float: left;
                  width: 48.5%;
                  margin-left: 3%;
                  *clear: right;
                  }
 
 .col3s .col, .col3ss .col  {
                  float: left;
                  width: 31%;
                  margin-left: 3.5%;
                  *clear: right;
                  }

 .col4s .col      {
                  float: left;
                  width: 22.75%;
                  margin-left: 3%;
                  *clear: right;
                  }
		  
  .col5s .col      {
                  float: left;
                  width: 18.4%;
                  margin-left: 2%;
                  *clear: right;
                  }

       .col:first-child {
                   margin-left: 0;
                  }

       .col2s:after, .col3s:after, .col3ss:after, .col4s:after, .col5s:after {
                   content: "";
                   display: block;
                   clear: both;
                  }

       .col2s, .col3s, .col3ss, .col4s, .col5s {
                  *zoom: 1;
                  }

       .entry01 {
               padding: 20px;
               border: solid 1px #aaa;
               background-color: #fff;
              }

       .entry02 {
               padding: 20px;
               border: solid 1px #aaa;
               border-radius: 5px;
               background-color: #fff;
              }
       .product img {
                display: block;
                max-width: 100%;
                height: auto;
                margin:0 auto 30px auto;
                vertical-align: bottom; 
               }

       .product h2 {
                margin: 0 0 20px 0;
                font-size: 20px !important;
                line-height: 1.2;
                text-align: center;
               }

       .textbox01 {
               padding: 10px;
               border: solid 2px #aaa;
               background-color: #fff;
              }

       .textbox02 {
               padding: 10px;
               border: solid 2px #aaa;
               border-radius: 5px;
               background-color: #fff;
              }



.news {
            margin: 0 5% 0 0;
           }

/*  .news h2 {
         font-weight: bold;
         margin-left: auto;
         margin-right: auto;
        }*/

  .news dl  {
       font-weight: nomal;
      }

  .news dt  {
      /* background-color: #fdd;*/
       padding-top: 10px;
       padding-bottom: 10px;
       width: 100px;
       float: left;
       clear: both;
      }

  .news dd  {
     /*  background-color: #99f;*/
       padding-top: 10px;
       padding-left: 10px;
       padding-right: 10px;
       padding-bottom: 10px;
       max-width: 620px;
       margin-left: 105px;
       width: 80% !important;
     }
      
  .article-left {
       width: 220px !important;
      }

  .article-left img {
       padding: 0px;
       border: solid 1px #aaa;
       border-radius: 5px;
       }

  .article-right {
       width: 70% !important;
      }

      
  .dstyle-x2 {
      font-size: 120%;
      }
      
  .dstyle p {
      font-size: 140%;
      }
      
  .dstyle img {
      padding: 24px 0 24px 0;
      }
     
  .sp_on {
      display: none;
      }
      
  
  .pc_on {
       display: block;
       }

  #left-menu {
      width: 100%;
  }

  #right-menu {
       width: 100%;
  }



}/*@media  */





@media (max-width: 640px){

div#floating-menu {
         /* 2022/2/4 Code addition */
	 position: fixed;
         top: 0px !important; 
         left: 0px;
         right: 0px;
	 /* 2022/2/4 Code addition // */
	 
         border: 0px;
         z-index: 9999; 
        } 

.gmenu2, .gmenu4 {
        padding: 10px;
        background-color: #fff;/*c33;*/
	
       }

.gmenu2 img,  .gmenu4 img{
         margin: 0 0 0 auto;
         }

.menu-on {
           display: block;
          }

.menu-off {
          display: none; 
         }

.gmenu2 ul, .gmenu4 ul {
          display: none;
         } 

.gmenu2 ul, .gmenu2 ol, .gmenu4 ul, .gmenu4 ol  {
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 1.4;
        list-style none;
       }

.gmenu2 li a, .gmenu4 li a {
        display: block;
        padding: 10px 5px 10px 5px;
        color: #000;/*fff;*/
        text-align: center;
        text-decoration: none;
        border-bottom: solid 1px #aaa;
       }

.gmenu2 li a:hover, .gmenu4 li a:hover {
        background-color: #333;
	color: #fff;
       }

.gmenu2 li:first-child a, .gmenu4 li:first-child a {
        border-top: solid 1px #aaa;
       }

.gmenu2 li li:first-child a, .gmenu4 li li:first-child a {
        border-top: none;
       }

.gmenu2 li span, .gmenu4 li span {
        display: block;
        font-size: 10px;
       }

.gmenu2 .menu_single:hover ul.child {
       display: block;
       }
       


.col2s .col      {
                  float: left;
                  width: 100%;

                  *clear: right;
                  }

.col3s .col      {
                  float: left;
                  width: 48.5%;
                  margin-left: 3%;

                  *clear: right;
                  }

.col3ss .col      {
                  float: left;
                  width: 100%;
		  max-width: 640px;

                  *clear: right;
                  }


 .col4s .col      {
                  float: left;
                  width: 48.5%;
                  margin-left: 3%;
                  margin-bottom: 20px;
                  *clear: right;
                  }

 .col5s .col      {
                  float: left;
                  width: 48.5%;
                  margin-left: 3%;
                  margin-bottom: 20px;
                  *clear: right;
                  }

       .col:first-child {
                   margin-left: 0;
                  }

  /*     .col:first-child + .col {
                   margin-left: 0;
                  } */

       .col:first-child + .col + .col {
                   margin-left: 0;
                  }
		  
       .col:first-child + .col + .col + .col + .col {
                   margin-left: 0;
                  }

       .col2s:after, .col3s:after, .col3ss:after, .col4s:after, .col5s:after {
                   content: "";
                   display: block;
                   clear: both;
                  }

       .col2s, .col3s, .col3ss, .col4s, .col5s {
                  *zoom: 1;
                  }

       .entry01 {
               padding: 20px;
               border: solid 1px #aaa;
               background-color: #fff;
              }

       .entry02 {
               padding: 20px;
               border: solid 1px #aaa;
               border-radius: 5px;
               background-color: #fff;
              }
       .product img {
                display: block;
                max-width: 100%;
                height: auto;
                margin:0 auto 30px auto;
                vertical-align: bottom; 
               }

       .product h2 {
                margin: 0 0 20px 0;
                font-size: 20px !important;
                line-height: 1.2;
                text-align: center;
               }


       .textbox01 {
               padding: 5px;
               border: solid 2px #aaa;
               background-color: #fff;
              }

       .textbox02 {
               padding: 5px;
               border: solid 2px #aaa;
               border-radius: 5px;
               background-color: #fff;
              }


.news {
            margin: 0 5% 0 0;
           }

/*  .news h2 {
         font-weight: bold;
         margin-left: auto;
         margin-right: auto;
        }*/

  .news dl  {
       font-weight: nomal;
      }

  .news dt  {
      /* background-color: #fdd;*/
       padding-top: 10px;
       padding-bottom: 10px;
       width: 100px;
       float: left;
       clear: both;
      }

  .news dd  {
     /*  background-color: #99f;*/
       padding-top: 10px;
       padding-left: 10px;
       padding-right: 10px;
       padding-bottom: 10px;
       max-width: 620px;
       margin-left: 105px;
       width: 70% !important;
     }
      
    .article-left,  .article-right {
       width: 100% !important;
      }

  .article-left img {
       width: 100% !important;
       padding: 0px;
       border: solid 1px #aaa;
       border-radius: 5px;
      }
  
   .article-right h3 {
       font-size: 100% !important;
      }
  
   .article-off {
       display: none;
      }
  
  .dstyle h2 {
      font-size: 150% !important;
      text-align: left !important;
      color: #06c;
      }
  
  .dstyle h3 {
      font-size: 130% !important;
      text-align: left !important;
      color: #06c;
      }
  
    .dstyle h4 {
      font-size: 120% !important;
      text-align: left !important;
      color: #06c;
      }
  
  .dstyle p {
      font-size: 120% !important;
      line-height: 1.6;
      }
      
  .dstyle-x2 {
       color: #06c;
      }
  
    .sp_on {
      display: block;
      }
      
  .pc_on {
       display: none;
       }
       
       
   #left-menu {
      width: 100%;
  }

  #right-menu {
       width: 100%;
  }
       
       
       
/* �e�[�u���̕\��  */

  .table-full {
            overflow: auto;
	    overflow-y: hidden;
            width: 100%;
	    max-width: 960px;
	    white-space: nowrap;
       -webkit-overflow-scrolling: touch;
           }
  
      

}


/*------------------ Label  ----------------*/
.labelRed02 {
	              padding: 3px 0 3px 12px;
                      background: none;
                      border-style: none none none solid;
                      border-left: solid #f66 10px;
                      margin-top: 15px;
                      margin-left: 5px;
                      height: auto;
	              }
         
.labelBlue02 {
	               padding: 3px 0 3px 12px;
                       background: none;
                       border-style: none none none solid;
                       border-left: solid #09f 10px;
                       margin-top: 15px;
                       margin-left: 5px;
                       height: auto;
	              }
	 

/*------------------ Label  //----------------*/




@media (min-width: 1024px) {
  .tb_off {
          display: block;
         }

}

@media (max-width: 1023px) {
  .tb_off {
           display: none;
          }

}

@media all and (-ms-high-contrast:none){
  .top_space {
    margin-top: 0px;
  }
  
}

/*IE11�����ɓK�p�����CSS*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .top_space {
    margin-top: 0px;
  }
}


/* �Ǘ����v�� */
.end_of_article {
  display: block;
  width: 100%;
  height: 10px;
}