@charset "UTF-8";

/*--------------------------------------------
COLUMNS
---------------------------------------------*/

@media screen and (max-width: 750px){
	#columns{
		padding-bottom : calc( 64 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#columns{
		padding-bottom : 58px;
	}
}

@media screen and (max-width: 750px){
	#paginationArchive{
		margin-top : calc( 64 * 100vw / 750 );
	}
}

@media print,screen and (min-width: 751px){
	#paginationArchive{
		margin-top : 26px;
	}
}

/*--------------------------------------------
LIST BRANDS
---------------------------------------------*/

#listBrands > li{
	border-style : solid;
	border-color : rgb(0,0,0,.1);
	display : grid;
}

#listBrands h2{
	border-bottom-style : solid;
	font-weight : 700;
	color : #575757;
}
#listBrands h2 a{
    white-space:pre-line;
    word-wrap:break-word;
    display: block;
}
#listBrands .awards{
	display : grid;
	justify-content : start;
	align-items : center;
	grid-auto-flow : column;
}

#listBrands h3{
	display : grid;
	grid-template-columns : auto 1fr;
	align-items : center;
	font-weight : 400;
}

#listBrands h3 img{
	object-fit : cover;
}

#listBrands .thumbnail , #listBrands .pics picture{
	overflow : hidden;
}

#listBrands .thumbnail > img , #listBrands .pics picture > img{
	width : 100%;
	height : 100%;
	object-fit : contain;
}

#listBrands .obsessions{
	display : flex;
	flex-wrap : wrap;
}

#listBrands .obsessions li{
	display : grid;
	place-items : center;
	border : 1px solid currentColor;
	color : var(--primary);
}

#listBrands dl{
	display : grid;
}

#listBrands dt , #listBrands dd{
	color : #575757;
}

#listBrands dt{
	display : grid;
	place-items : center;
	background-color : #e5e5e5;
}

#listBrands .links a{
	display : flex;
	align-items : center;
	justify-content : center;
	color : #fff;
	height : 100%;
}

#listBrands .bookmark a:before , #listBrands .request a:before{
	content : "";
	display : block;
	background-repeat : no-repeat;
	background-size : contain;
	background-position : center;
	flex-shrink : 0;
}

#listBrands .bookmark a{
	background-color : #32b16c;
}

#listBrands .bookmark a:before{
	background-image : url("../images/ui/icon/star.svg");
}

#listBrands .request a{
	background-color : #daac0a;
}

#listBrands .request a:before{
	background-image : url("../images/ui/icon/mail.svg");
}

#listBrands .detail a{
	background-color : var(--primary);
}

@media screen and (max-width: 750px){
	#listBrands > li{
		border-width : calc( 5 * 100vw / 750 );
		padding-top : calc( ( 25 - 3.4 ) * 100vw / 750 );
		padding-bottom : calc( 22 * 100vw / 750 );
		padding-left : calc( 20 * 100% / 690 );
		padding-right : calc( 20 * 100% / 690 );
		grid-template-columns : calc( 280 * 100% / 640 ) 1fr;
		column-gap : calc( 20 * 100% / 690 );
		grid-template-rows : auto calc( 10 * 100vw / 750 ) auto calc( 20 * 100vw / 750 ) auto calc( 16 * 100vw / 750 ) auto auto calc( 22 * 100vw / 750 ) auto;
	}
	#listBrands > li + li{
		margin-top : calc( 80 * 100vw / 750 );
	}
	#listBrands h2{
		grid-row : 1;
		grid-column : 1/3;
		border-bottom-width : calc( 6 * 100vw / 750 );
		border-image : linear-gradient(90deg, var(--primary) 0%, var(--primary) calc( 100 * 100% / 640 ) , #e5e5e5 calc( 100 * 100% / 640 ) , #e5e5e5 100% );
		border-image-slice : 1;
	}
	#listBrands h2{
		font-size : 3.4rem;
		line-height : 1.2;
	}
	#listBrands h2{
		padding-bottom : calc( ( 13 - 3.4 ) * 100vw / 750 );
	}
        #listBrands h2 a{
            width: calc( 680 * 100vw / 750 );
            overflow: hidden;
        }
	#listBrands h3{
		grid-row : 3;
		grid-column : 1/3;
		column-gap : calc( 8 * 100% / 640 );
	}
	#listBrands h3{
		font-size : 2.2rem;
		line-height : 1.2;
	}
	#listBrands h3 img{
		width : calc( 55 * 100vw / 750 );
		height : calc( 55 * 100vw / 750 );
	}
	#listBrands .picbox{
		grid-row : 5/9;
		grid-column : 1;
	}
	#listBrands .thumbnail{
		height : calc( 187 * 100vw / 750 );
	}
	#listBrands .awards{
		margin-top : calc( 16 * 100vw / 750 );
		column-gap : calc( 6 * 100% / 280 );
	}
	#listBrands .awards01{
		height : calc( 56 * 100vw / 750 );
	}
	#listBrands .awards02{
		height : calc( 52 * 100vw / 750 );
	}
	#listBrands .obsessions{
		grid-row : 5;
		grid-column : 2;
		column-gap : calc( 10 * 100% / 340 );
		row-gap : calc( 10 * 100vw / 750 );
	}
	#listBrands .obsessions li{
		font-size : 2rem;
		min-width : calc( 100 * 100% / 340 );
		height : calc( 27 * 100vw / 750 );
		padding-left : calc( 10 * 100vw / 750 );
		padding-right : calc( 10 * 100vw / 750 );
	}
	#listBrands dl{
		grid-row : 7;
		grid-column : 2;
		grid-template-columns : calc( 110 * 100% / 340 ) 1fr;
		column-gap : calc( 13 * 100% / 340 );
		row-gap : calc( 10 * 100vw / 750 );
	}
	#listBrands dt , #listBrands dd{
		font-size : 2.4rem;
		line-height : 1.2;
	}
	#listBrands dt{
		height : calc( 34 * 100vw / 750 );
	}
	#listBrands dd{
		padding-top : calc( ( 2.6 - 2.4 ) * 100vw / 750 );
	}
	#listBrands .links{
		grid-row : 10;
		grid-column : 1/3;
		display : flex;
		justify-content : flex-end;
        position: relative;
        margin-bottom: calc( 80 * 100vw / 768 )
	}
	#listBrands .links a{
		font-size : 2rem;
		width : 100%;
		height : calc( 60 * 100vw / 750 );
	}
	#listBrands .bookmark{
		width : calc( 240 * 100vw / 750 );
	}
	#listBrands .bookmark a{
		column-gap : calc( 3 * 100% / 240 );
	}
	#listBrands .bookmark a:before{
		width : calc( 28 * 100% / 240 );
		height : calc( 28 * 100vw / 750 );
	}
	#listBrands .request{
		width : calc( 240 * 100vw / 750 );
	}
	#listBrands .request a{
		column-gap : calc( 3 * 100% / 240 );
	}
	#listBrands .request a:before{
		width : calc( 26 * 100% / 240 );
		height : calc( 21 * 100vw / 750 );
	}
	#listBrands .detail{
		width : calc( 160 * 100% / 640 );
	}
}

@media print,screen and (min-width: 751px){
	#listBrands > li{
		border-width : 10px;
		padding-top : 20px;
		padding-bottom : 20px;
		padding-left : 20px;
		padding-right : 20px;
		grid-template-columns : 240px 1fr;
		column-gap : 20px;
		grid-template-rows : auto 10px auto 14px auto 20px auto 20px auto auto;
	}
	#listBrands > li + li{
		margin-top : 50px;
	}
	#listBrands .picbox{
		grid-column : 1;
		grid-row : 1/11;
	}
	#listBrands .thumbnail{
		width : 100%;
		height : 160px;
	}
	#listBrands .pics{
		display : grid;
		grid-template-columns : repeat( 2 , 115px );
		justify-content : space-between;
	}
	#listBrands .pics picture{
		height : 77px;
		margin-top : 10px;
	}
	#listBrands .awards{
		margin-top : 10px;
		column-gap : 10px;
	}
	#listBrands .awards01{
		height : 56px;
	}
	#listBrands .awards02{
		height : 56px;
	}
	#listBrands h2{
		border-bottom-width : 5px;
		border-image : linear-gradient(90deg, var(--primary) 0%, var(--primary) 100px , #e5e5e5 100px , #e5e5e5 100% );
		border-image-slice : 1;
	}
	#listBrands h2{
		font-size : 2.4rem;
		line-height : 1.2;
	}
	#listBrands h2{
		padding-bottom : calc( 16px - 2.4px );
		grid-row : 1;
		grid-column : 2;
	}
	#listBrands h2 a{
        width: 560px;
	}
	#listBrands h3{
		grid-row : 3;
		grid-column : 2;
		column-gap : 4px;
	}
	#listBrands h3{
		font-size : 1.6rem;
		line-height : 1.2;
	}
	#listBrands h3 img{
		width : 46px;
		height : 46px;
	}
	#listBrands .obsessions{
		grid-row : 5;
		grid-column : 2;
		column-gap : 6px;
		row-gap : 10px;
	}
	#listBrands .obsessions li{
		font-size : 1.4rem;
		min-width : 76px;
		height : 27px;
		padding-left : 10px;
		padding-right : 10px;
	}
	#listBrands dl{
		grid-row : 7;
		grid-column : 2;
		display : grid;
		grid-template-columns : 80px 164px 80px 164px;
		column-gap : 10px;
	}
	#listBrands dt , #listBrands dd{
		font-size : 1.4rem;
		line-height : 1.2;
	}
	#listBrands dt{
		height : 27px;
	}
	#listBrands dd{
		padding-top : calc( 6.5px - 1.4px );
	}
	#listBrands .links{
		display : grid;
		grid-auto-flow : column;
		justify-content : end;
		grid-row : 9;
		grid-column : 2;
		grid-template-rows : 37px;
		column-gap : 10px;
		grid-template-columns : repeat(auto-fill , 160px);
        position: relative;
	}
	#listBrands .links a{
		font-size : 1.4rem;
		width : 100%;
	}
	#listBrands .bookmark a{
		background-color : #32b16c;
		column-gap : 7px;
	}
	#listBrands .bookmark a:before{
		width : 21px;
		height : 21px;
	}
	#listBrands .request a{
		background-color : #daac0a;
		column-gap : 3px;
	}
	#listBrands .request a:before{
		width : 19px;
		height : 16px;
	}

}

#main form input[type="submit"]{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	background-color : #090;
	font-weight : 500;
}
@media print,screen and (min-width: 769px){
	#main form input[type="submit"]{
		letter-spacing : .1em;
	}
}
.allcheck {
    padding: 1em 0 ;
}
.allcheck .bt-wrap{
	display : flex;
}
.allcheck button{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	border-style : solid;
	border-color : #ccc;
	color : #666;
}
@media screen and (max-width: 768px){
    .detail-allcheckbt {
        position: absolute;
        background: #fff;
    }
	.allcheck .bt-wrap{
		padding-left : calc( 8 * 100% / 768 );
		padding-right : calc( 10 * 100% / 768 );
		padding-top : calc( 20 * 100vw / 768 );
		padding-bottom : calc( 20 * 100vw / 768 );
		justify-content : space-between;
	}
	.allcheck input[type="submit"]{
		width : calc( 520 * 100vw / 768 );
		height : calc( 70 * 100vw / 768 );
		font-size : calc( 24 * 100vw / 768 );
        background: #090;
        color: #fff;
	}
	.allcheck button{
		width : calc( 220 * 100vw / 768 );
		height : calc( 70 * 100vw / 768 );
		border-width : calc( 3 * 100vw / 768 );
		font-size : calc( 18 * 100vw / 768 );
	}
    .detail-allcheckbt {
        left: 0px;
        top: calc( 60 * 100vw / 768 );
        padding: 10px;
        width: 100%;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .detail-allcheckbt .bt-wrap {
    }    
}
@media print,screen and (min-width: 769px){
    .detail-allcheckbt {
        position: absolute;
        background: #fff;
    }
    .allcheck .bt-wrap{
		padding-bottom : 6px;
	}
	.allcheck input[type="submit"]{
		width : 400px;
		height : 40px;
		font-size : 16px;
        background: #090;
        color: #fff;
	}
	.allcheck button{
		letter-spacing : .1em;
		margin-left : 8px;
		width : 217px;
		height : 40px;
		border-width : 3px;
		font-size : 14px;
	}
    .detail-allcheckbt {
        right: 0px;
        top: 40px;
        padding: 15px;
    }
    .detail-allcheckbt .bt-wrap {
    }
}

/*--------------------------------------------
SIDEBAR SEARCH
---------------------------------------------*/

@media screen and (max-width: 750px){
	#btnSearch{
		position : sticky;
		bottom : 0;
		right : 0;
		z-index : 5;
		background : url("../images/ui/icon/adjustment.svg") center calc( 14 * 100vw / 750 ) / auto calc( 52 * 100vw / 750 ) no-repeat var(--primary);
		display : grid;
		place-items : end center;
		color : #fff;
		width : calc( 100 * 100% / 750 );
		height : calc( 100 * 100vw / 750 );
		font-size : 2rem;
		padding-bottom : calc( 7 * 100vw / 750 );
		margin-left : auto;
	}
}

@media screen and (max-width: 750px){
	body.is-search{
		overflow : hidden;
	}
	body.is-search #sidebarSearch{
		max-height : 100vh;
	}
}


#sidebarSearch h3{
	overflow : hidden;
	position : relative;
	background-color : var(--primary);
	color : #fff;
	font-weight : 700;
	display : grid;
	align-items : center;
}

#sidebarSearch h3:before{
	content : "";
	display : block;
	position : absolute;
	background : url("../images/ui/icon/search.svg") 0 0 / contain no-repeat;
}

#sidebarSearch h4 button{
	width : 100%;
	display : grid;
	place-items : center start;
	font-weight : 700;
	color : #fff;
	background-color : #95a8b2;
}

#sidebarSearch .list01 > li > label > span{
	font-weight : 500;
}

#sidebarSearch .list01 ul{
	display : grid;
}

#sidebarSearch label , .detail-allcheckbt label{
	display : grid;
}

#sidebarSearch label span , .detail-allcheckbt label span{
	cursor : pointer;
	display : grid;
	position : relative;
	align-items : center;
	position : relative;
}

#sidebarSearch label span:before , .detail-allcheckbt label span:before{
	content : "";
	flex-shrink : 0;
	display : flex;
	align-items : center;
	justify-content : center;
	font-size : 0;
}

#sidebarSearch label input[type="checkbox"] , .detail-allcheckbt label input[type="checkbox"]{
	opacity : 0;
	position : absolute;
	visibility : hidden;
}

#sidebarSearch label span:before , .detail-allcheckbt label span:before{
	background-color : #cbd5dc;
}

#sidebarSearch label input:checked + span:after , .detail-allcheckbt label input:checked + span:after{
	content : "";
	display : block;
	background : url("../images/ui/icon/check.webp") 0 0 / contain no-repeat;
	position : absolute;
}

#sidebarSearch .btns , .detail-allcheckbt .btns{
	display : grid;
	align-items : center;
}

#sidebarSearch .btns span , .detail-allcheckbt .btns span{
	font-weight : 500;
}

#sidebarSearch .btns button , .detail-allcheckbt .btns button{
	border : 1px solid #95a8b2;
	color : transparent;
	position : relative;
}

#sidebarSearch .btns button:before , #sidebarSearch .btns button:after , .detail-allcheckbt .btns button:before , .detail-allcheckbt .btns button:after{
	position : absolute;
}

#sidebarSearch .btns button:before , .detail-allcheckbt .btns button:before{
	content : attr(data-open);
	color : #06385a;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	display : grid;
	place-items : center start;
}

#sidebarSearch .btns button:after , .detail-allcheckbt .btns button:after{
	content : "";
	display : block;
	background : url("../images/ui/arrow/down02.svg") 0 0 / contain no-repeat;
	transition : transform .3s ease-in;
}

#sidebarSearch .btns button.is-open:after , .detail-allcheckbt .btns button.is-open:after{
	transform : rotate(-180deg);
}

#sidebarSearch .submits{
	display : grid;
}

#sidebarSearch .submits input{
	display : grid;
	place-items : center;
}

#sidebarSearch .submits input[type="submit"]{
	background-color : var(--primary);
	color : #fff;
}

#sidebarSearch .submits input[type="reset"]{
	background-color : #cbd5dc;
	color : #373636;
}

@media screen and (max-width: 750px){
	#sidebarSearch{
		position : fixed;
		left : 0;
		width : 100%;
		z-index : 10;
		transition : max-height .5s ease-in;
		max-height : 0;
		overflow : hidden;
		overflow-y : scroll;
		position : fixed;
		top : 0;
		left : 0;
		width : 100%;
		height : 100vh;
		height : 100svh;
		z-index : 11;
		background-color : #fff;
		overflow-y : scroll;
	}
	#sidebarSearch h3{
		font-size : 4rem;
		padding-left : calc( 72 * 100% / 750 );
		padding-right : calc( 72 * 100% / 750 );
		height : calc( 80 * 100vw / 750 );
	}
	#sidebarSearch h3:before{
		width : calc( 72 * 100% / 750 );
		height : calc( 73 * 100vw / 750 );
		left : calc( -8 * 100% / 750 );
		top : calc( 16 * 100vw / 750 );
		font-size : 0;
	}
	#sidebarSearch #closeSearch01 , #sidebarSearch #closeSearch02{
		display : grid;
		align-items : center;
		justify-content : space-between;
		grid-template-columns : 1fr calc( 54 * 100% / 118 );
		font-size : 2rem;
		width : calc( 118 * 100% / 750 );
		height : calc( 34 * 100vw / 750 );
		z-index : 13;
	}
	#sidebarSearch #closeSearch01:after , #sidebarSearch #closeSearch02:after{
		content : "";
		display : block;
		background-position : 0 0;
		background-repeat : no-repeat;
		background-size : contain;
		height : 100%;
		font-size : 0;
	}
	#sidebarSearch #closeSearch01{
		top : calc( 23 * 100vw / 750 );
		color : #fff;
		position : absolute;
		right : calc( 40 * 100% / 750 );
	}
	#sidebarSearch #closeSearch01:after{
		background-image : url("../images/ui/icon/close.webp");
	}
	#sidebarSearch #closeSearch02{
		margin-bottom : calc( 60 * 100vw / 750 );
		margin-top : calc( 46 * 100vw / 750 );
		bottom : calc( 60 * 100vw / 750 );
		margin-left : auto;
		margin-right : calc( 40 * 100% / 750 );
		color : var(--primary);
	}
	#sidebarSearch #closeSearch02:after{
		background-image : url("../images/ui/icon/close_blue.webp");
	}
	#sidebarSearch form{
		margin-top : calc( 32 * 100vw / 750 );
	}
	#sidebarSearch h4 button{
		height : calc( 80 * 100vw / 750 );
		padding-left : calc( 12 * 100% / 690 );
		padding-right : calc( 12 * 100% / 690 );
		font-size : 3.4rem;
		position : relative;
	}
	#sidebarSearch h4 button:after{
		content : "";
		display : block;
		background : url("../images/ui/arrow/down01.svg") 0 0 / contain no-repeat;
		width : calc( 20 * 100% / 690 );
		height : calc( 12 * 100vw / 750 );
		position : absolute;
		right : calc( 20 * 100% / 690 );
		top : calc( 33 * 100vw / 750 );
		transition : transform .3s ease-in;
	}
	#sidebarSearch h4 button.is-open:after{
		transform : rotate(-180deg);
	}
	#sidebarSearch ul + h4{
		margin-top : calc( 12 * 100vw / 750 );
	}
	#sidebarSearch label span , .detail-allcheckbt label span{
		font-size : 2.6rem;
	}
	#sidebarSearch label span:before , .detail-allcheckbt label span:before{
		height : calc( 40 * 100vw / 750 );
		background-color : #e5e5e5;
	}
	#sidebarSearch label input:checked + span:after , .detail-allcheckbt label input:checked + span:after{
		height : calc( 33 * 100vw / 750 );
		top : calc( 7 * 100vw / 750 );
		left : 0;
	}
	#sidebarSearch .list01{
		margin-top : calc( 12 * 100vw / 750 );
		padding-bottom : calc( ( 72 - 12 ) * 100vw / 750 );
	}
	#sidebarSearch .list01 > li + li{
		margin-top : calc( 20 * 100vw / 750 );
	}
	#sidebarSearch .list01 > li > label > span{
		grid-template-columns : calc( 40 * 100% / 690 ) 1fr;
		column-gap : calc( 10 * 100% / 690 );
	}
	#sidebarSearch .list01 > li > label input:checked + span:after{
		width : calc( 39 * 100% / 690 );
	}
	#sidebarSearch .btns , .detail-allcheckbt .btns{
		grid-template-columns : 1fr calc( 100 * 100% / 690 );
	}
	#sidebarSearch .btns span , .detail-allcheckbt span{
		grid-template-columns : calc( 40 * 100% / 590 ) 1fr;
		column-gap : calc( 10 * 100% / 590 );
	}
	#sidebarSearch .btns input:checked + span:after , .detail-allcheckbt .btns input:checked + span:after{
		width : calc( 39 * 100% / 590 );
	}
	#sidebarSearch .btns button , .detail-allcheckbt .btns button{
		height : calc( 30 * 100vw / 750 );
	}
	#sidebarSearch .btns button:before , .detail-allcheckbt .btns button:before{
		font-size : 2rem;
		padding-left : calc( 8 * 100% / 98 );
		padding-right : calc( 8 * 100% / 98 );
	}
	#sidebarSearch .btns button:after , .detail-allcheckbt .btns button:after{
		width : calc( 12 * 100% / 98 );
		height : calc( 8 * 100vw / 750 );
		top : calc( 11 * 100vw / 750 );
		right : calc( 10 * 100% / 98 );
	}
	#sidebarSearch .list01 ul{
		margin-top : calc( 16 * 100vw / 750 );
		padding-left : calc( 60 * 100% / 690 );
		padding-bottom : calc( 4 * 100vw / 750 );
		grid-template-columns : repeat( 3 , calc( 210 * 100% / 690 ) );
		row-gap : calc( 10 * 100vw / 750 );
	}
	#sidebarSearch .list01 ul span{
		grid-template-columns : calc( 40 * 100% / 210 ) 1fr;
		column-gap : calc( 10 * 100% / 210 );
	}
	#sidebarSearch .list01 ul input:checked + span:after{
		width : calc( 39 * 100% / 210 );
	}
	#sidebarSearch .list02{
		display : grid;
		margin-top : calc( 20 * 100vw / 750 );
		padding-bottom : calc( ( 48 - 20 ) * 100vw / 750 );
		grid-template-columns : repeat( 2 , 50% );
		row-gap : calc( 10 * 100vw / 750 );
	}
	#sidebarSearch .list02 span{
		grid-template-columns : calc( 40 * 100% / 345 ) 1fr;
		column-gap : calc( 10 * 100% / 345 );
	}
	#sidebarSearch .list02 input:checked + span:after{
		width : calc( 39 * 100% / 345 );
	}
	#sidebarSearch .submits{
		margin-top : calc( 56 * 100vw / 750 );
		grid-template-columns : calc( 510 * 100% / 690 ) calc( 160 * 100% / 690 );
		justify-content : center;
		grid-template-rows : calc( 80 * 100vw / 750 );
	}
	#sidebarSearch .submits input{
		font-size : 2.6rem;
	}
}

@media print,screen and (min-width: 751px){
    #sidebarSearch{
        margin-top: 15px;
    }
	#sidebarSearch h3{
		font-size : 2.4rem;
		padding-left : 45px;
		padding-right : 45px;
		height : 50px;
	}
	#sidebarSearch h3:before{
		width : 43px;
		height : 43px;
		top : 10px;
		left : -4px;
	}
	#sidebarSearch form{
		margin-top : 12px;
	}
	#sidebarSearch h4 button{
		padding-left : 12px;
		padding-right : 12px;
		height : 30px;
		font-size : 2rem;
		cursor : inherit;
		pointer-events : none;
	}
	#sidebarSearch label span , .detail-allcheckbt label span {
		grid-template-columns : 20px 1fr;
		column-gap : 8px;
		font-size : 1.6rem;
	}
	#sidebarSearch label span:before , .detail-allcheckbt label span:before{
		height : 20px;
		background-color : #cbd5dc;
	}
	#sidebarSearch label input:checked + span:after , .detail-allcheckbt label input:checked + span:after{
		width : 22px;
		height : 19px;
		top : 3px;
		left : -1px;
	}
	#sidebarSearch .list01 , #sidebarSearch .list02{
		height : auto !important;
	}
	#sidebarSearch .list01{
		margin-top : 8px;
		display : block !important;
		padding-bottom : 40px;
	}
	#sidebarSearch .list01 > li + li{
		margin-top : 14px;
	}
	#sidebarSearch .list01 .btns{
		grid-template-columns : 1fr 54px;
	}
	#sidebarSearch .list01 button{
		height : 20px;
	}
	#sidebarSearch .list01 button:before{
		font-size : 1rem;
		padding-left : 6px;
	}
	#sidebarSearch .list01 button:after{
		width : 12px;
		height : 7px;
		right : 4px;
		top : 6.5px;
	}
	#sidebarSearch .list01 ul{
		grid-template-columns : repeat(2 , 1fr);
		padding-left : 30px;
		margin-top : 10px;
		padding-bottom : calc( 18px - 14px );
		row-gap : 5px;
	}
	#sidebarSearch .list02{
		display : block !important;
		margin-top : 8px;
		padding-bottom : 36px;
	}
	#sidebarSearch .list02 li + li{
		margin-top : 10px;
	}
	#sidebarSearch .submits{
		margin-top : calc( 28px - 4px );
		grid-template-columns : 140px 100px;
		grid-template-rows : 45px;
		column-gap : 12px;
	}
	#sidebarSearch .submits input{
		font-size : 1.6rem;
	}
}