/* ########### タブレットのみ ####################################################### */

@media (min-width: 600px) and (max-width: 819px) {


#container {
	font-size: 14px;
}


/* ---- ▼カートエリア tb ---- */

#shopping .shop-item-note {
	margin-bottom: 0.5em;
	padding-bottom: 1em;
}

#shopping .shop-item-img {
	width: 70%;
	height: auto;
	float: none;
	margin: 0 auto 1em;
}
#shopping .shop-item-info {
	width: 100%;
	float: none;
}
/* ---- ▲カートエリア tb ---- */



/*======= ヘッダ　tb =======*/

#header-top {
	padding: 10px;
}

#header-logo {
	width: 260px;
}
#header-link {
	display: none;
}



/*======= ヘッダナビ tb =======*/
#nav {
	background-color: #7AA040;
	text-shadow: 0px -1px 0px hsla(0,0%,0%,0.43);
}
#nav ul li {
	width: 33.33%;
	line-height: 40px;
	display: block;
	float: left;
	
}
#nav ul li a {
	display: block;
	border-left: 1px solid #8BB053;
	border-top: 1px solid #8BB053;
	border-right: 1px solid #698F31;
	border-bottom: 1px solid #5C7C2C;
	background-image: -webkit-linear-gradient(270deg,rgba(111,146,57,1.00) 0%,rgba(122,160,64,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(111,146,57,1.00) 0%,rgba(122,160,64,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(111,146,57,1.00) 0%,rgba(122,160,64,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(111,146,57,1.00) 0%,rgba(122,160,64,1.00) 100%);
	}

/*----- ツールチップ tb -----*/
.tip-nav-inner ul li a:active { background-color: #FDF6E7; color: #B28500;	text-decoration: underline; }


/*======= コンテンツ tb  =======*/

#contents {
}
.main-inner {
	padding: 0 25px;
}

/*---- タイトル tb ----*/
#main-title {
	padding: 0 25px;
}


/* ====  メニュー tb  ===== */

#menu {
	background-color: #F1EEE6;
	padding: 20px 15px;
	margin-top: 20px;
}

#menu ul li a:hover {
	background: none;
}
#menu ul li a:active {
	background: #565656;
}
#menu ul li {
	font-size:13px;
	line-height:40px;
	box-sizing:border-box;
}

#menu ul.m-list li {
	width: 33.333%;
	float: left;
	border-right: 1px solid #E2E2E2;
}

#menu ul li a { font-weight:bold; }
#menu ul li a:active { background-color: #FFFFFF; }



#menu ul.m-list li a{
	position: relative;
	display: block;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
}
/* 矢印（擬似要素） */
#menu ul.m-list li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  background: #87B44B;
}
#menu ul.m-list li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 14px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  background: #FFFFFF;
}

#kumiai-link {
	overflow:hidden;
}
#kumiai-link ul li {
	width: 33.333%;
	float: left;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E7E7E7;
	display: block;
	background-color: #FFFFFF;
}
#kumiai-link ul li a{
	position: relative;
	display: block;
	margin: 0;
	padding-left: 15px;
	font-weight: bold;
	text-decoration: none;
}
#kumiai-link ul li a:link, #kumiai-link ul li a:visited {
	color: #3A3A3A;
	text-decoration: none;
}
/* 矢印（擬似要素） */
#kumiai-link ul li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 10px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  background: #A39785;
}
#kumiai-link ul li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 14px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  background: #FFFFFF;
}

#menu ul.m-banner li {
	box-sizing: border-box;
	width: 33.333%;
	padding: 0 5px;
	float: left;
	margin-bottom: 0.5em;
}
#menu ul.m-banner li img {
	width: 100%;
	height: auto;
}


/*----- 表組み------*/

.tablebg_gray01 {
	font-size:95%;
}

/*-----ナビボタン（フッター） ------*/
#foot-btn {
	margin: 0 auto;
}

/*----- ボックス -----*/

.link-box {
	padding-left: 50px;
	margin: 0 0 0.8em;
}
.link-box:before {
	content: '';
	width: 35px;
}
.link-box:after {
	content:"";
	left: 12.5px;
}
.link-box p {
	font-size:83%;
}
.link-box div.link-box-img {
	width: 25%;
}


/*======= フッタ =======*/

#footer-inner {
	padding: 15px 15px;
}

#footer-logo {
	width: 90px;
}
#footer-tel {
	width: 180px;
}
#footer-policy {
	font-size:90%;
}
#address {
	font-size: 90%;
	margin-left: 15px;
}