@charset "UTF-8";

body{
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	background: rgb(197,204,211)

}

/*------------------
メニュータイトル
--------------------*/

div#Menu ul {
	-webkit-border-radius: 0;
	margin: 0;
	border: 0px;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	background: #000   repeat-x top;
 padding: 1px 0px;
}



div#Menu ul li {
	margin: 0;
	background: #000 repeat-x top;
	float:left;
	display: inline-table;
	min-height: 1%;
	padding: 0;
	/*width: 7%;*/
}

/*--20150415追加分--*/
#Menu {
 background-color: #000;
 width: 100%;
 height: auto;
 margin: 0;
 padding: 0;
 display: table;
}


/* ------------
検索バー
--------------- */
#search {
	padding-bottom: 10px;
	width: 300px;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
}
#search .s_box {
	float:left;
	width: 200px;
	font-size: 18px;
	height: 25px;
}
#search input[type="submit"] {
	font-size: 18px;
	height: 30px;
	width: 70px;
	margin-left: 10px;
}



/*--------------
ヘッダー
---------------- */
h1 {
 font-size: 20px;
}

#header {
 position: relative;
 background: rgba(0, 0, 0, 0) url("/iphone/mypag/view/images/grey_ttl_f-bg.gif") repeat scroll 0 0;
 color: #2c3e50;
 font-size: 14px;
 padding: 6px;
 min-height: 30px;

}

#header h1 {
 color: #2c3e50;
 text-align: center;
 font-size: 14px;
 /*text-overflow: ellipsis;
 white-space: nowrap;*/
 overflow: hidden;
 padding: 5px 0;
 margin: 2px 0 0 0;
}

/*--------------------
LPヘッダー
-----------------------*/
#lp_header {
	background-color: #FFF;
	width: 100%;
}
.lp_logo {
	padding: 5px;
	text-align: left;

}

/*-----------------
トップページ専用
-------------------*/


#gl {

	margin: 0px;
	width: 100%;

	}



#itop  {
	background: #fff;
	width: 100%;
	margin: 0px
	padding: 10px 0px ;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	}


/*ランダム表示部分*/

ul#topsho {
		background: #fff;
		margin: 10px;
		padding: 5px;
		border: 1px solid #B4B4B4;
		-webkit-border-radius: 8px;
		width: 250px;
		}


ul#topsho li {
		text-decoration: none;
		padding: 5px;
		text-align: center;
		line-height:2.5px;
		}



div#indeximg {
		/*margin: 10px 10px 0px 10px;*/
		}


/*mybrooks項目ボタン*/

div#my{
		margin: 0;
		padding: 10px 5px;
		width: 100%;
		}



 .mybb {
		border: 1px solid #336633;
		height: 40px;
		width: 90%;
		}


 .hrm	{
		border: 1px dotted #333;
		width: 90%;
		margin: 10px;
		}


	.myarrow {
		font-size: 17px;
		padding: 4px 26px 4px 10px;
		background-image: url(../img/is_ar.png);
		background-position: right center;
		background-repeat: no-repeat;
		}


	.catearrow {
		font-size: 18px;
		background-image: url(../img/is_ar.png);
		background-position: right center;
		background-repeat: no-repeat;
		-webkit-border-radius: 8px;
		}



/*mybrooks項目*/

div#mybrooks h3 {
		color: #fff;
		background: rgb(154,159,170) url(../img/my_brooks_hd_bg.gif) top left repeat-x;
		border-top: 1px solid rgb(165,177,186);
		margin: 10px 0px 0px 0px;
		height: 30px;
			}

/*ナンバー４*/


	ul#no4 {
		color: black;
		background: #ffa500;
		border: 1px solid #B4B4B4;
		padding: 0;
		margin: 2px 10px 10px 10px;
		-webkit-border-radius: 8px;
			}



/*---------------
コーヒーサーチ用
-----------------*/

div#csarch{
		border: 1px solid #996666;
		width: 250px;
		margin: 10px;
		padding: 5px;
			}

#cs1 {
		-webkit-border-radius: 0px;
		border: 2px solid #996666;
		padding: 0px;
		margin: 0px;

		}



/*---------------
商品カテゴリ用
-----------------*/

div#normal ul {
		-webkit-border-radius: 0;
		margin: 0;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		}

div#normal ul li {
		border-top: 1px solid rgb(180,180,180);
		font-size: 17px;
		padding: 11px 10px 14px 10px;
					}



div#normal h3 + ul {
			border-top: 1px solid rgb(152,158,164);
			border-bottom: 1px solid rgb(113,125,133);
			}


ul li.arrow {
		background-image: url(../img/is_ar.png);
		background-position: right center;
		background-repeat: no-repeat;
		line-height: 1.2;
		}


div#normal h3 {
		color: #fff;
		background: rgb(154,159,170) url(../img/bglight.png) top left repeat-x;
		border-top: 1px solid rgb(165,177,186);
		text-shadow: #666 0 1px 0;
		margin: 0;
		padding: 2px 10px;
			}





/*-----------
商品一覧用
--------------*/

#list img {
	float:left;
	position:relative;
	top: -5px;
	left:-4px;
	}

#list  {
	display: block;
	height: auto;
	padding: 4px 26px 4px 10px;
	text-decoration: none;
	color: brack;
	background-image: url(../img/is_ar.png);
	background-position: right center;
	background-repeat: no-repeat;
	}
	.ichiran{
		font-size: 15px;
		line-height: 1.2;
		}
	.ichiran_img{
		float: left;
		width: 35%;
	}
	.ichiran_img img{
		height: auto;
	}
	.ichiran_txt{
		float: left;
		width: 60%;
		padding-right: 5%;
		text-align: right;
	}
	.ichiran_txt .review_stars_ichiran{
		margin-top: 5px;
	}
	.ichiran a {
		font-size: 15px;
		text-decoration: none;
		line-height: 1;
		}
	.naiyo{
		color: #666;
		font-size: 12px;
		line-height: 1.3;
		margin-top: 5px;
		}

	.naiyo a +a +a {
		color: #666;
		font-size: 12px;
		text-decoration: none;
		line-height: 1.3;
		}


	.kakaku{
		color: #666;
		font-size: 13px;
		line-height: 1.3;
		}

	.kakaku a +a  +a {
		color: #666;
		font-size: 13px;
		text-decoration: none;
		line-height: 1.3;
		}



/*-----------
商品詳細専用
--------------*/

#shosai  {
	background: #fff;
	margin: 0;
	padding: 5px;
	}

	.ltxt{
		text-align: center ;
		font-size: 13px;
		color: #660000 ;
		padding: 3px 5px 3px 5px;
		border-bottom: 1px dotted gray;
		}


	.simg{
		padding: 10px 0px 10px 0px;
		}



	.sname{
		font-size: 18px;
		color: black ;
		font-weight: 700;
		padding: 5px 5px 5px 5px;
		}


	.svalu{
		font-size: 16px;
		text-align: right;
		background: #EBEBEB;
		color: black ;
		padding: 5px;
		}


	.snaiyo{
		text-align: left;
		font-size: 13px;
		color: #5B5B5B ;
		padding: 3px 5px 3px 5px;
		}



	.sshosai{
		width: 90%;
		font-size: 12px;
		color: #333 ;
		padding: 10px 10px 10px 10px;
		}


/*-----------
　　登録
--------------*/

/*フォームを囲む大枠のスタイル*/

		#regform ul {
			color: black;
			background: #fff;
			border: 1px solid #B4B4B4;
			/*margin-top: 10px;*/
			/*margin-left: 5px;*/
			-webkit-border-radius: 8px;
			width: 95%;
			padding: 10px 0px;
			margin: 3% auto;
			}



#regform input[type="text"]
 {
	height: 30px;
	font-size: 14px;
}

  .birth {
	/*float:left;*/
	width: 80px;
	font-size: 17px;
	height: 25px;
	}
/* テスト*/
#regform input[type="password"]
 {
	height: 30px;
	font-size: 14px;
}

  .birth {
	/*float:left;*/
	width: 80px;
	font-size: 17px;
	height: 25px;
	}

/*-----------
リスト基本
--------------*/

	ul {
			color: black;
			background: #fff;
			border: 1px solid #B4B4B4;
			padding: 0;
			margin: 10px 10px 0px 10px;
			-webkit-border-radius: 8px;
			}

	.border-top ul{
		background: none!important;
		border: none!important;
	}

		ul .field {
			width: 90%;
			}




			ul li {
				list-style-type: none;
				padding: 2px 10px 0px 10px;
				line-height: 1.5;

				}


				ul li a {
					color: #000;
					text-decoration: none;
					text-overflow: ellipsis;
					overflow: hidden;
					-webkit-tap-highlight-color:rgba(0,0,0,0);
				}

				ul.button_white li {
					color: #000!important;
					text-decoration: none;
					text-overflow: ellipsis;
					overflow: hidden;
					-webkit-tap-highlight-color:rgba(0,0,0,0);
				}






	ul li input[type="text"] {

		width: 210px;
		font-size: 17px;
		height: 27px;
		}

	ul li input[type="password"] {

		width: 210px;
		font-size: 17px;
		height: 25px;
		}

	ul li input[type="checkbox"], ul li input[type="radio"] {
		margin: 0;
		color: rgb(50,79,133);
		padding: 10px 10px;
					}

		ul li select {
			text-indent: 0px;
			-webkit-appearance: textfield;
			font-size: 20px;
			width: 80px;
			margin: 10px 10px;
				}



/*-----------
購入履歴リスト
--------------*/


	#relist ul {
		-webkit-border-radius: 0;
		margin: 0;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		background-color: #fff;
		}


	#relist ul li {
			-webkit-border-radius: 0;
			border-top: 1px solid rgb(191,191,191);
			border-bottom: 1px solid rgb(157,157,157);
		}


	#relist ul li:nth-child(odd) {
			background-color: rgb(235,235,235);
			border-top: 1px solid rgb(181,181,181);
			border-bottom: 1px solid rgb(138,138,138);
		}


.list2  {
	display: block;
	height: auto;
	padding: 4px 26px 4px 10px;
	text-decoration: none;
	color: brack;
	background-image: url(../img/is_ar.png);
	background-position: right center;
	background-repeat: no-repeat;
	}


/*-----------------
配送状況の確認用
-------------------*/
div#haiso ul {
		-webkit-border-radius: 0;
		margin: 0;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		}

div#haiso ul li {
		border-top: 1px solid rgb(180,180,180);
		font-size: 12px;
		padding: 11px 10px 14px 10px;
					}



div#haiso h3 + ul {
			border-top: 1px solid rgb(152,158,164);
			border-bottom: 1px solid rgb(113,125,133);
			}




div#haiso h3 {
		color: #fff;
		background: rgb(154,159,170) url(../img/bglight.png) top left repeat-x;
		border-top: 1px solid rgb(165,177,186);
		text-shadow: #666 0 1px 0;
		margin: 0;
		padding: 2px 10px;
			}


	.haisolt{
		font-size: 13px;
		padding: 3px 5px 3px 5px;
		border-bottom: 1px dotted gray;
		}

	.haisolts{
		font-size: 10px;
		color: #333;
		padding: 3px 5px 3px 5px;
		border-bottom: 1px solid gray;
		}

	.haisolts2{
		font-size: 10px;
		padding: 3px 5px 3px 5px;
		}






/*-----------
次の　前の
--------------*/

ul.nextback, ul.nextback_teiki {
	border: 0;
	background: none;
	clear: both;
	height: 45px;
}

ul.nextback li{
	color: rgb(183,190,205);
	background: white;
	border: 1px solid gray;
	font-size: 14px;
	text-align: center;
	-webkit-border-radius: 8px;
	-webkit-box-sizing: border-box;
	width: 48%;
	float:left;
	display: block;
	padding: 11px 10px 14px 10px;
	}

	ul.nextback_teiki li{
		color: rgb(183,190,205);
		background: white;
		border: 1px solid gray;
		font-size: 14px;
		text-align: center;
		-webkit-border-radius: 8px;
		-webkit-box-sizing: border-box;
		width: 40%;
		float:left;
		display: block;
		padding: 11px 10px 14px 10px;
	}

	ul.nextback li + li, ul.nextback_teiki li + li {
		float: right;
			}

	ul.nextback li a, ul.nextback_teiki li a {
		color: rgb(50,79,133);
		line-height: 16px;
		margin: -11px -10px -14px -10px;
		padding: 11px 10px 14px 10px;
		-webkit-border-radius: 8px;
	}

	li.next_teiki{
				margin-right: 10px;
				}

			li.back_teiki{
				margin-left: 10px;
				}










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

/*>次へボタン 202006*/
.next_btn {
		width: 80%;
		display: block;
		margin: 20px auto 20px auto;
		padding: 10px 3px;
		border: 0;
		-webkit-appearance: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-size: 18px;
		font-weight: none;
		line-height: 1.3;
		text-decoration: none;
		vertical-align: bottom;
	 text-decoration: none;
	 text-align: center;
	 color: #fff;
	 background-color: #0780b6;
}
/*>次へボタン 202006*/


.nav_button {
		height: 30px;
		font-family: HiraKakuProN-W6;
		max-width: 200px;
		font-size: 17px;
		color: white;
		text-align: center;
		line-height: 30px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	 }


.nav_button2 {
		height: 30px;
		font-family: HiraKakuProN-W6;
		max-width: 250px;
		font-size: 15px;
		color: white;
		text-align: center;
		line-height: 30px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	 }

.nav_button a{
		text-decoration: none;
		color: white;
	 }



#blue{
	width: 150px;
	display: block;
	margin: 20px;
	border-right: gray solid 7px;
	border-left: gray solid 7px;
	-webkit-border-image: url(../img/is_btn.png) 0 7 0 7;
 }

#blue2{
	width: 200px;
	display: block;
	margin: 20px;
	border-right: gray solid 7px;
	border-left: gray solid 7px;
	-webkit-border-image: url(../img/is_btn.png) 0 7 0 7;
 }


#blue3{
	width: 200px;
	display: block;
	margin: 5px 20px 0px 20px;
	border-right: gray solid 7px;
	border-left: gray solid 7px;
	-webkit-border-image: url(../img/is_btn.png) 0 7 0 7;
 }

#blue4{
	width: 300px;
	height: 30px;
	display: block;
	margin: 20px;
	border-right: gray solid 7px;
	border-left: gray solid 7px;
	-webkit-border-image: url(../img/is_btn.png) 0 7 0 7;
 }

#back{
	float: left;
	position: absolute;
	top: 6px;
	left: 6px;
	padding:0px;
	margin:0px;
 }
#back a {
	display: black;
	padding: 8px 14px;
	margin:0px;
	font-size: 12px;
	background: -moz-linear-gradient(top,black,gray);
	background: -webkit-gradient(linear, left top, left bottom, from(black),to(gray));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
}



/*-----------
リストを活用したボタン
--------------*/


	ul.button {
		border: 0;
		background: none;
		clear: both;
		width: 150px;
		height: 20px;
			}

	ul.button li {
		color: rgb(183,190,205);
		background: white;
		border: 1px solid rgb(180,180,180);
		font-size: 15px;
		text-align: center;
		-webkit-border-radius: 8px;
		-webkit-box-sizing: border-box;
		display: block;
		}


	ul.button2 {
		border: 0;
		background: none;
		width: 90%;
		height: auto;
			}

	ul.button2 li {
		background: white;
		border: 1px solid rgb(180,180,180);
		font-size: 15px;
		text-align: center;
		-webkit-border-radius: 8px;
		-webkit-box-sizing: border-box;

		}




/*-----------
テキスト入力
--------------*/

	.basetxt{
		width: 95%;
		font-size: 17px;
		padding: 3px 5px 3px 5px;
		}


	.basetxts{
		width: 95%;
		font-size: 13px;
		padding: 3px 5px 3px 5px;
		}


	.t10{
		font-size: 10px;
		}




	.t12{
		font-size: 12px;
		}


	.t12gr{
		font-size: 12px;
		color: #333;
		}

	.t12gr2{
		font-size: 12px;
		color: #333;
		width: 95%;
		}



	.t12g{
		color: #333;
		font-size: 13px;
		padding: 0px 5px ;
		}


	a {
		color: #000;
		text-decoration: none;
		}

	.ltxt2{
		font-size: 15px;
		color: #330099 ;
		border-bottom: 1px dotted gray;
		}


	.ltxts{
		font-size: 15px;
		border-bottom: 1px dotted gray;
		}



	.hb17{
		font-weight:bold;
		border-top: 1px dotted gray;
		}

	.hb17s{
		font-weight:bold;
		color: blue;
		border-top: 1px dotted gray;
		}


	.s_hosoku{
		color: red;
		font-size:13px;
		}

	.basetxts2{
		width: 95%;
		font-size: 13px;
		padding: 3px 0px 3px 5px;
		}


/*-----------
クリア
--------------*/

.clear{
	margin: 0;
	padding: 0;
	clear: both;
		}

/*-----------------
ご利用ガイド
-------------------*/

	.guidetxt{
		font-size: 15px;
		padding: 3px 5px 3px 5px;
		border-bottom: 1px dotted gray;
		}

	.guidetxts{
		font-size: 13px;
		color: #333;
		padding: 3px 5px 3px 5px;
		border-bottom: 1px solid gray;
		}

/*-----------------
ログイン用
-------------------*/
div#login a {
		color: #000;
		/*text-decoration: none;*/
		/*border-bottom: 1px solid gray;*/
		}

/*他サイトIDでログイン（LINE）*/
.ot_btn {
	text-align: center;
	margin: 4px auto 10px auto;
}
.ot_btn img {
	margin: 0 auto;
}

.mxw400 {
	max-width :300px;
}


/*-------------------------------------
メッセージ（お届け・メンテナンス）
----------------------------------------*/

div#msg {
		font-size: 13px;
		line-height: 1.3;
		background-color: #fff;
		padding: 10px 10px 0px 10px ;
}

/*-------------------------------------
キャンペーンバナーエリア
----------------------------------------*/
.cam_ob{
　margin: 0px;
  background-color: #000;
}
.cam_ob p{
  margin: 10px 0px 5px 0px;
  padding: 5px;
  font-size: 13px; line-height: 1.3; color: #FFF;
  font-weight: bold;
}

.mb5{
  margin-bottom: 5px;
}

/*--------------------------------
カフェロトページ 20150204_renew
----------------------------------*/

div#cafeloto ul {
 -webkit-border-radius: 0;
 margin: 0;
 padding: 5px;
 border-left: 0;
 border-right: 0;
 border-top: 0;
}

div#cafeloto ul li{
 border-top: 1px solid rgb(180,180,180);
 font-size: 16px;
/* padding: 11px 10px 14px 10px;*/
}

div#cafeloto ul li a{
 color: #000;
 text-decoration: none;
 text-overflow: ellipsis;
 overflow: hidden;
 -webkit-tap-highlight-color: rgba(0,0,215,0.40);
}

div#cafeloto ul li a:link{
 color: #00f;
 text-decoration:underline;
}

div#cafeloto ul li a:visited{
 color: #00f;
 text-decoration:underline;
}

div#cafeloto ul li a:hover{
 color: #00f;
 text-decoration:underline
}

/*--当選番号　月タイトル--*/
.mnth_ttl{
 text-align: left;
 margin: 0;
 padding: 5px;
 font-size: 16px;
 line-height: 1.5;
 color: #000;
}

/*--My Brooksへのリンク--*/
.mb_lnk{
 text-align: center;
 margin: 0;
 padding: 5px;
 font-size: 16px;
 line-height: 1.5;
 background-color: #fff;
}

.mb_lnk a:link{
 color: #00f;
 text-decoration:underline;
}

.mb_lnk a:visited{
 color: #00f;
 text-decoration:underline;
}

.mb_lnk a:hover{
 color: #00f;
 text-decoration:underline
}

/*-------------------------------------
コーヒーチャート一覧の表示
-------------------------------------*/

#cfcht_area {
  margin: 0;
  padding: 15px 13px;
  background-color: #d2b48c;
}


#cfcht_bdr {
  overflow: hidden;
  background-color: #fff;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  padding: 12px 30px 12px 8px;
  background-image: url(/iphone/img/cfcht_arw.png);
  background-repeat: no-repeat;
  background-position: 97% 50%;
  background-size: 17px 17px;
  line-height: 1.2;
  -webkit-box-shadow: 0px 5px 5px #C19860;;
  -moz-box-shadow: 0px 5px 5px #C19860;;
  color: #8b4513;
}


.cfcht_stxt {
  font-size: 12px;
}

/*----お手軽便ガイド背景-----*/
.mt10{ margin-top: 10px;}
.bg_white{
 background-color: #ffffff;
}

/*--loginページ ボタン&text--*/


/*ログイン画面の入力欄*/

.lgtx_ip {
  padding: 6px 0 0 0;
}
.lgtx_ip input[type="text"],
textarea {
  font-size: 20px;
  padding: 4px 2px;
  margin: 4px 0 6px;
  width: 95%;
  height: 30px;
  border: solid 1px #c9c9c9;
}

.lgtx_ip input[type="password"],
password {
  font-size: 20px;
  padding: 4px 2px;
  margin: 4px 0 6px;
  width: 95%;
  height: 30px;
  border: solid 1px #c9c9c9;
}





/*ログインボタン*/

.btn_lgin{
 background-color: #411108;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border: 1px solid none;
  color: #fff;
 width: 281px;
 margin: 10px auto;
 font-weight: bold;
 font-size: 18px;
 text-align: center;
  height: 51px;
  display:table;
}

.btn_lgin p{
  display:table-cell;
  vertical-align: middle;
}

.btn_lgin a{
  color: #fff;
  display: block;
}

/*--------お客様コードをお持ちの方-------------*/
.btn_bl_arr{
/* background-color: #898880;*/

 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: solid 2px #007bbb;
 color: #fff;
 background-image: url(../img/is_ar_bl_1806.png);
 background-position: right center;
 background-repeat: no-repeat;
 width: 89%;
 margin: 5px auto 10px;
 font-weight: bold;
 text-align: left;
 font-size: 18px;
 height: 44px;
 display:table;
 #color: #007bbb;
}

.btn_bl_arr a{
  color: #007bbb;
  display: block;
}


/*---------------------*/



.btn_org_arr{
 background-color: #ff8c00;

 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border: none;
 color: #fff;
 background-image: url(../img/is_ar_1806.png);
 background-position: right center;
 background-repeat: no-repeat;
 width: 280px;
 margin: 5px auto 10px;
 font-weight: bold;
 text-align: left;
 font-size: 18px;
 height: 51px;
 display:table;
}

.btn_org_arr a{
  color: #fff;
  display: block;
}

.btn_bge_arr a{
  color: #fff;
  display: block;
}

.btn_txt_arr {
  margin: 0;
  padding: 0 14px 0 0;
  text-align: center;
  vertical-align: middle;
  display:table-cell;
}

.btn_orange_arr{
 background-color: #ff8c00;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: none;
 color: #fff;
 background-image: url(../img/is_ar_1806.png);
 background-position: right center;
 background-repeat: no-repeat;
 width: 89%;
 padding: 12px 0;
 margin: 5px auto 10px;
 font-weight: bold;
 text-align: left;
 font-size: 18px;
}

.btn_orange_arr a{
  color: #fff;
  display: block;
}


.btn_bge_arr{
 background-color: #946243;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: none;
 color: #fff;
 background-image: url(../img/is_ar_1806.png);
 background-position: right center;
 background-repeat: no-repeat;
 width: 89%;
 padding: 12px 0;
 margin: 5px auto 10px;
 font-weight: bold;
 text-align: left;
 font-size: 18px;
}


.btn_orange{
 background: -moz-linear-gradient(top,#FFCC00,#FF6600);
 background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00),to(#FF6600));
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #FF3300;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
 width: 90%;
 padding: 10px 0;
 margin: 0;
}

.btn_green{
 background: -moz-linear-gradient(top,#00FF00,#006600);
 background: -webkit-gradient(linear, left top, left bottom, from(#00FF00),to(#006600));
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #003300;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
 width: 90%;
 padding: 10px 0;
 margin: 0;
}

.btn_green_cart{
 background: -moz-linear-gradient(top,#75d600,#009800);
 background: -webkit-gradient(linear, left top, left bottom, from(#75d600),to(#009800));
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #003300;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
 width: 96%;
 padding: 10px 0;
 margin: 0;
}

.btn_blue_cart{
 background: -moz-linear-gradient(top,#3d97e2,#0a54b2);
 background: -webkit-gradient(linear, left top, left bottom, from(#3d97e2),to(#0a54b2));
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #003300;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
 padding: 8px 0;
 margin:5px 0;
}

.btn_omatome_cart{
 background: -moz-linear-gradient(top,#7ab1d1,#338dc9);
 background: -webkit-gradient(linear, left top, left bottom, from(#7ab1d1),to(#338dc9));
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #2560ba;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
 padding: 8px 0;
 margin:5px 0;
}


.btn_doukon_cart{
 background: -moz-linear-gradient(top,#ffffbb,#fae162);
 background: -webkit-gradient(linear, left top, left bottom, from(#ffffbb),to(#fae162));
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #f7c21e;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 padding: 8px 0;
 margin:5px 0 0 0;
}

.btn_doukon_cart{
 background: -moz-linear-gradient(top,#ffffbb,#fae162);
 background: -webkit-gradient(linear, left top, left bottom, from(#ffffbb),to(#fae162));
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #f7c21e;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 padding: 8px 0;
 margin:5px 0 0 0;
}

.btn_gray{
 background: -moz-linear-gradient(top,#acacac,#666666);
 background: -webkit-gradient(linear, left top, left bottom, from(#acacac),to(#666666));
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #666666;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
 padding: 8px 0;
 margin:5px 0 0 0;
}


.btn_txt{
 font-size: 17px;
 color: #fff;
 font-weight:bold;
 padding: 4px 26px 4px 10px;
 margin: 0;
 background-image: url(../img/is_ar.png);
 background-position: right center;
 background-repeat: no-repeat;
 text-align: center;
}


.btn_txt_cart{
 font-size: 17px;
 color: #fff;
 font-weight:bold;
 padding: 4px 26px 4px 10px;
 margin: 0;
 background-image: url("../img/arrow_wh.png");
 background-position: right center;
 background-repeat: no-repeat;
 text-align: center;
}

.btn_txt_cart a:link,.btn_txt_mini_btn a:link
{ font-weight:bold;
 color: #FFF; text-decoration:none;
}

.btn_txt_cart a:visited,.btn_txt_mini_btn a:visited{
 color: #FFF; text-decoration:none;
}

.btn_txt_cart a:hover,.btn_txt_mini_btn a:hover{
 color: #FFF; text-decoration:none;
}

.btn_txt_mini_btn{
 font-size: 13px;
 color: #fff;
 font-weight:bold;
 padding: 0 26px 0 10px;
 margin: 0;
 background-image: url("../img/arrow_wh.png");
 background-position: right center;
 background-repeat: no-repeat;
 text-align: center;
}

.btn_txt_doukont{
 font-size: 15px;
 color: #333;
 font-weight:bold;
 padding: 4px 26px 4px 10px;
 margin: 0;
 background-image: url("../img/arrow_bl.png");
 background-position: right center;
 background-repeat: no-repeat;
 text-align: center;
}
.btn_txt_doukont .red{
 color: #ff0000;
}


.btn_txt_cart a:link,.btn_txt_mini_btn a:link
{ font-weight:bold;
 color: #FFF; text-decoration:none;
}

.btn_txt_cart a:visited,.btn_txt_mini_btn a:visited{
 color: #FFF; text-decoration:none;
}

.btn_txt_cart a:hover,.btn_txt_mini_btn a:hover{
 color: #FFF; text-decoration:none;
}

.login_txt{
 font-size: 14px;
 line-height: 1.2;
 color: #333;
 font-weight: none;
 padding: 5px;
 margin: 0;
 text-align: left;
}

.login_txt a:link{
 color: #00f !important;
 text-decoration: underline !important;
}

.login_txt a:visited{
 color: #00f !important;
 text-decoration: underline !important;
}

.login_txt a:hover{
 color: #00f !important;
 text-decoration: underline !important;
}

/*--margin-top10--*/
.mgt10{
 margin-top: 10px;
}

/*--ページ内リンク--*/
.modoru {
 margin: 10px 0px 0px 0px;
 padding: 0;
 line-height: 1.2;
 text-align: right;
 font-size: 14px;
 vertical-align: bottom;
}

.modoru a:link{
 color: #00f;
 text-decoration:underline;
}

.modoru a:visited{
 color: #00f;
 text-decoration:underline;
}

.modoru a:hover{
 color: #00f;
 text-decoration:underline
}

/*--------------------------
定期便追加に伴なうカートデザイン
----------------------------*/

.cart_suuryou_txt{
 float: right;
 margin: 8% 0 0 5%;
 font-size: 14px; line-height: 1.3; color: #333;
}
#shosai select{
	width: 25%; float: right;
	padding: 8px;
	margin: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #34495e;
	background: #eee;
    border-radius: 4px;        /* CSS3草案 */
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 4px;   /* Firefox用 */
	background: url("../img/select_grey.png") right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#d7d7d7 100%);
	background: url("../img/select_grey.png") right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#d7d7d7 100%);
	background-size: 20px, 100%;
}


/*定期便ふきだし*/
.bteiki_area_sm {
 background-color:#FFF;
 border:1px solid #999999;
 border-radius:5px;
 position:relative;
 /*margin: 15px 5px 10px 5px;*/
 margin: 15px 5px 20px 5px;
 padding: 5px 5px 0 5px;
 text-align: right;
}
.bteiki_area_sm .bteiki_area_sm { margin: 10px 0 5px 0; border:1px solid #4275c3; background-color:#bcd9ec;}
.bteiki_area_sm .bteiki_area_sm:after { border-bottom-color:#4275c3;}
.bteiki_area_sm .bteiki_area_sm:before { border-bottom-color:#bcd9ec;}
.bteiki_area_sm:after {
 border:10px solid transparent;
 border-bottom-color:#999999;
 border-top-width:0;
 top:-10px; margin-left: -10px;
 content:"";
 display:block;
 left: 50%;
 position:absolute;
 width:0;
}

.bteiki_area_sm:before {
 border:10px solid transparent;
 border-bottom-color:#FFF;
 border-top-width:0;
 top:-8px; margin-left: -10px;
 content:"";
 display:block;
 left: 50%;
 position:absolute;
 width:0;
 z-index:1;
}
.bteiki_area_sm p{
 margin:0;padding:0;
 font-weight: bold;
}
.yajirushi_y img{ width: 3%;}

.bteiki_hukidashi_nebiki {
 text-align: center;
 padding: 5px 0;
 color: #FF0000;
 font-size: 13px; line-height: 1.3;
 font-weight: bold;
}




/*定期便価格　赤字*/
.bteiki_otoku .svalu{
 margin: 5px 0;
line-height: 1; color: #ff0000;
}
.bteiki_otoku_kakaku{ font-weight: bold;}
/*相当価格*/
.bteiki_soutoukakaku_sm{
 font-size: 13px; line-height: 1; color: #333;
 margin-top: 3px;
}
.bteiki_mame_txt{
 margin-top: 5px;
 font-size: 13px; line-height: 1;
}

.bteiki_area_ttl{
 text-align: center;
 font-weight: bold;
 font-size: 14px; line-height: 1.3; color: #FFF;
 background: url("../img/dotted_deepblue.gif");
 padding: 3px;
}
.bteiki_att{ color: #ffff00;}
.bteiki_mame_green{ color: #009245; font-weight: bold;}


#slidetoggle_menu{
 margin: 0;padding: 0;
}

.line_dot_g{ border-top: 2px dashed #333;}
.bteiki_doukon_ttl{
 text-align: center;
 font-weight: bold;
 font-size: 13px; line-height: 1.3; color: #FFF;
 background: url("../img/dotted_deepblue.gif");
 padding: 3px;
 letter-spacing:-1px;
}
.bteiki_doukon_ttl img{
 width: 7%;
 float: left;
}
.bteiki_doukon_txt p{
 font-weight: normal;
 margin: 5px;
 text-align: left;
 font-size: 13px; line-height: 1.3; color: #333;
}

/*-------------------------------
定期便同梱
--------------------------------*/

.bteiki_no_teiki { font-size: 12px; line-height: 1.3; color: #6A3906;}
.bteiki_no_teiki_ttl{ float: left; margin-right: 5px;}
.bteiki_no_teiki p { float: left; padding-top: 3px;}
.bteiki_matome_btn { float: right; margin: 3px 3px 0 0;}

/*アコーディオン*/
.bteiki_no_teiki dl { margin:0px; padding: 0px;}
.bteiki_no_teiki dt { margin:0px; padding: 0px;}
.bteiki_no_teiki dl dt.active { margin:0;padding: 0px;}
.bteiki_no_teiki dl dd { display:none; margin:0;padding:5px 0 0 0;}

.bteiki_app{ padding: 2px 2px 0 2px; background-color: #ebebeb; margin-bottom: 5px;}
.bteiki_app p{ margin: 0; padding: 0;text-align: left;}


#shosai .bteiki_app_select select{
 width: 100%;
 margin: 0 0 5px 0;
}

/*-------------------------------
商品一覧
--------------------------------*/

#item_list .box {
}
#item_list .box .img {
	float: left;
	margin: 0px 4px 4px 0px;
}
#item_list .box p, #item_list .box div {
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-size:10px;
}
#item_list .box .ichiran {
	margin-bottom: 6px;
}
#item_list .box .tleft {
	text-align: left;
}
#item_list .box .strong {
	font-weight: bold;
}
#item_list .box .remark {
	color: red;
}
#item_list .box .large {
	font-size: 12px;
}
#item_list .box .teiki {
	font-size:10px;
	color: #0a54b2;
}
.button.small {
	color: white;
	width: 40%;
	font-size: 16px;
	padding: 9px 24px;
	line-height: 41px;
	font-weight: bold;
	text-align: center;
}
.button.small.blue {
 background: -moz-linear-gradient(top,#3d97e2,#0a54b2);
 background: -webkit-gradient(linear, left top, left bottom, from(#3d97e2),to(#0a54b2));
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
}
.button.small.green {
 background: -moz-linear-gradient(top,#75d600,#009800);
 background: -webkit-gradient(linear, left top, left bottom, from(#75d600),to(#009800));
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
}



/*-----------------------
関連商品
-------------------------*/
#product_relation{
	margin:0 5px 40px;
}
#product_relation h4{
	margin: 0 0 10px 3px;
	font-size: 18px;
	font-weight: bold;
	border-left: 3px solid #9A6E43;
	padding-left: 10px;
	line-height: 160%;
}
#product_relation ul{
	border-radius: 5px;
	margin:0;
}
#product_relation ul li{
	border-bottom: 1px dotted #ccc;
	padding: 0;
	margin:0;
}
#product_relation ul li:nth-child(even){
	background: #eee;
}
#product_relation ul li a{
	display: block;
	padding:7px 25px 7px 7px;
	background:url("/common/img/icon_arrow_g-right.png") no-repeat right 10px top 50%;
}
#product_relation ul li:last-child{
	border-bottom:none;
	border-radius: 0 0 5px 5px;
}
#product_relation li dl{
	width:100%;
	margin:0;
}
#product_relation li dt{
	font-size: 13px;
	font-weight: bold;
}
#product_relation li dd{
	text-align: right;
	font-size: 12px;
	color: #666;
}

/*画像ありの場合**/
#product_relation.product_relation_img{

}
#product_relation.product_relation_img p{
	float: left;
	width:40px;
	margin:0;
	position: relative;
}
#product_relation.product_relation_img p span.sale{
	position:absolute;
	top:-3px;
	left:-3px;
}
#product_relation.product_relation_img p span.sale img{
	width: 35px;
}

#product_relation.product_relation_img p img{
	width:40px;
	vertical-align: top;
}
#product_relation.product_relation_img dl{
	float: right;
	width:calc(100% - 45px);
}
#product_relation.product_relation_img dd span.red{
	color: #E24462 !important;
}

/*-----------------------
一覧お知らせ
-------------------------*/
.message_area{
 background-color:#ffffe0;
 border: 2px dotted #a5a5a5;
 padding: 5px;
 font-size: 13px; line-height: 1.3; color: #333;
}
.p5{ padding: 5px;}

/* 欠品商品お知らせボタン */
.notify {

 width: 47%;
 margin: 10px 10px 15px 15px;
 padding: 3px 3px;
 background: #248;
 border: 0;
 color: #fff;
 -webkit-appearance: none;
 -webkit-border-radius: 10px;
 -moz-border-radius:10px;
 border-radius:10px;
 #-webkit-box-shadow: 0px 2px 2px #333;
 #box-shadow: 0px 3px 3px 0px #333;
 font-size: 12px;
 font-weight: bold;
 line-height: 1.5;
 vertical-align: top;
 text-align: center;


}

.notify_n {

 width: 47%;
 margin: 10px 10px 15px 15px;
 padding: 3px 3px;
 background: #248;
 border: 0;
 color: #fff;
 -webkit-appearance: none;
 -webkit-border-radius: 10px;
 -moz-border-radius:10px;
 border-radius:10px;
 #-webkit-box-shadow: 0px 2px 2px #333;
 #box-shadow: 0px 3px 3px 0px #333;
 font-size: 12px;
 font-weight: bold;
 line-height: 1.5;
 vertical-align: top;
 text-align: center;


}

/* メルマガ会員得点 */
.firstguide{
  width: 100%;
  margin: 0 auto;
}

.firstguide .backbrown{
  background-color: #ae674b;
  color: #ffffff;
  line-height: 1.4;
  padding: 2%;
  margin: 1% 0 2% 0;
}

.firstguide .first_text2{
  font-size: 14px;
  padding: 0;
  line-height:1.3;
  text-align: left;
  margin: 2% auto;
}

.firstguide .first_text2 a{
	/*font-size: 16px;*/
	text-decoration: underline;
}



#regform ul .firstguide .mailmagazine_service ul{
	width: 100%;
  margin: 0 auto;
	padding: 0;
	line-height: 1.8;
	list-style: none;
	border:none;
}

#regform ul .firstguide .mailmagazine_service ul li{
	padding: 0 1% 0 1%;
	/* float: left; */
	width: 46%;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}

/* ログインページだけに適用　*/
.firstguide .mailmagazine_service ul{
	width: 100%;
  margin: 0 auto;
	padding: 0;
	line-height: 1.8;
	list-style: none;
	border: none;
}

.firstguide .mailmagazine_service ul li{
	padding: 0 1% 0 1%;
	/* float: left; */
	width: 46%;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}

/* ログインページだけに適用end */

.mailmagazine_service ul li .mailma_img{
  border: solid 2px #411108;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  width: 100%;
}

.mailmagazine_service ul:after{
  content: "";
	display: block;
	clear: both;}
.menu ul {*zoom: 1;}

/* メルマガ会員得点ここまで */

/* マメーポイントでもっとお得に！もっと楽しく！！*/

.firstmame .titllesp{
  width: 100%;
}

.first_howto ul{
  margin: 0 auto;
	padding: 0;
	line-height: 1.4;
	list-style: none;
	border: none;
}

.first_howto li	{
  float: left;
  width: 50%;
  padding: 0;
}

.first_howto li img{
  border: none;
  width: 100%;
}

.first_howto ul:after{
  content: "";
	display: block;
	clear: both;}
.menu ul {*zoom: 1;}

.first_text3{
  font-size: 12px;
  line-height: 1.3;
  text-align: left;
	padding: 0 0 2% 0;
}

.change{
	padding-bottom: 4%;
}
/* マメーポイントでもっとお得に！もっと楽しく！！ここまで*/


/*-----------
フッター
--------------*/
/*-----------
既存フッター
--------------*/

#footer  {
	margin: 0;
	padding: 0;
	width: 90%;
	padding: 10px;
	color: #333;
	font-size: 9px;
	}


/*-----------
NEWフッター
--------------*/

.f_bkbt  {
	text-align: right;
	margin: 10px;
	font-size: 12px;
}

#footer_box  {
	margin: 0px;
	padding: 0px;
	width: 100%;

	background-color: #000;
	}

.footer_ltxt {
	padding: 5px 0 5px 0;
	font-size: 10px;
	line-height: 1.7;
	width: 100%;
	text-align: center;
	color: #fff;
	}

.footer_ltxt a{
	color: #fff;
	}

.footer_ctxt  {
	padding: 0 10px 10px 10px;
	color: #999;
	font-size: 9px;
	text-align: center;
	}

/*-----------
フッター リニュアル 2018/09/03
--------------*/

#footer_box_n {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #000;
	}

.footer_ltxt_n {
	margin: 0;
	padding: 10px 5px;
	font-size: 14px;
	line-height: 2;
	text-align: center;
	color: #fff;
	}

.footer_ltxt_n a{
	margin: 0;
	padding: 10px 5px;
	font-size: 14px;
	line-height: 2;
	text-align: center;
	color: #fff;
	}

.footer_ctxt_n {
	padding: 0 5px 5px 5px;
	color: #999;
	font-size: 12px;
	text-align: center;
	line-height: 1.3;
	}

	/*-----------------------
	戻るボタン
	-------------------------*/
.button-re{
	text-align: center;
	margin:20px auto 40px;
}
.button-re a{
	border: 1px solid #999;
	padding:5px 20px;
	border-radius: 5px;
	font-size:14px;
}

.teiki_border{
	border-bottom: solid 3px #0070b8;
	border-left:   solid 3px #0070b8;
	border-right:  solid 3px #0070b8;
	box-sizing: border-box;

	padding-top: 5px;
}

.cs_teiki_img_area{
	padding-top: 20px;
	width: 100%;
}



/*-----------
メルマガ登録関連 20190516～
--------------*/

/*--ttl_mame_form--*/
.ttl_mame_form{
padding-left: 60px;
text-align: left;
font-size: 18px;
color: #000;
line-height: 1.3;
}

/*--ttl_mame_form_input--*/
.ttl_mame_input{
padding: 0;
text-align: center;
font-size: 18px;
color: #000;
line-height: 1.3;
}

/*--ログインページ--*/
ul#mlmg_form {
color: #000;
font-size: 17px;
line-height: 1.3;
background: #fff;
border: none;
padding: 10px 0;
margin: 0;
width: 100%;
text-align: center;
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}


ul#mlmg_form li {
list-style-type: none;
padding: 20px 10px;
magin: 0;
}

ul#mlmg_form li a {
color: #000;
text-decoration: none;
text-overflow: ellipsis;
overflow: hidden;
-webkit-tap-highlight-color:rgba(0,0,0,0);
				}

ul#mlmg_form li input[type="text"] {
width: 210px;
font-size: 17px;
height: 25px;
}

ul#mlmg_form li input[type="password"] {
width: 210px;
font-size: 17px;
height: 25px;
}

ul#mlmg_form li input[type="checkbox"], ul li input[type="radio"] {
margin: 0;
color: rgb(50,79,133);
padding: 10px 10px;
}

ul#mlmg_form li select {
text-indent: 0px;
-webkit-appearance: textfield;
font-size: 17px;
width: 80px;
margin: 10px 10px;
}

.form_txt{
 font-size: 17px;
 line-heignt: 1.3;
 color: #000;
}

.mgb20{
margin-bottom: 20px;
}

.mgt20{
margin-top: 20px;
}

/*--入力ページ--*/
ul#input_form {
color: #000;
font-size: 17px;
line-height: 1.3;
background: #fff;
border: none;
padding: 10px 0;
margin: 0;
width: 100%;
text-align: left;
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}


ul#input_form li {
list-style-type: none;
padding: 20px 10px;
magin: 0;
}

ul#input_form li a {
color: #000;
text-decoration: none;
text-overflow: ellipsis;
overflow: hidden;
-webkit-tap-highlight-color:rgba(0,0,0,0);
				}

ul#input_form li input[type="text"] {
width: 210px;
font-size: 17px;
height: 30px;
}

ul#input_form li input[type="password"] {
width: 210px;
font-size: 17px;
height: 30px;
}

ul#input_form li input[type="checkbox"], ul li input[type="radio"] {
margin: 0;
color: rgb(50,79,133);
padding: 10px 10px;
}

ul#input_form li select {
text-indent: 0px;
-webkit-appearance: textfield;
font-size: 17px;
width: 80px;
margin: 10px 10px;
height: 30px;
}

/*--white_area--*/
.white{
 background-color: #fff;
}

.notice_txt{
 font-size: 14px;
 line-height: 1.3;
 color: #333;
 text-align: left;
 margin: 5px 0;
}

.notice_bottom{
 background-color: #e6e6e6;
 font-size: 14px;
 line-height: 1.3;
 color: #333;
 text-align: left;
 margin: 0 10px 20px 10px;
 padding:10px;
}

.bld{
 font-weight: bold;
}

.kome{
 color: #ff4500;
}

/*--ブルックスコーヒー通信解除ページ調整--*/
.kaijyo ul {
	margin: 10px 10px 0 10px;
	padding: 0;
	line-height: 1;
	list-style: none;
	border: none;
}

.kaijyo_text{
	text-align: right;
	font-size: 15px;
	padding: 0;
	line-height: 1;
	margin: 2% 3% 0 0;
	text-decoration: underline;
}

/*--マルシェ文言追加--*/
.basetxts3{
	width: 95%;
	font-size: 14px;
	padding: 3px 0px 3px 5px;
	margin: 0 auto;}

/*--焙煎便注文履歴ページ-*/
.baisenrireki {
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    line-height: 1.7;
		margin-top: 5px;
}

.baisenrireki a{
    font-size: 14px;
		font-weight: bold;
    color: #333;
    padding: 0;
    line-height: 1.5;
		text-decoration: underline;
}
/*-----------------------------------------------------------------
button
-----------------------------------------------------------------*/
.decision_area{
  margin: 0 auto;
  text-align: center;
  padding: 10px;
}
.decision_area p{ text-align: center; padding: 0 0 10px 0;}
.decision_area button {
  margin-top: 10px;
}
/*-----------------------------------------------------------------
 clearfix
-----------------------------------------------------------------*/
.clearfix:after{
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
.pay_confirm_faq_link_msg_sp{
  text-align: right;
  font-size: 12px;
}
.blue_link_color{
  color: #007bff;
}  
.clear{clear: both;}