.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 0px;
  padding-left: 0px;
}
/*--------------------------------------------------------------
  レスポンシブ背景画像
--------------------------------------------------------------*/
.responsive-image{
  position: relative;
  width: 100%;
}
.responsive-image:before {
    content:"";
    display: block;
}
.in-responsive-image{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.in-a-responsive-image{
  display: block;
}

/*--------------------------------------------------------------
  ヘッダーロゴ
--------------------------------------------------------------*/
@media (max-width: 767px){
  .header-logo-div{
    margin-left:auto;
    margin-right: auto;
    float: none;
  }
}
@media (min-width: 768px){
  .header-logo-div{
    width:280px;
  }
}
.header-logo{
  background: url('../images/neo-logo.png') 0 0 no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.header-logo:before {
  padding-top: 63%; /* 高さを幅の75%に固定 */
}
.header-logo-p{
  //color: #fff;
}

/*--------------------------------------------------------------
  ナビゲーションバー
--------------------------------------------------------------*/
.navbar{
  min-height: 30px;
}
@media (min-width: 768px){
  .navbar-nav{
      margin: 0 auto;
      display: table;
      table-layout: fixed;
      float:none;
  }
}

.header-navbar{
  border: 0px;
  font-size: 15px;
}
@media (min-width: 768px){
  .header-navbar{
    padding-top: 0px;
    padding-bottom: 0px;
  }
}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
  color: #111;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a{
  //color: #382c20;
}
@media (min-width: 768px){
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li > a{
    //width: 175px;
    text-align: center;
  }
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  //background-color: rgba(219, 202, 180,0.5);
}

@media (min-width: 768px){
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    border-radius: 50px;
  }
}
.navbar-default .navbar-nav > .active > a{
    //color: #3E312B;
}
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    //color: #7E6357 ;
}
.navbar-default .navbar-collapse{
  //border-color: #e7e7e7;
}
.navbar-default .navbar-toggle {
  //border-color: #fff;
//  background-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  //background-color: #D3D3D3;
  //border-color: #D3D3D3;
}
.navbar-default{
  //background-color: #f8f8f8;
  //background-color: rgba(255, 245, 232, 0.5);
}
/*--------------------------------------------------------------
  パンくずリスト
--------------------------------------------------------------*/
.breadcrumb{
  //background-color: rgba(0, 0, 0, 0);
}
.bread-none-active{
  //color:#ff9700;
}
.bread-none-active:hover{
  //color:#df7700;
}
.breadcrumb > .active{
  //color: #000;
}
.breadcrumb > li + li::before{
  //color: #000;
  content: ">";
}

/*--------------------------------------------------------------
  フッター
--------------------------------------------------------------*/
.footer .row{
  //background-color: #17C88D;
  padding-top:5px;
  padding-bottom:5px;
  margin-left:0px;
  margin-right:0px;
}
.footer a{
  color: #777;
  text-decoration:none;
}
.footer a:hover{
  color: #333;
}

/*--------------------------------------------------------------
  コンテナーウェル
--------------------------------------------------------------*/
.container-well{
  //background-color: #fefefe;
  padding: 5px;
  border-radius: 0px;
}

/*--------------------------------------------------------------
  トップページ
--------------------------------------------------------------*/
.top-container-left{
    width: 35%;
}
@media (max-width: 767px){
  .top-container-left{
      width: 92.33333333%;
      margin-left: 4.33333333%;
  }
}

.top-container-right{
    width: 35%;
}
@media (max-width: 767px){
  .top-container-right{
      width: 92.33333333%;
      margin-left: 4.33333333%;
  }
}

.top-container-twitter{
    width: 30%;
}
@media (max-width: 767px){
  .twitter-btn{
      width: 92.33333333%;
      margin-left: 4.33333333%;
  }
}

/*--------------------------------------------------------------
  トップページ　新着情報
--------------------------------------------------------------*/
.top-news-header{
  margin-top:0px;
  margin-bottom:10px;
  padding-top:5px;
  padding-bottom:5px;
  border-bottom: 1px solid #ccc;
  //background-color: #ff9700;
  //color: #fff;
  font-size: 22px;
}
.top-news-header h2{
  font-size: 21px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
}


/*--------------------------------------------------------------
  トップページ　メニュー
--------------------------------------------------------------*/
.top-menu{
  background: url('../images/top_menu.png') 0 0 no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom:20px;
  padding-right: 0px;
  padding-left: 0px;
}
.top-menu:before {
    padding-top: 61.9047619%; /* 高さを幅の61.90%に固定 */
}
.top-menu a{
}
/*--------------------------------------------------------------
  トップページ　キャンペーン
--------------------------------------------------------------*/
.top-campaign{
  background: url('../images/top_campane.png') 0 0 no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom:20px;
  padding-right: 0px;
  padding-left: 0px;
}
.top-campaign:before {
    padding-top: 61.9047619%; /* 高さを幅の61.90%に固定 */
}
.top-campaign a{
}
/*--------------------------------------------------------------
  トップページ　店舗情報
--------------------------------------------------------------*/
.top-shop{
  background: url('../images/top_shop.png') 0 0 no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom:20px;
  padding-right: 0px;
  padding-left: 0px;
}
.top-shop:before {
    padding-top: 61.9047619%; /* 高さを幅の61.90%に固定 */
}
.top-shop a{
}
/*--------------------------------------------------------------
  トップページ　びっくり焼亭のこだわり
--------------------------------------------------------------*/
.top-good{
  background: url('../images/top_for.png') 0 0 no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom:20px;
  padding-right: 0px;
  padding-left: 0px;
}
.top-good:before {
    padding-top: 61.9047619%; /* 高さを幅の61.90%に固定 */
}
.top-good a{
}
.for_top_p{
  font-size:16px;
}
@media (min-width: 768px){
  .for_top_p{
    font-size:20px;
  }
}

/*--------------------------------------------------------------
  トップページ　びっくり焼亭のこだわり
--------------------------------------------------------------*/
@media (min-width: 768px){
  #twitter-widget-0{
      height: 320px !important;
  }
}
@media (min-width: 992px){
  #twitter-widget-0{
      height: 415px !important;
  }
}
@media (min-width: 1200px){
  #twitter-widget-0{
      height: 500px !important;
  }
}

/*--------------------------------------------------------------
  サブページ
--------------------------------------------------------------*/
.contents-header{
  margin-top:0px;
  margin-bottom:10px;
  padding-top:5px;
  padding-bottom:5px;
  border-bottom: 1px solid #ccc;
  //background-color: #17C88D;
  //background-color: #BAA282;
  //color: #eee;
}
.contents-header h2{
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
}
.contents-header-3{
  margin-top: 0px;
  margin-left:30px;
  margin-right: 30px;
  margin-bottom: 5px;
  font-size: 22px;
  border-bottom: 0px solid #ccc;
  border-left: 10px solid #af0a05;
  padding:5px;
}
.contents-header-p{
  margin-left:30px;
  margin-right: 30px;
  border-top: 1px solid #c1b7aa;
  padding:5px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: -10px;
}
@media (max-width: 767px){
  .contents-header-p{
    margin-left:10px;
    margin-right: 10px;
  }
  .contents-header-3{
    margin-left:10px;
    margin-right: 10px;
  }
}

/*--------------------------------------------------------------
  メニューページ
--------------------------------------------------------------*/
.menu-image{
  margin: auto;
}
@media (min-width: 768px){
  .menu-image{
    width: 90%;
  }
}
@media (min-width: 992px){
  .menu-image{
    width: 90%;
  }
}
@media (min-width: 1200px){
  .menu-image{
  width: 90%;
  }
}
@media (max-width: 767px){
  .menu-image{
    width: 90%;
  }
}
.main-menu-div{
  margin-bottom: 30px;
}
@media (max-width: 767px){
  .side-menu-h4{
    font-size: 14px;
  }
}
.menu-in-tax{
  font-size:12px;
}
.menu-small-p{
  font-size:16px;
}
@media (max-width: 767px){
  .menu-small-p{
    font-size:11px;
  }
}
.menu-price-text-div{
  text-align: center;
}
.menu-price-text{
  display: inline-block;
  text-align: right;
}
/*--------------------------------------------------------------
  店舗情報ページ
--------------------------------------------------------------*/
.shop-table{

}
@media (max-width: 767px){
  .shop-table{
    font-size: 12px;
  }
  .shop-table-left{
    padding:4px !important;
  }
  .shop-table-right{
    padding:4px !important;
  }
}
.shop-table-left{
  vertical-align: middle !important;
}
.shop-table-right{
  text-align: left;
  vertical-align: middle !important;
}
.bikkuri_map{
  border: solid 1px #ccc;
  padding: 10px;
}
@media (max-width: 767px){
  .bikkuri_map{
    margin-top: 20px;
  }
}
/*--------------------------------------------------------------
  グーグルマップ
--------------------------------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 81.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and  (max-width: 414px) {
	.ggmap {
		margin-bottom: 0px;
	}

	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		width: 100%;
		height: 100%;
	}
}

/*--------------------------------------------------------------
  display:bolck関連
--------------------------------------------------------------*/
@media screen and  (min-width: 415px) {
	.only-under-414px{
		display:none !important;
	}
}
@media screen and  (max-width: 414px) {
	.only-over-414px{
		display:none !important;
	}
}
@media screen and  (min-width: 768px) {
	.only-under-767px{
		display:none !important;
	}
}
@media screen and  (max-width: 766px) {
	.only-over-767px{
		display:none !important;
	}
}
@media screen and  (min-width: 769px) {
	.only-under-768px{
		display:none !important;
	}
}
@media screen and  (max-width: 767px) {
	.only-over-768px{
		display:none !important;
	}
}
@media screen and  (max-width: 920px) {
	.only-over-920px{
		display:none !important;
	}
}
@media screen and  (max-width: 1162px) {
	.only-over-1162px{
		display:none !important;
	}
}
/*--------------------------------------------------------------
  お問い合わせページ
--------------------------------------------------------------*/

.div-instagram{
  font-size: 0;
  line-height: 0;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid RGBA(186, 162, 130,0.5);
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid RGBA(186, 162, 130,0.5);
}
.table-bordered {
    border: 1px solid RGBA(186, 162, 130,0.5);
}

@-webkit-keyframes element-from-left {
 0% {
  -webkit-transform:translate(-20%,0);
  opacity:0
 }
 100% {
  -webkit-transform:translate(0,0);
  opacity:1
 }
}
@-moz-keyframes element-from-left {
 0% {
  -moz-transform:translate(-20%,0);
  opacity:0
 }
 100% {
  -moz-transform:translate(0,0);
  opacity:1
 }
}
@-o-keyframes element-from-left {
 0% {
  -o-transform:translate(-20%,0);
  opacity:0
 }
 100% {
  -o-transform:translate(0,0);
  opacity:1
 }
}
@keyframes element-from-left {
 0% {
  transform:translate(-20%,0);
  opacity:0
 }
 100% {
  transform:translate(0,0);
  opacity:1
 }
}
.kodawari_coffee{
  -webkit-animation: element-from-left .7s 1 ease-in-out;
  -moz-animation: element-from-left .7s 1 ease-in-out;
  -o-animation: element-from-left .7s 1 ease-in-out;
  animation: element-from-left .7s 1 ease-in-out;
  opacity: 1;
}

@-webkit-keyframes element-from-right {
 0% {
  -webkit-transform:translate(20%,0);
  opacity:0
 }
 100% {
  -webkit-transform:translate(0,0);
  opacity:1
 }
}
@-moz-keyframes element-from-right {
 0% {
  -moz-transform:translate(20%,0);
  opacity:0
 }
 100% {
  -moz-transform:translate(0,0);
  opacity:1
 }
}
@-o-keyframes element-from-right {
 0% {
  -o-transform:translate(20%,0);
  opacity:0
 }
 100% {
  -o-transform:translate(0,0);
  opacity:1
 }
}
@keyframes element-from-right {
 0% {
  transform:translate(20%,0);
  opacity:0
 }
 100% {
  transform:translate(0,0);
  opacity:1
 }
}
.kodawari_rice{
  -webkit-animation: element-from-right .7s 1 ease-in-out;
  -moz-animation: element-from-right .7s 1 ease-in-out;
  -o-animation: element-from-right .7s 1 ease-in-out;
  animation: element-from-right .7s 1 ease-in-out;
  opacity: 1;
}
.navbar-default .footer_nav li a{
  //color:white;
}
.navbar-default .footer_nav li a:hover{
  //color:#544a41;
}
@media screen and  (min-width: 768px) {
  .padding-left-div-over{
    padding-left: 20px;
    padding-bottom: 20px;
  }
}
@media screen and  (max-width: 767px) {
  .padding-left-div-over{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom:15px;
  }
}
@media screen and  (min-width: 768px) {
  .nav-justified {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .nav-justified li {
    border-right: 1px solid #ddd;
  }
  .nav-justified li:last-child {
    border-right: 0;
  }
}
.navbar-collapse{
  padding-left:0px;
  padding-right: 0px;
}
@media screen and  (min-width: 768px) {
  .dropdown:hover > .dropdown-menu{
    display: block;
  }
}
@media screen and  (min-width: 768px) {
  .col-sm-offset-1-5{
    margin-left: 12.5%;
  }
}
@media screen and  (min-width: 992px) {
  .col-md-offset-1-5{
    margin-left: 12.5%;
  }
}
.adjust-box {
    position: relative;
    height: auto;
    background: #EEE;
}
.box-1x1:before {
    content: "";
    display: block;
    padding-top: 25%;
}
.inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.nav li a{
  font-size:13px;
}
.nav-list{
  padding-right: 5px;
  padding-left: 5px;
}
.active{
  background: linear-gradient(transparent 60%, #D0FF29 60%);

}
.active:hover{

}
.active:focus{

}
.business_active{

}
.navbar-nav > li > a{
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 10px;
  margin-left: 10px;
}
.news-content{
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and  (max-width: 767px) {
  .news-content{
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.news-h3{
  font-size: 24px;
  margin:0px;
  padding:0px;
  padding-top: 5px;
}
@media screen and  (max-width: 767px) {
  .news-h3{
    font-size: 16px;
  }
}
.news-content-title{
  font-size: 24px;
  margin:0px;
  padding:10px;
  color: #fff;
  text-align: center;
}
@media screen and  (max-width: 767px) {
  .news-content-title{
    font-size: 16px;
  }
}
.news-content-time{
  font-size: 20px;
  padding:0px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 700;
  color: coral;
}
@media screen and  (max-width: 767px) {
  .news-content-time{
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.news-h4{
  font-size: 14px;
}
.news-men{
  color: #1e4ab3;
}
.news-lady{
  color: #e2183b;
}
.news-content-main{
  background: #999;
}
@media screen and  (max-width: 767px) {
  .news-content-main{
    padding-bottom: 0px;
  }
}
.news-image{
  padding: 5px;
}
@media screen and  (min-width: 768px) {
  .news-image{
    padding: 10px;
  }
}
.company_right_box{
  padding-left: 10px;
  margin-bottom: 10px;
}
@media screen and  (max-width: 767px) {
  .company_right_box{
    padding-left: 0px;
  }
}
.company_left_box{
  padding-right: 10px;
  margin-bottom: 10px;
}
@media screen and  (max-width: 767px) {
  .company_left_box{
    padding-right: 0px;
  }
}
@media screen and  (min-width: 768px) {
  .company_h1{
    padding-bottom: 5px;
  }
}
.float-left{
    float: left;
}
.require_span {
    color: #fff;
    font-size: 12px;
    //margin-right: -10px;
    background: #C66868;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: normal;
    margin: 3px 0 0 5px;
    padding: 2px 3px 3px 4px;
}
.control-label{
  padding-right:15px;
}
.business_title{
  margin-bottom: 1.25em;
  border-top: 1px solid #767676;
  border-bottom: 1px solid #767676;
  line-height: 2.5;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: .1em;
  text-align: center;
  margin-top: 0px;
}
.business_text{
  font-size: 16px;
}
@media screen and  (max-width: 767px) {
  .business_text{
    font-size: 12px;
  }
}
.business_sub_title{
  margin-top: 2.77778em;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}
@media screen and  (max-width: 767px) {
  .business_sub_title{
    font-size: 13.5px;
  }
}
.news-more{
  font-weight:700;
  padding:5px;
  background: #ccc;
}
.news-link a{
  color: #000;
  text-decoration: none;
}
.news-link a:hover , .news-link a:focus{
  color: #333;
  background: #ddd;
}
.main-container{
  margin-top:30px;
  margin-bottom: 30px;
}
@media screen and  (max-width: 767px) {
  .main-container{
    margin-top:10px;
    margin-bottom: 10px;
  }
}
.news-content-p-header{
  display: inline-block;
  text-align: center;
  width: 50px;
  background: #666;
  color: #FFF;
  padding: 2px 0;
  border-radius: 5px;
  margin-right: 10px;
  font-weight: bold;
}
.news-content-p-header-null{
  display: inline-block;
  text-align: center;
  width: 50px;
  padding: 2px 0;
  border-radius: 5px;
  margin-right: 10px;
  font-weight: bold;
}
 @media screen and  (max-width: 767px) {
   .news-detail-h4{
     margin-bottom: 15px;
    }
 }
.bussiness_background{
  background-image: url(../images/bussiness_back.jpg);
  height: 147px;
  background-repeat: no-repeat;
  background-position: top center;
}
.bussiness_background2{
 background-image: url(../images/bussiness_back2.jpg);
 background-position: top center;
}