@charset "UTF-8";

/*----------------------------------------------------------------*/
/* 全体・モバイル用共通 */
/*----------------------------------------------------------------*/

body	{background-color: #fff;
	margin: 0 auto;
	padding: 0;
	font-family:"メイリオ","Hiragino Kaku Gothic Pro","sans-serif";
	font-size: 16px;
	line-height:1.5;}

a	{text-decoration: none;}

img	{max-width: 100%;
	margin: 0;
	padding: 0;
	border: none;}



/* 左右の余白 */
/*----------------------------------------------------------------*/

.cols-inner	{max-width: 1350px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 5px;
		padding-right: 5px;}



/* ヘッダー */
/*----------------------------------------------------------------*/

header	{padding-bottom: 10px;}

nav	{width: 100%;
	height: 70px;
	position: relative;
	background: #e7e7e7;}

.drawer	{display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	position: relative;
	height: 60px;
	padding: 0 15px;}

.navbar_toggle_icon	{position: relative;
			display: block;
			height: 4px;
			width: 50px;
			background: #002c6d;
			transition: ease .5s;}

.navbar_toggle_icon:nth-child(1)	{top: 0;}
.navbar_toggle_icon:nth-child(2)	{margin: 10px 0;}
.navbar_toggle_icon:nth-child(3)	{top: 0;}

.navbar_toggle.open .navbar_toggle_icon:nth-child(1)	{top: 14px;
							transform: rotate(45deg);}

.navbar_toggle.open .navbar_toggle_icon:nth-child(2)	{transform: translateY(-50%);
							opacity: 0;}

.navbar_toggle.open .navbar_toggle_icon:nth-child(3)	{top: -14px;
							transform: rotate(-45deg);}

.menu	{text-align: center;
	transform: translateX(-100%);
	transition:ease .5s;
	position: relative;
	z-index: 999;}

ul	{list-style: none;
	padding-left: 0px;
	background-color: rgba(255,255,255,1);}

.menu ul li a	{display: block;
		font-weight: normal;
		font-size: 21px;
		padding: 1.5em;
		color: #002c6d;
		border-bottom: 1.5px solid #e7e7e7;}

.menu.open	{transform: translateX(0);
		overflow-y: auto;}

.navbar_brand	{text-align: center;
		font-weight: normal;
		font-size: 18px;
		font-size: 2.868vw;
		line-height: 4.954vw;
		letter-spacing : 2px;
		color: #002c6d;
		text-shadow: 
			3px  3px 1px #ffffff,
			-3px  3px 1px #ffffff,
 			3px -3px 1px #ffffff,
 			-3px -3px 1px #ffffff,
			3px  0px 1px #ffffff,
			0px  3px 1px #ffffff,
			-3px  0px 1px #ffffff,
			0px -3px 1px #ffffff;}

.logo	{display: inline-block;
	font-weight: bold;
	font-size: 28px;
	font-size: 4.172vw;
	vertical-align: middle;}

.time, .tel, .tel_comment, .description	{display: none;}


/*--ＰＣ用--------------------------------------------------------*/

@media screen and (min-width: 767px)	{

nav	{display: flex;
	flex-direction: row;
	height: 200px;}

.drawer	{width: 50%;
	height: 150px;
	text-align: center;}

.navbar_toggle	{display: none;}

.navbar_brand	{position: relative;
		display: inline-block;}

.menu	{width: 100%;
	text-align: right;
	font-size: 0.9em;
	transform: translateX(0);}

.menu ul	{display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
		background: rgba(0,0,0,0);}

.menu ul li a	{padding: 0 1em;
		border-bottom: none;
		font-size: 21px;}

.description	{display: block;
		font-size: 16px;
		padding: 0 10px 0 0;
		margin: 0;}

.time	{display: block;
	color: #000000;
	font-size: 22px;
	padding: 5px 15px 0 0;
	margin: 0;}

.tel	{display: block;
	color: #da0000;
	font-weight: bold;
	font-size: 46px;
	font-size: 4.375vw;
	letter-spacing : 2px;
	padding: 0 15px 0 0;
	line-height: 1.01;
	margin: 0;}

.tel_comment	{display: block;
	letter-spacing : 2px;
	padding: 0 15px 0 0;
	line-height: 1.31;
	margin: 0;}

.tel img	{width: 60px;}

}

@media screen and (min-width: 1100px)	{

.navbar_brand	{font-size: 32px;
		line-height: 56px;}

.logo	{font-size: 55px;}

.tel	{font-size: 47px;}

}


/*--サイト内検索--------------------------------------------------------*/

#search-form	{padding: 12px;
		margin: 0 auto;}

#search-form form	{width: 35%;
			display: table;
			table-layout: fixed;
			position: absolute;
			right: 95px;
			top: 20px;}

#search-form input[type=text]	{display: table-cell;
				width: 100%;
				height: 30px;
				padding: 10px;
				box-sizing: border-box;
				border-radius: 0;}

#search-form .search-button	{display: table-cell;
				vertical-align: top;
				width: 35%;}

#search-form .search-button input[type="submit"]	{width: 100%;
							height: 30px;
							color: #ffffff;
							border: none;
							background: #002c6d;
							padding: 0;
							border-radius: 0;}

#search-form	{list-style: none;
		padding: 0;
		margin: 12px auto 0;}

#search-form	{display: inline-block;
		margin: 8px;
		font-size: 14px;}

#search-form.design-1 form	{font-size: 14px;}

#search-form.design-1 input[type=text]	{border: 1px solid #ccc;
					border-top-left-radius: 4px;
					border-bottom-left-radius: 4px;
					border-right: none;}

#search-form.design-1 .search-button input	{border-top-right-radius: 4px;
						border-bottom-right-radius: 4px;
						font-size: 14px;
						font-size: 2.086vw;}

#search-form.design-1	{color: #555;}




/*--ＰＣ用--------------------------------------------------------*/

@media screen and (min-width: 767px)	{

#search-form form	{width: 25%;
			display: table;
			table-layout: fixed;
			position: absolute;
			left: 25px;
			top: 145px;}

#search-form.design-1 .search-button input	{font-size: 14px;}

}



/* フッター */
/*----------------------------------------------------------------*/

.copy	{text-align: center;}

small	{display: inline-block;}

.accbox	{margin: 0;
	padding: 0;}

.accbox label	{display: block;
		margin: 0 0;
		padding: 15px 12px;
		cursor: pointer;
		transition: all 0.5s;
		border-bottom: 2px solid #ffffff;
		background: #e7e7e7;}

.accbox label	{font-size: 22px;
		color: #002c6d;}


@media (min-width: 767px)	{
  .accbox label {font-size: calc( 0.740vw + 0.625rem );}
}

@media (min-width: 1350px)	{
  .accbox label {font-size: 2.25rem;}
}

.accbox label:before	{content: '\f054';
			font-family: 'FontAwesome';
			padding-right: 8px;}

.accbox label:hover	{background: #ffffff;}

.accbox input	{display: none;}

.accbox .accshow	{height: 0;
			padding: 0;
			overflow: hidden;
			opacity: 0;
			transition: 0.8s;}

.cssacc:checked + label + .accshow	{height: auto;
					padding: 5px;
					opacity: 1;}

.accbox .accshow p	{margin: 15px 10px;}

.cssacc:checked + label:before	{content: '\f078';}

.f-l	{text-indent: -9999px;
	margin: -10px;
	padding: -10px;}

.cost	{border-collapse: collapse;
	font-size: 14px;
	margin: 10px 0;
	width: auto;}

.cost th, .cost td	{border: solid 1px black;
			padding: 10px;
			text-align: center;}

.cost th	{background: #fffcde;}

span.d	{font-size: 14px;}

.calendar img	{max-width: 100%;
		margin: 0;
		padding: 0;}

.calendar li	{float: left;
		margin-right: 20px;}

.f-c	{display: flex;
	justify-content: center;
	flex-wrap: wrap;}

.day	{float: left;
	margin: 0;
	padding: 0;
	width: 49%;}

.mail-btn-c	{display: block;
		text-align: center;}

.mail-btn	{color: #FFF;
		border-radius: 8px;
		display: inline-block;
		height: 30px;
		width: 70%;
		text-align: center;
		font-size: 16px;
		line-height: 30px;
		background: #319f2d;
		overflow: hidden;
		text-decoration: none;}

.mail-btn span	{display:inline-block;
		transition: .5s;}

.mail-btn:hover span	{transform: rotateX(360deg);}

.footer-tel	{clear: both;
		background: #e7e7e7;}

.footer-tel p	{text-align: center;
		margin: 0;
		padding: 10px 0 0 0;
		color: #002c6d;
		font-size: 26px;
		font-size: 2.868vw;}

.footer-tel ul	{background: #e7e7e7;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: 0;}

.tel2	{padding: 5px 20px 0 0;
	margin: 0;
	display: block;
	color: #da0000;
	font-weight: bold;
	font-size: 36px;
	font-size: 3.389vw;
	letter-spacing : 2px;
	display: flex;
	justify-content: center;}

.tel2 img	{width: 10%;
		align-self: flex-start;
		padding-top: 5px;}

.tel2 a	{color: #da0000;}

.free-fax	{color: #319f2d;
		font-size: 32px;
		font-size: 2.998vw;}

.copy	{clear: both;}


/*--ＰＣ用--------------------------------------------------------*/

@media screen and (min-width: 767px)	{

.accbox label	{display: none;}

.accbox .accshow	{height: auto;
			overflow: visible;
			opacity: 1;
			padding: 0;
			margin: 0;}

.f-l 	{text-indent: 0;
	margin: 0;
	margin-bottom: 5px;
	padding: 3px;
	font-size: 24px;
	color: #002c6d;
	background: #e7e7e7;}

.box-1	{float: left;
	width: 49%;
	margin-top: 5px;}

.box-2	{float: right;
	width: 49%;
	margin-top: 5px;}

.box-3	{clear: both;
	width: 100%;
	margin-top: 5px;}

.footer-tel p	{font-size: 26px;}

.footer-tel p ul	{display: flex;
			justify-content: center;}

.tel2	{font-size: 36px;}

.tel2 img	{width: 54px;
		padding-top: 10px;}

.free-fax	{font-size: 32px;}

}



/* トップへ戻るボタン */
/*----------------------------------------------------------------*/

#pagetop	{display: inline-block;
		position: fixed;
		bottom: 0;
		right: 5px;}
 
#pagetop a	{padding: 7px 15px;
		border-radius: 30px;
		display: block;
		background: rgba(0,0,0,0.5);
		color: #fff;
		text-align: center;}



/* パンくずリスト */
/*----------------------------------------------------------------*/

.breadcrumb	{padding: 0;
		margin: 0 0 0 0;
		font-size: 14px;}

.breadcrumb ul	{margin: 0;
		padding: 0;}

.breadcrumb li	{display:inline;
		list-style: none;}

.breadcrumb li:after	{content: '>';
			padding: 0 3px;
			color: #555;}

.breadcrumb li:last-child:after	{content: '';}

.breadcrumb li a	{text-decoration: none;}



/* トップ */
/*----------------------------------------------------------------*/

aside	{font-weight: normal;
	text-align: center;
	color: red;
	margin: 10px 0;}

.nail	{display: flex;
	justify-content: center;
	flex-wrap: wrap;}

.line1	{border: solid 1px #002c6d;
	margin:  0 7px;
	padding: 0;}

.pic	{display: flex;
	justify-content: space-between;
	text-align: center;
	flex-wrap: nowrap;
	margin: 10px;
	padding: 0;}

.pic li	{margin: 0 5px;}

.pic li img	{width: 150px;
		height: auto;}

.price	{color: red;
	font-weight: bold;}

.category	{display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: 10px 0 5px 0;}

.cate	{display: flex;
	justify-content: center;
	flex-wrap: wrap;}

.cate li	{margin: 10px 14px;
		padding: 0;}

/*--ＰＣ用--------------------------------------------------------*/

@media screen and (min-width: 767px)	{

.thumbnail	{margin: 0;
		padding: 0;
		display: flex;
		flex-direction: row;
		align-items: center;}

.top-img	{margin: 0 5px 0 0;
		padding: 0;
		min-width: 50%;}

.top-pic	{margin: 0;
		padding: 0;}

.thumbnail-3	{clear: both;}

}


/* カテゴリー */
/*----------------------------------------------------------------*/

.breadcrumbs__wrapper	{width: 100%;
			height: 20px;
			background: #e7e7e7;}

.breadcrumbs	{margin: auto;
		max-width: 1350px;
		line-height: 21px;}

.breadcrumbs ul	{display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin: 0;
		padding: 0;}

.breadcrumbs li	{padding-right: 20px;
		font-size: 13px;}

.breadcrumbs li:not(:last-child)	{position: relative;
					padding-right: 40px;}

.breadcrumbs li:not(:last-child)::after	{content: ">";
					display: block;
					position: absolute;
					width: 9px;
					height: 15px;
					top: 0px;
					right: 15px;}

@media screen and (max-width:766px) {

.breadcrumbs	{padding: 0;}

.breadcrumbs ul	{display: block;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		overflow: auto;
		white-space: nowrap;}

.breadcrumbs li	{display:inline;
		padding-right: 20px;}

}

h2	{margin: 0;
	padding: 0;}

h2 img	{display:flex;
	align-items: flex-end;
	margin-top: 10px;}

.list	{display: flex;
	justify-content: space-around;
	text-align: center;
	flex-wrap: wrap;
	margin: 20px;
	padding: 0;
	align-items: flex-end;}

.list li	{margin: 10px;
		padding: 0;
		width: 300px;}

.line2	{border: solid 1px #e0e0e0;
	margin:  10px 7px;
	padding: 0;}

.text-divider	{display: flex;
		align-items: center;
		--text-divider-gap: 1rem;
		color: #002c6d;
		font-weight: bold;
		font-size: 18px;
		margin: 10px 7px;
		padding: 0;}

.text-divider::before,
.text-divider::after	{content: '';
			height: 1px;
			background-color: #002c6d;
			flex-grow: 1;}

.text-divider::before	{margin-right: var(--text-divider-gap);}
.text-divider::after	{margin-left: var(--text-divider-gap);}

.cate-re	{margin: 20px 0 10px 0;
		padding: 0;
		text-align: center;}


/* 支払方法・送料 */
/*----------------------------------------------------------------*/

.payprev	{border-bottom: solid 2px black;
		margin-top: 10px; 20px}

.circle	{list-style-type: disc;}

.circle li	{margin: 5px 10px 10px 0;}

.pay-l	{margin: 0 30px 0 0;}

section	{margin-bottom: 40px;}


/* 会社概要 */
/*----------------------------------------------------------------*/

.tab-wrap	{display: flex;
		flex-wrap: wrap;
		margin:20px 0;}

.tab-wrap:after	{content: '';
		width: 100%;
		height: 3px;
		background: #002c6d;
		display: block;
		order: -1;}

.tab-label	{color: white;
		background: #999;
		font-weight: bold;
		text-shadow: 0 -1px 0 rgba(0,0,0,.2);
		white-space: nowrap;
		text-align: center;
		padding: 10px .5em;
		order: -1;
		position: relative;
		z-index: 1;
		cursor: pointer;
		border-radius: 5px 5px 0 0;
		flex: 1;}

.tab-label:not(:last-of-type)	{margin-right: 5px;}

.tab-content	{width: 100%;
		height: 0;
		overflow: hidden;
		opacity: 0;}

.tab-switch:checked+.tab-label	{background: #002c6d;}

.tab-switch:checked+.tab-label+.tab-content	{height: auto;
						overflow: auto;
						padding: 15px;
						opacity: 1;
						transition: .5s opacity;
						box-shadow: 0 0 3px rgba(0,0,0,.2);}

.tab-switch {display: none;}

.company	{margin: 10px auto 20px;}

.company th	{background: #e7e7e7;
		border: solid 1px #fff;
		color: #002c6d;
		padding: 10px;}

.company td	{border: solid 1px #fff;
		padding: 10px;}
 
@media screen and (max-width: 766px)	{

.last td:last-child	{border-bottom: solid 1px #fff;
			width: 90%;}

.company	{width: 90%;}

.company th	{padding: 5px 10px;}

.company th, .company td	{border-bottom: none;
				display: block;}
}

.c-h3	{color: #002c6d;
	font-size: 5.215vw;
	text-align: center;}

@media all and (min-width: 767px)	{.c-h3	{font-size: 24px;}}

.inversion i	{transform: scale(-1, 1);}

.c-r	{font-size: 19px;
	text-align: right;}

.site-a	{text-align: center;
	margin-top: 20px;}

.site-l	{display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;}

.site-l li	{display: inline-block;
		margin: 0 5px 20px 5px;}


/* よくあるご質問 */
/*----------------------------------------------------------------*/

.faq-list	{display: flex;
		justify-content: center;}

.faq-list ul	{padding: 0.5em 0;
		list-style-type: none;
		border: none;}

.faq-list ul li	{position: relative;
		padding: 0.3em 0 0.3em 2em;
		line-height: 1.5;}

.faq-list ul li:after,
.faq-list ul li:before	{content:''; 
			position: absolute; 
			top: 7px;
			left: 11px;
			height: 18px;
			width: 4px; 
			background: #002c6d; 
			border-radius: 10px;
			transform: rotate(45deg);}

.faq-list ul li:after	{top: 14px;
			left: 3px;
			height: 10px;
			transform: rotate(-45deg);}


/* お問い合わせ */
/*----------------------------------------------------------------*/

.required:after	{content: " *";
		color: red;}

.dlTable	{width: 90%;
		margin-left: auto;
		margin-right: auto;
		border-top: 1px solid #002c6d;
		border-left: 1px solid #002c6d;
		display: flex;
		flex-wrap: wrap;}

.dlTable dt, .dlTable dd	{margin: 0;
				padding: 0;
				border-bottom: 1px solid #002c6d;
				border-right: 1px solid #002c6d;
				box-sizing: border-box;
				padding: 15px 30px;}

.dlTable dt	{width: 33%;
		background: #e7e7e7;
		color: #002c6d;
		font-weight: bold;
		letter-spacing : 1px;
		display: flex;
		align-items: center;
		justify-content: center;}

.dlTable dd	{width: calc(100% - 33%);}

@media screen and (max-width:766px) {

.dlTable	{width: 100%;
		border: none;
		display: block;}

.dlTable dt, .dlTable dd	{border: none;
				width: 100%;}

.dlTable dt	{padding: 5px 15px;
		justify-content: flex-start;}

.dlTable dd	{padding: 10px 15px 20px;}

}

#contact-form input[type=text], input[type=email], input[type=tel]	{height: 40px;
									width: 80%;
									margin: 5px 5px;					
									font-size: 18px;}

#contact-form input[type=checkbox]	{transform: scale(1.2);
					width: 20px;
					height: 20px;
					position: relative;
					top: 4px;
					margin: 5px;}

textarea	{width: 90%;
		height: 100px;}

#contact-form input[type=submit]	{background-color: #319f2d;
					color: #fff;
					padding: 10px 0;
					margin-bottom: 30px;
					border-radius: 10px;
					font-size: 1.1em;
					font-weight: bold;
					width: 70%;
					border-style: none;} 

#contact-form input[type=submit]:hover	{background-color: #f39800;
					color: #ffffff;}


/* 商品ページ・カゴ */
/*----------------------------------------------------------------*/

.goods_nail	{margin: 15px auto;
		display: block;}

.sub_img	{display: flex;
		flex-wrap: wrap;
		justify-content: center;}

.sub_img li	{margin: 5px;
		padding: 0;
		border: 1px solid #e7e7e7;}

.sub_img img	{width: 100px;
		height: 100px;
		object-fit: cover;}

.caption ul	{text-indent: -3em;}

.caption li	{list-style-type: none;
		border-bottom: 1px solid #002c6d;
		list-style-position: inside;
		padding-left: 3em;
		padding-bottom: 8px;
		padding-top: 8px;
		margin: 0;}

.caption_item	{color: #002c6d;
		font-weight: bold;}

.red	{color: red;}
.green	{color: green;}
.blue	{color: blue;}
.brown	{color: brown;}

.basket	{margin: 0;}

.basket dd	{padding-left: 10px;
		padding-right: 10px;
		margin: 0;}

.basket_title	{background-color: #002c6d;
		color: #ffffff;
		font-weight: bold;
		margin: 0;
		padding: 5px 5px;}

.basket_choices	{background-color: #e7e7e7;
		color: #002c6d;
		margin: 0 auto;
		padding: 15px 0;}

.choices_label	{margin-top: 15px;
		margin-left: 20%;
		margin-right: auto;}

.choices select	{position: relative;
		top: -2px;
		line-height: 1.5em;}

.basket_choices ul	{display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			background: rgba(0,0,0,0);
			margin: 0; 
			padding: 0;}

.basket_choices ul li	{margin: 0 5px;}

.line3 + p	{text-align: center;}

.choices select	{height: 28px;
		margin-left: auto;
		margin-right: auto;
		display: block;}

.line3	{border: solid 1px #002c6d;
	margin:  15px 0 10px 0;
	padding: 0;}

.buy dl, .buy dt, .buy dd	{margin: 0;
				padding: 0;}

.buy	{display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 5px;}

.basket-form	{display: flex;
		justify-content: center;}

.basket-form input[type=submit]	{background-color: #ff9900;
				color: #fff;
				padding: 7px 0;
				margin: 0 15px 5px;
				border-radius: 10px;
				font-size: 1em;
				font-weight: bold;
				width: 90%;
				border-style: none;}

.basket-form input[type=submit]:hover	{background-color: #ffcc66;
					color: #ffffff;}

.table_border2 th	{border: solid 1px black;
			padding: 10px;
			background: #fffcde;
			width: 30%;}

.table_border2 td	{border: solid 1px black;
			padding: 10px;}

.table_border3 th	{border: solid 1px black;
			padding: 1%;
			background: #fffcde;}

.table_border3 td	{border: solid 1px black;
			padding: 1%;
			text-align: center;}

.line4	{border: solid 1px #e0e0e0;
	margin:  25px 7px;
	padding: 0;}

/*--ＰＣ用--------------------------------------------------------*/

@media screen and (min-width: 1024px)	{

.flex-container	{display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: flex-start;}

.caption	{width: 40%;
		margin: 0 10px;
		padding: 0;}

.basket	{width: 30%;}

}


/* 商品ページ・情報 */
/*----------------------------------------------------------------*/

.item_name	{font-size: 30px;
		color: #ffffff;
		background-color: #002c6d;
		padding: 5px;
		margin: 10px 0;}

.item_h3	{font-size: 22px;
		color: green;
		border-bottom: 2px solid #002c6d;
		margin-top: 40px;}

.font_small	{font-size: 14px;}

figure	{margin: 0;
	padding: 0;
	text-align: center;}

figure img	{max-width: 100%;
		height: auto;}

.text_center	{text-align: center;}


@media screen and (min-width: 767px)	{

.item_right	{float: right;
		margin: 0 0 5px 5px;}

.item_left	{float: left;
		margin: 0 5px 5px 0;}

.clear	{clear: both;}

}

table	{border-collapse: collapse;
	width: 95%;
	margin: 10px auto;
	padding: 0;}

.table_border th	{border: solid 1px black;
			padding: 10px;
			background: #fffcde;
			color: #002c6d;}

.table_border td	{border: solid 1px black;
			padding: 10px;}

.q:before	{font-family: 'FontAwesome';
		content: '\f059';
		position: relative;
		margin-right: 5px; 
		color: blue;
		font-size: 24px;}

.a:before	{font-family: 'FontAwesome';
		content: '\f075';
		position: relative;
		margin-right: 5px; 
		color: green;
		font-size: 20px;
		display: inline-block;
		transform: scaleX(-1);}

.a	{margin-left: 20px;
	margin-bottom: 30px;
	border-bottom: 2px solid #e0e0e0;}

ol li	{margin: 5px 10px 10px 0;}

.bbq-h4	{text-align: center;
	font-size: 20px;
	color: red;
	padding: 0;
	margin: 0;}

.bbq-tb	{width: 100%;
	border: solid 1px #5dac28;
	margin-bottom: 40px;}

.bbq-tb th	{border: solid 1px #5dac28;
		padding: 5px;
		background: #5dac28;
		color: #fff;}

.bbq-tb td	{border: solid 1px #5dac28;
		padding: 10px;
		text-align: center;}

@media screen and (min-width: 767px)	{
.bbq-tb	{width: 70%;}
}