@charset "UTF-8";

/*==============================================================================
■目次--------------------------------------------------------------------------

1.デフォルト
2.モーダルメニュー
3.ヘッダー
4.コンテンツラッパー
5.検索
6.PR商品バナー
7.ホームメニュー
8.お知らせ
9.カテゴリメニュー
10.フッター
11.共通コンテンツ
12.商品詳細(デフォルト)
13.商品詳細(画像)
14.商品詳細(一覧)
15.ダイアログ
16.画像ズームダイアログ
17.レジ、カート
18.ガイドメニュー
19.ログイン
20.お知らせ(詳細、アーカイブ)
21.発注履歴
22.商品コード読取
23.ヘルプ
24.お気に入り

00.ウェブフォント用
00.ヘルパークラス
00.ボーダー
00.クリックアニメーション
24.お気に入り
00.カレンダー
00.セイコーカスタム

==============================================================================*/



/* ==========================================================================
1.デフォルト
========================================================================== */
html,
button,
input,
select,
textarea {
    color: #333;
}

body{
	font:normal 12px Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height:normal;
}

img{
    vertical-align: middle;
}

a{
	outline:none;
	border:0;
}

dl{
	margin:0;
}



/* ==========================================================================
2.モーダルメニュー
========================================================================== */
.mMenu{
	position:fixed;
	left:auto;
	bottom:1px;

	opacity:0.8;

	z-index:99;
}

.mMenuWrap{
	width:120px;
	height:105px;

	position:relative;
}

.mMenuWrap a{
	color:#fff;
	font-size:165%;
	text-decoration:none;

	background:#e62074;

	border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;

	box-shadow:rgba(210, 210, 210, 0.8) 0px 0px 3px 2px;
}

.mMenuWrap a:hover{
	color:#fff;
	background:#666;
}

.start{
	left:3px;
	bottom:15px;
	position:absolute;
}

.start a{
	background:#666;
	padding:0.75em 0.9em;
}

.start a:hover{
	background:#e62074;
}

.support{
	right:0;
	bottom:15px;
	position:absolute;
}

.support a{
	background:#999;
	border:1px solid #ccc;
	padding:0.5em 0.7em;
}

.cash{
	top:0px;
	left:10px;
	position:absolute;
}

.cash a{
	padding:0.5em 0.85em;
}





/* ==========================================================================
3.ヘッダー
========================================================================== */
header{
	width:100%;
	margin:0 0 2em 0;
	padding:1em 0;
}

.headerWrapper{
	width:960px;
	padding:0;
	margin:0 auto;
}

.logo{
	float:left;
}

.logo a{
	float:left;
	display:inline-block;
}

.logo img{
	/*width:111px;*/
	width:268px;
	height:48px;
	border:0;
	margin:0;
	padding:0;
}

.logo p.custName{
	color:#333;
	float:left;
	font-size:120%;
	font-weight:normal;
	line-height:120%;
	margin:0 0 0 1em;
}

.logo p.custName span{
	font-weight:bold;
	margin:0 0.5em 0 0;
}

.logout{
	float:right;
	margin:0;
}

.logout a{
	display:block;
	color:#333;
	text-decoration:none;
	font-size:100%;
	letter-spacing:0.1em;
	padding:0.5em 0.3em 0.5em 0.8em;
	position:relative;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.logout a:hover{
	color:#999;
}

.deliveryDate{
	text-align:right;
	font-weight: bold;
	font-size: 200%;
}



/* ==========================================================================
4.コンテンツラッパー
========================================================================== */
.content{
	width:100%;
	margin:2em 0 5em 0;
}

#startMenu.content{
	margin:0;
}

#dialog.content{
	margin:0;
}

.contentWrapper{
	width:960px;
	margin:0 auto;

	position:relative;
}



/* ==========================================================================
5.検索
========================================================================== */
.search{
	display:table-cell;
	width:50%;
	padding:0 0.5em 0 0;
	margin:0;
	vertical-align:middle;
}

.guideNav.search{
	display:table;
	width:100%;
}

.search.sub{
	width:40%;
}

.searchCat{
	display:table-cell;
	width:30%;
}

.guideNav .formBox{
	width:83%;
	margin:0 0 0 1em;
}

.formBox{
	width:85%;
	float:left;
}

.formBox input[type="text"]{
	width:100%;
	border:1px solid #999;
	padding:0.6em 0;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.searchSubmit{
	width:15%;
	float:right;
}

.searchSubmit a{
	display:block;
	width:30px;
	height:30px;
	background:url("../images/icon/search_submit.png") no-repeat;
	border:0;

	background-size:30px 30px;
	-o-background-size:30px 30px;
	-moz-background-size:30px 30px;
	-ms-background-size:30px 30px;
	-webkit-background-size:30px 30px;

	vertical-align:middle;

	margin:0 auto;
}

.searchSubmit a:hover{
	opacity:0.8;
}



/* ==========================================================================
6.PR商品バナー
========================================================================== */
.prItemBnr{
	display:table-cell;
	width:50%;
	padding:0 0 0 0.5em;
	vertical-align:middle;
}

.prItemBnr a{
	display:block;
}

.prItemBnr a img{
	max-width:100%;
	width:100%;
}

.prItemBnr a:hover img{
	opacity:0.8;
}



/* ==========================================================================
7.ホームメニュー
========================================================================== */
.homeBox{
	padding:0.5em 0.8em;
	margin:0 0 1em 0;
	border:1px solid #e62074;

	border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
}

.homeBox > div.clearfix{
	display:table;
	width:100%;
}

.homeMenu{
	width:100%;
	margin:1em 0 0 0;
	border-top:1px dotted #ccc;
}

.homeMenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:1px;
	letter-spacing:-0.4em;
	text-align:center;
}

.homeMenu ul li{
	display:inline-block;
	width:49%;
	font-size:12px;
	letter-spacing:normal;
	margin:1em 0;
}

.homeMenu ul li:last-child{
	margin:1em 0 1em 0.9em;
}

.homeMenu ul li a{
	display:block;
	color:#fff;
	font-size:125%;
	font-weight:normal;
	text-align:center;
	text-decoration:none;

	background:#e62074;
	padding:0.8em 0.55em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.homeMenu ul li a:hover{
	color:#333;
	background:#eee;
}



/* ==========================================================================
8.お知らせ
========================================================================== */
.news{
	width:48%;
	float:left;
	margin:0;
}

.news strong{
	display:block;
	color:#e62074;
	font-size:120%;
	font-weight:bold;
	letter-spacing:0.1em;

	text-align:center;
}

.newsLoop{
	width:auto;
	margin:1em 0;
}

.newsLoop ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.newsLoop ul li{
	border-top:1px dotted #ccc;
	padding:0.5em 0;
	margin:0.5em 0;
}

.newsLoop ul li:last-child{
	border-bottom:1px dotted #ccc;
}

.newsLoop dt{
	font-size:90%;
	font-weight:bold;
	letter-spacing:-0.05em;
}

.newsLoop dd{
	font-size:100%;
	font-weight:normal;
	line-height:130%;
	margin:0;
}

.newsLoop dd a{
	text-decoration:none;
}

.newsLoop dd a:hover{
	color:#333;
}

.newsLoop span.new{
	display:inline-block;
	color:#fff;
	font-size:90%;
	font-weight:bold;
	letter-spacing:0.05em;

	padding:0.15em 0.8em;
	margin:0.15em;

	background:#ff0000;

	border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
}

.newsLoop span.emg{
	display:inline-block;
	color:#333333;
	font-size:90%;
	font-weight:bold;
	letter-spacing:0.05em;

	padding:0.15em 0.8em;
	margin:0.15em;

	background:#ffeb53;

	border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
}

.newsArchive{
	width:auto;
	text-align:right;
}

.newsArchive a{
	display:inline-block;
	color:#fff;
	font-size:90%;
	font-weight:normal;
	letter-spacing:0.05em;
	text-decoration:none;

	padding:0.3em 0.8em;

	background:#e62074;

	border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
}

.newsArchive a:hover{
	color:#333;
	background:#eee;
}



/* ==========================================================================
9.カテゴリメニュー
========================================================================== */
.cat{
	width:48%;
	float:right;
	margin:0;
}

.cat.sub{
	width:auto;
	float:none;
	padding:0 0.8em;
	margin:5em 0 1em 0;
}

.cat strong{
	display:block;
	color:#e62074;
	font-size:120%;
	font-weight:bold;
	letter-spacing:0.1em;

	text-align:center;
}

.catList{
	width:auto;
	margin:1em 0;
	overflow-y:auto;
	max-height:312px;
}

.catList ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.catList ul li{
	margin:0;
	padding:0.5em 0.3em 0.5em 0.8em;
	background:#fefefe;
	border:1px solid #eee;
}

.cat.sub .catList ul li:first-child{
	border:1px solid #eee;
}

.cat.sub .catList ul li{
	display:inline-block;
	width:31.3%;
	vertical-align:top;
	margin:0.25em 0;
}

.catList ul li:first-child{
	border-bottom:none;

	border-radius:2px 2px 0 0;
	-ms-border-radius:2px 2px 0 0;
	-o-border-radius:2px 2px 0 0;
	-moz-border-radius:2px 2px 0 0;
	-webkit-border-radius:2px 2px 0 0;
}

.catList ul li:last-child{
	/*border-top:none;*/

	border-radius:0 0 2px 2px;
	-ms-border-radius:0 0 2px 2px;
	-o-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
}

.catList ul li:only-child{
	border:1px solid #eee;

	border-radius:0 0 2px 2px;
	-ms-border-radius:0 0 2px 2px;
	-o-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
}

.catList ul li a{
	display:table;
	width:100%;

	color:#333;
	text-decoration:none;
}

.catList ul li a:hover span{
	background:#e62074;
}

.catList ul li a p{
	width:93%;
	color:#333;
	font-size:110%;
	font-weight:normal;
	letter-spacing:-0.05em;
	line-height:130%;

	float:left;
	margin:0;
	padding:0.95em 0;
}

.catList ul li a span{
	display:table-cell;
	width:7%;
	color:#fff;
	text-align:center;

	background:#999;
	vertical-align:middle;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}



/* ==========================================================================
10.フッター
========================================================================== */
footer{
	width:100%;
	margin:5em 0 0 0;
	border-top:1px solid #ccc;
}

footer.log{
	border:none;
}

.footerWrapper{
	width:960px;
	padding:0;
	margin:1em auto;
}

.footerNav ul{
	width:80%;
	margin:0;
	padding:0;
	list-style-type:none;
	letter-spacing:-0.4em;
	font-size:1px;
	float:left;
}

.footerNav ul li{
	display:inline-block;
	letter-spacing:normal;
	font-size:12px;
}

.footerNav ul li:last-child{
	border:none;
}

.footerNav ul li a{
	display:inline-block;
	color:#333;
	font-size:100%;
	text-decoration:none;

	padding:0.5em 0.3em 0.5em 0.8em;
}

.footerNav ul li a:hover{
	color:#999;
}

.copyright{
	width:auto;
	margin:2em 0 5em 0;
	text-align:center;
}

.copyright p{
	display:inline-block;
	color:#333;
	font-size:90%;
	letter-spacing:-0.01em;
	text-align:center;

	margin:0;
}

.copyright a{
	color:#333;
}

.copyright a:hover{
	color:#333;
}



/* ==========================================================================
11.共通コンテンツ
========================================================================== */
.pageTitle{
	margin:2em 0 1em 0;
}

.pageTitle strong{
	display:block;
	color:#333;
	font-size:140%;
	font-weight:normal;
	letter-spacing:0.1em;

	background:#eee;
	padding:0.25em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.pageTitle strong span {
	color: #e62074;
	font-weight: bold;
}

.pageDec{
	width:auto;
}

.pageDec strong{
	display:block;
	color:#333;
	font-size:120%;
}

.pageDec strong span{
	color:#e62074;
}

.pageDec p{
	font-size:100%;
	letter-spacing:-0.05em;
	margin:1em 0;
	line-height:140%;
}

.subTitle{
	display:table-cell;
	width:10%;
	margin:0.5em 0;
}

.subTitle strong{
	color:#333;
	font-size:120%;
	font-weight:normal;
	border-left:1px solid #333;
	padding:0 0 0 0.7em;
}

.histSearch .subTitle{
	display:block;
	width:auto;
	margin:0;
}

.histSearch .subTitle strong{
	border:none;
	padding:0;
}

.sub{
	margin:0;
}

.formSelect{
	width:auto;
}

.formSelect select{
	width:100%;
	padding:0.6em;

	border:1px solid #999;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	line-height:24px;
}

.formSelect select.w45{
	width:45%;
}

.formSelect select.w20{
	width:20%;
}

.result{
	width:auto;
	padding:0.5em;
	margin:1em 0;

	border:1px solid #e62074;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.result p{
	color:#e62074;
	font-size:125%;
	font-weight:bold;
	letter-spacing:0.05em;
	margin:0;
	text-align:center;
}

.dispOpt{
	width:auto;
}

.dispOpt ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:right;
}

.dispOpt ul li{
	display:inline-block;
	vertical-align:middle;
	margin:0 1em 0 0;
}

.dispOpt ul li:last-child{
	margin:0;
}

.dispOpt ul li p{
	color:#333;
	font-size:100%;
	font-weight:bold;
	letter-spacing:0.05em;
	margin:0;
}

.dispOpt ul li a{
	display:block;
	color:#333;
	font-size:200%;
	text-decoration:none;

	padding:0.2em 0.35em;
	background:#eee;
	border:1px solid #ccc;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.dispOpt ul li a:hover{
	color:#e62074;
}

.dispOpt ul li a span.selected{
	color:#e62074;
}

.sortNav{
	width:auto;
	margin:1em 0;
}

.sortNav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
	letter-spacing:-0.4em;
}

.sortNav ul li{
	display:inline-block;
	width:49.75%;
	padding:0.85em 0;
	letter-spacing:normal;
	background:#e62074;
}

.sortNav ul li:first-child{
	border-right:1px solid #96124a;
}

.sortNav ul li:last-child{
	border-left:1px solid #fff;
}

.sortNav ul li a{
	color:#fff;
	font-size:110%;
	letter-spacing:0.05em;
	text-decoration:none;
}

.sortNav ul li a.selected{
	color:#e62074;
	font-weight:bold;
	padding:0.25em 0.7em;
	background:#fff;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.paging{
	width:auto;
	border-top:1px solid #e62074;
	border-bottom:1px solid #e62074;
}

.paging ul{
	margin:0.5em 0;
	padding:0;
	list-style-type:none;
	text-align:right;
	letter-spacing:-0.4em;
}

.paging ul li{
	margin:0 0.5em 0 0;
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
}

.paging ul li:last-child{
	margin:0;
}

.paging ul li a{
	display:block;
	color:#333;
	font-size:110%;
	padding:0.25em 0.65em;
	text-decoration:none;
	background:#fafafa;
	border:1px solid #eee;
}

.paging ul li a.selected{
	color:#fff;
	background:#e62074;
}



/* ==========================================================================
12.商品詳細(デフォルト)
========================================================================== */
.itemList{
	width:auto;
}

.itemList ul{
	margin:0;
	padding:0;
	list-style-type:none;
/*
	letter-spacing:-0.4em;
	font-size:1px;
*/
}

/*
.itemList ul li{
	display:inline-block;
	width:33.33%;
	vertical-align:top;
	letter-spacing:normal;
	font-size:12px;
	box-shadow:0 0 0 1px #fafafa inset;
}
*/

.itemList li:last-child{
	border-bottom:none;
}

.itemList li:only-child{
	border:none;
}

.pd{
	max-height:100%;
	height:100%;
}

.itemBox{
	width:auto;
	display:table;
	padding:0 0.5em;
	height:100%;
}

.items{
	display:table-row;
}

.itemImg{
	width:30%;
	float:left;
	padding:0.5em 0 0 0;
}

.itemImg a{
	display:inline-block;
	padding:0 0.25em 0.25em 0;
}

.itemImg img{
	max-width:100%;
	max-height:200px;
	width:100%;
	position:relative;
	z-index:-5;
}

.itemDec{
	width:70%;
	float:left;
	padding:0.5em 0 0 0;
}

.itemName{
	width:auto;
}

.itemName em{
	display:block;
	color:#999;
	font-size:90%;
	font-style:normal;
	letter-spacing:0.05em;
}

.itemName strong{
	font-size:120%;
	letter-spacing:-0.05em;
	line-height:120%;
}

.itemName p{
	font-size:100%;
	letter-spacing:-0.025em;
	line-height:130%;
	margin:1em 0 0 0;
}

.fav{
	display:table;
	width:100%;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin:0.5em 0;
}

.fav p{
	display:table-cell;
	width:70%;
	vertical-align:middle;
}

.fav a{
	display:table-cell;
	color:#fad976;
	font-size:400%;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}

.numbers{
	width:auto;
	margin:0.5em 0;
	padding:0.5em 0;
	border-bottom:1px dotted #ccc;
}

.numbers dt{
	float:left;
	margin:0.25em 0;
}

.numbers dd{
	float:left;
	margin:0 0 0 1em;
}

.numbers dd p{
	font-size:100%;
	margin:0.25em 0;
}

.numbers dd p span{
	display:inline-block;
	color:#fff;
	text-align:center;
	margin:0 0.5em 0 0;
	padding:0.1em 0.5em;
	background:#666;
	min-width:50px;
}

.counts{
	display:table-cell;
	vertical-align:bottom;
	padding:0.5em 0;
}

.buttons{
	width:auto;
}

.buttonWrap{
	width:70%;
	margin:0 0 0 8em;
}

.buttons strong{
	display:block;
	font-size:90%;
	margin:0.5em 0 0 0;
}

.buttons ul{
	margin:0;
	padding:0;
	list-style-type:none;
	letter-spacing:-0.4em;
}

.buttons ul li{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	text-align:center;
	width:24.7%;
	border:none;
	box-shadow:none;
}

.buttons ul li input[type="text"]{
	width:68%;
	font-size:140%;

	border:1px solid #999;
	padding:0.75em 0.3em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.buttons ul li a{
	color:#fff;
	font-size:240%;
	text-decoration:none;
	padding:0.2em 0.45em;
	background:#666;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.buttons ul li a:hover,
.buttons ul li a.plus:hover,
.buttons ul li a.minus:hover{
	color:#333;
	background:#eee;
}

.buttons ul li a.plus{
	background:#669900;
}

.buttons ul li a.minus{
	background:#FF6600;
}

.itemIcons{
	margin:0 0 1em 0;
}

.itemIcons ul li{
	display:inline-block;
	margin:0 0.5em 0 0;
	border-bottom:none;
}

.itemIcons ul li:last-child{
	margin:0;
}

.itemIcons span.newIcon{
	display: inline-block;
	min-width: 5em;
	background: #ff3333;
	color: #fff;
	font-weight: bold;
	font-size: 125%;
	text-align: center;
	padding: 0.5em 0;
	border-radius: 5px;
	vertical-align: middle;
	line-height: 100%;
}

.itemIcons span.aboIcon{
	display: inline-block;
	min-width: 5em;
	background: #3333ff;
	color: #fff;
	font-weight: bold;
	font-size: 125%;
	text-align: center;
	padding: 0.5em 0;
	border-radius: 5px;
	vertical-align: middle;
	line-height: 100%;
}

.lastOrders dt{
	color: #3333ff;
	font-weight: bold;
	font-size: 110%;
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

.lastOrders dd{
	display: inline-block;
	margin: 0 0 0 1em;
	vertical-align: middle;
}
.lastOrders.cnts dl{
	display:table;
	width:75%;
	padding:0.15em 0.5em;
	box-sizing:border-box;
}

.lastOrders.cnts dt{
	display:table-cell;
	vertical-align:middle;
}

.lastOrders.cnts dd{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}
.lastOrders.inDigs{
	padding:0 0.8em;
}

.lastOrders.inDigs dl{
	display:table;
	width:100%;
	padding:0 0.8em;
	box-sizing:border-box;
}

.lastOrders.inDigs dt{
	display:table-cell;
	vertical-align:middle;
	width:40%;
	text-align:left;
}

.lastOrders.inDigs dd{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	width:60%;
	margin:0;
}

.itemIcons.inDigs{
	margin:0 0.8em;
	padding:0.5em 0;
	text-align:left;
	border-bottom:1px dotted #ccc;
}

.itemIcons.inDigs ul li{
	padding:0;
	border-top:none;
}

.itemAddIcons{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
}

.itemAddIcons i{
	margin:0 0.5em 0 0;
}

.itemAddIcons img{
	max-width:64px;
}

.itemAddIcons.inDigs{
	padding:0 0.8em;
}

.itemAddIcons.inDigs i{
	width:50%;
	box-sizing:border-box;
	padding:0.5em 0.5em 0.5em 0;
	margin:0;
}

.itemAddIcons.inDigs i:nth-child(2n){
	padding:0.5em 0 0.5em 0.5em;
}

.itemAddIcons.inDigs img{
	max-width:100%;
}

#dispLaptop{
	display:block;
}

#dispMobile{
	display:none;
}



/* ==========================================================================
13.商品詳細(画像のみ)
========================================================================== */
.onlyImg ul{
	font-size:1px;
	letter-spacing:-0.4em;
}

.onlyImg ul li{
	display:inline-block;
	width:15.91%;
	font-size:12px;
	letter-spacing:normal;
	padding:0.3em;
	border:none;
	vertical-align:top;

	box-shadow:0 0 1px 0 #ccc inset;
	-ms-box-shadow:0 0 1px 0 #ccc inset;
	-o-box-shadow:0 0 1px 0 #ccc inset;
	-moz-box-shadow:0 0 1px 0 #ccc inset;
	-webkit-box-shadow:0 0 1px 0 #ccc inset;
}

.onlyImg .itemBox{
	padding:0;
	display:table;
}

.onlyImg .itemDec{
	width:auto;
	float:none;
	display:table-row;
}

.onlyImg .itemName{
	margin:0.5em 0;
}

.onlyImg .itemImg{
	width:auto;
	float:none;
	text-align:center;
	display:table-row;
}

.onlyImg .itemDecBottom{
	display:table-cell;
	vertical-align:bottom;
}

.onlyImg .buttons ul{
	display:block;
}

.onlyImg .buttons ul li{
	display:inline-block;
	width:33%;
	padding:0;
	border:none;
	box-shadow:none;
	vertical-align:middle;
}



/* ==========================================================================
14.商品詳細(一覧)
========================================================================== */
.itemBoxWrap{
	border:1px solid #eee;
	overflow-y:auto;
	overflow-x:scroll;
}
.onlyTxt .itemBox{
	display:block;
}

.onlyTxt table{
	/*width:1000px;*/
}

.onlyTxt thead th{
	color:#fff;
	font-size:120%;
	text-align:center;
	letter-spacing:0.05em;
	padding:0.5em 0;
	background:#333;
	border:1px solid #ccc;
}

.onlyTxt tfoot th{
	color:#fff;
	font-size:120%;
	text-align:center;
	letter-spacing:0.05em;
	padding:0.5em 0;
	background:#333;
	border:1px solid #ccc;
}

.onlyTxt tbody th{
	border:1px solid #eee;
}

.onlyTxt th.w3{
	width:3%;
}

.onlyTxt th.w5{
	width:5%;
}

.onlyTxt th.w6{
	width:6%;
}

.onlyTxt th.w8{
	width:8%;
}

.onlyTxt th.w10{
	width:10%;
}

.onlyTxt th.w12{
	width:12%;
}

.onlyTxt th.w15{
	width:15%;
}

.onlyTxt th.w17{
	width:17%;
}

.onlyTxt th.w20{
	width:20%;
}

.onlyTxt td{
	padding:0.35em;
	border:1px solid #ccc;
}

.onlyTxt td em{
	display:block;
	color:#999;
	font-size:150%;
	font-style:normal;
	letter-spacing:0.05em;
}

.onlyTxt td strong{
	/*font-size:120%;*/
	font-size:170%;
	letter-spacing:-0.05em;
	line-height:120%
}

.onlyTxt td p{
	/*font-size:110%;*/
	font-size:170%;
	letter-spacing:-0.05em;
	margin:0;
}

.onlyTxt td p span{
	display:inline-block;
	color:#fff;
	text-align:center;
	margin:0.25em 0.5em 0.25em 0;
	padding:0.1em 0.5em;
	background:#666;
	min-width:50px;
}

.onlyTxt td.left{
	text-align:left;
}

.onlyTxt td.center{
	text-align:center;
}

.onlyTxt td.right{
	text-align:right;
}

.onlyTxt .fav{
	border-top:none;
	border-bottom:none;
	margin:0;
}

.onlyTxt .fav p{
	font-size:90%;
	text-align:left;
}

.listIconWrap{
	position:absolute;
	right:0;
	bottom:0;
}

.listNewIcon{
	display: inline-block;
	background: #ff3333;
	color: #fff;
	font-weight: bold;
	min-width: 3em;
	text-align: center;
	border-radius: 3px;
}

.listAboIcon{
	display: inline-block;
	background: #3333ff;
	color: #fff;
	font-weight: bold;
	min-width: 3em;
	text-align: center;
	border-radius: 3px;
}



/* ==========================================================================
15.ダイアログ
========================================================================== */
.digTitle{
	width:auto;
	padding:0.8em;
	margin:1em 0;
	position:relative;
}

.digTitle strong{
	color:#333;
	font-size:120%;
	letter-spacing:0.1em;
}

.digWrap{
	padding:0.8em;
}

.digMain{
	width:100%;
	position:relative;
}

.digMain ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.digMain ul li{
	padding:0 0.8em;
	border-top:1px solid #ccc;
}

.digMain ul li a{
	display:table;
	width:100%;
	padding:0.2em 0;
	text-decoration:none;
}

.digMain ul li a:hover span{
	color:#333;
}

.digMain ul li a p{
	display:table-cell;
	width:93%;
	color:#333;
	font-size:120%;
	letter-spacing:-0.05em;
	text-indent:1em;
	vertical-align:middle;
}

#supportSearch .digMain ul li a p{
	text-indent:0;
}

.digMain .digNext{
	display:table-cell;
	width:7%;
	color:#333;
	text-align:center;

	vertical-align:middle;
}

.digClose{
	position:absolute;
	top:4px;
	right:5px;
}

.digClose a{
	display:inline-block;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;

	background:#e62074;
	padding:0.5em 0.7em;

	border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
}

.digImgList{
	width:auto;
	padding:0.8em;
	border-top:1px solid #ccc;
}

.digImgList a{
	display:inline-block;
	text-decoration:none;
	outline:none;
	padding:0.165em;
	width:15.69%;
}

.digImgList a img{
	max-width:100%;
}

.digMain .itemBoxWrap{
	overflow-x:visible;
}



/* ==========================================================================
16.画像ズームダイアログ
========================================================================== */
#dialog .digTitle{
	border-bottom:1px solid #ccc;
	padding:0.8em 0.8em 1.5em 0.8em;
}

.digzTable{
	display:table;
	width:100%;
	table-layout:fixed;
}

.digzImg{
	display:table-cell;
	width:45%;
	text-align:center;
	padding:0.8em;
}

.digzImg img{
	max-width:100%;
}

.digzRight{
	display:table-cell;
	width:45%;
	vertical-align:top;
	padding:0.8em;
}

.digzItemName{
	padding:0;
}

.digzItemName dt{
	font-size:90%;
	color:#999;
}

.digzItemName dd{
	font-size:120%;
	font-weight:bold;
	letter-spacing:-0.05em;
	line-height:140%;

	margin:0;
}

.digzDec{
	padding:0;
}

.digzDec dl{
	display:table;
	width:100%;
	margin:0.5em 0;
}

.digzDec dt{
	display:table-cell;
	width:24%;

	color:#fff;
	font-size:110%;
	text-align:center;
	vertical-align:middle;
	background:#999;
	padding:0.25em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.digzDec dd{
	display:table-cell;
	width:75%;
	font-size:110%;
	letter-spacing:-0.05em;
	line-height:120%;
	padding:0.5em;
	margin:0;
}

.digzDec dd p{
	margin:0.5em 0;
}

.digzDec dd p span{
	display:inline-block;
	color:#fff;
	text-align:center;
	margin:0 0.5em 0 0;
	padding:0.1em 0.5em;
	background:#666;
	min-width:50px;
}

.digzDec dd a{
	color:#fad976;
	font-size:400%;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}



/* ==========================================================================
17.レジ、カート
========================================================================== */
.buyNow{
	width:auto;
	text-align:center;
	margin:1em 0;
}

.histSearch .buyNow{
	text-align:left;
}

.buyNow.done{
	border-bottom:1px dotted #ccc;
	padding:0 0 2em 0;
	margin:0;
}

.buyNow a{
	display:inline-block;
	color:#fff;
	font-size:125%;
	font-weight:normal;
	text-align:center;
	text-decoration:none;

	background:#e62074;
	padding:0.55em 2.65em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.buyNow a:hover{
	color:#333;
	background:#eee;
}

.estimate{
	width:auto;
	padding:0.8em;
}

.estimateWrap{
	padding:0.5em;
	background:#fafafa;
	border:1px dotted #eee;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.estimateTitle{
	display:table;
	width:100%;
	margin:0 0 1em 0;
	padding:0.35em 0;
	border-bottom:2px dotted #ccc;
}

.esSpace{
	display:table-cell;
	width:20%;
}

.esTitle{
	display:table-cell;
	width:60%;
	text-align:center;
	vertical-align:middle;
}

.estimateTitle strong{
	display:block;
	font-size:160%;
	letter-spacing:0.1em;
	text-align:center;
}

.esNum{
	display:table-cell;
	width:20%;
	text-align:right;
	vertical-align:middle;
}

.esNum span.esNumTitle{
	display: inline-block;
	border: 1px solid #666;
	padding: 0.25em 0.5em;
	line-height: 100%;
	margin: 0 0.5em 0 0;
}

.esNum p{
	margin:0;
}

.estimateTitle p{
	font-size:100%;
	text-align:right;
	margin:0.5em 0 0 0;
	letter-spacing:-0.05em;
}

div.amount{
	width:35%;
	float:right;
}

.amount ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.amount ul li strong{
	display:block;
	color:#e62074;
	font-size:160%;
	text-align:right;
	padding:0.5em;
	border:1px solid #e62074;
	background:#fff;
}

.amount ul li strong span{
	color:#333;
	font-weight:normal;
	margin:0 1em 0 0;
}

.amount ul li p{
	font-size:100%;
	text-align:right;
	margin:0;
}

.amount ul li p span{
	display:inline-block;
	text-align:right;
	margin:0 1em 0 0;
	min-width:50px;
}

.totalItem{
	width:63%;
	border:1px solid #e62074;
	background:#fff;
	float:left;
	/*margin-top: 1em;*/
}

.totalItem ul{
	margin:0;
	padding:0.5em 0;
	list-style-type:none;
}

.totalItem ul li{
	display:inline-block;
}

.totalItem ul li strong{
	display:block;
	color:#e62074;
	font-size:120%;
	text-align:center;
	padding:0.5em;
	border-right:1px dotted #ccc;
}

.totalItem ul li p{
	font-size:120%;
	text-align:right;
	margin:0.25em;
}

#total_amount_case,
#total_amount{
	color:#e62074;
	font-weight:bold;
}

.totalItem ul li p span{
	display:inline-block;
	text-align:right;
	margin:0 1em 0 0;
	min-width:50px;
}

.shipDate{
	width:auto;
	margin:1em 0;
	padding:0.8em 0;
	border-top:1px dotted #ccc;
}

.shipDate strong{
	display:block;
	color:#333;
	font-size:120%;
}

.shipDate ul{
	margin:0;
	padding:0;
	list-style-type:none;
	letter-spacing:-0.4em;
	font-size:1px;
}

.shipDate ul li{
	display:inline-block;
	width:20%;
	font-size:12px;
	letter-spacing:normal;
	vertical-align:top;
	margin:0 1em 0 0;
}

.shipDate ul li:last-child{
	margin:0;
	width:30%;
}

.shipDate ul li label{
	display:block;
	padding:0.5em;
	background:#fafafa;
	border:1px solid #ccc;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.shipDate ul li input[type="radio"]{
	vertical-align:middle;
	margin:0 1em 0 0;
}

.shipDate ul li select{
	width:100%;
	padding:0.6em;
	border:1px solid #999;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	line-height:26px;
}

.shipDate ul li select[disabled="disabled"]{
	background:#999;
}

.shipDate ul li p{
	color:#333;
	font-size:100%;
	margin:0;
}

.shipDate ul li em{
	color:#999;
	font-size:90%;
	font-style:normal;
	letter-spacing:-0.025em;
}

.remarks{
	width:auto;
	padding:0.8em 0;
	border-top:1px dotted #ccc;
}

.remarks strong{
	display:block;
	color:#333;
	font-size:120%;
}

.remarks ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.remarks ul li{
	margin:0 0 0.8em 0;
}

.remarks ul li:last-child{
	margin:0;
}

.remarks ul li p{
	color:#333;
	font-size:100%;
	margin:0;
}

.remarks ul li textarea{
	width:94.5%;
	padding:0.6em;
	border:1px solid #999;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	min-height:100px;
}

.orderDone{
	width:auto;
	border-bottom:1px solid #ccc;
	text-align:center;
	margin:1em 0;
	padding:3em 0 3em 0;
}

.orderDone a{
	display:inline-block;
	color:#fff;
	font-size:140%;
	font-weight:normal;
	text-align:center;
	text-decoration:none;

	background:#e62074;
	padding:0.55em 5em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.orderDone a:hover{
	color:#333;
	background:#eee;
}

.orderLabel{
	margin:2em 0 0 0;
}

.orderLabel strong{
	display:block;
	color:#333;
	font-size:140%;
	font-weight:normal;
	letter-spacing:0.1em;

	background:#eee;
	padding:0.25em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.orderLabel strong span {
	color: #e62074;
	font-weight: bold;
}



/* ==========================================================================
18.ガイドメニュー
========================================================================== */
.guide{
	width:auto;
}

.guide ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.guide ul li{
	margin:0.5em 0 0 0;
	border-bottom:1px dotted #ccc;
}

.guide ul li:last-child{
	border:none;
}

.guide ul li a{
	display:inline-block;
	color:#333;
	font-size:120%;
	text-decoration:none;
	padding:0.5em 0.3em 0.5em 0.8em;
}

.guideNav{
	width:auto;
	padding:1em 0.8em;
	border-top:1px dotted #ccc;
	margin:0;
}

.guideNav strong{
	display:table-cell;
	color:#fff;
	font-size:100%;
	vertical-align:middle;
	text-align:center;
	background:#333;
}

.pageTop{
	width:auto;
	text-align:center;
	border-top:1px solid #e62074;
}

.pageTop a{
	display:inline-block;
	color:#fff;
	font-size100%;
	font-weight:normal;
	letter-spacing:0.05em;
	text-decoration:none;
	vertical-align:bottom;

	padding:0.5em 25%;

	background:#e62074;

	border-radius:0 0 2px 2px;
	-ms-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	-o-border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
}

.pageTop a:hover{
	color:#333;
	background:#eee;
}



/* ==========================================================================
19.ログイン
========================================================================== */
header.log{
	margin:4em 0 3em 0;
	border:none;
	background:none;
	padding:0;
}

header.log .headerWrapper{
	width:290px;
	padding:0;
	margin:0 auto;
	text-align:center;
}

header.log .headerWrapper img{
	max-width:100%;
	/*opacity:0.1;*/
}

.loginBox{
	width:290px;
	margin:0 auto;
}

.logFormBox{
	position:relative;
}

.logFormBox span{
	color:#ccc;
	font-size:140%;
	font-weight:normal;
	text-align:center;
	padding:0.25em;

	position:absolute;
	top:5px;
	left:7px;
}

.logFormBox input[type="text"],
.logFormBox input[type="password"]{
	width:90%;
	font-size:120%;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #f6f6f6;
	padding:0.6em 0 0.6em 2em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	outline:none;
}

.logFormCheck{
	margin:1em 0 0 0;
}

.logFormCheck label{
	display:block;
	color:#999;
	padding:0.5em;
	background:#f9f9f9;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	letter-spacing:0.05em;
}

.logFormCheck label input[type="checkbox"]{
	margin:0 1em 0 0;
	vertical-align:middle;
}

.login{
	width:auto;
	margin:1em 0 2em 0;
}

.login a{
	display:block;
	color:#e62074;
	font-size:120%;
	text-align:center;
	text-decoration:none;
	padding:0.8em 0;

	border:1px solid #f9f9f9;
	background: #fff;
}

.login a:hover{
	background:#333;
	color:#fff;
}

.loginBox p.error{
	color:#ff0000;
	font-size:90%;
	font-weight:bold;
	letter-spacing:-0.025em;
	margin:0.5em 0 0 0;
}



/* ==========================================================================
20.お知らせ(詳細、アーカイブ)
========================================================================== */
.newsArcBox{
	width:auto;
	padding:0 0.8em;
}

.newsArcBox dl{
	border-top:none;
	border-bottom:none;
}

.newsArcBox li{
	border-bottom:none;
}

.newsArcBox li:only-child{
	border:none;
}

.newsArcBox li:last-child{
	border-top:1px dotted #ccc;
}

.newsDec{
	width:auto;
}

.newsDate{
	background:#666;
	padding:0.25em;
	margin:1em 0;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.newsDate p{
	color:#fff;
	font-size:110%;
	text-align:center;
	margin:0;
}

.newsTitle{
	width:auto;
}

.newsTitle strong{
	display:block;
	font-size:140%;
	letter-spacing:0.05em;
	word-break:break-all;
	line-height:normal;
	margin:1em 0;
}

.newsTitle div.emg{
	display:inline-block;
	color:#333333;
	font-size:80%;
	font-weight:bold;
	letter-spacing:0.05em;

	padding:0.15em 0.8em;
	margin:0 0 0 0.8em;

	background:#ffeb53;

	border: #e9e9e9;
	border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}

.newsTxt{
	width:auto;
}

.newsTxt p{
	font-size:120%;
	line-height:180%;
	margin:0;
	word-break:break-all;
}

.newsImg{
	width:auto;
	margin:1em 0;
	text-align:center;
}

.newsImg img{
	max-width:100%;
}

.itemList.single{
	margin:2em 0;
	border:1px solid #eee;
}

.itemList.single ul li{
	border:none;
}

.single .itemBox{
	width:auto;
}

.single .items{
	display:table-cell;
	width:60%;
}

.single .counts{
	display:table-cell;
	width:40%;
	vertical-align:top;
	padding:0 0 0 7em;
}

.single .buttonWrap{
	width:auto;
	margin:0 auto;
}

.single .numbers{
	border-bottom:none;
}

.single .buttons ul li{
	width:24.7%;
}

.itemPdfDownload{
	padding: 0.8em;
}

.itemPdfDownload a{
	display: inline-block;
	color: #fff;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	background: #ea4d8f;
	padding: 0.55em 2.65em;
	border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.itemPdfDownload a:hover{
	background:#eee;
	color:#333;
}

.memberPdfDownloadTitle{
	margin: 0 1.5em 0 0;
}

.memberPdfDownload{
	padding: 0.8em 0;
}

.memberPdfDownload a{
	display: inline-block;
	color: #fff;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	background: #ea4d8f;
	margin: 0.3em 0 0 0;
	padding: 0.55em 1.65em;
	border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.memberPdfDownload a:hover{
	color:#333;
	background:#eee;
}

.memberPdfDownload.disabled a{
	color:#333;
	background:#eee;
}



/* ==========================================================================
21.発注履歴
========================================================================== */
.histBox{
	display:table;
	width:100%;
	margin:2em 0 0 0;
}

.histBox .boxPadding{
	font-weight:bold;
	margin:0 1em;
}

.histNav{
	display:table-cell;
	width:60%;
}

.histNav ul{
	margin:0 1em;
	padding:0;
	list-style-type:none;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.histNav ul:first-child{
	border-bottom:none;
}

.histNav ul:last-child{
	border-top:1px solid ccc;
	border-bottom:1px solid #ccc;
}

.histNav ul:only-child{
	border:1px solid #ccc;
}

.histNav ul li span.trigger{
	display:table;
	width:100%;
	background:#eee;
	cursor:pointer;
}

.histNav ul li strong{
	width:90%;
	float:left;

	font-size:120%;
	text-align:left;
	padding:1em;
}

.histNav ul li span{
	width:10%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.histNav ul li ul{
	display:none;
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:0;
}

.histNav ul li ul li{
	background:#fff;
	border-top:1px dotted #ccc;
	position:relative;
}

.histNav ul li ul li.delFlg{
	background:#f09999;
}

.histNav ul li ul li a{
	display:block;
	font-size:110%;
	text-decoration:none;
	padding:1em;
}

.histNav ul li ul li a span{
	display:inline;
	width:auto;
	color:#e62074;
}

.histNav ul li ul li a span.price{
	color:#e62074;
	font-weight:bold;
	text-align:right;
	right:5%;
	position:absolute;
}

.histSearch{
	display:table-cell;
	width:40%;
	vertical-align:top;
	padding:0;
	border-right:2px dotted #ccc;
}

.hDate{
	padding:1em 0.8em;
	border-top:1px solid #ccc;
}

.hRemark{
	padding:1em 0.8em;
	margin:1em 0;
	border-top:1px dotted #ccc;
	border-bottom:1px solid #e62074;
}

.histOrderBox{
	display:table;
	width:100%;
	margin:2em 0 0 0;
}

.histOrderBox .boxPadding{
	font-weight:bold;
	margin:0 1em;
}

.histOrderNav{
	display:table-cell;
	width:100%;
}

.histOrderNav ul{
	margin:0 1em;
	padding:0;
	list-style-type:none;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.histOrderNav ul:first-child{
	border-bottom:none;
}

.histOrderNav ul:last-child{
	border-top:1px solid ccc;
	border-bottom:1px solid #ccc;
}

.histOrderNav ul:only-child{
	border:1px solid #ccc;
}

.histOrderNav ul li span.trigger{
	display:table;
	width:100%;
	background:#eee;
	cursor:pointer;
}

.histOrderNav ul li strong{
	width:90%;
	float:left;

	font-size:120%;
	text-align:left;
	padding:1em;
}

.histOrderNav ul li span{
	width:10%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.histOrderNav ul li ul{
	display:none;
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:0;
}

.histOrderNav ul li ul li{
	background:#fff;
	border-top:1px dotted #ccc;
	position:relative;
}

.histOrderNav ul li ul li.delFlg{
	background:#f09999;
}

.histOrderNav ul li ul li a{
	display:block;
	font-size:110%;
	text-decoration:none;
	padding:1em;
}

.histOrderNav ul li ul li a span{
	display:inline;
	width:auto;
	color:#e62074;
}

.histOrderNav ul li ul li a span.price{
	color:#e62074;
	font-weight:bold;
	text-align:right;
	right:5%;
	position:absolute;
}



/* ==========================================================================
22.商品コード読取
========================================================================== */
.itemBoxWrap.janCode{
	display:none;
	overflow-x:visible;
}

.codeItemBox{
	padding:0.8em;
}

.codeDec{
	width:auto;
	border:1px dotted #ccc;
	padding:0.5em;
}

.codeForm{
	width:auto;
}

.codeHead{
	display:table;
	width:100%;
	margin:0 0 0.5em 0;
}

.codeHeadTitle{
	display:table-cell;
	width:50%;
}

.codeHeadDeliveryDate{
	display:table-cell;
	width:50%;
	text-align:right
}

.codeForm strong{
	display:block;
	font-size:110%;
	letter-spacing:-0.05em;
}

.codeHeadChange{
	display:table-cell;
	width:30%;
	text-align:right;
}

.codeForm a{
	display:inline-block;
	color:#fff;
	font-size:100%;
	font-weight:normal;
	text-align:center;
	text-decoration:none;

	background:#e62074;
	padding:0.55em 2em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	min-width:50px;
}

.codeForm input[type="text"],
.codeForm input[type="tel"]{
	width:100%;
	border:1px solid #999;
	padding:0.6em 0;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.codeDel{
	width:auto;
	text-align:center;
	background:#f9f9f9;
	padding:0.5em 0;
}

.codeDel a{
	display:inline-block;
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding:0.5em 5em;
	background:#333;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.codeCount{
	font-size:90%;
	color:#fff;
	letter-spacing:0.05em;
	padding:0.5em;
	background:#999;
}

.codeButton{
	padding:1em 0;
	display:none;
}

.codeButton ul{
	margin:1em 0;
}

.codeButton ul li{
	width:20%;
}

.codeDec .itemBox{
	margin:1em 0 0 0;
}

.codeDec .itemDec{
	width:auto;
	float:none;
}

.codeImgWrap{
	display:table-cell;
	width:40%;
	margin:1em auto;
	padding:0 2em 0 0;
	text-align:center;
}

.codeDec .itemImg{
	width:auto;
	float:none;
	max-width:100%;
}

.codeButtonWrap{
	display:table-cell;
	width:60%;
	vertical-align:middle;
}

.codeMsg{
	display:none;
	padding:0.8em;
}

.codeMsg strong{
	display:block;
	color:#e62074;
	font-size:150%;
	text-align:center;
	padding:0.3em 0.8em;
	border:1px solid #e62074;
}

.codeMsg p{
	font-size:110%;
	margin:0.5em 0;
}
/*
#barcodeList.itemList li:first-child{
	display:block;
	width:auto;
	box-shadow:none;
}
*/

#barcodeList.itemList .codeButtonWrap li{
	display:inline-block;
	width:20%;
}



/* ==========================================================================
23.ヘルプ
========================================================================== */
.helpNav{
	display:block;
	width:auto;
	margin:0 0 1em 0;
}

.helpNav ul{
	margin:0;
	border:1px solid #ccc;
}

.helpNav ul li ul{
	border:none;
}

p.help{
	color:#333;
	font-size:110%;
	letter-spacing:-0.05em;
	line-height:140%;
	padding:1em;
	margin:0;
}

/* ==========================================================================
25.納品日選択
========================================================================== */
table.deliveryCalendar{
	width:100%;
	font-size:200%;
}

table.deliveryCalendar th{
	border:1px solid #ccc;
}

table.deliveryCalendar th.sun {
	color:#fff;
	background:#f66;
}

table.deliveryCalendar th.sat {
	color:#fff;
	background:#66f;
}

table.deliveryCalendar td {
	border:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
}

table.deliveryCalendar td.selected{
	background:#FFF3D0;
}

table.deliveryCalendar td.extraDate {
	color:#ccc;
	background:#eee;
	padding:1.6em 0;
}

table.deliveryCalendar td a {
	text-decoration:none;
	color:#000;
	display:block;
	width:100%;
	height:100%;
	padding:1.6em 0;
}

/* ==========================================================================
00.ウェブフォント用
========================================================================== */
span[class^="icon-"], [class*=" icon-"]{

}

span.mr{
	margin:0 0.5em 0 0;
}

span.ml{
	margin:0 0 0 0.5em;
}

span.digMr{
	color:#e62074;
	font-size:380%;
}



/* ==========================================================================
00.商品入れ替えページ
========================================================================== */
html.ref{
	height:100%;
	background:#fff;
}

html.ref .contentWrapper{
	border:none;
}

.refArea{
	width:auto;
	text-align:center;
	margin:2em 0;
}

.refArea span.mark{
	display:inline-block;
	color:#333;
	font-size:800%;
	margin:0.25em 0;
}

.refArea h2{
	color:#fff;
	font-size:260%;
	font-weight:bold;
	letter-spacing:-0.05em;
	margin:0;
	padding:0.25em 0;
	background:#333;
}

.refArea strong{
	display:block;
	color:#333;
	font-size:140%;
	letter-spacing:0.1em;
	padding:0 0.8em;
	margin:0.5em 0 1em 0;
	text-align:left;
}

.refArea p{
	color:#333;
	font-size:120%;
	margin:0;
	padding:0.8em;
	text-align:left;
}

.refArea a{
	display:inline-block;
	color:#fff;
	font-size:120%;
	text-align:center;
	text-decoration:none;
	padding:0.65em 0.8em;
	margin:0;

	background: #333;

	min-width:170px;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.refArea a:hover{
	background:#eee;
	color:#333;
}

.refArea ul{
	margin:3em 0 10em 0;
	padding:0;
	list-style-type:none;
}

.refArea ul li{
	margin:0 0 2em 0;
}

.refArea ul li:last-child{
	margin:0;
}



/* ==========================================================================
00.404,403,505,エラーページ
========================================================================== */
html.err{
	height:100%;
	background:#e62074;
}

html.err .contentWrapper{
	border:none;
	width:auto;
}

.errArea{
	width:auto;
	text-align:center;
	margin:8em 0;
}

.errArea span.mark{
	display:inline-block;
	color:#fff;
	font-size:800%;
	margin:0.25em 0;
}

.errArea h2{
	color:#e62074;
	font-size:500%;
	font-weight:bold;
	letter-spacing:-0.05em;
	margin:0;
	padding:0.25em 0;
	background:#fff;
}

.errArea strong{
	display:block;
	color:#fff;
	font-size:200%;
	letter-spacing:0.1em;
	padding:0 0.8em;
	margin:0.5em 0 1em 0;
}

.errArea p{
	color:#fff;
	font-size:120%;
	margin:0;
	padding:0.8em;
	text-align:center;
}

.errArea a{
	display:inline-block;
	color:#e62074;
	font-size:120%;
	text-align:center;
	text-decoration:none;
	padding:0.65em 0.8em;
	margin:3em 0;

	background: #fff;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.errArea a:hover{
	background:#333;
	color:#fff;
}

footer.err{
	border:none
}

footer.err p,
footer.err a{
	color:#fff;
}



/* ==========================================================================
00.ヘルパークラス
========================================================================== */
.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}

iframe{
	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

p.info{
	display:block;
	color:#ff0000;
	font-size:110%;
	font-weight:bold;
	letter-spacing:-0.025em;
	text-align:center;
	margin:2em 0;
	padding:2em 0;

	background:#fff;
	border:1px dotted #ff0000;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.content p.error{
	color:#ff0000;
}



/* ==========================================================================
00.ボーダー
========================================================================== */
.borders{
	padding:1em 0.8em;
	border-top:1px solid #e62074;
	border-bottom:1px solid #e62074;
}

.noBorder{
	border:none;
	border-top:none;
}



/* ==========================================================================
00.クリックアニメーション
========================================================================== */
.wave{
position:relative;
}

.wave .ring {
background:rgba(111,148,182,0.25);
position:absolute;
height:70px;
width:70px;
top:-10px;
left:-10px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-ms-border-radius:100px;
	-o-border-radius:100px;
	border-radius:100px;
z-index: -1;
opacity:0;
}

.waved .ring {
   	-webkit-animation: wave 0.5s forwards;
	-webkit-animation-iteration-count: 1;
   	-moz-animation: wave 0.5s forwards;
	-moz-animation-iteration-count: 1;
   	-ms-animation: wave 0.5s forwards;
	-ms-animation-iteration-count: 1;
   	-o-animation: wave 0.5s forwards;
	-o-animation-iteration-count: 1;
   	animation: wave 0.5s forwards;
	animation-iteration-count: 1;
}

@-webkit-keyframes wave {
	0% {-webkit-transform: scale3d(0.1, 0.1, 1); opacity:1;}
	100% {-webkit-transform: scale3d(8, 8, 1); opacity: 0.0;}
}

@-moz-keyframes wave {
	0% {-moz-transform: scale3d(0.1, 0.1, 1); opacity:1;}
	100% {-moz-transform: scale3d(8, 8, 1); opacity: 0.0;}
}

@-o-keyframes wave {
	0% {-o-transform: scale3d(0.1, 0.1, 1); opacity:1;}
	100% {-o-transform: scale3d(8, 8, 1); opacity: 0.0;}
}



/* ==========================================================================
24.お気に入り
========================================================================== */
.favPro{
	min-height:180px;
}

.favPro.single ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.favPro.single ul li{
	padding:0 0.8em;
	border-top:1px solid #ccc;
	display:inline-block;
	border:1px solid #e62074;
	width:30.3%;
	margin:0.2em;
}

.favPro.single ul li:nth-child(3n){
	margin:0.2em 0 0.2em 0.2em;
}

.favPro.single ul li a{
	display:table;
	width:100%;
	padding:0.3em 0;
	text-decoration:none;
}

.favPro.single ul li a.fpAdd{
	padding:0;
}

.favPro.single ul li a.fpAdd span{
	font-size:350%;
}

.favPro:not(.single) ul li:first-child{
	border-top:none;
	padding-bottom: 1em;
}

.favPro:not(.single) ul li:last-child{
	border-bottom:1px solid #ccc;
}

.favPro:not(.single) ul li:only-child{
	border-top:none;
	border-bottom:none;
}

.favPro ul li .favBoxWrap span.fpNum{
	display:inline-block;
	color:#fff;
	font-size:120%;
	text-align:center;
	background:#e62074;
	padding:0.45em 0;
	min-width:30px;
	vertical-align:middle;
	border-radius:1em;
}

.favPro ul li .favBoxWrap{
	display:table;
	width:100%;
}

.favPro.single ul li .favBoxWrap{
	min-height:45px;
}

.favPro ul li .favBoxCnt{
	display:table-cell;
	width:5%;
	vertical-align:middle;
	text-align:center;
}

.digMain .favProAdd p{
	width:94.7%;
}

.favPro ul li p{
	display:table-cell;
	width:78%;
	color:#333;
	font-size:120%;
	letter-spacing:-0.05em;
	text-indent:1em;
	vertical-align:middle;
	margin:0;
}

.favPro.single ul li p{
	width:65%;
	padding:0.8em 0;
}

.favPro.single .favProAdd p{
	width:90%;
}

.favPro ul li .favBox{
	display:table-cell;
	width:10%;
	vertical-align:middle;
	text-align:center;
}

.favPro.single ul li .favBox{
	width:20%;
}

.favPro.single ul li .favBox.fpEdit a{
	display:inline-block;
	color:#fff;
	font-size:125%;
	background:#e62074;
	text-align:center;
	border-radius:2px;
}

.favPro ul li .favBox .favPlus{
	display:inline-block;
	width:auto;
	color:#fad976;
	font-size:400%;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	padding:0;
}

.fpAddBox{
	display:none;
	border-top:2px dotted #ccc;
	padding:0.5em 0;
}

.fpAddBox.dig{
	display:block;
	margin:0 0.8em;
}

.fpAddBox strong{
	color:#444;
	font-size:125%;
}

.fpAddBoxForm input{
	width:100%;
	border:1px solid #999;
	padding:0.6em 0.25em;

	-webkit-appearance: none;

	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;

	box-sizing:border-box;
}

.fpAddBox .buyNow a{
	display:inline-block;
	width:auto;
	padding:0.2em 1.5em;
}

.inFav{
	position:relative;
}

.inFav .outline{
	position:absolute;
	top:11%;
	left:0;
	right:0;
	margin:auto;
}

.inFavNum{
	position:absolute;
	display:inline-block;
	color:#fff;
	font-size:20%;
	padding:0.1em 0.2em;
	background:#cc3333;
	border-radius:1em;
	top:6%;
	right:10%;
}

.digMain .favDigTitle{
	width:auto;
	padding:0.8em;
	margin:1em 0;
	position:relative;
}



/* ==========================================================================
00.カレンダー
========================================================================== */
.summarySlide{
	height:Auto;
}

.calendar{
	margin:0 1em;
	position:relative;
}

.calendar strong{
	display:inline-block;
	width:40px;
	height:40px;
	color:#fff;
	font-size:140%;
	font-weight:normal;
	background:#e62074;
	border-radius:50%;
	position:absolute;
	top:0;
	left:0;
	text-align: center;
	vertical-align: middle;
}

.calendar table{
	width:100%;
}

.calendar table caption{
	font-size:160%;
	margin:1em 0;
	padding:0.25em;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

.calendar .w12{
	width:12%;
}

.calendar table th{
	font-size:80%;
	font-weight:bold;
	border-bottom:1px solid #eee;
}

.calendar table td{
	font-size:160%;
	text-align:center;
	vertical-align:middle;
	padding:0.5em;
	border-bottom:1px solid #eee;
}

.calendar table td span.holy{
	display: inline-block;
	text-align: center;
	vertical-align: bottom;
	color: #fff;
	padding: 0.2em 0.25em 0.2em 0.25em;
	background: #666;
	border-radius: 1em;
}

.calendar table td.today span{
	border:3px solid #ee1111; /*border:2px solid #cc3333;*/
	padding:0.25em 0.65em; /*padding:0.1em 0.35em;*/
	border-radius:2em;
}

.summarySlide .sPrev{
	font-size:135%;
	position:absolute;
	top:35%;
	left:3%;
}

.summarySlide .sNext{
	font-size:135%;
	position:absolute;
	top:35%;
	right:3%;
}

.calendar table th label span.sun{
	color:#cc3333;
}

.calendar table th label span.sat{
	color:#fff;
}

.calendar table th{
	padding:1em;
	text-align:center;
	vertical-align:middle;
	position:relative;
}

.calendar table th label{
	cursor:pointer;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.calendar table th .dateNum{
	display:inline-block;
	color:#333;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:50%;
	margin:auto;
	z-index:1;
}

.calendar table th input[type="checkbox"] + label::after{
	display:block;
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background:#ffffff;
}

.calendar table td{
	padding:1em;
	text-align:center;
	vertical-align:middle;
	position:relative;
}

.calendar table td label{
	cursor:pointer;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.calendar table td .dateNum{
	display:inline-block;
	color:#333;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:50%;
	margin:auto;
	z-index:1;
}

.calendar table td input[type="checkbox"] + label::after{
	display:block;
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background:#ffffff;
}

.calendar table td input[type=checkbox]:checked + label::after{
	background:#ccc;
}

.calendar table td input[type="checkbox"] + label.today::after{
	display:block;
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	font-weight: bold;
	background:#ffffee;
}

.calendar table td input[type=checkbox]:checked + label.today::after{
	background:#ccc;
}

.cldPaging ul li{
	margin:0 1em 0 0;
	display:inline-block;
	border-top: 0;
}

.cldPaging ul li a{
	display:block;
	color:#333;
	padding:0.1em 0.6em;
	text-decoration:none;
}

.cldPaging ul li a.selected{
	color:#fff;
	background:#e62074;
}

.calButton ul li{
	border-top:0;
}

.inCld{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	width: 100%;
	height: 100%;

	box-sizing: border-box;
}



/* ==========================================================================
00.セイコーカスタム
========================================================================== */
.itemList li{
	border-bottom:3px solid #eee;
}

.itemBoxWrap{
	padding:1em 0;
}

.itemBoxs{
	display:table;
	width:100%;
	table-layout:fixed;
}

.itemImageList{
	text-decoration:none;
	color : #333333 ;
	display:table-cell;
	width:20%;
	position:relative;
	display:block;
	width:auto;
}

.itemImageList .toDetail{
	position:absolute;
	top:1%;
	right:0;
	bottom:auto;
	margin:auto;
	vertical-align:middle;
	height:15%;
}

.itemImageList .toDetail span{
	display:inline-block;
	color:#fff;
	font-size:120%;
	background:rgba(0,0,0,0.3);
	padding:0.35em 0.45em;
	border-radius:1em;
	opacity:1;

	-ms-transition:all linear 0.15s;
	-moz-transition:all linear 0.15s;
	-o-transition:all linear 0.15s;
	-webkit-transition:all linear 0.15s;
	transition:all linear 0.15s;
}

.itemImageList:hover .toDetail span{
	background:rgba(0,0,0,0.8);
}

.itemImage{
	display:table-cell;
	width:20%;
	text-align:center;
	vertical-align:middle;
	position:relative;
}

.itemImage.inDialog{
	vertical-align:top;
	width:30%;
}

.itemImage .toDetail{
	position:absolute;
	top:5%;
	left:5%;
	right:0;
	bottom:auto;
	margin:auto;
	text-align:left;
	vertical-align:middle;
	width:100%;
	height:15%;
}

.itemImage .toDetail span{
	display:inline-block;
	color:#fff;
	font-size:200%;
	background:rgba(0,0,0,0.3);
	padding:0.35em 0.45em;
	border-radius:1em;
	opacity:1;

	-ms-transition:all linear 0.15s;
	-moz-transition:all linear 0.15s;
	-o-transition:all linear 0.15s;
	-webkit-transition:all linear 0.15s;
	transition:all linear 0.15s;
}

.itemImage:hover .toDetail span{
	background:rgba(0,0,0,0.8);
}

.itemImage img{
	max-width:100%;
}

.itemDesc{
	display:table-cell;
	width:45%;
	vertical-align:top;
	padding:0 5em 0 0;
}

.itemCtrl{
	display:table-cell;
	width:35%;
	vertical-align:middle;
}

.itemNames{
	margin:0 0 1em 0;
}

.itemNames strong{
	font-size:150%;
}

.itemData dl{
	display:table;
	width:100%;
}

.itemData dl:nth-child(2n){
	margin:0 0 1em 0;
	border-top:1px dotted #fff;
}

.itemData dt{
	display:table-cell;
	width:35%;
	text-align:center;
	background:#eee;
}

.itemData dt strong{
	color:#666;
	font-size:120%;
}

.itemData dd{
	display:table-cell;
	width:65%;
	padding:0 0 0 1em;
	background:#fafafa;
}

.itemData dd p{
	color:#444;
	font-size:115%;
	margin:0;
}

.itemData dd.right{
	text-align:right;
}

.itemCmt{
	margin:1em 0;
}

.itemCmt p{
	color:#444;
	font-size:115%;
	line-height:125%;
	margin:0;
}

.itemCmtOnly p{
	/*color:#444;*/
	color:#ff0000;
	font-size:115%;
	line-height:125%;
	margin:0;
}

.ctrls ul{
	letter-spacing:-0.4em;
	font-size:1px;
}

.ctrls ul li{
	display:inline-block;
	letter-spacing:normal;
	font-size:12px;
	width:20%;
	vertical-align:middle;
	margin:0 0.5em 0 0;
	border:none;
}

.ctrls ul li:last-child{
	margin:0;
}

.ctrls ul li input.num{
	display:inline-block;
	font-size:150%;
	text-align:right;
	padding:0.7em 0.35em;
	max-width:48px;
	max-height:48px;
	border:1px solid #ccc;
	border-radius:2px;
	outline:none;

	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.ctrls ul li a{
	display:inline-block;
	color:#fff;
	font-size:240%;
	text-decoration:none;
	background:#666;
	text-align:center;
	padding:0.25em 0.5em;
	max-width:48px;
	max-height:48px;
	border-radius:2px;

	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.ctrls ul li a.plus{
	background:#669900;
}

.ctrls ul li a.minus{
	background:#FF6600;
}

.favs{
	display:table;
	width:75%;
	padding:0.15em 0.5em;
	margin:1em 0;
	border-top:2px dotted #ccc;
	border-bottom:2px dotted #ccc;
}

.favs p{
	display:table-cell;
	width:70%;
	vertical-align:middle;
}

.favs a{
	display:table-cell;
	width:30%;
	color:#fad976;
	font-size:400%;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}

.itemList td input[type="text"]{
	display:inline-block;
	font-size:150%;
	text-align:right;
	padding:0.7em 0.35em;
	max-width:48px;
	max-height:48px;
	border:1px solid #999;
	border-radius:2px;
	outline:none;

	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.digNav{
	width:auto;
	margin:2em 0 2em 0;
}

.digNav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	letter-spacing:-0.4em;
	text-align:center;
}

.digNav ul li{
	display:inline-block;
	letter-spacing:normal;
	margin:0 0.5em;
}

.digNav ul li a{
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:120%;
	letter-spacing:0.1em;
	padding:0.5em 0.75em;
	position:relative;

	border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

	background: #ea4d8f;
	background: -moz-linear-gradient(top,  #ea4d8f 0%, #e64278 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea4d8f), color-stop(100%,#e64278));
	background: -webkit-linear-gradient(top,  #ea4d8f 0%,#e64278 100%);
	background: -o-linear-gradient(top,  #ea4d8f 0%,#e64278 100%);
	background: -ms-linear-gradient(top,  #ea4d8f 0%,#e64278 100%);
	background: linear-gradient(to bottom,  #ea4d8f 0%,#e64278 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea4d8f', endColorstr='#e64278',GradientType=0 );
}

.digNav ul li a:hover{
	color:#333;
	background:#eee;
}

.estimateTitle .esSpace a{
	/*display:block;*/
	color:#fff;
	text-decoration:none;
	font-size:120%;
	letter-spacing:0.1em;
	padding:0.5em 0.75em;
	position:relative;

	border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

	background: #ea4d8f;
	background: -moz-linear-gradient(top,  #ea4d8f 0%, #e64278 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea4d8f), color-stop(100%,#e64278));
	background: -webkit-linear-gradient(top,  #ea4d8f 0%,#e64278 100%);
	background: -o-linear-gradient(top,  #ea4d8f 0%,#e64278 100%);
	background: -ms-linear-gradient(top,  #ea4d8f 0%,#e64278 100%);
	background: linear-gradient(to bottom,  #ea4d8f 0%,#e64278 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea4d8f', endColorstr='#e64278',GradientType=0 );
}

.estimateTitle .esSpace a:hover{
	color:#333;
	background:#eee;
}

.estimateTitle.orderHistory .esNum{
	vertical-align:top;
}

.estimateTitle.orderHistory .esNum a{
	/*display:block;*/
	color:#fff;
	text-decoration:none;
	font-size:115%;
	letter-spacing:0.1em;
	padding:0.5em 0.75em;
	position:relative;

	border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

	background: #ea4d8f;
	background: -moz-linear-gradient(top,  #ea4d8f 0%, #e64278 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea4d8f), color-stop(100%,#e64278));
	background: -webkit-linear-gradient(top,  #ea4d8f 0%,#e64278 100%);
	background: -o-linear-gradient(top,  #ea4d8f 0%,#e64278 100%);
	background: -ms-linear-gradient(top,  #ea4d8f 0%,#e64278 100%);
	background: linear-gradient(to bottom,  #ea4d8f 0%,#e64278 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea4d8f', endColorstr='#e64278',GradientType=0 );
}

.estimateTitle.orderHistory .esNum a:hover{
	color:#333;
	background:#eee;
}

/* 発注者選択 */
.members{
	margin:2em 0;
}

.memberWrap{
	display:table;
	width:100%;
}

.memberBox{
	display:table-cell;
	width:40%;
	vertical-align:middle;
}

.memberBox:first-child{
	width:20%;
	text-align:right;
	padding:0 1em 0 0;
}

.memberBox strong{
	color:#444;
	font-size:135%;
}

.memberBox input{
	width:100%;
	font-size:125%;
	padding:0.7em 0.35em;
	border:1px solid #999;
	outline:none;

	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.memberBox:nth-child(2) input{
	border-right:none;
}

.addMember{
	text-align:center;
	margin:2em 0 0 0;
}

.addMember a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:120%;
	letter-spacing:0.1em;
	padding:0.35em 2em;
	position:relative;

	border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

	background: #ea4d8f;
	background: -moz-linear-gradient(top,  #ea4d8f 0%, #e64278 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea4d8f), color-stop(100%,#e64278));
	background: -webkit-linear-gradient(top,  #ea4d8f 0%,#e64278 100%);
	background: -o-linear-gradient(top,  #ea4d8f 0%,#e64278 100%);
	background: -ms-linear-gradient(top,  #ea4d8f 0%,#e64278 100%);
	background: linear-gradient(to bottom,  #ea4d8f 0%,#e64278 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea4d8f', endColorstr='#e64278',GradientType=0 );
}

.addMember a:hover{
	color:#333;
	background:#eee;
}

.startBox{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
}

.startSearch{
	width:55%;
	box-sizing:border-box;

	-ms-flex-item-align:center;
	align-self:center;
}

.searchCmt{
	margin:0.5em 0 0 0;
}

.searchCmt p{
	color:#e62074;
	font-size:120%;
	font-weight:bold;
	margin:0;
}

.searchCmt em{
	display:block;
	color:#999;
	font-style:normal;
}

.startSearch .formBox input[type="text"]{
	font-size:135%;
	padding:0.5em 0.35em;
	box-sizing:border-box;
}

.startSearch .searchSubmit{
	margin:0.3em 0;
}

.startNav{
	width:45%;
	box-sizing:border-box;
	padding:0 0 0 3em;
}

.startNav .homeMenu{
	width:auto;
	margin:0;
	border-top:none;
}

.startNav .homeMenu ul li{
	display:block;
	width:auto;
	margin:0 0 1em 0;
}

.startNav .homeMenu ul li:last-child{
	margin:0;
}

.startNav .homeMenu ul li a{
	font-size:135%;
}

.itemBnrList{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	        flex-direction:row;
}

.itemBnrList a{
	width:50%;
	box-sizing:border-box;
	padding:0.5em 0.5em 0.5em 0;
}

.itemBnrList a:nth-child(2n){
	padding:0.5em 0 0.5em 0.5em;
}

.itemBnrList a:last-child{
	margin:0 0 1em 0;
}

.itemBnrList a img{
	max-width:100%;
}

.orderSchedule thead th{
	color:#666;
	background:#e9e9e9;
}

.orderSchedule tfoot th{
	color:#666;
	background:#e9e9e9;
}

.orderSchedule .orderEnable th{
	border:none;
	background:none;
}

.orderSchedule .orderEnable .al{
	text-align:left;
}

.orderSchedule .orderEnable .ac{
	text-align:center;
}

.orderSchedule .orderEnable .ar{
	text-align:right;
}

.orderSchedule thead .orderEnable .orderEnableArea{
	color:#ed6429;
	padding:0.5em;
	background:#ffe6db;
	border-radius:3em 0 0 0;
}

.orderSchedule tfoot .orderEnable .orderEnableArea{
	color:#ed6429;
	padding:0.5em;
	background:#ffe6db;
	border-radius:0 0 0 3em;
}

.orderSchedule .orderSet .oeab{
	color:#e8652b;
	background:#ffe6db;
}

.orderSchedule .orderSet .sun{
	color:#cc3333;
	background:#ffe8e8;
}

.orderSchedule .orderSet .sat{
	color:#287eff;
	background:#deeffd;
}

.orderSchedule .orderSet .today{
	color:#333;
	background:#fffbe7;
}

.orderSchedule .orderCnt .today{
	color:#333;
	background:#fffbe7;
}



/* ログインインフォメーション */
.logInfo{
	padding:1em;
	border:1px solid #cc3333;
}

.logInfo strong{
	color:#cc3333;
	font-size:128%;
}

.listMarks{
	margin:0;
	padding:0 0 0 1.5em;
}

.listMarks li{
	margin:0 0 1em 0;
}

.listMarks li:last-child{
	margin:0;
}

.listMarks li p{
	margin:0;
}