string(63) "2442944,2442690,2442436,3739015,3625529,2857542,2391943,3221501"
<html>

<head>
	<!-- html_head -->
	<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GGBFMQ3ZYC"></script>
<script>   window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-GGBFMQ3ZYC'); </script>
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
        w[l] = w[l] || []; w[l].push({
            'gtm.start':
                new Date().getTime(), event: 'gtm.js'
        }); var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-KVTX4KLM');</script>
<!-- End Google Tag Manager -->
<script id='sc_access_analysis' src='https://sales-crowd.jp/js/sc-web-access-analysis.js'
    data-token='e192dcd710eb6705dde8090b38b027ea2886e8a3008ebce472f6968453bcb44c'></script>
	<meta charset="utf-8">
	<title>A3PE3000L-FGG484｜トナリズムオンライン</title>
	<meta name="keywords" content="トナリズムオンライン,tonarism online,商品詳細">
	<meta name="description" content="【型番】A3PE3000L-FGG484、【メーカー】ACTEL、【デートコード】18+、【パッケージ】BGA　の、商品詳細ページです。登録いらずで、簡単お見積りができます。">
	<!-- favicon -->
	<link rel="shortcut icon" href="../img/favicon.ico" />
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="apple-touch-icon" sizes="180x180" href="../img/apple-touch-icon.png" />
	<!-- Fontawesome, Needed for icon to show -->
	<link href="https://use.fontawesome.com/releases/v6.2.0/css/all.css" rel="stylesheet">
	<!-- base.css -->
	<link rel="stylesheet" href="../css/base/jquery.minimalect.min.css">
	<link rel="stylesheet" href="../css/base/lightslider.css">
	<link rel="stylesheet" href="../css/base/bootstrap.css">
	<link rel="stylesheet" href="../css/base/reset.css">
	<link rel="stylesheet" href="../css/base/parts.css">
	<link rel='stylesheet prefetch' href='https://unpkg.com/flatpickr/dist/flatpickr.min.css'>
	<!-- project.css -->
	<link rel="stylesheet" href="../css/project/project.css">
	<!-- cosmetic.css -->
	<!-- context.css -->
	<!-- Bootstrap  JavaScript
	================================================== -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
	<script src="../js/bootstrap.min.js"></script>
	<!-- Select -->
	<script src="../js/jquery.minimalect.min.js"></script>
	<script>
		$(document).ready(function() {
			$(".example2").minimalect();
			$(".example3").minimalect({
				theme: "bubble",
				placeholder: "選択してください"
			});
		});
	</script>
	<script src="../js/lightslider.js"></script>
	<!-- TOPのCSS -->
	<link rel="stylesheet" href="../../assets/css/all.min.css">
	<link rel="stylesheet" href="../assets/css/reset.css">
	<link rel="stylesheet" href="../assets/css/base.css">
	<link rel="stylesheet" href="../assets/css/style.css">
	<link rel="stylesheet" href="../assets/css/fix1.css">
	<link rel="stylesheet" href="../assets/css/fix2.css">
	<link rel="stylesheet" href="../assets/css/hamburger.css">
	<!-- TOPのCSS -->

	<style>
		.contentWrap {
			padding-left: 0px !important;
		}

		.contentWrap {
			max-width: 1200px;
			padding: 0px !important;
			margin-left: auto;
			margin-right: auto;
			width: 100%;
		}

		table {
			border-collapse: collapse;
			width: 100%;
		}

		.tb01 th,
		.tb01 td {
			padding: 10px;
			border: solid 1px #ccc;
			text-align: center;
			box-sizing: border-box;
			vertical-align: middle;
		}

		.tb01 th {
			background: #c5c5c5;
			color: #fff;

		}

		.search_a {
			display: flex;
			align-items: center;
			justify-content: space-around;
		}

		.tt_area {
			width: 380px;
		}

		.k_line {
			padding-top: 20px;
			display: block;
		}

		@media screen and (max-width: 640px) {
			.search_a {
				display: block;
			}

			.tt_area {
				width: 100%;
			}

			.tb01 .head {
				display: none;
			}

			.tb01 {
				width: 100%;
			}

			table.tb01 td {
				display: block;
				width: 100%;
				border-bottom: none;
			}

			table.tb01 td:first-child {
				background: #c5c5c5;
				color: #fff;
				font-weight: bold;
			}

			table.tb01 td:before {
				content: attr(data-label);
				font-size: .7rem;
				font-weight: bold;
				color: #999;
				display: block;
			}

			.tb01 tr:last-child {
				border-bottom: solid 1px #ccc;
			}
		}
	</style>
	<link href="https://use.fontawesome.com/releases/v6.2.0/css/all.css" rel="stylesheet">

	<style>
		select.form-control:not([size]):not([multiple]) {
			height: auto;
		}

		table {
			border-collapse: collapse;
			width: 100%;
		}

		.tb01 th,
		.tb01 td {
			padding: 10px;
			border: solid 1px #ccc;
			text-align: center;
			box-sizing: border-box;
			vertical-align: middle;
			max-width:250px;
		}

		.tb01 th {
			background: #c5c5c5;
			color: #000;

		}

		.search_a {
			display: flex;
			align-items: center;
			justify-content: space-around;
		}

		.tt_area {
			width: 380px;
		}

		.k_line {
			padding-top: 20px;
			display: block;
		}

		.ss_a {
			display: flex;
			padding-top: 20px;
			justify-content: flex-end;
			padding-right: 20px
		}

		@media screen and (max-width: 640px) {
			.ss_a {
				display: flex;
				padding-top: 20px;
				justify-content: center;
				padding-right: 20px
			}

			.search_a {
				display: block;
			}

			.tt_area {
				width: 100%;
			}

			.tb01 .head {
				display: none;
			}

			.tb01 {
				width: 100%;
			}

			table.tb01 td {
				display: block;
				width: 100%;
				border-bottom: none;
			}

			table.tb01 td:first-child {
				background: #c5c5c5;
				color: #fff;
				font-weight: bold;
			}

			table.tb01 td:before {
				content: attr(data-label);
				font-size: .7rem;
				font-weight: bold;
				color: #999;
				display: block;
			}

			.tb01 tr:last-child {
				border-bottom: solid 1px #ccc;
			}
		}

		.btn-bl {
			color: #fff;
			background-color: #3b5998;
			border-color: #3b5998;
			white-space: normal;
		}

		.btn-bl:hover {
			color: #3b5998;
			background-color: #fff;
			border-color: #3b5998;
		}

		table {
			border-collapse: collapse;
			width: 100%;
		}

		.tb01 th,
		.tb01 td {
			padding: 10px;
			border: solid 1px #ccc;
			box-sizing: border-box;
			vertical-align: middle;
		}

		.tb01 th {
			background: #1b4c9e;
			color: #fff;
			line-height: 24px;

		}

		.search_a {
			display: flex;
			align-items: center;
			justify-content: space-around;
		}

		.tt_area {
			width: 380px;
			padding-top: 0px;
		}

		.k_line {
			padding-top: 20px;
			display: block;
		}

		.ss_a {
			display: flex;
			padding-top: 20px;
			justify-content: flex-end;
			padding-right: 38px
		}

		.est_area {
			display: flex;
			flex-wrap: wrap;
		}

		@media screen and (max-width: 640px) {
			.ss_a {
				display: block;
				padding-top: 20px;
				justify-content: center;
				padding-right: 0px;
				padding-bottom: 10px;
			}

			.search_a {
				display: block;
			}

			.tt_area {
				width: 100%;
				padding-top: 20px;
			}

			.tb01 .head {
				display: none;
			}

			.tb01 {
				width: 100%;
			}

			table.tb01 td {
				display: block;
				width: 100%;
				border-bottom: none;
				font-szie: 16px;
			}

			table.tb01 td:first-child {
				background: #c5c5c5;
				color: #fff;
				font-weight: bold;
			}

			table.tb01 td:before {
				content: attr(data-label);
				font-size: 1.2rem;
				font-weight: bold;
				color: #999;
				display: block;
			}

			.tb01 tr:last-child {
				border-bottom: solid 1px #ccc;
			}
		}

		table.tb01 td[data-label="型タイプ"] br {
			display: none;
		}

		table.tb01 td[data-label="型タイプ"] img {
			object-fit: contain;
			max-width: 60px;
			width: 100%;
			height: auto;
		}

		table.tb01 td[data-label="型タイプ"] .img-2 {
			max-width: 30px;
		}

		table.tb01 td[data-label="型タイプ"] .img-3 {
			margin-top: -15px;
		}

		table.tb01 td[data-label="在庫数"] {
			font-weight: bold;
		}

		table.tb01 td[data-label="在庫数"] .text-muted {
			font-weight: bold;
		}

		@media screen and (max-width: 768px) {
		.tb01 th,
		.tb01 td {max-width:100%;}

			.card-body tr {
				display: flex;
				flex-direction: column;
			}

			table.tb01 td[data-label="型タイプ"] {
				flex-direction: row !important;
				flex-wrap: wrap !important;
				justify-content: space-between !important;
				column-gap: 20px;
				align-items: baseline !important;
				padding: 10px 20px;
			}

			table.tb01 td:before {
				width: 100%;
				text-align: center;
			}

			.tb01 th{width:100% !important;}
		}

		nav[data-pagination] li a {
			font-size: 20px;
			padding: 10px;
		}

		@media screen and (max-width: 768px) {

			.contactTxt.contactType.check_validatePare.custom-col {
				display: flex;
				row-gap: 10px;
				flex-wrap: wrap;
			}

			main {
				padding-top: 200px;
			}
		}


		.btn-bl {
			color: #fff;
			background-color: #3b5998;
			border-color: #3b5998;
			white-space: normal;
		}

		.btn-bl:hover {
			color: #3b5998;
			background-color: #fff;
			border-color: #3b5998;
		}

		table {
			border-collapse: collapse;
			width: 100%;
		}

		.tb01 th,
		.tb01 td {
			padding: 10px;
			border: solid 1px #ccc;
			box-sizing: border-box;
			vertical-align: middle;
		}

		.tb01 th {
			background: #1b4c9e;
			color: #fff;
			line-height: 24px;text-align: center;
		}

		.search_a {
			display: flex;
			align-items: center;
			justify-content: space-around;
		}

		.tt_area {
			width: 380px;
			padding-top: 0px;
		}

		.k_line {
			padding-top: 20px;
			display: block;
		}

		.ss_a {
			display: flex;
			padding-top: 20px;
			justify-content: flex-end;
			padding-right: 38px
		}

		.est_area {
			display: flex;
			flex-wrap: wrap;
		}

		@media screen and (max-width: 640px) {
			.ss_a {
				display: block;
				padding-top: 20px;
				justify-content: center;
				padding-right: 0px;
				padding-bottom: 10px;
			}

			.search_a {
				display: block;
			}

			.tt_area {
				width: 100%;
				padding-top: 20px;
			}

			.tb01 .head {
				display: none;
			}

			.tb01 {
				width: 100%;
			}

			table.tb01 td {
				display: block;
				width: 100%;
				border-bottom: none;
			}

			table.tb01 td:first-child {
				background: #c5c5c5;
				color: #fff;
				font-weight: bold;
			}

			table.tb01 td:before {
				content: attr(data-label);
				font-size: 1.2rem;
				font-weight: bold;
				color: #999;
				display: block;
			}

			.tb01 tr:last-child {
				border-bottom: solid 1px #ccc;
			}
		}

		table.tb01 td[data-label="型タイプ"] br {
			display: none;
		}

		table.tb01 td[data-label="型タイプ"] img {
			object-fit: contain;
			max-width: 60px;
			width: 100%;
			height: auto;
		}

		table.tb01 td[data-label="型タイプ"] .img-2 {
			max-width: 30px;
		}

		table.tb01 td[data-label="型タイプ"] .img-3 {
			margin-top: -15px;
		}

		table.tb01 td[data-label="在庫数"] {
			font-weight: bold;
		}

		table.tb01 td[data-label="在庫数"] .text-muted {
			font-weight: bold;
		}

		table.tb01 td[data-label="種別"] {
min-height: 104px;
		}




		@media screen and (max-width: 768px) {
		table.tb01 td[data-label="種別"] {
min-height: 50px;
		}


			.card-body tr {
				display: flex;
				flex-direction: column;
			}

			table.tb01 td[data-label="型タイプ"] {
				flex-direction: row !important;
				flex-wrap: wrap !important;
				justify-content: space-between !important;
				column-gap: 20px;
				align-items: baseline !important;
				padding: 10px 20px;
			}

			table.tb01 td:before {
				width: 100%;
				text-align: center;margin-bottom: 7px;
			}
		}

		nav[data-pagination] li a {
			font-size: 20px;
			padding: 10px;
		}

		@media screen and (max-width: 768px) {

			.contactTxt.contactType.check_validatePare.custom-col {
				display: flex;
				row-gap: 10px;
				flex-wrap: wrap;
			}
			
			td{text-align: center;}
			
			td img {
				height:10px!important;margin-top: 0 !important;display: inline;
			}

			td img:nth-of-type(3) {
				margin-left:30px;
			}
			
		}
table.tb01 td:first-child {
    background: #1b4c9e;
    color: #fff!important;
    font-weight: bold;
}

.jp_item{
	display:none
}
.pc_disp{
	display:block
}

@media screen and (max-width: 768px){
			
			.white-back{
				padding:0px
			}
			
			.card-body{
				padding-left:0px;
				padding-right:0px;
			}

.pc_disp{
	display:none
}
	.jp_item{
	    background: red;
	    padding: 5px;
	    font-size: 12px;
    	    display: inline-block; margin-bottom: 10px;

	}

	.top-contact .top-contact__item {
	    width: 100%;
	}
	.sp_margin{
		margin-top:10px
	}
	
	.sp_btn{
		width:100%
	}
	
	.sp_txt_mar{
		position: relative;
		top: 7px;
	}
}

#quo_frm,
#add_carted{
  opacity:0;
}

		.td_ino img{
			margin-inline:auto;
		}

	</style>
</head>

<body class="bg-light">
	<style>
	.searchButton i {
		margin: 0;
	}

	.sp-show {
		display: none;
	}

	.sp-logo {
		display: none;
	}

	@media screen and (max-width: 991px) {
		.header__logo__img {
			height: 30px !important;
		}
	}

	@media screen and (max-width: 768px) {
		header {
			display: flex;
			justify-content: space-between;
		}

		.sp-show {
			display: block;
		}

		.header-icons {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 15px;
			margin-right: 20px;
		}

		.header-icons i {
			font-size: 20px;
		}

		.header__wrap {
			width: 100%;
		}

		.header__nav {
			position: relative;
			padding-right: 10px;
			width: fit-content;
			flex-basis: auto;
		}

		.toggle_btn {
			position: relative;
			right: 0;
		}
	}

	@media screen and (max-width: 500px) {
		.header__logo {
			margin: 0;
		}

		.header__logo img {
			height: auto;
		}
	}

	@media screen and (max-width: 991px) {
		.yh {
			padding-top: 60px;
		}

		.sp-logo {
			display: block;
		}
	}

	/* ===============================================
# 共通化
=============================================== */

	@media screen and (max-width: 768px) {
		.yh {
			padding-top: 200px !important;
		}

		.headerSearchBox {
			top: 60px;
			position: fixed;
			z-index: 3;
		}

		.form-item {
			display: flex;
			position: relative;
		}

		.form-item__heading {
			flex: 1;
			background-color: #1b4c9e;
			padding: 10px 20px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
		}

		.btn-group {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 20px;
		}

		#search_button {
			background-color: transparent;
		}

		.dropdown {
			flex: 3;
		}
	}
</style>
<header id="header" class="loewr jobH">
	<div class="header__wrap job">
		<div class="header__logo sp-logo">
			<a href="./../">
				<img src="./../img/top/logo.png" alt="" class="header__logo__img">
			</a>
		</div>
		<div class="header__nav header__nav_pc">
			<div class="headerLeft">
				<div class="header__logo">
					<a href="./../">
						<img src="./../img/top/logo.png" alt="" class="header__logo__img">
					</a>
				</div>
			</div>
			<div class="input-group hd-search" id="adv-search">
				<div class="hfont">半導体・電子部品など<span class="hfont_k">2,690,017</span>点の中から簡単見積り！</div>
				<form method="get" action="./../item/index.php" id="submit_form" class="headerSearchBox" style="width:100%">
					<select id="i_type" name="i_type" class="dropdown">
						<option value="" selected="selected">全て</option>
						<option value="0">トナリズム調達品</option>
						<option value="1">日本企業在庫品</option>
					</select>
					<input type="text" class="form-control headKeyword" placeholder="型番で探す" name="keyword" vallue="" width="60%">
					<div class="input-group-btn">
						<div class="btn-group" role="group">
							<button id="search_button" aria-label="search button" type="button" class="btn" name="searchBTN"><i class="fas fa-search"></i></button>
						</div>
					</div>
				</form>
			</div>
			<ul class="right_hadfer">
										<li class="header__nav__list__item">
											<a class="tooltip tooltip_create" href="./../info.php">
												<p>お問い合わせ</p>
											</a>
										</li>
										<li class="header__nav__list__item">
											<a class="tooltip tooltip_create2" href="./../regist.php">
												<p>新規会員登録</p>
											</a>
										</li>
										<li class="header__nav__list__item">
											<a class="tooltip tooltip_create3 tooltip_create_l" href="./../login.php">
												<p>ログイン</p>
											</a>
										</li>
										<li class="header__nav__list__item">
											<a class="tooltip tooltip_create4" href="./../cart_send.php">
												<p>見積カート</p>
											</a>
										</li>
									</ul>
			<style>
				main{
					margin-top: 150px;
				}
				@media screen and (max-width: 640px) {
					main{
						margin-top: 10px;
					}
				}
			</style>
				
		</div>

		<div style="background-color:#f5f5f5;" class="header__nav header__nav_pc">
			<ul class="menu-list">
				<li class="menu-item drop-menu">
					<a href="./../item/index.php">商品検索・一覧</a>
					<ul class="drop-menu-list">
						<li class="drop-menu-item">
							<a href="./../item/index.php">商品検索</a>
						</li>
						<li class="drop-menu-item">
							<a href="./../item/maker.php">メーカー検索</a>
						</li>
					</ul>
				</li>
				<li class="menu-item">
					<a href="./../i_mitsu.php">一括お見積り</a>
				</li>
				<li class="menu-item">
					<a href="./../service_a.php">半導体・電子部品解析サービス</a>
				</li>
				<li class="menu-item">
					<a href="./../service_c.php">お客様 在庫品掲載サービス</a>
				</li>
				<li class="menu-item">
					<a href="#">トナリズムオンラインについて</a>
					<ul class="drop-menu-list">
						<li class="drop-menu-item">
							<a href="https://tonarism.co.jp/" target="_blank">運営会社</a>
						</li>
						<li class="drop-menu-item">
							<a href="./../t_guide.php">ご利用ガイド</a>
						</li>
						<li class="drop-menu-item">
							<a href="./../news.php">お知らせ</a>
						</li>
					</ul>
				</li>
				<li class="menu-item">
					<a href="./../info.php">お問い合わせ</a>
					<ul class="drop-menu-list">
						<li class="drop-menu-item">
							<a href="./../faq.php">よくあるご質問</a>
						</li>
						<li class="drop-menu-item">
							<a href="./../info.php">お問い合わせ</a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<div class="header-icons sp-show">
		<a href="./../login.php"><i class="fa-regular fa-user"></i></a>
		<a href="./../cart_send.php" class="cart_send_link"><i class="fa-solid fa-cart-shopping"></i></a>
	</div>
	<div id="nav-sp" class="header__nav header__nav_sp">
		<nav>
			<div class="inner">
				<!-- [sp_login] -->
				<ul>
					<li><a href="./../item/index.php">商品検索</a></li>
					<li><a href="./../item/maker.php">メーカー検索</a></li>
					<li><a href="./../i_mitsu.php">一括お見積り</a></li>
					<li><a href="./../service_a.php">半導体・電子部品解析サービス</a></li>
					<li><a href="./../service_c.php">お客様 在庫品掲載サービス</a></li>
					<li><a href="./../info.php">お問い合わせ</a></li>
					<li><a href="./../t_guide.php">ご利用ガイド</a></li>
					<li><a href="./../faq.php">よくある質問</a></li>
					<li><a href="./../news.php">お知らせ</a></li>
				</ul>
		</nav>
		<div class="toggle_btn">
			<span></span>
			<span></span>
			<span></span>
		</div>
		<div id="mask"></div>
	</div>
	<script>
		(function($) {
			var $nav = $('#nav-sp');
			var $btn = $('.toggle_btn');
			var $mask = $('#mask');
			var open = 'open'; // class
			// menu open close
			$btn.on('click', function() {
				if (!$nav.hasClass(open)) {
					$nav.addClass(open);
				} else {
					$nav.removeClass(open);
				}
			});
			// mask close
			$mask.on('click', function() {
				$nav.removeClass(open);
			});
		})(jQuery);
	</script>
	<script>
		$(function() {
			$('.main').toggleClass('extend');
		});

		function btnJibunCloseClick() {
			$('.headerJibun').hide();
			$('.main').toggleClass('extend');
		}
	</script>
</header>
<form method="get" action="./../item/index.php" id="submit_form2" class="headerSearchBox sp-show">
	<div class="form-item">
		<p class="form-item__heading">商品検索</p>
		<select id="select_place" name="i_type" class="dropdown">
			<option value="" selected="selected">全て</option>
			<option value="0">トナリズム調達品</option>
			<option value="1">日本企業在庫品</option>
		</select>
	</div>

	<div class="form-item">
		<input type="text" class="form-control headKeyword" placeholder="型番・品番で探す" name="keyword" vallue="" width="60%">
		<div class="input-group-btn">
			<div class="btn-group" role="group">
				<button id="search_button2" type="button" class="btn" name="searchBTN"><i class="fas fa-search"></i></button>
			</div>
		</div>
	</div>
</form>
				<script>
					$("#search_button").on("click", () => {
						$("#submit_form").submit()
					})
					$("#search_button2").on("click", () => {
						$("#submit_form2").submit()
					})
					$("#select_place").on("change", () => {
						//$("#submit_form").attr("action", $("#select_place").val())
					})
				</script>
	<!-- ▼▼▼ Main Start ▼▼▼ -->
	<main class="bg-light">

		<div class="breadcrumb bg-white">
			<div class="container">
				<ul>
					<li><a href="../index.php" class="red">トップ</a></li>
					&nbsp;&gt;&nbsp;
					<li><a href="./index.php" class="red">商品一覧</a></li>
					&nbsp;&gt;&nbsp;
					<li>A3PE3000L-FGG484</li>
				</ul>
			</div>
		</div>

		<div class="container">
			<div class="row">
				<!-- ▼▼▼ main ▼▼▼  -->
				<div class="col-md-12 order-md-2 mb-12">
					<section class="item">
						<div class="white-back">
							<div class="row">
								<div class="col-md-12 mb-12">
									<div class="card mb-12 box-shadow">
										<div class="card-body">
											<div class="col-md-12 mb-12">
												<table class="tb01" style="margin-bottom:20px">
													<tbody>
														<tr class="head">
															<th>種別</th>
															<th>型番<br>(MPN)</th>
															<th style="width: 12%;">メーカー<br>(MFR)</th>
															<th>デートコード<br>(DC)</th>
															<th>パッケージ<br>(Package)</th>
															<th>在庫数</th>
															<th style="text-aline:center">お見積り数量<br><span class="status warrant">必須</span></th>
															<th style="text-aline:center">ご希望単価</th>
															<th>ー</th>
														</tr>
														<tr>
															<td data-label="種別" class="td_ino"></td>
															<td data-label="型番(MPN)">A3PE3000L-FGG484</td>
															<td data-label="メーカー(MFR)">ACTEL</td>
															<td data-label="デートコード(DC)">18+</td>
															<td data-label="パッケージ(Package)">BGA</td>
															<td data-label="在庫数">105</td>
															<td data-label="お見積り数量"><input type="number" name="buy_num_2442434" id="buy_num_2442434" value="1" style="text-align: right;width:90px">個</td>
															<td data-label="ご希望単価"><input type="number" name="buy_price_2442434" id="buy_price_2442434" value="1" style="text-align: right;width:90px">円</td>
															<td><button type="button" class="btn btn-red btn-lg btn-block cart_btn" style="padding: 0.7rem 1rem;" jq_id="2442434">カートに入れる</button><br>
															<button type="button" class="btn btn-green_b btn-lg btn-block quo_btn" style="padding: 0.7rem 1rem;" jq_id="2442434">お見積り依頼</button>
															</td>
														</tr>
													</tbody>
												</table>

												

												</di>
											</div>
										</div>
									</div>
								</div>
							</div>
					</section>
					<!-- /item -->
				</div>
			</div>

			<!-- ▲▲▲ left_menu ▲▲▲  -->
		</div>
		</div>
		<div class="asdf2" style="margin:50px 0;">
			<div class="contentWrap">
				<span class="toku_p"><img src="../img/top/api.jpg"></span>
				<span class="toku"><img src="../img/top/api_sp.jpg" style="margin: 0 auto;"></span>
			</div>
		</div>
	</main>
	<a href="" data-toggle="modal" data-target="#modal_in_add" id="add_carted"><i class="fas fa-sign-out-alt"></i>&nbsp;&nbsp;ログアウト</a>

	<div id="modal_in_add" class="modal fade" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">カート</h4>
					<button type="button" class="close" data-dismiss="modal">×</button>
				</div>
				<div class="modal-body">
					<div class="modalTxt">
						カートに商品を追加しました<br></span>
					</div>
					<div class="modalBtnBox2">
						<span style="width:45%"><a class="btn btn-gray btn-lg btn-block" href="./index.php" role="button" data-dismiss="">他の商品を見る</a></span>
						<span style="width:45%"><a class="btn btn-gray btn-lg btn-block" href="../cart_send.php" role="button" data-dismiss="" style="background-color:#1b4c9e">カートへ移動</a></span>
					</div>
				</div>
			</div>
		</div>
	</div>

	<form method="post" action="" id="cart_frm">
		<input type="hidden" name="type" value="add_cart">
		<input type="hidden" name="item_id" id="item_id">
		<input type="hidden" name="buy_num" id="buy_num">
		<input type="hidden" name="buy_price" id="buy_price">
	</form>

	<form method="post" action="../cart_send.php" id="quo_frm">
		<input type="hidden" name="type" value="quo_send">
		<input type="hidden" name="item_id2" id="item_id2" value="">
		<input type="hidden" name="buy_num2" id="buy_num2" value="">
		<input type="hidden" name="buy_price2" id="buy_price2" value="">
	</form>

	<!-- ▲▲▲ Main Stop ▲▲▲  -->
	<footer class="pb-5 pt-5 border-top footerBg">
	<div class="container bdrB">
		<a href="./../">
			<div class="footer_logo">
				<img src="./../img/top/logo_w.png" alt="logo" loading="lazy" max-width="200px" height="auto">
			</div>
		</a>
		<div class="row">
			<div class="col-12 col-md">
				<div class="footer_flex">
					<ul class="list-unstyled text-small footer_ul">
						<li><span class="footer_Link2">サービス紹介</span>
							<ul>
								<li><a class="footerLink footer_Link" href="./../item/index.php">商品検索</a></li>
								<li><a class="footerLink footer_Link" href="./../item/maker.php">メーカー検索</a></li>
								<li><a class="footerLink footer_Link" href="./../i_mitsu.php">一括お見積り</a></li>
								<li><a class="footerLink footer_Link" href="./../service_a.php">半導体・電子部品解析サービス</a></li>
								<li style="padding-bottom:40px"><a class="footerLink footer_Link" href="./../service_c.php">お客様 在庫品掲載サービス</a></li>
							</ul>
						</li>
						<li><span class="footer_Link2">お客様サポート</span>
							<ul>
								<li><a class="footerLink footer_Link" href="./../t_guide.php">ご利用ガイド</a></li>
								<li><a class="footerLink footer_Link" href="./../faq.php">よくある質問</a></li>
								<li><a class="footerLink footer_Link" href="./../info.php">お問い合わせ</a></li>
								<li style="padding-bottom:40px"><a class="footerLink footer_Link" href="./../news.php">お知らせ</a></li>
							</ul>
						</li>
						<li><span class="footer_Link2">サイト情報</span>
							<ul>
								<li><a class="footerLink" href="./../privacy.php">プライバシーポリシー</a></li>
								<li><a class="footerLink" href="./../tokutei.php">特定商取引法に基づく表記</a></li>
								<li style="padding-bottom:40px"><a class="footerLink" href="./../gp.php">利用規約</a></li>
							</ul>
						</li>
						<li><span class="footer_Link2">運営会社情報</span>
							<ul>
								<li style="padding-bottom:40px"><a class="footerLink" href="https://tonarism.co.jp/" target="_blank">会社案内</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div class="footerCopy">
		<div class="footerCopyTxt">© 2023 トナリズム, All rights reserved. </div>
	</div>
</footer>	<script src='https://unpkg.com/flatpickr'></script>
	<script src="../js/index.js"></script>
	<script>
		$(function() {
			$(".cart_btn").on("click", function() {
				var item_id = $(this).attr("jq_id");
				var buy_num = $("[name=buy_num_" + item_id + "]").val();
				var buy_price = $("[name=buy_price_" + item_id + "]").val();

				if (item_id != null && item_id != "" && buy_num != null && buy_num != "") {
					if (buy_num == "0" || buy_num == "" || buy_num == null) {
						alert("購入数が設定されていません")
					} else {
						$("#item_id").val(item_id);
						$("#buy_num").val(buy_num);
						$("#buy_price").val(buy_price);
						$("#cart_frm").submit();
					}
				}
			})
					})

		$(function() {
			$(".quo_btn").on("click", function() {
				var item_id = $(this).attr("jq_id");
				var buy_num = $("[name=buy_num_" + item_id + "]").val();
				var buy_price = $("[name=buy_price_" + item_id + "]").val();


				if (item_id != null && item_id != "") {
					if (buy_num == "0" || buy_num == "" || buy_num == null) {
						$("#er_1").click();
					//} else if (buy_price == "0" || buy_price == "" || buy_price == null) {
						//$("#er_2").click();
					} else {
						$("#item_id2").val(item_id);
						$("#buy_num2").val(buy_num);
						$("#buy_price2").val(buy_price);
						$("#quo_frm").submit();
					}
				}
			})
		})

	</script>
</body>

</html>