@charset "utf-8";

/* ---------------------------------------------------------------------------------
topHeader */


#topHeader{ padding-top:150px; margin-bottom:20px;}
#topHeader >.inner{ width:1000px; height:90px; margin:0 auto; position:relative;}

#topHeader h1{ width:495px; height:90px;}
#topHeader h1 img{ width:100%;}
#topHeader .bnr01{width:154px; height:38px; position:absolute; top:0; right:0;}
#topHeader .bnr01 img{ width:100%;}
#topHeader .bnr02{width:154px; height:38px; position:absolute; top:0; right:0;}
#topHeader .bnr02 img{ width:100%;}
#topHeader .bnr03{ font-size:30px; color:#6e4e43; position:absolute;right:0; bottom:0; font-family:'Noto Serif JP',"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

@media(max-width:750px){

#topHeader{ padding-top:130px; height:240px; margin-bottom:20px; position:relative; z-index:10;}
#topHeader >.inner{ width:auto;margin:0 30px; }
#topHeader .bnr01{ top:0; right:0;}
#topHeader .bnr02{ top:50px; right:0;}
#topHeader .bnr03{ right:0; bottom:-50px;}

}








#navandmv{ }
#navandmv >.inner{ width:1000px; height:442px; margin:0 auto; position:relative;}

#toppageNavi { position:absolute; height:442px; width:272px}
#toppageNavi ul li{ -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;}
#toppageNavi ul li{position: absolute; color:#6e4e43;}
#toppageNavi ul li a{color:#6e4e43; font-family:'Noto Serif JP',"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:110%;}


#toppageNavi .line01{ left:80px; top:65px;}
#toppageNavi .line02{ left:110px; top:65px;}
#toppageNavi .line03{ left:140px; top:65px;}
#toppageNavi .line04{ left:170px; top:65px;}
#toppageNavi .line05{ left:200px; top:65px;}
#toppageNavi .line06{ left:35px; top:250px;}
#toppageNavi .line07{ left:65px; top:250px;}
#toppageNavi .line08{ left:95px; top:250px;}
#toppageNavi .line09{ left:125px; top:250px;}

@media(max-width:750px){

#navandmv{ }
#navandmv >.inner{ width:auto; height:auto; margin:0 30px; position:relative;}

#toppageNavi { position:relative; height:400px;margin-top:40px; width:auto;margin-left:1.7em;}
		  
#toppageNavi ul li{position: absolute; color:#6e4e43; line-height:1em;}
#toppageNavi ul li a{color:#6e4e43; font-family:'Noto Serif JP',"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:110%;}
#toppageNavi .line01{ left:0px; top:0;}
#toppageNavi .line02{ left:70px; top:0;}
#toppageNavi .line03{ left:140px; top:0;}
#toppageNavi .line04{ left:210px; top:0;}
#toppageNavi .line05{ left:280px; top:0;}
#toppageNavi .line06{ left:350px; top:0;}
#toppageNavi .line07{ left:420px; top:0;}
#toppageNavi .line08{ left:490px; top:0;}
#toppageNavi .line09{ left:560px; top:0;}



}





#visualArea{ width:728px; height:442px; position:absolute; right:0; top:0;}
#visualArea img{ width:100%;}

@media(max-width:750px){


#visualArea{ width:100%; height:auto; position:static; }
#visualArea img{ width:100%;}
}







#greeting{ }
#greeting >.inner{ width:1000px; margin:0 auto; background:url(../images/mugi.png) no-repeat right top;}

#greeting h2{ font-weight:normal; font-family:'Noto Serif JP',"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:250%; line-height:1em; margin-bottom:1em;}
#greeting p{ line-height:2em; padding-bottom:100px; font-size:110%;}







@media(max-width:750px){
#greeting >.inner{ width:auto; margin:0 30px;}

}

.topBnr{ margin-bottom:35px; display:block;}
.topBnr img{width:100%;}

@media(max-width:750px){


}









/* ---------------------------------------------------------------------------------
topPageNavi */





@media(max-width:750px){




}