@charset "UTF-8";

/*---------------------
基本
---------------------*/

/* 変数指定 */
:root {
    --side-margin: 24cqw;
}

#business_shredder_mtx {
    width: 100%;
	max-width: 900px;
    box-sizing: border-box;
	border: 3px solid #222;
	margin: 0 auto;

	/* コンテナクエリを指定 */
    container-type: inline-size;
}
#business_shredder_mtx *{
	box-sizing: border-box;
}
#business_shredder_mtx a {
	display: block;
	width: 100%;
}
#business_shredder_mtx img {
	display: block;
	width: 100%;
	height: auto;
}

/* ================================
   大見出し ここから
===================================*/

#business_shredder_mtx .content-title {
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #222;
    color: #FFF;
}
#business_shredder_mtx .content-title h2 {
	font-size: min(4.5cqw, 22px);
	padding: 0.3em;
	color: #FFF;
}

/* ================================
   大見出し ここまで
===================================*/

/* ================================
	チェックリスト 処理
===================================*/

/* アイテム幅 */
#business_shredder_mtx .item {
	display: block;
	width: 40%;
}

/* 非対象の場合 */
#business_shredder_mtx .item.is-hide {
	display: none;
}

/* 検索結果が無かった場合 */
#business_shredder_mtx .item.result-none {
	width: 100%;
}
#business_shredder_mtx .item.result-none::after {
	content: '検索結果は0件です。\A絞り込みを再度お試しください。';
	white-space: pre;
    position: absolute;
    top: 1em;
    left: 0;
    text-align: center;
    font-size: min(3.6cqw, 16px);
    width: 100%;
}
#business_shredder_mtx .item.result-none .itemsell{
	border: none !important;
}



#business_shredder_mtx .is-hide {
	display: none;
}
  
#business_shredder_mtx .search-form {
	width: 100%;
    border-bottom: 2px solid #222;
}
#business_shredder_mtx .search-box__wrap{
	width: 78%;
    display: flex;
    flex-wrap: wrap;
	padding: 1.5% 0;
	padding-left: 2%;
	background-color: #fbfbfb;
}
#business_shredder_mtx .search_cal {
	width: 100%;
	display: flex;
	background-color: #FFF;
}
#business_shredder_mtx .search-title {
	width: 20%;
	font-size: min(3.2cqw, 16px);
	padding: .3em 0;
    box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #bfbfbf;
	text-align: center;
}

#business_shredder_mtx .search-box,
#business_shredder_mtx .search-box2{
	width: 50%;
	display: flex;
	align-items: center;
	line-height: 1;
	font-size: min(3.3cqw, 16px);
}
#business_shredder_mtx .search-box label,
#business_shredder_mtx .search-box2 label{
	margin-left: .3em;
    font-size: 1em;
}
#business_shredder_mtx .search-box input,
#business_shredder_mtx .search-box2 input{

}
#business_shredder_mtx .search-box label:hover,
#business_shredder_mtx .search-box2 label:hover {
	cursor: pointer;
}
#business_shredder_mtx .search-box label.width,
#business_shredder_mtx .search-box2 label.width {
	width: 100%;
}

/* ================================
   チェックリスト2 ここまで
===================================*/
	
/* スライダー部分 */
#business_shredder_mtx .swiper-container_cl {
	box-sizing: border-box;
    margin-left: var(--side-margin);
    overflow-y: hidden;
    background-color: #FFF;
}
#business_shredder_mtx .swiper-container_cl::-webkit-scrollbar{
	display: none;
}
#business_shredder_mtx .slidefilter-list {
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	width: 100%;
}

/* 検索結果数表示 */
#business_shredder_mtx .pagination_cl {
	position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
	/* 固定バー */
    width: var(--side-margin);
    font-size: min(4.2cqw, 20px);
}
#business_shredder_mtx .pagination_cl__tit {
	font-size: .8em;
	padding-top: .3em;
}
#business_shredder_mtx .pagination_cl__num {
	font-size: 1em;
}

/* 固定サイドバー */
#business_shredder_mtx .tab_content .hyo_title {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	top: 0;
	width: var(--side-margin);
	z-index: 10;
	box-sizing: border-box;
}
#business_shredder_mtx .tab_content .hyo_title ul {
	margin: 0;
	padding: 0;
	background-color: #f5f5f5;
}

/* アイテムコンテンツ */
#business_shredder_mtx .tab_content .iteminfo {
	text-align: center;
}


	
/* 線の色指定 */
/* 絞り込み右 */
#business_shredder_mtx .search_cal {
	border-bottom: 1px solid #bfbfbf;
}
/* 絞り込み左 */
#business_shredder_mtx .search-title {
	border-right: 2px solid #bfbfbf;
}
/* 検索結果左 */
#business_shredder_mtx .tab_content .hyo_title {
	border-right: 2px solid#b3b3b3;
}
/* 検索結果右 */
#business_shredder_mtx .tab_content .iteminfo {
	border-right: 1px solid #bfbfbf;
}
/* 検索結果共通 */
#business_shredder_mtx .tab_content .iteminfo .itemsell, 
#business_shredder_mtx .tab_content .hyo_title li {
	box-sizing: border-box;
	border-bottom: 1px solid#bfbfbf;
}
#business_shredder_mtx .tab_content .iteminfo .itemsell:nth-last-child(1), 
#business_shredder_mtx .tab_content .hyo_title li:nth-last-child(1) {
	border-bottom: none;
}
	
/* ================================
  表の高さ指定 ここから
===================================*/

/* sell共通 */
#business_shredder_mtx .hyo_title .hyo,
#business_shredder_mtx .iteminfo .itemsell {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: min(8cqw,40px);
	text-align: center;
}
#business_shredder_mtx .hyo_title .hyo {
    font-size: min(3.1cqw, 16px);
}
#business_shredder_mtx .iteminfo .itemsell {
	font-size: min(3.4cqw,16px);
}
/* 価格 */
#business_shredder_mtx .iteminfo .itemsell.price  {
	color: #eb0012;
}

/* 1 */
#business_shredder_mtx .hyo_title .hyo-1,
#business_shredder_mtx .iteminfo .itemsell-1 {
    height: min(43cqw, 250px);
}
#business_shredder_mtx .iteminfo .itemsell-1__thum {
	margin-bottom: 2cqw;
}
#business_shredder_mtx .iteminfo .itemsell-1__text {
	color: #3360FF;
	font-size: min(3.1cqw,14px);
}
/* 4 */
#business_shredder_mtx .hyo_title .hyo-4,
#business_shredder_mtx .iteminfo .itemsell-4,
#business_shredder_mtx .hyo_title .hyo-5,
#business_shredder_mtx .iteminfo .itemsell-5,
#business_shredder_mtx .hyo_title .hyo-6,
#business_shredder_mtx .iteminfo .itemsell-6,
#business_shredder_mtx .hyo_title .hyo-7,
#business_shredder_mtx .iteminfo .itemsell-7,
#business_shredder_mtx .hyo_title .hyo-10,
#business_shredder_mtx .iteminfo .itemsell-10,
#business_shredder_mtx .hyo_title .hyo-14,
#business_shredder_mtx .iteminfo .itemsell-14
{
	height: min(15cqw,70px);
}

#business_shredder_mtx .tab_content .iteminfo .star a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ================================
  表の高さ指定 ここまで
===================================*/