@charset "utf-8";
/* CSS Document */
.right_dropmenu{
display:none;
}

@media screen and (max-width: 1100px){
.right_dropmenu{
display:none;
}
/*～以下、画面の横幅が640pxまでの場合のスタイル記入～*/
}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
.right_dropmenu{
display:block;
}


.right_dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 100%;/*width: 200px;*/
  margin: 5px auto 0px;
  padding:0;/*padding: 0;*/
}


.right_dropmenu:before, .right_dropmenu:after{
  content: "";
  display: table;
  
   
}
.right_dropmenu:after{
  clear: both;
  
  
  
}
.right_dropmenu li{
  position: relative;
  width: 100%;/*width: 12.4%*/
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  
/*border-left: 1px solid #e1e1e1;  #282828 */
/*border-right: 1px solid #e1e1e1; #282828 */
border-bottom: 1px solid #e1e1e1;/*#282828*/
  
}


.right_dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #fbfbfb;/*background: #0f899b;*/
  color: #000;/*color: #fff;*/
  font-size:small;
  /*font-size: 14px;*/
  line-height: 1.5;/*line-height: 1;*/
  text-decoration: none;
  

}
.right_dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 0;/*top: 100%*/
  right: 100%;/*left: 100%;*/
  margin: 0;
  padding: 0;
  
  width:100%; 
}
.right_dropmenu li ul li{
  width: 100%;
  
  
}
.right_dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 0px solid #e1e1e1;
  background: #efefef;
  text-align: left;
  
  
}
.right_dropmenu li:hover > a{
  background: #efefef;
  
 
}
.right_dropmenu li a:hover{
  background: #d6d6d6;/*#151515*/
  
  
}
}

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
.right_dropmenu{
display:block;
}

.right_dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 100%;/*width: 200px;*/
  margin: 5px auto 0px;
  padding:0;/*padding: 0;*/
}


.right_dropmenu:before, .right_dropmenu:after{
  content: "";
  display: table;
  
   
}
.right_dropmenu:after{
  clear: both;
  
  
  
}
.right_dropmenu li{
  position: relative;
  width: 100%;/*width: 12.4%*/
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  
/*border-left: 1px solid #e1e1e1;  #282828 */
/*border-right: 1px solid #e1e1e1; #282828 */
border-bottom: 1px solid #e1e1e1;/*#282828*/
  
}


.right_dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #fbfbfb;/*background: #0f899b;*/
  color: #000;/*color: #fff;*/
  font-size:small;
    /*font-size: 14px;*/
  line-height: 1.5;/*line-height: 1;*/
  text-decoration: none;
  

}
.right_dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 0;/*top: 100%*/
  right: 100%;/*left: 100%;*/
  margin: 0;
  padding: 0;
  
  width:100%; 
}
.right_dropmenu li ul li{
  width: 100%;
  
  
}
.right_dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 0px solid #e1e1e1;
  background: #efefef;
  text-align: left;
  
  
}
.right_dropmenu li:hover > a{
  background: #efefef;
  
 
}
.right_dropmenu li a:hover{
  background: #d6d6d6;/*#151515*/
  
  
}
}