@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-dark{
background: url("../img/menu_back.png") no-repeat top center;}
.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;}
}

/*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) {
#monogatari{background-size:150px;background-position:left 0 top 30px,right 0 top 30px;}
#monogatari h2 img{width: 90%;}
#monogatari h3{}
#monogatari .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%;}
#blog img{width:80px;}


}
/*pc*/
@media (min-width: 768px) {






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