@charset "utf-8";
/* CSS Document */
/* ##################################################################### */
/*	共通設定 テーブル
/* ##################################################################### */
/* ===================================================================== */
/*	共通設定 テーブル　基本設定
/* ===================================================================== */

table{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	float: left;
}

td{
	background-color: #FDFDFD;
	text-align: left;
	vertical-align: top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	line-height: 2.0em;
	font-size: 90%;
	}

th{ font-size: 90%;
	vertical-align: middle;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #EDEDED;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	text-align: left;
	float: none;
}

/* --------------------------------------------------------------------- */
/*	共通設定 フォーム　基本設定　テキストボックスの文字の色を変更
/* --------------------------------------------------------------------- */
input[type="number"],
input[type="mail"],
input[type="tel"],
input[type="date"],
input[type="text"]{
	border: 1px solid #999;
	padding: 7px;
	color: #666;
}
input.marginBottom{
	margin-bottom:5px;
	}

select[type="text"]{
	border: 1px solid #999;
	padding: 7px;
	color: #666;
}

textarea{
	border: 1px solid #999;
	color: #F00;
	padding:7px;
}

select {
	border: 1px solid #999;
	padding: 7px;
	vertical-align: middle;
	background-color: #FFFFFF;
}

select.small {
	border: 1px solid #999;
	padding: 1px;
	vertical-align: middle;
	background-color: #FFFFFF;
}

input.btn {
	padding-bottom:5px;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 3px;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
	-moz-box-shadow: 1px 1px 2px #E7E7E7;
	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), 			color-stop(0.99, #DFDFDF), to(#ccc));
	margin-bottom:25px;

}

input.btn2{
	padding-bottom: １px;
	padding-top: １px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 80%;
	}

+html input.btn{
	margin-bottom: 0px;}

.caption{
	display: none;
	}

input:required,
textarea:required {
  border-color: red;
  background:#FFFFFF;
}
/* --------------------------------------------------------------------- */
/*	共通設定 フォーム　基本設定　入力言語を設定
/* --------------------------------------------------------------------- */
.langJpn {
	ime-mode: active
}
.langEng {
	ime-mode: disabled;
}

/* --------------------------------------------------------------------- */
/*	共通設定 フォーム　基本設定　imputの長さを設定
/* --------------------------------------------------------------------- */
.widthShortest{
	width: 20px;
	}

.widthShorter{
	width: 50px;
	}

.widthShort{
	width: 150px;
	}

.widthMidium{
	width: 300px;
	}
.widthTwoThird{
	width: 70%;
	}
.widthLong{
	width: 95%;
	}
	
.widthLongest{
	width: 94%;
	}

.widthOneThird{
width: 20%;
	}

.widthHalf{
width: 30%;
	}
	

/* ##################################################################### */
/*	スマホ　各テーブル設定
/* ##################################################################### */
/* ===================================================================== */
/*	スマホ basic
/* ===================================================================== */
.basic table{
	width: 100%;
	margin-bottom: 20px;
	clear: none;
	float: left;
	}

/* ===================================================================== */
/*	スマホ  お問合せ　テーブル
/* ===================================================================== */
.inquiry table{
	width: 100%;
	margin-bottom: 20px;
	}





/* ===================================================================== */
/*	スマホ  カートの中身
/* ===================================================================== */
.cart table{
	width: 100%;
	margin-bottom: 20px;
	}
.cart td{
	font-size: 90%;
	}
.cart td.totalSub{
	background-color: #FDEFEF;
	}
.cart td.total{
	background-color: #FADEDE;
	font-weight: bold;
	}
/* ===================================================================== */
/*	スマホ  カート　レジスター
/* ===================================================================== */
.register table{
	width: 100%;
	margin-bottom: 20px;
	}
.register td{
	font-size: 90%;
	}
.register td.title{
	background-color: #FDEFEF;
	}
.register td.title{
	background-color: #FADEDE;
	font-weight: bold;
	}
/* ===================================================================== */
/*	スマホ  お問合せテーブル
/* ===================================================================== */
.inquiry table{
	width: 100%;
	margin-bottom: 20px;
	}
.inquiry td{

	}
.inquiry td.title{
	background-color: #FDEFEF;
	}
.inquiry td.title{
	background-color: #FADEDE;
	font-weight: bold;
	}



	
@media only screen and (max-width:769px){
/* ##################################################################### */
/*	タブレット・PC　共通設定 テーブル
/* ##################################################################### */
/* ===================================================================== */
/*	タブレット・PC　共通設定 テーブル　基本設定
/* ===================================================================== */


thead{
	display:none}


tbody{
	display: block;
}
tbody tr{
	display: block;
	margin-bottom: 0.5em;
	text-align: left;
}

tbody th,
tbody td{
	display: list-item;
	border: none;
	list-style-type: none;
	margin-left: 0px!important;
}


td{
	background-color: #FDFDFD;
	text-align: left;
	vertical-align: top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	line-height: 1.2em;
	font-size: 90%;
	}

/*
tbody td:nth-of-type(1):before { content: " [ 氏名 ] "; }
tbody td:nth-of-type(2):before { content: " [ 所属 ] "; }
*/

/* ===================================================================== */
/*	スマホ　カート テーブル
/* ===================================================================== */
/*
.cart tr{padding-top:0px;padding-bottom:0px;}
.cart th{display: none;}
.cart td{padding-top:3px;padding-bottom:3px;}
.cart tbody td:nth-of-type(1):after { content: " 点目 ";font-weight: bold;font-size: 120%;}
.cart tbody td:nth-of-type(1){font-weight: bold;font-size: 120%;}
.cart tbody td.totalSub:nth-of-type(1){	font-weight: normal;font-size: 100%;}
.cart tbody td.totalSub:after{ content: ""; }
.cart tbody td:nth-of-type(2):before { content: " [ 商品番号 ] "; }
.cart tbody td.total:after{ content: ""; }
.cart tbody td:nth-of-type(3):before { content: " [ 商品名 ] "; }
.cart tbody td:nth-of-type(4):before { content: " [ カラー ] "; }
.cart tbody td:nth-of-type(5):before { content: " [ サイズ ] "; }
.cart tbody td:nth-of-type(6):before { content: " [ 数量 ] "; }
.cart tbody td:nth-of-type(7):before { content: " [ 単価 ] "; }
.cart tbody td:nth-of-type(8):before { content: " [ 金額 ] "; }
.cart tbody td:nth-of-type(9):before { content: " [ 削除 ] "; }
*/
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*	★スマホ　フォーム　お問い合わせ　TDの前に文字を挿入
/* --------------------------------------------------------------------- */
/*　tbody td:nth-of-type(1):before { content: " [ 会員価格 ] "; }
/*　tbody td:nth-of-type(2):before { content: " [ 一般価格 ] "; }*/


th.list01{
	display: none;
	}

}