@charset "utf-8";

/* ======================================================
 * search.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * @media only screen and (max-width: 767px)
====================================================== */
/* ------------------------------------------------------
 * Keyframe
------------------------------------------------------ */
@keyframes searchButtonIcon {50%{right: 12px;}}

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */
	/* ----- search-lang ----- */
	.search-lang-ja {
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.search-lang-en {
		font-family: Arial, Helvetica, "sans-serif";
	}
	
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
	/* ----- Assist ----- */
	#search .Assist {
		margin-top: 0;
	}
	
	/* ----- FooterSimple ----- */
	#search .FooterSimple {
		margin-top: 0;
	}
	
	/* ----- heading-lv2 ----- */
	.heading-lv2.type-search > .block {
		align-items: flex-start;
	}
	.heading-lv2.type-search .heading_icon {
		flex-shrink: 0;
		margin: 7px 20px 0 0;
		padding: 5px 10px 4px;
		color: #fff;
		font-size: 1.6rem;
		line-height: 1;
	}
	.heading-lv2.type-search .heading_icon.color1 {
		background-color: #e51e05;
	}
	.heading-lv2.type-search .heading_icon.color2 {
		background-color: #00ada9;
	}
	
	/* ----- text-paragraph ----- */
	.text-paragraph .search-lang-en {
		font-size: 1.8rem;
	}
	
	/* ----- accordion-layout ----- */
	.accordion-layout.type-search > .accordion_trigger {
		padding: 25px 35px 25px 30px;
	}
	.accordion-layout.type-search > .accordion_detail {
		padding: 20px 30px 30px;
	}
	
	/* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
	/* ----- search-form ----- */
	.search-form {
		margin-top: 30px;
	}
	.search-form > *:first-child,
	.search-form > section:first-child > [class*="heading-lv"],
	.search-form > div:first-child + section > [class*="heading-lv"] {
		margin-top: 0 !important;
	}
	
	/* ----- search-select-wrap ----- */
	.search-select-wrap {
		margin-top: 25px;
	}
	.search-select-wrap > *:first-child,
	.search-select-wrap > section:first-child > [class*="heading-lv"] {
		margin-top: 0 !important;
	}
	
	/* ----- search-select-button ----- */
	.search-select-button {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-end;
	}
	.search-select-button > li {
		display: flex;
		width: calc((100% - 72px) / 3);
		margin-left: 36px;
	}
	.search-select-button > li:nth-child(3n) {
		margin-left: 0;
	}
	.search-select-button > li > a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: relative;
		width: 100%;
		padding: 13px 15px 11px 50px;
		border: 1px solid #ccc;
		background-color: #fff;
		overflow: hidden;
	}
	.search-select-button a::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 200%;
		background-color: #f4f4f4;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform .2s;
	}
	.search-select-button a:hover::before {
		transform: scaleX(1);
	}
	.search-select-button .a-check::after,
	.search-select-button .a-reset::after{
		position: absolute;
		top: 50%;
		z-index: 1;
		content: "";
	}
	.search-select-button .a-check::after {
		left: 16px;
		width: 16px;
		height: 13px;
		margin-top: -7px;
		background: url(/products-search/common/images/com_ic05.png) no-repeat 0 0;
	}
	.search-select-button .a-reset::after {
		left: 17px;
		width: 13px;
		height: 13px;
		margin-top: -7px;
		background: url(/products-search/common/images/com_ic06.png) no-repeat 0 0;
	}
	.search-select-button .button_label {
		display: inline-block;
		position: relative;
		z-index: 1;
	}
	
	/* ----- search-select-table ----- */
	[class*="search-select-table"] {
		width: 100%;
		margin-top: 30px;
		border-top: 1px solid #d9d9d9;
		table-layout: fixed;
	}
	[class*="search-select-table"] th,
	[class*="search-select-table"] td {
		padding: 30px;
		border-bottom: 1px solid #d9d9d9;
		background-color: #fff;
		text-align: left;
	}
	[class*="search-select-table"] th {
		vertical-align: top;
	}
	[class*="search-select-table"] td {
		vertical-align: middle;
	}
	[class*="search-select-table"] th > *:first-child,
	[class*="search-select-table"] td > *:first-child {
		margin-top: 0 !important;
	}
	[class*="search-select-table"] .search-cell-style1 {
		background-color: #767676;
		color: #fff;
		font-weight: 400;
	}
	[class*="search-select-table"] .search-cell-style2 {
		background-color: #f4f4f4;
		font-weight: 400;
	}
	.search-select-table .table_detail_title {
		display: none !important;
	}
	.search-select-table .table_detail_panel {
		display: block !important;
	}
	.search-select-table .table_detail_panel > *:first-child {
		margin-top: 0 !important;
	}
	
	/* ----- search-check-list ----- */
	.search-check-list {
		margin-top: 30px;
	}
	.search-check-list > li {
		display: flex;
		position: relative;
		overflow: hidden;
	}
	.search-check-list > li + li {
		margin-top: 20px;
	}
	.accordion-layout.type-search .search-check-list > li {
		margin-top: 30px;
	}
	.search-check-list[data-row-pc="2"] > li:nth-child(-n+2),
	.search-check-list[data-row-pc="3"] > li:nth-child(-n+3),
	.search-check-list[data-row-pc="4"] > li:nth-child(-n+4),
	.search-check-list[data-row-pc="5"] > li:nth-child(-n+5) {
		margin-top: 0 !important;
	}
	.search-check-list > li input[type="checkbox"] {
		position: absolute;
		top: 0;
		left: -9999em;
	}
	.search-check-list .block {
		display: flex;
		align-items: center;
		position: relative;
		width: 100%;
		padding: 10px 10px 10px 40px;
		background-color: #fff;
		border: 1px solid #d8d8d8;
		border-radius: 3px;
		overflow: hidden;
		transition: border-color .2s ease-out 0s, background-color .2s ease-out 0s, color .2s ease-out 0s;
		cursor: pointer;
	}
	.search-check-list .block::before,
	.search-check-list .block::after {
		position: absolute;
		top: 50%;
		content: "";
	}
	.search-check-list .block::before {
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		border: 2px solid #ccc;
		border-radius: 2px;
		background-color: #fff;
		transition: border-color .2s ease-out 0s;
	}
	.search-check-list .block::after {
		left: 13px;
		width: 14px;
		height: 7px;
		margin-top: -6px;
		border-left: 2px solid #333;
		border-bottom: 2px solid #333;
		transform: rotate(-45deg);
		opacity: 0;
		transition: opacity .2s ease-out 0s;
	}
	.search-check-list input[type="checkbox"]:checked + .block {
		border-color: #767676;
		background-color: #767676;
		color: #fff;
	}
	.search-check-list input[type="checkbox"]:checked + .block::before {
		border-color: #fff;
	}
	.search-check-list input[type="checkbox"]:checked + .block::after {
		opacity: 1;
	}
	.search-check-list .list_label {
		display: inline-block;
		text-align: left;
		line-height: 1.5;
	}
	
	/* ----- search-submit ----- */
	.search-submit {
		margin: 115px 0 0 calc(50% - 50vw);
		width: 100vw;
		min-width: 1260px;
	}
	.search-submit:not(.is-fixed) {
		padding-top: 0 !important;
	}
	.search-submit .submit_inner {
		width: 100%;
		min-width: 1260px;
		padding: 18px 30px;
		background-color: #f4f4f4;
	}
	.search-submit.is-fixed .submit_inner {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 100;
	}
	.search-submit .submit_inner > *:first-child {
		margin-top: 0 !important;
	}
	
	/* ----- search-submit-button ----- */
	.search-submit-button {
		margin-top: 30px;
		text-align: center;
	}
	.search-submit .search-submit-button {
		width: 1260px;
		margin-left: auto;
		margin-right: auto;
	}
	.search-submit-button button {
		display: inline-block;
		position: relative;
		min-width: 500px;
		padding: 15px 40px;
		border: none;
		border-radius: 0;
		background-color: #666;
		box-shadow: none;
		color: #fff;
		font-size: 1.8rem;
		line-height: 1.5;
		text-align: center;
		vertical-align: top;
		cursor: pointer;
		overflow: hidden;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.search-submit-button button::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 200%;
		background-color: #333;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform .2s;
		content: "";
	}
	.search-submit-button button:hover::before {
		transform: scaleX(1);
	}
	.search-submit-button button::after {
		position: absolute;
		top: 50%;
		right: 16px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
		content: "";
	}
	.search-submit-button button:hover::after {
		animation: searchButtonIcon .4s;
	}
	.search-submit-button .button_label {
		display: inline-block;
		position: relative;
		z-index: 1;
	}
	
	/* ----- search-box-layout ----- */
	.search-box-layout {
		margin: 40px 0 60px;
		padding: 30px;
		border: 1px solid #d8d8d8;
		background-color: #f4f4f4;
	}
	.search-box-layout > *:first-child {
		margin-top: 0 !important;
	}
	
	/* ----- search-lead-text ----- */
	.search-lead-text {
		margin-top: 30px;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
	}
	
	/* ----- search-inline-link ----- */
	.search-inline-link {
		color: #336699 !important;
		text-decoration: underline !important;
	}
	.search-inline-link:hover {
		text-decoration: none !important;
	}
	.search-inline-link.a-blank::after {
		margin: 0 8px 0 5px;
	}
	
	/* ----- search-table-layout ----- */
	.search-table-layout {
		margin-top: 70px;
	}
	.search-table-layout .table_unit {
		width: 0;
		border: none;
		border-bottom: 1px solid #d9d9d9;
		border-left: 1px solid #d9d9d9;
	}
	.search-table-layout .table_unit th,
	.search-table-layout .table_unit td {
		border: none;
		border-top: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
	}
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(1) {
		width: 126px;
	}
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(2) {
		width: 107px;
	}
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(3) {
		width: 214px;
	}
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(4),
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(5),
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(6),
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(7) {
		width: 188px;
	}
	.search-table-layout .table_unit td {
		vertical-align: middle;
	}
	.search-table-layout .table_unit .table_row_sort th,
	.search-table-layout .table_unit .table_row_sort td {
		padding-top: 0;
		border-top: none;
	}
	
	/* ----- search-order-sort ----- */
	.search-order-sort {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
	}
	.search-order-sort > .sort_item + .sort_item {
		margin-left: 10px;
	}
	.search-order-sort form{
		line-height: 1;
	}
	.search-order-sort button {
		display: inline-block;
		position: relative;
		width: 20px;
		height: 20px;
		padding: 0;
		border: 1px solid #ccc;
		border-radius: 0;
		background-color: #fff;
		box-shadow: none;
		color: #fff;
		text-indent:  -9999em;
		cursor: pointer;
		overflow: hidden;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.search-order-sort button.is-active {
		border-color: #00ada9;
		background-color: #00ada9;
		font-size: 0;
		vertical-align: top;
	}
	.search-order-sort button::after {
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -5px;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		content: "";
	}
	.search-order-sort button.sort_descending::after {
		margin-top: -2px;
		border-top: 5px solid #00ada9;
		border-bottom: 5px solid transparent;
	}
	.search-order-sort button.is-active.sort_descending::after {
		border-top-color: #fff;
	}
	.search-order-sort button.sort_ascending::after {
		margin-top: -7px;
		border-top: 5px solid transparent;
		border-bottom: 5px solid #00ada9;
	}
	.search-order-sort button.is-active.sort_ascending::after {
		border-bottom-color: #fff;
	}
	
	/* ----- search-error-text ----- */
	.search-error-text {
		margin: 20px 0;
		color: #e51e05;
		font-weight: bold;
	}
	
	/* ----- search-error-list ----- */
	.search-error-list {
		margin: 20px 0;
		color: #e51e05;
		font-weight: bold;
	}
	.search-error-list > li {
		position: relative;
		padding-left: 15px;
	}
	.search-error-list > li + li {
		margin-top: 7px;
	}
	.search-error-list > li::before {
		position: absolute;
		top: 0.4em;
		left: 0;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background-color: #e51e05;
		content: "";
	}
}
@media screen and (min-width: 768px) and (max-width: 1260px) {
	.search-submit {
		width: auto;
		margin-left: -30px;
		margin-right: -30px;
	}
}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */
	/* ----- search-lang ----- */
	.search-lang-ja {
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.search-lang-en {
		font-family: Arial, Helvetica, "sans-serif";
	}
	
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
	/* ----- Assist ----- */
	#search .Assist {
		margin-top: 0;
	}
	
	/* ----- heading-lv2 ----- */
	.heading-lv2.type-search > .block {
		display: block;
	}
	.heading-lv2.type-search .heading_icon {
		display: inline-block;
		margin: 0 0 10px 0;
		padding: 5px 7px 4px;
		color: #fff;
		font-size: 1.4rem;
		line-height: 1;
	}
	.heading-lv2.type-search .heading_icon.color1 {
		background-color: #e51e05;
	}
	.heading-lv2.type-search .heading_icon.color2 {
		background-color: #00ada9;
	}
	
	/* ----- link-text ----- */
	.search-select-table-v2 td .link-text {
		margin-left: -15px;
		margin-right: -15px;
	}
	.search-select-table-v2 td .link-text > li {
		padding: 0 15px;
	}
	.search-select-table-v2 td .link-text > li + li {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #ddd;
	}
	
	/* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
	/* ----- search-form ----- */
	.search-form {
		margin-top: 25px;
	}
	.search-form > *:first-child,
	.search-form > section:first-child > [class*="heading-lv"],
	.search-form > div:first-child + section > [class*="heading-lv"] {
		margin-top: 0 !important;
	}
	
	/* ----- search-select-wrap ----- */
	.search-select-wrap {
		margin-top: 15px;
	}
	.search-select-wrap > *:first-child,
	.search-select-wrap > section:first-child > [class*="heading-lv"] {
		margin-top: 0 !important;
	}
	
	/* ----- search-select-button ----- */
	.search-select-button {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-end;
	}
	.search-select-button > li {
		display: flex;
		width: calc((100% - 15px) / 2);
		margin-left: 15px;
	}
	.search-select-button > li:nth-child(2n+1) {
		margin-left: 0;
	}
	.search-select-button > li > a {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: relative;
		width: 100%;
		padding: 10px 10px 10px 35px;
		border: 1px solid #ccc;
		background-color: #fff;
		overflow: hidden;
	}
	.search-select-button .a-check::after,
	.search-select-button .a-reset::after{
		position: absolute;
		top: 50%;
		z-index: 1;
		content: "";
	}
	.search-select-button .a-check::after {
		left: 9px;
		width: 14px;
		height: 11px;
		margin-top: -6px;
		background: url(/products-search/common/images/com_ic05_sp.png) no-repeat 0 0;
		background-size: 14px 11px;
	}
	.search-select-button .a-reset::after {
		left: 10px;
		width: 12px;
		height: 12px;
		margin-top: -6px;
		background: url(/products-search/common/images/com_ic06_sp.png) no-repeat 0 0;
		background-size: 12px 12px;
	}
	
	/* ----- search-select-table ----- */
	[class*="search-select-table"] th > *:first-child,
	[class*="search-select-table"] td > *:first-child {
		margin-top: 0 !important;
	}
	.search-select-table,
	.search-select-table colgroup,
	.search-select-table tbody {
		display: block;
	}
	.search-select-table {
		margin-top: 20px;
		border-top: 1px solid #ddd;
	}
	.search-select-table tr {
		display: flex;
		flex-flow: row nowrap;
		border-bottom: 1px solid #ddd;
	}
	.search-select-table th {
		display: flex;
		position: relative;
		flex-shrink: 0;
		width: 50px;
	}
	.search-select-table td {
		width: 100%;
	}
	.search-select-table .table_detail_title > a {
		display: block;
		position: relative;
		padding: 15px 35px 15px 15px;
		color: #333;
	}
	.search-select-table .table_detail_title > a::after {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background: url(/products-search/common/images/com_ic02_sp.png) no-repeat 0 0;
		background-size: 18px 18px;
		content: "";
	}
	.search-select-table .table_detail_title > a.is-active::after {
		background-image: url(/products-search/common/images/com_ic03_sp.png);
	}
	.search-select-table .table_detail_panel {
		display: none;
		padding: 0 15px 15px;
	}
	.search-select-table .table_detail_panel > *:first-child {
		margin-top: 0 !important;
	}
	.search-select-table-v2,
	.search-select-table-v2 colgroup,
	.search-select-table-v2 thead,
	.search-select-table-v2 tbody,
	.search-select-table-v2 tr,
	.search-select-table-v2 th,
	.search-select-table-v2 td {
		display: block;
	}
	.search-select-table-v2 {
		margin-top: 15px;
		border-top: 1px solid #d9d9d9;
	}
	.search-select-table-v2 th,
	.search-select-table-v2 td {
		padding: 10px 15px;
		border-bottom: 1px solid #d9d9d9;
		background-color: #fff;
		text-align: left;
	}
	.search-select-table-v2 .search-cell-style1 {
		background-color: #767676;
		color: #fff;
		font-weight: 400;
	}
	.search-select-table-v2 .search-cell-style2 {
		background-color: #f4f4f4;
		font-weight: 400;
	}
	
	/* ----- search-check-list ----- */
	.search-check-list {
		margin-top: 15px;
	}
	.search-check-list > li {
		position: relative;
		overflow: hidden;
	}
	.search-check-list > li + li {
		margin-top: 10px;
	}
	.search-check-list[data-row-sp="2"] > li {
		margin-top: 15px;
	}
	.search-check-list[data-row-sp="2"] > li:nth-child(-n+2) {
		margin-top: 0 !important;
	}
	.search-check-list > li input[type="checkbox"] {
		position: absolute;
		top: 0;
		left: -9999em;
	}
	.search-check-list .block {
		display: inline-block;
		position: relative;
		padding: 0 0 0 32px;
	}
	.search-check-list .block::before,
	.search-check-list .block::after {
		position: absolute;
		top: 0;
		content: "";
	}
	.search-check-list .block::before {
		left: 0;
		width: 20px;
		height: 20px;
		border: 1px solid #ccc;
		border-radius: 2px;
		background-color: #fff;
	}
	.search-check-list .block::after {
		top: 4px;
		left: 3px;
		width: 14px;
		height: 7px;
		border-left: 2px solid #333;
		border-bottom: 2px solid #333;
		transform: rotate(-45deg);
		opacity: 0;
		transition: opacity .2s ease-out 0s;
	}
	.search-check-list input[type="checkbox"]:checked + .block::after {
		opacity: 1;
	}
	.search-check-list .list_label {
		display: inline-block;
		text-align: left;
		line-height: 1.5;
	}
	.search-check-list.sp-type-button .block {
		display: block;
		padding: 12px 15px 12px 45px;
		border: 1px solid #d8d8d8;
		border-radius: 3px;
		background-color: #fff;
		overflow:  hidden;
		transition: background-color .2s ease-out 0s, border-color .2s ease-out 0s, color .2s ease-out 0s;
	}
	.search-check-list.sp-type-button input[type="checkbox"]:checked +  .block {
		border-color: #767676;
		background-color: #767676;
		color: #fff;
	}
	.search-check-list.sp-type-button .block::before,
	.search-check-list.sp-type-button .block::after {
		top: 50%;
	}
	.search-check-list.sp-type-button .block::before {
		left: 14px;
		margin-top: -10px;
	}
	.search-check-list.sp-type-button .block::after {
		top: 50%;
		left: 17px;
		margin-top: -6px;
	}
	.search-select-table th .search-check-list,
	.search-select-table th .search-check-list li,
	.search-select-table th .search-check-list .block{
		display: flex;
		width: 100%;
	}
	.search-select-table th .search-check-list .block {
		position: relative;
		padding: 0;
		background-color: #f1f2f4;
	}
	.search-select-table th .search-check-list input[type="checkbox"]:checked + .block {
		background-color: #767676;
	}
	.search-select-table th .search-check-list .block::before {
		top: 15px;
		left: 15px;
	}
	.search-select-table th .search-check-list .block::after {
		top: 19px;
		left: 18px;
	}
	.search-select-table th .search-check-list .list_label {
		display: none;
	}
	
	/* ----- search-submit ----- */
	.search-submit {
		margin: 45px -15px 0;
	}
	.search-submit:not(.is-fixed) {
		padding-top: 0 !important;
	}
	.search-submit .submit_inner {
		width: 100%;
		padding: 15px;
		background-color: #f4f4f4;
	}
	.search-submit.is-fixed .submit_inner {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 100;
	}
	.search-submit .submit_inner > *:first-child {
		margin-top: 0 !important;
	}
	
	/* ----- search-submit-button ----- */
	.search-submit-button {
		margin-top: 20px;
	}
	.search-submit-button button {
		display: block;
		position: relative;
		width: 100%;
		padding: 15px 30px;
		border: none;
		border-radius: 0;
		background-color: #666;
		box-shadow: none;
		color: #fff;
		font-size: 1.3rem;
		text-align: center;
		vertical-align: top;
		cursor: pointer;
		overflow: hidden;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.search-submit-button button::after {
		position: absolute;
		top: 50%;
		right: 8px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
		content: "";
	}
	
	/* ----- search-box-layout ----- */
	.search-box-layout {
		margin-top: 30px;
		padding: 25px 15px;
		border: 1px solid #d8d8d8;
		background-color: #f4f4f4;
	}
	.search-box-layout > *:first-child {
		margin-top: 0 !important;
	}
	
	/* ----- search-lead-text ----- */
	.search-lead-text {
		margin-top: 15px;
		font-size: 1.2rem;
		font-weight: bold;
		text-align: center;
	}
	
	/* ----- search-inline-link ----- */
	.search-inline-link {
		color: #336699 !important;
		text-decoration: underline !important;
	}
	.search-inline-link.a-blank::after {
		margin: 0 8px 0 5px;
	}
	
	/* ----- search-table-layout ----- */
	.search-table-layout {
		margin-top: 30px;
	}
	.search-table-layout .table_title {
		margin-bottom: 15px;
	}
	.search-table-layout .table_inner {
		overflow-x: auto;
		padding-bottom: 20px;
	}
	.search-table-layout .table_inner:before {
		content: 'この表は横にスライドができます。';
		display: block;
		margin-bottom: 10px;
	}
	.search-table-layout .table_inner::-webkit-scrollbar {
		height: 12px;
	}
	.search-table-layout .table_inner::-webkit-scrollbar-track {
		border-radius: 12px;
		background: #f1f1f1;
	}
	.search-table-layout .table_inner::-webkit-scrollbar-thumb {
		border-radius: 12px;
		background: #767676;
	}
	.search-table-layout .table_unit {
		width: 0;
		border: none;
		border-bottom: 1px solid #d9d9d9;
		border-left: 1px solid #d9d9d9;
		table-layout: fixed;
	}
	.search-table-layout .table_unit th,
	.search-table-layout .table_unit td {
		border: none;
		border-top: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
	}
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(1) {
		width: 100px;
	}
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(2) {
		width: 90px;
	}
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(3) {
		width: 190px;
	}
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(4),
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(5),
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(6),
	.search-table-layout .table_unit thead > tr:first-child th:nth-child(7) {
		width: 160px;
	}
	.search-table-layout .table_unit td {
		vertical-align: middle;
	}
	.search-table-layout .table_unit .table_row_sort th,
	.search-table-layout .table_unit .table_row_sort td {
		padding-top: 0;
		border-top: none;
	}
	
	/* ----- search-order-sort ----- */
	.search-order-sort {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
	}
	.search-order-sort > .sort_item + .sort_item {
		margin-left: 10px;
	}
	.search-order-sort form{
		line-height: 1;
	}
	.search-order-sort button {
		display: inline-block;
		position: relative;
		width: 20px;
		height: 20px;
		padding: 0;
		border: 1px solid #ccc;
		border-radius: 0;
		background-color: #fff;
		box-shadow: none;
		color: #fff;
		text-indent:  -9999em;
		cursor: pointer;
		overflow: hidden;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.search-order-sort button.is-active {
		border-color: #00ada9;
		background-color: #00ada9;
		font-size: 0;
		vertical-align: top;
	}
	.search-order-sort button::after {
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -5px;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		content: "";
	}
	.search-order-sort button.sort_descending::after {
		margin-top: -2px;
		border-top: 5px solid #00ada9;
		border-bottom: 5px solid transparent;
	}
	.search-order-sort button.is-active.sort_descending::after {
		border-top-color: #fff;
	}
	.search-order-sort button.sort_ascending::after {
		margin-top: -7px;
		border-top: 5px solid transparent;
		border-bottom: 5px solid #00ada9;
	}
	.search-order-sort button.is-active.sort_ascending::after {
		border-bottom-color: #fff;
	}
	
	/* ----- search-error-text ----- */
	.search-error-text {
		margin: 15px 0;
		color: #e51e05;
		font-weight: bold;
	}
	
	/* ----- search-error-list ----- */
	.search-error-list {
		margin: 15px 0;
		color: #e51e05;
		font-weight: bold;
	}
	.search-error-list > li {
		position: relative;
		padding-left: 15px;
	}
	.search-error-list > li + li {
		margin-top: 7px;
	}
	.search-error-list > li::before {
		position: absolute;
		top: 0.4em;
		left: 0;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background-color: #e51e05;
		content: "";
	}
}

/* ======================================================
 * Print
====================================================== */
@media print {
	.search-submit {
		margin: 115px 0 0 0;
		width: 100%;
		min-width: 0;
		padding-top: 0 !important;
	}
	.search-submit .submit_inner {
		position: static !important;
		min-width: 0;
	}
	.search-submit .search-submit-button {
		width: 100%;
	}
}