/* ============================
	search css
============================ */

#search-select { font-size:90%; line-height:160%; padding-bottom:0.5em; }
#search-input { font-size:20px; }
#search-input input { font-size:100%; line-height:100%; vertical-align:middle; }
.search-form { width:50%; border:none; border-radius:20px; box-shadow:none; padding:10px 20px; -webkit-text-size-adjust:100%; }
.search-form:focus { outline: none; }
.search-btn { display:inline-block; width:30px; height:30px; margin:0 -1.9em 0 0.3em; padding:0; border:none; background:url(../img/search_icon.png) center center no-repeat; background-size:cover; text-indent:-99999px; cursor:pointer; transition:opacity 0.3s ease-out;}
@media (hover: hover) { .search-btn-quick:hover { opacity:0.5; } }

#search-intro { margin-bottom:15px; font-size:120%; line-height:140%; }

.search-notice { margin:15px 0; }
.search-notice li { font-size:80%; line-height:140%; padding-bottom:0.5em; text-indent:-1.0em; padding-left:1.0em; }

#search-advice { padding:20px 20px 10px 20px; border:#444 5px solid; border-radius:20px; }
#search-advice h3 { padding-bottom:10px; margin-bottom:10px; border-bottom:#333 1px solid; font-size:120%; }
#search-advice p { font-size:90%; line-height:160%; padding-bottom:10px; text-align:left; }

@media all and (max-width: 767px) {

#search-intro { margin-bottom:10px; font-size:100%; }

.search-form { width:80%; margin-bottom:10px; padding:5px 10px; box-sizing:border-box; border-radius:15px; font-size:90%; }
.search-btn { display:block; margin:auto; width:160px; height:44px; background:url(../img/search_btn.png) center center no-repeat; background-size:cover; }

.search-notice { margin-bottom:10px; text-align:left; }

#search-advice { padding:10px 10px 5px 10px; border:#444 3px solid; border-radius:15px; }
#search-advice h3 { padding-bottom:7px; margin-bottom:7px; font-size:100%; }
#search-advice p { font-size:80%; line-height:140%; padding-bottom:4px; }

}


/* Search Result
=================================== */

#search-result { margin:30px 0; }
#search-result-inner { margin:30px 0; padding:15px; border:#333 4px solid; border-radius:15px; text-align:left; }

#result-headline { font-weight:bold; font-size:90%; line-height:140%; }

#result-keyword dl { margin-top:10px; /* for space */ font-size:0; }
#result-keyword dl dt, #result-keyword dd { display:inline-block; padding-bottom:0.5em; color:#FFA500; font-weight:bold; line-height:120%; /* for space */ font-size:0.9rem; }
#result-keyword dl dt::after { content:"："; }

#result-tbl table { margin-top:5px; width:100%; border-radius:10px; background-color:#000; color:#000; }
#result-tbl table td { padding:0.8em 0.5em; box-sizing:border-box; background-color:#fff; vertical-align:middle; border-radius:10px; }
#result-tbl table td ul { /* for space */ font-size:0; }
#result-tbl table td ul li { margin:0 0.5em 0.5em 0; padding-bottom:0.5em; line-height:140%; font-weight:bold; border-bottom:#ddd 1px solid; /* for space */ font-size:0.9rem; }
#result-tbl table td ul li:last-child { margin:0; padding-bottom:0; border-bottom:none; }
#result-tbl table td ul li a,
#result-tbl table th ul li a { color:#000; text-decoration:none; }
@media (hover: hover) {
  #result-tbl table td ul li a:hover,
  #result-tbl table th ul li a:hover { text-decoration:underline; }
}


@media all and (max-width: 767px) {

#search-result { margin:15px 0; }
#result-headline{ font-size:80%; }
#result-keyword dl dt, #result-keyword dd { /* for space */ font-size:0.8rem; }
#result-tbl table td ul li { font-size:0.8rem; }

}