/* ########### 599px以下 ########### */
@media screen and (max-width: 599px) {
body {
	width: 100%;
	height: 100%;
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
	background-image: none;
}
/* ---- ▼非表示 sp ---- */
.sp-only {
	display: block !important;
}
.sp-none {
	display: none !important;
}
ins#darktooltip-undefined {
	display: none !important;
}
/* ---- ▲非表示 sp ---- */
img {
	vertical-align:bottom;
}
a {
	text-decoration: none;
}
a:link, a:visited {
	color: #395386;
}
p { margin-bottom: 0.7em;}


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

#shopping h2 {
	font-size:18px;
	width: 70%;
}
#shopping h3 {
	font-size:16px;
}
#shopping .shop-item-img {
	float:none;
	text-align: center;
	width:100%;
	margin-bottom:1em;
}
#shopping .shop-item-img img {
	max-height: 300px;
}
#shopping .shop-item-info {
	float:none;
	width:100%;
	padding-left:0;
}
#shopping .shop-item-note {
	font-size: 90%;
	margin-bottom: 0.5em;
	padding-bottom : 1em;
}
.shop-item-info dl {
	clear: both;
	font-size: 14px;
	border-bottom: 1px dotted #CCCCCC;
}
.shop-item-info dl dt {
	width:100%;
	float: left;
	clear: left;
	line-height: 1.2em;
	padding: 0.4em 0 ;
	border-bottom: none;
}
.shop-item-info dl dd.item-price {
	width: 40%;
	float: left;
	font-size:115%;
	text-align:left;
	line-height: 1.2em;
	border-bottom: none;
	padding: 0.3em 0;
}
.shop-item-info dl dd.item-price span {
	font-size: 65%;
}
.shop-item-info dl dd.item-btn {
	float:right;
	width: 50%;
	line-height: 2em;
	border-bottom: none;
	margin-bottom:0.5em;
}

#shopping .shop-item-img2 {
	width: 100%;
	float: none;
	padding: 0.5em 1em;
	margin-bottom: 1em;
}

#shopping .shop-item-info2 {
	width: 100%;
	float: none;
	padding: 0 1em;
}
#shopping .shop-item-info2 h3 {
	font-size: 17px;
}
.shop-item-info2 dl dt {
	font-size:12px;
	float:left;
	clear:both;
}
.shop-item-info2 dl dd {
	font-size:15px;
	float:left;
}
.shop-item-info2 dl dd.shop-item-price {
	font-size:18px;
}
/* ---- ▲カートエリア sp ---- */


/*-------- タイトル sp --------*/
#main-title h1 {
	font-size:17px;
	line-height:1.2;
	background-color: #F1EEE6;
	border-bottom: 1px solid #AD9E8B;
	border-top: 3px solid #AD9E8B;
	margin: 0;
	padding: 3px 0;
	width: auto;
}
#main-title h1 span {
	display: block;
	padding: 10px 15px;
}
.ttl-bar-rd {
	font-size: 18px;
	padding: 5px 0 5px 10px ;
}
.ttl-sub-m {
	font-size: 123%;
	margin-bottom: 0.7em;
}
.ttl-sub-sm {
	font-size: 123%;
	margin-bottom: 0.7em
}
.ttl-sub-s {
	font-size: 115%;
	margin-bottom: 0.7em
}
.ttl-br, .ttl-gr1, .ttl-gr2 {
	font-size:110%;
	padding: 0.5em 0.7em;
}





/*----- ページナビ sp -----*/
#pagenavi { display: none; }


/*======== ヘッダ sp ========*/

header {
	background-image: url(../img/global/header_bg_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#header-top {
	padding: 10px 10px;
}
#header-logo {
	width: 54%;
	float: left;
}
#header-tel {
	width: 38%;
	float:right;
	padding-top: 4px;
}
#header-link {
	display: none;
}



/*======= ヘッダナビ sp =======*/

#nav {
	display: none;
}

#nav {
	font-size: 85%;
	background-color: #7AA040;
	text-shadow: 0px -1px 0px hsla(0,0%,0%,0.43);
}
#nav ul li {
	width: 50%;
	line-height: 30px;
	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%);
	}

#tip-html-eino { display:none; }
#tip-html-life { display:none; }
.dark-tooltip.small { display:none; max-width: 220px !important; position:static; top:0px; left:0px;}
.tip-nav-inner ul li { float:none;}

/*======== コンテンツ sp ========*/

#contents {
}

#main {
	font-family: "ヒラギノ丸ゴ W4 JIS2004","ヒラギノ角ゴ Pro W3", sans-serif; /* sp フォント指定 */
  -webkit-font-feature-settings: 'halt' 1; 
  font-feature-settings: 'halt' 1;
	font-size: 13px; /* - mainフォントサイズ- */
	line-height: 1.6em;
}
.main-inner section {
	padding: 0 15px;
}
.main-inner section {
	margin-bottom: 4em;
}




/* ==== メニュー sp  ===== */

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

#menu-col1 {
	padding: 0 15px;
}

#menu ul li {
	font-size: 92%;
	line-height: 35px;
	box-sizing:border-box;
}
#menu ul li a {
	font-weight: bold;
	position:relative;
}
#menu ul li a:hover {
	background: none;
}
#menu ul li a:active {
	background-color: #F3EEC8;
}

#menu ul.m-list li {
	width: 50%;
	float: left;
	border-right: 1px solid hsla(0,0%,89%,1.00);
	text-shadow: 0px 1px 0px hsla(0,0%,100%,0.43);
}
/* 矢印（擬似要素） */
#menu ul.m-list li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  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: 13px;
  width: 6px;
  height: 6px;
  margin-top: -5px;
  background: #FFFFFF;
}

#kumiai-link {
	overflow:hidden;
}
#kumiai-link ul li {
	width: 50%;
	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: 6px;
	height: 6px;
	margin-top: -5px;
	background-color: #A39785;
}
#kumiai-link ul li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 13px;
  width: 6px;
  height: 6px;
  margin-top: -5px;
  background: #FFFFFF;
}


.ctgry-eino i img, .ctgry-shop i img {
	float:left;
	margin: 5px 5px 0 0;
}


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


/*------ 追跡ドキュメント sp ------*/

ul.document-list {
	box-sizing:border-box;
	overflow:hidden;
}
ul.document-list li {
	display:block;
	margin-bottom:0.3em;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}



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

#footer-inner{
	box-sizing: border-box;
	padding: 10px;
}

#footer-logo {
	width:30%;
	margin: 2% auto;
}
#footer-tel {
	display: none;
}
#address {
	clear:both;
	padding: 0 0 10px;
	text-align:center;
}
#footer-policy {
	font-size: 90%;
	padding: 0 10px;
}
#footer-policy li {
	display: inline-block;
	float:left;
	width:50%;
}
#copyright {
	background-color: #DEDEDE;
	font-size: 80%;
	line-height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}


/*========= スマホ 画像幅 sp ========*/

#main .img-sp-full {width:100% !important;}
#main .img-sp-90 {width:90% !important;}
#main .img-sp-80 {width:80% !important;}
#main .img-sp-70 {width:70% !important;}
#main .img-sp-60 {width:60% !important;}
#main .img-sp-50 {width:50% !important;}

.float-R-300, .float-R-250, .float-R-200,
.float-L-300, .float-L-250, .float-L-200 {
	text-align:center;
	padding-bottom: 1.5em ;
}
.float-Ln-40 {float: left; width: 40%; padding-bottom: 1.5em; margin-right: 20px;}
.float-Rn-40 {float: right; width: 40%;	padding-bottom: 1.5em; margin-left: 20px;}

#main .float-R-40fix {width:40%; min-width:140px; float:right;	margin: 0 0 0.5em 1em;	overflow: hidden;}
#main .float-R-30fix {width:30%; min-width:120px; float:right;	margin: 0 0 0.5em 1em;	overflow: hidden;}
#main .float-R-25fix {width:25%; min-width:90px; float:right;	margin: 0 0 0.5em 1em;	overflow: hidden;}
#main .float-R-20fix {width:20%; min-width:50px; float:right;	margin: 0 0 0.5em 1em;	overflow: hidden;}
#main .float-R-fix {min-width:130px; float:right;	margin: 0 0 0.5em 1em;	overflow: hidden;}

#main .float-L-40fix {width:40%; min-width:150px; float:left;	margin: 0 1em 1em 0;	overflow: hidden;}
#main .float-L-30fix {width:30%; min-width:140px; float:left;	margin: 0 1em 1em 0;	overflow: hidden;}
#main .float-L-25fix {width:25%; min-width:130px; float:left;	margin: 0 1em 1em 0;	overflow: hidden;}
#main .float-L-fix {min-width:130px; float:left;	margin: 0 1em 1em 0;	overflow: hidden;}
.img-full img {
	width:100%;
}


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

.bg-white-down {
	padding: 1em !important;
}
.box-info {
	padding: 1em;
}
.link-box {
	box-sizing:border-box;
	padding: 0.8em 0.8em 0.8em 40px;
	margin: 0 0 0.8em;
	font-size: 95%;
}
.link-box:before {
	content: '';
	width: 28px;
}
.link-box:after {
	content:"";
	left: 10px;
}
.link-box h4 {
	font-size:115%;
	line-height:1.3;
	margin-bottom: 0.7em;
	}
.link-box p {
	font-size:95%;
	line-height:1.4;
}
.link-box div.link-box-img {
	width: 36%;
	min-width: 60px;
	max-width: 100px;
	margin-left: 1em;
	margin-bottom: 0.5em;
	margin-top: 0;
	border-radius: 4px;
}

.box-grey, .box-white, .box-cream, .box-beige {
	padding: 15px 15px 10px;
}

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

.tbl-1 {
	background-color: #FFF;
	font-size: 90%;
	width: 100%;
	border-top-style: none;
}
.tbl-1 dt {
	float: none;
	background-color: #F1EFE9;
	padding: 5px 12px;
	font-weight:bold;
}
.tbl-1 dd {
	padding: 12px 12px;
}
.tbl-2 {
	font-size: 90%;
	width: 100%;
	border-top-style: none;
}
.tbl-2 dt {
	float: none;
	background-color: #C5BBAF;
	padding: 5px 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 5px;
	font-family: "ヒラギノ角ゴ W6 JIS2004","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ";
	font-size: 110%;
}
.tbl-2 dd {
	padding: 12px 12px;
}
.tablebg_gray01 {
	font-size:75%;
}

.tbl-base td, .tbl-base th {
	padding: 0.4em;
	font-size: 90%;
	line-height: 1.3em;
}





/*------ ボタン -------*/


/*----- フッターナビ sp ------*/

#foot-btn {
	padding: 10px;
	font-size:11px;
}

#foot-btn ul {
	text-align: center;
	padding: 0px;
	margin: 0 auto;
}
#foot-btn ul li {
	display: inline-block;
	width:30%;
	margin: 0 1px;
}

/* ------- カラム ------ */


.row {
	padding: 0;
	margin: 0;
}
.col2 {
	width:100%;
	margin-right:0;
	margin-bottom: 0.5em;
}
.col3 { width:50%;  margin-bottom: 0.4em;} /* boxsizing */


/*--JAリンク集--*/

dl.links dt {
	float: none;
	width: 100%;

	
}
dl.links dd {
	float: none;
	width: 100%;
	background-color: #F0ECE3;
}


}