/* Minification failed. Returning unminified contents.
(2016,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2016,24): run-time error CSS1046: Expect comma, found '-'
(2016,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-bs-light'
(2016,34): run-time error CSS1046: Expect comma, found ')'
(2016,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@charset "utf-8";
/* カテゴリーCSS */
/**************************************************/
/*category*/
/**************************************************/
#dummy_stock_bnr {
	opacity: 0;
	font-size: 0;
	height: 0;
	display: inline-block;
	width: 0;
}
.categorylist-global {
	display: block;
}
/*トイレ便器ページ追加CSS*/
.alertBox {
	margin: 40px 0px;
	padding: 20px 30px;
	font-size: 20px;
	font-weight: bold;
	color: #111;
	background: #fff8e4;
	box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, .2);
	overflow: hidden;
}
.alertBox span {
	background: linear-gradient(transparent 60%, #f0ad4e 60%);
}
.alertBox br {
	display: none;
}
#cat_self_img {
	font-size: 0;
	line-height: 0;
	height: 0;
	display: block;
	margin-top: 5px;
}
.category-body h1.h2 {
	margin-top: 5px;
}
/*トイレカテゴリー情報追加*/
.graph {
	width: 30%;
}
.graph p {
	margin: 10px 0 0;
	text-align: center;
}
.graph p a {
	outline: none;
	text-decoration: underline;
}
.graph-box .img-main {
	width: 70%;
}
.graph-box {
	display: flex;
	margin: 0 0 30px;
	position: relative;
}
.graph-box .rate {
	position: absolute;
	top: 40px;
	border: 1px solid #d00;
	padding: 5px;
	left: 15px;
	font-weight: bold;
	color: #d00;
	font-size: 16px;
}
.graph-box .rate .dis-none {
	display: none;
}
/*カテゴリページのグローバルナビの変更案　追加CSS*/
#head_category .newrow {
	text-align: center;
}
#head_category .newrow .newbox {
	display: inline-block;
	width: 100%;
	margin: 0%;
	text-align: left;
	padding: 0px 0px;
	vertical-align: middle;
}
#head_category .newrow table {
	table-layout: fixed;
	width: 100%;
}
#head_category .newrow .newbox .box {
	border-right: 2px solid #f98026;
	text-align: left;
	padding-right: 5px;
}
#head_category .newrow .newbox:last-child .box {
	border: none;
}
#head_category .newrow .newbox .box a {
	font-weight: normal;
	font-size: 12px;
	vertical-align: middle;
}
#head_category .newrow .newbox .box a img {
	height: 30px;
	width: auto;
	vertical-align: middle;
	margin-right: 5px;
}
/*旧カテゴリー情報*/
/* ul.listcol4 {
	display: table;
	text-align: left;
	width: 100%;
}
ul.listcol4 > li:nth-child(4n+1) {
	clear: both;
}
ul.listcol4 > li {
	display: table-cell;
	float: left;
	width: 100%;
	margin: 5px 0;
}
ul.listcol4 > li a {
	font-weight: normal;
	font-size: 15px;
	vertical-align: middle;
}
ul.listcol4 > li a img {
	height: 30px;
	width: auto;
	vertical-align: middle;
	margin-right: 5px;
}
#head_category .listcol4 img {
	height: 20px;
	width: auto;
} */
/*旧カテゴリー情報*/
/* .listcol4.sbfunction {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	justify-content: space-between;
}
.listcol4.sbfunction a img {
	height: auto;
	width: 100%;
	vertical-align: middle;
	margin-right: 5px;
} */
/*機能から探す*/
/* .listcol4.li-4.sbfunction .slick-next {
	right: -10px;
}
.listcol4.li-4.sbfunction .slick-prev {
	left: -10px;
}
.listcol4.li-4.sbfunction {
	padding-left: 0;
}
.glyphicon-circle-arrow-right:before, .sbfunction h3:before {
	content: "";
	background: url(https://www.direct-store.net/directimages/category/icon_function.png);
	width: 1em;
	height: 1em;
	display: inline-block;
	text-align: center;
	line-height: 1em;
	background-size: 100%;
}
.sbfunction h3:before {
	margin-right: 0.5em;
}
.sbfunction .l-ltxt {
    padding: 0;
}
.sbfunction .l-date {
	padding: 0;
    margin-top: 10px;
	text-align: right;
	color: #222;
}
.listcol4.li-1.sbfunction .l-date {
    padding: 0 0 10px;
}
.listcol4.li-1.sbfunction a {
    padding: 1.3em 1.3em;
}
    .listcol4.sbfunction a {
	font-weight: normal;
	font-size: 12px;
	vertical-align: middle;
	box-sizing: border-box;
	border: 3px solid #dddddd;
	border-radius: 5px;
	display: flex;
	height: auto;
	flex-direction: column;
	width: 23.5%;
	padding: 1.5em;
	margin: 0.1em;
}
.listcol4.sbfunction.li-3 a {
	width: 32.5%;
}
.listcol4.sbfunction.li-2 a {
	width: 48%;
}
.listcol4.sbfunction.li-1 a {
	width: 100%;
	display: block
}
.listcol4.sbfunction a:hover {
	text-decoration: none;
	opacity: .6;
}
.listcol4.sbfunction a img {
	height: auto;
	width: 100%;
	vertical-align: middle;
	object-fit: cover;
}

.listcol4.li-3.sbfunction a img {
    max-height: 165px;
}
.listcol4.li-2.sbfunction a img {
    max-height: 210px;
}
.listcol4.sbfunction.li-1 a {
	flex-direction: row;
	justify-content: space-between;
}
.listcol4.li-1.sbfunction a img {
	max-height: 190px;
    height: 100%;
    max-width: 35%;
    float: left;
    margin-right: 2em;
    width: 100%;
}
.listcol4.sbfunction h3 {
    color: #f98026;
    font-size: 16px;
    margin-bottom: 0;
    padding: 0;
    margin-top: 1em;
}
.listcol4.li-1.sbfunction h3 {
    width: 100%;
    font-size: 20px;
}
.listcol4.li-1.sbfunction .l-ltxt {
	width: 100%;
}
.listcol4.li-1.sbfunction .l-date {
	width: 100%;
}
.listcol4.li-1.sbfunction h3:before {
    width: 0.8em;
    height: 0.8em;
}
ul.sbfunction li a {
	margin: 0;
} */
/*カテゴリページ概要文リンク*/
a[href="#stock-area"] {
	text-decoration: underline;
}
.box.ico_page_link a[href="#stock-area"] {
	text-decoration: none;
}
/*カテゴリページ商品名、商品説明、ラベル揃え*/
h3.line-height3 {
	height: 3.5em;
	overflow: hidden;
}
p.line-height5 {
	height: 7.2em;
	overflow: hidden;
}
ul.height-adjust {
	height: 75px;
}
/*ランキング*/
.ranking {
	background: #ffffff;
	overflow: hidden;
	margin-bottom: 4%;
	padding: 0;
	border: 1px solid #d0d0d0;
	display: flex;
	flex-wrap: wrap;
}
.ranking .no1, .ranking .no2, .ranking .no3, .ranking .no4, .ranking .no5 {
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	padding: 2% 2% 8% 2%;
	/*margin: 0 0 12% 0;*/
	margin: 0;
	height: 100%;
}
.ranking .no1 {
	border: solid #FFD700 2px;
}
.ranking .no1 .no {
	background: #FFD700;
}
.ranking .no2 {
	border: solid #C0C0C0 2px;
}
.ranking .no2 .no {
	background: #C0C0C0;
}
.ranking .no3 {
	border: solid #C47222 2px;
}
.ranking .no3 .no {
	background: #C47222;
}
.ranking .no4, .ranking .no5 {
	border: solid #000000 2px;
}
.ranking .no4 .no, .ranking .no5 .no {
	background: #000000;
}
.rankingcategory {
	background: #ffffff;
	overflow: hidden;
	margin-bottom: 4%;
	padding: 0;
	/*border: 1px solid #d0d0d0;*/
	display: flex;
	flex-wrap: wrap;
}
.rankingcategory .no1, .rankingcategory .no2, .rankingcategory .no3, .rankingcategory .no4, .rankingcategory .no5 {
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	padding: 2% 2% 8% 2%;
	/*margin: 0 0 12% 0;*/
	margin: 0;
	height: 100%;
}
.rankingcategory .no1 {
	border: solid #FFD700 2px;
}
.rankingcategory .no1 .no {
	background: #FFD700;
}
.rankingcategory .no2 {
	border: solid #C0C0C0 2px;
}
.rankingcategory .no2 .no {
	background: #C0C0C0;
}
.rankingcategory .no3 {
	border: solid #C47222 2px;
}
.rankingcategory .no3 .no {
	background: #C47222;
}
.rankingcategory .no4, .rankingcategory .no5 {
	border: solid #000000 2px;
}
.rankingcategory .no4 .no, .rankingcategory .no5 .no {
	background: #000000;
}
/*カテゴリ特徴部分　2019.12.11*/
.category-feature-point {
	padding: 0 15px;
}
.category-feature-point .section {
	margin: 0 0 30px;
	padding: 0 0 20px;
	border-bottom: 1px dotted #ccc;
}
.category-feature-point .section:last-child {
	margin: 0 0 40px;
	padding: 0;
	border-bottom: none;
}
.category-feature-point h3.text-primary {
	font-size: 22px;
	display: inline-block;
	border-radius: 3px;
	color: #fff;
	padding: 6px;
	text-shadow: 0 1px 1px rgba(22, 22, 22, 0.1);
	font-weight: bold;
}
.category-feature-point .d-flex {
	display: flex;
	flex-wrap: wrap;
	clear: both;
	margin: 20px 0 0;
}
.category-feature-point .d-flex .col-xs-12 {
	margin: 0 0 20px;
}
.category-feature-point .b-box {
	border: 1px solid #ccc;
	height: 100%;
	padding: 0 0 10px;
}
.category-feature-point .b-box dt {
	padding: 10px 0;
	/*background:#aaa;*/
	color: #fff;
	font-size: 16px;
	text-align: center;
	letter-spacing: -0.03em;
}
.category-feature-point .b-box dd {
	padding: 10px;
}
.category-feature-point .img-responsive {
	margin: 0 auto;
}
.category-feature-point .mb-5 {
	margin-bottom: 5px;
}
.category-feature-point .mb-10 {
	margin-bottom: 10px;
}
.category-feature-point .mb-20 {
	margin-bottom: 20px;
}
.category-feature-point .mb-30 {
	margin-bottom: 30px;
}
.category-feature-point .mb-40 {
	margin-bottom: 40px;
}
.category-feature-point .mb-50 {
	margin-bottom: 50px;
}
.category-feature-point .label-lightblue, .category-feature-point .bg-lightblue {
	background: #C4E3E6;
}
.category-feature-point .label-blue, .category-feature-point .bg-blue {
	background: #C2C3E1;
}
.category-feature-point .label-pink, .category-feature-point .bg-pink {
	background: #E4CEE3;
}
.category-feature-point .color-orange {
	color: #e2660a;
}
.category-feature-point .label-green, .category-feature-point .bg-green {
	background: #C0DCAB;
}
.category-feature-point .label-brown, .category-feature-point .bg-brown {
	background: #dcc3ab;
}
.category-feature-point .label-yellow, .category-feature-point .bg-yellow {
	background: #fcd575;
}
/*カテゴリページ検索　2019.12.27*/
/* #refineDiv {
	margin: -160px 0 0;
	padding: 160px 0 0;
	position: relative;
}
@media screen and (min-width: 992px) and (max-width: 1198px) {
	#refineDiv {
		margin: -80px 0 0;
		padding: 80px 0 0;
	}
}
@media (max-width:991px) {
	#refineDiv {
		margin: -60px 0 0;
		padding: 60px 0 0;
	}
} */
.category-search-item .flex-box {
	display: flex;
}
.category-search-item .justify-between {
	justify-content: space-between;
}
.category-search-item .alignitems-center {
	align-items: center;
}
.category-search-box {
	/*margin: 15px 0 15px;*/
	width: 100%;
	padding: 0 15px 0;
	border: 1px solid #d00;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.category-search-item {
	display: flex;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 7px;
	/*margin: 0 0 3px;*/
	align-items: center;
	width: 100%;
}
.set-product-category-p {
	font-size: 18px;
	order: 1;
	font-weight: bold;
}
.category-search-item.category-discontinued-check-box {
	border-bottom: none;
}
.category-search-item .category-discontinued-check {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.category-search-item .category-discontinued-check .category-search-param {
	order: 2;
	margin: 0 0 1rem;
	border-left: none;
}
.category-search-item-refine-table {}
.category-search-box label {
	margin: 0;
}
.category-search-item .search-item {
	width: 100%;
}
.category-search-box .category-search-item:last-child {
	border-bottom: none;
}
.category-search-item .text-area {
	width: 16%;
	box-sizing: border-box;
	padding: 0 14px;
}
.category-search-item h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}
.category-search-item .text-area .search-text-note {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}
.category-search-item .category-search-param {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-left: 1px dotted #ccc;
	padding: 0 0 0 0;
	/*width: 84%;*/
	box-sizing: border-box;
}
.category-search-item .category-search-param a {
	/* margin: 3px 0 3px 0; */
	margin: 3px 15px 3px 0;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.category-search-item .category-search-param a.link-none {
	color: #ccc;
	pointer-events: none;
	text-decoration: none;
}
.category-search-item .category-search-param a img {
	width: 16px;
	height: auto;
}
.category-search-box p {
	margin: 0;
}
.category-search-item .category-search-param a img:nth-child(2) {
	width: auto;
	height: auto;
}
.category-search-box .category-search-item .category-search-param {
	width: 84%;
	padding: 0 0 0 5px;
}
#refine .pagination-container, .set-product-category .pagination-container, .sec_stock .pagination-container {
	text-align: center;
	margin: 0 0;
}
@media (max-width:991px) {
	#refine .pagination-container, .set-product-category .pagination-container, .sec_stock .pagination-container {
		text-align: center;
		/*margin: 15px 0;*/
	}
}
.pagination > li.disabled a {
	opacity: 0.6;
	background: #f6f6f6;
}
.search-reset {
	background: #666;
	color: #fff;
	border-radius: 5px;
	transition: background-color 0.3s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 6px;
	display: inline-block;
	font-size: 13px;
	position: absolute;
	z-index: 3;
	right: 170px;
	top: 67px;
	text-decoration: none;
}
.search-reset:hover {
	color: #fff;
	text-decoration: none;
	background: #999;
}
#refine .menu-mobile-close {
	display: none;
}
#refine .overlay {
	display: none;
}
.select-param-mobile {
	display: none;
}
form[name="refinesort"] {
	text-align: right;
	margin: 0 0 10px 0;
}
.category-search-box-none {
	padding: 0;
	border: none;
}
.category-search-box-none .category-search-item {
	display: block;
	border-bottom: none;
	padding: 0;
	margin: 0;
	width: auto;
}
.category-search-box-none .category-search-item-txt {
	width: 100%;
	margin: 6px 0 0;
}
.category-search-box-none .category-search-item .text-area {
	display: none;
}
.category-search-box-none .category-search-item .category-search-param {
	display: block;
	border-left: none;
	padding: 0;
	width: auto;
}
/*検索属性画像挿入　2020.2.22*/
/*トイレ*/
.category-search-item.ToiletStyle .category-search-param a {
	font-size: 13px;
}
.ToiletStyle img {
	flex-shrink: 0;
}
#refine .category-search-item a.tstyle4, #refine .category-search-item a.tstyle5, #refine .category-search-item a.tstyle6, #refine .category-search-item a.tstyle7, #refine .category-search-item a.tstyle9 {
	padding: 90px 0 0;
	justify-content: center;
	margin: 0 10px 5px 0;
}
#refine .category-search-item a.tstyle4 {
	background: url(https://www.direct-store.net/directimages/categorysub/toilet/search/img_tstyle04.svg) center top 10px no-repeat;
	background-size: 70px auto;
	min-width: 70px;
	max-width: 140px;
}
#refine .category-search-item a.tstyle5 {
	background: url(https://www.direct-store.net/directimages/categorysub/toilet/search/img_tstyle05.svg) center top 10px no-repeat;
	background-size: 65px auto;
	min-width: 65px;
}
#refine .category-search-item a.tstyle6 {
	background: url(https://www.direct-store.net/directimages/categorysub/toilet/search/img_tstyle06.svg) center top 10px no-repeat;
	background-size: 65px auto;
	min-width: 65px;
	max-width: 140px;
}
#refine .category-search-item a.tstyle7 {
	background: url(https://www.direct-store.net/directimages/categorysub/toilet/search/img_tstyle07.svg) center top 10px no-repeat;
	background-size: 65px auto;
	min-width: 65px;
	max-width: 170px;
}
#refine .category-search-item a.tstyle9 {
	background: url(https://www.direct-store.net/directimages/categorysub/toilet/search/img_tstyle09.svg) center top 10px no-repeat;
	background-size: 65px auto;
	min-width: 65px;
	max-width: 125px;
}
.ToiletSetuden, .ToiletInstantHeating, .ToiletHotAirDry, .ToiletDeodrize, .ToiletDisinfection, .ToiletMist, .ToiletAutoOpen, .ToiletRemoteOpen, .ToiletAutoWash, .ToiletRemoteWash {
	width: 50%;
}
.ToiletInstantHeating, .ToiletDeodrize, .ToiletMist, .ToiletRemoteOpen, .ToiletRemoteWash {
	width: 50%;
	padding: 0 0 0 1%;
	border-left: 2px solid #ccc;
}
.ToiletSetuden .text-area, .ToiletInstantHeating .text-area, .ToiletHotAirDry .text-area, .ToiletDeodrize .text-area, .ToiletDisinfection .text-area, .ToiletMist .text-area, .ToiletAutoOpen .text-area, .ToiletRemoteOpen .text-area, .ToiletAutoWash .text-area, .ToiletRemoteWash .text-area, .ToiletSetting .text-area, .ToiletPowerSaving .text-area, .others .text-area, .PriceRange .text-area {
	/*width: 32%;*/
	width: 148px;
}
.ToiletSetuden .category-search-param, .ToiletInstantHeating .category-search-param, .ToiletHotAirDry .category-search-param, .ToiletDeodrize .category-search-param, .ToiletDisinfection .category-search-param, .ToiletMist .category-search-param, .ToiletAutoOpen .category-search-param, .ToiletRemoteOpen .category-search-param, .ToiletAutoWash .category-search-param, .ToiletRemoteWash .category-search-param {
	width: 68%;
}
/*ウォシュレット*/
#refine .category-search-item a.wremote1, #refine .category-search-item a.wremote2 {
	padding: 110px 0 0;
	justify-content: center;
	margin: 0 15px 5px 0;
	min-width: 110px;
}
#refine .category-search-item a.wremote1 {
	background: url(https://www.direct-store.net/directimages/categorysub/washlet/search/img_wremote01.png) center bottom 25px no-repeat;
	background-size: 90px auto;
}
#refine .category-search-item a.wremote2 {
	background: url(https://www.direct-store.net/directimages/categorysub/washlet/search/img_wremote02.png) center bottom 25px no-repeat;
	background-size: 90px auto;
}
.WashletSetuden, .WashletInstantHeating, .WashletHotAirDry, .WashletDeodrize, .WashletDisinfection, .WashletMist, .WashletAutoOpen, .WashletRemoteOpen, .WashletAutoWash, .WashletSeamless {
	width: 50%;
}
.WashletInstantHeating, .WashletDeodrize, .WashletMist, .WashletRemoteOpen, .WashletSeamless {
	width: 50%;
	padding: 0 0 0 1%;
	border-left: 2px solid #ccc;
}
.WashletSetuden .text-area, .WashletHotAirDry .text-area, .WashletDeodrize .text-area, .WashletDisinfection .text-area, .WashletMist .text-area, .WashletSeamless .text-area, .WashletInstantHeating .text-area, .WashletAutoOpen .text-area, .WashletRemoteOpen .text-area, .WashletAutoWash .text-area {
	width: 32%;
}
.WashletSetuden .category-search-param, .WashletHotAirDry .category-search-param, .WashletDeodrize .category-search-param, .WashletDisinfection .category-search-param, .WashletMist .category-search-param, .WashletSeamless .category-search-param, .WashletInstantHeating .category-search-param, .WashletAutoOpen .category-search-param, .WashletRemoteOpen .category-search-param, .WashletAutoWash .category-search-param {
	width: 68%;
}
/* トイレ･便器、温水洗浄便座共通 新着商品コーナー  */
#categoryitem .top-line-height5 {
	width: 140px
}/* NewArrival.vbhtmlの@Html.ActionLinkPtagを<a>と<p>に分離したら、トイレ･便器、温水洗浄便座ページにだけ発生した、バグ調整 */

#categoryitem .voice_box__l .top-line-height5 { /*20250417 一覧表に施したwidthの設定がallvoice.vbhtmlでも影響していたものを回避 */
	width: auto;
}
/*キッチン用水栓*/
#refine .category-search-item a.fhandle1, #refine .category-search-item a.fhandle2, #refine .category-search-item a.fhandle3, #refine .category-search-item a.fhandle4, #refine .category-search-item a.fhandle5, #refine .category-search-item a.fhandle6, #refine .category-search-item a.fhandle7, #refine .category-search-item a.fhandle8, #refine .category-search-item a.fhandle9 {
	padding: 70px 0 0;
	justify-content: center;
	margin: 0 15px 5px 0;
	min-width: 110px;
}
#refine .category-search-item a.fhandle1 {
	background: url(https://www.direct-store.net/directimages/categorysub/suisen/search/img_fhandle05.png) center bottom 25px no-repeat;
	background-size: 100px auto;
}
#refine .category-search-item a.fhandle2 {
	background: url(https://www.direct-store.net/directimages/categorysub/suisen/search/img_fhandle02.png) center bottom 25px no-repeat;
	background-size: 90px auto;
}
#refine .category-search-item a.fhandle3 {
	background: url(https://www.direct-store.net/directimages/categorysub/suisen/search/img_fhandle03.png) center bottom 25px no-repeat;
	background-size: 90px auto;
}
#refine .category-search-item a.fhandle4 {
	background: url(https://www.direct-store.net/directimages/categorysub/suisen/search/img_fhandle01.png) center bottom 25px no-repeat;
	background-size: 90px auto;
}
#refine .category-search-item a.fhandle5 {
	background: url(https://www.direct-store.net/directimages/categorysub/suisen/search/img_fhandle07.png) center bottom 25px no-repeat;
	background-size: 55px auto;
}
#refine .category-search-item a.fhandle6 {
	background: url(https://www.direct-store.net/directimages/categorysub/suisen/search/img_fhandle08.png) center bottom 25px no-repeat;
	background-size: 35px auto;
}
#refine .category-search-item a.fhandle7 {
	background: url(https://www.direct-store.net/directimages/categorysub/suisen/search/img_fhandle04.png) center bottom 25px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.fhandle8 {
	background: url(https://www.direct-store.net/directimages/categorysub/suisen/search/img_fhandle06.png) center bottom 25px no-repeat;
	background-size: 90px auto;
}
#refine .category-search-item a.fhandle9 {
	background: url(https://www.direct-store.net/directimages/categorysub/suisen/search/img_fhandle03.png) center bottom 25px no-repeat;
	background-size: 90px auto;
}
/*浴室用水栓*/
#refine .category-search-item a.fbtype1, #refine .category-search-item a.fbtype2, #refine .category-search-item a.fbtype3, #refine .category-search-item a.fbtype4 {
	padding: 90px 0 0;
	justify-content: center;
	margin: 0 10px 5px 0;
}
#refine .category-search-item a.fbtype1 {
	background: url(https://www.direct-store.net/directimages/categorysub/suisen/search/img_fbtype01.png) center top no-repeat;
	background-size: 140px auto;
	min-width: 140px;
}
#refine .category-search-item a.fbtype2 {
	background: url(https://www.direct-store.net/directimages/categorysub/suisen/search/img_fbtype06.png) center top no-repeat;
	background-size: 110px auto;
	min-width: 130px;
}
#refine .category-search-item a.fbtype3 {
	background: url(https://www.direct-store.net/directimages/categorysub/suisen/search/img_fbtype09.png) center top no-repeat;
	background-size: 135px auto;
	min-width: 140px;
}
#refine .category-search-item a.fbtype4 {
	background: url(https://www.direct-store.net/directimages/categorysub/suisen/search/img_fbtype13.png) center bottom 25px no-repeat;
	background-size: 110px auto;
	min-width: 140px;
}
/*給湯器*/
.ttl-waterheater, .ttl-product-search {
	margin: 25px 0 10px;
}
.ttl-waterheater + #refine .category-search-item .text-area {
	width: 14%;
}
.ttl-waterheater + #refine .category-search-item .category-search-param {
	width: 86%;
}
#refine .category-search-item a.gksetting1, #refine .category-search-item a.gksetting2, #refine .category-search-item a.gksetting3, #refine .category-search-item a.gksetting4, #refine .category-search-item a.gksetting5, #refine .category-search-item a.gksetting6, #refine .category-search-item a.gksetting7, #refine .category-search-item a.gksetting8, #refine .category-search-item a.gksetting9, #refine .category-search-item a.gksetting10, #refine .category-search-item a.gksetting11, #refine .category-search-item a.gksetting12, #refine .category-search-item a.gksetting13, #refine .category-search-item a.gksetting14, #refine .category-search-item a.gksetting15, #refine .category-search-item a.gksetting16, #refine .category-search-item a.gksetting17, #refine .category-search-item a.gksetting18 {
	min-width: 80px;
	max-width: 80px;
	font-size: 12px;
	position: relative;
	padding: 145px 0 0;
	justify-content: center;
	margin: 0 5px 5px 0;
	white-space: pre;
	display: block;
	height: 162px;
	overflow: hidden;
}
.GasKyutouSetting .category-search-param a {
	text-align: center;
}
.GasKyutouSetting .category-search-param p {
	display: inline;
}
.GasKyutouSetting .category-search-param a p:nth-child(2) {
	display: none;
}
#refine .category-search-item a.gksetting1 img, #refine .category-search-item a.gksetting2 img, #refine .category-search-item a.gksetting3 img, #refine .category-search-item a.gksetting4 img, #refine .category-search-item a.gksetting5 img, #refine .category-search-item a.gksetting6 img, #refine .category-search-item a.gksetting7 img, #refine .category-search-item a.gksetting8 img, #refine .category-search-item a.gksetting9 img, #refine .category-search-item a.gksetting10 img, #refine .category-search-item a.gksetting11 img, #refine .category-search-item a.gksetting12 img, #refine .category-search-item a.gksetting13 img, #refine .category-search-item a.gksetting14 img, #refine .category-search-item a.gksetting15 img, #refine .category-search-item a.gksetting16 img, #refine .category-search-item a.gksetting17 img, #refine .category-search-item a.gksetting18 img {
	display: inline;
	margin: 0;
}
#refine .category-search-item a.gksetting1 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting01.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting2 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting02.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting3 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting03.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting4 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting04.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting5 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting05.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting6 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting06.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting7 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting07.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting8 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting08.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting9 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting09.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting10 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting10.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting11 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting11.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting12 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting12.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting13 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting13.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting14 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting14.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting15 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting15.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting16 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting16.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting17 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting17.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting18 {
	background: url(https://www.direct-store.net/directimages/categorysub/kyutou/search/img_gksetting18.png) center 2px no-repeat;
	background-size: 80px auto;
}
#refine .category-search-item a.gksetting1:after {
	content: "屋外壁掛形";
	position: absolute;
	left: 0;
	top: 5px;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #993300;
	z-index: 2;
}
#refine .category-search-item a.gksetting2:after {
	content: "PS標準設置形";
	position: absolute;
	left: 0;
	top: 5px;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
}
#refine .category-search-item a.gksetting3:after {
	content: "PSアルコーブ\A設置型";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
	line-height: 1.2;
}
#refine .category-search-item a.gksetting4:after {
	content: "PS扉内設置（P\AS前方排気形）";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: left;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
	line-height: 1.2;
}
#refine .category-search-item a.gksetting5:after {
	content: "PS扉内設置（P\AS前方排気延長形）";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
	line-height: 1.2;
	letter-spacing: -0.1em;
}
#refine .category-search-item a.gksetting6:after {
	content: "PS扉内後方\A排気延長設置形";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
	line-height: 1.2;
}
#refine .category-search-item a.gksetting7:after {
	content: "PS扉内上方\A排気延長設置形";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
	line-height: 1.2;
}
#refine .category-search-item a.gksetting8:after {
	content: "PS扉内\A給排気延長形";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
	line-height: 1.2;
}
#refine .category-search-item a.gksetting9:after {
	content: "屋内壁掛/強制\A給排気形（FF）";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
	line-height: 1.2;
}
#refine .category-search-item a.gksetting10:after {
	content: "屋内壁掛/強制\A排気形（FE）";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
	line-height: 1.2;
}
#refine .category-search-item a.gksetting11:after {
	content: "壁組み込み\A設置形";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
	line-height: 1.2;
}
#refine .category-search-item a.gksetting12:after {
	content: "屋外据置形";
	position: absolute;
	left: 0;
	top: 5px;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
}
#refine .category-search-item a.gksetting13:after {
	content: "外壁貫通設置形";
	position: absolute;
	left: 0;
	top: 5px;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
}
#refine .category-search-item a.gksetting14:after {
	content: "屋内設置コンロ\A台形・調理台形";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
	line-height: 1.2;
}
#refine .category-search-item a.gksetting15:after {
	content: "浴室内設置\Aバランス形";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
	line-height: 1.2;
}
#refine .category-search-item a.gksetting16:after {
	content: "屋外設置形";
	position: absolute;
	left: 0;
	top: 5px;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
}
#refine .category-search-item a.gksetting17:after {
	content: "屋外壁掛形（強\A制循環タイプ）";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
	line-height: 1.2;
}
#refine .category-search-item a.gksetting18:after {
	content: "浴室外屋内\A設置型（FE式）";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/*height:;*/
	text-indent: 0;
	text-align: center;
	font-size: 11px;
	color: #930;
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	z-index: 2;
	white-space: pre;
	line-height: 1.2;
}
/*レンジフード*/
.category-search-item.RangeHoodStyle .category-search-param a {
	font-size: 12px;
}
.RangeHoodStyle img {
	flex-shrink: 0;
}
#refine .category-search-item a.rhstyle1, #refine .category-search-item a.rhstyle2, #refine .category-search-item a.rhstyle3, #refine .category-search-item a.rhstyle4, #refine .category-search-item a.rhstyle5, #refine .category-search-item a.rhstyle6, #refine .category-search-item a.rhstyle7, #refine .category-search-item a.rhstyle8, #refine .category-search-item a.rhstyle9, #refine .category-search-item a.rhstyle10 {
	padding: 110px 0 0;
	justify-content: center;
	margin: 0 10px 0 0;
}
#refine .category-search-item a.rhstyle1 {
	background: url(https://www.direct-store.net/directimages/categorysub/rangehood/search/img_rhstyle1.jpg) center top no-repeat;
	background-size: 100px auto;
	min-width: 130px;
}
#refine .category-search-item a.rhstyle2 {
	background: url(https://www.direct-store.net/directimages/categorysub/rangehood/search/img_rhstyle2.jpg) center top no-repeat;
	background-size: 100px auto;
	min-width: 130px;
}
#refine .category-search-item a.rhstyle3 {
	background: url(https://www.direct-store.net/directimages/categorysub/rangehood/search/img_rhstyle3.jpg) center top no-repeat;
	background-size: 100px auto;
	min-width: 130px;
}
#refine .category-search-item a.rhstyle4 {
	background: url(https://www.direct-store.net/directimages/categorysub/rangehood/search/img_rhstyle4.jpg) center top no-repeat;
	background-size: 100px auto;
	min-width: 110px;
	max-width: 110px;
}
#refine .category-search-item a.rhstyle5 {
	background: url(https://www.direct-store.net/directimages/categorysub/rangehood/search/img_rhstyle5.jpg) center top 10px no-repeat;
	background-size: 100px auto;
	min-width: 150px;
	max-width: 180px;
}
#refine .category-search-item a.rhstyle6 {
	background: url(https://www.direct-store.net/directimages/categorysub/rangehood/search/img_rhstyle6.jpg) center top no-repeat;
	background-size: 100px auto;
	min-width: 130px;
}
#refine .category-search-item a.rhstyle7 {
	background: url(https://www.direct-store.net/directimages/categorysub/rangehood/search/img_rhstyle7.jpg) center top no-repeat;
	background-size: 100px auto;
	min-width: 130px;
}
#refine .category-search-item a.rhstyle8 {
	background: url(https://www.direct-store.net/directimages/categorysub/rangehood/search/img_rhstyle8.jpg) center top no-repeat;
	background-size: 100px auto;
	min-width: 130px;
}
#refine .category-search-item a.rhstyle9 {
	background: url(https://www.direct-store.net/directimages/categorysub/rangehood/search/img_rhstyle9.jpg) center top no-repeat;
	background-size: 100px auto;
	min-width: 130px;
}
#refine .category-search-item a.rhstyle10 {
	background: url(https://www.direct-store.net/directimages/categorysub/rangehood/search/img_rhstyle10.jpg) center top 10px no-repeat;
	background-size: 100px auto;
	min-width: 130px;
	max-width: 130px;
}
@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/*カテゴリー検索　ここまで*/
/*検索ローディング*/
.loading-search {
	display: none;
}
.category-search-box.loading .loading-search {
	display: block;
	position: absolute;
	left: 50%;
	z-index: 4;
	transform: translate(-50%, -50%);
	top: 50%;
}
.category-search-box.loading:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(30, 30, 30, 0.2);
}
.category-search-box-none.loading .loading-search {
	display: none;
}
/*カテゴリページランキング　更新日：2019.04.10　更新者：津村*/
.main-contents {
	padding: 0;
}
.main-contents h1 {
	font-weight: bold;
}
.main-contents .ttl, .ttl /*4月30日辻本追加*/ {
	font-size: 26px;
	font-weight: bold;
	/*margin: 25px 0 15px;*/
	margin: 60px 0 15px;
	padding: 0 0 0 15px;
	border-left: 5px solid #f98026;
	overflow: hidden;
}
.main-contents .ttl-sub {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 15px;
	border-left: 5px solid #f98026;
	margin: 0 0 15px;
}
.main-contents .ttl-kind {
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	padding: 10px 20px;
	background: #fee;
}
.main-contents .ranking {
	border: 1px solid #999;
	margin: 0 0 40px;
	display: block;
}
.main-contents .ranking-inner {
	/* 横幅調整　20220728 */
	padding: 0;
}
.main-contents .btn-ranking {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.main-contents .btn-ranking li {
	font-size: 15px;
	color: #fff;
	padding: 5px 0;
	background: #d00;
	width: calc(25% - 10px);
	box-sizing: border-box;
	line-height: 1;
	text-align: center;
	margin: 0 10px 8px 0;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.3s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.main-contents .btn-ranking li:hover, .main-contents .btn-ranking li.current {
	background: #750000;
}
.main-contents .btn-ranking li:nth-child(4n) {
	margin: 0 0 8px 0;
}
.main-contents .products-wrapper {
	position: relative;
}
.main-contents .products-inner {
	/* position: absolute; */
	width: 100%;
	opacity: 0;
}
.main-contents .products-inner.current {
	z-index: 1;
	opacity: 1;
}
.main-contents .products {
	display: flex;
	/*PC版左寄せ　20220808*/
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	gap: 15px 13px
}
.main-contents .products .item {
	padding: 10px 10px 12px 10px;
	border: 1px solid #999;
	/*PC版横幅調整　20220728*/
	width: calc(25% - 10px);
	margin: 0 0 0 0;
	overflow: hidden;
	background: #fff;
}
/*.main-contents .products .item + .item {
    margin: 0 0 0 calc(40px / 3);
}*/
.main-contents .products .products-link {
	text-decoration: none;
	transition: opacity 0.2s ease;
	display: flex;
	justify-content: space-between;
	flex-flow: column;
	height: 100%;
	outline: none;
}
.main-contents .products .products-link:hover {
	text-decoration: none;
	opacity: 0.7;
}
.main-contents .products .photo {
	position: relative;
	margin: 0 0 10px;
}
.main-contents .products .photo img {
	width: 100%;
	height: auto;
}
.main-contents .products .logo-maker {
	width: 40%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.main-contents .products .logo-maker img {
	width: 100%;
	height: auto;
}
	.main-contents .products .rank {
		width: 48px;
		height: 32px;
		background: url(https://www.direct-store.net/directimages/common/category/top/bg_crown.png) no-repeat;
		position: absolute;
		right: -5px;
		top: -5px;
		text-align: center;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		padding: 12px 0 0 0;
		margin: 0;
	}
.main-contents .products .item:nth-child(1) .rank {
	background-position: 0 0;
}
.main-contents .products .item:nth-child(2) .rank {
	background-position: 0 -38px;
}
.main-contents .products .item:nth-child(3) .rank {
	background-position: -60px 0;
}
.main-contents .products .item:nth-child(n + 4) .rank {
	background-position: -60px -38px;
}
.main-contents .products .products-label {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0 0 6px;
	height: 50px;
	align-items: flex-start;
	justify-content: space-between;
}
.main-contents .products .products-label li {
	padding: 2px 8px;
	font-size: 11px;
	background: #f19149;
	color: #fff;
	margin: 0 0 5px 0;
	letter-spacing: 0.1em;
	width: 48%;
	box-sizing: border-box;
	text-align: center;
	border-radius: 10px;
}
.main-contents .products .title {
	font-size: 14px;
	color: #101010;
	line-height: 1.5;
	margin: 0 0 5px;
	overflow: hidden;
	height: 6em;
	word-break: break-all;
}
.main-contents .products .info-area {
	margin: 0 0 5px;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: flex-end;
	height: 17px;
}
.main-contents .products .stock {
	margin: 0;
	padding: 3px 2px 2px 2px;
	font-size: 11px;
	color: #fff;
	background: #bbb;
	line-height: 1;
}
.main-contents .products .discount {
	text-align: right;
	color: #d00;
	font-size: 12px;
	margin: 0 0 3px;
	line-height: 1;
}
.main-contents .products .detail {
	width: 100%;
	display: block;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
	background: #d00;
	font-weight: bold;
	margin: 10px 0 0;
	line-height: 1;
	position: relative;
}
.main-contents .products .detail::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	top: 50%;
	margin: -5px 0 0 0;
}
@media (min-width:768px) and (max-width: 991px) {
	.main-contents .products .price .num span {
		font-size: 20px;
	}
	.main-contents .products .price .num {
		font-size: 10px;
	}
	.main-contents .products .price .txt {
		font-size: 10px;
	}
}
/*カテゴリページランキング　終了*/
/*カテゴリー　商品一覧*/
#refineresults .result_box {
	display: flex;
	flex-wrap: wrap;
}
	#refineresults .result_box a{
		display: contents;
	}
	#refineresults .result_inner_box {
		display: flex;
		flex-direction: column;
	}
	#refineresults .result_inner_box a:hover {
		text-decoration: none;
		font-weight: bold;
	}
#refineresults .caption {
	margin-top: auto;
}
#refineresults .caption p {
	margin: 0 0 5px;
}
#refineresults .caption .stock-label {
	color: #FFFFFF;
	background-color: #777777;
	margin: 0;
}
#refineresults .caption span {
	margin: 0 0 5px;
	display: inline-block;
}
#refineresults .result_inner_box p.top-line-height5 {
	/*height: auto;*/
	height: 3.75rem; /* <p><a>〇〇</a></p>から<a>と<p>を独立させたため調整20250210 */
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
#refineresults .result_inner_box {
	margin: 0 0.5%;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	/* background-color: #fff; */
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
	display: flex;
	flex-direction: column;
	font-size: 14px;
}
/*#refineresults .result_inner_box:last-child {
    margin-bottom: 0;
}*/
#refineresults .result_inner_box img {
	flex-shrink: 0;
}
#refineresults .result_inner_box .result_kikaku {
	margin: 0;
/*	height: auto;*/
	height: 2.5rem; /* <p><a>〇〇</a></p>から<a>と<p>を独立させたため調整20250210 */
	color: #000;
}
#refineresults .pagination {
    margin: -5px 0 20px;
}
@media screen and (min-width: 768px) {
	.result_inner_box.col-sm-3 {
		width: 23%;
	}
}
@media screen and (min-width: 992px) {
	.result_inner_box.col-md-2 {
		width: 15.6%;
	}
}
/*カテゴリー　取扱いメーカー　20220614*/
.itemMakerList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.itemMakerList .itemMakerbox {
	width: 46%;
	/* h2 余白高さ調整　20220615　*/
	/*margin: 0% 2% 2% 2%;*/
	margin: 0% 2% 0 2%;
	padding: 10px;
	border: 2px solid #f98026;
}
.itemMakerList .itemMakerbox .boxhead {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.itemMakerList .itemMakerbox .boxhead .logo {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	width: 140px;
	display: inline-block;
	vertical-align: middle;
}
.itemMakerList .itemMakerbox .boxhead .logo img {
	width: 100%;
}
.itemMakerList .itemMakerbox .boxhead .disc {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	width: -webkit-calc(100% - 170px);
	width: calc(100% - 170px);
}
.itemMakerList .itemMakerbox .boxstatus {
	margin: 0px 0px 10px 0px;
	padding: 5px;
	border: 3px solid #DEDEDE;
}
.itemMakerList .itemMakerbox .boxstatus .img {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 80px;
	display: inline-block;
	vertical-align: middle;
}
.itemMakerList .itemMakerbox .boxstatus .img img {
	width: 100%;
}
.itemMakerList .itemMakerbox .boxstatus .status {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
}
.itemMakerList .itemMakerbox .boxstatus .status .statusList {
	margin: 0px 0px 5px 0px;
	padding: 3px;
	border-bottom: 1px solid #DEDEDE;
}
.itemMakerList .itemMakerbox .boxstatus .status .statusList:last-child {
	margin: 0px;
	border-bottom: none;
}
.itemMakerList .itemMakerbox .boxstatus .status .statusList span {
	display: inline-block;
	margin: 0px 5px 0px 0px;
	padding: 3px;
	background: #F4F4F4;
	font-weight: bold;
}
.itemMakerList .itemMakerbox .boxlink {
	margin: 0px;
	text-align: center;
}
.itemMakerList .itemMakerbox .boxlink a {
	display: block;
	padding: 5px 0px;
	background: #f98026;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
}
/* h2 余白高さ調整　20220615　*/
/* カテゴリーページ　bootstrap CSS のreset　20220615 */
.category-nav-list ul, .category-nav-list li {
	margin-top: 0;
	margin-bottom: 0;
}
.showcase .thumbnail {
	margin-bottom: 0;
}
/* h2 余白高さ調整　20220615　*/
.itemMakerList .itemMakerbox:nth-child(n + 3) {
	margin: 2% 2% 0 2%;
}
.flex-box .bnr-toilet {
	margin: 0 0 0;
}
.flex-box .bnr-toilet p {
	margin: 0 0 0;
}
.case-parts .caseList .caseBox {
	padding: 7px 5px 10px;
	margin: 10px;
	display: block;
	width: 30%;
	border: 1px solid #DEDEDE;
}
.section .case-parts .caseList .caseBox {
	margin: 10px 10px 0;
}
.case-parts .caseList .caseBox .img img {
	width: 100%;
	height: auto;
}
.case-parts .caseList {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	justify-content: left;
}
.main-contents .toiletseries_List .toiletseries_Box, .section .toiletseries_List .toiletseries_Box {
	margin: 0 0.5% 1% 0.5%;
}
.section .toiletseries_List .toiletseries_Box:nth-child(n + 5) {
	margin: 1% 0.5% 0 0.5%;
}
.section .category-nav-list {
	padding: 0 0 0;
}
.category-nav-list li.category-nav {
	margin: 0 0 0;
}
.category-nav-list li.category-nav:nth-child(n + 4) {
	margin: 20px 0 0;
}
p.dummy_area {
	margin-bottom: 25px;
}
#top .slider {
	margin: 0 0 0 0;
}
/* h2 余白高さ調整　20220615　*/
/* ヘッダー */
/*p.dummy_area {
    margin-bottom: 25px;
}*/
/* h2 余白高さ調整　20220615 終了　*/
/*ランキング部スマホ版間隔*/
/*新着商品のアイコン*/
.multiple-item li .thumbnail:before {
	content: "新商品";
	display: inline-block;
	position: absolute;
	right: 3px;
	top: 3px;
	background: #337ab7;
	color: #fff;
	padding: 0 5px;
	font-size: 12px;
	border-radius: 0.25em;
}
/*カテゴリー一覧を４行以上で省略 20220713*/
.category-nav-list .category-nav .category-summary {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
/*カテゴリー一覧のリンクホバー時に下線をつける*/
.category-nav .category-summary a:hover {
	text-decoration: underline;
	opacity: 1;
}
/*カテゴリー一覧*/
.category-nav-list {
	padding: 10px 0 0;
}
.category-nav {
	margin: 0 0 20px;
}
.category-nav a {
	display: flex;
	border: 2px solid #ddd;
	border-radius: 4px;
	height: 120px;
	background-size: auto 100%;
	background-position: Right center;
	background-repeat: no-repeat;
	position: relative;
	transition: opacity 0.3s ease-in-out;
	text-decoration: none;
	outline: none;
	width: 100%;
	text-align: right;
	overflow: hidden;
	align-items: center;
	justify-content: end;
}
.category-nav a img {
	height: 100%;
	width: auto;
	object-fit: cover;
}
.itemBanner div {
	display: block;
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 120px;
	background-color: #FFF;
	background-size: auto 100%;
	background-position: Right center;
	background-repeat: no-repeat;
	position: relative;
	transition: opacity 0.3s ease-in-out;
	text-decoration: none;
	outline: none;
}
.category-nav .category-summary a {
	display: inline;
	border: none;
	border-radius: 0;
	height: auto;
	background-size: auto 100%;
	background-position: Right center;
	background-repeat: no-repeat;
	position: relative;
	transition: opacity 0.3s ease-in-out;
	text-decoration: none;
	outline: none;
	background-Image: none;
}
.category-nav a:hover {
	opacity: 0.5;
	text-decoration: none;
}
.category-nav a:visited {
	text-decoration: none;
}
.category-nav .category-logo {
	width: 30%;
	margin: 0;
	position: absolute;
	left: 10px;
	top: 5px;
	z-Index: 1;
}
.category-nav .category-logo img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
.category-nav .category-name {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.1;
    color: #333;
    padding: 0 0 0 10px;
    margin: 0;
    word-break: break-all;
    box-sizing: border-box;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 50%;
    left: 10px;
    z-Index: 2;
    transform: translateY(-50%);
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.category-nav .category-name .size-adjust {
	font-size: 16px;
}
.itemBanner .category-nav .category-logo {
	width: 30%;
	margin: 0;
	position: absolute;
	left: 10px;
	top: 5px;
	z-Index: 1;
}
.itemBanner .category-nav .category-logo img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
.itemBanner .category-nav .category-name {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.1;
	color: #333;
	padding: 13px 0 0 10px;
	margin: 0;
	word-break: break-all;
	display: flex;
	height: 100%;
	box-sizing: border-box;
	flex-direction: column;
	justify-Content: center;
	text-decoration: none;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 0.8);
	position: relative;
	z-Index: 2;
}
.itemBanner .category-nav .category-name .size-adjust {
	font-size: 16px;
}
.category-nav .pricerate-area {
	display: flex;
	justify-Content: Space-between;
	align-items: center;
	margin: 10px 0 15px;
}
.category-nav .pricerate-area .price {
	margin: 0;
	font-size: 18px;
	color: #d00;
	line-height: 1;
}
.category-nav .pricerate-area .price span {
	font-size: 12px;
	color: #333;
}
.category-nav .pricerate-area .rate {
	margin: 0;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	padding: 5px 3px;
	background-color: #d9534f;
}
.category-nav .pricerate-area .rate span {
	font-size: 12px;
}
.category-nav .category-summary {
	margin: 10px 0 15px;
}

/* faqページ F&A下 該当カテゴリーリンクバナー*/
.faq-link-catepage { /*リンクa要素全体*/
	border-width: 2px;
	border-style: solid;
	border-color: rgb(var(--bs-light));
	width: 100%;
	text-align: right;
	overflow: hidden;
	display: flex;
	border: 2px solid #ddd;
	border-radius: 4px;
	height: 120px;
	background-size: auto 100%;
	background-position: Right center;
	background-repeat: no-repeat;
	position: relative;
	transition: opacity .3s ease-in-out;
	text-decoration: none;
	outline: none;
	align-items: center;
	justify-content: end;
}

.maker-logomark { /*TOTOなどのメーカーロゴ*/
	width: 20%;
	margin: 0;
	position: absolute;
	left: 10px;
	top: 5px;
	z-Index: 1;
}

.maker-logomark img {
	width: 100%;
	height: auto;
	vertical-align: top;
	display: block;
}

.to-category-name { /*リンク先のカテゴリー名称と「…はコチラ」の文字*/
	text-decoration: none;
	text-align: left; /* 20250728 center→left */
	width: 100%;
	font-weight: bold;
	font-size: 1.2rem; /* 20250728 1.4rem→1.2rem */
	vertical-align: bottom;
	position: absolute;
	top: 2.2rem;
	padding-left: 2rem; /* 20250728 追記 */
}
/*END  faqページ F&A下 該当カテゴリーリンクバナー*/



	@media (max-width:1200px) {
		.category-nav .category-name {
			font-size: 20px;
		}
	}

	@media (max-width:992px) {
		.category-nav .category-logo {
			width: 23%;
		}
	}
	/* RelatedCategoryInCategoryより移動　高さなど揃えました　0727 */
	.toiletseries_List ul {
	margin: auto -26px auto -43px;
	display: flex;
	flex-wrap: wrap;
}
.toiletseries_List .toiletseries_Box {
	width: calc((100% - 30px * 2) / 4);
	margin: 1% 0.5%;
	padding: 15px;
	border: 1px solid #999;
	background-color: #FFF;
	display: flex;
	flex-direction: column;
	border-radius: 5px;
}
.toiletseries_List .toiletseries_Box .item-head {
	display: block;
	text-align: center;
	line-height: 1.2em;
}
.toiletseries_List .toiletseries_Box .item-head:nth-child(1) {
	font-size: 1.2rem;
	font-weight: bold;
	border-bottom: 1px dotted #999;
	padding-bottom: 6px;
	margin-bottom: 6px;
	height: auto;
}
.toiletseries_List .toiletseries_Box .item-head:nth-child(1) span {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.toiletseries_List .toiletseries_Box .photo {
	margin: 0 auto;
	display: block;
}
.toiletseries_List .toiletseries_Box .photo img {
	width: 100%;
	height: 130px;
	object-fit: contain;
}
.toiletseries_List .toiletseries_Box .category-logo {
	max-width: 100px;
	margin: 10px auto 6px;
}
.toiletseries_List .toiletseries_Box a {
	color: inherit;
}
.toiletseries_List .toiletseries_Box .photo:hover {
	text-decoration: none;
	opacity: 0.7;
}
/*ランキングバナー*/
.bnr_osusume_rank a {
	position: relative;
	display: block;
}
.bnr_osusume_rank .bnr_osusume_rank_name {
	color: #171a86;
	font-size: 1.2rem;
	font-weight: bold;
	top: 1.1rem;
	left: 1.5rem;
	position: absolute;
	width: 78%;
}
.bnr_osusume_rank .text-right {
    color: #171a86;
    font-size: 0.9em;
}
/* 条件検索ボタン */
.page_topbana {
	display: flex;
	flex-direction: column;
	position: fixed;
	bottom: 95px;
	right: 10px;
	z-index: 11;
}
.btn_fix a {
	padding: 0.8em;
	margin-bottom: 1em;
	text-align: center;
	background: rgba(217, 83, 79, 1);
	color: #fff;
	transition: 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 133px;
	width: 133px;
	border-radius: 15%;
	font-weight: 400;
	/*border: #fff solid 5px;
  */ box-shadow: 0px 5px 15px -5px #bababa;
	flex-direction: column;
	font-size: 0.9em;
	z-index: 10;
	padding-top: 2.5em;
	position: relative;
}
.btn_fix a:hover,.btn_fix a:focus {
    color: inherit;
    text-decoration: none;
}
.btn_fix a img {
	position: absolute;
	top: 10px;
	left: 12px;
	filter: drop-shadow(2px 2px 5px rgba(217, 83, 79, 0.9));
	-webkit-filter: drop-shadow(2px 2px 5px rgba(217, 83, 79, 0.9));
}
.btn_fix a .btn_fix_cap {
	font-size: 0.75em;
	line-height: 1.5em;
    display: inline-block;
}
.btn_fix a .title_btn {
	margin: 0 0 5px;
	font-weight: bold;
	/* text-decoration: underline; */
	font-size: 1.2em;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	overflow: hidden;
}
.btn_fix a .title_btn.pc_only {
	display: -webkit-box!important;
}
.btn_fix a .title_cat_name {
	margin: 0 0 0.2em;
	font-size: 0.9em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-height: 1.2;
}
.btn_fix a .title_ {
	margin: 0 0 0.2em;
}
.btn_fix .bnr_wrap .description4 {
	display: block;
	top: 0px;
	left: -55px;
	position: absolute;
	padding: 10px;
	font-size: 14px;
	line-height: 1.6em;
	color: #fff;
	border-radius: 5px;
	background: #000;
	width: 38px;
	height: 300px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.btn_fix .bnr_wrap .description4:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 50px;
	border: 15px solid transparent;
	border-top: 15px solid #000;
	margin-left: -15px;
	transform: rotateZ(270deg);
}
/* #page_search a {
  position: fixed; bottom: 235px; right: 10px; padding: 1em; text-align: center; background: rgba(217, 83, 79, 1); color: #fff;
  transition: 0.3s; display: flex; align-items: center; justify-content: center; height: 133px; width: 133px; border-radius: 15%;
  font-weight: 400; box-shadow: 0px 5px 15px -5px #bababa; flex-direction: column;
  font-size: 0.9em; z-index: 10; padding-top: 1.5em;}
#page_search a:hover {text-decoration: none; opacity: 0.6;}
#page_search a img {
  position: absolute; top: 8px; left: 12px; filter: drop-shadow(2px 2px 5px rgba(217, 83, 79, 0.9));}
#page_search a span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 1.2;}
#page_search a .title_{ margin: 0 0 0.5em;font-size: 0.85em; }
#page_search a .title_ .title_cat{ margin: 0 0 5px;font-size: 1em;font-weight: bold;text-decoration: underline;}
#page_topbana .bnr_wrap .description4 {
display: block; top: 0px; left: -55px;
  position: absolute; padding: 10px; font-size: 14px;
  line-height: 1.6em; color: #fff; border-radius: 5px;
  background: #000; width: 38px; height: 300px; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;
}
#page_topbana .bnr_wrap .description4:before {
content: ""; position: absolute; top: 10px; left: 50px;
border: 15px solid transparent; border-top: 15px solid #000; margin-left: -15px; transform: rotateZ(270deg);} */
/* カテゴリーボタン */
/* #page_cate a { position: fixed; bottom: 95px; right: 10px; padding: 1em; text-align: center; background: rgba(217, 83, 79, 1); color: #fff; transition: 0.3s; display: flex; align-items: center; justify-content: center; height: 133px; width: 133px; border-radius: 15%; font-weight: 400; box-shadow: 0px 5px 15px -5px #bababa; flex-direction: column;
  margin-top: 0.3em; font-size: 0.9em; z-index: 10; padding-top: 1.5em;}
  #page_cate a:hover {text-decoration: none; opacity: 0.6;}
  #page_cate a img { position: absolute; top: 8px; left: 12px; filter: drop-shadow(2px 2px 5px rgba(217, 83, 79, 0.9));}
  #page_cate a span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.2; margin-bottom: 0.15em; letter-spacing: 0; font-size: 0.85em;
  }
  #page_cate a .title_{ margin: 0 0 0.5em;font-weight: bold;text-decoration: underline; } */
/* ランキングボタン */
/* #page_ranking a { position: fixed; bottom: 95px; right: 10px; padding: 1em; text-align: center; background: rgba(217, 83, 79, 1); color: #fff; transition: 0.3s; display: flex; align-items: center; justify-content: center; height: 133px; width: 133px; border-radius: 15%; font-weight: 400; box-shadow: 0px 5px 15px -5px #bababa; flex-direction: column;
margin-top: 0.3em; font-size: 0.9em; z-index: 10; padding-top: 1.5em;}
#page_ranking a:hover {text-decoration: none; opacity: 0.6;}
#page_ranking a img { position: absolute; top: 8px; left: 12px; filter: drop-shadow(2px 2px 5px rgba(217, 83, 79, 0.9));}
#page_ranking a span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 1.2; margin-bottom: 0.15em; letter-spacing: 0; font-size: 0.85em;
}
#page_ranking a .title_{ margin: 0 0 0.5em;font-weight: bold;text-decoration: underline; } */
/*条件検索ページ固定ボタン*/
#refineDiv {
	position: relative;
}
#search_fix_btn_box {
	position: sticky;
	height: auto;
	bottom: 1.2em;
	z-index: 2;
	width: 100%;
	left: 100%;
}
#search_fix_btn_box .search_fix_btn_inner {
	margin: 1em auto;
	border: 0;
	justify-content: center;
	align-items: center;
	padding: 1.5em 10px;
	border: 2px solid #d9534f;
	border-radius: 5px;
	background: rgba(255, 255, 255, .9);
	width: auto;
	flex-flow: wrap;
	display: flex;
}
#search_fix_btn_box .search_fix_btn_inner .search_fix_clearbtn a {
	background: #666;
	padding: 1.0em 2.5em;
	border-radius: 5px;
	margin-right: 0.5em;
	display: inline-block;
	text-align: center;
	font-size: 1.1em;
	color: #fff;
}
#search_fix_btn_box .search_fix_btn_inner .search_btn a {
	margin: 0;
	background: #d9534f;
	color: #fff;
	width: 300px;
	max-width: 100%;
	border-radius: 5px;
	padding: 1em 1em;
	font-size: 1.1em;
	display: inline-block;
	text-align: center;
}
/* #search_fix_btn_box .search_fix_btn_inner .search_btn a:after {
  content: ">";
  position: relative;
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  transform: rotate(90deg) scaleX(0.8);
  top: 0.19em;
  margin-left: 0.5em;
} */
#search_fix_btn_box .search_fix_btn_inner .search_fix_cap01 {
	margin-right: 1.5em;
	font-size: 1.2em;
}
#search_fix_btn_box .search_fix_btn_inner .search_fix_cap02 {
	font-size: 2em;
	font-weight: bold;
}
.blog-parts-article-date {
    display: inline-flex;
    flex-wrap: wrap;
    padding-left: 0;
    justify-content: flex-start;
    margin: 0 0 10px auto;
    font-size: .9em;
}

    .blog-parts-article-date li {
        list-style: none;
    }

    .blog-parts-article-date li:nth-child(2) {
        margin-left: 30px;
    }

	#head_category > .container.submenu_box.is-fixed {
		top: 68px;
	}

/*20240401 pc-product.cssにあった動画リンクの後に表示する
　赤い丸のムービーマークをカテゴリーページでも表示させる。
*/
a.movie-sub-link {
	display: flex;
}
a.movie-sub-link::after {
	content: "";
	background: url(https://www.direct-store.net/directimages/movie/ico_movie.png) no-repeat;
	width: 22px;
	height: 22px;
	display: inline-block;
	background-size: 100%;
	margin-left: 5px;
}
/*20240730 商品カテゴリ7つタブと共通機能・個別機能のラベル*/
p.common-label {
	float: left;
	margin: 0.4rem;
	font-size: 14px;
	padding-top: 5px;
}

.category_nav {
	display: block;
	border-bottom: 3px solid #337ab7;
	margin: 3rem -0.5rem 0rem;
}

.category_nav_inner {
	display: flex;
	flex-wrap: wrap;
	height: auto;
	align-items: center;
	margin: 1rem 0 0;
	padding: 0em 0em;
}

.category_nav_inner li {
	display: flex;
	flex-wrap: wrap;
	width: 13.2%;
	justify-content: center;
	text-align: center;
	align-items: center;
	height: 3rem;
	background-color: #d4ebfe;
	margin: 0 0.5%;
}

.category_nav_inner li.active {
	display: flex;
	flex-wrap: wrap;
	width: 13.2%;
	justify-content: center;
	text-align: center;
	align-items: center;
	height: 3rem;
	background-color: #337ab7;
	margin: 0 0.5%;
}

.category_nav_inner li.active span {
	font-size: .7em;
	line-height: 1.5em;
	display: inline-block;
	color: #fff;
	padding-top: 0;
}

.category_nav_inner li a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none
}

.category_nav_inner li a:hover {
	font-weight: bold
}

.category_nav_inner li span {
	font-size: .7em;
	line-height: 1.5em;
	padding-top: 0.9rem;
	display: inline-block
}

/*20240730 商品カテゴリ3つタブとテーブル背景赤*/
.table-bordered > tbody > tr > td.bg-red {
	background-color: #f1cbcb;
}

.sm_category_nav {
	display: block;
	border-bottom: 3px solid #337ab7;
	margin: 0 -0.5rem 0;
}

.sm_category_nav_inner {
	display: flex;
	flex-wrap: wrap;
	height: auto;
	align-items: center;
	margin: 1rem 0 0;
	padding: 0em 0em;
}

.sm_category_nav_inner li {
	display: flex;
	flex-wrap: wrap;
	width: 32%;
	justify-content: center;
	text-align: center;
	align-items: center;
	height: 4rem;
	background-color: #d4ebfe;
	margin: 0 0.5%;
}

.sm_category_nav_inner li.active {
	display: flex;
	flex-wrap: wrap;
	width: 33%;
	justify-content: center;
	text-align: center;
	align-items: center;
	height: 4rem;
	background-color: #337ab7;
	margin: 0 0.5%;
}

.sm_category_nav_inner li.active span {
	font-size: .8em;
	line-height: 1.5em;
	display: inline-block;
	color: #fff;
}

.sm_category_nav_inner li a {
	display: block;
	text-decoration: none
}

.sm_category_nav_inner li a:hover {
	font-weight: bold
}

.sm_category_nav_inner li span {
	font-size: .8em;
	line-height: 1.5em;
	display: inline-block
}
@charset "utf-8";
/* CSS 記事（カテゴリー内） */
/*カテゴリーID3830　手すりメーカーリンク　20220628*/
.itemMakerList_article {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.itemMakerList_article .itemMakerbox {
    width: 96%;
    margin: 0% 2% 2% 2%;
    padding: 10px;
    border: 1px solid #999;
}
.itemMakerList_article .itemMakerbox .boxhead {
    margin: 0px;
    padding: 0px;
}
.itemMakerList_article .itemMakerbox .boxhead .logo {
    margin: 0px 20px 0px 0px;
    padding: 0px;
    width: 140px;
    display: inline-block;
    vertical-align: middle;
}
.itemMakerList_article .itemMakerbox .boxhead .logo img {
    width: 100%;
}
.itemMakerList_article .itemMakerbox .boxhead .disc {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 170px);
}
/*カテゴリーID3830　手すりメーカーリンク　20220628終了*/
/*カテゴリーID45　関連カテゴリ便座　20220714*/
.toiletseat-container {
    display: flex;
    flex-wrap: wrap;
}
/*カテゴリーID45　関連カテゴリ便座　20220714終了*/
/*カテゴリーID45 排水芯　20220714*/
.sub-page-link {
    margin: 10px 0 0 0;
}
.haisui-row {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
/*カテゴリーID45 排水芯　20220714終了*/
/*記事　目次　20220824*/
.page-link-inner {
    line-height: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s 0s ease;
    text-align: left;
}
.page-link-inner.is-open {
    line-height: normal;
    height: auto;
    opacity: 1;
}
#index .section {
    padding: 20px 25px;
    margin: 0 0 30px;
    border: 1px solid #ccc;
    display: inline-block;
}
#index .index_title {
    font-size: 18px;
}
#index .open-btn:hover {
    color: #23527c;
    text-decoration: underline;
}
#index .open-btn {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 14px;
    color: #337ab7;
    cursor: pointer;
}
#index .open-btn.show-content {
    font-size: 0;
}
#index .open-content {
    display: none;
}
#index .open-content.show-content {
    display: block;
    animation: fade-in 0.5s ease;
}
#index .open-btn.show-content::before {
    font-size: 14px;
    content: "[ 閉じる ]";
}
#index .open-content.show-content {
    display: block;
    animation: fade-in 0.5s ease;
}
#index ul {
    padding: 0;
    margin: 0;
}
#index ul > li {
    padding: 0;
    margin: 0 0 0 2em;
}
#index ul > li a {
    display: inline-block;
}
#index ul > li > span {
    background-image: url(https://www.direct-store.net/directimages/common/menu/plus.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: 10px;
    z-index: 10;
    cursor: pointer;
}
#index ul > li.active > span {
    background-image: url(https://www.direct-store.net/directimages/common/menu/minus.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}
/*記事　目次　20220824終了*/