/*---------------------------------------------
		float_cart用

		通常ページからのFloationgCartだけ使用
		読み込みを速くするため、本当に使用するものしか入ってない
----------------------------------------------*/

/*-----------------------------
		FloatingCart外側共用部分
-------------------------------*/
#floatWindow_cart_view_css{
	padding:10px;
}

#float_cart #new_insert_txt{
	width:295px; float:right;
}

#float_cart #goukei_kingaku{
	color:#F00; font-weight:800; font-size:22px;
	display:flex;
	justify-content: space-around;
	padding: 5px;
}

#float_cart #goukei_kingaku #amount_txt{
	width:60%;
	text-align:right;
}

#float_cart #goukei_kingaku #amount{
	width:40%;
	position:relative;
	text-align:right;
}

#float_cart #goukei_kingaku #amount div{
	font-size:12px;
	position:relative;
	bottom:0px;
	right:0px;
	text-align:right;
}



/*-----------------------------
		cart_start_floating.php用
-------------------------------*/
.phpcart_error_box{
	margin-bottom: 0.5em;
}

#new_insert_div{
	background-color:#FFF;
	border: 1px solid #AAA;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:15px;
	padding:10px;

	.goods_name{
		background-color: #d7dfb9;
		padding: 10px;
		border-radius: 5px;
		margin: 0 0em 0.5em 0;
		font-size: 0.9em;

		a{
			display:block;
			margin-bottom: 6px;
		}
		.price {
			color: #F00;
			font-weight: 800;
			font-size: 0.9em;
			text-align: right;
			margin-top: 0.5em;
		}
	}

	.goods_data{
		line-height:13px; font-size:10px; max-height:300px; overflow:hidden;
	}

}

#total_amount_div{
	padding:5px;
	border: 1px solid #AAA;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	#in_cart_num{
		font-size:10px;
		color:#535353;
		float:right; text-align:right;

	}
}

/*	カートのボタンCSS版 */
.cart_button_css{
  background-image: linear-gradient(to bottom, #ffe72e, #cfb75a);
  display: inline-block;
  cursor: pointer;
  padding: 2px 15px 0px 15px;
  border: none;
  border-radius: 4px;
  font-size: 20px;
	font-weight:800;
  color: rgba(0,0,0,0.8);
  text-overflow: clip;
  box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.5) ;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  margin-right: 1px;
	text-shadow: 0px 0px 1px rgba(140,140,140,.3);		/*字がアンチエイリアスかかっている感じになる*/

}
.cart_button_css:hover {
  color: rgba(100,100,100,1);
	text-decoration:none;
}

#new_insert_div #photo_div{
	text-align:center;
	float:left;
	width:30%;
	height:auto;
	max-height:200px;
	overflow:hidden;
}

#new_insert_div_img{
	width:100%;
}


/*780px以下のときは*/
@media screen and (max-width: 980px) {
	/*-------------------------- 
			float_cart用 スマホ用
	---------------------------*/
	#float_cart #new_insert_txt{
		width:65%; float:right;

	}

	#float_cart #goukei_kingaku{
		color:#F00; font-weight:800; font-size:1.2em;
	}

	#float_cart #next_button{
		width:450px;
	}

	.cart_button_css{
	  font-size: 1.2em;
	  padding: 4px 15px 4px 15px;
	}

}


/*--------------------------
		cart_start_select.php用
---------------------------*/
#cart_start_select{
	max-height:800px;
	overflow:scroll;
}

#cart_start_select .sentaku_select_box{
  float: left;
  border: 1px solid #AAA;
  border-radius: 10px;
  width: 92%;
  height: 110px;
  font-size: 1.8em;
  oberflow: hidden;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
}
#cart_start_select .sentaku_select_box:hover{
	background-color:#eee;
}

#cart_start_select .sentaku_select_box:active{
	margin-top:2px;
	margin-bottom:8px;
	background-color:#b8c292;
	box-shadow: 0 0px 0 rgba(136,136,136,1);
}

#cart_start_select input[type=radio]{
	display:none;
}

#cart_start_select .name{
	line-height: 1.1em;
	height: 2em;
	overflow: hidden;
}

#cart_start_select img{
	float:left;
	height:100px;
	margin:5px;
}

#cart_start_select .txt{
	margin:10px 10px 10px 0;
	font-size:1.2em;
}

/*780px以下のときは*/
@media screen and (max-width: 980px) {
	/*-------------------------- 
			float_cart用 スマホ用
	---------------------------*/
	#cart_start_select img{
		height:80px;
	}
	#cart_start_select .sentaku_select_box{
		width: 90%;
		font-size: 1.1em;
		height: 70px;
	}

	#cart_start_select{
		max-height:500px;
	}

}