body{
	/*font-family: "Rounded Mplus 1c";*/
}
a {
    color: #40210f;
}
nav a:hover {
	background: #c38033;
    color: #fff;
}
a:hover img {
	opacity: .6;
}
.container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0px;
    padding-left: 0px;
}
.btn-outline-primary {
  color: #40210f;
  background-color: rgba(255,255,255,.1);
  background-image: none;
  border-color: #40210f;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #40210f;
  border-color: #40210f;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(64, 33, 15, 0.5);
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #40210f;
  border-color: #40210f;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(64, 33, 15, 0.5);
}
.badge {
    padding: .5em .8em;
}
.badge-primary {
    color: #40210f;
    background-color: #c38033;
}
.navbar {
    padding: .5rem 0;
    z-index: 20;
}
.navbar-light .navbar-toggler {
    color: #40210f;
    border-color: #c38033;
}
.navbar-toggler {
    padding: .25rem .75rem;
    margin-right: 5px;
    font-size: 1rem;
    line-height: 1;
    background-color: #c38033;
    border: 1px solid #c38033;
    border-radius: .25rem;
    font-weight: bold;
}
header.sp ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-left: -40px;
}
header.sp ul li {
	flex-basis: 45%;
	margin-right: 2.5%;
	margin-left: 2.5%;
}
header.sp ul li:last-child {
	flex-basis: 95%;
	margin-right: 2.5%;
	margin-left: 2.5%;
}

header #logo {
	width: 50vw;
	max-width:270px; 
	float: left;
	position: relative;
	top: -10px;
	left: 5px;
	height: 35px;
	z-index: 9999;
}
header #logo:hover{
	background: rgba(255,255,255,0);
}
header.pc {
	height: 80px;
	background: url(../img/topnav-bg-pc@2x.png) repeat-x bottom;
	background-size: contain;
	/*z-index: 10;*/
}
header.sp {
	height: 60px;
	background: url(../img/topnav-bg-pc.png) repeat-x bottom;
	background-size: contain;
}

header.pc ul {
	margin-top: 20px;
	display: flex;
	padding: 0;
}
header.pc ul li {
	flex-basis: 25%;
	text-align: center;
	list-style: none;
	font-weight: bold;
	border-radius: 3px;
}
header.pc ul li a {
	display: block;
	border-radius: 3px;
}
header.pc ul li a:hover {
	background: #c38033;
	color: #fff;
	text-decoration: none;
}

#sp-nav {
	/*min-height: 100vh;*/
    background: #c38033;
    margin-top: 15px;
	padding-top: 100px;
}
@media (min-width:480px){
	#sp-nav {
		padding-top: 140px;
	}
}

main {
	margin-top: -2px;
	/*z-index: 1;*/
}

#a-lunch .item, #b-lunch .item {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.item img {
	width: 100%;
	height: 350px;
	object-fit: cover;
}
@media (min-width: 992px) {
	.item img {
		height: 500px;
	}
}
.container-fluid .item img {
	width: 80%;
	height: 250px;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 10%
}
@media (min-width: 992px) {
	.container-fluid .item img {
		height: 400px;
	}
}

.item-description {
	width: 100%;
	padding: 15px;	
	z-index: 1;
}
#a-lunch .item-description, #b-lunch .item-description {
  	background: -moz-linear-gradient(top, rgba(64,33,15,0), rgba(64,33,15,1));
  	background: -webkit-linear-gradient(top, rgba(64,33,15,0), rgba(64,33,15,1));
  	background: linear-gradient(to bottom, rgba(64,33,15,0), rgba(64,33,15,1));
  	position: absolute;
	bottom: 0;
}
#variety .item-description, #noodle .item-description {
  	background: #c38033;
  	position: relative;
	bottom: 0;
}
#curry .item-description,#side .item-description,#box .item-description {
  	background: #ebe1a8;
  	/*position: absolute;*/
	bottom: 0;
}
@media(min-width: 992px) {
	#livecook .item-description, #deli .item-description {
		padding-top: 40px;
	} 
}

.item-description h2 {
	font-weight: bold;
}
.item-description h3 {
	display: inline-block;
	margin-right: 5%;
	width: 40%;
}
.item-description h4 {
	display: block;
	margin-top: 5%;
}
@media (max-width: 991px){
	#a-lunch .item-description h2, #b-lunch .item-description h2, #livecook .item-description h2, #variety .item-description h2,
	#curry .item-description h2, #noodle .item-description h2, #china-noodle .item-description h2, #deli .item-description h2 {
		font-size: 1em;
	}
	.item-description h4 {
		font-size: 0.9em;
	}
}
#a-lunch .item-description h2, #a-lunch .item-description h3, #a-lunch .item-description h4,
#b-lunch .item-description h2, #b-lunch .item-description h3, #b-lunch .item-description h4,
#variety .item-description h2, #variety .item-description h3, #variety .item-description h4,
#noodle .item-description h2, #noodle .item-description h3, #noodle .item-description h4,
#deli .item-description h2, #deli .item-description h3, #deli .item-description h4 {
	color: #fff;
}
#livecook .item-description h2, #livecook .item-description h3, #livecook .item-description h4 {
	color: #c38033;
}
#variety .badge, #curry .badge, #noodle .badge, #china-noodle .badge,#side .badge ,#box .badge {
	position: absolute;
	top: 15px;
	left: 15px;
}
@media (max-width: 567px){
	#livecook {
		background: url(../img/livecook-bg@2x.png) no-repeat right top;
		background-size: 70vw;
	}
}
@media (min-width: 568px){
	#livecook {
		background: url(../img/livecook-bg@2x.png) no-repeat left bottom;
		background-size: 20vw;
	}
}
#deli {
	background: #40210f;
}
	.pbfix {
		padding-bottom: 100px;
	}
@media (min-width: 992px){
	#deli {
	}
	.pbfix {
		padding-bottom: 150px;
	}
}

/* フッター・来場者カウンター
===========================*/
.fixed-bottom {
	height: 100px;
	background: url(../img/fixbtm-bg-pc@2x.png) repeat-x top;
	background-size: contain;
}
@media(max-width: 992px){
	.fixed-bottom {
		height: 50px;
	}
}
.fixed-bottom .pc .counter {
	height: 150px; 
	margin-top: -30px; 
	padding-top: 0; 
	background: url(../img/count-bg@2x.png) no-repeat top; 
	background-size: contain;
}
.fixed-bottom .pc .counter iframe {
    margin-top: -44px;
    transform: scale(0.7);
    transform-origin: 50% 0%;
}
.fixed-bottom .pc .counter p {
    margin-top: 39px;
    overflow: hidden;
}
@media (max-width: 1024px){
	.fixed-bottom .pc .counter {
		height: 130px; 
		margin-top: -20px; 
		padding-top: 0; 
	}
	.fixed-bottom .pc .counter iframe {
		position: absolute;
		top: -11px;
	    right: -30px;
	}
}
.fixed-bottom .sp .counter {
	height: 100px;
    margin-top: -10px;
    padding-top: 5px;	background: url(../img/count-bg@2x.png) no-repeat top; 
	background-size: contain;
}
.fixed-bottom .sp .counter .counterwrapper {
    overflow: hidden;
    height: 75px;
    position: relative;
    top: 29px;
	margin: auto;
}
@media (min-width: 768px){
	/*.fixed-bottom .sp .counter .counterwrapper::before {
		content: "滞在人数";
		position: absolute;
		top: -2px;
		font-size: 0.8em;
		left: 111px;
		z-index: 1;
	}*/
	.fixed-bottom .sp .counter iframe {
		position: relative;
		/*width: 16rem;*/
     	width: 100%;
		margin: auto;
		-ms-transform: scale(0.3); /* IE 9 */
		-webkit-transform: scale(0.3); /* Chrome, Safari, Opera */
		transform: scale(0.3);
		top: -67px;
	}
	.fixed-bottom .sp .counter p {
		margin-top: -11%;
		overflow: hidden;
	}
}
@media (max-width: 767px){
	/*.fixed-bottom .sp .counter .counterwrapper::before {
		content: "滞在人数";
		position: absolute;
		 top: 0;
		font-size: 0.7em;
		left: 18%;
		z-index: 1;
	}*/
	.fixed-bottom .sp .counter iframe {
		-ms-transform: scale(0.3);
		-webkit-transform: scale(0.3);
		/*width:343px;*/
		
     	width: 300%;
		position: relative;
		top: -67px;
		 transform: scale(0.33);
		transform-origin: left;
	margin-top: -11%;
	}
	.fixed-bottom .sp .counter .counterwrapper {
		height: 33px;
		top: 24px;
		 width: 54%;
	}
}
@media (max-width: 320px){
	.fixed-bottom .sp .counter .counterwrapper {
		height: 33px;
		top: 15px;
	}
	.fixed-bottom .sp .counter .counterwrapper {
		top: 19px;
	}
	.fixed-bottom .sp .counter {
		height: 100px;
    	margin-top: 0;
	}	
	.fixed-bottom .sp .counter iframe {
		position: absolute;
		left: 0vw;
		/*width:250px;*/
     	width: 300%;
     	/*width: 100%;*/
	}
}


/* 画像強制クラス（W100%）
===========================*/
img {
	max-width: 100%;
	height: auto;
}

/* レスポンシブ強制クラス（BTgrid :col-lg ）
===========================*/
@media (max-width:992px){
	.pc{
		display: none;
	}
}
@media (min-width:993px){
	.sp{
		display: none;
	}
}

/* 強制マージン
===========================*/
.mt10{margin-top: 10px;}.mt20{margin-top: 20px;}.mt30{margin-top: 30px;}.mt40{margin-top: 40px;}.mt50{margin-top: 50px;}
.mb10{margin-bottom: 10px;}

.menuimg{
	background: #353535;
   	padding-top: 11vw;
    padding-bottom: 11vw;
	text-align: center;
}
@media (max-width: 991px){
	.menuimg{
		padding-top: 110px;
	}
}
@media (max-width: 540px){
	.menuimg{
		padding-top:19vw;
	}
}
@media (min-width: 1500px){
	h1 img{
		max-width: 500px;
	}
}

/* object-fit IE適用（適用したいimgタグに下記クラスを追加）
===============================*/
.fits {
object-fit: cover;
font-family: 'object-fit: cover;'
}

.menuimg .imgw100{
	width:100%;
	max-width: 1600px;
}