@charset "UTF-8";

/* レスポンシブ設定：〜1280px */
@media screen and ( max-width : 1280px){
}

/* レスポンシブ設定：〜800px */
@media screen and ( max-width : 800px){
	.button_area {
		width: 100%;
	}
	/* カートリスト */
	/* カートリスト：カートボタン */
	.cartbtn_backorder,
	.cartbtn_preorder,
	.cartbtn_add_to_cart {
		background-position-x: center;
		background-size: contain;
		height: 5vh;
	}
	.cartbtn_backorder:before,
	.cartbtn_preorder:before,
	.cartbtn_add_to_cart:before {
		content: "";
	}
	.cartbtn_preorder_closed,
	.cartbtn_not_preorder_closed,
	.cartbtn_order_closed,
	.cartbtn_unavailable,
	.cartbtn_sale_before,
	.cartbtn_sale_after {
		font-size: 50%;
		line-height: 1.5em;
	}



	/* カートリスト：商品名 */
	.cartlist_list .name{
		font-size: 80%;
		padding: 6px;
	}
	/* カートリスト：発売日 */
	.cartlist_header .releasedate,
	.cartlist_list .releasedate {
		width: 20%;
		flex-basis: 20%;
		max-width: 20%;
	}
	/* カートリスト：価格 */
	.cartlist_header .price,
	.cartlist_list .price {
		width: 17%;
		flex-basis: 17%;
		max-width: 17%;
	}
	/* カートリスト：数量 */
	.cartlist_list .amount .amount_count input{
		font-size: 1.25em;
	}
	/* カートリスト：操作 */
	.cartlist_header .control,
	.cartlist_list .control {
		width: 10%;
		flex-basis: 10%;
		max-width: 10%;
	}
	/* カートリスト：操作ボタン */
	.cartlist_list .control .control_mylist input,
	.cartlist_list .control .control_delete .btn_trashbox {
		height: 100%;
		text-indent: 1000%;
		white-space: nowrap;
		overflow: hidden;
		padding-right: 0;
		box-sizing: border-box;
		background-position-x: center;
		background-size: contain;
		height: 5vh;
	}
	.cartbtn_mylist {
		background-color: #ddddff;
		border-color:#ddddff;
	}
	/* 合計 */
	.total_area .total {
		width: 70%;
		margin: 10px auto;
		font-size: 125%;
		float: none;
	}

	/* お気に入りリスト */
	.wishlist_header .releasedate,
	.wishlist_list .releasedate {
		width: 20%;
		flex-basis: 20%;
		max-width: 20%;
	}
	.wishlist_header .control,
	.wishlist_list .control {
		width: 10%;
		flex-basis: 10%;
		max-width: 10%;
	}
	.wishlist_header .price,
	.wishlist_list .price {
		width: 15%;
		flex-basis: 15%;
		max-width: 15%;
	}
	.wishlist_list .name{
		font-size: 80%;
	}
	.wishlist_list .releasedate{
		padding: 6px;
	}
	.wishlist_list .price{
		padding: 6px;
	}
	.wishlist_list .control .control_delete .btn_trashbox{
		background-position-x: center;
		background-size: contain;
		height: 5vh;
	}
	.wishlist_list .control .control_delete .btn_trashbox {
		text-indent: 1000%;
		white-space: nowrap;
		overflow: hidden;
	}


}
