@CHARSET "UTF-8";

/* 商品詳細ページレイアウト変更 */
h1.h1title{
	display: inline;
    font-weight: bold;
    font-size: 1.0em;
}
.side_area.forPC{
	display: none;
}
.item_data_container > .style1{
	display: none !important;
}
/* 型番 */
.modelNoRow {
	font-weight: bold;
	letter-spacing: -0.01em;
	font-size: 1.3em;
}
.item_read{
	margin-bottom: 20px;
}
.item_read .modelNoRow,
.item_read .clientCodeRow,
.item_read .goodsName{
	margin-bottom: 5px;
}
.item_read .clientCode{
	font-size: 16px;
}
.item_read .goodsName{
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: -0.01em;
}
.item_spec dl{
	font-size: 15px;
	margin-bottom: 5px;
}
/* item_description */
.item_detail .item_description {
	clear:both;
	width:100%;
	border-radius:3px;
	border:0px !important;  //書き方
	padding:20px;
	margin:30px 0;
}
.item_detail_container.style1{
	display: none;
}
.item_detail_container.style2{
	border-width: 0 0 1px 0 !important;  //書き方
}
.item_detail_container.style2 .order_ctrl,
.item_detail_container.style2 .item_stock_number,
.item_detail_container.style2 .item_ship_date,
.item_detail_container.style2 .back_order_stock_number{
	background: none !important;
	padding: 0px !important;
	border:0px !important;  //書き方
}
.item_detail_ctrl .item_stock_number,
.item_detail_ctrl .catchCopy,
.item_detail_ctrl .item_ship_date,
.item_detail_ctrl .order_ctrl,
.item_detail_ctrl .back_order_stock_number{
	font-size:15px;
}
.item_detail_ctrl .item_stock_number,
.item_detail_ctrl .item_ship_date,
.item_detail_ctrl .back_order_stock_number{
	margin-bottom: 10px;
}
.item_detail_ctrl #catchCopy_innerId{
	margin-bottom: 10px;
	text-align: right;
}
.item_data.style2{
	display: block !important;
}
/* 商品画像 */
.main_area .item_detail .item_data.style2 .photo_gallery .photo_main{
	width: 400px;
    height: 400px;
    border-width: 0px;
}
@media (max-width: 600px) {
	.modelNoRow,
	.item_read .goodsName {
		font-size: 20px !important;
	}

	.main_area .item_detail .item_data.style2 .photo_gallery .photo_main{
		width: calc(100vw - 20px);
	    height: calc(100vw - 20px);
	}
}
.item_data.style2 .photo_gallery .photo_thumbnail {
    width: 400px;
}
.item_detail .photo_gallery .photo_thumbnail .photo_thumbnail_item {
    margin-right: 10px;
}
.item_data.style2 .share{
	content:"";

}
.item_detail_container.style2 input#addCart_0,
.item_detail_container.style2 input#addBom_0{
	font-size: large;
}
/* データシート・RoHSアイコンエリア */
.icon_list .datasheet_float,
.icon_list .rohs-icon{
	display: inline;
}
.icon_list .datasheet_float img,
.icon_list .rohs-icon img{
	width: 40px;
}
.icon_list .sp-icon-label{
	display: none;
}
@media (max-width: 600px) {
	.icon_list .datasheet_float a,
	.icon_list .rohs-icon{
		display: inline-flex;
		align-items: center;
	}
	.icon_list .sp-icon-label{
		display: inline-block;
		margin-left: 6px;
		white-space: nowrap;
	}
}

.item_data.style2 .modelNoRow > div{
	display: inline-block;
 }
.item_data.style2 .share::after{
    display: inline-block;
    content: "";
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: url(../../contents/shop/marutsu/img/common/icon_share.png) no-repeat;
    color: #004390;
    background-size: contain;
    margin-right: 8px;
 }

/* ポイント・パッケージのエリア */
.item_detail_container.style2 .goods_etc>div {
	padding: 10px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 3px;
    font-weight: bold;
}
.point{
	color: #cc0000;
}
/* 枠　段階価格エリアより下の各エリア */
.item_detail_container.style2 .item_price,
.item_detail_container.style2 .user_action,
.item_detail_container.style2 .sameProductsBuyAreaSrround{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
    border-radius: 3px;
}
.item_detail_container.style2 .stockNum,
.item_detail_container.style2 .digiKeyStockNum,
.item_detail_container.style2 .mouserStockNum,
.item_detail_container.style2 .backOrderStockNumVal{
    color: #cc0000;
    font-size: xx-large;
    font-weight: bold;
    text-align: right;
}
.item_detail_container.style2 .backOrderMessage
{
    font-size: xx-large;
    font-weight: bold;
    text-align: right;
    margin-bottom: 20px;
}
.item_detail_container.style2 .isDigiKeyStockNumCurrentTimeSurround,
.item_detail_container.style2 .isMouserStockNumCurrentTimeSurround,
.item_detail_container.style2 .deliveryPlanDateYmd{
    text-align: right;
}
.item_detail_container.style2 .deliveryPlanDateYmd{
    font-size: large;
}
.item_detail_container.style2 .isDigiKeyStockNumCurrentTimeSurround,
.item_detail_container.style2 .isMouserStockNumCurrentTimeSurround{
    margin-top: 10px;
}
/* 出荷予定日 */
.item_detail_container.style2 .item_ship_date dl{
	display: flex;
}
.item_detail_container.style2 .item_ship_date dl dt{
	flex-grow: 1;
}
.item_detail_container.style2 .item_ship_date .deliveryPlanMsgSurround{
	text-align: center;
}
.item_detail_container.style2 .item_ship_date .deliveryPlanMsg div{
	display: inline;
}
/* 数量 */
.item_detail_container.style2 .order_ctrl .quantity_container{
	display: flex;
}
.main_area .item_detail_inner .item_detail_container.style2 .order_ctrl .quantity_container span.label{
	flex-grow: 1;
    font-weight: normal;
}
/* SKU詳細 */
.item_detail_container.style2 .order_ctrl .format_container_list{
	display: flex;
    justify-content: flex-end;
}
.item_detail_container.style2 .order_ctrl .format_container_list .format_select,
.item_detail_container.style2 .order_ctrl .format_container_list .format_select select{
    width: 100%;
}
/* MOQ/SPQ */
.item_detail_container.style2 .order_ctrl .moqspq{
	display: flex;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
}
.item_detail_container.style2 .order_ctrl .quantity_option{
	flex-grow: 1;
    text-align: center;
}
/* MOQ/SPQ 既存スタイルの非表示 */
.item_detail_container.style2 .order_ctrl .note{
	display:none;
}
/* カートに追加 */
.item_detail_container.style2 .order_ctrl input[type="button"].cart{
    background-image: none;
}
/* BOMに追加 */
.item_detail_container.style2 .order_ctrl input[type="button"].bom{
    width: 100%;
    height: 48px;
    background-color: #004390;
    background-image: none;
}
/* カートに追加・BOMに追加両ボタン・後で買うボタン */
.item_detail_container.style2 .order_ctrl .set-item.button.estimate_btn,
.item_detail_container.style2 .order_ctrl .addFavoriteLinkChange{
	margin-bottom: 10px;
}
/* 後で買うボタン */
.item_detail_container.style2 .order_ctrl .addFavoriteLink:after{
    content: "「あとで買う」に追加";
}
.item_detail_container.style2 #salesEndSurround{
	background-color: unset;
}
.item_detail_container.style2 .order_ctrl .icon_list.star::before, .star::before {
	content: "";
}
.item_detail_container.style2 .order_ctrl .addFavoriteLinkChange {
    height: 38px;
    background-color: #ccc;
    border: 1px solid #ccc;
    padding: 0px;
}
.item_detail_container.style2 .order_ctrl .addFavoriteLinkChange .addFavoriteLink {
    height: 38px;
    width: 100%;
    text-align: center;
}
/* デジキー商品 概要・仕様欄など非表示にするエリア */
.digikey_view,
.detailDescription{
	display: none;
}
/* デジキー商品 定格表タイトル行 */
.rated_value_table_title_class > th{
	background-color: #FFF;
	width: auto;
	border-bottom: 1px solid #ccc;
	border-top: none;
    border-left: none;
    border-right: none;
}
/* デジキー商品 定格表タイトル行セル - 型列 */
.rated_value_table_title_class .rated_value_table_title_class_class{
	text-align: right;
	padding-right: 15px;
}
/* デジキー商品 定格表タイトル行セル - 商品概要列 */
.rated_value_table_title_class .rated_value_table_title_descriotion_class{
	text-align: left;
	padding-left: 15px;
}
/* デジキー商品 定格表データ行セル */
.rated_value_table_td1_class,
.rated_value_table_td2_class{
	width: auto;
	border-bottom: 1px solid #ccc;
	border-top: none;
    border-left: none;
    border-right: none;
}
@media (max-width: 600px) {
    table th{
        width: auto;
    }
}
/* デジキー商品 定格表データ行セル - 型列 */
.rated_value_table_td1_class{
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
}
/* デジキー商品 定格表データ行セル - 商品概要列 */
.rated_value_table_td2_class{
	text-align: left;
	padding-left: 15px;
}
/* SNS共有ダイアログ */
.share_area{
	display: block;
	text-align: left;
}
.share_area .link_copy{
    width: 350px;
    color: #666;
}
@media (max-width: 600px) {
	.share_area .link_copy{
		width: calc(100vw - 45px - 45px);
	}
}
.share_area .link_copy_link{
	display: inline-block;
	margin-top: 10px;
	margin-left: 10px;
}
.share_area .link_copy_link:before{
	font-family: "FontAwesome";
	content: "\f0c5";
	font-size: 25px;
}
.share_area>div{
	margin-top: 10px;
}
.share_area .info_sns>li{
	display: inline-block;
}
.share_area .info_sns .x{
	background-color: #000;
	padding: 5px;
}
.cpy-success-msg{
	display: none;
	position: fixed;
	right: 15px;
    text-align: right;
}
/* 営業所在庫状況 */
.item_detail .item_stock_shop .shop_all_list__ {
	width: auto;
	margin: 0px;
}
@media (max-width: 600px) {
    /* 営業所在庫状況 */
	.item_detail .item_stock_shop .shop_all_list__ {
    margin: 10px 0 0;
    border-collapse: collapse;
    width: 100%;
    }
}
.quantity_info {
	background-color: rgba(255,0,0,0.1);
	margin-bottom: 1em;
}
/* Mouser対応 「以降の価格を確認する」 */
.getMouserPriceList{
	text-align: right;
}
.getMouserStockAndDeliveryPlanDate{
	width: 100%;
}
.apiMouserUnUseMsg{
    padding: 10px;
    color: red;
    font-weight: bold;
}
@media (max-width: 600px) {
   .getMouserPriceList {
	text-align: center;
   }
}
/* 品質ランク特記事項 */
.qualityRankExp{
	white-space: pre-wrap;
    margin-bottom: 10px;
}
#qualityRankExpArea {
	padding: 0 20px 0 20px;
}

.item_spec .storeStock_link {
	text-decoration: underline;
}

/* スマホ表示時の調整（データシート・RoHS3 横並び＋文字サイズ縮小） */
@media (max-width: 600px) {
	/* データシート・RoHS3 を横並びにする（縦並び折返し防止） */
	.item_detail .item_spec_container .icon_list_container .icon_list.data {
		width: auto;
		height: auto;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		gap: 12px;
	}
	.item_detail .item_spec_container .icon_list_container li {
		overflow: visible;
	}
	/* 文字サイズを全体的に縮小 */
	/* 型番・商品名 */
	.modelNoRow,
	.item_read .goodsName {
		font-size: 16px !important;
	}
	/* メーカー名 */
	.item_read .clientCode {
		font-size: 13px;
	}
	/* 各コード・仕様 */
	.item_spec dl {
		font-size: 12px;
	}
	/* 在庫数 */
	.item_detail_container.style2 .stockNum,
	.item_detail_container.style2 .digiKeyStockNum,
	.item_detail_container.style2 .mouserStockNum,
	.item_detail_container.style2 .backOrderStockNumVal {
		font-size: 20px;
	}
	.item_detail_container.style2 .backOrderMessage {
		font-size: 16px;
	}
	/* 在庫・出荷予定・数量など */
	.item_detail_ctrl .item_stock_number,
	.item_detail_ctrl .catchCopy,
	.item_detail_ctrl .item_ship_date,
	.item_detail_ctrl .order_ctrl,
	.item_detail_ctrl .back_order_stock_number {
		font-size: 13px;
	}
	/* 納期 */
	.item_detail_container.style2 .deliveryPlanDate {
		font-size: 17px;
		margin: 0 0 0 4px;
	}
	/* カート・BOMボタン */
	.item_detail_container.style2 input#addCart_0,
	.item_detail_container.style2 input#addBom_0 {
		font-size: 15px;
	}
	/* 価格 */
	.main_area .item_detail_inner .item_detail_container .item_price td {
		font-size: 1.0em;
	}
	.item_spec dl{
		font-size: 13px;
		margin-bottom: 3px;
	}
	#plusButtonSurround,
	#minusButtonSurround {
		display:none;
	}
}

/* スマホ表示時、BOM・「あとで買う」ボタンを横並びにする */
@media (max-width: 600px) {
	.item_detail_container.style2 .order_ctrl .sp-order-btn-row {
		display: flex;
		gap: 10px;
		margin-bottom: 10px;
	}
	.item_detail_container.style2 .order_ctrl .sp-order-btn-row > * {
		flex: 1 1 0;
		min-width: 0;
		margin-bottom: 0;
	}
	.item_detail_container.style2 .order_ctrl .sp-order-btn-row input[type="button"] {
		width: 100%;
		height: 44px;
		margin: 0;
	}
}

/* スマホ表示時、各項目のコロン位置を揃える／在庫数の縮小／購入数量の折返し防止・上下中央 */
@media (max-width: 600px) {
	/* ラベル：値 のコロン位置を揃える（マルツコード・DigiKey製品番号・品質ランク・納期） */
	.item_data.style2 .item_spec dl,
	.item_detail_container.style2 .item_ship_date dl {
		display: flex;
		align-items: baseline;
		margin-bottom: 3px;
	}
	.item_data.style2 .item_spec dl > dt,
	.item_detail_container.style2 .item_ship_date dl > dt {
		flex: 0 0 115px;
		width: 115px;
		max-width: 115px;
		text-align: right;
		margin: 0;
		padding: 0;
		white-space: nowrap;
	}
	.item_data.style2 .item_spec dl > dd,
	.item_detail_container.style2 .item_ship_date dl > dd {
		flex: 1 1 auto;
		margin: 0;
		text-align: left;
	}
	/* 在庫数（即納/DigiKey/提携先/取り寄せ先）：ラベル(クラスなしdiv)を固定幅右寄せ、値は右に小さめで */
	.item_detail_container.style2 .item_stock_number > div:not([class]),
	.item_detail_container.style2 .back_order_stock_number > div:not([class]) {
		display: inline-block;
		width: 115px;
		text-align: right;
		vertical-align: baseline;
		margin: 0;
		white-space: nowrap;
	}
	.item_detail_container.style2 .item_stock_number > .stockNum,
	.item_detail_container.style2 .item_stock_number > .digiKeyStockNum,
	.item_detail_container.style2 .item_stock_number > .mouserStockNum,
	.item_detail_container.style2 .back_order_stock_number > .backOrderStockNumVal {
		display: inline-block;
		text-align: left;
		vertical-align: baseline;
		margin: 0 0 0 4px;
		font-size: 17px;
	}
	.item_detail_container.style2 .isDigiKeyStockNumCurrentTimeSurround,
	.item_detail_container.style2 .isMouserStockNumCurrentTimeSurround {
		text-align: left;
		margin-left: 119px;
	}
	/* 購入数量：折返し防止＋コロン付与・位置そろえ＋入力欄と上下中央 */
	.item_detail_container.style2 .order_ctrl .quantity {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 0 10px 0 !important;
	}
	.item_detail_container.style2 .order_ctrl .quantity_container {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		width: 100%;
	}
	.item_detail_container.style2 .order_ctrl .quantity_container > .label {
		flex: 0 0 115px !important;
		width: 115px !important;
		text-align: right !important;
		white-space: nowrap;
	}
	.item_detail_container.style2 .order_ctrl .quantity_container > .label::after {
		content: "：";
	}
	.item_detail_container.style2 .order_ctrl .quantity_container > .quantity_select {
		margin-left: 4px;
	}
	.item_detail_container.style2 .isDigiKeyStockNumCurrentTimeSurround,
	.item_detail_container.style2 .isMouserStockNumCurrentTimeSurround{
	    margin-top: 2px;
	}
}

/* スマホ表示時、データシート・RoHS3アイコンを小さく＋文言位置・前後の縦間隔を調整 */
@media (max-width: 600px) {
	/* アイコン画像を小さく */
	.icon_list .datasheet_float img,
	.icon_list .rohs-icon img {
		width: 24px !important;
		height: 24px !important;
	}
	/* 文言（データシート／RoHS3対応）の位置 */
	.icon_list .sp-icon-label {
		margin-left: 2px;
	}
	.icon_list .datasheet_float .sp-icon-label {
		text-decoration: underline;
	}
	/* 品質ランク・DigiKey在庫数との縦間隔を詰めて見やすく */
	.item_data.style2 .item_spec {
		margin-bottom: 6px;
	}
	.item_detail .item_spec_container .icon_list_container {
		margin-top: 6px;
	}
	.item_detail .item_spec_container .icon_list_container li {
		margin-bottom: 2px;
	}
	.icon_list.data a span {
		color: #004390;
		font-weight:normal;
		padding-left:5px;
	}
	.datasheet_float {
	    width: 120px;
	}
}

/* スマホ表示時、商品概要・商品スペックを折りたたみ（DigiKeyアコーディオンと同デザイン／初期表示は開） */
/* PC（601px以上）はヘッダー非表示＝常に開いた状態（従来どおり） */
.sp-goodsinfo-accordion > summary.sp-goodsinfo-summary {
	display: none;
}
@media (max-width: 600px) {
	/* セクション（左右いっぱいの全幅バー：親の20pxパディングを打ち消す） */
	.sp-goodsinfo-accordion {
		display: block;
		width: calc(100% + 40px);
		margin-left: -20px;
		margin-bottom: 10px;
	}
	/* ヘッダー（トグル） */
	.sp-goodsinfo-accordion > summary.sp-goodsinfo-summary {
		position: relative;
		display: block;
		width: 100%;
		padding: 12px 42px 12px 8px;
		border-width: 1px 0;
		border-style: solid none;
		border-color: #ccc;
		background: #fff;
		box-shadow: none;
		color: #333;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.4;
		text-align: left;
		cursor: pointer;
		list-style: none;
	}
	.sp-goodsinfo-accordion > summary.sp-goodsinfo-summary::-webkit-details-marker {
		display: none;
	}
	/* シェブロン矢印（閉：下向き） */
	.sp-goodsinfo-accordion > summary.sp-goodsinfo-summary::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 16px;
		width: 9px;
		height: 9px;
		margin-top: -7px;
		border-right: 2px solid #333;
		border-bottom: 2px solid #333;
		transform: rotate(45deg);
	}
	/* 開いているとき（上向き） */
	.sp-goodsinfo-accordion[open] > summary.sp-goodsinfo-summary::after {
		margin-top: -2px;
		transform: rotate(225deg);
	}
	/* 「○○の概要」タイトルは非表示（ヘッダーに集約） */
	.item_description .sp-goodsinfo-accordion > .title {
		display: none;
	}
	/* 中身は左右20pxパディングで内側にそろえる */
	.sp-goodsinfo-accordion > :not(summary) {
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	/* 閉じたときは中身を隠す */
	.sp-goodsinfo-accordion:not([open]) > :not(summary) {
		display: none !important;
	}
	/* DigiKey商品（DigiKeyのスペックアコーディオンがある）では自前の概要は出さない */
	.item_description:has(.sp-digikey-accordion) .sp-goodsinfo-accordion {
		display: none !important;
	}
	/* 概要(dispGoodsInfo1)が無いときは出さない */
	.sp-goodsinfo-accordion:not(:has(#dispGoodsInfo1)) {
		display: none !important;
	}
}

/* PC表示：追加画像（サムネイル）が無い（画像1枚）の場合はサムネイル列を詰めてメイン画像を左寄せ */
@media (min-width: 601px) {
	#goodsImgGroup:not(:has(.photo_thumbnail_item)) {
		grid-template-columns: max-content;
		column-gap: 0;
	}
	#goodsImgGroup:not(:has(.photo_thumbnail_item)) > .photo_main {
		grid-area: 1 / 1;
	}
}

/* 送料欄（2999円以下：配送方法別料金／案内文）PC・SP共通 */
.js-shippingArea .shipping-method {
	white-space: nowrap;
}
.js-shippingArea .shipping-note {
	display: block;
	margin-top: 3px;
	font-weight: normal;
	font-size: 0.90em;
	color: #cc0000;
}

/* 送料欄：配送方法が2つ（ネコポス非対応）のときは1行で表示 */
.js-shippingArea.is-oneline {
	white-space: nowrap;
}