@charset "utf-8";
/* 機材詳細：画像の拡大表示（js/detail_zoom.js） */

/* SP：モーダル。ヘッダー（z-index:200000000）より前面に出す */
.pswp {
	--pswp-root-z-index: 2100000000;
}

/* サイト共通CSS（m_add.css）の svg { transform: rotate(-90deg) } を打ち消す */
.pswp .pswp__icn {
	transform: none;
}
.pswp .pswp__button--arrow--next .pswp__icn {
	transform: scale(-1, 1);
}
/* 虫眼鏡アイコンを1.5倍に */
.pswp .pswp__button--zoom .pswp__icn {
	transform: scale(1.5);
}

img#detail_mainpic.zoomable {
	cursor: zoom-in;
}

/* PC：虫眼鏡 */
.detail_zoom_wrap {
	position: relative;
}
.detail_zoom_lens,
.detail_zoom_pane {
	display: none;
	position: absolute;
	pointer-events: none;
}
.detail_zoom_lens {
	z-index: 10;
	background: rgba(255, 255, 255, 0.4);
	border: 1px solid #999;
	box-sizing: border-box;
}
.detail_zoom_pane {
	z-index: 100;
	background-color: #fff;
	background-repeat: no-repeat;
	border: 1px solid #ddd;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.detail_zoom_wrap.is-zooming .detail_zoom_lens,
.detail_zoom_wrap.is-zooming .detail_zoom_pane {
	display: block;
}

@media screen and (max-width: 750px) {
	.detail_zoom_lens,
	.detail_zoom_pane {
		display: none !important;
	}
}