@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;}
    
} 


/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {
      
.mobile_title_forIndex {width: 90%; padding:2% 5% 0; font-size: 3.8vw; border-bottom:1px solid red; margin-bottom: 18px;}
.top_header {display: none;}
.news_lineR {display: none;}
.news_lineL {width: 80%; margin: 6px auto; }
.news_lineL img{ margin: 0; padding: 0; vertical-align: bottom;border:1px solid #ccc;}      
.category_block {width: 80%; margin: 6px auto; border:1px solid #ccc;} 
.category_block img{ margin: 0; padding: 0; vertical-align: bottom;}  
.category_block p {font-size: 3.6vw; text-align: center;  line-height: 1.6;} 
   
.annai_honbun{text-align: center;width: 94%; margin: 20px auto;}
.annai_honbun h2{margin: 0 auto 20px;}
.annai_honbun ul{text-align: left; padding: 20px; border: thin solid red; width: 80%; margin: 20px auto;}
.annai_honbun li{font-size: 15px; margin: 0 20px 10px;}

.campaign{  
    width: 90%;
    margin: 4em auto 2em auto;
    padding-bottom: 1.5em;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
    text-align: center;
}
.campaign .box-title{
    font-size: 1.7em;
    background: #f7931e;
    padding: 0.5em;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;

}

.campaign p{
    line-height: 2em;
    font-size: 1.3em;
    padding: 2em 0 1em 0;
    margin: auto;
}

.campaign p a{
    color: blue;
}
.kingaku{
    font-weight: bold;
    font-size: 1.5em;
    color: #f00;
}

.pc{display: none;}
    	
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {  
 
.mobile_title_forIndex {display: none;}    
.top_header {position: relative; width: 100%; margin-bottom: 18px;}
.top_lead {position: absolute; left: 2%; top: 16px; width: 90%; height: 200px; 
    font-size: 2vw; font-weight: bold; line-height: 1.4;  color: #060;}  
.top_shoulder{position: absolute; left: 22%; top: 30%; width: 80%; height:40px; 
    font-size: 2.4vw; font-weight: bold; line-height: 1.8; }
.news_line{overflow: hidden; margin-bottom: 20px;}  
.news_lineL{float: left; width: 40%; margin-bottom: 32px;} 
.news_lineL img{width: 100%; margin: 0; padding: 0; vertical-align: bottom;}      
.news_lineR{float: right; width: 56%; } 
.news_tetle{font-size: 2</4vw; line-height: 1.25; color: #963; border-bottom:1px solid #963; margin-bottom: 12px; font-weight: bold;}       
.news{width: 100%; height: 160px;}    
.news iframe{width: 100%; height: 100%;}   
.category_line{overflow: hidden; margin: 2%; }
.category_block{float: left; width: 31%; margin: 0 1% 18px; border:1px solid #ccc;}     
.category_block p {font-size: 2vw; text-align: center;  line-height: 1.8;} 
.category_block p a:hover{font-weight: normal;}

.annai_honbun{text-align: center;width: 94%; margin: 20px auto;}
.annai_honbun h2{margin: 0 auto 20px;}
.annai_honbun ul{text-align: left; padding: 20px; border: thin solid red; width: 80%; margin: 20px auto;}
.annai_honbun li{font-size: 15px; margin: 0 20px 10px;}

.campaign{  
    width: 50%;
    margin: 4em auto 2em auto;
    padding-bottom: 1.5em;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
    text-align: center;
}
.campaign .box-title{
    font-size: 1.7em;
    background: #f7931e;
    padding: 0.5em;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;

}

.campaign p{
    line-height: 2em;
    font-size: 1.3em;
    padding: 2em 0 1em 0;
    margin: auto;
}

.campaign p a{
    color: blue;
}
.kingaku{
    font-weight: bold;
    font-size: 1.5em;
    color: #f00;
}

.sp{display: none;}
    
}/* PC-------------------------------------------------------*/
@media print, screen and (min-width: 769px) {


/* header ---------------*/
.mobile_title_forIndex {display: none;}
.top_header{position: relative; margin-bottom: 38px; width: 1080px;}
.top_lead{position: absolute; left: 40px; top: 16px; width: 650px; height: 100px; 
    font-size: 18px; font-weight: bold; line-height: 1.8;
    text-shadow: 0 0 10px #fff,
    0 0 40px #fff, 0 0 40px #fff, 0 0 40px #fff, 0 0 40px #fff, 0 0 40px #fff, 0 0 40px #fff, 0 0 40px #fff; }  
.top_shoulder{position: absolute; left: 265px; top: 120px; width: 450px; height:40px; 
    font-size: 28px; font-weight: bold; line-height: 1.8;}
  
.news_line{overflow: hidden; margin-bottom: 20px;}
.news_lineL{float: left; width: 400px;  margin-bottom: 32px;} 
.news_lineL img{width: 100%; margin: 0; padding: 0; vertical-align: bottom;box-shadow: 5px 5px 10px rgba(0,0,0,0.4);}    
.news_lineL img:hover{opacity: 0.6; transition: 0.3s;}
.news_lineR{float: right; width: 640px; }      
.news_tetle{font-size: 20px; font-weight: bold; line-height: 1.25; color: #963; border-bottom:1px solid #963;}       
.news{width: 100%; height: 420px;}    
.news iframe{width: 100%; height: 100%;}   
    
.category_line{overflow: hidden; margin: 0 0 0 15px; }    
.category_block{float: left; width: 323px;  box-shadow: 5px 5px 10px rgba(0,0,0,0.4); margin: 0 30px 40px 0; border:1px solid #ccc;}     
.category_block p {font-size: 18px; text-align: center;  line-height: 1.15;} .category_block p a:hover{font-weight: normal;}

.annai_honbun{text-align: center;width: 100%; margin: 40px auto;}
.annai_honbun h2{margin: 0 auto 20px;}
.annai_honbun ul{text-align: left; padding: 20px; border: thin solid red; width: 80%; margin: 20px auto;}
.annai_honbun li{font-size: 15px; margin: 0 20px 10px;}

.campaign_box{
    display: flex;
}
.campaign{  
    width: 45%;
    margin: 4em auto 2em auto;
    padding-bottom: 1.5em;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
    text-align: center;
}
.campaign .box-title{
    font-size: 1.7em;
    background: #f7931e;
    padding: 0.5em;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;

}

.campaign p{
    line-height: 2em;
    font-size: 1.3em;
    padding: 2em 0 1em 0;
    margin: auto;
}

.campaign p a{
    color: blue;
}
.kingaku{
    font-weight: bold;
    font-size: 1.5em;
    color: #f00;
}
.sp{display: none;}
}