/* Mobile layouts only. Desktop artwork and dimensions remain unchanged. */
@media(max-width:760px){
 html{min-width:0!important;min-height:100%;}body{min-width:0!important;font-size:16px;line-height:1.7;overflow-wrap:anywhere;}
 body:not(.museum-home):not(.museum-ipis-home) #wrapper, #spec{width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto!important;box-sizing:border-box;}
 #header{width:100%!important;height:auto!important;min-height:155px;box-sizing:border-box;padding:12px;}
 #header #title{position:static;max-width:100%;text-align:center;margin:0!important;}#title .en{font-size:12px;}#title .jp{font-size:20px;line-height:1.5;}
 #header .srcTitle{position:static;width:100%;height:auto;text-indent:0;background:none!important;font-size:22px;line-height:1.5;text-align:center;margin:12px 0;transform:none!important;}
 #header #logo{max-width:170px;height:auto;}#header #shimane_link,#header #trw_link,#header #manual_link{position:static;display:inline-block;vertical-align:middle;margin:4px 8px;}
 #contents{width:100%!important;min-width:0!important;min-height:0!important;padding:14px 10px!important;box-sizing:border-box;}
 #search,#result,#id_search{width:100%!important;max-width:100%;margin:0 auto 24px!important;box-sizing:border-box;}
 table.search,table#search1{width:100%!important;}table.search th,table.search td,table#search1 th,table#search1 td{display:block;width:100%!important;box-sizing:border-box;text-align:left;white-space:normal;}
 input[type=text],input[type=search],input[type=password],select,textarea{font-size:16px;max-width:100%;box-sizing:border-box;}input[name=keyword]{width:100%!important;min-height:42px;}
 button,input[type=submit],input[type=button],.btn{min-height:40px;font-size:16px;box-sizing:border-box;line-height:1.5;padding:7px 10px;}
 input[type=checkbox],input[type=radio]{width:19px;height:19px;vertical-align:middle;}label{line-height:1.8;}
 #footer{position:relative!important;width:100%!important;height:auto!important;min-height:40px;margin-top:25px;}#footer address{font-size:12px;line-height:1.6;}
 .museum-home #wrapper,.museum-ipis-home #wrapper{width:100%;min-height:0;height:auto!important;padding-bottom:70px;background-position:left bottom;}
 .museum-home #header{min-height:220px!important;}.museum-home #specimens{top:auto!important;bottom:34px;right:calc(50% - 100px)!important;}.museum-home #visitors{top:auto!important;bottom:8px;right:calc(50% - 100px)!important;}
 .museum-home #gnav,.museum-ipis-home #gnav_ipis{padding:0!important;gap:20px;}.museum-home #gnav li,.museum-ipis-home #gnav_ipis li{float:none!important;margin:0!important;}
 .museum-home #welcometoSDH{margin:25px auto 0;}.museum-home #footer,.museum-ipis-home #footer{position:absolute!important;bottom:0;}.museum-ipis-home #header{display:none;}
 #photo_title{width:100%!important;margin:0!important;padding:16px 12px!important;box-sizing:border-box;font-size:20px;line-height:1.5;}
 #photo_title h1{font-size:22px;}#photo_title h2{font-size:17px;}
 #photo_area,#speciesData{width:100%!important;max-width:100%;height:auto!important;margin:12px auto!important;float:none!important;box-sizing:border-box;}
 #photo_area{padding:0 10px;display:block;}#full_size_link{width:100%!important;height:auto!important;position:relative;}
 #photo_area img:not(.overlay),#full_size_link img.specimen-copyable,#full_size_link img.specimen_thumb{display:block;width:100%!important;max-width:100%;height:auto!important;object-fit:contain;}
 #photo_area img.overlay{width:115px!important;height:auto!important;position:absolute;top:0;left:0;pointer-events:none;}
 #specification{display:block;width:100%!important;margin:18px auto!important;padding:0 10px;box-sizing:border-box;}#specification tbody{display:block;}#specification tr{display:grid;grid-template-columns:115px minmax(0,1fr);border-bottom:1px solid #dce2db;}#specification td,#specification th{width:auto!important;padding:8px;white-space:normal;text-align:left;overflow-wrap:anywhere;}
 #spec > p,#spec > div:not(#photo_area):not(#speciesData),#comment,#identification,#speciesLink,#species_link{max-width:100%;box-sizing:border-box;}#spec .btn{margin:4px;max-width:100%;}
 #aiHeader{height:auto!important;min-height:0!important;display:flex;flex-wrap:wrap;gap:8px;padding:12px!important;box-sizing:border-box;width:100%!important;}
 #aiHeader #title{position:static;width:100%;font-size:16px;}#aiHeader #title .jp{font-size:20px;}#aiSrcTitle{position:static!important;width:100%!important;font-size:20px!important;line-height:1.5!important;margin:16px 0!important;}
 #aiHeader>a{position:static!important;flex:0 0 135px;margin:0!important;transform:scale(.8);transform-origin:left center;}
 #upFileWrap,#inputFile,#dropArea{width:100%!important;box-sizing:border-box;}#inputFile{padding:0!important;}#dropArea{position:static!important;padding:16px 10px!important;margin:0;}#inputFileWrap{margin:10px auto;}#uploadDiscramer{padding:0 8px;font-size:14px;}
 #previewArea img{max-width:100%!important;height:auto;}#ai_sample ul{padding:0!important;gap:12px;}#ai_sample li{flex:1 1 250px!important;max-width:100%;}#ai_sample p.explanation{height:auto;min-height:80px;}
 #ai_disclaimer{width:100%!important;margin:20px auto!important;padding:10px;box-sizing:border-box;}#result ul{width:100%!important;padding:0!important;justify-content:center;}#result li.result{max-width:100%;height:auto!important;min-height:0;}
 .id_item_list,.id_item_list_xy,.id_spec_list{display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px;width:100%!important;padding:0!important;}.id_item_list>li,.id_item_list_xy>li,.id_spec_list>li{float:none!important;max-width:100%;margin:0!important;box-sizing:border-box;}.id_item_list li.family{width:100%!important;}.id_item_list .img_div{max-width:100%;}.id_item_list img{max-width:100%;height:auto;}#spec_description,#link_area{float:none!important;width:100%!important;margin:10px 0!important;}
 .museum-welcome{padding:12px!important;box-sizing:border-box;}.museum-welcome p{margin-left:0!important;margin-right:0!important;text-indent:0!important;}.museum-welcome img{max-width:100%;height:auto;}
}
@media(max-width:600px){
 .museum-list #res{display:block!important;width:100%!important;table-layout:auto;}.museum-list #res colgroup,.museum-list #res thead{display:none;}.museum-list #res tbody{display:grid;gap:14px;}.museum-list #res tbody tr{display:grid;grid-template-columns:60px minmax(0,1fr);border:1px solid #d6ded3;border-radius:8px;padding:10px;background:#fff;gap:5px;}.museum-list #res td{display:block;grid-column:1/-1;width:auto!important;padding:4px;white-space:normal;}.museum-list #res td::before{content:attr(data-label);display:block;font-size:12px;color:#657568;}.museum-list #res td h3{font-size:17px;}.museum-list #res td .scientific{font-size:15px;}
 .museum-plants #res td:nth-child(1){grid-column:1;grid-row:1/3;}.museum-plants #res td:nth-child(2),.museum-plants #res td:nth-child(3){grid-column:2;}.museum-plants #res td:nth-child(1)::before{display:none;}
}
@media(max-width:760px){
 .museum-home #header{min-height:290px!important;}
 .museum-home #specimens{bottom:42px;}.museum-home #visitors{bottom:10px;}
}
@media(max-width:760px){
 #disclaimer,#disclaimer p,#result>h2{width:100%!important;max-width:100%!important;box-sizing:border-box;}
 #result .paging{display:flex;flex-wrap:wrap;max-width:100%;height:auto;}
 .museum-list #res td h3{margin:0;}.museum-list #res td.tb_id{font-size:14px;}
}
@media(max-width:760px){
 #aiHeader>a{flex:0 0 150px;width:150px!important;background-size:contain;transform:none!important;}
 #ai_sample{margin-left:0!important;margin-right:0!important;}#ai_sample ul{margin-left:0!important;margin-right:0!important;box-sizing:border-box;}
}

/* Keep result heading, count and pagination in normal flow on phones. */
@media(max-width:760px){
 .museum-list #result>h2{height:auto;min-height:0;text-indent:0;background:none;overflow:visible;font-size:20px;line-height:1.5;margin:0 0 12px;padding:0 0 6px;border-bottom:2px solid #dce4e5;}
 .museum-list #result #paging{position:static;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;width:100%;height:auto;margin:0 0 18px;padding:0;list-style:none;}
 .museum-list #paging li{float:none;display:block;font-size:15px;line-height:1.5;}
 .museum-list #paging #totalNum{flex-basis:100%;padding:0;margin-bottom:4px;}
 .museum-list #paging a.paging{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:40px;padding:0 4px;box-sizing:border-box;}
 .museum-list #paging li.currentPage{font-size:18px;font-weight:bold;min-width:34px;text-align:center;}
}