/* KEYWORDS: +all, +mozilla, +os, +webkit, -android, -chrome, -edge, -firefox, -gecko, -ie, -ie10, -ie11, -ie7, -ie8, -ie9, -ipad, -iphone, -khtml, -linux, -mac, -macos, -mobile, -opera, -presto, -safari, -trident, -trident3, -trident4, -trident5, -trident6, -trident7, -upbrowser, -win, -windows, -windowsphone, -windowsxp, -winphone, -winxp, -universal */

/*** Skipping CSS Section grid (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section common (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section navigation (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section buttons (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section slideshow (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section productsnavigation (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section sidebox (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section forms (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section resources (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section resources-temp (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section directory (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section boxes-slider (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section slider (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section homepage (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section subpages (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section landing (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section landingdirectory (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section landing-custom-styles (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section parallax (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section product (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section downloads (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section custom-windturbine (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section custom-coatingthickness (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section custom-aerospaceinspectionssolutions (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section custom-vanta (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section custom-vessel (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section custom-360 (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section configurator (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section industries (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section custom-blog (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section customunsubscribe (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section news (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section events (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section careers (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section search (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section custom-academic-research (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section custom-training-members (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section content-slideshow (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section solutions (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section metal (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section sitemap (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section video (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section ecs-configurator (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section ecs (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section ecs-home (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section ecs-sub (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section specifications-table (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section specifications-table-product (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section training (only-param=dir-list-dynamic) ***/
/*** START ims20/global/dir-list-dynamic.css ***/
/* CSS for sys:dir-list-dynamic RD search - included from data/directory/fm/fm.style.RD.dir-list-dynamic.en_US.xml */
/* SET CSS VARIABLE --padding-top TO OFFET THE FIXED-POSITION HEADER */
/* E.g. - this shoud be some global setting so one can use it anywhere */ 
:root {
	--padding-top: 0px
}
@media (min-width: 1024px) {
	:root {
		--padding-top: 80px
	}
}

.dir-dynamic-list {
	margin-top: 3em;
	margin-bottom: 3em;
	display: flex;
	align-items: stretch;
	min-height: calc(100vh - var(--padding-top));
}
.dir-dynamic-progress {
	position: fixed;
	box-shadow: 0px -2px 0px rgba(255, 255, 255, 0.5);
	/* top: var(--padding-top); it is under the top bar :-( */
	bottom: 0px;
	left: 0px;
	width: 0vw;
	height: 8px;
	background-color: navy;
	z-index: 10000;
	animation: dir-dynamic-done 0.5s ease-in;
}
[role~="count"] {
	padding-left: 0.5em;
	opacity: 0.7;
}
.dir-dynamic-loading [role~="count"],
.dir-dynamic-loading .dir-dynamic-total {
	opacity: 0.4;
}
*[role~="more"].dir-dynamic-loading {
	filter: grayscale(1);
}
form[role~="search"] {
	z-index: 1; /* the .dir-dynamic-progress div was hidden under filter-tags */
}
form[role~="search"].dir-dynamic-loading .dir-dynamic-progress {
	animation: dir-dynamic-progress 0.5s ease-out;
	animation-fill-mode: forwards;
}
.dir-dynamic-total {
	text-align: center;
	margin: 1em 0em;
}
.dir-dynamic-paging {
	display: flex;
	justify-content: center;
	margin-bottom: 20vh; /* when we scroll down to click More... the search bar moves up, add space so it sticks longer */
}
.dir-dynamic-form {
	margin: 0em 1em;
	max-width: 300px;
	min-width: 300px;
}
.dir-dynamic-form form[role~="search"] {
	max-height: calc(100vh - var(--padding-top));
	overflow-x: hidden;
	overflow-y: auto;
	scroll-snap-type: y mandatory;
	position: sticky; /* Note: .cms-content has overflow:auto for width max-width:767px - that kills sticky! */
	top: var(--padding-top);
}
option[role~="field"][field-count="0"] {
    color: silver; /* opacity does not work in <select> */
}

[role~="field"][field-count="0"]:not([field-selected="yes"]) {
	opacity: 0.3;
}
/*[role~="filter-tags"] {
	padding: 0.5em 1em;
	flex-wrap: wrap;
	overflow: hidden;
	width: 100%;
}
[role~="filter-tag"] {
	cursor: pointer;
	white-space: nowrap;
	max-width: calc(100% - 3em);
	padding: 0em 0.5em;
	background: navy;
	border-radius: 1em;
	margin: 0.2em;
	color: white;
	display: flex;
}
[role~="filter-tag"]:after {
	content: '×';
	opacity: 0.7;
	font-weight: bold;
	padding: 0em 0.2em;
}
[role~="filter-tags"]:empty {
	display: none;
}
[role~="filter-tag"] span {
	text-overflow: ellipsis;
	overflow: hidden;
	flex-grow: 1;
}*/
[role~="results"] {
	overflow: hidden; /* so there is no scrollbar on dir-item animation */
	flex-grow: 1;
	scroll-snap-align: start;
	min-height: 50vh;
}
[role~="results"] > * {
	animation: dir-item-show 1s ease-out;
}
[role~="results"].dir-dynamic-loading > * {
	animation: dir-item-hide 0.5s ease-out;
	animation-fill-mode: forwards;
}
[role~="filter-tags"], .dir-dynamic-actions {
	display: flex;
	position: sticky; /* Note: .cms-content has overflow:auto for width max-width:767px - that kills sticky! */
	top: 0px;
	background: white;
}
.dir-dynamic-actions > * {
	margin: 1px;
	flex-grow: 1;
	text-align: center;
	justify-content: center;
	display: flex;
}
.dir-dynamic-results-block {
	/* overflow-x: hidden; kills nested position:sticky */
	margin: 0em 1em;
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	scroll-snap-align: end;
}
/**[role~="results"]::before {
	position: absolute;
	content: "\01f50d";
	opacity: 0;
	transition: opacity 2s 0.5s;
	pointer-events: none;
	display: block;
	margin: auto;
}
*[role~="results"].dir-dynamic-loading::before,
*[role~="results"]:empty::before {
	position: sticky;
	text-align: center;
	top: calc(40vh - var(--padding-top) / 2);
	font-size: 6em;
	opacity: 0.3;
}
*[role~="results"].dir-dynamic-loading::before {
	animation: dir-loader 1.2s linear;
	animation-iteration-count: infinite;
	opacity: 0.3;
}*/
*[role~="results"]:empty::after {
	display: block;
	text-align: center;
	font-size: 2em;
	content: attr(placeholder-empty);
	top: calc(40vh + 3em - var(--padding-top) / 2);
	line-height: 1.3em;
	position: sticky; /* Note: .cms-content has overflow:auto for width max-width:767px - that kills sticky! */
	opacity: 0.3;
}
.dir-dynamic-field {
	margin: 2em 1em;
}
.dir-dynamic-label {
	font-weight: bold;
}
@keyframes dir-dynamic-progress {
	0% {
		width: 0vw;
	}
	100% {
		width: 100vw;
	}
}
@keyframes dir-dynamic-done {
	0% {
		width: 100vw;
	}
	50% {
		opacity: 1;
	}
	100% {
		width: 100vw;
		opacity: 0;
	}
}
@keyframes dir-item-show {
	0% {
		transform: translateY(16px);
		
		opacity: 0;
	}
	50% {
		transform: translateY(0px);
	}
	100% {
		opacity: 1;
	}
}
@keyframes dir-item-hide {
	0% {
		opacity: 1;
		
		transform: translateY(0px);
	}
	50% {}
	100% {
		transform: translateY(32px);
		
		opacity: 0;
	}
}
@keyframes dir-loader {
	from {
		transform: rotate(0deg) translateY(0.36em) rotate(0deg);

	}
	to {
		transform: rotate(360deg) translateY(0.36em) rotate(-360deg);
	}
}

/* override default spacing */

@media (max-width: 979px) {
	.dir-dynamic-actions > * {
		flex: 0 0 auto;
	}
}

/* useful thing, but hidden for now */
.dir-dynamic-total {
	display: none;
}

.dir-dynamic-list {
	padding: 0;
	margin: 0 0px 0 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.dir-dynamic-form {
	padding: 0;
	margin: 0;
	width: 220px;
	min-width: inherit;
	max-width: inherit;
	flex: 0 0 auto;
}
.dir-dynamic-form .dir-dynamic-field-text {
	display: none;
}


.dir-dynamic-form form[role~="search"] {
	padding-right: 5px;	
}
.dir-dynamic-form form[role~="search"]::-webkit-scrollbar {
	width: 0.5em;
	height: 0.5em;
}
.dir-dynamic-form form[role~="search"]::-webkit-scrollbar-thumb {
	background: #ccc;
}
.dir-dynamic-form form[role~="search"]::-webkit-scrollbar-track {
	background: none;
}

@media (max-width: 1024px) {
	.dir-dynamic-form form[role~="search"] {
		position: static;
		max-height: none;
	}	
}

.dir-dynamic-results-block {
	padding: 0;
	margin: 0;
	width: calc(100% - 220px - 30px);
	flex: 0 0 auto;
}
.dir-dynamic-field {
	margin: 0 0 20px;
	padding: 0;
}
@media (min-width: 1025px) and (max-height: 849px) {
	.dir-dynamic-field {
		margin: 0 0 10px;
	}
}
@media (max-width: 979px) {
	.dir-dynamic-form {
		width: 250px;
	}
	.dir-dynamic-results-block {
		width: calc(100% - 250px - 15px);
	}
	.dir-dynamic-field {
		margin: 0;
	}
}
@media (max-width: 575px) {
	.dir-dynamic-list {
		display: block;
	}
	.dir-dynamic-form {
		width: 100%;
	}
	.dir-dynamic-results-block {
		width: 100%;
	}
}

/* back to filters START */
/* temporary disabled */
/*.dir-dynamic-form {
	position: relative;
}
.dir-dynamic-back-to-filters {
	display: inline-flex;
	padding: 6px 12px;
	background-color: #005cb9;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
.dir-dynamic-back-to-filters-cover {
	background: #fff;
	color: #fff;
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 40px;
}*/
/* back to filters END */

.dir-dynamic-input.expanded ~ .rd-filters-see-all,
.dir-dynamic-input:not(.expanded) ~ .rd-filters-hide-all {
	display: none;
}
.dir-dynamic-input[data-more-count="0"] ~ .rd-filters-see-all,
.dir-dynamic-input[data-more-count="-1"] ~ .rd-filters-see-all,
.dir-dynamic-input[data-more-count="-2"] ~ .rd-filters-see-all,
.dir-dynamic-input[data-more-count="-3"] ~ .rd-filters-see-all,
.dir-dynamic-input[data-more-count="-4"] ~ .rd-filters-see-all,
.dir-dynamic-input[data-more-count="-5"] ~ .rd-filters-see-all,
.dir-dynamic-input[data-more-count="0"] ~ .rd-filters-hide-all,
.dir-dynamic-input[data-more-count="-1"] ~ .rd-filters-hide-all,
.dir-dynamic-input[data-more-count="-2"] ~ .rd-filters-hide-all,
.dir-dynamic-input[data-more-count="-3"] ~ .rd-filters-hide-all,
.dir-dynamic-input[data-more-count="-4"] ~ .rd-filters-hide-all,
.dir-dynamic-input[data-more-count="-5"] ~ .rd-filters-hide-all {
	display: none;
}
.see-more-count {
	margin-left: 5px;
}

/* side filters */
.dir-dynamic-label {
	font-family: Arial, Tahoma, sans-serif;;
	font-size: 17px;
	font-weight: bold;
	color: #777777;
	padding: 0;
	margin: 0 0 10px;
}
html[lang="ja-JP"] .dir-dynamic-label {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
@media (min-width: 1025px) and (max-height: 849px) {
	.dir-dynamic-label {
		margin: 0 0 5px;
		font-size: 15px;
	}
}
@media (max-width: 979px) {
	.dir-dynamic-label {
		padding: 10px 15px;
		background-color: #f5f5f5;
		cursor: pointer;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		font-size: 16px;
		margin: 0 0 10px;
	}
	.dir-dynamic-label::before {
		content: '+';
		margin-right: 10px;
		font-weight: normal;
	}
	.dir-dynamic-field.expanded .dir-dynamic-label::before {
		content: '-';
	}
	.dir-dynamic-field:not(.expanded) .dir-dynamic-label ~ * {
		display: none;
	}
	.dir-dynamic-field.expanded + .dir-dynamic-field {
		margin-top: 20px;
	}
}


/* checkboxes */
div[field-type="checkbox"] {
	position: relative;
	margin: 0 0 8px;
}
@media (min-width: 1025px) and (max-height: 849px) {
	div[field-type="checkbox"] {
		margin: 0 0 3px;
	}
}
div[field-type="checkbox"][field-count="0"]:not([field-selected]) {
	color: #aaa;
	pointer-events: none;
}
div[field-type="checkbox"][field-count="0"] input[type="checkbox"] + span {
	cursor: default;
	pointer-events: none;
}
.dir-dynamic-form div[field-type="checkbox"]:nth-child(n+6) {
	display: none;
}
.dir-dynamic-form .dir-dynamic-input.expanded > div:nth-child(n+6) {
	display: block;
}
div[field-type="checkbox"] label {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
div[field-type="checkbox"] input[type="checkbox"] + span {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	cursor: pointer;
}
div[field-type="checkbox"] input[type="checkbox"] + span::before {
	background: var(--sprite) no-repeat -125px -50px;
	width: 15px;
	height: 15px;
	content: '';
	display: inline-block;
	margin-right: 7px;
	flex: 0 0 auto;
	align-self: flex-start;
	margin: 3px 7px 0 0;
}
div[field-type="checkbox"] input[type="checkbox"]:checked + span::before {
	background-position: -100px -50px;
}
div[field-type="checkbox"] input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	z-index: -1;
	padding: 0;
	margin: 0;
}
div[field-type="checkbox"] span[role="count"] {
	margin-left: 3px;
}

.dir-dynamic-field select {
	background-image: url(../data/i/caret.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 10px 30px 10px 15px;
	width: 100%;
	border: 0 none;
	max-width: 100%;
	background-color: #f5f5f5;
    -webkit-appearance: none;
       -moz-appearance: none;
	    appearance: none;
}

/* results tags */
div[role="filter-tags"] {
	display: flex;
	flex-flow: row wrap;
	margin: 0;
}
div[role="filter-tags"]:not(:empty) {
	margin: 0 0 20px;
}
@media (max-width: 575px) {
	div[role="filter-tags"]:not(:empty) {
		margin: 0 0 5px;
		position: sticky;
		top: 0;
		padding: 10px 0 0;
	}
	.content-container, 
	.cms-content {
		overflow: visible !important;
	}
}
div[role="filter-tags"] > * {
	background-color: #f5f5f5;
	display: inline-flex;
	flex-basis: row nowrap;
	align-items: center;
	padding: 5px 10px;
	margin: 0px 10px 10px 0px;
	cursor: pointer;
}
div[role="filter-tags"] > *:hover {
	color: #005cb9;
}
div[role="filter-tags"] > ::after {
	content: '';
	display: inline-block;
	background: var(--sprite) no-repeat -75px -475px;
	width: 8px;
	height: 8px;
	opacity: 0.6;
	margin-left: 5px;
	transform: translateY(1px);
}
div[role="filter-tags"] > *:hover::after {
	background-position: 0 -475px;
	opacity: 1;
}

div[role="filter-tags"] > *:only-child {
	padding: 0 0 10px;
	margin: 0 0 15px;
	background-color: transparent;
	border-bottom: 1px solid #005cb9;
	font-size: 18px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300;
	display: flex;
	justify-content: space-between;
	width: calc(100% - 30px);
}
html[lang="ja-JP"] div[role="filter-tags"] > *:only-child {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
	font-weight: normal;
}
@media (max-width: 1199px) {
	div[role="filter-tags"] > *:only-child {width: calc(100% - 15px);}
}
@media (max-width: 1023px) {
	div[role="filter-tags"] > *:only-child{width: 100%;}
}
div[role="filter-tags"] > :only-child::after {
	background-position: -375px -225px;
	width: 13px;
	height: 13px;
	transform: translateY(4px);
}
div[role="filter-tags"] > :only-child:hover::after {
	background-position: -300px -225px;
}	



/* keyword search */
@media (min-width: 1024px) {
	.rd-keyword-search {
		width: calc(100% - 30px);
	}
}
.dir-dynamic-field-text .dir-dynamic-input {
	display: flex;
	flex-flow: row nowrap;
	background-color: #f5f5f5;
	align-items: center;
	margin: 0 0 30px;
	width: calc(100% - 30px);
}
@media (max-width: 1199px) {
	.dir-dynamic-field-text .dir-dynamic-input {
		width: calc(100% - 15px);
	}
}
@media (max-width: 1023px) {
	.dir-dynamic-field-text .dir-dynamic-input {
		width: 100%;
	}
}
@media (max-width: 575px) {
	.dir-dynamic-field-text .dir-dynamic-input {
		margin: 15px 0;
	}
}
.rd-reset-text-search {
	display: block;
	background: var(--sprite) no-repeat -75px -225px;
	width: 10px;
	height: 10px;
	opacity: 0.5;
	margin-right: 15px;
	cursor: pointer;
	flex: 0 0 auto;
}
.rd-reset-text-search:hover {
	background-position: 0 -225px;
	opacity: 1;
}
.rd-reset-text-search span {
	display: none;
}

.dir-dynamic-field-text input[data-empty="yes"] ~ .rd-reset-text-search {
	background: var(--sprite) no-repeat -75px -75px;
	width: 17px;
	height: 17px;
	display: inline-block;
	flex: 0 0 auto;
	color: transparent;
	font-size: 0;
	text-indent: -9999px;
	pointer-events: none;
}

#ipop-form-search .dir-dynamic-field-text {
	display: block;
	width: 100%;
	margin: 0;
}
#ipop-form-search .dir-dynamic-field-text .dir-dynamic-input {
	margin: 0;
}
#ipop-form-search .dir-dynamic-field-text input {
	padding: 10px 15px;
	font-size: 16px;
}
.dir-dynamic-field-text input {
	flex: 1 1 auto;
	padding: 12px 20px;
	background-color: transparent;
	border: 0 none;
	font-size: 18px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300;
}
html[lang="ja-JP"] .dir-dynamic-field-text input {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
	font-weight: normal;
}
.dir-dynamic-results-block .dir-dynamic-input button,
.dir-dynamic-results-block .dir-dynamic-input button:hover,
.dir-dynamic-results-block .dir-dynamic-input button:focus {
	padding: 15px;
	border: 0 none;
	background-color: transparent;
	background-image: none;
}
.dir-dynamic-results-block .dir-dynamic-input button span {
	background: var(--sprite) no-repeat -75px -75px;
	width: 17px;
	height: 17px;
	display: inline-block;
	flex: 0 0 auto;
	color: transparent;
	font-size: 0;
	text-indent: -9999px;
}

.dir-dynamic-actions {
	text-align: center;
	border-top: 1px solid #005cb9;
	padding-top: 15px;
	flex-flow: column nowrap;
}
@media (min-width: 1025px) and (max-height: 849px) {
	.dir-dynamic-actions {
		padding-top: 5px;
	}
}
@media (max-width: 979px) {
	.dir-dynamic-actions {
		padding-top: 15px;
		margin-top: 15px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}
}

#ipop-form-search .dir-dynamic-actions {
	padding: 0;
	margin: 0;
	border: 0 none;
}

.show-all-filters {
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: baseline;
}
.show-all-filters::after {
	background: var(--sprite) no-repeat -150px -300px;
	content: '';
	width: 7px;
	height: 8px;
	display: block;
	margin-left: 3px;
}
.show-all-filters:hover::after,
.show-all-filters:focus::after {
	background-position: -125px -300px;
}
.dir-dynamic-actions button[type="reset"] {
	background-color: transparent;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	padding: 0;
	margin: 10px 0 0 0;
	text-align: center;
	width: 100%;
	display: block;
}
@media (min-width: 1025px) and (max-height: 849px) {
	.dir-dynamic-actions button[type="reset"] {
		margin: 0px 0 0;
	}
}
@media (max-width: 979px) {
	.dir-dynamic-actions button[type="reset"] {
		margin: 0;
		width: auto;
	}
}

/* results */
.dir-dynamic-results {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.dir-dynamic-results .dir-dynamic-item {
	width: calc(33.3333% - 30px);
	padding: 0;
	margin: 0 30px 20px 0;
	line-height: 1.4em;
}
.dir-dynamic-results-short .dir-dynamic-item:nth-child(n+4) {
	display: none;
}
:root {
	padding-top: 0 !important;
}
@media (max-width: 1199px) {
	.dir-dynamic-results .dir-dynamic-item {
		width: calc(33.3333% - 15px);
		margin: 0 15px 15px 0;
	}
}
@media (max-width: 767px) {
	.dir-dynamic-results {
		justify-content: space-between;
	}
	.dir-dynamic-results .dir-dynamic-item {
		width: calc(50% - 10px);
		margin: 0 0 15px 0px;
	}
	.rd-short-list-container .dir-dynamic-item:nth-child(3) {
		display: none;
	}
}
@media (max-width: 575px) {
	.dir-dynamic-results .dir-dynamic-item{
		width: calc(50% - 10px);
	}
}

.dir-dynamic-results .dir-dynamic-item a {
	color: #666;
}
.dir-dynamic-results .dir-dynamic-item:hover a,
.dir-dynamic-results .dir-dynamic-item:hover a {
	color: #005cb9;
}
.dir-dynamic-results .dir-dynamic-item img {
	margin-bottom: 5px;
	width: 100%;
}

.rd-short-list-container .rd-see-all {
	margin-top: -10px;
}

.rd-short-list-container {
	margin-bottom: 40px;
}
@media (max-width: 575px) {
	.rd-short-list-container {
		margin-bottom: 20px;
	}
}

.dir-dynamic-results-block h2 {
	color: #000;
	padding: 0 0 10px;
	margin: 0 0px 15px 0;
	border-bottom: 1px solid #e49900;
	position: relative;
	font-size: 18px;
}
.dir-dynamic-results-block h2 a {
	color: #444444;
	display: block;
}

@media (min-width: 1024px) and (max-width: 1199px) {
	.dir-dynamic-results-block h2 {
		margin-right: 15px;
	}
}
@media (min-width: 1200px) {
	.dir-dynamic-results-block h2 {
		margin-right: 30px;
	}	
}
.dir-dynamic-results-block h2::before {
	display: none;
}
.dir-dynamic-results-block h2::after {
	content: '';
	background: var(--sprite) no-repeat -375px -175px;
	width: 6px;
	height: 12px;
	display: inline-block;
	transform: rotate(90deg);
	flex: 0 0 auto;
	margin-left: auto;
	position: absolute;
	top: calc(50% - 6px);
	right: 5px;
}

/* animated ring */
.rd-lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
}
.rd-lds-dual-ring::after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid rgba(0,0,0,0.2);
	border-color: rgba(0,0,0,0.2) transparent rgba(0,0,0,0.2) transparent;
	animation: rd-lds-dual-ring 1.2s linear infinite;
}
@keyframes rd-lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.dir-dynamic-results-block {
	position: relative;
}
.rd-lds-dual-ring {
	opacity: 0;
	x-z-index: -1;
	transition: all 0.3s linear;
	position: absolute;
	left: calc(50% - 40px);
	top: 200px;
	z-index: 10000;
	pointer-events: none;
}
.dir-dynamic-loading ~ .rd-lds-dual-ring {
	opacity: 1;
}

/* popup start */
/* -------------------------------------------------------------------------------------- */
.dir-dynamic-popup .iPopWrap {
	padding: 0;
	border: 0 none;
}
.dir-dynamic-popup.iPopBlock.inlineType.styled .iPopBox {
	padding: 0;
	border: 0 none;
}

div.dir-dynamic-popup.iPopBlock .iPopCloseBtn {
	width: 13px;
	height: 13px;
	right: 15px;
	top: 13px;
}
div.dir-dynamic-popup.iPopBlock .iPopCloseBtn::before {
	background-position: -375px -200px;
	width: 13px;
	height: 13px;
	opacity: 0.7;
}
div.dir-dynamic-popup.iPopBlock .iPopCloseBtn:hover::before {
	background-position: -300px -200px;
	opacity: 1;
}

.search-box-filters-header {
	padding: 15px 25px;
	border-bottom: 1px solid #e7e7e7;
	display: flex;
	flex-flow: row nowrap;
	align-items: baseline;
	background-color: #f5f5f5;
}
@media (max-width: 767px) {
	.search-box-filters-header {
		padding: 10px 15px;
	}
}
.search-box-filters-header .h3 {
	margin: 0;
	padding: 0;
}

#ipop-form-search .search-box {
	display: flex;
	flex-flow: row nowrap;
}
#ipop-form-search .search-box-menu {
	width: 235px;
	background-color: #f5f5f5;
}
@media (max-width: 575px) {
	#ipop-form-search .search-box {
		display: flex;
		flex-flow: column nowrap;
	}
	#ipop-form-search .search-box-menu {
		width: 100%;
		display: flex;
		flex-flow: row nowrap;
	}
}
@media (max-width: 399px) {
	#ipop-form-search .search-box-menu {
		display: flex;
		flex-flow: column nowrap;
	}
}
#ipop-form-search .search-box-menu > .active {
	background-color: #fff;
}
@media (min-width: 768px) {
	#ipop-form-search .search-box-menu {
		font-size: 16px;
		font-family: 'Roboto', Arial, Helvetica, sans-serif;
		font-weight: 300;
		border-right: 1px solid #e7e7e7;
	}
	html[lang="ja-JP"] .rd-filters-popup ul.tabs {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
		font-weight: normal;
	}
}
@media (max-width: 767px) {
	#ipop-form-search .search-box-menu {
		border-bottom: 1px solid #e7e7e7;
	}
}

#ipop-form-search .search-box-menu div {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 15px 25px;
	position: relative;
	cursor: pointer;
}
@media (max-width: 575px) {
	#ipop-form-search .search-box-menu div {
		padding: 5px 10px;
		text-align: center;
	}
}
@media (max-width: 479px) {
	#ipop-form-search .search-box-menu div {
		padding: 5px 5px;
		text-align: center;
	}
}
@media (max-width: 399px) {
	#ipop-form-search .search-box-menu div {
		border-bottom: 1px solid #e7e7e7;
	}
}
#ipop-form-search .search-box-menu div:last-child {
	border-bottom: 0 none;
}
@media (max-width: 575px) {
	#ipop-form-search .search-box-menu div:last-child {
		border-right: 0 none;
	}
}
#ipop-form-search .search-box-menu div:hover,
#ipop-form-search .search-box-menu div:focus {
	color: #005cb9;
}
.rd-filters-popup ul.tabs li.active a,
.rd-filters-popup ul.tabs li.active a:hover,
.rd-filters-popup ul.tabs li.active a:focus {
	background-color: #fff;
	cursor: default;
	color: #000;
}
@media (min-width: 768px) {
	#ipop-form-search .search-box-menu div {
		border-bottom: 1px solid #e7e7e7;
	}
	#ipop-form-search .search-box-menu div.active::after {
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		background-color: #fff;
		right: -1px;
		top: 0;
	}
}
@media (max-width: 767px) {
	#ipop-form-search .search-box-menu div {
		border-right: 1px solid #e7e7e7;
	}
	#ipop-form-search .search-box-menu div.active::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		background-color: #fff;
		left: 0;
		bottom: -1px;
	}
}


#ipop-form-search .search-box-filters {
	width: calc(100% - 235px);
	flex: 1 1 auto;
}
@media (max-width: 575px) {
	#ipop-form-search .search-box-filters {
		width: 100%;
	}
}
/*#ipop-form-search .search-box-filters label > span {
	display: flex;
	flex-flow: row nowrap;
	cursor: pointer;
}
#ipop-form-search .search-box-filters label > input:checked ~ span::before {
	content: '';
}
#ipop-form-search .search-box-filters label > span::before {
	background: var(--sprite) no-repeat -125px -50px;
	width: 15px;
	height: 15px;
	content: '';
	display: inline-block;
	margin-right: 7px;
	flex: 0 0 auto;
}
#ipop-form-search .search-box-filters label input:checked ~ span::before {
	background-position: -100px -50px;
}
#ipop-form-search .search-box-filters label input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	z-index: -1;
}*/
#ipop-form-search .search-box-filters-container {
	padding: 30px;
}
@media (max-width: 575px) {
	#ipop-form-search .search-box-filters-container {
		padding: 15px;
	}
}
#ipop-form-search .search-box-filters-container > div {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;

}
#ipop-form-search .search-box-filters-container > div > :not(:only-child) {
	width: calc(33.3333% - 30px);
	margin: 0 30px 10px 0;
}
@media (max-width: 1023px) {
	#ipop-form-search .search-box-filters-container > div > :not(:only-child) {
		width: calc(50% - 30px);
	}
}
@media (max-width: 767px) {
	#ipop-form-search .search-box-filters-container > div > :not(:only-child) {
		width: 100%;
	}
}

.search-box-filters-footer {
	padding: 15px 25px;
	border-top: 1px solid #e7e7e7;
}
.search-box-filters-footer .dir-dynamic-actions {
	display: flex;
	flex-flow: row nowrap;
	align-items: baseline;
	justify-content: space-between;
}
.search-box-filters-footer .dir-dynamic-actions > * {
	flex: 0 0 auto;
}
.search-box-filters-footer .dir-dynamic-actions button {
	padding: 10px 25px;
	border: 0 none;
	background-color: transparent;
	line-height: 1.6em;
	color: transparent;
	cursor: pointer;
	color: #444;
	display: inline-block;
}
@media (max-width: 575px) {
	.search-box-filters-footer .dir-dynamic-actions button {
		padding: 10px 15px;
	}
}
.search-box-filters-footer .dir-dynamic-actions button:hover,
.search-box-filters-footer .dir-dynamic-actions button:focus {
	border: 0 none;
}
.search-box-filters-footer .dir-dynamic-actions button.dir-dynamic-search-popup-close {
	background-color: #f5f5f5;
	margin-left: auto;
}
.search-box-filters-footer .dir-dynamic-actions button.dir-dynamic-search-popup-display {
	background-color: #005cb9;
	color: #fff;
	margin-left: 20px;
}
.search-box-filters-footer .dir-dynamic-actions button[type="reset"] {
	padding: 0px 25px 10px 0;
}
	}
/* popup end */
/* -------------------------------------------------------------------------------------- */
/*** END ims20/global/dir-list-dynamic.css ***/

/*** Skipping CSS Section globalstyles (only-param=dir-list-dynamic) ***/
/*** Skipping CSS Section print (only-param=dir-list-dynamic) ***/
/* TIME: 0.0074679851531982 */