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

/*----- bace----- */
@media (max-width: 768px) {
html {font-size: 14px;}
.navbar-brand img{width: 150px;}
}
@media (min-width: 769px) {
}
@media (max-width: 992px) {
.navbar-line,.navbar-line-last{display: none;}
.nav-item{margin-bottom: 15px;}
.nav-item p{display: none;}
}

/*sp*/
@media (max-width: 768px) {
.br-pc {display:none;}
.br-sp {display:block;}
.pc-dn {display:block;}
.sp-dn {display:none;}
.link-1line{margin-top: 0;}
/*--footer---*/
#f-menu{padding:20px 30px 0;}
#f-address{padding:0 5px 0;}
#rinen p{text-align: left;}
}

/*pc*/
@media (min-width: 768px) {
.br-pc {display:block;}
.br-sp {display:none;}
.pc-dn {display:none;}
.sp-dn {display:block;}
.footer_area {display:none}
}



/*----- contens----- */
/*sp*/
@media (max-width: 768px) {
#contents h2 img{width: 90%;}
#contents h3{}
#contents .row img{margin-bottom: 15px;}
#kodawari .kodawari-box{width: 75%;margin-left: 0;}
.about-box h2{letter-spacing: 0em;}
.about-box iframe{height: 250px;margin: 15px 0;}
.menu2{padding-top: 20px;}
.about img{width: 80%;}
.about .col-md-3,.about .col-sm-6{margin-top: 15px;text-align: center;}
#syohin{margin-top: 0px;}
#make h2{margin-top: 10px;font-size: 200%;}
#info img{width:80px;}
#info a{position:fixed;bottom:30px;right:0px;display:inline-block;z-index:9999;}
#oubo h2{width: 50%;}
#access img{width: 60%;}
#banner h2{font-size: 2.2em;}	
#banner p {font-size: 1.2em;}
#banner a {font-size: 1.4em;}
}
/*pc*/
@media (min-width: 768px) {






/* bace-size */
@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }