@charset "UTF-8";

/* footer */
/* 2023.04.01~　追加 */
#footer_box_n .fc-brown,#footer_box_n .fc-brown a { 
color:#222;
transition: all 0.2s ease-out;
}
.border-bottom-brown a {
text-decoration: underline;
}
#footer_box_n .fc-brown a:hover {
color: #800000;
}
.border-y {
border-top: #c9c9c9 1px solid;
border-bottom: #c9c9c9 1px solid;
padding: 10px 0;
margin: 0px;
}
#sp_footer .bg-white,.bg-white {
background-color: #fff;
}
#footer_box_n .mt-3 {
margin-top: 1rem;
}

/*  */
body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif,Tahoma, Geneva, sans-serif;
 margin: 0px;
 padding: 0px;
 -webkit-user-select: none;
 -webkit-text-size-adjust: none;
 background: #fff;
/* background: rgb(197,204,211)*/
}

#wrap{
 margin: 10px;
}

#news_wrap{
	background-color: #fff;
	padding: 0 5px 5px 5px;
}
.red{ color: red!important;}

/*----------------------------
ヘッダー
-----------------------------*/
.header_area{
  background-color: #000;
  width: 100%;
  padding-top: 5px;:
}
.header_area img{
  float: left;
  padding: 5px;
  width: 30%;
}
.header_area p{
  float: right;
  text-align: right;
  display: block;
/*  margin: 2px 10px;*/
  margin: 0 5px 0 0;
  padding: 0px;
  font-size: 13px; line-height: 1.6; color: #fff;
  font-weight: bold;
}
.header_area p  a:link { text-decoration: none; color: #fff;}
.header_area p  a:visited { text-decoration: none; color: #fff;}
.header_area p  a:hover { text-decoration: none; color: #fff;}


/* まめ得ステージ */
.mmt_st p{
  margin: 0;
  padding: 5px 5px 5px 0;
  width: 100%;
	vertical-align: middle;
}
.header_area .mmt_st img{
	vertical-align: middle;
  float: right;
  width: 16px;
  padding: 1px 0 0 5px;
}
/*---------------------------
スライド画像
-----------------------------*/
.slide_img{
/* margin: 5px;*/
 padding: 5px;
 text-align: center;
}

/*.slide_img{
  min-width: 200px;
  max-width: 640px;
}*/


/*----------------------------
メニューデザイン
-----------------------------*/
#menu_area{
  background-color: #000;
  padding: 5px 0px;
}

#menu_area ul{
/*background-color: plum;*/
  margin: 0px;
  padding: 0px;
  float: left;
  text-align: center;
  width: 100%;
}

#menu_area li{
  margin: 0px 0px 0px 1%;
/*  width: 18%;*/
  padding: 0px;
  float: left;
  text-align: center;
  width: 15.5%;  /*--6個並んだ際の幅--*/
}

#menu_area li{
/*  background-color: pink; */
  display:block;
/*  border-left:#fff 1px solid; */
/*  border:#c9c9c9 1px solid;*/
  background-image: url("../images/menu/top_menu_bg.gif");
}


/*----------------------------
ラッキーナンバー 20190704終了
-----------------------------*/
.luck_nm{
 margin: 5px 5px;
 border:#c9c9c9 1px solid;
 background-color: #ed1e79;
}
.luck_nm p{
 margin: 0px 10px; padding: 0px;
 font-size: 15px; line-height: 1.4; color: #fff;
 font-weight: bold;
}
.luck_nm-l{
 float: right;
 margin: 0px 10px;
 line-height:1.5;
}

.luck_nm-l img{
  margin: 0px 5px;
  display: inline;
  vertical-align: middle;
 }

/*----------------------------
1000円クーポンプレゼント 20190705～
-----------------------------*/
.senen{
 margin: 10px 5px 5px 5px;
 padding: 0;
 background-color: #ffa500;
 text-align: center;
}
.senen p{
 margin: 0;
 padding: 0 5px 15px 5px ;
 font-size: 16px;
 line-height: 1.3;
 color: #fff;
 font-weight: bold;
}

.senen p a:link{
 color: #fff;
 text-decoration:underline;
}

.senen p a:visited{
 color: #fff;
 text-decoration:underline;
}

.senen p a:active{
 color: #fff;
 text-decoration:underline;
}

.senen p a:hover{
 color: #ff0;
 text-decoration:underline;
}

/*--当選確認ボタン_190809--*/
.btn_kn{
 width: 80%;
 display: block;
 margin: 5px auto 10px auto;
 padding: 15px 5px;
 background-color: #670202;
 border: 0;
 color: #fff;
 -webkit-appearance: none;
 -webkit-border-radius: 10px;
 -moz-border-radius:10px;
 border-radius:10px;
 font-size: 18px;
 font-weight: none;
 line-height: 1.3;
 text-decoration: none;
 vertical-align: bottom;
 text-align: center;
}

.btn_kn a:link{
 text-decoration: none;
 color: #fff;
}

.btn_kn:link{
 background-color: #670202;
}

.btn_kn:visited{
 background-color: #670202;
}

.btn_kn:hover{
 background-color: #a30101;
}

.btn_kn:active{
 background-color: #a30101;
}


/*-----------------------------
セット左右に2種（黄色背景）
-----------------------------*/
.set2_bg{
 width: 50%;
 margin: 5px 5px;
 padding: 5px 0px;
 text-align: center;
 background-color: #ffffdf;

}

.set2_bg p{
 margin: 0px; padding: 0px;
 font-size: 12px; line-height: 1.4; color: #000;
}

/*-----------------------------
セット1種（黄色背景）
-----------------------------*/
.set1_bg{
 width: 100%;
 margin: 5px 5px;
 padding: 0px;
 text-align: left;
 background-color: #FFFFDF;
 border:#F6921E 1px solid;
}

.set1_bg p{
 margin: 0px; padding: 0px;
 font-size: 12px; line-height: 1.4; color: #000;
}


/*-----------------------------
セット左右に2種（白色背景）
-----------------------------*/
.osusume2_bg{
 width: 50%;
 margin: 5px 5px;
 padding: 5px 0px;
 text-align: center;
 background-color: #FFF;
 border:#c9c9c9 1px solid;
}

.osusume2_bg img{ padding-bottom: 2px;}

.osusume2_bg p{
 margin: 0px; padding: 0px;
 font-size: 12px; line-height: 1.4; color: #000;
}

/*-----------------------------
セット画像左、右に説明のデザイン
-----------------------------*/
.set_left{
/* background-color: plum;*/
}
.set_left img{
  float: left;
  margin: 5px;
}
.set_left p{
  margin: 0px;
  padding: 5px 0px 2px 0px;
  font-size: 12px; line-height: 1.4; color: #333;
}

/*-----------------------------
セット3種並列
-----------------------------*/
.set3_bg{
 width: 33%;
 margin: 5px 5px;
 padding: 5px 2px 0px 2px;
 text-align: center;
 vertical-align: text-top;
 background-color: #FFF;
 border-bottom:#c9c9c9 1px solid;
}

.set3center{
 border-left:#c9c9c9 1px solid;
 border-right:#c9c9c9 1px solid;
}

.set3_bg p{
 text-align: left;
  margin: 0px;
  padding: 0px 2px;
  font-size: 10px; line-height: 1.4; color: #333;
}


/*-----------------------------
キャンペーン
-----------------------------*/
/*--左--*/
.cam_bg{
 width: 33%;
 margin: 5px 5px;
 padding: 5px 2px 0px 2px;
 text-align: center;
 background-color: #FFF;
 border-bottom:#c9c9c9 1px solid;
 border-right:#c9c9c9 1px solid;
}

/*--右・中央--*/
.cam_bg-right{
 width: 33%;
 margin: 5px 5px;
 padding: 5px 2px 0px 2px;
 text-align: center;
 background-color: #fff;
 border-bottom:#c9c9c9 1px solid;
}

.cam_bg p, .cam_bg-right p{
 text-align: left;
  margin: 0px;
  padding: 2px 5px;
  font-size: 11px; line-height: 1.2; color: #333;
}

/*-----------------------------
カテゴリー（メニュー）
-----------------------------*/
.cat_area{
  width: 100%;
  border-bottom:#c9c9c9 1px solid;
}

.cat_area img{
  margin: 2px;
}

.cat_area_l{
  width: 49%;
  float: left;
  border-right:#c9c9c9 2px solid;
}
.cat_area_r{
  width: 50%;
  float: left;
}

/*-----------------------------
カテゴリー下テキスト
------------------------------*/
.catalog{
 float: left;
 margin: 0;
 padding: 0;
 background-color: #fff;
 width: 100%;
}

.catalog_text{
 margin: 0;
 padding: 5px;
 font-size: 15px;
 color: #ff0000;
 line-height: 1.4;
 text-align: left;
}

/*-----------------------------
一覧リンク（背景灰色）
-----------------------------*/
.ichiran_area{
 /*background-color: #c9c9c9;*/
 background-color: #fff;
 padding: 10px 0;
}

.ichiran_area p{
 float: right;
 margin: 5px 10px;
 overflow:hidden;
 font-size: 15px;
 line-height: 1;
 color: #333;
 }
.ichiran_area img{	margin: 0px 5px;}



/*-----------------------------
アンダーメニュー
-----------------------------*/
/*--新規会員登録--*/
.new_touroku{
/* background-color: plum;*/
 border-bottom:#333 1px solid;
}
.new_touroku p{
    float: right;
    margin: 5px 10px;
	overflow:hidden;
	}
.ichiran_area img{	margin: 0px 5px;}

.under_menu{
/*  background-image: url("../images/menu/undere_menu_bg.gif");*/
  background-repeat:repeat;
}

.under_menu p{
/* background-color: plum;*/
 margin: 5px 5px 5px 10px;
 font-size: 14px; line-height: 1.5; color: #333;
 font-weight:bold;
}

.under_menu img{ margin: 0px 5px -5px 0px;}


/*---角丸-----*/
.all_m_area{
  border: 1px solid #c9c9c9;
  border-radius: 10px;
/*  border-bottom-left-radius: 10px;*/
/*  border-bottom-right-radius: 10px; */
  margin: 10px;
}



/*-----------------------------
全体定義
-----------------------------*/

/*----黒帯のタイトル---*/
h3{
 margin: 0px;
 padding: 2px 5px;
 background-color: #000;
 font-size: 13px;
 line-height: 1.5;
 color: #fff;
}

/*--文字化け回避用--*/
.toph3{
 margin: 0px;
 padding: 2px 5px;
 background-color: #000;
 font-size: 13px;
 line-height: 1.5;
 color: #fff;
}

/*----黒帯のタイトル→赤---*/
.ttl_red{
 background-color: #c00020;
}


/*----TOPオススメ商品---*/
h4{
 margin: 0px;
 padding: 0px;
 font-size: 13px;
 line-height: 1;
 color: #000;
}

/*--文字化け回避用--*/
.toph4{
 margin: 0px;
 padding: 0px;
 font-size: 13px;
 line-height: 1;
 color: #000;
}


/*----TOPset3　左寄せの商品タイトル---*/
h5{
 margin: 0px;
 padding: 0px 2px;
 height:40px;
 text-align: left;
 font-size: 11px; line-height: 1.2; color: #000;
}

/*----マイブルックス　おすすめキャンペーンタイトル---*/
h6{
 margin: 5px 0px;
 padding: 5px 10px;
 text-align: left;
 font-size: 14px; line-height: 1.2; color: #000;
 background-color:#FFC9A6;
}

h7{
 margin:0px;
 padding: 0px;
 text-align: left;
 font-size: 16px; line-height: 1.2; color: #000;
 font-weight: bold;
}

/*----マメタイトルピンク----*/
h8{
 text-align: left;
 font-weight: bold;
 font-size: 14px; line-height: 1.2; color: #ed1e79;
}


.m5{ margin: 5px;}
.m10{ margin: 10px;}
.mrl5{ margin-left:5px; margin-right:5px;}
.mrl10{ margin-left:10px; margin-right:10px;}
.mtb20{ margin: 20px 0px;}
.mtb10{ margin: 10px 0px;}
.mrl10{ margin:  0px 10px;}
.mtb10{ margin:  10px 0px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mg10{  margin: 10px;}
.mp0{ margin: 0px; padding: 0px;}
.pd5{ padding: 5px;}
.pdl5{ padding-left: 5px;}
.mb10{ margin-bottom: 10px;}
.mb5{ margin-bottom: 5px;}
.mb20{ margin-bottom: 20px;}
.ml30{ margin-left: 30px;}

/*----赤文字---*/
.red-f{color:red;}

/*----黄色文字---*/
.yellow-f{color:yellow;}

/*----フォントサイズ---*/
.t10{ font-size: 10px;}
.t11{ font-size: 11px;}
.t12{ font-size: 12px;}
.t20{ font-size: 20px;}
.t30{ font-size: 30px;}
.t35{ font-size: 35px;}
/*----太字--*/
.txt-b{ font-weight:bold;}

/*----右寄せ--*/
.t-r{ float: right;}
/*----左寄せ--*/
.t-l{ float: left;}

/*----ライン--*/
.line_gyey{  border-top:#979797 1px solid;}
.line_gyeyd{ border-bottom:#979797 1px dotted;}

.line_green{  border-top:#21944B 3px dotted;}

/* ------------
検索バー
--------------- */
#search {
/*background-color: pink;*/
  text-align: left;
/*  text-align: left;*/
/*	width: 300px;*/
	width: 100%;
/*	margin: 0px auto 5px auto;*/
	padding: 0 0 5px 0;
	margin: 0;
}
#search .s_box {
	float:left;
/*	width: 200px;*/
	width: 60%;
	font-size: 16px;
	height: 30px;
	margin-left: 10px;
}

#search input[type="submit"] {
	font-size: 16px;
/*	height: 30px;
	width: 70px;*/
	width: 20%;
	height: auto;
	margin-left: 10px;
	padding: 4px ;
	float:left;
}

#search form{
	margin: 0px;
	padding: 10px 0px;
}

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

		#header {
			background: rgb(109,133,163)  repeat-x top;
			border-top: 1px solid rgb(205,213,223);
			border-bottom: 1px solid rgb(46,55,68);
			padding: 3px;
			margin: 0 0 0 -10px;
			min-height: 44px;
			-webkit-box-sizing: border-box;
			}


		#header h1 {
			color: #fff;
			text-shadow: #2d3642 0 -1px 0;
			text-align: center;
			/*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 0px 0px 0px;
	text-align: left;
}
.lp_logo_55 {
	padding: 0px 0px 0px 5px;
	text-align: left;

}


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

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

#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; */
	padding: 10px 5px 10px 5px!important;/* 2023.04.01~ */
	color: #999;
	font-size: 12px;
	text-align: center;
	line-height: 1.3;
	}

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

#gl {

	margin: 0px;
	width: 100%;
	}

#itop  {
	background: #fff;
	width: 100%;
	margin: 0px;
	padding: 10px 0 ;
	}

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

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;
		}

/*ナンバー４*/

	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: black;
	background-image: url(../img/is_ar.png);
	background-position: right center;
	background-repeat: no-repeat;
	}


	.ichiran{
		font-size: 15px;
		}

	.ichiran a {
		font-size: 15px;
		text-decoration: none;
		line-height: 1;
		}


	.naiyo{
		color: #666;
		font-size: 12px;
		line-height: 1.3;
		}

	.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: 0;
	}

	.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: 15px;
		background: #ebebeb;
		color: black ;
		padding: 3px 5px 3px 5px;
		}

	.snaiyo{
		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;
			}

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

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

	#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: black;
	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 {
			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 li + li {
				float: right;
					}

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

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

.nav_button {
		height: 30px;
		font-family: HiraKakuProN-W6;
		max-width: 200px;
		font-size: 17px;
		color: white;
		text-align: center;
		line-height: 30px;
		text-shadow: rgba(0,0,0,0.6) 0px -1px 0;
		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;
		text-shadow: rgba(0,0,0,0.6) 0px -1px 0;
		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;
 }

#back{
	float: left;
	position: absolute;
	top: 55px;
	left: 5px;
	border-right: gray solid 7px;
	border-left: gray solid 12px;
	-webkit-border-image: url(../img/is_back.png) 0 7 0 12;
 }

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

	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;
		}

	.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;
		}

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

	.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;
		}

/*-----------
ガイドリスト
--------------*/

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

.guide ul .field {
			width: 90%;
			}

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

				}

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

.guide ul li input[type="text"] {

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

.guide ul li input[type="password"] {

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

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

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

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


/*-------------------------------------
メッセージ（お届け・メンテナンス）
----------------------------------------*/
div#msg {
  font-size: 16px;
  line-height: 1.3;
  padding: 10px 5px;
/*  margin: 10px 0px;*/
  margin: 5px 0;
/*  border-bottom: 2px lightblue dotted;*/
  border-top: 2px lightblue dotted;
}

#msg p{
  margin: 0px;
}

/*--お知らせ--*/
/*--お知らせ_タイトル--*/
.msg_red{
 color: #f00;
 margin: 0;
 padding: 0;
}

.msg_red a:link{
 color: #f00;
 text-decoration:underline;
}

.msg_red a:visited{
 color: #f00;
 text-decoration:underline;
}

.msg_red a:hover{
 color: #f00;
 text-decoration:underline;
}

/*--お知らせ_黒文字--*/
.msg_t14{
 font-size: 14px;
 line-height: 1.3;
 margin: 0;
 padding: 0;
}

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

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

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

/*-------------------------------------
ナンバー４
----------------------------------------*/
	ul#no4 {
		color: black;
		background: #ffa500;
		border: 1px solid #B4B4B4;
		padding: 0;
		margin: 10px 10px 10px 10px;
		-webkit-border-radius: 8px;
			}

#no4 li{ list-style-type:none;}

/*-------------------------------------
角丸
----------------------------------------*/
.boder_m_area{
  border: 1px solid #c9c9c9;
  /*border-radius: 10px;*/
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 0px 10px;
}

/*-------------------------------------
マイブルックス　リスト
----------------------------------------*/
.my_list{ /*background-color: pink;*/}

.my_list ul{
  margin: 10px;
  padding: 0px;
  list-style-type:none;
}

.my_list li{
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #c9c9c9;
  background-image: url("../images/arrow_grey.png");
  background-repeat:no-repeat;
  background-repeat:no-repeat;
  background-position:95% 50%;
}
.my_list li a{ display: block; }

/*-------------------------------------
マイブルックス　マメー＆スタンプ
----------------------------------------*/
.my_mmy_area{
  margin: 10px;
  border: 1px solid #2eae68;
}

.my_mmy_area img{
 margin-bottom: 5px;
}

/*-------------------------------------
マイブルックス　キャンペーン
----------------------------------------*/
.my_cam{
/* background-color: pink;*/
  border: 1px solid #c9c9c9;
  padding: 5px;
}
.my_cam a:link{ display: block; }


.my_cam img{
  float: left;
  margin-right: 5px;
}

.my_cam p{
  margin: 0px;
 font-size: 13px; line-height: 1.3; color: #333;
}

/*-----------------------
アンケートリンク
------------------------*/
.enq_link{
  font-size: 15px; line-height: 1.3; color: #222;
  text-align: left;
  margin: 10px;
  padding: 10px;
  border: 1px solid #c9c9c9;
}
.enq_link a:link { text-decoration: underline;color: #333366;}
.enq_link a:visited {text-decoration: underline;color: #333366;}
.enq_link a:hover { text-decoration: underline;color: #F2005B;}

/*-------------------------------------
マメー関連
----------------------------------------*/
.green_waku{
  border: 2px solid #21944b;
}
.green_waku p{
  margin: 0px;
  padding: 3px;
}
.lgreen_bg{ background-color:#b3db71;}

.blown{
  font-size: 15px; line-height: 1.3; color: #660000;
  text-align: right;
  font-weight: bold;
}

.blown a:link { text-decoration: none; color: #660000;}
.blown a:visited { text-decoration: none; color: #660000;}
.blown a:hover { text-decoration: none; color: #660000;}

.list_g_bg p{
  background-color:#E8F4D4;
  font-size: 13px; line-height: 1.2; color: #333;
}
.mame_yaji_area{ float: right;}

.mame_yaji_area img{
  margin: 0px 5px;
  display: inline;
  vertical-align: middle;
 }

/*--マイブルックス内テキスト--*/
.myb_ttl{
 font-size: 18px;
 color: #630;
 margin: 5px;
 font-weight: bold;
}

/*-----マメーメニュー------*/
.mame_menu{
  margin-top: 5px 0px 0px 5px;
}
.mame_menu img{
  margin-bottom: 2px;
}

.mame_con{
  margin: 5px;
}
.mame_con img{
  margin: 5px;
}

/*-------------------------------------
マメーとは
----------------------------------------*/
#guide_main{
	font-size:12px;
	line-height:1.4;
	color: #222;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}


#guide_main h3{
	padding:8px 12px;
	border-top:1px solid #0071bc;
	border-bottom:1px solid #0071bc;
	border-left:8px solid #0071bc;
	border-right:1px solid #0071bc;
	background:#d1ebfa;
	margin:10px 5px 15px 5px;
	font-size:15px;
	color:#003366;
}

#guide_main h4{
	padding:3px 8px;
	border-bottom:2px solid #99ccff;
	border-left:6px solid #99ccff;
	margin:20px 10px 10px 10px;
	font-size:16px;
	color:#003366;
}

#guide_main h5{
	padding:3px 8px;
	border-bottom:1px dotted #99ccff;
	margin:10px 15px 8px 15px;
	font-size:14px;
	color:#003366;
}

.att_txt_mame p{
 margin: 5px 10px;
 font-size:11px;
 line-height: 1.3;
}

.att_txt_mame  a:link { text-decoration:underline;}
.att_txt_mame  a:visited { text-decoration:underline;}
.att_txt_mame  a:hover { text-decoration:underline;}

/*-------------------------------------
スタンプ関連
----------------------------------------*/
.pink_waku{
  border: 1px solid #dc2855;
  margin-bottom: 10px;
}
.pink_waku p{
  margin: 0px;
  padding: 3px;
}

/*-------------------------------------
ゲーム関連
----------------------------------------*/
/*こひえもんボウルミニ*/
.yellow_waku{
  border: 1px solid #FACE49;
  padding: 10px;
}

/*こマメー君ガラガラ*/
.lgreen_waku{
  border: 1px solid #66cc33;
  padding: 10px;
}

.lblue_waku{
  border: 1px solid #66cbff;
  padding: 10px;
}
.cs_game_atn {
    text-align: left;
    margin: 12px;
    border: 1px solid #006633;
}
.cs_game_atn dl {
  margin: 0 10px;
  font-size: 13px; line-height: 1.2; color: #333;
}
.cs_game_atn dt {
    border-left: 5px solid #99cc33;
    color: #006633;
    font-weight: bold;
    margin: 10px 0 4px;
    padding-left: 7px;
}

.cs_game_atn dd {
 margin: 0px;
}

.cs_game_atn ul {
 margin: 0px;
 padding: 0px 0px 0px 20px;
}

.atn_ttle {
    background: none repeat scroll 0 0 #006633;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 6px 10px 3px;
}

/*こひえもんボウリング*/
#ball_menu li{
  display:block;
  margin: 5px;
  padding: 10px 20px;
  border:#c9c9c9 1px solid;
  background-image: url("../images/menu/top_menu_bg.gif");
  font-size: 18px; line-height: 1.2; color: #333;
  background-position:bottom;
  font-weight: bold;
}

#ball_menu ul{
  margin: 0px; padding: 0px;
}

/*商品コード注文*/
.coad_line_ttl{
 margin:0px;
 padding: 0px;
 text-align: left;
 font-size: 16px; line-height: 1.2; color: #333;
 font-weight: bold;
}

/*ハイパースクラッチ*/
.mamey_use_ks390_txt{
 margin: 10px;
 font-size: 15px; line-height: 1.4; color: #333;
}

.mamey_use_ks390_count p{
 font-weight: bold;
 font-size: 15px; line-height: 1.4; color: #FFFFFF;
}

.game_textlink{
 font-size: 15px; line-height: 1.4;
 margin-top: 20px;
 color:#ffffff;
 font-weight: bold;
}
.game_textlink a:link {
 background-color: #16a085;
 text-decoration: none;color: #ffffff;
 padding:10px;
 display:block;
}
.game_textlink a:visited { text-decoration: none; color: #ffffff;}
.game_textlink a:hover { text-decoration:none; color: #ffffff;}

/*-------------------------------------
アコーディオン
-------------------------------------*/
.acordion{
 background:#fff;
 background:url("../images/stamp/bg.gif") repeat-x;
}

.trigger p{
 margin: 0px; padding: 8px 5px 10px 5px;
 font-weight: bold;
 text-align: center;
 font-size: 16px; line-height: 1.3; color: #333;
}

.acordion_tree{ font-size: 13px; line-height: 1.3; color: #333;}
.acordion_tree img{ margin: 0px; border: 0px;}
.acordion dd{ margin: 0px; padding: 10px;}

.open-close {
    float: right;
    text-indent:-9999px;
    display:block;
    width: 25px;
    height: 25px;
    background:url("../images/stamp/stamp_stop-k_btn_on.gif") no-repeat;
    -webkit-background-size: 25px 25px;
}
.trigger.active .open-close{
    background:url("../images/stamp/stamp_stop-k_btn_off.gif") no-repeat;
    -webkit-background-size:25px 25px;
}
.ac_area{ margin: 10px; border: 1px solid red;}
.ac_area img{ margin: 0px;}
.ac_area dl{ margin: 0px;padding: 0px;}
.ac_area dt{ margin: 0px;padding: 0px;}
.yellow_txt{ background-color: #ffff00;}

/*消化期間*/
.ac_area_dgs { margin: 10px; border: 1px solid #3D97E2;}
.ac_area_dgs img{ margin: 0px;}
.ac_area_dgs dl{ margin: 0px;padding: 0px;}
.ac_area_dgs dt{ margin: 0px;padding: 0px;}

.line_blue{ border-bottom: 1px solid #3D97E2;}
/*旧マメーポイント移行について*/
.ac_area_hikitugi{ margin: 10px; border: 1px solid #FF6E00;}
.ac_area_hikitugi ul{ margin: 5px 10px;  padding: 0px;}
.ac_area_hikitugi li{ margin: 0px; padding: 0px 0px;
 font-size: 13px; line-height: 1.4; color: #333;
}
.ac_area_hikitugi dl{ margin: 0px;padding: 0px;}
.ac_area_hikitugi dt{ margin: 0px;padding: 0px;}
.mame_hikitugi_att{
	font-size: 11px; line-height: 1.4; color: #333;
}
/*受け取っていないプレゼントについて*/
.pre_txt_area{ margin-bottom: 10px;}

.pre_txt_area h7{
 margin: 5px 10px;
}
.pre_txt_area p{
 margin: 5px 10px;
 background-color: #eee8aa;
 font-size: 12px; line-height: 1.4; color: #333;
 border: 1px solid #eddb17;
}

/*-----お友達紹介エリア追加---------*/
.friend_area {
 margin: 10px;
 background-color: #ffe100;
 padding-bottom: 1px;
}

.friend_naka {
 background-color: #fef5b2;
 margin: 5px;
 padding: 5px;
 font-size: 12px; line-height: 1.2; color: #603813;
}

.friend_ent_area {
 background-color: #fef5b2;
 border: 1px solid #f39c12;
 margin: 2px;
 padding: 3px;
}
.friend_sns_area {
 text-align: left;
 background-color: #fefad9;
 border: 1px solid #f39c12;
 margin: 2px;
 padding: 5px;
}
.friend_sns_area p{ margin: 0px;padding: 0px;}
.friend_naka dl dt { margin:0px;paddig: 0px; text-align: left;}
.friend_naka dl dt.active { margin:0px;paddig: 0px;}
.friend_naka dl dd { display:none; margin:0px;paddig: 0px; width: 100%;}

.friend_area p a:link { color: #ed1c24; text-decoration:none; border-bottom: 1px solid #ed1c24;}
.friend_area p a:visited { color: #ed1c24; text-decoration:none; border-bottom: 1px solid #ed1c24;}
.friend_area p a:hover { color: #ed1c24; text-decoration:none; border-bottom: 1px solid #ed1c24;}

.friend_sns_ttl{
 margin: 0px;padding: 0px;
 font-size: 14px; line-height: 1.2; color: #603813;
 font-weight: bold;
}
.friend_url_area textarea{
 width: 98%;
  -webkit-user-select: auto;
 word-wrap:break-word;
}

.fri_ban_txt p{
 margin: 2px 10px;
 font-size: 11px; line-height: 1.3; color: #FF0000;
}

/*----新マメー機能-------*/
.mame-c{ margin: 5px 10px;}
.mame-c p{ font-weight: bold; margin: 0px; padding: 0px;}
.mame-c_l-w{
 background-color: #FFFFFF;
 padding: 5px 5px;
 font-size: 15px; line-height: 1.4; color: #333;
}
.mame-c_l-w p{
 font-size: 12px; line-height: 1.4; color: #333;
}

.yotei{ color: #a9a9a9;}
.mame-c_red{ color:#FF0000;}
.mame-c_r-w{
 text-align: right;
 background-color: #FFFFFF;
 padding: 2px 5px;
 font-size: 15px; line-height: 1.4; color: #333;
}

/*アコーディオン*/
.mame_c_area{ margin: 10px; border: 1px solid #FF6E00;}
.mame_c_area ul{ margin: 5px 10px;  padding: 0px;}
.mame_c_area li{ margin: 0px; padding: 0px 0px;
 font-size: 13px; line-height: 1.4; color: #333;
}
.mame_c_area dl{ margin: 0px;padding: 0px;}
.mame_c_area dt{ margin: 0px;padding: 0px;}
.mame_hikitugi_att{
 font-size: 11px; line-height: 1.4; color: #333;
}
.mame_c_area .acordion_tree{ padding: 0px ;margin: 10px 0px;}
.cam_bam{ margin: 5px 10px 0px 10px;}
.mame_c_ent_txt{
 font-weight: bold;
 font-size: 12px; line-height: 1.4; color: #FF0000;
 margin: 5px;
}

/*マイブルックスデザイン追加201410*/
.sm_myb_ttl{
 margin: 10px 10px 0px 10px;
}
/*マイブルックス名前エリア*/
.myb_name_area{
 margin: -10px 10px 0px 10px;
 border: 2px solid #8C6239;
 padding-top: 10px;
}
.myb_name_area p{
 margin: 5px 10px;
 font-size: 16px; line-height: 1.4; color: #333;
}

/*配送状況*/
.sm_myb_rireki-haisou{
 margin: -10px 10px 0px 10px;
 padding: 5px 0;
 border: 2px solid #29ABE2;
}
.sm_myb_rireki-haisou p{
 margin: 5px 10px;
 font-size: 11px; line-height: 1.4; color: #33455E;
}
.cat_menu_area ul{
 list-style: none;
 margin:0; padding: 0;
}

.sm_myb_rireki-haisou ul{ margin:0; padding: 5px 0;}
.sm_myb_rireki-haisou li{
 width:48%;
 margin:0;
 padding: 0 0 0 4px;
 float:left;
 list-style: none;
}
.sm_myb_rireki-haisou li img{ width:100%;}
.sm_myb_r-h_teiki{ margin: 0px 4px;}

/*配送状況/タイトル追加*/
.m_myb_rireki-haisou_ttl{
 background-color: #29ABE2;
 padding: 5px;
 margin: 5px 0 5px 0;
}

.m_myb_rireki-haisou_txt{
 font-size: : 24px;
 font-weight: bold;
 color: #fff;
 line-height: 1.5;
}

/*登録状況確認*/
.sm_myb_touroku{
 margin: -10px 10px 0px 10px;
 border: 2px solid #006e26;
 padding: 10px 5px 5px 5px;
}
.sm_myb_touroku p{
 margin: 0px;padding: 0px;
 font-size: 11px; line-height: 1.4; color: #33455E;
}
/*マメーCLUBご利用状況*/
.sm_myb_mame_c{
 margin: -10px 10px 0px 10px;
 border: 2px solid #bcd32c;
 padding-top: 10px;
}

/*クーポン*/
.sm_myb_coupon{
 margin: -10px 10px 0px 10px;
 border: 2px solid #29ABE2;
 padding: 10px 5px 5px 5px;
}
/*もっとブルックスを楽しもう♪*/
.sm_myb_more{
 margin: -10px 10px 0px 10px;
 border: 2px solid #E8122D;
 padding-top: 10px;
}

/*マメー関連リンクエリア*/
.mame_link_area{
 border: 2px solid #F16B24;
 padding: 10px 10px 0px 10px;
}
.mame_link_area img{
 margin-bottom:  10px;
}

/*マメー関連リンクエリア Renew2018/12/01*/
.mame_link_area_n{
 border: 2px solid #bcd32c;
 padding: 10px 10px 0px 10px;
}
.mame_link_area_n img{
 margin-bottom:  10px;
}

/*----Float-------*/
/* clearfix */
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* hide mac ie \*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display: block;
}

.clear{
 clear: both;
}
/* end */

/*--リンク--*/
.bl a:link{ display: block; }

/*-----------------------------
ペイパルCPN
-----------------------------*/
.paypal{
 text-align: center;
 margin: 5px;
 padding: 0;
}

.paypal img{
 border; 0
}
.paypal p{
 margin: 0;
 padding: 0;
 font-size: 14px;
 line-height: 1.4;
 color: #f00;
}

/*---イチ押し★お買得セット!　テキストリンク---*/
.t12_link{
 font-size: 12px;
 line-height: 1.3;
 margin: 0px 0px 10px 0px;
 padding: 0;
}

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

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

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

/*-----------------------
マメーを貯めるページ
------------------------*/
.camp-bunner h3{
 color: #ff3300;
 font-size: 14px;
 text-align: left;
 margin: 5px;padding: 0px;
 background-color: #FFF;
}

.camp-bunner h3  a:link{ color: #ff3300; text-decoration: underline;}
.camp-bunner h3  a:visited{ color: #ff3300; text-decoration: underline;}
.camp-bunner h3  a:hover{ color: #ff3300; text-decoration: underline;}

.camp-bunner img{
 margin: 0 auto;
 text-align: center;
}
.camp-bunner p{
 margin:5px;
 text-align: left;
 font-size: 12px; line-height: 1.3; color: #333;
}
.camp-bunner{
 border-bottom: 3px dotted #21944b;
}

/*-----------------------
プライバシーポリシー
------------------------*/
div.pb dl{
 margin: 5px 0px;
 padding: 0px 0px 0px 10px;
 text-align: left;
}

div.pb dt{
 margin: 0;
 padding: 0;
 text-align: left;
 font-size: 15px;
 line-height: 1.2;
 color: #333;
}

div.pb dd{
 margin: 5px 0px 0px 0px;
 padding: 0px 0px 0px 5px;
 text-align: left;
 font-size: 15px;
 line-height: 1.2;
 color: #333;
}

.pb_ttl{
 margin: 0;
 padding: 10px 0px 0px 0px;
 text-align: left;
 font-size: 17px;
 line-height: 1.2;
 color: #333;
 font-weight: bold;
}

.pb_txt{
 margin: 0;
 padding: 10px 0px 0px 0px;
 text-align: left;
 font-size: 15px;
 line-height: 1.2;
 color: #333;
}

/* 欠品商品お知らせボタン */
.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;
}

/*----------------------
 ▼201807改修ここから▼
-----------------------*/

/*--img全体定義--*/
img{
 border: 0;
}

a:hover img{
 opacity:0.6;
 -moz-opacity:0.6;
 filter:alpha(opacity = 60);
}

input[type="image"]:hover {
 opacity:0.6;
 -moz-opacity:0.6;
 filter:alpha(opacity = 60);
}

/*----黒帯タイトル---*/
.blk_ttl{
 margin: 0px;
 padding: 5px;
 background-color: #512701;
 font-size: 18px;
 line-height: 1.3;
 color: #fff;
 font-weight: bold;
}

/*----赤帯タイトル→---*/
.red_ttl{
 margin: 0px;
 padding: 5px;
/* background-color: #c00020;*/
 background-color: #c41336;
 font-size: 18px;
 line-height: 1.3;
 color: #fff;
 font-weight: bold;
}

/*--ページTOPアイコン--*/
#pagetop {
 position: fixed;
 bottom: 110px;
 right: 5px;
 z-index: 999;
 display: block;
 padding:4px 2px 0px 2px;
 width: 60px;
 height: 60px;
 background-color: rgba( 102, 102, 102, 0.5);
 border-radius: 60px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
 color: #fff;
 font-size: 16px;
 line-height: 1.1;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 vertical-align: middle;
}

#pagetop a{
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}

#pagetop:hover{
 text-decoration: none;
 background-color: rgba( 102, 102, 102, 1.0);
}


/*--ページTOPアイコン NEW 190705--*/
#page-top_area_tp{
   position: fixed;
   width: 100%;
   right: 0;
   bottom: 10px;
   z-index: 100;
}
#page-top_naka_tp{
 max-width: 1180px;
 margin: 0 auto;
 padding:  0 10px;
 line-height: 1.5;
}

#page-top_area_tp p{
   display: block;
}
#page-top_tp {
   float: right;
   z-index: 200;
}

#page-top_tp a{
 position: fixed;
 bottom: 80px;
 right: 10px;
 z-index: 999;
 display: block;
 padding:6px 2px 0px 2px;
 border-radius: 60px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
 width: 50px;
 height: 50px;
 background-color: rgba( 102, 102, 102,0.6 );
 color: #fff;
 font-size: 34px;
 line-height: 1.1;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 vertical-align: middle;
 display: block;
 color: #fff;
}

/*--商品タイトル--*/
.syohin_nm{
 margin: 0 0 5px 0;
 padding: 5px 0 0 0;
 font-size: 16px;
 line-height: 1.3;
 color: #333;
 font-weight: bold;
 text-align: left;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
}

/*--内容量--*/
.amount_nm{
 margin: 0 0 5px 0;
 line-height: 1.3;
 color: #333;
 text-align: left;
}
/* 1行省略 */
.omit1{
  overflow: hidden;
  width: 100%;
}
.omit1 p{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*---イチ押し★お買得セット_テキストリンク---*/
.t14_link{
 font-size: 14px;
 line-height: 1.3;
 color: #00f;
 margin: 10px 0;
 padding: 0;
 text-align: center;
}

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

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

.t14_link a:hover{
 color: #939;
 text-decoration:underline;
}

/*--mutltiple slider--*/

.swiper-container3 {
 margin: 0;
 padding: 0;
 position: relative;
 overflow: hidden;
 /* Fix of Webkit flickering */
 z-index: 1;
 width: 100％;
 height: auto;
 text-align: left;
 vertical-align: top;
}

.swiper-container3 p{
 font-size: 14px;
 line-height: 1.3;
 text-align: left;
/* overflow: hidden;
 text-overflow: ellipsis;*/
 margin: 0;
 padding: 0;
}

.swiper-container3 .swiper-slide{
/* width: 50%;*/
 border: #c9c9c9 dotted 1px;
 padding: 5px;
}

.swiper-container3 img{
 text-align: center;
}

/*--2商品並び--*/
ul.set2  {
 display:table;
 table-layout: fixed;
 width:100%;
 text-align: left;
 vertical-align: top;
 margin: 0;
 padding: 0;
 box-sizing :border-box;
 border: #c9c9c9 dotted;
 border-width: 0;
}

ul.set2 li{
 display:table-cell;
 vertical-align: top;
 text-align: left;
 border: #c9c9c9 dotted;
 border-width: 0;
 box-sizing :border-box;
 padding: 5px;
 margin: 0;
}

ul.set2 li+ li{
 border-width: 0 0 0 1px;
}

ul.set2 li p{
 margin: 0;
 padding: 0;
 font-size: 14px;
 line-height: 1.3;
 color: #333;
 text-align: center;
/* overflow: hidden;
 text-overflow: ellipsis;*/
}

/*--imgセンタリング--*/
.ctr_img{
 text-align: center;
}

/*--3商品並び--*/
ul.set3 {
 display:table;
 table-layout: fixed;
 width:100%;
 text-align: center;
 vertical-align: top;
 margin: 0;
 padding: 0;
 box-sizing :border-box;
 border: #c9c9c9 dotted;
 border-width: 1px 0 0 0;
}

ul.set3 li{
 display:table-cell;
 vertical-align: top;
 text-align: left;
 border: #c9c9c9 dotted;
 border-width: 0;
 box-sizing :border-box;
 padding: 5px;
 margin: 0;
}

ul.set3 li+ li{
 border-width: 0 0 0 1px;
}


ul.set3 li p{
 margin: 0;
 padding: 0;
 font-size: 14px;
 line-height: 1.3;
 color: #333;
 text-align: right;
/* overflow: hidden;
 text-overflow: ellipsis;*/
}

.rdm_t{
 margin: 0;
 padding: 0;
 font-size: 14px;
 line-height: 1.3;
 color: #333;
 text-align: left;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
}

/*--横スクロールリスト--*/
/* 新商品用
---------------------------------------------- */

.item-scroll{
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;  /* 慣性スクロール */
}

ul.set-scroll{
  display:table;
  table-layout: fixed;
  width:100%;
  text-align: center;
  vertical-align: top;
  margin: 0;
  padding: 0;
  box-sizing :border-box;
  border: #c9c9c9 dotted;
  border-width: 1px 0 0 0;
}

ul.set-scroll li{
  width: 140px;
  /*height: 270px;*/
  display:table-cell;
  vertical-align: top;
  text-align: left;
  border: #c9c9c9 dotted;
  border-width: 0;
  box-sizing :border-box;
  padding: 5px;
  margin: 0;
}

ul.set-scroll li+ li{
 border-width: 0 0 0 1px;
}

ul.set-scroll li p{
 margin: 0;
 padding: 0;
 font-size: 14px;
 line-height: 1.3;
 color: #333;
 text-align: right;
}

/*--価格--*/
.kakaku{
 margin: 0;
 padding: 0;
 font-size: 14px;
 line-height: 1.3;
 color: #333;
 text-align: right;
}

.kakaku_r{
 margin: 0;
 padding: 0;
 font-size: 14px;
 line-height: 1.3;
 text-align: right;
 color: #f00;
}

.t_red{
 color: #f00;
}

.txt14_l{
 margin: 0;
 padding: 0;
 font-size: 14px;
 line-height: 1.3;
 color: #333;
 text-align: left;
/* overflow: hidden;
 text-overflow: ellipsis;*/
}

/*--商品コード検索--*/
.code{
 font-size: 16px;
 line-height: 1.3;
 color: #333;
 margin: 10px 0;
 padding: 0 5px;
 text-align: left;
}

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

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

.code a:hover{
 color: #939;
 text-decoration:underline;
}

.mb5{
 margin-bottom: 5px;
}

/*--SNS--*/
ul.sns_logo {
 display:table;
 table-layout: fixed;
 width:100%;
 text-align: center;
 vertical-align: top;
 margin: 0;
 padding: 20px 0 10px 0;
 border: 0;
 list-style-type: none;
}

ul.sns_logo li{
 display:table-cell;
 vertical-align: top;
 text-align: left;
 border: 0;
 border-width: 0;
 padding-left: 0;
 margin: 0;
}

/*--各ページリンク--*/
.p_lnk{
 margin: 0;
 padding: 0 5px 15px 5px;
 font-size: 16px;
 line-height: 2;
 color: #666;
 text-align: center;
}

.p_lnk a{
 margin: 0;
 padding:0;
 font-size: 16px;
 line-height: 2;
 color: #666;
}

/*--各ページリンク_2カラム--*/
.p_lnk_area {
 margin: 10px 0 0 0;
 padding: 0;
}

ul.p_lnk_item {
 display:table;
 table-layout: fixed;
 width:100%;
 text-align: left;
 margin: 0;
 padding: 0;
 list-style-type: none;
 box-sizing :border-box;
 border: #c9c9c9 dotted;
 border-width: 1px 0 0 0;
}

.p_lnk_item a{
 display: block;
 height: 2.5em;
}

ul.p_lnk_item li{
 display:table-cell;
 vertical-align: middle;
 text-align: center;
 border: #c9c9c9 dotted;
 border-width: 0;
 box-sizing :border-box;
 padding: 5px;
 margin: 0;
 font-size: 14px;
 line-height: 1.3;
 color: #666;
 height: 2.5em;
}

ul.p_lnk_item li+ li{
 border-width: 0 0 0 1px;
}

/*--マイブルックスお友達紹介 btn開閉--*/
#slidetoggle_menu dt.active .open{
 display: none;
}

#slidetoggle_menu dt.active .close {
 display: block;
}

#slidetoggle_menu dt .close {
 display: none;
}

#slidetoggle_menu dt .open {
 display: block;
}

/*--バナー2つ並び--*/
ul.bnr2 {
 display:table;
 table-layout: fixed;
 width:100%;
 text-align: center;
 vertical-align: top;
 margin: 0;
 padding: 10px 0;
 border: 0;
 list-style-type: none;
}

ul.bnr2 li{
 display:table-cell;
 vertical-align: top;
 text-align: left;
 border: 0;
 border-width: 0;
 padding: 0 5px 0 5px;
 margin: 0;
}

/*------------50周年 新客送料無料------------------*/
.nwdvyoff2018 {
 text-align: center;
 background: #ff7300;
 color: #fff;
 padding: 5px;
 display: block;
}
.nwdvyoff2018 a:link {
 text-decoration: none;
 color: #fff;
}
.nwdvyoff2018 a:visited {
 text-decoration: none;
 color: #fff;
}
.nwdvyoff2018 a:hover {
 text-decoration: none;
 color: #fff;
}

.nwdvyoff_ttl {
 font-size: 16px;
 font-weight: bold;
 line-height: 1.3;
}
.nwdvyoff_ld {
 font-size: 13px;
 font-weight: normal;
 font-weight: bold;
 line-height: 1.3;
}

.nwdvyoff_lnk {
 font-size: 1marginpx;
 font-weight: normal;
 line-height: 1.3;
 color:#fff;
}

.nwdvyoff_zsm {
 font-size: 20px;
 font-weight: bold;
 margin-right: 4px;
 line-height: 1.3;
}
.nwdvyoff_tds {
 font-size: 12px;
 font-weight: normal;
 line-height: 1.3;
 margin-left: 20px;
}
/*--modal--*/
.mdl_cls {
 margin: 6px;
 padding: 2px;
 text-align: right;
  cursor: pointer;
}
.modalArea {
 display: none;
 position: fixed;
 z-index: 10;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.modalBg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.58;
}
.modalWrapper {
 position: absolute;
 top: 35%;
 left: 50%;
 transform:translate(-50%,-50%);
 width: 90%;
 height: 65%;
 /*height: 60%;*/
 padding: 20px 30px 0 30px;
}
.modalWrapper iframe {
  border: 0;
}
#openModal {
  cursor: pointer;
}
/*--modal end--*/
/*------------50周年 新客送料無料------------------*/

/*----おうちでバカンスキャンペーンヘッダーバナー----*/
.summer2020 {
 text-align: center;
 background: #f0e800;
 color: #00b2cc;
 padding: 5px;
 display: block;
}
.summer2020 a:link {
 text-decoration: none;
 color: #00b2cc;
}
.summer2020 a:visited {
 text-decoration: none;
 color: #00b2cc;
}
.summer2020 a:hover {
 text-decoration: none;
 color: #00b2cc;
}

.summer2020_ttl {
 font-size: 20px;
 font-weight: bold;
 line-height: 1.3;
}

.summer2020_lnk {
 font-size: 1marginpx;
 font-weight: normal;
 line-height: 1.3;
 color:#00b2cc;
}

/*-------------「もっと見る」リンク マルシェ型------------*/

.sp-more-link {
  clear: both;
  margin-top: 2px;
  text-align: right;
}

.sp-more-link p {
  display: inline-block;
  text-align: right;
/*  font-size: 1.2rem;*/
  font-size: 14px;
  letter-spacing: -1px;
  vertical-align: middle;
  border: 1px solid #765534;
  background-color: rgba(255, 255, 255, 0.9);
  border-right: none;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -ms-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
}

.sp-more-link p a {
  display: inline-block;
  width: auto;
  color: #533b24 !important;
  padding: 10px 20px 10px 10px;
  position: relative;

}

.sp-more-link p a:after {
  content: url("/iphone/images/menu/icon_arrow1-right.svg");

  position: absolute;
  top: 28%;
  right: 6px;

  display: inline-block;
  width: 12px;
  height: 15px;
  margin-left: 5px;
}

/*上下間隔調整*/
.bnr2_mgn_cs {
  padding-top: 10px;
  padding-bottom: 0px !important;
}

/*-------------「もっと見る」リンク マルシェ型 end------------*/

/*-------------1杯のコーヒーのために------------*/
.sp-kodawari-link {
  clear: both;
  margin-top: -2px;
  text-align: center;
}

.sp-kodawari-link p {
  display: inline-block;
  text-align: right;
/*  font-size: 1.2rem;*/
  font-size: 14px;
  letter-spacing: -1px;
  vertical-align: middle;
  border: 1px solid #765534;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin: 2% 0;
}

.sp-kodawari-link.sp-dm-link p {
  background-color: #670202;
  border: 1px solid #670202;
  border-radius: 10px;
  font-size: 18px;
  line-height: 1;
}

.sp-kodawari-link p a {
  display: inline-block;
  width: auto;
  color: #533b24 !important;
  padding: 12px 51px 12px 40px;
  position: relative;
}

.sp-kodawari-link.sp-dm-link p a {
  color: white !important;
  padding: 16px 10px 13px;
}

.sp-kodawari-link.sp-dm-link p a .icon-reading {
  margin: 0 5px;
  width: 24px;
  vertical-align: middle;
}

.sp-kodawari-link p a:after {
  content: url("/iphone/images/menu/icon_arrow1-right.svg");
  position: absolute;
  top: 31%;
  right: 6px;
  display: inline-block;
  width: 12px;
  height: 15px;
  margin-right: 30px;
}
.sp-kodawari-link.sp-dm-link p a:after {
  display: none;
}

/*上下間隔調整*/
.bnr2_mgn_cs {
  padding-top: 10px;
  padding-bottom: 0px !important;
}
/*-------------1杯のコーヒーのために end------------*/



/*-----------------------------------------------------------------------------------
マイブルックス左メニュー まめ得プログラム
-----------------------------------------------------------------------------------*/
.myp_mame_toku_st_top{
  border-top: 1px solid #c9c9c9;
  padding-top: 5px;
  margin-top: 5px;
}
.myp_mame_toku_btn{
  text-align: center;
  margin: 5px auto 0 auto;
}
.myp_mame_toku_btn button{
  font-size: 15px;
  background-color: #eae4dc;
  border: 1px solid #c9c9c9;
  padding: 5px 3px;
  width: 80%;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.myp_mame_toku_btn button:hover{
  background-color: #f6f3f0;
  cursor : pointer;
}
.pre_txt{
  color: #ed6c00;
  font-size: 12px;
}
/*マーク*/
.myp_mame_toku_mark{
  font-weight: bold;
  text-align:center;
  color: #FFF;
}
.mark_r{
  display: inline-block;
  width: 20px;  height: 20px;
  background: #9fa0a0;
  border-radius: 50%;;
  line-height: 21px;
}
.mark_g{
  display: inline-block;
  width: 20px;  height: 20px;
  background: #f6c521;
  border-radius: 50%;;
  line-height: 21px;
}
.mark_p{
  display: inline-block;
  width: 20px;  height: 20px;
  background: #ed6c00;
  border-radius: 50%;;
  line-height: 21px;
}

.myp_mame_toku_st{
  border-top: 2px solid #8C6239;
  font-size: 13px;
  padding-top: 10px;
  margin: 10px;
}
.myp_mame_toku_st p{
  margin: 0;  padding: 0;
}
.myp_mame_toku_st .mmt_min{ font-size: 12px;}
.myp_mame_toku_st .mmt_total{
  font-size: 14px;
  background-color: #f6f3f0;
  padding: 5px;
  margin: 3px 0;
  line-height: 1.1;
}

/*-------------コーヒーセットtitle------------*/
.coffee_set_ttl{
  display: flex;
  margin: 0px;
  padding: 5px;
}
.coffee_set_ttl.gold_red{
  background-color: #e50012;
}
.coffee_set_ttl.pink{
  background-color: #e52d8a;
}
.coffee_set_ttl p{
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 34px;
}
.coffee_set_ttl p.yellow{
  color: #fff000;
}
.coffee_set_icon{
  width: auto;
  height: 34px;
}
.coffee_set_ttl.gold_red .coffee_set_icon{
  padding-left: 1px;
}
.coffee_set_ttl.pink .coffee_set_icon{
  padding-right: 5px;
}
/*-------------コーヒーセットtitle end------------*/