@media only screen and (min-width: 1169px) {
	section.inner-content .s-grid li {
		width: 33.33%;
	}		
}
@media only screen and (max-width: 1169px) {
	aside {
		display: block;
		width: 100%;
		overflow: hidden;
		float: none;
		margin-left: initial;
		height: 42px;
    	margin-bottom: 20px;
	}
	aside.wfilter {
		height: 44px;
		margin: 0 0 20px 0;
	}
	aside.active {
		height: auto;
		overflow: visible;
	}
	.content {
		padding: 0 10px;
	}
	ul.showcase-grid > li .frame a.name {
		text-align: center;
	}
	.no-mob {
		display: none;
	}
	.card  {
		padding: 0 10px;
	}
	section.card .wrapper {
		padding: 10px 0;
	}
	.card > .wrapper > ul.b-grid > li {
		width: 100%;
		float: none;
		max-width: 570px;
		margin: 0 auto;
	}
	.bottomCalc .no-mob, .bottomCalc{
		display: block;
	}
}

@media only screen and (max-width: 960px) {
	section.main-line.inn .dark {
		padding: 30px 20px;
		font-size: 14px;
	}
	section.card-body ul.card-nav > li {
		font-size: 14px;
		width: 100%;
		float: none;
	}
	section.card-body ul.card-nav > li a {
		padding: 10px;
	}
}

@media only screen and (max-width: 900px) {
	ul.subcat > li {
		width: 33.33%;
	}

	ul.showcase-grid.v3 > li {
		width: 50%;
	}
	section.main-line.inn .dark {
		padding: 20px;
		font-size: 14px;
	}
	a.cad {
		width: 240px;
	}
}

@media only screen and (max-width: 713px) {
	dl.showcase-filter {
		display: block;
		width: 100%;		
	}
	dl.showcase-filter > dt,
	dl.showcase-filter > dd {
		display: block;
		width: 370px;
		margin: 0 auto;
	}	
	dl.showcase-filter > dd {
		width: 300px;
	}	
}

@media only screen and (max-width: 650px) {
	ul.subcat > li {
		width: 50%;
	}	
	section.main-line.inn {
		background: none;
	}
	section.main-line.inn ul.i-grid {
		display: block;
	}
	section.main-line.inn ul.i-grid > li {
		width: 100%;
		display: block;
		margin: 0 auto 10px;
		max-width: 375px;
	}
	section.main-line.inn ul.i-grid > li:nth-child(even) {
		display: none;
	}
}



@media only screen and (max-width: 600px) {
	ul.showcase-grid.v3 > li {
		padding: 0 5px;
	}
	ul.showcase-grid.v3 {
		margin: 0 -5px;
	}
	.content h1 {
		font-size: 24px;
	}
	ul.showcase-grid.v3 > li {
		width: 50%;
	}
	.subinner-content,
	section.main-content .wrapper {
		padding: 11px 16px;
	}
	div.showcase-grid .v-ui .frame dl > dt, div.showcase-grid .v-ui .frame dl > dd, ul.showcase-grid > li .frame dl > dt, ul.showcase-grid > li .frame dl > dd {
		font-size: 16px;
	}
	/*
	a.cad, ul.showcase-grid > li a.cad {
		font-size: 16px;
		height: 60px;
		line-height: 52px;
		padding-left: 20px;
		background-size: cover;
		background-position: 0;
		padding: 3px 0px 3px 20px;
	}
	*/
	div.showcase-grid .v-ui .frame .addon, ul.showcase-grid > li .frame .addon {
		height: 75px;
		position: relative;
	}
	div.showcase-grid .v-ui .trigger-f, div.showcase-grid .v-ui .trigger-c, ul.showcase-grid > li .trigger-f, ul.showcase-grid > li .trigger-c {
		right: auto;
		bottom: 5px;
		top: auto;
	}
	div.showcase-grid .v-ui .trigger-c,  ul.showcase-grid > li .trigger-c {
		left: 40px;
	}
	/*
	a.cad, ul.showcase-grid > li a.cad {
		width: auto;
	}
	*/
}

@media only screen and (max-width: 576px) {
	.card h1 {
		font-size: 22px;
	}
	.card .dark > li {
		width: 100%;
		float: none;
	}
	.card .dark.b-grid > li:nth-child(even) {
		display: none;	
	}
	.card .dark b {
		margin: 10px 0;
	}
	.card .count {
		margin: 0 auto;
	}
	ul.e-grid > li {
		width: 100%;
		float: none;
	}
	ul.e-grid > li a {
		margin: 0 auto;
	}
	.ya-share2 {
		text-align: center;
	}
	.slider-wrapper {
		display: none;
	}
	.card .c-grid > li:nth-child(5),
	.card .c-grid > li:nth-child(3) {
		clear: left;
		margin: 10px 0 0;
	}
	.card .adp-slider-wrapper {
		display: block;
	}
}

@media only screen and (max-width: 450px) {
	ul.subcat > li {
		width: 100%;
	}
}

@media only screen and (max-width: 400px) {
	/*
	a.cad, ul.showcase-grid > li a.cad {
		font-size: 12px;
		height: 40px;
		line-height: 35px;
	}
	*/
	.trigger-h,
	.trigger-si {
		display: none;
	}
	ul.showcase-grid.v3 > li {
		width: 100%;
	}
}

@media only screen and (max-width: 374px) {
	.groups > li {
		float: none;
	}
	.groups > li:after{
		display: none;
	}
	dl.showcase-filter > dt {
		width: 280px;
	}	
	dl.showcase-filter > dt span.pre {
		display: none;		
	}
	ul.showcase-pager > li.all {
		clear: left;
		margin: 1px 0 0 0;
	}
}