@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 #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 .bold {
	font-weight: bold;
}
/* ---------------------------------------------------------------------製品概要 */
/* 共通 */
#prd_about {
	display: flex;
}
#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;
	align-items: center;
	margin-top: 7px;
}
#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 .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: 60px;
	padding: 3px;
    border-width: 2.5px;
    border-radius: 7px;
    border-style: solid;
	white-space: nowrap;
	display: inline-block;
	text-align: center;
	vertical-align: bottom;
}

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

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

/* 注意書き */
#prd_about .note { 
	line-height: normal;
	color: red;
	margin: 1.5% 0;
}

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

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

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

#prd_pic_cn2 p {
	width: 150px;
	font-size: 60%;
	line-height: 1.7;
}

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

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

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

#prd_pic_cn2 #smallphoto .smallphoto_cn2 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;
	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%;
}

/* 2. デートコード別表示の場合 */
#cv_buy .datecode {
	width: 150%;
	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) { /* DC */
	width: 18%;
}

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

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

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

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

#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;
}

/* 3. デートコード別表示以外の場合 */
/*購入数量*/
#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;
}

/*カートボタン*/
#cart_btn {
	margin-top: 10px;
}
#sd #v2_itemd_cartbox_txt {
	text-align: left;
    margin: 0;
	height: 100%;
	width: 225px;
}
#cart_btn a input{
	font-weight: bold;
}

/*--------------------------------------------------------------リール購入エリア */
#reel {
	background-color: #DCF9F9;
	padding: 1px 5px;
}
#reel #reelButton{
	font-size: 20px;
	cursor: pointer;
}
#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;
    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 .option{
	flex-wrap: wrap;
    justify-content: space-between;
	display: flex;
}
#sd .option .button{
	width: 49%;
    margin: auto 0 0.5rem;
}
.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 {
	padding: 5px;
	width: 10%;
}

#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;
}


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

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