@charset "UTF-8";
#container{position:relative;overflow: hidden;}
body{margin:0 auto;}
.clearfix::after{display: block;clear: both;content: "";}

/*PC*/
@media screen and (min-width:768px){
 .wrap{margin-top:50px;min-width: 1000px;width: 100%;overflow: hidden; background:url("../img/top/haikei.jpg") no-repeat /*linear-gradient(to bottom,#19448e 10%,#38a1db 30%,#f8f4e6 40%);*/ fixed;}
  h1{float:left;width:37%;margin-left: 3%;}
  h1 img{width:90%;height: auto;}
.guide{float:right;width:50%;margin:10px 0 60px 0;}
#contents{margin:0 auto; width: 1200px;}
#contents > section{padding-bottom:40px;margin-top:20px;/*background: url("../img/top/retro.gif") repeat;*/}
#siki{width:100%;margin:0 auto;}
.box{width:100%;
     overflow: hidden;

     padding-top:5px;

    }
h2{width:200px;height: 200px;margin:20px 50px 50px 10px;float: left;}
h2 img{width:100%;height: 100%;margin:0;padding:0;}
.list_box{width:960px;height: 250px;background-color: white;margin-left: 220px;}
ul.fishlist {
            display:flex;
            flex-direction:column;
            flex-wrap:wrap;
            margin:20px;
            height:210px;
            width:870px;
            }
ul a{color:#333;font-size:153.9%;}
ul.fishlist > li {height:40px;padding:20px;}
footer{text-align: right;height:300px;background: /*url("../img/top/henoheno.png") right bottom no-repeat;*/ linear-gradient(to bottom,#f8f4eb 60%,#cdd994 80%,#a8bf93 90%,#769164);  fixed;}
}
footer img{}
/*SP*/
@media screen and (max-width:767px){
.wrap{margin-top:60px;width: 100%;background: linear-gradient(to bottom,#19448e 10%,#38a1db 30%,#f8f4e6 40%);}
.guide{width:80%;margin:2vh auto; }
.guide img{width:100%;}
#contents{background-color: rgba(39,70,81,0.8);padding:2vh 0;}
h1{width:95%;margin:0 auto;text-align: center;padding-top:1.5rem;padding-bottom:1rem;}
h1 img{width: 65%;}
h2 {text-align: center;}
h2 img{width:30%;}
#siki{background-color: white;width:95%;margin: 0 auto;}
.list_box{padding:2vh 0;}
ul.fishlist{display:flex;flex-wrap: wrap;justify-content: space-between;;padding:1vh 2vw;}
ul.fishlist > li{width:40%; height:3vh;font-size: 112%;}
footer{text-align: center;background: linear-gradient(to bottom,#f8f4eb 60%,#cdd994 80%,#a8bf93 90%,#769164);  fixed;}
footer div{padding-top:4rem;text-align:right;}
footer div img{width:50%;}
}