@charset "UTF-8";

/*
--------------------------------------------------------------------*/
#search_sideNav {
	-webkit-flex-basis: 180px;
	-ms-flex-preferred-size: 180px;
	flex-basis: 180px;
	max-width: 180px;
}
.section_sideNav {
	padding: 10px 0 30px;
	border-top: 1px solid #ccc;
}
.sideNavHeading {
	padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
}
.sideNav_list {
    font-size: 12px;
}
.sideNav_item {/* display: none; */}
.sideNav_link {
	display: block;
	padding: 12px 10px;
}
.sideNav_item.selected .sideNav_link {
	background-color: #f2f2f2;
	position: relative;
}
.icon_sideNav {
	display: inline-block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 10px;
}
.icon_sideNav:before,
.icon_sideNav:after {
	content: "";
	display: inline-block;
	height: 1px;
	background-color: #43444d;
	position: absolute;
	overflow: hidden;
}
.icon_sideNav:before {
	width: 10px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(0px) rotate(-315deg);
	transform: translateY(0px) rotate(-315deg);
}
.icon_sideNav:after {
	width: 10px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-0px) rotate(315deg);
	transform: translateY(-0px) rotate(315deg);
}
.sideNav_clear {
	width: 144px;
	margin: 10px auto 0;
	font-size: 12px;
	text-align: center;
}
.sideNav_clear a {
	display: block;
	padding: 10px;
	background: #ededed;
	border-radius: 50px;
	transition: opacity .3s;
}
.sideNav_clear a:hover {
	opacity: .8;
}





.sideNav_list_select {
    margin-bottom: 20px;
	border: 1px solid #b2b2b2;
}
.sideNav_list_select dt {
	position: relative;
    width: 160px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    cursor: pointer;
}
.sideNav_list_select dt::after {
	content: "";
	position: absolute;
	right: 15px;
	top: 11px;
	width: 6px;
	height: 6px;
	border: 1px solid;
	border-color:  transparent transparent #b2b2b2 #b2b2b2;
	transform: rotate(-45deg);
}
.sideNav_list_select dt.open::after {
	content: "";
	position: absolute;
	right: 15px;
	top: 16px;
	width: 6px;
	height: 6px;
	border: 1px solid;
	border-color:  transparent transparent #b2b2b2 #b2b2b2;
	transform: rotate(135deg);
}
.sideNav_list_select dd {
    display: none
}
.sideNav_list_select dd ul {
}
.sideNav_list_select dd ul li {
	border-top: dotted 1px #ccc;
}
.sideNav_list_select dd ul li a {
    display: block;
    width: 160px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
}
.sideNav_list_select dd ul li a:hover {
}



/*
--------------------------------------------------------------------*/
#section_wrap.staffcoordinate {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding-bottom: 30px;
}



/*
----------------------------------------------------*/
.nowSearchsBox {
	padding-bottom: 15px;
}
.searchBox + .nowSearchsBox {
	margin-top:15px;
}
.nowSearch_req {
	display: none;
}
.nowSearch_req.on {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start; /*IE10*/
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	width: 100%;
}
.nowSearch_req_heading {
	max-width: 140px;
	-webkit-flex-basis: 140px;
	flex-basis: 140px;
	font-size: 14px;
	font-weight: bold;
}
.nowSearch_req_tag {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.nowSearchs_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -10px -5px 0;
}
.nowSearchs_listItem {
	padding: 10px 5px 0;
}
.trg_resetTags {
	display: block;
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	cursor: pointer;
	padding: 10px 15px;
	position: relative;
}
.icon_trg_resetTags {
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin-left: 10px;
	position: relative;
}
.icon_trg_resetTags:before,
.icon_trg_resetTags:after {
	content: "";
	display: inline-block;
	height: 1px;
	background-color: #43444d;
	position: absolute;
	overflow: hidden;
	margin-top: -2px;
}
.icon_trg_resetTags:before {
	width: 10px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(0px) rotate(-315deg);
	transform: translateY(0px) rotate(-315deg);
}
.icon_trg_resetTags:after {
	width: 10px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-0px) rotate(315deg);
	transform: translateY(-0px) rotate(315deg);
}




.side_staffHeight *,
.side_staffHeight *:before,
.side_staffHeight *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.side_staffHeight dt {
	display: block;
	margin: 9px 0;
	font-size: 13px;
}
.side_staffHeight_range {
	padding: 10px 10px 30px;
}
.side_staffHeight_range .noUi-target {
	height: 2px;
}
.side_staffHeight_row {
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex;/* Safari6.1以降 */
	display: flex;
	-ms-flex-wrap: nowrap;/*IE10*/
	-webkit-flex-wrap:nowrap;/* Safari6.1以降 */
	flex-wrap: nowrap;
	-ms-flex-align: center;/*IE10*/
	-webkit-align-items: center; /* Safari6.1以降 */
	align-items: center;
	margin-bottom: 20px;
}
.side_staffHeight_col {
}
.side_staffHeight_col.col_staffHeight {
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex;/* Safari6.1以降 */
	display: flex;
	-ms-flex-wrap: nowrap;/*IE10*/
	-webkit-flex-wrap:nowrap;/* Safari6.1以降 */
	flex-wrap: nowrap;
	-ms-flex-align: center;/*IE10*/
	-webkit-align-items: center; /* Safari6.1以降 */
	align-items: center;
}
.side_staffHeight_col.col_arw {
	padding: 0 6px;
}
.side_staffHeight_col.col_btn {
	width: 50%;
}
.side_staffHeight_btn {
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    display: block;
    width: calc(100% - 10px);
    height: 32px;
    line-height: 32px;
    background: #ededed;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    transition: opacity .3s;
}
.side_staffHeight_btn:hover {
	opacity: .8;
}
.side_staffHeight_text {
	padding: 0 0 0 6px;
}
.side_staffHeight_input {
	display: inline-block;
	width: 60px;
	height: 30px;
	padding: 0 5px;
	font-size: 11px;
	line-height: 30px;
	border: 1px solid #b2b2b2;
	border-radius: 4px;
}
.side_staffHeight_range .noUi-connect {
	border-radius: 0;
	background: #bfbfbf;
	box-shadow: none;
}
.side_staffHeight_range .noUi-origin {
	top: -10px;
}
.side_staffHeight_range .noUi-handle {
	cursor: default;
	border: 1px solid #b2b2b2;
	border-radius: 20px;
	background: #fff;
	box-shadow: none;
}
.side_staffHeight_range .noUi-horizontal .noUi-handle {
	width: 20px;
	height: 20px;
	margin-left: -10px;
	top: 0;
	left: 0;
	outline: none;
	cursor: w-resize;
}










/* common
--------------------------------------------------------------------*/
#section_wrap.staffcoordinate {
	padding: 35px 0 0 0;
	text-align: left;
}
#search_result,
#detail_container {
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 0 auto;
}
.section_heading {
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: bold;
}
.section_heading_center {
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.section_sub_heading {
	margin-bottom: 28px;
	font-size: 20px;
	font-weight: bold;
}

/* btn_more
--------------------------------------------------------------------*/
.btn_more {
	width: 138px;
	margin: 20px auto;
	font-size: 14px;
	text-align: center;
}
.btn_more a {
	display: block;
	padding: 10px;
	background: #ededed;
	border-radius: 50px;
	transition: opacity .3s;
}
.btn_more a:hover {
	opacity: .8;
}

/* TagBox
--------------------------------------------------------------------*/
.popularTagBox {
	display: none;
	margin-bottom: 20px;
}
.popularTagBox .tag_heading {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
.popularTagBox .tag_ranking {
	position: relative;
	height: 35px;
	padding-right: 90px;
	overflow: hidden;
}
.popularTagBox .tag_ranking.open {
	height: auto;
}
.popularTagBox .tag_more {
	display: none;
	position: absolute;
	right: 0;
	top: 5px;
	font-size: 12px;
	cursor: pointer;
	transition: opacity .3s;
}
.popularTagBox .tag_more:hover {
	opacity: .8;
}
.popularTagBox .tag_close {
	display: none;
	position: absolute;
	right: 0;
	top: 5px;
	font-size: 12px;
	cursor: pointer;
	transition: opacity .3s;
}
.popularTagBox .tag_close:hover {
	opacity: .8;
}
.popularTagBox .tag_list,
.stylingAreaTagBox .tag_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	flex-wrap: wrap;
	font-size: 11px;
}
.popularTagBox .tag_item,
.stylingAreaTagBox .tag_item {
	margin: 0 10px 10px 0;
	background: #ededed;
	border-radius: 6px;
	white-space: nowrap;
}
.popularTagBox .tag_link,
.stylingAreaTagBox .tag_link {
	display: block;
	padding: 6px 8px;
	transition: opacity .3s;
}
.popularTagBox .tag_link:hover,
.stylingAreaTagBox .tag_link:hover {
	opacity: .8;
}

/* searchBox
----------------------------------------------------*/
.searchBox {
}
.searchBox + .itemBox {
	margin-top: 30px;
}
.search_change_sort {}
.change_sort_tab {
}
.change_sort_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	font-size: 14px;
	color: #333;
}
.change_sort_item {
	width: 50%;
	padding: 15px;
	cursor: pointer;
	position: relative;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.change_sort_item.selected {
	background: #f8f3e4;
	border: 1px solid #f8f3e4;
	font-weight: bold;
}
.change_sort_name {
	display: block;
	text-align: center;
}

/* resultNumBox
--------------------------------------------------------------------*/
.resultNumBox {
	text-align: right;
}

/* itemBox
--------------------------------------------------------------------*/
.itemBox {
	margin-bottom: 25px;
}

/* item_list
----------------------------------------------------*/
.item_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
}
.noResultItems {
	margin-bottom: 100px;
}
.item_listItem {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	width: 100%;
	max-width: 25%;
	margin-bottom: 20px;
	padding: 0 4px;
	position:relative;
	box-sizing: border-box;
	font-size: 11px;
}
.col5 .item_listItem {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	width: 100%;
	max-width: 20%;
}
.photo_only .item_listItem {
	margin-bottom: 8px;
}
.item_photo {
	margin-bottom: 10px;
	position:relative;
}
.item_photo_link {
	display: block;
	position: relative;
	overflow:hidden;
/*	width:375px;
	height:500px;*/
}
.item_photo_link:before {
	content:"";
	display:block;
	padding-top:133.33%;
}
.item_photo_image {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	transition: opacity .3s;
}
.item_photo_image:hover {
	opacity:0.8;
}
.item_info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	margin-top:10px;
}
.item_info_logo {
	-webkit-flex-basis: 60px;
	-ms-flex-preferred-size: 60px;
	flex-basis: 60px;
	max-width: 60px;
	text-align: left;
}
.item_info_logo_img {
	width:50px!important;
	height:50px!important;
	border:1px solid #eee;
	-webkit-border-radius:50px;
	border-radius:50px;
	transition: opacity .3s;
}
.item_info_logo_img:hover {
	opacity:0.8;
}
.item_info_textArea {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 70%;
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
	box-sizing: border-box;
}
.item_info_textArea_wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.item_info_heading + .item_info_textArea_wrap {
	margin-top: 5px;
}
.item_info_textArea a:hover {
	text-decoration: underline;
}
.item_info_heading {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	font-size: 11px;
	text-align: left;
}
.item_info_heading + .item_info_heading {
	margin-top: 5px;
}
.item_info_textArea .text_userName {
	margin-bottom: 5px;
	font-size: 11px;
}
.item_info_textArea .userHeight {
    font-size: 11px;
}
.item_info_textArea .text_userName + .userHeight {
	margin-left: 10px;
}

.same_category_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
}
.same_category_list li {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	width: 100%;
	max-width: 25%;
	margin-bottom: 20px;
	padding: 0 4px;
	position:relative;
	box-sizing: border-box;
	line-height: 1.5;
}
.same_category_list li:first-child {
	margin-left:0;
}
.same_category_list li a {
	display:block;
}
.same_category_list a .photo {
	display: block;
	margin: 0px 0 8px;
}
.same_category_list a:hover .photo {
}
.same_category_list li img {
	width:100%;
}
.same_category_list li dt {
	margin: 0px 0 5px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.same_category_list li dt .brand {
	font-size: 11px;
	margin: 0px 0 5px;
}
.same_category_list li .normal {
	font-size: 14px;
	font-weight: normal;
}
.same_category_list .sale {
	font-size: 12px;
}
.same_category_list .sale del {
	font-size: 12px;
}
.same_category_list .price_arrow {
	font-size: 12px;
	display: inline-block;
	padding-left: 5px;
}
.same_category_list .sale_price {
	font-size: 12px;
	color: #ef201e;
}
.same_category_list .tax {
	font-size: 11px;
}
.same_category_list .price_off {
	font-size: 10px;
}


/* rankingBox
--------------------------------------------------------------------*/
.rankingBox {
	margin-bottom: 50px;
}

/* staffBox
--------------------------------------------------------------------*/
.staffBox {
	margin-bottom: 25px;
}

/* staff_list
----------------------------------------------------*/
.staff_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -19px;
	margin-right: -19px;
	text-align: center;
}
.staff_listItem {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	width: 100%;
	max-width: 25%;
	margin-bottom: 28px;
	padding: 0 19px;
	box-sizing: border-box;
	position:relative;
	font-size: 12px;
}
.staff_photo {
	position: relative;
	margin-bottom: 17px;
}
.rankingBox .staff_photo {
	margin-bottom: 30px;
}
.staff_photo::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.staff_photo_img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: opacity .3s;
}
.staff_photo_img:hover {
	opacity: 0.8;
}
.staff_info a:hover {
	text-decoration: underline;
}
.staff_info_heading {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.staff_info_heading + .staff_info_heading {
	margin-top: 6px;
}
.staff_info_heading + .staff_info_heading.text_shopName {
	margin-top: 3px;
}
.staff_info_heading.text_userName {
	font-size: 14px;
}
.staff_ranking {
	position: absolute;
	left: 50%;
	bottom: -20px;
	display: flex;
	justify-content: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-left: -20px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 50px;
	font-family:"Montserrat",sans-serif;
	font-size: 18px;
	color: #535353;
}
.staff_listItem:nth-of-type(1) .staff_ranking {
	background: #D0BA72;
	color: #fff;
}
.staff_listItem:nth-of-type(2) .staff_ranking {
	background: #A8A8A8;
	color: #fff;
}
.staff_listItem:nth-of-type(3) .staff_ranking {
	background: #C08550;
	color: #fff;
}

/* ranking_more
----------------------------------------------------*/
.ranking_more {
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
}
.ranking_more a {
	display: inline-block;
	position: relative;
	padding: 0 20px 0 0;}
.ranking_more a::before,
.ranking_more a::after {
    content: '';
    display: block;
    width: 12px;
    height: 1px;
    background: #666;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.ranking_more a::after {
    background: #666;
    transform: translateY(-50%) rotate(90deg);
}
.ranking_more a.close {
    padding: 0 0 0 20px;
}
.ranking_more a.close::before,
.ranking_more a.close::after {
	right: auto;
	left: 0;
    transform: translateY(-50%) rotate(-45deg);
}
.ranking_more a.close::after {
    transform: translateY(-50%) rotate(45deg);
}
.ranking_more a:hover {
	opacity: .8;
}

/* pagerBox
----------------------------------------------------*/
.pagerBox {
	margin-bottom: 50px;
	text-align: center;
}
.pager {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
    justify-content: center;
	font-size: 16px;
	color: #4d4d4d;
}
.pager li {
	width: 40px;
	height: 40px;
	margin: 0 7px;
	position: relative;
    font-size: 16px;
}
.pager li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	color: #4d4d4d;
	transition: all .3s;
}
.pager_number a:hover,
.pager_number.active {
	height: 40px;
	line-height: 40px;
	background: #ebebeb;
	border-radius: 100%;
}
.pager li.prev {
	margin-right: 20px;
}
.pager li.next {
	margin-left: 20px;
}
.pager li.pager_prev a,
.pager li.pager_next a {
	text-indent: -9999px;
	transition: opacity .3s;
}
.pager li.pager_prev a:after,
.pager li.pager_next a:after {
	content:"";
	display:block;
	border-top: 2px solid #4d4d4d;
	border-right: 2px solid #4d4d4d;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 15px;
}
.pager li.pager_prev a:after {
	right: 10px;
	transform: rotate(-135deg);
}
.pager li.pager_next a:after {
	left: 10px;
	transform: rotate(45deg);
}
.pager li.pager_prev a:hover:after,
.pager li.pager_next a:hover:after {
	opacity: .2;
}
.pager li.space {
	width: 40px;
	height: 40px;
	line-height: 40px;
}

/* favlink
----------------------------------------------------*/
.favlink {
	width: 400px;
    line-height: 30px;
    margin: 50px auto 100px;
}
.favlink a {
	color: #eb8989;
    border-radius: 50px;
    border: 1px solid #eb8989;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    gap: 5px;

}
.favlink a::before {
    content: "";
    display: inline-block;
    background: url(/static/full/images/coordinate/fav.png) left center no-repeat;
    background-size: 22px;
    width: 26px;
    height: 22px;
}


/* section-coordinate
----------------------------------------------------*/
.section-coordinate ul {
    padding-bottom: 0;
}

/* 商品一覧ページ限定 */
.section-coordinate__searchResult {
  width: 950px;
}
.section-ranking__searchResult {
	width: 950px;
}
.section-ranking__searchResult ul {
  width: 950px;
  margin: 0 auto 25px;
}
.section-ranking__searchResult ul li {
  width: 184px;
}

/* section_feature
----------------------------------------------------*/
.section_feature {
	padding: 55px 0 60px;
	border-top: 1px solid #e6e6e6;
}

/* パンくず
----------------------------------------------------*/
#bread {
    margin: 0 auto;
    padding: 14px 0;
	width: 100%;
	font-size: 12px;
    text-align: left;
	background: #F2F2F2;
}
#bread ol{
    margin: 0 auto;
	width: 1080px;
}
#bread li {
	padding: 3px 0;
}
#bread li a {
	color: #4C9ED9;
}
#bread li a.nopointer{
	color: #333333;
}


/* 絞り込み条件部分
*****************************/
.search_nav_btn_list {
	font-size: 14px;
    color: #333;
    margin: 30px 0;
    display: grid;
    grid-template-columns: 290px 190px 290px 220px;
    gap: 30px;
    justify-content: center
}

.search_nav_btn {
    /* width: 30%; */
}

.search_nav_btn.search_condition {
    cursor: pointer;
    position: relative;
    border: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
}


.search_btn {
    display: block;
    text-align: center;
}

.search_nav_btn.search_sort {
}

select.select_sort {
	width: 100%;
	border: 1px solid #d6d6d6;
	color: #000;
	height: 43px;
	line-height: 43px;
	/* margin-bottom: 20px; */
	padding-left: 5px;
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

.search_tab_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: center;
	justify-content: center;
	font-size: 14px;
	color: #333;
	position: relative;
}

.section_search_condition {
	display:
	none;
	position: fixed;
	top: 0;
	bottom:0;
	left:0;
	right:0;
	width: 900px;
	height: 500px;
	margin:
	auto;
	background-color:#fff;
	z-index: 1001;
	padding: 30px 0;
}

.search_tab_list .navHeading {
    border-bottom: #DCDBDA solid 1px;
    padding: 10px 0;
    text-align: center;
    display: block;
    cursor: pointer;
    font-size: 16px;
}

.search_tab_list .navHeading.active {
    border-bottom: #000 solid 1px;
    /* padding: 5px 0; */
}

section.search_tab {
    width: 33.33333%;
}

.search_tab_list .sideNavBox {
    display: none;
    position: absolute;
    left: 0;
    padding: 20px 20px;
    width: calc(100% - 40px);
}

.search_tab_list .navHeading.active + .sideNavBox {
    display: block;
}

.coordinate_search_word {
	position: relative;
}
.coordinate_search_word .jq-placeholder {
	width: calc(100% - 10px);
    line-height: 41px;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    padding-left: 10px;
}
.coordinate_search_word .search_btn {
	position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    width: 40px;
    background: url(/static/full/images/header/header_icon_02.svg) no-repeat 10px 11px;
    border: none;
    background-size: 22px;
    text-indent: -9999px;
}

.coordinate_search_favorite a {
	color: #eb8989;
    border-radius: 4px;
    border: 1px solid #eb8989;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    height: 41px;
}
.coordinate_search_favorite a::before {
    content: "";
    display: inline-block;
    background: url(/static/full/images/coordinate/fav.png) left center no-repeat;
    background-size: 18px;
    width: 26px;
    height: 22px;
}
.coordinate_search_favorite a:hover {
	opacity: 0.8;
}


.page-mask {
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1000;
	overflow: hidden;
}

.search_modal_title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}

.search_modal_title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
}

/** ↓ **/
.sideNav_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.type_category .sideNav_list {
    width: 860px;
    height: 300px;
    overflow-y: auto;
}

.sideNav_item {
    margin-bottom: 20px;
    -ms-flex: 0 0 33.333333333%;
    flex: 0 0 33.333333333%;
    max-width: 33.333333333%;
}

.type_height .sideNav_item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/** ↑ **/

.checkbox_label {
    /* cursor: pointer; */
    /* padding: 15px 0; */
}

.search_condition_btn_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 30px;
}

.search_condition_btn {
    flex-basis: 33.33333%;
    text-align: center;
}

.staff_height {
	width: 200px;
	border: 1px solid #d6d6d6;
	color: #000;
	height: 38px;
	line-height: 38px;
	margin-bottom: 20px;
	padding-left: 5px;
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

.checkbox_input {
	display: none;
}
.checkbox_label {
	display:inline-block;
	font-size: 16px;
	line-height: 21px;
	cursor:pointer;
	position:relative;
}

.checkbox_label::before {
	display:block;
	content:"";
	width: 14px;
	height: 14px;
	background-color: #ccc;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-top: 2px;
}
.checkbox_input:checked + .checkbox_label::before {
	background-color: #57bceb;
	border: 1px solid #57bceb;
}
.checkbox_input:checked + .checkbox_label::after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 5px;
	width: 5px;
	height: 8px;
	transform: rotate(40deg);
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
.checkbox_input:disabled + .checkbox_label {
	color: #ddd;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.checkbox_input:disabled + .checkbox_label::before {
	background-color: #ddd;
}
/*-- 左チェックボックス --*/
.checkbox_label {
	padding:0 0 0 20px;
}
.checkbox_label::before {
	position:absolute;
	top: 0;
	left: 0;
}

.type_category.custom dt a {
    font-size: 14px;
}

.type_category.custom .checkbox_label {
    font-size:12px;
}

.type_category.custom dt {
    display: block;
    padding: 12px 0;
    font-size: 13px;
    cursor: pointer;
    border-radius: 6px;
    background: url(/static/full/images/list/down.svg) 168px center no-repeat;
}

.type_category.custom dt.open {
    background: url(/static/full/images/list/up.svg) 168px center no-repeat;
}

.type_category.custom .coordinate_category_data {
    display: none;
}
