/*============================
*stock
============================*/
div.stock	article	h1	{
	text-align: left;
	font-weight: normal;
}
div.stock	article	form	table	tr	td	a	{
	display: block;
	color: #000;
}
div.stock	article	form	table	tr	td	input	{
	background: url("../images/btn_cartin.png") no-repeat center;
	background-size: contain;
	border: none;
	cursor: pointer;
}
div.stock	article	form	table	tr	td	sup	{
	display: block;
}
/*=======* PC 769px OVER *=================================================*/
@media only screen and (min-width: 769px) {
div.stock	article	{
	width: 96%;
	max-width: 984px;
	margin: 54px auto;
}
div.stock	article	h1	{
	margin: 0 auto 20px;
	font-size: 30px;
	line-height: 1.2;
}
div.stock	article	form	{
	width: 100%;
	max-width: 984px;
	margin: 0 auto;
}
div.stock	article	form	input	{
}
div.stock	article	form	table	{
	width: 100%;
	max-width: 984px;
	margin: 0 auto -1px;
	background: #F6F2DD;
}
div.stock	article	form	table	tr	td	{
	height: auto;
	min-height: 47px;
	padding: 14px 25px;
	border: solid 1px #775A4F;
	text-align: center;
	vertical-align: top;
}
div.stock	article	form	table	tr	td:first-of-type	{	text-align: left;	vertical-align: middle;}
div.stock	article	form	table	tr	td:nth-of-type(2)	{	width: 27%;	text-align: right;}
div.stock	article	form	table	tr	td:nth-of-type(3)	{	width: 125px;}
div.stock	article	form	table	tr	td:last-of-type	{	width: 152px;	padding: 6px 0 !important;}
div.stock	article	form	table	tr	td	a	{	font-size: 16px;}
div.stock	article	form	table	tr	td	select	{	width: 40px;}
div.stock	article	form	table	tr	td	input	{	width: 140px !important;	height: 37px !important;}
div.stock	article	form	table	tr	td	sup	{}
div.stock	article	form	table	tr	td	a	span	{	display: block;	padding: 5px 0;}/* 注意書き */
div.stock	article	form	table	tr	td	span	{	padding-left: 14px;}/* 在庫 */
div.stock	article	form	table	tr	td	span.red	{	padding: 0;}/* 品切中 */
}
/*=======* Mobile 768px Under *=================================================*/
@media only screen and (min-width:769px) and (max-width:970px){
	div.stock	article	form	table	tr	td:nth-of-type(3)	{	width: 100px;	padding: 14px;}
div.stock	article	form	table	tr	td:nth-of-type(2)	{	width: 170px;}
div.stock	article	form	table	tr	td:last-of-type	{	width: 132px;	padding: 6px 0 !important;}
div.stock	article	form	table	tr	td	span	{	display: block;}/* 在庫 */
div.stock	article	form	table	tr	td	input	{	width: 120px !important;	height: 32px !important;}

}
/*=======* Mobile 768px Under *=================================================*/
@media only screen and (min-width:320px) and (max-width:768px){
		div.stock	{
}
div.stock	article	{
	width: 100%;
	margin: 6% auto;
}
div.stock	article	h1	{
	width: 92%;
	margin: 0 auto 4%;
	font-size: 1.2rem;
	line-height: 1.2;
}

div.stock	article	form	{
	width: 100%;
	margin: 0 auto;
}
div.stock	article	form	input	{
}
div.stock	article	form	table	{
	width: 100%;
	margin: 0 auto;
}
div.stock	article	form	table	tr	{
	width: 100%;
	margin: 0 auto 8px;
	padding: 5% 0;
	-js-display: flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-flex-line-pack:justify;
	-moz-flex-line-pack:justify;
	-webkit-align-content:space-between;
	-moz-align-content:space-between;
	align-content:space-between;
	background: #F6F2DD;
}

div.stock	article	form	table	tr	td	{
	display: block;
	font-size: 0.9rem;
	line-height: 1.3;
}
	div.stock	article	form	table	tr	td:first-of-type	{
	width : -webkit-calc(100% - 132px) ;
	width : -moz-calc(100% - 132px) ;
	width : calc(100% - 132px) ;
	padding-left: 4%;
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-webkit-flex-order: 1;
	-moz-flex-order: 1;
	-webkit-order: 1;
	-moz-order: 1;
	-ms-order: 1;
	order: 1;
	-webkit-align-self:center;
	-moz-align-self:center;
	-ms-align-self:center;
	align-self:center;
	text-align: left;
	font-weight: bold;
}
div.stock	article	form	table	tr	td:nth-of-type(2)	{
	width : -webkit-calc(100% - 132px) ;
	width : -moz-calc(100% - 132px) ;
	width : calc(100% - 132px) ;
	padding-left: 4%;
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	-webkit-flex-order: 3;
	-moz-flex-order: 3;
	-webkit-order: 3;
	-moz-order: 3;
	-ms-order: 3;
	order: 3;
	-webkit-align-self:center;
	-moz-align-self:center;
	-ms-align-self:center;
	align-self:center;
	text-align: left;
}
div.stock	article	form	table	tr	td:nth-of-type(3)	{
	width: 132px;
	padding: 0 4%;
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-webkit-flex-order: 2;
	-moz-flex-order: 2;
	-webkit-order: 2;
	-moz-order: 2;
	-ms-order: 2;
	order: 2;
	text-align: center;
	-webkit-align-self:flex-end;
	-moz-align-self:flex-end;
	-ms-align-self:flex-end;
	align-self:flex-end;
}
div.stock	article	form	table	tr	td:last-of-type	{
	width: 132px;
	-webkit-box-ordinal-group: 4;
	-moz-box-ordinal-group: 4;
	-webkit-flex-order: 4;
	-moz-flex-order: 4;
	-webkit-order: 4;
	-moz-order: 4;
	-ms-order: 4;
	order: 4;
	text-align: center;
}
div.stock	article	form	table	tr	td	select	{	width: 40px;}
div.stock	article	form	table	tr	td	input	{	width: 120px !important;	height: 32px !important;	margin: 8px 0;}
div.stock	article	form	table	tr	td	sup	{	font-weight: normal}
div.stock	article	form	table	tr	td	a	span	{	font-weight: normal;}/* 注意書き */
div.stock	article	form	table	tr	td	span	{	padding: 0 8px;}/* 在庫 */

}