@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
color:#1b1b1b; font-size:100%; background-color:#F8F5EF; }
img { max-width:100%; width /***/:auto; /* IE8のみ */ height:auto; vertical-align:bottom; border:none!important; }
a { text-decoration:none;color:#1b1b1b; }
a:hover { background-color:#ffffff;opacity: 0.47; }
p { margin:0; padding:1em 0; }
h2 { padding:1em; }

#Wrapper { width:100%;  margin:0; padding:0;  }    
header {
display:block;
width:auto;
height:480px;
margin:0 auto; 
overflow:hidden;
background:url(../images/head_bg.jpg) ;
background-repeat: no-repeat;
background-position:top  center;
background-size: cover;
text-align: center;
}
h1 { padding:3em 1em 1em 1em; }
h1 img { padding-top:3em; }
section { padding:0 1.2em; display:block; text-align:center; background-color:#fff; }



p.gotop{ position: fixed; right: 5%; bottom: 2%; }
p.gotop a { width: 45px; height: 45px; display: block; }
#Phone { background-color:#fdfdf2; }

footer { width:100%;  margin:0 ;background: linear-gradient (to bottom, #E9E0CD,#FDFCFB); background: -webkit-gradient(linear, left top, left bottom, from(#E9E0CD), to(#FDFCFB)); 
 background: -moz-linear-gradient(top, #E9E0CD, #FDFCFB);　/* Firefox用 */ }
#FootNavi { font-size:80%; display:flex; flex-wrap:wrap; justify-content:flex-start; flex-direction: row; }
#FootNavi li { list-style-image:url(../images/foot_icn.png); margin-right:1.9em; }
#FootNavi li a:hover { text-decoration:underline;opacity:1; background-color:rgba(0,0,255,0); }
#Copy { text-align:center; padding:0.4em 0; }

@media only screen and (min-width: 768px) and (max-width: 960px) {
#Wrapper { width:100%;  margin:0 auto; padding:0;  }    
section { padding:0 1em; }

footer { display:block; width:100%;  margin:0 auto; background-color:#d9fde7; }
.foot-bg {width:100%!important; flex-direction:column;  }
#Copy { text-align:center!important; }
#FootNavi { margin:0; padding:0; font-size:100%; }
#FootNavi li { border-bottom:2px solid #A28446; width:100%; list-style-image:url(../images/foot_icn.png); padding:0.6em 0; margin-right:0; list-style-position:inside;}
#FootNavi li a { display:block; padding:1em ;}
	
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
#Wrapper { width:98%;  margin:0 auto; padding:0;  }    
header { background-image: url(../images/sp_head_bg.png);width:auto;
height:390px;
margin:0 auto; 
overflow:hidden;
background-repeat: no-repeat;
background-position:top  center;
background-size: cover;
text-align: center;
 }
h1 { height:300px; padding:0 ; margin-bottom:0; background-size:contain; }
section { padding:0 0.7em; }
footer { display:block; width:100%;  margin:0; }
.foot-bg {width:100%!important; flex-direction:column;  }
#FootLogo { text-align:center; }
div.flex-b-ct img { margin:1em 0; } 
#Copy { text-align:center!important; }
#FootNavi { margin:0; padding:0; font-size:100%; }
#FootNavi li { border-bottom:2px solid #A28446; width:100%; list-style-image:url(../images/foot_icn.png); padding:0.6em 0; margin-right:0; list-style-position:inside;}
#FootNavi li a { display:block; padding:1em ;}

}

@media only screen and (max-width: 480px) {
#Wrapper { width:100%;  margin:0 auto; padding:0;  }
header { background-image: url(../images/sp_head_bg.png);
width:auto;
height:auto;
margin:0 auto; 
overflow:hidden;
background-repeat: no-repeat;
background-position:top  center;
background-size: cover;
text-align: center; 
}
h1 { height:181px; padding:1.6em 0 0 0 ; margin-bottom:0; background-size:contain; }
section { padding:0 0.7em; }
div.flex-b-ct img { margin:1em 0!important; } 
div.chlist { height:510px; background:url(../../images/img07_sp.jpg) center top no-repeat; background-size:contain; }
div.chlist img { display:none; }
footer { display:block; width:100%;  margin:0; background-color:#d9fde7; }
.foot-bg {width:100%!important; flex-direction:column;  }
#Copy { text-align:center!important; }
#FootNavi { margin:0; padding:0; font-size:100%; }
#FootNavi li { border-bottom:2px solid #A28446; width:100%; list-style-image:url(../images/foot_icn.png); padding:0.6em 0; margin-right:0; list-style-position:inside;}
#FootNavi li a { display:block; padding:1em ; }

}