@charset "shift_jis";

/* NEWアイコン
-----------------------------------------*/
.md-itemlist .g03 .thumb .new_icon {
	position: absolute;
	left: 0;
	padding: 2px 5px;
	color: #fff;
	font-size: 13px;
	background-color: #eb5d63;
}



/* 在庫更新
-----------------------------------------*/
.zaiko_few,
.zaiko_no,
.zaiko_end {
	font-size:12px;
	color:#666;
	font-weight:normal;
	text-align:center;
}
.zaiko_ok {
	color:#666;
}
.zaiko_few {
	margin-top:3px;
	color:#F00;
	border:1px dotted #CCC;
	padding:5px;
}
.zaiko_few .name,
.zaiko_no .name,
.zaiko_end .name {
	font-weight:bold;
}
.zaiko_no {
	margin-top:3px;
	color:#FFF;
	background-color:#F00;
	padding:5px;
}
.zaiko_end {
	margin-top:3px;
	color:#FFF;
	background-color:#F00;
	padding:5px;
}



/* 価格表
-------------------------------------------*/
.order-price {
	padding: 10px;
	background-color: #fff2f2;
}
.order-price .price {
	color: #BB3C32;
	font-weight: bold;
	text-align: center;
}

.table.md-price td.el-price {
	font-size:16px;
}
.table.md-price td.maker-price {
	color: #666;
	text-decoration: line-through;
}




/* 見出し
---------------------------------------*/
.heading.md-catalog-feat.md-info {
	color: #53820F;
}



/* ラインナップメニュー
-------------------------------------------*/
.lineup-menu .item {
	display: block;
	border: 4px double #ddd;
}
.lineup-menu .item .name {
	display: block;
	padding: 5px 3px 0;
	color: #333;
	font-weight: bold;
}
.lineup-menu .item .txt {
	display: block;
	margin: 3px;
	color: #333;
	font-size: 12px;
}
.lineup-menu .item:hover {
	border: 4px double #ff9a42;
}



/* 商品一覧
-------------------------------------------*/
.series .md-itemlist .item {
	margin-bottom: 20px;
}
.series .md-itemlist .item:hover {
	text-decoration: none!important;
	background-color: #FBDBDC;
}
.series .md-itemlist .item .thumb {
	position: relative;
	background-color: #fff;
}
.series .md-itemlist .item .thumb .color-num {
	position: absolute;
	bottom: 10px;
	left: 5px;
	display: block;
	padding: 2px 5px;
	color: #fff;
	font-weight: bold;
	background-color: #5EB255;
}
.series .md-itemlist .item .name {
	display: block;
	margin-top: 4px;
}
.series .md-itemlist .item .sub-name {
	display: block;
	color: #333;
	font-size: 11px;
	font-weight: normal;
}
.series .md-itemlist .item .sample_price {
	display: block;
}
.series .md-itemlist .item .txt {
	display: block;
	color: #333;
	font-size: 12px;
}



/* 色柄一覧
-------------------------------------------*/
.different-size {
	padding: 10px;
	border-radius: 4px;
	background-color: #eee;
}
.different-size .num {
	margin-top: 2px;
	font-size: 12px;
	font-weight: normal;
}










/*-------------------------------------------*/
/* 見積もりフォーム                          */
/*-------------------------------------------*/
.mitumori-form textarea {
	width:98%;
	height:6em;
	resize: vertical;
}
.mitumori-form input[type=text] {
	width:4em;
	text-align:center;
}
.mitumori-form input[type=text][name=cloth_num] {
	width:6em;
	text-align:left;
}
.mitumori-form input[type=text].is-error-validate {
	border-radius:2px;
	border:1px solid #F00;
}
.mitumori-form .validate-alert {
	color:#F00;
	font-size:12px;
	margin:4px 0;
	display:block;
}

/* input-label
-------------------------------------------*/
.mitumori-form .input-label {
	display:block;
	padding:10px 5px;
	border:1px solid transparent;
	border-radius:2px;
	transition:all 0.2s ease-in-out;
	cursor:pointer;
	position:relative;
}
.mitumori-form .input-label:hover {
	border:1px solid #CCC;
}
.mitumori-form .input-label.checked {
	border:1px solid #F9AE56;
}
.mitumori-form .input-label img {
}


/* input-label.md-type
-------------------------------------------*/
.mitumori-form .input-label.md-type {
	padding:10px 5px;
}
.mitumori-form .input-label.md-type:hover {
}
.mitumori-form .input-label.md-type.checked {
}

/* input-label.md-cloth
-------------------------------------------*/
.mitumori-form .input-label.md-cloth {
	padding:3px;
	font-size: 12px;
	text-align:center;
}
.mitumori-form .input-label.md-cloth:hover {
}
.mitumori-form .input-label.md-cloth.checked {
}

/* input-label.md-name
-------------------------------------------*/
.mitumori-form .input-label.md-name {
	padding:3px;
	font-size: 12px;
	text-align:center;
}
.mitumori-form .shape {
	display: block;
	width: 150px;
	margin: 2px auto;
	background-color: #ddd;
}
.mitumori-form .shape.md-square {
	padding: 20px 0;
}
.mitumori-form .shape.md-circle {
	padding: 20px 0;
	border-radius: 50px;
}

/* input-label.md-name
-------------------------------------------*/
.mitumori-form .size-wrap {
	position: relative;
}
.mitumori-form .input-item .size-wrap .circle {
	position: absolute;
	top: 0;
	left: 0;
}
.mitumori-form .hide {
	display: none;
}

/* .submit.btn.md-estimate
-------------------------------------------*/
.mitumori-form .submit {
	position: relative;
	display: inline-block;
	width: 600px;
	border: none;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	outline: none;
}
.mitumori-form .submit:after {
	content: '';
	z-index: -1;
	position: absolute;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.mitumori-form .submit.md-estimate-add {
	padding: 10px 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	border-radius: 5px;
	box-shadow: 0 6px #982020;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	background-color: #BC3C33;
}
.mitumori-form .submit.md-estimate-add:hover {
	top: -2px;
	box-shadow: 0 8px #982020;
}
.mitumori-form .submit.md-estimate-add:active {
	top: 6px;
	box-shadow: 0 0 #982020;
}






/*-------------------------------------------
 機能一覧・お手入れについて
-------------------------------------------*/
.grid.md-kinou-lineup .item {
	margin-bottom: 40px;
}
.grid.md-maint-list .item {
	margin-bottom: 20px;
}



/* コピーライト
-----------------------------------------*/
.pea-copy {
	text-align: center;
}