@charset "utf-8";
/* SP_CSS Document */

*, *::before, *::after {
	box-sizing: border-box;
}

@media (max-width: 650px) { 
*{
	/*font-family: verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif,monospace;*/
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック',monospace, sans-serif!important;
	font-weight: 500!important;
}
h5{font-size: 1.6rem;}
.list li {list-style : none;}
html{
	width: 100%;
	font-size:62.5%;
	margin: 0;
}

body{
	width:100%;
	min-width:320px;	
	font-size:20px;
	font-size:2.0rem;
}

body,td,th{
	font-family: verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif,monospace;}
	
.white-bg{
	background:url(https://c.o16.co/1/g6/shinki/image/shinki_bg.jpg?date=20130423195640);
	background-repeat:repeat-y; 
	background-position:center; 
	width:100%;
	overflow: hidden;
	margin:0; 
	padding:0;
	padding-bottom: 20px	
	}

.contents{
	width: 100%;
	margin: 0 auto;	
	font-size:20px;
	font-size:2.0rem;
	}

	#nav-global{
		position: relative;
	}
/* リンク色 */
a {
color: #aa0000;
}
.header--visitor a,.footer a{
color: #333333;
}
	
/* リンク色（マウスオーバー） */
a:hover {
color: #aa0000;
text-decoration:none;
}

	
/* PC用のコンテンツを非表示にする */
.pc{
	display:none;
}

/* 文字 */
h2,
#tabBox h1 {
	padding: 10px;
	border-left:none;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 2px solid #fa7518;
	border-bottom: 2px solid #fa7518;
	font-weight: bold!important;
}

 h3{
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 25px;
	padding-top: 10px;
	margin-bottom: 0;
	border-bottom: 2px solid #fa7518;
	padding-bottom: 5px;
	font-weight: bold!important;
	}

	
	h4{
		font-size: 16px;
		font-size: 1.6rem;
		margin: 10px 0;
	font-weight: bold!important;
	}	
	
.white{
	color: white;
	}
	
.x-small{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 15px;
	}
.small{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	}
.nomal{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	}	
.large{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	}
.bold{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight:bold!important;
	background: none;}
	.red{color: #aa0000;}

	.orange{
		color: #fa7518;
	}

	.green{
		 color:#75932f;
	}

	.p17{
	font-size: 14px!important;
	font-size: 1.4rem!important;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
	}
.border_bottom{
	border-bottom: 2px solid #fa7518;
	padding-bottom: 5px;
}
.border_dotted{
		border-bottom: 1px dotted #DDDDDD !important;
	}

.border_dotted2{
		border-bottom: 1px dotted #DDDDDD !important;
		padding-bottom: 10px;
	}
	
	.float_left{
		float: left;
	}	
	
	.float_right{
		float: right;
		text-align: right;
	}
	
	.align_right{
		text-align: right!important;
	}
	
	.align_left{
		text-align: left!important;
	}
		
	.align_center{
		text-align: center;
	}	
	
/* タグ */
	.tag{
		width: 95%;
		margin: 0;
		text-align: left;
		font-weight: bold;
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	.tag ul{
		overflow: hidden;
		background:#f5f3ec;
	}
	
	.tag li{
		float: left;
		font-weight:normal;
		padding: 5px;
		margin-left:5px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	.tag li:before {
    content: '*';
	}
	
	#osusume .tag,
	#word_list .tag{
		text-align: left;
		margin-top: 0;
		font-weight: bold;	
		margin-left: 5px;
		margin-bottom: -5px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	
	#osusume .tag ul,
	#word_list .tag ul{
		background: none;
	}
	
	#osusume .tag ul li,
	#word_list .tag ul li{
		width: auto;
		height: 15px;
		border-radius: 0;
		float: left;
		font-weight:normal;
		background:#f5f3ec;
		padding-bottom:0;
		padding-top: 3px;
		padding-right: 5px;
		margin-left: 0;
		margin-right: 5px;
		margin-bottom: 10px;
		font-size: 12px;
		font-size: 1.2rem;
	}	
/* 「有機野菜などの宅配サービス」 */
.header--visitor__inner{
	padding:0 10px;
	}
.header__logo{
	margin-left:10px;} 

	.nav-global__child a{
		color: white !important;
		text-decoration: none;
	}

	.bana{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		position: fixed;
		bottom: 0;
		z-index: 9999;
	}
	.bana img{
		width: 100%;
		text-align: center;
	}
	
	.bana3{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.bana3 img{
		width: 100%;
		text-align: center;
	}		
/* フッター */
.footer{padding-bottom:60px;}
.footer-nav__media-bnr{margin-top: -20px; margin-bottom: 40px;}
.footer-nav__mediaBnr__link{display: block; padding: 15px 0 15px 10px; font-size: 1.166rem; color: #333; text-decoration: none; background-color: #fff;}
.footer-nav__mediaBnr__link__icon{background: #111; color: #fff; display: inline-block; padding: 3px 5px; vertical-align: middle;}
.footer-nav__mediaBnr__link__text{vertical-align: middle; margin-left: 6px; font-size: 1.16rem;}
.footer__to-pagetop{width: 100%;margin: 0 auto;}


/* コラム */	
.txtarea{
	width: 95%;
	margin: 0 auto;
	text-align: left;
}
	
	.txtarea p{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 25px;
	margin: 10px 0;
	}
	
	.txtarea h4{
		background:#f5f3ec;
		padding: 10px 0;
		line-height: 20px;
	}

.attention{
width: 90% ;
position: relative;
vertical-align: baseline;
background-color: #fff;
border-radius: 4px;
border: 2px solid;
border-color: #fa7518;
padding: 10px;;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
.attention_title{
position: absolute;
background-color: #fff;
border-color: #000000;
border-radius: 3px 0px 0px 0px;
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
margin: -18px 0px 0px -5px;
padding: 0px 8px 0px 8px ;
color: #fa7518;
}
.attention p{
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
	line-height: 25px;
}	


.list li{
	list-style:none;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 20px;
	line-height: 25px;
}

.list2 li{
	list-style:decimal;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 20px;
	line-height: 25px;
}
	
 
.list3 li{
	padding: 10 0;
	list-style-type: none!important;/*ポチ消す*/
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 20px;
	margin-left: 25px;
	margin-top: 10px;
	line-height: 25px;
}

.list3 li:before {/*疑似要素*/
	font-family: FontAwesome;
	content: "\f00c";
	position: absolute;
	left : 1em; /*左端からのアイコンまで*/
	color: #ffb03f; /*アイコン色*/
} 

.list4 li{
	list-style:disc;
	font-size: 15px;
	margin-left: 20px;
	line-height: 25px;
}
/* =======================================
    おすすめcolumn
======================================= */
#osusume{
	overflow: hidden;
	margin-top: 50px;
	border-top: 1px solid #CBCBCB;
	padding-bottom: 30px;
}
	
#word_list{
	overflow: hidden;
	margin-top: 30px;
	padding-bottom: 30px;
}
	
#osusume h3,	
#word_list h3{
	border-bottom: none;
}

#osusume h4,
#word_list h4{
		margin: 0 10px;
		margin-top:-10px;
		margin-bottom: 20px;
		background: none;
		font-size:13px;
		font-size: 1.3rem;
	}
	
#osusume li,
#word_list li{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	margin-right: 15px;
	border: none;
}

#osusume li img,
#word_list li img{
	width: 45%;
	float: left;
	margin-right: 10px;
	border-radius: 0;
}

#osusume .osusume_btn,	
#word_list .osusume_btn{
	text-align: right;
	padding-top: 10px;
	margin: 10px;
	padding-bottom: 10px;
	clear: both;
	border-top: none;
	border-bottom: 1px solid #CBCBCB;
	font-size:13px;
	font-size: 1.3rem;
}

#osusume .osusume_btn img,
#word_list .osusume_btn img{
	width: 20px;
	height: auto;
	float: right;
	margin-top: -5px;
	
}

/* タグなしの場合のみ必要。タグをいれる場合は外す */
.no_tag ul li{
	height: auto !important;
}
.margin_top1,
.margin_top2{
	margin-top: 10px;
}
	


/* レシピ */
  .attention table {
	width:100%;
    border: none;
	background: none;
  }
   .attention table thead {
    display: none;
  }
   .attention table td {
	overflow: hidden;
    border-bottom: 1px dotted #999;
    display: block;
    padding: 10px;
    text-align: right;
	margin-left:0px;
	font-size: 14px;
	font-size: 1.4rem;
  }
   .attention table td::before {
    content: attr(data-label);
    float: left;
  }
   .attention table td:last-child{
	   margin-bottom: 0;
  }

.attention table td ul{
	float: right;
}
.attention table td ul li{
	overflow: hidden;
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
	margin-bottom: 10px;
}
.attention table td ul li:last-child{
	margin-bottom: 0px;
}	

/*table*/	
.table01 table { width: 100%; border:none; padding: 10px;margin-bottom: 0;}
.table01 thead { display: none;}
.table01 tr {
	display: block;
	margin-bottom: 20px;
	border-top: 1px solid #4f4d47;
}
.table01 td {
	display: block;
	text-align: center;
	border-right: 1px solid #4f4d47;
	border-bottom: none;
	padding: 3px 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 18px;
}

/* tdのデザイン */
.table01 td:nth-of-type(1) { background-color: #75932f; text-align: center; color: #fff;}
.table01 td:last-child { border-bottom: 1px solid #4f4d47;}
.table01 td:before {
	color: #4f4d47;
	display: block;
	background-color: #f5f3ec;
	font-weight: bold;
	padding: 5px 0;
}
	
/*table02*/	
.table02 table { width: 100%; border:none; padding: 10px;margin-bottom: 0;}
.table02 thead { display: none;}
.table02 tr {
	display: block;
	margin-bottom: 20px;
	border-top: 1px solid #4f4d47;
}
.table02 td {
	display: block;
	text-align: center;
	border-right: 1px solid #4f4d47;
	border-bottom: none;
	padding: 3px 0;
	font-size: 16px!important;
	font-size: 1.6rem!important;
	line-height: 18px;
}
	.table02 td p{
	margin-left: 10px;
	width: 95%;
	font-size: 16px!important;
	font-size: 1.6rem!important;
	}
	
.table02 td ul li{
	margin-left:30px;
}

.table02 td ul li:last-child{
	margin-bottom: 10px;
}
/* tdのデザイン */
.table02 td:nth-of-type(1) { background-color: #75932f; text-align: center; color: #fff;}
.table02 td:last-child { border-bottom: 1px solid #4f4d47;}
.table02 td:before {
	color: #4f4d47;
	display: block;
	background-color: #f5f3ec;
	font-weight: bold;
	padding: 5px 0;
}
	

/*table3*/
.table03 table {
	width:100%;
	border-top: 1px solid #4f4d47;
	border-right: 1px solid #4f4d47;
	border-spacing: 0px;
	margin: 0 auto;
	margin-bottom: -21px;
}
	.table03 th{
		text-align: center!important;
	}	
	
.table03 th,.table03 td {
	border-bottom: 1px solid #4f4d47;
	border-left: 1px solid #4f4d47;
	padding: 5px;
	vertical-align:top;
	text-align: left;
	font-size: 16px!important;
	font-size: 1.6rem!important;
}

.table03 td ul li{
	text-align: left;
	margin-top: 0;
	margin-left: 20px;
	list-style: disc;
	font-size: 16px!important;
	font-size: 1.6rem!important;
	line-height: 25px!important;
}

.table03 td p{
	margin: 0;
	line-height: 18px;
	text-align: left;
}

.table03 th { background-color: #75932f; color: #fff;}


/*table*/	
.table04 table { width: 100%; border:none; padding: 10px;margin-bottom: 0;}
.table04 thead { display: none;}
.table04 tr {
	display: block;
	margin-bottom: 20px;
	border-top: 1px solid #4f4d47;
}
.table04 td {
	display: block;
	text-align: center;
	border-right: 1px solid #4f4d47;
	border-bottom: none;
	padding: 3px 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 18px;
}

/* tdのデザイン */
.table04 td:nth-of-type(1) { background-color: #75932f; text-align: center; color: #fff;}
.table04 td:last-child { border-bottom: 1px solid #4f4d47;}
.table04 td:before {
	color: #4f4d47;
	display: block;
	background-color: #f5f3ec;
	font-weight: bold;
	padding: 5px 0;
}



.width_table{
	width: auto;
}

.item_list{
	padding-bottom: 10px;
	overflow: hidden;
}

.item_list a img{
	width: 140px;
	
}

	
	
	
}