@charset "utf-8";
/* CSS Document */
/* ---------------------------------------------------------------------基本設定 */
main#sd {
	width: 1104px;
	padding-top: 2%;
	display: block;
	margin: auto;
	line-height: 1.2;
	font-size: 15px;
	color: #4b4b4b;
/*	font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, Arial, sans-serif;*/
	overflow-wrap: break-word;
	word-break:break-word 
}

#sd *{
	box-sizing: border-box;
}
 
#sd ul li:last-child{
	margin-right:0;
}

#sd .leftSide {
	width: 69%;
	display: inline-block;
}

#sd .rightSide {
	width: 30%;
	display: inline-block;
	vertical-align: top;
}

#sd .samePid {
	display: inline-block;
	vertical-align: top;
}

#sd p{
	margin: 10px 0;
}

#sd h2 {
	font-size: 25px;
    margin: 10px 0;
}

#sd hr {
	margin: 1.5rem 0;
}

#sd .fc_red {
	color: red !important;
}

#sd .mb20 {
	margin-bottom: 20px;
}

#sd .note {
	color: red;
	line-height: normal;
	margin: 1.5% 0;
}

#sd .small {
	font-size: 80%;
}

#sd #productTop {
	display: inline-block;
	margin: auto;
	width: 100%;
}

#sd .product {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	vertical-align: top;
	padding-right: 5%;
}

#sd .spec {
	width: 100%;
	vertical-align: top;
	padding-right: 6%;
}

#sd .button:hover {
    opacity: 0.5;
}

#sd img {
	vertical-align: middle;
}

#sd .flex {
	display: flex;
}

#sd .bold {
/*	font-family: 'Hiragino Kaku Gothic W7 JIS2004';*/
    font-weight: bold;
}

/* ---------------------------------------------------------------------製品概要 */
/* 共通 */
#prd_about .w80 {
	width: 80%;
}
#prd_about .w20 {
	width: 20%;
}

/* メーカー型番 */
#prd_title .productName {
	margin-top: 0;
	font-size: 31px;
	font-weight: bold;
	width:100%;
}

/* メーカー名 */
#prd_about .maker .makerName {
	font-size: 18px
}

/* アイコン表示 */
#prd_about .icons, #prd_about .icons div{
	margin-top: 10px;
}
#prd_about .icons .sIcons {
	display: flex;
    margin-top: 7px;
	align-items: center;
}
#prd_about .icons .sIcons .icon {
	padding-top: 4px;
    width: 140px;
	height: 25px;
    text-align: center;
	margin-right: 1rem;
	color: rgb(255, 255, 255);
}
#prd_about .icons .sIcons a{
	color: rgb(255, 255, 255);
	text-decoration: none;
	vertical-align: super;
}
#prd_about .icons .sIcons .seiki { /* 正規品 */
	background: rgb(163, 51, 172);
}
#prd_about .icons .sIcons .seiki_dairi {/* 正規代理店 */
	border-radius: 7px;
	width: 140px;
	height: 25px;
	text-align: center;
	padding-top: 2px;
	border: solid 2px;
}
#prd_about .icons .sIcons .factory {/* メーカー工場在庫 */
	background: #e9a72a;
}
#prd_about .icons .sIcons .hitotsu { /* ひとつから */
	background: #E74E86;
}
#prd_about .icons .sIcons .mouser { /* マウザー在庫 */	
    font-size: 90%;
	background: #004a85;
}
#prd_about .icons .sIcons .rochester { /* Rochester */
	width: 160px;
    font-size: 90%;
	background: #8C1F30;
}
#prd_about .icons .sIcons .supplier_icon {/* セレクトサプライヤー */
	width: 70px;
    padding: 3px 4px;
    border-width: 2.5px;
    border-radius: 7px;
    border-style: solid;
	white-space: nowrap;
	display: inline-block;
	text-align: center;
	margin-top: 0px;
}
#prd_about .icons .sIcons .webMpiPopup{/* おとりおき */
	height: 25px!important;
}
#prd_about .icons .sIcons .supplier_icon p{
	font-size: 10px;
	margin: 0px;
}

#prd_about .icons .sIcons img {
	margin: auto 10px auto 0;
}

#prd_about .icons a img {
	margin: 1% 0;
}

/* ---------------------------------------------------------------------製品写真 */
div#prd_pic {
	width: 100%;
}

#prd_pic .photo {
    height: 150px;
    width: 150px;
    position: relative;
    border: solid 1px #4b4b4b;
}

#prd_pic .photo img {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
}
#prd_pic p {
	width: 150px;
	font-size: 60%;
	line-height: 1.7;
}

/* 2枚目以降の写真用css */
#prd_pic  #smallphoto {
    display: flex;
	width: 150px;
}

#prd_pic  #smallphoto #picture_td2{
	border-left: solid 1px #4b4b4b;
}

#prd_pic #smallphoto .smallphoto{
	padding: 0px;
    height: 40px;
    width: 20%;
    position: relative;
    border-bottom: solid 1px #4b4b4b;
    border-right: solid 1px #4b4b4b;
}

#prd_pic #smallphoto .smallphoto img{
	max-width: 100%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
	top: 0;
    bottom: 0;
}

/* -------------------------------------------------------ドキュメント情報・リンク先 */
#prd_doc {
	text-decoration: none;
}

#prd_doc h2:only-child {
	display:none;
}

#prd_doc a {
	color: #4b4b4b;
}

#prd_doc .search {
	background: url("/webImg/html/stock/img/renew/search_skyblue.png?20230131");
}

/*--------------------------------------------------------------------製品スペック */
#spec_info  table {
	border-collapse: collapse;
	border: solid 1px #999;
}

#spec_info  th {
	border: solid 1px #999;
	background: #e8e8e8;
	padding: 2.5px;
	text-align: center;
	font-weight: bold;
}

#spec_info  td {
	border: solid 1px #999;
	padding: 2.5px;
	height: 35px;
	padding: .25rem .5rem;
}

#spec_info  .product table th {
	color: #4b4b4b;
	padding: 8px;
}
#spec_info table {
	width: 100%;
}
#spec_info td:nth-child(1) {
	width: 40%;
}

#spec_info td:nth-child(2) {
	width: 60%;
}

/* --------------------------------------------------------------------- 購入数量入力エリア  */
div#cv_buy {
	margin-top: 6%;
}

/* 1. デートコード別表示の場合 */
#cv_buy .datecode {
	width: 180%;
	margin-bottom: 20px;
}

#cv_buy .datecode table {
	width: 100%;
	font-size: 0.8rem;
}

#cv_buy .datecode tr {
	height: 2.5rem;
}

#cv_buy .datecode th {
	padding: 2%;
	background: #e8e8e8;
	border: solid 1px #999;
	text-align: center;
    font-weight: bold;
}

#cv_buy .datecode td {
	padding: 2%;
	border: solid 1px #999;
	text-align: center;
}

#cv_buy .datecode td:nth-child(1) { /* チェックボックス */
	width: 10%;
}

#cv_buy .datecode td:nth-child(2) { /* DC */
	width: 16%;
}

#cv_buy .datecode td:nth-child(3) { /* 在庫ID */
	width: 21%;
}

#cv_buy .datecode td:nth-child(4) { /* リール加工対応可否 */
	width: 15%;
}

#cv_buy .datecode td:nth-child(5) { /*  在庫数 */
	width: 18%;
}

#cv_buy .datecode td:nth-child(6) { /* 購入数量 */
	width: 20%;
}

#cv_buy .datecode td#totalQty { /* 合計購入数量 */
	text-align: right;
	font-size: 1.3rem;
	font-weight: bold;
	padding: 2% 3%;
}

#cv_buy .datecode td input[type="number"] {
	width: 100%;
	line-height: 1.5;
	text-align: right;
	padding: 2%;
	font-size: 1.2rem;
}

/*購入数量*/
#price input,
#reel #price input {
    padding: 10px;
    line-height: 1;
}
#price table {
    margin: 10px 0 0;
}
#price table th {
    width: 175px;
}
#price table td {
    font-size: 24px;
    font-weight: bold;
}
#price .order_qty{
	display:flex;
	flex-wrap:wrap;
	align-items: center; 
}
#price .h2{
	width: 31%;
}
.quantity_alart{
	color: red;
	font-family: 'Hiragino Kaku Gothic W7 JIS2004';
	font-weight: bold;
	padding: 10px;
	background-color: #ffe6ed;
	margin-bottom: 10px;
	}
.quantity_alart p{
	margin: 0 !important;
	font-size: .9em;
	}

/* 2. デートコード別表示以外の場合 */
.w50 {
	width: 50%;
}

/*カートボタン*/
#cart {
	margin-top: 10px;
}

/*--------------------------------------------------------------リール購入エリア */
#reel {
	background-color: #DCF9F9;
	padding: 1px 5px;
}
#reel #reelButton{
	font-size: 19px;
	cursor: pointer;
	position: relative;
}
#reel #reelButton:hover {
	text-decoration: underline;
}
#reel .no-hover:hover {
	text-decoration: none!important;
}
#reel #reelButton #reelButtonIcon {
	top: -10%;
    position: absolute;
    padding-left: 10px;
}
#reel #reelOption {
	padding: 10px 5px;
}
#reel table {
	margin: 10px 0 0;
}
#reel table th {
    width: 175px;
}
#reel table td {
    font-size: 24px;
    font-weight: bold;
}
#reel .note {
	font-size: 13px;
}

/* ---------------------------------------------------------------------価格情報 */
/* 価格表 */
#price_list {
	margin: 20px 0;
	font-size: 17px;
}
#price_list th{
	padding-bottom: 10px;
	width: 175px;
	text-align: left;
	font-family: 'Hiragino Kaku Gothic W7 JIS2004';
}
#price_list td{
	padding-left: 1rem;
}
#price_list .small{
	font-size: .75rem;
}
#price_list .price {
	white-space: nowrap;
}

/* -----------------------------------------------------------------一連テープ品での納入  */
#sd #tape .note{
	text-align: left;
    margin: 10px 20px;
}
#sd #tape p{
	margin-top: auto;
}

/* --------------------------------------------------------------------- ボタン  */
#sd input[type='submit'] ,
#sd .btns, 
#sd #tape{
	padding: 0.5rem 0rem 0.4rem !important;
    border-radius: 15px;
    text-align: center;
    border: solid #4b4b4b 1px;
    width: 100%;
    margin: auto auto 0.5rem;
	background-color: #fff;
	color: #4b4b4b;
	cursor: pointer;
	line-height: 1.2;
}
#sd .button a:hover{
	text-decoration: none !important;
}
#sd .button a{
	padding: 0.5rem 0rem 0.4rem !important;
	display: block;
}
#sd .option{
	flex-wrap: wrap;
    justify-content: space-between;
	display: flex;
}
#sd .option .button{
	width: 49%;
    margin: auto 0 0.5rem;
}
.option .button a{
	display: block;
}
.btn_orange{
	background: #F0843D !important;
    border: solid #F0843D 1px !important;
}
#sd .fc_white {
	color: #fff !important;
}

/*--------------------------------------------------------------------類似スペック製品 */
#spec_sim {
	display: flex;
	width: 100%;
}

#spec_sim .same_prd_area {
	width: 10%;
	padding: 5px;
}

#spec_sim .same_prd_area_photo {
	height: 70px
}

#spec_sim .same_prd_area_photo p img{
	max-width: 100% !important;
}

#spec_sim p {
	margin: 0;
	padding: 0;
}

#spec_sim .same_prd_area_pName p {
	font-weight: bold;
}

/*--------------------------------------------------------------------関連キーワード */
#connection {
	width: 100%;
    display: block;
    text-align: left;
}

#connection div{
	display: inline-block;
    word-break: break-all;
    text-align: left;
    margin-right: 20px;
    margin-bottom: 3px;
}

  /* -----------------------------------------------------------　入荷予定数ポップアップ用 */
.td_releasedOrder{
	border:solid;
	border-color:#00BFFF;
	padding:15px 5px;
}

.a_releasedOrder{
	margin-left: 15px;
    background-color: #000EFE;
    color: #ffffff !important;
    padding: 5px;
}

.disabled{
	pointer-events: none;
	opacity: 0.5;
}

/* Jquery UI */
.ui-dialog .ui-dialog-titlebar-close  {
	background: url("/webImg/html/stock/img/renew/icn_close.png?20250530") no-repeat center center !important;
	background-size: contain !important; /* 画像をボタンにフィットさせる */
	border: none !important; /* 必要に応じてボーダーを削除 */
	width: 31px; /* ボタンの幅を調整 */
	height: 31px; /* ボタンの高さを調整 */
	text-indent: -9999px !important; /* テキストを非表示にする */
	overflow: hidden !important; /* テキストのオーバーフローを隠す */
	top: 0 !important;
	right 0 !important;
	margin: -6px -14px 0 0 !important;
}
/* ボタン内のデフォルトテキスト（"×" など）を非表示にする */
.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
  display: none !important;
}
/* ボタン内のデフォルト画像（"×" など）を非表示にする */
.ui-button-icon-primary ui-icon ui-icon-closethick {
  background-image: none !important;
}
.ui-widget-header .ui-icon {
  background-image: none !important;
}
.ui-state-default {
  background-image: none !important;
}
.ui-icon {
  background-image: none !important;
}
.ui-dialog {
  width: fit-content !important; /* 必要に応じて調整 */
}
.dialog-title-strong {
    font-weight: 700 !important;
}
.ui-widget-overlay {
	background: #000000 !important;
	opacity: .7 !important;
}