@charset "utf-8";
/* product_list_search6.css */

@media print, screen and (min-width: 769px) {
	.lx_mcol_extra_width .column {
		max-width: 1400px;
	}
}


.ux_product_list_search .basic-list2:not(.thumnail) .tabItems > li {
  padding: 0;
  border: none;
}

.ux_product_list_search .basic-list2 .multiColumn {
  display: flex;
}
.ux_product_list_search .basic-list2 .column {
  display: block;
}

@media screen and (max-width: 768px) {
    .ux_product_list_search .basic-list2 .column.icon-swip::before {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		display: block;
		width: 60px;
		height: 60px;
		margin-top: 30px;
		margin-left: -30px;
		background: #fff url("../../resources/sw_img/default/icon_swip.png") no-repeat center center;
		background-size: contain;
		border: 3px solid #fff;
		border-radius: 5px;
		z-index: 50;
		opacity: 0.85;
	}
}


.ux_product_list_search .basic-list2 .uni-table.no-scroll {
	overflow: visible;
}

.ux_product_list_search .basic-list2 .uni-table {
	position: relative;
	display: block;
	margin-top: -1px;
}
.ux_product_list_search .uni-table table.tbCore {
	display: table;
}
.ux_product_list_search .uni-table tbody {
	display: table-row-group;
}
.ux_product_list_search .uni-table tr {
	display: table-row;
}
.ux_product_list_search .uni-table tr th ,
.ux_product_list_search .uni-table tr td {
	display: table-cell;
}
.ux_product_list_search .uni-table tr td p {
	display: block;
}

.ux_product_list_search .uni-table tr td p:only-child:empty::before {
	content: "-";
}

.ux_product_list_search .uni-table tr td a {
	display: inline;
	color: var(--key-color);
}

.ux_product_list_search [data-not-publish="true"]::before {
	content: "このページはまだ非公開です。公開サイトでは表示されません。";
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	background-color: rgba(255, 204, 204, 0.8);
	font-size: 75%;
}

.ux_product_list_search .lead-section {
	margin-bottom: 20px;
}

.ux_product_list_search .lead-section ,
.ux_product_list_search .lead-section * {
	display: block;
}

.ux_product_list_search .lead-section a ,
.ux_product_list_search .lead-section em ,
.ux_product_list_search .lead-section span {
	display: inline;
}

.ux_product_list_search .basic-list2 .selectTabs ,
.ux_product_list_search .basic-list2 .selectTabs * {
	display: block;
}

.ux_product_list_search .basic-list2 .selectTabs > div {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.ux_product_list_search .basic-list2 .selectTabs ul {
	display: table-row;
	margin: 0;
}

.ux_product_list_search .basic-list2 .selectTabs ul li {
	margin: 0;
	padding: 0;
	background: none;

	position: relative;
	display: table-cell;
	height: 76px;
}

@media screen and (max-width: 768px) {
	.ux_product_list_search .basic-list2 .selectTabs ul li {
		height: 58px;
	}
}

.ux_product_list_search .basic-list2 .selectTabs ul li::before ,
.ux_product_list_search .basic-list2 .selectTabs ul li::after {
	content: "";
	position: absolute;
	top: 13px;
	left: auto;
	right: 0;
	display: block;
	width: 1px;
	height: calc(100% - 26px);
	background: #E5E5E5;
}

.ux_product_list_search .basic-list2 .selectTabs ul li:last-child::before ,
.ux_product_list_search .basic-list2 .selectTabs ul li:last-child::after {
	content: none;
}

.ux_product_list_search .basic-list2 .selectTabs ul li > span ,
.ux_product_list_search .basic-list2 .selectTabs ul li > a {
	position: relative;
	overflow: visible;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100%;
	margin: 0;
	margin-right: 1px;
	padding: 5px 5px;
	text-align: center;
	font-size: 1.6rem;
	color: var(--key-color);
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0;
	text-decoration: none;
	background: #fff;
	border-bottom: 1px solid #e4e4e4;
	cursor: pointer;
}

.ux_product_list_search .basic-list2 .selectTabs ul li > span::before ,
.ux_product_list_search .basic-list2 .selectTabs ul li > a::before {
	content: "";
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #e4e4e4;
}

.ux_product_list_search .basic-list2 .selectTabs ul li.act > span ,
.ux_product_list_search .basic-list2 .selectTabs ul li.act > a ,
.ux_product_list_search .basic-list2 .selectTabs ul li > span:hover ,
.ux_product_list_search .basic-list2 .selectTabs ul li > a:hover {
	background: none;
	border-color: transparent;
}

.ux_product_list_search .basic-list2 .selectTabs ul li.act > span::before ,
.ux_product_list_search .basic-list2 .selectTabs ul li.act > a::before ,
.ux_product_list_search .basic-list2 .selectTabs ul li > span:hover::before ,
.ux_product_list_search .basic-list2 .selectTabs ul li > a:hover::before {
	height: 3px;
	background: var(--key-color);
}

.ux_product_list_search .basic-list2 .selectTabs ul li.act > span:hover::before ,
.ux_product_list_search .basic-list2 .selectTabs ul li.act > a:hover::before {
}


/* ワード検索 */
.ux_product_list_search .basic-list2 .wordSearch2 ,
.ux_product_list_search .basic-list2 .wordSearch2 * {
	display: block;
}

.ux_product_list_search .basic-list2 .wordSearch2 {
	margin-top: 20px;
	padding: 20px 40px;
	background: #eee;
}

.ux_product_list_search .basic-list2 .wordSearch2 .title {
	display: none;
}

.ux_product_list_search .basic-list2 .wordSearch2 .word {
	display: flex;
	flex-flow: row nowrap;
}

.ux_product_list_search .basic-list2 .wordSearch2 .searchword2_ui {
	flex: 1 1 0;
	width: 100%;
	padding: 13px 40px 13px 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
	outline: none;
	box-shadow: none;
	font-size: 1.8rem;
}

.ux_product_list_search .basic-list2 .wordSearch2 .seacrhbtn {
	flex: 0 0 auto;
	width: 120px;
	padding: 0 30px 0 20px;
	border-radius: 0 6px 6px 0;
	background-color: #262626;
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	transition: background-color .3s ease;
	z-index: 1;
}


/* サイドの条件設定タブ */
body:not(.in-editor) .ux_product_list_search .basic-list2 {
		display: grid;
		gap: 0 16px;
		grid-template-areas:
		    "areaSelect"
		    "areaSearch"
/*		    "areaExtra" */
		    "areaInfo"
		    "areaMain"
		    "areaPager"
		    ;
}

body:not(.in-editor) .ux_product_list_search .basic-list2.open-extra {
		grid-template-areas:
		    "areaSelect"
/*		    "areaClear" */
		    "areaExtra"
		    "areaInfo"
		    "areaMain"
		    "areaPager"
		    ;
}

@media print, screen and (min-width: 769px) {
	body:not(.in-editor) .ux_product_list_search .basic-list2.open-extra {
			grid-template-areas:
			    "areaSelect areaSelect"
/*			    "areaClear areaClear" */
			    "areaExtra areaInfo"
			    "areaExtra areaMain"
			    "areaExtra areaPager"
			    ;
			grid-template-columns: calc(16% - 8px) calc(84% - 8px);
			align-items: start;
	}
}

.ux_product_list_search .basic-list2 .selectTabs {
    grid-area: areaSelect;
    margin-top: 16px;
}

@media print, screen and (min-width: 769px) {
	.ux_product_list_search .basic-list2 .selectTabs {
	    margin: 0 50px;
	}
}

.ux_product_list_search .basic-list2 .wordSearch2 {
    grid-area: areaSearch;
    margin-top: 16px;
}
body:not(.in-editor) .ux_product_list_search .basic-list2.open-extra .wordSearch2 {
	display: none;
}

.ux_product_list_search .basic-list2 .extraTabs {
    grid-area: areaExtra;
    display: block;
    margin-top: 32px;
}
body:not(.in-editor) .ux_product_list_search .basic-list2:not(.open-extra) .extraTabs {
	display: none;
}

.ux_product_list_search .basic-list2 .extraTabs ~ .multiColumn  {
    grid-area: areaMain;
    margin-top: 36px;
    overflow: hidden;
}

.ux_product_list_search .basic-list2 .tabs {
	display: none;
    grid-area: areaCategory;
}

.ux_product_list_search .basic-list2 .infoPanel {
	grid-area: areaInfo;
	margin: 42px 0 0;
	padding-bottom: 5px;
}
.ux_product_list_search .basic-list2 .infoPanel .clearTab {
	display: none;
}

.ux_product_list_search .basic-list2 .pager {
    grid-area: areaPager;
    margin-top: 16px;
}


.ux_product_list_search .basic-list2 .extraTabs {
	display: block;
	font-size: 1.5rem;
}
.ux_product_list_search .basic-list2 .extraTabs * {
	display: block;
}

.ux_product_list_search .basic-list2 .extraTabs .extra-tab-group {
	position: relative;
	display: block;
	margin-top: 20px;
}
.ux_product_list_search .basic-list2 .extraTabs .extra-tab-group.no-item {
	display: none;
}

.ux_product_list_search .basic-list2 .extraTabs .category-head {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	border: 1px solid #999;
	padding: 5px;
	padding-left: 10px;
	background: #eee;
}

.ux_product_list_search .basic-list2 .extraTabs .category-head * {
    display: inline;
}

.ux_product_list_search .basic-list2 .extraTabs .category-head .tooltip-btn {
    display: flex;
	align-items: center;
	justify-content: center;
    width: 18px;
    height: 18px;
    font-size: 1.2rem;
    line-height: 1;
    background: #ccc;
    border-radius: 100%;
    margin-left: 10px;
	cursor: pointer;
}

.ux_product_list_search .basic-list2 .extraTabs .category-head .tooltip-btn:hover {
    background: #ddd;
    text-decoration: none;
}

.ux_product_list_search .basic-list2 .extraTabs .category-head .tooltip-text {
    display: none;
}

.ux_product_list_search .basic-list2 .extraTabs .category-head .acc-btn {
    position: absolute;
    bottom: 1px;
    left: 1px;
	z-index: 1;
	display: block;
	width: calc(100% - 2px);
	height: 40px;
    font-size: 1.4rem;
	cursor: pointer;
}

.ux_product_list_search .basic-list2 .extraTabs .category-head .acc-btn::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
	transition: .3s;
}

.ux_product_list_search .basic-list2 .extraTabs .category-head .acc-btn::after {
	content: "";
	bottom: 2px;
	left: calc(50% - 7px);
	position: absolute;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid var(--key-color);;
	border-right: 2px solid var(--key-color);;
	transform: translateY(-50%) rotate(45deg);
	transition: 0.3s;
}

.ux_product_list_search .basic-list2 .extraTabs .extra-tab-group.is-open .category-head .acc-btn::after {
	transform: translateY(0%) scaleY(-1) rotate(45deg);
}

.ux_product_list_search .basic-list2 .extraTabs .extra-tab-group.is-open .category-head .acc-btn {
	height: 15px;
}

.ux_product_list_search .basic-list2 .extraTabs .category-option {
	overflow: hidden;
	position: relative;
	display: block;
	border: 1px solid #999;
	border-top: none;
	max-height: 200px;
	transition: 0.3s;
}

.ux_product_list_search .basic-list2 .extraTabs .extra-tab-group.is-close .category-option {
	max-height: 102px !important;
}

/*
.ux_product_list_search .basic-list2 .extraTabs .category-option::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 10px;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%)
}
*/

.ux_product_list_search .basic-list2 .extraTabs .category-option ul {
	display: block;
	margin: 10px 10px 20px;
}

.ux_product_list_search .basic-list2 .extraTabs .category-option ul li {
    position: relative;
	display: block;
	padding-left: 20px;
}

.ux_product_list_search .basic-list2 .extraTabs .category-option ul li span {
	display: block;
	cursor: pointer;
	font-size: 1.4rem;
}

.ux_product_list_search .basic-list2 .extraTabs .category-option ul li span::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url("../../resources/sw_img/default/icon_check_off.png") no-repeat center center;
	background-size: contain;
	margin-left: -21px;
	margin-right: 5px;
}

.ux_product_list_search .basic-list2 .extraTabs .category-option ul li span[active]::before {
	background-image: url("../../resources/sw_img/default/icon_check_on.png");
}


.ux_product_list_search .basic-list2 .extraTabs .extraTitle {
	display: block;
/*	text-align: center; */
	padding-left: 20px;
	color: #fff;
	background: #17375e;
}


.ux_product_list_search .basic-list2 .extraTabs .clearTab {
	margin-top: 15px;
	display: block;
/*	text-align: center; */
	padding-left: 20px;
}

.ux_product_list_search .basic-list2 .extraTabs .clearTab span {
	display: inline-block;
	padding: 1px 0px;
	text-align: center;
	color: inherit;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 1.25;
	letter-spacing: var(--text-letter-spacing);
	border-bottom: 1px solid #666;
}


.ux_product_list_search.lx_product_list_hide_extra_1 .basic-list2 .extraTabs .extra-tab-group[data-extra-row="1"] ,
.ux_product_list_search.lx_product_list_hide_extra_2 .basic-list2 .extraTabs .extra-tab-group[data-extra-row="2"] ,
.ux_product_list_search.lx_product_list_hide_extra_3 .basic-list2 .extraTabs .extra-tab-group[data-extra-row="3"] ,
.ux_product_list_search.lx_product_list_hide_extra_4 .basic-list2 .extraTabs .extra-tab-group[data-extra-row="4"] ,
.ux_product_list_search.lx_product_list_hide_extra_5 .basic-list2 .extraTabs .extra-tab-group[data-extra-row="5"] ,
.ux_product_list_search.lx_product_list_hide_extra_6 .basic-list2 .extraTabs .extra-tab-group[data-extra-row="6"] ,
.ux_product_list_search.lx_product_list_hide_extra_7 .basic-list2 .extraTabs .extra-tab-group[data-extra-row="7"] ,
.ux_product_list_search.lx_product_list_hide_extra_8 .basic-list2 .extraTabs .extra-tab-group[data-extra-row="8"] ,
.ux_product_list_search.lx_product_list_hide_extra_9 .basic-list2 .extraTabs .extra-tab-group[data-extra-row="9"] {
	display: none;
}


/* ローディング */
.ux_product_list_search:not(.ready) .basic-list2 ,
.ux_product_list_search:not(.ready) .uni-table {
	display: none;
}

.ux_product_list_search:not(.ready) > .column1::before {
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	background: url(../../resources/sw_img/default/loading-spinner.gif) no-repeat center center;
}