@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {

.CnaviL {display: none;}	
.CnaviS {width: 100%; overflow: hidden;  font-size: 4vw; line-height: 1.2;}
.CnaviS li{width: 48%; margin: 0 1%; background-color: #ff0; float: left; list-style-type: none; margin-bottom: 8px; text-align: center; padding: 6px 0;}  
.CnaviS_open {width: 348%; margin: 0 1%; background-color: #F7931E !important;  float: left; list-style-type: none; margin-bottom: 8px; text-align: center; padding: 6px 0; color: #fff; font-weight: bold;}


.pekori{text-align: center; font-size: 3.8vw; line-height: 3;}

    
}/* Tablet---------------------------------------------------*/

@media (min-width: 481px) and (max-width: 768px) {

.CnaviL {margin-left: 2px; overflow: hidden; color: #fff; font-weight: bold; font-family: sans-serif; font-size: 1.5vw;}
.CnaviLcate {width: 13.9%; float: left; border-left:1px solid #fff; border-right:1px solid #fff; text-align: center; background-color: #F7931E; padding: 4px 0 2px; }
.CnaviL_open {width: 13.9%; float: left; border-left:1px solid #fff; border-right:1px solid #fff; text-align: center; background-color: #F15A24; padding: 4px 0 2px; color: #fff;} 
.CnaviLcate a {color: #fff!important;} 
.CnaviS {width: 100%; height: 28px; background-color: #ff0; }
.CnaviS ul{margin: 0 auto; padding: 7px 0 2px; text-align: center; line-height: 1.25; font-size: 1.8vw;} 
.CnaviS li{display: inline-block; list-style-type: none; padding: 0 0.8em; }  
.CnaviS_open{ color: #F15A24; font-weight: bold; display: inline-block; padding: 0 0.8em;  }


.pekori{text-align: center; font-size: 2.2vw; line-height: 3;}



}/* PC-------------------------------------------------------------------------------*/
@media screen and (min-width: 769px) {   

/* Cnavir -------------------------------------------------- */

.CnaviL {margin-left: 2px; overflow: hidden; color: #fff; font-weight: bold;
    font-family: sans-serif; font-size: 14px;}   
.CnaviLcate {width: 152px; float: left; border-left:1px solid #fff; border-right:1px solid #fff; text-align: center; background-color: #F7931E; padding: 4px 0 2px;}
.CnaviLcate a {color: #fff!important;} 
.CnaviLcate a:hover {color: #f00;}      
.CnaviL_open {width: 152px; float: left; border-left:1px solid #fff; border-right:1px solid #fff; text-align: center; background-color: #F15A24; padding: 4px 0 2px; color: #fff;} 
.CnaviS {width: 100%; height: 28px; background-color: #ff0; }
.CnaviS ul{margin: 0; padding: 7px 0 2px; text-align: center; line-height: 1.25; }   
.CnaviS li{display: inline-block; list-style-type: none; margin: 0 2.5em 0 0; }  
.CnaviS_open{ color: #F15A24; font-weight: bold;}

.pekori{text-align: center; font-size: 18px; line-height: 3;}
    
}