@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------

*****　cssカスタマイズについての注意点　*****

------------------------------------------------------------

cssカスタマイズの際は、
元ファイル（search.css）に直接上書きせず、別途上書き用のCSSファイルをご用意の上、編集ください。

　・元ファイルと上書き用ファイルをわけることで、カスタマイズ箇所が明確にすることができます。
　・当ツールの更新等が発生した際等にも、差し替え作業が簡単にできます。



/*----------------------------------------------------------
reset　ここから
----------------------------------------------------------*/
#site-search-contents, #site-search-contents div, #site-search-contents span, #site-search-contents a, #site-search-contents p, #site-search-contents object, #site-search-contents iframe, #site-search-contents h1, #site-search-contents h2, #site-search-contents h3, #site-search-contents h4, #site-search-contents h5, #site-search-contents h6, #site-search-contents blockquote, #site-search-contents pre, #site-search-contents abbr, #site-search-contents address, #site-search-contents cite, #site-search-contents code, #site-search-contents del, #site-search-contents dfn, #site-search-contents em, #site-search-contents img, #site-search-contents ins, #site-search-contents kbd, #site-search-contents q, #site-search-contents samp, #site-search-contents small, #site-search-contents strong, #site-search-contents sub, #site-search-contents sup, #site-search-contents var, #site-search-contents b, #site-search-contents i, #site-search-contents dl, #site-search-contents dt, #site-search-contents dd, #site-search-contents ol, #site-search-contents ul, #site-search-contents li, #site-search-contents fieldset, #site-search-contents form, #site-search-contents label, #site-search-contents legend, #site-search-contents textarea, #site-search-contents input, #site-search-contents table, #site-search-contents caption, #site-search-contents tbody, #site-search-contents tfoot, #site-search-contents thead, #site-search-contents tr, #site-search-contents th, #site-search-contents td, #site-search-contents article, #site-search-contents aside, #site-search-contents canvas, #site-search-contents details, #site-search-contents figcaption, #site-search-contents figure, #site-search-contents footer, #site-search-contents header, #site-search-contents hgroup, #site-search-contents menu, #site-search-contents nav, #site-search-contents section, #site-search-contents summary, #site-search-contents time, #site-search-contents mark, #site-search-contents audio, #site-search-contents video, #site-search-contents ::before, #site-search-contents ::after{
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size:14px;
 vertical-align: baseline;
 letter-spacing: normal;
 line-height: 1.4
}
#site-search-contents *, #site-search-contents *::before, #site-search-contents *::after {
 box-sizing: border-box;
}
#site-search-contents article,#site-search-contents aside,#site-search-contents details,#site-search-contents figcaption,#site-search-contents figure,
#site-search-contents footer,#site-search-contents header,#site-search-contents hgroup,#site-search-contents main,#site-search-contents menu,
#site-search-contents nav,#site-search-contents section {
 display: block;
}

#site-search-contents p {
 margin: 20px 0;
 text-align: right;
 padding-right: 10px;
}
#site-search-contents ul, #site-search-contents li {
 list-style: none;
}
#site-search-contents table {
 border-spacing: 0;
 border-collapse: collapse;
}
#site-search-contents a,#site-search-contents img,#site-search-contents a:hover,#site-search-contents img:hover{
 opacity:1;
}

input[type='submit'], input[type='radio'], input[type='button'] {
 cursor: pointer;
}
input[type='text'],input[type='submit']:hover, input[type='radio']:hover, input[type='button']:hover {
 opacity:1;
}

/*----------------------------------------------------------
reset　ここまで
----------------------------------------------------------*/
/*----------------------------------------------------------
result.html用css
----------------------------------------------------------*/
#site-search-wrapper #site-search-contents {
 font-family: Arial, Roboto, "Droid Sans", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size:100%;
 padding: 10px 10px;
 margin: 0 auto;
 color: #333;
 line-height: 1.4
}
#site-search-contents a, #site-search-contents a:visited {
 color: #2d8cc8;
 text-decoration: none;
}
#site-search-contents a:hover {
 color: #2d8cc8;
 text-decoration: underline;
}
#site-search-wrapper #site-search-contents .site-search-input {
 width: 100%;
 max-width: 600px;
}
#site-search-contents #btmform .site-search-form {
 position: relative;
 width: 100%;
 max-width: 600px;
 margin: 0 auto;
}

#site-search-contents #btmform .site-search-input {
 margin: 0 auto;
}
#site-search-contents .site-search-input-wrapper {
 position: relative;
margin-bottom:10px;
}

#site-search-contents .site-search-input-wrapper input[type="text"] {
 width: 90%;
 padding: 10px 0px 10px 10px;
	font-size:114.285714285%; /*15px以下だとiPhoneで画面拡大されるため、16px以上を推奨*/
 height: 35px;
 box-sizing: border-box;
 border-radius: 3px 0px 0px 3px;
 border: solid 1px #ccc;
 margin-right: 0px;
 float: left;
}

#site-search-wrapper #site-search-contents .site-search-input-wrapper input[type="text"]:hover {
 outline: 0;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

#site-search-wrapper #site-search-contents .site-search-input-wrapper input[type="submit"] {
 height: 35px;
 width: 10%;
 box-sizing: border-box;
 vertical-align: bottom;
 background-color: #eee;
 background-image: url(https://kagu.plus.co.jp/kagu/wp-content/themes/kagu_plus/assets/images/common/search_bt.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: auto 20px;
 cursor: pointer;
 border: solid 1px #ccc;
 border-radius: 0px 3px 3px 0px;
 font-size: 0%;
}
#site-search-wrapper #site-search-contents .site-search-input-wrapper input[type="submit"]:hover {
 background-color: #eee;
}

#site-search-wrapper #site-search-contents .site-search-suggest {
 width: 100%;
 position: absolute;
 top: 34px;
 left: 0;
 z-index: 100;
}

#site-search-wrapper #site-search-contents .site-search-suggest .suggest-list {
 box-sizing: border-box;
 width: 90%;
 padding: 12px 10px 0px 5px;
 border: solid 1px #ccc;
 border-radius: 0px 0px 2px 2px;
 background: #fff;
 max-width: 540px;
 box-shadow: 2px 7px 7px 0px rgba(0, 0, 0, 0.08);
}

#site-search-wrapper #site-search-contents .site-search-suggest .suggest-item {
 margin-right: 10px;
 margin-bottom: 5px;
 color: #2d8cc8;
 font-weight: bold;
 display: block;
}

#site-search-wrapper #site-search-contents .site-search-suggest .suggest-item:hover {
 text-decoration: underline;
 cursor: pointer;
}

/*---------------------------------------
カテゴリ
---------------------------------------*/
#site-search-contents .result-pattern {
 width: 100%;
 margin-top: 7px;
 margin-bottom: 20px;
 overflow: hidden
}
#site-search-contents .result-pattern dl {
 box-sizing: border-box;
 margin-left: 0;
 margin-right: 0px;
 overflow: hidden;
 padding-top: 10px;
 margin-bottom: 0;
 margin-top: 0
}
#site-search-contents .result-pattern dl dd {
 margin-left: 100px;
}

#site-search-contents .result-pattern div {
 overflow: hidden
}
#site-search-contents .result-pattern dl.size-selector {
 float: left
}
#site-search-contents .result-pattern dl.sort-selector dt{
 width:86px;
}
#site-search-contents .result-pattern dl.sort-selector dd{
 margin-left:86px;
}


#site-search-contents #site-search-fuzzy{
float: left;
}


#site-search-contents .result-pattern dl dt {
 position: relative;
 float: left;
 width: 100px;
 text-align: right;
 line-height: 1;
 padding-top: 15px;
}
#site-search-contents .result-pattern .label-selector dt:before {
 position: absolute;
 content: "カテゴリ選択：";
 width: 100px;
 top: 0;
 right: 0;
}
#site-search-contents .result-pattern .filetype-selector dt:before {
 position: absolute;
 content: "ファイル形式：";
 width: 100px;
 top: 0;
 right: 0;
}
#site-search-contents .result-pattern .size-selector dt:before {
 position: absolute;
 content: "表示件数：";
 width: 80px;
 top:0;
 right: 0;
}
#site-search-contents .result-pattern .sort-selector dt:before {
 position: absolute;
 content: "並び順：";
 width: 62px;
 top: 0;
 right: 0;
}
#site-search-contents .result-pattern .tag-selector dt:before {
 position: absolute;
 content: "ページ属性：";
 width: 100px;
 top: 0;
 right: 0;
}

#site-search-contents .result-pattern .tag-selector a.tag-open{
position:relative;
display: block;
height: 26px;
width: 124px;
color:#2d8cc8;
border:solid 1px #2d8cc8;
border-radius: 3px;
padding:3px 12px 5px;
margin-top:-3px;
}

#site-search-contents .result-pattern .tag-selector a.tag-open:after {
position:absolute;
content: "ページ属性追加";
left:15px;
}

#site-search-contents .result-pattern .tag-selector a.tag-open:before,
#site-search-contents .result-pattern .tag-selector a.tag-open.open:before{
position:absolute;
content: "▶";
font-size:12px;
left: 2px;
top: 5px;
}

#site-search-contents .result-pattern .tag-selector a.tag-open.open:before{
content: "▼";
}

#site-search-contents .result-pattern .tag-selector dd.add-tag{
display:none;
}

#site-search-contents .result-pattern .tag-selector dd.add-tag.open{
display:block;
clear: both;
}

#site-search-contents .result-pattern .tag-selector .selected-tag label {
position: relative;
}

#site-search-contents .result-pattern .tag-selector .selected-tag label::before{
position: absolute;
content: "×";
padding: 0px 4px 0px 3px;
border-radius: 15px;
text-align: center;
top: -6px;
right: -5px;
width:14px;
height:14px;
font-size: 14px;
line-height: 1;
background: #48a7ef;
color: #fff;
}

#site-search-contents #site-search-fuzzy dt:before{
position:absolute;
content: "おまかせ検索：";
top: 0px;
left: 0px;
width:100px;
}

@-moz-document url-prefix() {
 #site-search-contents .result-pattern dl dt {
  padding-top: 0px;
 }
}
#site-search-contents .result-pattern dl ul {
 padding: 0;
}
#site-search-contents .result-pattern dl li {
 list-style: none;
 float: left;
 margin-left: 5px;
 margin-bottom: 10px;
}
#site-search-contents .result-pattern dl input[type="radio"], #site-search-contents .result-pattern dl input[type="checkbox"] {
 display: none;
}
#site-search-contents .result-pattern dl label {
 margin-right: 5px;
 cursor: pointer;
 background: #eeeeee;
 padding: 5px 10px;
 border-radius: 3px;
 color: #828282;
}

#site-search-contents .result-pattern dl dd.breadcrumb:has(li){
display: inline-block;
margin-left: 0;
}

@-moz-document url-prefix() {
#site-search-contents .result-pattern dl dd.breadcrumb:has(li){
margin-left: 100px;
}
}

#site-search-contents .result-pattern dl dd.breadcrumb label{
background:none;
padding: 5px;
color:#2d8cc8;
margin:0 5px 0 10px;
}
#site-search-contents .result-pattern dl dd.breadcrumb label:hover{
	text-decoration: underline
}


#site-search-contents .result-pattern dl dd.breadcrumb li:first-of-type label{
margin:0 5px 0 0;
}

#site-search-contents .result-pattern dl dd.breadcrumb li{
position: relative;
margin: 0;
margin-bottom: 5px;
}

#site-search-contents .result-pattern dl dd.breadcrumb li:after{
position: absolute;
content:">";
color: #828282
}

/*
#site-search-contents .size-selector label {
 font-size:114.285714285%;
}*/



#site-search-contents .result-pattern dl label:last-child {
 margin-right: 0;
}
#site-search-contents .result-pattern dl input:checked + label {
 background: #2d8cc8;
 color: #ffffff;
}
#site-search-contents .result-pattern dl p {
 margin: 5px;
}
@-moz-document url-prefix() {
 #site-search-contents .sort-selector dt {
  padding-top: 5px;
 }
}
#site-search-contents .sort-selector dd {
 margin-left: 100px
}
#site-search-contents .sort-selector li {
 margin-top: -5px;
}
#site-search-contents .sort-selector label {
 font-size:100% !important;
 margin-bottom: 25px;
 cursor: pointer;
 display: block;
 float: left;
 padding: 10px;
}
#site-search-contents .sort-selector #site-search-sortscore + label {
 position: relative;
 width: 62px;
 box-sizing: border-box;
 padding: 0;
}
#site-search-contents .sort-selector #site-search-sortlastmod + label {
 position: relative;
 width: 64px;
 padding: 0 11px
}
#site-search-contents .sort-selector #site-search-sortscore + label:before, #site-search-contents .sort-selector #site-search-sortlastmod + label:before {
 box-sizing: border-box;
 position: absolute;
 background: #eeeeee;
 color: #828282;
 border-radius: 3px;
 padding: 4px 10px;
}
#site-search-contents .sort-selector #site-search-sortscore + label:before {
 content: "一致順";
 top: 2px;
 left: 0px;
 padding: 4px 10px 3px;
}
#site-search-contents .sort-selector #site-search-sortlastmod + label:before {
 content: "更新順";
 top: 2px;
 left: 0px;
 padding: 4px 10px 3px;
}
#site-search-contents #site-search-fuzzy input#site-search-fuzzy-on + label:before {
 content: "ON";
 top: 0px;
 left: 0px;
}
#site-search-contents #site-search-fuzzy input#site-search-fuzzy-off + label:before {
 content: "OFF";
 top: 0px;
 left: 0px;
}

#site-search-contents .sort-selector #site-search-sortscore:checked + label:before, #site-search-contents .sort-selector #site-search-sortlastmod:checked + label:before {
 color: #ffffff;
 background: #2d8cc8;
}

@media screen and (max-width:767px) {
#site-search-contents .result-pattern dl.size-selector{
 float:none
}
#site-search-contents .result-pattern .size-selector dt:before {
 width: 100px;
}
#site-search-contents .result-pattern dl.sort-selector dt{
 width:100px;
}
#site-search-contents .result-pattern dl.sort-selector dd{
 margin-left:100px;
}


}
@media screen and (max-width:500px) {
#site-search-contents #site-search-fuzzy{
 float:none
}
#site-search-contents .result-pattern .sort-selector dt:before {
 width: 100px;
}
}

/* ファセットカウント表示 */
#site-search-contents .result-pattern .filetype-selector.facetable label,
#site-search-contents .result-pattern .label-selector.facetable label,
#site-search-contents .result-pattern .tag-selector.facetable label{
position:relative;
}

#site-search-contents .result-pattern .filetype-selector.facetable label::after,
#site-search-contents .result-pattern .label-selector.facetable label::after,
#site-search-contents .result-pattern .tag-selector.facetable label::after{
position:absolute;
content: ""attr(data-facet)"";
padding: 1px 4px 0px 3px;
border-radius: 15px;
text-align:center;
top:-6px;
right:-5px;
font-size:10px;
line-height:1;
background:#48a7ef;
color:#fff;
}

#site-search-contents .result-pattern .filetype-selector.facetable label[data-facet="0"]::after,
#site-search-contents .result-pattern .label-selector.facetable label[data-facet="0"]::after,
#site-search-contents .result-pattern .tag-selector.facetable label[data-facet="0"]::after,
#site-search-contents .result-pattern .filetype-selector.facetable label[data-facet$="-"]::after,
#site-search-contents .result-pattern .label-selector.facetable label[data-facet$="-"]::after,
#site-search-contents .result-pattern .tag-selector.facetable label[data-facet$="-"]::after{
display: none;
}

/*---------------------------------------
カテゴリ　ここまで
---------------------------------------*/
#site-search-contents .site-search-result-size {
 clear: both
}
#site-search-contents .site-search-result-size p {
 font-size: 128.571428571%;
 font-weight: bold;
 text-align: right;
 padding-right: 20px
}
#site-search-contents .site-search-result-size p:before {
 content: "検索結果：";
 font-size: 100%;
	display: inline-block;
}
#site-search-contents .site-search-result-size p span{
 font-size:100%;
}
#site-search-contents .site-search-result-size p span.site-search-current-count {
 position: relative;
}
#site-search-contents .site-search-result-size p span.site-search-current-count:after {
 content: " / ";
 font-size: 100%;
	display: inline-block;
}
#site-search-contents .site-search-result-size p span.site-search-total-count {
 position: relative;
	height: 20px;
	display: inline-block;
}
#site-search-contents .site-search-result-size p span.site-search-total-count:after {
 position: absolute;
 content: " 件 ";
 font-size: 100%;
	height: 20px;
padding-left:5px;
top: 0;
	display: inline-block;
}
#site-search-contents #site-search-recommend-wrapper {
 width: 100%;
 max-width: 1300px;
 padding: 0 0 10px;
 box-sizing: border-box
}
#site-search-contents #site-search-recommend-wrapper p.label {
 position: relative;
 width: 130px;
 height: 20px;
 padding-right: 5px;
 text-align: left;
 display: table-cell
}
#site-search-contents #site-search-recommend-wrapper p.label:after {
 position: absolute;
 content: "おすすめページ：";
 width: 130px;
 height: 16px;
 left: 0;
 top: 0;
 font-size:114.285714285%;
 font-weight: bold
}

#site-search-contents #site-search-recommend-wrapper ul {
 margin-left: 20px;
 padding: 0;
 display: table-cell
}
#site-search-contents #site-search-recommend-wrapper li {
 padding-right: 14px;
 margin-bottom: 5px;
 line-height: 1.8
}
#site-search-contents #site-search-recommend-wrapper li a span{
 font-size:114.285714285%;
 font-weight: bold
}

@media screen and (max-width:820px) {
 #site-search-contents #site-search-recommend-wrapper p.label{
 margin:10px 0;
}
 #site-search-contents #site-search-recommend-wrapper p.label, #site-search-contents #site-search-recommend-wrapper ul {
  display: block;
 }
 #site-search-contents #site-search-recommend-wrapper li {
  display: block;
  line-height: 1.6
 }
}


#site-search-summary-wrapper,
#site-search-summary-wrapper[data-status="unreached"]{
display:none;
}

#site-search-summary-wrapper[data-status="connected"],
#site-search-summary-wrapper[data-status="success"],
#site-search-summary-wrapper[data-status="prohibited"],
#site-search-summary-wrapper[data-status="overuse"]{
display:block;
}


#site-search-summary-wrapper[data-status="prohibited"]:after{
content:"AIによる概要は、事前に決められたサーバー上で検索した場合のみ表示されます。";
}

#site-search-summary-wrapper[data-status="overuse"]:after{
content:"AIによる概要は、月間利用可能回数の上限に達しました。翌月より再度ご利用いただけます。";
}

#site-search-summary-wrapper{
position:relative;
background:#f7f7f7;
padding:40px 20px 40px 20px !important;
margin:0 auto 20px !important;
}

#site-search-summary-wrapper[data-status="success"]{
padding-bottom:60px !important;
}

#site-search-summary-wrapper hr{
height: 1px;
background-color: #ccc;
border: none;
margin-bottom:20px;
}

#site-search-summary-wrapper p{
padding-right:0;
}

#site-search-summary-wrapper a{
word-wrap: break-word;
word-break: break-word;
overflow-wrap:anywhere;
display:block;
}

#site-search-summary-wrapper p a{
display:table;
margin-left:25px;
}


#site-search-summary-wrapper dt,
#site-search-summary-wrapper dd,
#site-search-summary-wrapper a{
font-size:100%;
}


#site-search-summary-wrapper > dl{
margin-bottom:45px;
}

#site-search-summary-wrapper > dl > dt{
font-size:114.285714285%;
}


#site-search-summary-wrapper dt{
font-weight:bold;
margin-bottom:12px;
}

#site-search-summary-wrapper dd{
margin-left:20px;
}

#site-search-summary-wrapper dd dl{
margin-top:16px;
margin-bottom:10px;
}

#site-search-summary-wrapper dd dl:has(dd){
margin-bottom:25px;
}

#site-search-summary-wrapper dd dl dt{
margin-bottom:0px;
}

#site-search-summary-wrapper dd dl dd + dt{
margin-top:16px;
}
#site-search-summary-wrapper dd dd{
margin-left:14px;
}

#site-search-summary-wrapper .related_link{
display:block;
width:11px;
height:11px;
mask-image: url(link_icon.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: #2d8cc8;
display: inline-block;
aspect-ratio: 1/1;
}

#site-search-summary-wrapper:before{
position:absolute;
width:170px;
height:20px;
content:"AIによる概要";
left:50%;
top:20px;
transform: translate(-50%,0);
font-weight:bold;
color:#828282;
text-align:center;
}


#site-search-summary-wrapper[data-status="success"]:after{
position:absolute;
width:370px;
height:20px;
content:"このエリアの文章は、サイトの情報を基にAIが生成したものです。\A正確な情報はご自身でご確認ください。";
font-size:85.714285714%;
right:20px;
bottom:30px;
white-space: pre;
color:#828282;
text-align:right;
}


#site-search-summary-wrapper p:first-child{
font-size:107.142857142%;
font-weight:bold;
}


#site-search-summary-wrapper .site-search-summary{
position:relative;
width:100%;
height:80px;
margin:35px auto 10px;
}

#site-search-summary-wrapper[data-status="prohibited"] .site-search-summary,
#site-search-summary-wrapper[data-status="overuse"] .site-search-summary{
height:0px;
}
    
#site-search-summary-wrapper:not([data-status="prohibited"]):not([data-status="overuse"]) .site-search-summary:after{
position:absolute;
width:100px;
height:80px;
content:"準備中";
font-size:85.714285714%;
text-align:center;
left:50%;
top:50%;
transform: translate(-50%, -50%);
padding-top:60px;
}


#site-search-summary-wrapper:not([data-status="prohibited"]):not([data-status="overuse"]) .site-search-summary:before {
position:absolute;
content:"";
width:50px;
height:50px;
--b: 8px; 
aspect-ratio: 1;
border-radius: 50%;
padding: 1px;
background: conic-gradient(#0000 10%,#333) content-box;
-webkit-mask:repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));
-webkit-mask-composite: destination-in;
mask-composite: intersect;
animation:l4 1s infinite steps(10);
left:calc(50% - 25px);
top:calc(50% - 40px);
}

#site-search-summary-wrapper .on-the-way:before{
content:"※以下省略";
}

@keyframes l4{
to{
transform: rotate(1turn)
}
}

@media screen and (max-width:767px){
#site-search-summary-wrapper {
padding: 40px 20px 15px 20px !important;
}

#site-search-summary-wrapper:before{
top:15px;
}

#site-search-summary-wrapper .site-search-summary{
margin:10px auto 0;
}
}

@media screen and (max-width:450px){
#site-search-summary-wrapper[data-status="success"]:after{
width:auto;
height:30px;
right:0;
bottom:30px;
white-space: collapse;
padding:0 20px;
transform: translate(0,0);
text-align: left;
}
}


#site-search-contents h3.result-title{
 margin-top: 0px;
 margin-bottom: 10px;
 font-weight: bold;
}
#site-search-contents h3.result-title a{
 font-size:114.285714285%;
line-height:1.7;

}

#site-search-contents h3.result-title a strong{
font-size: 100%;
text-decoration: overline dotted;
text-decoration-thickness:4px;
line-height:0;
text-decoration-color:#9a9a9a;

}


#site-search-contents #pager {
 margin: 0 auto 10px;
 text-align: center;
}
#site-search-contents #pager span {
 margin-right: 20px;
 font-size:114.285714285%;
}
#site-search-contents #pager .selected {
 font-weight: bold;
}
#site-search-contents #refine-search {
 text-align: right;
}
#site-search-contents #refine-search img {
 width: 177px;
}
#site-search-contents p {
 text-align: left
}
#site-search-contents .zero-result {
 position: relative;
 height: 20px;
 margin-left: 22px;
 margin-top: 60px;
 line-height: 1.0;
 font-weight:bold;
}
#site-search-contents .zero-result:before {
 position: absolute;
 content: "検索キーワードに一致するページは見つかりませんでした。";
}
#site-search-contents .zero-result-hint {
 position: relative;
 font-weight: bold;
 height: 20px;
 margin-top: 20px;
 margin-bottom: 20px;
 display:none;
}
#site-search-contents .zero-result-hint:before {
 position: absolute;
 content: "検索のヒント：";
}
#site-search-contents .zero-result-hint1 {
 position: relative;
 height: 20px;
 margin-left: 22px;
 margin-top: 0px;
margin-bottom: 70px;
 line-height: 1.0;
 font-weight:bold;
}
#site-search-contents .zero-result-hint1:before {
 position: absolute;
 content: "キーワードに誤字・脱字がないか確認ください。別のキーワードもお試しください。";
}
#site-search-contents .zero-result-hint2 {
 position: relative;
 height: 20px;
 margin-left: 22px;
 margin-top: 0px;
 margin-bottom: 70px;
 line-height: 1.0;
 font-weight:bold;
 display:none;
}
#site-search-contents .zero-result-hint2:before {
 position: absolute;
 content: "別のキーワードもお試しください。";
}

#site-search-contents .zero-result-fuzzy {
 position: relative;
 font-weight: bold;
 height: 20px;
 margin-top: 20px;
 margin-bottom: 20px;
 margin-left:20px;
}
#site-search-contents .zero-result-fuzzy:before {
 position: absolute;
 content: "おまかせ検索を実施した結果、検索ヒットしました。下記におまかせ検索の結果を表示します。";
}

#site-search-contents .zero-result-fuzzy-title{
 margin:70px 0 45px;
}

#site-search-contents .zero-result-fuzzy-title:before {
 font-size: 1.5rem;
 content: "おまかせ検索結果";
 font-weight:bold;
}
/*
#site-search-contents .zero-result-fuzzy-link {
 position: relative;
 display:block;
 margin-left:20px;
 background: #2d8cc8;
 border:1px solid #2d8cc8;
 color: #ffffff;
 padding: 5px 10px;
 border-radius: 3px;
 height:40px;
 width:200px;
 text-align:center;
 font-weight:bold;
}

#site-search-contents .zero-result-fuzzy-link:hover{
 background: #fff;
 color: #2d8cc8;
}

#site-search-contents .zero-result-fuzzy-link:before {
 position: absolute;
 content: "あいまい検索を有効にする";
 width:100%;
 left:0;
 top:10px;
}*/

#site-search-contents #site-search-error {
 padding: 20px;
 text-align: center;
}
#site-search-contents .result {
 overflow: hidden;
 clear: both;
 width: 100%;
 position: relative;
}
#site-search-contents .result:after {
 position: absolute;
 content: "";
 background: #eee;
 bottom: 10px;
 left: 0px;
 width: 100%;
 height: 1px;
 z-index: -100;
}
#site-search-contents .result-thumbnail {
 height: 224px;
 padding: 20px 20px 0px 0px;
 box-sizing: border-box;
 float: left;
 margin-right: 0px;
}
#site-search-contents .result-thumbnail img {
 width: 220px;
 height: 168px;
 display: block;
 -webkit-transition: -webkit-transform 0.2s linear;
 transition: transform 0.2s linear;
 -webkit-transform-origin: left top 0;
 transform-origin: left top 0;
 border: 1px solid #ccc;
 box-sizing: border-box;
}
#site-search-contents .result-thumbnail img:hover {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
#site-search-contents .result > div:first-child {
 float: right;
 padding: 20px 0px;
 width: calc(100% - 240px);
}
#site-search-contents .result-description {
 margin-bottom: 20px;
}

#site-search-contents .result-site-path {
 margin-bottom: 7px;
}
#site-search-contents .result-category span{
 margin:0 3px 6px 0px;
 border: solid 1px #2d8cc8;
 color:#2d8cc8;
 padding: 2px 10px;
 border-radius: 3px;
 font-size:13px;
 display: inline-block
}
#site-search-contents .result-last-modified .year:after{
content: "年";
}
#site-search-contents .result-last-modified .month:after{
content: "月";
}
#site-search-contents .result-last-modified .day:after{
content: "日";
}
@media screen and (max-width: 767px) {
 #site-search-contents .result-pattern {
  display: block;
  width: 100%;
  overflow: hidden
 }
 #site-search-contents .result-pattern dl.size-selector {
  text-align: right;
 }
 #site-search-contents .size-selector:before {
  top: 2px;
 }
 #site-search-contents .size-selector p {
  margin-right: 0px;
 }
 #site-search-contents .sort-selector p {
  margin-top: 0px;
 }
 #site-search-contents .result-thumbnail {
  float: none;
 }
 #site-search-contents .result > div:first-child {
  float: none;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 0;
 }
}
@media screen and (max-width: 600px) {
 #site-search-contents .result > div:first-child {
  padding-bottom: 10px;
 }
 #site-search-contents .result-thumbnail, #site-search-contents .result-site-path {
  display: none;
 }
 #site-search-contents .result:after {
  bottom: 0px;
 }
 #site-search-contents .zero-result {
  margin-left: 0px;
 }
 #site-search-contents .zero-result-hint1 {
  margin-left: 0px;
 }
 #site-search-contents .zero-result-hint2 {
  margin-left: 0px;
 }
}
/*---------------------------------------
注目ページ
---------------------------------------*/
#site-search-pickup-wrapper .nsls_pickup_group {
 width: 100%;
}
#site-search-contents #site-search-pickup-wrapper {
  width: 100%;
  max-width: 1300px;
  padding: 0 0 10px;
  box-sizing: border-box;
}

#site-search-pickup-wrapper p.label {
  position: relative;
  width: 105px;
  height: 20px;
  padding-right: 5px;
  display: table-cell;
}

#site-search-pickup-wrapper p.label:after {
 position: absolute;
 content: "注目ページ：";
 height: 16px;
 left:2px;
 top: 2px;
 font-size:114.285714285%;
 font-weight: bold
}
#site-search-pickup-wrapper ul {
 margin-left: 20px;
 padding: 0;
 display: table-cell
}
#site-search-pickup-wrapper li {
 padding-right: 25px;
 margin-bottom: 5px;
 line-height: 1.8
}
#site-search-pickup-wrapper li a span{
 font-size:114.285714285%;
 font-weight: bold
}

@media screen and (max-width:820px) {
#site-search-pickup-wrapper p.label{
 margin:10px 0;
}
#site-search-pickup-wrapper p.label:after {
 left:0;
}
 #site-search-pickup-wrapper p.label, #site-search-pickup-wrapper ul {
  display: block
 }
 #site-search-pickup-wrapper li {
  display: block;
 }
}

/*---------------------------------------
人気ワード
---------------------------------------*/
#site-search-contents #site-search-popular-wrapper {
  width: 100%;
  max-width: 1300px;
  padding: 0 0 10px;
  box-sizing: border-box;
}

#site-search-popular-wrapper p.label {
  position: relative;
  width: 105px;
  height: 20px;
  padding-right: 5px;
  display: table-cell;
}

#site-search-contents #site-search-popular-wrapper p.label:after {
 position: absolute;
 content: "人気ワード：";
 height: 16px;
 left: 2px;
 top: 2px;
 font-size:114.285714285%;
 font-weight: bold
}
#site-search-contents #site-search-popular-wrapper ul {
 margin-left: 20px;
 padding: 0;
 display: table-cell
}
#site-search-contents #site-search-popular-wrapper li {
 padding-right: 15px;
 margin-bottom: 5px;
 line-height: 1.8;
 float:left;
}

#site-search-contents #site-search-popular-wrapper li a span {
  font-size: 114.285714285%;
  font-weight: bold;
}

@media screen and (max-width:820px) {
#site-search-contents #site-search-popular-wrapper p.label{
 margin:10px 0;
}
#site-search-contents #site-search-popular-wrapper p.label:after {
 left:0;
}

#site-search-contents #site-search-popular-wrapper p.label,#site-search-contents #site-search-popular-wrapper ul {
 display:block;
 }
#site-search-contents #site-search-popular-wrapper li {
  display: block;
 }
}

/*----------------------------------------------------------
result.html用css　ここまで
----------------------------------------------------------*/
/*----------------------------------------------------------
input_with_suggest.html用css
----------------------------------------------------------*/
.site-search-form {
 font-family: Arial, Roboto, "Droid Sans", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 margin: 0 auto;
 color: #333;
 font-size:100%;
 line-height: 1.4;
 position: relative
}

.site-search-form input[type="text"] {   
	width: 70%;
    padding: 0px 0px 0px 6px;
    height: 20px;
	font-size: 12px;
    box-sizing: border-box;
    border-radius: 3px 0px 0px 3px;
    border: solid 1px #ccc;
    float: left;
    margin: 2px 0px 0px 0px;
}

.site-search-form input[type="text"]:hover {
 outline: 0;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}


.site-search-form input[type="submit"] {
height: 20px;
    width: 16%;
    box-sizing: border-box;
    vertical-align: bottom;
    background-color: #eee;
    background-image: url(https://kagu.plus.co.jp/kagu/wp-content/themes/kagu_plus/assets/images/common/search_bt.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 16px;
    cursor: pointer;
    border: solid 1px #ccc;
    border-radius: 0px 3px 3px 0px;
    font-size: 0%;
}

.site-search-form .site-search-suggest {
 width: 100%;
 position: absolute;
 top: 34px;
 left: 0;
 z-index: 100;
}

.site-search-form .site-search-suggest .suggest-list {
 box-sizing: border-box;
 width: 80%;
 padding: 12px 10px 0px 5px;
 border: solid 1px #ccc;
 border-radius: 0px 0px 2px 2px;
 background: #fff;
 box-shadow: 2px 7px 7px 0px rgba(0, 0, 0, 0.08);
}
.site-search-form .suggest-item {
 margin-right: 10px;
 margin-bottom: 5px;
 color: #2d8cc8;
 font-weight: bold;
 display: block;
}

.site-search-form .site-search-suggest .suggest-item:hover {
 text-decoration: underline;
 cursor: pointer;
}
/*----------------------------------------------------------
input_with_suggest.html用css　ここまで
----------------------------------------------------------*/