@charset "UTF-8";

#popfind-sitesearch {
max-width: 1100px;
margin: auto;
}
#popfind-sitesearch ._search-header {
color: #646464;
text-align: center;
margin-top: 30px;
}
#popfind-sitesearch ._search-header h1 {
font-size: 20px;
}
#popfind-sitesearch ._search-form {
margin-top: 20px;
padding: 20px;
background: #f2f2f0;
}
#popfind-sitesearch ._search-form ._search-window {
margin: 10px 20px;
}
#popfind-sitesearch ._search-form ._search-window > form {
display: flex;
margin: auto;
width: 80%;
}
#popfind-sitesearch ._search-form ._search-window input[type="text"] {
height: 30px;
font-size: 20px;
border: 1px solid #666;
border-radius: 6px 0 0 6px;
padding: 5px 10px;
width: 100%;
padding-left: 40px;
background: url(//geniee.co.jp/wp/wp-content/themes/geniee/images/header/search_gray@2x.png) #fff no-repeat 6px center /
contain;
}
#popfind-sitesearch ._search-form ._search-window input[type="submit"] {
background: #1957a0;
color: #fff;
border: none;
-webkit-appearance: none;
border-radius: 0 6px 6px 0;
padding: 0 30px;
font-size: 120%;
}
#popfind-sitesearch ._search-form ._attributegroup {
display: flex;
flex-wrap: wrap;
}
#popfind-sitesearch ._search-form ._attributegroup ._group {
font-size: 15px;
max-width: 190px;
width: 100%;
}
#popfind-sitesearch ._search-form ._attributegroup ._attributes {
display: flex;
flex-wrap: wrap;
max-width: 700px;
width: 100%;
line-height: 30px;
}
#popfind-sitesearch ._search-form ._attributegroup ._attributes ._attribute {
margin: 0 5px;
font-size: 15px;
}
#popfind-sitesearch
._search-form
._attributegroup
._attributes
._attribute._disable {
display: none;
}
#popfind-sitesearch ._searchstatus ._status {
text-align: center;
color: #646464;
font-size: 18px;
font-weight: bold;
}
#popfind-sitesearch ._search-option {
}
#popfind-sitesearch ._search-option a {
color: #1957a0;
}
#popfind-sitesearch ._search-option ._sortorderselector,
#popfind-sitesearch ._search-option ._countselector {
font-size: 15px;
text-align: right;
margin: 0;
}
#popfind-sitesearch ._search-option ._sortorderselector ._label,
#popfind-sitesearch ._search-option ._countselector ._label {
font-weight: normal;
}
#popfind-sitesearch ._search-option ._sortorderselector ._current,
#popfind-sitesearch ._search-option ._countselector ._current {
font-weight: bold;
}
#popfind-sitesearch ._search-main ._pagenator ._nav._first,
#popfind-sitesearch ._search-main ._pagenator ._disable {
display: none;
}
#popfind-sitesearch ._search-main ._pagenator {
text-align: center;
display: block;
}
#popfind-sitesearch ._search-main ._pagenator ._page {
padding: 0px;
color: #000;
border: none;
margin: 0 5px;
}
#popfind-sitesearch ._search-main ._pagenator ._page a {
background: #f0eded;
padding: 5px 15px;
text-decoration: none;
border-radius: 3px;
}
#popfind-sitesearch ._search-main ._pagenator {
font-size: 15px;
}
#popfind-sitesearch ._search-main ._pagenator ._page._current {
padding: 5px 15px;
color: #fff;
background: #1957a0;
border-radius: 3px;
}
#popfind-sitesearch ._search-main ._pagenator ._button {
padding: 5px 10px;
background: #f0eded;
color: #000;
border: none;
}
#popfind-sitesearch ._search-main ._searchresults ._wrap {
display: flex;
}
@media (max-width: 767px) { #popfind-sitesearch ._layoutgroup2 {
max-width: 420px;
} #popfind-sitesearch ._search-main ._searchresults ._wrap ._layoutgroup1 {
display: none;
} #popfind-sitesearch ._attribute label > input[type="checkbox"] {
display: none;
}
#popfind-sitesearch
._attribute
label
> input[type="checkbox"]
~ span:nth-child(2) {
display: inline-block;
border: 1px solid #646464;
border-right: none;
border-radius: 5px 0 0 5px;
padding: 3px 0 3px 10px;
margin-top: 5px;
margin-bottom: 5px;
}
#popfind-sitesearch
._attribute
label
> input[type="checkbox"]
~ span:nth-child(3) {
display: inline-block;
border: 1px solid #646464;
border-left: none;
border-radius: 0 5px 5px 0;
padding: 3px 10px 3px 0;
margin-top: 5px;
margin-bottom: 5px;
}
#popfind-sitesearch ._attribute label > input[type="checkbox"] ~ span {
background: #fff;
}
#popfind-sitesearch
._attribute
label
> input[type="checkbox"]:checked
~ span {
background: #1957a0;
color: #fff;
}
}
#popfind-sitesearch ._layoutgroup2 {
width: 100%;
max-width: 870px;
overflow: hidden;
}
#popfind-sitesearch ._search-main ._searchresults ._wrap ._thumbnail {
width: 150px;
}
#popfind-sitesearch ._search-main ._searchresults ._item:hover {
background: #f1f1f1;
transition: all 0.15s linear;
}
#popfind-sitesearch ._search-main ._searchresults ._title {
margin-top: 5px;
}
#popfind-sitesearch ._search-main ._searchresults ._title a {
font-size: 15px;
color: #1957a0;
text-decoration: none;
font-weight: bold;
}
#popfind-sitesearch ._search-main ._searchresults ._snippet {
color: #646464;
font-size: 14px;
margin-top: 10px;
}
#popfind-sitesearch ._search-main ._searchresults ._link {
margin-top: 5px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
#popfind-sitesearch ._search-main ._searchresults ._link a {
color: #646464;
font-size: 14px;
text-decoration: none;
} ._search-window .poplink.pcia {
margin-top: 41px;
}
._search-window .poplink.spia {
margin: 39px 0 0 84px;
width: 255px;
}
@media screen and (max-width: 767px) {
#popfind-sitesearch ._search-form ._search-window > form {
width: 100%;
}
#popfind-sitesearch ._search-form ._attributegroup ._group {
max-width: 100%;
}
#popfind-sitesearch ._search-form ._search-window {
margin: 0;
}
#popfind-sitesearch ._search-form ._search-window input[type="submit"] {
font-size: 100%;
}
._attributes {
margin-left: -5px;
}
._popfind_sitesearch ._attributegroup {
padding: 0.5em 0;
}
#popfind ._layoutgroup2 {
word-break: break-all;
}
#popfind-sitesearch ._search-form ._attributegroup {
padding: 20px 0;
} #popfind-sitesearch ._search-main ._searchresults ._wrap ._snippet {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
word-break: break-all;
-webkit-line-clamp: 3;
line-height: 1.5;
max-height: 4.5em;
}
}