@charset "UTF-8";
/* 中村農園 */
/* CSS Document */

/* ==================================================================================

		Browser Reset　x-html Color Me
		Last Up Date 2013/04/24

================================================================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre.code,form,fieldset,legend,
p,blockquote,table,th,td {margin:0; padding:0}

/*-----------Font Setting-------------*/

body {
	font: 13px/1 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ", sans-serif;
}
/* for WinIE6*/
* html body {font-size: small; vertical-align:baseline;}
/* for WinIE7*/
*:first-child+html body {font-size: small;}



/*-----------hack-------------*/

/* modern browser except IE */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* IE7 and Mac IE5 */
.clearfix {display:inline-block;}

/* IE6 preIE6 */
/* Hides from IE-mac \*/
*html.clearfix{height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/*-----------For JS-------------*/
.imgover {}

/*-----------Other-------------*/


table {border-collapse:collapse; border-spacing:0; font-size:inherit;}
th,td {text-align:left; vertical-align: top;}
table caption { text-align:left; display: none;}

ul,dl,ol {text-indent: 0;}
li {list-style: none}

address,caprion,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}


/*-----------Other-------------*/

.clear {clear: both; font-size: 1px; line-height: 1px;}
img {border-style: none;}
hr {display: none;}

/*-----------link-------------*/

a:link {
	color: #892f10;
	text-decoration: none;
    font-weight: bold;
}
a:hover {
	color: #CC3300;
	font-weight: bold;
}
a:visited {
	color: #B85D3E;
	text-decoration: none;
}

/* ==================================================================================

		Browser Resetここまで

================================================================================== */

/* ------------------------------------- 
 *	背景の設定
 * ------------------------------------ */

body {
	background-image: url(https://img08.shop-pro.jp/PA01202/369/etc/common_bg.gif);
	background-repeat: repeat;
	background-position: center top;
}
/* ------------------------------------- 
 *	基本レイアウトの設定
 * ------------------------------------- */
 .wrapper {
	width: 960px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

.header_wrapper {
	width: 980px;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
}
#main {
	float: right;
	width: 690px;
}
#header {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#sidebar {
	width: 240px;
	float: left;
}
#footer {
	clear: both;
	padding-top: 20px;
	padding-bottom: 50px;
}
.header_wrapper {
	height: 130px;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 24px;
}
#header {
	padding-top: 25px;
	position: relative;
}
/* ------------------------------------- 
 *	ヘッダーのデザイン
 * ------------------------------------- */
#header .site-id {
	float: left;
	position: absolute;
	left: 0px;
	top: 73px;
}
#header .intro {
	float: left;
}
#header .account {
	text-align: right;
}
#header #nav {
	float: right;
	width: 495px;
	position: absolute;
	top: 74px;
	right: 0px;
}
#header #nav ul {
	float: left;
}
#header #nav ul li {
	float: left;
}
#header #nav .cart {
	float: right;
}
/* ------------------------------------- 
 *	サイドバーのデザイン
 * ------------------------------------- */
#sidebar .section {
	margin-bottom: 20px;
}
#sidebar .category h2 {
	padding-top: 100px;
	background-image: url(https://img08.shop-pro.jp/PA01202/369/etc/sidebar__family-bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#sidebar .category ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0AF90;
}
#sidebar .category ul li a {
	color: #333;
	display: block;
	line-height: 1.2;
	padding-top: 13px;
	padding-bottom: 13px;
}
#sidebar .item-list h2{
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0AF90;
}
#sidebar .item-list ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0AF90;
}
#sidebar .item-list ul li a {
	color: #333;
	display: block;
	line-height: 1.2;
	padding-top: 13px;
	padding-bottom: 13px;
}
#sidebar .bnrs li {
	margin-bottom: 10px;
}
#sidebar .bnrs li:last-child {
	margin-bottom: 0px;
}
#sidebar .saiji {
	margin-bottom: 50px;
    background:#fff;
    text-align:center;
}
#sidebar .saiji h2  {
	margin-bottom: 8px;
	padding-top: 7px;
}
#sidebar .saiji .saiji-info  {
	line-height: 1.3;
}
#sidebar .shopinfo h2 {
	margin-bottom: 15px;
}
#sidebar .shopinfo ul li a {
	line-height: 1.2;
	color: #333;
	padding-top: 7px;
	padding-bottom: 7px;
	display: block;
	background-image: url(https://img08.shop-pro.jp/PA01202/369/etc/common_listmark01.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	padding-left: 11px;
}
#sidebar strong {
	font-weight: bold;
}
/* ------------------------------------- 
 *	最近チェックした項目
 * ------------------------------------- */
#history {
	margin-bottom: 20px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}
#history h3 {
	font-size: 100%;
	color: #333;
	line-height: 1.3;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #523929;
	padding-left: 5px;
	margin-bottom: 10px;
}
#history dl  {
	font-size: 88%;
	line-height: 1.3;
	width: 110px;
	float: left;
	padding-right: 13px;
	padding-top: 12px;
	padding-left: 13px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}
#history dl dt a {
	color: #333;
}
#history dl dt img  {
	display: block;
	margin-bottom: 3px;
}
#history .price {
	font-weight: bold;
	color: #C30;
}
#history .soldout {
	color: #FFF;
	display: inline-block;
	padding: 2px;
	font-size: 75%;
	font-weight: bold;
	margin-top: 2px;
	background-color: #999;
}

/* ------------------------------------- 
 *	インフォメーションフッターのデザイン
 * ------------------------------------- */
.i-footer {
	margin-top: 30px;
}
.i-footer p {
	line-height: 1.5;
	margin-bottom: 0.5em;
}
.i-footer h2 {
	font-size: 123.1%;
	font-weight: bold;
	color: #FFF;
	background-color: #533928;
	padding: 7px;
	line-height: 1.1;
	margin-bottom: 0px;
}
.i-footer h3 {
	margin-top: 15px;
	margin-bottom: 5px;
}
.i-footer .if-first-bloc {
	width: 48%;
	float: left;
}
.i-footer .fi-second-bloc {
	float: right;
	width: 48%;
}

/* ------------------------------------- 
 *	フッターのデザイン
 * ------------------------------------- */
#footer .copyright {
	font-family: "Courier New", Courier, monospace;
	font-size: 85%;
	text-align: right;
}
#footer .toTop {
	text-align: right;
	margin-bottom: 10px;
}
/* ==================================================================================

		共通ライブラリ

================================================================================== */

/* -- パンくずリスト -- */
#topicpath {
	margin-bottom: 10px;
	font-size: 85%;
	line-height: 1.2;
}
#topicpath ul li {
	margin-bottom: 5px;
}
/* -- 共通ページタイトル -- */
.pagetitle-h1  {
	font-size: 150%;
	margin-bottom: 15px;
}
/* ==================================================================================

		商品一覧の設定

================================================================================== */

/* カテゴリ・グループのフリースペース内全体の指定 */
.cg_freespace_01,
.cg_freespace_02 {
	line-height: 1.4;
}

/* 並び順を変更 */
#listPage .sort {
	margin-bottom: 5px;
	line-height: 1.5;
}
/* ページ送り */
#listPage .okuri {
	font-size: 92.5%;
	margin-bottom: 20px;
	clear: both;
	line-height: 1.5;
}
/* 商品を入れる箱 */
#listPage div.listbox {
	float: left;
	width: 210px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	line-height: 1.5;
}

#listPage div.listbox .itemName {
		display: block;
		padding-top: 5px;
}

#listPage div.listbox .itemPrice {
	color: #C30;
	font-weight: bold;
}

#listPage div.listbox .itemPrice s {
		color: #333;
		text-decoration: line-through;
		margin-right: 0.5em;
}

#listPage div.listbox .itemPrice strong {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding-left: 0.5em;
}
#listPage div.listbox .itemPrice .soldout {
	background-color: #999;
	color: #FFF;
	display: inline-block;
	padding: 3px;
	font-size: 80%;
	line-height: 1.1;
}

#listPage .listbox .s_exp {
	font-size: 92.5%;
	display: block;
	line-height: 1.3;
	margin-top: 5px;
}
#listPage .empty {
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 100px;
	padding-left: 0px;
	text-align: center;
	border: 5px solid #CCC;
	margin-bottom: 30px;
	font-weight: bold;
}
/* ==================================================================================

		フリーページの設定

================================================================================== */

/* ------------------------------------- 
 *	フリーページ共通設定
 * ------------------------------------ */

.free p {
	font-size: 107.8%;
	line-height: 1.5;
}
.free .section {
	margin-bottom: 30px;
}

/* ------------------------------------- 
 *	メルマガ登録・解除
 * ------------------------------------ */
#magazine {
	margin-bottom: 100px;
}
#magazine p  {
	margin-bottom: 15px;
}
#magazine form table {
	width: 100%;
}
#magazine form table tr th, #magazine form table tr td {
}
#magazine form table tr th  {
	padding: 0.5em;
	width: 9em;
	vertical-align: middle;
}
#magazine form table tr td {
	vertical-align: middle;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#magazine form table tr td input {
	font-size: 120%;
	width: 95%;
	padding: 0.5em;
}
#magazine form .submit_btn {
	text-align: center;
	padding: 10px;
}
#magazine form .submit_btn input {
	width: 150px;
	border-radius: 5px;
	padding: 5px;
	letter-spacing: 0.5em;
}
#magazine .mailForm {
	margin-bottom: 50px;
	margin-top: 50px;
}#magazine .join {
	background-color: #F90;
	color: #FFF;
}
#magazine .resignation {
	color: #FFF;
	background-color: #666;
}
.floatRight {
	float: right;
	margin-left: 15px;
}


/* ------------------------------------- 
 *	夏期休暇用設定／
 * ------------------------------------- */

.holiday-top{
    color:#FFFFFF;
    line-height: 1.3;
    font-size:large;
    font-weight:bolder;
    padding:10px;
    margin:10px 0px;
    background-color:#553925 ;
}

.holiday{
    color:#000000;
    line-height: 1.3;
    padding:10px;font-size:medium ;
    padding:10px;padding:0px 10px 10px 10px;
    margin-top:20px;
    margin-bottom:20px;
    background:#FFFFFF ;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid grey;
    border-top: 1px solid grey;
    -moz-box-shadow: 0 1px 3px black;
    -webkit-box-shadow: 0 1px 3px black;
    box-shadow: 0 1px 3px black;
}



/**************************** 
画像『左に回り込み』設定
 *****************************/

.section2  {   
    border: none;
    margin-bottom: 10px;  
    _zoom: 1;  
    overflow: hidden;  
}  
.imgR   {
    float: left;
    margin:  15px 30px 5px 0px;
    _zoom: 2; 
 }  
.section2 p {
    _zoom: 1; 
} 


div#back {
	background-color:#FFFFFF; 
	padding:10px;
    margin-bottom:30px;
}


.cyuui {
	color:#FFFFFF ;
	font-weight:bold ;
	font-size:medium ;
	background-color: #BF8F21 ;
	border-left:solid 10px #553926 ;
	padding-left:15px ;
	line-height:200% ;
	margin-bottom:20px;
}


h2.defa {
	color: #553926;
	margin-bottom: 0.3em;
	font-size: 138.5%;
}

.shipping-at01 {
  border:dotted 2px #aaa;
  border-radius:13px;
  padding:10px;
  margin-bottom:30px;
}
.shipping-at02 {
  background-color:#7d0000;
  font-weight:bolder;
  font-size:20px;
  color:#fff;
  padding:5px;
  display:inline-block;
  margin-right:5px;
  margin-bottom:10px;
}
/* ------------------------------------- 
 *地震等のお届け遅延状況／
 * ------------------------------------- */
.tien{
    color:#000000;
    font-size:14px ;
    padding:10px;
    margin-bottom: 20px;
    background:#FFFFFF ;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid grey;
    font-weight:bolder;
}

.review-m{
 background-color:#fff;
 padding:10px 10px 30px;
}

.review-m table {
  width: 100%;
  border-top: 1px solid rgba(202, 180, 159, 1);
  border-collapse: separate;
  empty-cells:show;
}

.review-m th {
  padding: 20px 40px 20px 0;
  width: 170px;
  text-align: left;
}

.review-m td {
  padding: 20px 0;
  zoom: 1;
  content: ' ';
}
.review-m th,
.review-m td {
  vertical-align: top;
  line-height: 1.8;
  position: relative;
  border-bottom: solid 1px #ccc;
}

.review-m h2 {
font-size: 123.1%;
color: #FFF;
margin-bottom: 20px;
background-color: #b22222;
font-weight: bold;
line-height: 1.1;
padding: 0.5em;
}

.buyinbulk {
  border:double 3px #6a3906; 
  padding:5px; 
  margin-bottom:20px;
}

.buyinbulk1 {
  font-size:16px;
  display:inline-block;
  line-height:1.5em; 
  font-weight:bold;
  color:#fff;
  background-color:#f29c9f; 
  margin-right:5px; 
  margin-bottom:5px;
  padding:5px; 
  font-weight:bolder; 
}

.buyinbulk2  {
  line-height:1.3em; 
  font-size:14px;
  margin-right:5px; 
  padding:5px; 
　display:inline-block;
}
.buyinbulk3 {
  font-size:14px;
  display:inline-block;
  line-height:1.2em; 
  font-weight:bold;
  color:#fff;
  background-color:#eb6877; 
  margin-right:5px; 
  padding:5px; 
  font-weight:bolder; 
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}


.buyinbulk3:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
}
.box-at1 {
    position: relative;
    max-width: 400px;
    margin: 1.5em auto;
    padding: 2.5em 1.5em 1.5em;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    background-color: #fabdb2;
    color: #333333;
}

.box-at1 span {
    position: absolute;
    top: -15px;
    transform: translateX(-.3em) rotate(-5deg);
    padding: .5em 2em;
    border-right: 2px dotted rgb(0 0 0 / 10%);
    border-left: 2px dotted rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    background-color: rgb(255 255 255 / 40%);
    font-weight: 600;
}

.box-at1 p {
    margin: 0;
}

.mybox {
	border: 4px solid #ffb6c1;	
	margin: 10px; 
	padding: 10px;
	position: relative;
	z-index: 0;
}
.mybox:before {
	background-color: #8b0000;
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 5px;
	height: 5px;
	z-index: 1;
}