@charset "utf-8";
@import url("/css/html5reset-1.6.1.css");
@import url("/css/mint.css");
@import url("/css/scommon.css");

caption, th{ text-align: left; }
a {	color:#570; }
a:hover { color:#333;}

img.wfit{ width:100%; }
/*
	Smart Phone main css
	#f2ffe5; color1 light green (background)
	#86ae65; color2 green (border)
*/

body{ font-size:28px; }
#wrap {	width:640px; }

header { position:relative;	height:170px;	background:url(/sp/img/header.jpg) no-repeat; }
#toplink	{ position:absolute;	top:50px; left:20px;}
#toplink a	{ display:block;		width:260px; height:100px; }
#phone		{ position:absolute;	top:100px;	left:360px;	}
#phone a	{ display:block;		width:260px; height:60px;	}

footer { color:#fff;	text-align:center;	line-height:2.2;	background:#8a6; }

#container { min-height:300px; }

#main {}

#contents {	min-height:300px; }

.indent1 { margin:24px 12px;	line-height:1.6; }

h2 {
	position:relative;	margin:16px 4px 30px 4px;	padding:12px 12px;
	font-size:34px;		color:#962;	font-weight:normal;
	border-left:8px solid #fc8;	border-right:8px solid #fc8;	border-bottom: 2px solid #fc8;	
	background:#feb;
}
h2:after {
	position:absolute;	content:"";
	left:20px;	bottom:-40px;	border:20px solid transparent;	border-top-color:#fc8;
}

.ShopInfo{
	margin:8px;		padding:8px;	line-height:1.3;
	border:1px solid #555;	border-radius:5px;
}
.ShopInfo h1{ border-left:.5em solid #cc5;	padding-left:.5em; }
.ShopInfo p{ margin-left:.5em; padding:.5em;	font-size:90%; }

div.Mess {
	margin:12px 16px;	padding: 8px;	line-height:1.6;
	border-top:16px solid #fcc;	border-bottom:16px solid #fcc;		border-radius:8px;
}
div.Mess b { font-size:130%;	color:red; }

/********  TopNavi *******/
.TopNavi{ display:block;	height:92px;	border-top:2px solid #8a6;	border-bottom:2px solid #8a6; }
.TopNavi li{ float:left;	height:88px;	text-align:center;	line-height:3.3;	background:#f2ffe5; }
.TopNavi a{ display:block;	height:100%; }
.TopNavi .cart , .TopNavi .guid , .TopNavi .inq { border-left:2px solid #8a6; }

.TopNavi .home { width:100px;	background:url(/sp/img/navicon.png) no-repeat -15px 0; }
.TopNavi .cart { text-indent:60px;
				 width:174px;	background:url(/sp/img/navicon.png) no-repeat -10px -88px;}
.TopNavi .guid { width:204px;}
.TopNavi .inq {	width:162px;}

/********  BtmNavi *******/
.BtmNavi{ display:block;	height:92px;	border-top:2px solid #8a6;	border-bottom:2px solid #8a6; }
.BtmNavi li	{ float:left;	height:88px;	line-height:88px;	background:#f2ffe5; }
.BtmNavi a	{ display:block;	height:100%; }
.BtmNavi .cart , .BtmNavi .ptop { border-left:2px solid #8a6;}

.BtmNavi .home { text-indent:80px; width:190px;	background:url(/sp/img/navicon.png) no-repeat -15px 0;}
.BtmNavi .cart { text-indent:90px; width:210px;	background:url(/sp/img/navicon.png) no-repeat 0px -88px;}
.BtmNavi .ptop { text-indent:70px; width:240px;	background:url(/sp/img/navicon.png) no-repeat -20px -176px;	font-size:90%; }

ul.Categ {}
	ul.Categ li { width:100%; }
	ul.Categ li.Title {
		font-size:110%;		text-align:center;	line-height:1.5;
		border-top:2px solid #8a6;		border-bottom:2px solid #8a6;
		background:#f2ffe5;
	}
	ul.Categ li.List {
		font-size:36px;
		border-top:2px solid #fff;		border-bottom:2px solid #aaa;
		background:#eee;
	}
	ul.Categ li a {
		position:relative; 		display:block;
		text-indent:1em;		line-height:2.6;		text-decoration:none;
	}
	ul.Categ li a:after {
		position:absolute;		display:block;
		margin-top:-16px;	content:"";	width:22px;	height:22px;	right:40px;	top:50%;
		border-top:8px solid #aaa;		border-right:8px solid #aaa;
		-webkit-transform: rotate(45deg);	transform: rotate(45deg);
	}

ul.Simple {	border-top:2px solid #8a6; }
	ul.Simple li { font-size:110%;	border-bottom:2px solid #aaa; }

	ul.Simple li a {
		position:relative; 		display:block;
		text-indent:1em;	color:#555;		text-decoration:none;	line-height:2.4;
	}
	ul.Simple li a:after {
		position:absolute;
		margin-top:-16px;	content:"";		width:22px;	height:22px;	right:40px;	top:50%;
		border-top:6px solid #aaa;		border-right:6px solid #aaa;
		-webkit-transform: rotate(45deg);	transform: rotate(45deg);
	}

.ItemV li {
	position:relative; display:block;	overflow:auto;
	min-height:180px; color:#555;  border-bottom:2px solid #8a6;
}
.ItemV a { position:absolute; top:0; left:0; width:100%; height:100%; }
.ItemV img { float:left; margin:10px 12px; width:158px; }
.ItemV .zx { position:absolute;	top:2px; left:6px; content:url("/img/soldoutsp.png"); }
.ItemV .fs-nowrap { margin-top:4px; padding-right:6px; }
.ItemV h3 { line-height:1.5; border-bottom:1px solid gray; }
.ItemV b.new , b.new { color:red;	border: 1px solid red; }
.ItemV .leed { overflow:hidden;	padding:6px 0px;	height:88px; 	font-size:90%;	line-height:1.1; }
.ItemV .vprice { overflow:hidden; line-height:1.5; font-size:80%; font-weight:bold; }
.ItemV .vprice .fright		{ font-weight:normal;  }
.ItemV .vprice .fright:after { content:"(税込)"; font-size:65%; }

ul.ItemV li:last-child { border-bottom:0; }

table.calender{ margin:20px auto;	border:2px solid #fff;	box-shadow:0 0 15px #333; }
	table.calender caption{ display:none; }
	table.calender th , table.calender td { width:68px; height:68px;	text-align:center; }
	table.calender th{
		font-weight:bold;
		border:2px dotted white;	border-bottom:1px solid #888;
		background:#f3f3f3;
	}
	table.calender td{	border:1px dotted white; }
	table.calender td.h{ color:red;	background:pink; }
	table.calender td.h b{ color:red; }
	table.calender td b{ font-size:120%;	color:green;	border-bottom:2px solid green; }

div.Pankuzu { margin:16px 16px; }

.ItemP { margin:12px; line-height:1.6; }
.ItemP h3 { font-size:140%;	border-top:2px solid gray; }
.ItemP h4 { font-size:110%;	text-align:right;	border-bottom:2px solid gray; }
.ItemP .leed { margin:.8em 0;	font-size:110%;	}
.ItemP .leed img{ display:block;	width:95%; }
.ItemP .Price { padding:.5em;	font-size:140%;	text-align:right; }

table.Order { margin:8px auto;	line-height:1.2;	border-bottom:2px solid #aaa; }
	table.Order th {
		padding:6px 6px;
		color:#333;		font-weight:normal;		text-align:center;
		border-top:2px solid #aaa;		border-bottom:2px solid #ccc;		background:#eee;
	}
	table.Order th i{ font-size:90%; color:red; }
	table.Order td { padding:6px 6px .8em; }
	table.Order td p{ display:block;	color:#999;	text-align:right; }

table.cart {
	margin:5px 0px 5px 15px;
	border-top:4px solid #e88;	border-bottom:4px solid #e88;
}
	table.cart th{
		padding:3px 0px;
		color:#888;		font-size:28px;		font-weight:bold;	text-align:center;	line-height:1.6;
		border:2px solid gray;
		background:#fee;
	}
	table.cart th.r{ padding-right:10px; text-align:right; }
	table.cart td{
		padding: 2px 3px ;
		font-size:28px;		line-height:1.6;
		border:2px solid gray;
	}
	table.cart tr td.c{	text-align:center;	}
	table.cart tr td.r{	text-align:right;	}

table.Standard {}
	table.Standard tr {	font-size:90%;	border-top:2px solid #bbb;	border-bottom:2px solid #bbb; }
	table.Standard th , table.Standard td {	padding:8px 2px;	color:#555;	line-height:1.4; }
	table.Standard th {
		font-weight:normal;	border-left:2px solid #fff;	border-right:2px solid #fff;	background:#ddd;
	}

/* form style mintorg ver 1.0 */

input[type="button"],button[type="submit"] {
    -webkit-appearance: none;
}

input[type="number"],input[type="text"],input[type="email"] {
	margin:1px;		padding:1px;
	font-size:34px;		line-height:1.4;	vertical-align:middle;
	border:2px solid #ccc;	border-radius: 5px;
	box-shadow insert 1 1 5px rbga( 0, 0, 0, 0.1), 0 0 2px rbga( 0, 0, 0, 0.3);
}

select { font-size:30px; }
textarea { padding:2px 2px;	font-size:30px;		border:2px solid #ccc; }

a.button , button[type="submit"].b0 {
	/*  silver button	*/
	padding:4px 6px;	font-size:100%;
	color:black;	line-height:1.4;	vertical-align:middle;
	border-radius:5px;
	background:linear-gradient(to bottom, #ddd 0%, #bbb 100%);
	box-shadow:0 0 5px green;
}
a.button {
	padding:6px 6px;
	border:1px solid #8a6;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)	);
}

a.wbutton ,a.go_order ,button[type="submit"].b1 {
	/* green gold button */
	display:block;
	margin:36px auto;		padding:8px 50px ;
	width:80%;
	color:#ffe;		font-size:36px;		text-align:center;	line-height:1.3;
	border: 1px solid #8a6;		border-radius:16px;
	box-shadow: 0 0 10px rgba(28,84,5, .5);
	text-shadow: 1px 1px 2px rgba(0,0,0, .3);
	background: -webkit-gradient( linear, left top,	left bottom, from(#cb6), to(#b94) );
	background: linear-gradient(to bottom, #cb6 0%, #b94 100%);
}
a.go_order{
	font-weight:bold;
	background: -webkit-gradient( linear, left top, left bottom, from(#e97), to(#e51) );
	background: linear-gradient(to bottom, #e97 0%, #e51 100%);
}

.RadBoxShadow {
	/* Standard */
	border-radius:10px;
	box-shadow: 0 0 5px green;
}

dl.Policy{ margin:0px 10px 20px 10px;	line-height:1.5; }
	dl.Policy dt{
		margin-top:20px;	margin-bottom:10px;
		color:#555;		font-weight:bold;
		border-bottom:2px solid #aaa;
	}
	dl.Policy dt.sign { font-weight:normal;		text-align:right;	border:0; }
	dl.Policy dd{ padding-left:.4em;	border-left:.3em solid #eee; }
	ul.num li { margin-left:2em;	list-style:decimal outside; }
	dl.Policy dd.level2{ margin-left:2em; }

.oshadow {
	xborder:1px solid #000;
	border-radius:12px;
	box-shadow:0px 0px 8px #FF6600;
	margin:.5em;
}