.pageTitle{background-image:url(../species/img/pagetitle.jpg)}.content #species{padding-top:0;text-align:left}.content #species .speciesNavi{padding-bottom:30px}@media screen and (max-width: 767px){.content #species .speciesNavi{margin:0 -20px;padding-bottom:20px}}.content #species .speciesNavi li{display:inline-block;padding:5px}@media screen and (max-width: 767px){.content #species .speciesNavi li{padding:3px}}.content #species .speciesNavi li a{display:block;padding:5px 15px;cursor:pointer;color:#162448;text-decoration:none;border:1px solid #162448;transition:0.3s}@media screen and (max-width: 767px){.content #species .speciesNavi li a{padding:5px 10px;font-size:80%}}.content #species .speciesNavi li a.current,.content #species .speciesNavi li a:hover{color:#fff;background-color:#162448}.content #species .speciesCategoryTitle{padding:30px 0 10px;font-size:2.8rem;font-weight:bold}@media screen and (max-width: 767px){.content #species .speciesCategoryTitle{font-size:2rem}}.content #species .speciesList{overflow:hidden}@media screen and (max-width: 767px){.content #species .speciesList{margin:0 -10px}}.content #species .speciesList li{float:left;width:25%;padding:0 15px 20px}@media screen and (max-width: 767px){.content #species .speciesList li{width:50%;padding:0 10px 10px}}.content #species .speciesList li img{max-width:100%;height:auto}.content #species .speciesTitle{float:right;width:40%;padding-top:80px;padding-bottom:40px;font-size:3.2rem;font-weight:bold}@media screen and (max-width: 767px){.content #species .speciesTitle{float:none;width:100%;padding-top:20px;padding-bottom:2cqmax;font-size:2.8rem}}.content #species .images{float:left;width:60%;padding-top:80px;padding-right:80px;padding-left:10px;text-align:center;overflow:hidden}@media screen and (max-width: 767px){.content #species .images{float:none;width:100%;padding-top:0;padding-right:0;padding-left:0}}.content #species .images>div{display:inline-block;padding:0 10px 30px;width:24%}@media screen and (max-width: 767px){.content #species .images>div{width:49%;padding:0 5px 20px}}.content #species .images>div:nth-child(1){width:49%;padding-left:10px;padding-right:20px}@media screen and (max-width: 767px){.content #species .images>div:nth-child(1){padding-left:0;padding-right:5px}}.content #species .images>div:nth-child(2){width:49%;padding-left:20px;padding-right:10px}@media screen and (max-width: 767px){.content #species .images>div:nth-child(2){padding-left:5px;padding-right:0}}.content #species .images>div .name{padding-top:10px;text-align:center}.content #species .images>div .image{line-height:1}.content #species .images>div img{max-width:100%;box-shadow:3px 3px 10px 0 rgba(0,0,0,0.3)}@media screen and (max-width: 767px){.content #species .images>div img{box-shadow:2px 2px 5px 0 rgba(0,0,0,0.3)}}.content #species .speciesData{clear:right;float:right;width:40%}@media screen and (max-width: 767px){.content #species .speciesData{float:none;width:100%;font-size:1.45rem}}.content #species .speciesData .dataList{overflow:hidden}.content #species .speciesData .dataList dt,.content #species .speciesData .dataList dd{padding-bottom:15px}.content #species .speciesData .dataList dt{clear:left;float:left;width:110px}.content #species .speciesData .dataList dd{margin-left:110px}.content #species .speciesData .dataList .otherName{position:relative;display:inline-block;padding:5px 10px 0;line-height:1.4}.content #species .speciesData .dataList .otherName::before,.content #species .speciesData .dataList .otherName::after{content:"";position:absolute;width:4px;top:5px;bottom:2px;border:1px solid #333}.content #species .speciesData .dataList .otherName::before{left:0;border-right-width:0}.content #species .speciesData .dataList .otherName::after{right:0;border-left-width:0}.content #species .speciesData .feature{padding-top:20px;padding-bottom:20px}@media screen and (max-width: 767px){.content #species .speciesData .feature{padding-top:10px;padding-bottom:10px}}.content #species .speciesData .types{width:100%;margin-top:20px}@media screen and (max-width: 767px){.content #species .speciesData .types{margin-top:10px}}.content #species .speciesData .types thead th{background-color:#eee}.content #species .speciesData .types th,.content #species .speciesData .types td{padding:5px;text-align:center;border:1px solid #333}.content #species .speciesData .typesExp{margin-top:20px;padding:15px 20px;font-size:1.1rem;line-height:1.4;overflow:hidden;background-color:#f2f2f2}.content #species .speciesData .typesExp .heading{padding:20px 0 10px;font-size:1.3rem;font-weight:bold}.content #species .speciesData .typesExp .heading:first-child{padding-top:0}.content #species .speciesData .typesExp .diffStatus{overflow:hidden}.content #species .speciesData .typesExp .diffStatus dt,.content #species .speciesData .typesExp .diffStatus dd{padding-bottom:0.5em}.content #species .speciesData .typesExp .diffStatus dt{clear:left;float:left;width:160px}.content #species .speciesData .typesExp .diffStatus dd{margin-left:160px}.content #species .speciesData .typesExp .priceStatus{float:left;overflow:hidden}@media screen and (max-width: 767px){.content #species .speciesData .typesExp .priceStatus{float:none}}.content #species .speciesData .typesExp .priceStatus dt,.content #species .speciesData .typesExp .priceStatus dd{padding-bottom:0.5em}.content #species .speciesData .typesExp .priceStatus dt{clear:left;float:left;width:60px}.content #species .speciesData .typesExp .priceStatus dd{margin-left:60px}.content #species .speciesData .typesExp .priceExp{float:right;width:180px}@media screen and (max-width: 767px){.content #species .speciesData .typesExp .priceExp{float:none;width:100%;padding-top:1em;padding-left:16px}}.content #species .speciesData .typesExp .priceExp p{position:relative;padding-bottom:0.5em}.content #species .speciesData .typesExp .priceExp p::before{content:"※";position:absolute;top:0;left:-16px}.content #species .grid{position:relative;margin:40px 0}@media screen and (max-width: 767px){.content #species .grid{margin:20px -10px}}.content #species .grid .item{display:block;position:absolute;width:25%;height:0;padding-top:28%;z-index:1}@media screen and (max-width: 767px){.content #species .grid .item{width:49.5%;padding-top:55%}}.content #species .grid .item.muuri-item-dragging{z-index:3}.content #species .grid .item.muuri-item-releasing{z-index:2}.content #species .grid .item.muuri-item-hidden{z-index:0}.content #species .grid .item-content{position:absolute;top:20px;left:20px;right:20px}@media screen and (max-width: 767px){.content #species .grid .item-content{top:10px;left:10px;right:10px}}.content #species .grid .item-content img{max-width:100%;box-shadow:2px 2px 6px 0 rgba(0,0,0,0.3)}.content #species .grid .item-text{position:absolute;left:25px;right:25px;bottom:15px;font-size:1.4rem;text-align:center;overflow:hidden}@media screen and (max-width: 767px){.content #species .grid .item-text{left:5px;right:5px;bottom:0px;font-size:1.2rem}}.content #species .grid .item-text .name{float:left;font-weight:bold}.content #species .grid .item-text .type{float:right}.content #species .grid a{display:inline-block;font-size:0}.content #species .listStatus{padding-top:40px;text-align:center}.content #species .citeText{clear:both;padding:40px 0 0;font-size:1.4rem;text-align:right}@media screen and (max-width: 767px){.content #species .citeText{padding:10px 0;font-size:1.2rem}}.content #species .backtoList{clear:both;padding:80px 0;text-align:center}@media screen and (max-width: 767px){.content #species .backtoList{padding:30px 0}}.content #species .backtoList a{display:inline-block;padding:10px 80px;text-decoration:none;border:1px solid #333}@media screen and (max-width: 767px){.content #species .backtoList a{padding:10px 40px}}.content #speciesSearch{padding:60px 0;background-color:#f2f2f2}@media screen and (max-width: 767px){.content #speciesSearch{padding:10px 0}}.content #speciesSearch .searchSetList{font-size:1.4rem;overflow:hidden}@media screen and (max-width: 767px){.content #speciesSearch .searchSetList{font-size:1.2rem}}.content #speciesSearch .searchSetList>li{float:left;width:16.6%;padding:0 10px}@media screen and (max-width: 767px){.content #speciesSearch .searchSetList>li{width:50%;padding:10px}.content #speciesSearch .searchSetList>li:nth-child(2n+1){clear:left}}.content #speciesSearch .searchSetList>li .heading{padding-bottom:10px;font-weight:bold}.content #speciesSearch .searchSetList>li .setItemList.check>li{opacity:0.2}.content #speciesSearch .searchSetList>li .setItemList>li{position:relative;padding:5px;line-height:1;cursor:pointer;user-select:none;transition:0.2s}.content #speciesSearch .searchSetList>li .setItemList>li.disable{opacity:0.2}.content #speciesSearch .searchSetList>li .setItemList>li:hover{background-color:#ddd}.content #speciesSearch .searchSetList>li .setItemList>li::before{content:"";position:absolute;top:50%;left:50%;right:50%;bottom:50%;border:0 solid #333;z-index:10;transition:0.2s}.content #speciesSearch .searchSetList>li .setItemList>li.current{opacity:1}.content #speciesSearch .searchSetList>li .setItemList>li.current::before{top:0;left:0;right:0;bottom:0;border-width:1px}