@charset "UTF-8";


body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	margin: 0;
	padding: 0;
    background: rgb(197,204,211)
}

/*　商品掲載場所の就職　*/

	div.cart {
		background: #fff;
		margin: 0 5px 0 5px;
		padding: 5px 0 10px 0;
		line-height: 1.5;
		border-radius: 5px;
		-webkit-box-sizing: border-box;
	}
	/*  マメーサービス　*/
	div.mamey_service {
		background: #f7f0e6;
		margin: 10px;
		padding: 10px;
		line-height: 1.5;
		border-radius: 5px;
		-webkit-box-sizing: border-box;
	}

	/*ページトップに戻るボタン*/
	#page_top {
		position: fixed;
		bottom: 5px;
		right: 5px;
		opacity: 0.8;
	}

	/* 　マメー交換商品カート　*/
	.mamey_cart {
		padding: 5px 5px 5px 10px;
		background: #fff;
		margin: 0 5px 0 5px;
		line-height: 1.5;
		border-radius: 5px;
		-webkit-box-sizing: border-box;
	}

	.mamey_item {
		border-bottom: 1px dotted rgb(46,55,68);
		padding-bottom: 10px;
	}
	.get_mamey_count {
		color: red;
		font-size: 18px;
	}
	.del_btn {
		background: -moz-linear-gradient(top,#FFF 0%,#EEE);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
		border: 1px solid #CCC;
		color:#111;
		width: 45px;
		padding: 3px 0;
		margin: 0 10px 0 10px;
		border-redius: 4px;
		-moz-border-radius: 4px;
	 	-webkit-border-radius: 4px;

	}

	.recalc_btn {
		 border:none;
		 color: #fff;
		 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);
		 width: 50px;
		 padding: 3px 0;
	}
	.mame {
		color:red;
	}
	.mamey_service_link {
		text-decoration: underline;
		color: red;
	}

/*　商品（途中）　*/

	div#shohin {
			border-bottom: 1px dotted rgb(46,55,68);
			font: bold 15px ;
			margin: 0 5px 0 10px;
			-webkit-box-sizing: border-box;
			padding: 5px 0 5px 0;
			}

/*　商品（最後）　*/

	div#shohin_e {
			border-bottom: 1px solid rgb(46,55,68);
			font: bold 15px ;
			margin: 10px 5px 0 10px;
			-webkit-box-sizing: border-box;
			}

/*  買い物を続ける,カートを空にする  */
ul.button_white {
		border: 0;
}

.btn_cart {
	margin-top: 20px;
	width: 94%;
}

ul.button_white li {
	color: rgb(183,190,205);
	background: #f9f9f9;
	border: 1px solid rgb(180,180,180);
	font-size: 15px;
	text-align: center;
	-webkit-border-radius: 8px;
	-webkit-box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 10px;
	box-shadow: 1px 1px 1px rgba(000,000,000,0.2);
}

/*　商品名 */

.cart_sname{
		font: bold 17px Hiragino Kaku Gothic ProN;
		padding-top: 5px;
		}



/*　価格 */

.cart_price{
		font: bold 15px Hiragino Kaku Gothic ProN;
		color: #666 ;
		padding-top: 10px;
		padding-right: 10px;
		float:right;

		}

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


/*　数量 */

.cart_su{
		float:left;
		}



/*　数量入力 */


	input[type="text"]  {
		width: 50px;
		font-size: 17px;
		height: 30px;
		margin: 5px 0px 10px 5px;
				}


/* 科目 */

.cart_kamo{
		font: nomal 15px ヒラギノ角ゴ Pro W3;
		padding-left: 10px ;
		float:left;
		}

.cart_kamob{
		font: bold 17px Hiragino Kaku Gothic ProN;
		padding-left: 10px ;
		float:left;
		}

/*　小計・合計 */

.cart_skei{
		font: nomal 15px ヒラギノ角ゴ Pro W3;
		padding-right: 10px ;
		float:right;

		}

.cart_skeib{
		font: bold 17px Hiragino Kaku Gothic ProN;
		padding-right: 10px ;
		float:right;

		}

.cart_kome{
		font: nomal 15px ヒラギノ角ゴ Pro W3;
		color: #ff0000;
		padding-left: 10px;
		float:left;
		}

/*---------------セレクトフリーMSG----------------------*/
#slct_f_msg {
/*border-bottom: 1px dotted rgb(46,55,68);*/
background: #fdd;
font: bold 15px ;
color: #f00;
/*margin: 0 5px 0 10px;*/
margin: 20px 5px 0 5px;
padding: 4px;
text-align: center;
-webkit-box-sizing: border-box;
}

#slct_f_msg img {
margin: 2px auto 0 auto;
}

#slct_f_msg p {
padding: 3px;
margin: 0;
text-align: left;
}
/*---------------セレクトフリーMSG end------------------*/


/*-------マメー交換枠追加-------*/
.mmp_area{
	margin-bottom: 10px;
  float: none;
	padding-top: 10px;
}
.mamey_block_area{
 background-color: #FFF;
 margin: 5px;
 padding-bottom: 5px;
}

.mamey_count p{
 margin: 0; padding: 5px;
 font-size: 14px; line-height: 1.2; color: #000;
}
.one_block_mame{

 border: 1px solid #DADFE1;
 background-color: #FFF;
 margin: 2%;
 padding: 10px;
 height: 90px;
}
.one_block_mame_left {
 float: left;
 width: 60%;
 box-sizing: border-box;
 border-right: 1px solid #ccc;
}
.one_block_mame_right {
 float: right;
 width: 40%;
}
.mame_name p{
 margin: 0;
 padding: 0 0 0 50px;
 font-size: 14px; line-height: 1.2; color: #40220F;
 font-weight: bold;
}
.mame_name img{
 width: 40px;
 float: left;
 margin-right: 10px;
}
.mame_count_number p{
 float: right;
 margin: 5px 10px 0 0;
 padding: 0;
 font-size: 15px; line-height: 1.2; color: #000;
 color: red;
 font-weight: bold;
}
.mame_count {
 font-size: 13px;
}
//.order_count { float: right;}
.order_count {
 text-align: right;
}
/*.mamey_count_ttl{
 text-align: left;font-weight: bold;
 margin: 10px;
 font-size: 17px; line-height: 1.2; color: #000;
}
*/
.mamey_point_txt, .laps_number {
	font-weight: bold;
	font-size: 15px;
	padding: 2% 5%;
}

.mame_txt {
	color: #cc0000;
	font-size: 13px;
	font-weight: bold;
}

.mamey_count_tab{
 background-color: #FFF;
}


.mamey_wrapper{
	background: #fff;
	margin: 0 5px 0 5px;
	padding-bottom: 15px;
}

.mamey_box {
	height: 80px;
}

.laps {
	margin: 0 0 0 10px;
	font-size: 15px;
	color: #cc0000 ;
}

.exchange_button {
	float: right;
	font-size: 15px;
}

.mamey_list_wrapper {
	display: none;
}

.show_mamey_list_box {
	margin: 10px 60px;
}

.mamey_disp {
	font-size: 11px;
	margin: 5px 10px 0 10px;
	line-height: 1.1;
}
.mamey_list_button {

	background: url(/assets/img/teiki/white_btn_bg.gif) repeat scroll 0 0;
	border: 1px solid #c9c9c9;
	color: #696969;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	border-radius: 4px;
}

.line {
	border: 2px solid #999;
	margin: 5px 5px 10px 5px;
}

.line_before_list {
	border: 2px solid #999;
	margin: 10px 5px 10px 5px;
}

.button_cart {
 	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);
	color: #fff;
	border: 1px solid #ccc;
	margin: 8px 0 0 0;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	font-size: 13px;
	background: url("/iphone/teiki/bteiki_img/orange_btn_bg.gif") repeat scroll 0 0;
}

//マメーサービス
.service {
	background: #fff;
	margin: 0 5px 0 5px;
	padding-bottom: 10px;
	line-height: 1.5;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
}
.my_point_label{
 width: 50%;
 background-color: #B3DB71;
 font-size: 13px;
 padding: 2%;
}
.mame_txt_bg{
 background-color: #f7f1e3;
 text-align: right;
}
.hide_list_button {
	display: none;
}

.mamey_cont_ttl {
	margin: 5px 10px;
}
.mamey_cont_txt{;
	font-weight: normal;
  margin: 5px auto;
  width: 100%;
  font-size: 13px; line-height: 1.2;
  background-color: #f2d984;
  border:2px solid #fad859;
  color: #222;
  padding: 7px 0;
  text-align: left;
 }
/*.mamey_cont_att{
 font-weight: normal;
 font-size: 11px; line-height: 1.2; color: #000;
}
*/
.mamey_login_link {
	position: relative;
	margin: 10px;
}
.mamey_login_link button{
	width: 100%;
	font-size: 17px;
	padding: 13px 0;
 }
/*-----------------------------------------------------------------
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;
}

/*マメー情報表示*/
.mamey_wrapper {
	background: #FFF;
}


/*お友達紹介 賞品表示*/
#present td {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 6px;
}

/*補足テーブル*/
table.order_hosoku{
	border:none;
	width: 100%;
}


/*お支払い方法選択画面　ボタンCSS変更 20200701*/
.order_change_btn{
	display: block;
	background-color: #eae4dc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;
	color: #000;
	width: 300px;
	height: 40px;
	padding: 0;
	margin: 4% auto;
	font-size: 15px;
	text-align: center;
	/*line-height: 40px;*/
	text-decoration: none;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif,Tahoma, Geneva, sans-serif;
}

.friend_b{
	font-size: 15px;
margin: 3% auto -9%;
display: block;
line-height: 1.2;
padding: 0;
}


/* キャンペーンバナー追加時 */
.cam_ban{
	margin: 5px;
}
.cam_ban img{
	width: 100%;
}


.mrl10{
	margin-right: 10px;
	margin-left: 10px;
}
/* end */