@charset "shift_jis";
/* CSS Document */
/*======================================
1.Reset
=======================================*/
body,div,p,form,input,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,address {
     margin: 0;
     padding: 0;
     font-size: 100%;
     font-weight: normal;
     font-style: normal;
     line-height: normal;
}
input,select {
    padding: 2px;
	color:#222;
	font-family: 'ＭＳ Ｐゴシック',sans-serif,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka,'メイリオ',Meiryo;
}
ul {
     list-style: none;
}
img {
     border:0;
}
/* clearfix Start */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-table; min-height: 1px; }
* html .clearfix { height: 1px; }
.clearfix { display: block; }
.clear{clear:both;}
/*======================================
2.Fonts 
フォントサイズはemか%で指定　参考1.4emで14px 1.8emで18pxに成ります
=======================================*/

body {
font-size: 62.5%;
font-family:'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka, 'ＭＳ Ｐゴシック',sans-serif;
}


/*======================================
3.Other
=======================================*/

body {
     color: #444;
     width: auto;
     background-color: #ffffff;
}

/* --- link --- */
a {
color: #0094D8;
text-decoration: none;
}
a:visited {
     color: #5519b3;
     text-decoration: none;
}
a:hover {
	color: #FC6320;
	text-decoration: underline;
}

/*Mマート検索ボックスの要素表示切替*/
.base_display_none{	display:none; }
.base_display_inline{ display:inline; }

/*スマホサイトリンク用ボタン*/
#smp {
	background-color: #555;
	padding: 30px 0px;
	text-align: center;
	box-shadow: 1px 1px 10px 10px rgba(0,0,0,0.2) inset;
	}
	.smlink {
		padding: 20px;
		font-size: 60px;
		color: #333;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dcdcdc), color-stop(0.50, #dbdbdb), color-stop(0.50, #d1d1d1), color-stop(1.00, #fff));
		background: -webkit-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		background: -moz-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		background: -o-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		background: -ms-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		background: linear-gradient(to bottom, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		-webkit-box-shadow: 0px 1px 2px #333;
		box-shadow: 0px 1px 2px #333;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		text-shadow: 0px 1px 1px #fff;
		margin: 0 auto;
	}
	.smlink:hover {
		color: #333;
		text-decoration: none;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b6e2fd), color-stop(0.20, #91bae4), color-stop(0.50, #8fbff0), color-stop(0.51, #6ba8e4), color-stop(0.75, #87c2fb), color-stop(1.00, #bcf4fd));
		background: -webkit-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
		background: -moz-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
		background: -o-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
		background: -ms-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
		background: linear-gradient(to bottom, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
		-webkit-box-shadow: 0px 1px 2px #333;
		box-shadow: 0px 1px 2px #333;
		-webkit-border-radius: 20px;
		text-shadow: 0px 1px 1px #fff;
}

/*マーケットリサーチ用ボタン*/

.mr_icon {
	margin:5px 0;
	}



.mr_icon_suplist {
	width:50%;
	margin:5px 0;
	}



.mr_icon a {
	display:table;
	width:100%;
	border:1px solid #c00;
	border-radius:5px;
	font-size:10px;
	}

.mr_icon a:hover {
	text-decoration:none;
	opacity:0.7;
	}

.mr_icon span.mr_name {
	display:table-cell;
	width:60%;
	background:#c00;
	color:#fff;
	font-size:10px;
	padding:2px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;

	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	text-shadow:1px 1px 1px #333;
	
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,e86c57+50,ea2803+51,ff6600+75,c72200+100;Red+Gloss */
	background: #f3c5bd; /* Old browsers */
	background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
	}

.mr_icon span.mr_copy {
	display:table-cell;
	width:70%;
	background:#fff;
	font-size:10px;
	padding:2px;
	color:#000;
	vertical-align:bottom;
	text-align:center;
	}

.mr_icon span.mr_point {
	color:#f00;
	font-size:13px;
	font-weight:bold;
	}

/*マーケットリサーチ用ボタン ここまで*/

/*カートを見るボタン ここから*/
a.btn_cart {
	position: relative;
	display:inline-block;
	padding:5px;
	border-radius:5px;
	font-size:15px !important;
	background:#ff8400;
	color:#fff !important;
	text-decoration:none !important;
	font-weight:normal !important;
	}
a.btn_cart:hover {
	background:#c00;
	color:#fff;
	text-decoration:none;
	}
.badge {
	position: relative;
	display:inline-block;
	top: -10px;
	right:-10px;
	font-size: 11px;
	line-height: 13px;
	border-radius: 50%;
	width: 13px;
	height: 13px;
	background-color: #ff0000; 
	border: 4px solid #ff0000;
	color: #ffffff;
	text-align: center;
}
/*カートを見るボタン ここまで*/