.crawl_title{font-family: coda; font-size: 17pt; font-weight: normal; margin-bottom: 0;}
.info_bar{font-size: 0.90em; color: #666; cursor: pointer;}

.placega{height: 120px; min-width: 800px; float: right;}


form input[type="text"]{line-height: 2em !important;}

.sel a{cursor: pointer !important;}
.mcSmenu .dymenu{margin-top: 0;}


.tmulti{width: 100% !important; overflow-x: auto;  }
.tmulti .d{table-layout: fixed; min-width: 1080px;}
.tmulti thead tr td{overflow: hidden; word-break: break-all;}
.tmulti thead tr td [title]{border-bottom: 1px dotted #888;}
.tmulti tr td{width: 4.5em;}
.tmulti tr td:nth-child(1){width: 3em; word-break: break-all;}
.tmulti tr td:nth-child(2){width: 3em;}
.tmulti tr td:nth-child(3){width: 20%;}
.tmulti tr td:nth-child(4){width: 30%;}
.tmulti tr td:nth-child(5){width: 3.5em;}
.tmulti tr td:nth-child(6){width: 12.5em;}
.tmulti tr td:last-child{width: 6em;}


.tcheck_print tr td:nth-child(1){width: 2em;}
.tcheck_print tr td:nth-child(2){width: 22%;}
.tcheck_print tr td:nth-child(3){width: 25%;}
.tcheck_print tr td:nth-child(5){width: auto;}
.tcheck_print tr td:nth-child(6){width: 2em;}
.tcheck_print tr td:nth-child(7){width: 2em;}
.tcheck_print tr td:nth-child(8){width: 2em;}
.tcheck_print tr td:nth-child(9){width: auto;}
.tcheck_print tr td{width: auto;}



/*.d{clear: both; z-index: 1;}*/
.d header td{word-break: break-all;}
.d thead a{color: inherit;}
.d thead strong{font-size: 1em; margin: 0;}
.d td{position: relative; vertical-align: middle;}
.d thead a{color: inherit;}

.d .addr{ word-break: break-all; color: #777;}
.d .addr a{display: inline; color: darkblue;}
.d .addr .content-type{font-size: 0.9em;}

.d .overview{word-break: break-all; min-width: 300px;}
.d .overview .title{color: #333; font-weight: bold;}
.d .overview .date{font-size: 0.80em; color: green;}
.d .overview .description{}


/*.d tbody span{color: #666;}*/

.d.min{table-layout: fixed; width: 400px; }
.d.min thead td{word-break: break-all;}
.d.min tr td:first-child{overflow: hidden;}
.d.min :not(thead) tr td:first-child:after{content: ""; display: block; width: 1.2em; height: 100%; position: absolute; top: 0px; right: 0px; background: linear-gradient(to left, #fff, transparent);}
.d.min tr td:nth-child(2){width: 5em;}
.d.min tr td:nth-child(3){width: 5em;}
.d.min tr td:nth-child(4){width: 5em;}

.l{text-align: center; vertical-align: middle;}
.l a{text-decoration: underline;}


span[data-http-code^='u']{color: red !important; font-weight: bold;}
span[data-http-code^='4']{color: red !important; font-weight: bold;}
span[data-http-code^='5']{color: red !important; font-weight: bold;}
span[data-http-code^='2']{color: green !important; font-weight: bold;}
span[data-http-code^='3']{color: darkorange !important; font-weight: bold;}

.d tbody .let_ranking{font-size: 1.1em; float: right; margin: 4px;}

.box_search_crawl{float: right; font-size: 18px;}
.box_search_crawl *{font-size: 14px;}

.nav_filter{width: 420px; color: #777;}
.nav_filter{margin-bottom: 10px; font-size: 13px; float: left; }
.nav_filter > span{display: block; color: #333; background-color: #fff; padding: 2px 8px; border-radius: 4px; border: 1px solid #ccc; cursor: default; display: block;}
.nav_filter > div{display: none; width: 406px; z-index: 99; margin-top: 3px; border: 1px solid #ccc; border-radius: 4px;
 background-color: #f2f2f2; position: absolute; padding: 8px;  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);}
.nav_filter > div ul{margin: 0; padding: 0 0 0 0; list-style: none;}
.nav_filter > div ul li{padding: 0;}


nav.pos{font-size: 0.97em; color: #333; margin-bottom: 1.2em;}
nav.pos a{color: darkblue;}

.vignettes{line-height: 3em; margin-bottom: 1em;} 
.vignettes div{display: inline-block; vertical-align: middle; padding: 0 1em; text-align: center; font-size: 0.96em;  border: 1px solid #ccc;  background:#fff; margin-right: 10px; border-radius: 0.3em;}

.vignettes strong{cursor: default;}
.vignettes div{line-height: 1.95em;}
.vignettes div a{color: #444; line-height: 1.95em;}
.vignettes div a:hover{color: #222; text-decoration: none !important;}
.vignettes .sel{ color: #222; font-weight: bold;}

.d a:hover{text-decoration: none;}
strong.light{color: #555; font-size: 0.85em;}


.flex_box_info{columns: 430px auto; column-gap: 10px; }
.flex_box_info > *{width: 90%; float: none; -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
               break-inside: avoid-column; /* W3C */ }

.detail_url_content{display: grid; grid-gap: 0.2em; grid-template-columns: 62% 38%;}
.detail_url_content > div.info_box{width: 95%;}
.detail_url_content > div:not(.info_box) .info_box{width: 95%;}
.detail_url_content > div:nth-child(1){grid-column: 1 / 2;}
.detail_url_content > div:nth-child(1) table td:nth-child(1){width: 120px;}
.detail_url_content > div:nth-child(1) table td:nth-child(3){width: 8em;}
.detail_url_content > div:nth-child(2){grid-column: 2 / 2; grid-row: 1 / span 2;}
.detail_url_content > div:nth-child(2) form{text-align: center; padding: 0.5em;}
.detail_url_content > div:nth-child(2) form input[type=submit]{ background: #0CA900; color: white; border-color: #0CA900;}

@media screen and (max-width: 520px){
	.placega{float: none; min-width: 0;}

	.box_search_crawl{float: none; }
	.box_search_crawl *{text-align: center;}
	.nav_filter, .nav_filter > span, .nav_filter div{width: auto;}

	.detail_url_content{display: block;}
	.detail_url_content > div:nth-child(1){grid-column: 1 / 1;}
	.detail_url_content > div:nth-child(1) table td:nth-child(1){width: auto;}
	.detail_url_content > div:nth-child(2){grid-column: 1 / 1;}
	.detail_url_content > div:nth-child(3){grid-column: 1 / 1;}
}
