.order_detail_all
{
	float:right; /*右寄せ*/
	padding:10px;
	width:240px;
	height: auto; /*（全体高さ - ブランド高さ - スライド画像高さ - ヘッダ高さ）*/
	
	background:#FFFFFF;
}

.order_detail_registLogin
{
	display:inline;
}

/* ご注文内容 */
.order_detail_title
{
	width:calc(100% - 16px);
	padding:8px;
	text-align:center;
	border-bottom: solid 2px red;
}
.order_detail_price_num
{
	width:100%;
	text-align:right;
}
.order_detail_price_price
{
	width:100%;
	text-align:right;
}
.order_detail_price_zei
{
	width:100%;
	text-align:right;
}
.order_detail_price_haisouryou
{
	width:100%;
	text-align:right;
}

.order_detail_btn
{
	width: 100%;
	padding:10px 0px 10px 0px;
}
.order_detail_btn_order
{
	width: calc(100% - 20px);
	padding:10px;
	text-align:center;
}
.order_detail_btn_cart
{
	width: calc(100% - 20px);
	padding:10px;
	text-align:center;
}

/* カート */
.order_detail_cart_all
{
	width:calc(100% - 8px);
	padding:4px;
}
.order_detail_cart
{
	width:100%;
	text-align:left;
}
.order_detail_cart_str
{
	width:100%;
	text-align:left;
}
.order_detail_cart_image
{
	display:none;
}
.order_detail_cart_no
{
	width:100%;
	text-align:left;
}
.order_detail_cart_name
{
	width:100%;
	text-align:left;
}
.order_detail_cart_count
{
	text-align:left;
}
.order_detail_cart_price
{
	text-align:left;
}
.order_detail_cart_etc
{
	width:100%;
	text-align:left;
}
.order_detail_cart_btn
{
	width:100%;
}
.order_detail_cart_change
{
	padding:4px;
}
.order_detail_cart_delete
{
	padding:4px;
}
.order_detail_cart_image
{
	float:right;
}

/* お届け先 */
.order_detail_otodokesaki
{
	width:calc(100% - 8px);
	padding:4px;
	border-top: solid 2px red;
}
.order_detail_otodokesaki_title
{
	float:left; /*寄せ*/
}
.order_detail_otodokesaki_btn_change
{
	float:right; /*寄せ*/
}
.order_detail_otodokesaki_address
{
	width:100%;
}
.order_detail_haitatsu_shop
{
	display:none;
}

/* 配達指定 */
.order_detail_haitatsu
{
	width:calc(100% - 8px);
	padding:4px;
	border-top: solid 2px red;
}
.order_detail_haitatsu_title
{
	float:left; /*寄せ*/
}
.order_detail_haitatsu_haitasu
{
	float:left; /*寄せ*/
}
.order_detail_haitatsu_motikaeri
{
	float:left; /*寄せ*/
}
.order_detail_haitatsu_btn_change
{
	float:right; /*寄せ*/
}
.order_detail_haitatsu_date
{
	width:100%;
}
.order_detail_haitatsu_time
{
	width:100%;
}

/* 店舗名 */
.order_detail_shop
{
	width:calc(100% - 8px);
	padding:4px;
	border-top: solid 2px red;
}
.order_detail_shop_title
{
	width:100%;
}
.order_detail_shop_detail
{
	width:100%;
}

/* 閉じるボタン（スマホのみ）*/
.order_detail_btn_close
{
	display:none;
}


@media screen and (max-width:901px)
{
	.order_detail_all
	{
		display: flex;
		flex-direction: column;
		
		float:;
		width:calc(100% - 20px);
		height: auto;
		
		position: fixed;
		bottom: 0; /* 下部に固定 */
		left: 0; /* 左端に固定（必要に応じて調整） */
	}
	
	.order_detail_registLogin
	{
		display:none;
	}
	
	/*
		縦の並び順を決める
		トップ要素に以下の指定があること。
			display: flex;
			flex-direction: column;
	*/
	.order_detail_title
	{
		order: 1;
	}
	.order_detail_price
	{
		order: 2;
	}
	.order_detail_btn
	{
		order: 4;
	}
	.order_detail_cart_all
	{
		order: 5;
	}
	.order_detail_haitatsu
	{
		order: 3;
	}
	.order_detail_btn_close
	{
		order: 6;
	}
	
	
	/* 配達指定 */
	.order_detail_price
	{
		width:100%;
		border-top: solid 2px red;
	}
	
	/* カート */
	.order_detail_cart_all
	{
		max-height:600px; /*縦スクロールさせる！*/
		overflow: scroll; /*縦スクロールさせる！*/
	}
	.order_detail_cart_str
	{
		width:calc(100% - 160px - 10px); /*最大幅 - 画像の横幅*/
		text-align:left;
	}
	.order_detail_cart_image
	{
		display:inline;
	}
	
	/* 配達指定 */
	.order_detail_haitatsu_btn_change
	{
		float:left; /*寄せ*/
	}
	.order_detail_haitatsu_date_time
	{
		width:auto;
		border-right: solid 2px red;
	}
	.order_detail_haitatsu_date
	{
		width:auto;
		display:block;
	}
	.order_detail_haitatsu_time
	{
		width:auto;
		display:block;
	}
	.order_detail_haitatsu_shop
	{
		float:right; /*寄せ*/
	}
	
	/* 閉じるボタン */
	.order_detail_btn_close
	{
		width:100%;
		padding:auto auto;
		text-align:center;
	}
	
	
	/* スマホのみ表示 */
	.order_detail_haitatsu_shop
	{
		display:inline-block;
	}
	.order_detail_btn_close
	{
		display:inline-block;
	}
	
	/* スマホは非表示 */
	.order_detail_title
	{
		display:none;
	}
	.order_detail_otodokesaki
	{
		display:none;
	}
	.order_detail_shop
	{
		display:none;
	}
	.order_detail_haitatsu_title
	{
		display:none;
	}
	.order_detail_haitatsu_btn_change
	{
		display:none;
	}
	
	.order_detail_btn_order
	{
		float:right;
		width:46%;
	}
	.order_detail_btn_cart
	{
		float:left;
		width:46%;
	}
}