@charset "utf-8";


/*===================================================================================*/
/*  共通設定                                                                */ 
/*===================================================================================*/
body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,td {
   margin:0; 
   padding:0; 
}

table {
   border-collapse:collapse; 
   border-spacing:0; 
}

fieldset,img {
   border:0;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}	

address,
caption,
cite,
code,
dfn,
em,
th,
var {
   font-style:normal;
   font-weight:normal;
}
strong{
   font-weight:bold;
}
ol,ul {
   list-style:none;
}

caption,th {
   text-align:left; 
}

h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
}

q:before,
q:after {
   content:'';
}

abbr,acronym {
   border:0;
}
/*
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p {background-image:url(../images/common/transparent.gif);}
*/
/*---------------------------------------------------------------------
リンクカラー
---------------------------------------------------------------------*/

a{
    text-decoration:none;
    color:#008100;
}
a:hover {
    text-decoration:underline;
}

a.txtlink{
    text-decoration:underline;
}
a.txtlink:hover {
    text-decoration:none;
}



input[type="checkbox"],
input[type="radio"] { 
     border:none; 
     top:-2px;
     top:0\9;
     margin-right:2px; 
     margin-right: 0\9; 
}
/*---------------------------------------------------------------------
最大ウィンドウサイズ
---------------------------------------------------------------------*/

@media screen and (min-width:1060px){
.wrapper,.header-inner,.gnavi-inner,.sp-title-inner,.footer-inner,.page-title-inner.page-title-bk-inner{
	width:1024px;
	margin:0 auto;
}


#topcontrol{
	z-index:10000;
}
}

/*---------------------------------------------------------------------
システムメッセージ
---------------------------------------------------------------------*/
.system_text,.format_error{
	color:#ff0000;
}


/*---------------------------------------------------------------------
BODY
---------------------------------------------------------------------*/

/* 基本設定・フォント */
body{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",YuGothic , ‘游ゴシック’ , Meiryo , メイリオ , sans-serif;
	color: #66452c;
	font-size:17px;
	line-height:1.7em;
 	 -webkit-text-size-adjust: 100%;
 	 -moz-text-size-adjust: 100%;
 	 -ms-text-size-adjust: 100%;
  	-o-text-size-adjust: 100%;
 	 text-size-adjust: 100%;
	word-wrap: break-word;
	background-color:#ffffff;
  
}
/*
@media screen and (max-width:890px){
body{
	font-size:16px;
	}
}
*/
/*
@media screen and (max-width:768px){
body{
	margin-bottom:95px;
	}
}*/
@media screen and (max-width:599px){
body{
	font-size:14px;
	margin-bottom:95px;/* フッターメニューの高さ分 */
	}
}


@media screen and (max-width: 599px) { 
.spacer{
	display:none;
}
}

ol li,
p{
	line-height:1.6em !important;
}
select{
  font-size: inherit;
	font-size:100% !important;
}
@-moz-document url-prefix() {
	select {
	font-size:14px !important;
	}
}

/*===================================================================================*/
/*  ヘッダー                                                                  */ 
/*===================================================================================*/
.header-wrapper{
	position:fixed;
	background-color:#ffffff;
	/*レスポンシブ停止対応*/
	min-width:100%;
	margin:0 auto;
	z-index:999999;
}
.header-wrapper:after{
	content:"";
	display:block;
	clear:both;
}
.header{
	position:relative;
	background-color:#ffffff;
	height:auto;
}


@media screen and (max-width:980px){
.header{
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);
 	 -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);
 	 -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);
	  position:fixed;top:0;
	  z-index:3000;
	  width: 100%;
 }
}


.header-inner:after{
	content:"";
	display:block;
	clear:both;
}

.header-area{
	display:table;
	width:100%;
	height:auto;
}

/*---------------------------------------------------------------------
ヘッダー　左、中央、右
---------------------------------------------------------------------*/
.header-area-left,
.header-area-center,
.header-area-right{
	display: table-cell;
}
.header-area-left{
	vertical-align: middle;
	text-align:left;
	width:20.508%;
	display:table;
}
.header-area-center{
	vertical-align: middle;
	text-align:center;
	width:50%;
}
.header-area-right{
	vertical-align: middle;
	text-align:center;
	width:25%;
}


@media screen and (max-width:980px){   
	.header-area-center{
		border-left:1px solid #ececec;
		border-right:1px solid #ececec;
		width:58px;
	}
}


/*---------------------------------------------------------------------
ヘッダー　ロゴ
---------------------------------------------------------------------*/
.header-logo{	
	width:18%;
	height:auto;
	text-align:left;
	z-index:3;
	padding:25px 0 5px 10px;
	display:table-cell;
}

@media screen and (max-width:768px){    
.header-logo{	
	padding:10px 0 5px 10px;
}
}

.header-logo img{	
	taxt-align:center !important;
	height:50px;
}

/*===================================================================================*/
/*  ヘッダ固定                                                              */ 
/*===================================================================================*/


/* PC */
	/*.fixeded {position: fixed !important; top: 0;margin-top:0px!important; width: 100%;z-index:3000;margin:0;}*/
	.fixeded-sp {position: fixed !important; top: 0;margin-top:0px!important; width: 100%;z-index:3000;}



/*===================================================================================*/
/* 　グローバルナビ                                                               */ 
/*===================================================================================*/


.gnavi{
	border-bottom:5px solid #02A402;
	margin:0 auto 0px auto;
	background-color:#ffffff;
	
	
}
.gnavi:after{
	content:"";
	display:block;
	clear:both;
	
}

.gnavi-inner:after{
	content:"";
	display:block;
	clear:both;
	
}
.gnavi-inner ul{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	margin-left:195px;
	position: absolute;
	bottom:5px;
}
.gnavi-inner li{
	display:block;
	width:200px;
	float:left;
	margin-bottom:-12px;
	padding:5px 10px 15px 10px;
	text-align:center;	
}
.gnavi-inner li a{
	display:block;
	width: 100%;
	float:left;
	border:2px solid #ccc;
	margin-bottom:-15px;
	border-radius:10px;
	padding:7px 0 13px 0;
	text-align:center;
	color:#02A402;
	font-size:20px;	
}
.gnavi-inner li a:hover,
.gnavi-inner li.current a{
	background-color:#02A402;
	color:#fff;
	border:2px solid #02A402;
	text-decoration:none;
}
.gnavi-close{
	display:none;
}	



@media screen and (max-width:980px){  
.gnavi-tab{
	display:none;
	width:100%;
} 
.gnavi{
	border-bottom:none;
}
}


/*===================================================================================*/
/* 　お届け先選択                                                              */ 
/*===================================================================================*/


.deli_navi{
	border-bottom:2px solid #02A402;
	margin:0 auto 0px auto;
	background-color:#ffffff;
	
	
}
.deli_navi:after{
	content:"";
	display:block;
	clear:both;
	
}

.deli_navi-inner:after{
	content:"";
	display:block;
	clear:both;
	
}
.deli_navi-inner ul{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	
}
.deli_navi-inner li{
	display:block;
	width:25%;
	float:left;
	margin-bottom:-10px;
	padding:10px 10px 15px 10px;
	text-align:center;	
}
.deli_navi-inner li a{
	display:block;
	width: 100%;
	float:left;
	border:2px solid #ccc;
	margin-bottom:-15px;
	border-radius:10px;
	padding:10px 0 15px 0;
	text-align:center;
	color:#02A402;
	font-size:20px;	
}
.deli_navi-inner li a:hover,
.deli_navi-inner li.current a{
	background-color:#02A402;
	color:#fff;
	border:2px solid #02A402;
	text-decoration:none;
}

.ate{
	font-size:12px;
}
.sp-deli_nav{
	display:none;
}	

@media screen and (max-width:768px){  
.deli_navi-tab{
	display:none;
	width:100%;
} 
.deli_navi{
	border-bottom:none;
}
.sp-deli_nav{
	display:block;
}
}


	
/*===================================================================================*/
/* 　スマホのみ　フッター４メニュー                                                */ 
/*===================================================================================*/
.sp-nav{
	display:none;
}

@media screen and (max-width:980px){    
    .sp-nav{
	    display:block;
	    border-top: 1px solid #ccc;
	    height:90px;
	    position:fixed;
	    bottom:0;
	    left:0;
	    width:100%;
	    background-color:#fcfcfc;
	    z-index:10000;
    }
    .sp-nav i{
	    font-size:42px;
	    color: #544139;
	    margin-bottom:5px;
    }
    .sp-nav li a{
	    padding-top:5px;
	    display:block;
	    border-top:1px solid #fff;
	    border-left:1px solid #ececec;
	    border-right:1px solid #fff;
	    float:left;
	    width:25%;
	    height:85px;
	    text-align:center;
	    color: #544139;
	    font-size:12px;
	    line-height:1.2em;
	    
	    
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    
    }
    
    .sidr-class-teiki-none{
	    display:none !important;
    }
    .sp-nav li.teiki-bnr{
	    padding:1px;
    }
    .sp-nav li.teiki-bnr a{
	    display:block;
	    border:1px solid #FF672A;
	    float:left;
	    width:50% !important;
	    height:87px;
	    text-align:center;
	    vertical-align:middle;
	    background:#fff url("../../images/mypage/teiki-foot-bg.jpg") repeat-x left top;
	    position:relative;
	    background-size:cover;
    }
    .sp-nav li.teiki-bnr a .teiki-tit{
	    position:absolute;
	    left:5px;
	    top:5px;
    }
    .sp-nav li.teiki-bnr a .teiki-more{
	    position:absolute;
	    right:5px;
	    bottom:3px;
    }
    .sp-nav li.teiki-bnr a .teiki-tit img{
	    width:120px;
    }
    .sp-nav li.current i,
    .sp-nav li.current a,
    .sp-nav i:hover,
    .sp-nav li a:hover{
	    color: #02A402 !important;
	    text-decoration:none !important;
    
    }
}


/*===================================================================================*/
/*  左メニュー、右コンテンツを囲うラッパー                                                      */ 
/*===================================================================================*/

.wrapper{
	position:relative;
	z-index:1;
	padding-top:115px;
	
	/*レスポンシブ停止処置*/
	max-width:1024px;
	width:100%;
}
.wrapper:after{
	content:"";
	display:block;
	clear:both;
}

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

.wrapper{
	margin-top:0px;
	padding-top:70px;
}
}	

/*---------------------------------------------------------------------
ヘッダー固定した分の上マージン common.js、common-sp.js内でクラスを付与
---------------------------------------------------------------------*/

/*.pt44{padding-top:145px;}*/
/*
@media screen and (max-width:768px){ 
	.pt44{padding-top:0px;}
}
*/

/*===================================================================================*/
/* 　左メニュー                                                                */ 
/*===================================================================================*/

.sidebar{
	width:20%;
	float:left;
}


@media screen and (max-width:768px){    
.sidebar{
	display:none;
}
}


/*---------------------------------------------------------------------
プロフィール
---------------------------------------------------------------------*/
.side-profile{
	background-color:#ffffee;
	border-radius:10px;
	margin-bottom:10px;
	border: 2px solid #EFE695;
}
.side-profile:after{
	content:"";
	display:block;
	clear:both;
	
}
/*名前*/
.side-profile-name{
	margin:3%;
}

.side-profile-number,
.side-profile-point,
.side-profile-per{
	text-indent:0.5em;
}
.side-profile .tm{
	width:45%;
	display:inline-block;
	text-align:left;
}
.side-profile .tm-3{
	width:45%;
	display:inline-block;
	text-align:left;
	letter-spacing:0.4em;
}
.side-profile .data{
	font-weight:bold;
	border-left:1px solid #ccc;
	padding-left:5%;
}

/*---------------------------------------------------------------------
ログイン後プロフィール
---------------------------------------------------------------------*/
.side-profile02{
	background-color:#ffffee;
	border-radius:10px;
	margin-bottom:10px;
	border: none;
}
.side-profile02:after{
	content:"";
	display:block;
	clear:both;
	
}
/*名前*/
.side-profile02-name{
	margin:3%;
}

.side-profile02-number,
.side-profile02-point,
.side-profile02-per{
	text-indent:0.5em;
}
.side-profile02 .tm{
	width:45%;
	display:inline-block;
	text-align:left;
}
.side-profile02 .tm-3{
	width:45%;
	display:inline-block;
	text-align:left;
	letter-spacing:0.4em;
}
.side-profile02 .data{
	font-weight:bold;
	border-left:1px solid #ccc;
	padding-left:5%;
}

/*---------------------------------------------------------------------
サイドカート
---------------------------------------------------------------------*/
.side-cart{
	padding:2%;
	border:2px solid #EFE695;
	border-radius:10px;
}
.side-cart:after{
	content:"";
	display:block;
	clear:both;
	
}
.side-cart-count1,
.side-cart-count2,
.side-cart-total{
	text-indent:0.2em;
	margin-top: 0.5em;
}
.side-cart .tm{
	width:45%;
	display:inline-block;
	text-align:left;
}
.side-cart .tm-3{
	width:45%;
	display:inline-block;
	text-align:left;
	letter-spacing:0.4em;
}
.side-cart .data{
	font-weight:bold;
	border-left:1px solid #ccc;
	padding-left:5%;
}

/*---------------------------------------------------------------------
サイドカテゴリ
---------------------------------------------------------------------*/
	.side-cat{
		padding:2%;
		border:2px solid #EFE695;
		border-radius:10px;
	}
	.side-cat:after{
		content:"";
		display:block;
		clear:both;	
	}

	/* レフトナビ　各親カテゴリ */
	.side-cat ul{
		padding-left:0px;
		margin:0px ;		
	}
	
	/* レフトナビ　各親カテゴリ */
	.side-cat ul li{
		list-style-type:none;
		height:42px;
		padding-left:0px;
	}
	
	/* レフトナビ　各子カテゴリ */
	.side-cat ul li ul.chiledmenu{
		 z-index: 100;
		 display:none;
		 padding-left:0px;
		 position: relative;
		  text-align:left; 
		 top: -42px; 
		 left: 200px;
		 background-color:#FFFFFF;
	}
	
	/* レフトナビ　各子カテゴリ　マウスオーバー時 */
	.side-cat ul li:hover ul.chiledmenu{
		 z-index: 2;
		 display:inline-table;
		 position: relative;
		 text-align:left;
		 top: -42px; 
		 left: 200px;
		 background-color:#ffffff;
	}
	/*　レフトナビ　子カテゴリ　高さ変更*/	 
	.side-cat ul li:hover ul.chiledmenu li{
		 line-height:45px;
	}	 
	
	.side-cat ul li a{
		padding:0;
		line-height:0;
	}		 

	/* レフトナビ　各子カテゴリ　テキスト*/
	.side-cat .chiledmenu a{
		position:relative;
		top:0px;
		width:200px;
		height:42px;
	}



/*---------------------------------------------------------------------
左メニューレイアウト
---------------------------------------------------------------------*/

.menu{
	width:100%;
	display:inline-block;
	margin:0 auto;	
}
/*スマホのメニューボタン デザイン*/
.menubtn{
	display:none;
}
.menubtn a{
	cursor:pointer;
	color: #544139;
	text-align:center;
}
.menubtn i{
	font-size:30px;
	padding:8px 10px;
	display:inline-block;
}
.menubtn span{
	display:block;
}


/*スマホのメニュー左ボタン*/
#sidr-right{
	display:inline;
}  
/*スマホのメニュー右ボタン*/
#sidr-left{
	display:inline;
}  


/*---------------------------------------------------------------------
左メニュー リスト部分
---------------------------------------------------------------------*/
.side-menu{
}
.side-menu-inner{
	padding:1px;
	margin-bottom:10px;
	border-radius:10px;
	background-color:#fff;
}
.side-menu li a{
	display:block;
	color:#000;
	padding:1% 3%;
	//border-bottom:1px solid #ececec;
}
.side-menu li a.no_border{
	display:block;
	color:#000;
	padding:5% 3%;
	border-bottom:0;
}
.side-menu li i{
	color: #02A402;
}
.side-menu li.parent a{
	background-color:#02A402;
	display:block;
	color:#fff !important;
	border-radius:10px;
}
.side-menu li.child{
	background-color:#DFF5A9;
	display:block;
	padding:5% 3%;
	color:#000;
	letter-spacing:0.2em;
	border-bottom:1px solid #ccc;
}

.side-menu li.current i,
.side-menu li.current a{
	background-color:#02A402;
	color:#fff !important;
}
.side-menu li.parent i{
	color: #fff;
}

@media screen and (max-width:980px){    
    .menu{
	    display:none;
    }
    .menubtn{
		    display:block;
    }
    
    .side-menu{
	    display:none;
	    width:100%;
	    border:1pax solid #ccc;
    } 
    
    #sidr-right{
	    display:none;
    }
    
    #sidr-left{
	    display:none;
    }  
} 



/*---------------------------------------------------------------------
スマホのみ表示  問い合わせエリア
---------------------------------------------------------------------*/
.side-contact-sp{display:none !important;}

@media screen and (max-width:599px){
	.side-contact-sp{display:inline-block !important;text-align:center;}
}

/*---------------------------------------------------------------------
左メニュー バナー
---------------------------------------------------------------------*/
.side-banner,
.side-contact-mail,
.side-contact-fax,
.side-contact-tel{
	width:100%;
	margin-bottom:5%;
}
.side-banner img,
.side-contact-mail img,
.side-contact-fax img,
.side-contact-tel img,
.side-contact-ssl img{
	max-width:100%;
}


/*===================================================================================*/
/* 　右カラム                                                                  */ 
/*===================================================================================*/

/*---------------------------------------------------------------------
ぱんくず
---------------------------------------------------------------------*/
.pankuzu{
	padding:2% 1%;
}

/*---------------------------------------------------------------------
contents
---------------------------------------------------------------------*/
/* 20190902 サイドバーコンテンツ */
.contents{
	width:79%;
	float:left;
	margin-left:1%;
}


@media screen and (max-width:980px){
.contents{
	width:100%;
	float:left;
	margin-left:0;
	padding:2%;
}
}


.long_contents{
	width:100%;
	float:left;
}	

/*---------------------------------------------------------------------
内包するカラム
---------------------------------------------------------------------*/
.contents-bloc{
	clear:both;
	padding:1%;
	margin-top:1%;
	margin-bottom:4%;
	border-radius:10px;
  -webkit-box-shadow: 0 0 6px 2px rgba(200,200,200,0.2) inset;
  -moz-box-shadow: 0 0 8px 4px rgba(200,200,200,0.2) inset;
  box-shadow: 0 0 8px 4px rgba(200,200,200,0.2) inset;
	border:1px solid #dcdcdc;
}
.contents-bloc:after{
	content:"";
	display:block;
	clear:both;
}
.contents-bloc-02{
	padding:0;
	margin:0;
	background:#fff url("../../images/mypage/contents-bloc-bg.png") repeat-x left top;
	border-radius:6px;
	/*border:2px solid #f3f3f3;*/
}

.contents-bloc-02:after{
	content:"";
	display:block;
	clear:both;
}
.contents-bloc-03{
	padding:0;
	margin-bottom:3%;
}
.contents-bloc-03:after{
	content:"";
	display:block;
	clear:both;
}


/*---------------------------------------------------------------------
スマホのみ表示  ヘッダー下のタイトル
---------------------------------------------------------------------*/
.sp-title{
	display:none;
}

@media screen and (max-width:768px){    
.sp-title{
	display:block;
	background-color:#02A402;
	padding:2% 3%;
	color:#fff;
	font-size:18px;
}
}


/*===================================================================================*/
/*  いつもご利用ありがとうございます　のメッセージ                                      */ 
/*===================================================================================*/
.message{
	padding:0;
	margin-left:1%;
	margin-top:3%;
	margin-bottom:5%;
}

@media screen and (max-width:599px){   
.message{
	padding:0;
	margin-left:0%;
	margin-top:5%;
	margin-bottom:8%;
}
}

/*===================================================================================*/
/* 　ページ内リンク                                                                  */ 
/*===================================================================================*/
.u-link-wrapper{
	text-align:center;padding:5% 0;
	margin:0 auto;
}
.u-link{
	width:auto;
}
.u-link:after{
	content:"";
	display:block;
	clear:both;
	
}
.u-link li{
	display:inline;
}
.u-link li a{
	display:inline;
	padding:0 3%;
	width:auto;
	border-right:1px solid #ccc;
}
.u-link li.u-link-last a{
	border-right:none;
}


@media screen and (max-width:768px){
	.u-link-wrapper{
	padding: 3% 0;
	margin:0 auto;
	}
	.u-link{
	width:100%;
	margin:0 1%;
	}
	.u-link li{
	border-right:0px solid #ccc;
	}
	.u-link li a{
	display:inline-block;
	float:left;
	padding:3% 2%;
	width:49%;
	text-align:left;
	border-bottom:1px solid #ccc;
	background-color:#fafafa;
	}
	.u-link li a:hover{
	background-color:#f6f6f6;
	text-decoration:none;
	}
	.u-link li.u-link-last a{
	border-right:1px solid #ccc;
	}
}
@media screen and (max-width:599px){
	.u-link-wrapper{
	padding: 3% 0;
	margin:0 auto;
	}
	.u-link li a{
	display:inline-block;
	float:left;
	padding:2% 2%;
	width:98%;
	text-align:left;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
}



/*===================================================================================*/
/* ステータスボタン                                                               */ 
/*===================================================================================*/
/*--------------------------------------------------------
締め切り前
---------------------------------------------------------*/

.icn-01 {
	width:95%;
	font-size:90%;
	text-align:center;
	background-color:#FFDD9A;
	color:#000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #FFC868;
	display:inline-block;
	font-weight:bold;
	padding:2% 1%;
	text-decoration:none;
}
/*--------------------------------------------------------
出荷準備中
---------------------------------------------------------*/
.icn-02 {
	width:95%;
	font-size:90%;
	text-align:center;
	background-color:#ffff99;
	border:1px solid #ffff33;
	color:#000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	font-weight:bold;
	padding:2% 1%;
	text-decoration:none;
}
/*--------------------------------------------------------
出荷済
---------------------------------------------------------*/
.icn-03 {
	width:95%;
	font-size:90%;
	text-align:center;
	background-color:#DFF5A9;
	border:1px solid #CAEE7B;
	color:#000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	font-weight:bold;
	padding:2% 1%;
	text-decoration:none;
}

/*===================================================================================*/
/* 定期購入商品一覧                                                              */ 
/*===================================================================================*/
.teiki-new-title{
	border-left:10px solid #67BC38;
	padding-left:2%;
	font-size:20px;
	margin:3% 0;
}

@media screen and (max-width:599px){
	.teiki-new-title{
		font-size:16px;
	}
}

/* -- table -- */
.teiki-new-area{
	margin: 0 0 0 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	line-height:1.5em;
}
.teiki-new-area-bg01{
	border: #ff9900 1px solid !important;
	background-color:#ffff99;
}
.teiki-new-area-bg02{
	border: #ccc 1px solid !important;
	background-color:#fff;
}
.teiki-new-area-tr{
	border-bottom:1px solid #ccc;
}
.teiki-new-area-tr:after{
	content:"";
	display:block;
	clear:both;
}

/*----THカラム---*/
.teiki-new-area-th{
	background-color:  #67BC38;
}
.teiki-new-area-th:after{
	content:"";
	display:block;
	clear:both;
}
.teiki-new-area-teiki-add-item-name{
	float:left;
	width:34%;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	padding:1% 0;
}
.teiki-new-area-teiki-item-name{
	float:left;
	width:49.7%;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	padding:1% 0;
}
.teiki-new-area-teiki-add-delivery-kankaku{
	float:left;
	width:14%;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	padding:1% 0;
}
.teiki-new-area-teiki-delivery-kankaku{
	float:left;
	width:14.3%;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	padding:1% 0;
}
.teiki-new-area-add-hissu{
	float:left;
	width:7.5%;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	padding:1% 0;
}
.teiki-new-area-hissu{
	float:left;
	width:7.3%;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	padding:1% 0;
}
.teiki-new-area-add-quantity{
	float:left;
	width:10%;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	padding:1% 0;
}
.teiki-new-area-quantity{
	float:left;
	width:9.5%;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	padding:1% 0;
}
.teiki-new-area-add-delivery-start{
	float:left;
	width:26.5%;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	padding:1% 0;
}
.teiki-new-area-delivery-start{
	float:left;
	width:26.5%;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	padding:1% 0;
}
.teiki-new-area-add-delete{
	float:left;
	width:8%;
	text-align:center;
	color:#fff;
	padding:1% 0;
}
.teiki-new-area-delete{
	float:left;
	width:7.5%;
	text-align:center;
	color:#fff;
	padding:1% 0;
}
/*お届け曜日*/
.teiki-new-area-teiki-delivery-weekdate{
	float:left;
	width:33.3%;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	padding:1% 0;
}
/*お届け時間*/
.teiki-new-area-teiki-delivery-weektime{
	float:left;
	width:33.3%;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	padding:1% 0;
}
/*変更開始日*/
.teiki-new-area-teiki-delivery-weekedit{
	float:left;
	width:33.4%;
	text-align:center;
	color:#fff;
	border-right:1px solid #ccc;
	padding:1% 0;
}

@media screen and (max-width:599px){
	
	.teiki-new-area-teiki-add-item-name{
		width:48%;
	}
	.teiki-new-area-teiki-item-name{
		width:80%;
	}
	.teiki-new-area-teiki-add-delivery-kankaku{
		width:40%;
	}
	.teiki-new-area-teiki-delivery-kankaku{
		width:32%;
		border-top:1px solid #ccc;
	}
	.teiki-new-area-add-hissu{
		width:12%;
	}
	.teiki-new-area-hissu{
		width:12%;
	}
	.teiki-new-area-add-quantity{
		width:20%;
		border-top:1px solid #ccc;
	}
	.teiki-new-area-quantity{
		width:20%;
	}
	.teiki-new-area-add-delivery-start{
		width:60%;
		border-top:1px solid #ccc;
	}
	.teiki-new-area-delivery-start{
		width:68%;
		border-top:1px solid #ccc;
	}
	.teiki-new-area-add-delete{
		width:20%;
		border-top:1px solid #ccc;
	}
	.teiki-new-area-delete{
		width:20%;
		border-top:1px solid #ccc;
	}
	
	.teiki-new-area-teiki-delivery-weekdate{
		width:50%;
	}
	.teiki-new-area-teiki-delivery-weektime{
		width:50%;
	}
	.teiki-new-area-teiki-delivery-weekedit{
		width:100%;
		border-top:1px solid #ccc;
	}	

}

/*----左カラム---*/
.teiki-new-area-add-left{
	width:55.3%;
	display:table;
	float:left;
	height:60px;
	
}
.teiki-new-area-weekleft{
	width:66.5%;
	display:table;
	float:left;
	height:60px;
	
}
.teiki-new-area-left{
	width:59.2%;
	display:table;
	float:left;
	height:60px;
	
}

.teiki-new-area-add-right{
	width:44.7%;
	display:table;
	float:left;
	height:60px;
}
.teiki-new-area-weekright{
	width:33.5%;
	display:table;
	float:left;
	height:60px;
}
.teiki-new-area-right{
	width:40.8%;
	display:table;
	float:left;
	height:60px;
}


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

    .teiki-new-area-tr{
	    border-bottom:0px solid #ccc;
    }
    .teiki-new-area-left,
	.teiki-new-area-weekleft,
	.teiki-new-area-add-left{
	    width:100%;
	    height:50px;
    }
	.teiki-new-area-right,
	.teiki-new-area-weekright,
	.teiki-new-area-add-right{
	    width:100%;
	    height:50px;
	    border-bottom:1px solid #ff9900;
    }
    .teiki-new-area-bg02 .teiki-new-area-right,
	.teiki-new-area-bg02 .teiki-new-area-ad-right{
	    width:100%;
	    height:50px;
	    border-bottom:1px solid #ccc;
    }
	    
 }

/*----TD---*/
.teiki-new-td{
	display:table-cell;
	padding: 0;
	vertical-align: middle !important;
	height:100%;
    padding: 1.8% 1%;
	border-left:1px dotted #ccc;
}


.no_border{
	border:0;
}


@media screen and (max-width:599px){
	.teiki-new-td{
		padding:1% 1% !important;
		vertical-align:top;
		border-left:0px dotted #ccc;
    }
}

/*----商品名---*/
.teiki-new-area .teiki-add-item-name{
	/*font-size:110%;*/
	font-weight:bold;
	border-left:0;
}
/*----商品名---*/
.teiki-new-area .teiki-new-item-name{
   	width: 84% !important;
	font-size:110%;
	/*font-weight:bold;*/
	border-left:0;
}

/*----お届け間隔---*/

.teiki-new-area .add-delivery-kankaku-select {
	text-align:center;
   	width: 25.5% !important;
}
.teiki-new-area .delivery-kankaku-select {
	text-align:center;
   	width: 32% !important;
}
.teiki-new-area .delivery-kankaku-select select{
	text-align:center;
	width:85% !important;
	margin:0 auto !important;
}
.teiki-new-area .add-delivery-kankaku-select select{
	text-align:center;
	width:85% !important;
	margin:0 auto !important;
}


/*----必須---*/
.teiki-new-area .add-hissu{
   	width: 13.2% !important;
	text-align:center;
}
.teiki-new-area .hissu{
   	width: 5% !important;
	text-align:center;
}
/*----数量---*/
.teiki-new-area .add-quantity-select{
	text-align:center;
}
.teiki-new-area .quantity-select{
	text-align:center;
}
/*----数量---*/
.teiki-new-area .quantity-select select{
   	width:auto !important;
	   margin-right:2px  !important;
}
.teiki-new-area .add-quantity-select select{
   	width:auto !important;
	   margin-right:2px  !important;
}
/*----お届け間隔---*/
.teiki-new-area .add-week-select{
	width:59.5% !important;
	text-align:center;
}
.teiki-new-area .week-select{
	width:60% !important;
	text-align:center;
}
.teiki-new-area .add-week-select select{
	width:85% !important;
	margin:0 auto !important;
	text-align:center;
}
.teiki-new-area .week-select select{
	width:85% !important;
	margin:0 auto !important;
	text-align:center;
}

 /*---削除----*/
.teiki-new-area .add-delete{
	width:17.8% !important;
}
.teiki-new-area .delete{
	width:18% !important;
}

.teiki-new-area .teiki-delivery-weekdate{
	width:50% !important;
	text-align:center;
}
.teiki-new-area .teiki-delivery-weektime{
	width:50% !important;
	text-align:center;
}
.teiki-new-area .teiki-delivery-weekedit{
	width:100% !important;
	text-align:center;
}	



@media screen and (max-width:599px){
	.teiki-new-area .teiki-new-item-name{
		width: 80% !important;
	}

    .teiki-new-area .teiki-new-item-name a{
	    padding-left:5px;
    }
     .teiki-new-area .quantity-select{
	    width: 20% !important;
    }
    
    .teiki-new-area .quantity-select:after{
	    content:"コ";
    }
    .teiki-new-area .hissu{
	    width: 8% !important;
	    text-align:center;
    }
    .teiki-new-area .week-select{
		width:70% !important;
	}
	.teiki-new-area .week-select select{
		margin:1% auto !important;
	}

}



/*===================================================================================*/
/* 定期購入テーブル                                                              */ 
/*===================================================================================*/

/* -- table -- */
.teiki-area{
	margin: 0 0 0 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	border: #67BC38 1px solid !important;
	line-height:1.5em;
}

.teiki-tr{
	width:100%;
}
.teiki-tr:after{
	content:"";
	display:block;
	clear:both;
}
.teiki-inner{
	width:100%;
}
.teiki-th{
	display:table-cell;
	padding:0.5% 1%;
	text-align: center;
	vertical-align: middle;
	background-color:  #67BC38;
	color:#fff;
	border-left: #dcdcdc 1px solid;
}
/*---商品名----*/
.teiki-area .th-item-name{
	width: 65% !important;
	border-left:0;
}
/*---商品名(追加購入)----*/
.teiki-area .th-item-name-tuika{
	width: 75% !important;
	border-left:0;
}
/*---価格----*/
.teiki-area .th-item-price,
.teiki-area .th-item-price-tuika{
	width: 12% !important;
}

/*---送料----*/
.teiki-area .th-item-delivery-fee{
	width: 10% !important;
}
/*---お届け間隔----*/
.teiki-area .th-item-delivery-kankaku,
.teiki-area .th-item-delivery-kankaku-tuika{
	width: 13% !important;
}


@media screen and (max-width:599px){
    .teiki-area .th-item-name{
	    display:none;
    }
    .teiki-area .th-item-price{
	    width: 33% !important;
    }
    
    .teiki-area .th-item-delivery-fee{
	    width: 33% !important;
    }
    .teiki-area .th-item-delivery-kankaku{
	    width: 34% !important;
    }
    .teiki-area .th-item-name-tuika{
	width: 56% !important;
	}
    .teiki-area .th-item-price-tuika,
    .teiki-area .th-item-delivery-kankaku-tuika{
	width: 22% !important;
	}
}


/*---------------------------------------------------------------------
td
---------------------------------------------------------------------*/
.teiki-table{
	display:table;
	width:100%;
	border-bottom:1px solid #ccc;
}
.teiki-td{
	display:table-cell;
	padding: 0;
	vertical-align: middle;
	height:100%;
	padding-bottom:10px;
}

@media screen and (max-width:810px){
    .teiki-td{
	padding:1% 1.4% !important;
	display:block;
	float:left;
	vertical-align:top;
    }
}



/*---商品名----*/
.teiki-area .item-name{
	width: 65% !important;
}
/*---価格----*/
.teiki-area .item-price,
.teiki-area .item-price-tuika{
	width: 12% !important;
}

/*---送料----*/
.teiki-area .item-delivery-fee{
	width: 10% !important;
}
/*---お届け間隔----*/
.teiki-area .item-delivery-kankaku,
.teiki-area .item-delivery-kankaku-tuika{
	width: 13% !important;
}




.teiki-area .item-txt-tuika p,
.teiki-area .item-price-tuika p,
.teiki-area .item-delivery-kankaku-tuika  div{
height:60px;
vertical-align:top !important;
}


@media screen and (max-width:810px){
    .teiki-area .item-name{
	    width: 100% !important;
    }
    
    .teiki-area .item-price,
    .teiki-area .item-delivery-fee,
    .teiki-area .item-delivery-kankaku{
     width:33% !important;
    }

    
    .teiki-area .item-price{
    		text-align:left !important;
    }
    .teiki-area .item-txt-tuika{
    width: 48% !important;
    }
    .teiki-area .item-price-tuika{
     width:22% !important;
    }
    .teiki-area .item-delivery-kankaku-tuika{
     width:30% !important;
    }
}


.item-name-inner{
	display:table;
}
/*---商品画像----*/
.teiki-area .item-image,
.teiki-area .item-image-tuika{
	display:table-cell;
	width:230px;
	overflow:hidden;
	text-align:left;
	vertical-align:top !important;
}
.teiki-area .item-image img,
.teiki-area .item-image-tuika img{
	width:95%;
	margin-left:10px;
	margin-bottom:5px;
}

@media screen and (max-width:801px){
    .teiki-area .item-name{
	    width: 100% !important;
    }
}
@media screen and (max-width:599px){
    .teiki-area .item-image,
    .teiki-area .item-image-tuika{
	    width:150px !important;
    }
     .teiki-area .item-image-tuika-wrapper{
	    width:100% !important;
    }
    .teiki-area .item-name{
	    width: 100% !important;
    }
    .teiki-area .item-name-tuika{
	    width: 100% !important;
    }  
}


/*---商品説明----*/
.teiki-area .item-txt{
	display:table-cell;
	padding: 0.2% 1%;
	vertical-align: top;
}

@media screen and (max-width:599px){
   .teiki-area .item-txt{
	padding:0% 1.4% !important;
    }
}

/*---送料----*/
.teiki-area .item-price{
	border-left:1px dotted #ececec;
	text-align:center;
}
.teiki-area .item-delivery-fee,
.teiki-area .item-delivery-kankaku{
	text-align:center;
	vertical-align: middle;
	word-break:break-all;
	border-left:1px dotted #ececec;
}
.teiki-area .item-txt-tuika{
	text-align:left !important;
	vertical-align: top;
	text-align:left;
	width:40%;
	word-break:break-all;	
}
.teiki-area .item-price-tuika,
.teiki-area .item-delivery-kankaku-tuika{
	text-align:center;
	vertical-align: top;
	word-break:break-all;
	border-left:1px dotted #ececec;
}
.teiki-area .item-delivery-kankaku select,
.teiki-area .item-delivery-kankaku-tuika select{
	text-align:center;
	width: 85% !important;
	margin:0 auto;
}


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

    .teiki-area .item-price,
    .teiki-area .item-delivery-fee,
    .teiki-area .item-delivery-kankaku{
			border-top:1px dotted #ccc;
			padding-bottom:30px !important;
    }
}

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

    .teiki-area select{
			width:100%;
    }
}


.teiki-new td {
  background-color: #ffff99;
}


/*---------------------------------------------------------------------
見出し
---------------------------------------------------------------------*/
.item-title{
	width:100%;
	padding:1% 1% 1% 1.5%;
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	line-height:1.6em;
	color: #000;
	background-color:#DFF5A9;
	margin-bottom:20px;
}

@media screen and (max-width:500px){
.item-title{
	font-size:18px;
		
}

}


.tuika-title{
	color: #fff !important;
	background-color:#ff9900 !important;
}
.item-title-sub{
	font-size:15px;
	margin-left:20px;
	display:inline;
	line-height:1.4em;
	font-weight:normal;
}

@media screen and (max-width:768px){
    .item-title-sub{
	    clear:both;
	    display:block;
	    width:100%;
	    margin-left:0px;
	font-size:14px;
		    
    }
}


/*---定期購入のスペック----*/

.item-txt .item-spec{
	width:100%;
	display:table;
	
}
.item-txt .item-spec-tr{
	display:table-row;
	
	
}
.item-txt .item-spec-th{
	display:table-cell;
	clear:both;color: #000;
	background-color:#ececec;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:4px 2px;
	width:60px;
	font-size:14px;
	text-align:center;
	display:inline-block;
	float:left;
	vertical-align:top;
	line-height:1.3em !important;
	margin-bottom:15px !important;
}

@media screen and (max-width:599px){
    .item-txt .item-spec-th{
	font-size:15px;
	}
}

.item-txt .item-spec-td{
	display:table-cell;
	vertical-align:top;
	padding:0% 2%;
	font-weight:bold;
}
.set-yes{
	font-size:110%;
	color:#ff0000;	
}
.set-no{
	font-size:110%;
}

.set-kokuti{
	font-size:75%;
	line-height:1.3em !important;
	font-weight:normal;
}




/*===================================================================================*/
/* 追加ステータステーブル                                                              */ 
/*===================================================================================*/

/* -- table -- */
.tuika-status{
	margin: 0 0 0 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	border: #67BC38 1px solid !important;
	line-height:1.5em;
}

.tuika-status th{
	padding:0.5% 1%;
	text-align: center;
	vertical-align: middle;
	background-color:  #67BC38;
	color:#fff;
	border-left: #dcdcdc 1px solid;
}

.tuika-status th.first-th{
	padding:0.5% 1%;
	text-align: center;
	vertical-align: middle;
	background-color:  #67BC38;
	color:#fff;
	border-left:none;
}


/*---------------------------------------------------------------------
th&span
---------------------------------------------------------------------*/
/*---お届け間隔----*/
.tuika-status .delivery-kankaku{
	width: 14% !important;
}
/*---お届け間隔----*/
.tuika-status .hissu{
	width: 7.5% !important;
}
.tuika-status th.quantity, 
.tuika-status td.quantity {
    width: 10%;
}
.tuika-status th.delivery-start {
    width: 26.5% !important;
}
.tuika-status th.delete {
    width: 8% !important;
}
/*---お届け時間----*/
.tuika-status .delivery-time{
	font-size:85%;
	display:block;
}

/*---------------------------------------------------------------------
td
---------------------------------------------------------------------*/

.tuika-status td{
	padding: 1.8% 1%;
	vertical-align: middle;
	border-right: #ececec 1px dotted;
	border-top: #ccc 1px solid;
}

@media screen and (max-width:599px){
    .tuika-status td{
	padding:5% 1.4% !important;
    }
}

.tuika-status td.delivery-kankaku,
.tuika-status td.quantity,
.tuika-status td.hissu,
.tuika-status td.delivery-start{
	text-align:center;
	vertical-align: middle;
	word-break:break-all;
}
.tuika-status td.delivery-status{
	padding: 1.8% 0.2%;
}


/*===================================================================================*/
/* ステータステーブル                                                              */ 
/*===================================================================================*/

/* -- table -- */
.status{
	margin: 0 0 0 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	border: #67BC38 1px solid !important;
	line-height:1.5em;
}

/* -- user-table -- */
.status.gray{
	border: #ccc 1px solid !important;
}

.status th{
	padding:0.5% 1%;
	text-align: center;
	vertical-align: middle;
	background-color:  #67BC38;
	color:#fff;
	border-left: #dcdcdc 1px solid;
}
/*一番左（一つ目）のセル--*/
.status th.first-th{
	padding:0.5% 1%;
	text-align: center;
	vertical-align: middle;
	background-color:  #67BC38;
	color:#fff;
	border-left: none;
}
/*---------------------------------------------------------------------
th&span
---------------------------------------------------------------------*/


/*---ラジオボタン----*/
.status th.check{
	width:4%;
	text-align:center;
	border-left: #67BC38 1px solid;
}
/*---定期購入カード選択　ラジオボタン----*/
.status th.check-card{
	width:14%;
	text-align:center;
	border-left: #67BC38 1px solid;
}
/*---お届け日----*/
.status th.delivery-date{
	width: 15% !important;
}

/*---お届け時間----*/
.status .delivery-time{
	font-size:85%;
	display:block;
}
/*---お届け場所----*/
.status .delivery-place{
	font-size:85%;
	display:block;
}
/*---注文時間----*/
.status .order-time{
	font-size:85%;
	display:block;
}

/*---お届け先名----*/
.status th.delivery-name{
	width: 17% !important;
}

/*---金額 PC----*/
.status th.price{
	width: 13% !important;
}

/*---お支払い方法 PC----*/
.status th.payment{
	width: 12% !important;
}

/*---注文日時 PC----*/
.status th.order-date{
	width: 14% !important;
}

/*---処理状況----*/
.status th.delivery-status{
	width: 18% !important;
}
/*---お届け間隔----*/
.status .delivery-kankaku{
	width: 17% !important;
}
/*---メールアドレス、パスワード----*/
.status th.email{
	width: 25% !important;
	border-bottom:1px solid #ccc;
	text-align: left;
}
.status th.password{
	width: 25% !important;
	text-align: left;
}
/*---登録者情報----*/
.status th.tourokusya{
	width: 25% !important;
	border-bottom:1px solid #ccc;
	text-align: left;
}
/*---区分----*/
.status th.kubun{
	width: 10% !important;
}
 /*---定期----*/
.status th.teiki{
	width: 7% !important;
}
/*---お届け先名----*/
.status th.otodokesaki{
	width: 17% !important;
}

 /*---変更----*/
.status th.henkou{
	width:20% !important;
}
 /*---変更----*/
.status td.henkou{
	width:20% !important;
}

 /*---変更(定期購入)----*/
.status th.teiki-henkou{
	width:16% !important;
}
 /*---変更(定期購入)----*/
.status td.teiki-henkou{
	width:16% !important;
}
 /*---削除(定期購入)----*/
.status th.delete{
	width:10% !important;
}
 /*---削除(定期購入)----*/
.status td.delete{
	width:10% !important;
}

 /*---カード種類----*/
.status th.card-syurui{
	width:10% !important;
}
 /*---カード期限----*/
.status th.card-kigen{
	width:20% !important;
}
/*---メールマガジン----*/
.status th.mailmagazine{
	width: 25% !important;
	text-align:left;
}
/*---電話番号----*/
.status th.tel{
	width: 25% !important;
}

/*---必須----*/
.status th.hissu{
	width: 8% !important;
}
/*---必須----*/
.status td.hissu{
	width: 8% !important;
}
/*---数量----*/
.status th.quantity,
.status td.quantity{
	width:12%;
}
/*---お届け開始日----*/
.status th.delivery-start{
	width: 23% !important;
}
.status td.delivery-start{
	width: 23% !important;
}



@media screen and (max-width:768px){
    .status th.quantity,
    .status td.quantity{
	    width:10% !important;
    }
}
    
@media screen and (max-width:599px){
    .status{
	    font-size:13px;
	    line-height:1.4em;
    }
    .status th.check-card{
	    width:14%;
	    text-align:center;
	    border-left: #67BC38 1px solid;
    }
    .status th.delivery-date{
	    width: 18% !important;
    }
    .status th.delivery-name{
	    width: 18% !important;
    }
    .status th.price{
	    width: 18% !important;
    }
	  .status th.payment{
	    width: 18% !important;
    }
    .status th.order-date{
	    width: 18% !important;
    }

    .status th.delivery-status{
	    width: 18% !important;
    }
    .status th.email,
    .status th.password{
	    width: 20% !important;
    }
    .status th.tourokusya{
	    width: 20% !important;
    }
    .status th.kubun{
	    width: 15% !important;
    }
    .status th.teiki{
	    width: 12% !important;
    }
    
    .status td.henkou .button-01,
    .status td.henkou .button-04,
    .status td.teiki-henkou .button-04{
	    padding:8% 1%;
    }
    .status th.otodokesaki{
	    width: 20% !important;
    }
    .status th.card-syurui{
	    width:12% !important;
    }
    .status th.card-kigen{
	    width:25% !important;
    }
    .status th.mailmagazine{
	    width: 20% !important;
    }
    .status th.quantity,
    .status td.quantity{
	    width:14% !important;
    }
}




/*---------------------------------------------------------------------
td
---------------------------------------------------------------------*/

.status td{
	padding: 1.8% 1%;
	vertical-align: middle;
	border-right: #ececec 1px dotted;
	border-top: #ccc 1px solid;
}

@media screen and (max-width:599px){
    .status td{
	padding:5% 0.4% !important;
    }
}


    
.status td.delivery-name,
.status td.delivery-status,
.status td.delivery-date,
.status td.order-date,
.status td.delivery-kankaku,
.status td.kubun,
.status td.teiki,
.status td.card-kigen,
.status td.mailmagazine,
.status td.tel,
.status td.delivery-fee,
.status td.otodokesaki,
.status td.quantity,
.status td.hissu,
.status td.delivery-start
{
	text-align:center;
	vertical-align: middle;
	word-break:break-all;
}
.status td.card-syurui img{
	max-width:100% ;
}
.status td.delivery-status{
	padding: 1.8% 0.2%;
}
.status td.price{
	text-align:right;
	vertical-align: middle;
	word-break:break-all;
}
html>/**/body .status td.price {
  padding-right /*\**/: 12px \9;
}
.status td.payment{
	font-size:80%;
	text-align:center;
	vertical-align: middle;
	word-break:break-all;
}

.status td.payment img{
	max-width:100%;
}

.delivery-kankaku select,
.quantity select,
.delivery-start select{
    width:90% !important;
    margin:0;
}

/*---チェック時の色----*/
.check-table .check-tr td{
	cursor:pointer !important;
}
.check-table .check-tr td.check{
	text-align:center;
}
.status .other-tr td{
	border-top:4px double #67BC38;
}
.check-table .hover_tr td {
  background-color: #ffff99;
}
.check-table .checked_tr td {
  background-color: #ffffaa;
  color:#222;
	cursor:pointer;
}
.check-table .def-tr td {
  background-color:#f9f9f9 !important;
  color:#000;
}



/*--別の送付先名のグレーセル--*/
.status td.other-name{color: #000;background-color:#e6e6e6 !important;}

/*===================================================================================*/
/* 　お知らせエリア                                                                 */ 
/*===================================================================================*/

.news_box {
	position: relative;
	border: 2px solid #02A402;
	padding:1%;
	margin-bottom:0.4%;
	border-radius:6px;
	color:#000;
	text-align:left;
	background-color: #ffffff;
}


/*===================================================================================*/
/* 　変更/キャンセルしたい商品を選択しボタンをクリックしてください。　の吹き出し     */ 
/*===================================================================================*/

.arrow_box {
	position: relative;
	border: 1px solid #02A402;
	padding:1%;
	margin-bottom:0.4%;
	border-radius:6px;
	color:#02A402;
	text-align:center;
	background-color: #ffffff;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	right: 2.5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 221, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(239, 239, 239, 0);
	border-top-color: #02A402;
	border-width: 11px;
	margin-left: -11px;
}

@media screen and (max-width:768px){   
.arrow_box {
	text-align:left;
	padding:2.5%;
} 
}
@media screen and (max-width:599px){  
.arrow_box:after, .arrow_box:before {
	top: 100%;
	right: 3%;
}

.arrow_box:before {
	border-color: rgba(239, 239, 239, 0);
	border-top-color: #02A402;
	border-width: 7px;
	margin-left: -7px;
} 
.arrow_box:after {
	border-color: rgba(255, 255, 221, 0);
	border-top-color: #ffffff;
	border-width: 6px;
	margin-left: -6px;
}
}

/*===================================================================================*/
/* 　送料・お支払い・お届け目安                                                   */ 
/*===================================================================================*/

@media screen and (max-width:768px){
.footer-contents{
	width:100%;
	float:left;
	margin-left:0;
	padding:0 2% 2% 2%;
}
}





/*===================================================================================*/
/*  カレンダー   開閉機能							     */ 
/*===================================================================================*/

.accordion_calender,
.accordion_souryo {
  	display:block;
}

@media screen and (max-width:768px){  
.accordion_bloc{
  	display:none;
}
.accordion_calender:before{
 	 font-family: FontAwesome;
	content:"\f055　カレンダーを開く";
	font-weight:bold;
}
.accordion_souryo:before{
 	 font-family: FontAwesome;
	content:"\f055　開く";
	font-weight:bold;
}
.accordion_calender,
.accordion_souryo {
  text-align: center;
  cursor: pointer;
  padding:3%;
  border:1px solid #ccc;
  width:100%;
  display:inline-block;
  border-radius:10px;
  
   
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

}
.accordion_calender:hover,
.accordion_souryo:hover {
background-color:#ccc;
}
.active:before{
 	 font-family: FontAwesome;
	content:"\f056　閉じる";
	font-weight:bold;
}
}	


/*===================================================================================*/
/* カレンダー  テーブル                                                             */ 
/*===================================================================================*/

/* -- table -- */
.calendar-wrapper{
	display:table;
	width:100%;
}
.calendar-center{
	width:95%;
	display:table-cell;
	padding:3% 1%;
}

.calendar-left,
.calendar-right{
	width:2.5%;
	display:table-cell;
	height:100%;
	font-size:26px;
	padding:0;
	background-color:#ccc;
	color:#fff;
	vertical-align:middle;
	border-radius:5px;
	-moz-box-shadow: 0px 1px 0px 0px #e3e3e3;
	-webkit-box-shadow: 0px 1px 0px 0px #e3e3e3;
	box-shadow: 0px 1px 0px 0px #e3e3e3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #a3a3a3));
	background:-moz-linear-gradient(top, #d1d1d1 5%, #a3a3a3 100%);
	background:-webkit-linear-gradient(top, #d1d1d1 5%, #a3a3a3 100%);
	background:-o-linear-gradient(top, #d1d1d1 5%, #a3a3a3 100%);
	background:-ms-linear-gradient(top, #d1d1d1 5%, #a3a3a3 100%);
	background:linear-gradient(to bottom, #d1d1d1 5%, #a3a3a3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#a3a3a3',GradientType=0);
	background-color:#d1d1d1;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #bababa;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #545454;
}

.calendar-left:hover,
.calendar-right:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #aaa));
	background:-moz-linear-gradient(top, #aaa 100%);
	background:-webkit-linear-gradient(top, #aaa 100%);
	background:-o-linear-gradient(top, #aaa 100%);
	background:-ms-linear-gradient(top, #aaa 100%);
	background:linear-gradient(to bottom,  #aaa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaa', endColorstr='#aaa',GradientType=0);
	background-color:#a3a3a3;
}

.calendar-center:after,
.calendar-left:after,
.calendar-right:after{
	content:"";
	display:block;
	clear:both;
}
.calendar-left span,
.calendar-right span{
	    display:none;
}

.calendar-wrapper a{
	color:#ffffff;
	text-decoration:underline;
}


@media screen and (max-width:768px){
	.calendar-wrapper{
		margin:3% 0;
	}

    .calendar-center{
	    float:left;
	    width:100%;
    }
   .calendar-left,
    .calendar-right{
	    float:left;
	    width:100%;
	    text-align:center;
    }	
    .calendar-right{
	    float:left;
	    width:100%;
    }

    .calendar-left span,
    .calendar-right span{
	    display:inline;
	    margin:0 3%;
	    font-size:18px;
	    vertical-align:middle;
    }
	.calendar-left,
	.calendar-right{
		display:block;
		position:relative;
		top:-100px;
		width:100%;
		font-size:30px;
	}	

}

.calendar_month table{
	margin: 2% 0 2% 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}
.calendar_month table th{
	text-align: center;
	vertical-align: top;
	background: #ff9900;
	padding:5px 0;
	border: #ddd 1px solid;
	color:#ffffff;
}
.calendar_month table tr{
	height:33px;
}

.sp-left,
.sp-right{
	display:block;
}

@media screen and (max-width:768px){
    .calendar_month table tr{
	    height:24px;
    }
	.sp-left,
	.sp-right{
		display:none;
	}	
	.calendar-left span,
    .calendar-right span{
		display:none;
	}	

}

.calendar_month table td{
	vertical-align: middle;
	border: #ddd 1px solid;
	text-align: center;
	width:14.285%;
}
.calendar_month table td.sun{
	color:#ff3300 !important;
	background-color:#FFDDD0;
}
.calendar_month table td.sunday{
	color:#ff3300 !important;
}
.calendar_month table td.sat{
	color:#025EBB !important;
	background-color:#DAF3FF;
}
.calendar_month table td.regular_global{
	background-color:#ff6600;
	color:#fff;
}
.calendar_month table td.regular_global-other{
	background-color:#ff6600;
	color:#fff;
	border:3px solid #000;
}
.calendar_month table td.regular_global-other-02{
	background-color:#ff6600;
	color:#fff;
	border:3px solid #02A402;
}
.calendar_month table td.regular_indiv{
	background-color:#ff6600;
	color:#fff;
}

.calendar_month table td.delivery_no{
	background-color:#ff9933;
	color:#5e5653;
}

span.today{
	border:3px solid  #02A402;
	width:18px;height:18px;
	display:inline-block;
	margin-right:1%;
	vertical-align:middle;
	
}
span.today_delivery_day{
	background-color: #02A402;
	width:18px;height:18px;
	display:inline-block;
	margin-right:1%;
	vertical-align:middle;
	
}
span.regular_global{
	background-color:#ff6600;
	width:18px;height:18px;
	display:inline-block;
	margin-right:1%;
	vertical-align:middle;
}
span.regular_global-other{
	border:3px solid #000;
	background-color:#ff6600;
	width:18px;height:18px;
	display:inline-block;
	margin-right:1%;
	vertical-align:middle;
}
span.regular_global-other-02{
	border:3px solid #02A402;
	background-color:#ff6600;
	width:18px;height:18px;
	display:inline-block;
	margin-right:1%;
	vertical-align:middle;
}
span.afterday{
	background-color:#aaaaaa;
	width:18px;height:18px;
	margin-right:1%;
	display:inline-block;
	vertical-align:middle;
}

.calendar_month table td.delivery_day{
	background-color:#aaaaaa;
	color:#fff;
}
.calendar_month table td.storeholiday{
	color:#025EBB !important;
}

.calendar_month table td.today{
	border:3px solid #02A402;
	/*color:#000 !important;*/
	
}
.calendar_month table td.today_delivery_day{
	background-color: #02A402;
	color:#fff !important;
	
}
.calendar_month table td.afterday{
	color: #cccccc;
	
}
.calendar_month table td.afterday{
	color: #cccccc;
	
}

/*---------------------------------------------------------------------
カレンダー吹き出し
---------------------------------------------------------------------*/
div.arrow_area{
	position:relative;
}
.arrow_cal{
	color: #111;
    position: absolute;            /* relativeからの絶対位置 */
    top: -37px;
	left:-35px;
    font-size: 65%;
    background: #fff199 linear-gradient(to bottom, #fff199 5%, #fac935 100%) repeat scroll 0 0;
	box-shadow: 0 1px 0 0 #fff6af inset;
	border: 1px solid #ffaa22;
    border-radius: 20px;
    width: 100px;
    padding: 5px;
    border-radius:3px;
    z-index:100; 
	line-height:1em;
	display:block;
}
.arrow_cal:after{
	content:''; 
    display:block; 
    position:absolute;             /* relativeからの絶対位置 */
    height:0; 
    width:0; 
    top:85%; 
    left:45%;
    border:10px transparent solid; 
    border-right-width:0; 
    border-left-color:#ffaa22; 
    transform:rotate(90deg);            /* 傾きをつける */
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    z-index:100;
}

		

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

	.arrow_cal {
		display:none;
	}
	.arrow_cal:after{	
		display:none;	
	}	
}

		


/*===================================================================================*/
/* 送料  テーブル                                                             */ 
/*===================================================================================*/

/* -- table-ryokin-- */
.table-souryo{
	margin: 0 0 0px 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	font-size:0.65em;
}
.table-souryo th{
	padding:1% 0.3%;
	text-align: center;
	vertical-align: top;
	background-color:#DFF5A9;
	border-top: #02A402 1px solid;
	border-bottom: #02A402 1px solid;
	border-left: #02A402 1px solid;
	border-right: #02A402 1px solid;
	line-height:1.5em;
}
.table-souryo th.area{
	width:10%;
}
.table-souryo td{
	padding:1% 0.3%;
	vertical-align: middle;
	border: #02A402 1px solid;
	background-color: #ffffff;
	text-align: center;
	font-weight:600;
	color:#6A3817;
}

/*---------------------------------------------------------------------
常温
---------------------------------------------------------------------*/
.souryo-icn-01{
	background-color: #ffee00;
	border:1px solid  #ffcc00;
	color:#000;
	font-size:14px;
	padding:0% 10%;
	border-radius:5px;
	display:inline-block;
}

/*---------------------------------------------------------------------
冷蔵
---------------------------------------------------------------------*/
.souryo-icn-02{
	background-color: #0DA1EB;
	border:1px solid  #0288C6;
	color:#fff;
	font-size:14px;
	padding:0% 10%;
	border-radius:5px;
	display:inline-block;
}

/*---------------------------------------------------------------------
冷凍
---------------------------------------------------------------------*/
.souryo-icn-03{
	background-color: #848484;
	border:1px solid  #666;
	color:#fff;
	font-size:14px;
	padding:0% 10%;
	border-radius:5px;
	display:inline-block;
}


/*===================================================================================*/
/* お届け日  テーブル                                                             */ 
/*===================================================================================*/
.table-delivery{
	margin: 0 0 15px 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	border: #02A402 1px solid;
}
.table-delivery th{
	padding:1% 0.3%;
	width:10%;
	text-align: center;
	vertical-align: top;
	background-color:#ececec;
	border-top: #02A402 1px solid;
	border-bottom: #02A402 1px solid;
	border-left: #02A402 1px solid;
}
.table-delivery th.sun{
	color:#ff3300 !important;
	background-color:#FFDDD0;
}
.table-delivery th.sat{
	color:#025EBB !important;
	background-color:#DAF3FF;
}

.table-delivery th.area{
	width:15%;
}
.table-delivery td{
	padding:1% 0.3%;
	vertical-align: middle;
	border-bottom: #02A402 1px solid;
	border-right: #02A402 1px  dotted;
	background-color: #ffffff;
	text-align: center;
	font-weight:bold;
	color:#6A3817;
	font-size:16px;
	width:10%;
}

/*---------------------------------------------------------------------
締め切り
---------------------------------------------------------------------*/
.table-delivery td.simekiri{
	background-color:#02A402;
	color:#fff;
	line-height:1.5em !important;
}
/*---------------------------------------------------------------------
出荷
---------------------------------------------------------------------*/
.table-delivery td.syukka{
	background-color:#ffff00;
}
/*---------------------------------------------------------------------
お届け予定
---------------------------------------------------------------------*/
.table-delivery td.otodoke{
	background-color:#ff9900;
	color:#fff;
}

@media screen and (max-width:599px){
.table-delivery td{
	font-size:13px;
}
}

/*===================================================================================*/
/*  トップへ戻る common.js、common-sp.jsで生成                                     */ 
/*===================================================================================*/
#topcontrol{
	z-index:3000;
}
/*===================================================================================*/
/*  フッター                                                        */ 
/*===================================================================================*/
.footer{
	margin:5% 0 0 0;
	font-size:16px;
	border-top:10px solid #02A402;
	/*レスポンシブ停止対応*/
	//min-width:1024px;
	width:100%;
}

.footer_ochibo{
	position: absolute;
	right: 0;
	bottom: -100px;
}

.footer_logo{
	display: inline-block;
	margin-top:3rem;
}

@media screen and (max-width:824px){
	.footer_logo{
		display: none;
	}
}

@media screen and (max-width:599px){
	.footer{
	padding:2% 0 0 0;
	}
	
}


/*フッター 商品一覧カテゴリ*/	
	#footer_cat_navi{
		margin-top:15px;
		padding:15px 10px;
		width:1004px;
		height:auto;
		/*border:1px dashed #000000;*/
	/* box-shadow 
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
	*/
		background-color:#FFFFFF;
		float:left;
	}
		
	#footer_cat_navi .cat_link{
		width:164px;
		padding-top:0px;
		text-align:left;
		text-indent:1em;
		float:left;
	}

/*---------------------------------------------------------------------
 フッター住所
---------------------------------------------------------------------*/
.footer-add{
	padding:20px 0 20px 0;
	text-align:center;
	font-size:16px;
}

@media screen and (max-width:599px){
    .footer-add{
	text-align:left;
	font-size:14px;
	}
	.footer-add span{
	   display:block;
    }
}


/*---------------------------------------------------------------------
 フッター copyright表記
---------------------------------------------------------------------*/
.footer-cpr{
	padding:2px 0;
	//background-color:#02A402;
	font-size:12px;
	//color:#ffffff;
	line-height:2em;
}
/*copyright　文字*/
.cpr{
	font-size:13px;
	line-height:2em;
	padding:0.2% 0;
	
}

/*---------------------------------------------------------------------
レスポンシブ　トップ FaceBook 表示エリア
---------------------------------------------------------------------*/

	@media screen and (max-width:599px){
		.cat_banner_end_fb{
			width:100%;
		}	
	}	
	
/*---------------------------------------------------------------------
 買い物かご上数量パーツ
---------------------------------------------------------------------*/

@media screen and (max-width: 998px) { 
	.cart_amounts{
		background: #fff;
    height: 2em;
    width: 2em;
		line-height:2em;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
		text-align:center;
		position:absolute;
		top:0;
		left:65%;
	}	
}

/*---------------------------------------------------------------------
レスポンシブ　商品検索エリア
---------------------------------------------------------------------*/

	@media screen and (max-width:998px){
		.select-cat{
			width:100%;
			padding:1%;
		}
		.select-cat h3{
			text-align:left;
			font-size:1.2em;
			margin:3% 0;
		}
		.select-cat li{
			list-style:none;
		}
		.select-cat input.textbox-sc{
			width:95%;
			font-size: 1.5em;
			height:1.5em;
			margin:3% 0;
		}
		
		.select-icon img{
			-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
			-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
			-o-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
			-ms-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
		}
	}