@charset "utf-8";


/*共通ページへの変更*/

.container {
  width:100%;
  margin:0 auto;
  position:relative;
  }

header {
  width:100%;
  padding-bottom:150px;
  margin:0 auto;
  box-sizing:border-box;
  overflow: hidden;
}

.logo {
  width:100%;
  overflow:hidden;
  margin:0 auto;
  }

.logotxt{
  width:100%;
  margin:11px 0 0 33%;
  }
  
h1 {
  width:100%;
  font-size:95%;
  color:#3F1900;
  padding-bottom:4px;
  }

.character {
  width:18%;
  position:absolute;
  top:-6px;
  left:5%;
  z-index:30;
  }


/*nav*/
.nav {
  width:100%;
  overflow:hidden;
  margin:0 auto;
  position:absolute;
  top:66px;
  left:0;
  z-index:20;
}

.nav li {
  width:calc(100%/3);
  float:left;
  }

.nav li img{
  width:100%;
  }

/*accessページ*/

h2{
padding-bottom:25px;
}

.wrapper-access {
  padding:0 5%;
}

h3 {
  padding:10px 0 15px;
}

.map-side{
  width:100%;
}

.map-side p{ 
  font-size:120%;
  line-height:1.6;
  margin-bottom:15px;
}

.map {
  width:100%;
    }

.map img {
  width:100%;
  margin-bottom:50px; 
    }

.address-side{
  width:100%;
  font-size:120%;
}

h4 {
 font-size:33px;
 line-height:1.1;
 margin:0;  
 padding:0 0 15px;
 color:#3F1900;
    }  

.store{
 font-size:24px;
    }

.tell {
 font-size:25px;    
}

.address-side dl,dt,dd {
  text-align:left;
}

.address-side dl {
  margin-bottom:30px; 
}

.address-side dt {
  font-weight: bolder;
  line-height:1.5;
}

.address-side dd {
  line-height:1.5;
  padding:0 0 3px 1em;
}

.decoration{
 color:#EE7C5E;
} 

.iframe {
  width:100%;
}

.googlemap-link {
  display: block;
  width:200px;
  margin:20px 0;
  padding:6px 3px;
  border:1px solid #3F1900;
  border-radius: 8px;
  color:#3F1900;
  font-size:90%;
  text-align: center;
  background:#fff;
}

/*footer*/
footer {
  width:100%;    
  overflow: hidden;
  text-align: center;
  color:#fff;
  background-color: #EE7C5E;
  padding-bottom:20px;
}

footer p {
  width:100%; 
  padding-bottom:2px;
}

.footerline picture {
  width:100%; 
}

.footerline img {
  width:100%; 
}


.externallink{
  padding-right:7px;
  text-align: right;
}

.externallink img{
  width:35px;
  height:35px;
  padding-right:10px;
}


@media screen and (min-width:768px){
  /*タブレット用*/
    
.br-sp{display: none;}
.br-pc{display: block;}
    
.container{
  width:100%;
  margin:0 auto;
  position:relative;
  background:#FFF8EC;
    }

header {
  padding-bottom:12%;
  margin:0 auto;
  overflow: hidden;
    }
    
.logo {
  width:42%;
  overflow:hidden;
  }

.logotxt{
  width:20%;
  margin:1.2% 0;
  position:absolute;
  top:0.1%;
  left:10%;
  z-index:30;
  }
  
h1 {
  width:16em;
  font-size:80%;
  color:#3F1900;
  padding-bottom:0.6%;
  }
    
.logotxt img {
  width:85%;
  }
     
.character {
  position:absolute;
  top:-0.4%;
  left:0.8%;
  z-index:30;
  }
    
.character img {
  width:50%;
  height:50%;
  } 

/*nav*/
.nav {
  width:100%;
  overflow:hidden;
  margin:0 auto;
  position:absolute;
  top:0;
  left:0;
  background: url(../img/inner-back85.png) no-repeat top left/contain;
  z-index:20;
}
    
.nav li {
  height:110px;
  float:left;
  }
  
.home {
  width:46.97%;
  position:absolute;
  top:2%;
  left:0;
  z-index:20;
    }
    
.menu {
  width:9.86%;
  position:absolute;
  top:2%;
  left:46.97%;
  z-index:20;
    }
    
.news {
  width:9.76%;
  position:absolute;
  top:2%;
  left:56.83%;
  z-index:20;
    }  
    
.etc {
  width:11.03%;
  position:absolute;
  top:2%;
  left:66.59%;
  z-index:20;
    }  
    
.about {
  width:9.76%;
  position:absolute;
  top:2%;
  left:77.62%;
  z-index:20;
    }  
    
.access {
  width:12.59%;
  position:absolute;
  top:2%;
  left:87.38%;
  z-index:20;
    }  

.wrapper-access {
  overflow:hidden;
  max-width:900px;
　margin:0 auto;
  padding:0 0 0 8%;
}

    
h2{
  padding-bottom:30px;
}

h2 img{
  width:13%;
}


.map-side {
  width:48%;
  float:left;
  vertical-align: top;
}

.map {
  padding-bottom:20px;} 
     
    
h4 {
 font-size:180%;
 line-height:1;
 margin:0;  
 padding:0 0 15px;
 color:#3F1900;
    }  

.store{
 font-size:70%;
    }

.tell {
 font-size:155%;    
}
    
.address-side {
  width:40%;
  float:left;
  text-align:left;
  vertical-align: top;
  margin-left:5%;
}
    
.address-side dl {
  margin-bottom:30px;
}
    
.address-side dt {
  float:left;
  font-weight: bolder;
  line-height:1.6;
}

.address-side dd {
  float:right;
  line-height:1.6;
  padding:0 0 3px 1em;
}
    
.iframe {
  width:560px;
  height:315px;
}
  
/*footer*/
footer {
  width:100%;
  overflow: hidden;
  text-align: center;
  color:#fff;
  background-color: #EE7C5E;
  padding-bottom:2%;
}

footerline img{
  width:100%;     
    }
    
footer p {
  padding-bottom:2px;
}

.externallink{
  padding-right:5px;
  text-align: right;
}

.externallink img{
  width:4%;
  height:4%;
  padding-right:1%;
}
    
}


@media screen and (min-width:2400px){
  /*PC用*/
    
.br-sp{display: none;}
.br-pc{display: block;}
    
/*container*/
.container {
  width:100%;
  margin:0 auto;
  position:relative;
  }

/*header*/
header {
  padding-bottom:65%;
  margin:0 auto;
  overflow: hidden;
}
    
.logo {
  width:20%;
  overflow:hidden;
  }

.logotxt{
  width:20%;
  margin:1% 0;
  position:absolute;
  top:0;
  left:9%;
  z-index:30;
  }
  
h1 {
  width:16em;
  font-size:110%;
  color:#3F1900;
  padding-bottom:2%;
  }
    
.logotxt img {
  width:83%;
  }
     
.character {
  position:absolute;
  top:-0.15%;
  left:1%;
  z-index:30;
  }
    
.character img {
  width:44%;
  height:44%;
  }


/*nav*/
.nav {
  width:100%;
  overflow:hidden;
  margin:0 auto;
  position:absolute;
  top:0;
  left:0;
  background: url(../img/inner-back85.png) no-repeat top left/contain;
  z-index:20;
}

.nav li {
  height:110px;
  float:left;
  }
  
.home {
  width:46.97%;
  position:absolute;
  top:2%;
  left:0;
  z-index:20;
    }
    
.menu {
  width:9.86%;
  position:absolute;
  top:2%;
  left:46.97%;
  z-index:20;
    }
    
.news {
  width:9.76%;
  position:absolute;
  top:2%;
  left:56.83%;
  z-index:20;
    }  
    
.etc {
  width:11.03%;
  position:absolute;
  top:2%;
  left:66.59%;
  z-index:20;
    }  
    
.about {
  width:9.76%;
  position:absolute;
  top:2%;
  left:77.62%;
  z-index:20;
    }  
    
.access {
  width:12.59%;
  position:absolute;
  top:2%;
  left:87.38%;
  z-index:20;
    }    
    
.wrapper-access {
  overflow:hidden;
  max-width:900px;
　margin:0 auto;
  padding:0 0 0 8%;
}    

h2{
  padding-bottom:30px;
}

h2 img{
  width:13%;
}

.map-side {
  width:48%;
  float:left;
  vertical-align: top;
}

.map {
  padding-bottom:20px;   }    

h4 {
 font-size:180%;
 line-height:1;
 margin:0;  
 padding:0 0 15px;
 color:#3F1900;
    }  

.store{
 font-size:70%;
    }

.tell {
 font-size:155%;    
}
    
.address-side {
  width:40%;
  float:left;
  text-align:left;
  vertical-align: top;
  margin-left:5%;
}
    
.address-side dl {
  margin-bottom:30px;
}
    
.address-side dt {
  float:left;
  font-weight: bolder;
  line-height:1.6;
}

.address-side dd {
  float:right;
  line-height:1.6;
  padding:0 0 3px 1em;
}
    
.iframe {
  width:560px;
  height:315px;
}   

/*footer*/
footer {
  width:100%;
  overflow: hidden;
  text-align: center;
  color:#fff;
  background-color: #EE7C5E;
  padding-bottom:5%;
}

footerline img{
  width:100%;     
    }
    
footer p {
  padding-bottom:2px;
}

.externallink{
  padding-right:2%;
  text-align: right;
}

.externallink img{
  width:3%;
  height:3%;
  padding-right:1%;
}
        
    
}